hzzt-plus 0.0.1 → 0.0.2-dev-02

package/lib/components/icon/src/index.vue.d.ts

@@ -0,0 +1,102 @@
+declare const _default: 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<import("vue").DefineComponent<{
+        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;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<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;
+            };
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string | undefined) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+        };
+    }>>, {}>> & Record<string, 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;
+}>;
+export default _default;

package/lib/components/icon/style/css.d.ts

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

package/lib/components/icon/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('hzzt-plus/theme/hzzt-icon.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/icon/style/css.js.map

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

package/lib/components/icon/style/index.d.ts

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

package/lib/components/icon/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('hzzt-plus/theme/src/icon.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/icon/style/index.js.map

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

package/lib/components/index.d.ts

@@ -1 +1,7 @@
 export * from './title';
+export * from './dropdown';
+export * from './collapse';
+export * from './config-provider';
+export * from './tab';
+export * from './icon';
+export * from './pagination';

package/lib/components/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 index$5 = require('./icon/index.js');
+var index$6 = require('./pagination/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');
+
+
+
+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.HzztIcon = index$5.HzztIcon;
+exports.HzztPagination = index$6.HzztPagination;
+exports.configProviderProps = configProviderProps.configProviderProps;
+exports.configProviderContextKey = constants.configProviderContextKey;
+exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;
+exports.useGlobalConfig = useGlobalConfig.useGlobalConfig;
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

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

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,46 @@
+export declare const HzztPagination: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    pagination: {
+        type: ObjectConstructor;
+        default: () => {
+            total: number;
+            current_page: number;
+            total_pages: number;
+        };
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        pagination: {
+            type: ObjectConstructor;
+            default: () => {
+                total: number;
+                current_page: number;
+                total_pages: number;
+            };
+        };
+    }>> & {
+        onPrev?: ((...args: any[]) => any) | undefined;
+        onNext?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "prev" | "next", ...args: any[]) => void;
+    t: import("../..").Translator;
+    prePage: () => false | undefined;
+    nextPage: () => false | undefined;
+    HzztIcon: {
+        install(app: import("vue").App<any>): void;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next")[], "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pagination: {
+        type: ObjectConstructor;
+        default: () => {
+            total: number;
+            current_page: number;
+            total_pages: number;
+        };
+    };
+}>> & {
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+}, {
+    pagination: Record<string, any>;
+}>> & Record<string, any>;
+export default HzztPagination;

package/lib/components/pagination/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var index = require('./src/index.js');
+var install = require('../../utils/vue/install.js');
+
+const HzztPagination = install.withInstall(index["default"]);
+
+exports.HzztPagination = HzztPagination;
+exports["default"] = HzztPagination;
+//# sourceMappingURL=index.js.map

package/lib/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/pagination/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Pagination from './src/index.vue';\n\nexport const HzztPagination = withInstall(Pagination);\nexport default HzztPagination\n"],"names":["withInstall","Pagination"],"mappings":";;;;;;;;AAEY,MAAC,cAAc,GAAGA,mBAAW,CAACC,gBAAU;;;;;"}

package/lib/components/pagination/src/index.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+const _hoisted_1 = { class: "flex justify-content-between hzzt-pagination" };
+const _hoisted_2 = { class: "flex align-items-center font-12" };
+const _hoisted_3 = { class: "flex align-items-center font-14" };
+const _hoisted_4 = { class: "flex" };
+const __default__ = vue.defineComponent({
+  name: "HzztPagination"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    pagination: {
+      type: Object,
+      default: () => ({
+        total: 0,
+        current_page: 1,
+        total_pages: 1
+      })
+    }
+  },
+  emits: ["prev", "next"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = index.useLocale();
+    function prePage() {
+      if (props.pagination.current_page > 1) {
+        emit("prev", props.pagination.current_page - 1);
+      } else {
+        return false;
+      }
+    }
+    function nextPage() {
+      if (props.pagination.current_page < props.pagination.total_pages) {
+        emit("next", props.pagination.current_page + 1);
+      } else {
+        return false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "right"),
+          vue.createVNode(vue.unref(index$1.HzztIcon), {
+            class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
+            name: "arrow-left",
+            onClick: prePage
+          }, null, 8, ["class"]),
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.pagination.current_page) + "/" + vue.toDisplayString(__props.pagination.total_pages), 1),
+          vue.createVNode(vue.unref(index$1.HzztIcon), {
+            class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
+            name: "arrow-right",
+            onClick: nextPage
+          }, null, 8, ["class"])
+        ])
+      ]);
+    };
+  }
+});
+var Pagination = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
+
+exports["default"] = Pagination;
+//# sourceMappingURL=index.js.map

