@weitutech/by-components 1.1.154 → 1.1.156

package/lib/by-components.common.js

@@ -74524,8 +74524,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":"444f6cde-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/table/index.vue?vue&type=template&id=1531768e
-var tablevue_type_template_id_1531768e_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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/table/index.vue?vue&type=template&id=7d8ad903
+var tablevue_type_template_id_7d8ad903_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74603,7 +74603,7 @@ var tablevue_type_template_id_1531768e_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_1531768e_staticRenderFns = [];
+var tablevue_type_template_id_7d8ad903_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -76764,6 +76764,9 @@ var custom_column_component = normalizeComponent(
         newColumns = this.removeFixedColumns(newColumns);
       }
 
+      // 为表头补充tooltips展示能力
+      newColumns = this.applyColumnTooltips(newColumns);
+
       // 处理前端分页和虚拟滚动
       let data = others.data || [];
       if ((_others$pagerConfig = others.pagerConfig) !== null && _others$pagerConfig !== void 0 && _others$pagerConfig.frontendPagination || (_others$sortConfig = others.sortConfig) !== null && _others$sortConfig !== void 0 && _others$sortConfig.frontendSort) {
@@ -76937,6 +76940,79 @@ var custom_column_component = normalizeComponent(
     setHasCache() {
       this.hasCache = isCachedTableColumns(this.name);
     },
+    /**
+     * 根据工具提示配置增强表头
+     * @param {Array} columns
+     */
+    applyColumnTooltips(columns) {
+      if (!Array.isArray(columns)) return columns;
+      return columns.map(column => {
+        const newColumn = {
+          ...column
+        };
+        if (Array.isArray(newColumn.children) && newColumn.children.length) {
+          newColumn.children = this.applyColumnTooltips(newColumn.children);
+        }
+        const tooltipConfig = this.normalizeTooltipConfig(newColumn.tooltips);
+        if (tooltipConfig) {
+          newColumn.titleSuffix = this.createTitleSuffixConfig(newColumn.titleSuffix, tooltipConfig);
+        }
+        return newColumn;
+      });
+    },
+    /**
+     * 规范化列配置上的tooltips字段
+     * @param {string|Object} tooltips
+     */
+    normalizeTooltipConfig(tooltips) {
+      if (!tooltips) return null;
+      if (typeof tooltips === 'string') {
+        return {
+          content: tooltips,
+          placement: 'top',
+          effect: 'dark'
+        };
+      }
+      if (typeof tooltips === 'object') {
+        const {
+          content,
+          placement,
+          effect,
+          popperClass,
+          iconClass
+        } = tooltips;
+        if (!content) {
+          return null;
+        }
+        return {
+          content,
+          placement: placement || 'top',
+          effect: effect || 'dark',
+          popperClass,
+          iconClass
+        };
+      }
+      return null;
+    },
+    /**
+     * 生成 VXE 表格 titleSuffix 配置
+     */
+    createTitleSuffixConfig(existingSuffix, tooltipConfig) {
+      const suffix = typeof existingSuffix === 'object' && existingSuffix !== null ? {
+        ...existingSuffix
+      } : {};
+      const iconClass = tooltipConfig.iconClass || suffix.icon || 'el-icon-question';
+      return {
+        ...suffix,
+        icon: iconClass,
+        content: tooltipConfig.content,
+        message: tooltipConfig.content,
+        theme: suffix.theme || tooltipConfig.effect || 'dark',
+        enterable: typeof suffix.enterable === 'boolean' ? suffix.enterable : true,
+        placement: suffix.placement || tooltipConfig.placement || 'top',
+        popperClass: suffix.popperClass || tooltipConfig.popperClass
+      };
+    },
     //重置列宽缓存
     resetCachedTableColumns() {
       removeCachedTableColumns(this.name);
@@ -77390,8 +77466,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_1531768e_render,
-  tablevue_type_template_id_1531768e_staticRenderFns,
+  tablevue_type_template_id_7d8ad903_render,
+  tablevue_type_template_id_7d8ad903_staticRenderFns,
   false,
   null,
   null,
@@ -95201,8 +95277,8 @@ var ByPopoverSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByPopoverSelector = (ByPopoverSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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/grid-layout/ByGridLayout.vue?vue&type=template&id=3735c079
-var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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/grid-layout/ByGridLayout.vue?vue&type=template&id=7e47dec8
+var ByGridLayoutvue_type_template_id_7e47dec8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -95238,7 +95314,7 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     }, 'grid-item', renderItem.layoutProps, false), [_c('div', {
       staticClass: "by-grid-layout__item-wrapper"
     }, [_vm.toggleable && _vm.isEditingActive ? _c('i', {
-      staticClass: "by-grid-layout__delete-btn el-icon-close",
+      staticClass: "by-grid-layout__delete-btn el-icon-delete",
       on: {
         "click": function ($event) {
           $event.stopPropagation();
@@ -95345,6 +95421,12 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     staticClass: "by-grid-layout__empty-desc"
   }, [_vm._v(_vm._s(_vm.isEditing ? '点击上方添加卡片或点击右侧恢复默认布局' : '点击右侧自定义按钮进行配置'))])]) : _vm._e(), _vm.toggleable ? _c('div', {
     staticClass: "by-grid-layout__controls"
+  }, [_c('el-tooltip', {
+    attrs: {
+      "content": _vm.tooltipContent,
+      "placement": "left",
+      "disabled": !_vm.isEditingActive || !_vm.showTooltip
+    }
   }, [_c('div', {
     staticClass: "by-grid-layout__mode-toggle",
     class: {
@@ -95353,14 +95435,19 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     on: {
       "click": _vm.handleModeButtonClick
     }
-  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])]), _vm.isEditingActive ? _c('div', {
+  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])])]), _vm.isEditingActive ? _c('div', {
     staticClass: "by-grid-layout__reset-toggle",
     on: {
       "click": _vm.handleReset
     }
-  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e()]) : _vm._e()], 1);
+  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e(), _vm.isEditingActive ? _c('div', {
+    staticClass: "by-grid-layout__cancel-toggle",
+    on: {
+      "click": _vm.handleCancel
+    }
+  }, [_c('span', [_vm._v("取消")])]) : _vm._e()], 1) : _vm._e()], 1);
 };
