@element-plus/nightly 0.0.20260103 → 0.0.20260104

package/es/components/input-tag/src/input-tag2.mjs

@@ -1,87 +1,349 @@
-import { tagProps } from '../../tag/src/tag.mjs';
-import { CircleClose } from '@element-plus/icons-vue';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
-import { isArray, isString } from '@vue/shared';
-import { isUndefined, isNumber } from '../../../utils/types.mjs';
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, withDirectives, mergeProps, isRef, vModelText, vShow, resolveDynamicComponent } from 'vue';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElTag } from '../../tag/index.mjs';
+import { inputTagProps, inputTagEmits } from './input-tag.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useInputTag } from './composables/use-input-tag.mjs';
+import { useHovering } from './composables/use-hovering.mjs';
+import { useDragTag } from './composables/use-drag-tag.mjs';
+import { useInputTagDom } from './composables/use-input-tag-dom.mjs';
+import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
+import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
+import { ValidateComponentsMap } from '../../../utils/vue/icon.mjs';
+import { useCalcInputWidth } from '../../../hooks/use-calc-input-width/index.mjs';
+import { NOOP } from '@vue/shared';
 
-const inputTagProps = buildProps({
-  modelValue: {
-    type: definePropType(Array)
+const _hoisted_1 = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel"];
+const _hoisted_2 = ["textContent"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElInputTag",
+    inheritAttrs: false
   },
-  max: Number,
-  tagType: { ...tagProps.type, default: "info" },
-  tagEffect: tagProps.effect,
-  trigger: {
-    type: definePropType(String),
-    default: EVENT_CODE.enter
-  },
-  draggable: Boolean,
-  delimiter: {
-    type: [String, RegExp],
-    default: ""
-  },
-  size: useSizeProp,
-  clearable: Boolean,
-  clearIcon: {
-    type: iconPropType,
-    default: CircleClose
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  readonly: Boolean,
-  autofocus: Boolean,
-  id: {
-    type: String,
-    default: void 0
-  },
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  maxlength: {
-    type: [String, Number]
-  },
-  minlength: {
-    type: [String, Number]
-  },
-  placeholder: String,
-  autocomplete: {
-    type: definePropType(String),
-    default: "off"
-  },
-  saveOnBlur: {
-    type: Boolean,
-    default: true
-  },
-  collapseTags: Boolean,
-  collapseTagsTooltip: Boolean,
-  maxCollapseTags: {
-    type: Number,
-    default: 1
-  },
-  ariaLabel: String
+  __name: "input-tag",
+  props: inputTagProps,
+  emits: inputTagEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const { form, formItem } = useFormItem();
+    const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
+    const needStatusIcon = computed(() => {
+      var _a;
+      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+    });
+    const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+    const validateIcon = computed(() => {
+      return validateState.value && ValidateComponentsMap[validateState.value];
+    });
+    const {
+      inputRef,
+      wrapperRef,
+      tagTooltipRef,
+      isFocused,
+      inputValue,
+      size,
+      tagSize,
+      placeholder,
+      closable,
+      disabled,
+      showTagList,
+      collapseTagList,
+      handleDragged,
+      handleInput,
+      handleKeydown,
+      handleKeyup,
+      handleRemoveTag,
+      handleClear,
+      handleCompositionStart,
+      handleCompositionUpdate,
+      handleCompositionEnd,
+      focus,
+      blur
+    } = useInputTag({ props, emit, formItem });
+    const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
+    const { calculatorRef, inputStyle } = useCalcInputWidth();
+    const {
+      dropIndicatorRef,
+      showDropIndicator,
+      handleDragStart,
+      handleDragOver,
+      handleDragEnd
+    } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
+    const {
+      ns,
+      nsInput,
+      containerKls,
+      containerStyle,
+      innerKls,
+      showClear,
+      showSuffix,
+      tagStyle,
+      collapseItemRef,
+      innerRef
+    } = useInputTagDom({
+      props,
+      hovering,
+      isFocused,
+      inputValue,
+      disabled,
+      size,
+      validateState,
+      validateIcon,
+      needStatusIcon
+    });
+    __expose({
+      focus,
+      blur
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: normalizeClass(unref(containerKls)),
+          style: normalizeStyle(unref(containerStyle)),
+          onMouseenter: _cache[8] || (_cache[8] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
+          onMouseleave: _cache[9] || (_cache[9] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args))
+        },
+        [
+          unref(slots).prefix ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("prefix"))
+            },
+            [
+              renderSlot(_ctx.$slots, "prefix")
+            ],
+            2
+          )) : createCommentVNode("v-if", true),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "innerRef",
+              ref: innerRef,
+              class: normalizeClass(unref(innerKls))
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(showTagList), (item, index) => {
+                  return openBlock(), createBlock(unref(ElTag), {
+                    key: index,
+                    size: unref(tagSize),
+                    closable: unref(closable),
+                    type: _ctx.tagType,
+                    effect: _ctx.tagEffect,
+                    draggable: unref(closable) && _ctx.draggable,
+                    style: normalizeStyle(unref(tagStyle)),
+                    "disable-transitions": "",
+                    onClose: ($event) => unref(handleRemoveTag)(index),
+                    onDragstart: (event) => unref(handleDragStart)(event, index),
+                    onDragover: (event) => unref(handleDragOver)(event, index),
+                    onDragend: unref(handleDragEnd),
+                    onDrop: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "tag", {
+                        value: item,
+                        index
+                      }, () => [
+                        createTextVNode(
+                          toDisplayString(item),
+                          1
+                        )
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["size", "closable", "type", "effect", "draggable", "style", "onClose", "onDragstart", "onDragover", "onDragend"]);
+                }),
+                128
+              )),
+              _ctx.collapseTags && _ctx.modelValue && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(unref(ElTooltip), {
+                key: 0,
+                ref_key: "tagTooltipRef",
+                ref: tagTooltipRef,
+                disabled: !_ctx.collapseTagsTooltip,
+                "fallback-placements": ["bottom", "top", "right", "left"],
+                effect: _ctx.tagEffect,
+                placement: "bottom"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      ref_key: "collapseItemRef",
+                      ref: collapseItemRef
+                    },
+                    [
+                      createVNode(unref(ElTag), {
+                        closable: false,
+                        size: unref(tagSize),
+                        type: _ctx.tagType,
+                        effect: _ctx.tagEffect,
+                        "disable-transitions": ""
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            " + " + toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags),
+                            1
+                          )
+                        ]),
+                        _: 1
+                      }, 8, ["size", "type", "effect"])
+                    ],
+                    512
+                  )
+                ]),
+                content: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(ns).e("input-tag-list"))
+                    },
+                    [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(unref(collapseTagList), (item, index) => {
+                          return openBlock(), createBlock(unref(ElTag), {
+                            key: index,
+                            size: unref(tagSize),
+                            closable: unref(closable),
+                            type: _ctx.tagType,
+                            effect: _ctx.tagEffect,
+                            "disable-transitions": "",
+                            onClose: ($event) => unref(handleRemoveTag)(index + _ctx.maxCollapseTags)
+                          }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "tag", {
+                                value: item,
+                                index: index + _ctx.maxCollapseTags
+                              }, () => [
+                                createTextVNode(
+                                  toDisplayString(item),
+                                  1
+                                )
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["size", "closable", "type", "effect", "onClose"]);
+                        }),
+                        128
+                      ))
+                    ],
+                    2
+                  )
+                ]),
+                _: 3
+              }, 8, ["disabled", "effect"])) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).e("input-wrapper"))
+                },
+                [
+                  withDirectives(createElementVNode("input", mergeProps({
+                    id: unref(inputId),
+                    ref_key: "inputRef",
+                    ref: inputRef,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(inputValue) ? inputValue.value = $event : null)
+                  }, unref(attrs), {
+                    type: "text",
+                    minlength: _ctx.minlength,
+                    maxlength: _ctx.maxlength,
+                    disabled: unref(disabled),
+                    readonly: _ctx.readonly,
+                    autocomplete: _ctx.autocomplete,
+                    tabindex: _ctx.tabindex,
+                    placeholder: unref(placeholder),
+                    autofocus: _ctx.autofocus,
+                    ariaLabel: _ctx.ariaLabel,
+                    class: unref(ns).e("input"),
+                    style: unref(inputStyle),
+                    onCompositionstart: _cache[2] || (_cache[2] = (...args) => unref(handleCompositionStart) && unref(handleCompositionStart)(...args)),
+                    onCompositionupdate: _cache[3] || (_cache[3] = (...args) => unref(handleCompositionUpdate) && unref(handleCompositionUpdate)(...args)),
+                    onCompositionend: _cache[4] || (_cache[4] = (...args) => unref(handleCompositionEnd) && unref(handleCompositionEnd)(...args)),
+                    onInput: _cache[5] || (_cache[5] = (...args) => unref(handleInput) && unref(handleInput)(...args)),
+                    onKeydown: _cache[6] || (_cache[6] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args)),
+                    onKeyup: _cache[7] || (_cache[7] = (...args) => unref(handleKeyup) && unref(handleKeyup)(...args))
+                  }), null, 16, _hoisted_1), [
+                    [vModelText, unref(inputValue)]
+                  ]),
+                  createElementVNode("span", {
+                    ref_key: "calculatorRef",
+                    ref: calculatorRef,
+                    "aria-hidden": "true",
+                    class: normalizeClass(unref(ns).e("input-calculator")),
+                    textContent: toDisplayString(unref(inputValue))
+                  }, null, 10, _hoisted_2)
+                ],
+                2
+              ),
+              withDirectives(createElementVNode(
+                "div",
+                {
+                  ref_key: "dropIndicatorRef",
+                  ref: dropIndicatorRef,
+                  class: normalizeClass(unref(ns).e("drop-indicator"))
+                },
+                null,
+                2
+              ), [
+                [vShow, unref(showDropIndicator)]
+              ])
+            ],
+            2
+          ),
+          unref(showSuffix) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: normalizeClass(unref(ns).e("suffix"))
+            },
+            [
+              renderSlot(_ctx.$slots, "suffix"),
+              unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass([unref(ns).e("icon"), unref(ns).e("clear")]),
+                onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+                onClick: unref(handleClear)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onMousedown", "onClick"])) : createCommentVNode("v-if", true),
+              validateState.value && validateIcon.value && needStatusIcon.value ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 1,
+                class: normalizeClass([
+                  unref(nsInput).e("icon"),
+                  unref(nsInput).e("validateIcon"),
+                  unref(nsInput).is("loading", validateState.value === "validating")
+                ])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(validateIcon.value)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
+        ],
+        38
+      );
+    };
+  }
 });
