@weitutech/by-components 1.1.183 → 1.1.184

package/lib/by-components.umd.js

@@ -74534,18 +74534,11 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-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=23b79ced
-var tablevue_type_template_id_23b79ced_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daa4f39-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=35ba1298
+var tablevue_type_template_id_35ba1298_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "by-table-wrapper",
-    class: {
-      'custom-loading-mode': (_vm.loadingStyle === 'pulse' || _vm.loadingStyle === 'box') && _vm.loading
-    }
-  }, [_c('div', {
-    staticClass: "vxe-grid-wrapper"
-  }, [_c('vxe-grid', _vm._g(_vm._b({
+  return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
     ref: "xGrid",
     on: {
       "cell-click": _vm.handleCellClick,
@@ -74607,7 +74600,7 @@ var tablevue_type_template_id_23b79ced_render = function render() {
       },
       proxy: true
     }], null, true)
-  }, 'vxe-grid', _vm.options, false), _vm.eventListeners))], 1), _vm.gridOptions && _vm.gridOptions.customColumnConfig && _vm.gridOptions.customColumnConfig.showCustomColumn ? _c('CustomColumn', {
+  }, 'vxe-grid', _vm.options, false), _vm.eventListeners)), _vm.gridOptions && _vm.gridOptions.customColumnConfig && _vm.gridOptions.customColumnConfig.showCustomColumn ? _c('CustomColumn', {
     ref: "CustomColumnRef",
     attrs: {
       "info-method": _vm.gridOptions.customColumnConfig.infoMethod,
@@ -74626,7 +74619,7 @@ var tablevue_type_template_id_23b79ced_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_23b79ced_staticRenderFns = [];
+var tablevue_type_template_id_35ba1298_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -76672,14 +76665,6 @@ var custom_column_component = normalizeComponent(
     loading: {
       type: Boolean,
       default: false
-    },
-    loadingStyle: {
-      // loading样式类型：'pulse' 3D旋转圆环样式（默认），'box' 方块变形动画样式，'default' 使用vxe-table默认样式
-      type: String,
-      default: 'default',
-      validator(value) {
-        return ['pulse', 'box', 'default'].includes(value);
-      }
     }
   },
   data() {
@@ -76708,9 +76693,7 @@ var custom_column_component = normalizeComponent(
       tableWidth: 1200,
       // 默认值，将在客户端初始化
       // 是否为移动设备
-      isMobile: false,
-      // MutationObserver实例
-      loadingObserver: null
+      isMobile: false
     };
   },
   mounted() {
@@ -76724,52 +76707,14 @@ var custom_column_component = normalizeComponent(
 
     // 前端分页模式下初始化默认排序
     this.initDefaultSortForFrontendPagination();
-
-    // 初始化自定义loading
-    if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
-      this.$nextTick(() => {
-        this.initCustomLoading();
-        // 使用MutationObserver监听DOM变化，确保默认loading被隐藏
-        if (this.$refs.xGrid && this.$refs.xGrid.$el) {
-          this.observeLoadingChanges();
-        }
-      });
-    }
   },
   beforeDestroy() {
     // 确保只在客户端环境中移除事件监听
     if (typeof window !== 'undefined') {
       this.removeResizeListener();
-      // 清理MutationObserver
-      if (this.loadingObserver) {
-        this.loadingObserver.disconnect();
-        this.loadingObserver = null;
-      }
     }
   },
   watch: {
-    loading(newVal) {
-      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
-        this.$nextTick(() => {
-          this.updateCustomLoading();
-        });
-      }
-    },
-    loadingStyle() {
-      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
-        this.$nextTick(() => {
-          this.updateCustomLoading();
-        });
-      } else {
-        // 切换到default样式时，移除自定义loading
-        if (this.$refs.xGrid && this.$refs.xGrid.$el) {
-          const customLoading = this.$refs.xGrid.$el.querySelector('.custom-loading-content');
-          if (customLoading) {
-            customLoading.remove();
-          }
-        }
-      }
-    },
     'gridOptions.columns': {
       handler(newColumns) {
         //这里保存的列宽要恢复至最初未拖动时的列宽
@@ -76890,19 +76835,9 @@ var custom_column_component = normalizeComponent(
         copyFields: this.gridOptions.copyFields || [],
         emptyText: this.gridOptions.emptyText || '暂无数据',
         loading: this.loading,
-        loadingConfig: (() => {
-          const baseConfig = {
-            ...this.gridOptions.loadingConfig
-          };
-          // 如果使用自定义loading样式，隐藏默认的loading文字和图标
-          if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
-            baseConfig.text = null;
-            baseConfig.icon = null;
-          } else {
-            baseConfig.text = baseConfig.text || '加载中...';
-          }
-          return baseConfig;
-        })(),
+        loadingConfig: {
+          text: '加载中...'
+        },
         columns: newColumns,
         data,
         resizableConfig: {
@@ -77559,200 +77494,6 @@ var custom_column_component = normalizeComponent(
         });
       }
     },
-    /**
-     * 初始化自定义loading
-     */
-    initCustomLoading() {
-      if (this.loadingStyle !== 'pulse' && this.loadingStyle !== 'box') return;
-      this.$nextTick(() => {
-        this.updateCustomLoading();
-      });
-    },
-    /**
-     * 监听loading DOM变化，确保默认loading被隐藏
-     */
-    observeLoadingChanges() {
-      if (!this.$refs.xGrid || !this.$refs.xGrid.$el) return;
-      const gridEl = this.$refs.xGrid.$el;
-
-      // 如果已经有observer，先断开
-      if (this.loadingObserver) {
-        this.loadingObserver.disconnect();
-      }
-
-      // 创建MutationObserver
-      this.loadingObserver = new MutationObserver(() => {
-        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
-          this.hideDefaultLoading();
-        }
-      });
-
-      // 开始监听
-      this.loadingObserver.observe(gridEl, {
-        childList: true,
-        subtree: true
-      });
-    },
-    /**
-     * 强制隐藏默认loading
-     */
-    hideDefaultLoading() {
-      if (!this.$refs.xGrid || !this.$refs.xGrid.$el) return;
-      const gridEl = this.$refs.xGrid.$el;
-      const loadingEl = gridEl.querySelector('.vxe-loading');
-      if (!loadingEl) return;
-
-      // 隐藏所有可能的默认loading元素
-      const selectors = ['.vxe-loading--spinner', '.vxe-loading--text', '.vxe-icon', 'i[class*="spinner"]', 'i[class*="loading"]', '.vxe-loading--content > *:not(.custom-loading-content)'];
-      selectors.forEach(selector => {
-        const elements = loadingEl.querySelectorAll(selector);
-        elements.forEach(el => {
-          if (!el.closest('.custom-loading-content')) {
-            el.style.display = 'none';
-            el.style.visibility = 'hidden';
-            el.style.opacity = '0';
-          }
-        });
-      });
-    },
-    /**
-     * 更新自定义loading显示
-     */
-    updateCustomLoading() {
-      if (!this.$refs.xGrid || !this.$refs.xGrid.$el) return;
-      const gridEl = this.$refs.xGrid.$el;
-      const loadingEl = gridEl.querySelector('.vxe-loading');
-      if (!loadingEl) {
-        // 如果loading元素不存在，延迟重试
-        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
-          setTimeout(() => {
-            this.updateCustomLoading();
-          }, 100);
-        }
-        return;
-      }
-      let customLoading = loadingEl.querySelector('.custom-loading-content');
-
-      // 强制隐藏默认loading（只在自定义loading模式下）
-      if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
-        this.hideDefaultLoading();
-      }
-      if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
-        if (!customLoading) {
-          // 创建自定义loading元素
-          customLoading = document.createElement('div');
-          customLoading.className = 'custom-loading-content';
-          if (this.loadingStyle === 'pulse') {
-            var _this$gridOptions$loa;
-            // 3D旋转圆环样式
-            // 获取loading文案配置
-            const loadingText = ((_this$gridOptions$loa = this.gridOptions.loadingConfig) === null || _this$gridOptions$loa === void 0 ? void 0 : _this$gridOptions$loa.text) || '加载中...';
-
-            // 将文案转换为字符数组
-            const textChars = loadingText.split('');
-
-            // 创建容器
-            const uiverseDiv = document.createElement('div');
-            uiverseDiv.className = 'table-loading-pulse';
-            const loaderContainer = document.createElement('div');
-            loaderContainer.className = 'loader-container';
-
-            // 创建文字元素（使用h3标签）
-            if (loadingText) {
-              const textElement = document.createElement('h3');
-              textElement.className = 'loader-text';
-
-              // 为每个字符创建span，并设置动画延迟
-              textChars.forEach((char, index) => {
-                const charSpan = document.createElement('span');
-                charSpan.className = 'loader-char';
-                charSpan.style.animationDelay = `${index * 0.15}s`;
-                charSpan.textContent = char === ' ' ? '\u00A0' : char; // 使用不间断空格
-                textElement.appendChild(charSpan);
-              });
-              loaderContainer.appendChild(textElement);
-            }
-
-            // 添加旋转圆环
-            for (let i = 0; i < 4; i++) {
-              const ring = document.createElement('div');
-              ring.className = 'loader-ring';
-              loaderContainer.appendChild(ring);
-            }
-            uiverseDiv.appendChild(loaderContainer);
-            customLoading.appendChild(uiverseDiv);
-          } else if (this.loadingStyle === 'box') {
-            var _this$gridOptions$loa2;
-            // 方块变形动画样式
-            const boxDiv = document.createElement('div');
-            boxDiv.className = 'table-loading-box';
-            const loader = document.createElement('div');
-            loader.className = 'loader';
-
-            // 创建三个方块
-            const box1 = document.createElement('div');
-            box1.className = 'box1';
-            const box2 = document.createElement('div');
-            box2.className = 'box2';
-            const box3 = document.createElement('div');
-            box3.className = 'box3';
-            loader.appendChild(box1);
-            loader.appendChild(box2);
-            loader.appendChild(box3);
-
-            // 创建容器包裹loader和文字
-            const loaderContainer = document.createElement('div');
-            loaderContainer.className = 'loader-container';
-            loaderContainer.appendChild(loader);
-
-            // 添加文字动画（显示在下方）
-            const loadingText = ((_this$gridOptions$loa2 = this.gridOptions.loadingConfig) === null || _this$gridOptions$loa2 === void 0 ? void 0 : _this$gridOptions$loa2.text) || '加载中...';
-            if (loadingText) {
-              const textChars = loadingText.split('');
-              const textElement = document.createElement('h3');
-              textElement.className = 'loader-text';
-              textChars.forEach((char, index) => {
-                const charSpan = document.createElement('span');
-                charSpan.className = 'loader-char';
-                charSpan.style.animationDelay = `${index * 0.1}s`;
-                charSpan.textContent = char === ' ' ? '\u00A0' : char;
-                textElement.appendChild(charSpan);
-              });
-              loaderContainer.appendChild(textElement);
-            }
-            boxDiv.appendChild(loaderContainer);
-            customLoading.appendChild(boxDiv);
-          }
-          loadingEl.appendChild(customLoading);
-
-          // 确保loading在表格中央区域居中显示
-          this.$nextTick(() => {
-            if (customLoading) {
-              customLoading.style.position = 'absolute';
-              customLoading.style.top = '0';
-              customLoading.style.left = '0';
-              customLoading.style.right = '0';
-              customLoading.style.bottom = '0';
-              customLoading.style.display = 'flex';
-              customLoading.style.justifyContent = 'center';
-              customLoading.style.alignItems = 'center';
-              customLoading.style.zIndex = '10001';
-            }
-          });
-
-          // 再次确保默认loading被隐藏
-          setTimeout(() => {
-            this.hideDefaultLoading();
-          }, 50);
-        } else {
-          customLoading.style.display = 'flex';
-          customLoading.style.visibility = 'visible';
-        }
-      } else if (customLoading) {
-        // loading结束时隐藏
-        customLoading.style.display = 'none';
-      }
-    },
     /**
      * 确保默认排序高亮（数据变化时调用，支持前端分页和虚拟滚动）
      */
@@ -77796,8 +77537,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_23b79ced_render,
-  tablevue_type_template_id_23b79ced_staticRenderFns,
+  tablevue_type_template_id_35ba1298_render,
+  tablevue_type_template_id_35ba1298_staticRenderFns,
   false,
   null,
   null,