element-plus 1.2.0-beta.3 → 1.2.0-beta.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <li\n    class=\"el-dropdown-menu__item\"\n    :class=\"{\n      'is-disabled': disabled,\n      'el-dropdown-menu__item--divided': divided,\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: { ElIcon },\n  props: buildProps({\n    command: {\n      type: [Object, String, Number],\n      default: () => ({}),\n    },\n    disabled: Boolean,\n    divided: Boolean,\n    icon: {\n      type: definePropType<string | Component>([String, Object]),\n    },\n  } as const),\n  setup(props) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n\n    function handleClick(e: UIEvent) {\n      // if disabled don't collapse the drop-down list\n      if (props.disabled) {\n        e.stopImmediatePropagation()\n        return\n      }\n      if (elDropdown.hideOnClick.value) {\n        elDropdown.handleClick?.()\n      }\n      elDropdown.commandHandler?.(props.command, _instance, e)\n    }\n\n    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE;AAAA,EACd,OAAO,WAAW;AAAA,IAChB,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAO;AAAA,IAElB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA;AAAA;AAAA,EAGtD,MAAM,OAAO;AACX,UAAM,EAAE,eAAe;AACvB,UAAM,YAAY;AAElB,yBAAqB,GAAY;;AAE/B,UAAI,MAAM,UAAU;AAClB,UAAE;AACF;AAAA;AAEF,UAAI,WAAW,YAAY,OAAO;AAChC,yBAAW,gBAAX;AAAA;AAEF,uBAAW,mBAAX,oCAA4B,MAAM,SAAS,WAAW;AAAA;AAGxD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/dropdown/src/dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs

@@ -0,0 +1,26 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["aria-disabled", "tabindex"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(["el-dropdown-menu__item", {
+      "is-disabled": _ctx.disabled,
+      "el-dropdown-menu__item--divided": _ctx.divided
+    }]),
+    "aria-disabled": _ctx.disabled,
+    tabindex: _ctx.disabled ? null : -1,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs.map

package/es/components/dropdown/src/dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.vue_vue_type_template_id_396ed16b_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue?vue&type=template&id=396ed16b&lang.js"],"sourcesContent":["<template>\n  <li\n    class=\"el-dropdown-menu__item\"\n    :class=\"{\n      'is-disabled': disabled,\n      'el-dropdown-menu__item--divided': divided,\n    }\"\n    :aria-disabled=\"disabled\"\n    :tabindex=\"disabled ? null : -1\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot></slot>\n  </li>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport { useDropdown } from './useDropdown'\nimport type { Component } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: { ElIcon },\n  props: buildProps({\n    command: {\n      type: [Object, String, Number],\n      default: () => ({}),\n    },\n    disabled: Boolean,\n    divided: Boolean,\n    icon: {\n      type: definePropType<string | Component>([String, Object]),\n    },\n  } as const),\n  setup(props) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n\n    function handleClick(e: UIEvent) {\n      // if disabled don't collapse the drop-down list\n      if (props.disabled) {\n        e.stopImmediatePropagation()\n        return\n      }\n      if (elDropdown.hideOnClick.value) {\n        elDropdown.handleClick?.()\n      }\n      elDropdown.commandHandler?.(props.command, _instance, e)\n    }\n\n    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;sBACEA;IACE,uBAAM;;;;IAKL,iBAAe;IACf,UAAU;IACV,gDAAO;;IAEO,0BAAfC;uBAAqB;sBAAAA,YAAwBC,wBAAR;;;;IACrCC;;;;;;"}

package/es/components/dropdown/src/dropdown-menu.mjs

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

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

