hzzt-plus 0.0.1 → 0.0.2

package/es/components/config-provider/src/hooks/use-global-config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-config.mjs","sources":["../../../../../../../packages/components/config-provider/src/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn, keysOf } from '@hzzt-plus/utils'\nimport {\n  SIZE_INJECTION_KEY,\n  localeContextKey,\n} from '@hzzt-plus/hooks'\nimport { configProviderContextKey } from '../constants'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { App, Ref } from 'vue'\nimport type { ConfigProviderContext } from '../constants'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n  K extends keyof ConfigProviderContext,\n  D extends ConfigProviderContext[K]\n>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n  key?: keyof ConfigProviderContext,\n  defaultValue = undefined\n) {\n  const config = getCurrentInstance()\n    ? inject(configProviderContextKey, globalConfig)\n    : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App,\n  global = false\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  provideFn(\n    localeContextKey,\n    computed(() => context.value.locale)\n  )\n  provideFn(SIZE_INJECTION_KEY, {\n    size: computed(() => context.value.size || ''),\n  })\n\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (\n  a: ConfigProviderContext,\n  b: ConfigProviderContext\n): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] !== undefined ? b[key] : a[key]\n  }\n  return obj\n}\n"],"names":[],"mappings":"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"}

package/es/components/config-provider/style/css.d.ts

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

package/es/components/config-provider/style/css.mjs

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

package/es/components/config-provider/style/css.mjs.map

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

package/es/components/config-provider/style/index.d.ts

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

package/es/components/config-provider/style/index.mjs

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

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

@@ -0,0 +1,102 @@
+export declare const HzztDropdown: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    dProps: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        label: StringConstructor;
+        value: StringConstructor;
+        defaultValue: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                label: string;
+                value: string;
+            };
+        };
+        returnType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "change", ...args: any[]) => void;
+    toggle: import("vue").Ref<boolean>;
+    dropToggle: () => void;
+    close: () => void;
+    selectValue: (val: any) => void;
+    vClickOutside: import("vue").ObjectDirective<any, any>;
+    isEmpty: (val: unknown) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    props: Record<string, any>;
+    options: unknown[];
+    defaultValue: unknown[];
+    position: string;
+    returnType: string;
+}>> & Record<string, any>;
+export default HzztDropdown;

package/es/components/dropdown/index.mjs

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

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

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

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

