element-ps 1.0.8 → 1.0.12

package/dist/index.full.js

@@ -3391,14 +3391,14 @@
     fill: "currentColor",
     d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z"
   }, null, -1);
-  const _hoisted_3$A = /* @__PURE__ */ vue.createVNode("path", {
+  const _hoisted_3$B = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1G, [
       _hoisted_2$1h,
-      _hoisted_3$A
+      _hoisted_3$B
     ]);
   }
 
@@ -3534,14 +3534,14 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$A = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1A, [
       _hoisted_2$1b,
-      _hoisted_3$z
+      _hoisted_3$A
     ]);
   }
 
@@ -3585,14 +3585,14 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$z = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock("svg", _hoisted_1$1y, [
       _hoisted_2$19,
-      _hoisted_3$y
+      _hoisted_3$z
     ]);
   }
 
@@ -3636,7 +3636,7 @@
     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__ */ vue.createVNode("path", {
+  const _hoisted_3$y = /* @__PURE__ */ vue.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);
@@ -3647,7 +3647,7 @@
   function render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock("svg", _hoisted_1$1w, [
       _hoisted_2$17,
-      _hoisted_3$x,
+      _hoisted_3$y,
       _hoisted_4$o
     ]);
   }
@@ -4262,7 +4262,7 @@
     key: 1,
     class: "el-alert__description"
   };
-  const _hoisted_3$w = {
+  const _hoisted_3$x = {
     key: 0,
     class: "el-alert__closebtn is-customed"
   };
@@ -4299,7 +4299,7 @@
               ])
             ])) : vue.createCommentVNode("v-if", true),
             _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-              _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ps_icon, {
+              _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ps_icon, {
                 key: 1,
                 class: "el-alert__closebtn",
                 onClick: _ctx.close
@@ -4613,13 +4613,13 @@
     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"
   };
@@ -4679,7 +4679,7 @@
           "aria-label": _ctx.label,
           placeholder: _ctx.placeholder,
           style: _ctx.inputStyle
-        }), null, 16, _hoisted_3$v),
+        }), null, 16, _hoisted_3$w),
         vue.createCommentVNode(" prefix slot "),
         _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, [
           vue.createElementVNode("span", _hoisted_5$i, [
@@ -4696,7 +4696,7 @@
           ])
         ])) : vue.createCommentVNode("v-if", true),
         vue.createCommentVNode(" suffix slot "),
-        _ctx.suffixVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, [
+        _ctx.suffixVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, [
           vue.createElementVNode("span", _hoisted_7$8, [
             !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.renderSlot(_ctx.$slots, "suffix"),
@@ -6860,7 +6860,7 @@
     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 = vue.resolveComponent("arrow-left");
@@ -6921,7 +6921,7 @@
               { "is-active": index === _ctx.data.activeIndex }
             ])
           }, [
-            vue.createElementVNode("button", _hoisted_3$u, [
+            vue.createElementVNode("button", _hoisted_3$v, [
               _ctx.hasLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, vue.toDisplayString(item.label), 1)) : vue.createCommentVNode("v-if", true)
             ])
           ], 2);
@@ -7607,10 +7607,10 @@
 
   const _hoisted_1$X = ["id", "aria-controls"];
   const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
-  const _hoisted_3$t = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+  const _hoisted_3$u = /* @__PURE__ */ vue.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"
   };
@@ -7636,7 +7636,7 @@
         role: _ctx.indeterminate ? "checkbox" : void 0,
         "aria-checked": _ctx.indeterminate ? "mixed" : false
       }, [
-        _hoisted_3$t,
+        _hoisted_3$u,
         _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
@@ -7662,7 +7662,7 @@
           [vue.vModelCheckbox, _ctx.model]
         ])
       ], 10, _hoisted_2$G),
-      _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, [
+      _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, [
         vue.renderSlot(_ctx.$slots, "default"),
         !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
@@ -7703,7 +7703,7 @@
 
   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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass(["el-checkbox-button", [
@@ -7735,7 +7735,7 @@
         name: _ctx.name,
         disabled: _ctx.isDisabled,
         value: _ctx.label
-      }, null, 8, _hoisted_3$s)), [
+      }, null, 8, _hoisted_3$t)), [
         [vue.vModelCheckbox, _ctx.model]
       ]),
       _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -7908,7 +7908,7 @@
 
   const _hoisted_1$U = ["aria-checked", "aria-disabled", "tabindex"];
   const _hoisted_2$E = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("label", {
       class: vue.normalizeClass(["el-radio", {
@@ -7940,7 +7940,7 @@
           name: _ctx.name,
           disabled: _ctx.isDisabled,
           tabindex: "-1"
-        }, null, 8, _hoisted_3$r), [
+        }, null, 8, _hoisted_3$s), [
           [vue.vModelRadio, _ctx.model]
         ])
       ], 2),
