@weitutech/by-components 1.1.212 → 1.1.214

package/lib/by-components.umd.js

@@ -74537,8 +74537,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/table/index.vue?vue&type=template&id=96b0fb18
-var tablevue_type_template_id_96b0fb18_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/table/index.vue?vue&type=template&id=f5e98ace
+var tablevue_type_template_id_f5e98ace_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74623,7 +74623,7 @@ var tablevue_type_template_id_96b0fb18_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_96b0fb18_staticRenderFns = [];
+var tablevue_type_template_id_f5e98ace_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -77840,6 +77840,11 @@ var custom_column_component = normalizeComponent(
     handleOpenCustomColumn() {
       this.customTableVisible = true;
     },
+    clearSelection() {
+      if (this.$refs.xGrid) {
+        this.$refs.xGrid.clearCheckboxRow();
+      }
+    },
     // 改变表头字段
     changeTableFields(cols) {
       var _this$gridOptions$cus3;
@@ -78253,8 +78258,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_96b0fb18_render,
-  tablevue_type_template_id_96b0fb18_staticRenderFns,
+  tablevue_type_template_id_f5e98ace_render,
+  tablevue_type_template_id_f5e98ace_staticRenderFns,
   false,
   null,
   null,
@@ -78761,13 +78766,16 @@ var pair_number_input_component = normalizeComponent(
 )
 
 /* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/custom-date-picker.vue?vue&type=template&id=7e995d1f
-var custom_date_pickervue_type_template_id_7e995d1f_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/custom-date-picker.vue?vue&type=template&id=dd2e875c
+var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "b-picker wrapper"
-  }, [_c('el-date-picker', _vm._b({
+    staticClass: "b-picker wrapper",
+    class: {
+      'b-picker--panel-shortcuts': _vm.shortcutLayout === 'panel'
+    }
+  }, [_vm.shortcutLayout === 'external' ? [_c('el-date-picker', _vm._b({
     staticStyle: {
       "width": "70%"
     },
@@ -78792,9 +78800,24 @@ var custom_date_pickervue_type_template_id_7e995d1f_render = function render() {
         }
       }
     }, [_vm._v(" " + _vm._s(item.label) + " ")]);
-  }), 0)], 1);
+  }), 0)] : _c('el-date-picker', _vm._b({
+    ref: "panelDatePicker",
+    attrs: {
+      "value": _vm.value,
+      "popper-class": _vm.panelPopperClass
+    },
+    on: {
+      "input": _vm.handleChange,
+      "focus": _vm.handlePanelOpen
+    },
+    nativeOn: {
+      "click": function ($event) {
+        return _vm.handlePanelOpen.apply(null, arguments);
+      }
+    }
+  }, 'el-date-picker', _vm.panelDateOptions, false))], 2);
 };
-var custom_date_pickervue_type_template_id_7e995d1f_staticRenderFns = [];
+var custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9618);
@@ -78831,11 +78854,27 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
     endTimeField: {
       type: String,
       default: ''
+    },
+    /**
+     * 快捷按钮展示方式
+     * external: 快捷按钮在输入框右侧（默认，保持原有样式）
+     * panel: 快捷按钮在日期选择面板内左侧
+     */
+    shortcutLayout: {
+      type: String,
+      default: 'external',
+      validator: value => ['external', 'panel'].includes(value)
     }
   },
   data() {
     return {
-      shortcuts: [{
+      active: '',
+      panelHighlightTimer: null
+    };
+  },
+  computed: {
+    shortcuts() {
+      return [{
         label: '上月',
         start_time: moment_default()().subtract(1, 'months').startOf('month').format('YYYY-MM-DD'),
         end_time: moment_default()().subtract(1, 'months').endOf('month').format('YYYY-MM-DD'),
@@ -78860,11 +78899,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
         start_time: moment_default()().startOf('month').format('YYYY-MM-DD'),
         end_time: moment_default()().endOf('month').format('YYYY-MM-DD'),
         key: 'month'
-      }],
-      active: ''
-    };
-  },
-  computed: {
+      }];
+    },
     dateOptions() {
       return {
         startPlaceholder: '开始时间',
@@ -78875,33 +78911,74 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
         active: '',
         ...this.otherOption
       };
+    },
+    panelDateOptions() {
+      const {
+        pickerOptions: userPickerOptions = {},
+        ...restOptions
+      } = this.dateOptions;
+      return {
+        ...restOptions,
+        pickerOptions: {
+          ...userPickerOptions,
+          shortcuts: this.panelShortcuts
+        }
+      };
+    },
+    panelShortcuts() {
+      return this.shortcuts.map(item => ({
+        text: item.label,
+        onClick: picker => {
+          this.active = item.key;
+          picker.$emit('pick', [moment_default()(item.start_time).toDate(), moment_default()(item.end_time).toDate()]);
+          this.schedulePanelShortcutHighlight();
+        }
+      }));
+    },
+    panelPopperClass() {
+      return `by-custom-date-picker-panel by-custom-date-picker-panel--${this._uid}`;
     }
   },
   watch: {
+    active() {
+      if (this.shortcutLayout === 'panel') {
+        this.schedulePanelShortcutHighlight();
+      }
+    },
     value: {
-      handler(newValue, oldValue) {
-        if (newValue && newValue.length) {
-          this.active = '';
-          this.shortcuts.forEach(item => {
-            if (item.start_time === newValue[0] && item.end_time === newValue[1]) {
-              this.active = item.key;
-            }
-          });
-        } else {
-          this.active = this.dateOptions.active;
-          const item = this.shortcuts.find(item => item.key === this.dateOptions.active) || {};
-          if (item.start_time && item.end_time) {
-            this.handleClick(item);
-          }
-        }
+      handler(newValue) {
+        this.syncActiveFromValue(newValue);
       },
       immediate: true
     }
   },
+  beforeDestroy() {
+    this.clearPanelHighlightTimer();
+  },
   methods: {
+    syncActiveFromValue(newValue) {
+      if (Array.isArray(newValue) && newValue.length) {
+        const start = moment_default()(newValue[0]).format('YYYY-MM-DD');
+        const end = moment_default()(newValue[1]).format('YYYY-MM-DD');
+        let matchedKey = '';
+        this.shortcuts.forEach(item => {
+          if (item.start_time === start && item.end_time === end) {
+            matchedKey = item.key;
+          }
+        });
+        this.active = matchedKey;
+        return;
+      }
+      this.active = this.dateOptions.active;
+      const item = this.shortcuts.find(shortcut => shortcut.key === this.dateOptions.active) || {};
+      if (item.start_time && item.end_time) {
+        this.handleClick(item);
+      }
+    },
     handleChange(e) {
       if (!e) {
         this.$emit('input', []);
+        this.active = '';
         if (this.startTimeField && this.endTimeField) {
           this.$emit('range-change', {
             startTime: '',
@@ -78917,8 +78994,10 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
             endTime: formattedDates[1]
           });
         }
+
+        // 日期选择器初始化时也会触发 input，需同步快捷项高亮状态
+        this.syncActiveFromValue(formattedDates);
       }
-      this.active = '';
     },
     handleClick(item) {
       this.active = item.key;
@@ -78929,6 +79008,54 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
           endTime: item.end_time
         });
       }
