element-ps 1.0.5 → 1.0.9

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Element Plus v1.0.1 */
 
-import { getCurrentInstance, computed, isRef, onUnmounted, watch, inject, ref, provide, warn, unref, defineComponent, shallowRef, reactive, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, mergeProps, createBlock, createVNode, resolveComponent, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, vShow, nextTick, onUpdated, createSlots, toRef, onBeforeUnmount, renderList, toRefs, vModelCheckbox, vModelRadio, withModifiers, h, vModelText, isVNode, Comment, camelize as camelize$1, getCurrentScope, onScopeDispose, Teleport, cloneVNode, onActivated, onDeactivated, watchEffect, normalizeProps, guardReactiveProps, onBeforeMount, TransitionGroup, render as render$28 } from 'vue';
+import { getCurrentInstance, computed, isRef, onUnmounted, watch, inject, ref, provide, warn, unref, defineComponent, shallowRef, reactive, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, mergeProps, createBlock, createVNode, resolveComponent, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, vShow, nextTick, onUpdated, createSlots, getCurrentScope, onScopeDispose, toRef, onBeforeUnmount, renderList, toRefs, vModelCheckbox, vModelRadio, withModifiers, h, vModelText, isVNode, Comment, camelize as camelize$1, Teleport, cloneVNode, onActivated, onDeactivated, watchEffect, normalizeProps, guardReactiveProps, onBeforeMount, TransitionGroup, render as render$28 } from 'vue';
 
 let $ELEMENT = {};
 const setConfig = (option) => {
@@ -4615,7 +4615,7 @@ const _hoisted_4$n = {
   class: "el-input__prefix"
 };
 const _hoisted_5$i = { class: "el-input__prefix-inner" };
-const _hoisted_6$b = {
+const _hoisted_6$c = {
   key: 2,
   class: "el-input__suffix"
 };
@@ -4692,7 +4692,7 @@ function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])) : createCommentVNode("v-if", true),
       createCommentVNode(" suffix slot "),
