code-monkey-ui 1.1.14-alpha.3 → 1.1.14-alpha.5

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

@@ -2,58 +2,369 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+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 runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
+var batch = require('./batch.js');
+var useBatch = require('./use-batch.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const batchProps = runtime.buildProps({
-  options: {
-    type: Array,
-    default: () => []
-  },
-  width: {
-    type: [String, Number],
-    default: 400
-  },
-  size: index.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__ */ vue.createTextVNode("\u6E05\u7A7A");
+const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode("\u5173\u95ED");
+const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u641C\u7D22");
+const __default__ = vue.defineComponent({
+  name: "ElBatch"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: batch.batchProps,
+  emits: batch.batchEmits,
+  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, _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;
+    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 = vue.ref(null);
+    const selectRef = vue.ref(null);
+    const tooltipVisible = vue.ref(false);
+    const optionValue = vue.ref((_a = props.options[0]) == null ? void 0 : _a.value);
+    const selectWidth = vue.ref(0);
+    const searchValue = vue.ref("");
+    const inputValue = vue.ref("");
+    const selectedLabel = vue.ref("");
+    const multipleSearchValue = vue.ref([]);
+    const tagShow = vue.ref(false);
+    const handleEnterKey = (event) => {
+      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(() => {
+        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 = "";
+      emit("clearMultipleValue");
+    };
+    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();
+      handleMultipleSearchData();
+      vue.nextTick(() => {
+        selectedLabel.value = selectRef.value.selectedLabel;
+      });
+      emit("multipleSearch", {
+        multipleSearchValue: multipleSearchValue.value,
+        optionsValue: optionValue.value
+      });
+    };
+    const handleMultipleSearchData = () => {
+      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.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+      }
+      inputValue.value = multipleSearchValue.value.join("\n");
+      if (props.needTag) {
+        tagShow.value = true;
+      }
+      return multipleSearchValue.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;
+    };
+    const clear = () => {
+      var _a2;
+      multipleSearchValue.value = [];
+      optionValue.value = (_a2 = props.options[0]) == null ? void 0 : _a2.value;
+      searchValue.value = "";
+    };
+    vue.onMounted(() => {
+      var _a2;
+      changeOption(optionValue.value);
+      if (disabled.value)
+        return;
+      selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
+    });
+    expose({
+      size: props.size,
+      getFullData: () => {
+        return {
+          multipleSearchValue: handleMultipleSearchData(),
+          optionsValue: optionValue.value,
+          searchValue: searchValue.value
+        };
+      },
+      clear
+    });
+    return (_ctx, _cache) => {
+      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(vue.unref(_size))]),
+        style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
+      }, [
+        vue.createVNode(vue.unref(index$2.ElInput), vue.mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: searchValue.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchValue.value = $event),
+          clearable: ""
+        }, userAttrsCopy, {
+          disabled: vue.unref(disabled),
+          class: vue.unref(ns).e("input"),
+          style: { width: _ctx.width + "px" },
+          onClick: handleFocus
+        }), {
+          prepend: vue.withCtx(() => [
+            _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("prepend"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "prepend")
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createVNode(vue.unref(index$3.ElSelect), {
+              ref_key: "selectRef",
+              ref: selectRef,
+              modelValue: optionValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionValue.value = $event),
+              style: { "height": "100%" },
+              class: vue.normalizeClass([vue.unref(ns).e("select"), vue.unref(ns).is("disabled", vue.unref(disabled))]),
+              disabled: vue.unref(disabled),
+              onChange: changeOption
+            }, {
+              prefix: vue.withCtx(() => {
+                var _a2, _b;
+                return [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(ns).is("empty", _ctx.options.length <= 0))
+                  }, vue.toDisplayString((_b = (_a2 = _ctx.options.find((s) => s.value === optionValue.value)) == null ? void 0 : _a2.label) != null ? _b : _ctx.emptyText), 3)
+                ];
+              }),
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(index$3.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: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$4.ElIcon), {
+              class: vue.normalizeClass(vue.unref(ns).e("batch-icon")),
+              onClick: vue.withModifiers(handleSearch, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Search))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"]),
+            vue.createVNode(vue.unref(index$5.ElPopover), {
+              effect: "light",
+              placement: "bottom-end",
+              "popper-class": vue.unref(ns).e("batch-popper"),
+              class: vue.normalizeClass(vue.unref(ns).e("batch-tooltip")),
+              visible: tooltipVisible.value,
+              offset: 20,
+              width: Number(_ctx.width) - selectWidth.value
+            }, {
+              reference: vue.withCtx(() => [
+                vue.createVNode(vue.unref(index$4.ElIcon), {
+                  class: vue.normalizeClass(vue.unref(ns).e("tooltip-icon")),
+                  onClick: vue.withModifiers(showTooltip, ["stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Operation))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])
+              ]),
+              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\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"))
+                }, [
+                  vue.createVNode(vue.unref(index$6.ElButton), {
+                    size: "small",
+                    plain: "",
+                    onClick: vue.withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_1
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  vue.createElementVNode("div", null, [
+                    vue.createVNode(vue.unref(index$6.ElButton), {
+                      size: "small",
+                      plain: "",
+                      onClick: vue.withModifiers(handleClose, ["stop"])
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_2
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    vue.createVNode(vue.unref(index$6.ElButton), {
+                      size: "small",
+                      class: vue.normalizeClass(vue.unref(ns).e("search-button")),
+                      plain: "",
+                      onClick: vue.withModifiers(handleMultipleSearch, ["stop"])
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_3
+                      ]),
+                      _: 1
+                    }, 8, ["class", "onClick"])
+                  ])
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["popper-class", "class", "visible", "width"])
+          ]),
+          _: 3
+        }, 16, ["modelValue", "disabled", "class", "style"]),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("tag"))
+        }, [
+          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"
+          }, {
+            reference: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$7.ElTag), {
+                closable: "",
+                onClose: handleCloseTag
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(selectedLabel.value) + "\uFF1A" + vue.toDisplayString(multipleSearchValue.value.slice(0, 3).join(", ")) + " \u7B49" + vue.toDisplayString(multipleSearchValue.value.length) + "\u9879 ", 1)
+                ]),
+                _: 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, ["width", "popper-class"])
+        ], 2), [
+          [vue.vShow, tagShow.value]
+        ])
+      ], 6);
+    };
   }
 });