-const inputTagEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isArray(value) || isUndefined(value),
-  [CHANGE_EVENT]: (value) => isArray(value) || isUndefined(value),
-  [INPUT_EVENT]: (value) => isString(value),
-  "add-tag": (value) => isString(value) || isArray(value),
-  "remove-tag": (value, index) => isString(value) && isNumber(index),
-  "drag-tag": (oldIndex, newIndex, value) => isNumber(oldIndex) && isNumber(newIndex) && isString(value),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true
-};
+var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-tag/src/input-tag.vue"]]);
 
-export { inputTagEmits, inputTagProps };
+export { InputTag as default };
 //# sourceMappingURL=input-tag2.mjs.map

package/es/components/input-tag/src/input-tag2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-tag2.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isArray,\n  isNumber,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { tagProps } from '@element-plus/components/tag/src/tag'\nimport { CircleClose } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const inputTagProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string[]>(Array),\n  },\n  /**\n   * @description max number tags that can be enter\n   */\n  max: Number,\n  /**\n   * @description tag type\n   */\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: tagProps.effect,\n  /**\n   * @description the key to trigger input tag\n   */\n  trigger: {\n    type: definePropType<'Enter' | 'Space'>(String),\n    default: EVENT_CODE.enter,\n  },\n  /**\n   * @description whether tags can be dragged\n   */\n  draggable: Boolean,\n  /**\n   * @description add a tag when a delimiter is matched\n   */\n  delimiter: {\n    type: [String, RegExp],\n    default: '',\n  },\n  /**\n   * @description input box size\n   */\n  size: useSizeProp,\n  /**\n   * @description whether to show clear button\n   */\n  clearable: Boolean,\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description whether to disable input-tag\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description native input readonly\n   */\n  readonly: Boolean,\n  /**\n   * @description native input autofocus\n   */\n  autofocus: Boolean,\n  /**\n   * @description same as `id` in native input\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description same as `tabindex` in native input\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n  /**\n   * @description same as `maxlength` in native input\n   */\n  maxlength: {\n    type: [String, Number],\n  },\n  /**\n   * @description same as `minlength` in native input\n   */\n  minlength: {\n    type: [String, Number],\n  },\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description native input autocomplete\n   */\n  autocomplete: {\n    type: definePropType<HTMLInputElement['autocomplete']>(String),\n    default: 'off',\n  },\n  /**\n   * @description whether to save the input value when the input loses focus\n   */\n  saveOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags to a text\n   */\n  collapseTags: Boolean,\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description the max tags number to be shown. To use this, `collapse-tags` must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel: String,\n} as const)\nexport type InputTagProps = ExtractPropTypes<typeof inputTagProps>\nexport type InputTagPropsPublic = ExtractPublicPropTypes<typeof inputTagProps>\n\nexport const inputTagEmits = {\n  [UPDATE_MODEL_EVENT]: (value?: string[]) =>\n    isArray(value) || isUndefined(value),\n  [CHANGE_EVENT]: (value?: string[]) => isArray(value) || isUndefined(value),\n  [INPUT_EVENT]: (value: string) => isString(value),\n  'add-tag': (value: string | string[]) => isString(value) || isArray(value),\n  'remove-tag': (value: string, index: number) =>\n    isString(value) && isNumber(index),\n  'drag-tag': (oldIndex: number, newIndex: number, value: string) =>\n    isNumber(oldIndex) && isNumber(newIndex) && isString(value),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n}\nexport type InputTagEmits = typeof inputTagEmits\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-tag2.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"containerKls\"\n    :style=\"containerStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div v-if=\"slots.prefix\" :class=\"ns.e('prefix')\">\n      <slot name=\"prefix\" />\n    </div>\n    <div ref=\"innerRef\" :class=\"innerKls\">\n      <el-tag\n        v-for=\"(item, index) in showTagList\"\n        :key=\"index\"\n        :size=\"tagSize\"\n        :closable=\"closable\"\n        :type=\"tagType\"\n        :effect=\"tagEffect\"\n        :draggable=\"closable && draggable\"\n        :style=\"tagStyle\"\n        disable-transitions\n        @close=\"handleRemoveTag(index)\"\n        @dragstart=\"(event: DragEvent) => handleDragStart(event, index)\"\n        @dragover=\"(event: DragEvent) => handleDragOver(event, index)\"\n        @dragend=\"handleDragEnd\"\n        @drop.stop\n      >\n        <slot name=\"tag\" :value=\"item\" :index=\"index\">\n          {{ item }}\n        </slot>\n      </el-tag>\n      <el-tooltip\n        v-if=\"collapseTags && modelValue && modelValue.length > maxCollapseTags\"\n        ref=\"tagTooltipRef\"\n        :disabled=\"!collapseTagsTooltip\"\n        :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n        :effect=\"tagEffect\"\n        placement=\"bottom\"\n      >\n        <template #default>\n          <div ref=\"collapseItemRef\">\n            <el-tag\n              :closable=\"false\"\n              :size=\"tagSize\"\n              :type=\"tagType\"\n              :effect=\"tagEffect\"\n              disable-transitions\n            >\n              + {{ modelValue.length - maxCollapseTags }}\n            </el-tag>\n          </div>\n        </template>\n        <template #content>\n          <div :class=\"ns.e('input-tag-list')\">\n            <el-tag\n              v-for=\"(item, index) in collapseTagList\"\n              :key=\"index\"\n              :size=\"tagSize\"\n              :closable=\"closable\"\n              :type=\"tagType\"\n              :effect=\"tagEffect\"\n              disable-transitions\n              @close=\"handleRemoveTag(index + maxCollapseTags)\"\n            >\n              <slot name=\"tag\" :value=\"item\" :index=\"index + maxCollapseTags\">\n                {{ item }}\n              </slot>\n            </el-tag>\n          </div>\n        </template>\n      </el-tooltip>\n      <div :class=\"ns.e('input-wrapper')\">\n        <input\n          :id=\"inputId\"\n          ref=\"inputRef\"\n          v-model=\"inputValue\"\n          v-bind=\"attrs\"\n          type=\"text\"\n          :minlength=\"minlength\"\n          :maxlength=\"maxlength\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :placeholder=\"placeholder\"\n          :autofocus=\"autofocus\"\n          :ariaLabel=\"ariaLabel\"\n          :class=\"ns.e('input')\"\n          :style=\"inputStyle\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @keydown=\"handleKeydown\"\n          @keyup=\"handleKeyup\"\n        />\n        <span\n          ref=\"calculatorRef\"\n          aria-hidden=\"true\"\n          :class=\"ns.e('input-calculator')\"\n          v-text=\"inputValue\"\n        />\n      </div>\n      <div\n        v-show=\"showDropIndicator\"\n        ref=\"dropIndicatorRef\"\n        :class=\"ns.e('drop-indicator')\"\n      />\n    </div>\n    <div v-if=\"showSuffix\" :class=\"ns.e('suffix')\">\n      <slot name=\"suffix\" />\n      <el-icon\n        v-if=\"showClear\"\n        :class=\"[ns.e('icon'), ns.e('clear')]\"\n        @mousedown.prevent=\"NOOP\"\n        @click=\"handleClear\"\n      >\n        <component :is=\"clearIcon\" />\n      </el-icon>\n      <el-icon\n        v-if=\"validateState && validateIcon && needStatusIcon\"\n        :class=\"[\n          nsInput.e('icon'),\n          nsInput.e('validateIcon'),\n          nsInput.is('loading', validateState === 'validating'),\n        ]\"\n      >\n        <component :is=\"validateIcon\" />\n      </el-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useAttrs, useCalcInputWidth } from '@element-plus/hooks'\nimport { NOOP, ValidateComponentsMap } from '@element-plus/utils'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTag from '@element-plus/components/tag'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { inputTagEmits, inputTagProps } from './input-tag'\nimport {\n  useDragTag,\n  useHovering,\n  useInputTag,\n  useInputTagDom,\n} from './composables'\n\ndefineOptions({\n  name: 'ElInputTag',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(inputTagProps)\nconst emit = defineEmits(inputTagEmits)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\nconst { form, formItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, { formItemContext: formItem })\n\nconst needStatusIcon = computed(() => form?.statusIcon ?? false)\nconst validateState = computed(() => formItem?.validateState || '')\nconst validateIcon = computed(() => {\n  return validateState.value && ValidateComponentsMap[validateState.value]\n})\n\nconst {\n  inputRef,\n  wrapperRef,\n  tagTooltipRef,\n  isFocused,\n  inputValue,\n  size,\n  tagSize,\n  placeholder,\n  closable,\n  disabled,\n  showTagList,\n  collapseTagList,\n  handleDragged,\n  handleInput,\n  handleKeydown,\n  handleKeyup,\n  handleRemoveTag,\n  handleClear,\n  handleCompositionStart,\n  handleCompositionUpdate,\n  handleCompositionEnd,\n  focus,\n  blur,\n} = useInputTag({ props, emit, formItem })\nconst { hovering, handleMouseEnter, handleMouseLeave } = useHovering()\nconst { calculatorRef, inputStyle } = useCalcInputWidth()\nconst {\n  dropIndicatorRef,\n  showDropIndicator,\n  handleDragStart,\n  handleDragOver,\n  handleDragEnd,\n} = useDragTag({ wrapperRef, handleDragged, afterDragged: focus })\nconst {\n  ns,\n  nsInput,\n  containerKls,\n  containerStyle,\n  innerKls,\n  showClear,\n  showSuffix,\n  tagStyle,\n  collapseItemRef,\n  innerRef,\n} = useInputTagDom({\n  props,\n  hovering,\n  isFocused,\n  inputValue,\n  disabled,\n  size,\n  validateState,\n  validateIcon,\n  needStatusIcon,\n})\n\ndefineExpose({\n  focus,\n  blur,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_renderSlot","_createElementVNode","_Fragment","_renderList","_createBlock","tagType","tagEffect","draggable","_withModifiers","_createTextVNode","collapseTags","modelValue","maxCollapseTags","collapseTagsTooltip","_withCtx","_createVNode","_toDisplayString","_withDirectives","_mergeProps","_isRef","minlength","maxlength","readonly","autocomplete","tabindex","autofocus","ariaLabel","_resolveDynamicComponent","clearIcon"],"mappings":"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"}