+    },
+    handlePanelOpen() {
+      if (this.shortcutLayout !== 'panel') return;
+      this.syncActiveFromValue(this.value);
+      this.schedulePanelShortcutHighlight();
+    },
+    clearPanelHighlightTimer() {
+      if (this.panelHighlightTimer) {
+        clearTimeout(this.panelHighlightTimer);
+        this.panelHighlightTimer = null;
+      }
+    },
+    getPanelElement() {
+      const datePicker = this.$refs.panelDatePicker;
+      if (!datePicker) return null;
+      if (datePicker.picker && datePicker.picker.$el) {
+        return datePicker.picker.$el;
+      }
+      if (datePicker.$el) {
+        const panelInRoot = datePicker.$el.querySelector('.by-custom-date-picker-panel');
+        if (panelInRoot) return panelInRoot;
+      }
+      return document.querySelector(`.by-custom-date-picker-panel--${this._uid}`);
+    },
+    schedulePanelShortcutHighlight(retry = 0) {
+      this.clearPanelHighlightTimer();
+      this.$nextTick(() => {
+        const updated = this.updatePanelShortcutHighlight();
+        if (!updated && retry < 15) {
+          this.panelHighlightTimer = setTimeout(() => {
+            this.schedulePanelShortcutHighlight(retry + 1);
+          }, 50);
+        }
+      });
+    },
+    updatePanelShortcutHighlight() {
+      const panel = this.getPanelElement();
+      if (!panel) return false;
+      const shortcutEls = panel.querySelectorAll('.el-picker-panel__shortcut');
+      if (!shortcutEls.length) return false;
+      shortcutEls.forEach(el => {
+        const label = (el.textContent || '').trim();
+        const item = this.shortcuts.find(shortcut => shortcut.label === label);
+        const isActive = !!(item && item.key === this.active);
+        el.classList.toggle('active', isActive);
+        el.classList.toggle('is-active', isActive);
+      });
+      return true;
     }
   }
 });
