element-pe 2.2.52 → 2.2.54

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"propsAndAttrs\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @clickimpl=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n\n    if (forEditor.value) {\n      return {\n        handleClick: undefined,\n        handlePointerMove: undefined,\n        handlePointerLeave: undefined,\n        textContent,\n        propsAndAttrs: computed(() => {\n          return { ...props, ...attrs }\n        }),\n      }\n    }\n\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus()\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\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\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => {\n      return { ...props, ...attrs }\n    })\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDropdownCollectionItem","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useGlobalConfig","useDropdown","getCurrentInstance","ref","computed","unref","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-dropdown-collection-item\n    :disabled=\"disabled\"\n    :text-value=\"textValue ?? textContent\"\n  >\n    <el-roving-focus-item :focusable=\"!disabled\">\n      <el-dropdown-item-impl\n        v-bind=\"propsAndAttrs\"\n        @pointerleave=\"handlePointerLeave\"\n        @pointermove=\"handlePointerMove\"\n        @clickimpl=\"handleClick\"\n      >\n        <slot />\n      </el-dropdown-item-impl>\n    </el-roving-focus-item>\n  </el-dropdown-collection-item>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  ref,\n  unref,\n} from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport { useGlobalConfig } from '../../config-provider'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport {\n  ElCollectionItem as ElDropdownCollectionItem,\n  dropdownItemProps,\n} from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElDropdownCollectionItem,\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const itemRef = ref<HTMLElement | null>(null)\n    const textContent = computed(() => unref(itemRef)?.textContent ?? '')\n\n    if (forEditor.value) {\n      return {\n        handleClick: undefined,\n        handlePointerMove: undefined,\n        handlePointerLeave: undefined,\n        textContent,\n        propsAndAttrs: computed(() => {\n          return { ...props, ...attrs }\n        }),\n      }\n    }\n\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus()\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointerleave', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        onItemLeave(e)\n      })\n    )\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\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\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => {\n      return { ...props, ...attrs }\n    })\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      textContent,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElDropdownCollectionItem","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useGlobalConfig","useDropdown","getCurrentInstance","ref","computed","unref","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","_resolveComponent","_openBlock","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-menu.js

@@ -8,16 +8,16 @@ require('../../../constants/index.js');
 require('../../focus-trap/index.js');
 require('../../roving-focus-group/index.js');
 require('../../../hooks/index.js');
+require('../../config-provider/index.js');
 var tokens$1 = require('./tokens.js');
 var dropdown = require('./dropdown.js');
 var useDropdown = require('./useDropdown.js');
-require('../../config-provider/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var tokens = require('../../focus-trap/src/tokens.js');
 var tokens$2 = require('../../roving-focus-group/src/tokens.js');
-var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.js');
+var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
 var refs = require('../../../utils/vue/refs.js');
 var event = require('../../../utils/dom/event.js');
 var aria = require('../../../constants/aria.js');
@@ -123,7 +123,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1);
 }