-      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_6$b, [
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_6$c, [
         createElementVNode("span", _hoisted_7$8, [
           !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "suffix"),
@@ -5269,6 +5269,214 @@ const PsBreadcrumb = withInstall(script$1x, {
 });
 const PsBreadcrumbItem = withNoopInstall(script$1w);
 
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+
+const isClient = typeof window !== "undefined";
+const isString = (val) => typeof val === "string";
+const noop = () => {
+};
+
+function createFilterWrapper(filter, fn) {
+  function wrapper(...args) {
+    filter(() => fn.apply(this, args), { fn, thisArg: this, args });
+  }
+  return wrapper;
+}
+function throttleFilter(ms, trailing = true, leading = true) {
+  let lastExec = 0;
+  let timer;
+  let preventLeading = !leading;
+  const clear = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+  };
+  const filter = (invoke) => {
+    const duration = unref(ms);
+    const elapsed = Date.now() - lastExec;
+    clear();
+    if (duration <= 0) {
+      lastExec = Date.now();
+      return invoke();
+    }
+    if (elapsed > duration) {
+      lastExec = Date.now();
+      if (preventLeading)
+        preventLeading = false;
+      else
+        invoke();
+    } else if (trailing) {
+      timer = setTimeout(() => {
+        lastExec = Date.now();
+        if (!leading)
+          preventLeading = true;
+        clear();
+        invoke();
+      }, duration);
+    }
+    if (!leading && !timer)
+      timer = setTimeout(() => preventLeading = true, duration);
+  };
+  return filter;
+}
+
+function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
+}
+
+function useTimeoutFn(cb, interval, options = {}) {
+  const {
+    immediate = true
+  } = options;
+  const isPending = ref(false);
+  let timer = null;
+  function clear() {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  }
+  function stop() {
+    isPending.value = false;
+    clear();
+  }
+  function start(...args) {
+    clear();
+    isPending.value = true;
+    timer = setTimeout(() => {
+      isPending.value = false;
+      timer = null;
+      cb(...args);
+    }, unref(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient)
+      start();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending,
+    start,
+    stop
+  };
+}
+
+function unrefElement(elRef) {
+  var _a;
+  const plain = unref(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+
+const defaultWindow = isClient ? window : void 0;
+isClient ? window.document : void 0;
+isClient ? window.navigator : void 0;
+
+function useEventListener(...args) {
+  let target;
+  let event;
+  let listener;
+  let options;
+  if (isString(args[0])) {
+    [event, listener, options] = args;
+    target = defaultWindow;
+  } else {
+    [target, event, listener, options] = args;
+  }
+  if (!target)
+    return noop;
+  let cleanup = noop;
+  const stopWatch = watch(() => unref(target), (el) => {
+    cleanup();
+    if (!el)
+      return;
+    el.addEventListener(event, listener, options);
+    cleanup = () => {
+      el.removeEventListener(event, listener, options);
+      cleanup = noop;
+    };
+  }, { immediate: true, flush: "post" });
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+
+function useCssVar(prop, target, { window = defaultWindow } = {}) {
+  const variable = ref("");
+  const elRef = computed(() => {
+    var _a;
+    return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
+  });
+  watch(elRef, (el) => {
+    if (el && window)
+      variable.value = window.getComputedStyle(el).getPropertyValue(prop);
+  }, { immediate: true });
+  watch(variable, (val) => {
+    var _a;
+    if ((_a = elRef.value) == null ? void 0 : _a.style)
+      elRef.value.style.setProperty(prop, val);
+  });
+  return variable;
+}
+
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+
+function calcColorChannels(c) {
+  let rawColor = c.replace("#", "");
+  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {
+    rawColor = rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2);
+  }
+  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {
+    return {
+      red: parseInt(rawColor.slice(0, 2), 16),
+      green: parseInt(rawColor.slice(2, 4), 16),
+      blue: parseInt(rawColor.slice(4, 6), 16)
+    };
+  }
+  return {
+    red: 255,
+    green: 255,
+    blue: 255
+  };
+}
+function mixColor(color, percent = 0.2) {
+  let { red, green, blue } = calcColorChannels(color);
+  if (percent > 0) {
+    red *= 1 - percent;
+    green *= 1 - percent;
+    blue *= 1 - percent;
+  } else {
+    const value = Math.abs(percent);
+    red += (255 - red) * Math.abs(percent);
+    green += (255 - green) * value;
+    blue += (255 - blue) * value;
+  }
+  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`;
+}
+function lighten(color, percent = 0.2) {
+  return mixColor(color, -percent);
+}
+function darken(color, percent = 0.2) {
+  return mixColor(color, percent);
+}
+
 const buttonType = [
   "default",
   "primary",
@@ -5302,6 +5510,7 @@ const buttonProps = buildProps({
   autofocus: Boolean,
   round: Boolean,
   circle: Boolean,
+  color: String,
   autoInsertSpace: {
     type: Boolean
   }
@@ -5340,7 +5549,44 @@ var script$1v = defineComponent({
       size: computed(() => elBtnGroup == null ? void 0 : elBtnGroup.size)
     });
     const buttonType = computed(() => props.type || (elBtnGroup == null ? void 0 : elBtnGroup.type) || "default");
+    const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
+    const buttonStyle = computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": lighten(buttonColor, 0.9),
+            "--el-button-text-color": buttonColor,
+            "--el-button-hover-text-color": "var(--el-color-white)",
+            "--el-button-hover-bg-color": buttonColor,
+            "--el-button-hover-border-color": buttonColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": darkenBgColor
+          };
+        } else {
+          const lightenBgColor = lighten(buttonColor);
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": lightenBgColor,
+            "--el-button-hover-border-color": lightenBgColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-border-color": darkenBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = lighten(buttonColor, 0.5);
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
     return {
+      buttonStyle,
       buttonSize,
       buttonType,
       buttonDisabled,
@@ -5368,7 +5614,8 @@ function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     disabled: _ctx.buttonDisabled || _ctx.loading,
     autofocus: _ctx.autofocus,
-    type: _ctx.nativeType
+    type: _ctx.nativeType,
+    style: normalizeStyle(_ctx.buttonStyle)
   }, [
     _ctx.loading ? (openBlock(), createBlock(_component_ps_icon, {
       key: 0,
@@ -5390,7 +5637,7 @@ function render$1o(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$11);
+  ], 14, _hoisted_1$11);
 }
 
 script$1v.render = render$1o;
@@ -7359,7 +7606,7 @@ const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$t = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 const _hoisted_4$l = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
 const _hoisted_5$h = ["aria-hidden", "disabled", "value", "name"];
-const _hoisted_6$a = {
+const _hoisted_6$b = {
   key: 0,
   class: "el-checkbox__label"
 };
@@ -7411,7 +7658,7 @@ function render$1h(_ctx, _cache, $props, $setup, $data, $options) {
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$G),
-    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$a, [
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$b, [
       renderSlot(_ctx.$slots, "default"),
       !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(_ctx.label), 1)
@@ -10548,149 +10795,6 @@ const dialogProps = buildProps({
   }
 });
 
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-
-const isClient = typeof window !== "undefined";
-const isString = (val) => typeof val === "string";
-const noop = () => {
-};
-
-function createFilterWrapper(filter, fn) {
-  function wrapper(...args) {
-    filter(() => fn.apply(this, args), { fn, thisArg: this, args });
-  }
-  return wrapper;
-}
-function throttleFilter(ms, trailing = true, leading = true) {
-  let lastExec = 0;
-  let timer;
-  let preventLeading = !leading;
-  const clear = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = void 0;
-    }
-  };
-  const filter = (invoke) => {
-    const duration = unref(ms);
-    const elapsed = Date.now() - lastExec;
-    clear();
-    if (duration <= 0) {
-      lastExec = Date.now();
-      return invoke();
-    }
-    if (elapsed > duration) {
-      lastExec = Date.now();
-      if (preventLeading)
-        preventLeading = false;
-      else
-        invoke();
-    } else if (trailing) {
-      timer = setTimeout(() => {
-        lastExec = Date.now();
-        if (!leading)
-          preventLeading = true;
-        clear();
-        invoke();
-      }, duration);
-    }
-    if (!leading && !timer)
-      timer = setTimeout(() => preventLeading = true, duration);
-  };
-  return filter;
-}
-
-function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
-}
-
-function useTimeoutFn(cb, interval, options = {}) {
-  const {
-    immediate = true
-  } = options;
-  const isPending = ref(false);
-  let timer = null;
-  function clear() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  }
-  function stop() {
-    isPending.value = false;
-    clear();
-  }
-  function start(...args) {
-    clear();
-    isPending.value = true;
-    timer = setTimeout(() => {
-      isPending.value = false;
-      timer = null;
-      cb(...args);
-    }, unref(interval));
-  }
-  if (immediate) {
-    isPending.value = true;
-    if (isClient)
-      start();
-  }
-  tryOnScopeDispose(stop);
-  return {
-    isPending,
-    start,
-    stop
-  };
-}
-
-const defaultWindow = isClient ? window : void 0;
-
-function useEventListener(...args) {
-  let target;
-  let event;
-  let listener;
-  let options;
-  if (isString(args[0])) {
-    [event, listener, options] = args;
-    target = defaultWindow;
-  } else {
-    [target, event, listener, options] = args;
-  }
-  if (!target)
-    return noop;
-  let cleanup = noop;
-  const stopWatch = watch(() => unref(target), (el) => {
-    cleanup();
-    if (!el)
-      return;
-    el.addEventListener(event, listener, options);
-    cleanup = () => {
-      el.removeEventListener(event, listener, options);
-      cleanup = noop;
-    };
-  }, { immediate: true, flush: "post" });
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop);
-  return stop;
-}
-
-var SwipeDirection;
-(function(SwipeDirection2) {
-  SwipeDirection2["UP"] = "UP";
-  SwipeDirection2["RIGHT"] = "RIGHT";
-  SwipeDirection2["DOWN"] = "DOWN";
-  SwipeDirection2["LEFT"] = "LEFT";
-  SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
 const onTouchMove = (e) => {
   e.preventDefault();
   e.stopPropagation();
@@ -10982,7 +11086,7 @@ var script$11 = defineComponent({
 });
 
 const _hoisted_1$H = { class: "el-overlay-dialog" };
-const _hoisted_2$v = ["aria-label"];
+const _hoisted_2$v = ["aria-label", "widget"];
 const _hoisted_3$m = ["widget"];
 const _hoisted_4$i = { class: "el-dialog__title" };
 const _hoisted_5$f = {
@@ -10991,7 +11095,7 @@ const _hoisted_5$f = {
   class: "el-dialog__headerbtn",
   type: "button"
 };
-const _hoisted_6$9 = ["widget"];
+const _hoisted_6$a = ["widget"];
 const _hoisted_7$7 = ["widget"];
 function render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
@@ -11024,11 +11128,12 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": _ctx.title || "dialog",
             style: normalizeStyle(_ctx.style),
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
+            }, ["stop"])),
+            widget: _ctx.widget
           }, [
             createElementVNode("div", {
               class: "el-dialog__header",
-              widget: _ctx.widget
+              widget: `dialog:title:${_ctx.widget.split(":")}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", _hoisted_4$i, toDisplayString(_ctx.title), 1)
@@ -11045,14 +11150,14 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: _ctx.widget
+              widget: `dialog:default:${_ctx.widget.split(":")}`
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_6$9)) : createCommentVNode("v-if", true),
+            ], 8, _hoisted_6$a)) : createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: _ctx.widget
+              widget: `dialog:footer:${_ctx.widget.split(":")}`
             }, [
               renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7$7)) : createCommentVNode("v-if", true)
