@weitutech/by-components-v3 1.1.22 → 1.1.24

package/dist/by-component-v3.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, mergeProps, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, computed, nextTick, onBeforeUnmount, createBlock, createCommentVNode, withCtx, renderSlot, useSlots, toRefs, unref, isVNode, reactive, inject, provide, h as h$2, onUnmounted, TransitionGroup, Teleport as Teleport$1, onActivated, onDeactivated, getCurrentInstance, readonly, getCurrentScope, onScopeDispose, shallowRef, watchEffect, customRef, isRef, warn as warn$1, normalizeStyle, toRef, Transition, withDirectives, resolveDynamicComponent, vShow, useAttrs as useAttrs$1, withModifiers, onUpdated, cloneVNode, Text as Text$2, Comment, onBeforeMount, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from "vue";
+import { defineComponent, ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, mergeProps, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, computed, nextTick, onBeforeUnmount, createBlock, createCommentVNode, withCtx, renderSlot, useAttrs as useAttrs$1, unref, useSlots, toRefs, isVNode, reactive, inject, provide, h as h$2, onUnmounted, TransitionGroup, Teleport as Teleport$1, onActivated, onDeactivated, getCurrentInstance, readonly, getCurrentScope, onScopeDispose, shallowRef, watchEffect, customRef, isRef, warn as warn$1, normalizeStyle, toRef, Transition, withDirectives, resolveDynamicComponent, vShow, withModifiers, onUpdated, cloneVNode, Text as Text$2, Comment, onBeforeMount, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from "vue";
 function cloneDeep$1(obj) {
   if (obj === null || typeof obj !== "object") {
     return obj;
@@ -4011,10 +4011,10 @@ hooks$a.HTML5_FMT = {
   MONTH: "YYYY-MM"
   // <input type="month" />
 };
-const _hoisted_1$7 = { class: "b-picker wrapper" };
-const _hoisted_2$5 = { class: "btn" };
-const _hoisted_3$5 = ["onClick"];
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "b-picker wrapper" };
+const _hoisted_2$6 = { class: "btn" };
+const _hoisted_3$6 = ["onClick"];
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   __name: "datePicker",
   props: {
     modelValue: { default: () => [] },
@@ -4111,18 +4111,18 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_el_date_picker = resolveComponent("el-date-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(_component_el_date_picker, mergeProps({ style: { "width": "70%" } }, props2, {
           modelValue: props2.modelValue,
           "onUpdate:modelValue": handleChange
         }), null, 16, ["modelValue"]),
-        createElementVNode("div", _hoisted_2$5, [
+        createElementVNode("div", _hoisted_2$6, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (item) => {
             return openBlock(), createElementBlock("span", {
               key: item.key,
               class: normalizeClass(["item", { item_active: item.key === active.value }]),
               onClick: ($event) => handleClick(item)
-            }, toDisplayString(item.label), 11, _hoisted_3$5);
+            }, toDisplayString(item.label), 11, _hoisted_3$6);
           }), 128))
         ])
       ]);
@@ -4136,9 +4136,9 @@ const _export_sfc$1 = (sfc, props2) => {
   }
   return target;
 };