-const batchEmits = {
-  optionsChange: (val) => val,
-  multipleSearch: (val) => val,
-  search: (val) => val,
-  clearMultipleValue: () => true,
-  "update:fullData": (val) => val
-};
+var Batch = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\batch\\src\\batch.vue"]]);
 
-exports.batchEmits = batchEmits;
-exports.batchProps = batchProps;
+exports["default"] = Batch;
 //# sourceMappingURL=batch2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"batch2.js","sources":["../../../../../../packages/components/batch/src/batch.ts"],"sourcesContent":["import { buildProps } from '@code-monkey-ui/utils'\n\nimport { useSizeProp } from '@code-monkey-ui/hooks'\nimport type { ExtractPropTypes } from 'vue'\nimport type Batch from './batch.vue'\n\nexport const batchProps = buildProps({\n  /**\n   * @description 多选选项\n   */\n  options: {\n    type: Array as () => any[],\n    default: () => [],\n  },\n  /**\n   * @description 组件宽度\n   */\n  width: {\n    type: [String, Number],\n    default: 400,\n  },\n  /**\n   * @description 组件尺寸\n   */\n  size: useSizeProp,\n  /**\n   * @description 是否禁用组件\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description 弹窗textarea的自适应最小行数\n   */\n  minRows: {\n    type: Number,\n    default: 8,\n  },\n  /**\n   *  @description 弹窗textarea的自适应最大行数，超过则出现滚动条\n   */\n  maxRows: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * @description 空文本提示\n   */\n  emptyText: {\n    type: String,\n    default: '暂无数据',\n  },\n  /**\n   * @description 自定义option的label和value\n   */\n  labelValue: {\n    type: Object as () => { label: string; value: string },\n    default: () => ({ label: 'label', value: 'value' }),\n  },\n  /**\n   * @description 多行输入框的行数\n   */\n  rows: {\n    type: Number,\n    default: 50,\n  },\n  /**\n   * @description 是否需要tag\n   */\n  needTag: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const batchEmits = {\n  optionsChange: (val: any) => val,\n  multipleSearch: (val: object) => val,\n  search: (val: object) => val,\n  clearMultipleValue: () => true,\n  'update:fullData': (val: any) => val,\n}\n\nexport type BatchProps = ExtractPropTypes<typeof batchProps>\nexport type BatchInstance = InstanceType<typeof Batch>\nexport type BatchEmits = typeof batchEmits\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;;;AAEY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,0BAA0B;AACvC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACvD,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,aAAa,EAAE,CAAC,GAAG,KAAK,GAAG;AAC7B,EAAE,cAAc,EAAE,CAAC,GAAG,KAAK,GAAG;AAC9B,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,GAAG;AACtB,EAAE,kBAAkB,EAAE,MAAM,IAAI;AAChC,EAAE,iBAAiB,EAAE,CAAC,GAAG,KAAK,GAAG;AACjC;;;;;"}
