hzzt-plus 0.0.1-dev-05 → 0.0.1-dev-07

package/dist/index.full.mjs

@@ -4057,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;
@@ -6053,7 +6053,7 @@ var lang = {
   isNative,
   isNil,
   isNull,
-  isNumber,
+  isNumber: isNumber$1,
   isObject,
   isObjectLike,
   isPlainObject,
@@ -6821,6 +6821,7 @@ 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);
@@ -7109,19 +7110,19 @@ const isElement = (e) => {
   return e instanceof Element;
 };
 
-const nodeList = /* @__PURE__ */ new Map();
+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.values()) {
+    for (const handlers of nodeList$1.values()) {
       for (const { documentHandler } of handlers) {
         documentHandler(e, startClick);
       }
     }
   });
 }
-function createDocumentHandler(el, binding) {
+function createDocumentHandler$1(el, binding) {
   let excludes = [];
   if (Array.isArray(binding.arg)) {
     excludes = binding.arg;
@@ -7146,22 +7147,22 @@ function createDocumentHandler(el, binding) {
 }
 const ClickOutside = {
   beforeMount(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
     }
-    nodeList.get(el).push({
-      documentHandler: createDocumentHandler(el, binding),
+    nodeList$1.get(el).push({
+      documentHandler: createDocumentHandler$1(el, binding),
       bindingFn: binding.value
     });
   },
   updated(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
     }
-    const handlers = nodeList.get(el);
+    const handlers = nodeList$1.get(el);
     const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
     const newHandler = {
-      documentHandler: createDocumentHandler(el, binding),
+      documentHandler: createDocumentHandler$1(el, binding),
       bindingFn: binding.value
     };
     if (oldHandlerIndex >= 0) {
@@ -7171,7 +7172,7 @@ const ClickOutside = {
     }
   },
   unmounted(el) {
-    nodeList.delete(el);
+    nodeList$1.delete(el);
   }
 };
 
@@ -7445,7 +7446,107 @@ 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) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    const handlers = nodeList.get(element);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el, binding) {
+    const { element } = getEffectiveValue(el, binding.value);
+    nodeList.delete(element);
+  }
+};
+function createDocumentHandler(el, distY, type) {
+  const cssProp = type ? type + "Height" : "height";
+  el.style[cssProp] = el.clientHeight + distY + "px";
+  return function() {
+    el.style[cssProp] = el.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 install = installer.install;
 const version = installer.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 };
+export { Blur, Download, Height, 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/components/tab/index.d.ts

@@ -24,6 +24,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
         number: number;
         hide: boolean;
         name: string;
+        label: string;
         key: string;
     }[]>;
     tabClick: (tab: any, event: any) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.map(value => {\n    const tab = value as Tab;\n    return {\n      key: (tab.name + '-' + tab.number) as string,\n      ...tab,\n      number: Number(tab.number || 0),\n      hide: tab.hide,\n    }\n  }).filter((tab) => !tab.hide))\n\n  function tabClick(tab, event) {\n    if (tab.name === props.modelValue) return;\n    emit('update:modelValue', tab.name);\n    emit('tab-click', tab, event);\n  }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    label: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.map(value => {\n    const tab = value as Tab;\n    return {\n      key: (tab.name + '-' + tab.number) as string,\n      ...tab,\n      number: Number(tab.number || 0),\n      hide: tab.hide,\n    }\n  }).filter((tab) => !tab.hide))\n\n  function tabClick(tab, event) {\n    if (tab.name === props.modelValue) return;\n    emit('update:modelValue', tab.name);\n    emit('tab-click', tab, event);\n  }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         number: number;
         hide: boolean;
         name: string;
+        label: string;
         key: string;
     }[]>;
     tabClick: (tab: any, event: any) => void;

package/es/directives/blur/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Blur: ObjectDirective;
+export default Blur;

package/es/directives/blur/index.mjs

@@ -0,0 +1,10 @@
+const Blur = {
+  beforeMount(el) {
+    el.addEventListener("click", () => {
+      el.blur();
+    });
+  }
+};
+
+export { Blur as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/blur/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/blur/index.ts"],"sourcesContent":["import type {\n    ObjectDirective,\n} from 'vue'\n\nconst Blur: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount(el: HTMLElement) {\n        el.addEventListener('click', () => {\n            el.blur();\n        });\n    },\n};\n\nexport default Blur;\n"],"names":[],"mappings":"AAAK,MAAC,IAAI,GAAG;AACb,EAAE,WAAW,CAAC,EAAE,EAAE;AAClB,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM;AACvC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;AAChB,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

