@element-plus/nightly 0.0.20260103 → 0.0.20260104

package/lib/components/drawer/src/drawer2.js

@@ -2,41 +2,234 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dialog = require('../../dialog/src/dialog.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var index$4 = require('../../overlay/index.js');
+var focusTrap = require('../../focus-trap/src/focus-trap.js');
+var index$3 = require('../../teleport/index.js');
+var index$5 = require('../../icon/index.js');
+var drawer = require('./drawer.js');
+var useResizable = require('./composables/useResizable.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useDialog = require('../../dialog/src/use-dialog.js');
+var index = require('../../../hooks/use-deprecated/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-locale/index.js');
 
-const drawerProps = runtime.buildProps({
-  ...dialog.dialogProps,
-  direction: {
-    type: String,
-    default: "rtl",
-    values: ["ltr", "rtl", "ttb", "btt"]
+const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_2 = ["id", "aria-level"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["id"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElDrawer",
+    inheritAttrs: false
   },
-  resizable: Boolean,
-  size: {
-    type: [String, Number],
-    default: "30%"
-  },
-  withHeader: {
-    type: Boolean,
-    default: true
-  },
-  modalFade: {
-    type: Boolean,
-    default: true
-  },
-  headerAriaLevel: {
-    type: String,
-    default: "2"
+  __name: "drawer",
+  props: drawer.drawerProps,
+  emits: drawer.drawerEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
+    index.useDeprecated(
+      {
+        scope: "el-drawer",
+        from: "the title slot",
+        replacement: "the header slot",
+        version: "3.0.0",
+        ref: "https://element-plus.org/en-US/component/drawer.html#slots"
+      },
+      vue.computed(() => !!slots.title)
+    );
+    const drawerRef = vue.ref();
+    const focusStartRef = vue.ref();
+    const draggerRef = vue.ref();
+    const ns = index$1.useNamespace("drawer");
+    const { t } = index$2.useLocale();
+    const {
+      afterEnter,
+      afterLeave,
+      beforeLeave,
+      visible,
+      rendered,
+      titleId,
+      bodyId,
+      zIndex,
+      onModalClick,
+      onOpenAutoFocus,
+      onCloseAutoFocus,
+      onFocusoutPrevented,
+      onCloseRequested,
+      handleClose
+    } = useDialog.useDialog(props, drawerRef);
+    const { isHorizontal, size, isResizing } = useResizable.useResizable(props, draggerRef, emit);
+    const penetrable = vue.computed(() => props.modalPenetrable && !props.modal);
+    __expose({
+      handleClose,
+      afterEnter,
+      afterLeave
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTeleport), {
+        to: _ctx.appendTo,
+        disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.Transition, {
+            name: vue.unref(ns).b("fade"),
+            onAfterEnter: vue.unref(afterEnter),
+            onAfterLeave: vue.unref(afterLeave),
+            onBeforeLeave: vue.unref(beforeLeave),
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => {
+              var _a;
+              return [
+                vue.withDirectives(vue.createVNode(vue.unref(index$4.ElOverlay), {
+                  mask: _ctx.modal,
+                  "overlay-class": [
+                    vue.unref(ns).is("drawer"),
+                    (_a = _ctx.modalClass) != null ? _a : "",
+                    `${vue.unref(ns).namespace.value}-modal-drawer`,
+                    vue.unref(ns).is("penetrable", penetrable.value)
+                  ],
+                  "z-index": vue.unref(zIndex),
+                  onClick: vue.unref(onModalClick)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(focusTrap["default"]), {
+                      loop: "",
+                      trapped: vue.unref(visible),
+                      "focus-trap-el": drawerRef.value,
+                      "focus-start-el": focusStartRef.value,
+                      onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
+                      onFocusAfterReleased: vue.unref(onCloseAutoFocus),
+                      onFocusoutPrevented: vue.unref(onFocusoutPrevented),
+                      onReleaseRequested: vue.unref(onCloseRequested)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("div", vue.mergeProps({
+                          ref_key: "drawerRef",
+                          ref: drawerRef,
+                          "aria-modal": "true",
+                          "aria-label": _ctx.title || void 0,
+                          "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
+                          "aria-describedby": vue.unref(bodyId)
+                        }, _ctx.$attrs, {
+                          class: [
+                            vue.unref(ns).b(),
+                            _ctx.direction,
+                            vue.unref(visible) && "open",
+                            vue.unref(ns).is("dragging", vue.unref(isResizing))
+                          ],
+                          style: { [vue.unref(isHorizontal) ? "width" : "height"]: vue.unref(size) },
+                          role: "dialog",
+                          onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                          }, ["stop"]))
+                        }), [
+                          vue.createElementVNode(
+                            "span",
+                            {
+                              ref_key: "focusStartRef",
+                              ref: focusStartRef,
+                              class: vue.normalizeClass(vue.unref(ns).e("sr-focus")),
+                              tabindex: "-1"
+                            },
+                            null,
+                            2
+                          ),
+                          _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock(
+                            "header",
+                            {
+                              key: 0,
+                              class: vue.normalizeClass([vue.unref(ns).e("header"), _ctx.headerClass])
+                            },
+                            [
+                              !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
+                                key: 0,
+                                close: vue.unref(handleClose),
+                                titleId: vue.unref(titleId),
+                                titleClass: vue.unref(ns).e("title")
+                              }, () => [
+                                vue.createElementVNode("span", {
+                                  id: vue.unref(titleId),
+                                  role: "heading",
+                                  "aria-level": _ctx.headerAriaLevel,
+                                  class: vue.normalizeClass(vue.unref(ns).e("title"))
+                                }, vue.toDisplayString(_ctx.title), 11, _hoisted_2)
+                              ]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+                                vue.createCommentVNode(" DEPRECATED SLOT ")
+                              ]),
+                              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                                key: 2,
+                                "aria-label": vue.unref(t)("el.drawer.close"),
+                                class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
+                                type: "button",
+                                onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleClose) && vue.unref(handleClose)(...args))
+                              }, [
+                                vue.createVNode(vue.unref(index$5.ElIcon), {
+                                  class: vue.normalizeClass(vue.unref(ns).e("close"))
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Close))
+                                  ]),
+                                  _: 1
+                                }, 8, ["class"])
+                              ], 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
+                            ],
+                            2
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.unref(rendered) ? (vue.openBlock(), vue.createElementBlock("div", {
+                            key: 1,
+                            id: vue.unref(bodyId),
+                            class: vue.normalizeClass([vue.unref(ns).e("body"), _ctx.bodyClass])
+                          }, [
+                            vue.renderSlot(_ctx.$slots, "default")
+                          ], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true),
+                          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
+                            "div",
+                            {
+                              key: 2,
+                              class: vue.normalizeClass([vue.unref(ns).e("footer"), _ctx.footerClass])
+                            },
+                            [
+                              vue.renderSlot(_ctx.$slots, "footer")
+                            ],
+                            2
+                          )) : vue.createCommentVNode("v-if", true),
+                          _ctx.resizable ? (vue.openBlock(), vue.createElementBlock(
+                            "div",
+                            {
+                              key: 3,
+                              ref_key: "draggerRef",
+                              ref: draggerRef,
+                              style: vue.normalizeStyle({ zIndex: vue.unref(zIndex) }),
+                              class: vue.normalizeClass(vue.unref(ns).e("dragger"))
+                            },
+                            null,
+                            6
+                          )) : vue.createCommentVNode("v-if", true)
+                        ], 16, _hoisted_1)
+                      ]),
+                      _: 3
+                    }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                  ]),
+                  _: 3
+                }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+                  [vue.vShow, vue.unref(visible)]
+                ])
+              ];
+            }),
+            _: 3
+          }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+        ]),
+        _: 3
+      }, 8, ["to", "disabled"]);
+    };
   }
 });
