code-monkey-ui 1.1.6-alpha.1 → 1.1.6-alpha.3

package/es/components/backtop/src/backtop.mjs

@@ -1,24 +1,57 @@
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
+import { defineComponent, computed, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { CaretTop } from '@element-plus/icons-vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { backtopProps, backtopEmits } from './backtop2.mjs';
+import { useBackTop } from './use-backtop.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const COMPONENT_NAME = "ElBacktop";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: backtopProps,
+  emits: backtopEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("backtop");
+    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME);
+    const backTopStyle = computed(() => ({
+      right: `${props.right}px`,
+      bottom: `${props.bottom}px`
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: `${unref(ns).namespace.value}-fade-in`
+      }, {
+        default: withCtx(() => [
+          unref(visible) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle(unref(backTopStyle)),
+            class: normalizeClass(unref(ns).b()),
+            onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(handleClick) && unref(handleClick)(...args), ["stop"]))
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createVNode(unref(ElIcon), {
+                class: normalizeClass(unref(ns).e("icon"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CaretTop))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ], 6)) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
-};
-const backtopEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+});
+var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\backtop\\src\\backtop.vue"]]);
 
-export { backtopEmits, backtopProps };
+export { Backtop as default };
 //# sourceMappingURL=backtop.mjs.map

package/es/components/backtop/src/backtop.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":"AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"backtop.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAA,GAAY,UAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/backtop/src/backtop2.mjs

@@ -1,57 +1,24 @@
-import { defineComponent, computed, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
-import { CaretTop } from '@element-plus/icons-vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { backtopProps, backtopEmits } from './backtop.mjs';
-import { useBackTop } from './use-backtop.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-const COMPONENT_NAME = "ElBacktop";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: backtopProps,
-  emits: backtopEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("backtop");
-    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME);
-    const backTopStyle = computed(() => ({
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: `${unref(ns).namespace.value}-fade-in`
-      }, {
-        default: withCtx(() => [
-          unref(visible) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle(unref(backTopStyle)),
-            class: normalizeClass(unref(ns).b()),
-            onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(handleClick) && unref(handleClick)(...args), ["stop"]))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(unref(ElIcon), {
-                class: normalizeClass(unref(ns).e("icon"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(CaretTop))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 6)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
   }
-});
-var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\backtop\\src\\backtop.vue"]]);
+};
+const backtopEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Backtop as default };
+export { backtopEmits, backtopProps };
 //# sourceMappingURL=backtop2.mjs.map

package/es/components/backtop/src/backtop2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,EAAA,GAAY,UAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":"AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

package/es/components/batch/index.d.ts

@@ -246,7 +246,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
-        emit: ((event: "change", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         rawAttrs: {
             [x: string]: unknown;
         };
@@ -13802,7 +13802,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
         }> & {} & import("vue").ComponentCustomProperties) | null>;
         contentId: import("vue").Ref<string>;
         hoverOption: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "focus" | "clear" | "remove-tag" | "visible-change" | "blur")[], "change" | "update:modelValue" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus" | "clear" | "remove-tag" | "visible-change" | "blur")[], "update:modelValue" | "change" | "focus" | "blur" | "clear" | "remove-tag" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: StringConstructor;
         id: StringConstructor;
         modelValue: {
@@ -24268,7 +24268,7 @@ export declare const ElBatch: import("code-monkey-ui/es/utils").SFCWithInstall<i
         };
         _ref: import("vue").Ref<HTMLButtonElement | undefined>;
         _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-        _type: import("vue").ComputedRef<"default" | "" | "success" | "warning" | "info" | "text" | "primary" | "danger">;
+        _type: import("vue").ComputedRef<"" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger">;
         _disabled: import("vue").ComputedRef<boolean>;
         _props: import("vue").ComputedRef<{
             ariaDisabled: boolean;

package/es/components/batch/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Batch from './src/batch2.mjs';
-export { batchEmits, batchProps } from './src/batch.mjs';
+import Batch from './src/batch.mjs';
+export { batchEmits, batchProps } from './src/batch2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElBatch = withInstall(Batch);

package/es/components/batch/src/batch.mjs

@@ -1,52 +1,343 @@
-import '../../../utils/index.mjs';
+import { createTextVNode, defineComponent, reactive, toRef, useAttrs, ref, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withModifiers, withKeys, withDirectives, vShow } from 'vue';
+import { Search, Operation } from '@element-plus/icons-vue';
+import { ElMessage } from '../../message/index.mjs';
+import { ElInput } from '../../input/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import { ElSelect, ElOption } from '../../select/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElPopover } from '../../popover/index.mjs';
+import { ElButton } from '../../button/index.mjs';
+import { ElTag } from '../../tag/index.mjs';
 import '../../../hooks/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { batchProps, batchEmits } from './batch2.mjs';
