hzzt-plus 0.0.1-dev-03 → 0.0.1-dev-05

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Hzzt Plus v0.0.1 */
 
-import { warn, computed, unref, isRef, ref, inject, getCurrentInstance, provide, defineComponent, renderSlot, useSlots, openBlock, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withDirectives, withModifiers, normalizeClass, Fragment, renderList, watch } from 'vue';
+import { warn, unref, computed, isRef, ref, inject, getCurrentInstance, provide, defineComponent, renderSlot, useSlots, openBlock, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withDirectives, withModifiers, normalizeClass, Fragment, renderList, watch } from 'vue';
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -6884,6 +6884,34 @@ const withInstall = (main, extra) => {
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 
 const componentSizes = ["", "default", "small", "large"];
+const componentSizeMap = {
+  large: 40,
+  default: 32,
+  small: 24
+};
+
+const datePickTypes = [
+  "year",
+  "years",
+  "month",
+  "months",
+  "date",
+  "dates",
+  "week",
+  "datetime",
+  "datetimerange",
+  "daterange",
+  "monthrange"
+];
+const WEEK_DAYS = [
+  "sun",
+  "mon",
+  "tue",
+  "wed",
+  "thu",
+  "fri",
+  "sat"
+];
 
 var English = {
   name: "en",
@@ -6920,7 +6948,16 @@ const useSizeProp = buildProp({
   values: componentSizes,
   required: false
 });
+const useSizeProps = {
+  size: useSizeProp
+};
 const SIZE_INJECTION_KEY = Symbol("size");
+const useGlobalSize = () => {
+  const injectedSize = inject(SIZE_INJECTION_KEY, {});
+  return computed(() => {
+    return unref(injectedSize.size) || "";
+  });
+};
 
 const configProviderContextKey = Symbol();
 
@@ -7021,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: {
@@ -7050,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)
           ])
@@ -7062,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);
 
@@ -7138,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,
@@ -7204,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", {
@@ -7216,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"])
                   }, [
@@ -7233,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)
@@ -7246,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,
@@ -7297,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")
@@ -7317,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 = [];
@@ -7335,4 +7448,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { HzztCollapse, HzztConfigProvider, HzztDropdown, HzztTitle, configProviderContextKey, configProviderProps, installer as default, install, makeInstaller, provideGlobalConfig, useGlobalConfig, 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

@@ -1,13 +1,15 @@
-import { HzztTitle } from './packages/components/title/index.mjs';
-import { HzztDropdown } from './packages/components/dropdown/index.mjs';
-import { HzztCollapse } from './packages/components/collapse/index.mjs';
-import { HzztConfigProvider } from './packages/components/config-provider/index.mjs';
+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/collapse/index.d.ts

@@ -12,7 +12,7 @@ export declare const HzztCollapse: import("hzzt-plus/es/utils").SFCWithInstall<i
         default: boolean;
     };
 }, {
-    t: import("../../hooks").Translator;
+    t: import("../..").Translator;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultActive: {
             type: BooleanConstructor;

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

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

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

@@ -0,0 +1,70 @@
+import { createElementVNode, defineComponent, ref, useSlots, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+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 = {
+  key: 0,
+  class: "hzzt-collapse-text"
+};
+const __default__ = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    expand: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const active = ref(props.defaultActive);
+    const slots = useSlots();
+    watch(() => props.defaultActive, (val) => {
+      active.value = val;
+    });
+    function toggle() {
+      active.value = !active.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_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)
+            ]),
+            _hoisted_6
+          ]),
+          __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)
+        ]),
+        renderSlot(_ctx.$slots, "active", { active: active.value }),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Collapse as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/collapse/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\"></div>\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\"></div>\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n          active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n        }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\"></slot>\n    <slot></slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n\n  import {ref, watch, useSlots} from 'vue';\n  import {useLocale} from '@hzzt-plus/hooks'\n\n  defineOptions({\n    name: 'HzztCollapse',\n  });\n  const {t} = useLocale()\n  const props = defineProps({\n    defaultActive: {\n      type: Boolean,\n      default: false,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    expand: {\n      type: Boolean,\n      default: true,\n    },\n  });\n\n  const active = ref(props.defaultActive);\n\n  const slots = useSlots();\n\n  watch(() => props.defaultActive, (val: boolean) => {\n    active.value = val;\n  });\n\n  function toggle() {\n    active.value = !active.value;\n  }\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;mCAwBgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,MAAK,SAAU,EAAA,CAAA;AAgBtB,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAEtC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,KAAA,CAAM,MAAM,KAAA,CAAM,aAAe,EAAA,CAAC,GAAiB,KAAA;AACjD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAkB,SAAA,MAAA,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/config-provider/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport ConfigProvider from './src/config-provider'\n\nexport const HzztConfigProvider = withInstall(ConfigProvider)\nexport default HzztConfigProvider\n\nexport * from './src/config-provider'\nexport * from './src/config-provider-props'\nexport * from './src/constants'\nexport * from './src/hooks/use-global-config'\n"],"names":[],"mappings":";;;;;;;AAEY,MAAC,kBAAkB,GAAG,WAAW,CAAC,cAAc;;;;"}

package/es/components/config-provider/src/config-provider-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider-props.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider-props.ts"],"sourcesContent":["import { buildProps, definePropType } from '@hzzt-plus/utils'\nimport { useSizeProp } from '@hzzt-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Language } from '@hzzt-plus/locale'\n\nexport const configProviderProps = buildProps({\n  /**\n   * @description Controlling if the users want a11y features\n   */\n  a11y: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Locale Object\n   */\n  locale: {\n    type: definePropType<Language>(Object),\n  },\n  /**\n   * @description global component size\n   */\n  size: useSizeProp,\n  /**\n   * @description Controls if we should handle keyboard navigation\n   */\n  keyboardNavigation: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

package/es/components/config-provider/src/config-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider.ts"],"sourcesContent":["import {defineComponent, renderSlot} from 'vue'\nimport {provideGlobalConfig} from './hooks/use-global-config'\nimport {configProviderProps} from './config-provider-props'\n\nconst ConfigProvider = defineComponent({\n    name: 'HzztConfigProvider',\n    props: configProviderProps,\n\n    setup(props, {slots}) {\n        const config = provideGlobalConfig(props)\n        return () => renderSlot(slots, 'default', {config: config?.value})\n    },\n})\nexport type ConfigProviderInstance = InstanceType<typeof ConfigProvider>\n\nexport default ConfigProvider\n"],"names":[],"mappings":";;;;AAGK,MAAC,cAAc,GAAG,eAAe,CAAC;AACvC,EAAE,IAAI,EAAE,oBAAoB;AAC5B,EAAE,KAAK,EAAE,mBAAmB;AAC5B,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;AAC1B,IAAI,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAI,OAAO,MAAM,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAClG,GAAG;AACH,CAAC;;;;"}

package/es/components/config-provider/src/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../../packages/components/config-provider/src/constants.ts"],"sourcesContent":["import type { ConfigProviderProps } from './config-provider-props'\nimport type { InjectionKey, Ref } from 'vue'\n\nexport type ConfigProviderContext = Partial<ConfigProviderProps>\n\nexport const configProviderContextKey: InjectionKey<\n  Ref<ConfigProviderContext>\n> = Symbol()\n"],"names":[],"mappings":"AAAY,MAAC,wBAAwB,GAAG,MAAM;;;;"}

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/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/index.d.ts

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