-const drawerEmits = {
-  ...dialog.dialogEmits,
-  "resize-start": (evt, size) => evt instanceof MouseEvent && typeof size === "number",
-  resize: (evt, size) => evt instanceof MouseEvent && typeof size === "number",
-  "resize-end": (evt, size) => evt instanceof MouseEvent && typeof size === "number"
-};
+var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/drawer/src/drawer.vue"]]);
 
-exports.drawerEmits = drawerEmits;
-exports.drawerProps = drawerProps;
+exports["default"] = Drawer;
 //# sourceMappingURL=drawer2.js.map

package/lib/components/drawer/src/drawer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  resizable: Boolean,\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n  headerAriaLevel: {\n    type: String,\n    default: '2',\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\nexport type DrawerPropsPublic = ExtractPublicPropTypes<typeof drawerProps>\n\nexport const drawerEmits = {\n  ...dialogEmits,\n  'resize-start': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  resize: (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n  'resize-end': (evt: MouseEvent, size: number) =>\n    evt instanceof MouseEvent && typeof size === 'number',\n}\n\nexport type DrawerEmits = typeof drawerEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;AAKO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EACpC,GAAGC,kBAAA;AAAA,EACH,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,IACT,MAAQ,EAAA,CAAC,KAAO,EAAA,KAAA,EAAO,OAAO,KAAK,CAAA;AAAA,GACrC;AAAA,EACA,SAAW,EAAA,OAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AACF,CAAU,EAAA;AAKH,MAAM,WAAc,GAAA;AAAA,EACzB,GAAGC,kBAAA;AAAA,EACH,gBAAgB,CAAC,GAAA,EAAiB,SAChC,GAAe,YAAA,UAAA,IAAc,OAAO,IAAS,KAAA,QAAA;AAAA,EAC/C,QAAQ,CAAC,GAAA,EAAiB,SACxB,GAAe,YAAA,UAAA,IAAc,OAAO,IAAS,KAAA,QAAA;AAAA,EAC/C,cAAc,CAAC,GAAA,EAAiB,SAC9B,GAAe,YAAA,UAAA,IAAc,OAAO,IAAS,KAAA,QAAA;AACjD;;;;;"}
+{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <el-teleport\n    :to=\"appendTo\"\n    :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n  >\n    <transition\n      :name=\"ns.b('fade')\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"[\n          ns.is('drawer'),\n          modalClass ?? '',\n          `${ns.namespace.value}-modal-drawer`,\n          ns.is('penetrable', penetrable),\n        ]\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"drawerRef\"\n          :focus-start-el=\"focusStartRef\"\n          @focus-after-trapped=\"onOpenAutoFocus\"\n          @focus-after-released=\"onCloseAutoFocus\"\n          @focusout-prevented=\"onFocusoutPrevented\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"drawerRef\"\n            aria-modal=\"true\"\n            :aria-label=\"title || undefined\"\n            :aria-labelledby=\"!title ? titleId : undefined\"\n            :aria-describedby=\"bodyId\"\n            v-bind=\"$attrs\"\n            :class=\"[\n              ns.b(),\n              direction,\n              visible && 'open',\n              ns.is('dragging', isResizing),\n            ]\"\n            :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n            role=\"dialog\"\n            @click.stop\n          >\n            <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n            <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n              <template v-if=\"!$slots.title\">\n                <slot\n                  name=\"header\"\n                  :close=\"handleClose\"\n                  :title-id=\"titleId\"\n                  :title-class=\"ns.e('title')\"\n                >\n                  <span\n                    :id=\"titleId\"\n                    role=\"heading\"\n                    :aria-level=\"headerAriaLevel\"\n                    :class=\"ns.e('title')\"\n                  >\n                    {{ title }}\n                  </span>\n                </slot>\n              </template>\n              <template v-else>\n                <slot name=\"title\">\n                  <!-- DEPRECATED SLOT -->\n                </slot>\n              </template>\n              <button\n                v-if=\"showClose\"\n                :aria-label=\"t('el.drawer.close')\"\n                :class=\"ns.e('close-btn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <close />\n                </el-icon>\n              </button>\n            </header>\n            <template v-if=\"rendered\">\n              <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n                <slot />\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n              <slot name=\"footer\" />\n            </div>\n            <div\n              v-if=\"resizable\"\n              ref=\"draggerRef\"\n              :style=\"{ zIndex }\"\n              :class=\"ns.e('dragger')\"\n            />\n          </div>\n        </el-focus-trap>\n      </el-overlay>\n    </transition>\n  </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\ndefineOptions({\n  name: 'ElDrawer',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(drawerProps)\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n  {\n    scope: 'el-drawer',\n    from: 'the title slot',\n    replacement: 'the header slot',\n    version: '3.0.0',\n    ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n  },\n  computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n  afterEnter,\n  afterLeave,\n  beforeLeave,\n  visible,\n  rendered,\n  titleId,\n  bodyId,\n  zIndex,\n  onModalClick,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n  onFocusoutPrevented,\n  onCloseRequested,\n  handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n  handleClose,\n  afterEnter,\n  afterLeave,\n})\n</script>\n"],"names":["useSlots","useDeprecated","computed","ref","useNamespace","useLocale","useDialog","useResizable","_createBlock","_unref","ElTeleport","appendTo","appendToBody","_createVNode","_Transition","_withDirectives","ElOverlay","modal","modalClass","ElFocusTrap","_createElementVNode","_mergeProps","title","$attrs","direction","_withModifiers","_normalizeClass","withHeader","_openBlock","_createElementBlock","headerClass","$slots","_renderSlot","headerAriaLevel","_toDisplayString","_createCommentVNode","showClose","ElIcon","Close","bodyClass","footerClass","resizable","_normalizeStyle"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -9,7 +9,7 @@ var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
 var tokens$1 = require('../../roving-focus-group/src/tokens.js');
-var collection = require('../../collection/src/collection2.js');
+var collection = require('../../collection/src/collection.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var refs = require('../../../utils/vue/refs.js');
 var event = require('../../../utils/dom/event.js');

package/lib/components/empty/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var empty$1 = require('./src/empty.js');
-var empty = require('./src/empty2.js');
+var empty$1 = require('./src/empty2.js');
+var empty = require('./src/empty.js');
 var install = require('../../utils/vue/install.js');
 
 const ElEmpty = install.withInstall(empty$1["default"]);

package/lib/components/empty/src/empty.js

@@ -2,89 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var imgEmpty = require('./img-empty.js');
-var empty = require('./empty2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { key: 1 };
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElEmpty"
+const emptyProps = runtime.buildProps({
+  image: {
+    type: String,
+    default: ""
   },
-  __name: "empty",
-  props: empty.emptyProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("empty");
-    const emptyDescription = vue.computed(
-      () => props.description || t("el.table.emptyText")
-    );
-    const imageStyle = vue.computed(() => ({
-      width: style.addUnit(props.imageSize)
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(ns).b())
-        },
-        [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("image")),
-              style: vue.normalizeStyle(imageStyle.value)
-            },
-            [
-              _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                src: _ctx.image,
-                ondragstart: "return false"
-              }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
-                vue.createVNode(imgEmpty["default"])
-              ])
-            ],
-            6
-          ),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("description"))
-            },
-            [
-              _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
-                "p",
-                _hoisted_2,
-                vue.toDisplayString(emptyDescription.value),
-                1
-              ))
-            ],
-            2
-          ),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("bottom"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-      );
-    };
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
   }
 });
