@weitutech/by-components 1.1.66 → 1.1.68

package/lib/by-components.umd.js

@@ -60512,6 +60512,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  ByBatchQuerySelector: function() { return /* reexport */ BatchQuerySelector; },
   ByCommonSelector: function() { return /* reexport */ ByCommonSelector; },
   ByCustomDatePicker: function() { return /* reexport */ custom_date_picker; },
   ByDatePickerRange: function() { return /* reexport */ date_picker_range; },
@@ -62402,8 +62403,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-82.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() {
+;// ./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-82.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=c208c726&scoped=true
+var formvue_type_template_id_c208c726_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -62545,7 +62546,45 @@ var formvue_type_template_id_9bf2745a_scoped_true_render = function render() {
           return _vm.handleSuffixInputChange($event, item);
         }
       }
-    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
+    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'batchQuerySelector' ? [_c('by-batch-query-selector', _vm._b({
+      attrs: {
+        "value": _vm.value[`${item.field}`],
+        "config": item,
+        "options": item.options || [],
+        "loadOptions": item.loadOptions,
+        "autoLoad": item.autoLoad !== false,
+        "valueKey": item.valueKey || 'id',
+        "labelKey": item.labelKey || 'name',
+        "disabledKey": item.disabledKey || 'disabled',
+        "disabledMethod": item.disabledMethod,
+        "multiple": item.multiple !== false,
+        "collapseTags": item.collapseTags !== false,
+        "placeholder": item.placeholder || '请选择',
+        "disabled": item.disabled,
+        "clearable": item.clearable !== false,
+        "size": _vm.elSize,
+        "maxWidth": item.maxWidth || '100%',
+        "popoverWidth": item.popoverWidth || 300,
+        "customMapFunction": item.customMapFunction
+      },
+      on: {
+        "input": function ($event) {
+          return _vm.handleValueChange($event, item);
+        },
+        "change": function ($event) {
+          return _vm.handleValueChange($event, item);
+        },
+        "options-loaded": function ($event) {
+          return _vm.handleBatchSelectorOptionsLoaded($event, item);
+        },
+        "options-load-error": function ($event) {
+          return _vm.handleBatchSelectorOptionsLoadError($event, item);
+        },
+        "batch-input-complete": function ($event) {
+          return _vm.handleBatchInputComplete($event, item);
+        }
+      }
+    }, 'by-batch-query-selector', item.otherOptions || {}, false))] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
       staticStyle: {
         "width": "100%"
       },
