@touchvue/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/lib/packages/components/switch/src/switch.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../../locale/index.js');
+var useSetClass = require('../../../hooks/useSetClass.js');
 
 const __default__ = vue.defineComponent({
   name: "ToSwitch"
@@ -11,7 +12,8 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: {
-    readonly: Boolean,
+    flex: Boolean,
+    disabled: Boolean,
     modelValue: {
       type: [Boolean, String, Number],
       default: false
@@ -40,6 +42,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: String,
       default: ""
     },
+    onIcon: {
+      type: String,
+      default: ""
+    },
+    offIcon: {
+      type: String,
+      default: ""
+    },
     color: {
       type: String,
       default: "default"
@@ -55,6 +65,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     comparable: {
       type: Boolean,
       default: false
+    },
+    width: {
+      type: [String, Number],
+      default: ""
     }
   },
   emits: ["update:modelValue", "change"],
@@ -64,7 +78,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const ivalue = vue.ref(props.modelValue);
-    const disabled = vue.ref(props.readonly);
+    const disabled = vue.ref(props.disabled);
     vue.watch(
       () => props.modelValue,
       (val) => {
@@ -73,13 +87,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     vue.watch(
-      () => props.readonly,
+      () => props.disabled,
       (val) => {
         disabled.value = val;
       }
     );
     const setClass = vue.computed(() => {
-      const arr = ["to-form-readonly"];
+      const arr = ["to-disable-target"];
       if (ivalue.value === props.onValue) {
         arr.push(`is-on`);
       }
@@ -87,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         arr.push(`color-${props.color}`);
       }
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...useSetClass.getModeClasses(props.mode));
       }
       if ((ToForm == null ? void 0 : ToForm.comparable) || props.comparable) {
         arr.push("to-compare");
@@ -97,6 +111,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return arr;
     });
+    const setStyle = vue.computed(() => {
+      const obj = {};
+      if (props.width) {
+        obj["--width"] = props.width + "em";
+      }
+      return obj;
+    });
     const changed = vue.computed(() => {
       if ((props.comparable || (ToForm == null ? void 0 : ToForm.comparable)) && valueStore.value.length > 0 && ivalue.value !== valueStore.value[0]) {
         return true;
@@ -146,20 +167,51 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setDisabled
     });
     return (_ctx, _cache) => {
+      const _component_to_icon = vue.resolveComponent("to-icon");
       const _directive_dis = vue.resolveDirective("dis");
       const _directive_tip = vue.resolveDirective("tip");
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        flex: __props.flex ? __props.flex : null,
         class: vue.normalizeClass(["to-switch", setClass.value]),
+        style: vue.normalizeStyle(setStyle.value),
         onClick: toggle
       }, [
         vue.createElementVNode("div", { class: "to-switch-on" }, [
-          vue.createElementVNode("div", { class: "to-switch-on-text" }, vue.toDisplayString(__props.onText), 1)
+          __props.onText ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "to-switch-on-text"
+            },
+            vue.toDisplayString(__props.onText),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          __props.onIcon ? (vue.openBlock(), vue.createBlock(_component_to_icon, {
+            key: 1,
+            class: "to-switch-on-icon",
+            value: __props.onIcon
+          }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true)
         ]),
         vue.createElementVNode("div", { class: "to-switch-off" }, [
-          vue.createElementVNode("div", { class: "to-switch-off-text" }, vue.toDisplayString(__props.offText), 1)
+          __props.offText ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "to-switch-off-text"
+            },
+            vue.toDisplayString(__props.offText),
+            1
+            /* TEXT */
+          )) : vue.createCommentVNode("v-if", true),
+          __props.offIcon ? (vue.openBlock(), vue.createBlock(_component_to_icon, {
+            key: 1,
+            class: "to-switch-off-icon",
+            value: __props.offIcon
+          }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true)
         ]),
         vue.createElementVNode("div", { class: "to-switch-slider" })
-      ], 2)), [
+      ], 14, ["flex"])), [
         [
           _directive_dis,
           disabled.value,

package/lib/packages/components/switch/src/switch.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToSwitch'\n});\n</script>\n<template>\n\t<div v-dis.opacity=\"disabled\" v-tip=\"changed ? t('to.switch.changed') : ''\" class=\"to-switch\" :class=\"setClass\" @click=\"toggle\">\n\t\t<div class=\"to-switch-on\">\n\t\t\t<div class=\"to-switch-on-text\">{{ onText }}</div>\n\t\t</div>\n\t\t<div class=\"to-switch-off\">\n\t\t\t<div class=\"to-switch-off-text\">{{ offText }}</div>\n\t\t</div>\n\t\t<div class=\"to-switch-slider\"></div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, inject } from 'vue'\nimport { t } from '@touchvue/locale'\n\n\n\nconst ToForm = inject<{ comparable?: boolean }>('ToForm')\n\nconst valueStore = ref([])\n\nconst props = defineProps({\n\treadonly: Boolean,\n\tmodelValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: true\n\t},\n\toffValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonColor: {\n\t\ttype: String,\n\t\tdefault: 'primary'\n\t},\n\toffColor: {\n\t\ttype: String,\n\t\tdefault: 'info'\n\t},\n\tonText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\toffText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tbeforeChange: {\n\t\ttype: [Function, String, Boolean],\n\t\tdefault: ''\n\t},\n\tcomparable: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t}\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst ivalue = ref(props.modelValue)\nconst disabled = ref(props.readonly)\n\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tivalue.value = val\n\t},\n\t{ immediate: true }\n)\n\nwatch(\n\t() => props.readonly,\n\tval => {\n\t\tdisabled.value = val\n\t}\n)\n\nconst setClass = computed(() => {\n\tconst arr = ['to-form-readonly']\n\tif (ivalue.value === props.onValue) {\n\t\tarr.push(`is-on`)\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\tif (ToForm?.comparable || props.comparable) {\n\t\tarr.push('to-compare')\n\t}\n\tif (changed.value) {\n\t\tarr.push('to-switch-changed')\n\t}\n\treturn arr\n})\n\nconst changed = computed(() => {\n\tif ((props.comparable || ToForm?.comparable) && valueStore.value.length > 0 && ivalue.value !== valueStore.value[0]) {\n\t\treturn true\n\t} else {\n\t\treturn false\n\t}\n})\n\nasync function toggle() {\n\tif (disabled.value) return\n\tlet flag = true\n\tif (typeof props.beforeChange === 'boolean') {\n\t\tflag = props.beforeChange\n\t} else {\n\t\tif (props.beforeChange) {\n\t\t\tif (typeof props.beforeChange === 'function') {\n\t\t\t\tif (typeof props.beforeChange().then === 'function') {\n\t\t\t\t\tflag = await props.beforeChange()\n\t\t\t\t} else {\n\t\t\t\t\tflag = props.beforeChange()\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tflag = !!props.beforeChange\n\t\t\t}\n\t\t}\n\t}\n\tif (!flag) return false\n\tivalue.value = ivalue.value === props.onValue ? props.offValue : props.onValue\n\temit('update:modelValue', ivalue.value)\n\temit('change', ivalue.value)\n}\n\nconst compare = () => {\n\tvalueStore.value.unshift(ivalue.value)\n}\n// 撤销\nconst restore = () => {\n\tivalue.value = valueStore.value[0]\n\tvalueStore.value.splice(0, 1)\n}\n\nconst setDisabled = (f: boolean) => {\n\tdisabled.value = f\n}\ndefineExpose({\n\tcompare,\n\trestore,\n\tchanged,\n\tsetDisabled\n})\n</script>\n"],"names":["DO_defineComponent","inject","ref","watch","computed","_createElementBlock","_normalizeClass","_createElementVNode","_unref","t"],"mappings":"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"}
+{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToSwitch'\n});\n</script>\n<template>\n\t<div v-dis.opacity=\"disabled\" v-tip=\"changed ? t('to.switch.changed') : ''\" :flex=\"flex ? flex : null\" class=\"to-switch\" :style=\"setStyle\" :class=\"setClass\" @click=\"toggle\">\n\t\t<div class=\"to-switch-on\">\n\t\t\t<div v-if=\"onText\" class=\"to-switch-on-text\">{{ onText }}</div>\n\t\t\t<to-icon v-if=\"onIcon\" class=\"to-switch-on-icon\" :value=\"onIcon\"></to-icon>\n\t\t</div>\n\t\t<div class=\"to-switch-off\">\n\t\t\t<div v-if=\"offText\" class=\"to-switch-off-text\">{{ offText }}</div>\n\t\t\t<to-icon v-if=\"offIcon\" class=\"to-switch-off-icon\" :value=\"offIcon\"></to-icon>\n\t\t</div>\n\t\t<div class=\"to-switch-slider\"></div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { CSSProperties, computed, ref, watch, inject } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\nimport { t } from '@touchvue/locale'\n\n\n\nconst ToForm = inject<{ comparable?: boolean }>('ToForm')\n\nconst valueStore = ref([])\n\nconst props = defineProps({\n\tflex: Boolean,\n\tdisabled: Boolean,\n\tmodelValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: true\n\t},\n\toffValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonColor: {\n\t\ttype: String,\n\t\tdefault: 'primary'\n\t},\n\toffColor: {\n\t\ttype: String,\n\t\tdefault: 'info'\n\t},\n\tonText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\toffText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tonIcon: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\toffIcon: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'default'\n\t},\n\tbeforeChange: {\n\t\ttype: [Function, String, Boolean],\n\t\tdefault: ''\n\t},\n\tcomparable: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: ''\n\t}\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst ivalue = ref(props.modelValue)\nconst disabled = ref(props.disabled)\n\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tivalue.value = val\n\t},\n\t{ immediate: true }\n)\n\nwatch(\n\t() => props.disabled,\n\tval => {\n\t\tdisabled.value = val\n\t}\n)\n\nconst setClass = computed(() => {\n\tconst arr = ['to-disable-target']\n\tif (ivalue.value === props.onValue) {\n\t\tarr.push(`is-on`)\n\t}\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\tif (props.mode) {\n\t\tarr.push(...getModeClasses(props.mode))\n\t}\n\tif (ToForm?.comparable || props.comparable) {\n\t\tarr.push('to-compare')\n\t}\n\tif (changed.value) {\n\t\tarr.push('to-switch-changed')\n\t}\n\treturn arr\n})\n\nconst setStyle = computed(() => {\n\tconst obj: CSSProperties = {}\n\tif (props.width) {\n\t\tobj['--width'] = props.width + 'em'\n\t}\n\treturn obj\n})\n\nconst changed = computed(() => {\n\tif ((props.comparable || ToForm?.comparable) && valueStore.value.length > 0 && ivalue.value !== valueStore.value[0]) {\n\t\treturn true\n\t} else {\n\t\treturn false\n\t}\n})\n\nasync function toggle() {\n\tif (disabled.value) return\n\tlet flag = true\n\tif (typeof props.beforeChange === 'boolean') {\n\t\tflag = props.beforeChange\n\t} else {\n\t\tif (props.beforeChange) {\n\t\t\tif (typeof props.beforeChange === 'function') {\n\t\t\t\tif (typeof props.beforeChange().then === 'function') {\n\t\t\t\t\tflag = await props.beforeChange()\n\t\t\t\t} else {\n\t\t\t\t\tflag = props.beforeChange()\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tflag = !!props.beforeChange\n\t\t\t}\n\t\t}\n\t}\n\tif (!flag) return false\n\tivalue.value = ivalue.value === props.onValue ? props.offValue : props.onValue\n\temit('update:modelValue', ivalue.value)\n\temit('change', ivalue.value)\n}\n\nconst compare = () => {\n\tvalueStore.value.unshift(ivalue.value)\n}\n// 撤销\nconst restore = () => {\n\tivalue.value = valueStore.value[0]\n\tvalueStore.value.splice(0, 1)\n}\n\nconst setDisabled = (f: boolean) => {\n\tdisabled.value = f\n}\ndefineExpose({\n\tcompare,\n\trestore,\n\tchanged,\n\tsetDisabled\n})\n</script>\n"],"names":["DO_defineComponent","inject","ref","watch","computed","getModeClasses","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_unref","t"],"mappings":";;;;;;;;AAEA,MAAA,cAA6BA,mBAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,UAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBD,IAAM,MAAA,MAAA,GAASC,WAAiC,QAAQ,CAAA,CAAA;AAExD,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,EAAE,CAAA,CAAA;AAEzB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AA6Dd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,MAAA,GAASA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACnC,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEnC,IAAAC,SAAA;AAAA,MACC,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACN,QAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACnB,CAAA;AAEA,IAAAA,SAAA;AAAA,MACC,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACN,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA;AAEA,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;AAC/B,MAAM,MAAA,GAAA,GAAM,CAAC,mBAAmB,CAAA,CAAA;AAChC,MAAI,IAAA,MAAA,CAAO,KAAU,KAAA,KAAA,CAAM,OAAS,EAAA;AACnC,QAAA,GAAA,CAAI,KAAK,CAAO,KAAA,CAAA,CAAA,CAAA;AAAA,OACjB;AACA,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OAChC;AACA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,IAAK,CAAA,GAAGC,0BAAe,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,OACvC;AACA,MAAI,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,UAAc,KAAA,KAAA,CAAM,UAAY,EAAA;AAC3C,QAAA,GAAA,CAAI,KAAK,YAAY,CAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAI,QAAQ,KAAO,EAAA;AAClB,QAAA,GAAA,CAAI,KAAK,mBAAmB,CAAA,CAAA;AAAA,OAC7B;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWD,aAAS,MAAM;AAC/B,MAAA,MAAM,MAAqB,EAAC,CAAA;AAC5B,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAI,GAAA,CAAA,SAAS,CAAI,GAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,OAChC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAUA,aAAS,MAAM;AAC9B,MAAA,IAAA,CAAK,KAAM,CAAA,UAAA,KAAc,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,UAAA,CAAA,KAAe,UAAW,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA,IAAK,MAAO,CAAA,KAAA,KAAU,UAAW,CAAA,KAAA,CAAM,CAAC,CAAG,EAAA;AACpH,QAAO,OAAA,IAAA,CAAA;AAAA,OACD,MAAA;AACN,QAAO,OAAA,KAAA,CAAA;AAAA,OACR;AAAA,KACA,CAAA,CAAA;AAED,IAAA,eAAe,MAAS,GAAA;AACvB,MAAA,IAAI,QAAS,CAAA,KAAA;AAAO,QAAA,OAAA;AACpB,MAAA,IAAI,IAAO,GAAA,IAAA,CAAA;AACX,MAAI,IAAA,OAAO,KAAM,CAAA,YAAA,KAAiB,SAAW,EAAA;AAC5C,QAAA,IAAA,GAAO,KAAM,CAAA,YAAA,CAAA;AAAA,OACP,MAAA;AACN,QAAA,IAAI,MAAM,YAAc,EAAA;AACvB,UAAI,IAAA,OAAO,KAAM,CAAA,YAAA,KAAiB,UAAY,EAAA;AAC7C,YAAA,IAAI,OAAO,KAAA,CAAM,YAAa,EAAA,CAAE,SAAS,UAAY,EAAA;AACpD,cAAO,IAAA,GAAA,MAAM,MAAM,YAAa,EAAA,CAAA;AAAA,aAC1B,MAAA;AACN,cAAA,IAAA,GAAO,MAAM,YAAa,EAAA,CAAA;AAAA,aAC3B;AAAA,WACM,MAAA;AACN,YAAO,IAAA,GAAA,CAAC,CAAC,KAAM,CAAA,YAAA,CAAA;AAAA,WAChB;AAAA,SACD;AAAA,OACD;AACA,MAAA,IAAI,CAAC,IAAA;AAAM,QAAO,OAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,QAAQ,MAAO,CAAA,KAAA,KAAU,MAAM,OAAU,GAAA,KAAA,CAAM,WAAW,KAAM,CAAA,OAAA,CAAA;AACvE,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AACtC,MAAK,IAAA,CAAA,QAAA,EAAU,OAAO,KAAK,CAAA,CAAA;AAAA,KAC5B;AAEA,IAAA,MAAM,UAAU,MAAM;AACrB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,KACtC,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACrB,MAAO,MAAA,CAAA,KAAA,GAAQ,UAAW,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AACjC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,CAAe,KAAA;AACnC,MAAA,QAAA,CAAS,KAAQ,GAAA,CAAA,CAAA;AAAA,KAClB,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACZ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,KACA,CAAA,CAAA;;;;;gDAtLA,EAAAE,sBAAA,CAUM,KAAA,EAAA;AAAA,QAVuE,IAAM,EAAA,OAAA,CAAI,IAAG,GAAA,OAAA,CAAI,IAAA,GAAA,IAAA;AAAA,QAAS,OAAKC,kBAAA,CAAA,CAAC,WAAsC,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAjC,KAAA,oBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA,QAAqB,OAAO,EAAA,MAAA;AAAA;QACpKC,sBAGM,CAAA,KAAA,EAAA,EAHD,KAAA,EAAM,gBAAc,EAAA;AAAA,UACb,OAAA,CAAM,yBAAjB,EAAAF,sBAAA;AAAA,YAA+D,KAAA;AAAA,YAAA;AAAA;cAA5C,KAAM,EAAA,mBAAA;AAAA;gCAAuB,QAAM,MAAA,CAAA;AAAA,YAAA,CAAA;AAAA;AAAA,WAAA;UACvC,OAAM,CAAA,MAAA,qBAArBG,gBAA2E,kBAAA,EAAA;AAAA;YAApD,KAAM,EAAA,mBAAA;AAAA,YAAqB,OAAO,OAAM,CAAA,MAAA;AAAA;;QAEhED,sBAGM,CAAA,KAAA,EAAA,EAHD,KAAA,EAAM,iBAAe,EAAA;AAAA,UACd,OAAA,CAAO,0BAAlB,EAAAF,sBAAA;AAAA,YAAkE,KAAA;AAAA,YAAA;AAAA;cAA9C,KAAM,EAAA,oBAAA;AAAA;gCAAwB,QAAO,OAAA,CAAA;AAAA,YAAA,CAAA;AAAA;AAAA,WAAA;UAC1C,OAAO,CAAA,OAAA,qBAAtBG,gBAA8E,kBAAA,EAAA;AAAA;YAAtD,KAAM,EAAA,oBAAA;AAAA,YAAsB,OAAO,OAAO,CAAA,OAAA;AAAA;;QAEnED,sBAAoC,CAAA,KAAA,EAAA,EAA/B,KAAA,EAAM,oBAAkB,CAAA;AAAA;;;UATV,QAAQ,CAAA,KAAA;AAAA;UAAjB,EAAA,SAAN,IAAwB,EAAA;AAAA;QAAQ,CAAA,gBAAA,OAAA,CAAA,KAAA,GAAUE,UAACC,OAAA,CAAA,CAAA,mBAAA,CAAA,GAAA,EAAA,CAAA;AAAA;;;;;;;"}

package/lib/packages/components/tab/index.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=index.d.js.map

package/lib/packages/components/tab/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/tab/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var tab_vue_vue_type_script_setup_true_lang = require('./src/tab.vue2.js');
-var tabItem_vue_vue_type_script_setup_true_lang = require('./src/tab-item.vue2.js');
+var tab = require('./src/tab.vue.js');
+var tabItem = require('./src/tab-item.vue.js');
 var types = require('../../utils/types.js');
 
-const ToTab = types.withInstall(tab_vue_vue_type_script_setup_true_lang.default, { TabItem: tabItem_vue_vue_type_script_setup_true_lang.default });
-const ToTabItem = types.withInstall(tabItem_vue_vue_type_script_setup_true_lang.default);
+const ToTab = types.withInstall(tab.default, { TabItem: tabItem.default });
+const ToTabItem = types.withInstall(tabItem.default);
 
 exports.ToTab = ToTab;
 exports.ToTabItem = ToTabItem;

package/lib/packages/components/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/tab/index.ts"],"sourcesContent":["import Tab from './src/tab.vue'\nimport TabItem from './src/tab-item.vue'\nimport { SFCWithInstall, withInstall } from '@touchvue/utils'\n\nexport const ToTab: SFCWithInstall<typeof Tab> = withInstall(Tab, { TabItem })\n\nexport const ToTabItem: SFCWithInstall<typeof TabItem> = withInstall(TabItem)\n\nexport * from './src/instance'\n\nexport type { TabInstance, TabItemInstance } from './src/instance'\n"],"names":["withInstall","Tab","TabItem"],"mappings":";;;;;;AAIO,MAAM,KAAoC,GAAAA,iBAAA,CAAYC,+CAAK,EAAA,WAAEC,qDAAS,EAAA;AAEhE,MAAA,SAAA,GAA4CF,kBAAYE,mDAAO;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/tab/index.ts"],"sourcesContent":["import Tab from './src/tab.vue'\nimport TabItem from './src/tab-item.vue'\nimport { SFCWithInstall, withInstall } from '@touchvue/utils'\n\nexport const ToTab: SFCWithInstall<typeof Tab> = withInstall(Tab, { TabItem })\n\nexport const ToTabItem: SFCWithInstall<typeof TabItem> = withInstall(TabItem)\n\nexport * from './src/instance'\n\nexport type { TabInstance, TabItemInstance } from './src/instance'\n"],"names":["withInstall","Tab","TabItem"],"mappings":";;;;;;AAIO,MAAM,KAAoC,GAAAA,iBAAA,CAAYC,WAAK,EAAA,WAAEC,iBAAS,EAAA;AAEhE,MAAA,SAAA,GAA4CF,kBAAYE,eAAO;;;;;"}

package/lib/packages/components/tab/src/instance.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.d.js.map

package/lib/packages/components/tab/src/instance.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/tab/src/tab-item.vue.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tabItem_vue_vue_type_script_setup_true_lang = require('./tab-item.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
+var TabItem = /* @__PURE__ */ _pluginVue_exportHelper.default(tabItem_vue_vue_type_script_setup_true_lang.default, [["__file", "tab-item.vue"]]);
 
-
-exports.default = tabItem_vue_vue_type_script_setup_true_lang.default;
+exports.default = TabItem;
 //# sourceMappingURL=tab-item.vue.js.map

package/lib/packages/components/tab/src/tab-item.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"tab-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/tab/src/tab-item.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var index = require('../../../locale/index.js');
 
 const __default__ = vue.defineComponent({
   name: "ToTabItem"
@@ -18,7 +19,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     number: { default: "" },
     lazy: { type: Boolean, default: false },
     on: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    count: { default: "" }
   },
   setup(__props) {
     const slots = vue.useSlots();
@@ -34,6 +36,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const show = vue.computed(() => {
       return tabProvide.selectValue.value === (props.value || props.label);
     });
+    vue.watch(
+      () => props.label,
+      (newLabel, oldLabel) => {
+        if (tabProvide && tabProvide.updateTabLabel) {
+          tabProvide.updateTabLabel(oldLabel, newLabel);
+        }
+      }
+    );
     function init() {
       const tabData = {
         label: props.label,
@@ -44,6 +54,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         disabled: props.disabled,
         data: props.data,
         on: props.on,
+        count: props.count,
         labelSlot: slots.label
       };
       tabProvide.addTab(tabData);
@@ -54,14 +65,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeUnmount(() => {
     });
     return (_ctx, _cache) => {
-      return (_ctx.lazy ? show.value : true) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(["to-content-item", setClass.value])
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2)), [
+      return (_ctx.lazy ? show.value : true) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: vue.unref(index.langKey),
+          class: vue.normalizeClass(["to-tab-page-item", setClass.value])
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      )), [
         [vue.vShow, show.value]
-      ]) : vue.createCommentVNode("", true);
+      ]) : vue.createCommentVNode("v-if", true);
     };
   }
 });