@@ -0,0 +1,44 @@
+import { defineComponent, onMounted, getCurrentInstance } from 'vue';
+import '../../../directives/index.mjs';
+import { useDropdown, initDropdownDomEvent } from './useDropdown.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+
+var script = defineComponent({
+  name: "ElDropdownMenu",
+  directives: {
+    ClickOutside
+  },
+  setup() {
+    const { _elDropdownSize, elDropdown } = useDropdown();
+    const size = _elDropdownSize.value;
+    function show() {
+      var _a;
+      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
+        return;
+      (_a = elDropdown.show) == null ? void 0 : _a.call(elDropdown);
+    }
+    function hide() {
+      if (["click", "contextmenu"].includes(elDropdown.trigger.value))
+        return;
+      _hide();
+    }
+    function _hide() {
+      var _a;
+      (_a = elDropdown.hide) == null ? void 0 : _a.call(elDropdown);
+    }
+    onMounted(() => {
+      const dropdownMenu = getCurrentInstance();
+      initDropdownDomEvent(dropdownMenu, elDropdown.triggerElm.value, elDropdown.instance);
+    });
+    return {
+      size,
+      show,
+      hide,
+      innerHide: _hide,
+      triggerElm: elDropdown.triggerElm
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=dropdown-menu.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    v-clickOutside:[triggerElm]=\"innerHide\"\n    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n    @mouseenter.stop=\"show\"\n    @mouseleave.stop=\"hide\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  directives: {\n    ClickOutside,\n  },\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\n\n    function show() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      elDropdown.show?.()\n    }\n    function hide() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      _hide()\n    }\n    function _hide() {\n      elDropdown.hide?.()\n    }\n\n    onMounted(() => {\n      const dropdownMenu = getCurrentInstance()\n      initDropdownDomEvent(\n        dropdownMenu,\n        elDropdown.triggerElm.value,\n        elDropdown.instance\n      )\n    })\n\n    return {\n      size,\n      show,\n      hide,\n      innerHide: _hide,\n      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAgBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,QAAQ;AACN,UAAM,EAAE,iBAAiB,eAAe;AACxC,UAAM,OAAO,gBAAgB;AAE7B,oBAAgB;;AACd,UAAI,CAAC,SAAS,eAAe,SAAS,WAAW,QAAQ;AAAQ;AACjE,uBAAW,SAAX;AAAA;AAEF,oBAAgB;AACd,UAAI,CAAC,SAAS,eAAe,SAAS,WAAW,QAAQ;AAAQ;AACjE;AAAA;AAEF,qBAAiB;;AACf,uBAAW,SAAX;AAAA;AAGF,cAAU,MAAM;AACd,YAAM,eAAe;AACrB,2BACE,cACA,WAAW,WAAW,OACtB,WAAW;AAAA;AAIf,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,YAAY,WAAW;AAAA;AAAA;AAAA;;;;"}

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs

@@ -0,0 +1,17 @@
+import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _directive_clickOutside = resolveDirective("clickOutside");
+  return withDirectives((openBlock(), createElementBlock("ul", {
+    class: normalizeClass([[_ctx.size && `el-dropdown-menu--${_ctx.size}`], "el-dropdown-menu"]),
+    onMouseenter: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.show && _ctx.show(...args), ["stop"])),
+    onMouseleave: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.hide && _ctx.hide(...args), ["stop"]))
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 34)), [
+    [_directive_clickOutside, _ctx.innerHide, _ctx.triggerElm]
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map

package/es/components/dropdown/src/dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.vue_vue_type_template_id_617b3492_lang.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue?vue&type=template&id=617b3492&lang.js"],"sourcesContent":["<template>\n  <ul\n    v-clickOutside:[triggerElm]=\"innerHide\"\n    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n    @mouseenter.stop=\"show\"\n    @mouseleave.stop=\"hide\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  directives: {\n    ClickOutside,\n  },\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\n\n    function show() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      elDropdown.show?.()\n    }\n    function hide() {\n      if (['click', 'contextmenu'].includes(elDropdown.trigger.value)) return\n      _hide()\n    }\n    function _hide() {\n      elDropdown.hide?.()\n    }\n\n    onMounted(() => {\n      const dropdownMenu = getCurrentInstance()\n      initDropdownDomEvent(\n        dropdownMenu,\n        elDropdown.triggerElm.value,\n        elDropdown.instance\n      )\n    })\n\n    return {\n      size,\n      show,\n      hide,\n      innerHide: _hide,\n      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;sCACEA;IAEG,wBAAQ,kCAA6B,cAChC;AAAA,IACL,mEAAiB;IACjB,mEAAiB;;IAElBC;;8BAN6B,gBAAd;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { Effect } from 'element-plus/es/components/popper';
 import type { Placement } from 'element-plus/es/components/popper';
-import type { PropType, ComponentPublicInstance } from 'vue';
+import type { PropType, ComponentPublicInstance, CSSProperties } from 'vue';
 import type { TriggerType } from 'element-plus/es/hooks/use-popper/use-target-events';
 declare type Nullable<T> = null | T;
 declare const _default: import("vue").DefineComponent<{
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"contextmenu" | TriggerType>;
         default: string;
     };
-    type: PropType<any>;
+    type: PropType<ButtonType>;
     size: {
         type: StringConstructor;
         default: string;
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     visible: import("vue").Ref<boolean>;
     scrollbar: import("vue").Ref<null>;
-    wrapStyle: import("vue").ComputedRef<string>;
+    wrapStyle: import("vue").ComputedRef<CSSProperties>;
     dropdownSize: import("vue").ComputedRef<any>;
     handlerMainButtonClick: (event: any) => void;
     triggerVnode: import("vue").Ref<Nullable<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>>;

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';
+import { useDropdown } from './useDropdown.mjs';
+import { Effect } from '../../popper/src/use-popper/defaults.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 { ELEMENT } = useDropdown();
+    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 = computed(() => props.size || ELEMENT.size);
+    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'\nimport { useDropdown } from './useDropdown'\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    const { ELEMENT } = useDropdown()\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 = computed(() => props.size || ELEMENT.size)\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'\nimport { useDropdown } from './useDropdown'\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    const { ELEMENT } = useDropdown()\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 = computed(() => props.size || ELEMENT.size)\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/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_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 { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElEmpty",
+  components: {
+    ImgEmpty: script$1
+  },
+  props: emptyProps,
+  setup(props) {
+    const { t } = useLocaleInject();
+    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 { useLocaleInject } 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 } = useLocaleInject()\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 { useLocaleInject } 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 } = useLocaleInject()\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