hzzt-plus 0.0.1-dev-08 → 0.0.2

package/dist/index.full.js

@@ -7483,24 +7483,22 @@
   }
   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) {
@@ -7509,16 +7507,16 @@
         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) {
@@ -7550,12 +7548,41 @@
     }
   };
 
+  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;