+import { useBatch } from './use-batch.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const batchProps = buildProps({
-  options: {
-    type: Array,
-    default: () => []
-  },
-  width: {
-    type: [String, Number],
-    default: 400
-  },
-  size: useSizeProp,
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  minRows: {
-    type: Number,
-    default: 8
-  },
-  maxRows: {
-    type: Number,
-    default: 12
-  },
-  emptyText: {
-    type: String,
-    default: "\u6682\u65E0\u6570\u636E"
-  },
-  labelValue: {
-    type: Object,
-    default: () => ({ label: "label", value: "value" })
-  },
-  rows: {
-    type: Number,
-    default: 50
-  },
-  needTag: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5173\u95ED");
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
+const __default__ = defineComponent({
+  name: "ElBatch"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: batchProps,
+  emits: batchEmits,
+  setup(__props, { expose, emit }) {
+    var _a;
+    const props = __props;
+    const useSize = reactive({
+      size: toRef(props, "size")
+    });
+    const ns = useNamespace("batch");
+    const { disabled, _size } = useBatch(props, useSize.size);
+    const userAttrs = useAttrs();
+    const textareaRef = ref();
+    const userAttrsCopy = reactive({ ...userAttrs });
+    delete userAttrsCopy.size;
+    delete userAttrsCopy.prefixIcon;
+    delete userAttrsCopy.suffixIcon;
+    delete userAttrsCopy.rows;
+    delete userAttrsCopy.readonly;
+    delete userAttrsCopy.tabindex;
+    delete userAttrsCopy.modelValue;
+    delete userAttrsCopy.resize;
+    delete userAttrsCopy.autosize;
+    delete userAttrsCopy.type;
+    const inputRef = ref(null);
+    const selectRef = ref(null);
+    const tooltipVisible = ref(false);
+    const optionValue = ref((_a = props.options[0]) == null ? void 0 : _a.value);
+    const selectWidth = ref(0);
+    const searchValue = ref("");
+    const inputValue = ref("");
+    const selectedLabel = ref("");
+    const multipleSearchValue = ref([]);
+    const tagShow = ref(false);
+    onMounted(() => {
+      var _a2;
+      changeOption(optionValue.value);
+      if (disabled.value)
+        return;
+      selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
+    });
+    const handleEnterKey = (event) => {
+      const inputElement = textareaRef.value.$el.querySelector("textarea");
+      inputElement.addEventListener("paste", preventPaste);
+      const lines = inputValue.value.split("\n");
+      const lastLine = lines[lines.length - 1];
+      nextTick(() => {
+        var _a2;
+        const textarea = (_a2 = textareaRef.value) == null ? void 0 : _a2.textarea;
+        textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
+      });
+      if (!lastLine.trim() || lines.length >= props.rows) {
+        event.preventDefault();
+      }
+    };
+    const handleTextareaInput = (value) => {
+      const inputElement = textareaRef.value.$el.querySelector("textarea");
+      inputElement.addEventListener("paste", preventPaste);
+      const lines = value.split("\n");
+      const nonEmptyLines = lines.filter((line) => line.trim() !== "");
+      if (nonEmptyLines.length >= props.rows) {
+        inputValue.value = lines.slice(0, props.rows).join("\n");
+      } else {
+        inputElement.removeEventListener("paste", preventPaste);
+      }
+    };
+    const preventPaste = (event) => {
+      event.preventDefault();
+    };
+    const handleFocus = () => {
+      handleClose();
+      nextTick(() => {
+        inputRef.value.blur();
+        inputRef.value.focus();
+      });
+    };
+    const changeOption = (value) => {
+      handleClose();
+      emit("optionsChange", value);
+    };
+    const handleSearch = () => {
+      if (disabled.value)
+        return;
+      emit("search", {
+        searchValue: searchValue.value,
+        optionValue: optionValue.value
+      });
+    };
+    const handleClear = () => {
+      handleBlur();
+      inputValue.value = "";
+    };
+    const handleClose = () => {
+      tooltipVisible.value = false;
+    };
+    const handleBlur = () => {
+      const focusElement = inputRef.value.$el.querySelector(".is-focus");
+      const activeElement = document.activeElement;
+      activeElement == null ? void 0 : activeElement.blur();
+      if (focusElement) {
+        focusElement.classList.remove("is-focus");
+      }
+    };
+    const handleMultipleSearch = () => {
+      handleBlur();
+      handleClose();
+      const data = inputValue.value.split("\n").map((item) => item.trim()).filter(Boolean);
+      multipleSearchValue.value = [...new Set(data)];
+      if (data.length > multipleSearchValue.value.length) {
+        ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+      }
+      inputValue.value = multipleSearchValue.value.join("\n");
+      if (props.needTag) {
+        tagShow.value = true;
+      }
+      nextTick(() => {
+        selectedLabel.value = selectRef.value.selectedLabel;
+      });
+      emit("multipleSearch", {
+        multipleSearchValue: multipleSearchValue.value,
+        optionsValue: optionValue.value
+      });
+    };
+    const showTooltip = () => {
+      var _a2;
+      if (disabled.value)
+        return;
+      handleBlur();
+      selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
+      tooltipVisible.value = !tooltipVisible.value;
+    };
+    const handleCloseTag = () => {
+      tagShow.value = false;
+    };
+    expose({
+      size: props.size
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).m(unref(_size))]),
+        style: normalizeStyle({ "max-width": _ctx.width + "px" })
+      }, [
+        createVNode(unref(ElInput), mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: searchValue.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchValue.value = $event),
+          clearable: ""
+        }, userAttrsCopy, {
+          disabled: unref(disabled),
+          class: unref(ns).e("input"),
+          style: { width: _ctx.width + "px" },
+          onClick: handleFocus
+        }), {
+          prepend: withCtx(() => [
+            createVNode(unref(ElSelect), {
+              ref_key: "selectRef",
+              ref: selectRef,
+              modelValue: optionValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionValue.value = $event),
+              style: { "height": "100%" },
+              class: normalizeClass([unref(ns).e("select"), unref(ns).is("disabled", unref(disabled))]),
+              disabled: unref(disabled),
+              onChange: changeOption
+            }, {
+              prefix: withCtx(() => {
+                var _a2, _b;
+                return [
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(ns).is("empty", _ctx.options.length <= 0))
+                  }, toDisplayString((_b = (_a2 = _ctx.options.find((s) => s.value === optionValue.value)) == null ? void 0 : _a2.label) != null ? _b : _ctx.emptyText), 3)
+                ];
+              }),
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
+                  return openBlock(), createBlock(unref(ElOption), {
+                    key: item.value,
+                    label: item[_ctx.labelValue.label],
+                    value: item[_ctx.labelValue.value]
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class", "disabled"])
+          ]),
+          suffix: withCtx(() => [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass(unref(ns).e("batch-icon")),
+              onClick: withModifiers(handleSearch, ["stop"])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Search))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"]),
+            createVNode(unref(ElPopover), {
+              effect: "light",
+              placement: "bottom-end",
+              "popper-class": unref(ns).e("batch-popper"),
+              class: normalizeClass(unref(ns).e("batch-tooltip")),
+              visible: tooltipVisible.value,
+              offset: 20,
+              width: Number(_ctx.width) - selectWidth.value
+            }, {
+              reference: withCtx(() => [
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(unref(ns).e("tooltip-icon")),
+                  onClick: withModifiers(showTooltip, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Operation))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(ElInput), {
+                  ref_key: "textareaRef",
+                  ref: textareaRef,
+                  modelValue: inputValue.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                  resize: "none",
+                  autosize: { minRows: _ctx.minRows, maxRows: 12 },
+                  class: normalizeClass(unref(ns).e("textarea")),
+                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
+                  type: "textarea",
+                  onKeydown: withKeys(handleEnterKey, ["enter"]),
+                  onInput: handleTextareaInput
+                }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("controls"))
+                }, [
+                  createVNode(unref(ElButton), {
+                    size: "small",
+                    plain: "",
+                    onClick: withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_1
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createElementVNode("div", null, [
+                    createVNode(unref(ElButton), {
+                      size: "small",
+                      plain: "",
+                      onClick: withModifiers(handleClose, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_2
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(unref(ElButton), {
+                      size: "small",
+                      class: normalizeClass(unref(ns).e("search-button")),
+                      plain: "",
+                      onClick: withModifiers(handleMultipleSearch, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_3
+                      ]),
+                      _: 1
+                    }, 8, ["class", "onClick"])
+                  ])
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["popper-class", "class", "visible", "width"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "disabled", "class", "style"]),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("tag"))
+        }, [
+          createVNode(unref(ElPopover), {
+            width: Number(_ctx.width) - selectWidth.value,
+            "popper-class": unref(ns).e("batch-popper"),
+            effect: "light",
+            placement: "bottom-start"
+          }, {
+            reference: withCtx(() => [
+              createVNode(unref(ElTag), {
+                closable: "",
+                onClose: handleCloseTag
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(selectedLabel.value) + "\uFF1A" + toDisplayString(multipleSearchValue.value.slice(0, 3).join(", ")) + " \u7B49" + toDisplayString(multipleSearchValue.value.length) + "\u9879 ", 1)
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("tag-content")),
+                style: normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+              }, [
+                createVNode(unref(ElScrollbar), null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(multipleSearchValue.value, (item) => {
+                      return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ], 6)
+            ]),
+            _: 1
+          }, 8, ["width", "popper-class"])
+        ], 2), [
+          [vShow, tagShow.value]
+        ])
+      ], 6);
+    };
   }
 });
-const batchEmits = {
-  optionsChange: (val) => val,
-  multipleSearch: (val) => val,
-  search: (val) => val
-};
+var Batch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\batch\\src\\batch.vue"]]);
 
-export { batchEmits, batchProps };
+export { Batch as default };
 //# sourceMappingURL=batch.mjs.map