@@ -11150,11 +11255,12 @@ var script$$ = defineComponent({
   }
 });
 
-const _hoisted_1$G = ["aria-label"];
-const _hoisted_2$u = ["widget"];
-const _hoisted_3$l = ["title"];
-const _hoisted_4$h = ["aria-label"];
-const _hoisted_5$e = ["widget"];
+const _hoisted_1$G = { class: "el-overlay-drawer" };
+const _hoisted_2$u = ["aria-label", "widget"];
+const _hoisted_3$l = ["widget"];
+const _hoisted_4$h = ["title"];
+const _hoisted_5$e = ["aria-label"];
+const _hoisted_6$9 = ["widget"];
 function render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -11169,51 +11275,54 @@ function render$U(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": _ctx.zIndex
     }, {
       default: withCtx(() => [
-        createElementVNode("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": "el-drawer__title",
-          "aria-label": _ctx.title,
-          class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          _ctx.withHeader ? (openBlock(), createElementBlock("header", {
-            key: 0,
-            id: "el-drawer__title",
-            class: "el-drawer__header",
+        createElementVNode("div", _hoisted_1$G, [
+          createElementVNode("div", {
+            ref: "drawerRef",
+            "aria-modal": "true",
+            "aria-labelledby": "el-drawer__title",
+            "aria-label": _ctx.title,
+            class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+            style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+            role: "dialog",
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
             widget: _ctx.widget
           }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createElementVNode("span", {
-                role: "heading",
-                title: _ctx.title
-              }, toDisplayString(_ctx.title), 9, _hoisted_3$l)
-            ]),
-            _ctx.showClose ? (openBlock(), createElementBlock("button", {
+            _ctx.withHeader ? (openBlock(), createElementBlock("header", {
               key: 0,
-              "aria-label": "close " + (_ctx.title || "drawer"),
-              class: "el-drawer__close-btn",
-              type: "button"
+              id: "el-drawer__title",
+              class: "el-drawer__header",
+              widget: `drawer:title:${_ctx.widget.split(":")}`
             }, [
-              createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
-                default: withCtx(() => [
-                  createVNode(_component_close)
-                ]),
-                _: 1
-              })
-            ], 8, _hoisted_4$h)) : createCommentVNode("v-if", true)
-          ], 8, _hoisted_2$u)) : createCommentVNode("v-if", true),
-          _ctx.rendered ? (openBlock(), createElementBlock("section", {
-            key: 1,
-            class: "el-drawer__body",
-            widget: _ctx.widget
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_5$e)) : createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$G)
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createElementVNode("span", {
+                  role: "heading",
+                  title: _ctx.title
+                }, toDisplayString(_ctx.title), 9, _hoisted_4$h)
+              ]),
+              _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                "aria-label": "close " + (_ctx.title || "drawer"),
+                class: "el-drawer__close-btn",
+                type: "button"
+              }, [
+                createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_close)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_5$e)) : createCommentVNode("v-if", true)
+            ], 8, _hoisted_3$l)) : createCommentVNode("v-if", true),
+            _ctx.rendered ? (openBlock(), createElementBlock("section", {
+              key: 1,
+              class: "el-drawer__body",
+              widget: `drawer:default:${_ctx.widget.split(":")}`
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_6$9)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_2$u)
+        ])
       ]),
       _: 3
     }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -14383,14 +14492,10 @@ var script$T = defineComponent({
     });
     onMounted(() => {
       if (props.prop) {
-        elForm == null ? void 0 : elForm.addField(elFormItem);
         const value = fieldValue.value;
         Array.isArray(value) ? [...value] : value;
       }
     });