@@ -9113,7 +9113,7 @@
 
   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 = vue.resolveComponent("arrow-right");
@@ -9159,7 +9159,7 @@
         vue.createElementVNode("div", _hoisted_4$k, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 8, _hoisted_3$q), [
+      ], 8, _hoisted_3$r), [
         [vue.vShow, _ctx.isActive]
       ])
     ], 2);
@@ -9511,7 +9511,7 @@
     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 = vue.resolveComponent("close");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -9525,7 +9525,7 @@
       widget: _ctx.widget
     }, [
       _ctx.colorDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", _hoisted_3$p, [
+      vue.createElementVNode("div", _hoisted_3$q, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass(["el-color-picker__color", { "is-alpha": _ctx.showAlpha }])
         }, [
@@ -10081,7 +10081,7 @@
 
   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 = vue.resolveComponent("ps-icon");
     const _component_ps_input = vue.resolveComponent("ps-input");
@@ -10157,7 +10157,7 @@
         disabled: _ctx.pickerDisabled,
         readonly: !_ctx.editable || _ctx.readonly,
         class: "el-range-input"
-      }, null, 8, _hoisted_3$o),
+      }, null, 8, _hoisted_3$p),
       _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
         key: 1,
         class: vue.normalizeClass(["el-input__icon el-range__close-icon", {
@@ -10580,14 +10580,14 @@
     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 = vue.resolveComponent("ps-descriptions-row");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
       _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
-        vue.createElementVNode("div", _hoisted_3$n, [
+        vue.createElementVNode("div", _hoisted_3$o, [
           vue.renderSlot(_ctx.$slots, "title", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ])
@@ -10969,7 +10969,7 @@
   const useDialog = (props, { emit }, targetRef) => {
     const visible = vue.ref(false);
     const closed = vue.ref(false);
-    const rendered = vue.ref(false);
+    const rendered = vue.ref(true);
     const zIndex = vue.ref(props.zIndex || PopupManager$1.nextZIndex());
     let openTimer = void 0;
     let closeTimer = void 0;
@@ -11090,8 +11090,8 @@
   });
 
   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,
@@ -11099,7 +11099,7 @@
     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 = vue.resolveComponent("close");
@@ -11132,11 +11132,12 @@
               "aria-label": _ctx.title || "dialog",
               style: vue.normalizeStyle(_ctx.style),
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-              }, ["stop"]))
+              }, ["stop"])),
+              widget: _ctx.widget
             }, [
               vue.createElementVNode("div", {
                 class: "el-dialog__header",
-                widget: _ctx.widget
+                widget: `dialog:title:${_ctx.widget.split(":")[1]}`
               }, [
                 vue.renderSlot(_ctx.$slots, "title", {}, () => [
                   vue.createElementVNode("span", _hoisted_4$i, vue.toDisplayString(_ctx.title), 1)
@@ -11149,18 +11150,18 @@
                     _: 1
                   })
                 ])) : vue.createCommentVNode("v-if", true)
-              ], 8, _hoisted_3$m),
+              ], 8, _hoisted_3$n),
               _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "el-dialog__body",
-                widget: _ctx.widget
+                widget: `dialog:default:${_ctx.widget.split(":")[1]}`
               }, [
                 vue.renderSlot(_ctx.$slots, "default")
-              ], 8, _hoisted_6$9)) : vue.createCommentVNode("v-if", true),
+              ], 8, _hoisted_6$a)) : vue.createCommentVNode("v-if", true),
               _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 class: "el-dialog__footer",
-                widget: _ctx.widget
+                widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
               }, [
                 vue.renderSlot(_ctx.$slots, "footer")
               ], 8, _hoisted_7$7)) : vue.createCommentVNode("v-if", true)
@@ -11258,11 +11259,12 @@
     }
   });
 
