@weitutech/by-components 1.1.124 → 1.1.126

package/lib/by-components.umd.js

@@ -77125,8 +77125,8 @@ var ByTreeSearch_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTreeSearch = (ByTreeSearch_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/by-dialog/ByDialog.vue?vue&type=template&id=bc06eb78
-var ByDialogvue_type_template_id_bc06eb78_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/by-dialog/ByDialog.vue?vue&type=template&id=7eb39597
+var ByDialogvue_type_template_id_7eb39597_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-dialog', _vm._g(_vm._b({
@@ -77158,8 +77158,8 @@ var ByDialogvue_type_template_id_bc06eb78_render = function render() {
     staticClass: "by-dialog__buttons"
   }, [_vm.leftButtons.length > 0 ? _c('div', {
     staticClass: "by-dialog__buttons--left"
-  }, [_vm._l(_vm.leftButtons, function (button, index) {
-    return [_c('el-button', {
+  }, _vm._l(_vm.leftButtons, function (button, index) {
+    return _c('el-button', {
       key: `left-${index}`,
       class: button.class,
       style: button.style,
@@ -77175,11 +77175,11 @@ var ByDialogvue_type_template_id_bc06eb78_render = function render() {
           return _vm.handleButtonClick(button, index);
         }
       }
-    }, [_vm._v(" " + _vm._s(button.text) + " ")])];
-  })], 2) : _vm._e(), _vm.rightButtons.length > 0 ? _c('div', {
+    }, [_vm._v(" " + _vm._s(button.text) + " ")]);
+  }), 1) : _vm._e(), _vm.rightButtons.length > 0 ? _c('div', {
     staticClass: "by-dialog__buttons--right"
-  }, [_vm._l(_vm.rightButtons, function (button, index) {
-    return [_c('el-button', {
+  }, _vm._l(_vm.rightButtons, function (button, index) {
+    return _c('el-button', {
       key: `right-${index}`,
       class: button.class,
       style: button.style,
@@ -77195,10 +77195,10 @@ var ByDialogvue_type_template_id_bc06eb78_render = function render() {
           return _vm.handleButtonClick(button, index);
         }
       }
-    }, [_vm._v(" " + _vm._s(button.text) + " ")])];
-  })], 2) : _vm._e()]), _vm._t("footer")], 2) : _vm._e()]);
+    }, [_vm._v(" " + _vm._s(button.text) + " ")]);
+  }), 1) : _vm._e()]), _vm._t("footer")], 2) : _vm._e()]);
 };
-var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
+var ByDialogvue_type_template_id_7eb39597_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/by-dialog/ByDialog.vue?vue&type=script&lang=js
 
@@ -77274,7 +77274,8 @@ var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
   },
   data() {
     return {
-      internalVisible: false
+      internalVisible: false,
+      responsiveWidth: null
     };
   },
   computed: {
@@ -77298,12 +77299,28 @@ var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
         closeOnClickModal,
         ...attrs
       } = this.$attrs;
-      return {
-        width: this.width,
+      const result = {
         top: this.computedTop,
         closeOnClickModal: this.closeOnClickModal,
         ...attrs
       };
+
+      // 全屏弹窗不设置width属性，让CSS样式控制
+      if (!this.isFullscreen) {
+        result.width = this.computedWidth;
+      }
+      return result;
+    },
+    computedWidth() {
+      // 全屏弹窗不设置宽度，让CSS样式控制
+      if (this.isFullscreen) {
+        return undefined;
+      }
+      // 如果设置了响应式宽度，优先使用响应式宽度
+      if (this.responsiveWidth !== null) {
+        return this.responsiveWidth;
+      }
+      return this.width;
     },
     computedTop() {
       if (!this.autoAdjustTop) return '15vh';
@@ -77344,6 +77361,10 @@ var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
     // 右侧按钮（默认位置，包括未设置position的按钮）
     rightButtons() {
       return this.buttons.filter(button => !button.position || button.position === 'right');
+    },
+    // 判断是否为全屏弹窗
+    isFullscreen() {
+      return this.customClass && this.customClass.includes('fullscreen');
     }
   },
   watch: {
@@ -77351,10 +77372,78 @@ var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
       immediate: true,
       handler(newVal) {
         this.internalVisible = newVal;
+        if (newVal && !this.isFullscreen) {
+          this.$nextTick(() => {
+            this.calculateResponsiveWidth();
+          });
+        }
+      }
+    },
+    width: {
+      handler() {
+        if (this.internalVisible && !this.isFullscreen) {
+          this.$nextTick(() => {
+            this.calculateResponsiveWidth();
+          });
+        }
       }
     }
   },