-    onBeforeUnmount(() => {
-      elForm == null ? void 0 : elForm.removeField(elFormItem);
-    });
     provide(elFormItemKey, elFormItem);
     const formItemClass = computed(() => [
       {
@@ -15280,42 +15385,6 @@ function useMenu(instance, currentIndex) {
   };
 }
 
-function calcColorChannels(c) {
-  let rawColor = c.replace("#", "");
-  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {
-    rawColor = rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2);
-  }
-  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {
-    return {
-      red: parseInt(rawColor.slice(0, 2), 16),
-      green: parseInt(rawColor.slice(2, 4), 16),
-      blue: parseInt(rawColor.slice(4, 6), 16)
-    };
-  }
-  return {
-    red: 255,
-    green: 255,
-    blue: 255
-  };
-}
-function mixColor(color, percent = 0.2) {
-  let { red, green, blue } = calcColorChannels(color);
-  if (percent > 0) {
-    red *= 1 - percent;
-    green *= 1 - percent;
-    blue *= 1 - percent;
-  } else {
-    const value = Math.abs(percent);
-    red += (255 - red) * Math.abs(percent);
-    green += (255 - green) * value;
-    blue += (255 - blue) * value;
-  }
-  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`;
-}
-function darken(color, percent = 0.2) {
-  return mixColor(color, percent);
-}
-
 function useMenuColor(props) {
   const menuBarColor = computed(() => {
     const color = props.backgroundColor;
@@ -22143,7 +22212,7 @@ var TableHeader = defineComponent({
         key: `${column.id}-thead`,
         rowSpan: column.rowSpan,
         style: this.getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-        widget: column.widget
+        widget: `table-column:header:${column.widget.split(":")[1]}`
       }, [
         h("div", {
           class: [
@@ -22469,7 +22538,7 @@ function useRender$1(props) {
         colspan,
         onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
         onMouseleave: handleCellMouseLeave,
-        widget: column.widget
+        widget: `table-column:default:${column.widget.split(":")[1]}`
       }, [column.renderCell(data)]);
     }));
   };
@@ -24507,12 +24576,10 @@ var Tabs = defineComponent({
         panes.value = [];
       }
     };
-    onUpdated(() => {
-      setPaneInstances();
-    });
-    onMounted(() => {
-      setPaneInstances();
-    });
+    onUpdated(() => setPaneInstances());
+    onMounted(() => setPaneInstances());
+    watch(() => props.activeName, (modelValue) => currentName.value = modelValue);
+    watch(() => props.modelValue, (modelValue) => currentName.value = modelValue);
     return {
       nav$,
       currentName,