hzzt-plus 0.0.1 → 0.0.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v0.0.0-dev.1 */
+/*! Hzzt Plus v0.0.1 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6,27 +6,15 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HzztPlus = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-  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
-    };
-  };
-
   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;
@@ -1341,13 +1329,13 @@
   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()
     };
   }
@@ -2110,7 +2098,7 @@
     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;
@@ -2217,7 +2205,7 @@
 
   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]";
@@ -2226,12 +2214,12 @@
   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) {
@@ -4014,7 +4002,7 @@
   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);
   }
 
@@ -4022,7 +4010,7 @@
   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;
     }
@@ -4073,12 +4061,12 @@
   }
 
   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;
@@ -5657,8 +5645,8 @@
   }
 
   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;
@@ -6053,8 +6041,8 @@
     isBoolean,
     isBuffer,
     isDate,
-    isElement,
-    isEmpty,
+    isElement: isElement$1,
+    isEmpty: isEmpty$1,
     isEqual,
     isEqualWith,
     isError,
@@ -6069,7 +6057,7 @@
     isNative,
     isNil,
     isNull,
-    isNumber,
+    isNumber: isNumber$1,
     isObject,
     isObjectLike,
     isPlainObject,
@@ -6837,8 +6825,53 @@
    * 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(", ");
+        vue.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 : {})]) {
@@ -6853,6 +6886,175 @@
     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, vue.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 = vue.computed(() => vue.unref(locale).name);
+    const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
+    return {
+      lang,
+      locale: localeRef,
+      t: buildTranslator(locale)
+    };
+  };
+  const localeContextKey = Symbol("localeContextKey");
+  const useLocale = (localeOverrides) => {
+    const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
+    return buildLocaleContext(vue.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 = vue.inject(SIZE_INJECTION_KEY, {});
+    return vue.computed(() => {
+      return vue.unref(injectedSize.size) || "";
+    });
+  };
+
+  const configProviderContextKey = Symbol();
+
+  const globalConfig = vue.ref();
+  function useGlobalConfig(key, defaultValue = void 0) {
+    const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
+    if (key) {
+      return vue.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 = !!vue.getCurrentInstance();
+    const oldConfig = inSetup ? useGlobalConfig() : void 0;
+    const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
+    if (!provideFn) {
+      return;
+    }
+    const context = vue.computed(() => {
+      const cfg = vue.unref(config);
+      if (!(oldConfig == null ? void 0 : oldConfig.value))
+        return cfg;
+      return mergeConfig(oldConfig.value, cfg);
+    });
+    provideFn(configProviderContextKey, context);
+    provideFn(localeContextKey, vue.computed(() => context.value.locale));
+    provideFn(SIZE_INJECTION_KEY, {
+      size: vue.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 = vue.defineComponent({
+    name: "HzztConfigProvider",
+    props: configProviderProps,
+    setup(props, { slots }) {
+      const config = provideGlobalConfig(props);
+      return () => vue.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) {
@@ -6861,20 +7063,20 @@
     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__ = vue.defineComponent({
+  const _hoisted_3$3 = { class: "label-name" };
+  const __default__$3 = vue.defineComponent({
     name: "HzztTitle"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: {
       label: String,
       sideline: {
@@ -6890,10 +7092,10 @@
         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 vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
+        return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", _hoisted_3, [
+          vue.createElementVNode("label", _hoisted_3$3, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ])
@@ -6902,25 +7104,511 @@
       };
     }
   });
-  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__ */ vue.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 = vue.defineComponent({
+    name: "HzztDropDown"
+  });
+  const _sfc_main$2 = /* @__PURE__ */ vue.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 = vue.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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
+          onClick: vue.withModifiers(dropToggle, ["stop"]),
+          class: "hzzt-dropdown"
+        }, [
+          vue.createElementVNode("li", {
+            class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
+          }, [
+            vue.createElementVNode("span", _hoisted_2$2, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$2,
+            vue.createElementVNode("ul", _hoisted_4$2, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                  vue.unref(isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
+                    class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[__props.props.value]) }),
+                    key: index
+                  }, [
+                    vue.createElementVNode("a", {
+                      onClick: ($event) => selectValue([option[__props.props.value]]),
+                      class: "hzzt-dropdown-menu-item-label"
+                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$2)
+                  ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
+                    key: index + "submenu",
+                    class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                  }, [
+                    vue.createElementVNode("a", _hoisted_6$2, vue.toDisplayString(option[__props.props.label]), 1),
+                    vue.createElementVNode("ul", {
+                      class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(option.children, (child, cIndex) => {
+                        return vue.openBlock(), vue.createElementBlock("li", {
+                          class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(child[__props.props.value]) }),
+                          key: cIndex
+                        }, [
+                          vue.createElementVNode("a", {
+                            onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
+                            class: "hzzt-dropdown-menu-item-label"
+                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$2)
+                        ], 2);
+                      }), 128))
+                    ], 2)
+                  ])),
+                  option.divider ? (vue.openBlock(), vue.createElementBlock("li", {
+                    class: "divider",
+                    key: index + "divider"
+                  })) : vue.createCommentVNode("v-if", true)
+                ], 64);
+              }), 256))
+            ])
+          ], 2)
+        ], 8, _hoisted_1$2)), [
+          [vue.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__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+  const _hoisted_5$1 = { class: "hzzt-collapse-title" };
+  const _hoisted_6$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+  const _hoisted_7$1 = {
+    key: 0,
+    class: "hzzt-collapse-text"
+  };
+  const __default__$1 = vue.defineComponent({
+    name: "HzztCollapse"
+  });
+  const _sfc_main$1 = /* @__PURE__ */ vue.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 = vue.ref(props.defaultActive);
+      vue.useSlots();
+      vue.watch(() => props.defaultActive, (val) => {
+        active.value = val;
+      });
+      function toggle() {
+        active.value = !active.value;
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+          vue.createElementVNode("div", {
+            class: "hzzt-collapse-header",
+            onClick: toggle
+          }, [
+            vue.createElementVNode("div", _hoisted_2$1, [
+              vue.createElementVNode("div", _hoisted_3$1, [
+                _hoisted_4$1,
+                vue.createElementVNode("div", _hoisted_5$1, vue.toDisplayString(__props.title), 1)
+              ]),
+              _hoisted_6$1
+            ]),
+            __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
+          vue.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__ = vue.defineComponent({
+    name: "HzztTab"
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    props: {
+      tabList: {
+        type: Array,
+        default: () => []
+      },
+      modelValue: {
+        type: [Number, String, Array]
+      }
+    },
+    emits: ["update:modelValue", "tab-click"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const customTabList = vue.computed(() => props.tabList.map((value) => {
+        const tab = value;
+        return {
+          key: tab.name + "-" + tab.number,
+          ...tab,
+          number: Number(tab.number || 0),
+          hide: tab.hide
+        };
+      }).filter((tab) => !tab.hide));
+      function tabClick(tab, event) {
+        if (tab.name === props.modelValue)
+          return;
+        emit("update:modelValue", tab.name);
+        emit("tab-click", tab, event);
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: tab.key,
+                  onClick: ($event) => tabClick(tab, $event),
+                  class: "hzzt-tab-pane"
+                }, [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createElementVNode("p", {
+                      class: vue.normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
+                    }, vue.toDisplayString(tab.label), 3),
+                    tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true)
+                  ])
+                ], 8, _hoisted_4);
+              }), 128))
+            ]),
+            vue.renderSlot(_ctx.$slots, "filter"),
+            vue.renderSlot(_ctx.$slots, "extra")
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.renderSlot(_ctx.$slots, "right")
+          ])
+        ]);
+      };
+    }
+  });
+  var Tab = /* @__PURE__ */ _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;
 
