hzzt-plus 0.0.7 → 0.0.9

package/dist/index.full.mjs

@@ -12668,12 +12668,12 @@ var English$1 = {
       retract: "retract"
     },
     pagination: {
-      total: "total",
-      strip: "strip"
+      total: "",
+      strip: ""
     },
     pageSize: {
-      total: "total",
-      strip: "strip",
+      total: "Total ",
+      strip: "",
       page: "page",
       d: "",
       per_page: "per page"
@@ -20537,6 +20537,34 @@ var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "collapse.
 
 const HzztCollapse = withInstall$1(Collapse);
 
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    type: {
+      type: String,
+      default: "el"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const componentName = computed(() => `hzzt-${props.type}-${props.name}`);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElIcon), normalizeProps(guardReactiveProps(unref(attrs))), {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(componentName))))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+
 const _hoisted_1$5 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
 const _hoisted_2$4 = { class: "flex align-items-center" };
 const _hoisted_3$4 = { class: "flex" };
@@ -20550,7 +20578,7 @@ const _hoisted_7$1 = { class: "flex wrap" };
 const __default__$6 = defineComponent({
   name: "HzztTab"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: {
     tabList: {
@@ -20559,9 +20587,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     },
     modelValue: {
       type: [Number, String, Array]
+    },
+    closable: {
+      type: Boolean,
+      default: () => false
     }
   },
-  emits: ["update:modelValue", "tab-click"],
+  emits: ["update:modelValue", "tab-click", "tab-close"],
   setup(__props, { emit }) {
     const props = __props;
     const customTabList = computed(() => props.tabList.map((value) => {
@@ -20579,11 +20611,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", tab.name);
       emit("tab-click", tab, event);
     }
+    function close(index, event) {
+      event.stopPropagation();
+      emit("tab-close", index);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("div", _hoisted_2$4, [
           createElementVNode("div", _hoisted_3$4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
                 class: "hzzt-tab-pane",
@@ -20593,7 +20629,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   createElementVNode("p", {
                     class: normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                   }, toDisplayString(tab.label), 3),
-                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true)
+                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
+                  __props.closable ? (openBlock(), createBlock(HzztIcon$1, {
+                    key: 1,
+                    class: "is-icon-close",
+                    name: "close",
+                    onClick: ($event) => close(index, $event)
+                  }, null, 8, ["onClick"])) : createCommentVNode("v-if", true)
                 ])
               ], 8, _hoisted_4$3);
             }), 128))
