uview-pro 0.0.2 → 0.0.3

package/changelog.md

@@ -1,10 +1,9 @@
+## 0.0.3（2025-08-06）
+- 添加插件使用示例工程
 ## 0.0.2（2025-08-04）
-
-- 解决一些 npm 包依赖问题
-
+-   解决一些 npm 包依赖问题
 ## 0.0.1（2025-08-04）
-
+-   70+精选组件，使用 Vue3+TS 全面重构，功能丰富，多端兼容，让您快速集成，开箱即用
 -   兼容安卓，iOS，微信小程序，H5 等
--   使用 Vue3 已重构 60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用
 -   详尽的文档支持，现代化的演示效果
 -   按需引入，精简打包体积

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

@@ -44,7 +44,7 @@ defineOptions({
 /**
  * actionSheet 操作菜单
  * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
- * @tutorial https://www.uviewui.com/components/actionSheet.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/actionSheet.html
  * @property {Array<Object>} list 按钮的文字数组，见官方文档示例
  * @property {Object} tips 顶部的提示文字，见官方文档示例
  * @property {String} cancel-text 取消按钮的提示文字

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

@@ -25,7 +25,7 @@ let base64Avatar =
 /**
  * avatar 头像
  * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://www.uviewui.com/components/avatar.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/badge.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/button.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/card.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/cell.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/cell.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/checkbox.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/checkbox.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/circleProgress.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/layout.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/collapse.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/collapse.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/js/getRect.html
+    // getRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/countDown.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/countTo.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/divider.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/empty.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/field.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/gap.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/grid.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/grid.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/icon.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/icon.html
  * @property {String} name 图标名称，见示例图标集
  * @property {String} color 图标颜色（默认inherit）
  * @property {String | Number} size 图标字体大小，单位rpx（默认32）

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

@@ -23,7 +23,7 @@ defineOptions({
 /**
  * indexAnchor 索引列表锚点
  * @description 通过折叠面板收纳内容区域,搭配<u-index-anchor>使用
- * @tutorial https://www.uviewui.com/components/indexList.html#indexanchor-props
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/indexList.html#indexanchor-props
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/keyboard.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/lazyLoad.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/line.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/lineProgress.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/link.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/loading.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/loadMore.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/mask.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/messageInput.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/modal.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/navbar.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/noNetwork.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/noticeBar.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/numberBox.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/picker.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/popup.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/radio.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/radio.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/rate.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/readMore.html
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/layout.html#row-props
+ * @tutorial https://uview-pro.anyup.cn/docs/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://www.uviewui.com/components/search.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/search.html
  * @property {String} shape 搜索框形状，round-圆形，square-方形（默认round）
  * @property {String} bg-color 搜索框背景颜色（默认#f2f2f2）
  * @property {String} border-color 边框颜色，配置了颜色，才会有边框

package/components/u-section/u-section.vue

@@ -45,7 +45,7 @@ defineOptions({ name: 'u-section' });
 /**
  * section 查看更多
  * @description 该组件一般用于分类信息有很多，但是限于篇幅只能列出一部分，让用户通过"查看更多"获得更多信息的场景，实际效果见演示。
- * @tutorial https://www.uviewui.com/components/section.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/section.html
  * @property {String} title 左边主标题
  * @property {String} subTitle 右边副标题（默认更多）
  * @property {Boolean} right 是否显示右边的内容（默认true）

package/components/u-skeleton/u-skeleton.vue

@@ -15,7 +15,7 @@ defineOptions({ name: 'u-skeleton' });
 /**
  * skeleton 骨架屏
  * @description 骨架屏一般用于页面在请求远程数据尚未完成时，页面用灰色块预显示本来的页面结构，给用户更好的体验。
- * @tutorial https://www.uviewui.com/components/skeleton.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/skeleton.html
  * @property {String} elColor 骨架块状元素的背景颜色（默认#e5e5e5）
  * @property {String} bgColor 骨架组件背景颜色（默认#ffffff）
  * @property {Boolean} animation 骨架块是否显示动画效果（默认false）

package/components/u-steps/u-steps.vue

@@ -28,7 +28,7 @@ defineOptions({ name: 'u-steps' });
 /**
  * steps 步骤条
  * @description 该组件一般用于完成一个任务要分几个步骤，标识目前处于第几步的场景。
- * @tutorial https://www.uviewui.com/components/steps.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/steps.html
  * @property {String} mode 设置模式（默认dot）
  * @property {Array<{name: string}>} list 数轴条数据，数组。具体见上方示例
  * @property {String} type type主题（默认primary）

package/components/u-sticky/u-sticky.vue

@@ -33,7 +33,7 @@ defineOptions({ name: 'u-sticky' });
 /**
  * sticky 吸顶
  * @description 该组件与CSS中position: sticky属性实现的效果一致，当组件达到预设的到顶部距离时， 就会固定在指定位置，组件位置大于预设的顶部距离时，会重新按照正常的布局排列。
- * @tutorial https://www.uviewui.com/components/sticky.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/sticky.html
  * @property {String|Number} offsetTop 吸顶时与顶部的距离，单位rpx（默认0）
  * @property {String|Number} index 自定义标识，用于区分是哪一个组件
  * @property {Boolean} enable 是否开启吸顶功能（默认true）

package/components/u-subsection/u-subsection.vue

@@ -23,7 +23,7 @@ defineOptions({ name: 'u-subsection' });
 /**
  * subsection 分段器
  * @description 该分段器一般用于用户从几个选项中选择某一个的场景
- * @tutorial https://www.uviewui.com/components/subsection.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/subsection.html
  * @property {Array} list 选项的数组，形式见上方"基本使用"
  * @property {String | Number} current 初始化时默认选中的选项索引值（默认0）
  * @property {String} activeColor 激活时的颜色，mode为subsection时固定为白色（默认#303133）

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

@@ -32,7 +32,7 @@ defineOptions({ name: 'u-swipe-action' });
 /**
  * swipeAction 左滑单元格
  * @description 该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作。
- * @tutorial https://www.uviewui.com/components/swipeAction.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/swipeAction.html
  * @property {String} bg-color 整个组件背景颜色（默认#ffffff）
  * @property {Array} options 数组形式，可以配置背景颜色和文字
  * @property {String|Number} index 标识符，点击时候用于区分点击了哪一个，用v-for循环时的index即可

package/components/u-swiper/u-swiper.vue

@@ -62,7 +62,7 @@ defineOptions({ name: 'u-swiper' });
 /**
  * swiper 轮播图
  * @description 该组件一般用于导航轮播，广告展示等场景,可开箱即用
- * @tutorial https://www.uviewui.com/components/swiper.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/swiper.html
  * @property {Array} list 轮播图数据，见官网"基本使用"说明
  * @property {Boolean} title 是否显示标题文字，需要配合list参数，见官网说明（默认false）
  * @property {String} mode 指示器模式，见官网说明（默认round）

package/components/u-switch/u-switch.vue

@@ -23,7 +23,7 @@ defineOptions({
 /**
  * switch 开关选择器
  * @description 选择开关一般用于只有两个选择，且只能选其一的场景。
- * @tutorial https://www.uviewui.com/components/switch.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/switch.html
  * @property {Boolean} loading 是否处于加载中（默认false）
  * @property {Boolean} disabled 是否禁用（默认false）
  * @property {String|Number} size 开关尺寸，单位rpx（默认50）

package/components/u-table/u-table.vue

@@ -12,7 +12,7 @@ defineOptions({ name: 'u-table' });
 /**
  * table 表格
  * @description 表格组件一般用于展示大量结构化数据的场景
- * @tutorial https://www.uviewui.com/components/table.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/table.html
  * @property {String} border-color 表格边框的颜色（默认#e4e7ed）
  * @property {String} bg-color 表格的背景颜色（默认#ffffff）
  * @property {String} align 单元格的内容对齐方式，作用类似css的text-align（默认center）

package/components/u-tabs/u-tabs.vue

@@ -24,7 +24,7 @@ defineOptions({ name: 'u-tabs' });
 /**
  * tabs 标签
  * @description 该组件，是一个tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。
- * @tutorial https://www.uviewui.com/components/tabs.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/tabs.html
  * @property {Boolean} is-scroll tabs是否可以左右拖动（默认true）
  * @property {Array} list 标签数组，元素为对象，如[{name: '推荐'}]
  * @property {String|Number} current 指定哪个tab为激活状态（默认0）

package/components/u-tabs-swiper/u-tabs-swiper.vue

@@ -21,7 +21,7 @@ defineOptions({ name: 'u-tabs-swiper' });
 /**
  * tabsSwiper 全屏选项卡
  * @description 该组件内部实现主要依托于uniapp的scroll-view和swiper组件，主要特色是切换过程中，tabsSwiper文字的颜色可以渐变，底部滑块可以 跟随式滑动，活动tab滚动居中等。应用场景可以用于需要左右切换页面，比如商城的订单中心(待收货-待付款-待评价-已退货)等应用场景。
- * @tutorial https://www.uviewui.com/components/tabsSwiper.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/tabsSwiper.html
  * @property {Boolean} is-scroll tabs是否可以左右拖动（默认true）
  * @property {Array} list 标签数组，元素为对象，如[{name: '推荐'}]
  * @property {String|Number} current 指定哪个tab为激活状态（默认0）

package/components/u-tag/u-tag.vue

@@ -23,7 +23,7 @@ defineOptions({
 /**
  * tag 提示
  * @description 该组件一般用于标记和选择
- * @tutorial https://www.uviewui.com/components/tag.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/tag.html
  * @property {String} type 主题类型（默认primary）
  * @property {String} size 标签大小（默认default）
  * @property {String} shape 标签形状（默认square）

package/components/u-td/u-td.vue

@@ -13,7 +13,7 @@ defineOptions({ name: 'u-td' });
 /**
  * td td单元格
  * @description 表格组件一般用于展示大量结构化数据的场景（搭配u-table使用）
- * @tutorial https://www.uviewui.com/components/table.html#td-props
+ * @tutorial https://uview-pro.anyup.cn/docs/components/table.html#td-props
  * @property {String | Number} width 单元格宽度百分比或者具体带单位的值，如30%， 200rpx等，一般使用百分比，单元格宽度默认为均分tr的长度（默认auto）
  * @example <u-td>二年级</u-td>
  */

package/components/u-th/u-th.vue

@@ -13,7 +13,7 @@ defineOptions({ name: 'u-th' });
 /**
  * th th单元格
  * @description 表格组件一般用于展示大量结构化数据的场景（搭配u-table使用）
- * @tutorial https://www.uviewui.com/components/table.html#td-props
+ * @tutorial https://uview-pro.anyup.cn/docs/components/table.html#td-props
  * @property {String | Number} width 标题单元格宽度百分比或者具体带单位的值，如30%，200rpx等，一般使用百分比，单元格宽度默认为均分tr的长度
  * @example 暂无示例
  */

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

@@ -10,7 +10,7 @@ defineOptions({ name: 'u-time-line' });
 /**
  * timeLine 时间轴
  * @description 时间轴组件一般用于物流信息展示，各种跟时间相关的记录等场景。
- * @tutorial https://www.uviewui.com/components/timeLine.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/timeLine.html
  * @example <u-time-line></u-time-line>
  */
 

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

@@ -17,7 +17,7 @@ defineOptions({ name: 'u-time-line-item' });
 /**
  * timeLineItem 时间轴Item
  * @description 时间轴组件一般用于物流信息展示，各种跟时间相关的记录等场景。(搭配u-time-line使用)
- * @tutorial https://www.uviewui.com/components/timeLine.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/timeLine.html
  * @property {String} bg-color 左边节点的背景颜色，一般通过slot内容自定义背景颜色即可（默认#ffffff）
  * @property {String | Number} node-top 节点左边图标绝对定位的top值，单位rpx
  * @example <u-time-line-item node-top="2">...</u-time-line-item>

package/components/u-toast/u-toast.vue

@@ -25,7 +25,7 @@ defineOptions({
 /**
  * toast 消息提示
  * @description 此组件表现形式类似uni的uni.showToastAPI，但也有不同的地方。
- * @tutorial https://www.uviewui.com/components/toast.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/toast.html
  * @property {String|Number} z-index toast展示时的z-index值
  * @event {Function} show 显示toast，如需一进入页面就显示toast，请在onReady生命周期调用
  * @example <u-toast ref="uToast" />

package/components/u-top-tips/u-top-tips.vue

@@ -11,7 +11,7 @@ defineOptions({ name: 'u-top-tips' });
 /**
  * topTips 顶部提示
  * @description 该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景。
- * @tutorial https://www.uviewui.com/components/topTips.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/topTips.html
  * @property {String|Number} navbarHeight 导航栏高度(包含状态栏高度在内)，单位PX
  * @property {String|Number} zIndex z-index值（默认975）
  * @example <u-top-tips ref="uTips"></u-top-tips>

package/components/u-tr/u-tr.vue

@@ -10,7 +10,7 @@ defineOptions({ name: 'u-tr' });
 /**
  * tr 表格行标签
  * @description 表格组件一般用于展示大量结构化数据的场景（搭配<u-table>使用）
- * @tutorial https://www.uviewui.com/components/table.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/table.html
  * @example <u-tr></u-tr>
  */
 </script>

package/components/u-upload/u-upload.vue

@@ -61,7 +61,7 @@ defineOptions({
 /**
  * upload 图片上传
  * @description 该组件用于上传图片场景
- * @tutorial https://www.uviewui.com/components/upload.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/upload.html
  * @property {String} action 服务器上传地址
  * @property {String Number} max-count 最大选择图片的数量（默认99）
  * @property {Boolean} custom-btn 如果需要自定义选择图片的按钮，设置为true（默认false）

package/components/u-verification-code/u-verification-code.vue

@@ -12,7 +12,7 @@ defineOptions({ name: 'u-verification-code' });
 /**
  * verificationCode 验证码输入框
  * @description 考虑到用户实际发送验证码的场景，可能是一个按钮，也可能是一段文字，提示语各有不同，所以本组件不提供界面显示，只提供提示语，由用户将提示语嵌入到具体的场景
- * @tutorial https://www.uviewui.com/components/verificationCode.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/verificationCode.html
  * @property {Number|String} seconds 倒计时所需的秒数（默认60）
  * @property {String} startText 开始前的提示语，见官网说明（默认获取验证码）
  * @property {String} changeText 倒计时期间的提示语，必须带有字母"x"，见官网说明（默认X秒重新获取）

package/components/u-waterfall/u-waterfall.vue

@@ -17,7 +17,7 @@ defineOptions({ name: 'u-waterfall' });
 /**
  * waterfall 瀑布流
  * @description 这是一个瀑布流形式的组件，内容分为左右两列，结合uView的懒加载组件效果更佳。相较于某些只是奇偶数左右分别，或者没有利用vue作用域插槽的做法，uView的瀑布流实现了真正的 组件化，搭配LazyLoad 懒加载和loadMore 加载更多组件，让您开箱即用，眼前一亮。
- * @tutorial https://www.uviewui.com/components/waterfall.html
+ * @tutorial https://uview-pro.anyup.cn/docs/components/waterfall.html
  * @property {Array} flow-list 用于渲染的数据
  * @property {String | Number} add-time 单条数据添加到队列的时间间隔，单位ms，见上方注意事项说明（默认200）
  * @example <u-waterfall :flowList="flowList"></u-waterfall>

package/package.json

@@ -1,29 +1,24 @@
 {
     "id": "uview-pro",
     "name": "uview-pro",
-    "displayName": "uView Pro，是uni-app全面兼容vue3的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。",
-    "version": "0.0.2",
-    "description": "uView Pro，是uni-app全面兼容vue3的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。uView Pro的基线版本基于uView1.8.8修改，使用TypeScript重构，目前已全面支持uni-app Vue3.0",
+    "displayName": "uView Pro是uni-app全面兼容Vue3+TS的uni-app生态框架，70+精选组件",
+    "version": "0.0.3",
+    "description": "uView Pro，是uni-app全面兼容Vue3的uni-app生态框架，70+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",
     "browser": "index.ts",
     "keywords": [
-        "uniapp",
         "uni-app",
         "library",
         "component",
-        "uView UI",
-        "uView Pro",
         "uView",
-        "vue3",
-        "typescript",
-        "ts"
+        "Vue3"
     ],
     "author": "anyup",
     "license": "MIT",
     "repository": "https://github.com/anyup/uview-pro",
     "engines": {
-        "HBuilderX": "^4.0"
+        "HBuilderX": "^4.07"
     },
     "dcloudext": {
         "type": "component-vue",
@@ -56,13 +51,14 @@
             },
             "client": {
                 "Vue": {
-                    "vue2": "y",
+                    "vue2": "n",
                     "vue3": "y"
                 },
                 "App": {
                     "app-vue": "y",
                     "app-nvue": "n",
-                    "app-uvue": "n"
+                    "app-uvue": "n",
+                    "app-harmony": "u"
                 },
                 "H5-mobile": {
                     "Safari": "y",

package/readme.md

@@ -4,22 +4,20 @@
 <h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">uView Pro</h3>
 <h3 align="center">uni-app Vue3 多平台快速开发的 UI 框架</h3>
 
-[![star](https://gitee.com/anyup/uView-Pro/badge/star.svg)](https://gitee.com/anyup/uView-Pro/stargazers)
-[![fork](https://gitee.com/anyup/uView-Pro/badge/fork.svg)](https://gitee.com/anyup/uView-Pro/members)
-[![stars](https://img.shields.io/github/stars/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/umicro/uView)
-[![forks](https://img.shields.io/github/forks/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/umicro/uView)
-[![issues](https://img.shields.io/github/issues/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/umicro/uView/issues)
-[![Website](https://img.shields.io/badge/uView-up-blue?style=flat-square)](https://uview-pro.anyup.cn/docs/)
-[![release](https://img.shields.io/github/v/release/anyup/uView-Pro?style=flat-square)](https://gitee.com/anyup/uView-Pro/releases)
+[![star](https://gitee.com/anyup/uView-Pro/badge/star.svg)](https://gitee.com/anyup/uView-Pro)
+[![fork](https://gitee.com/anyup/uView-Pro/badge/fork.svg)](https://gitee.com/anyup/uView-Pro)
+[![stars](https://img.shields.io/github/stars/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/anyup/uView-Pro)
+[![forks](https://img.shields.io/github/forks/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/anyup/uView-Pro)
+[![issues](https://img.shields.io/github/issues/anyup/uView-Pro?style=flat-square&logo=GitHub)](https://github.com/anyup/uView-Pro/issues)
 [![license](https://img.shields.io/github/license/anyup/uView-Pro?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)
 
 ## 说明
 
 uView UI，是 [uni-app](https://uniapp.dcloud.io/) 生态优秀的 UI 框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
 
-uView Pro，是全面支持 Vue3.0、TypeScript 的 uni-app 生态框架，uView Pro 的基线版本是基于 uView `1.8.8` 修改，使用 TypeScript 完全重构，目前已全面支持 uni-app Vue3.0。
+uView Pro，是全面支持 Vue3.0、TypeScript 的 uni-app 生态框架，uView Pro 的基线版本是基于 uView 1.8.8 修改，使用 TypeScript 完全重构，目前已全面支持 uni-app Vue3.0。
 
-## [官方文档：https://uview-pro.anyup.cn/docs/](https://uview-pro.anyup.cn/docs/)
+## [官方文档：https://uview-pro.anyup.cn/](https://uview-pro.anyup.cn/)
 
 ## 特性
 
@@ -36,32 +34,45 @@ uView Pro，是全面支持 Vue3.0、TypeScript 的 uni-app 生态框架，uView
 
 <table class="table">
     <tr>
-	    <td><img src="https://ik.imagekit.io/anyup/images/social/qr_uview_pro_wx.jpg" width="200" height="200" ></td>
+        <td><img src="https://ik.imagekit.io/anyup/images/social/qr_uview_pro_wx.jpg" width="200" height="200" ></td>
         <td><img src="https://ik.imagekit.io/anyup/images/social/qr_uview_pro_h5.png" width="200" height="200" ></td>
-	    <td><img src="https://ik.imagekit.io/anyup/images/social/qr_uview_pro_android.png" width="200" height="200" ></td>
+        <td><img src="https://ik.imagekit.io/anyup/images/social/qr_uview_pro_android.png" width="200" height="200" ></td>
     </tr>
     <tr>
         <td align="center"><strong>微信小程序</strong><br>（微信扫码）</td>
-	    <td align="center"><strong>H5</strong><br>（浏览器扫码）</td>
-	    <td align="center"><strong>Android</strong><br>（浏览器扫码）</td>
+        <td align="center"><strong>H5</strong><br>（浏览器扫码）</td>
+        <td align="center"><strong>Android</strong><br>（浏览器扫码）</td>
     </tr>
 </table>
 
+运行示例工程，请[下载源码](https://github.com/anyup/uview-pro)后，在项目根目录执行以下命令：
+
+```bash
+pnpm install
+pnpm dev
+```
+
+
+
 ## 链接
 
--   [官方文档](https://uview-pro.anyup.cn/docs/)
--   [更新日志](https://uview-pro.anyup.cn/docs/components/changelog.html)
--   [升级指南](https://uview-pro.anyup.cn/docs/components/changelog.html)
--   [关于我们](https://uview-pro.anyup.cn/docs/cooperation/about.html)
+-   [Github](https://github.com/anyup/uview-pro)
+-   [Gitee](https://gitee.com/anyup/uview-pro)
+-   [官方文档](https://uview-pro.anyup.cn/)
+-   [更新日志](https://github.com/anyup/uView-Pro/blob/master/src/uni_modules/uview-pro/changelog.md)
 
 ## 交流反馈
 
+uView Pro QQ 交流群： [点击进入](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=98nSVDldWEbDdq4lxiP4aL7uATfMSlI6&authKey=G2yQJ5MQiKzMldaxBsIfKt17NuJuUw8Fr6zdKLggc6NZXgw4BVbqkU2U3EE994yd&noverify=0&group_code=811732166)
+
 <table class="table">
     <tr>
         <td><img src="https://ik.imagekit.io/anyup/images/social/weixin-chat.png" width="250" height="345" ></td>
+        <td><img src="https://ik.imagekit.io/anyup/images/social/qq-chat.png" width="250" height="345" ></td>
     </tr>
     <tr>
         <td align="center"><strong>微信群</strong><br></td>
+        <td align="center"><strong>QQ群</strong><br></td>
     </tr>
 </table>
 
@@ -71,12 +82,32 @@ uView Pro，是全面支持 Vue3.0、TypeScript 的 uni-app 生态框架，uView
 
 所以希望在您修复 bug 并提交之前尽可能的去这些平台测试一下兼容性。最好能携带测试截图以方便审核。非常感谢！
 
+## 安装
+
+#### **npm 安装**
+
+```bash
+# npm 安装
+npm install uview-pro
+
+# yarn 安装
+yarn add uview-pro
+
+# pnpm 安装
+pnpm add uview-pro
+```
+
+#### **插件市场下载**
+
+[https://p.dcloud.net.cn/plugin?name=uview-pro](https://p.dcloud.net.cn/plugin?name=uview-pro)
+
 ## 快速上手
 
 1. `main.ts`引入 uView 库
 
 ```js
 // main.ts
+import { createSSRApp } from 'vue';
 import uViewPro from 'uview-pro';
 
 export function createApp() {
@@ -110,21 +141,21 @@ export function createApp() {
 ```js
 // pages.json
 {
-	"easycom": {
-		// uni_modules安装的方式需要前面的"@/"，npm安装的方式无需"@/"
-		// npm安装方式
-		"^u-(.*)": "uview-pro/components/u-$1/u-$1.vue"
-		// uni_modules安装方式
-		// "^u-(.*)": "@/uni_modules/uview-pro/components/u-$1/u-$1.vue"
-	},
-	// 此为本身已有的内容
-	"pages": [
-		// ......
-	]
+    "easycom": {
+        // uni_modules安装的方式需要前面的"@/"，npm安装的方式无需"@/"
+        // npm安装方式
+        "^u-(.*)": "uview-pro/components/u-$1/u-$1.vue"
+        // uni_modules安装方式
+        // "^u-(.*)": "@/uni_modules/uview-pro/components/u-$1/u-$1.vue"
+    },
+    // 此为本身已有的内容
+    "pages": [
+        // ......
+    ]
 }
 ```
 
-请通过[快速上手](https://uview-pro.anyup.cn/docs/components/quickstart.html)了解更详细的内容
+请通过[快速上手](https://www.anyup.cn/docs/components/quickstart.html)了解更详细的内容
 
 ## 使用方法
 
@@ -136,7 +167,7 @@ export function createApp() {
 </template>
 ```
 
-请通过[快速上手](https://uview-pro.anyup.cn/docs/components/quickstart.html)了解更详细的内容
+请通过[快速上手](https://www.anyup.cn/docs/components/quickstart.html)了解更详细的内容
 
 ## 捐赠 uView Pro
 
@@ -145,11 +176,11 @@ uView Pro 文档内容和框架源码基于 uView UI 二次开发，因此全部
 <table class="table">
     <tr>
         <td><img src="https://ik.imagekit.io/anyup/images/social/weixin-pay.png" width="250" height="345" ></td>
-	    <td><img src="https://ik.imagekit.io/anyup/images/social/ali-pay.png" width="250" height="345" ></td>
+        <td><img src="https://ik.imagekit.io/anyup/images/social/ali-pay.png" width="250" height="345" ></td>
     </tr>
     <tr>
         <td align="center"><strong>微信</strong><br></td>
-	    <td align="center"><strong>支付宝</strong><br></td>
+        <td align="center"><strong>支付宝</strong><br></td>
     </tr>
 </table>
 
@@ -161,5 +192,7 @@ uView Pro 遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，
 
 再次感谢 uView UI 开发团队，以及所有为 uView UI 的贡献者，以及所有为 uView Pro 的贡献者。
 
--   [uView 1.0](https://github.com/umicro/uView)
--   [uView 2.0](https://github.com/umicro/uView2.0)
+-   [Github](https://github.com/anyup/uview-pro)
+-   [Gitee](https://gitee.com/anyup/uview-pro)
+-   [uView UI 1.0](https://github.com/umicro/uView)
+-   [uView UI 2.0](https://github.com/umicro/uView2.0)