element-ps 1.0.0-alpha.6 → 1.0.1

package/lib/packages/components/dropdown/src/dropdown-menu.vue_vue&type=template&id=617b3492&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.vue_vue&type=template&id=617b3492&lang.js","sources":["../../../../../../../packages/components/dropdown/src/dropdown-menu.vue?vue&type=template&id=617b3492&lang.js"],"sourcesContent":["<template>\n  <ul\n    :class=\"[size && `el-dropdown-menu--${size}`]\"\n    class=\"el-dropdown-menu\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, onMounted } from 'vue'\nimport { useDropdown, initDropdownDomEvent } from './useDropdown'\n\nexport default defineComponent({\n  name: 'PsDropdownMenu',\n  setup() {\n    const { _elDropdownSize, elDropdown } = useDropdown()\n    const size = _elDropdownSize.value\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      triggerElm: elDropdown.triggerElm,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;0BACEA;IACG,4BAAQ,kCAA6B,cAChC;AAAA;IAENC;;;;;;"}

package/lib/packages/components/dropdown/src/dropdown.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=dropdown.js.map

package/lib/packages/components/dropdown/src/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/dropdown/src/dropdown.vue_vue&type=script&lang.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../button/index.js');
+require('../../popper/index.js');
+var util = require('../../../utils/util.js');
+var useDropdown = require('./useDropdown.js');
+var index$1 = require('../../icon/index.js');
+var icons = require('@element-plus/icons');
+var defaults = require('../../popper/src/use-popper/defaults.js');
+
+const { ButtonGroup: PsButtonGroup } = index.PsButton;
+var script = vue.defineComponent({
+  name: "PsDropdown",
+  components: {
+    PsButton: index.PsButton,
+    PsButtonGroup,
+    PsIcon: index$1.PsIcon,
+    ArrowDown: icons.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
+    },
+    offset: {
+      type: Number,
+      default: 0
+    },
+    effect: {
+      type: String,
+      default: defaults.Effect.LIGHT
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    visibleProp: {
+      type: Boolean,
+      default: false
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    widget: {
+      type: String
+    }
+  },
+  setup(props) {
+    const _instance = vue.getCurrentInstance();
+    const { ELEMENT } = useDropdown.useDropdown();
+    const visible = props.trigger === "manual" ? vue.computed(() => props.visibleProp) : vue.ref(false);
+    const scrollbar = vue.ref(null);
+    const wrapStyle = vue.computed(() => `max-height: ${util.addUnit(props.maxHeight)}`);
+    const triggerVnode = vue.ref(null);
+    const triggerElm = vue.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];
+    });
+    const dropdownSize = vue.computed(() => props.size || ELEMENT.size);
+    vue.provide("elDropdown", {
+      instance: _instance,
+      dropdownSize,
+      visible,
+      trigger: vue.computed(() => props.trigger),
+      triggerElm
+    });
+    return {
+      visible,
+      scrollbar,
+      wrapStyle,
+      dropdownSize,
+      triggerVnode
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=dropdown.vue_vue&type=script&lang.js.map

package/lib/packages/components/dropdown/src/dropdown.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-dropdown',\n          dropdownSize ? 'el-dropdown--' + dropdownSize : '',\n        ]\"\n    :widget=\"widget\"\n  >\n    <slot v-if=\"!splitButton\" name=\"default\"></slot>\n    <template v-else>\n      <ps-button-group>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n        >\n          <slot name=\"default\"></slot>\n        </ps-button>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          class=\"el-dropdown__caret-button\"\n        >\n          <ps-icon class=\"el-dropdown__icon\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport { Effect } from '@element-ps/components/popper'\nimport { addUnit } from '@element-ps/utils/util'\nimport { useDropdown } from './useDropdown'\nimport type { Placement, TriggerType } from '@element-ps/components/popper'\nimport type { PropType, ComponentPublicInstance } from 'vue'\nimport type { buttonType } from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { ArrowDown } from '@element-plus/icons'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\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    offset: {\n      type: Number,\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    visibleProp: {\n      type: Boolean,\n      default: false,\n    },\n    showArrow: {\n      type: Boolean,\n      default: true,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const { ELEMENT } = useDropdown()\n\n    const visible = props.trigger === 'manual' ? computed(() => props.visibleProp) : ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`)\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    const dropdownSize = computed(() => props.size || ELEMENT.size)\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      trigger: computed(() => props.trigger),\n      triggerElm,\n    })\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":["PsButton","defineComponent","PsIcon","ArrowDown","Effect","getCurrentInstance","useDropdown","computed","ref","addUnit"],"mappings":";;;;;;;;;;;;;AA+CA,MAAM,EAAE,aAAa,kBAAkBA;AAEvC,aAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVD;AAAA,IACA;AAAA,YACAE;AAAA,eACAC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,IACb,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAASC,gBAAO;AAAA;AAAA,IAElB,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,UAAM,YAAYC;AAClB,UAAM,EAAE,YAAYC;AAEpB,UAAM,UAAU,MAAM,YAAY,WAAWC,aAAS,MAAM,MAAM,eAAeC,QAAI;AACrF,UAAM,YAAYA,QAAI;AACtB,UAAM,YAAYD,aAAS,MAAM,eAAeE,aAAQ,MAAM;AAE9D,UAAM,eAAeD,QAAuC;AAC5D,UAAM,aAAaD,aAAsC,MAAM;;AAC7D,YAAM,IAAU,yBAAa,UAAb,mBAAoB,MAAM,eAA1B,mBACZ,SAAS;AACb,aAAO,CAAC,MAAM,cAAc,IAAI,6BAAG,aAAH,mBAAc;AAAA;AAGhD,UAAM,eAAeA,aAAS,MAAM,MAAM,QAAQ,QAAQ;AAE1D,gBAAQ,cAAc;AAAA,MACpB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAASA,aAAS,MAAM,MAAM;AAAA,MAC9B;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/dropdown/src/dropdown.vue_vue&type=template&id=3ed790a5&lang.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["widget"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_button = vue.resolveComponent("ps-button");
+  const _component_arrow_down = vue.resolveComponent("arrow-down");
+  const _component_ps_icon = vue.resolveComponent("ps-icon");
+  const _component_ps_button_group = vue.resolveComponent("ps-button-group");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([
+      "el-dropdown",
+      _ctx.dropdownSize ? "el-dropdown--" + _ctx.dropdownSize : ""
+    ]),
+    widget: _ctx.widget
+  }, [
+    !_ctx.splitButton ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_ps_button_group, { key: 1 }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_ps_button, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["size", "type"]),
+        vue.createVNode(_component_ps_button, {
+          size: _ctx.dropdownSize,
+          type: _ctx.type,
+          class: "el-dropdown__caret-button"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_ps_icon, { class: "el-dropdown__icon" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_arrow_down)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["size", "type"])
+      ]),
+      _: 3
+    }))
+  ], 10, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=dropdown.vue_vue&type=template&id=3ed790a5&lang.js.map