package/es/directives/download/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Download: ObjectDirective;
+export default Download;

package/es/directives/download/index.mjs

@@ -0,0 +1,21 @@
+let handler;
+const Download = {
+  mounted(el, binding) {
+    const { path, name = "download" } = binding.value || {};
+    handler = function(e) {
+      e.preventDefault();
+      const a = document.createElement("a");
+      a.href = path;
+      a.download = name;
+      a.click();
+      a.remove();
+    };
+    el.addEventListener("click", handler);
+  },
+  unmounted(el) {
+    el.removeEventListener("click", handler);
+  }
+};
+
+export { Download as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/download/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/download/index.ts"],"sourcesContent":["import type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\nlet handler;\nconst Download: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {path, name = 'download'} = binding.value || {};\n\n        handler = function (e) {\n            e.preventDefault();\n            const a = document.createElement('a');\n            a.href = path;\n            a.download = name;\n            a.click();\n            a.remove();\n        };\n        el.addEventListener('click', handler);\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement) {\n        el.removeEventListener('click', handler);\n    },\n};\n\nexport default Download;\n\n"],"names":[],"mappings":"AAAA,IAAI,OAAO,CAAC;AACP,MAAC,QAAQ,GAAG;AACjB,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AAC5D,IAAI,OAAO,GAAG,SAAS,CAAC,EAAE;AAC1B,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,MAAM,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;AACpB,MAAM,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxB,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;AACjB,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE;AAChB,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7C,GAAG;AACH;;;;"}

package/es/directives/height/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Height: ObjectDirective;
+export default Height;

package/es/directives/height/index.mjs

