element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/dropdown/src/dropdown.vue_vue_type_script_lang.mjs

@@ -0,0 +1,206 @@
+import { defineComponent, getCurrentInstance, ref, computed, watch, provide, onMounted } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import _Popper from '../../popper/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { addClass, removeClass, on } from '../../../utils/dom.mjs';
+import { addUnit } from '../../../utils/util.mjs';
+import { ArrowDown } from '@element-plus/icons-vue';
+import '../../../hooks/index.mjs';
+import { Effect } from '../../popper/src/use-popper/defaults.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
+
+const { ButtonGroup: ElButtonGroup } = ElButton;
+var script = defineComponent({
+  name: "ElDropdown",
+  components: {
+    ElButton,
+    ElButtonGroup,
+    ElScrollbar,
+    ElPopper: _Popper,
+    ElIcon,
+    ArrowDown
+  },
+  props: {
+    trigger: {
+      type: String,
+      default: "hover"
+    },
+    type: String,
+    size: {
+      type: String,
+      default: ""
+    },
+    splitButton: Boolean,
+    hideOnClick: {
+      type: Boolean,
+      default: true
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    showTimeout: {
+      type: Number,
+      default: 150
+    },
+    hideTimeout: {
+      type: Number,
+      default: 150
+    },
+    tabindex: {
+      type: [Number, String],
+      default: 0
+    },
+    effect: {
+      type: String,
+      default: Effect.LIGHT
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    }
+  },
+  emits: ["visible-change", "click", "command"],
+  setup(props, { emit }) {
+    const _instance = getCurrentInstance();
+    const timeout = ref(null);
+    const visible = ref(false);
+    const scrollbar = ref(null);
+    const wrapStyle = computed(() => ({
+      maxHeight: addUnit(props.maxHeight)
+    }));
+    watch(() => visible.value, (val) => {
+      if (val)
+        triggerElmFocus();
+      if (!val)
+        triggerElmBlur();
+      emit("visible-change", val);
+    });
+    const focusing = ref(false);
+    watch(() => focusing.value, (val) => {
+      const selfDefine = triggerElm.value;
+      if (selfDefine) {
+        if (val) {
+          addClass(selfDefine, "focusing");
+        } else {
+          removeClass(selfDefine, "focusing");
+        }
+      }
+    });
+    const triggerVnode = ref(null);
+    const triggerElm = computed(() => {
+      var _a, _b, _c;
+      const _ = (_b = (_a = triggerVnode.value) == null ? void 0 : _a.$refs.triggerRef) == null ? void 0 : _b.children[0];
+      return !props.splitButton ? _ : (_c = _ == null ? void 0 : _.children) == null ? void 0 : _c[1];
+    });
+    function handleClick() {
+      var _a;
+      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
+        return;
+      if (visible.value) {
+        hide();
+      } else {
+        show();
+      }
+    }
+    function show() {
+      var _a;
+      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
+        return;
+      timeout.value && clearTimeout(timeout.value);
+      timeout.value = window.setTimeout(() => {
+        visible.value = true;
+      }, ["click", "contextmenu"].includes(props.trigger) ? 0 : props.showTimeout);
+    }
+    function hide() {
+      var _a;
+      if ((_a = triggerElm.value) == null ? void 0 : _a.disabled)
+        return;
+      removeTabindex();
+      if (props.tabindex >= 0) {
+        resetTabindex(triggerElm.value);
+      }
+      clearTimeout(timeout.value);
+      timeout.value = window.setTimeout(() => {
+        visible.value = false;
+      }, ["click", "contextmenu"].includes(props.trigger) ? 0 : props.hideTimeout);
+    }
+    function removeTabindex() {
+      var _a;
+      (_a = triggerElm.value) == null ? void 0 : _a.setAttribute("tabindex", "-1");
+    }
+    function resetTabindex(ele) {
+      removeTabindex();
+      ele == null ? void 0 : ele.setAttribute("tabindex", "0");
+    }
+    function triggerElmFocus() {
+      var _a, _b;
+      (_b = (_a = triggerElm.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    }
+    function triggerElmBlur() {
+      var _a, _b;
+      (_b = (_a = triggerElm.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+    }
+    const dropdownSize = useSize();
+    function commandHandler(...args) {
+      emit("command", ...args);
+    }
+    provide("elDropdown", {
+      instance: _instance,
+      dropdownSize,
+      visible,
+      handleClick,
+      commandHandler,
+      show,
+      hide,
+      trigger: computed(() => props.trigger),
+      hideOnClick: computed(() => props.hideOnClick),
+      triggerElm
+    });
+    onMounted(() => {
+      if (!props.splitButton) {
+        on(triggerElm.value, "focus", () => {
+          focusing.value = true;
+        });
+        on(triggerElm.value, "blur", () => {
+          focusing.value = false;
+        });
+        on(triggerElm.value, "click", () => {
+          focusing.value = false;
+        });
+      }
+      if (props.trigger === "hover") {
+        on(triggerElm.value, "mouseenter", show);
+        on(triggerElm.value, "mouseleave", hide);
+      } else if (props.trigger === "click") {
+        on(triggerElm.value, "click", handleClick);
+      } else if (props.trigger === "contextmenu") {
+        on(triggerElm.value, "contextmenu", (e) => {
+          e.preventDefault();
+          handleClick();
+        });
+      }
+      Object.assign(_instance, {
+        handleClick,
+        hide,
+        resetTabindex
+      });
+    });
+    const handlerMainButtonClick = (event) => {
+      emit("click", event);
+      hide();
+    };
+    return {
+      visible,
+      scrollbar,
+      wrapStyle,
+      dropdownSize,
+      handlerMainButtonClick,
+      triggerVnode
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=dropdown.vue_vue_type_script_lang.mjs.map

package/es/components/dropdown/src/dropdown.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"el-dropdown\">\n    <el-popper\n      ref=\"triggerVnode\"\n      v-model:visible=\"visible\"\n      :placement=\"placement\"\n      :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n      :effect=\"effect\"\n      pure\n      :manual-mode=\"true\"\n      :trigger=\"[trigger]\"\n      popper-class=\"el-dropdown__popper\"\n      append-to-body\n      transition=\"el-zoom-in-top\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n    >\n      <template #default>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          tag=\"ul\"\n          :wrap-style=\"wrapStyle\"\n          view-class=\"el-dropdown__list\"\n        >\n          <slot name=\"dropdown\"></slot>\n        </el-scrollbar>\n      </template>\n      <template #trigger>\n        <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n          <slot v-if=\"!splitButton\" name=\"default\"></slot>\n          <template v-else>\n            <el-button-group>\n              <el-button\n                :size=\"dropdownSize\"\n                :type=\"type\"\n                @click=\"handlerMainButtonClick\"\n              >\n                <slot name=\"default\"></slot>\n              </el-button>\n              <el-button\n                :size=\"dropdownSize\"\n                :type=\"type\"\n                class=\"el-dropdown__caret-button\"\n              >\n                <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n              </el-button>\n            </el-button-group>\n          </template>\n        </div>\n      </template>\n    </el-popper>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n  watch,\n  onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElPopper,\n    ElIcon,\n    ArrowDown,\n  },\n  props: {\n    trigger: {\n      type: String as PropType<TriggerType | 'contextmenu'>,\n      default: 'hover',\n    },\n    type: String as PropType<ButtonType>,\n    size: {\n      type: String,\n      default: '',\n    },\n    splitButton: Boolean,\n    hideOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom',\n    },\n    showTimeout: {\n      type: Number,\n      default: 150,\n    },\n    hideTimeout: {\n      type: Number,\n      default: 150,\n    },\n    tabindex: {\n      type: [Number, String],\n      default: 0,\n    },\n    effect: {\n      type: String as PropType<Effect>,\n      default: Effect.LIGHT,\n    },\n    maxHeight: {\n      type: [Number, String],\n      default: '',\n    },\n  },\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n\n    const timeout = ref<Nullable<number>>(null)\n\n    const visible = ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) triggerElmFocus()\n        if (!val) triggerElmBlur()\n        emit('visible-change', val)\n      }\n    )\n\n    const focusing = ref(false)\n    watch(\n      () => focusing.value,\n      (val) => {\n        const selfDefine = triggerElm.value\n        if (selfDefine) {\n          if (val) {\n            addClass(selfDefine, 'focusing')\n          } else {\n            removeClass(selfDefine, 'focusing')\n          }\n        }\n      }\n    )\n\n    const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n    const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n      const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n        ?.children[0]\n      return !props.splitButton ? _ : _?.children?.[1]\n    })\n\n    function handleClick() {\n      if (triggerElm.value?.disabled) return\n      if (visible.value) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    function show() {\n      if (triggerElm.value?.disabled) return\n      timeout.value && clearTimeout(timeout.value)\n      timeout.value = window.setTimeout(\n        () => {\n          visible.value = true\n        },\n        ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n      )\n    }\n\n    function hide() {\n      if (triggerElm.value?.disabled) return\n      removeTabindex()\n      if (props.tabindex >= 0) {\n        resetTabindex(triggerElm.value)\n      }\n      clearTimeout(timeout.value)\n      timeout.value = window.setTimeout(\n        () => {\n          visible.value = false\n        },\n        ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n      )\n    }\n\n    function removeTabindex() {\n      triggerElm.value?.setAttribute('tabindex', '-1')\n    }\n\n    function resetTabindex(ele) {\n      removeTabindex()\n      ele?.setAttribute('tabindex', '0')\n    }\n\n    function triggerElmFocus() {\n      triggerElm.value?.focus?.()\n    }\n\n    function triggerElmBlur() {\n      triggerElm.value?.blur?.()\n    }\n\n    const dropdownSize = useSize()\n\n    function commandHandler(...args) {\n      emit('command', ...args)\n    }\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      handleClick,\n      commandHandler,\n      show,\n      hide,\n      trigger: computed(() => props.trigger),\n      hideOnClick: computed(() => props.hideOnClick),\n      triggerElm,\n    })\n\n    onMounted(() => {\n      if (!props.splitButton) {\n        on(triggerElm.value, 'focus', () => {\n          focusing.value = true\n        })\n        on(triggerElm.value, 'blur', () => {\n          focusing.value = false\n        })\n        on(triggerElm.value, 'click', () => {\n          focusing.value = false\n        })\n      }\n      if (props.trigger === 'hover') {\n        on(triggerElm.value, 'mouseenter', show)\n        on(triggerElm.value, 'mouseleave', hide)\n      } else if (props.trigger === 'click') {\n        on(triggerElm.value, 'click', handleClick)\n      } else if (props.trigger === 'contextmenu') {\n        on(triggerElm.value, 'contextmenu', (e) => {\n          e.preventDefault()\n          handleClick()\n        })\n      }\n\n      Object.assign(_instance, {\n        handleClick,\n        hide,\n        resetTabindex,\n      })\n    })\n\n    const handlerMainButtonClick = (event) => {\n      emit('click', event)\n      hide()\n    }\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      handlerMainButtonClick,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":["ElPopper"],"mappings":"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"}

package/es/components/dropdown/src/dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs

@@ -0,0 +1,83 @@
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock } from 'vue';
+
+const _hoisted_1 = { class: "el-dropdown" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_arrow_down = resolveComponent("arrow-down");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button_group = resolveComponent("el-button-group");
+  const _component_el_popper = resolveComponent("el-popper");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_popper, {
+      ref: "triggerVnode",
+      visible: _ctx.visible,
+      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
+      placement: _ctx.placement,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      effect: _ctx.effect,
+      pure: "",
+      "manual-mode": true,
+      trigger: [_ctx.trigger],
+      "popper-class": "el-dropdown__popper",
+      "append-to-body": "",
+      transition: "el-zoom-in-top",
+      "stop-popper-mouse-event": false,
+      "gpu-acceleration": false
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_scrollbar, {
+          ref: "scrollbar",
+          tag: "ul",
+          "wrap-style": _ctx.wrapStyle,
+          "view-class": "el-dropdown__list"
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "dropdown")
+          ]),
+          _: 3
+        }, 8, ["wrap-style"])
+      ]),
+      trigger: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass([_ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""])
+        }, [
+          !_ctx.splitButton ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_el_button_group, { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                size: _ctx.dropdownSize,
+                type: _ctx.type,
+                onClick: _ctx.handlerMainButtonClick
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "type", "onClick"]),
+              createVNode(_component_el_button, {
+                size: _ctx.dropdownSize,
+                type: _ctx.type,
+                class: "el-dropdown__caret-button"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_icon, { class: "el-dropdown__icon" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_arrow_down)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["size", "type"])
+            ]),
+            _: 3
+          }))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "effect", "trigger"])
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs.map