+  exports.Blur = Blur;
+  exports.Download = Download;
+  exports.Height = Height;
+  exports.Highlight = Highlight;
+  exports.HzztCollapse = HzztCollapse;
+  exports.HzztConfigProvider = HzztConfigProvider;
+  exports.HzztDropdown = HzztDropdown;
+  exports.HzztTab = HzztTab;
   exports.HzztTitle = HzztTitle;
+  exports.INSTALLED_KEY = INSTALLED_KEY;
+  exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
+  exports.WEEK_DAYS = WEEK_DAYS;
+  exports.buildLocaleContext = buildLocaleContext;
+  exports.buildTranslator = buildTranslator;
+  exports.componentSizeMap = componentSizeMap;
+  exports.componentSizes = componentSizes;
+  exports.configProviderContextKey = configProviderContextKey;
+  exports.configProviderProps = configProviderProps;
+  exports.datePickTypes = datePickTypes;
   exports["default"] = installer;
   exports.install = install;
+  exports.localeContextKey = localeContextKey;
   exports.makeInstaller = makeInstaller;
+  exports.provideGlobalConfig = provideGlobalConfig;
+  exports.translate = translate;
+  exports.useGlobalConfig = useGlobalConfig;
+  exports.useGlobalSize = useGlobalSize;
+  exports.useLocale = useLocale;
+  exports.useSizeProp = useSizeProp;
+  exports.useSizeProps = useSizeProps;
   exports.version = version;
 
   Object.defineProperty(exports, '__esModule', { value: true });