@element-plus/nightly 0.0.20260103 → 0.0.20260104

package/lib/components/input-tag/src/input-tag2.js

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

package/lib/components/input-tag/src/input-tag2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-tag2.js","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":["buildProps","definePropType","tagProps","EVENT_CODE","useSizeProp","iconPropType","CircleClose","UPDATE_MODEL_EVENT","isArray","isUndefined","CHANGE_EVENT","INPUT_EVENT","isString","isNumber"],"mappings":"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"}
+{"version":3,"file":"input-tag2.js","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":["useAttrs","useSlots","useFormItem","useFormItemInputId","computed","ValidateComponentsMap","useInputTag","useHovering","useCalcInputWidth","useDragTag","useInputTagDom","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_renderSlot","_createElementVNode","_Fragment","_renderList","_createBlock","ElTag","tagType","tagEffect","draggable","_withModifiers","_createTextVNode","collapseTags","modelValue","maxCollapseTags","ElTooltip","collapseTagsTooltip","_withCtx","_createVNode","_toDisplayString","_withDirectives","_mergeProps","_isRef","minlength","maxlength","readonly","autocomplete","tabindex","autofocus","ariaLabel","ElIcon","NOOP","_resolveDynamicComponent","clearIcon"],"mappings":"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"}

package/lib/components/menu/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var menu = require('./src/menu.js');
 var menuItem$1 = require('./src/menu-item2.js');
-var menuItemGroup$1 = require('./src/menu-item-group2.js');
+var menuItemGroup$1 = require('./src/menu-item-group.js');
 var subMenu = require('./src/sub-menu.js');
 var menuItem = require('./src/menu-item.js');
-var menuItemGroup = require('./src/menu-item-group.js');
+var menuItemGroup = require('./src/menu-item-group2.js');
 var tokens = require('./src/tokens.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/menu/src/menu-item-group.js

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

package/lib/components/menu/src/menu-item-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.js","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.js","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":["useNamespace","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","$slots","_Fragment","_createTextVNode","title","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAoBM,IAAA,MAAA,EAAA,GAAKA,mBAAa,iBAAiB,CAAA,CAAA;;AAnBvC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAQK,IAAA;AAAA,QAAA;AAAA,UARA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACdC,sBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACEE,CAAAA,IAAAA,CAAAA,MAAO,CAAA,KAAA,IAAxBL,eAAA,EAAAC,sBAAA;AAAA,gBAAqDK,YAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBAAAC,mBAAA;AAAA,wCAAnBC,KAAK,KAAA,CAAA;AAAA,oBAAA,CAAA;AAAA,mBAAA;AAAA,iBAAA;AAAA;mBACvCC,eAA4B,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,GAAA,EAAA,GAAA,CAAA;AAAA,aAAA;AAAA;;UAE9BL,sBAAA,CAEK,MAAA,IAAA,EAAA;AAAA,YADHK,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

package/lib/components/menu/src/menu-item-group2.js

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

package/lib/components/menu/src/menu-item-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group2.js","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":["useNamespace","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","$slots","_Fragment","_createTextVNode","title","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAoBM,IAAA,MAAA,EAAA,GAAKA,mBAAa,iBAAiB,CAAA,CAAA;;AAnBvC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAQK,IAAA;AAAA,QAAA;AAAA,UARA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACdC,sBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACEE,CAAAA,IAAAA,CAAAA,MAAO,CAAA,KAAA,IAAxBL,eAAA,EAAAC,sBAAA;AAAA,gBAAqDK,YAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBAAAC,mBAAA;AAAA,wCAAnBC,KAAK,KAAA,CAAA;AAAA,oBAAA,CAAA;AAAA,mBAAA;AAAA,iBAAA;AAAA;mBACvCC,eAA4B,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,GAAA,EAAA,GAAA,CAAA;AAAA,aAAA;AAAA;;UAE9BL,sBAAA,CAEK,MAAA,IAAA,EAAA;AAAA,YADHK,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"menu-item-group2.js","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;;;;"}