package/es/components/dropdown/src/dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue?vue&type=template&id=3ed790a5&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-dropdown\">\n    <el-popper\n      ref=\"triggerVnode\"\n      v-model:visible=\"visible\"\n      :placement=\"placement\"\n      :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n      :effect=\"effect\"\n      pure\n      :manual-mode=\"true\"\n      :trigger=\"[trigger]\"\n      popper-class=\"el-dropdown__popper\"\n      append-to-body\n      transition=\"el-zoom-in-top\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n    >\n      <template #default>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          tag=\"ul\"\n          :wrap-style=\"wrapStyle\"\n          view-class=\"el-dropdown__list\"\n        >\n          <slot name=\"dropdown\"></slot>\n        </el-scrollbar>\n      </template>\n      <template #trigger>\n        <div :class=\"[dropdownSize ? 'el-dropdown--' + dropdownSize : '']\">\n          <slot v-if=\"!splitButton\" name=\"default\"></slot>\n          <template v-else>\n            <el-button-group>\n              <el-button\n                :size=\"dropdownSize\"\n                :type=\"type\"\n                @click=\"handlerMainButtonClick\"\n              >\n                <slot name=\"default\"></slot>\n              </el-button>\n              <el-button\n                :size=\"dropdownSize\"\n                :type=\"type\"\n                class=\"el-dropdown__caret-button\"\n              >\n                <el-icon class=\"el-dropdown__icon\"><arrow-down /></el-icon>\n              </el-button>\n            </el-button-group>\n          </template>\n        </div>\n      </template>\n    </el-popper>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n  watch,\n  onMounted,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { on, addClass, removeClass } from '@element-plus/utils/dom'\nimport { addUnit } from '@element-plus/utils/util'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useSize } from '@element-plus/hooks'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, ComponentPublicInstance, CSSProperties } from 'vue'\nimport type { TriggerType } from '@element-plus/hooks/use-popper/use-target-events'\nimport type { ButtonType } from '@element-plus/components/button/src/types'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElPopper,\n    ElIcon,\n    ArrowDown,\n  },\n  props: {\n    trigger: {\n      type: String as PropType<TriggerType | 'contextmenu'>,\n      default: 'hover',\n    },\n    type: String as PropType<ButtonType>,\n    size: {\n      type: String,\n      default: '',\n    },\n    splitButton: Boolean,\n    hideOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom',\n    },\n    showTimeout: {\n      type: Number,\n      default: 150,\n    },\n    hideTimeout: {\n      type: Number,\n      default: 150,\n    },\n    tabindex: {\n      type: [Number, String],\n      default: 0,\n    },\n    effect: {\n      type: String as PropType<Effect>,\n      default: Effect.LIGHT,\n    },\n    maxHeight: {\n      type: [Number, String],\n      default: '',\n    },\n  },\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n\n    const timeout = ref<Nullable<number>>(null)\n\n    const visible = ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) triggerElmFocus()\n        if (!val) triggerElmBlur()\n        emit('visible-change', val)\n      }\n    )\n\n    const focusing = ref(false)\n    watch(\n      () => focusing.value,\n      (val) => {\n        const selfDefine = triggerElm.value\n        if (selfDefine) {\n          if (val) {\n            addClass(selfDefine, 'focusing')\n          } else {\n            removeClass(selfDefine, 'focusing')\n          }\n        }\n      }\n    )\n\n    const triggerVnode = ref<Nullable<ComponentPublicInstance>>(null)\n    const triggerElm = computed<Nullable<HTMLButtonElement>>(() => {\n      const _: any = (triggerVnode.value?.$refs.triggerRef as HTMLElement)\n        ?.children[0]\n      return !props.splitButton ? _ : _?.children?.[1]\n    })\n\n    function handleClick() {\n      if (triggerElm.value?.disabled) return\n      if (visible.value) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    function show() {\n      if (triggerElm.value?.disabled) return\n      timeout.value && clearTimeout(timeout.value)\n      timeout.value = window.setTimeout(\n        () => {\n          visible.value = true\n        },\n        ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.showTimeout\n      )\n    }\n\n    function hide() {\n      if (triggerElm.value?.disabled) return\n      removeTabindex()\n      if (props.tabindex >= 0) {\n        resetTabindex(triggerElm.value)\n      }\n      clearTimeout(timeout.value)\n      timeout.value = window.setTimeout(\n        () => {\n          visible.value = false\n        },\n        ['click', 'contextmenu'].includes(props.trigger) ? 0 : props.hideTimeout\n      )\n    }\n\n    function removeTabindex() {\n      triggerElm.value?.setAttribute('tabindex', '-1')\n    }\n\n    function resetTabindex(ele) {\n      removeTabindex()\n      ele?.setAttribute('tabindex', '0')\n    }\n\n    function triggerElmFocus() {\n      triggerElm.value?.focus?.()\n    }\n\n    function triggerElmBlur() {\n      triggerElm.value?.blur?.()\n    }\n\n    const dropdownSize = useSize()\n\n    function commandHandler(...args) {\n      emit('command', ...args)\n    }\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      handleClick,\n      commandHandler,\n      show,\n      hide,\n      trigger: computed(() => props.trigger),\n      hideOnClick: computed(() => props.hideOnClick),\n      triggerElm,\n    })\n\n    onMounted(() => {\n      if (!props.splitButton) {\n        on(triggerElm.value, 'focus', () => {\n          focusing.value = true\n        })\n        on(triggerElm.value, 'blur', () => {\n          focusing.value = false\n        })\n        on(triggerElm.value, 'click', () => {\n          focusing.value = false\n        })\n      }\n      if (props.trigger === 'hover') {\n        on(triggerElm.value, 'mouseenter', show)\n        on(triggerElm.value, 'mouseleave', hide)\n      } else if (props.trigger === 'click') {\n        on(triggerElm.value, 'click', handleClick)\n      } else if (props.trigger === 'contextmenu') {\n        on(triggerElm.value, 'contextmenu', (e) => {\n          e.preventDefault()\n          handleClick()\n        })\n      }\n\n      Object.assign(_instance, {\n        handleClick,\n        hide,\n        resetTabindex,\n      })\n    })\n\n    const handlerMainButtonClick = (event) => {\n      emit('click', event)\n      hide()\n    }\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      handlerMainButtonClick,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode","_createBlock"],"mappings":";;qBACO,OAAM;;;;;;;;sBAAXA,0BAAA;IACEC;MACE,KAAI;AAAA,MACI,SAAS;gEAAA;MAChB,WAAW;MACX,uBAAqB;MACrB,QAAQ;MACT,MAAA;AAAA,MACC,eAAa;AAAA,MACb,UAAU;MACX,gBAAa;AAAA,MACb,kBAAA;AAAA,MACA,YAAW;AAAA,MACV,2BAAyB;AAAA,MACzB,oBAAkB;AAAA;MAER,iBACT;QAAAA;UACE,KAAI;AAAA,UACJ,KAAI;AAAA,UACH,cAAY;UACb,cAAW;AAAA;2BAEX;YAAAC;;;;;MAGO,iBACT;QAAAC;UAAM,uBAAQ,sCAAiC;;WAChC,mBAAbD,+DAEEE;6BACE;cAAAH;gBACG,MAAM;gBACN,MAAM;gBACN,SAAO;;iCAER;kBAAAC;;;;cAEFD;gBACG,MAAM;gBACN,MAAM;gBACP,OAAM;AAAA;iCAEN;kBAAAA,kCAAS,OAAM;qCAAoB;sBAAAA,YAAc;AAAA;AAAA;;;;;;;;;;;;;;;;;"}