package/es/components/menu/index.mjs

@@ -1,11 +1,11 @@
 import Menu from './src/menu.mjs';
 export { menuEmits, menuProps } from './src/menu.mjs';
 import MenuItem from './src/menu-item2.mjs';
-import MenuItemGroup from './src/menu-item-group2.mjs';
+import MenuItemGroup from './src/menu-item-group.mjs';
 import SubMenu from './src/sub-menu.mjs';
 export { subMenuProps } from './src/sub-menu.mjs';
 export { menuItemEmits, menuItemProps } from './src/menu-item.mjs';
-export { menuItemGroupProps } from './src/menu-item-group.mjs';
+export { menuItemGroupProps } from './src/menu-item-group2.mjs';
 export { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './src/tokens.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

package/es/components/menu/src/menu-item-group.mjs

@@ -1,6 +1,53 @@
-const menuItemGroupProps = {
-  title: String
-};
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { menuItemGroupProps } from './menu-item-group2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-export { menuItemGroupProps };
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElMenuItemGroup"
+  },
+  __name: "menu-item-group",
+  props: menuItemGroupProps,
+  setup(__props) {
+    const ns = useNamespace("menu-item-group");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "li",
+        {
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("title"))
+            },
+            [
+              !_ctx.$slots.title ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(_ctx.title),
+                    1
+                  )
+                ],
+                64
+              )) : renderSlot(_ctx.$slots, "title", { key: 1 })
+            ],
+            2
+          ),
+          createElementVNode("ul", null, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ],
+        2
+      );
+    };
+  }
+});
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item-group.vue"]]);
+
+export { MenuItemGroup as default };
 //# sourceMappingURL=menu-item-group.mjs.map