@@ -62711,7 +62750,7 @@ var formvue_type_template_id_9bf2745a_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_9bf2745a_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_c208c726_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-82.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() {
@@ -74168,6 +74207,414 @@ var ByCommonSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCommonSelector = (ByCommonSelector_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-82.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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=62af8083
+var BatchQuerySelectorvue_type_template_id_62af8083_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-batch-query-selector",
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "selector-container"
+  }, [_c('el-select', {
+    staticClass: "selector-input",
+    attrs: {
+      "placeholder": _vm.placeholder,
+      "disabled": _vm.disabled || _vm.loading,
+      "size": _vm.size,
+      "clearable": _vm.clearable,
+      "multiple": _vm.multiple,
+      "collapse-tags": _vm.collapseTags,
+      "loading": _vm.loading
+    },
+    on: {
+      "change": _vm.handleChange,
+      "focus": _vm.handleFocus
+    },
+    model: {
+      value: _vm.selectedValues,
+      callback: function ($$v) {
+        _vm.selectedValues = $$v;
+      },
+      expression: "selectedValues"
+    }
+  }, _vm._l(_vm.optionsList, function (item) {
+    return _c('el-option', {
+      key: item[_vm.valueKey],
+      attrs: {
+        "label": item[_vm.labelKey],
+        "value": item[_vm.valueKey],
+        "disabled": _vm.isOptionDisabled(item)
+      }
+    });
+  }), 1), _c('el-popover', {
+    attrs: {
+      "placement": "bottom-end",
+      "width": _vm.popoverWidth,
+      "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("批量输入")]), _c('div', {
+    staticClass: "input-type-selector"
+  }, [_c('el-radio', {
+    attrs: {
+      "label": 'id'
+    },
+    model: {
+      value: _vm.inputType,
+      callback: function ($$v) {
+        _vm.inputType = $$v;
+      },
+      expression: "inputType"
+    }
+  }, [_vm._v("ID")]), _c('el-radio', {
+    attrs: {
+      "label": 'name'
+    },
+    model: {
+      value: _vm.inputType,
+      callback: function ($$v) {
+        _vm.inputType = $$v;
+      },
+      expression: "inputType"
+    }
+  }, [_vm._v("名称")])], 1), _c('el-input', {
+    staticClass: "batch-input-textarea",
+    attrs: {
+      "type": "textarea",
+      "rows": 10,
+      "placeholder": _vm.inputType === 'id' ? '请输入ID，多个ID用换行、逗号、分号、空格分隔' : '请输入名称，多个名称用换行、逗号、分号、空格分隔'
+    },
+    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": function ($event) {
+        _vm.popoverVisible = false;
+      }
+    }
+  }, [_vm._v("取消")]), _c('el-button', {
+    attrs: {
+      "size": "mini",
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.handleBatchInput
+    }
+  }, [_vm._v("确定")])], 1)], 1), _c('el-button', {
+    staticClass: "batch-input-btn",
+    attrs: {
+      "slot": "reference",
+      "disabled": _vm.disabled || _vm.loading,
+      "size": _vm.size
+    },
+    slot: "reference"
+  }, [_c('i', {
+    staticClass: "el-icon-edit-outline",
+    staticStyle: {
+      "transform": "scale(2)",
+      "display": "inline-block"
+    }
+  })])], 1)], 1)]);
+};
+var BatchQuerySelectorvue_type_template_id_62af8083_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var BatchQuerySelectorvue_type_script_lang_js = ({
+  name: 'BatchQuerySelector',
+  props: {
+    // 绑定值
+    value: {
+      type: [Array, String, Number],
+      default: () => []
+    },
+    // 数据源
+    options: {
+      type: Array,
+      default: () => []
+    },
+    // 异步加载数据源
+    loadOptions: {
+      type: Function,
+      default: null
+    },
+    // 是否自动加载数据（首次获取焦点时）
+    autoLoad: {
+      type: Boolean,
+      default: true
+    },
+    // 值字段名
+    valueKey: {
+      type: String,
+      default: 'id'
+    },
+    // 标签字段名
+    labelKey: {
+      type: String,
+      default: 'name'
+    },
+    // 禁用字段名，用于判断选项是否禁用
+    disabledKey: {
+      type: String,
+      default: 'disabled'
+    },
+    // 禁用条件，自定义函数判断选项是否禁用
+    disabledMethod: {
+      type: Function,
+      default: null
+    },
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    // 是否折叠标签
+    collapseTags: {
+      type: Boolean,
+      default: true
+    },
+    // 占位符
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否可清空
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    // 大小
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    // 最大宽度，默认为100%（充满容器宽度）
+    maxWidth: {
+      type: [String, Number],
+      default: '100%'
+    },
+    // 弹窗宽度
+    popoverWidth: {
+      type: [String, Number],
+      default: '300'
+    },
+    // 自定义映射函数，用于处理批量输入后的映射逻辑
+    customMapFunction: {
+      type: Function,
+      default: null
+    }
+  },
+  data() {
+    return {
+      selectedValues: [],
+      popoverVisible: false,
+      inputType: 'id',
+      batchInputContent: '',
+      optionsList: [],
+      loading: false,
+      hasLoaded: false
+    };
+  },
+  computed: {
+    hasInitialValue() {
+      if (this.multiple) {
+        return Array.isArray(this.value) && this.value.length > 0;
+      }
+      return this.value !== null && this.value !== undefined && this.value !== '';
+    },
+    containerStyle() {
+      // 处理maxWidth属性，支持数字（自动添加px）或字符串
+      const width = typeof this.maxWidth === 'number' ? `${this.maxWidth}px` : this.maxWidth;
+      return {
+        maxWidth: width
+      };
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.selectedValues = this.multiple ? [...(Array.isArray(val) ? val : [])] : val;
+      },
+      immediate: true
+    },
+    options: {
+      handler(val) {
+        this.optionsList = [...val];
+      },
+      immediate: true
+    }
+  },
+  created() {
+    // 如果有初始值且提供了loadOptions方法，但没有提供options，则自动加载数据
+    if (this.hasInitialValue && this.loadOptions && !this.options.length) {
+      this.fetchOptions();
+    }
+  },
+  methods: {
+    // 判断选项是否禁用
+    isOptionDisabled(option) {
+      // 如果提供了自定义禁用方法，则使用自定义方法判断
+      if (this.disabledMethod) {
+        return this.disabledMethod(option);
+      }
+
+      // 否则根据禁用字段名判断
+      return !!option[this.disabledKey];
+    },
+    // 处理选择变化
+    handleChange(val) {
+      this.$emit('input', val);
+      this.$emit('change', val);
+    },
+    // 处理获取焦点
+    handleFocus() {
+      // 如果配置了自动加载且提供了loadOptions方法，每次获取焦点时都加载数据
+      if (this.autoLoad && this.loadOptions) {
+        this.fetchOptions();
+      }
+    },
+    // 获取选项数据
+    async fetchOptions(params) {
+      if (!this.loadOptions) return;
+      try {
+        this.loading = true;
+        const result = await this.loadOptions(params);
+        if (Array.isArray(result)) {
+          this.optionsList = result;
+        } else {
+          console.warn('【BatchQuerySelector组件】: loadOptions 应该返回一个数组');
+        }
+        this.hasLoaded = true;
+        this.$emit('options-loaded', this.optionsList);
+      } catch (error) {
+        this.$emit('options-load-error', error);
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 手动刷新选项
+    refreshOptions(params) {
+      return this.fetchOptions(params);
+    },
+    // 处理批量输入
+    handleBatchInput() {
+      if (!this.batchInputContent.trim()) {
+        this.popoverVisible = false;
+        return;
+      }
+
+      // 分割输入内容（支持换行、逗号、分号等分隔符）
+      const inputValues = this.batchInputContent.split(/[\n,;，；\s]+/).filter(item => item.trim()).map(item => item.trim());
+      if (inputValues.length === 0) {
+        this.popoverVisible = false;
+        return;
+      }
+
+      // 根据输入类型匹配数据
+      let matchedValues = [];
+      if (this.customMapFunction) {
+        // 使用自定义映射函数
+        matchedValues = this.customMapFunction(inputValues, this.inputType, this.options);
+      } else {
+        // 默认映射逻辑
+        const searchKey = this.inputType === 'id' ? this.valueKey : this.labelKey;
+        const resultKey = this.valueKey;
+        matchedValues = this.optionsList.filter(item => {
+          // 排除禁用的选项
+          if (this.isOptionDisabled(item)) {
+            return false;
+          }
+          return inputValues.includes(String(item[searchKey]));
+        }).map(item => item[resultKey]);
+      }
+
+      // 更新选中值
+      if (this.multiple) {
+        // 多选模式，合并已选和新匹配的值，去重
+        const newValues = [...new Set([...this.selectedValues, ...matchedValues])];
+        this.selectedValues = newValues;
+        this.$emit('input', newValues);
+        this.$emit('change', newValues);
+      } else {
+        // 单选模式，只取第一个匹配值
+        if (matchedValues.length > 0) {
+          this.selectedValues = matchedValues[0];
+          this.$emit('input', matchedValues[0]);
+          this.$emit('change', matchedValues[0]);
+        }
+      }
+
+      // 关闭弹出框
+      this.popoverVisible = false;
+      this.batchInputContent = '';
+
+      // 触发批量输入完成事件
+      this.$emit('batch-input-complete', {
+        inputValues,
+        matchedValues,
+        type: this.inputType
+      });
+    }
+  }
+});
+;// ./src/components/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
+ /* harmony default export */ var batch_query_selector_BatchQuerySelectorvue_type_script_lang_js = (BatchQuerySelectorvue_type_script_lang_js); 
+;// ./src/components/batch-query-selector/BatchQuerySelector.vue
+
+
+
+
+
+/* normalize component */
+;
+var BatchQuerySelector_component = normalizeComponent(
+  batch_query_selector_BatchQuerySelectorvue_type_script_lang_js,
+  BatchQuerySelectorvue_type_template_id_62af8083_render,
+  BatchQuerySelectorvue_type_template_id_62af8083_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var BatchQuerySelector = (BatchQuerySelector_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
 
 
@@ -74175,12 +74622,14 @@ var ByCommonSelector_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var formvue_type_script_lang_js = ({
   name: 'ByForm',
   components: {
     PairNumberInput: pair_number_input,
     CustomDatePicker: custom_date_picker,
-    ByCommonSelector: ByCommonSelector
+    ByCommonSelector: ByCommonSelector,
+    ByBatchQuerySelector: BatchQuerySelector
   },
   props: {
     value: {
@@ -74425,15 +74874,37 @@ var ByCommonSelector_component = normalizeComponent(
         error,
         item
       });
+    },
+    // 批量查询选择器相关事件处理
+    handleBatchSelectorOptionsLoaded(options, item) {
+      // 批量查询选择器异步加载成功
+      this.$emit('batch-selector-options-loaded', {
+        options,
+        item
+      });
+    },
+    handleBatchSelectorOptionsLoadError(error, item) {
+      // 批量查询选择器异步加载失败
+      this.$emit('batch-selector-options-error', {
+        error,
+        item
+      });
+    },
+    handleBatchInputComplete(data, item) {
+      // 批量输入完成事件
+      this.$emit('batch-input-complete', {
+        ...data,
+        item
+      });
     }
   }
 });
 ;// ./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-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=c208c726&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=9bf2745a&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=c208c726&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -74446,11 +74917,11 @@ var ByCommonSelector_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_9bf2745a_scoped_true_render,
-  formvue_type_template_id_9bf2745a_scoped_true_staticRenderFns,
+  formvue_type_template_id_c208c726_scoped_true_render,
+  formvue_type_template_id_c208c726_scoped_true_staticRenderFns,
   false,
   null,
-  "9bf2745a",
+  "c208c726",
   null
   
 )
@@ -75582,6 +76053,7 @@ updateVar();
 
 
 
+
 const components = {
   ByPager: pager,
   ByTable: table,
@@ -75592,7 +76064,8 @@ const components = {
   ByDatePickerRange: date_picker_range,
   ByCustomDatePicker: custom_date_picker,
   ByToolBar: ByToolBar,
-  ByCommonSelector: ByCommonSelector
+  ByCommonSelector: ByCommonSelector,
+  ByBatchQuerySelector: BatchQuerySelector
 };
 
 // 设置当前 z-index 起始值