-const CustomDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["__scopeId", "data-v-3d5f0e97"]]);
-const _hoisted_1$6 = { class: "drawer_query_btn b-fold-search" };
-const _sfc_main$2I = /* @__PURE__ */ defineComponent({
+const CustomDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["__scopeId", "data-v-3d5f0e97"]]);
+const _hoisted_1$7 = { class: "drawer_query_btn b-fold-search" };
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   __name: "foldSearch",
   props: {
     unfold: { type: Boolean, default: false }
@@ -4163,7 +4163,7 @@ const _sfc_main$2I = /* @__PURE__ */ defineComponent({
       emit("change", show.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", { onClick: drawer2 }, [
           show.value == true ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             _cache[0] || (_cache[0] = createElementVNode("span", { style: { "color": "#3aa1ff", "vertical-align": "middle" } }, "收起", -1)),
@@ -4187,7 +4187,7 @@ const _sfc_main$2I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FoldSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$2I, [["__scopeId", "data-v-04f92519"]]);
+const FoldSearch = /* @__PURE__ */ _export_sfc$1(_sfc_main$2J, [["__scopeId", "data-v-04f92519"]]);
 const DoubleUnicodePrefixReg = /^[\uD800-\uDBFF]$/;
 const DoubleUnicodeSuffixReg = /^[\uDC00-\uDFFF]$/;
 const DoubleUnicodeReg = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
@@ -28458,19 +28458,19 @@ var OutputFormat;
 ({
   format: OutputFormat.AllSegment
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   key: 0,
   class: "by_selector_row by_selector_column-c"
 };
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   class: "by_select_cell",
   style: { "padding-left": "20px" }
 };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 1,
   class: "by_suffix-input_unit"
 };
-const _hoisted_4$4 = {
+const _hoisted_4$5 = {
   key: 1,
   class: "by_suffix-input_unit"
 };
@@ -28479,7 +28479,7 @@ const _hoisted_5$3 = {
   class: "by_pagination-container"
 };
 const _hoisted_6$3 = { class: "by_page-info" };
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -28937,7 +28937,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["by_consult-select-container", { by_shrink: !open.value }])
           }, [
-            open.value && _ctx.showSearchBar ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+            open.value && _ctx.showSearchBar ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
               createElementVNode("div", null, [
                 createVNode(_component_el_radio_group, {
                   modelValue: select.value,
@@ -28958,7 +28958,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["modelValue", "disabled"])
               ]),
-              createElementVNode("div", _hoisted_2$4, [
+              createElementVNode("div", _hoisted_2$5, [
                 createVNode(_component_el_input, {
                   modelValue: keyword.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => keyword.value = $event),
@@ -29009,7 +29009,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
                     size: _ctx.size,
                     style: { "width": "180px", "margin-left": "5px" }
                   }, _ctx.suffixInputOptions || {}, { onInput: handleSuffixInputChange }), null, 16, ["modelValue", "placeholder", "size"])) : createCommentVNode("", true),
-                  _ctx.showSuffixInput && _ctx.suffixInputUnit ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(_ctx.suffixInputUnit), 1)) : createCommentVNode("", true),
+                  _ctx.showSuffixInput && _ctx.suffixInputUnit ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(_ctx.suffixInputUnit), 1)) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "suffixSlot")
                 ]),
                 _: 3
@@ -29048,7 +29048,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
                     size: _ctx.size,
                     style: { "width": "180px", "margin-left": "5px" }
                   }, _ctx.suffixInputOptions || {}, { onInput: handleSuffixInputChange }), null, 16, ["modelValue", "placeholder", "size"])) : createCommentVNode("", true),
-                  _ctx.showSuffixInput && _ctx.suffixInputUnit ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(_ctx.suffixInputUnit), 1)) : createCommentVNode("", true),
+                  _ctx.showSuffixInput && _ctx.suffixInputUnit ? (openBlock(), createElementBlock("span", _hoisted_4$5, toDisplayString(_ctx.suffixInputUnit), 1)) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "suffixSlot")
                 ]),
                 _: 3
@@ -29109,8 +29109,8 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$2H.install = (app) => {
-  app.component("ByCommonSelector", _sfc_main$2H);
+_sfc_main$2I.install = (app) => {
+  app.component("ByCommonSelector", _sfc_main$2I);
 };
 /*! Element Plus Icons Vue v2.3.1 */
 var arrow_down_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -29437,6 +29437,26 @@ var document_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
   }
 });
 var document_default = document_vue_vue_type_script_setup_true_lang_default;
+var edit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Edit",
+  __name: "edit",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+      })
+    ]));
+  }
+});
+var edit_default = edit_vue_vue_type_script_setup_true_lang_default;
 var full_screen_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "FullScreen",
   __name: "full-screen",
@@ -29825,6 +29845,191 @@ var zoom_out_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
   }
 });
 var zoom_out_default = zoom_out_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1$5 = { class: "by-common-input-container" };