@@ -0,0 +1,80 @@
+import '../../utils/index.mjs';
+import { isClient } from '@vueuse/core';
+import { isNumber } from '../../utils/types.mjs';
+import { isObject } from '@vue/shared';
+
+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) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    const handlers = nodeList.get(element);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el, binding) {
+    const { element } = getEffectiveValue(el, binding.value);
+    nodeList.delete(element);
+  }
+};
+function createDocumentHandler(el, distY, type) {
+  const cssProp = type ? type + "Height" : "height";
+  el.style[cssProp] = el.clientHeight + distY + "px";
+  return function() {
+    el.style[cssProp] = el.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(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 };
+}
+
+export { Height as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/height/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/height/index.ts"],"sourcesContent":["import {isClient, isNumber, isObject} from '@hzzt-plus/utils'\n\nimport type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\ntype DocumentHandler = <T>() => void\ntype FlushList = Map<\n    HTMLElement,\n    {\n        documentHandler: DocumentHandler\n        bindingFn: (...args: unknown[]) => unknown\n    }[]\n>\n\nconst nodeList: FlushList = new Map();\n\nif (isClient) {\n    window.addEventListener('resize', handler);\n    document.addEventListener('fullscreenchange', handler);\n}\n\nfunction handler() {\n    for (const handlers of nodeList.values()) {\n        for (const {documentHandler} of handlers) {\n            documentHandler()\n        }\n    }\n}\n\n// v-height\n// 默认高度为当前元素的父元素高度\n\n// v-height = el\n// 当前元素的高度设置为el的高度\n\n// v-height = 60\n// 当前元素的高度设置为父元素高度+60px\n\n// v-height = {el: el, distY: 60}\n// 当前元素的高度设置为el的高度+60px\nconst Height: ObjectDirective = {\n    // 当被绑定的元素插入到 DOM 中时……\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {element, distY, type} = getEffectiveValue(el, binding.value);\n        if (!nodeList.has(element)) {\n            nodeList.set(element, []);\n        }\n        nodeList.get(el)!.push({\n            documentHandler: createDocumentHandler(element, distY, type),\n            bindingFn: binding.value,\n        })\n    },\n    updated(el: HTMLElement, binding: DirectiveBinding) {\n        const {element, distY, type} = getEffectiveValue(el, binding.value);\n        if (!nodeList.has(element)) {\n            nodeList.set(element, []);\n        }\n        const handlers = nodeList.get(element)!\n        const oldHandlerIndex = handlers.findIndex(\n            (item) => item.bindingFn === binding.oldValue\n        )\n        const newHandler = {\n            documentHandler: createDocumentHandler(element, distY, type),\n            bindingFn: binding.value,\n        }\n\n        if (oldHandlerIndex >= 0) {\n            // replace the old handler to the new handler\n            handlers.splice(oldHandlerIndex, 1, newHandler)\n        } else {\n            handlers.push(newHandler)\n        }\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {element} = getEffectiveValue(el, binding.value);\n        nodeList.delete(element);\n    },\n};\n\nfunction createDocumentHandler(el: HTMLElement, distY: number, type: string) {\n    const cssProp = type ? (type + 'Height') : 'height';\n    el.style[cssProp] = el.clientHeight + distY + 'px';\n    return function () {\n        el.style[cssProp] = el.clientHeight + distY + 'px';\n    }\n}\n\nfunction getEffectiveValue(el, val) {\n    let element = el.parentElement;\n    let distY = 0;\n    let type = '';\n    if (!val) {\n        element = el.parentElement;\n        distY = 0;\n    } else if (val instanceof HTMLElement) {\n        element = val;\n        distY = 0;\n    } else if (isNumber(val)) {\n        element = el.parentElement;\n        distY = val;\n    } else if (isObject(val)) {\n        element = val?.el || el.parentElement;\n        distY = val?.distY || 0;\n        type = val?.type || '';\n    }\n    return {element, distY, type};\n}\n\nexport default Height;\n\n"],"names":[],"mappings":";;;;;AACA,MAAM,QAAQ,mBAAmB,IAAI,GAAG,EAAE,CAAC;AAC3C,IAAI,QAAQ,EAAE;AACd,EAAE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC7C,EAAE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;AACzD,CAAC;AACD,SAAS,OAAO,GAAG;AACnB,EAAE,KAAK,MAAM,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,EAAE;AAC5C,IAAI,KAAK,MAAM,EAAE,eAAe,EAAE,IAAI,QAAQ,EAAE;AAChD,MAAM,eAAe,EAAE,CAAC;AACxB,KAAK;AACL,GAAG;AACH,CAAC;AACI,MAAC,MAAM,GAAG;AACf,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1E,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAChC,MAAM,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC;AAC1B,MAAM,eAAe,EAAE,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAClE,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK;AAC9B,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1E,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAChC,MAAM,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC3C,IAAI,MAAM,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC9F,IAAI,MAAM,UAAU,GAAG;AACvB,MAAM,eAAe,EAAE,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;AAClE,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK;AAC9B,KAAK,CAAC;AACN,IAAI,IAAI,eAAe,IAAI,CAAC,EAAE;AAC9B,MAAM,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;AACtD,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,KAAK;AACL,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE;AACzB,IAAI,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC7B,GAAG;AACH,EAAE;AACF,SAAS,qBAAqB,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;AAChD,EAAE,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACpD,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;AACrD,EAAE,OAAO,WAAW;AACpB,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;AACvD,GAAG,CAAC;AACJ,CAAC;AACD,SAAS,iBAAiB,CAAC,EAAE,EAAE,GAAG,EAAE;AACpC,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC;AACjC,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC;AAChB,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC;AAChB,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC;AAC/B,IAAI,KAAK,GAAG,CAAC,CAAC;AACd,GAAG,MAAM,IAAI,GAAG,YAAY,WAAW,EAAE;AACzC,IAAI,OAAO,GAAG,GAAG,CAAC;AAClB,IAAI,KAAK,GAAG,CAAC,CAAC;AACd,GAAG,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC5B,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC;AAC/B,IAAI,KAAK,GAAG,GAAG,CAAC;AAChB,GAAG,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC5B,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,aAAa,CAAC;AAClE,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC;AACpD,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;AACnD,GAAG;AACH,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAClC;;;;"}

package/es/directives/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Download } from './download';
+export { default as Height } from './height';
+export { default as Blur } from './blur';

package/es/directives/index.mjs

@@ -0,0 +1,4 @@
+export { default as Download } from './download/index.mjs';
+export { default as Height } from './height/index.mjs';
+export { default as Blur } from './blur/index.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/directives/index.mjs.map

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

package/es/index.d.ts

@@ -1,6 +1,7 @@
 import installer from './defaults';
 export * from 'hzzt-plus/es/components';
 export * from 'hzzt-plus/es/constants';
+export * from 'hzzt-plus/es/directives';
 export * from 'hzzt-plus/es/hooks';
 export * from './make-installer';
 export declare const install: (app: import("vue").App<any>, options?: Partial<import("hzzt-plus/es/components").ConfigProviderProps> | undefined) => void;

package/es/index.mjs

@@ -2,6 +2,7 @@ import installer from './defaults.mjs';
 export { default } from './defaults.mjs';
 import './components/index.mjs';
 import './constants/index.mjs';
+import './directives/index.mjs';
 import './hooks/index.mjs';
 export { makeInstaller } from './make-installer.mjs';
 export { HzztTitle } from './components/title/index.mjs';
@@ -15,6 +16,9 @@ export { HzztTab } from './components/tab/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';
 export { WEEK_DAYS, datePickTypes } from './constants/date.mjs';
+export { default as Download } from './directives/download/index.mjs';
+export { default as Height } from './directives/height/index.mjs';
+export { default as Blur } from './directives/blur/index.mjs';
 export { buildLocaleContext, buildTranslator, localeContextKey, translate, useLocale } from './hooks/use-locale/index.mjs';
 export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps } from './hooks/use-size/index.mjs';
 

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAKY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

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

