element-ps 1.0.8 → 1.0.12

package/dist/index.full.mjs

@@ -3387,14 +3387,14 @@ const _hoisted_2$1h = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
 }, null, -1);
-const _hoisted_3$A = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$B = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312L237.248 512z"
 }, null, -1);
 function render$22(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1G, [
     _hoisted_2$1h,
-    _hoisted_3$A
+    _hoisted_3$B
   ]);
 }
 
@@ -3530,14 +3530,14 @@ const _hoisted_2$1b = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
-const _hoisted_3$z = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$A = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
 function render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1A, [
     _hoisted_2$1b,
-    _hoisted_3$z
+    _hoisted_3$A
   ]);
 }
 
@@ -3581,14 +3581,14 @@ const _hoisted_2$19 = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
 }, null, -1);
-const _hoisted_3$y = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$z = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
 function render$1W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1y, [
     _hoisted_2$19,
-    _hoisted_3$y
+    _hoisted_3$z
   ]);
 }
 
@@ -3632,7 +3632,7 @@ const _hoisted_2$17 = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
 }, null, -1);
-const _hoisted_3$x = /* @__PURE__ */ createVNode("path", {
+const _hoisted_3$y = /* @__PURE__ */ createVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32z"
 }, null, -1);
@@ -3643,7 +3643,7 @@ const _hoisted_4$o = /* @__PURE__ */ createVNode("path", {
 function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("svg", _hoisted_1$1w, [
     _hoisted_2$17,
-    _hoisted_3$x,
+    _hoisted_3$y,
     _hoisted_4$o
   ]);
 }
@@ -4258,7 +4258,7 @@ const _hoisted_2$L = {
   key: 1,
   class: "el-alert__description"
 };
-const _hoisted_3$w = {
+const _hoisted_3$x = {
   key: 0,
   class: "el-alert__closebtn is-customed"
 };
@@ -4295,7 +4295,7 @@ function render$1w(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            _ctx.closeText ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ps_icon, {
+            _ctx.closeText ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_ps_icon, {
               key: 1,
               class: "el-alert__closebtn",
               onClick: _ctx.close
@@ -4609,13 +4609,13 @@ const _hoisted_2$K = {
   key: 0,
   class: "el-input-group__prepend"
 };
-const _hoisted_3$v = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_3$w = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_4$n = {
   key: 1,
   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"
 };
@@ -4675,7 +4675,7 @@ function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": _ctx.label,
         placeholder: _ctx.placeholder,
         style: _ctx.inputStyle
-      }), null, 16, _hoisted_3$v),
+      }), null, 16, _hoisted_3$w),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_4$n, [
         createElementVNode("span", _hoisted_5$i, [
@@ -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"),
@@ -6856,7 +6856,7 @@ const _hoisted_2$H = {
   type: "button",
   class: "el-carousel__arrow el-carousel__arrow--right"
 };
-const _hoisted_3$u = { class: "el-carousel__button" };
+const _hoisted_3$v = { class: "el-carousel__button" };
 const _hoisted_4$m = { key: 0 };
 function render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_left = resolveComponent("arrow-left");
@@ -6917,7 +6917,7 @@ function render$1l(_ctx, _cache, $props, $setup, $data, $options) {
             { "is-active": index === _ctx.data.activeIndex }
           ])
         }, [
-          createElementVNode("button", _hoisted_3$u, [
+          createElementVNode("button", _hoisted_3$v, [
             _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
           ])
         ], 2);
@@ -7603,10 +7603,10 @@ var script$1o = defineComponent({
 
 const _hoisted_1$X = ["id", "aria-controls"];
 const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
-const _hoisted_3$t = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+const _hoisted_3$u = /* @__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"
 };
@@ -7632,7 +7632,7 @@ function render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       role: _ctx.indeterminate ? "checkbox" : void 0,
       "aria-checked": _ctx.indeterminate ? "mixed" : false
     }, [
-      _hoisted_3$t,
+      _hoisted_3$u,
       _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
@@ -7658,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)
@@ -7699,7 +7699,7 @@ var script$1n = defineComponent({
 
 const _hoisted_1$W = ["aria-checked", "aria-disabled"];
 const _hoisted_2$F = ["name", "disabled", "true-value", "false-value"];
-const _hoisted_3$s = ["name", "disabled", "value"];
+const _hoisted_3$t = ["name", "disabled", "value"];
 function render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-checkbox-button", [
@@ -7731,7 +7731,7 @@ function render$1g(_ctx, _cache, $props, $setup, $data, $options) {
       name: _ctx.name,
       disabled: _ctx.isDisabled,
       value: _ctx.label
-    }, null, 8, _hoisted_3$s)), [
+    }, null, 8, _hoisted_3$t)), [
       [vModelCheckbox, _ctx.model]
     ]),
     _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -7904,7 +7904,7 @@ var script$1l = defineComponent({
 
 const _hoisted_1$U = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2$E = /* @__PURE__ */ createElementVNode("span", { class: "el-radio__inner" }, null, -1);
-const _hoisted_3$r = ["value", "name", "disabled"];
+const _hoisted_3$s = ["value", "name", "disabled"];
 function render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["el-radio", {
@@ -7936,7 +7936,7 @@ function render$1e(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         disabled: _ctx.isDisabled,
         tabindex: "-1"
-      }, null, 8, _hoisted_3$r), [
+      }, null, 8, _hoisted_3$s), [
         [vModelRadio, _ctx.model]
       ])
     ], 2),
@@ -9109,7 +9109,7 @@ var script$1b = defineComponent({
 
 const _hoisted_1$N = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2$z = ["id", "tabindex"];
-const _hoisted_3$q = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_3$r = ["id", "aria-hidden", "aria-labelledby"];
 const _hoisted_4$k = { class: "el-collapse-item__content" };
 function render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = resolveComponent("arrow-right");
@@ -9155,7 +9155,7 @@ function render$14(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_4$k, [
         renderSlot(_ctx.$slots, "default")
       ])
-    ], 8, _hoisted_3$q), [
+    ], 8, _hoisted_3$r), [
       [vShow, _ctx.isActive]
     ])
   ], 2);