@@ -78944,8 +79071,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 ;
 var custom_date_picker_component = normalizeComponent(
   comps_custom_date_pickervue_type_script_lang_js,
-  custom_date_pickervue_type_template_id_7e995d1f_render,
-  custom_date_pickervue_type_template_id_7e995d1f_staticRenderFns,
+  custom_date_pickervue_type_template_id_dd2e875c_render,
+  custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns,
   false,
   null,
   null,
@@ -78954,8 +79081,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":"8cd600e8-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/common-selector/ByCommonSelector.vue?vue&type=template&id=05ec4584
-var ByCommonSelectorvue_type_template_id_05ec4584_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/common-selector/ByCommonSelector.vue?vue&type=template&id=781ea1a3
+var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79547,7 +79674,7 @@ var ByCommonSelectorvue_type_template_id_05ec4584_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_05ec4584_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -90326,6 +90453,12 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
         this.localSuffixInputValue = val;
       }
     },
+    showSuffixInput() {
+      this.scheduleExpandCheck();
+    },
+    showSuffixBatchInput() {
+      this.scheduleExpandCheck();
+    },
     enhancedAllOptions: {
       handler(newOptions) {
         if (this.type === 'enhancedSelect') {
@@ -90499,39 +90632,51 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
         // 如果找不到容器，保持当前状态不变
         return;
       }
+      const scrollContainer = container.querySelector('.by_scroll-container');
+      // 排除 A~Z 字母筛选组，只取选项行（含后置输入框、插槽、批量按钮等同行内容）
+      const optionGroup = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.querySelector('.el-radio-group:not(.by_Eng), .el-checkbox-group');
 
-      // 获取所有选项元素
-      const items = container.querySelectorAll('.el-checkbox, .el-radio');
+      // 至少需要一个选项才做宽度检测
+      const items = optionGroup ? optionGroup.querySelectorAll('.el-checkbox, .el-radio') : container.querySelectorAll('.el-checkbox, .el-radio');
       if (!items.length) {
         this.needExpand = false;
         return;
       }
       try {
-        // 计算所有选项的总宽度
-        let totalWidth = 0;
-        items.forEach(item => {
-          if (item && item.offsetWidth) {
-            const style = getComputedStyle(item);
-            const marginLeft = parseInt(style.marginLeft) || 0;
-            const marginRight = parseInt(style.marginRight) || 0;
-            totalWidth += item.offsetWidth + marginLeft + marginRight;
+        let needExpand = false;
+        if (optionGroup && scrollContainer) {
+          // 用选项组 scrollWidth 衡量整行内容（选项 + 后置输入框 + 插槽 + 批量按钮）
+          const contentWidth = optionGroup.scrollWidth;
+          let visibleWidth = scrollContainer.clientWidth;
+          if (!visibleWidth) {
+            visibleWidth = container.offsetWidth;
           }
-        });
-
-        // 获取容器宽度
-        let containerWidth = container.offsetWidth;
-
-        // 如果容器宽度为0，尝试获取父元素宽度
-        if (!containerWidth && container.parentElement) {
-          containerWidth = container.parentElement.offsetWidth;
+          if (!visibleWidth && container.parentElement) {
+            visibleWidth = container.parentElement.offsetWidth;
+          }
+          if (!visibleWidth) {
+            visibleWidth = 500;
+          }
+          needExpand = contentWidth > visibleWidth;
+        } else {
+          // 回退：按选项逐项累加（兼容 DOM 结构异常场景）
+          let totalWidth = 0;
+          items.forEach(item => {
+            if (item && item.offsetWidth) {
+              const style = getComputedStyle(item);
+              const marginLeft = parseInt(style.marginLeft) || 0;
+              const marginRight = parseInt(style.marginRight) || 0;
+              totalWidth += item.offsetWidth + marginLeft + marginRight;
+            }
+          });
+          let containerWidth = container.offsetWidth;
+          if (!containerWidth && container.parentElement) {
+            containerWidth = container.parentElement.offsetWidth;
+          }
+          if (!containerWidth) containerWidth = 500;
+          needExpand = totalWidth > containerWidth;
         }
 
-        // 确保有有效宽度
-        if (!containerWidth) containerWidth = 500;
-
-        // 如果总宽度超过容器宽度，则需要展开按钮
-        const needExpand = totalWidth > containerWidth;
-
         // 只有在状态变化时才更新，减少不必要的重渲染
         if (this.needExpand !== needExpand) {
           this.needExpand = needExpand;
@@ -91060,8 +91205,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_05ec4584_render,
-  ByCommonSelectorvue_type_template_id_05ec4584_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_781ea1a3_render,
+  ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns,
   false,
   null,
   null,