uview-pro 0.0.3 → 0.0.4

package/changelog.md

@@ -1,8 +1,32 @@
+## 0.0.4（2025-08-14）
+
+### 新增
+
+-   `u-icon` 组件新增 `space` 属性，表示`label` 在四周时与图标的距离，权重高于 `margin`，单位 rpx
+-   新增`$u`工具库各类方法，同步文档
+-   组件全部 setup 化，全面支持 TypeScript 和 Vue3
+-   工具库示例页面全部 setup 化
+
+### 优化
+
+-   组件样式兼容多端
+-   代码注释与类型完善
+-   优化演示代码兼容性
+
+### 修复
+
+-   修复类型声明、变量冲突、lint 报错等问题
+
 ## 0.0.3（2025-08-06）
-- 添加插件使用示例工程
+
+-   添加插件使用示例工程
+
 ## 0.0.2（2025-08-04）
+
 -   解决一些 npm 包依赖问题
+
 ## 0.0.1（2025-08-04）
+
 -   70+精选组件，使用 Vue3+TS 全面重构，功能丰富，多端兼容，让您快速集成，开箱即用
 -   兼容安卓，iOS，微信小程序，H5 等
 -   详尽的文档支持，现代化的演示效果

package/components/u-action-sheet/u-action-sheet.vue