-var DropdownMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/dropdown/src/dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\dropdown\\src\\dropdown-menu.vue"]]);
 
 exports["default"] = DropdownMenu;
 //# sourceMappingURL=dropdown-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  focusFirst,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n  dropdownMenuProps,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    if (forEditor.value) {\n      return {\n        size,\n        rovingFocusGroupRootStyle: undefined,\n        tabIndex: undefined,\n        dropdownKls: computed(() => {\n          return [ns.b('menu'), ns.bm('menu', size?.value)]\n        }),\n        role: undefined,\n        triggerId: undefined,\n        dropdownListWrapperRef: undefined,\n        handleKeydown: undefined,\n        onBlur: undefined,\n        onFocus: undefined,\n        onMousedown: undefined,\n      }\n    }\n\n    const { focusTrapRef, onKeydown } = inject(\n      FOCUS_TRAP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { contentRef, role, triggerId } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const { collectionRef: dropdownCollectionRef, getItems } = inject(\n      DROPDOWN_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      onBlur,\n      onFocus,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      dropdownCollectionRef,\n      focusTrapRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const composedKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, code, target } = e\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          e.stopImmediatePropagation()\n        }\n\n        e.preventDefault()\n\n        if (target !== unref(contentRef)) return\n        if (!FIRST_LAST_KEYS.includes(code)) return\n        const items = getItems<{ disabled: boolean }>().filter(\n          (item) => !item.disabled\n        )\n        const targets = items.map((item) => item.ref!)\n        if (LAST_KEYS.includes(code)) {\n          targets.reverse()\n        }\n        focusFirst(targets)\n      }\n    )\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      composedKeydown(e)\n      onKeydown(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","dropdownMenuProps","useGlobalConfig","useNamespace","useDropdown","computed","inject","FOCUS_TRAP_INJECTION_KEY","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","composeRefs","composeEventHandlers","EVENT_CODE","unref","FIRST_LAST_KEYS","LAST_KEYS","focusFirst","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    :role=\"role\"\n    :aria-labelledby=\"triggerId\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown.self=\"onMousedown\"\n  >\n    <slot />\n  </ul>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeEventHandlers, composeRefs } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  focusFirst,\n} from '@element-plus/components/roving-focus-group'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '../../config-provider'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n  dropdownMenuProps,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    if (forEditor.value) {\n      return {\n        size,\n        rovingFocusGroupRootStyle: undefined,\n        tabIndex: undefined,\n        dropdownKls: computed(() => {\n          return [ns.b('menu'), ns.bm('menu', size?.value)]\n        }),\n        role: undefined,\n        triggerId: undefined,\n        dropdownListWrapperRef: undefined,\n        handleKeydown: undefined,\n        onBlur: undefined,\n        onFocus: undefined,\n        onMousedown: undefined,\n      }\n    }\n\n    const { focusTrapRef, onKeydown } = inject(\n      FOCUS_TRAP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { contentRef, role, triggerId } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const { collectionRef: dropdownCollectionRef, getItems } = inject(\n      DROPDOWN_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      onBlur,\n      onFocus,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      dropdownCollectionRef,\n      focusTrapRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const composedKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, code, target } = e\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          e.stopImmediatePropagation()\n        }\n\n        e.preventDefault()\n\n        if (target !== unref(contentRef)) return\n        if (!FIRST_LAST_KEYS.includes(code)) return\n        const items = getItems<{ disabled: boolean }>().filter(\n          (item) => !item.disabled\n        )\n        const targets = items.map((item) => item.ref!)\n        if (LAST_KEYS.includes(code)) {\n          targets.reverse()\n        }\n        focusFirst(targets)\n      }\n    )\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      composedKeydown(e)\n      onKeydown(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      dropdownKls,\n      role,\n      triggerId,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","dropdownMenuProps","useGlobalConfig","useNamespace","useDropdown","computed","inject","FOCUS_TRAP_INJECTION_KEY","DROPDOWN_INJECTION_KEY","DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","composeRefs","composeEventHandlers","EVENT_CODE","unref","FIRST_LAST_KEYS","LAST_KEYS","focusFirst","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_renderSlot"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ require('../../collection/index.js');
 require('../../tooltip/index.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var trigger = require('../../tooltip/src/trigger.js');
-var content = require('../../tooltip/src/content2.js');
+var content = require('../../tooltip/src/content.js');
 var icon = require('../../../utils/vue/icon.js');
 var aria = require('../../../constants/aria.js');
 var collection = require('../../collection/src/collection2.js');

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

@@ -18,7 +18,7 @@ require('../../../hooks/index.js');
 var dropdown = require('./dropdown.js');
 var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group.js');
+var rovingFocusGroup = require('../../roving-focus-group/src/roving-focus-group2.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');
@@ -317,7 +317,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })) : vue.createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/dropdown/src/dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\dropdown\\src\\dropdown.vue"]]);
 
 exports["default"] = Dropdown;
 //# sourceMappingURL=dropdown2.js.map

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

@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/empty/src/empty.vue"]]);
+var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\empty\\src\\empty.vue"]]);
 
 exports["default"] = Empty;
 //# sourceMappingURL=empty.js.map

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

@@ -183,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var ImgEmpty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/empty/src/img-empty.vue"]]);
+var ImgEmpty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\empty\\src\\img-empty.vue"]]);
 
 exports["default"] = ImgEmpty;
 //# sourceMappingURL=img-empty.js.map

package/lib/components/focus-trap/src/focus-trap.js

@@ -259,7 +259,7 @@ const _sfc_main = vue.defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/focus-trap/src/focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\focus-trap\\src\\focus-trap.vue"]]);
 
 exports["default"] = ElFocusTrap;
 //# sourceMappingURL=focus-trap.js.map

