@weitutech/by-components 1.1.65 → 1.1.66

package/lib/by-components.common.js

@@ -60745,8 +60745,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":"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/table/index.vue?vue&type=template&id=d8304908
-var tablevue_type_template_id_d8304908_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/table/index.vue?vue&type=template&id=746a119a
+var tablevue_type_template_id_746a119a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -60820,12 +60820,14 @@ var tablevue_type_template_id_d8304908_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_d8304908_staticRenderFns = [];
+var tablevue_type_template_id_746a119a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.every.js
 var es_iterator_every = __webpack_require__(1148);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
+var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.intersection.v2.js
@@ -61050,8 +61052,6 @@ var es_iterator_filter = __webpack_require__(2489);
 var es_iterator_find = __webpack_require__(116);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.flat-map.js
 var es_iterator_flat_map = __webpack_require__(531);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
-var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
 var es_iterator_some = __webpack_require__(3579);
 // EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
@@ -61743,6 +61743,7 @@ var custom_column_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var tablevue_type_script_lang_js = ({
   name: 'ByTable',
   components: {
@@ -61819,11 +61820,20 @@ var custom_column_component = normalizeComponent(
       sortState: {
         field: null,
         order: null
-      }
+      },
+      // 表格容器宽度
+      tableWidth: window.innerWidth,
+      // 是否为移动设备
+      isMobile: false
     };
   },
   mounted() {
     this.showResetCache = !!this.name;
+    this.checkDeviceType();
+    this.initResizeListener();
+  },
+  beforeDestroy() {
+    this.removeResizeListener();
   },
   watch: {
     'gridOptions.columns': {
@@ -61876,9 +61886,14 @@ var custom_column_component = normalizeComponent(
       this.originColumns = rewriteWidthColumns(this.tempColumns, columns);
 
       // 使用列宽缓存值(若有)
-      const newColumns = replaceColumnWidthToColumns(this.name, columns);
+      let newColumns = replaceColumnWidthToColumns(this.name, columns);
       this.setHasCache();
 
+      // 处理固定列限制
+      if (this.isMobile || this.tableWidth < 1000) {
+        newColumns = this.removeFixedColumns(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) {
@@ -61974,6 +61989,58 @@ var custom_column_component = normalizeComponent(
     }
   },
   methods: {
+    // ********************************************** 设备、宽度 校验，取消去定列 *****************************************
+    // 检查设备类型
+    checkDeviceType() {
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      const isMobileByUA = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+      const isSmallScreen = window.innerWidth <= 1024;
+      this.isMobile = isMobileByUA || isSmallScreen;
+    },
+    // 初始化窗口大小监听
+    initResizeListener() {
+      window.addEventListener('resize', this.handleResize);
+      // 初始获取表格宽度
+      this.$nextTick(() => {
+        if (this.$refs.xGrid && this.$refs.xGrid.$el) {
+          this.tableWidth = this.$refs.xGrid.$el.offsetWidth;
+        }
+      });
+    },
+    // 移除窗口大小监听
+    removeResizeListener() {
+      window.removeEventListener('resize', this.handleResize);
+    },
+    // 处理窗口大小变化
+    handleResize() {
+      if (this.$refs.xGrid && this.$refs.xGrid.$el) {
+        this.tableWidth = this.$refs.xGrid.$el.offsetWidth;
+      } else {
+        this.tableWidth = window.innerWidth;
+      }
+    },
+    // 移除固定列
+    removeFixedColumns(columns) {
+      if (!columns || !Array.isArray(columns)) return columns;
+      return columns.map(column => {
+        const newColumn = {
+          ...column
+        };
+
+        // 移除固定列属性
+        if (newColumn.fixed) {
+          delete newColumn.fixed;
+        }
+
+        // 处理子列
+        if (newColumn.children && Array.isArray(newColumn.children)) {
+          newColumn.children = this.removeFixedColumns(newColumn.children);
+        }
+        return newColumn;
+      });
+    },
+    // ********************************************** 设备、宽度 校验，取消去定列 *****************************************
+
     handleCellClick(context) {
       if (this.options.copyFields.includes(context.column.field)) {
         const text = context.cell.outerText;
@@ -62315,8 +62382,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_d8304908_render,
-  tablevue_type_template_id_d8304908_staticRenderFns,
+  tablevue_type_template_id_746a119a_render,
+  tablevue_type_template_id_746a119a_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -60755,8 +60755,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":"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/table/index.vue?vue&type=template&id=d8304908
-var tablevue_type_template_id_d8304908_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/table/index.vue?vue&type=template&id=746a119a
+var tablevue_type_template_id_746a119a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -60830,12 +60830,14 @@ var tablevue_type_template_id_d8304908_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_d8304908_staticRenderFns = [];
+var tablevue_type_template_id_746a119a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.every.js
 var es_iterator_every = __webpack_require__(1148);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
+var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.intersection.v2.js
@@ -61060,8 +61062,6 @@ var es_iterator_filter = __webpack_require__(2489);
 var es_iterator_find = __webpack_require__(116);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.flat-map.js
 var es_iterator_flat_map = __webpack_require__(531);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
-var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
 var es_iterator_some = __webpack_require__(3579);
 // EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
@@ -61753,6 +61753,7 @@ var custom_column_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var tablevue_type_script_lang_js = ({
   name: 'ByTable',
   components: {
@@ -61829,11 +61830,20 @@ var custom_column_component = normalizeComponent(
       sortState: {
         field: null,
         order: null
-      }
+      },
+      // 表格容器宽度
+      tableWidth: window.innerWidth,
+      // 是否为移动设备
+      isMobile: false
     };
   },
   mounted() {
     this.showResetCache = !!this.name;
+    this.checkDeviceType();
+    this.initResizeListener();
+  },
+  beforeDestroy() {
+    this.removeResizeListener();
   },
   watch: {
     'gridOptions.columns': {
@@ -61886,9 +61896,14 @@ var custom_column_component = normalizeComponent(
       this.originColumns = rewriteWidthColumns(this.tempColumns, columns);
 
       // 使用列宽缓存值(若有)
-      const newColumns = replaceColumnWidthToColumns(this.name, columns);
+      let newColumns = replaceColumnWidthToColumns(this.name, columns);
       this.setHasCache();
 
+      // 处理固定列限制
+      if (this.isMobile || this.tableWidth < 1000) {
+        newColumns = this.removeFixedColumns(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) {
@@ -61984,6 +61999,58 @@ var custom_column_component = normalizeComponent(
     }
   },
   methods: {
+    // ********************************************** 设备、宽度 校验，取消去定列 *****************************************
+    // 检查设备类型
+    checkDeviceType() {
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      const isMobileByUA = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+      const isSmallScreen = window.innerWidth <= 1024;
+      this.isMobile = isMobileByUA || isSmallScreen;
+    },
+    // 初始化窗口大小监听
+    initResizeListener() {
+      window.addEventListener('resize', this.handleResize);
+      // 初始获取表格宽度
+      this.$nextTick(() => {
+        if (this.$refs.xGrid && this.$refs.xGrid.$el) {
+          this.tableWidth = this.$refs.xGrid.$el.offsetWidth;
+        }
+      });
+    },
+    // 移除窗口大小监听
+    removeResizeListener() {
+      window.removeEventListener('resize', this.handleResize);
+    },
+    // 处理窗口大小变化
+    handleResize() {
+      if (this.$refs.xGrid && this.$refs.xGrid.$el) {
+        this.tableWidth = this.$refs.xGrid.$el.offsetWidth;
+      } else {
+        this.tableWidth = window.innerWidth;
+      }
+    },
+    // 移除固定列
+    removeFixedColumns(columns) {
+      if (!columns || !Array.isArray(columns)) return columns;
+      return columns.map(column => {
+        const newColumn = {
+          ...column
+        };
+
+        // 移除固定列属性
+        if (newColumn.fixed) {
+          delete newColumn.fixed;
+        }
+
+        // 处理子列
+        if (newColumn.children && Array.isArray(newColumn.children)) {
+          newColumn.children = this.removeFixedColumns(newColumn.children);
+        }
+        return newColumn;
+      });
+    },
+    // ********************************************** 设备、宽度 校验，取消去定列 *****************************************
+
     handleCellClick(context) {
       if (this.options.copyFields.includes(context.column.field)) {
         const text = context.cell.outerText;
@@ -62325,8 +62392,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_d8304908_render,
-  tablevue_type_template_id_d8304908_staticRenderFns,
+  tablevue_type_template_id_746a119a_render,
+  tablevue_type_template_id_746a119a_staticRenderFns,
   false,
   null,
   null,