package/es/components/dropdown/src/dropdown2.mjs

@@ -1,6 +1,6 @@
-import script from './dropdown.vue_vue&type=script&lang.mjs';
-export { default } from './dropdown.vue_vue&type=script&lang.mjs';
-import { render } from './dropdown.vue_vue&type=template&id=3ed790a5&lang.mjs';
+import script from './dropdown.vue_vue_type_script_lang.mjs';
+export { default } from './dropdown.vue_vue_type_script_lang.mjs';
+import { render } from './dropdown.vue_vue_type_template_id_3ed790a5_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/dropdown/src/dropdown.vue";

package/es/components/dropdown/src/useDropdown.d.ts

@@ -1,6 +1,5 @@
 import type { IElDropdownInstance } from './dropdown';
 export declare const useDropdown: () => {
-    ELEMENT: any;
     elDropdown: IElDropdownInstance;
     _elDropdownSize: import("vue").ComputedRef<import("vue").ComputedRef<string> | undefined>;
 };

package/es/components/dropdown/src/useDropdown.mjs

@@ -1,14 +1,12 @@
 import { inject, computed, ref } from 'vue';
-import { useGlobalConfig, generateId } from '../../../utils/util.mjs';
+import { generateId } from '../../../utils/util.mjs';
 import { EVENT_CODE } from '../../../utils/aria.mjs';
 import { addClass, on } from '../../../utils/dom.mjs';
 
 const useDropdown = () => {
-  const ELEMENT = useGlobalConfig();
   const elDropdown = inject("elDropdown", {});
   const _elDropdownSize = computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
   return {
-    ELEMENT,
     elDropdown,
     _elDropdownSize
   };

package/es/components/dropdown/src/useDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.mjs","sources":["../../../../../../packages/components/dropdown/src/useDropdown.ts"],"sourcesContent":["import { inject, computed, ref } from 'vue'\nimport { generateId, useGlobalConfig } from '@element-plus/utils/util'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, addClass } from '@element-plus/utils/dom'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { IElDropdownInstance } from './dropdown'\n\nexport const useDropdown = () => {\n  const ELEMENT = useGlobalConfig()\n  const elDropdown = inject<IElDropdownInstance>('elDropdown', {})\n  const _elDropdownSize = computed(() => elDropdown?.dropdownSize)\n\n  return {\n    ELEMENT,\n    elDropdown,\n    _elDropdownSize,\n  }\n}\n\nexport const initDropdownDomEvent = (\n  dropdownChildren,\n  triggerElm,\n  _instance\n) => {\n  const menuItems = ref<Nullable<HTMLButtonElement[]>>(null)\n  const menuItemsArray = ref<Nullable<HTMLElement[]>>(null)\n  const dropdownElm = ref<Nullable<HTMLElement>>(null)\n  const listId = ref(`dropdown-menu-${generateId()}`)\n  dropdownElm.value = dropdownChildren?.subTree.el\n\n  function removeTabindex() {\n    triggerElm.setAttribute('tabindex', '-1')\n    menuItemsArray.value?.forEach((item) => {\n      item.setAttribute('tabindex', '-1')\n    })\n  }\n\n  function resetTabindex(ele) {\n    removeTabindex()\n    ele?.setAttribute('tabindex', '0')\n  }\n\n  function handleTriggerKeyDown(ev: KeyboardEvent) {\n    const code = ev.code\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      removeTabindex()\n      resetTabindex(menuItems.value[0])\n      menuItems.value[0].focus()\n      ev.preventDefault()\n      ev.stopPropagation()\n    } else if (code === EVENT_CODE.enter) {\n      _instance.handleClick()\n    } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n      _instance.hide()\n    }\n  }\n\n  function handleItemKeyDown(ev) {\n    const code = ev.code\n    const target = ev.target\n    const currentIndex = menuItemsArray.value.indexOf(target)\n    const max = menuItemsArray.value.length - 1\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      if (code === EVENT_CODE.up) {\n        nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0\n      } else {\n        nextIndex = currentIndex < max ? currentIndex + 1 : max\n      }\n      removeTabindex()\n      resetTabindex(menuItems.value[nextIndex])\n      menuItems.value[nextIndex].focus()\n      ev.preventDefault()\n      ev.stopPropagation()\n    } else if (code === EVENT_CODE.enter) {\n      triggerElmFocus()\n      target.click()\n      if (_instance.props.hideOnClick) {\n        _instance.hide()\n      }\n    } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n      _instance.hide()\n      triggerElmFocus()\n    }\n  }\n\n  function initAria() {\n    dropdownElm.value.setAttribute('id', listId.value)\n    triggerElm.setAttribute('aria-haspopup', 'list')\n    triggerElm.setAttribute('aria-controls', listId.value)\n    if (!_instance.props.splitButton) {\n      triggerElm.setAttribute('role', 'button')\n      triggerElm.setAttribute('tabindex', _instance.props.tabindex)\n      addClass(triggerElm, 'el-dropdown-selfdefine')\n    }\n  }\n\n  function initEvent() {\n    on(triggerElm, 'keydown', handleTriggerKeyDown)\n    on(dropdownElm.value, 'keydown', handleItemKeyDown, true)\n  }\n\n  function initDomOperation() {\n    menuItems.value = dropdownElm.value.querySelectorAll(\n      \"[tabindex='-1']\"\n    ) as unknown as HTMLButtonElement[]\n    menuItemsArray.value = [].slice.call(menuItems.value)\n\n    initEvent()\n    initAria()\n  }\n\n  function triggerElmFocus() {\n    triggerElm.focus()\n  }\n\n  initDomOperation()\n}\n"],"names":[],"mappings":";;;;;MAQa,cAAc,MAAM;AAC/B,QAAM,UAAU;AAChB,QAAM,aAAa,OAA4B,cAAc;AAC7D,QAAM,kBAAkB,SAAS,MAAM,yCAAY;AAEnD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;MAIS,uBAAuB,CAClC,kBACA,YACA,cACG;AACH,QAAM,YAAY,IAAmC;AACrD,QAAM,iBAAiB,IAA6B;AACpD,QAAM,cAAc,IAA2B;AAC/C,QAAM,SAAS,IAAI,iBAAiB;AACpC,cAAY,QAAQ,qDAAkB,QAAQ;AAE9C,4BAA0B;AA/B5B;AAgCI,eAAW,aAAa,YAAY;AACpC,yBAAe,UAAf,mBAAsB,QAAQ,CAAC,SAAS;AACtC,WAAK,aAAa,YAAY;AAAA;AAAA;AAIlC,yBAAuB,KAAK;AAC1B;AACA,+BAAK,aAAa,YAAY;AAAA;AAGhC,gCAA8B,IAAmB;AAC/C,UAAM,OAAO,GAAG;AAChB,QAAI,CAAC,WAAW,IAAI,WAAW,MAAM,SAAS,OAAO;AACnD;AACA,oBAAc,UAAU,MAAM;AAC9B,gBAAU,MAAM,GAAG;AACnB,SAAG;AACH,SAAG;AAAA,eACM,SAAS,WAAW,OAAO;AACpC,gBAAU;AAAA,eACD,CAAC,WAAW,KAAK,WAAW,KAAK,SAAS,OAAO;AAC1D,gBAAU;AAAA;AAAA;AAId,6BAA2B,IAAI;AAC7B,UAAM,OAAO,GAAG;AAChB,UAAM,SAAS,GAAG;AAClB,UAAM,eAAe,eAAe,MAAM,QAAQ;AAClD,UAAM,MAAM,eAAe,MAAM,SAAS;AAC1C,QAAI;AACJ,QAAI,CAAC,WAAW,IAAI,WAAW,MAAM,SAAS,OAAO;AACnD,UAAI,SAAS,WAAW,IAAI;AAC1B,oBAAY,iBAAiB,IAAI,eAAe,IAAI;AAAA,aAC/C;AACL,oBAAY,eAAe,MAAM,eAAe,IAAI;AAAA;AAEtD;AACA,oBAAc,UAAU,MAAM;AAC9B,gBAAU,MAAM,WAAW;AAC3B,SAAG;AACH,SAAG;AAAA,eACM,SAAS,WAAW,OAAO;AACpC;AACA,aAAO;AACP,UAAI,UAAU,MAAM,aAAa;AAC/B,kBAAU;AAAA;AAAA,eAEH,CAAC,WAAW,KAAK,WAAW,KAAK,SAAS,OAAO;AAC1D,gBAAU;AACV;AAAA;AAAA;AAIJ,sBAAoB;AAClB,gBAAY,MAAM,aAAa,MAAM,OAAO;AAC5C,eAAW,aAAa,iBAAiB;AACzC,eAAW,aAAa,iBAAiB,OAAO;AAChD,QAAI,CAAC,UAAU,MAAM,aAAa;AAChC,iBAAW,aAAa,QAAQ;AAChC,iBAAW,aAAa,YAAY,UAAU,MAAM;AACpD,eAAS,YAAY;AAAA;AAAA;AAIzB,uBAAqB;AACnB,OAAG,YAAY,WAAW;AAC1B,OAAG,YAAY,OAAO,WAAW,mBAAmB;AAAA;AAGtD,8BAA4B;AAC1B,cAAU,QAAQ,YAAY,MAAM,iBAClC;AAEF,mBAAe,QAAQ,GAAG,MAAM,KAAK,UAAU;AAE/C;AACA;AAAA;AAGF,6BAA2B;AACzB,eAAW;AAAA;AAGb;AAAA;;;;"}
+{"version":3,"file":"useDropdown.mjs","sources":["../../../../../../packages/components/dropdown/src/useDropdown.ts"],"sourcesContent":["import { inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, addClass } from '@element-plus/utils/dom'\n\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { IElDropdownInstance } from './dropdown'\n\nexport const useDropdown = () => {\n  const elDropdown = inject<IElDropdownInstance>('elDropdown', {})\n  const _elDropdownSize = computed(() => elDropdown?.dropdownSize)\n\n  return {\n    elDropdown,\n    _elDropdownSize,\n  }\n}\n\nexport const initDropdownDomEvent = (\n  dropdownChildren,\n  triggerElm,\n  _instance\n) => {\n  const menuItems = ref<Nullable<HTMLButtonElement[]>>(null)\n  const menuItemsArray = ref<Nullable<HTMLElement[]>>(null)\n  const dropdownElm = ref<Nullable<HTMLElement>>(null)\n  const listId = ref(`dropdown-menu-${generateId()}`)\n  dropdownElm.value = dropdownChildren?.subTree.el\n\n  function removeTabindex() {\n    triggerElm.setAttribute('tabindex', '-1')\n    menuItemsArray.value?.forEach((item) => {\n      item.setAttribute('tabindex', '-1')\n    })\n  }\n\n  function resetTabindex(ele) {\n    removeTabindex()\n    ele?.setAttribute('tabindex', '0')\n  }\n\n  function handleTriggerKeyDown(ev: KeyboardEvent) {\n    const code = ev.code\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      removeTabindex()\n      resetTabindex(menuItems.value[0])\n      menuItems.value[0].focus()\n      ev.preventDefault()\n      ev.stopPropagation()\n    } else if (code === EVENT_CODE.enter) {\n      _instance.handleClick()\n    } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n      _instance.hide()\n    }\n  }\n\n  function handleItemKeyDown(ev) {\n    const code = ev.code\n    const target = ev.target\n    const currentIndex = menuItemsArray.value.indexOf(target)\n    const max = menuItemsArray.value.length - 1\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      if (code === EVENT_CODE.up) {\n        nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0\n      } else {\n        nextIndex = currentIndex < max ? currentIndex + 1 : max\n      }\n      removeTabindex()\n      resetTabindex(menuItems.value[nextIndex])\n      menuItems.value[nextIndex].focus()\n      ev.preventDefault()\n      ev.stopPropagation()\n    } else if (code === EVENT_CODE.enter) {\n      triggerElmFocus()\n      target.click()\n      if (_instance.props.hideOnClick) {\n        _instance.hide()\n      }\n    } else if ([EVENT_CODE.tab, EVENT_CODE.esc].includes(code)) {\n      _instance.hide()\n      triggerElmFocus()\n    }\n  }\n\n  function initAria() {\n    dropdownElm.value.setAttribute('id', listId.value)\n    triggerElm.setAttribute('aria-haspopup', 'list')\n    triggerElm.setAttribute('aria-controls', listId.value)\n    if (!_instance.props.splitButton) {\n      triggerElm.setAttribute('role', 'button')\n      triggerElm.setAttribute('tabindex', _instance.props.tabindex)\n      addClass(triggerElm, 'el-dropdown-selfdefine')\n    }\n  }\n\n  function initEvent() {\n    on(triggerElm, 'keydown', handleTriggerKeyDown)\n    on(dropdownElm.value, 'keydown', handleItemKeyDown, true)\n  }\n\n  function initDomOperation() {\n    menuItems.value = dropdownElm.value.querySelectorAll(\n      \"[tabindex='-1']\"\n    ) as unknown as HTMLButtonElement[]\n    menuItemsArray.value = [].slice.call(menuItems.value)\n\n    initEvent()\n    initAria()\n  }\n\n  function triggerElmFocus() {\n    triggerElm.focus()\n  }\n\n  initDomOperation()\n}\n"],"names":[],"mappings":";;;;;MAQa,cAAc,MAAM;AAC/B,QAAM,aAAa,OAA4B,cAAc;AAC7D,QAAM,kBAAkB,SAAS,MAAM,yCAAY;AAEnD,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;MAIS,uBAAuB,CAClC,kBACA,YACA,cACG;AACH,QAAM,YAAY,IAAmC;AACrD,QAAM,iBAAiB,IAA6B;AACpD,QAAM,cAAc,IAA2B;AAC/C,QAAM,SAAS,IAAI,iBAAiB;AACpC,cAAY,QAAQ,qDAAkB,QAAQ;AAE9C,4BAA0B;AA7B5B;AA8BI,eAAW,aAAa,YAAY;AACpC,yBAAe,UAAf,mBAAsB,QAAQ,CAAC,SAAS;AACtC,WAAK,aAAa,YAAY;AAAA;AAAA;AAIlC,yBAAuB,KAAK;AAC1B;AACA,+BAAK,aAAa,YAAY;AAAA;AAGhC,gCAA8B,IAAmB;AAC/C,UAAM,OAAO,GAAG;AAChB,QAAI,CAAC,WAAW,IAAI,WAAW,MAAM,SAAS,OAAO;AACnD;AACA,oBAAc,UAAU,MAAM;AAC9B,gBAAU,MAAM,GAAG;AACnB,SAAG;AACH,SAAG;AAAA,eACM,SAAS,WAAW,OAAO;AACpC,gBAAU;AAAA,eACD,CAAC,WAAW,KAAK,WAAW,KAAK,SAAS,OAAO;AAC1D,gBAAU;AAAA;AAAA;AAId,6BAA2B,IAAI;AAC7B,UAAM,OAAO,GAAG;AAChB,UAAM,SAAS,GAAG;AAClB,UAAM,eAAe,eAAe,MAAM,QAAQ;AAClD,UAAM,MAAM,eAAe,MAAM,SAAS;AAC1C,QAAI;AACJ,QAAI,CAAC,WAAW,IAAI,WAAW,MAAM,SAAS,OAAO;AACnD,UAAI,SAAS,WAAW,IAAI;AAC1B,oBAAY,iBAAiB,IAAI,eAAe,IAAI;AAAA,aAC/C;AACL,oBAAY,eAAe,MAAM,eAAe,IAAI;AAAA;AAEtD;AACA,oBAAc,UAAU,MAAM;AAC9B,gBAAU,MAAM,WAAW;AAC3B,SAAG;AACH,SAAG;AAAA,eACM,SAAS,WAAW,OAAO;AACpC;AACA,aAAO;AACP,UAAI,UAAU,MAAM,aAAa;AAC/B,kBAAU;AAAA;AAAA,eAEH,CAAC,WAAW,KAAK,WAAW,KAAK,SAAS,OAAO;AAC1D,gBAAU;AACV;AAAA;AAAA;AAIJ,sBAAoB;AAClB,gBAAY,MAAM,aAAa,MAAM,OAAO;AAC5C,eAAW,aAAa,iBAAiB;AACzC,eAAW,aAAa,iBAAiB,OAAO;AAChD,QAAI,CAAC,UAAU,MAAM,aAAa;AAChC,iBAAW,aAAa,QAAQ;AAChC,iBAAW,aAAa,YAAY,UAAU,MAAM;AACpD,eAAS,YAAY;AAAA;AAAA;AAIzB,uBAAqB;AACnB,OAAG,YAAY,WAAW;AAC1B,OAAG,YAAY,OAAO,WAAW,mBAAmB;AAAA;AAGtD,8BAA4B;AAC1B,cAAU,QAAQ,YAAY,MAAM,iBAClC;AAEF,mBAAe,QAAQ,GAAG,MAAM,KAAK,UAAU;AAE/C;AACA;AAAA;AAGF,6BAA2B;AACzB,eAAW;AAAA;AAGb;AAAA;;;;"}

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