@@ -9507,7 +9507,7 @@ const _hoisted_2$y = {
   key: 0,
   class: "el-color-picker__mask"
 };
-const _hoisted_3$p = { class: "el-color-picker__trigger" };
+const _hoisted_3$q = { class: "el-color-picker__trigger" };
 function render$13(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -9521,7 +9521,7 @@ function render$13(_ctx, _cache, $props, $setup, $data, $options) {
     widget: _ctx.widget
   }, [
     _ctx.colorDisabled ? (openBlock(), createElementBlock("div", _hoisted_2$y)) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_3$p, [
+    createElementVNode("div", _hoisted_3$q, [
       createElementVNode("span", {
         class: normalizeClass(["el-color-picker__color", { "is-alpha": _ctx.showAlpha }])
       }, [
@@ -10077,7 +10077,7 @@ var script$14 = defineComponent({
 
 const _hoisted_1$K = ["name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$x = { class: "el-range-separator" };
-const _hoisted_3$o = ["name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_3$p = ["name", "placeholder", "value", "disabled", "readonly"];
 function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ps_icon = resolveComponent("ps-icon");
   const _component_ps_input = resolveComponent("ps-input");
@@ -10153,7 +10153,7 @@ function render$Z(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.pickerDisabled,
       readonly: !_ctx.editable || _ctx.readonly,
       class: "el-range-input"
-    }, null, 8, _hoisted_3$o),
+    }, null, 8, _hoisted_3$p),
     _ctx.clearIcon ? (openBlock(), createBlock(_component_ps_icon, {
       key: 1,
       class: normalizeClass(["el-input__icon el-range__close-icon", {
@@ -10576,14 +10576,14 @@ const _hoisted_2$w = {
   key: 0,
   class: "el-descriptions__header"
 };
-const _hoisted_3$n = { class: "el-descriptions__title" };
+const _hoisted_3$o = { class: "el-descriptions__title" };
 const _hoisted_4$j = { class: "el-descriptions__extra" };
 const _hoisted_5$g = { class: "el-descriptions__body" };
 function render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ps_descriptions_row = resolveComponent("ps-descriptions-row");
   return openBlock(), createElementBlock("div", _hoisted_1$I, [
     _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
-      createElementVNode("div", _hoisted_3$n, [
+      createElementVNode("div", _hoisted_3$o, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
@@ -10965,7 +10965,7 @@ var PopupManager$1 = PopupManager;
 const useDialog = (props, { emit }, targetRef) => {
   const visible = ref(false);
   const closed = ref(false);
-  const rendered = ref(false);
+  const rendered = ref(true);
   const zIndex = ref(props.zIndex || PopupManager$1.nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;
@@ -11086,8 +11086,8 @@ var script$11 = defineComponent({
 });
 
 const _hoisted_1$H = { class: "el-overlay-dialog" };
-const _hoisted_2$v = ["aria-label"];
-const _hoisted_3$m = ["widget"];
+const _hoisted_2$v = ["aria-label", "widget"];
+const _hoisted_3$n = ["widget"];
 const _hoisted_4$i = { class: "el-dialog__title" };
 const _hoisted_5$f = {
   key: 0,
@@ -11095,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");
@@ -11128,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(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", _hoisted_4$i, toDisplayString(_ctx.title), 1)
@@ -11145,18 +11146,18 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1
                 })
               ])) : createCommentVNode("v-if", true)
-            ], 8, _hoisted_3$m),
+            ], 8, _hoisted_3$n),
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: _ctx.widget
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               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(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7$7)) : createCommentVNode("v-if", true)
@@ -11254,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$m = ["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");
@@ -11273,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(":")[1]}`
             }, [
-              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$m)) : createCommentVNode("v-if", true),
+            _ctx.rendered ? (openBlock(), createElementBlock("section", {
+              key: 1,
+              class: "el-drawer__body",
+              widget: `drawer:default:${_ctx.widget.split(":")[1]}`
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_6$9)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_2$u)
+        ])
       ]),
       _: 3
     }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -13955,7 +13960,7 @@ const _hoisted_1$D = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 const _hoisted_2$t = ["id"];
-const _hoisted_3$k = /* @__PURE__ */ createElementVNode("stop", {
+const _hoisted_3$l = /* @__PURE__ */ createElementVNode("stop", {
   "stop-color": "#FCFCFD",
   offset: "0%"
 }, null, -1);
@@ -13964,7 +13969,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode("stop", {
   offset: "100%"
 }, null, -1);
 const _hoisted_5$d = [
-  _hoisted_3$k,
+  _hoisted_3$l,
   _hoisted_4$g
 ];
 const _hoisted_6$8 = ["id"];
@@ -14162,7 +14167,7 @@ var script$V = defineComponent({
 
 const _hoisted_1$C = { class: "el-empty" };
 const _hoisted_2$s = ["src"];
-const _hoisted_3$j = { class: "el-empty__description" };
+const _hoisted_3$k = { class: "el-empty__description" };
 const _hoisted_4$f = { key: 1 };
 const _hoisted_5$c = {
   key: 0,
@@ -14183,7 +14188,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_img_empty)
       ])
     ], 4),
-    createElementVNode("div", _hoisted_3$j, [
+    createElementVNode("div", _hoisted_3$k, [
       _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_4$f, toDisplayString(_ctx.emptyDescription), 1))
     ]),
     _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
@@ -14519,13 +14524,15 @@ var script$T = defineComponent({
   }
 });
 
-const _hoisted_1$B = ["for", "widget"];
-const _hoisted_2$r = ["widget"];
+const _hoisted_1$B = ["widget"];
+const _hoisted_2$r = ["for", "widget"];
+const _hoisted_3$j = ["widget"];
 function render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LabelWrap = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
     ref: "formItemRef",
-    class: normalizeClass(["el-form-item", _ctx.formItemClass])
+    class: normalizeClass(["el-form-item", _ctx.formItemClass]),
+    widget: _ctx.widget
   }, [
     createVNode(_component_LabelWrap, {
       "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -14537,21 +14544,21 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
           for: _ctx.labelFor,
           class: "el-form-item__label",
           style: normalizeStyle(_ctx.labelStyle),
-          widget: _ctx.widget
+          widget: `form-item:label:${_ctx.widget.split(":")[1]}`
         }, [
           renderSlot(_ctx.$slots, "label", {
             label: _ctx.label + _ctx.elForm.labelSuffix
           }, () => [
             createTextVNode(toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
           ])
-        ], 12, _hoisted_1$B)) : createCommentVNode("v-if", true)
+        ], 12, _hoisted_2$r)) : createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
     createElementVNode("div", {
       class: "el-form-item__content",
       style: normalizeStyle(_ctx.contentStyle),
-      widget: _ctx.widget
+      widget: `form-item:default:${_ctx.widget.split(":")[1]}`
     }, [
       renderSlot(_ctx.$slots, "default"),
       createVNode(Transition, { name: "el-zoom-in-top" }, {
@@ -14569,8 +14576,8 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       })
-    ], 12, _hoisted_2$r)
-  ], 2);
+    ], 12, _hoisted_3$j)
+  ], 10, _hoisted_1$B);
 }
 
 script$T.render = render$N;
@@ -22207,7 +22214,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: [
@@ -22533,7 +22540,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)]);
     }));
   };

package/es/components/alert/index.d.ts

@@ -1,7 +1,7 @@
 export declare const PsAlert: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
     readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly description: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "error" | "info", unknown>;
     readonly closable: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly closeText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
@@ -23,7 +23,7 @@ export declare const PsAlert: import("../../utils/types").SFCWithInstall<import(
     readonly center?: unknown;
     readonly effect?: unknown;
 } & {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
+    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
     description: string;
     center: boolean;
     title: string;
@@ -32,7 +32,7 @@ export declare const PsAlert: import("../../utils/types").SFCWithInstall<import(
     effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;
 } & {}>, {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
+    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
     description: string;
     center: boolean;
     title: string;

package/es/components/alert/src/alert.d.ts

@@ -3,7 +3,7 @@ export declare type AlertEffect = 'light' | 'dark';
 export declare const alertProps: {
     readonly title: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly description: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly type: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly type: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "error" | "info", unknown>;
     readonly closable: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly closeText: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;

package/es/components/alert/src/alert.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly description: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "error" | "info", unknown>;
     readonly closable: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly closeText: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly center?: unknown;
     readonly effect?: unknown;
 } & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
     description: string;
     center: boolean;
     title: string;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;
 } & {}>, {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
     description: string;
     center: boolean;
     title: string;

package/es/components/autocomplete/index.d.ts

@@ -5,7 +5,7 @@ declare const _Autocomplete: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     debounce: {
@@ -112,7 +112,7 @@ export declare const PsAutocomplete: SFCWithInstall<import("vue").DefineComponen
         default: string;
     };
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     debounce: {

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     debounce: {