+{"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        <template v-if=\"$slots.prepend\">\n          <div :class=\"ns.e('prepend')\">\n            <slot name=\"prepend\" />\n          </div>\n        </template>\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)\n\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\ndelete userAttrsCopy.prefixIcon\ndelete userAttrsCopy.suffixIcon\ndelete userAttrsCopy.rows\ndelete userAttrsCopy.readonly\ndelete userAttrsCopy.tabindex\ndelete userAttrsCopy.modelValue\ndelete userAttrsCopy.resize\ndelete userAttrsCopy.autosize\ndelete userAttrsCopy.type\n\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)\n\n/**\n * 处理批量搜索框回车键事件\n * @param event 事件\n */\nconst handleEnterKey = (event: Event) => {\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}\n\n/**\n * 处理批量搜索框输入事件\n * @param value 输入的值\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}\n\n/**\n * 阻止粘贴事件\n * @param event 事件\n */\nconst preventPaste = (event: ClipboardEvent) => {\n  event.preventDefault()\n}\n\n/**\n * 处理输入框聚焦事件\n */\nconst handleFocus = () => {\n  handleClose()\n  nextTick(() => {\n    inputRef.value.blur()\n    inputRef.value.focus()\n  })\n}\n\n/**\n * 处理选择框改变事件\n * @param value 选择的值\n */\nconst changeOption = (value: any) => {\n  handleClose()\n  emit('optionsChange', value)\n}\n\n/**\n * 处理搜索事件\n */\nconst handleSearch = () => {\n  if (disabled.value) return\n  emit('search', {\n    searchValue: searchValue.value,\n    optionValue: optionValue.value,\n  })\n}\n\n/**\n * 处理清空事件\n */\nconst handleClear = () => {\n  handleBlur()\n  inputValue.value = ''\n  emit('clearMultipleValue')\n}\n\n/**\n * 处理关闭事件\n */\nconst handleClose = () => {\n  tooltipVisible.value = false\n}\n\n/**\n * 处理输入框失去焦点事件\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}\n\n/**\n * 处理多选搜索事件\n */\nconst handleMultipleSearch = () => {\n  handleBlur()\n  handleClose()\n  handleMultipleSearchData()\n  nextTick(() => {\n    selectedLabel.value = selectRef.value.selectedLabel\n  })\n  emit('multipleSearch', {\n    multipleSearchValue: multipleSearchValue.value,\n    optionsValue: optionValue.value,\n  })\n}\n\n// 处理多选搜索数据\nconst handleMultipleSearchData = () => {\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  return multipleSearchValue.value\n}\n\n/**\n * 处理显示提示框事件\n */\nconst showTooltip = () => {\n  if (disabled.value) return\n  handleBlur()\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n  tooltipVisible.value = !tooltipVisible.value\n}\n\n/**\n * 处理关闭标签事件\n */\nconst handleCloseTag = () => {\n  tagShow.value = false\n}\n\nconst clear = () => {\n  multipleSearchValue.value = []\n  optionValue.value = props.options[0]?.value\n  searchValue.value = ''\n}\n\nonMounted(() => {\n  changeOption(optionValue.value)\n  if (disabled.value) return\n  selectWidth.value = selectRef.value?.$el.offsetWidth\n})\n\ndefineExpose({\n  size: props.size,\n  getFullData: () => {\n    return {\n      multipleSearchValue: handleMultipleSearchData(),\n      optionsValue: optionValue.value,\n      searchValue: searchValue.value,\n    }\n  },\n  clear,\n})\n</script>\n"],"names":["reactive","toRef","useNamespace","useBatch","ref","nextTick","ElMessage","onMounted"],"mappings":"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"}

package/lib/components/breadcrumb/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var breadcrumb$1 = require('./src/breadcrumb2.js');
-var breadcrumbItem$1 = require('./src/breadcrumb-item.js');
-var breadcrumb = require('./src/breadcrumb.js');
-var breadcrumbItem = require('./src/breadcrumb-item2.js');
+var breadcrumb$1 = require('./src/breadcrumb.js');
+var breadcrumbItem$1 = require('./src/breadcrumb-item2.js');
+var breadcrumb = require('./src/breadcrumb2.js');
+var breadcrumbItem = require('./src/breadcrumb-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

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

@@ -2,64 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-require('../../../hooks/index.js');
-var constants = require('./constants.js');
-var breadcrumbItem = require('./breadcrumb-item2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElBreadcrumbItem"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: breadcrumbItem.breadcrumbItemProps,
-  setup(__props) {
-    const props = __props;
-    const instance = vue.getCurrentInstance();
-    const breadcrumbContext = vue.inject(constants.breadcrumbKey, void 0);
-    const ns = index.useNamespace("breadcrumb");
-    const router = instance.appContext.config.globalProperties.$router;
-    const link = vue.ref();
-    const onClick = () => {
-      if (!props.to || !router)
-        return;
-      props.replace ? router.replace(props.to) : router.push(props.to);
-    };
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(ns).e("item"))
-      }, [
-        vue.createElementVNode("span", {
-          ref_key: "link",
-          ref: link,
-          class: vue.normalizeClass([vue.unref(ns).e("inner"), vue.unref(ns).is("link", !!_ctx.to)]),
-          role: "link",
-          onClick
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2),
-        ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("separator"))
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
-          key: 1,
-          class: vue.normalizeClass(vue.unref(ns).e("separator")),
-          role: "presentation"
-        }, vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
-      ], 2);
-    };
+const breadcrumbItemProps = runtime.buildProps({
+  to: {
+    type: runtime.definePropType([String, Object]),
+    default: ""
+  },
+  replace: {
+    type: Boolean,
+    default: false
   }
 });
