hzzt-plus 0.0.1-dev-04 → 0.0.1-dev-05

package/dist/index.full.mjs

@@ -7058,20 +7058,20 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "hzzt-title flex align-items-center"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "decorative-line"
 };
-const _hoisted_3$2 = { class: "label-name" };
-const __default__$2 = defineComponent({
+const _hoisted_3$3 = { class: "label-name" };
+const __default__$3 = defineComponent({
   name: "HzztTitle"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     label: String,
     sideline: {
@@ -7087,10 +7087,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
     });
     return (_ctx, _cache) => {
-      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$2)) : createCommentVNode("v-if", true),
+      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$3)) : createCommentVNode("v-if", true),
         renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3$2, [
+        createElementVNode("label", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.label), 1)
           ])
@@ -7099,7 +7099,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Title = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
+var Title = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
 
 const HzztTitle = withInstall(Title);
 
@@ -7175,18 +7175,18 @@ const ClickOutside = {
   }
 };
 
-const _hoisted_1$1 = ["onClick"];
-const _hoisted_2$1 = { class: "hzzt-dropdown-name" };
-const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
-const _hoisted_4$1 = { class: "hzzt-dropdown-menu" };
-const _hoisted_5$1 = ["onClick"];
-const _hoisted_6$1 = { class: "submenu" };
-const _hoisted_7$1 = ["onClick"];
-const __default__$1 = defineComponent({
+const _hoisted_1$2 = ["onClick"];
+const _hoisted_2$2 = { class: "hzzt-dropdown-name" };
+const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+const _hoisted_4$2 = { class: "hzzt-dropdown-menu" };
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = { class: "submenu" };
+const _hoisted_7$2 = ["onClick"];
+const __default__$2 = defineComponent({
   name: "HzztDropDown"
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     options: {
       type: Array,
@@ -7241,9 +7241,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createElementVNode("li", {
           class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
         }, [
-          createElementVNode("span", _hoisted_2$1, toDisplayString(__props.label), 1),
-          _hoisted_3$1,
-          createElementVNode("ul", _hoisted_4$1, [
+          createElementVNode("span", _hoisted_2$2, toDisplayString(__props.label), 1),
+          _hoisted_3$2,
+          createElementVNode("ul", _hoisted_4$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
                 unref(isEmpty)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
@@ -7253,12 +7253,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createElementVNode("a", {
                     onClick: ($event) => selectValue([option[__props.props.value]]),
                     class: "hzzt-dropdown-menu-item-label"
-                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$1)
+                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$2)
                 ], 2)) : (openBlock(), createElementBlock("li", {
                   key: index + "submenu",
                   class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
                 }, [
-                  createElementVNode("a", _hoisted_6$1, toDisplayString(option[__props.props.label]), 1),
+                  createElementVNode("a", _hoisted_6$2, toDisplayString(option[__props.props.label]), 1),
                   createElementVNode("ul", {
                     class: normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
                   }, [
@@ -7270,7 +7270,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         createElementVNode("a", {
                           onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
                           class: "hzzt-dropdown-menu-item-label"
-                        }, toDisplayString(child[__props.props.label]), 9, _hoisted_7$1)
+                        }, toDisplayString(child[__props.props.label]), 9, _hoisted_7$2)
                       ], 2);
                     }), 128))
                   ], 2)
@@ -7283,31 +7283,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }), 256))
           ])
         ], 2)
-      ], 8, _hoisted_1$1)), [
+      ], 8, _hoisted_1$2)), [
         [unref(ClickOutside), close]
       ]);
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
 
 const HzztDropdown = withInstall(Dropdown);
 
