code-monkey-ui 1.1.4-beta → 1.1.4

package/lib/components/batch/src/batch2.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
+var index$1 = require('../../message/index.js');
 var index$2 = require('../../input/index.js');
+var index$8 = require('../../scrollbar/index.js');
 var index$3 = require('../../select/index.js');
 var index$4 = require('../../icon/index.js');
 var index$5 = require('../../popover/index.js');
 var index$6 = require('../../button/index.js');
+var index$7 = require('../../tag/index.js');
 require('../../../hooks/index.js');
-var index$1 = require('../../message/index.js');
 var batch = require('./batch.js');
 var useBatch = require('./use-batch.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
@@ -26,12 +28,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: batch.batchProps,
   emits: batch.batchEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     var _a;
     const props = __props;
+    const useSize = vue.reactive({
+      size: vue.toRef(props, "size")
+    });
     const ns = index.useNamespace("batch");
-    const { disabled } = useBatch.useBatch(props);
+    const { disabled, _size } = useBatch.useBatch(props, useSize.size);
     const userAttrs = vue.useAttrs();
+    const textareaRef = vue.ref();
     const userAttrsCopy = vue.reactive({ ...userAttrs });
     delete userAttrsCopy.size;
     delete userAttrsCopy.prefixIcon;
@@ -60,6 +66,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         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];
+      vue.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();
       vue.nextTick(() => {
@@ -100,9 +134,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const data = inputValue.value.split("\n").map((item) => item.trim()).filter(Boolean);
       multipleSearchValue.value = [...new Set(data)];
       if (data.length > multipleSearchValue.value.length) {
-        index$1.ElMessage("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+        index$1.ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+      }
+      inputValue.value = multipleSearchValue.value.join("\n");
+      if (props.needTag) {
+        tagShow.value = true;
       }
-      tagShow.value = true;
       vue.nextTick(() => {
         selectedLabel.value = selectRef.value.selectedLabel;
       });
@@ -122,11 +159,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleCloseTag = () => {
       tagShow.value = false;
     };
+    expose({
+      size: props.size
+    });
     return (_ctx, _cache) => {
-      const _component_el_tag = vue.resolveComponent("el-tag");
-      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(_ctx.size)]),
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(vue.unref(_size))]),
         style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
       }, [
         vue.createVNode(vue.unref(index$2.ElInput), vue.mergeProps({
@@ -204,14 +242,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(index$2.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: vue.normalizeClass(vue.unref(ns).e("textarea")),
-                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301200\u884C",
-                  type: "textarea"
-                }, null, 8, ["modelValue", "autosize", "class"]),
+                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
+                  type: "textarea",
+                  onKeydown: vue.withKeys(handleEnterKey, ["enter"]),
+                  onInput: handleTextareaInput
+                }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(ns).e("controls"))
                 }, [
@@ -258,23 +300,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.withDirectives(vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(ns).e("tag"))
         }, [
-          vue.createVNode(_component_el_tooltip, {
+          vue.createVNode(vue.unref(index$5.ElPopover), {
+            width: Number(_ctx.width) - selectWidth.value,
             "popper-class": vue.unref(ns).e("batch-popper"),
             effect: "light",
             placement: "bottom-start"
           }, {
-            content: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
-                style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-              }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
-                  return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
-                }), 128))
-              ], 6)
-            ]),
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_tag, {
+            reference: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$7.ElTag), {
                 closable: "",
                 onClose: handleCloseTag
               }, {
@@ -284,8 +317,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _: 1
               })
             ]),
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
+                style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+              }, [
+                vue.createVNode(vue.unref(index$8.ElScrollbar), null, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
+                      return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ], 6)
+            ]),
             _: 1
-          }, 8, ["popper-class"])
+          }, 8, ["width", "popper-class"])
         ], 2), [
           [vue.vShow, tagShow.value]
         ])