+  mounted() {
+    // 直接监听窗口大小变化，让CSS过渡处理平滑效果
+    this.resizeHandler = () => {
+      if (this.internalVisible && !this.isFullscreen) {
+        this.calculateResponsiveWidth();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+    }
+  },
   methods: {
+    // 计算响应式宽度
+    calculateResponsiveWidth() {
+      // 全屏弹窗不需要响应式适配
+      if (this.isFullscreen) {
+        this.responsiveWidth = null;
+        return;
+      }
+      const screenWidth = window.innerWidth;
+      const dialogWidth = this.parseWidth(this.width);
+
+      // 如果屏幕宽度小于等于弹窗宽度，则使用屏幕宽度的95%
+      if (screenWidth <= dialogWidth) {
+        this.responsiveWidth = '95%';
+      } else {
+        // 重置为原始宽度
+        this.responsiveWidth = null;
+      }
+    },
+    // 解析宽度值，转换为像素值
+    parseWidth(width) {
+      if (typeof width === 'number') {
+        return width;
+      }
+      if (typeof width === 'string') {
+        if (width.endsWith('px')) {
+          return parseFloat(width);
+        }
+        if (width.endsWith('%')) {
+          // 百分比宽度需要根据父容器计算，这里假设为屏幕宽度
+          return parseFloat(width) / 100 * window.innerWidth;
+        }
+        if (width.endsWith('vw')) {
+          return parseFloat(width) / 100 * window.innerWidth;
+        }
+        // 其他情况尝试解析为数字
+        const num = parseFloat(width);
+        return isNaN(num) ? 600 : num; // 默认600px
+      }
+      return 600; // 默认600px
+    },
     handleClose() {
       this.internalVisible = false;
       this.$emit('update:visible', false);
@@ -77394,8 +77483,8 @@ var ByDialogvue_type_template_id_bc06eb78_staticRenderFns = [];
 ;
 var ByDialog_component = normalizeComponent(
   by_dialog_ByDialogvue_type_script_lang_js,
-  ByDialogvue_type_template_id_bc06eb78_render,
-  ByDialogvue_type_template_id_bc06eb78_staticRenderFns,
+  ByDialogvue_type_template_id_7eb39597_render,
+  ByDialogvue_type_template_id_7eb39597_staticRenderFns,
   false,
   null,
   null,
@@ -77795,32 +77884,22 @@ ByDialogService.install = function (Vue) {
   Vue.prototype.$byDialog = ByDialogService;
 };
 /* harmony default export */ var by_dialog_ByDialogService = (ByDialogService);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/cascader-panel/ByCascaderPanel.vue?vue&type=template&id=36849b3b
-var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/cascader-panel/ByCascaderPanel.vue?vue&type=template&id=3977c801
+var ByCascaderPanelvue_type_template_id_3977c801_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    attrs: {
-      "id": "by-cascader-panel-container"
-    }
-  }, [_c('div', {
-    staticClass: "by-cascader-panel",
-    attrs: {
-      "data-component": "cascader-panel"
-    }
+    staticClass: "cascader-panel"
   }, [_c('div', {
-    staticClass: "cascade-box row"
+    staticClass: "panel-container"
   }, [_c('div', {
-    staticClass: "cascade-container left-panel"
+    staticClass: "left-panel"
   }, [_c('div', {
-    staticClass: "cascade-title row column-c"
+    staticClass: "panel-header"
   }, [!_vm.aggregationMode ? _c('div', {
-    staticClass: "txt"
+    staticClass: "panel-title"
   }, [_vm._v("可选(" + _vm._s(_vm.selectedCount) + "/" + _vm._s(_vm.totalCount) + ")")]) : _vm._e(), _c('div', {
-    staticClass: "cell",
-    staticStyle: {
-      "padding-left": "20px"
-    }
+    staticClass: "search-section"
   }, [_c('div', {
     staticClass: "search-container"
   }, [_c('el-input', {
@@ -77906,26 +77985,25 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
   }, [_c('i', {
     staticClass: "el-icon-edit-outline"
   })])], 1) : _vm._e()], 1)]), _c('div', {
-    staticClass: "menu"
+    staticClass: "action-buttons"
   }, [_vm.searchInput === '' && _vm.isMultiple && _vm.showSelectAll && !_vm.isViewMode ? _c('div', {
     staticClass: "all-select",
-    attrs: {
-      "size": "mini"
-    },
     on: {
       "click": _vm.handleSelectAll
     }
   }, [_vm._v(" " + _vm._s(_vm.isAllSelected ? '取消全选' : '全选') + " ")]) : _vm._e()])]), _c('div', {
-    staticClass: "cascade-content",
-    staticStyle: {
-      "border": "1px solid #dcdfe6",
-      "overflow-x": "scroll",
-      "padding": "20px 20px 20px 20px"
-    },
+    staticClass: "panel-content",
     style: {
       height: _vm.computedPanelHeight + 'px'
     }
-  }, [_c('div', [_vm.isShow && _vm.filteredOptions.length > 0 ? _c('el-cascader-panel', {
+  }, [_c('div', {
+    staticClass: "cascader-content-wrapper",
+    staticStyle: {
+      "overflow-x": "scroll",
+      "padding": "20px 20px 20px 20px",
+      "height": "100%"
+    }
+  }, [_vm.isShow && _vm.filteredOptions.length > 0 ? _c('el-cascader-panel', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -77933,7 +78011,7 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
       expression: "searchInput === '' || !isShowSearch"
     }],
     ref: "cascaderPanel",
-    staticClass: "singleCascader",
+    staticClass: "cascader-panel-inner",
     style: {
       height: _vm.computedPanelHeight - 50 + 'px'
     },
@@ -77961,7 +78039,7 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
       expression: "searchInput !== '' && isShowSearch"
     }],
     ref: "searchCascaderPanel",
-    staticClass: "singleCascader",
+    staticClass: "cascader-panel-inner",
     style: {
       height: _vm.computedPanelHeight - 50 + 'px'
     },
@@ -77981,54 +78059,42 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
       },
       expression: "searchPanelValue"
     }
-  }) : _vm._e()], 1), _vm.isShowSearch && _vm.searchOptions.length === 0 ? _c('div', {
+  }) : _vm._e(), _vm.isShowSearch && _vm.searchOptions.length === 0 ? _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: _vm.searchInput !== '',
       expression: "searchInput !== ''"
     }],
-    staticClass: "row column-c row-c",
-    staticStyle: {
-      "width": "100%",
-      "height": "100%"
-    }
+    staticClass: "empty-search"
   }, [_c('el-empty', {
     attrs: {
       "image-size": 100
     }
-  })], 1) : _vm._e()])]), _c('div', {
-    staticClass: "cascade-container bb right-panel"
+  })], 1) : _vm._e()], 1)])]), _c('div', {
+    staticClass: "right-panel"
   }, [_c('div', {
-    staticClass: "cascade-title row column-c"
+    staticClass: "panel-header"
   }, [_c('div', {
-    staticClass: "txt"
+    staticClass: "panel-title"
   }, [_vm._v("已选(" + _vm._s(_vm.selectedItems.length) + ")")]), _c('div', {
-    staticClass: "menu"
+    staticClass: "action-buttons"
   }, [_vm.selectedItems.length > 0 && !_vm.isViewMode ? _c('div', {
     staticClass: "clear-btn",
-    attrs: {
-      "size": "mini"
-    },
     on: {
       "click": _vm.clearSelection
     }
   }, [_vm._v("清除")]) : _vm._e()])]), _c('div', {
-    staticClass: "cascade-content",
+    staticClass: "panel-content",
     style: {
       height: _vm.computedPanelHeight - 5 + 'px'
     }
   }, [_c('div', {
-    staticClass: "item",
-    staticStyle: {
-      "overflow-y": "auto",
-      "height": "100%",
-      "max-height": "100%"
-    }
+    staticClass: "selected-list"
   }, [_vm._l(_vm.selectedItems, function (item, index) {
     return _c('div', {
       key: item.value,
-      staticClass: "check-box row column-c",
+      staticClass: "selected-item",
       staticStyle: {
         "height": "36px",
         "flex-shrink": "0",
@@ -78036,7 +78102,7 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
         "align-items": "center !important"
       }
     }, [_c('div', {
-      staticClass: "cell item-content",
+      staticClass: "item-content",
       staticStyle: {
         "display": "flex !important",
         "align-items": "center !important",
@@ -78068,10 +78134,7 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
         "vertical-align": "middle !important"
       }
     }, [_vm._v(" " + _vm._s(item[_vm.subtitleField]) + " ")]) : _vm._e()]), !_vm.isViewMode ? _c('div', {
-      staticClass: "icon",
-      staticStyle: {
-        "cursor": "pointer"
-      },
+      staticClass: "remove-btn",
       on: {
         "click": function ($event) {
           return _vm.removeItem(item, index);
@@ -78082,9 +78145,9 @@ var ByCascaderPanelvue_type_template_id_36849b3b_render = function render() {
     })]) : _vm._e()]);
   }), _vm.selectedItems.length === 0 ? _c('div', {
     staticClass: "empty-state"
-  }, [_vm._v("暂无选中项")]) : _vm._e()], 2)])])])])]);
+  }, [_vm._v("暂无选中项")]) : _vm._e()], 2)])])])]);
 };