package/lib/components/pagination/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-content-between hzzt-pagination\">\n    <p class=\"flex align-items-center font-12\">\n      {{ t('hzzt.pagination.total') }}{{ pagination.total }}{{ t('hzzt.pagination.strip') }}\n    </p>\n    <div class=\"flex align-items-center font-14\">\n      <slot name=\"right\" />\n      <hzzt-icon class=\"hzzt-pagination-arrow\" :class=\"{ active: pagination.current_page > 1 }\" name=\"arrow-left\"\n                 @click=\"prePage\" />\n      <p class=\"flex\">\n        {{ pagination.current_page }}/{{ pagination.total_pages }}\n      </p>\n      <hzzt-icon\n          class=\"hzzt-pagination-arrow\"\n          :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n          name=\"arrow-right\"\n          @click=\"nextPage\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {HzztIcon} from '@hzzt-plus/components/icon'\n  import {useLocale} from '@hzzt-plus/hooks'\n\n  defineOptions({\n    name: 'HzztPagination',\n  });\n\n  const props = defineProps({\n    pagination: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        current_page: 1,\n        total_pages: 1,\n      }),\n    },\n  });\n\n  const emit = defineEmits(['prev', 'next']);\n  const {t} = useLocale();\n\n  function prePage() {\n    if (props.pagination.current_page > 1) {\n      emit('prev', props.pagination.current_page - 1);\n    } else {\n      return false;\n    }\n  }\n\n  function nextPage() {\n    if (props.pagination.current_page < props.pagination.total_pages) {\n      emit('next', props.pagination.current_page + 1);\n    } else {\n      return false;\n    }\n  }\n</script>\n"],"names":["useLocale"],"mappings":";;;;;;;;;;;;;;uCA2BgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAcA,IAAM,MAAA,EAAC,MAAKA,eAAU,EAAA,CAAA;AAEtB,IAAmB,SAAA,OAAA,GAAA;AACjB,MAAI,IAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAG,EAAA;AACrC,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AAEA,IAAoB,SAAA,QAAA,GAAA;AAClB,MAAA,IAAI,KAAM,CAAA,UAAA,CAAW,YAAe,GAAA,KAAA,CAAM,WAAW,WAAa,EAAA;AAChE,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/pagination/src/index.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import("vue").DefineComponent<{
+    pagination: {
+        type: ObjectConstructor;
+        default: () => {
+            total: number;
+            current_page: number;
+            total_pages: number;
+        };
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        pagination: {
+            type: ObjectConstructor;
+            default: () => {
+                total: number;
+                current_page: number;
+                total_pages: number;
+            };
+        };
+    }>> & {
+        onPrev?: ((...args: any[]) => any) | undefined;
+        onNext?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "prev" | "next", ...args: any[]) => void;
+    t: import("hzzt-plus/es/hooks").Translator;
+    prePage: () => false | undefined;
+    nextPage: () => false | undefined;
+    HzztIcon: {
+        install(app: import("vue").App<any>): void;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next")[], "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    pagination: {
+        type: ObjectConstructor;
+        default: () => {
+            total: number;
+            current_page: number;
+            total_pages: number;
+        };
+    };
+}>> & {
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+}, {
+    pagination: Record<string, any>;
+}>;
+export default _default;

package/lib/components/pagination/style/css.d.ts

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

package/lib/components/pagination/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('hzzt-plus/theme/hzzt-pagination.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/pagination/style/css.js.map

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

package/lib/components/pagination/style/index.d.ts

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

package/lib/components/pagination/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('hzzt-plus/theme/src/pagination.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/pagination/style/index.js.map

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

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

@@ -0,0 +1,45 @@
+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;
+        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<{
+    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/lib/components/tab/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var index = require('./src/index.js');
+var install = require('../../utils/vue/install.js');
+
+const HzztTab = install.withInstall(index["default"]);
+
+exports.HzztTab = HzztTab;
+exports["default"] = HzztTab;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["withInstall","Tab"],"mappings":";;;;;;;;AAEY,MAAC,OAAO,GAAGA,mBAAW,CAACC,gBAAG;;;;;"}

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

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+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__ = vue.defineComponent({
+  name: "HzztTab"
+});
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: tab.key,
+                onClick: ($event) => tabClick(tab, $event),
+                class: "hzzt-tab-pane"
+              }, [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createElementVNode("p", {
+                    class: vue.normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
+                  }, vue.toDisplayString(tab.label), 3),
+                  tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true)
+                ])
+              ], 8, _hoisted_4);
+            }), 128))
+          ]),
+          vue.renderSlot(_ctx.$slots, "filter"),
+          vue.renderSlot(_ctx.$slots, "extra")
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+var Tab = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
+
+exports["default"] = Tab;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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    label: 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":["computed"],"mappings":";;;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,gBAAgBA,YAAS,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/lib/components/tab/src/index.vue.d.ts

@@ -0,0 +1,45 @@
+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;
+        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<{
+    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/lib/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/lib/{packages/components/title → components/tab}/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('hzzt-plus/theme/el-title.css');
+require('hzzt-plus/theme/hzzt-tab.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/tab/style/css.js.map

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

package/lib/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/lib/components/tab/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('hzzt-plus/theme/src/tab.scss');
+
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/title/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Title from './src/index.vue';\n\nexport const HzztTitle = withInstall(Title);\nexport default HzztTitle\n"],"names":["withInstall","Title"],"mappings":";;;;;;;;AAEY,MAAC,SAAS,GAAGA,mBAAW,CAACC,gBAAK;;;;;"}