@weitutech/by-components 1.1.60 → 1.1.62

package/lib/by-components.common.js

@@ -62325,8 +62325,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":"7d802f52-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=486e2e6e&scoped=true
-var formvue_type_template_id_486e2e6e_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-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=9bf2745a&scoped=true
+var formvue_type_template_id_9bf2745a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -62447,57 +62447,28 @@ var formvue_type_template_id_486e2e6e_scoped_true_render = function render() {
         "hiddenAllOptions": item.hiddenAllOptions,
         "multiple": item.multiple,
         "placeholder": item.placeholder,
-        "size": _vm.elSize
+        "size": _vm.elSize,
+        "showSuffixInput": item.showSuffixInput,
+        "suffixInputPlaceholder": item.suffixInputPlaceholder,
+        "suffixInputValue": _vm.value[`${item.suffixInputField}`],
+        "suffixInputUnit": item.suffixInputUnit,
+        "suffixInputOptions": item.suffixInputOptions
       },
       on: {
+        "update:suffixInputValue": function ($event) {
+          return _vm.$set(_vm.value, `${item.suffixInputField}`, $event);
+        },
+        "update:suffix-input-value": function ($event) {
+          return _vm.$set(_vm.value, `${item.suffixInputField}`, $event);
+        },
         "input": function ($event) {
           return _vm.handleValueChange($event, item);
+        },
+        "suffix-input-change": function ($event) {
+          return _vm.handleSuffixInputChange($event, item);
         }
       }
-    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'commonSelectorInput' ? [_c('div', {
-      staticClass: "common-selector-input-container",
-      staticStyle: {
-        "display": "flex",
-        "align-items": "center",
-        "gap": "10px"
-      }
-    }, [_c('by-common-selector', _vm._b({
-      style: {
-        width: 'auto',
-        minWidth: item.selectorMinWidth || '400px'
-      },
-      attrs: {
-        "value": _vm.value[`${item.selectorField}`],
-        "config": item,
-        "type": item.selectorType || 'select',
-        "options": item.options || [],
-        "loadOptions": item.loadOptions,
-        "hiddenAllOptions": item.hiddenAllOptions !== false,
-        "multiple": item.multiple,
-        "placeholder": item.selectorPlaceholder || '请选择',
-        "size": _vm.elSize
-      },
-      on: {
-        "input": function ($event) {
-          return _vm.handleSelectorInputChange($event, item, 'selector');
-        }
-      }
-    }, 'by-common-selector', item.selectorOptions || {}, false)), _c('el-input', _vm._b({
-      staticStyle: {
-        "width": "180px"
-      },
-      attrs: {
-        "value": _vm.value[`${item.inputField}`],
-        "placeholder": item.inputPlaceholder || '请输入',
-        "clearable": "",
-        "size": _vm.elSize
-      },
-      on: {
-        "input": function ($event) {
-          return _vm.handleSelectorInputChange($event, item, 'input');
-        }
-      }
-    }, 'el-input', item.inputOptions || {}, false))], 1)] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
+    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
       staticStyle: {
         "width": "100%"
       },