package/lib/packages/components/dropdown/src/dropdown.vue_vue&type=template&id=3ed790a5&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.vue_vue&type=template&id=3ed790a5&lang.js","sources":["../../../../../../../packages/components/dropdown/src/dropdown.vue?vue&type=template&id=3ed790a5&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-dropdown',\n          dropdownSize ? 'el-dropdown--' + dropdownSize : '',\n        ]\"\n    :widget=\"widget\"\n  >\n    <slot v-if=\"!splitButton\" name=\"default\"></slot>\n    <template v-else>\n      <ps-button-group>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n        >\n          <slot name=\"default\"></slot>\n        </ps-button>\n        <ps-button\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          class=\"el-dropdown__caret-button\"\n        >\n          <ps-icon class=\"el-dropdown__icon\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  getCurrentInstance,\n  ref,\n  computed,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport { Effect } from '@element-ps/components/popper'\nimport { addUnit } from '@element-ps/utils/util'\nimport { useDropdown } from './useDropdown'\nimport type { Placement, TriggerType } from '@element-ps/components/popper'\nimport type { PropType, ComponentPublicInstance } from 'vue'\nimport type { buttonType } from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { ArrowDown } from '@element-plus/icons'\n\ntype Nullable<T> = null | T\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\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    offset: {\n      type: Number,\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    visibleProp: {\n      type: Boolean,\n      default: false,\n    },\n    showArrow: {\n      type: Boolean,\n      default: true,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const { ELEMENT } = useDropdown()\n\n    const visible = props.trigger === 'manual' ? computed(() => props.visibleProp) : ref(false)\n    const scrollbar = ref(null)\n    const wrapStyle = computed(() => `max-height: ${addUnit(props.maxHeight)}`)\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    const dropdownSize = computed(() => props.size || ELEMENT.size)\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      visible,\n      trigger: computed(() => props.trigger),\n      triggerElm,\n    })\n\n    return {\n      visible,\n      scrollbar,\n      wrapStyle,\n      dropdownSize,\n      triggerVnode,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;0BACEA;IACG;;;;IAIA,QAAQ;;KAEI,mBAAbC,uEAEEC;2BACE;QAAAC;UACG,MAAM;UACN,MAAM;;+BAEP;YAAAF;;;;QAEFE;UACG,MAAM;UACN,MAAM;UACP,OAAM;AAAA;+BAEN;YAAAA,sCAAS,OAAM;mCAAoB;gBAAAA,gBAAc;AAAA;AAAA;;;;;;;;;;;;;"}