@@ -0,0 +1,124 @@
+import { createElementVNode, defineComponent, ref, withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, toDisplayString, Fragment, renderList, unref, createCommentVNode } from 'vue';
+import { ClickOutside } from 'element-plus';
+import '../../../utils/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { isEmpty } from '../../../utils/types.mjs';
+
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "hzzt-dropdown-name" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+const _hoisted_4 = { class: "hzzt-dropdown-menu" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "submenu" };
+const _hoisted_7 = ["onClick"];
+const __default__ = defineComponent({
+  name: "HzztDropDown"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: String,
+    value: String,
+    defaultValue: {
+      type: Array,
+      default: () => []
+    },
+    position: {
+      type: String,
+      default: "right"
+    },
+    props: {
+      type: Object,
+      default: () => ({
+        children: "children",
+        label: "label",
+        value: "value"
+      })
+    },
+    returnType: {
+      type: String,
+      default: "Array"
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
+    const dProps = __props;
+    const toggle = ref(false);
+    function dropToggle() {
+      toggle.value = !toggle.value;
+    }
+    function close() {
+      toggle.value = false;
+    }
+    function selectValue(val) {
+      if (dProps.returnType === "Array") {
+        emits("change", val);
+      }
+      if (dProps.returnType === "String") {
+        emits("change", val.last);
+      }
+    }
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("ul", {
+        onClick: withModifiers(dropToggle, ["stop"]),
+        class: "hzzt-dropdown"
+      }, [
+        createElementVNode("li", {
+          class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
+        }, [
+          createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1),
+          _hoisted_3,
+          createElementVNode("ul", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+              return openBlock(), createElementBlock(Fragment, null, [
+                unref(isEmpty)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
+                  class: normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[__props.props.value]) }),
+                  key: index
+                }, [
+                  createElementVNode("a", {
+                    onClick: ($event) => selectValue([option[__props.props.value]]),
+                    class: "hzzt-dropdown-menu-item-label"
+                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5)
+                ], 2)) : (openBlock(), createElementBlock("li", {
+                  key: index + "submenu",
+                  class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                }, [
+                  createElementVNode("a", _hoisted_6, toDisplayString(option[__props.props.label]), 1),
+                  createElementVNode("ul", {
+                    class: normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(option.children, (child, cIndex) => {
+                      return openBlock(), createElementBlock("li", {
+                        class: normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(child[__props.props.value]) }),
+                        key: cIndex
+                      }, [
+                        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)
+                      ], 2);
+                    }), 128))
+                  ], 2)
+                ])),
+                option.divider ? (openBlock(), createElementBlock("li", {
+                  class: "divider",
+                  key: index + "divider"
+                })) : createCommentVNode("v-if", true)
+              ], 64);
+            }), 256))
+          ])
+        ], 2)
+      ], 8, _hoisted_1)), [
+        [unref(ClickOutside), close]
+      ]);
+    };
+  }
+});
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Dropdown as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/dropdown/src/index.vue"],"sourcesContent":["<template>\n  <ul @click.stop=\"dropToggle\" class=\"hzzt-dropdown\"\n      v-click-outside=\"close\">\n    <li :class=\"{ 'hzzt-dropdown-li': true, 'hzzt-dropdown-li-show': toggle }\">\n      <span class=\"hzzt-dropdown-name\">{{ label }}</span>\n      <span class=\"caret\"></span>\n      <ul class=\"hzzt-dropdown-menu\">\n        <template v-for=\"(option, index) in options\">\n          <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(option[props.value]) }\"\n              v-if=\"isEmpty(option[props.children])\" :key=\"index\">\n            <a @click=\"selectValue([option[props.value]])\" class=\"hzzt-dropdown-menu-item-label\">{{ option[props.label] }}</a>\n          </li>\n          <li :key=\"index+'submenu'\" class=\"hzzt-dropdown-menu-item hzzt-dropdown-submenu\" v-else>\n            <a class=\"submenu\">{{ option[props.label] }}</a>\n            <ul :class=\"['pull-'+position]\" class=\"hzzt-dropdown-menu\">\n              <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(child[props.value]) }\"\n                  :key=\"cIndex\" v-for=\"(child, cIndex) in option.children\">\n                <a @click=\"selectValue([option[props.value], child[props.value]])\"\n                   class=\"hzzt-dropdown-menu-item-label\">{{ child[props.label] }}</a>\n              </li>\n            </ul>\n          </li>\n          <li class=\"divider\" v-if=\"option.divider\" :key=\"index+'divider'\"></li>\n        </template>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\n  import {ref} from 'vue';\n  import {ClickOutside as vClickOutside} from 'element-plus';\n  import {isEmpty} from '@hzzt-plus/utils';\n\n  const dProps = defineProps({\n    options: {\n      type: Array,\n      default: () => [],\n    },\n    label: String,\n    value: String,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    position: {\n      type: String,\n      default: 'right',\n    },\n    props: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        label: 'label',\n        value: 'value',\n      }),\n    },\n    returnType: {\n      type: String,\n      default: 'Array',\n    },\n  });\n\n  const emits = defineEmits(['change']);\n\n  defineOptions({\n    name: 'HzztDropDown',\n  });\n\n  const toggle = ref(false);\n\n  function dropToggle() {\n    toggle.value = !toggle.value;\n  }\n\n  function close() {\n    toggle.value = false;\n  }\n\n  function selectValue(val) {\n    if (dProps.returnType === 'Array') {\n      emits('change', val);\n    }\n    if (dProps.returnType === 'String') {\n      emits('change', val.last);\n    }\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;mCAiEgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;AAExB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,SAAA,WAAA,CAAqB,GAAK,EAAA;AACxB,MAAI,IAAA,MAAA,CAAO,eAAe,OAAS,EAAA;AACjC,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AACA,MAAI,IAAA,MAAA,CAAO,eAAe,QAAU,EAAA;AAClC,QAAM,KAAA,CAAA,QAAA,EAAU,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,102 @@
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    dProps: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        label: StringConstructor;
+        value: StringConstructor;
+        defaultValue: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                label: string;
+                value: string;
+            };
+        };
+        returnType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "change", ...args: any[]) => void;
+    toggle: import("vue").Ref<boolean>;
+    dropToggle: () => void;
+    close: () => void;
+    selectValue: (val: any) => void;
+    vClickOutside: import("vue").ObjectDirective<any, any>;
+    isEmpty: (val: unknown) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    props: Record<string, any>;
+    options: unknown[];
+    defaultValue: unknown[];
+    position: string;
+    returnType: string;
+}>;
+export default _default;

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

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

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

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

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

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

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

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

package/es/{packages/components/base → components/dropdown}/style/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/index.d.ts

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

package/es/components/index.mjs

@@ -0,0 +1,9 @@
+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';
+//# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

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

package/es/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/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    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":[],"mappings":";;;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,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,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/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/{packages/components/title → components/tab}/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'hzzt-plus/theme/el-title.css';
+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/components/title/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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":[],"mappings":";;;;AAEY,MAAC,SAAS,GAAG,WAAW,CAAC,KAAK;;;;"}