-var ByGridLayoutvue_type_template_id_3735c079_staticRenderFns = [];
+var ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
 var es_iterator_reduce = __webpack_require__(8237);
@@ -95434,6 +95521,16 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
     toggleable: {
       type: Boolean,
       default: true
+    },
+    /** 是否显示提示 */
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    /** 提示内容 */
+    tooltipContent: {
+      type: String,
+      default: '编辑排版保存后生效~'
     }
   },
   data() {
@@ -95668,6 +95765,10 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
         }))
       });
     },
+    handleCancel() {
+      this.exitEditMode();
+      this.$emit('cancel');
+    },
     emitModeChange() {
       this.$emit('mode-change', this.currentMode);
     },
@@ -96071,8 +96172,8 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
 ;
 var ByGridLayout_component = normalizeComponent(
   grid_layout_ByGridLayoutvue_type_script_lang_js,
-  ByGridLayoutvue_type_template_id_3735c079_render,
-  ByGridLayoutvue_type_template_id_3735c079_staticRenderFns,
+  ByGridLayoutvue_type_template_id_7e47dec8_render,
+  ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -74534,8 +74534,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":"444f6cde-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=1531768e
-var tablevue_type_template_id_1531768e_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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=7d8ad903
+var tablevue_type_template_id_7d8ad903_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74613,7 +74613,7 @@ var tablevue_type_template_id_1531768e_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_1531768e_staticRenderFns = [];
+var tablevue_type_template_id_7d8ad903_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -76774,6 +76774,9 @@ var custom_column_component = normalizeComponent(
         newColumns = this.removeFixedColumns(newColumns);
       }
 
+      // 为表头补充tooltips展示能力
+      newColumns = this.applyColumnTooltips(newColumns);
+
       // 处理前端分页和虚拟滚动
       let data = others.data || [];
       if ((_others$pagerConfig = others.pagerConfig) !== null && _others$pagerConfig !== void 0 && _others$pagerConfig.frontendPagination || (_others$sortConfig = others.sortConfig) !== null && _others$sortConfig !== void 0 && _others$sortConfig.frontendSort) {
@@ -76947,6 +76950,79 @@ var custom_column_component = normalizeComponent(
     setHasCache() {
       this.hasCache = isCachedTableColumns(this.name);
     },
+    /**
+     * 根据工具提示配置增强表头
+     * @param {Array} columns
+     */
+    applyColumnTooltips(columns) {
+      if (!Array.isArray(columns)) return columns;
+      return columns.map(column => {
+        const newColumn = {
+          ...column
+        };
+        if (Array.isArray(newColumn.children) && newColumn.children.length) {
+          newColumn.children = this.applyColumnTooltips(newColumn.children);
+        }
+        const tooltipConfig = this.normalizeTooltipConfig(newColumn.tooltips);
+        if (tooltipConfig) {
+          newColumn.titleSuffix = this.createTitleSuffixConfig(newColumn.titleSuffix, tooltipConfig);
+        }
+        return newColumn;
+      });
+    },
+    /**
+     * 规范化列配置上的tooltips字段
+     * @param {string|Object} tooltips
+     */
+    normalizeTooltipConfig(tooltips) {
+      if (!tooltips) return null;
+      if (typeof tooltips === 'string') {
+        return {
+          content: tooltips,
+          placement: 'top',
+          effect: 'dark'
+        };
+      }
+      if (typeof tooltips === 'object') {
+        const {
+          content,
+          placement,
+          effect,
+          popperClass,
+          iconClass
+        } = tooltips;
+        if (!content) {
+          return null;
+        }
+        return {
+          content,
+          placement: placement || 'top',
+          effect: effect || 'dark',
+          popperClass,
+          iconClass
+        };
+      }
+      return null;
+    },
+    /**
+     * 生成 VXE 表格 titleSuffix 配置
+     */
+    createTitleSuffixConfig(existingSuffix, tooltipConfig) {
+      const suffix = typeof existingSuffix === 'object' && existingSuffix !== null ? {
+        ...existingSuffix
+      } : {};
+      const iconClass = tooltipConfig.iconClass || suffix.icon || 'el-icon-question';
+      return {
+        ...suffix,
+        icon: iconClass,
+        content: tooltipConfig.content,
+        message: tooltipConfig.content,
+        theme: suffix.theme || tooltipConfig.effect || 'dark',
+        enterable: typeof suffix.enterable === 'boolean' ? suffix.enterable : true,
+        placement: suffix.placement || tooltipConfig.placement || 'top',
+        popperClass: suffix.popperClass || tooltipConfig.popperClass
+      };
+    },
     //重置列宽缓存
     resetCachedTableColumns() {
       removeCachedTableColumns(this.name);
@@ -77400,8 +77476,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_1531768e_render,
-  tablevue_type_template_id_1531768e_staticRenderFns,
+  tablevue_type_template_id_7d8ad903_render,
+  tablevue_type_template_id_7d8ad903_staticRenderFns,
   false,
   null,
   null,
@@ -95211,8 +95287,8 @@ var ByPopoverSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByPopoverSelector = (ByPopoverSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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/grid-layout/ByGridLayout.vue?vue&type=template&id=3735c079
-var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-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/grid-layout/ByGridLayout.vue?vue&type=template&id=7e47dec8
+var ByGridLayoutvue_type_template_id_7e47dec8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -95248,7 +95324,7 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     }, 'grid-item', renderItem.layoutProps, false), [_c('div', {
       staticClass: "by-grid-layout__item-wrapper"
     }, [_vm.toggleable && _vm.isEditingActive ? _c('i', {
-      staticClass: "by-grid-layout__delete-btn el-icon-close",
+      staticClass: "by-grid-layout__delete-btn el-icon-delete",
       on: {
         "click": function ($event) {
           $event.stopPropagation();
@@ -95355,6 +95431,12 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     staticClass: "by-grid-layout__empty-desc"
   }, [_vm._v(_vm._s(_vm.isEditing ? '点击上方添加卡片或点击右侧恢复默认布局' : '点击右侧自定义按钮进行配置'))])]) : _vm._e(), _vm.toggleable ? _c('div', {
     staticClass: "by-grid-layout__controls"
+  }, [_c('el-tooltip', {
+    attrs: {
+      "content": _vm.tooltipContent,
+      "placement": "left",
+      "disabled": !_vm.isEditingActive || !_vm.showTooltip
+    }
   }, [_c('div', {
     staticClass: "by-grid-layout__mode-toggle",
     class: {
@@ -95363,14 +95445,19 @@ var ByGridLayoutvue_type_template_id_3735c079_render = function render() {
     on: {
       "click": _vm.handleModeButtonClick
     }
-  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])]), _vm.isEditingActive ? _c('div', {
+  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])])]), _vm.isEditingActive ? _c('div', {
     staticClass: "by-grid-layout__reset-toggle",
     on: {
       "click": _vm.handleReset
     }
-  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e()]) : _vm._e()], 1);
+  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e(), _vm.isEditingActive ? _c('div', {
+    staticClass: "by-grid-layout__cancel-toggle",
+    on: {
+      "click": _vm.handleCancel
+    }
+  }, [_c('span', [_vm._v("取消")])]) : _vm._e()], 1) : _vm._e()], 1);
 };
-var ByGridLayoutvue_type_template_id_3735c079_staticRenderFns = [];
+var ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
 var es_iterator_reduce = __webpack_require__(8237);
@@ -95444,6 +95531,16 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
     toggleable: {
       type: Boolean,
       default: true
+    },
+    /** 是否显示提示 */
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    /** 提示内容 */
+    tooltipContent: {
+      type: String,
+      default: '编辑排版保存后生效~'
     }
   },
   data() {
@@ -95678,6 +95775,10 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
         }))
       });
     },
+    handleCancel() {
+      this.exitEditMode();
+      this.$emit('cancel');
+    },
     emitModeChange() {
       this.$emit('mode-change', this.currentMode);
     },
@@ -96081,8 +96182,8 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
 ;
 var ByGridLayout_component = normalizeComponent(
   grid_layout_ByGridLayoutvue_type_script_lang_js,
-  ByGridLayoutvue_type_template_id_3735c079_render,
-  ByGridLayoutvue_type_template_id_3735c079_staticRenderFns,
+  ByGridLayoutvue_type_template_id_7e47dec8_render,
+  ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns,
   false,
   null,
   null,