-var BreadcrumbItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\breadcrumb\\src\\breadcrumb-item.vue"]]);
 
-exports["default"] = BreadcrumbItem;
+exports.breadcrumbItemProps = breadcrumbItemProps;
 //# sourceMappingURL=breadcrumb-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span\n      ref=\"link\"\n      :class=\"[ns.e('inner'), ns.is('link', !!to)]\"\n      role=\"link\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </span>\n    <el-icon v-if=\"breadcrumbContext?.separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"breadcrumbContext.separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ breadcrumbContext?.separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, inject, ref } from 'vue'\nimport ElIcon from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { breadcrumbKey } from './constants'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\ndefineOptions({\n  name: 'ElBreadcrumbItem',\n})\n\nconst props = defineProps(breadcrumbItemProps)\n\nconst instance = getCurrentInstance()!\nconst breadcrumbContext = inject(breadcrumbKey, undefined)\nconst ns = useNamespace('breadcrumb')\n\nconst router = instance.appContext.config.globalProperties.$router as Router\n\nconst link = ref<HTMLSpanElement>()\n\nconst onClick = () => {\n  if (!props.to || !router) return\n  props.replace ? router.replace(props.to) : router.push(props.to)\n}\n</script>\n"],"names":["getCurrentInstance","inject","breadcrumbKey","useNamespace","ref"],"mappings":";;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AACpC,IAAM,MAAA,iBAAA,GAAoBC,UAAO,CAAAC,uBAAA,EAAe,KAAS,CAAA,CAAA,CAAA;AACzD,IAAM,MAAA,EAAA,GAAKC,mBAAa,YAAY,CAAA,CAAA;AAEpC,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,UAAW,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,CAAA;AAE3D,IAAA,MAAM,OAAOC,OAAqB,EAAA,CAAA;AAElC,IAAA,MAAM,UAAU,MAAM;AACpB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AAC1B,MAAM,KAAA,CAAA,OAAA,GAAU,OAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAI,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,KACjE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  /**\n   * @description target route of the link, same as `to` of `vue-router`\n   */\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  /**\n   * @description if `true`, the navigation will not leave a history record\n   */\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

package/lib/components/breadcrumb/src/breadcrumb-item2.js

@@ -2,19 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var constants = require('./constants.js');
+var breadcrumbItem = require('./breadcrumb-item.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const breadcrumbItemProps = runtime.buildProps({
-  to: {
-    type: runtime.definePropType([String, Object]),
-    default: ""
-  },
-  replace: {
-    type: Boolean,
-    default: false
+const __default__ = vue.defineComponent({
+  name: "ElBreadcrumbItem"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: breadcrumbItem.breadcrumbItemProps,
+  setup(__props) {
+    const props = __props;
+    const instance = vue.getCurrentInstance();
+    const breadcrumbContext = vue.inject(constants.breadcrumbKey, void 0);
+    const ns = index.useNamespace("breadcrumb");
+    const router = instance.appContext.config.globalProperties.$router;
+    const link = vue.ref();
+    const onClick = () => {
+      if (!props.to || !router)
+        return;
+      props.replace ? router.replace(props.to) : router.push(props.to);
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("item"))
+      }, [
+        vue.createElementVNode("span", {
+          ref_key: "link",
+          ref: link,
+          class: vue.normalizeClass([vue.unref(ns).e("inner"), vue.unref(ns).is("link", !!_ctx.to)]),
+          role: "link",
+          onClick
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2),
+        ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("separator"))
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          class: vue.normalizeClass(vue.unref(ns).e("separator")),
+          role: "presentation"
+        }, vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator), 3))
+      ], 2);
+    };
   }
 });
+var BreadcrumbItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\breadcrumb\\src\\breadcrumb-item.vue"]]);
 
-exports.breadcrumbItemProps = breadcrumbItemProps;
+exports["default"] = BreadcrumbItem;
 //# sourceMappingURL=breadcrumb-item2.js.map