-  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 = vue.resolveComponent("close");
     const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -11277,51 +11279,54 @@
         "z-index": _ctx.zIndex
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            ref: "drawerRef",
-            "aria-modal": "true",
-            "aria-labelledby": "el-drawer__title",
-            "aria-label": _ctx.title,
-            class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-            style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-            role: "dialog",
-            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-            }, ["stop"]))
-          }, [
-            _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-              key: 0,
-              id: "el-drawer__title",
-              class: "el-drawer__header",
+          vue.createElementVNode("div", _hoisted_1$G, [
+            vue.createElementVNode("div", {
+              ref: "drawerRef",
+              "aria-modal": "true",
+              "aria-labelledby": "el-drawer__title",
+              "aria-label": _ctx.title,
+              class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+              style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+              role: "dialog",
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["stop"])),
               widget: _ctx.widget
             }, [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createElementVNode("span", {
-                  role: "heading",
-                  title: _ctx.title
-                }, vue.toDisplayString(_ctx.title), 9, _hoisted_3$l)
-              ]),
-              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+              _ctx.withHeader ? (vue.openBlock(), vue.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]}`
               }, [
-                vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_close)
-                  ]),
-                  _: 1
-                })
-              ], 8, _hoisted_4$h)) : vue.createCommentVNode("v-if", true)
-            ], 8, _hoisted_2$u)) : vue.createCommentVNode("v-if", true),
-            _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
-              key: 1,
-              class: "el-drawer__body",
-              widget: _ctx.widget
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_5$e)) : vue.createCommentVNode("v-if", true)
-          ], 14, _hoisted_1$G)
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createElementVNode("span", {
+                    role: "heading",
+                    title: _ctx.title
+                  }, vue.toDisplayString(_ctx.title), 9, _hoisted_4$h)
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  "aria-label": "close " + (_ctx.title || "drawer"),
+                  class: "el-drawer__close-btn",
+                  type: "button"
+                }, [
+                  vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_close)
+                    ]),
+                    _: 1
+                  })
+                ], 8, _hoisted_5$e)) : vue.createCommentVNode("v-if", true)
+              ], 8, _hoisted_3$m)) : vue.createCommentVNode("v-if", true),
+              _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+                key: 1,
+                class: "el-drawer__body",
+                widget: `drawer:default:${_ctx.widget.split(":")[1]}`
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 8, _hoisted_6$9)) : vue.createCommentVNode("v-if", true)
+            ], 14, _hoisted_2$u)
+          ])
         ]),
         _: 3
       }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -13959,7 +13964,7 @@
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
   const _hoisted_2$t = ["id"];
-  const _hoisted_3$k = /* @__PURE__ */ vue.createElementVNode("stop", {
+  const _hoisted_3$l = /* @__PURE__ */ vue.createElementVNode("stop", {
     "stop-color": "#FCFCFD",
     offset: "0%"
   }, null, -1);
@@ -13968,7 +13973,7 @@
     offset: "100%"
   }, null, -1);
   const _hoisted_5$d = [
-    _hoisted_3$k,
+    _hoisted_3$l,
     _hoisted_4$g
   ];
   const _hoisted_6$8 = ["id"];
@@ -14166,7 +14171,7 @@
 
   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,
@@ -14187,7 +14192,7 @@
           vue.createVNode(_component_img_empty)
         ])
       ], 4),
-      vue.createElementVNode("div", _hoisted_3$j, [
+      vue.createElementVNode("div", _hoisted_3$k, [
         _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$f, vue.toDisplayString(_ctx.emptyDescription), 1))
       ]),
       _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
@@ -14523,13 +14528,15 @@
     }
   });
 
-  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 = vue.resolveComponent("LabelWrap");
     return vue.openBlock(), vue.createElementBlock("div", {
       ref: "formItemRef",
-      class: vue.normalizeClass(["el-form-item", _ctx.formItemClass])
+      class: vue.normalizeClass(["el-form-item", _ctx.formItemClass]),
+      widget: _ctx.widget
     }, [
       vue.createVNode(_component_LabelWrap, {
         "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -14541,21 +14548,21 @@
             for: _ctx.labelFor,
             class: "el-form-item__label",
             style: vue.normalizeStyle(_ctx.labelStyle),
-            widget: _ctx.widget
+            widget: `form-item:label:${_ctx.widget.split(":")[1]}`
           }, [
             vue.renderSlot(_ctx.$slots, "label", {
               label: _ctx.label + _ctx.elForm.labelSuffix
             }, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
             ])
-          ], 12, _hoisted_1$B)) : vue.createCommentVNode("v-if", true)
+          ], 12, _hoisted_2$r)) : vue.createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["is-auto-width", "update-all"]),
       vue.createElementVNode("div", {
         class: "el-form-item__content",
         style: vue.normalizeStyle(_ctx.contentStyle),
-        widget: _ctx.widget
+        widget: `form-item:default:${_ctx.widget.split(":")[1]}`
       }, [
         vue.renderSlot(_ctx.$slots, "default"),
         vue.createVNode(vue.Transition, { name: "el-zoom-in-top" }, {
@@ -14573,8 +14580,8 @@
           ]),
           _: 3
         })
-      ], 12, _hoisted_2$r)
-    ], 2);
+      ], 12, _hoisted_3$j)
+    ], 10, _hoisted_1$B);
   }
 
   script$T.render = render$N;
@@ -22211,7 +22218,7 @@
           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]}`
         }, [
           vue.h("div", {
             class: [
@@ -22537,7 +22544,7 @@
           colspan,
           onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
           onMouseleave: handleCellMouseLeave,
-          widget: column.widget
+          widget: `table-column:default:${column.widget.split(":")[1]}`
         }, [column.renderCell(data)]);
       }));
     };