-var ByCascaderPanelvue_type_template_id_36849b3b_staticRenderFns = [];
+var ByCascaderPanelvue_type_template_id_3977c801_staticRenderFns = [];
 
 ;// ./src/utils/cascaderUtils.js
 
@@ -79473,7 +79536,34 @@ class CascaderUtils {
       };
       searchInOptions(this.filteredOptions);
       return matchedPaths;
+    },
+    // 强制调整已选项的垂直居中样式
+    forceVerticalCenter() {
+      this.$nextTick(() => {
+        const itemLabels = this.$el.querySelectorAll('.item-label');
+        itemLabels.forEach(label => {
+          if (label) {
+            // 使用JavaScript强制设置样式
+            label.style.setProperty('display', 'flex', 'important');
+            label.style.setProperty('align-items', 'center', 'important');
+            label.style.setProperty('height', '36px', 'important');
+            label.style.setProperty('line-height', '36px', 'important');
+            label.style.setProperty('margin', '0', 'important');
+            label.style.setProperty('padding', '0', 'important');
+            label.style.setProperty('vertical-align', 'middle', 'important');
+            label.style.setProperty('font-size', '14px', 'important');
+          }
+        });
+      });
     }
+  },
+  mounted() {
+    // 组件挂载后强制调整样式
+    this.forceVerticalCenter();
+  },
+  updated() {
+    // 组件更新后强制调整样式
+    this.forceVerticalCenter();
   }
 });
 ;// ./src/components/cascader-panel/ByCascaderPanel.vue?vue&type=script&lang=js
@@ -79488,8 +79578,8 @@ class CascaderUtils {
 ;
 var ByCascaderPanel_component = normalizeComponent(
   cascader_panel_ByCascaderPanelvue_type_script_lang_js,
-  ByCascaderPanelvue_type_template_id_36849b3b_render,
-  ByCascaderPanelvue_type_template_id_36849b3b_staticRenderFns,
+  ByCascaderPanelvue_type_template_id_3977c801_render,
+  ByCascaderPanelvue_type_template_id_3977c801_staticRenderFns,
   false,
   null,
   null,