package/lib/packages/components/dropdown/src/dropdown2.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dropdown_vue_vue_type_script_lang = require('./dropdown.vue_vue&type=script&lang.js');
+var dropdown_vue_vue_type_template_id_3ed790a5_lang = require('./dropdown.vue_vue&type=template&id=3ed790a5&lang.js');
+
+dropdown_vue_vue_type_script_lang["default"].render = dropdown_vue_vue_type_template_id_3ed790a5_lang.render;
+dropdown_vue_vue_type_script_lang["default"].__file = "packages/components/dropdown/src/dropdown.vue";
+
+exports["default"] = dropdown_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=dropdown2.js.map

package/lib/packages/components/dropdown/src/dropdown2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/dropdown/src/useDropdown.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+var aria = require('../../../utils/aria.js');
+var dom = require('../../../utils/dom.js');
+
+const useDropdown = () => {
+  const ELEMENT = util.useGlobalConfig();
+  const elDropdown = vue.inject("elDropdown", {});
+  const _elDropdownSize = vue.computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
+  return {
+    ELEMENT,
+    elDropdown,
+    _elDropdownSize
+  };
+};
+const initDropdownDomEvent = (dropdownChildren, triggerElm, _instance) => {
+  const menuItems = vue.ref(null);
+  const menuItemsArray = vue.ref(null);
+  const dropdownElm = vue.ref(null);
+  const listId = vue.ref(`dropdown-menu-${util.generateId()}`);
+  dropdownElm.value = dropdownChildren == null ? void 0 : dropdownChildren.subTree.el;
+  function removeTabindex() {
+    var _a;
+    triggerElm.setAttribute("tabindex", "-1");
+    (_a = menuItemsArray.value) == null ? void 0 : _a.forEach((item) => {
+      item.setAttribute("tabindex", "-1");
+    });
+  }
+  function resetTabindex(ele) {
+    removeTabindex();
+    ele == null ? void 0 : ele.setAttribute("tabindex", "0");
+  }
+  function handleTriggerKeyDown(ev) {
+    const code = ev.code;
+    if ([aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(code)) {
+      removeTabindex();
+      resetTabindex(menuItems.value[0]);
+      menuItems.value[0].focus();
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else if (code === aria.EVENT_CODE.enter) {
+      _instance.handleClick();
+    } else if ([aria.EVENT_CODE.tab, aria.EVENT_CODE.esc].includes(code)) {
+      _instance.hide();
+    }
+  }
+  function handleItemKeyDown(ev) {
+    const code = ev.code;
+    const target = ev.target;
+    const currentIndex = menuItemsArray.value.indexOf(target);
+    const max = menuItemsArray.value.length - 1;
+    let nextIndex;
+    if ([aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(code)) {
+      if (code === aria.EVENT_CODE.up) {
+        nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
+      } else {
+        nextIndex = currentIndex < max ? currentIndex + 1 : max;
+      }
+      removeTabindex();
+      resetTabindex(menuItems.value[nextIndex]);
+      menuItems.value[nextIndex].focus();
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else if (code === aria.EVENT_CODE.enter) {
+      triggerElmFocus();
+      target.click();
+      if (_instance.props.hideOnClick) {
+        _instance.hide();
+      }
+    } else if ([aria.EVENT_CODE.tab, aria.EVENT_CODE.esc].includes(code)) {
+      _instance.hide();
+      triggerElmFocus();
+    }
+  }
+  function initAria() {
+    dropdownElm.value.setAttribute("id", listId.value);
+    triggerElm.setAttribute("aria-haspopup", "list");
+    triggerElm.setAttribute("aria-controls", listId.value);
+    if (!_instance.props.splitButton) {
+      triggerElm.setAttribute("role", "button");
+      triggerElm.setAttribute("tabindex", _instance.props.tabindex);
+      dom.addClass(triggerElm, "el-dropdown-selfdefine");
+    }
+  }
+  function initEvent() {
+    dom.on(triggerElm, "keydown", handleTriggerKeyDown);
+    dom.on(dropdownElm.value, "keydown", handleItemKeyDown, true);
+  }
+  function initDomOperation() {
+    menuItems.value = dropdownElm.value.querySelectorAll("[tabindex='-1']");
+    menuItemsArray.value = [].slice.call(menuItems.value);
+    initEvent();
+    initAria();
+  }
+  function triggerElmFocus() {
+    triggerElm.focus();
+  }
+  initDomOperation();
+};
+
+exports.initDropdownDomEvent = initDropdownDomEvent;
+exports.useDropdown = useDropdown;
+//# sourceMappingURL=useDropdown.js.map

package/lib/packages/components/dropdown/src/useDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.js","sources":["../../../../../../../packages/components/dropdown/src/useDropdown.ts"],"sourcesContent":["import { inject, computed, ref } from 'vue'\nimport { generateId, useGlobalConfig } from '@element-ps/utils/util'\nimport { EVENT_CODE } from '@element-ps/utils/aria'\nimport { on, addClass } from '@element-ps/utils/dom'\n\nimport type { Nullable } from '@element-ps/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":["useGlobalConfig","inject","computed","ref","generateId","EVENT_CODE"],"mappings":";;;;;;;;;MAQa,cAAc,MAAM;AAC/B,QAAM,UAAUA;AAChB,QAAM,aAAaC,WAA4B,cAAc;AAC7D,QAAM,kBAAkBC,aAAS,MAAM,yCAAY;AAEnD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;MAIS,uBAAuB,CAClC,kBACA,YACA,cACG;AACH,QAAM,YAAYC,QAAmC;AACrD,QAAM,iBAAiBA,QAA6B;AACpD,QAAM,cAAcA,QAA2B;AAC/C,QAAM,SAASA,QAAI,iBAAiBC;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,CAACC,gBAAW,IAAIA,gBAAW,MAAM,SAAS,OAAO;AACnD;AACA,oBAAc,UAAU,MAAM;AAC9B,gBAAU,MAAM,GAAG;AACnB,SAAG;AACH,SAAG;AAAA,eACM,SAASA,gBAAW,OAAO;AACpC,gBAAU;AAAA,eACD,CAACA,gBAAW,KAAKA,gBAAW,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,CAACA,gBAAW,IAAIA,gBAAW,MAAM,SAAS,OAAO;AACnD,UAAI,SAASA,gBAAW,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,SAASA,gBAAW,OAAO;AACpC;AACA,aAAO;AACP,UAAI,UAAU,MAAM,aAAa;AAC/B,kBAAU;AAAA;AAAA,eAEH,CAACA,gBAAW,KAAKA,gBAAW,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,mBAAS,YAAY;AAAA;AAAA;AAIzB,uBAAqB;AACnB,WAAG,YAAY,WAAW;AAC1B,WAAG,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/lib/packages/components/empty/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../../utils/with-install.js');
+require('./src/empty.js');
+var empty = require('./src/empty2.js');
+var empty_vue_vue_type_script_lang = require('./src/empty.vue_vue&type=script&lang.js');
+
+const PsEmpty = withInstall.withInstall(empty_vue_vue_type_script_lang["default"]);
+
+exports.emptyProps = empty.emptyProps;
+exports.PsEmpty = PsEmpty;
+exports["default"] = PsEmpty;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@element-ps/utils/with-install'\n\nimport Empty from './src/empty.vue'\n\nexport const PsEmpty = withInstall(Empty)\nexport default PsEmpty\n\nexport * from './src/empty'\n"],"names":["withInstall","Empty"],"mappings":";;;;;;;;;MAIa,UAAUA,wBAAYC;;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
+var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
+
+empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
+empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
+
+exports["default"] = empty_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/empty/src/empty.vue_vue&type=script&lang.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+require('./img-empty.js');
+var empty = require('./empty2.js');
+var imgEmpty_vue_vue_type_script_lang = require('./img-empty.vue_vue&type=script&lang.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "PsEmpty",
+  components: {
+    ImgEmpty: imgEmpty_vue_vue_type_script_lang["default"]
+  },
+  props: empty.emptyProps,
+  setup(props) {
+    const { t } = index.useLocaleInject();
+    const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
+    const imageStyle = vue.computed(() => ({
+      width: props.imageSize ? `${props.imageSize}px` : ""
+    }));
+    return {
+      emptyDescription,
+      imageStyle
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=empty.vue_vue&type=script&lang.js.map

package/lib/packages/components/empty/src/empty.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue_vue&type=script&lang.js","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-ps/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'PsEmpty',\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":["defineComponent","ImgEmpty","emptyProps","useLocaleInject","computed"],"mappings":";;;;;;;;;;;AA0BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,EAAE,MAAMC;AACd,UAAM,mBAAmBC,aACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,aAAaA,aAAwB;AAAO,MAChD,OAAO,MAAM,YAAY,GAAG,MAAM,gBAAgB;AAAA;AAGpD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/empty/src/empty.vue_vue&type=template&id=10d211eb&lang.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('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 = vue.resolveComponent("img-empty");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", {
+      class: "el-empty__image",
+      style: vue.normalizeStyle(_ctx.imageStyle)
+    }, [
+      _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
+        key: 0,
+        src: _ctx.image,
+        ondragstart: "return false"
+      }, null, 8, _hoisted_2)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+        vue.createVNode(_component_img_empty)
+      ])
+    ], 4),
+    vue.createElementVNode("div", _hoisted_3, [
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.emptyDescription), 1))
+    ]),
+    _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ])) : vue.createCommentVNode("v-if", true)
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=empty.vue_vue&type=template&id=10d211eb&lang.js.map