@@ -62663,7 +62634,7 @@ var formvue_type_template_id_486e2e6e_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_486e2e6e_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_9bf2745a_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-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() {
@@ -62963,8 +62934,8 @@ var custom_date_picker_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_date_picker = (custom_date_picker_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-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-selector/ByCommonSelector.vue?vue&type=template&id=9cec9c70
-var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-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-selector/ByCommonSelector.vue?vue&type=template&id=c1e31846
+var ByCommonSelectorvue_type_template_id_c1e31846_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -63097,7 +63068,7 @@ var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-radio-group', _vm.$attrs, false), _vm._l(_vm.displayList, function (item) {
+  }, 'el-radio-group', _vm.$attrs, false), [_vm._l(_vm.displayList, function (item) {
     return _c('el-radio', {
       key: item.id,
       class: {
@@ -63111,7 +63082,29 @@ var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
     }, [_c('span', {
       class: [item.status === 0 ? 'by_leave' : '', 'by_checkbox-label']
     }, [_vm._v(_vm._s(item.name))])]);
-  }), 1) : _c('el-checkbox-group', _vm._b({
+  }), _vm.showSuffixInput ? _c('el-input', _vm._b({
+    staticStyle: {
+      "width": "180px",
+      "margin-left": "5px"
+    },
+    attrs: {
+      "placeholder": _vm.suffixInputPlaceholder,
+      "clearable": "",
+      "size": _vm.size
+    },
+    on: {
+      "input": _vm.handleSuffixInputChange
+    },
+    model: {
+      value: _vm.localSuffixInputValue,
+      callback: function ($$v) {
+        _vm.localSuffixInputValue = $$v;
+      },
+      expression: "localSuffixInputValue"
+    }
+  }, 'el-input', _vm.suffixInputOptions || {}, false)) : _vm._e(), _vm.showSuffixInput && _vm.suffixInputUnit ? _c('span', {
+    staticClass: "by_suffix-input_unit"
+  }, [_vm._v(_vm._s(_vm.suffixInputUnit))]) : _vm._e(), _vm._t("suffixSlot")], 2) : _c('el-checkbox-group', _vm._b({
     attrs: {
       "size": _vm.size,
       "disabled": _vm.loading
@@ -63126,7 +63119,7 @@ var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-checkbox-group', _vm.$attrs, false), _vm._l(_vm.displayList, function (item) {
+  }, 'el-checkbox-group', _vm.$attrs, false), [_vm._l(_vm.displayList, function (item) {
     return _c('el-checkbox', {
       key: item.id,
       class: {
@@ -63140,7 +63133,29 @@ var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
     }, [_c('span', {
       class: [item.status === 0 ? 'by_leave' : '', 'by_checkbox-label']
     }, [_vm._v(_vm._s(item.name))])]);
-  }), 1), _vm.open && _vm.showPagination && !_vm.loading ? _c('div', {
+  }), _vm.showSuffixInput ? _c('el-input', _vm._b({
+    staticStyle: {
+      "width": "180px",
+      "margin-left": "5px"
+    },
+    attrs: {
+      "placeholder": _vm.suffixInputPlaceholder,
+      "clearable": "",
+      "size": _vm.size
+    },
+    on: {
+      "input": _vm.handleSuffixInputChange
+    },
+    model: {
+      value: _vm.localSuffixInputValue,
+      callback: function ($$v) {
+        _vm.localSuffixInputValue = $$v;
+      },
+      expression: "localSuffixInputValue"
+    }
+  }, 'el-input', _vm.suffixInputOptions || {}, false)) : _vm._e(), _vm.showSuffixInput && _vm.suffixInputUnit ? _c('span', {
+    staticClass: "by_suffix-input_unit"
+  }, [_vm._v(_vm._s(_vm.suffixInputUnit))]) : _vm._e(), _vm._t("suffixSlot")], 2), _vm.open && _vm.showPagination && !_vm.loading ? _c('div', {
     staticClass: "by_pagination-container"
   }, [_c('el-button', {
     attrs: {
@@ -63181,7 +63196,7 @@ var ByCommonSelectorvue_type_template_id_9cec9c70_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_9cec9c70_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_c1e31846_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -73556,6 +73571,42 @@ function segment(word, options) {
     needShowLoading: {
       type: Boolean,
       default: false
+    },
+    // ***************** 后置输入框相关
+    /**
+     * 是否显示后置输入框
+     */
+    showSuffixInput: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 后置输入框的placeholder
+     */
+    suffixInputPlaceholder: {
+      type: String,
+      default: '请输入'
+    },
+    /**
+     * 后置输入框的值
+     */
+    suffixInputValue: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 后置输入框的单位
+     */
+    suffixInputUnit: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 后置输入框的选项
+     */
+    suffixInputOptions: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {
@@ -73581,7 +73632,9 @@ function segment(word, options) {
       // 用于防抖处理
       forceCheckTimers: [],
       // 用于强制检查的定时器数组
-      isCheckingExpand: false // 标记是否正在检查展开状态
+      isCheckingExpand: false,
+      // 标记是否正在检查展开状态
+      localSuffixInputValue: '' // 本地缓存的suffixInputValue
     };
   },
   computed: {
@@ -73644,9 +73697,18 @@ function segment(word, options) {
         this.scheduleExpandCheck();
       },
       deep: true
+    },
+    suffixInputValue(val) {
+      // 当父组件传入的suffixInputValue变化时，更新本地值
+      if (val !== this.localSuffixInputValue) {
+        this.localSuffixInputValue = val;
+      }
     }
   },
   created() {
+    // 初始化本地suffixInputValue
+    this.localSuffixInputValue = this.suffixInputValue;
+
     // 如果提供了异步加载函数，则调用它
     if (this.loadOptions) {
       this.fetchOptions();
@@ -73999,6 +74061,11 @@ function segment(word, options) {
     emitChange(value) {
       //   console.log('001:触发了-emitChange ==:', value)
       this.$emit('input', value);
+    },
+    handleSuffixInputChange(value) {
+      this.localSuffixInputValue = value;
+      this.$emit('suffix-input-change', value);
+      this.$emit('update:suffixInputValue', value);
     }
   }
 });
@@ -74014,8 +74081,8 @@ function segment(word, options) {
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_9cec9c70_render,
-  ByCommonSelectorvue_type_template_id_9cec9c70_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_c1e31846_render,
+  ByCommonSelectorvue_type_template_id_c1e31846_staticRenderFns,
   false,
   null,
   null,
@@ -74212,25 +74279,17 @@ var ByCommonSelector_component = normalizeComponent(
       this.$emit('input', this.replacementData);
       // console.log('002:触发了-handleValueChange ==:', value)
     },
-    // 处理选择器+输入框的值变化
-    handleSelectorInputChange(value, item, type) {
+    handleSuffixInputChange(value, item) {
       if (!this.replacementData) {
         this.replacementData = {
           ...this.value
         };
       }
-      if (type === 'selector') {
-        this.replacementData[item.selectorField] = value;
-      } else if (type === 'input') {
-        this.replacementData[item.inputField] = value;
-      }
+      this.replacementData[item.suffixInputField] = value;
       this.$emit('input', this.replacementData);
-      this.$emit('selector-input-change', {
+      this.$emit('suffix-input-change', {
         ...item,
-        type,
-        value,
-        selectorValue: this.replacementData[item.selectorField],
-        inputValue: this.replacementData[item.inputField]
+        value
       });
     },
     handleRangeChange({
@@ -74294,10 +74353,10 @@ var ByCommonSelector_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=486e2e6e&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=9bf2745a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=486e2e6e&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=9bf2745a&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -74310,11 +74369,11 @@ var ByCommonSelector_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_486e2e6e_scoped_true_render,
-  formvue_type_template_id_486e2e6e_scoped_true_staticRenderFns,
+  formvue_type_template_id_9bf2745a_scoped_true_render,
+  formvue_type_template_id_9bf2745a_scoped_true_staticRenderFns,
   false,
   null,
-  "486e2e6e",
+  "9bf2745a",
   null
   
 )

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-486e2e6e]{margin-bottom:20px}.b-form .footer[data-v-486e2e6e]{margin-top:20px}
+.b-form .header[data-v-9bf2745a]{margin-bottom:20px}.b-form .footer[data-v-9bf2745a]{margin-top:20px}