@element-plus/nightly 0.0.20251226 → 0.0.20251228

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\nimport { roleTypes } from '@element-plus/components/popper'\n\nimport type { TooltipTriggerType } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-plus/components/button'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Arrayable, Nullable } from '@element-plus/utils'\n\nexport interface IElDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg: any[]) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  /**\n   * @description how to trigger\n   */\n  trigger: {\n    ...useTooltipTriggerProps.trigger,\n    type: definePropType<Arrayable<Exclude<TooltipTriggerType, 'focus'>>>([\n      String,\n      Array,\n    ]),\n  },\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [\n      EVENT_CODE.enter,\n      EVENT_CODE.numpadEnter,\n      EVENT_CODE.space,\n      EVENT_CODE.down,\n    ],\n  },\n  /**\n   * @description Indicates whether virtual triggering is enabled\n   */\n  virtualTriggering: useTooltipTriggerProps.virtualTriggering,\n  /**\n   * @description Indicates the reference element to which the dropdown is attached\n   */\n  virtualRef: useTooltipTriggerProps.virtualRef,\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description menu button type, refer to `Button` Component, only works when `split-button` is true\n   */\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  /**\n   * @description placement of pop menu\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  id: String,\n  /**\n   * @description menu size, also works on the split button\n   */\n  size: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether a button group is displayed\n   */\n  splitButton: Boolean,\n  /**\n   * @description whether to hide menu after clicking menu-item\n   */\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the tooltip content has an arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description delay time before show a dropdown (only works when trigger is `hover`)\n   */\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description delay time before hide a dropdown (only works when trigger is `hover`)\n   */\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown\n   */\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  /**\n   * @description the max height of menu\n   */\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  /**\n   * @description custom class name for Dropdown's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for Dropdown's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description whether to disable\n   */\n  disabled: Boolean,\n  /**\n   * @description the ARIA role attribute for the dropdown menu. Depending on the use case, you may want to change this to 'navigation'\n   */\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'menu',\n  },\n  buttonProps: {\n    type: definePropType<Partial<ButtonProps>>(Object),\n  },\n  /**\n   * @description whether the dropdown popup is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description which element the dropdown CONTENT appends to\n   */\n  appendTo: useTooltipContentProps.appendTo,\n  /**\n   * @description when dropdown inactive and `persistent` is `false` , dropdown menu will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  /**\n   * @description a command to be dispatched to Dropdown's `command` callback\n   */\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  /**\n   * @description whether the item is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether a divider is displayed\n   */\n  divided: Boolean,\n  textValue: String,\n  /**\n   * @description custom icon\n   */\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n"],"names":["buildProps","useTooltipTriggerProps","definePropType","EVENT_CODE","useTooltipContentProps","roleTypes","iconPropType"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["ElButton","defineComponent","ElScrollbar","ElTooltip","ElRovingFocusGroup","ElOnlyChild","ElIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","useLocale","ref","computed","addUnit","ensureArray","useId","useFormSize","unref","provide","DROPDOWN_INJECTION_KEY","DROPDOWN_INSTANCE_INJECTION_KEY","toRef","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createSlots","_withCtx","_renderSlot","_createBlock","_mergeProps"],"mappings":"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"}

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

