hzzt-plus 0.0.1 → 0.0.2

package/dist/index.full.mjs

@@ -1,28 +1,16 @@
-/*! Hzzt Plus v0.0.0-dev.1 */
+/*! Hzzt Plus v0.0.1 */
 
-import { defineComponent, useSlots, computed, unref, openBlock, createElementBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-
-const INSTALLED_KEY = Symbol("INSTALLED_KEY");
-
-const version$1 = "0.0.0-dev.1";
-
-const makeInstaller = (components = []) => {
-  const install = (app) => {
-    if (app[INSTALLED_KEY])
-      return;
-    app[INSTALLED_KEY] = true;
-    components.forEach((c) => app.use(c));
-  };
-  return {
-    version: version$1,
-    install
-  };
-};
+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";
 isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+const hasOwnProperty$p = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
+const isArray$1 = Array.isArray;
+const isObject$1 = (val) => val !== null && typeof val === "object";
+
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -1337,13 +1325,13 @@ ListCache.prototype.get = listCacheGet;
 ListCache.prototype.has = listCacheHas;
 ListCache.prototype.set = listCacheSet;
 
-var Map = getNative(root, "Map");
+var Map$1 = getNative(root, "Map");
 
 function mapCacheClear() {
   this.size = 0;
   this.__data__ = {
     "hash": new Hash(),
-    "map": new (Map || ListCache)(),
+    "map": new (Map$1 || ListCache)(),
     "string": new Hash()
   };
 }
@@ -2106,7 +2094,7 @@ function stackSet(key, value) {
   var data = this.__data__;
   if (data instanceof ListCache) {
     var pairs = data.__data__;
-    if (!Map || pairs.length < LARGE_ARRAY_SIZE$2 - 1) {
+    if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE$2 - 1) {
       pairs.push([key, value]);
       this.size = ++data.size;
       return this;
@@ -2213,7 +2201,7 @@ var DataView = getNative(root, "DataView");
 
 var Promise$1 = getNative(root, "Promise");
 
-var Set = getNative(root, "Set");
+var Set$1 = getNative(root, "Set");
 
 var mapTag$8 = "[object Map]";
 var objectTag$2 = "[object Object]";
@@ -2222,12 +2210,12 @@ var setTag$8 = "[object Set]";
 var weakMapTag$2 = "[object WeakMap]";
 var dataViewTag$3 = "[object DataView]";
 var dataViewCtorString = toSource(DataView);
-var mapCtorString = toSource(Map);
+var mapCtorString = toSource(Map$1);
 var promiseCtorString = toSource(Promise$1);
-var setCtorString = toSource(Set);
+var setCtorString = toSource(Set$1);
 var weakMapCtorString = toSource(WeakMap);
 var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map && getTag(new Map()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set && getTag(new Set()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
+if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
   getTag = function(value) {
     var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
@@ -4010,7 +3998,7 @@ function baseIsDate(value) {
 var nodeIsDate = nodeUtil && nodeUtil.isDate;
 var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate;
 
-function isElement(value) {
+function isElement$1(value) {
   return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);
 }
 
@@ -4018,7 +4006,7 @@ var mapTag$2 = "[object Map]";
 var setTag$2 = "[object Set]";
 var objectProto$3 = Object.prototype;
 var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-function isEmpty(value) {
+function isEmpty$1(value) {
   if (value == null) {
     return true;
   }
@@ -4069,12 +4057,12 @@ function isMatchWith(object, source, customizer) {
 }
 
 var numberTag = "[object Number]";
-function isNumber(value) {
+function isNumber$1(value) {
   return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
 }
 
 function isNaN(value) {
-  return isNumber(value) && value != +value;
+  return isNumber$1(value) && value != +value;
 }
 
 var isMaskable = coreJsData ? isFunction : stubFalse;
@@ -5653,8 +5641,8 @@ function unescape(string) {
 }
 
 var INFINITY = 1 / 0;
-var createSet = !(Set && 1 / setToArray(new Set([, -0]))[1] == INFINITY) ? noop : function(values) {
-  return new Set(values);
+var createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == INFINITY) ? noop : function(values) {
+  return new Set$1(values);
 };
 
 var LARGE_ARRAY_SIZE = 200;
@@ -6049,8 +6037,8 @@ var lang = {
   isBoolean,
   isBuffer,
   isDate,
-  isElement,
-  isEmpty,
+  isElement: isElement$1,
+  isEmpty: isEmpty$1,
   isEqual,
   isEqualWith,
   isError,
@@ -6065,7 +6053,7 @@ var lang = {
   isNative,
   isNil,
   isNull,
-  isNumber,
+  isNumber: isNumber$1,
   isObject,
   isObjectLike,
   isPlainObject,
@@ -6833,8 +6821,53 @@ if (symIterator) {
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
+const isNumber = (val) => typeof val === "number";
+const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+
+const keysOf = (arr) => Object.keys(arr);
+
 !isClient ? void 0 : document.body;
 
+const epPropKey = "__epPropKey";
+const definePropType = (val) => val;
+const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
+const buildProp = (prop, key) => {
+  if (!isObject$1(prop) || isEpProp(prop))
+    return prop;
+  const { values, required, default: defaultValue, type, validator } = prop;
+  const _validator = values || validator ? (val) => {
+    let valid = false;
+    let allowedValues = [];
+    if (values) {
+      allowedValues = Array.from(values);
+      if (hasOwn(prop, "default")) {
+        allowedValues.push(defaultValue);
+      }
+      valid || (valid = allowedValues.includes(val));
+    }
+    if (validator)
+      valid || (valid = validator(val));
+    if (!valid && allowedValues.length > 0) {
+      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+    }
+    return valid;
+  } : void 0;
+  const epProp = {
+    type,
+    required: !!required,
+    validator: _validator,
+    [epPropKey]: true
+  };
+  if (hasOwn(prop, "default"))
+    epProp.default = defaultValue;
+  return epProp;
+};
+const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
+  key,
+  buildProp(option, key)
+]));
+
 const withInstall = (main, extra) => {
   main.install = (app) => {
     for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
@@ -6849,6 +6882,175 @@ const withInstall = (main, extra) => {
   return main;
 };
 
+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",
+  hzzt: {
+    collapse: {
+      expand: "expand",
+      retract: "retract"
+    }
+  }
+};
+
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+  var _a;
+  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+});
+const buildLocaleContext = (locale) => {
+  const lang = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+};
+const localeContextKey = Symbol("localeContextKey");
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextKey, ref());
+  return buildLocaleContext(computed(() => locale.value || English));
+};
+
+const useSizeProp = buildProp({
+  type: String,
+  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();
+
+const globalConfig = ref();
+function useGlobalConfig(key, defaultValue = void 0) {
+  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
+  if (key) {
+    return computed(() => {
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+    });
+  } else {
+    return config;
+  }
+}
+const provideGlobalConfig = (config, app, global = false) => {
+  var _a;
+  const inSetup = !!getCurrentInstance();
+  const oldConfig = inSetup ? useGlobalConfig() : void 0;
+  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
+  if (!provideFn) {
+    return;
+  }
+  const context = computed(() => {
+    const cfg = unref(config);
+    if (!(oldConfig == null ? void 0 : oldConfig.value))
+      return cfg;
+    return mergeConfig(oldConfig.value, cfg);
+  });
+  provideFn(configProviderContextKey, context);
+  provideFn(localeContextKey, computed(() => context.value.locale));
+  provideFn(SIZE_INJECTION_KEY, {
+    size: computed(() => context.value.size || "")
+  });
+  if (global || !globalConfig.value) {
+    globalConfig.value = context.value;
+  }
+  return context;
+};
+const mergeConfig = (a, b) => {
+  const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
+  const obj = {};
+  for (const key of keys) {
+    obj[key] = b[key] !== void 0 ? b[key] : a[key];
+  }
+  return obj;
+};
+
+const configProviderProps = buildProps({
+  a11y: {
+    type: Boolean,
+    default: true
+  },
+  locale: {
+    type: definePropType(Object)
+  },
+  size: useSizeProp,
+  keyboardNavigation: {
+    type: Boolean,
+    default: true
+  }
+});
+
+const ConfigProvider = defineComponent({
+  name: "HzztConfigProvider",
+  props: configProviderProps,
+  setup(props, { slots }) {
+    const config = provideGlobalConfig(props);
+    return () => renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
+  }
+});
+var ConfigProvider$1 = ConfigProvider;
+
+const HzztConfigProvider = withInstall(ConfigProvider$1);
+
+const version$1 = "0.0.1";
+
+const makeInstaller = (components = []) => {
+  const install = (app, options) => {
+    if (app[INSTALLED_KEY])
+      return;
+    app[INSTALLED_KEY] = true;
+    components.forEach((c) => app.use(c));
+    if (options)
+      provideGlobalConfig(options, app, true);
+  };
+  return {
+    version: version$1,
+    install
+  };
+};
+
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -6857,20 +7059,20 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "hzzt-title flex align-items-center"
 };
-const _hoisted_2 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "decorative-line"
 };
-const _hoisted_3 = { class: "label-name" };
-const __default__ = defineComponent({
+const _hoisted_3$3 = { class: "label-name" };
+const __default__$3 = defineComponent({
   name: "HzztTitle"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     label: String,
     sideline: {
@@ -6886,10 +7088,10 @@ const _sfc_main = /* @__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, [
-        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_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, [
+        createElementVNode("label", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.label), 1)
           ])
@@ -6898,19 +7100,479 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+var Title = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
 
 const HzztTitle = withInstall(Title);
 
+const isElement = (e) => {
+  if (typeof Element === "undefined")
+    return false;
+  return e instanceof Element;
+};
+
+const nodeList$1 = /* @__PURE__ */ new Map();
+let startClick;
+if (isClient) {
+  document.addEventListener("mousedown", (e) => startClick = e);
+  document.addEventListener("mouseup", (e) => {
+    for (const handlers of nodeList$1.values()) {
+      for (const { documentHandler } of handlers) {
+        documentHandler(e, startClick);
+      }
+    }
+  });
+}
+function createDocumentHandler$1(el, binding) {
+  let excludes = [];
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg);
+  }
+  return function(mouseup, mousedown) {
+    const popperRef = binding.instance.popperRef;
+    const mouseUpTarget = mouseup.target;
+    const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
+    const isBound = !binding || !binding.instance;
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    const isSelf = el === mouseUpTarget;
+    const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
+    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+const ClickOutside = {
+  beforeMount(el, binding) {
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
+    }
+    nodeList$1.get(el).push({
+      documentHandler: createDocumentHandler$1(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
+    }
+    const handlers = nodeList$1.get(el);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler$1(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el) {
+    nodeList$1.delete(el);
+  }
+};
+
+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$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  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$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", {
+                  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)
+                ], 2)) : (openBlock(), createElementBlock("li", {
+                  key: index + "submenu",
+                  class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                }, [
+                  createElementVNode("a", _hoisted_6$2, 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)
+                      ], 2);
+                    }), 128))
+                  ], 2)
+                ])),
+                option.divider ? (openBlock(), createElementBlock("li", {
+                  class: "divider",
+                  key: index + "divider"
+                })) : createCommentVNode("v-if", true)
+              ], 64);
+            }), 256))
+          ])
+        ], 2)
+      ], 8, _hoisted_1$2)), [
+        [unref(ClickOutside), close]
+      ]);
+    };
+  }
+});
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
+
+const HzztDropdown = withInstall(Dropdown);
+
+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__$1 = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  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);
+    useSlots();
+    watch(() => props.defaultActive, (val) => {
+      active.value = val;
+    });
+    function toggle() {
+      active.value = !active.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", {
+          class: "hzzt-collapse-header",
+          onClick: toggle
+        }, [
+          createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_3$1, [
+              _hoisted_4$1,
+              createElementVNode("div", _hoisted_5$1, toDisplayString(__props.title), 1)
+            ]),
+            _hoisted_6$1
+          ]),
+          __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")
+      ]);
+    };
+  }
+});
+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 = [
-  HzztTitle
+  HzztConfigProvider,
+  HzztTitle,
+  HzztDropdown,
+  HzztCollapse,
+  HzztTab
 ];
 
 var Plugins = [];
 
 var installer = makeInstaller([...Components, ...Plugins]);
 