-const _hoisted_1 = { class: "hzzt-collapse" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5 = { class: "hzzt-collapse-title" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7 = {
+const _hoisted_1$1 = { class: "hzzt-collapse" };
+const _hoisted_2$1 = { class: "flex align-items-center" };
+const _hoisted_3$1 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+const _hoisted_5$1 = { class: "hzzt-collapse-title" };
+const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+const _hoisted_7$1 = {
   key: 0,
   class: "hzzt-collapse-text"
 };
-const __default__ = defineComponent({
+const __default__$1 = defineComponent({
   name: "HzztCollapse"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: {
     defaultActive: {
       type: Boolean,
@@ -7334,19 +7334,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       active.value = !active.value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", {
           class: "hzzt-collapse-header",
           onClick: toggle
         }, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
-              createElementVNode("div", _hoisted_5, toDisplayString(__props.title), 1)
+          createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_3$1, [
+              _hoisted_4$1,
+              createElementVNode("div", _hoisted_5$1, toDisplayString(__props.title), 1)
             ]),
-            _hoisted_6
+            _hoisted_6$1
           ]),
-          __props.expand ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
+          __props.expand ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
         ]),
         renderSlot(_ctx.$slots, "active", { active: active.value }),
         renderSlot(_ctx.$slots, "default")
@@ -7354,15 +7354,91 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
 
 const HzztCollapse = withInstall(Collapse);
 
+const _hoisted_1 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "hzzt-tab-badge" };
+const _hoisted_6 = {
+  key: 0,
+  class: "hzzt-tab-badge-count"
+};
+const _hoisted_7 = { class: "flex wrap" };
+const __default__ = defineComponent({
+  name: "HzztTab"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    tabList: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [Number, String, Array]
+    }
+  },
+  emits: ["update:modelValue", "tab-click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const customTabList = computed(() => props.tabList.map((value) => {
+      const tab = value;
+      return {
+        key: tab.name + "-" + tab.number,
+        ...tab,
+        number: Number(tab.number || 0),
+        hide: tab.hide
+      };
+    }).filter((tab) => !tab.hide));
+    function tabClick(tab, event) {
+      if (tab.name === props.modelValue)
+        return;
+      emit("update:modelValue", tab.name);
+      emit("tab-click", tab, event);
+    }
+    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) => {
+              return openBlock(), createElementBlock("div", {
+                key: tab.key,
+                onClick: ($event) => tabClick(tab, $event),
+                class: "hzzt-tab-pane"
+              }, [
+                createElementVNode("div", _hoisted_5, [
+                  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)
+                ])
+              ], 8, _hoisted_4);
+            }), 128))
+          ]),
+          renderSlot(_ctx.$slots, "filter"),
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+const HzztTab = withInstall(Tab);
+
 var Components = [
   HzztConfigProvider,
   HzztTitle,
   HzztDropdown,
-  HzztCollapse
+  HzztCollapse,
+  HzztTab
 ];
 
 var Plugins = [];
@@ -7372,4 +7448,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { HzztCollapse, HzztConfigProvider, HzztDropdown, HzztTitle, INSTALLED_KEY, SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext, buildTranslator, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, datePickTypes, installer as default, install, localeContextKey, makeInstaller, provideGlobalConfig, translate, useGlobalConfig, useGlobalSize, useLocale, useSizeProp, useSizeProps, version };
+export { HzztCollapse, HzztConfigProvider, HzztDropdown, HzztTab, HzztTitle, INSTALLED_KEY, SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext, buildTranslator, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, datePickTypes, installer as default, install, localeContextKey, makeInstaller, provideGlobalConfig, translate, useGlobalConfig, useGlobalSize, useLocale, useSizeProp, useSizeProps, version };

package/es/component.mjs

@@ -2,12 +2,14 @@ import { HzztTitle } from './components/title/index.mjs';
 import { HzztDropdown } from './components/dropdown/index.mjs';
 import { HzztCollapse } from './components/collapse/index.mjs';
 import { HzztConfigProvider } from './components/config-provider/index.mjs';
+import { HzztTab } from './components/tab/index.mjs';
 
 var Components = [
   HzztConfigProvider,
   HzztTitle,
   HzztDropdown,
-  HzztCollapse
+  HzztCollapse,
+  HzztTab
 ];
 
 export { Components as default };

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;AAIA,iBAAe;AACf,EAAE,kBAAkB;AACpB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,CAAC;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import {HzztTitle} from '@hzzt-plus/components/title'\nimport {HzztDropdown} from '@hzzt-plus/components/dropdown'\nimport {HzztCollapse} from '@hzzt-plus/components/collapse'\nimport {HzztConfigProvider} from '@hzzt-plus/components/config-provider'\nimport {HzztTab} from '@hzzt-plus/components/tab'\n\nimport type {Plugin} from 'vue'\n\nexport default [\n    HzztConfigProvider,\n    HzztTitle,\n    HzztDropdown,\n    HzztCollapse,\n    HzztTab,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;AAKA,iBAAe;AACf,EAAE,kBAAkB;AACpB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,OAAO;AACT,CAAC;;;;"}

package/es/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './title';
 export * from './dropdown';
 export * from './collapse';
 export * from './config-provider';
+export * from './tab';

package/es/components/index.mjs

@@ -2,6 +2,7 @@ export { HzztTitle } from './title/index.mjs';
 export { HzztDropdown } from './dropdown/index.mjs';
 export { HzztCollapse } from './collapse/index.mjs';
 export { HzztConfigProvider } from './config-provider/index.mjs';
+export { HzztTab } from './tab/index.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';

package/es/components/index.mjs.map

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

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

@@ -0,0 +1,44 @@
+export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        tabList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
+    customTabList: import("vue").ComputedRef<{
+        number: number;
+        hide: boolean;
+        name: 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<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    tabList: unknown[];
+}>> & Record<string, any>;
+export default HzztTab;

package/es/components/tab/index.mjs

@@ -0,0 +1,8 @@
+import '../../utils/index.mjs';
+import Tab from './src/index.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztTab = withInstall(Tab);
+
+export { HzztTab, HzztTab as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tab/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Tab from './src/index.vue';\n\nexport const HzztTab = withInstall(Tab);\nexport default HzztTab\n"],"names":[],"mappings":";;;;AAEY,MAAC,OAAO,GAAG,WAAW,CAAC,GAAG;;;;"}

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

@@ -0,0 +1,78 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "hzzt-tab-badge" };
+const _hoisted_6 = {
+  key: 0,
+  class: "hzzt-tab-badge-count"
+};
+const _hoisted_7 = { class: "flex wrap" };
+const __default__ = defineComponent({
+  name: "HzztTab"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    tabList: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [Number, String, Array]
+    }
+  },
+  emits: ["update:modelValue", "tab-click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const customTabList = computed(() => props.tabList.map((value) => {
+      const tab = value;
+      return {
+        key: tab.name + "-" + tab.number,
+        ...tab,
+        number: Number(tab.number || 0),
+        hide: tab.hide
+      };
+    }).filter((tab) => !tab.hide));
+    function tabClick(tab, event) {
+      if (tab.name === props.modelValue)
+        return;
+      emit("update:modelValue", tab.name);
+      emit("tab-click", tab, event);
+    }
+    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) => {
+              return openBlock(), createElementBlock("div", {
+                key: tab.key,
+                onClick: ($event) => tabClick(tab, $event),
+                class: "hzzt-tab-pane"
+              }, [
+                createElementVNode("div", _hoisted_5, [
+                  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)
+                ])
+              ], 8, _hoisted_4);
+            }), 128))
+          ]),
+          renderSlot(_ctx.$slots, "filter"),
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Tab as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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 :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\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>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.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  }).filter((tab) => !tab.hide))\n\n  function 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":[],"mappings":";;;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,44 @@
+declare const _default: import("vue").DefineComponent<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        tabList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
+    customTabList: import("vue").ComputedRef<{
+        number: number;
+        hide: boolean;
+        name: 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<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    tabList: unknown[];
+}>;
+export default _default;

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

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

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

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

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

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

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

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

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

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

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

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