@@ -16,13 +16,13 @@ export declare const ElEmpty: import("../../utils/types").SFCWithInstall<import(
     readonly imageSize?: unknown;
     readonly description?: unknown;
 } & {
-    description: string;
     image: string;
+    description: string;
 } & {
     imageSize?: number | undefined;
 }>, {
-    description: string;
     image: string;
+    description: string;
 }>> & Record<string, any>;
 export default ElEmpty;
 export * from './src/empty';

package/es/components/empty/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/empty2.mjs';
 export { emptyProps } from './src/empty.mjs';
-import script from './src/empty.vue_vue&type=script&lang.mjs';
+import script from './src/empty.vue_vue_type_script_lang.mjs';
 
 const ElEmpty = withInstall(script);
 

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

@@ -17,12 +17,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly imageSize?: unknown;
     readonly description?: unknown;
 } & {
-    description: string;
     image: string;
+    description: string;
 } & {
     imageSize?: number | undefined;
 }>, {
-    description: string;
     image: string;
+    description: string;
 }>;
 export default _default;

package/es/components/empty/src/empty.vue_vue_type_script_lang.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import './img-empty.mjs';
+import { emptyProps } from './empty.mjs';
+import script$1 from './img-empty.vue_vue_type_script_lang.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElEmpty",
+  components: {
+    ImgEmpty: script$1
+  },
+  props: emptyProps,
+  setup(props) {
+    const { t } = useLocale();
+    const emptyDescription = computed(() => props.description || t("el.table.emptyText"));
+    const imageStyle = computed(() => ({
+      width: props.imageSize ? `${props.imageSize}px` : ""
+    }));
+    return {
+      emptyDescription,
+      imageStyle
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=empty.vue_vue_type_script_lang.mjs.map

package/es/components/empty/src/empty.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div class=\"el-empty\">\n    <div class=\"el-empty__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=\"el-empty__description\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":["ImgEmpty"],"mappings":";;;;;;;AA0BA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVA;AAAA;AAAA,EAGF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,EAAE,MAAM;AACd,UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,aAAa,SAAwB;AAAO,MAChD,OAAO,MAAM,YAAY,GAAG,MAAM,gBAAgB;AAAA;AAGpD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/empty/src/empty.vue_vue_type_template_id_10d211eb_lang.mjs

@@ -0,0 +1,36 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
+
+const _hoisted_1 = { class: "el-empty" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "el-empty__description" };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = {
+  key: 0,
+  class: "el-empty__bottom"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_img_empty = resolveComponent("img-empty");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "el-empty__image",
+      style: normalizeStyle(_ctx.imageStyle)
+    }, [
+      _ctx.image ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: _ctx.image,
+        ondragstart: "return false"
+      }, null, 8, _hoisted_2)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+        createVNode(_component_img_empty)
+      ])
+    ], 4),
+    createElementVNode("div", _hoisted_3, [
+      _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.emptyDescription), 1))
+    ]),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("v-if", true)
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=empty.vue_vue_type_template_id_10d211eb_lang.mjs.map