-var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);
 
-exports["default"] = Empty;
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty.js.map

package/lib/components/empty/src/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","image","_renderSlot","_createVNode","ImgEmpty","$slots","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAmB,GAAAC,YAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CAAA;AAAA,KACnD,CAAA;AACM,IAAA,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAA,EAAOC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;AAvCA,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACfC,sBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,EAAKE,kBAAE,CAAA,UAAA,CAAU,KAAA,CAAA;AAAA,aAAA;AAAA;cACjCC,IAAAA,CAAAA,KAAAA,IAAAA,aAAAA,EAAAA,EAAXL,uBAA4D,KAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAAzC,KAAKK,IAAAA,CAAAA,KAAAA;AAAAA,gBAAO,WAAY,EAAA,cAAA;AAAA,eAC3C,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,cAAA,CAEO,kCAFP,MAEO;AAAA,gBADLC,gBAAaC,mBAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;UAGjBL,sBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,aAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACHO,IAAO,CAAA,MAAA,CAAA,WAAnB,GAAAH,cAAA,CAAqD,IACrD,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAAP,eAAA,EAAAC,sBAAA;AAAA,gBAAoC,GAAA;AAAA,gBAAA,UAAA;AAAA,gBAAAU,mBAAA,CAAvB,iBAAgB,KAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;;UAEpBD,IAAAA,CAAAA,MAAAA,CAAO,OAAlB,IAAAV,aAAA,EAAA,EAAAC,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFsB,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,QAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACrCI,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\nexport type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;AAIO,MAAM,aAAaA,kBAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,MAAA;AAAA,EAIX,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/lib/components/empty/src/empty2.js