+let handler$1;
+const Download = {
+  mounted(el, binding) {
+    const { path, name = "download" } = binding.value || {};
+    handler$1 = function(e) {
+      e.preventDefault();
+      const a = document.createElement("a");
+      a.href = path;
+      a.download = name;
+      a.click();
+      a.remove();
+    };
+    el.addEventListener("click", handler$1);
+  },
+  unmounted(el) {
+    el.removeEventListener("click", handler$1);
+  }
+};
+
+const nodeList = /* @__PURE__ */ new Map();
+if (isClient) {
+  window.addEventListener("resize", handler);
+  document.addEventListener("fullscreenchange", handler);
+}
+function handler() {
+  for (const handlers of nodeList.values()) {
+    for (const { documentHandler } of handlers) {
+      documentHandler();
+    }
+  }
+}
+const Height = {
+  mounted(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    const handlers = nodeList.get(el);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el) {
+    nodeList.delete(el);
+  }
+};
+function createDocumentHandler(el, binding) {
+  const { element, distY, type } = getEffectiveValue(el, binding.value);
+  const cssProp = type ? type + "Height" : "height";
+  el.style[cssProp] = element.clientHeight + distY + "px";
+  return function() {
+    el.style[cssProp] = element.clientHeight + distY + "px";
+  };
+}
+function getEffectiveValue(el, val) {
+  let element = el.parentElement;
+  let distY = 0;
+  let type = "";
+  if (!val) {
+    element = el.parentElement;
+    distY = 0;
+  } else if (val instanceof HTMLElement) {
+    element = val;
+    distY = 0;
+  } else if (isNumber(val)) {
+    element = el.parentElement;
+    distY = val;
+  } else if (isObject$1(val)) {
+    element = (val == null ? void 0 : val.el) || el.parentElement;
+    distY = (val == null ? void 0 : val.distY) || 0;
+    type = (val == null ? void 0 : val.type) || "";
+  }
+  return { element, distY, type };
+}
+
+const Blur = {
+  beforeMount(el) {
+    el.addEventListener("click", () => {
+      el.blur();
+    });
+  }
+};
+
+const Highlight = {
+  beforeMount: handle,
+  updated: handle
+};
+function handle(el, binding) {
+  const { form = false } = binding.modifiers;
+  const { color = "#ff0000", fontSize = "16px", show = true } = binding.value || {};
+  el.style.color = show ? color : "";
+  el.style.fontSize = show ? fontSize : "";
+  if (form) {
+    setCssText(el, show, "--el-text-color-regular", color);
+    setCssText(el, show, "--font-size", fontSize);
+  }
+}
+function setCssText(el, show, prop, value) {
+  let cssText = el.style.cssText;
+  if (show) {
+    let cssText2 = el.style.cssText;
+    if (!~cssText2.indexOf(prop)) {
+      cssText2 = `${cssText2};${prop}: ${value}`;
+    }
+    el.style.cssText = cssText2;
+  } else {
+    cssText = cssText.replace(`${prop}: ${value};`, "");
+    el.style.cssText = cssText;
+  }
+}
+
 const install = installer.install;
 const version = installer.version;
 
-export { HzztTitle, installer as default, install, makeInstaller, version };
+export { Blur, Download, Height, Highlight, 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 };