hzzt-plus 0.0.8 → 1.0.0

package/es/components/scan/src/scan2.mjs

@@ -0,0 +1,149 @@
+import { createElementVNode, defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, toDisplayString } from 'vue';
+import { ElInput } from 'element-plus';
+import { scanProps, scanEmits } from './scan.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  }),
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    type: "password",
+    autocomplete: "off",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  })
+], -1);
+const _hoisted_2 = {
+  class: "width-100%",
+  style: { "overflow": "hidden" }
+};
+const __default__ = defineComponent({
+  inheritAttrs: false,
+  name: "HzztScan"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: scanProps,
+  emits: scanEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const readonly = ref(true);
+    const innerValue = ref(" ");
+    const inputRef = ref();
+    const showValue = computed(() => {
+      if (innerValue.value === " ") {
+        return ` ${props.placeholder}`;
+      } else {
+        return innerValue.value;
+      }
+    });
+    const inputType = computed(() => {
+      if (innerValue.value && !readonly.value) {
+        return "password";
+      } else {
+        return "text";
+      }
+    });
+    watch(() => props.modelValue, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      } else {
+        innerValue.value = ` ${changeLetter(v)}`;
+      }
+    });
+    watch(() => innerValue.value, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      }
+      const str = innerValue.value[0] === " " ? innerValue.value.slice(1) : innerValue.value;
+      const final = changeLetter(str != null ? str : "");
+      emit("update:modelValue", final);
+      emit("input", final);
+    });
+    function changeLetter(v) {
+      if (props.letter === "upper") {
+        return v.toLocaleUpperCase();
+      } else if (props.letter === "lower") {
+        return v.toLocaleLowerCase();
+      } else {
+        return v;
+      }
+    }
+    function inputFocus() {
+      readonly.value = false;
+    }
+    function inputBlur() {
+      readonly.value = true;
+    }
+    function inputChange() {
+      emit("change", props.modelValue);
+    }
+    function focus() {
+      readonly.value = false;
+      setTimeout(() => {
+        inputRef.value.focus();
+      });
+    }
+    function blur() {
+      readonly.value = true;
+      inputRef.value.blur();
+    }
+    function clear() {
+      inputRef.value.clear();
+    }
+    expose({
+      focus,
+      blur,
+      clear
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
+        style: normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
+      }, [
+        _hoisted_1,
+        createVNode(unref(ElInput), mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: innerValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+        }, {
+          ..._ctx.$attrs,
+          class: "",
+          style: "",
+          onChange: ""
+        }, {
+          readonly: readonly.value,
+          type: unref(inputType),
+          class: "hzzt-scan-input-original",
+          autocomplete: "off",
+          onFocus: inputFocus,
+          onBlur: inputBlur,
+          onChange: inputChange
+        }), createSlots({
+          _: 2
+        }, [
+          renderList(_ctx.$slots, (_, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue", "readonly", "type"]),
+        createElementVNode("div", {
+          class: normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
+        }, [
+          createElementVNode("div", _hoisted_2, toDisplayString(unref(showValue)), 1)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+var Scan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scan.vue"]]);
+
+export { Scan as default };
+//# sourceMappingURL=scan2.mjs.map

package/es/components/scan/src/scan2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan2.mjs","sources":["../../../../../../packages/components/scan/src/scan.vue"],"sourcesContent":["<template>\n  <div\n    class=\"hzzt-scan\"\n    style=\"position: relative\"\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <div style=\"width: 0; height: 0; overflow: hidden\">\n      <input readonly style=\"width: 0; height: 0; overflow: hidden\" />\n      <input\n        readonly\n        type=\"password\"\n        autocomplete=\"off\"\n        style=\"width: 0; height: 0; overflow: hidden\"\n      />\n    </div>\n\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"innerValue\"\n      v-bind=\"{\n        ...$attrs,\n        class: '',\n        style: '',\n        onChange: '',\n      }\"\n      :readonly=\"readonly\"\n      :type=\"inputType\"\n      class=\"hzzt-scan-input-original\"\n      autocomplete=\"off\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @change=\"inputChange\"\n    >\n      <template v-for=\"(_, key, index) in $slots\" :key=\"index\" #[key]>\n        <slot :name=\"key\" />\n      </template>\n    </el-input>\n    <div\n      class=\"hzzt-scan-input-backup\"\n      :class=\"{ 'placeholder-color': innerValue === ' ' }\"\n    >\n      <div class=\"width-100%\" style=\"overflow: hidden\">\n        {{ showValue }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElInput } from 'element-plus'\nimport { scanEmits, scanProps } from '@hzzt-plus/components/scan/src/scan'\n\ndefineOptions({\n  inheritAttrs: false,\n  name: 'HzztScan',\n})\n\nconst props = defineProps(scanProps)\n\nconst emit = defineEmits(scanEmits)\n\nconst readonly = ref(true)\nconst innerValue = ref(' ')\nconst inputRef = ref()\n\nconst showValue = computed(() => {\n  if (innerValue.value === ' ') {\n    return ` ${props.placeholder}`\n  } else {\n    return innerValue.value\n  }\n})\n\nconst inputType = computed(() => {\n  if (innerValue.value && !readonly.value) {\n    return 'password'\n  } else {\n    return 'text'\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    } else {\n      innerValue.value = ` ${changeLetter(v)}`\n    }\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    }\n    const str =\n      innerValue.value[0] === ' ' ? innerValue.value.slice(1) : innerValue.value\n    const final = changeLetter(str ?? '')\n    emit('update:modelValue', final)\n    emit('input', final)\n  }\n)\n\nfunction changeLetter(v: string) {\n  if (props.letter === 'upper') {\n    return v.toLocaleUpperCase()\n  } else if (props.letter === 'lower') {\n    return v.toLocaleLowerCase()\n  } else {\n    return v\n  }\n}\n\nfunction inputFocus() {\n  readonly.value = false\n}\n\nfunction inputBlur() {\n  readonly.value = true\n}\n\nfunction inputChange() {\n  emit('change', props.modelValue)\n}\n\nfunction focus() {\n  readonly.value = false\n  setTimeout(() => {\n    inputRef.value.focus()\n  })\n}\n\nfunction blur() {\n  readonly.value = true\n  inputRef.value.blur()\n}\n\nfunction clear() {\n  inputRef.value.clear()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  clear,\n})\n</script>\n"],"names":["_defineComponent","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_unref","_mergeProps"],"mappings":"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"}

package/es/components/scan/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-scan.css';

package/es/components/scan/style/css.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/css.mjs';
+import 'hzzt-plus/theme/hzzt-scan.css';
+//# sourceMappingURL=css.mjs.map

package/es/components/scan/style/css.mjs.map

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

package/es/components/scan/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/scan.scss';

package/es/components/scan/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/scan.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/scan/style/index.mjs.map

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

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}