@@ -2,19 +2,89 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var imgEmpty = require('./img-empty.js');
+var empty = require('./empty.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var style = require('../../../utils/dom/style.js');
 
-const emptyProps = runtime.buildProps({
-  image: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElEmpty"
   },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
+  __name: "empty",
+  props: empty.emptyProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("empty");
+    const emptyDescription = vue.computed(
+      () => props.description || t("el.table.emptyText")
+    );
+    const imageStyle = vue.computed(() => ({
+      width: style.addUnit(props.imageSize)
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("image")),
+              style: vue.normalizeStyle(imageStyle.value)
+            },
+            [
+              _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: _ctx.image,
+                ondragstart: "return false"
+              }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+                vue.createVNode(imgEmpty["default"])
+              ])
+            ],
+            6
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("description"))
+            },
+            [
+              _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
+                "p",
+                _hoisted_2,
+                vue.toDisplayString(emptyDescription.value),
+                1
+              ))
+            ],
+            2
+          ),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("bottom"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+      );
+    };
   }
 });
+var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);
 
-exports.emptyProps = emptyProps;
+exports["default"] = Empty;
 //# sourceMappingURL=empty2.js.map

package/lib/components/empty/src/empty2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\nexport type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;AAIO,MAAM,aAAaA,kBAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,MAAA;AAAA,EAIX,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","image","_renderSlot","_createVNode","ImgEmpty","$slots","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAmB,GAAAC,YAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CAAA;AAAA,KACnD,CAAA;AACM,IAAA,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAA,EAAOC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;AAvCA,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACfC,sBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,EAAKE,kBAAE,CAAA,UAAA,CAAU,KAAA,CAAA;AAAA,aAAA;AAAA;cACjCC,IAAAA,CAAAA,KAAAA,IAAAA,aAAAA,EAAAA,EAAXL,uBAA4D,KAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAAzC,KAAKK,IAAAA,CAAAA,KAAAA;AAAAA,gBAAO,WAAY,EAAA,cAAA;AAAA,eAC3C,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,cAAA,CAEO,kCAFP,MAEO;AAAA,gBADLC,gBAAaC,mBAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;UAGjBL,sBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,aAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACHO,IAAO,CAAA,MAAA,CAAA,WAAnB,GAAAH,cAAA,CAAqD,IACrD,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAAP,eAAA,EAAAC,sBAAA;AAAA,gBAAoC,GAAA;AAAA,gBAAA,UAAA;AAAA,gBAAAU,mBAAA,CAAvB,iBAAgB,KAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;;UAEpBD,IAAAA,CAAAA,MAAAA,CAAO,OAAlB,IAAAV,aAAA,EAAA,EAAAC,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFsB,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,QAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACrCI,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}

package/lib/components/form/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var form$1 = require('./src/form.js');
+var form$1 = require('./src/form2.js');
 var formItem$1 = require('./src/form-item2.js');
-var form = require('./src/form2.js');
+var form = require('./src/form.js');
 var formItem = require('./src/form-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');