package/lib/components/batch/src/batch2.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch2.js","sources":["../../../../../../packages/components/batch/src/batch.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.m(size)]\"\n    :style=\"{ 'max-width': width + 'px' }\"\n  >\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"searchValue\"\n      clearable\n      v-bind=\"userAttrsCopy\"\n      :disabled=\"disabled\"\n      :class=\"ns.e('input')\"\n      :style=\"{ width: width + 'px' }\"\n      @click=\"handleFocus\"\n    >\n      <template #prepend>\n        <el-select\n          ref=\"selectRef\"\n          v-model=\"optionValue\"\n          style=\"height: 100%\"\n          :class=\"[ns.e('select'), ns.is('disabled', disabled)]\"\n          :disabled=\"disabled\"\n          @change=\"changeOption\"\n        >\n          <template #prefix>\n            <span :class=\"ns.is('empty', options.length <= 0)\">\n              {{\n                options.find((s) => s.value === optionValue)?.label ?? emptyText\n              }}\n            </span>\n          </template>\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item[labelValue.label]\"\n            :value=\"item[labelValue.value]\"\n          />\n        </el-select>\n      </template>\n      <template #suffix>\n        <el-icon :class=\"ns.e('batch-icon')\" @click.stop=\"handleSearch\"\n          ><Search\n        /></el-icon>\n        <el-popover\n          effect=\"light\"\n          placement=\"bottom-end\"\n          :popper-class=\"ns.e('batch-popper')\"\n          :class=\"ns.e('batch-tooltip')\"\n          :visible=\"tooltipVisible\"\n          :offset=\"20\"\n          :width=\"Number(width) - selectWidth\"\n        >\n          <el-input\n            v-model=\"inputValue\"\n            resize=\"none\"\n            :autosize=\"{ minRows: minRows, maxRows: 12 }\"\n            :class=\"ns.e('textarea')\"\n            placeholder=\"精确搜索，一行一项，最多支持200行\"\n            type=\"textarea\"\n          />\n          <div :class=\"ns.e('controls')\">\n            <el-button size=\"small\" plain @click.stop=\"handleClear\"\n              >清空</el-button\n            >\n            <div>\n              <el-button size=\"small\" plain @click.stop=\"handleClose\"\n                >关闭</el-button\n              >\n              <el-button\n                size=\"small\"\n                :class=\"ns.e('search-button')\"\n                plain\n                @click.stop=\"handleMultipleSearch\"\n                >搜索</el-button\n              >\n            </div>\n          </div>\n          <template #reference>\n            <el-icon :class=\"ns.e('tooltip-icon')\" @click.stop=\"showTooltip\"\n              ><Operation\n            /></el-icon>\n          </template>\n        </el-popover>\n      </template>\n    </el-input>\n    <div v-show=\"tagShow\" :class=\"ns.e('tag')\">\n      <el-tooltip\n        :popper-class=\"ns.e('batch-popper')\"\n        effect=\"light\"\n        placement=\"bottom-start\"\n      >\n        <el-tag closable @close=\"handleCloseTag\"\n          >{{ selectedLabel }}：{{\n            multipleSearchValue.slice(0, 3).join(', ')\n          }}\n          等{{ multipleSearchValue.length }}项\n        </el-tag>\n        <template #content>\n          <div\n            :class=\"ns.e('tag-content')\"\n            :style=\"{ 'min-width': Number(width) - selectWidth + 'px' }\"\n          >\n            <p v-for=\"item in multipleSearchValue\" :key=\"item\">{{ item }}</p>\n          </div>\n        </template>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick, onMounted, reactive, ref, useAttrs } from 'vue'\nimport { Operation, Search } from '@element-plus/icons-vue'\nimport ElInput from '@code-monkey-ui/components/input'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport ElIcon from '@code-monkey-ui/components/icon'\nimport ElPopover from '@code-monkey-ui/components/popover'\nimport { ElButton } from '@code-monkey-ui/components/button'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { ElMessage } from '@code-monkey-ui/components/message'\nimport { batchEmits, batchProps } from './batch'\nimport { useBatch } from './use-batch'\nconst ns = useNamespace('batch')\nconst emit = defineEmits(batchEmits)\nconst props = defineProps(batchProps)\nconst { disabled } = useBatch(props)\nconst userAttrs = useAttrs()\nconst userAttrsCopy = reactive<any>({ ...userAttrs })\n// 不被需要的props\ndelete userAttrsCopy.size ?? userAttrsCopy.delete('size')\ndelete userAttrsCopy.prefixIcon ?? userAttrsCopy.delete('prefixIcon')\ndelete userAttrsCopy.suffixIcon ?? userAttrsCopy.delete('suffixIcon')\ndelete userAttrsCopy.rows ?? userAttrsCopy.delete('rows')\ndelete userAttrsCopy.readonly ?? userAttrsCopy.delete('readonly')\ndelete userAttrsCopy.tabindex ?? userAttrsCopy.delete('tabindex')\ndelete userAttrsCopy.modelValue ?? userAttrsCopy.delete('modelValue')\ndelete userAttrsCopy.resize ?? userAttrsCopy.delete('resize')\ndelete userAttrsCopy.autosize ?? userAttrsCopy.delete('autosize')\ndelete userAttrsCopy.type ?? userAttrsCopy.delete('type')\ndefineOptions({\n  name: 'ElBatch',\n})\n\nconst inputRef = ref<any>(null)\nconst selectRef = ref<any>(null)\nconst tooltipVisible = ref<boolean>(false)\nconst optionValue = ref(props.options[0]?.value)\nconst selectWidth = ref<number>(0)\nconst searchValue = ref<string>('')\nconst inputValue = ref('')\nconst selectedLabel = ref<string>('')\nconst multipleSearchValue = ref<any[]>([])\nconst tagShow = ref<boolean>(false)\nonMounted(() => {\n  changeOption(optionValue.value)\n  if (disabled.value) return\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n})\nconst handleFocus = () => {\n  handleClose()\n  nextTick(() => {\n    inputRef.value.blur()\n    inputRef.value.focus()\n  })\n}\n\nconst changeOption = (value: any) => {\n  handleClose()\n  emit('optionsChange', value)\n}\nconst handleSearch = () => {\n  if (disabled.value) return\n  emit('search', {\n    searchValue: searchValue.value,\n    optionValue: optionValue.value,\n  })\n}\nconst handleClear = () => {\n  handleBlur()\n  inputValue.value = ''\n}\nconst handleClose = () => {\n  tooltipVisible.value = false\n}\nconst handleBlur = () => {\n  const focusElement = inputRef.value.$el.querySelector('.is-focus')\n  const activeElement = document.activeElement as HTMLInputElement\n  activeElement?.blur()\n  if (focusElement) {\n    focusElement.classList.remove('is-focus')\n  }\n}\nconst handleMultipleSearch = () => {\n  handleBlur()\n  handleClose()\n  const data = inputValue.value\n    .split('\\n')\n    .map((item) => item.trim())\n    .filter(Boolean)\n  multipleSearchValue.value = [...new Set(data)]\n  if (data.length > multipleSearchValue.value.length) {\n    ElMessage('有重复数据,已自动去重')\n  }\n  tagShow.value = true\n  nextTick(() => {\n    selectedLabel.value = selectRef.value.selectedLabel\n  })\n  emit('multipleSearch', {\n    multipleSearchValue: multipleSearchValue.value,\n    optionsValue: optionValue.value,\n  })\n}\nconst showTooltip = () => {\n  if (disabled.value) return\n  handleBlur()\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n  tooltipVisible.value = !tooltipVisible.value\n}\nconst handleCloseTag = () => {\n  tagShow.value = false\n}\n</script>\n"],"names":["useNamespace","useBatch","useAttrs","reactive","ref","onMounted","nextTick","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;uCA2Ic,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAnBA,IAAM,MAAA,KAAK;AAGX,IAAM,MAAA,EAAE,GAAaA,kBAAA,CAAA,OAAc,CAAA,CAAA;AACnC,IAAA,MAAM,YAAY,GAASC,iBAAA,CAAA,KAAA,CAAA,CAAA;AAC3B,IAAA,MAAM,SAAgB,GAAAC,YAAA,EAAA,CAAA;AAEtB,IAAA,MAAA,aAAqB,GAAAC,YAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,IAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,UAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,UAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,IAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,QAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,QAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,UAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,MAAA,CAAA;AACrB,IAAA,OAAO,aAAc,CAAA,QAAA,CAAA;AAKrB,IAAM,OAAA,cAAoB,IAAI,CAAA;AAC9B,IAAM,MAAA,QAAA,GAAAC,YAAyB,CAAA,CAAA;AAC/B,IAAM,MAAA,SAAA,GAAAA,OAAA,CAAA,KAA8B,CAAK;AACzC,IAAA,MAAM,cAAc,GAAAA,OAAU,CAAA,KAAA,CAAA,CAAA;AAC9B,IAAM,MAAA,WAAA,GAAcA,QAAY,CAAC,EAAA,GAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,QAAY,CAAE,CAAA,CAAA;AAClC,IAAM,MAAA,WAAA,UAAiB,CAAE,EAAA,CAAA,CAAA;AACzB,IAAM,MAAA,UAAA,GAAAA,OAAgB,IAAY,CAAE;AACpC,IAAM,MAAA,aAAA,GAAAA,OAAA,CAAA,EAAsB,CAAW,CAAA;AACvC,IAAM,MAAA,mBAA4B,GAAAA,OAAA,CAAA,EAAA,CAAA,CAAA;AAClC,IAAA,MAAA,OAAgB,GAAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AACd,IAAAC,aAAA,CAAA;AACA,MAAA,IAAI,GAAS,CAAA;AAAO,MAAA,YAAA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACpB,MAAY,IAAA,QAAA,CAAA,KAAA;AAA6B,QAC1C,OAAA;AACD,MAAA,oBAA0B,CAAA,GAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,GAAA,CAAA,WAAA,CAAA;AACxB,KAAY,CAAA,CAAA;AACZ,IAAA,MAAA,WAAe,GAAA,MAAA;AACb,MAAA,WAAS;AACT,MAAAC,YAAA,CAAA;AAAqB,QACtB,QAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA;AAAA,QACH,QAAA,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AAEA,OAAM,CAAA,CAAA;AACJ,KAAY,CAAA;AACZ,IAAA,MAAA,qBAA2B,KAAA;AAAA,MAC7B,WAAA,EAAA,CAAA;AACA,MAAA,IAAM,gBAAqB,EAAA,KAAA,CAAA,CAAA;AACzB,KAAA,CAAA;AAAoB,IAAA,MAAA,YAAA,GAAA,MAAA;AACpB,MAAA,IAAA,QAAe,CAAA,KAAA;AAAA,QACb;AAAyB,MAAA,eACZ;AAAY,QAC1B,WAAA,EAAA,WAAA,CAAA,KAAA;AAAA,QACH,WAAA,EAAA,WAAA,CAAA,KAAA;AACA,OAAA,CAAA,CAAA;AACE,KAAW,CAAA;AACX,IAAA,MAAA,WAAmB,GAAA,MAAA;AAAA,MACrB,UAAA,EAAA,CAAA;AACA,MAAA,mBAA0B,EAAA,CAAA;AACxB,KAAA,CAAA;AAAuB,IACzB,MAAA,WAAA,GAAA,MAAA;AACA,MAAA,oBAAyB,GAAA,KAAA,CAAA;AACvB,KAAA,CAAA;AACA,IAAA,MAAA,mBAA+B;AAC/B,MAAA,MAAA,YAAoB,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,aAAA,CAAA,WAAA,CAAA,CAAA;AACpB,MAAA,MAAkB,aAAA,GAAA,QAAA,CAAA,aAAA,CAAA;AAChB,MAAa,aAAA,IAAA,IAAA,GAAA,SAA2B,aAAA,CAAA,IAAA,EAAA,CAAA;AAAA,MAC1C,IAAA,YAAA,EAAA;AAAA,QACF,YAAA,CAAA,SAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA;AACA,OAAA;AACE,KAAW,CAAA;AACX,IAAY,MAAA,oBAAA,GAAA,MAAA;AACZ,MAAA,UAAa,EAAA,CAAA;AAIb,MAAA,WAAA,EAAA,CAAA;AACA,MAAA,MAAS,IAAA,GAAA,UAA6B,CAAA,KAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,GAAc,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,IAAA,EAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA;AAClD,MAAA,mBAAuB,CAAA,KAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MACzB,IAAA,IAAA,CAAA,MAAA,GAAA,mBAAA,CAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAAC,iBAAgB,CAAA,+DAAA,CAAA,CAAA;AAChB,OAAA;AACE,MAAc,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAwB,MACxCD,YAAC,CAAA,MAAA;AACD,QAAA,aAAuB,CAAA,KAAA,GAAA,SAAA,CAAA,KAAA,CAAA,aAAA,CAAA;AAAA,OAAA,CACrB;AAAyC,MAAA,qBACf,EAAA;AAAA,QAC3B,mBAAA,EAAA,mBAAA,CAAA,KAAA;AAAA,QACH,YAAA,EAAA,WAAA,CAAA,KAAA;AACA,OAAA,CAAA,CAAA;AACE,KAAA,CAAA;AAAoB,IAAA,MAAA,WAAA,GAAA,MAAA;AACpB,MAAW,IAAA,GAAA,CAAA;AACX,MAAY,IAAA,QAAA,CAAA,KAAA;AACZ,QAAe,OAAA;AAAwB,MACzC,UAAA,EAAA,CAAA;AACA,MAAA,qBAAuB,GAAM,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,GAAA,CAAA,WAAA,CAAA;AAC3B,MAAA,cAAgB,CAAA,KAAA,GAAA,CAAA,cAAA,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"batch2.js","sources":["../../../../../../packages/components/batch/src/batch.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.m(_size)]\"\n    :style=\"{ 'max-width': width + 'px' }\"\n  >\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"searchValue\"\n      clearable\n      v-bind=\"userAttrsCopy\"\n      :disabled=\"disabled\"\n      :class=\"ns.e('input')\"\n      :style=\"{ width: width + 'px' }\"\n      @click=\"handleFocus\"\n    >\n      <template #prepend>\n        <el-select\n          ref=\"selectRef\"\n          v-model=\"optionValue\"\n          style=\"height: 100%\"\n          :class=\"[ns.e('select'), ns.is('disabled', disabled)]\"\n          :disabled=\"disabled\"\n          @change=\"changeOption\"\n        >\n          <template #prefix>\n            <span :class=\"ns.is('empty', options.length <= 0)\">\n              {{\n                options.find((s) => s.value === optionValue)?.label ?? emptyText\n              }}\n            </span>\n          </template>\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item[labelValue.label]\"\n            :value=\"item[labelValue.value]\"\n          />\n        </el-select>\n      </template>\n      <template #suffix>\n        <el-icon :class=\"ns.e('batch-icon')\" @click.stop=\"handleSearch\"\n          ><Search\n        /></el-icon>\n        <el-popover\n          effect=\"light\"\n          placement=\"bottom-end\"\n          :popper-class=\"ns.e('batch-popper')\"\n          :class=\"ns.e('batch-tooltip')\"\n          :visible=\"tooltipVisible\"\n          :offset=\"20\"\n          :width=\"Number(width) - selectWidth\"\n        >\n          <el-input\n            ref=\"textareaRef\"\n            v-model=\"inputValue\"\n            resize=\"none\"\n            :autosize=\"{ minRows: minRows, maxRows: 12 }\"\n            :class=\"ns.e('textarea')\"\n            :placeholder=\"'精确搜索，一行一项，最多支持' + rows + '行'\"\n            type=\"textarea\"\n            @keydown.enter=\"handleEnterKey\"\n            @input=\"handleTextareaInput\"\n          />\n          <div :class=\"ns.e('controls')\">\n            <el-button size=\"small\" plain @click.stop=\"handleClear\"\n              >清空</el-button\n            >\n            <div>\n              <el-button size=\"small\" plain @click.stop=\"handleClose\"\n                >关闭</el-button\n              >\n              <el-button\n                size=\"small\"\n                :class=\"ns.e('search-button')\"\n                plain\n                @click.stop=\"handleMultipleSearch\"\n                >搜索</el-button\n              >\n            </div>\n          </div>\n          <template #reference>\n            <el-icon :class=\"ns.e('tooltip-icon')\" @click.stop=\"showTooltip\"\n              ><Operation\n            /></el-icon>\n          </template>\n        </el-popover>\n      </template>\n    </el-input>\n    <div v-show=\"tagShow\" :class=\"ns.e('tag')\">\n      <el-popover\n        :width=\"Number(width) - selectWidth\"\n        :popper-class=\"ns.e('batch-popper')\"\n        effect=\"light\"\n        placement=\"bottom-start\"\n      >\n        <div\n          :class=\"ns.e('tag-content')\"\n          :style=\"{ 'min-width': Number(width) - selectWidth + 'px' }\"\n        >\n          <el-scrollbar>\n            <p v-for=\"item in multipleSearchValue\" :key=\"item\">{{ item }}</p>\n          </el-scrollbar>\n        </div>\n        <template #reference>\n          <el-tag closable @close=\"handleCloseTag\"\n            >{{ selectedLabel }}：{{\n              multipleSearchValue.slice(0, 3).join(', ')\n            }}\n            等{{ multipleSearchValue.length }}项\n          </el-tag>\n        </template>\n      </el-popover>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick, onMounted, reactive, ref, toRef, useAttrs } from 'vue'\nimport { Operation, Search } from '@element-plus/icons-vue'\nimport { ElMessage } from '@code-monkey-ui/components/message'\nimport ElInput from '@code-monkey-ui/components/input'\nimport { ElScrollbar } from '@code-monkey-ui/components/scrollbar'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport ElIcon from '@code-monkey-ui/components/icon'\nimport ElPopover from '@code-monkey-ui/components/popover'\nimport { ElButton } from '@code-monkey-ui/components/button'\nimport { ElTag } from '@code-monkey-ui/components/tag'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { batchEmits, batchProps } from './batch'\nimport { useBatch } from './use-batch'\nconst props = defineProps(batchProps)\nconst useSize = reactive({\n  size: toRef(props, 'size'),\n})\nconst ns = useNamespace('batch')\nconst emit = defineEmits(batchEmits)\nconst { disabled, _size } = useBatch(props, useSize.size)\nconst userAttrs = useAttrs()\nconst textareaRef = ref<any>()\nconst userAttrsCopy = reactive<any>({ ...userAttrs })\n// 不被需要的props\ndelete userAttrsCopy.size ?? userAttrsCopy.delete('size')\ndelete userAttrsCopy.prefixIcon ?? userAttrsCopy.delete('prefixIcon')\ndelete userAttrsCopy.suffixIcon ?? userAttrsCopy.delete('suffixIcon')\ndelete userAttrsCopy.rows ?? userAttrsCopy.delete('rows')\ndelete userAttrsCopy.readonly ?? userAttrsCopy.delete('readonly')\ndelete userAttrsCopy.tabindex ?? userAttrsCopy.delete('tabindex')\ndelete userAttrsCopy.modelValue ?? userAttrsCopy.delete('modelValue')\ndelete userAttrsCopy.resize ?? userAttrsCopy.delete('resize')\ndelete userAttrsCopy.autosize ?? userAttrsCopy.delete('autosize')\ndelete userAttrsCopy.type ?? userAttrsCopy.delete('type')\ndefineOptions({\n  name: 'ElBatch',\n})\n\nconst inputRef = ref<any>(null)\nconst selectRef = ref<any>(null)\nconst tooltipVisible = ref<boolean>(false)\nconst optionValue = ref(props.options[0]?.value)\nconst selectWidth = ref<number>(0)\nconst searchValue = ref<string>('')\nconst inputValue = ref('')\nconst selectedLabel = ref<string>('')\nconst multipleSearchValue = ref<any[]>([])\nconst tagShow = ref<boolean>(false)\nonMounted(() => {\n  changeOption(optionValue.value)\n  if (disabled.value) return\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n})\nconst handleEnterKey = (event: Event) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = inputValue.value.split('\\n')\n  const lastLine = lines[lines.length - 1]\n  nextTick(() => {\n    const textarea = textareaRef.value?.textarea\n    textarea.selectionStart = textarea.selectionEnd = textarea.value.length\n  })\n  if (!lastLine.trim() || lines.length >= props.rows) {\n    event.preventDefault()\n  }\n}\nconst handleTextareaInput = (value: string) => {\n  const inputElement = textareaRef.value.$el.querySelector('textarea')\n  inputElement.addEventListener('paste', preventPaste)\n  const lines = value.split('\\n')\n  const nonEmptyLines = lines.filter((line) => line.trim() !== '')\n  if (nonEmptyLines.length >= props.rows) {\n    inputValue.value = lines.slice(0, props.rows).join('\\n')\n  } else {\n    inputElement.removeEventListener('paste', preventPaste)\n  }\n}\nconst preventPaste = (event: ClipboardEvent) => {\n  event.preventDefault()\n}\nconst handleFocus = () => {\n  handleClose()\n  nextTick(() => {\n    inputRef.value.blur()\n    inputRef.value.focus()\n  })\n}\n\nconst changeOption = (value: any) => {\n  handleClose()\n  emit('optionsChange', value)\n}\nconst handleSearch = () => {\n  if (disabled.value) return\n  emit('search', {\n    searchValue: searchValue.value,\n    optionValue: optionValue.value,\n  })\n}\nconst handleClear = () => {\n  handleBlur()\n  inputValue.value = ''\n}\nconst handleClose = () => {\n  tooltipVisible.value = false\n}\nconst handleBlur = () => {\n  const focusElement = inputRef.value.$el.querySelector('.is-focus')\n  const activeElement = document.activeElement as HTMLInputElement\n  activeElement?.blur()\n  if (focusElement) {\n    focusElement.classList.remove('is-focus')\n  }\n}\nconst handleMultipleSearch = () => {\n  handleBlur()\n  handleClose()\n  const data = inputValue.value\n    .split('\\n')\n    .map((item) => item.trim())\n    .filter(Boolean)\n  multipleSearchValue.value = [...new Set(data)]\n  if (data.length > multipleSearchValue.value.length) {\n    ElMessage.warning('有重复数据,已自动去重')\n  }\n  inputValue.value = multipleSearchValue.value.join('\\n')\n  if (props.needTag) {\n    tagShow.value = true\n  }\n  nextTick(() => {\n    selectedLabel.value = selectRef.value.selectedLabel\n  })\n  emit('multipleSearch', {\n    multipleSearchValue: multipleSearchValue.value,\n    optionsValue: optionValue.value,\n  })\n}\nconst showTooltip = () => {\n  if (disabled.value) return\n  handleBlur()\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n  tooltipVisible.value = !tooltipVisible.value\n}\nconst handleCloseTag = () => {\n  tagShow.value = false\n}\ndefineExpose({\n  size: props.size,\n})\n</script>\n"],"names":["reactive","toRef","useNamespace","useBatch","ref","onMounted","nextTick","ElMessage"],"mappings":"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"}