@@ -24,6 +24,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
         number: number;
         hide: boolean;
         name: string;
+        label: string;
         key: string;
     }[]>;
     tabClick: (tab: any, event: any) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.map(value => {\n    const tab = value as Tab;\n    return {\n      key: (tab.name + '-' + tab.number) as string,\n      ...tab,\n      number: Number(tab.number || 0),\n      hide: tab.hide,\n    }\n  }).filter((tab) => !tab.hide))\n\n  function tabClick(tab, event) {\n    if (tab.name === props.modelValue) return;\n    emit('update:modelValue', tab.name);\n    emit('tab-click', tab, event);\n  }\n</script>\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,gBAAgBA,YAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    label: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.map(value => {\n    const tab = value as Tab;\n    return {\n      key: (tab.name + '-' + tab.number) as string,\n      ...tab,\n      number: Number(tab.number || 0),\n      hide: tab.hide,\n    }\n  }).filter((tab) => !tab.hide))\n\n  function tabClick(tab, event) {\n    if (tab.name === props.modelValue) return;\n    emit('update:modelValue', tab.name);\n    emit('tab-click', tab, event);\n  }\n</script>\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,gBAAgBA,YAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         number: number;
         hide: boolean;
         name: string;
+        label: string;
         key: string;
     }[]>;
     tabClick: (tab: any, event: any) => void;

package/lib/directives/blur/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Blur: ObjectDirective;
+export default Blur;

package/lib/directives/blur/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const Blur = {
+  beforeMount(el) {
+    el.addEventListener("click", () => {
+      el.blur();
+    });
+  }
+};
+
+exports["default"] = Blur;
+//# sourceMappingURL=index.js.map

package/lib/directives/blur/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/blur/index.ts"],"sourcesContent":["import type {\n    ObjectDirective,\n} from 'vue'\n\nconst Blur: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount(el: HTMLElement) {\n        el.addEventListener('click', () => {\n            el.blur();\n        });\n    },\n};\n\nexport default Blur;\n"],"names":[],"mappings":";;;;AAAK,MAAC,IAAI,GAAG;AACb,EAAE,WAAW,CAAC,EAAE,EAAE;AAClB,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM;AACvC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;AAChB,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

package/lib/directives/download/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Download: ObjectDirective;
+export default Download;

package/lib/directives/download/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let handler;
+const Download = {
+  mounted(el, binding) {
+    const { path, name = "download" } = binding.value || {};
+    handler = function(e) {
+      e.preventDefault();
+      const a = document.createElement("a");
+      a.href = path;
+      a.download = name;
+      a.click();
+      a.remove();
+    };
+    el.addEventListener("click", handler);
+  },
+  unmounted(el) {
+    el.removeEventListener("click", handler);
+  }
+};
+
+exports["default"] = Download;
+//# sourceMappingURL=index.js.map

package/lib/directives/download/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/download/index.ts"],"sourcesContent":["import type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\nlet handler;\nconst Download: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {path, name = 'download'} = binding.value || {};\n\n        handler = function (e) {\n            e.preventDefault();\n            const a = document.createElement('a');\n            a.href = path;\n            a.download = name;\n            a.click();\n            a.remove();\n        };\n        el.addEventListener('click', handler);\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement) {\n        el.removeEventListener('click', handler);\n    },\n};\n\nexport default Download;\n\n"],"names":[],"mappings":";;;;AAAA,IAAI,OAAO,CAAC;AACP,MAAC,QAAQ,GAAG;AACjB,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AAC5D,IAAI,OAAO,GAAG,SAAS,CAAC,EAAE;AAC1B,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,MAAM,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;AACpB,MAAM,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxB,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;AACjB,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE;AAChB,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7C,GAAG;AACH;;;;"}

