code-monkey-ui 1.1.10 → 1.1.11-alpha.1

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

@@ -1,343 +1,52 @@
-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 '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import { batchProps, batchEmits } from './batch.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';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
 
-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 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
   }
 });
-var Batch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\batch\\src\\batch.vue"]]);
+const batchEmits = {
+  optionsChange: (val) => val,
+  multipleSearch: (val) => val,
+  search: (val) => val
+};
 
-export { Batch as default };
+export { batchEmits, batchProps };
 //# sourceMappingURL=batch2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"batch2.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"batch2.mjs","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}\n\nexport type BatchProps = ExtractPropTypes<typeof batchProps>\nexport type BatchInstance = InstanceType<typeof Batch>\nexport type BatchEmits = typeof batchEmits\n"],"names":[],"mappings":";;;;;AAEY,MAAC,UAAU,GAAG,UAAU,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,EAAE,WAAW;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;;;;"}

package/es/components/button/index.mjs

@@ -1,7 +1,7 @@
 import '../../utils/index.mjs';
-import Button from './src/button.mjs';
+import Button from './src/button2.mjs';
 import ButtonGroup from './src/button-group2.mjs';
-export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './src/button2.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './src/button.mjs';
 export { buttonGroupContextKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

package/es/components/button/src/button-group.mjs

@@ -1,4 +1,4 @@
-import { buttonProps } from './button2.mjs';
+import { buttonProps } from './button.mjs';
 
 const buttonGroupProps = {
   size: buttonProps.size,

package/es/components/button/src/button.mjs

@@ -1,82 +1,63 @@
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, Fragment, renderSlot, normalizeClass, createCommentVNode } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
 import '../../../hooks/index.mjs';
-import { useButton } from './use-button.mjs';
-import { buttonProps, buttonEmits } from './button2.mjs';
-import { useButtonCustomStyle } from './button-custom.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const __default__ = defineComponent({
-  name: "ElButton"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: buttonProps,
-  emits: buttonEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const buttonStyle = useButtonCustomStyle(props);
-    const ns = useNamespace("button");
-    const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
-    expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
-        ref_key: "_ref",
-        ref: _ref
-      }, unref(_props), {
-        class: [
-          unref(ns).b(),
-          unref(ns).m(unref(_type)),
-          unref(ns).m(unref(_size)),
-          unref(ns).is("disabled", unref(_disabled)),
-          unref(ns).is("loading", _ctx.loading),
-          unref(ns).is("plain", _ctx.plain),
-          unref(ns).is("round", _ctx.round),
-          unref(ns).is("circle", _ctx.circle),
-          unref(ns).is("text", _ctx.text),
-          unref(ns).is("link", _ctx.link),
-          unref(ns).is("has-bg", _ctx.bg)
-        ],
-        style: unref(buttonStyle),
-        onClick: unref(handleClick)
-      }), {
-        default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
-              key: 1,
-              class: normalizeClass(unref(ns).is("loading"))
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-            default: withCtx(() => [
-              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-            key: 2,
-            class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 2)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["class", "style", "onClick"]);
-    };
+const buttonTypes = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonNativeTypes = ["button", "submit", "reset"];
+const buttonProps = buildProps({
+  size: useSizeProp,
+  disabled: Boolean,
+  type: {
+    type: String,
+    values: buttonTypes,
+    default: ""
+  },
+  icon: {
+    type: iconPropType
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeTypes,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: iconPropType,
+    default: () => Loading
+  },
+  plain: Boolean,
+  text: Boolean,
+  link: Boolean,
+  bg: Boolean,
+  autofocus: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  color: String,
+  dark: Boolean,
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
+  },
+  tag: {
+    type: definePropType([String, Object]),
+    default: "button"
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\button\\src\\button.vue"]]);
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Button as default };
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes };
 //# sourceMappingURL=button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"_ref\"\n    v-bind=\"_props\"\n    :class=\"[\n      ns.b(),\n      ns.m(_type),\n      ns.m(_size),\n      ns.is('disabled', _disabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n      ns.is('text', text),\n      ns.is('link', link),\n      ns.is('has-bg', bg),\n    ]\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\" />\n      <el-icon v-else :class=\"ns.is('loading')\">\n        <component :is=\"loadingIcon\" />\n      </el-icon>\n    </template>\n    <el-icon v-else-if=\"icon || $slots.icon\">\n      <component :is=\"icon\" v-if=\"icon\" />\n      <slot v-else name=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { useButton } from './use-button'\nimport { buttonEmits, buttonProps } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } =\n  useButton(props, emit)\n\ndefineExpose({\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: _size,\n  /** @description button type */\n  type: _type,\n  /** @description button disabled */\n  disabled: _disabled,\n  /** @description whether adding space */\n  shouldAddSpace,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCA+Cc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAc,qBAAqB,KAAK,CAAA,CAAA;AAC9C,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,QAAQ,cAAgB,EAAA,WAAA,EAAA,GAC7D,SAAU,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAEvB,IAAa,MAAA,CAAA;AAAA,MAEX,GAAK,EAAA,IAAA;AAAA,MAEL,IAAM,EAAA,KAAA;AAAA,MAEN,IAAM,EAAA,KAAA;AAAA,MAEN,QAAU,EAAA,SAAA;AAAA,MAEV,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { Loading } from '@element-plus/icons-vue'\nimport { useSizeProp } from '@code-monkey-ui/hooks'\nimport { buildProps, definePropType, iconPropType } from '@code-monkey-ui/utils'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const buttonTypes = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  /**\n   * @deprecated\n   * Text type will be deprecated in the next major version (3.0.0)\n   */\n  'text',\n  '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  /**\n   * @description button size\n   */\n  size: useSizeProp,\n  /**\n   * @description disable the button\n   */\n  disabled: Boolean,\n  /**\n   * @description button type\n   */\n  type: {\n    type: String,\n    values: buttonTypes,\n    default: '',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description native button type\n   */\n  nativeType: {\n    type: String,\n    values: buttonNativeTypes,\n    default: 'button',\n  },\n  /**\n   * @description determine whether it's loading\n   */\n  loading: Boolean,\n  /**\n   * @description customize loading icon component\n   */\n  loadingIcon: {\n    type: iconPropType,\n    default: () => Loading,\n  },\n  /**\n   * @description determine whether it's a plain button\n   */\n  plain: Boolean,\n  /**\n   * @description determine whether it's a text button\n   */\n  text: Boolean,\n  /**\n   * @description determine whether it's a link button\n   */\n  link: Boolean,\n  /**\n   * @description determine whether the text button background color is always on\n   */\n  bg: Boolean,\n  /**\n   * @description native button autofocus\n   */\n  autofocus: Boolean,\n  /**\n   * @description determine whether it's a round button\n   */\n  round: Boolean,\n  /**\n   * @description determine whether it's a circle button\n   */\n  circle: Boolean,\n  /**\n   * @description custom button color, automatically calculate `hover` and `active` color\n   */\n  color: String,\n  /**\n   * @description dark mode, which automatically converts `color` to dark mode colors\n   */\n  dark: Boolean,\n  /**\n   * @description automatically insert a space between two chinese characters\n   */\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: definePropType<string | Component>([String, Object]),\n    default: 'button',\n  },\n} as const)\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,WAAW,GAAG;AAC3B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AACnD,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,iBAAiB;AAC7B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,OAAO;AAC1B,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,EAAE,EAAE,OAAO;AACb,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}