package/lib/components/batch/src/constants.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+import type { BatchProps } from './batch';
+export interface BatchContext {
+    size?: BatchProps['size'];
+}
+export declare const batchContextKey: InjectionKey<BatchContext>;

package/lib/components/batch/src/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const batchContextKey = Symbol("batchContextKey");
+
+exports.batchContextKey = batchContextKey;
+//# sourceMappingURL=constants.js.map

package/lib/components/batch/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/batch/src/constants.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { BatchProps } from './batch'\n\nexport interface BatchContext {\n  size?: BatchProps['size']\n}\n\nexport const batchContextKey: InjectionKey<BatchContext> =\n  Symbol('batchContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,eAAe,GAAG,MAAM,CAAC,iBAAiB;;;;"}

package/lib/components/batch/src/use-batch.d.ts

@@ -1,5 +1,6 @@
 import type { BatchProps } from './batch';
-export declare const useBatch: (props: BatchProps) => {
+export declare const useBatch: (props: BatchProps, useSize: any) => {
     disabled: import("vue").ComputedRef<boolean>;
+    _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     props: BatchProps;
 };

package/lib/components/batch/src/use-batch.js

@@ -2,13 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 require('../../form/index.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 
-const useBatch = (props) => {
+const useBatch = (props, useSize) => {
   const disabled = useFormCommonProps.useFormDisabled();
+  const _size = useFormCommonProps.useFormSize(vue.computed(() => useSize));
   return {
     disabled,
+    _size,
     props
   };
 };

package/lib/components/batch/src/use-batch.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-batch.js","sources":["../../../../../../packages/components/batch/src/use-batch.ts"],"sourcesContent":["import { useFormDisabled } from '@code-monkey-ui/components/form'\nimport type { BatchProps } from './batch'\nexport const useBatch = (props: BatchProps) => {\n  const disabled = useFormDisabled()\n  return {\n    disabled,\n    props,\n  }\n}\n"],"names":["useFormDisabled"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAG,CAAC,KAAK,KAAK;AACnC,EAAE,MAAM,QAAQ,GAAGA,kCAAe,EAAE,CAAC;AACrC,EAAE,OAAO;AACT,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-batch.js","sources":["../../../../../../packages/components/batch/src/use-batch.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useFormDisabled, useFormSize } from '@code-monkey-ui/components/form'\nimport type { BatchProps } from './batch'\nexport const useBatch = (props: BatchProps, useSize: any) => {\n  const disabled = useFormDisabled()\n  const _size = useFormSize(computed(() => useSize))\n  return {\n    disabled,\n    _size,\n    props,\n  }\n}\n"],"names":["useFormDisabled","useFormSize","computed"],"mappings":";;;;;;;;AAEY,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK;AAC5C,EAAE,MAAM,QAAQ,GAAGA,kCAAe,EAAE,CAAC;AACrC,EAAE,MAAM,KAAK,GAAGC,8BAAW,CAACC,YAAQ,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;AACrD,EAAE,OAAO;AACT,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,KAAK;AACT,GAAG,CAAC;AACJ;;;;"}

package/lib/components/batch/style/css.d.ts

@@ -10,3 +10,7 @@ import 'code-monkey-ui/es/components/option/style/css';
 import 'code-monkey-ui/es/components/option-group/style/css';
 import 'code-monkey-ui/es/components/scrollbar/style/css';
 import 'code-monkey-ui/es/components/popper/style/css';
+import 'code-monkey-ui/theme-chalk/el-tag.css';
+import 'code-monkey-ui/es/components/badge/style/css';
+import 'code-monkey-ui/theme-chalk/el-message.css';
+import 'code-monkey-ui/theme-chalk/el-scrollbar.css';

package/lib/components/batch/style/css.js

@@ -12,5 +12,9 @@ require('../../option/style/css.js');
 require('../../option-group/style/css.js');
 require('../../scrollbar/style/css.js');
 require('../../popper/style/css.js');
+require('code-monkey-ui/theme-chalk/el-tag.css');
+require('../../badge/style/css.js');
+require('code-monkey-ui/theme-chalk/el-message.css');
+require('code-monkey-ui/theme-chalk/el-scrollbar.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/batch/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/lib/components/batch/style/index.d.ts

@@ -11,3 +11,7 @@ import 'code-monkey-ui/theme-chalk/src/select.scss';
 import 'code-monkey-ui/theme-chalk/src/popover.scss';
 import 'code-monkey-ui/theme-chalk/src/icon.scss';
 import 'code-monkey-ui/theme-chalk/src/button.scss';
+import 'code-monkey-ui/theme-chalk/src/tag.scss';
+import 'code-monkey-ui/es/components/badge/style';
+import 'code-monkey-ui/theme-chalk/src/message.scss';
+import 'code-monkey-ui/theme-chalk/src/scrollbar.scss';

package/lib/components/batch/style/index.js

@@ -13,5 +13,9 @@ require('code-monkey-ui/theme-chalk/src/select.scss');
 require('code-monkey-ui/theme-chalk/src/popover.scss');
 require('code-monkey-ui/theme-chalk/src/icon.scss');
 require('code-monkey-ui/theme-chalk/src/button.scss');
+require('code-monkey-ui/theme-chalk/src/tag.scss');
+require('../../badge/style/index.js');
+require('code-monkey-ui/theme-chalk/src/message.scss');
+require('code-monkey-ui/theme-chalk/src/scrollbar.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/batch/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/components/cascader/src/cascader2.js

@@ -12,7 +12,7 @@ var runtime = require('../../../utils/vue/props/runtime.js');
 var config = require('../../cascader-panel/src/config.js');
 var index = require('../../../hooks/use-size/index.js');
 var content = require('../../tooltip/src/content.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.js');
 var event = require('../../../constants/event.js');
 var types = require('../../../utils/types.js');
 

package/lib/components/cascader-panel/src/index.js

@@ -9,7 +9,7 @@ require('../../../constants/index.js');
 require('../../../hooks/index.js');
 var menu = require('./menu.js');
 var store = require('./store.js');
-var node = require('./node.js');
+var node = require('./node2.js');
 var config = require('./config.js');
 var utils = require('./utils.js');
 var types$1 = require('./types.js');

package/lib/components/cascader-panel/src/menu.js

@@ -8,7 +8,7 @@ var index$1 = require('../../scrollbar/index.js');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var index = require('../../icon/index.js');
-var node = require('./node2.js');
+var node = require('./node.js');
 var types = require('./types.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$2 = require('../../../hooks/use-namespace/index.js');