@weitutech/by-components 1.1.170 → 1.1.171

package/lib/by-components.common.js

@@ -74274,6 +74274,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   ByBatchQuerySelector: function() { return /* reexport */ BatchQuerySelector; },
   ByCascaderPanel: function() { return /* reexport */ ByCascaderPanel; },
+  ByCommonInput: function() { return /* reexport */ ByCommonInput; },
   ByCommonSelector: function() { return /* reexport */ ByCommonSelector; },
   ByCustomDatePicker: function() { return /* reexport */ custom_date_picker; },
   ByDatePickerRange: function() { return /* reexport */ date_picker_range; },
@@ -77486,8 +77487,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=0cd9964a&scoped=true
-var formvue_type_template_id_0cd9964a_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=1d47f926&scoped=true
+var formvue_type_template_id_1d47f926_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -77573,7 +77574,29 @@ var formvue_type_template_id_0cd9964a_scoped_true_render = function render() {
           }
         });
       }), 1) : _vm._e()];
-    }) : _vm._e(), _vm._t("suffix"), _vm._t("prepend"), _vm._t("append")], 2)] : item.type === 'select' ? [_c('by-select', _vm._b({
+    }) : _vm._e(), _vm._t("suffix"), _vm._t("prepend"), _vm._t("append")], 2)] : item.type === 'commonInput' ? [_c('by-common-input', _vm._b({
+      staticStyle: {
+        "width": "100%"
+      },
+      attrs: {
+        "value": _vm.value[`${item.field}`],
+        "placeholder": item.placeholder,
+        "size": item.size || _vm.elSize,
+        "show-batch-input": item.showBatchInput,
+        "batch-input-popover-title": item.batchInputPopoverTitle || '批量输入',
+        "batch-input-placeholder": item.batchInputPlaceholder || '多个请用换行、逗号、分号、空格分隔',
+        "batch-input-popover-width": item.batchInputPopoverWidth || '300',
+        "clearable": ""
+      },
+      on: {
+        "input": function ($event) {
+          return _vm.handleValueChange($event, item);
+        },
+        "batch-input": function ($event) {
+          return _vm.handleValueChange($event, item);
+        }
+      }
+    }, 'by-common-input', item.otherOptions || {}, false))] : item.type === 'select' ? [_c('by-select', _vm._b({
       staticStyle: {
         "width": "100%"
       },
@@ -77857,7 +77880,7 @@ var formvue_type_template_id_0cd9964a_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_0cd9964a_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_1d47f926_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -90961,6 +90984,261 @@ var BatchQuerySelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var BatchQuerySelector = (BatchQuerySelector_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/common-input/ByCommonInput.vue?vue&type=template&id=71d628fa
+var ByCommonInputvue_type_template_id_71d628fa_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-common-input-container"
+  }, [_c('el-input', _vm._b({
+    attrs: {
+      "value": _vm.localValue,
+      "size": _vm.actualSize
+    },
+    on: {
+      "input": _vm.handleInput,
+      "change": _vm.handleChange,
+      "blur": _vm.handleBlur,
+      "focus": _vm.handleFocus
+    }
+  }, 'el-input', _vm.$attrs, false)), _vm.showBatchInput ? _c('el-popover', {
+    attrs: {
+      "placement": "bottom-end",
+      "width": _vm.batchInputPopoverWidth,
+      "trigger": "click",
+      "popper-class": "batch-input-popover"
+    },
+    model: {
+      value: _vm.popoverVisible,
+      callback: function ($$v) {
+        _vm.popoverVisible = $$v;
+      },
+      expression: "popoverVisible"
+    }
+  }, [_c('div', {
+    staticClass: "batch-input-container"
+  }, [_c('div', {
+    staticClass: "popover-title"
+  }, [_vm._v(_vm._s(_vm.batchInputPopoverTitle))]), _c('el-input', {
+    staticClass: "batch-input-textarea",
+    attrs: {
+      "type": "textarea",
+      "rows": 10,
+      "placeholder": _vm.batchInputPlaceholder
+    },
+    model: {
+      value: _vm.batchInputContent,
+      callback: function ($$v) {
+        _vm.batchInputContent = $$v;
+      },
+      expression: "batchInputContent"
+    }
+  }), _c('div', {
+    staticClass: "popover-footer"
+  }, [_c('el-button', {
+    attrs: {
+      "size": "mini"
+    },
+    on: {
+      "click": _vm.handleCancel
+    }
+  }, [_vm._v("取消")]), _c('el-button', {
+    attrs: {
+      "size": "mini",
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.handleBatchInputConfirm
+    }
+  }, [_vm._v("确定")])], 1)], 1), _c('el-button', {
+    staticClass: "batch-input-btn",
+    attrs: {
+      "slot": "reference",
+      "size": _vm.actualSize
+    },
+    on: {
+      "click": _vm.handleOpenBatchInput
+    },
+    slot: "reference"
+  }, [_c('i', {
+    staticClass: "el-icon-edit-outline",
+    staticStyle: {
+      "transform": "scale(2)",
+      "display": "inline-block"
+    }
+  })])], 1) : _vm._e()], 1);
+};
+var ByCommonInputvue_type_template_id_71d628fa_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/common-input/ByCommonInput.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var ByCommonInputvue_type_script_lang_js = ({
+  name: 'ByCommonInput',
+  inheritAttrs: false,
+  props: {
+    /**
+     * 输入框的值
+     */
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    /**
+     * 是否显示批量输入按钮
+     */
+    showBatchInput: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 批量输入弹窗的标题
+     */
+    batchInputPopoverTitle: {
+      type: String,
+      default: '批量输入'
+    },
+    /**
+     * 批量输入弹窗的placeholder
+     */
+    batchInputPlaceholder: {
+      type: String,
+      default: '多个请用换行、逗号、分号、空格分隔'
+    },
+    /**
+     * 批量输入弹窗宽度
+     */
+    batchInputPopoverWidth: {
+      type: [String, Number],
+      default: '300'
+    },
+    /**
+     * 输入框大小（用于批量输入按钮的大小）
+     */
+    size: {
+      type: String,
+      default: 'mini'
+    }
+  },
+  data() {
+    return {
+      localValue: this.value,
+      popoverVisible: false,
+      // 批量输入弹窗是否显示
+      batchInputContent: '' // 批量输入的内容
+    };
+  },
+  computed: {
+    // 获取实际的 size 值，优先使用 $attrs 中的 size
+    actualSize() {
+      return this.$attrs.size || this.size;
+    }
+  },
+  watch: {
+    value(newVal) {
+      if (newVal !== this.localValue) {
+        this.localValue = newVal;
+      }
+    }
+  },
+  methods: {
+    /**
+     * 处理输入事件
+     */
+    handleInput(value) {
+      this.localValue = value;
+      this.$emit('input', value);
+    },
+    /**
+     * 处理change事件
+     */
+    handleChange(value) {
+      this.$emit('change', value);
+    },
+    /**
+     * 处理blur事件
+     */
+    handleBlur(event) {
+      this.$emit('blur', event);
+    },
+    /**
+     * 处理focus事件
+     */
+    handleFocus(event) {
+      this.$emit('focus', event);
+    },
+    /**
+     * 打开批量输入弹窗时，回显输入框的内容
+     */
+    handleOpenBatchInput() {
+      // 将输入框的内容回显到批量输入弹窗中
+      if (this.localValue) {
+        // 将逗号分隔的内容转换为换行分隔，便于在文本框中编辑
+        this.batchInputContent = String(this.localValue).split(',').map(item => item.trim()).filter(item => item).join('\n');
+      } else {
+        this.batchInputContent = '';
+      }
+    },
+    /**
+     * 处理批量输入确认
+     */
+    handleBatchInputConfirm() {
+      this.popoverVisible = false;
+      this.batchInputContent = this.batchInputContent.trim();
+
+      // 将批量输入的内容设置到输入框中，用英文逗号分隔
+      if (this.batchInputContent) {
+        // 处理输入内容，支持多种分隔符（换行、逗号、分号、空格）
+        const items = this.batchInputContent.split(/[\n,，;；\s]+/) // 支持换行、逗号（中英文）、分号（中英文）、空格分隔
+        .map(item => item.trim()).filter(item => item); // 过滤空项
+
+        // 将处理后的内容用英文逗号连接，设置到输入框
+        const processedContent = items.join(',');
+        this.localValue = processedContent;
+        this.$emit('input', processedContent);
+        this.$emit('change', processedContent);
+        this.$emit('batch-input', this.batchInputContent, processedContent);
+      } else {
+        // 如果批量输入内容为空，清空输入框
+        this.localValue = '';
+        this.$emit('input', '');
+        this.$emit('change', '');
+        this.$emit('batch-input', '', '');
+      }
+    },
+    /**
+     * 处理取消按钮
+     */
+    handleCancel() {
+      this.popoverVisible = false;
+      // 清空批量输入内容
+      this.batchInputContent = '';
+    }
+  }
+});
+;// ./src/components/common-input/ByCommonInput.vue?vue&type=script&lang=js
+ /* harmony default export */ var common_input_ByCommonInputvue_type_script_lang_js = (ByCommonInputvue_type_script_lang_js); 
+;// ./src/components/common-input/ByCommonInput.vue
+
+
+
+
+
+/* normalize component */
+;
+var ByCommonInput_component = normalizeComponent(
+  common_input_ByCommonInputvue_type_script_lang_js,
+  ByCommonInputvue_type_template_id_71d628fa_render,
+  ByCommonInputvue_type_template_id_71d628fa_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByCommonInput = (ByCommonInput_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=script&lang=js
 
 
@@ -90969,13 +91247,15 @@ var BatchQuerySelector_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var formvue_type_script_lang_js = ({
   name: 'ByForm',
   components: {
     PairNumberInput: pair_number_input,
     CustomDatePicker: custom_date_picker,
     ByCommonSelector: ByCommonSelector,
-    ByBatchQuerySelector: BatchQuerySelector
+    ByBatchQuerySelector: BatchQuerySelector,
+    ByCommonInput: ByCommonInput
   },
   props: {
     value: {
@@ -91260,10 +91540,10 @@ var BatchQuerySelector_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=0cd9964a&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=1d47f926&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=0cd9964a&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=1d47f926&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -91276,11 +91556,11 @@ var BatchQuerySelector_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_0cd9964a_scoped_true_render,
-  formvue_type_template_id_0cd9964a_scoped_true_staticRenderFns,
+  formvue_type_template_id_1d47f926_scoped_true_render,
+  formvue_type_template_id_1d47f926_scoped_true_staticRenderFns,
   false,
   null,
-  "0cd9964a",
+  "1d47f926",
   null
   
 )
@@ -96449,6 +96729,7 @@ var ByGridLayout_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -96468,7 +96749,8 @@ const components = {
   ByCascaderPanel: ByCascaderPanel,
   ByFloatingMenu: ByFloatingMenu,
   ByPopoverSelector: ByPopoverSelector,
-  ByGridLayout: ByGridLayout
+  ByGridLayout: ByGridLayout,
+  ByCommonInput: ByCommonInput
 };
 
 // 设置当前 z-index 起始值

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-0cd9964a]{margin-bottom:20px}.b-form .footer[data-v-0cd9964a]{margin-top:20px}
+.b-form .header[data-v-1d47f926]{margin-bottom:20px}.b-form .footer[data-v-1d47f926]{margin-top:20px}