@@ -2,273 +2,126 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index = require('../../button/index.js');
-var index$2 = require('../../tooltip/index.js');
-var index$1 = require('../../scrollbar/index.js');
-var index$3 = require('../../icon/index.js');
-var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.js');
-var iconsVue = require('@element-plus/icons-vue');
-var dropdown = require('./dropdown.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var onlyChild = require('../../slot/src/only-child.js');
-var index$4 = require('../../../hooks/use-namespace/index.js');
-var index$5 = require('../../../hooks/use-locale/index.js');
-var style = require('../../../utils/dom/style.js');
-var lodashUnified = require('lodash-unified');
-var index$6 = require('../../../hooks/use-id/index.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+var trigger = require('../../tooltip/src/trigger.js');
+var popper = require('../../popper/src/popper.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var aria = require('../../../constants/aria.js');
+var content = require('../../tooltip/src/content.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const { ButtonGroup: ElButtonGroup } = index.ElButton;
-const _sfc_main = vue.defineComponent({
-  name: "ElDropdown",
-  components: {
-    ElButton: index.ElButton,
-    ElButtonGroup,
-    ElScrollbar: index$1.ElScrollbar,
-    ElTooltip: index$2.ElTooltip,
-    ElRovingFocusGroup: rovingFocusGroup["default"],
-    ElOnlyChild: onlyChild.OnlyChild,
-    ElIcon: index$3.ElIcon,
-    ArrowDown: iconsVue.ArrowDown
+const dropdownProps = runtime.buildProps({
+  trigger: {
+    ...trigger.useTooltipTriggerProps.trigger,
+    type: runtime.definePropType([
+      String,
+      Array
+    ])
   },
-  props: dropdown.dropdownProps,
-  emits: ["visible-change", "click", "command"],
-  setup(props, { emit }) {
-    const _instance = vue.getCurrentInstance();
-    const ns = index$4.useNamespace("dropdown");
-    const { t } = index$5.useLocale();
-    const triggeringElementRef = vue.ref();
-    const referenceElementRef = vue.ref();
-    const popperRef = vue.ref();
-    const contentRef = vue.ref();
-    const scrollbar = vue.ref(null);
-    const currentTabId = vue.ref(null);
-    const isUsingKeyboard = vue.ref(false);
-    const wrapStyle = vue.computed(() => ({
-      maxHeight: style.addUnit(props.maxHeight)
-    }));
-    const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
-    const trigger = vue.computed(() => lodashUnified.castArray(props.trigger));
-    const defaultTriggerId = index$6.useId().value;
-    const triggerId = vue.computed(() => props.id || defaultTriggerId);
-    function handleClick() {
-      var _a;
-      (_a = popperRef.value) == null ? void 0 : _a.onClose(void 0, 0);
-    }
-    function handleClose() {
-      var _a;
-      (_a = popperRef.value) == null ? void 0 : _a.onClose();
-    }
-    function handleOpen() {
-      var _a;
-      (_a = popperRef.value) == null ? void 0 : _a.onOpen();
-    }
-    const dropdownSize = useFormCommonProps.useFormSize();
-    function commandHandler(...args) {
-      emit("command", ...args);
-    }
-    function onItemEnter() {
-    }
-    function onItemLeave() {
-      const contentEl = vue.unref(contentRef);
-      trigger.value.includes("hover") && (contentEl == null ? void 0 : contentEl.focus({
-        preventScroll: true
-      }));
-      currentTabId.value = null;
-    }
-    function handleCurrentTabIdChange(id) {
-      currentTabId.value = id;
-    }
-    function handleBeforeShowTooltip() {
-      emit("visible-change", true);
-    }
-    function handleShowTooltip(event) {
-      var _a;
-      isUsingKeyboard.value = (event == null ? void 0 : event.type) === "keydown";
-      (_a = contentRef.value) == null ? void 0 : _a.focus();
-    }
-    function handleBeforeHideTooltip() {
-      emit("visible-change", false);
-    }
-    vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
-      contentRef,
-      role: vue.computed(() => props.role),
-      triggerId,
-      isUsingKeyboard,
-      onItemEnter,
-      onItemLeave,
-      handleClose
-    });
-    vue.provide(tokens.DROPDOWN_INSTANCE_INJECTION_KEY, {
-      instance: _instance,
-      dropdownSize,
-      handleClick,
-      commandHandler,
-      trigger: vue.toRef(props, "trigger"),
-      hideOnClick: vue.toRef(props, "hideOnClick")
-    });
-    const handlerMainButtonClick = (event) => {
-      emit("click", event);
-    };
-    return {
-      t,
-      ns,
-      scrollbar,
-      wrapStyle,
-      dropdownTriggerKls,
-      dropdownSize,
-      triggerId,
-      currentTabId,
-      handleCurrentTabIdChange,
-      handlerMainButtonClick,
-      handleClose,
-      handleOpen,
-      handleBeforeShowTooltip,
-      handleShowTooltip,
-      handleBeforeHideTooltip,
-      popperRef,
-      contentRef,
-      triggeringElementRef,
-      referenceElementRef
-    };
+  triggerKeys: {
+    type: runtime.definePropType(Array),
+    default: () => [
+      aria.EVENT_CODE.enter,
+      aria.EVENT_CODE.numpadEnter,
+      aria.EVENT_CODE.space,
+      aria.EVENT_CODE.down
+    ]
+  },
+  virtualTriggering: trigger.useTooltipTriggerProps.virtualTriggering,
+  virtualRef: trigger.useTooltipTriggerProps.virtualRef,
+  effect: {
+    ...content.useTooltipContentProps.effect,
+    default: "light"
+  },
+  type: {
+    type: runtime.definePropType(String)
+  },
+  placement: {
+    type: runtime.definePropType(String),
+    default: "bottom"
+  },
+  popperOptions: {
+    type: runtime.definePropType(Object),
+    default: () => ({})
+  },
+  id: String,
+  size: {
+    type: String,
+    default: ""
+  },
+  splitButton: Boolean,
+  hideOnClick: {
+    type: Boolean,
+    default: true
+  },
+  loop: {
+    type: Boolean,
+    default: true
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  showTimeout: {
+    type: Number,
+    default: 150
+  },
+  hideTimeout: {
+    type: Number,
+    default: 150
+  },
+  tabindex: {
+    type: runtime.definePropType([Number, String]),
+    default: 0
+  },
+  maxHeight: {
+    type: runtime.definePropType([Number, String]),
+    default: ""
+  },
+  popperClass: content.useTooltipContentProps.popperClass,
+  popperStyle: content.useTooltipContentProps.popperStyle,
+  disabled: Boolean,
+  role: {
+    type: String,
+    values: popper.roleTypes,
+    default: "menu"
+  },
+  buttonProps: {
+    type: runtime.definePropType(Object)
+  },
+  teleported: content.useTooltipContentProps.teleported,
+  appendTo: content.useTooltipContentProps.appendTo,
+  persistent: {
+    type: Boolean,
+    default: true
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
-  const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
-  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-  const _component_el_only_child = vue.resolveComponent("el-only-child");
-  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_arrow_down = vue.resolveComponent("arrow-down");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_button_group = vue.resolveComponent("el-button-group");
-  return vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
-    },
-    [
-      vue.createVNode(_component_el_tooltip, {
-        ref: "popperRef",
-        role: _ctx.role,
-        effect: _ctx.effect,
-        "fallback-placements": ["bottom", "top"],
-        "popper-options": _ctx.popperOptions,
-        "gpu-acceleration": false,
-        placement: _ctx.placement,
-        "popper-class": [_ctx.ns.e("popper"), _ctx.popperClass],
-        "popper-style": _ctx.popperStyle,
-        trigger: _ctx.trigger,
-        "trigger-keys": _ctx.triggerKeys,
-        "trigger-target-el": _ctx.contentRef,
-        "show-arrow": _ctx.showArrow,
-        "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
-        "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
-        "virtual-ref": (_a = _ctx.virtualRef) != null ? _a : _ctx.triggeringElementRef,
-        "virtual-triggering": _ctx.virtualTriggering || _ctx.splitButton,
-        disabled: _ctx.disabled,
-        transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
-        teleported: _ctx.teleported,
-        "append-to": _ctx.appendTo,
-        pure: "",
-        "focus-on-target": "",
-        persistent: _ctx.persistent,
-        onBeforeShow: _ctx.handleBeforeShowTooltip,
-        onShow: _ctx.handleShowTooltip,
-        onBeforeHide: _ctx.handleBeforeHideTooltip
-      }, vue.createSlots({
-        content: vue.withCtx(() => [
-          vue.createVNode(_component_el_scrollbar, {
-            ref: "scrollbar",
-            "wrap-style": _ctx.wrapStyle,
-            tag: "div",
-            "view-class": _ctx.ns.e("list")
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_roving_focus_group, {
-                loop: _ctx.loop,
-                "current-tab-id": _ctx.currentTabId,
-                orientation: "horizontal",
-                onCurrentTabIdChange: _ctx.handleCurrentTabIdChange
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "dropdown")
-                ]),
-                _: 3
-              }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange"])
-            ]),
-            _: 3
-          }, 8, ["wrap-style", "view-class"])
-        ]),
-        _: 2
-      }, [
-        !_ctx.splitButton ? {
-          name: "default",
-          fn: vue.withCtx(() => [
-            vue.createVNode(_component_el_only_child, {
-              id: _ctx.triggerId,
-              ref: "triggeringElementRef",
-              role: "button",
-              tabindex: _ctx.tabindex
-            }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            }, 8, ["id", "tabindex"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["role", "effect", "popper-options", "placement", "popper-class", "popper-style", "trigger", "trigger-keys", "trigger-target-el", "show-arrow", "show-after", "hide-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "append-to", "persistent", "onBeforeShow", "onShow", "onBeforeHide"]),
-      _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
-            size: _ctx.dropdownSize,
-            type: _ctx.type,
-            disabled: _ctx.disabled,
-            tabindex: _ctx.tabindex,
-            onClick: _ctx.handlerMainButtonClick
-          }), {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
-          vue.createVNode(_component_el_button, vue.mergeProps({
-            id: _ctx.triggerId,
-            ref: "triggeringElementRef"
-          }, _ctx.buttonProps, {
-            role: "button",
-            size: _ctx.dropdownSize,
-            type: _ctx.type,
-            class: _ctx.ns.e("caret-button"),
-            disabled: _ctx.disabled,
-            tabindex: _ctx.tabindex,
-            "aria-label": _ctx.t("el.dropdown.toggleDropdown")
-          }), {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_icon, {
-                class: vue.normalizeClass(_ctx.ns.e("icon"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_down)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            _: 1
-          }, 16, ["id", "size", "type", "class", "disabled", "tabindex", "aria-label"])
-        ]),
-        _: 3
-      })) : vue.createCommentVNode("v-if", true)
-    ],
-    2
-  );
-}
-var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/dropdown/src/dropdown.vue"]]);
+const dropdownItemProps = runtime.buildProps({
+  command: {
+    type: [Object, String, Number],
+    default: () => ({})
+  },
+  disabled: Boolean,
+  divided: Boolean,
+  textValue: String,
+  icon: {
+    type: icon.iconPropType
+  }
+});
+const dropdownMenuProps = runtime.buildProps({
+  onKeydown: { type: runtime.definePropType(Function) }
+});
+const FIRST_KEYS = [
+  aria.EVENT_CODE.down,
+  aria.EVENT_CODE.pageDown,
+  aria.EVENT_CODE.home
+];
+const LAST_KEYS = [aria.EVENT_CODE.up, aria.EVENT_CODE.pageUp, aria.EVENT_CODE.end];
+const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
 
-exports["default"] = Dropdown;
+exports.FIRST_KEYS = FIRST_KEYS;
+exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
+exports.LAST_KEYS = LAST_KEYS;
+exports.dropdownItemProps = dropdownItemProps;
+exports.dropdownMenuProps = dropdownMenuProps;
+exports.dropdownProps = dropdownProps;
 //# sourceMappingURL=dropdown2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["ElButton","defineComponent","ElScrollbar","ElTooltip","ElRovingFocusGroup","ElOnlyChild","ElIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","useLocale","ref","computed","addUnit","ensureArray","useId","useFormSize","unref","provide","DROPDOWN_INJECTION_KEY","DROPDOWN_INSTANCE_INJECTION_KEY","toRef","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createSlots","_withCtx","_renderSlot","_createBlock","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\nimport { roleTypes } from '@element-plus/components/popper'\n\nimport type { TooltipTriggerType } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-plus/components/button'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Arrayable, Nullable } from '@element-plus/utils'\n\nexport interface IElDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg: any[]) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  /**\n   * @description how to trigger\n   */\n  trigger: {\n    ...useTooltipTriggerProps.trigger,\n    type: definePropType<Arrayable<Exclude<TooltipTriggerType, 'focus'>>>([\n      String,\n      Array,\n    ]),\n  },\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [\n      EVENT_CODE.enter,\n      EVENT_CODE.numpadEnter,\n      EVENT_CODE.space,\n      EVENT_CODE.down,\n    ],\n  },\n  /**\n   * @description Indicates whether virtual triggering is enabled\n   */\n  virtualTriggering: useTooltipTriggerProps.virtualTriggering,\n  /**\n   * @description Indicates the reference element to which the dropdown is attached\n   */\n  virtualRef: useTooltipTriggerProps.virtualRef,\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description menu button type, refer to `Button` Component, only works when `split-button` is true\n   */\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  /**\n   * @description placement of pop menu\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  id: String,\n  /**\n   * @description menu size, also works on the split button\n   */\n  size: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether a button group is displayed\n   */\n  splitButton: Boolean,\n  /**\n   * @description whether to hide menu after clicking menu-item\n   */\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the tooltip content has an arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description delay time before show a dropdown (only works when trigger is `hover`)\n   */\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description delay time before hide a dropdown (only works when trigger is `hover`)\n   */\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown\n   */\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  /**\n   * @description the max height of menu\n   */\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  /**\n   * @description custom class name for Dropdown's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for Dropdown's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description whether to disable\n   */\n  disabled: Boolean,\n  /**\n   * @description the ARIA role attribute for the dropdown menu. Depending on the use case, you may want to change this to 'navigation'\n   */\n  role: {\n    type: String,\n    values: roleTypes,\n    default: 'menu',\n  },\n  buttonProps: {\n    type: definePropType<Partial<ButtonProps>>(Object),\n  },\n  /**\n   * @description whether the dropdown popup is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description which element the dropdown CONTENT appends to\n   */\n  appendTo: useTooltipContentProps.appendTo,\n  /**\n   * @description when dropdown inactive and `persistent` is `false` , dropdown menu will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  /**\n   * @description a command to be dispatched to Dropdown's `command` callback\n   */\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  /**\n   * @description whether the item is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether a divider is displayed\n   */\n  divided: Boolean,\n  textValue: String,\n  /**\n   * @description custom icon\n   */\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n"],"names":["buildProps","useTooltipTriggerProps","definePropType","EVENT_CODE","useTooltipContentProps","roleTypes","iconPropType"],"mappings":"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"}

package/lib/components/index.js

@@ -96,7 +96,7 @@ var alert = require('./alert/src/alert.js');
 var autocomplete = require('./autocomplete/src/autocomplete.js');
 var avatar = require('./avatar/src/avatar.js');
 var backtop = require('./backtop/src/backtop.js');
-var badge = require('./badge/src/badge.js');
+var badge = require('./badge/src/badge2.js');
 var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
 var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
 var constants = require('./breadcrumb/src/constants.js');
@@ -104,8 +104,8 @@ var button = require('./button/src/button.js');
 var constants$1 = require('./button/src/constants.js');
 var calendar = require('./calendar/src/calendar.js');
 var card = require('./card/src/card.js');
-var carousel = require('./carousel/src/carousel.js');
-var carouselItem = require('./carousel/src/carousel-item.js');
+var carousel = require('./carousel/src/carousel2.js');
+var carouselItem = require('./carousel/src/carousel-item2.js');
 var constants$2 = require('./carousel/src/constants.js');
 var cascader = require('./cascader/src/cascader.js');
 var types = require('./cascader-panel/src/types.js');
@@ -116,7 +116,7 @@ var checkbox = require('./checkbox/src/checkbox.js');
 var constants$3 = require('./checkbox/src/constants.js');
 var col = require('./col/src/col.js');
 var collapse = require('./collapse/src/collapse.js');
-var collapseItem = require('./collapse/src/collapse-item.js');
+var collapseItem = require('./collapse/src/collapse-item2.js');
 var constants$4 = require('./collapse/src/constants.js');
 var colorPickerPanel = require('./color-picker-panel/src/color-picker-panel.js');
 var colorPicker = require('./color-picker/src/color-picker2.js');
@@ -135,7 +135,7 @@ var dialog = require('./dialog/src/dialog.js');
 var constants$7 = require('./dialog/src/constants.js');
 var divider = require('./divider/src/divider.js');
 var drawer = require('./drawer/src/drawer.js');
-var dropdown = require('./dropdown/src/dropdown.js');
+var dropdown = require('./dropdown/src/dropdown2.js');
 var tokens = require('./dropdown/src/tokens.js');
 var empty = require('./empty/src/empty.js');
 var form = require('./form/src/form.js');
@@ -146,7 +146,7 @@ var useFormItem = require('./form/src/hooks/use-form-item.js');
 var icon = require('./icon/src/icon.js');
 var image = require('./image/src/image.js');
 var imageViewer = require('./image-viewer/src/image-viewer.js');
-var input = require('./input/src/input.js');
+var input = require('./input/src/input2.js');
 var inputNumber = require('./input-number/src/input-number.js');
 var inputTag = require('./input-tag/src/input-tag.js');
 var link = require('./link/src/link.js');
@@ -161,20 +161,20 @@ var pagination = require('./pagination/src/pagination.js');
 var constants$9 = require('./pagination/src/constants.js');
 var popconfirm = require('./popconfirm/src/popconfirm.js');
 var popper = require('./popper/src/popper.js');
-var trigger$1 = require('./popper/src/trigger.js');
+var trigger$1 = require('./popper/src/trigger2.js');
 var content$1 = require('./popper/src/content.js');
 var arrow$1 = require('./popper/src/arrow.js');
 var constants$a = require('./popper/src/constants.js');
 var arrow = require('./popper/src/arrow2.js');
-var trigger = require('./popper/src/trigger2.js');
+var trigger = require('./popper/src/trigger.js');
 var content = require('./popper/src/content2.js');
 var progress = require('./progress/src/progress.js');
 var radio = require('./radio/src/radio.js');
 var radioGroup = require('./radio/src/radio-group.js');
 var radioButton = require('./radio/src/radio-button2.js');
 var constants$b = require('./radio/src/constants.js');
-var rate = require('./rate/src/rate.js');
-var result = require('./result/src/result.js');
+var rate = require('./rate/src/rate2.js');
+var result = require('./result/src/result2.js');
 var row = require('./row/src/row.js');
 var constants$c = require('./row/src/constants.js');
 var util = require('./scrollbar/src/util.js');
@@ -182,17 +182,17 @@ var scrollbar = require('./scrollbar/src/scrollbar.js');
 var thumb = require('./scrollbar/src/thumb.js');
 var constants$d = require('./scrollbar/src/constants.js');
 var token = require('./select/src/token.js');
-var select = require('./select/src/select.js');
+var select = require('./select/src/select2.js');
 var token$1 = require('./select-v2/src/token.js');
-var skeleton = require('./skeleton/src/skeleton.js');
-var skeletonItem = require('./skeleton/src/skeleton-item.js');
+var skeleton = require('./skeleton/src/skeleton2.js');
+var skeletonItem = require('./skeleton/src/skeleton-item2.js');
 var slider = require('./slider/src/slider.js');
 var constants$e = require('./slider/src/constants.js');
 var space = require('./space/src/space.js');
 var item = require('./space/src/item.js');
 var useSpace = require('./space/src/use-space.js');
 var statistic = require('./statistic/src/statistic.js');
-var item$1 = require('./steps/src/item.js');
+var item$1 = require('./steps/src/item2.js');
 var steps = require('./steps/src/steps.js');
 var tokens$2 = require('./steps/src/tokens.js');
 var _switch = require('./switch/src/switch.js');
@@ -205,7 +205,7 @@ var row$1 = require('./table-v2/src/row.js');
 var tabs = require('./tabs/src/tabs.js');
 var tabBar = require('./tabs/src/tab-bar.js');
 var tabNav = require('./tabs/src/tab-nav.js');
-var tabPane = require('./tabs/src/tab-pane.js');
+var tabPane = require('./tabs/src/tab-pane2.js');
 var constants$g = require('./tabs/src/constants.js');
 var tag = require('./tag/src/tag.js');
 var text = require('./text/src/text.js');

package/lib/components/input/index.js

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