package/es/components/menu/src/menu-item-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  /**\n   * @description group title\n   */\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\nexport type MenuItemGroupPropsPublic = ExtractPublicPropTypes<\n  typeof menuItemGroupProps\n>\n"],"names":[],"mappings":"AAEO,MAAM,kBAAqB,GAAA;AAAA,EAIhC,KAAO,EAAA,MAAA;AACT;;;;"}
+{"version":3,"file":"menu-item-group.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\ndefineOptions({\n  name: 'ElMenuItemGroup',\n})\ndefineProps(menuItemGroupProps)\nconst ns = useNamespace('menu-item-group')\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","$slots","_Fragment","_createTextVNode","title","_renderSlot"],"mappings":";;;;;;;;;;;;AAoBM,IAAA,MAAA,EAAA,GAAK,aAAa,iBAAiB,CAAA,CAAA;;AAnBvC,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAQK,IAAA;AAAA,QAAA;AAAA,UARA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACdC,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACEE,CAAAA,IAAAA,CAAAA,MAAO,CAAA,KAAA,IAAxBL,WAAA,EAAAC,kBAAA;AAAA,gBAAqDK,QAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBAAAC,eAAA;AAAA,oCAAnBC,KAAK,KAAA,CAAA;AAAA,oBAAA,CAAA;AAAA,mBAAA;AAAA,iBAAA;AAAA;mBACvCC,WAA4B,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,GAAA,EAAA,GAAA,CAAA;AAAA,aAAA;AAAA;;UAE9BL,kBAAA,CAEK,MAAA,IAAA,EAAA;AAAA,YADHK,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/menu/src/menu-item-group2.mjs

