hzzt-plus 0.0.1-dev-08 → 0.0.2

package/dist/index.full.mjs

@@ -7479,24 +7479,22 @@ function handler() {
 }
 const Height = {
   mounted(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    nodeList.get(element).push({
-      documentHandler: createDocumentHandler(element, distY, type),
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     });
   },
   updated(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    const handlers = nodeList.get(element);
+    const handlers = nodeList.get(el);
     const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
     const newHandler = {
-      documentHandler: createDocumentHandler(element, distY, type),
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     };
     if (oldHandlerIndex >= 0) {
@@ -7505,16 +7503,16 @@ const Height = {
       handlers.push(newHandler);
     }
   },
-  unmounted(el, binding) {
-    const { element } = getEffectiveValue(el, binding.value);
-    nodeList.delete(element);
+  unmounted(el) {
+    nodeList.delete(el);
   }
 };
-function createDocumentHandler(el, distY, type) {
+function createDocumentHandler(el, binding) {
+  const { element, distY, type } = getEffectiveValue(el, binding.value);
   const cssProp = type ? type + "Height" : "height";
-  el.style[cssProp] = el.clientHeight + distY + "px";
+  el.style[cssProp] = element.clientHeight + distY + "px";
   return function() {
-    el.style[cssProp] = el.clientHeight + distY + "px";
+    el.style[cssProp] = element.clientHeight + distY + "px";
   };
 }
 function getEffectiveValue(el, val) {
@@ -7546,7 +7544,35 @@ const 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 { 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 };
+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 };

package/es/directives/height/index.mjs

@@ -17,24 +17,22 @@ function handler() {
 }
 const Height = {
   mounted(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    nodeList.get(element).push({
-      documentHandler: createDocumentHandler(element, distY, type),
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     });
   },
   updated(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    const handlers = nodeList.get(element);
+    const handlers = nodeList.get(el);
     const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
     const newHandler = {
-      documentHandler: createDocumentHandler(element, distY, type),
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     };
     if (oldHandlerIndex >= 0) {
@@ -43,16 +41,16 @@ const Height = {
       handlers.push(newHandler);
     }
   },
-  unmounted(el, binding) {
-    const { element } = getEffectiveValue(el, binding.value);
-    nodeList.delete(element);
+  unmounted(el) {
+    nodeList.delete(el);
   }
 };
-function createDocumentHandler(el, distY, type) {
+function createDocumentHandler(el, binding) {
+  const { element, distY, type } = getEffectiveValue(el, binding.value);
   const cssProp = type ? type + "Height" : "height";
-  el.style[cssProp] = el.clientHeight + distY + "px";
+  el.style[cssProp] = element.clientHeight + distY + "px";
   return function() {
-    el.style[cssProp] = el.clientHeight + distY + "px";
+    el.style[cssProp] = element.clientHeight + distY + "px";
   };
 }
 function getEffectiveValue(el, val) {

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

@@ -1 +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(element)!.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":"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"}
+{"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        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        nodeList.get(el)!.push({\n            documentHandler: createDocumentHandler(el, binding),\n            bindingFn: binding.value,\n        })\n    },\n    updated(el: HTMLElement, binding: DirectiveBinding) {\n        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        const handlers = nodeList.get(el)!\n        const oldHandlerIndex = handlers.findIndex(\n            (item) => item.bindingFn === binding.oldValue\n        )\n        const newHandler = {\n            documentHandler: createDocumentHandler(el, binding),\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) {\n        nodeList.delete(el);\n    },\n};\n\nfunction createDocumentHandler(el: HTMLElement, binding: DirectiveBinding) {\n    const {element, distY, type} = getEffectiveValue(el, binding.value);\n    const cssProp = type ? (type + 'Height') : 'height';\n    el.style[cssProp] = element.clientHeight + distY + 'px';\n    return function () {\n        el.style[cssProp] = element.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":"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"}

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

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

package/es/directives/highlight/index.mjs

@@ -0,0 +1,30 @@
+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;
+  }
+}
+
+export { Highlight as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/highlight/index.ts"],"sourcesContent":["import type {DirectiveBinding, ObjectDirective} from \"vue\";\n\nconst Highlight: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount: handle,\n    updated: handle,\n};\n\nfunction handle(el: HTMLElement, binding: DirectiveBinding) {\n    const {form = false} = binding.modifiers;\n    const {color = '#ff0000', fontSize = '16px', show = true} = binding.value || {};\n    el.style.color = show ? color : '';\n    el.style.fontSize = show ? fontSize : '';\n    if (form) {\n        setCssText(el, show, '--el-text-color-regular', color);\n        setCssText(el, show, '--font-size', fontSize);\n    }\n}\n\nfunction setCssText(el: HTMLElement, show: boolean, prop: string, value: string) {\n    let cssText = el.style.cssText;\n    if (show) {\n        let cssText = el.style.cssText;\n        if (!~cssText.indexOf(prop)) {\n            cssText = `${cssText};${prop}: ${value}`;\n        }\n        el.style.cssText = cssText;\n    } else {\n        cssText = cssText.replace(`${prop}: ${value};`, '');\n        el.style.cssText = cssText;\n    }\n}\n\nexport default Highlight;\n\n"],"names":[],"mappings":"AAAK,MAAC,SAAS,GAAG;AAClB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE;AACF,SAAS,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;AAC7B,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;AAC7C,EAAE,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AACpF,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;AACrC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;AAC3C,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD,GAAG;AACH,CAAC;AACD,SAAS,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACjC,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACpC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AAClC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;AAChC,GAAG,MAAM;AACT,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACxD,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;AAC/B,GAAG;AACH;;;;"}

package/es/directives/index.d.ts

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

package/es/directives/index.mjs

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

package/es/directives/index.mjs.map

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

package/es/index.mjs

@@ -19,6 +19,7 @@ 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 { default as Highlight } from './directives/highlight/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/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;;;;"}
+{"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/directives/height/index.js

@@ -21,24 +21,22 @@ function handler() {
 }
 const Height = {
   mounted(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    nodeList.get(element).push({
-      documentHandler: createDocumentHandler(element, distY, type),
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     });
   },
   updated(el, binding) {
-    const { element, distY, type } = getEffectiveValue(el, binding.value);
-    if (!nodeList.has(element)) {
-      nodeList.set(element, []);
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
     }
-    const handlers = nodeList.get(element);
+    const handlers = nodeList.get(el);
     const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
     const newHandler = {
-      documentHandler: createDocumentHandler(element, distY, type),
+      documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     };
     if (oldHandlerIndex >= 0) {
@@ -47,16 +45,16 @@ const Height = {
       handlers.push(newHandler);
     }
   },
-  unmounted(el, binding) {
-    const { element } = getEffectiveValue(el, binding.value);
-    nodeList.delete(element);
+  unmounted(el) {
+    nodeList.delete(el);
   }
 };
-function createDocumentHandler(el, distY, type) {
+function createDocumentHandler(el, binding) {
+  const { element, distY, type } = getEffectiveValue(el, binding.value);
   const cssProp = type ? type + "Height" : "height";
-  el.style[cssProp] = el.clientHeight + distY + "px";
+  el.style[cssProp] = element.clientHeight + distY + "px";
   return function() {
-    el.style[cssProp] = el.clientHeight + distY + "px";
+    el.style[cssProp] = element.clientHeight + distY + "px";
   };
 }
 function getEffectiveValue(el, val) {

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

@@ -1 +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(element)!.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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"}
+{"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        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        nodeList.get(el)!.push({\n            documentHandler: createDocumentHandler(el, binding),\n            bindingFn: binding.value,\n        })\n    },\n    updated(el: HTMLElement, binding: DirectiveBinding) {\n        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        const handlers = nodeList.get(el)!\n        const oldHandlerIndex = handlers.findIndex(\n            (item) => item.bindingFn === binding.oldValue\n        )\n        const newHandler = {\n            documentHandler: createDocumentHandler(el, binding),\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) {\n        nodeList.delete(el);\n    },\n};\n\nfunction createDocumentHandler(el: HTMLElement, binding: DirectiveBinding) {\n    const {element, distY, type} = getEffectiveValue(el, binding.value);\n    const cssProp = type ? (type + 'Height') : 'height';\n    el.style[cssProp] = element.clientHeight + distY + 'px';\n    return function () {\n        el.style[cssProp] = element.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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"}

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

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

package/lib/directives/highlight/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+  }
+}
+
+exports["default"] = Highlight;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/highlight/index.ts"],"sourcesContent":["import type {DirectiveBinding, ObjectDirective} from \"vue\";\n\nconst Highlight: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount: handle,\n    updated: handle,\n};\n\nfunction handle(el: HTMLElement, binding: DirectiveBinding) {\n    const {form = false} = binding.modifiers;\n    const {color = '#ff0000', fontSize = '16px', show = true} = binding.value || {};\n    el.style.color = show ? color : '';\n    el.style.fontSize = show ? fontSize : '';\n    if (form) {\n        setCssText(el, show, '--el-text-color-regular', color);\n        setCssText(el, show, '--font-size', fontSize);\n    }\n}\n\nfunction setCssText(el: HTMLElement, show: boolean, prop: string, value: string) {\n    let cssText = el.style.cssText;\n    if (show) {\n        let cssText = el.style.cssText;\n        if (!~cssText.indexOf(prop)) {\n            cssText = `${cssText};${prop}: ${value}`;\n        }\n        el.style.cssText = cssText;\n    } else {\n        cssText = cssText.replace(`${prop}: ${value};`, '');\n        el.style.cssText = cssText;\n    }\n}\n\nexport default Highlight;\n\n"],"names":[],"mappings":";;;;AAAK,MAAC,SAAS,GAAG;AAClB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE;AACF,SAAS,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;AAC7B,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;AAC7C,EAAE,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AACpF,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;AACrC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;AAC3C,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD,GAAG;AACH,CAAC;AACD,SAAS,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACjC,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACpC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AAClC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;AAChC,GAAG,MAAM;AACT,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACxD,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;AAC/B,GAAG;AACH;;;;"}

package/lib/directives/index.d.ts

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

package/lib/directives/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('./download/index.js');
 var index$1 = require('./height/index.js');
 var index$2 = require('./blur/index.js');
+var index$3 = require('./highlight/index.js');
 
 
 
 exports.Download = index["default"];
 exports.Height = index$1["default"];
 exports.Blur = index$2["default"];
+exports.Highlight = index$3["default"];
 //# sourceMappingURL=index.js.map

package/lib/directives/index.js.map

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

package/lib/index.js

@@ -22,8 +22,9 @@ var date = require('./constants/date.js');
 var index$5 = require('./directives/download/index.js');
 var index$6 = require('./directives/height/index.js');
 var index$7 = require('./directives/blur/index.js');
-var index$8 = require('./hooks/use-locale/index.js');
-var index$9 = require('./hooks/use-size/index.js');
+var index$8 = require('./directives/highlight/index.js');
+var index$9 = require('./hooks/use-locale/index.js');
+var index$a = require('./hooks/use-size/index.js');
 
 const install = defaults["default"].install;
 const version = defaults["default"].version;
@@ -47,15 +48,16 @@ exports.datePickTypes = date.datePickTypes;
 exports.Download = index$5["default"];
 exports.Height = index$6["default"];
 exports.Blur = index$7["default"];
-exports.buildLocaleContext = index$8.buildLocaleContext;
-exports.buildTranslator = index$8.buildTranslator;
-exports.localeContextKey = index$8.localeContextKey;
-exports.translate = index$8.translate;
-exports.useLocale = index$8.useLocale;
-exports.SIZE_INJECTION_KEY = index$9.SIZE_INJECTION_KEY;
-exports.useGlobalSize = index$9.useGlobalSize;
-exports.useSizeProp = index$9.useSizeProp;
-exports.useSizeProps = index$9.useSizeProps;
+exports.Highlight = index$8["default"];
+exports.buildLocaleContext = index$9.buildLocaleContext;
+exports.buildTranslator = index$9.buildTranslator;
+exports.localeContextKey = index$9.localeContextKey;
+exports.translate = index$9.translate;
+exports.useLocale = index$9.useLocale;
+exports.SIZE_INJECTION_KEY = index$a.SIZE_INJECTION_KEY;
+exports.useGlobalSize = index$a.useGlobalSize;
+exports.useSizeProp = index$a.useSizeProp;
+exports.useSizeProps = index$a.useSizeProps;
 exports.install = install;
 exports.version = version;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hzzt-plus",
-  "version": "0.0.1-dev-08",
+  "version": "0.0.2",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "hzzt-plus",