hw-cus-ui 1.1.5 → 1.1.7

package/HwFileUpload/HwFileUpload.vue

@@ -85,8 +85,6 @@
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue';
-// @ts-ignore
-import * as FileSaver from 'file-saver';
 
 // 导入uni-app的类型定义
 declare const uni: any;
@@ -201,12 +199,67 @@ const handleDownload = (file: any) => {
  */
 async function convertUrlToBlob(url: string, name: string) {
   try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`HTTP错误: ${response.status}`);
-    }
-    const blob = await response.blob();
-    FileSaver.saveAs(blob, name);
+    // 在UniApp环境中，使用 uni.downloadFile API 替代 file-saver
+    uni.downloadFile({
+      url: url,
+      success: (res: any) => {
+        if (res.statusCode === 200) {
+          // 下载成功后，使用 uni.saveFile 保存到本地
+          uni.saveFile({
+            tempFilePath: res.tempFilePath,
+            success: (saveRes: any) => {
+              uni.showToast({
+                title: '文件已保存至：' + saveRes.savedFilePath,
+                icon: 'none',
+                duration: 2000
+              });
+            },
+            fail: () => {
+              // 如果无法保存到本地，尝试使用其他方式打开文件
+              uni.openDocument({
+                filePath: res.tempFilePath,
+                success: () => {
+                  console.log('打开文档成功');
+                },
+                fail: (err: any) => {
+                  console.log('打开文档失败', err);
+                  // 在微信小程序环境中，可能无法直接保存文件，这里提供提示
+                  uni.showModal({
+                    title: '提示',
+                    content: '当前环境不支持直接保存文件，您可以点击右上角菜单选择"保存到手机"功能',
+                    showCancel: false
+                  });
+                }
+              });
+            }
+          });
+        } else {
+          console.log('下载失败', res);
+        }
+      },
+      fail: (err: any) => {
+        console.log('下载失败', err);
+        // 如果 uni.downloadFile 失败，尝试使用浏览器原生下载
+        if (typeof window !== 'undefined' && window.navigator && (window.navigator as any).msSaveOrOpenBlob) {
+          // IE浏览器
+          const xhr = new XMLHttpRequest();
+          xhr.open('GET', url, true);
+          xhr.responseType = 'blob';
+          xhr.onload = () => {
+            const blob = xhr.response;
+            (window.navigator as any).msSaveOrOpenBlob(blob, name);
+          };
+          xhr.send();
+        } else {
+          // 其他浏览器
+          const link = document.createElement('a');
+          link.href = url;
+          link.download = name;
+          link.target = '_blank';
+          link.click();
+        }
+      }
+    });
   } catch (error) {
     console.log(error);
   }

package/index.d.ts

@@ -7,12 +7,12 @@ import HwInput from './HwInput';
 import HwFileUpload from './HwFileUpload';
 import HwCheckbox from './HwCheckbox';
 import HwTabs from './HwTabs';
-import HwAppList from './z-paging/components/z-paging/z-paging.vue';
+import ZPaging from './z-paging';
 
-export { HwBtn, HwDraggableBottomPopup, HwSelect, HwPickerTree, HwInput, HwFileUpload, HwCheckbox, HwTabs, HwAppList };
+export { HwBtn, HwDraggableBottomPopup, HwSelect, HwPickerTree, HwInput, HwFileUpload, HwCheckbox, HwTabs, ZPaging };
 
 export declare const hwCusUi: {
   install: (app: App) => void;
 };
 
-export default hwCusUi;
+export default hwCusUi;

package/index.ts

@@ -8,9 +8,9 @@ import HwInput from './HwInput';
 import HwFileUpload from './HwFileUpload';
 import HwCheckbox from './HwCheckbox';
 import HwTabs from './HwTabs';
-import HwAppList from './z-paging/components/z-paging/z-paging.vue';
+import ZPaging from './z-paging';
 