package/es/components/empty/src/empty.vue_vue_type_template_id_10d211eb_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue_vue_type_template_id_10d211eb_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue?vue&type=template&id=10d211eb&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-empty\">\n    <div class=\"el-empty__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=\"el-empty__description\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode"],"mappings":";;qBACO,OAAM;;qBAOJ,OAAM;;;;EAIgB,OAAM;AAAA;;;sBAXnCA,0BAAA;IACEC;MAAK,OAAM;AAAA,MAAmB,sBAAO;;MACxB,2BAAXD;;QAAmB,KAAK;QAAO,aAAY;AAAA,iCAC3CE,6CAAA;QACEC;;;IAGJF,0BAAA;MACc,YAAO,cAAnBC,mEACAF,oDAAa;;IAEJ,YAAO,wBAAlBA,0BAAA;MACEE;;;;;;;"}

package/es/components/empty/src/empty2.mjs

@@ -1,6 +1,6 @@
-import script from './empty.vue_vue&type=script&lang.mjs';
-export { default } from './empty.vue_vue&type=script&lang.mjs';
-import { render } from './empty.vue_vue&type=template&id=10d211eb&lang.mjs';
+import script from './empty.vue_vue_type_script_lang.mjs';
+export { default } from './empty.vue_vue_type_script_lang.mjs';
+import { render } from './empty.vue_vue_type_template_id_10d211eb_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/empty/src/empty.vue";

