vuetify 3.2.2 → 3.2.3

package/lib/components/VCounter/VCounter.mjs

@@ -7,24 +7,25 @@ import { VSlideYTransition } from "../transitions/index.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
 import { computed } from 'vue';
-import { genericComponent, useRender } from "../../util/index.mjs";
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCounterProps = propsFactory({
+  active: Boolean,
+  max: [Number, String],
+  value: {
+    type: [Number, String],
+    default: 0
+  },
+  ...makeComponentProps(),
+  ...makeTransitionProps({
+    transition: {
+      component: VSlideYTransition
+    }
+  })
+}, 'v-counter');
 export const VCounter = genericComponent()({
   name: 'VCounter',
   functional: true,
-  props: {
-    active: Boolean,
-    max: [Number, String],
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    ...makeComponentProps(),
-    ...makeTransitionProps({
-      transition: {
-        component: VSlideYTransition
-      }
-    })
-  },
+  props: makeVCounterProps(),
   setup(props, _ref) {
     let {
       slots

package/lib/components/VCounter/VCounter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCounter.mjs","names":["VSlideYTransition","makeComponentProps","makeTransitionProps","MaybeTransition","computed","genericComponent","useRender","VCounter","name","functional","props","active","Boolean","max","Number","String","value","type","default","transition","component","setup","_ref","slots","counter","_createVNode","_withDirectives","class","style","_vShow"],"sources":["../../../src/components/VCounter/VCounter.tsx"],"sourcesContent":["// Styles\nimport './VCounter.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport const VCounter = genericComponent()({\n  name: 'VCounter',\n\n  functional: true,\n\n  props: {\n    active: Boolean,\n    max: [Number, String],\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n\n    ...makeComponentProps(),\n    ...makeTransitionProps({\n      transition: { component: VSlideYTransition },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const counter = computed(() => {\n      return props.max ? `${props.value} / ${props.max}` : String(props.value)\n    })\n\n    useRender(() => (\n      <MaybeTransition transition={ props.transition }>\n        <div\n          v-show={ props.active }\n          class={[\n            'v-counter',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { slots.default\n            ? slots.default({\n              counter: counter.value,\n              max: props.max,\n              value: props.value,\n            })\n            : counter.value\n          }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCounter = InstanceType<typeof VCounter>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,QAAQ,GAAGF,gBAAgB,EAAE,CAAC;EACzCG,IAAI,EAAE,UAAU;EAEhBC,UAAU,EAAE,IAAI;EAEhBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,GAAG,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACrBC,KAAK,EAAE;MACLC,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;MACtBG,OAAO,EAAE;IACX,CAAC;IAED,GAAGjB,kBAAkB,EAAE;IACvB,GAAGC,mBAAmB,CAAC;MACrBiB,UAAU,EAAE;QAAEC,SAAS,EAAEpB;MAAkB;IAC7C,CAAC;EACH,CAAC;EAEDqB,KAAKA,CAAEX,KAAK,EAAAY,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAGpB,QAAQ,CAAC,MAAM;MAC7B,OAAOM,KAAK,CAACG,GAAG,GAAI,GAAEH,KAAK,CAACM,KAAM,MAAKN,KAAK,CAACG,GAAI,EAAC,GAAGE,MAAM,CAACL,KAAK,CAACM,KAAK,CAAC;IAC1E,CAAC,CAAC;IAEFV,SAAS,CAAC,MAAAmB,YAAA,CAAAtB,eAAA;MAAA,cACsBO,KAAK,CAACS;IAAU;MAAAD,OAAA,EAAAA,CAAA,MAAAQ,eAAA,CAAAD,YAAA;QAAA,SAGnC,CACL,WAAW,EACXf,KAAK,CAACiB,KAAK,CACZ;QAAA,SACOjB,KAAK,CAACkB;MAAK,IAEjBL,KAAK,CAACL,OAAO,GACXK,KAAK,CAACL,OAAO,CAAC;QACdM,OAAO,EAAEA,OAAO,CAACR,KAAK;QACtBH,GAAG,EAAEH,KAAK,CAACG,GAAG;QACdG,KAAK,EAAEN,KAAK,CAACM;MACf,CAAC,CAAC,GACAQ,OAAO,CAACR,KAAK,MAAAa,MAAA,EAbRnB,KAAK,CAACC,MAAM;IAAA,EAiB1B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCounter.mjs","names":["VSlideYTransition","makeComponentProps","makeTransitionProps","MaybeTransition","computed","genericComponent","propsFactory","useRender","makeVCounterProps","active","Boolean","max","Number","String","value","type","default","transition","component","VCounter","name","functional","props","setup","_ref","slots","counter","_createVNode","_withDirectives","class","style","_vShow"],"sources":["../../../src/components/VCounter/VCounter.tsx"],"sourcesContent":["// Styles\nimport './VCounter.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { type Component, computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCounterProps = propsFactory({\n  active: Boolean,\n  max: [Number, String],\n  value: {\n    type: [Number, String],\n    default: 0,\n  },\n\n  ...makeComponentProps(),\n  ...makeTransitionProps({\n    transition: { component: VSlideYTransition as Component },\n  }),\n}, 'v-counter')\n\nexport const VCounter = genericComponent()({\n  name: 'VCounter',\n\n  functional: true,\n\n  props: makeVCounterProps(),\n\n  setup (props, { slots }) {\n    const counter = computed(() => {\n      return props.max ? `${props.value} / ${props.max}` : String(props.value)\n    })\n\n    useRender(() => (\n      <MaybeTransition transition={ props.transition }>\n        <div\n          v-show={ props.active }\n          class={[\n            'v-counter',\n            props.class,\n          ]}\n          style={ props.style }\n        >\n          { slots.default\n            ? slots.default({\n              counter: counter.value,\n              max: props.max,\n              value: props.value,\n            })\n            : counter.value\n          }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCounter = InstanceType<typeof VCounter>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAAyBC,QAAQ,QAAQ,KAAK;AAAA,SACrCC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,iBAAiB,GAAGF,YAAY,CAAC;EAC5CG,MAAM,EAAEC,OAAO;EACfC,GAAG,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;IACtBG,OAAO,EAAE;EACX,CAAC;EAED,GAAGf,kBAAkB,EAAE;EACvB,GAAGC,mBAAmB,CAAC;IACrBe,UAAU,EAAE;MAAEC,SAAS,EAAElB;IAA+B;EAC1D,CAAC;AACH,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMmB,QAAQ,GAAGd,gBAAgB,EAAE,CAAC;EACzCe,IAAI,EAAE,UAAU;EAEhBC,UAAU,EAAE,IAAI;EAEhBC,KAAK,EAAEd,iBAAiB,EAAE;EAE1Be,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAGtB,QAAQ,CAAC,MAAM;MAC7B,OAAOkB,KAAK,CAACX,GAAG,GAAI,GAAEW,KAAK,CAACR,KAAM,MAAKQ,KAAK,CAACX,GAAI,EAAC,GAAGE,MAAM,CAACS,KAAK,CAACR,KAAK,CAAC;IAC1E,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAAoB,YAAA,CAAAxB,eAAA;MAAA,cACsBmB,KAAK,CAACL;IAAU;MAAAD,OAAA,EAAAA,CAAA,MAAAY,eAAA,CAAAD,YAAA;QAAA,SAGnC,CACL,WAAW,EACXL,KAAK,CAACO,KAAK,CACZ;QAAA,SACOP,KAAK,CAACQ;MAAK,IAEjBL,KAAK,CAACT,OAAO,GACXS,KAAK,CAACT,OAAO,CAAC;QACdU,OAAO,EAAEA,OAAO,CAACZ,KAAK;QACtBH,GAAG,EAAEW,KAAK,CAACX,GAAG;QACdG,KAAK,EAAEQ,KAAK,CAACR;MACf,CAAC,CAAC,GACAY,OAAO,CAACZ,KAAK,MAAAiB,MAAA,EAbRT,KAAK,CAACb,MAAM;IAAA,EAiB1B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}