@@ -44,9 +44,9 @@ defineOptions({
 /**
  * actionSheet 操作菜单
  * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
- * @tutorial https://uview-pro.anyup.cn/docs/components/actionSheet.html
- * @property {Array<Object>} list 按钮的文字数组，见官方文档示例
- * @property {Object} tips 顶部的提示文字，见官方文档示例
+ * @tutorial https://uview-pro.netlify.app/components/actionSheet.html
+ * @property {Array<{ text: string; subText?: string; color?: string; fontSize?: string; disabled?: boolean }>} list 按钮的文字数组，见官方文档示例
+ * @property {{text: string; color?: string; fontSize?: string}} tips 顶部的提示文字，见官方文档示例
  * @property {String} cancel-text 取消按钮的提示文字
  * @property {Boolean} cancel-btn 是否显示底部的取消按钮（默认true）
  * @property {Number String} border-radius 弹出部分顶部左右的圆角值，单位rpx（默认0）
@@ -67,7 +67,7 @@ const props = defineProps({
     },
     /** 按钮的文字数组，可以自定义颜色和字体大小，字体单位为rpx */
     list: {
-        type: Array as () => Array<any>,
+        type: Array as () => Array<{ text: string; subText?: string; color?: string; fontSize?: string; disabled?: boolean }>,
         default: () => []
     },
     /** 顶部的提示文字 */

package/components/u-avatar/u-avatar.vue

@@ -25,7 +25,7 @@ let base64Avatar =
 /**
  * avatar 头像
  * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://uview-pro.anyup.cn/docs/components/avatar.html
+ * @tutorial https://uview-pro.netlify.app/components/avatar.html
  * @property {String} bg-color 背景颜色，一般显示文字时用（默认#ffffff）
  * @property {String} src 头像路径，如加载失败，将会显示默认头像
  * @property {String Number} size 头像尺寸，可以为指定字符串(large, default, mini)，或者数值，单位rpx（默认default）

package/components/u-badge/u-badge.vue

@@ -29,7 +29,7 @@ defineOptions({
 /**
  * badge 角标
  * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://uview-pro.anyup.cn/docs/components/badge.html
+ * @tutorial https://uview-pro.netlify.app/components/badge.html
  * @property {String|Number} count 展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为0且show-zero为false时隐藏
  * @property {Boolean} is-dot 不展示数字，只有一个小点（默认false）
  * @property {Boolean} absolute 组件是否绝对定位，为true时，offset参数才有效（默认true）

package/components/u-button/u-button.vue

@@ -66,7 +66,7 @@ defineOptions({
 /**
  * button 按钮
  * @description Button 按钮
- * @tutorial https://uview-pro.anyup.cn/docs/components/button.html
+ * @tutorial https://uview-pro.netlify.app/components/button.html
  * @property {String} size 按钮的大小
  * @property {Boolean} ripple 是否开启点击水波纹效果
  * @property {String} ripple-bg-color 水波纹的背景色，ripple为true时有效

package/components/u-card/u-card.vue

@@ -82,7 +82,7 @@ defineOptions({
 /**
  * card 卡片
  * @description 卡片组件一般用于多个列表条目，且风格统一的场景
- * @tutorial https://uview-pro.anyup.cn/docs/components/card.html
+ * @tutorial https://uview-pro.netlify.app/components/card.html
  * @property {Boolean} full 卡片与屏幕两侧是否留空隙（默认false）
  * @property {String} title 头部左边的标题
  * @property {String} title-color 标题颜色（默认#303133）

package/components/u-cell-group/u-cell-group.vue

@@ -17,7 +17,7 @@ defineOptions({
 /**
  * cellGroup 单元格父组件Group
  * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。搭配u-cell-item
- * @tutorial https://uview-pro.anyup.cn/docs/components/cell.html
+ * @tutorial https://uview-pro.netlify.app/components/cell.html
  * @property {String} title 分组标题
  * @property {Boolean} border 是否显示外边框（默认true）
  * @property {Object} title-style 分组标题的的样式，对象形式，如{'font-size': '24rpx'} 或 {'fontSize': '24rpx'}

package/components/u-cell-item/u-cell-item.vue

@@ -45,7 +45,7 @@ defineOptions({
 /**
  * cellItem 单元格Item
  * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。搭配u-cell-group使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/cell.html
+ * @tutorial https://uview-pro.netlify.app/components/cell.html
  * @property {String} title 左侧标题
  * @property {String} icon 左侧图标名，只支持uView内置图标，见Icon 图标
  * @property {Object} icon-style 左边图标的样式，对象形式

package/components/u-checkbox/u-checkbox.vue

@@ -26,7 +26,7 @@ defineOptions({
 /**
  * checkbox 复选框
  * @description 该组件需要搭配checkboxGroup组件使用，以便用户进行操作时，获得当前复选框组的选中情况。
- * @tutorial https://uview-pro.anyup.cn/docs/components/checkbox.html
+ * @tutorial https://uview-pro.netlify.app/components/checkbox.html
  * @property {String Number} icon-size 图标大小，单位rpx（默认20）
  * @property {String Number} label-size label字体大小，单位rpx（默认28）
  * @property {String Number} name checkbox组件的标示符

package/components/u-checkbox-group/u-checkbox-group.vue

@@ -15,7 +15,7 @@ defineOptions({
 /**
  * checkboxGroup 开关选择器父组件Group
  * @description 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便
- * @tutorial https://uview-pro.anyup.cn/docs/components/checkbox.html
+ * @tutorial https://uview-pro.netlify.app/components/checkbox.html
  * @property {String Number} max 最多能选中多少个checkbox（默认999）
  * @property {String Number} size 组件整体的大小，单位rpx（默认40）
  * @property {Boolean} disabled 是否禁用所有checkbox（默认false）

package/components/u-circle-progress/u-circle-progress.vue

@@ -43,7 +43,7 @@ defineOptions({
 /**
  * circleProgress 环形进度条
  * @description 展示操作或任务的当前进度，比如上传文件，是一个圆形的进度条。注意：此组件的percent值只能动态增加，不能动态减少。
- * @tutorial https://uview-pro.anyup.cn/docs/components/circleProgress.html
+ * @tutorial https://uview-pro.netlify.app/components/circleProgress.html
  * @property {String Number} percent 圆环进度百分比值，为数值类型，0-100
  * @property {String} inactive-color 圆环的底色，默认为灰色(该值无法动态变更)（默认#ececec）
  * @property {String} active-color 圆环激活部分的颜色(该值无法动态变更)（默认#19be6b）

package/components/u-col/u-col.vue

@@ -14,7 +14,7 @@ defineOptions({
 /**
  * col 布局单元格
  * @description 通过基础的 12 分栏，迅速简便地创建布局（搭配<u-row>使用）
- * @tutorial https://uview-pro.anyup.cn/docs/components/layout.html
+ * @tutorial https://uview-pro.netlify.app/components/layout.html
  * @property {String|Number} span 栅格占据的列数，总12等分（默认0）
  * @property {String} text-align 文字水平对齐方式（默认left）
  * @property {String|Number} offset 分栏左边偏移，计算方式与span相同（默认0）

package/components/u-collapse/u-collapse.vue

@@ -14,7 +14,7 @@ defineOptions({
 /**
  * collapse 手风琴
  * @description 通过折叠面板收纳内容区域
- * @tutorial https://uview-pro.anyup.cn/docs/components/collapse.html
+ * @tutorial https://uview-pro.netlify.app/components/collapse.html
  * @property {Boolean} accordion 是否手风琴模式（默认true）
  * @property {Boolean} arrow 是否显示标题右侧的箭头（默认true）
  * @property {String} arrow-color 标题右侧箭头的颜色（默认#909399）

package/components/u-collapse-item/u-collapse-item.vue

@@ -31,7 +31,7 @@ defineOptions({
 /**
  * collapseItem 手风琴Item
  * @description 通过折叠面板收纳内容区域（搭配u-collapse使用）
- * @tutorial https://uview-pro.anyup.cn/docs/components/collapse.html
+ * @tutorial https://uview-pro.netlify.app/components/collapse.html
  * @property {String} title 面板标题
  * @property {String Number} index 主要用于事件的回调，标识那个Item被点击
  * @property {Boolean} disabled 面板是否可以打开或收起（默认false）
@@ -121,7 +121,7 @@ function headClick() {
  * 查询内容高度
  */
 function queryRect() {
-    // getRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-pro.anyup.cn/docs/js/getRect.html
+    // getRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-pro.netlify.app/js/getRect.html
     // 组件内部一般用this.$uGetRect，对外的为this.$u.getRect，二者功能一致，名称不同
     $u.getRect('#' + elId.value, instance).then((res: any) => {
         height.value = res.height;

package/components/u-count-down/u-count-down.vue

@@ -59,7 +59,7 @@ defineOptions({ name: 'u-count-down' });
 /**
  * countDown 倒计时
  * @description 该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
- * @tutorial https://uview-pro.anyup.cn/docs/components/countDown.html
+ * @tutorial https://uview-pro.netlify.app/components/countDown.html
  * @property {String | Number} timestamp 倒计时，单位为秒
  * @property {Boolean} autoplay 是否自动开始倒计时，如果为false，需手动调用开始方法。见官网说明（默认true）
  * @property {String} separator 分隔符，colon为英文冒号，zh为中文（默认colon）

package/components/u-count-to/u-count-to.vue

@@ -19,7 +19,7 @@ defineOptions({ name: 'u-count-to' });
 /**
  * countTo 数字滚动
  * @description 该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。
- * @tutorial https://uview-pro.anyup.cn/docs/components/countTo.html
+ * @tutorial https://uview-pro.netlify.app/components/countTo.html
  * @property {String | Number} start-val 开始值
  * @property {String | Number} end-val 结束值
  * @property {String | Number} duration 滚动过程所需的时间，单位ms（默认2000）

package/components/u-divider/u-divider.vue

@@ -33,7 +33,7 @@ defineOptions({
 /**
  * divider 分割线
  * @description 区隔内容的分割线，一般用于页面底部"没有更多"的提示。
- * @tutorial https://uview-pro.anyup.cn/docs/components/divider.html
+ * @tutorial https://uview-pro.netlify.app/components/divider.html
  * @property {String Number} half-width 文字左或右边线条宽度，数值或百分比，数值时单位为rpx
  * @property {String} border-color 线条颜色，优先级高于type（默认#dcdfe6）
  * @property {String} color 文字颜色（默认#909399）

package/components/u-empty/u-empty.vue

@@ -25,7 +25,7 @@ defineOptions({
 /**
  * empty 内容为空
  * @description 该组件用于需要加载内容，但是加载的第一页数据就为空，提示一个"没有内容"的场景， 我们精心挑选了十几个场景的图标，方便您使用。
- * @tutorial https://uview-pro.anyup.cn/docs/components/empty.html
+ * @tutorial https://uview-pro.netlify.app/components/empty.html
  * @property {String} color 文字颜色（默认#c0c4cc）
  * @property {String} text 文字提示（默认“无内容”）
  * @property {String} src 自定义图标路径，如定义，mode参数会失效

package/components/u-field/u-field.vue

@@ -87,7 +87,7 @@ defineOptions({ name: 'u-field' });
 /**
  * field 输入框
  * @description 借助此组件，可以实现表单的输入， 有"text"和"textarea"类型的，此外，借助uView的picker和actionSheet组件可以快速实现上拉菜单，时间，地区选择等， 为表单解决方案的利器。
- * @tutorial https://uview-pro.anyup.cn/docs/components/field.html
+ * @tutorial https://uview-pro.netlify.app/components/field.html
  * @property {String} type 输入框的类型（默认text）
  * @property {String} icon label左边的图标，限uView的图标名称
  * @property {Object} icon-style 左边图标的样式，对象形式

package/components/u-gap/u-gap.vue

@@ -12,7 +12,7 @@ defineOptions({
 /**
  * gap 间隔槽
  * @description 该组件一般用于内容块之间的用一个灰色块隔开的场景，方便用户风格统一，减少工作量
- * @tutorial https://uview-pro.anyup.cn/docs/components/gap.html
+ * @tutorial https://uview-pro.netlify.app/components/gap.html
  * @property {String} bg-color 背景颜色（默认#f3f4f6）
  * @property {String Number} height 分割槽高度，单位rpx（默认30）
  * @property {String Number} margin-top 与前一个组件的距离，单位rpx（默认0）

package/components/u-grid/u-grid.vue

@@ -11,7 +11,7 @@ defineOptions({ name: 'u-grid' });
 /**
  * grid 宫格布局
  * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。
- * @tutorial https://uview-pro.anyup.cn/docs/components/grid.html
+ * @tutorial https://uview-pro.netlify.app/components/grid.html
  * @property {String|Number} col 宫格的列数（默认3）
  * @property {Boolean} border 是否显示宫格的边框（默认true）
  * @property {Boolean} hover-class 点击宫格的时候，是否显示按下的灰色背景（默认false）

package/components/u-grid-item/u-grid-item.vue

@@ -24,7 +24,7 @@ defineOptions({ name: 'u-grid-item' });
 /**
  * gridItem 宫格项
  * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。搭配u-grid使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/grid.html
+ * @tutorial https://uview-pro.netlify.app/components/grid.html
  * @property {String} bg-color 宫格的背景颜色（默认#ffffff）
  * @property {String|Number} index 点击宫格时，返回的值
  * @property {Object} custom-style 自定义样式，对象形式

package/components/u-icon/u-icon.vue

@@ -21,7 +21,7 @@ defineOptions({
 /**
  * icon 图标
  * @description 基于字体的图标集，包含了大多数常见场景的图标。
- * @tutorial https://uview-pro.anyup.cn/docs/components/icon.html
+ * @tutorial https://uview-pro.netlify.app/components/icon.html
  * @property {String} name 图标名称，见示例图标集
  * @property {String} color 图标颜色（默认inherit）
  * @property {String | Number} size 图标字体大小，单位rpx（默认32）
@@ -35,6 +35,7 @@ defineOptions({
  * @property {String | Number} margin-top label在下方时与图标的距离，单位rpx（默认6）
  * @property {String | Number} margin-bottom label在上方时与图标的距离，单位rpx（默认6）
  * @property {String | Number} margin-right label在左侧时与图标的距离，单位rpx（默认6）
+ * @property {String | Number} space label与图标的距离，单位rpx，权重高于 margin
  * @property {String} index 一个用于区分多个图标的值，点击图标时通过click事件传出
  * @property {String} hover-class 图标按下去的样式类，用法同uni的view组件的hover-class参数，详情见官网
  * @property {String} width 显示图片小图标时的宽度
@@ -110,26 +111,31 @@ const props = defineProps({
      * @default '#606266'
      */
     labelColor: { type: String, default: '#606266' },
+	/**
+	 * label与图标的距离(横向排列)，单位rpx（默认6）
+	 * @default '6'
+	 */
+	marginLeft: { type: [String, Number], default: '6' },
+	/**
+	 * label与图标的距离(竖向排列)，单位rpx（默认6）
+	 * @default '6'
+	 */
+	marginTop: { type: [String, Number], default: '6' },
+	/**
+	 * label与图标的距离(竖向排列)，单位rpx（默认6）
+	 * @default '6'
+	 */
+	marginRight: { type: [String, Number], default: '6' },
+	/**
+	 * label与图标的距离(竖向排列)，单位rpx（默认6）
+	 * @default '6'
+	 */
+	marginBottom: { type: [String, Number], default: '6' },
     /**
-     * label与图标的距离(横向排列)，单位rpx（默认6）
-     * @default '6'
-     */
-    marginLeft: { type: [String, Number], default: '6' },
-    /**
-     * label与图标的距离(竖向排列)，单位rpx（默认6）
-     * @default '6'
-     */
-    marginTop: { type: [String, Number], default: '6' },
-    /**
-     * label与图标的距离(竖向排列)，单位rpx（默认6）
-     * @default '6'
-     */
-    marginRight: { type: [String, Number], default: '6' },
-    /**
-     * label与图标的距离(竖向排列)，单位rpx（默认6）
-     * @default '6'
+     * label与图标的距离，单位rpx，权重高于 margin
+     * @default ''
      */
-    marginBottom: { type: [String, Number], default: '6' },
+	space: { type: [String, Number], default: '' },
     /**
      * 图片的mode，参考uni-app image组件
      * @default 'widthFix'
@@ -293,10 +299,10 @@ const labelStyle = computed(() => {
     return {
         color: props.labelColor,
         fontSize: $u.addUnit(props.labelSize),
-        marginLeft: props.labelPos === 'right' ? $u.addUnit(props.marginLeft) : 0,
-        marginTop: props.labelPos === 'bottom' ? $u.addUnit(props.marginTop) : 0,
-        marginRight: props.labelPos === 'left' ? $u.addUnit(props.marginRight) : 0,
-        marginBottom: props.labelPos === 'top' ? $u.addUnit(props.marginBottom) : 0
+        marginLeft: props.labelPos === 'right' ? $u.addUnit(props.space || props.marginLeft) : 0,
+        marginTop: props.labelPos === 'bottom' ? $u.addUnit(props.space || props.marginTop) : 0,
+        marginRight: props.labelPos === 'left' ? $u.addUnit(props.space || props.marginRight) : 0,
+        marginBottom: props.labelPos === 'top' ? $u.addUnit(props.space || props.marginBottom) : 0
     };
 });
 

package/components/u-index-anchor/u-index-anchor.vue

@@ -23,7 +23,7 @@ defineOptions({
 /**
  * indexAnchor 索引列表锚点
  * @description 通过折叠面板收纳内容区域,搭配<u-index-anchor>使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/indexList.html#indexanchor-props
+ * @tutorial https://uview-pro.netlify.app/components/indexList.html#indexanchor-props
  * @property {Boolean} use-slot 是否使用自定义内容的插槽（默认false）
  * @property {String|Number} index 索引字符，如果定义了use-slot，此参数自动失效
  * @property {Object} customStyle 自定义样式，对象形式，如"{color: 'red'}"

package/components/u-index-list/u-index-list.vue

@@ -57,7 +57,7 @@ defineOptions({
 /**
  * indexList 索引列表
  * @description 通过折叠面板收纳内容区域,搭配<u-index-anchor>使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/indexList.html#indexanchor-props
+ * @tutorial https://uview-pro.netlify.app/components/indexList.html#indexanchor-props
  * @property {Number|String} scroll-top 当前滚动高度，自定义组件无法获得滚动条事件，所以依赖接入方传入
  * @property {Array} index-list 索引字符列表，数组（默认A-Z）
  * @property {Number|String} z-index 锚点吸顶时的层级（默认965）

package/components/u-keyboard/u-keyboard.vue

@@ -41,7 +41,7 @@ defineOptions({
 /**
  * keyboard 键盘
  * @description 此为uViw自定义的键盘面板，内含了数字键盘，车牌号键，身份证号键盘3中模式，都有可以打乱按键顺序的选项。
- * @tutorial https://uview-pro.anyup.cn/docs/components/keyboard.html
+ * @tutorial https://uview-pro.netlify.app/components/keyboard.html
  * @property {String} mode 键盘类型，见官网基本使用的说明（默认number）
  * @property {Boolean} dot-enabled 是否显示"."按键，只在mode=number时有效（默认true）
  * @property {Boolean} tooltip 是否显示键盘顶部工具条（默认true）

package/components/u-lazy-load/u-lazy-load.vue

@@ -42,7 +42,7 @@ defineOptions({ name: 'u-lazy-load' });
 /**
  * lazyLoad 懒加载
  * @description 懒加载使用的场景为：页面有很多图片时，APP会同时加载所有的图片，导致页面卡顿，各个位置的图片出现前后不一致等.
- * @tutorial https://uview-pro.anyup.cn/docs/components/lazyLoad.html
+ * @tutorial https://uview-pro.netlify.app/components/lazyLoad.html
  * @property {String | Number} index 用户自定义值，在事件触发时回调，用以区分是哪个图片
  * @property {String} image 图片路径
  * @property {String} loading-img 预加载时的占位图

package/components/u-line/u-line.vue

@@ -13,7 +13,7 @@ defineOptions({
 /**
  * line 线条
  * @description 此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单
- * @tutorial https://uview-pro.anyup.cn/docs/components/line.html
+ * @tutorial https://uview-pro.netlify.app/components/line.html
  * @property {String} color 线条的颜色(默认#e4e7ed)
  * @property {String} length 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带rpx单位的值等
  * @property {String} direction 线条的方向，row-横向，col-竖向(默认row)

package/components/u-line-progress/u-line-progress.vue

@@ -26,7 +26,7 @@ defineOptions({
 /**
  * lineProgress 线型进度条
  * @description 展示操作或任务的当前进度，比如上传文件，是一个线形的进度条。
- * @tutorial https://uview-pro.anyup.cn/docs/components/lineProgress.html
+ * @tutorial https://uview-pro.netlify.app/components/lineProgress.html
  * @property {String Number} percent 进度条百分比值，为数值类型，0-100
  * @property {Boolean} round 进度条两端是否为半圆（默认true）
  * @property {String} type 如设置，active-color值将会失效

package/components/u-link/u-link.vue

@@ -23,7 +23,7 @@ defineOptions({
 /**
  * link 超链接
  * @description 该组件为超链接组件，在不同平台有不同表现形式：在APP平台会通过plus环境打开内置浏览器，在小程序中把链接复制到粘贴板，同时提示信息，在H5中通过window.open打开链接。
- * @tutorial https://uview-pro.anyup.cn/docs/components/link.html
+ * @tutorial https://uview-pro.netlify.app/components/link.html
  * @property {String} color 文字颜色（默认#606266）
  * @property {String Number} font-size 字体大小，单位rpx（默认28）
  * @property {Boolean} under-line 是否显示下划线（默认false）

package/components/u-loading/u-loading.vue

@@ -12,7 +12,7 @@ defineOptions({
 /**
  * loading 加载动画
  * @description 此组件为一个小动画，目前用在uView的loadmore加载更多和switch开关等组件的正在加载状态场景。
- * @tutorial https://uview-pro.anyup.cn/docs/components/loading.html
+ * @tutorial https://uview-pro.netlify.app/components/loading.html
  * @property {String} mode 模式选择，见官网说明（默认circle）
  * @property {String} color 动画活动区域的颜色，只对 mode = flower 模式有效（默认#c7c7c7）
  * @property {String|Number} size 加载图标的大小，单位rpx（默认34）

package/components/u-loadmore/u-loadmore.vue

@@ -37,7 +37,7 @@ defineOptions({ name: 'u-loadmore' });
 /**
  * loadmore 加载更多
  * @description 此组件一般用于标识页面底部加载数据时的状态。
- * @tutorial https://uview-pro.anyup.cn/docs/components/loadMore.html
+ * @tutorial https://uview-pro.netlify.app/components/loadMore.html
  * @property {String} status 组件状态（默认loadmore）
  * @property {String} bg-color 组件背景颜色，在页面是非白色时会用到（默认#ffffff）
  * @property {Boolean} icon 加载中时是否显示图标（默认true）

package/components/u-mask/u-mask.vue

@@ -23,7 +23,7 @@ defineOptions({ name: 'u-mask' });
 /**
  * mask 遮罩
  * @description 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
- * @tutorial https://uview-pro.anyup.cn/docs/components/mask.html
+ * @tutorial https://uview-pro.netlify.app/components/mask.html
  * @property {Boolean} show 是否显示遮罩（默认false）
  * @property {String|Number} z-index z-index 层级（默认1070）
  * @property {Object} custom-style 自定义样式对象，见上方说明

package/components/u-message-input/u-message-input.vue

@@ -63,7 +63,7 @@ defineOptions({ name: 'u-message-input' });
 /**
  * messageInput 验证码输入框
  * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/messageInput.html
+ * @tutorial https://uview-pro.netlify.app/components/messageInput.html
  * @property {String|Number} maxlength 输入字符个数（默认4）
  * @property {Boolean} dot-fill 是否用圆点填充（默认false）
  * @property {String} mode 模式选择，见上方"基本使用"说明（默认box）

package/components/u-modal/u-modal.vue

@@ -56,7 +56,7 @@ defineOptions({
 /**
  * modal 模态框
  * @description 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作
- * @tutorial https://uview-pro.anyup.cn/docs/components/modal.html
+ * @tutorial https://uview-pro.netlify.app/components/modal.html
  * @property {Boolean} value 是否显示模态框
  * @property {String | Number} z-index 层级
  * @property {String} title 模态框标题（默认"提示"）

package/components/u-navbar/u-navbar.vue

@@ -47,7 +47,7 @@ defineOptions({ name: 'u-navbar' });
 /**
  * navbar 自定义导航栏
  * @description 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，一般建议使用uniapp自带的导航栏。
- * @tutorial https://uview-pro.anyup.cn/docs/components/navbar.html
+ * @tutorial https://uview-pro.netlify.app/components/navbar.html
  * @property {String|Number} height 导航栏高度(不包括状态栏高度在内，内部自动加上)，注意这里的单位是px（默认44）
  * @property {String} back-icon-color 左边返回图标的颜色（默认#606266）
  * @property {String} back-icon-name 左边返回图标的名称，只能为uView自带的图标（默认arrow-left）

package/components/u-no-network/u-no-network.vue

@@ -24,7 +24,7 @@ defineOptions({ name: 'u-no-network' });
 /**
  * noNetwork 无网络提示
  * @description 该组件无需任何配置，引入即可，内部自动处理所有功能和事件。
- * @tutorial https://uview-pro.anyup.cn/docs/components/noNetwork.html
+ * @tutorial https://uview-pro.netlify.app/components/noNetwork.html
  * @property {String} tips 没有网络时的提示语（默认哎呀，网络信号丢失）
  * @property {String | Number} zIndex 组件的z-index值（默认1080）
  * @property {String} image 无网络的图片提示，可用的src地址或base64图片

package/components/u-notice-bar/u-notice-bar.vue

@@ -54,7 +54,7 @@ defineOptions({ name: 'u-notice-bar' });
 /**
  * noticeBar 滚动通知
  * @description 该组件用于滚动通告场景，有多种模式可供选择
- * @tutorial https://uview-pro.anyup.cn/docs/components/noticeBar.html
+ * @tutorial https://uview-pro.netlify.app/components/noticeBar.html
  * @property {Array} list 滚动内容，数组形式，见上方说明
  * @property {String} type 显示的主题（默认warning）
  * @property {Boolean} volumeIcon 是否显示小喇叭图标（默认true）

package/components/u-number-box/u-number-box.vue

@@ -56,7 +56,7 @@ defineOptions({
 /**
  * numberBox 步进器
  * @description 该组件一般用于商城购物选择物品数量的场景。注意：该输入框只能输入大于或等于0的整数，不支持小数输入
- * @tutorial https://uview-pro.anyup.cn/docs/components/numberBox.html
+ * @tutorial https://uview-pro.netlify.app/components/numberBox.html
  * @property {Number} modelValue 输入框初始值（默认1）
  * @property {String} bg-color 输入框和按钮的背景颜色（默认#F2F3F5）
  * @property {Number} min 用户可输入的最小值（默认0）

package/components/u-picker/u-picker.vue

@@ -114,7 +114,7 @@ defineOptions({
 /**
  * picker picker弹出选择器
  * @description 此选择器有两种弹出模式：一是时间模式，可以配置年，日，月，时，分，秒参数 二是地区模式，可以配置省，市，区参数
- * @tutorial https://uview-pro.anyup.cn/docs/components/picker.html
+ * @tutorial https://uview-pro.netlify.app/components/picker.html
  * @property {Object} params 需要显示的参数，见官网说明
  * @property {String} mode 模式选择，region-地区类型，time-时间类型（默认time）
  * @property {String Number} start-year 可选的开始年份，mode=time时有效（默认1950）

package/components/u-popup/u-popup.vue

@@ -56,7 +56,7 @@ defineOptions({
 /**
  * popup 弹窗
  * @description 弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义
- * @tutorial https://uview-pro.anyup.cn/docs/components/popup.html
+ * @tutorial https://uview-pro.netlify.app/components/popup.html
  * @property {String} mode 弹出方向（默认left）
  * @property {Boolean} mask 是否显示遮罩（默认true）
  * @property {Stringr | Number} length mode=left | 见官网说明（默认auto）

package/components/u-radio/u-radio.vue

@@ -26,7 +26,7 @@ defineOptions({
 /**
  * radio 单选框
  * @description 单选框用于有一个选择，用户只能选择其中一个的场景。搭配u-radio-group使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/radio.html
+ * @tutorial https://uview-pro.netlify.app/components/radio.html
  * @property {String|Number} icon-size 图标大小，单位rpx（默认24）
  * @property {String|Number} label-size label字体大小，单位rpx（默认28）
  * @property {String|Number} name radio组件的标示符

package/components/u-radio-group/u-radio-group.vue

@@ -15,7 +15,7 @@ defineOptions({
 /**
  * radioGroup 单选框父组件
  * @description 单选框用于有一个选择，用户只能选择其中一个的场景。搭配u-radio使用
- * @tutorial https://uview-pro.anyup.cn/docs/components/radio.html
+ * @tutorial https://uview-pro.netlify.app/components/radio.html
  * @property {Boolean} disabled 是否禁用所有radio（默认false）
  * @property {String|Number} size 组件整体的大小，单位rpx（默认40）
  * @property {String} active-color 选中时的颜色，应用到所有子Radio组件（默认#2979ff）

package/components/u-rate/u-rate.vue

@@ -29,7 +29,7 @@ defineOptions({
 /**
  * rate 评分
  * @description 该组件一般用于满意度调查，星型评分的场景
- * @tutorial https://uview-pro.anyup.cn/docs/components/rate.html
+ * @tutorial https://uview-pro.netlify.app/components/rate.html
  * @property {String|Number} count 最多可选的星星数量（默认5）
  * @property {String|Number} current 默认选中的星星数量（默认0）
  * @property {Boolean} disabled 是否禁止用户操作（默认false）

package/components/u-read-more/u-read-more.vue

@@ -36,7 +36,7 @@ defineOptions({ name: 'u-read-more' });
 /**
  * readMore 阅读更多
  * @description 该组件一般用于内容较长，预先收起一部分，点击展开全部内容的场景。
- * @tutorial https://uview-pro.anyup.cn/docs/components/readMore.html
+ * @tutorial https://uview-pro.netlify.app/components/readMore.html
  * @property {String|Number} showHeight 内容超出此高度才会显示展开全文按钮，单位rpx（默认400）
  * @property {Boolean} toggle 展开后是否显示收起按钮（默认false）
  * @property {String} closeText 关闭时的提示文字（默认“展开阅读全文”）

package/components/u-row/u-row.vue

@@ -21,7 +21,7 @@ defineOptions({
 /**
  * row 行布局
  * @description 通过基础的 12 分栏，迅速简便地创建布局。
- * @tutorial https://uview-pro.anyup.cn/docs/components/layout.html#row-props
+ * @tutorial https://uview-pro.netlify.app/components/layout.html#row-props
  * @property {String|Number} gutter 栅格间隔，左右各为此值的一半，单位rpx（默认0）
  * @property {String} justify 水平排列方式(微信小程序暂不支持)默认（start(或flex-start)）
  * @property {String} align 垂直排列方式（默认center）

package/components/u-search/u-search.vue

@@ -58,7 +58,7 @@ defineOptions({ name: 'u-search' });
 /**
  * search 搜索框
  * @description 搜索组件，集成了常见搜索框所需功能，用户可以一键引入，开箱即用。
- * @tutorial https://uview-pro.anyup.cn/docs/components/search.html
+ * @tutorial https://uview-pro.netlify.app/components/search.html
  * @property {String} shape 搜索框形状，round-圆形，square-方形（默认round）
  * @property {String} bg-color 搜索框背景颜色（默认#f2f2f2）
  * @property {String} border-color 边框颜色，配置了颜色，才会有边框