package/es/components/empty/src/img-empty.mjs

@@ -1,6 +1,6 @@
-import script from './img-empty.vue_vue&type=script&lang.mjs';
-export { default } from './img-empty.vue_vue&type=script&lang.mjs';
-import { render } from './img-empty.vue_vue&type=template&id=61c77d3e&lang.mjs';
+import script from './img-empty.vue_vue_type_script_lang.mjs';
+export { default } from './img-empty.vue_vue_type_script_lang.mjs';
+import { render } from './img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/empty/src/img-empty.vue";

package/es/components/empty/src/img-empty.vue_vue_type_script_lang.mjs

@@ -0,0 +1,14 @@
+import { defineComponent } from 'vue';
+
+let id = 0;
+var script = defineComponent({
+  name: "ImgEmpty",
+  setup() {
+    return {
+      id: ++id
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=img-empty.vue_vue_type_script_lang.mjs.map

package/es/components/empty/src/img-empty.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            fill=\"#F7F8FC\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            fill=\"#E5E7E9\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              fill=\"#E5E7E9\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              fill=\"#EDEEF2\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              fill=\"#F8F9FB\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n              <use :xlink:href=\"`#path-3-${id}`\" />\n            </mask>\n            <use\n              id=\"Mask\"\n              fill=\"#E0E3E9\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              fill=\"#D5D7DE\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            fill=\"#F8F9FB\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    return {\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;AA0HA,IAAI,KAAK;AACT,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI,EAAE;AAAA;AAAA;AAAA;;;;"}