uview-pro 0.0.3 → 0.0.5

package/components/u-city-select/u-city-select.vue

@@ -0,0 +1,244 @@
+<template>
+    <u-popup
+        v-model="popupValue"
+        mode="bottom"
+        :popup="false"
+        :mask="true"
+        :closeable="true"
+        :safe-area-inset-bottom="true"
+        close-icon-color="#ffffff"
+        :z-index="uZIndex"
+        :maskCloseAble="props.maskCloseAble"
+        @close="close"
+    >
+        <u-tabs v-if="popupValue" :list="genTabsList" :is-scroll="true" :current="tabsIndex" @change="tabsChange" ref="tabs"></u-tabs>
+        <view class="area-box">
+            <view class="u-flex" :class="{ change: isChange }">
+                <!-- 省 -->
+                <view class="area-item">
+                    <view class="u-padding-10 u-bg-gray" style="height: 100%">
+                        <scroll-view :scroll-y="true" style="height: 100%">
+                            <u-cell-group>
+                                <u-cell-item v-for="(item, index) in provincesList" :title="item.label" :arrow="false" :index="index" :key="index" @click="provinceChange(index)">
+                                    <template v-if="isChooseP && province === index" #right-icon>
+                                        <u-icon size="34" name="checkbox-mark"></u-icon>
+                                    </template>
+                                </u-cell-item>
+                            </u-cell-group>
+                        </scroll-view>
+                    </view>
+                </view>
+                <!-- 市 -->
+                <view class="area-item">
+                    <view class="u-padding-10 u-bg-gray" style="height: 100%">
+                        <scroll-view :scroll-y="true" style="height: 100%">
+                            <u-cell-group v-if="isChooseP">
+                                <u-cell-item v-for="(item, index) in citys" :title="item.label" :arrow="false" :index="index" :key="index" @click="cityChange(index)">
+                                    <template v-if="isChooseC && city === index" #right-icon>
+                                        <u-icon size="34" name="checkbox-mark"></u-icon>
+                                    </template>
+                                </u-cell-item>
+                            </u-cell-group>
+                        </scroll-view>
+                    </view>
+                </view>
+                <!-- 区 -->
+                <view class="area-item">
+                    <view class="u-padding-10 u-bg-gray" style="height: 100%">
+                        <scroll-view :scroll-y="true" style="height: 100%">
+                            <u-cell-group v-if="isChooseC">
+                                <u-cell-item v-for="(item, index) in areas" :title="item.label" :arrow="false" :index="index" :key="index" @click="areaChange(index)">
+                                    <template v-if="isChooseA && area === index" #right-icon>
+                                        <u-icon size="34" name="checkbox-mark"></u-icon>
+                                    </template>
+                                </u-cell-item>
+                            </u-cell-group>
+                        </scroll-view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue';
+import provinces from '../../libs/util/province';
+import citysData from '../../libs/util/city';
+import areasData from '../../libs/util/area';
+import type { PropType } from 'vue';
+
+defineOptions({
+    name: 'u-city-select'
+});
+
+/**
+ * u-city-select 城市选择器
+ * @description 用于选择省、市、区三级行政区域，支持回显和自定义初始值。
+ * @property {Boolean} modelValue 控制弹窗显示与隐藏（v-model）
+ * @property {Array} defaultRegion 默认选中的省市区名称数组，如 ['广东省', '广州市', '天河区']
+ * @property {Array} areaCode 默认选中的省市区编码数组，如 ['440000', '440100', '440106']
+ * @property {Boolean} maskCloseAble 是否允许点击遮罩关闭弹窗（默认 true）
+ * @property {String|Number} zIndex 弹窗层级（默认 0，自动适配）
+ * @event update:modelValue v-model 绑定值变化时触发
+ * @event city-change 选择省市区后触发，返回选中的省市区对象
+ * @example <u-city-select v-model="show" :defaultRegion="['广东省','广州市','天河区']" @city-change="onChange"></u-city-select>
+ */
+
+// props 定义
+const props = defineProps({
+    modelValue: { type: Boolean, default: false },
+    defaultRegion: { type: Array as PropType<string[]>, default: () => [] },
+    areaCode: { type: Array as PropType<string[]>, default: () => [] },
+    maskCloseAble: { type: Boolean, default: true },
+    zIndex: { type: [String, Number], default: 0 }
+});
+
+// emits 定义
+const emit = defineEmits(['update:modelValue', 'city-change']);
+
+// 省市区选择相关响应式数据
+const cityValue = ref('');
+const isChooseP = ref(false); // 是否已选省
+const province = ref(0); // 省下标
+const provincesList = ref(provinces);
+const isChooseC = ref(false); // 是否已选市
+const city = ref(0); // 市下标
+const citys = ref(citysData[0]);
+const isChooseA = ref(false); // 是否已选区
+const area = ref(0); // 区下标
+const areas = ref(areasData[0][0]);
+const tabsIndex = ref(0);
+
+// v-model 双向绑定
+const popupValue = computed({
+    get: () => props.modelValue,
+    set: val => emit('update:modelValue', val)
+});
+
+// 是否切换到区级
+const isChange = computed(() => tabsIndex.value > 1);
+
+// 顶部 tab 列表
+const genTabsList = computed(() => {
+    const tabsList = [{ name: '请选择' }];
+    if (isChooseP.value) {
+        tabsList[0].name = provincesList.value[province.value].label;
+        tabsList[1] = { name: '请选择' };
+    }
+    if (isChooseC.value) {
+        tabsList[1].name = citys.value[city.value].label;
+        tabsList[2] = { name: '请选择' };
+    }
+    if (isChooseA.value) {
+        tabsList[2].name = areas.value[area.value].label;
+    }
+    return tabsList;
+});
+
+// z-index 计算
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : (uni as any).$u?.zIndex?.popup || 1075));
+
+// 初始化选中项
+function init() {
+    if (props.areaCode.length === 3) {
+        setProvince('', props.areaCode[0]);
+        setCity('', props.areaCode[1]);
+        setArea('', props.areaCode[2]);
+    } else if (props.defaultRegion.length === 3) {
+        setProvince(props.defaultRegion[0], '');
+        setCity(props.defaultRegion[1], '');
+        setArea(props.defaultRegion[2], '');
+    }
+}
+
+// 选中省
+function setProvince(label = '', value = '') {
+    provincesList.value.forEach((v, k) => {
+        if (value ? v.value == value : v.label == label) {
+            provinceChange(k);
+        }
+    });
+}
+// 选中市
+function setCity(label = '', value = '') {
+    citys.value.forEach((v, k) => {
+        if (value ? v.value == value : v.label == label) {
+            cityChange(k);
+        }
+    });
+}
+// 选中区
+function setArea(label = '', value = '') {
+    areas.value.forEach((v, k) => {
+        if (value ? v.value == value : v.label == label) {
+            isChooseA.value = true;
+            area.value = k;
+        }
+    });
+}
+
+// 关闭弹窗
+function close() {
+    emit('update:modelValue', false);
+}
+// tab 切换
+function tabsChange(index: number) {
+    tabsIndex.value = index;
+}
+// 省点击
+function provinceChange(index: number) {
+    isChooseP.value = true;
+    isChooseC.value = false;
+    isChooseA.value = false;
+    province.value = index;
+    citys.value = citysData[index];
+    tabsIndex.value = 1;
+}
+// 市点击
+function cityChange(index: number) {
+    isChooseC.value = true;
+    isChooseA.value = false;
+    city.value = index;
+    areas.value = areasData[province.value][index];
+    tabsIndex.value = 2;
+}
+// 区点击
+function areaChange(index: number) {
+    isChooseA.value = true;
+    area.value = index;
+    const result = {
+        province: provincesList.value[province.value],
+        city: citys.value[city.value],
+        area: areas.value[area.value]
+    };
+    emit('city-change', result);
+    close();
+}
+
+// 挂载时初始化
+onMounted(init);
+</script>
+
+<style lang="scss">
+.area-box {
+    width: 100%;
+    overflow: hidden;
+    height: 800rpx;
+
+    > view {
+        width: 150%;
+        transition: transform 0.3s ease-in-out 0s;
+        transform: translateX(0);
+
+        &.change {
+            transform: translateX(-33.3333333%);
+        }
+    }
+
+    .area-item {
+        width: 33.3333333%;
+        height: 800rpx;
+    }
+}
+</style>

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）