@@ -1,53 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue';
-import { menuItemGroupProps } from './menu-item-group.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+const menuItemGroupProps = {
+  title: String
+};
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElMenuItemGroup"
-  },
-  __name: "menu-item-group",
-  props: menuItemGroupProps,
-  setup(__props) {
-    const ns = useNamespace("menu-item-group");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "li",
-        {
-          class: normalizeClass(unref(ns).b())
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("title"))
-            },
-            [
-              !_ctx.$slots.title ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createTextVNode(
-                    toDisplayString(_ctx.title),
-                    1
-                  )
-                ],
-                64
-              )) : renderSlot(_ctx.$slots, "title", { key: 1 })
-            ],
-            2
-          ),
-          createElementVNode("ul", null, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ],
-        2
-      );
-    };
-  }
-});
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item-group.vue"]]);
-
-export { MenuItemGroup as default };
+export { menuItemGroupProps };
 //# sourceMappingURL=menu-item-group2.mjs.map

package/es/components/menu/src/menu-item-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\ndefineOptions({\n  name: 'ElMenuItemGroup',\n})\ndefineProps(menuItemGroupProps)\nconst ns = useNamespace('menu-item-group')\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","$slots","_Fragment","_createTextVNode","title","_renderSlot"],"mappings":";;;;;;;;;;;;AAoBM,IAAA,MAAA,EAAA,GAAK,aAAa,iBAAiB,CAAA,CAAA;;AAnBvC,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAQK,IAAA;AAAA,QAAA;AAAA,UARA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACdC,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACEE,CAAAA,IAAAA,CAAAA,MAAO,CAAA,KAAA,IAAxBL,WAAA,EAAAC,kBAAA;AAAA,gBAAqDK,QAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBAAAC,eAAA;AAAA,oCAAnBC,KAAK,KAAA,CAAA;AAAA,oBAAA,CAAA;AAAA,mBAAA;AAAA,iBAAA;AAAA;mBACvCC,WAA4B,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,GAAA,EAAA,GAAA,CAAA;AAAA,aAAA;AAAA;;UAE9BL,kBAAA,CAEK,MAAA,IAAA,EAAA;AAAA,YADHK,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"menu-item-group2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  /**\n   * @description group title\n   */\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\nexport type MenuItemGroupPropsPublic = ExtractPublicPropTypes<\n  typeof menuItemGroupProps\n>\n"],"names":[],"mappings":"AAEO,MAAM,kBAAqB,GAAA;AAAA,EAIhC,KAAO,EAAA,MAAA;AACT;;;;"}

package/es/components/message/index.mjs

@@ -1,5 +1,5 @@
 import message from './src/method.mjs';
-export { MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messageEmits, messagePlacement, messageProps, messageTypes } from './src/message2.mjs';
+export { MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messageEmits, messagePlacement, messageProps, messageTypes } from './src/message.mjs';
 import { withInstallFunction } from '../../utils/vue/install.mjs';
 
 const ElMessage = withInstallFunction(message, "$message");