package/lib/directives/height/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Height: ObjectDirective;
+export default Height;

package/lib/directives/height/index.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var core = require('@vueuse/core');
+var types = require('../../utils/types.js');
+var shared = require('@vue/shared');
+
+const nodeList = /* @__PURE__ */ new Map();
+if (core.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) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    const { element, distY, type } = getEffectiveValue(el, binding.value);
+    if (!nodeList.has(element)) {
+      nodeList.set(element, []);
+    }
+    const handlers = nodeList.get(element);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler(element, distY, type),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el, binding) {
+    const { element } = getEffectiveValue(el, binding.value);
+    nodeList.delete(element);
+  }
+};
+function createDocumentHandler(el, distY, type) {
+  const cssProp = type ? type + "Height" : "height";
+  el.style[cssProp] = el.clientHeight + distY + "px";
+  return function() {
+    el.style[cssProp] = el.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 (types.isNumber(val)) {
+    element = el.parentElement;
+    distY = val;
+  } else if (shared.isObject(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 };
+}
+
+exports["default"] = Height;
+//# sourceMappingURL=index.js.map

package/lib/directives/height/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/height/index.ts"],"sourcesContent":["import {isClient, isNumber, isObject} from '@hzzt-plus/utils'\n\nimport type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\ntype DocumentHandler = <T>() => void\ntype FlushList = Map<\n    HTMLElement,\n    {\n        documentHandler: DocumentHandler\n        bindingFn: (...args: unknown[]) => unknown\n    }[]\n>\n\nconst nodeList: FlushList = new Map();\n\nif (isClient) {\n    window.addEventListener('resize', handler);\n    document.addEventListener('fullscreenchange', handler);\n}\n\nfunction handler() {\n    for (const handlers of nodeList.values()) {\n        for (const {documentHandler} of handlers) {\n            documentHandler()\n        }\n    }\n}\n\n// v-height\n// 默认高度为当前元素的父元素高度\n\n// v-height = el\n// 当前元素的高度设置为el的高度\n\n// v-height = 60\n// 当前元素的高度设置为父元素高度+60px\n\n// v-height = {el: el, distY: 60}\n// 当前元素的高度设置为el的高度+60px\nconst Height: ObjectDirective = {\n    // 当被绑定的元素插入到 DOM 中时……\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {element, distY, type} = getEffectiveValue(el, binding.value);\n        if (!nodeList.has(element)) {\n            nodeList.set(element, []);\n        }\n        nodeList.get(el)!.push({\n            documentHandler: createDocumentHandler(element, distY, type),\n            bindingFn: binding.value,\n        })\n    },\n    updated(el: HTMLElement, binding: DirectiveBinding) {\n        const {element, distY, type} = getEffectiveValue(el, binding.value);\n        if (!nodeList.has(element)) {\n            nodeList.set(element, []);\n        }\n        const handlers = nodeList.get(element)!\n        const oldHandlerIndex = handlers.findIndex(\n            (item) => item.bindingFn === binding.oldValue\n        )\n        const newHandler = {\n            documentHandler: createDocumentHandler(element, distY, type),\n            bindingFn: binding.value,\n        }\n\n        if (oldHandlerIndex >= 0) {\n            // replace the old handler to the new handler\n            handlers.splice(oldHandlerIndex, 1, newHandler)\n        } else {\n            handlers.push(newHandler)\n        }\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {element} = getEffectiveValue(el, binding.value);\n        nodeList.delete(element);\n    },\n};\n\nfunction createDocumentHandler(el: HTMLElement, distY: number, type: string) {\n    const cssProp = type ? (type + 'Height') : 'height';\n    el.style[cssProp] = el.clientHeight + distY + 'px';\n    return function () {\n        el.style[cssProp] = el.clientHeight + distY + 'px';\n    }\n}\n\nfunction getEffectiveValue(el, val) {\n    let element = el.parentElement;\n    let distY = 0;\n    let type = '';\n    if (!val) {\n        element = el.parentElement;\n        distY = 0;\n    } else if (val instanceof HTMLElement) {\n        element = val;\n        distY = 0;\n    } else if (isNumber(val)) {\n        element = el.parentElement;\n        distY = val;\n    } else if (isObject(val)) {\n        element = val?.el || el.parentElement;\n        distY = val?.distY || 0;\n        type = val?.type || '';\n    }\n    return {element, distY, type};\n}\n\nexport default Height;\n\n"],"names":["isClient","isNumber","isObject"],"mappings":"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"}