package/lib/components/form/index.js

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

package/lib/components/form/src/form-item.js

@@ -2,56 +2,339 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../constants/index.js');
+var vue = require('vue');
+require('../../config-provider/index.js');
+var AsyncValidator = require('async-validator');
+var lodashUnified = require('lodash-unified');
+var core = require('@vueuse/core');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var size = require('../../../constants/size.js');
+require('../../../hooks/index.js');
+require('./hooks/index.js');
+var formItem = require('./form-item2.js');
+var formLabelWrap = require('./form-label-wrap.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
+var useFormCommonProps = require('./hooks/use-form-common-props.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
+var style = require('../../../utils/dom/style.js');
+var types = require('../../../utils/types.js');
+var shared = require('@vue/shared');
+var objects = require('../../../utils/objects.js');
+var forEditor = require('../../config-provider/src/for-editor.js');
 
-const formItemValidateStates = [
-  "",
-  "error",
-  "validating",
-  "success"
-];
-const formItemProps = runtime.buildProps({
-  label: String,
-  labelWidth: {
-    type: [String, Number],
-    default: ""
-  },
-  prop: {
-    type: runtime.definePropType([String, Array])
-  },
-  required: {
-    type: Boolean,
-    default: void 0
-  },
-  rules: {
-    type: runtime.definePropType([Object, Array])
-  },
-  error: String,
-  validateStatus: {
-    type: String,
-    values: formItemValidateStates
-  },
-  for: String,
-  inlineMessage: {
-    type: [String, Boolean],
-    default: ""
-  },
-  showMessage: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    values: size.componentSizes
-  },
-  widget: {
-    type: String
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var AsyncValidator__default = /*#__PURE__*/_interopDefaultLegacy(AsyncValidator);
+
+const _hoisted_1 = ["role", "aria-labelledby", "widget"];
+const _hoisted_2 = ["widget"];
+const __default__ = vue.defineComponent({
+  name: "ElFormItem"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: formItem.formItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const forEditor$1 = useGlobalConfig.useGlobalConfig("forEditor");
+    const slots = vue.useSlots();
+    const formContext = vue.inject(constants.formContextKey, void 0);
+    const parentFormItemContext = vue.inject(constants.formItemContextKey, void 0);
+    const _size = useFormCommonProps.useFormSize(void 0, { formItem: false });
+    const ns = index.useNamespace("form-item");
+    const labelId = index$1.useId().value;
+    const inputIds = vue.ref([]);
+    const validateState = vue.ref("");
+    const validateStateDebounced = core.refDebounced(validateState, 100);
+    const validateMessage = vue.ref("");
+    const formItemRef = vue.ref();
+    let initialValue = void 0;
+    let isResettingField = false;
+    const labelStyle = vue.computed(() => {
+      if ((formContext == null ? void 0 : formContext.labelPosition) === "top") {
+        return {};
+      }
+      const labelWidth = style.addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
+      if (labelWidth)
+        return { width: labelWidth };
+      return {};
+    });
+    const contentStyle = vue.computed(() => {
+      if ((formContext == null ? void 0 : formContext.labelPosition) === "top" || (formContext == null ? void 0 : formContext.inline)) {
+        return {};
+      }
+      if (!props.label && !props.labelWidth && isNested) {
+        return {};
+      }
+      const labelWidth = style.addUnit(props.labelWidth || (formContext == null ? void 0 : formContext.labelWidth) || "");
+      if (!props.label && !slots.label) {
+        return { marginLeft: labelWidth };
+      }
+      return {};
+    });
+    const formItemClasses = vue.computed(() => [
+      ns.b(),
+      ns.m(_size.value),
+      ns.is("error", validateState.value === "error"),
+      ns.is("validating", validateState.value === "validating"),
+      ns.is("success", validateState.value === "success"),
+      ns.is("required", isRequired.value || props.required),
+      ns.is("no-asterisk", formContext == null ? void 0 : formContext.hideRequiredAsterisk),
+      (formContext == null ? void 0 : formContext.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+      { [ns.m("feedback")]: formContext == null ? void 0 : formContext.statusIcon }
+    ]);
+    const _inlineMessage = vue.computed(() => types.isBoolean(props.inlineMessage) ? props.inlineMessage : (formContext == null ? void 0 : formContext.inlineMessage) || false);
+    const validateClasses = vue.computed(() => [
+      ns.e("error"),
+      { [ns.em("error", "inline")]: _inlineMessage.value }
+    ]);
+    const propString = vue.computed(() => {
+      if (!props.prop)
+        return "";
+      return shared.isString(props.prop) ? props.prop : props.prop.join(".");
+    });
+    const hasLabel = vue.computed(() => {
+      return !!(props.label || slots.label);
+    });
+    const labelFor = vue.computed(() => {
+      return props.for || inputIds.value.length === 1 ? inputIds.value[0] : void 0;
+    });
+    const isGroup = vue.computed(() => {
+      return !labelFor.value && hasLabel.value;
+    });
+    const isNested = !!parentFormItemContext;
+    const fieldValue = vue.computed(() => {
+      const model = formContext == null ? void 0 : formContext.model;
+      if (!model || !props.prop) {
+        return;
+      }
+      return objects.getProp(model, props.prop).value;
+    });
+    const normalizedRules = vue.computed(() => {
+      const { required } = props;
+      const rules = [];
+      if (props.rules) {
+        rules.push(...lodashUnified.castArray(props.rules));
+      }
+      const formRules = formContext == null ? void 0 : formContext.rules;
+      if (formRules && props.prop) {
+        const _rules = objects.getProp(formRules, props.prop).value;
+        if (_rules) {
+          rules.push(...lodashUnified.castArray(_rules));
+        }
+      }
+      if (required !== void 0) {
+        const requiredRules = rules.map((rule, i) => [rule, i]).filter(([rule]) => Object.keys(rule).includes("required"));
+        if (requiredRules.length > 0) {
+          for (const [rule, i] of requiredRules) {
+            if (rule.required === required)
+              continue;
+            rules[i] = { ...rule, required };
+          }
+        } else {
+          rules.push({ required });
+        }
+      }
+      return rules;
+    });
+    const validateEnabled = vue.computed(() => normalizedRules.value.length > 0);
+    const getFilteredRule = (trigger) => {
+      const rules = normalizedRules.value;
+      return rules.filter((rule) => {
+        if (!rule.trigger || !trigger)
+          return true;
+        if (Array.isArray(rule.trigger)) {
+          return rule.trigger.includes(trigger);
+        } else {
+          return rule.trigger === trigger;
+        }
+      }).map(({ trigger: trigger2, ...rule }) => rule);
+    };
+    const isRequired = vue.computed(() => normalizedRules.value.some((rule) => rule.required));
+    const shouldShowError = vue.computed(() => {
+      var _a;
+      return validateStateDebounced.value === "error" && props.showMessage && ((_a = formContext == null ? void 0 : formContext.showMessage) != null ? _a : true);
+    });
+    const currentLabel = vue.computed(() => `${props.label || ""}${(formContext == null ? void 0 : formContext.labelSuffix) || ""}`);
+    const setValidationState = (state) => {
+      validateState.value = state;
+    };
+    const onValidationFailed = (error) => {
+      var _a, _b;
+      const { errors, fields } = error;
+      if (!errors || !fields) {
+        console.error(error);
+      }
+      setValidationState("error");
+      validateMessage.value = errors ? (_b = (_a = errors == null ? void 0 : errors[0]) == null ? void 0 : _a.message) != null ? _b : `${props.prop} is required` : "";
+      formContext == null ? void 0 : formContext.emit("validate", props.prop, false, validateMessage.value);
+    };
+    const onValidationSucceeded = () => {
+      setValidationState("success");
+      formContext == null ? void 0 : formContext.emit("validate", props.prop, true, "");
+    };
+    const doValidate = async (rules) => {
+      const modelName = propString.value;
+      const validator = new AsyncValidator__default["default"]({
+        [modelName]: rules
+      });
+      return validator.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
+        onValidationSucceeded();
+        return true;
+      }).catch((err) => {
+        onValidationFailed(err);
+        return Promise.reject(err);
+      });
+    };
+    const validate = async (trigger, callback) => {
+      if (isResettingField || !props.prop) {
+        return false;
+      }
+      const hasCallback = shared.isFunction(callback);
+      if (!validateEnabled.value) {
+        callback == null ? void 0 : callback(false);
+        return false;
+      }
+      const rules = getFilteredRule(trigger);
+      if (rules.length === 0) {
+        callback == null ? void 0 : callback(true);
+        return true;
+      }
+      setValidationState("validating");
+      return doValidate(rules).then(() => {
+        callback == null ? void 0 : callback(true);
+        return true;
+      }).catch((err) => {
+        const { fields } = err;
+        callback == null ? void 0 : callback(false, fields);
+        return hasCallback ? false : Promise.reject(fields);
+      });
+    };
+    const clearValidate = () => {
+      setValidationState("");
+      validateMessage.value = "";
+      isResettingField = false;
+    };
+    const resetField = async () => {
+      const model = formContext == null ? void 0 : formContext.model;
+      if (!model || !props.prop)
+        return;
+      const computedValue = objects.getProp(model, props.prop);
+      isResettingField = true;
+      computedValue.value = lodashUnified.clone(initialValue);
+      await vue.nextTick();
+      clearValidate();
+      isResettingField = false;
+    };
+    const addInputId = (id) => {
+      if (!inputIds.value.includes(id)) {
+        inputIds.value.push(id);
+      }
+    };
+    const removeInputId = (id) => {
+      inputIds.value = inputIds.value.filter((listId) => listId !== id);
+    };
+    forEditor.watch(() => props.error, (val) => {
+      validateMessage.value = val || "";
+      setValidationState(val ? "error" : "");
+    }, { immediate: true });
+    forEditor.watch(() => props.validateStatus, (val) => setValidationState(val || ""));
+    const context = vue.reactive({
+      ...vue.toRefs(props),
+      $el: formItemRef,
+      size: _size,
+      validateState,
+      labelId,
+      inputIds,
+      isGroup,
+      hasLabel,
+      addInputId,
+      removeInputId,
+      resetField,
+      clearValidate,
+      validate
+    });
+    vue.provide(constants.formItemContextKey, context);
+    vue.onMounted(() => {
+      if (props.prop) {
+        formContext == null ? void 0 : formContext.addField(context);
+        initialValue = lodashUnified.clone(fieldValue.value);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      formContext == null ? void 0 : formContext.removeField(context);
+    });
+    expose({
+      size: _size,
+      validateMessage,
+      validateState,
+      validate,
+      clearValidate,
+      resetField
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        class: vue.normalizeClass(vue.unref(formItemClasses)),
+        role: vue.unref(isGroup) ? "group" : void 0,
+        "aria-labelledby": vue.unref(isGroup) ? vue.unref(labelId) : void 0,
+        widget: _ctx.widget
+      }, [
+        vue.createVNode(vue.unref(formLabelWrap["default"]), {
+          "is-auto-width": vue.unref(labelStyle).width === "auto",
+          "update-all": ((_a = vue.unref(formContext)) == null ? void 0 : _a.labelWidth) === "auto"
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(hasLabel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(labelFor) ? "label" : "div"), {
+              key: 0,
+              id: vue.unref(labelId),
+              for: vue.unref(labelFor),
+              class: vue.normalizeClass(vue.unref(ns).e("label")),
+              style: vue.normalizeStyle(vue.unref(labelStyle)),
+              widget: _ctx.widget ? "form-item:label:" + _ctx.widget.split(":")[1] : void 0
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "label", { label: vue.unref(currentLabel) }, () => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(currentLabel)), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["id", "for", "class", "style", "widget"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 8, ["is-auto-width", "update-all"]),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("content")),
+          style: vue.normalizeStyle(vue.unref(contentStyle)),
+          widget: _ctx.widget ? "form-item:default:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(vue.TransitionGroup, {
+            duration: vue.unref(forEditor$1) ? -1 : 0,
+            name: `${vue.unref(ns).namespace.value}-zoom-in-top`
+          }, {
+            default: vue.withCtx(() => [
+              vue.unref(shouldShowError) ? vue.renderSlot(_ctx.$slots, "error", {
+                key: 0,
+                error: validateMessage.value
+              }, () => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(validateClasses))
+                }, vue.toDisplayString(validateMessage.value), 3)
+              ]) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["duration", "name"])
+        ], 14, _hoisted_2)
+      ], 10, _hoisted_1);
+    };
   }
 });
+var FormItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\form\\src\\form-item.vue"]]);
 
-exports.formItemProps = formItemProps;
-exports.formItemValidateStates = formItemValidateStates;
+exports["default"] = FormItem;
 //# sourceMappingURL=form-item.js.map