@weitutech/by-components 1.1.181 → 1.1.183

package/lib/by-components.common.js

@@ -74524,14 +74524,14 @@ 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-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=14da638e
-var tablevue_type_template_id_14da638e_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-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=23b79ced
+var tablevue_type_template_id_23b79ced_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "by-table-wrapper",
     class: {
-      'custom-loading-mode': _vm.loadingStyle === 'custom' && _vm.loading
+      'custom-loading-mode': (_vm.loadingStyle === 'pulse' || _vm.loadingStyle === 'box') && _vm.loading
     }
   }, [_c('div', {
     staticClass: "vxe-grid-wrapper"
@@ -74616,7 +74616,7 @@ var tablevue_type_template_id_14da638e_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_14da638e_staticRenderFns = [];
+var tablevue_type_template_id_23b79ced_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -76664,11 +76664,11 @@ var custom_column_component = normalizeComponent(
       default: false
     },
     loadingStyle: {
-      // loading样式类型：'custom' 自定义3D旋转圆环样式（默认），'default' 使用vxe-table默认样式
+      // loading样式类型：'pulse' 3D旋转圆环样式（默认），'box' 方块变形动画样式，'default' 使用vxe-table默认样式
       type: String,
       default: 'default',
       validator(value) {
-        return ['custom', 'default'].includes(value);
+        return ['pulse', 'box', 'default'].includes(value);
       }
     }
   },
@@ -76716,7 +76716,7 @@ var custom_column_component = normalizeComponent(
     this.initDefaultSortForFrontendPagination();
 
     // 初始化自定义loading
-    if (this.loadingStyle === 'custom') {
+    if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
       this.$nextTick(() => {
         this.initCustomLoading();
         // 使用MutationObserver监听DOM变化，确保默认loading被隐藏
@@ -76739,14 +76739,14 @@ var custom_column_component = normalizeComponent(
   },
   watch: {
     loading(newVal) {
-      if (this.loadingStyle === 'custom') {
+      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
         this.$nextTick(() => {
           this.updateCustomLoading();
         });
       }
     },
     loadingStyle() {
-      if (this.loadingStyle === 'custom') {
+      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
         this.$nextTick(() => {
           this.updateCustomLoading();
         });
@@ -76885,7 +76885,7 @@ var custom_column_component = normalizeComponent(
             ...this.gridOptions.loadingConfig
           };
           // 如果使用自定义loading样式，隐藏默认的loading文字和图标
-          if (this.loadingStyle === 'custom') {
+          if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
             baseConfig.text = null;
             baseConfig.icon = null;
           } else {
@@ -77553,7 +77553,7 @@ var custom_column_component = normalizeComponent(
      * 初始化自定义loading
      */
     initCustomLoading() {
-      if (this.loadingStyle !== 'custom') return;
+      if (this.loadingStyle !== 'pulse' && this.loadingStyle !== 'box') return;
       this.$nextTick(() => {
         this.updateCustomLoading();
       });
@@ -77572,7 +77572,7 @@ var custom_column_component = normalizeComponent(
 
       // 创建MutationObserver
       this.loadingObserver = new MutationObserver(() => {
-        if (this.loading && this.loadingStyle === 'custom') {
+        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
           this.hideDefaultLoading();
         }
       });
@@ -77614,60 +77614,105 @@ var custom_column_component = normalizeComponent(
       const loadingEl = gridEl.querySelector('.vxe-loading');
       if (!loadingEl) {
         // 如果loading元素不存在，延迟重试
-        if (this.loading && this.loadingStyle === 'custom') {
+        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
           setTimeout(() => {
             this.updateCustomLoading();
           }, 100);
         }
         return;
       }
-
-      // 强制隐藏默认loading
-      this.hideDefaultLoading();
       let customLoading = loadingEl.querySelector('.custom-loading-content');
-      if (this.loading && this.loadingStyle === 'custom') {
-        if (!customLoading) {
-          var _this$gridOptions$loa;
-          // 获取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('');
 
+      // 强制隐藏默认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);
+            }
 
-          // 创建容器
-          const uiverseDiv = document.createElement('div');
-          uiverseDiv.className = 'uiverse-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.1}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);
+            // 添加旋转圆环
+            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);
           }
-          uiverseDiv.appendChild(loaderContainer);
-          customLoading.appendChild(uiverseDiv);
           loadingEl.appendChild(customLoading);
 
           // 确保loading在表格中央区域居中显示
@@ -77741,8 +77786,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_14da638e_render,
-  tablevue_type_template_id_14da638e_staticRenderFns,
+  tablevue_type_template_id_23b79ced_render,
+  tablevue_type_template_id_23b79ced_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -74534,14 +74534,14 @@ 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=14da638e
-var tablevue_type_template_id_14da638e_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=23b79ced
+var tablevue_type_template_id_23b79ced_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "by-table-wrapper",
     class: {
-      'custom-loading-mode': _vm.loadingStyle === 'custom' && _vm.loading
+      'custom-loading-mode': (_vm.loadingStyle === 'pulse' || _vm.loadingStyle === 'box') && _vm.loading
     }
   }, [_c('div', {
     staticClass: "vxe-grid-wrapper"
@@ -74626,7 +74626,7 @@ var tablevue_type_template_id_14da638e_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_14da638e_staticRenderFns = [];
+var tablevue_type_template_id_23b79ced_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -76674,11 +76674,11 @@ var custom_column_component = normalizeComponent(
       default: false
     },
     loadingStyle: {
-      // loading样式类型：'custom' 自定义3D旋转圆环样式（默认），'default' 使用vxe-table默认样式
+      // loading样式类型：'pulse' 3D旋转圆环样式（默认），'box' 方块变形动画样式，'default' 使用vxe-table默认样式
       type: String,
       default: 'default',
       validator(value) {
-        return ['custom', 'default'].includes(value);
+        return ['pulse', 'box', 'default'].includes(value);
       }
     }
   },
@@ -76726,7 +76726,7 @@ var custom_column_component = normalizeComponent(
     this.initDefaultSortForFrontendPagination();
 
     // 初始化自定义loading
-    if (this.loadingStyle === 'custom') {
+    if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
       this.$nextTick(() => {
         this.initCustomLoading();
         // 使用MutationObserver监听DOM变化，确保默认loading被隐藏
@@ -76749,14 +76749,14 @@ var custom_column_component = normalizeComponent(
   },
   watch: {
     loading(newVal) {
-      if (this.loadingStyle === 'custom') {
+      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
         this.$nextTick(() => {
           this.updateCustomLoading();
         });
       }
     },
     loadingStyle() {
-      if (this.loadingStyle === 'custom') {
+      if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
         this.$nextTick(() => {
           this.updateCustomLoading();
         });
@@ -76895,7 +76895,7 @@ var custom_column_component = normalizeComponent(
             ...this.gridOptions.loadingConfig
           };
           // 如果使用自定义loading样式，隐藏默认的loading文字和图标
-          if (this.loadingStyle === 'custom') {
+          if (this.loadingStyle === 'pulse' || this.loadingStyle === 'box') {
             baseConfig.text = null;
             baseConfig.icon = null;
           } else {
@@ -77563,7 +77563,7 @@ var custom_column_component = normalizeComponent(
      * 初始化自定义loading
      */
     initCustomLoading() {
-      if (this.loadingStyle !== 'custom') return;
+      if (this.loadingStyle !== 'pulse' && this.loadingStyle !== 'box') return;
       this.$nextTick(() => {
         this.updateCustomLoading();
       });
@@ -77582,7 +77582,7 @@ var custom_column_component = normalizeComponent(
 
       // 创建MutationObserver
       this.loadingObserver = new MutationObserver(() => {
-        if (this.loading && this.loadingStyle === 'custom') {
+        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
           this.hideDefaultLoading();
         }
       });
@@ -77624,60 +77624,105 @@ var custom_column_component = normalizeComponent(
       const loadingEl = gridEl.querySelector('.vxe-loading');
       if (!loadingEl) {
         // 如果loading元素不存在，延迟重试
-        if (this.loading && this.loadingStyle === 'custom') {
+        if (this.loading && (this.loadingStyle === 'pulse' || this.loadingStyle === 'box')) {
           setTimeout(() => {
             this.updateCustomLoading();
           }, 100);
         }
         return;
       }
-
-      // 强制隐藏默认loading
-      this.hideDefaultLoading();
       let customLoading = loadingEl.querySelector('.custom-loading-content');
-      if (this.loading && this.loadingStyle === 'custom') {
-        if (!customLoading) {
-          var _this$gridOptions$loa;
-          // 获取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('');
 
+      // 强制隐藏默认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);
+            }
 
-          // 创建容器
-          const uiverseDiv = document.createElement('div');
-          uiverseDiv.className = 'uiverse-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.1}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);
+            // 添加旋转圆环
+            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);
           }
-          uiverseDiv.appendChild(loaderContainer);
-          customLoading.appendChild(uiverseDiv);
           loadingEl.appendChild(customLoading);
 
           // 确保loading在表格中央区域居中显示
@@ -77751,8 +77796,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_14da638e_render,
-  tablevue_type_template_id_14da638e_staticRenderFns,
+  tablevue_type_template_id_23b79ced_render,
+  tablevue_type_template_id_23b79ced_staticRenderFns,
   false,
   null,
   null,