package/es/index.mjs

@@ -11,6 +11,7 @@ export { configProviderProps } from './components/config-provider/src/config-pro
 export { configProviderContextKey } from './components/config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './components/config-provider/src/hooks/use-global-config.mjs';
 export { HzztConfigProvider } from './components/config-provider/index.mjs';
+export { HzztTab } from './components/tab/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';
 export { WEEK_DAYS, datePickTypes } from './constants/date.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAKY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAKY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/global.d.ts

@@ -5,6 +5,7 @@ declare module 'vue' {
     HzztDropdown: typeof import('hzzt-plus')['HzztDropdown']
     HzztCollapse: typeof import('hzzt-plus')['HzztCollapse']
     HzztConfigProvider: typeof import('hzzt-plus')['HzztConfigProvider']
+    HzztTab: typeof import('hzzt-plus')['HzztTab']
   }
 }
 

package/lib/component.js

@@ -6,12 +6,14 @@ var index$1 = require('./components/title/index.js');
 var index$2 = require('./components/dropdown/index.js');
 var index$3 = require('./components/collapse/index.js');
 var index = require('./components/config-provider/index.js');
+var index$4 = require('./components/tab/index.js');
 
 var Components = [
   index.HzztConfigProvider,
   index$1.HzztTitle,
   index$2.HzztDropdown,
-  index$3.HzztCollapse
+  index$3.HzztCollapse,
+  index$4.HzztTab
 ];
 
 exports["default"] = Components;

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n] as Plugin[]\n"],"names":["HzztConfigProvider","HzztTitle","HzztDropdown","HzztCollapse"],"mappings":";;;;;;;;;AAIA,iBAAe;AACf,EAAEA,wBAAkB;AACpB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import {HzztTitle} from '@hzzt-plus/components/title'\nimport {HzztDropdown} from '@hzzt-plus/components/dropdown'\nimport {HzztCollapse} from '@hzzt-plus/components/collapse'\nimport {HzztConfigProvider} from '@hzzt-plus/components/config-provider'\nimport {HzztTab} from '@hzzt-plus/components/tab'\n\nimport type {Plugin} from 'vue'\n\nexport default [\n    HzztConfigProvider,\n    HzztTitle,\n    HzztDropdown,\n    HzztCollapse,\n    HzztTab,\n] as Plugin[]\n"],"names":["HzztConfigProvider","HzztTitle","HzztDropdown","HzztCollapse","HzztTab"],"mappings":";;;;;;;;;;AAKA,iBAAe;AACf,EAAEA,wBAAkB;AACpB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,eAAO;AACT,CAAC;;;;"}

package/lib/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './title';
 export * from './dropdown';
 export * from './collapse';
 export * from './config-provider';
+export * from './tab';

package/lib/components/index.js

@@ -6,6 +6,7 @@ var index = require('./title/index.js');
 var index$1 = require('./dropdown/index.js');
 var index$2 = require('./collapse/index.js');
 var index$3 = require('./config-provider/index.js');
+var index$4 = require('./tab/index.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
@@ -16,6 +17,7 @@ exports.HzztTitle = index.HzztTitle;
 exports.HzztDropdown = index$1.HzztDropdown;
 exports.HzztCollapse = index$2.HzztCollapse;
 exports.HzztConfigProvider = index$3.HzztConfigProvider;
+exports.HzztTab = index$4.HzztTab;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;
 exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;

package/lib/components/index.js.map

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