@@ -20608,38 +20650,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "index.vue"]]);
 
 const HzztTab = withInstall$1(Tab);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    type: {
-      type: String,
-      default: "el"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs$1();
-    const componentName = computed(() => `hzzt-${props.type}-${props.name}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElIcon), normalizeProps(guardReactiveProps(unref(attrs))), {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(componentName))))
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "index.vue"]]);
-
 const HzztIcon = {
   install(app) {
     app.component("HzztIcon", HzztIcon$1);
@@ -20814,7 +20828,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const compKls = computed(() => {
       return [ns.b(), ns.m(trueSize.value)];
     });
-    const page = computed(() => Math.ceil(props.total / props.pageSize));
+    const page = computed(() => Math.ceil(props.total / props.pageSize) || 1);
     watch(() => props.pageSize, (val) => {
       sizeValue.value = val;
     });

package/dist/locale/en.js

@@ -14,12 +14,12 @@
         retract: "retract"
       },
       pagination: {
-        total: "total",
-        strip: "strip"
+        total: "",
+        strip: ""
       },
       pageSize: {
-        total: "total",
-        strip: "strip",
+        total: "Total ",
+        strip: "",
         page: "page",
         d: "",
         per_page: "per page"

package/dist/locale/en.min.js

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v0.0.1 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.HzztPlusLocaleEn=t())})(this,function(){"use strict";var e={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"total",strip:"strip"},pageSize:{total:"total",strip:"strip",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};return e});
+/*! Hzzt Plus v0.0.1 */(function(e,r){typeof exports=="object"&&typeof module!="undefined"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis!="undefined"?globalThis:e||self,e.HzztPlusLocaleEn=r())})(this,function(){"use strict";var e={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};return e});
 //# sourceMappingURL=en.min.js.map

package/dist/locale/en.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.min.js","sources":["../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n    collapse: {\n      expand: 'expand',\n      retract: 'retract',\n    },\n    pagination: {\n      total: 'total',\n      strip: 'strip',\n    },\n    pageSize: {\n      total: 'total',\n      strip: 'strip',\n      page: 'page',\n      d: '',\n      per_page: 'per page',\n    },\n    quarterpicker: {\n      prevYear: 'Previous Year',\n      nextYear: 'Next Year',\n      year: '',\n      firstQuarter: 'First quarter',\n      secondQuarter: 'Second quarter',\n      thirdQuarter: 'Third quarter',\n      fourthQuarter: 'Fourth quarter',\n    },\n  },\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,WAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;;;;;;;;"}
+{"version":3,"file":"en.min.js","sources":["../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n    collapse: {\n      expand: 'expand',\n      retract: 'retract',\n    },\n    pagination: {\n      total: '',\n      strip: '',\n    },\n    pageSize: {\n      total: 'Total ',\n      strip: '',\n      page: 'page',\n      d: '',\n      per_page: 'per page',\n    },\n    quarterpicker: {\n      prevYear: 'Previous Year',\n      nextYear: 'Next Year',\n      year: '',\n      firstQuarter: 'First quarter',\n      secondQuarter: 'Second quarter',\n      thirdQuarter: 'Third quarter',\n      fourthQuarter: 'Fourth quarter',\n    },\n  },\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,WAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;;;;;;;;"}

package/dist/locale/en.min.mjs

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v0.0.1 */var r={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"total",strip:"strip"},pageSize:{total:"total",strip:"strip",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};export{r as default};
+/*! Hzzt Plus v0.0.1 */var r={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};export{r as default};
 //# sourceMappingURL=en.min.mjs.map

package/dist/locale/en.min.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.min.mjs","sources":["../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n    collapse: {\n      expand: 'expand',\n      retract: 'retract',\n    },\n    pagination: {\n      total: 'total',\n      strip: 'strip',\n    },\n    pageSize: {\n      total: 'total',\n      strip: 'strip',\n      page: 'page',\n      d: '',\n      per_page: 'per page',\n    },\n    quarterpicker: {\n      prevYear: 'Previous Year',\n      nextYear: 'Next Year',\n      year: '',\n      firstQuarter: 'First quarter',\n      secondQuarter: 'Second quarter',\n      thirdQuarter: 'Third quarter',\n      fourthQuarter: 'Fourth quarter',\n    },\n  },\n}\n"],"names":[],"mappings":";;AAAA,SAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"en.min.mjs","sources":["../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n    collapse: {\n      expand: 'expand',\n      retract: 'retract',\n    },\n    pagination: {\n      total: '',\n      strip: '',\n    },\n    pageSize: {\n      total: 'Total ',\n      strip: '',\n      page: 'page',\n      d: '',\n      per_page: 'per page',\n    },\n    quarterpicker: {\n      prevYear: 'Previous Year',\n      nextYear: 'Next Year',\n      year: '',\n      firstQuarter: 'First quarter',\n      secondQuarter: 'Second quarter',\n      thirdQuarter: 'Third quarter',\n      fourthQuarter: 'Fourth quarter',\n    },\n  },\n}\n"],"names":[],"mappings":";;AAAA,SAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;;;;"}

package/dist/locale/en.mjs

@@ -8,12 +8,12 @@ var en = {
       retract: "retract"
     },
     pagination: {
-      total: "total",
-      strip: "strip"
+      total: "",
+      strip: ""
     },
     pageSize: {
-      total: "total",
-      strip: "strip",
+      total: "Total ",
+      strip: "",
       page: "page",
       d: "",
       per_page: "per page"

package/es/components/page-size/src/index.mjs

@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const compKls = computed(() => {
       return [ns.b(), ns.m(trueSize.value)];
     });
-    const page = computed(() => Math.ceil(props.total / props.pageSize));
+    const page = computed(() => Math.ceil(props.total / props.pageSize) || 1);
     watch(() => props.pageSize, (val) => {
       sizeValue.value = val;
     });

package/es/components/page-size/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/page-size/src/index.vue"],"sourcesContent":["<template>\n  <main\n    :class=\"compKls\"\n    class=\"flex wrap align-items-center justify-content-end\"\n  >\n    <span v-if=\"total > 0 && !isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.total') }}{{ total\n      }}{{ t('hzzt.pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.d') }}{{ modelValue\n      }}{{ t('hzzt.pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"ns.e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('hzzt.pageSize.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"trueSize\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('hzzt.pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"ns.e('pagination')\">\n      <span v-if=\"!isManual\" class=\"margin-l-1 margin-r-2\"\n        >{{ modelValue }}/{{ page }}</span\n      >\n      <el-button\n        v-if=\"page > 2 && modelValue > 2\"\n        type=\"primary\"\n        style=\"margin-right: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(1)\"\n      >\n        <hzzt-icon name=\"d-arrow-left\" />\n      </el-button>\n      <el-input-number\n        v-model=\"innerPage\"\n        class=\"width-2\"\n        :size=\"trueSize\"\n        :min=\"1\"\n        :max=\"page\"\n        @change=\"currentChange\"\n      />\n      <el-button\n        v-if=\"page > 2 && modelValue < page\"\n        type=\"primary\"\n        style=\"margin-left: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(page)\"\n      >\n        <hzzt-icon name=\"d-arrow-right\" />\n      </el-button>\n    </div>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElButton, ElInputNumber, ElSelect } from 'element-plus'\nimport {\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztPageSize',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  pageSize: {\n    type: Number,\n    default: 20,\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  disabled: Boolean,\n  isManual: Boolean,\n  isLastPage: Boolean,\n  pageSizeOptions: {\n    type: Array,\n    default: () => [20, 50, 100, 200, 500, 1000, 2000],\n  },\n  size: useSizeProp,\n})\n\nconst emit = defineEmits([\n  'page-size-change',\n  'update:modelValue',\n  'current-change',\n])\n\nconst sizeValue = ref(props.pageSize)\nconst innerPage = ref(props.modelValue || 0)\nconst { t } = useLocale()\nconst ns = useNamespace('page-size')\n\nconst trueSize = computed(() => props.size || useGlobalSize().value)\n\nconst compKls = computed(() => {\n  return [ns.b(), ns.m(trueSize.value)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    sizeValue.value = val\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    innerPage.value = val\n  }\n)\n\nfunction pageSizeChange(size: number) {\n  emit('page-size-change', size)\n}\n\nfunction currentChange(page: number) {\n  emit('update:modelValue', page)\n  emit('current-change', page)\n}\n</script>\n"],"names":["_resolveComponent","_openBlock","page","_createElementBlock","_toDisplayString","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;mCA+Ec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,MAAM,IAAQ,IAAA,aAAA,GAAgB,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,QAAA,CAAS,KAAK,CAAC,CAAA,CAAA;AAAA,KACrC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CACZ,CAAC;AACC,IAAA,KAAA,CAAA,MAAA,KAAkB,CAAA,UAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAA,IAAA,EAAA;AAAA,MACE,uBAAY,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAEV,IAAA,SAAA,aAAkB,CAAA,KAAA,EAAA;AAAA,MACpB,IAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,gBAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,OAAK;AAAwB,MAC/B,MAAA,oBAAA,GAAAA,gBAAA,CAAA,WAAA,CAAA,CAAA;AAEA,MAAA,OAASC,aAAcC,kBAAc,CAAA,MAAA,EAAA;AACnC,QAAA,uBAA0BA,KAAI,CAAA,OAAA,CAAA,EAAA,kDAAA,CAAA,CAAA;AAC9B,OAAA,EAAA;AAA2B,QAC7B,OAAA,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,IAAAD,SAAA,EAAA,EAAAE,kBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,eAAA,CAAAC,KAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,GAAAD,eAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAAA,eAAA,CAAAC,KAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/page-size/src/index.vue"],"sourcesContent":["<template>\n  <main\n    :class=\"compKls\"\n    class=\"flex wrap align-items-center justify-content-end\"\n  >\n    <span v-if=\"total > 0 && !isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.total') }}{{ total\n      }}{{ t('hzzt.pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('hzzt.pageSize.d') }}{{ modelValue\n      }}{{ t('hzzt.pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"ns.e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('hzzt.pageSize.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"trueSize\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('hzzt.pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"ns.e('pagination')\">\n      <span v-if=\"!isManual\" class=\"margin-l-1 margin-r-2\"\n        >{{ modelValue }}/{{ page }}</span\n      >\n      <el-button\n        v-if=\"page > 2 && modelValue > 2\"\n        type=\"primary\"\n        style=\"margin-right: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(1)\"\n      >\n        <hzzt-icon name=\"d-arrow-left\" />\n      </el-button>\n      <el-input-number\n        v-model=\"innerPage\"\n        class=\"width-2\"\n        :size=\"trueSize\"\n        :min=\"1\"\n        :max=\"page\"\n        @change=\"currentChange\"\n      />\n      <el-button\n        v-if=\"page > 2 && modelValue < page\"\n        type=\"primary\"\n        style=\"margin-left: 2px\"\n        :size=\"trueSize\"\n        @click=\"currentChange(page)\"\n      >\n        <hzzt-icon name=\"d-arrow-right\" />\n      </el-button>\n    </div>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElButton, ElInputNumber, ElSelect } from 'element-plus'\nimport {\n  useGlobalSize,\n  useLocale,\n  useNamespace,\n  useSizeProp,\n} from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztPageSize',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  pageSize: {\n    type: Number,\n    default: 20,\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  disabled: Boolean,\n  isManual: Boolean,\n  isLastPage: Boolean,\n  pageSizeOptions: {\n    type: Array,\n    default: () => [20, 50, 100, 200, 500, 1000, 2000],\n  },\n  size: useSizeProp,\n})\n\nconst emit = defineEmits([\n  'page-size-change',\n  'update:modelValue',\n  'current-change',\n])\n\nconst sizeValue = ref(props.pageSize)\nconst innerPage = ref(props.modelValue || 0)\nconst { t } = useLocale()\nconst ns = useNamespace('page-size')\n\nconst trueSize = computed(() => props.size || useGlobalSize().value)\n\nconst compKls = computed(() => {\n  return [ns.b(), ns.m(trueSize.value)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize) || 1)\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    sizeValue.value = val\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    innerPage.value = val\n  }\n)\n\nfunction pageSizeChange(size: number) {\n  emit('page-size-change', size)\n}\n\nfunction currentChange(page: number) {\n  emit('update:modelValue', page)\n  emit('current-change', page)\n}\n</script>\n"],"names":["_resolveComponent","_openBlock","page","_createElementBlock","_toDisplayString","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;mCA+Ec,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,WAAW,QAAS,CAAA,MAAM,MAAM,IAAQ,IAAA,aAAA,GAAgB,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,QAAA,CAAS,KAAK,CAAC,CAAA,CAAA;AAAA,KACrC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,QAAS,CAAA,MAAM,IAAK,CAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAC,CAAA,CAAA;AAExE,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CACZ,CAAC;AACC,IAAA,KAAA,CAAA,MAAA,KAAkB,CAAA,UAAA,EAAA,CAAA,GAAA,KAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAA,IAAA,EAAA;AAAA,MACE,uBAAY,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAEV,IAAA,SAAA,aAAkB,CAAA,KAAA,EAAA;AAAA,MACpB,IAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,gBAAA,EAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,OAAK;AAAwB,MAC/B,MAAA,oBAAA,GAAAA,gBAAA,CAAA,WAAA,CAAA,CAAA;AAEA,MAAA,OAASC,aAAcC,kBAAc,CAAA,MAAA,EAAA;AACnC,QAAA,uBAA0BA,KAAI,CAAA,OAAA,CAAA,EAAA,kDAAA,CAAA,CAAA;AAC9B,OAAA,EAAA;AAA2B,QAC7B,OAAA,CAAA,KAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,IAAAD,SAAA,EAAA,EAAAE,kBAAA,CAAA,MAAA,EAAA,UAAA,EAAAC,eAAA,CAAAC,KAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,GAAAD,eAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAAA,eAAA,CAAAC,KAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tab/index.d.ts

@@ -6,6 +6,10 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
+    closable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tabList: {
@@ -15,11 +19,16 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
         modelValue: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         };
+        closable: {
+            type: BooleanConstructor;
+            default: () => boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onTab-click"?: ((...args: any[]) => any) | undefined;
+        "onTab-close"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
+    emit: (event: "update:modelValue" | "tab-click" | "tab-close", ...args: any[]) => void;
     customTabList: import("vue").ComputedRef<{
         number: number;
         hide: boolean;
@@ -27,8 +36,151 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
         label: string;
         key: string;
     }[]>;
-    tabClick: (tab: any, event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click")[], "update:modelValue" | "tab-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabClick: (tab: {
+        name: string;
+        label: string;
+        number: number;
+        hide: boolean;
+    }, event: Event) => void;
+    close: (index: number, event: Event) => void;
+    HzztIcon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        attrs: {
+            [x: string]: unknown;
+        };
+        componentName: import("vue").ComputedRef<string>;
+        ElIcon: import("element-plus/es/utils").SFCWithInstall<{
+            new (...args: any[]): {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                    readonly size: {
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly color: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    readonly size: {
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly color: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+            } & Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        })>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>>, {
+        type: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click" | "tab-close")[], "update:modelValue" | "tab-click" | "tab-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabList: {
         type: ArrayConstructor;
         default: () => never[];
@@ -36,10 +188,16 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
+    closable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onTab-click"?: ((...args: any[]) => any) | undefined;
+    "onTab-close"?: ((...args: any[]) => any) | undefined;
 }, {
     tabList: unknown[];
+    closable: boolean;
 }>> & Record<string, any>;
 export default HzztTab;

package/es/components/tab/src/index.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createCommentVNode, createBlock, renderSlot } from 'vue';
+import HzztIcon from '../../icon/src/index.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
@@ -23,9 +24,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     modelValue: {
       type: [Number, String, Array]
+    },
+    closable: {
+      type: Boolean,
+      default: () => false
     }
   },
-  emits: ["update:modelValue", "tab-click"],
+  emits: ["update:modelValue", "tab-click", "tab-close"],
   setup(__props, { emit }) {
     const props = __props;
     const customTabList = computed(() => props.tabList.map((value) => {
@@ -43,11 +48,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", tab.name);
       emit("tab-click", tab, event);
     }
+    function close(index, event) {
+      event.stopPropagation();
+      emit("tab-close", index);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
                 class: "hzzt-tab-pane",
@@ -57,7 +66,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("p", {
                     class: normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                   }, toDisplayString(tab.label), 3),
-                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true)
+                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
+                  __props.closable ? (openBlock(), createBlock(HzztIcon, {
+                    key: 1,
+                    class: "is-icon-close",
+                    name: "close",
+                    onClick: ($event) => close(index, $event)
+                  }, null, 8, ["onClick"])) : createCommentVNode("v-if", true)
                 ])
               ], 8, _hoisted_4);
             }), 128))

package/es/components/tab/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div\n          v-for=\"tab in customTabList\"\n          :key=\"tab.key\"\n          class=\"hzzt-tab-pane\"\n          @click=\"tabClick(tab, $event)\"\n        >\n          <div class=\"hzzt-tab-badge\">\n            <p\n              :class=\"{ active: modelValue === tab.name }\"\n              class=\"hzzt-tab-badge-text\"\n            >\n              {{ tab.label }}\n            </p>\n            <p\n              v-if=\"tab.number && tab.number !== 0\"\n              class=\"hzzt-tab-badge-count\"\n            >\n              {{ tab.number > 999 ? '999+' : tab.number }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\" />\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\ndefineOptions({\n  name: 'HzztTab',\n})\n\ndeclare type Tab = {\n  name: string\n  label: string\n  number: number\n  hide: boolean\n}\n\nconst props = defineProps({\n  tabList: {\n    type: Array,\n    default: () => [],\n  },\n  modelValue: {\n    type: [Number, String, Array],\n  },\n})\n\nconst emit = defineEmits(['update:modelValue', 'tab-click'])\n\nconst customTabList = computed(() =>\n  props.tabList\n    .map((value) => {\n      const tab = value as Tab\n      return {\n        key: `${tab.name}-${tab.number}` as string,\n        ...tab,\n        number: Number(tab.number || 0),\n        hide: tab.hide,\n      }\n    })\n    .filter((tab) => !tab.hide)\n)\n\nfunction tabClick(tab, event) {\n  if (tab.name === props.modelValue) return\n  emit('update:modelValue', tab.name)\n  emit('tab-click', tab, event)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;mCAsCc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,KAAA;AAAA,MAAS,MAC7B,GAAA,GAAM,KACH,CAAA;AACC,MAAA,OAAA;AACA,QAAO,GAAA,EAAA,CAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA;AAAA,QAAA;AACyB,QAAA,MAC3B,EAAA,MAAA,CAAA,GAAA,CAAA,MAAA,IAAA,CAAA,CAAA;AAAA,QAAA,IACK,EAAA,GAAA,CAAA,IAAA;AAAsB,OAAA,CAAA;AACpB,KACZ,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,SAED,QAAgB,CAAA,GAAA,OAAS,EAAA;AAAA,MAC9B,IAAA,GAAA,CAAA,IAAA,KAAA,KAAA,CAAA,UAAA;AAEA,QAAS,OAAA;AACP,MAAI,IAAA,CAAA,mBAAmB,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAAY,MAAA,IAAA,CAAA,WAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AACnC,KAAK;AACL,IAAK,OAAA,CAAA,IAAA,EAAA,MAAa,KAAK;AAAK,MAC9B,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div\n          v-for=\"(tab, index) in customTabList\"\n          :key=\"tab.key\"\n          class=\"hzzt-tab-pane\"\n          @click=\"tabClick(tab, $event)\"\n        >\n          <div class=\"hzzt-tab-badge\">\n            <p\n              :class=\"{ active: modelValue === tab.name }\"\n              class=\"hzzt-tab-badge-text\"\n            >\n              {{ tab.label }}\n            </p>\n            <p\n              v-if=\"tab.number && tab.number !== 0\"\n              class=\"hzzt-tab-badge-count\"\n            >\n              {{ tab.number > 999 ? '999+' : tab.number }}\n            </p>\n            <hzzt-icon\n              v-if=\"closable\"\n              class=\"is-icon-close\"\n              name=\"close\"\n              @click=\"close(index, $event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\" />\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztTab',\n})\n\ndeclare type Tab = {\n  name: string\n  label: string\n  number: number\n  hide: boolean\n}\n\nconst props = defineProps({\n  tabList: {\n    type: Array,\n    default: () => [],\n  },\n  modelValue: {\n    type: [Number, String, Array],\n  },\n  closable: {\n    type: Boolean,\n    default: () => false,\n  },\n})\n\nconst emit = defineEmits(['update:modelValue', 'tab-click', 'tab-close'])\n\nconst customTabList = computed(() =>\n  props.tabList\n    .map((value) => {\n      const tab = value as Tab\n      return {\n        key: `${tab.name}-${tab.number}` as string,\n        ...tab,\n        number: Number(tab.number || 0),\n        hide: tab.hide,\n      }\n    })\n    .filter((tab) => !tab.hide)\n)\n\nfunction tabClick(tab: Tab, event: Event) {\n  if (tab.name === props.modelValue) return\n  emit('update:modelValue', tab.name)\n  emit('tab-click', tab, event)\n}\n\nfunction close(index: number, event: Event) {\n  event.stopPropagation()\n  emit('tab-close', index)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,KAAA;AAAA,MAAS,MAC7B,GAAA,GAAM,KACH,CAAA;AACC,MAAA,OAAA;AACA,QAAO,GAAA,EAAA,CAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA;AAAA,QAAA;AACyB,QAAA,MAC3B,EAAA,MAAA,CAAA,GAAA,CAAA,MAAA,IAAA,CAAA,CAAA;AAAA,QAAA,IACK,EAAA,GAAA,CAAA,IAAA;AAAsB,OAAA,CAAA;AACpB,KACZ,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,SAED,QAAgB,CAAA,GAAA,OAAS,EAAA;AAAA,MAC9B,IAAA,GAAA,CAAA,IAAA,KAAA,KAAA,CAAA,UAAA;AAEA,QAAS,OAAA;AACP,MAAI,IAAA,CAAA,mBAAmB,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAAY,MAAA,IAAA,CAAA,WAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AACnC,KAAK;AACL,IAAK,SAAA,KAAA,CAAA,KAAa,OAAU,EAAA;AAAA,MAC9B,KAAA,CAAA,eAAA,EAAA,CAAA;AAEA,MAAS,IAAA,CAAA,kBAAmC,CAAA,CAAA;AAC1C,KAAA;AACA,IAAA,OAAK,aAAa,KAAK;AAAA,MACzB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}