+const _hoisted_2$4 = { class: "batch-input-container" };
+const _hoisted_3$4 = { class: "popover-title" };
+const _hoisted_4$4 = { class: "popover-footer" };
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ByCommonInput",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    value: {},
+    showBatchInput: { type: Boolean, default: false },
+    batchInputPopoverTitle: { default: "批量输入" },
+    batchInputPlaceholder: { default: "多个请用换行、逗号、分号、空格分隔" },
+    batchInputPopoverWidth: { default: "300" },
+    size: { default: "small" }
+  },
+  emits: ["update:modelValue", "input", "change", "blur", "focus", "batch-input"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
+    const attrs = useAttrs$1();
+    const localValue = ref(props2.modelValue ?? props2.value ?? "");
+    const popoverVisible = ref(false);
+    const batchInputContent = ref("");
+    const actualSize = computed(() => {
+      const attrSize = attrs.size;
+      const size = attrSize || props2.size;
+      return size === "mini" ? "small" : size;
+    });
+    const syncFromProps = (value) => {
+      const next = value ?? "";
+      if (next !== localValue.value) {
+        localValue.value = next;
+      }
+    };
+    watch(
+      () => props2.modelValue,
+      (val) => syncFromProps(val),
+      { immediate: true }
+    );
+    watch(
+      () => props2.value,
+      (val) => {
+        if (val !== void 0) {
+          syncFromProps(val);
+        }
+      }
+    );
+    const emitValue = (value) => {
+      emit("update:modelValue", value);
+      emit("input", value);
+    };
+    const handleInput = (value) => {
+      localValue.value = value;
+      emitValue(value);
+    };
+    const handleChange = (value) => {
+      emit("change", value);
+    };
+    const handleBlur = (event) => {
+      emit("blur", event);
+    };
+    const handleFocus = (event) => {
+      emit("focus", event);
+    };
+    const handleOpenBatchInput = () => {
+      if (localValue.value) {
+        batchInputContent.value = String(localValue.value).split(",").map((item) => item.trim()).filter((item) => item).join("\n");
+      } else {
+        batchInputContent.value = "";
+      }
+    };
+    const parseBatchContent = (content) => {
+      return content.split(/[\n,，;；\s]+/).map((item) => item.trim()).filter((item) => item);
+    };
+    const handleBatchInputConfirm = () => {
+      popoverVisible.value = false;
+      const trimmed = batchInputContent.value.trim();
+      if (trimmed) {
+        const items = parseBatchContent(trimmed);
+        const processedContent = items.join(",");
+        localValue.value = processedContent;
+        emitValue(processedContent);
+        emit("change", processedContent);
+        emit("batch-input", batchInputContent.value, processedContent);
+      } else {
+        localValue.value = "";
+        emitValue("");
+        emit("change", "");
+        emit("batch-input", "", "");
+      }
+    };
+    const handleCancel = () => {
+      popoverVisible.value = false;
+      batchInputContent.value = "";
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createVNode(_component_el_input, mergeProps({
+          "model-value": localValue.value,
+          size: actualSize.value
+        }, _ctx.$attrs, {
+          "onUpdate:modelValue": handleInput,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus
+        }), null, 16, ["model-value", "size"]),
+        _ctx.showBatchInput ? (openBlock(), createBlock(_component_el_popover, {
+          key: 0,
+          visible: popoverVisible.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => popoverVisible.value = $event),
+          placement: "bottom-end",
+          width: _ctx.batchInputPopoverWidth,
+          trigger: "click",
+          "popper-class": "batch-input-popover"
+        }, {
+          reference: withCtx(() => [
+            createVNode(_component_el_button, {
+              class: "batch-input-btn",
+              size: actualSize.value,
+              onClick: handleOpenBatchInput
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(unref(edit_default))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["size"])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2$4, [
+              createElementVNode("div", _hoisted_3$4, toDisplayString(_ctx.batchInputPopoverTitle), 1),
+              createVNode(_component_el_input, {
+                modelValue: batchInputContent.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => batchInputContent.value = $event),
+                type: "textarea",
+                rows: 10,
+                placeholder: _ctx.batchInputPlaceholder,
+                class: "batch-input-textarea"
+              }, null, 8, ["modelValue", "placeholder"]),
+              createElementVNode("div", _hoisted_4$4, [
+                createVNode(_component_el_button, {
+                  size: "small",
+                  onClick: handleCancel
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createTextVNode("取消")
+                  ])),
+                  _: 1,
+                  __: [2]
+                }),
+                createVNode(_component_el_button, {
+                  size: "small",
+                  type: "primary",
+                  onClick: handleBatchInputConfirm
+                }, {
+                  default: withCtx(() => _cache[3] || (_cache[3] = [
+                    createTextVNode("确定")
+                  ])),
+                  _: 1,
+                  __: [3]
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "width"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+_sfc_main$2H.install = (app) => {
+  app.component("ByCommonInput", _sfc_main$2H);
+};
 function _isSlot$6(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -30131,9 +30336,16 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": ($event) => handleValueChange($event, item.field, item)
       }), null);
     };
+    const ElCommonInput = (item) => {
+      return createVNode(_sfc_main$2H, mergeProps(item.attrs, {
+        "size": getSize(item),
+        "modelValue": props2.modelValue[item.field],
+        "onUpdate:modelValue": ($event) => handleValueChange($event, item.field, item)
+      }), null);
+    };
     const ElCommonSelector = (item) => {
       const suffixInputField = item.suffixInputField || `${item.field}_suffix`;
-      return createVNode(_sfc_main$2H, mergeProps(item.attrs, {
+      return createVNode(_sfc_main$2I, mergeProps(item.attrs, {
         "options": item.options || [],
         "value": props2.modelValue[item.field],
         "onInput": ($event) => handleValueChange($event, item.field, item),
@@ -30215,7 +30427,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
       const name = slots[item.field] ? slotsName : "default";
       return createVNode("div", null, [slots[name] ? slots[name]() : null]);
     };
-    const components2 = /* @__PURE__ */ new Map([["input", ElInput2], ["inputNumber", ElInputNumber2], ["select", ElSelect2], ["treeSelect", ElTreeSelect2], ["cascader", ElCascader2], ["switch", ElSwitch2], ["radio", ElRadio2], ["checkbox", ElCheckbox2], ["datepicker", ElDatePicker2], ["customDatePicker", DatePicker2], ["search", SearchBtn], ["custom", ElCustom], ["formButtons", FormButtons], ["commonSelector", ElCommonSelector]]);
+    const components2 = /* @__PURE__ */ new Map([["input", ElInput2], ["inputNumber", ElInputNumber2], ["select", ElSelect2], ["treeSelect", ElTreeSelect2], ["cascader", ElCascader2], ["switch", ElSwitch2], ["radio", ElRadio2], ["checkbox", ElCheckbox2], ["datepicker", ElDatePicker2], ["customDatePicker", DatePicker2], ["search", SearchBtn], ["custom", ElCustom], ["formButtons", FormButtons], ["commonSelector", ElCommonSelector], ["commonInput", ElCommonInput]]);
     const DynamicComponent = (item) => components2.get(item.type)(item);
     const showFold = computed(() => {
       return (item) => {
@@ -30340,7 +30552,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZshForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["__scopeId", "data-v-484d513d"]]);
+const ZshForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$2G, [["__scopeId", "data-v-663c11ac"]]);
 const _hoisted_1$4 = {
   id: "pager",
   class: "pager fixed bottom-0 right-0 w-full flex justify-center items-center z-50"
@@ -162465,7 +162677,8 @@ const components = {
   ByPager: BasePager,
   ByTable,
   ByToolBar: _sfc_main$2,
-  ByCommonSelector: _sfc_main$2H,
+  ByCommonSelector: _sfc_main$2I,
+  ByCommonInput: _sfc_main$2H,
   ByBatchQuerySelector: _sfc_main$1,
   ByDialog: _sfc_main
 };