package/lib/packages/components/tab/src/tab-item.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-item.vue2.js","sources":["../../../../../../packages/components/tab/src/tab-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToTabItem'\n});\n</script>\n<template>\n\t<div v-show=\"show\" v-if=\"lazy ? show : true\" class=\"to-content-item\" :class=\"setClass\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, inject, useSlots } from 'vue'\nimport { ITabProvide } from './tab.vue'\n\n\n\ninterface TabItemProps {\n\tdata?: any\n\tlabel?: string\n\tvalue?: string | number\n\ticon?: string\n\tpic?: string\n\tnumber?: string | number\n\tlazy?: boolean\n\ton?: boolean\n\tdisabled?: boolean\n}\n\nconst slots = useSlots()\n\nconst props = withDefaults(defineProps<TabItemProps>(), {\n\tdata: null,\n\tlabel: '',\n\tvalue: '',\n\ticon: '',\n\tpic: '',\n\tnumber: '',\n\tlazy: false,\n\ton: false,\n\tdisabled: false\n})\n\n// 注入父组件的值\nconst tabProvide: ITabProvide = inject('TabProvide')\n\n// computed\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.disabled) {\n\t\tarr.push('disabled')\n\t}\n\treturn arr\n})\n\nconst show = computed(() => {\n\treturn tabProvide.selectValue.value === (props.value || props.label)\n})\n\n// methods\nfunction init() {\n\tconst tabData = {\n\t\tlabel: props.label,\n\t\tvalue: props.value ? props.value : props.label,\n\t\ticon: props.icon,\n\t\tpic: props.pic,\n\t\tnumber: props.number,\n\t\tdisabled: props.disabled,\n\t\tdata: props.data,\n\t\ton: props.on,\n\t\tlabelSlot: slots.label\n\t}\n\ttabProvide.addTab(tabData)\n}\n\nnextTick(() => {\n\tinit()\n})\n\nonBeforeUnmount(() => {\n\t// tabProvide.removeTab(props.value)\n})\n</script>\n"],"names":["DO_defineComponent","useSlots","inject","computed","nextTick","onBeforeUnmount","lazy","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;AAEA,MAAA,cAA6BA,mBAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,WAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;AA0BD,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAad,IAAM,MAAA,UAAA,GAA0BC,WAAO,YAAY,CAAA,CAAA;AAGnD,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;AAC/B,MAAA,IAAI,MAAgB,EAAC,CAAA;AACrB,MAAA,IAAI,MAAM,QAAU,EAAA;AACnB,QAAA,GAAA,CAAI,KAAK,UAAU,CAAA,CAAA;AAAA,OACpB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM;AAC3B,MAAA,OAAO,UAAW,CAAA,WAAA,CAAY,KAAW,MAAA,KAAA,CAAM,SAAS,KAAM,CAAA,KAAA,CAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAGD,IAAA,SAAS,IAAO,GAAA;AACf,MAAA,MAAM,OAAU,GAAA;AAAA,QACf,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,KAAO,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,KAAA;AAAA,QACzC,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,KAAK,KAAM,CAAA,GAAA;AAAA,QACX,QAAQ,KAAM,CAAA,MAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,IAAI,KAAM,CAAA,EAAA;AAAA,QACV,WAAW,KAAM,CAAA,KAAA;AAAA,OAClB,CAAA;AACA,MAAA,UAAA,CAAW,OAAO,OAAO,CAAA,CAAA;AAAA,KAC1B;AAEA,IAAAC,YAAA,CAAS,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AAAA,KAErB,CAAA,CAAA;;AA3EyBC,MAAAA,OAAAA,CAAAA,IAAAA,CAAAA,OAAO,IAAI,CAAA,KAAA,GAAA,2CAApC,EAAAC,sBAAA,CAEM,KAAA,EAAA;AAAA;QAFuC,OAAKC,kBAAA,CAAA,CAAC,iBAA0B,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA;QACpFC,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;kBADD,EAAA,IAAA,CAAI,KAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"tab-item.vue2.js","sources":["../../../../../../packages/components/tab/src/tab-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToTabItem'\n});\n</script>\n<template>\n\t<div v-show=\"show\" v-if=\"lazy ? show : true\" :key=\"langKey\" class=\"to-tab-page-item\" :class=\"setClass\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, inject, useSlots, watch } from 'vue'\nimport { ITabProvide } from './tab.vue'\nimport { langKey } from '@touchvue/locale'\n\n\n\ninterface TabItemProps {\n\tdata?: any\n\tlabel?: string\n\tvalue?: string | number\n\ticon?: string\n\tpic?: string\n\tnumber?: string | number\n\tlazy?: boolean\n\ton?: boolean\n\tdisabled?: boolean\n\tcount?: string | number\n}\n\nconst slots = useSlots()\n\nconst props = withDefaults(defineProps<TabItemProps>(), {\n\tdata: null,\n\tlabel: '',\n\tvalue: '',\n\ticon: '',\n\tpic: '',\n\tnumber: '',\n\tlazy: false,\n\ton: false,\n\tdisabled: false,\n\tcount: ''\n})\n\n// 注入父组件的值\nconst tabProvide: ITabProvide = inject('TabProvide')\n\n// computed\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.disabled) {\n\t\tarr.push('disabled')\n\t}\n\treturn arr\n})\n\nconst show = computed(() => {\n\treturn tabProvide.selectValue.value === (props.value || props.label)\n})\n\n// 监听 label 变化，更新 tab 数据\nwatch(\n\t() => props.label,\n\t(newLabel, oldLabel) => {\n\t\tif (tabProvide && tabProvide.updateTabLabel) {\n\t\t\ttabProvide.updateTabLabel(oldLabel, newLabel)\n\t\t}\n\t}\n)\n\n// methods\nfunction init() {\n\tconst tabData = {\n\t\tlabel: props.label,\n\t\tvalue: props.value ? props.value : props.label,\n\t\ticon: props.icon,\n\t\tpic: props.pic,\n\t\tnumber: props.number,\n\t\tdisabled: props.disabled,\n\t\tdata: props.data,\n\t\ton: props.on,\n\t\tcount: props.count,\n\t\tlabelSlot: slots.label\n\t}\n\ttabProvide.addTab(tabData)\n}\n\nnextTick(() => {\n\tinit()\n})\n\nonBeforeUnmount(() => {\n\t// tabProvide.removeTab(props.value)\n})\n</script>\n"],"names":["DO_defineComponent","useSlots","inject","computed","watch","nextTick","onBeforeUnmount","lazy","_createElementBlock","_unref","langKey","_normalizeClass","_renderSlot"],"mappings":";;;;;;;AAEA,MAAA,cAA6BA,mBAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,WAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AA4BD,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAcd,IAAM,MAAA,UAAA,GAA0BC,WAAO,YAAY,CAAA,CAAA;AAGnD,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;AAC/B,MAAA,IAAI,MAAgB,EAAC,CAAA;AACrB,MAAA,IAAI,MAAM,QAAU,EAAA;AACnB,QAAA,GAAA,CAAI,KAAK,UAAU,CAAA,CAAA;AAAA,OACpB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM;AAC3B,MAAA,OAAO,UAAW,CAAA,WAAA,CAAY,KAAW,MAAA,KAAA,CAAM,SAAS,KAAM,CAAA,KAAA,CAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAGD,IAAAC,SAAA;AAAA,MACC,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,UAAU,QAAa,KAAA;AACvB,QAAI,IAAA,UAAA,IAAc,WAAW,cAAgB,EAAA;AAC5C,UAAW,UAAA,CAAA,cAAA,CAAe,UAAU,QAAQ,CAAA,CAAA;AAAA,SAC7C;AAAA,OACD;AAAA,KACD,CAAA;AAGA,IAAA,SAAS,IAAO,GAAA;AACf,MAAA,MAAM,OAAU,GAAA;AAAA,QACf,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,KAAO,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAM,QAAQ,KAAM,CAAA,KAAA;AAAA,QACzC,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,KAAK,KAAM,CAAA,GAAA;AAAA,QACX,QAAQ,KAAM,CAAA,MAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,IAAI,KAAM,CAAA,EAAA;AAAA,QACV,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,WAAW,KAAM,CAAA,KAAA;AAAA,OAClB,CAAA;AACA,MAAA,UAAA,CAAW,OAAO,OAAO,CAAA,CAAA;AAAA,KAC1B;AAEA,IAAAC,YAAA,CAAS,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAAC,mBAAA,CAAgB,MAAM;AAAA,KAErB,CAAA,CAAA;;AAzFyBC,MAAAA,OAAAA,CAAAA,KAAAA,IAAO,GAAA,IAAA,CAAI,QAAA,2CAApC,EAAAC,sBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFwC,GAAA,EAAKC,UAAOC,aAAA,CAAA;AAAA,UAAE,OAAKC,kBAAA,CAAA,CAAC,kBAA2B,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA;;UACpGC,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;kBADD,EAAA,IAAA,CAAI,KAAA,CAAA;AAAA;;;;;;;"}

package/lib/packages/components/tab/src/tab.vue.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tab_vue_vue_type_script_setup_true_lang = require('./tab.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
+var Tab = /* @__PURE__ */ _pluginVue_exportHelper.default(tab_vue_vue_type_script_setup_true_lang.default, [["__file", "tab.vue"]]);
 
-
-exports.default = tab_vue_vue_type_script_setup_true_lang.default;
+exports.default = Tab;
 //# sourceMappingURL=tab.vue.js.map

package/lib/packages/components/tab/src/tab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"tab.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}