package/lib/packages/components/empty/src/empty.vue_vue&type=template&id=10d211eb&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.vue_vue&type=template&id=10d211eb&lang.js","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-ps/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'PsEmpty',\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;;;0BAXnCA,8BAAA;IACEC;MAAK,OAAM;AAAA,MAAmB,0BAAO;;MACxB,+BAAXD;;QAAmB,KAAK;QAAO,aAAY;AAAA,iCAC3CE,iDAAA;QACEC;;;IAGJF,8BAAA;MACc,YAAO,cAAnBC,2EACAF,4DAAa;;IAEJ,YAAO,4BAAlBA,8BAAA;MACEE;;;;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
+  }
+};
+
+exports.emptyProps = emptyProps;
+//# sourceMappingURL=empty2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty2.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/empty/src/img-empty.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var imgEmpty_vue_vue_type_script_lang = require('./img-empty.vue_vue&type=script&lang.js');
+var imgEmpty_vue_vue_type_template_id_61c77d3e_lang = require('./img-empty.vue_vue&type=template&id=61c77d3e&lang.js');
+
+imgEmpty_vue_vue_type_script_lang["default"].render = imgEmpty_vue_vue_type_template_id_61c77d3e_lang.render;
+imgEmpty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/img-empty.vue";
+
+exports["default"] = imgEmpty_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=img-empty.js.map

package/lib/packages/components/empty/src/img-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-empty.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/empty/src/img-empty.vue_vue&type=script&lang.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+let id = 0;
+var script = vue.defineComponent({
+  name: "ImgEmpty",
+  setup() {
+    return {
+      id: ++id
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=img-empty.vue_vue&type=script&lang.js.map

package/lib/packages/components/empty/src/img-empty.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-empty.vue_vue&type=script&lang.js","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":["defineComponent"],"mappings":";;;;;;AA0HA,IAAI,KAAK;AACT,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI,EAAE;AAAA;AAAA;AAAA;;;;"}