-export { HwBtn, HwDraggableBottomPopup, HwSelect, HwPickerTree, HwInput, HwFileUpload, HwCheckbox, HwTabs, HwAppList };
+export { HwBtn, HwDraggableBottomPopup, HwSelect, HwPickerTree, HwInput, HwFileUpload, HwCheckbox, HwTabs, ZPaging };
 
 // 所有组件列表
 const components = [
@@ -22,7 +22,7 @@ const components = [
   HwFileUpload,
   HwCheckbox,
   HwTabs,
-  HwAppList
+  ZPaging
 ];
 
 // 定义 install 方法
@@ -35,4 +35,4 @@ const hwCusUi = {
   install
 };
 
-export default hwCusUi;
+export default hwCusUi;

package/package.json

@@ -1,12 +1,19 @@
 {
   "name": "hw-cus-ui",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "使用该组件库需安装uniapp插件@dcloudio/uni-ui",
   "main": "index.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "keywords": [],
+  "keywords": [
+    "uniapp",
+    "vue",
+    "ui",
+    "component",
+    "pagination",
+    "scroll"
+  ],
   "author": "",
   "license": "ISC",
   "type": "commonjs",

package/z-paging/components/z-paging-empty-view/z-paging-empty-view.vue

@@ -16,29 +16,16 @@
 </template>
 
 <script>
-	import zStatic from '../z-paging/js/z-paging-static'
+	// #ifdef APP-NVUE
+	import zStatic from '../z-paging/js/z-paging-static';
+	// #endif
 	
-	/**
-	 * z-paging-empty-view 空数据组件
-	 * @description 通用的 z-paging 空数据组件
-	 * @tutorial https://z-paging.zxlee.cn/api/sub-components/main.html#z-paging-empty-view配置
-	 * @property {Boolean} emptyViewFixed 空数据图片是否铺满 z-paging，默认为 false。若设置为 true，则为填充满 z-paging 的剩余部分
-	 * @property {String} emptyViewText 空数据图描述文字，默认为 '没有数据哦~'
-	 * @property {String} emptyViewImg 空数据图图片，默认使用 z-paging 内置的图片 (建议使用绝对路径，开头不要添加 "@"，请以 "/" 开头)
-	 * @property {String} emptyViewReloadText 空数据图点击重新加载文字，默认为 '重新加载'
-	 * @property {Object} emptyViewStyle 空数据图样式，可设置空数据 view 的 top 等，如: empty-view-style="{'top':'100rpx'}" (如果空数据图不是 fixed 布局，则此处是 margin-top)，默认为 {}
-	 * @property {Object} emptyViewImgStyle 空数据图 img 样式，默认为 {}
-	 * @property {Object} emptyViewTitleStyle 空数据图描述文字样式，默认为 {}
-	 * @property {Object} emptyViewReloadStyle 空数据图重新加载按钮样式，默认为 {}
-	 * @property {Boolean} showEmptyViewReload 是否显示空数据图重新加载按钮(无数据时)，默认为 false
-	 * @property {Boolean} isLoadFailed 是否是加载失败，默认为 false
-	 * @property {String} unit 空数据图中布局的单位，默认为 'rpx'
-	 * @event {Function} reload 点击了重新加载按钮
-	 * @event {Function} viewClick 点击了空数据图 view
-	 * @example <z-paging-empty-view empty-view-text="暂无数据" />
-	 */
+	// #ifndef APP-NVUE
+	import zStatic from '../js/z-paging-static';
+	// #endif
 	export default {
-		name: "z-paging-empty-view",
+		name: 'z-paging-empty-view',
+		mixins: [zStatic],
 		data() {
 			return {
 				

package/z-paging/components/z-paging-swiper/z-paging-swiper.vue

@@ -26,19 +26,15 @@
 </template>
 
 <script>
-	import commonLayoutModule from '../z-paging/js/modules/common-layout'
+	// #ifdef APP-NVUE
+	import commonLayoutModule from '../z-paging/js/modules/common-layout';
+	// #endif
 	
-	/**
-	 * z-paging-swiper 组件
-	 * @description 在 swiper 中使用 z-paging 时（左右滑动切换列表），在根节点使用 z-paging-swiper，其相当于一个 view 容器，默认铺满全屏，可免计算高度直接插入 swiper 的视图容器。
-	 * @tutorial https://z-paging.zxlee.cn/api/sub-components/main.html#z-paging-swiper配置
-	 * @property {Boolean} fixed 是否使用 fixed 布局，默认为 true
-	 * @property {Boolean} safeAreaInsetBottom 是否开启底部安全区域适配，默认为 false
-	 * @property {Object} swiperStyle z-paging-swiper 样式，默认为 {}
-	 * @example <z-paging-swiper :safeAreaInsetBottom="true"></z-paging-swiper>
-	 */
+	// #ifndef APP-NVUE
+	import commonLayoutModule from '../js/modules/common-layout';
+	// #endif
 	export default {
-		name: "z-paging-swiper",
+		name: 'z-paging-swiper',
 		mixins: [commonLayoutModule],
 		data() {
 			return {

package/z-paging/components/z-paging-swiper-item/z-paging-swiper-item.vue

@@ -25,26 +25,15 @@
 </template>
 
 <script>
-	import zPaging from '../z-paging/z-paging'
-	/**
-	 * z-paging-swiper-item 组件
-	 * @description swiper+list极简写法中使用到，实际上就是对普通的swiper+list中swiper-item的包装封装，用以简化写法，但个性化配置局限较多
-	 * @tutorial https://z-paging.zxlee.cn/api/sub-components/main.html#z-paging-swiper-item配置
-	 * @notice 以下为 z-paging-swiper-item 的配置项
-	 * @property {Number} tabIndex 当前组件的 index，也就是当前组件是 swiper 中的第几个，默认为 0
-	 * @property {Number} currentIndex 当前 swiper 切换到第几个 index，默认为 0
-	 * @property {Boolean} useVirtualList 是否使用虚拟列表，默认为 false
-	 * @property {Boolean} useInnerList 是否在 z-paging 内部循环渲染列表（内置列表），默认为 false。若 useVirtualList 为 true，则此项恒为 true
-	 * @property {String} cellKeyName 内置列表 cell 的 key 名称，仅 nvue 有效，在 nvue 中开启 useInnerList 时必须填此项，默认为 ''
-	 * @property {Object} innerListStyle innerList 样式，默认为 {}
-	 * @property {Number|String} preloadPage 预加载的列表可视范围（列表高度）页数，默认为 12。此数值越大，则虚拟列表中加载的 dom 越多，内存消耗越大（会维持在一个稳定值），但增加预加载页面数量可缓解快速滚动短暂白屏问题
-	 * @property {String} cellHeightMode 虚拟列表 cell 高度模式，默认为 'fixed'，也就是每个 cell 高度完全相同，将以第一个 cell 高度为准进行计算。可选值【dynamic】，即代表高度是动态非固定的，【dynamic】性能低于【fixed】
-	 * @property {Number|String} virtualListCol 虚拟列表列数，默认为 1。常用于每行有多列的情况，例如每行有 2 列数据，需要将此值设置为 2
-	 * @property {Number|String} virtualScrollFps 虚拟列表 scroll 取样帧率，默认为 60，过高可能出现卡顿等问题
-	 * @example <z-paging-swiper-item ref="swiperItem" :tabIndex="index" :currentIndex="current" @query="queryList" @updateList="updateList"></z-paging-swiper-item>
-	 */
+	// #ifdef APP-NVUE
+	import zPaging from '../z-paging/z-paging';
+	// #endif
+	
+	// #ifndef APP-NVUE
+	import zPaging from '../z-paging/z-paging';
+	// #endif
 	export default {
-		name: "z-paging-swiper-item",
+		name: 'z-paging-swiper-item',
 		components: { zPaging },
 		data() {
 			return {

package/z-paging/index.d.ts

@@ -0,0 +1,3 @@
+declare const ZPaging: any;
+
+export default ZPaging;

package/z-paging/index.ts

@@ -0,0 +1,7 @@
+import ZPaging from './components/z-paging/z-paging.vue';
+
+ZPaging.install = function(Vue: any) {
+  Vue.component(ZPaging.name, ZPaging);
+};
+
+export default ZPaging;

package/z-paging/changelog.md

@@ -1,51 +0,0 @@
-## 2.8.7（2025-05-30）
-1.`新增` props：`layout-only`，支持仅使用基础布局。  
-2.`新增` `goF2`方法，支持手动触发进入二楼。  
-3.`新增` `@scrollDirectionChange`事件，支持监听列表滚动方向改变。  
-4.`新增` props：`paging-class`，支持直接设置`z-paging`的`class`。  
-5.`新增` `addKeyboardHeightChangeListener`方法，支持手动添加键盘高度变化监听。  
-6.`修复` `scrollIntoViewById`方法在存在`slot=top`或局部区域滚动时，滚动的位置不准确的问题。  
-7.`优化` 重构底部安全区域处理逻辑，修改为占位view的方式，处理方案更灵活并支持自定义底部安全区域颜色。  
-8.`优化` 兼容在`nvue`+`vue3`中使用`waterfall`。  
-9.`优化` 规范`types`中对`style`类型的约束。  
-## 2.8.6（2025-03-17）
-1.`新增` 聊天记录模式流式输出（类似chatGPT回答）演示demo。  
-2.`新增` z-paging及其公共子组件支持`HBuilderX`代码文档提示。  
-3.`新增` props：`virtual-in-swiper-slot`，用以解决vue3+(微信小程序或QQ小程序)中，使用非内置列表写法时，若z-paging在`swiper-item`中存在的无法获取slot插入的cell高度进而导致虚拟列表失败的问题。  
-4.`新增` `@scrolltolower`和@`scrolltoupper`支持nvue。  
-5.`修复` 由`v2.8.1`引出的方法`scrollIntoViewById`在微信小程序+vue3中无效的问题。  
-6.`修复` 由`v2.8.1`引出的在子组件内使用z-paging虚拟列表无效的问题。  
-7.`修复` 在微信小程序中基础库版本较高时`wx.getSystemInfoSync is deprecated`警告。  
-8.`优化` 提升下拉刷新在鸿蒙Next中的性能。  
-9.`优化` `@scrolltolower`和`@scrolltoupper`在倒置的聊天记录模式下的触发逻辑。  
-10.`优化` 其他细节调整。  
-## 2.8.5（2025-02-09）
-1.`新增` 方法`scrollToX`，支持控制x轴滚动到指定位置。  
-2.`修复` 快手小程序中报错`await isn't allowed in non-async function`的问题。  
-3.`修复` 在iOS+nvue中，设置了`:loading-more-enabled="false"`后，调用`scrollToBottom`无法滚动到底部的问题。  
-4.`修复` 在支付宝小程序+页面滚动中，数据为空时空数据图未居中的问题。  
-5.`优化` fetch types修改。  
-## 2.8.4（2024-12-02）
-1.`修复` 在虚拟列表+vue2中，顶部占位采用transformY方案；在虚拟列表+vue3中，顶部占位采用view占位方案。以解决在vue2+微信小程序+安卓+兼容模式中，可能出现的虚拟列表闪动的问题。  
-2.`修复` 在列表渲染时（尤其是在虚拟列表中）偶现的【点击加载更多】闪现的问题。   
-3.`优化` 统一在RefresherStatus枚举中Loading取值。    
-4.`优化` `defaultPageNo`&`defaultPageSize`修改为只允许number类型。  
-5.`优化` 提升兼容性&细节优化。  
-## 2.8.3（2024-11-27）
-1.`修复` `doInsertVirtualListItem`插入数据无效的问题。  
-2.`优化` 提升兼容性&细节优化。  
-## 2.8.2（2024-11-25）
-1.`优化` types中`ZPagingRef`和`ZPagingInstance`支持泛型。  
-## 2.8.1（2024-11-24）
-1.`新增` 完整的`props`、`slots`、`methods`、`events`的typescript types声明，可在ts中获得绝佳的代码提示体验。  
-2.`新增` `virtual-cell-id-prefix`：虚拟列表cell id的前缀，适用于一个页面有多个虚拟列表的情况，用以区分不同虚拟列表cell的id。  
-3.`修复` 在vue3+(微信小程序或QQ小程序)中，使用非内置列表写法时，若`z-paging`在`swiper-item`标签内的情况下存在的无法获取slot插入的cell高度的问题。  
-4.`修复` 在虚拟列表中分页数据小于1页时插入新数据，虚拟列表未生效的问题。  
-5.`修复` 在虚拟列表中调用`refresh`时，cell的index计算不正确的问题。  
-6.`修复` 在快手小程序中内容较少或空数据时`z-paging`未能铺满全屏的问题。  
-7.`优化` `events`中的参数涉及枚举的部分，统一由之前的number类型修改为string类型，展示更直观！涉及的events：`@query`中的`from`参数；`@refresherStatusChange`中的`status`参数；`@loadingStatusChange`中的`status`参数；`slot=refresher`中的`refresherStatus`参数；`slot=chatLoading`中的`loadingMoreStatus`参数。更新版本请特别留意！  
-## 2.8.0（2024-10-21）
-1.`新增` 全面支持鸿蒙Next。  
-2.`修复` 设置了`refresher-complete-delay`后，在下拉刷新期间调用reload导致的无法再次下拉刷新的问题。  
-3.`优化` 废弃虚拟列表transformY顶部占位方案，修改为空view占位。解决因使用旧方案导致的vue3中可能出现的虚拟列表闪动问题。提升虚拟列表的兼容性。  
-

package/z-paging/package.json

@@ -1,89 +0,0 @@
-{
-  "id": "z-paging",
-  "name": "z-paging",
-  "displayName": "【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，分页全自动处理",
-  "version": "2.8.7",
-  "description": "超简单、低耦合！使用wxs+renderjs实现。支持自定义下拉刷新、上拉加载更多、虚拟列表、下拉进入二楼、自动管理空数据图、无闪动聊天分页、本地分页、国际化等数百项配置",
-  "keywords": [
-    "下拉刷新",
-    "上拉加载",
-    "分页器",
-    "nvue",
-    "虚拟列表"
-],
-  "repository": "https://github.com/SmileZXLee/uni-z-paging",
-  "engines": {
-    "HBuilderX": "^3.0.7"
-  },
-  "dcloudext": {
-    "sale": {
-      "regular": {
-        "price": "0.00"
-      },
-      "sourcecode": {
-        "price": "0.00"
-      }
-    },
-    "contact": {
-      "qq": "393727164"
-    },
-    "declaration": {
-      "ads": "无",
-      "data": "无",
-      "permissions": "无"
-    },
-    "npmurl": "https://www.npmjs.com/package/z-paging",
-    "type": "component-vue"
-  },
-  "uni_modules": {
-    "dependencies": [],
-    "encrypt": [],
-    "platforms": {
-      "cloud": {
-        "tcb": "y",
-        "aliyun": "y",
-        "alipay": "n"
-      },
-      "client": {
-        "App": {
-            "app-vue": "y",
-            "app-nvue": "y",
-            "app-harmony": "u",
-            "app-uvue": "u"
-        },
-        "H5-mobile": {
-          "Safari": "y",
-          "Android Browser": "y",
-          "微信浏览器(Android)": "y",
-          "QQ浏览器(Android)": "y"
-        },
-        "H5-pc": {
-          "Chrome": "y",
-          "IE": "y",
-          "Edge": "y",
-          "Firefox": "y",
-          "Safari": "y"
-        },
-        "小程序": {
-          "微信": "y",
-          "阿里": "y",
-          "百度": "y",
-          "字节跳动": "y",
-          "QQ": "y",
-          "钉钉": "y",
-          "快手": "y",
-          "飞书": "y",
-          "京东": "y"
-        },
-        "快应用": {
-          "华为": "y",
-          "联盟": "y"
-        },
-        "Vue": {
-          "vue2": "y",
-          "vue3": "y"
-        }
-      }
-    }
-  }
-}