This commit is contained in:
2022-07-21 03:28:35 +00:00
parent d7c883d6df
commit 51b34b0e1d
30103 changed files with 4152204 additions and 23 deletions
+46
View File
@@ -0,0 +1,46 @@
import { deprecate } from '../../util/console';
import Vue from 'vue';
/* @vue/component */
export default Vue.extend({
name: 'mobile',
props: {
mobileBreakpoint: {
type: [Number, String],
default() {
// Avoid destroying unit
// tests for users
return this.$vuetify ? this.$vuetify.breakpoint.mobileBreakpoint : undefined;
},
validator: v => !isNaN(Number(v)) || ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))
}
},
computed: {
isMobile() {
const {
mobile,
width,
name,
mobileBreakpoint
} = this.$vuetify.breakpoint; // Check if local mobileBreakpoint matches
// the application's mobileBreakpoint
if (mobileBreakpoint === this.mobileBreakpoint) return mobile;
const mobileWidth = parseInt(this.mobileBreakpoint, 10);
const isNumber = !isNaN(mobileWidth);
return isNumber ? width < mobileWidth : name === this.mobileBreakpoint;
}
},
created() {
/* istanbul ignore next */
if (this.$attrs.hasOwnProperty('mobile-break-point')) {
deprecate('mobile-break-point', 'mobile-breakpoint', this);
}
}
});
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/mixins/mobile/index.ts"],"names":[],"mappings":"AAEA,SAAS,SAAT,QAA0B,oBAA1B;AACA,OAAO,GAAP,MAA8B,KAA9B;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,QADkB;AAGxB,EAAA,KAAK,EAAE;AACL,IAAA,gBAAgB,EAAE;AAChB,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADU;;AAEhB,MAAA,OAAO,GAAA;AACL;AACA;AACA,eAAO,KAAK,QAAL,GACH,KAAK,QAAL,CAAc,UAAd,CAAyB,gBADtB,GAEH,SAFJ;AAGD,OARe;;AAShB,MAAA,SAAS,EAAE,CAAC,IACV,CAAC,KAAK,CAAC,MAAM,CAAC,CAAD,CAAP,CAAN,IACA,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,QAA/B,CAAwC,MAAM,CAAC,CAAD,CAA9C;AAXc;AADb,GAHiB;AAoBxB,EAAA,QAAQ,EAAE;AACR,IAAA,QAAQ,GAAA;AACN,YAAM;AACJ,QAAA,MADI;AAEJ,QAAA,KAFI;AAGJ,QAAA,IAHI;AAIJ,QAAA;AAJI,UAKF,KAAK,QAAL,CAAc,UALlB,CADM,CAQN;AACA;;AACA,UAAI,gBAAgB,KAAK,KAAK,gBAA9B,EAAgD,OAAO,MAAP;AAEhD,YAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,gBAAN,EAAwB,EAAxB,CAA5B;AACA,YAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAD,CAAvB;AAEA,aAAO,QAAQ,GACX,KAAK,GAAG,WADG,GAEX,IAAI,KAAK,KAAK,gBAFlB;AAGD;;AAnBO,GApBc;;AA0CxB,EAAA,OAAO,GAAA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,oBAA3B,CAAJ,EAAsD;AACpD,MAAA,SAAS,CAAC,oBAAD,EAAuB,mBAAvB,EAA4C,IAA5C,CAAT;AACD;AACF;;AA/CuB,CAAX,CAAf","sourcesContent":["// Types\nimport { BreakpointName } from 'vuetify/types/services/breakpoint'\nimport { deprecate } from '../../util/console'\nimport Vue, { PropType } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'mobile',\n\n props: {\n mobileBreakpoint: {\n type: [Number, String] as PropType<BreakpointName>,\n default (): BreakpointName | undefined {\n // Avoid destroying unit\n // tests for users\n return this.$vuetify\n ? this.$vuetify.breakpoint.mobileBreakpoint\n : undefined\n },\n validator: v => (\n !isNaN(Number(v)) ||\n ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))\n ),\n },\n },\n\n computed: {\n isMobile (): boolean {\n const {\n mobile,\n width,\n name,\n mobileBreakpoint,\n } = this.$vuetify.breakpoint\n\n // Check if local mobileBreakpoint matches\n // the application's mobileBreakpoint\n if (mobileBreakpoint === this.mobileBreakpoint) return mobile\n\n const mobileWidth = parseInt(this.mobileBreakpoint, 10)\n const isNumber = !isNaN(mobileWidth)\n\n return isNumber\n ? width < mobileWidth\n : name === this.mobileBreakpoint\n },\n },\n\n created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('mobile-break-point')) {\n deprecate('mobile-break-point', 'mobile-breakpoint', this)\n }\n },\n})\n"],"sourceRoot":"","file":"index.js"}