@10yun/cv-mobile-ui 0.5.44 → 0.5.45

package/uview-plus/components/u-alert/u-alert.vue

@@ -1,9 +1,11 @@
 <template>
-  <up-transition mode="fade" :show="show">
+  <up-transition :mode="transitionMode" :show="show">
     <view class="u-alert" :class="[`u-alert--${type}--${effect}`]" @tap.stop="clickHandler" :style="[addStyle(customStyle)]">
+      <!-- 左侧图标 -->
       <view class="u-alert__icon" v-if="showIcon">
         <up-icon :name="iconName" size="18" :color="iconColor"></up-icon>
       </view>
+      <!-- 内容区域 -->
       <view
         class="u-alert__content"
         :style="[
@@ -12,6 +14,7 @@
           }
         ]"
       >
+        <!-- 标题 -->
         <text
           class="u-alert__content__title"
           v-if="title"
@@ -25,6 +28,7 @@
         >
           {{ title }}
         </text>
+        <!-- 描述信息 -->
         <text
           class="u-alert__content__desc"
           v-if="description"
@@ -39,8 +43,11 @@
           {{ description }}
         </text>
       </view>
+      <!-- 关闭按钮 -->
       <view class="u-alert__close" v-if="closable" @tap.stop="closeHandler">
-        <up-icon name="close" :color="iconColor" size="15"></up-icon>
+        <slot name="close">
+          <up-icon name="close" :color="iconColor" size="15"></up-icon>
+        </slot>
       </view>
     </view>
   </up-transition>
@@ -53,10 +60,10 @@ import { addUnit, addStyle } from '../../libs/function/index';
 /**
  * Alert  警告提示
  * @description 警告提示，展现需要关注的信息。
- * @tutorial https://ijry.github.io/uview-plus/components/alertTips.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/alertTips.html
  *
  * @property {String}			title       显示的文字
- * @property {String}			type        使用预设的颜色  （默认 'warning' ）
+ * @property {String}			type        使用预设的颜色 （默认 'warning' ）
  * @property {String}			description 辅助性文字，颜色比title浅一点，字号也小一点，可选
  * @property {Boolean}			closable    关闭按钮(默认为叉号icon图标)  （默认 false ）
  * @property {Boolean}			showIcon    是否显示左边的辅助图标   （ 默认 false ）
@@ -64,8 +71,13 @@ import { addUnit, addStyle } from '../../libs/function/index';
  * @property {Boolean}			center		文字是否居中  （默认 false ）
  * @property {String | Number}	fontSize    字体大小  （默认 14 ）
  * @property {Object}			customStyle	定义需要用到的外部样式
+ * @property {String}			transitionMode 过渡动画模式 （默认 'fade' ）
+ * @property {String | Number}	duration	自动关闭延时(毫秒)，设置为0或负数则不自动关闭 （默认 0 ）
+ * @property {String}			icon		自定义图标名称，优先级高于type默认图标
+ * @property {Boolean}			modelValue/v-model	绑定值，控制是否显示 （默认 true ）
  * @event    {Function}        click       点击组件时触发
  * @event    {Function}        close       点击关闭按钮时触发
+ * @event    {Function}        closed      关闭动画结束时触发
  * @example  <up-alert :title="title"  type = "warning" :closable="closable" :description = "description"></up-alert>
  */
 export default {
@@ -73,15 +85,19 @@ export default {
   mixins: [mpMixin, mixin, props],
   data() {
     return {
+      // 控制组件显示隐藏
       show: true
     };
   },
   computed: {
+    // 根据不同的主题类型返回对应的图标颜色
     iconColor() {
       return this.effect === 'light' ? this.type : '#fff';
     },
     // 不同主题对应不同的图标
     iconName() {
+      // 如果用户自定义了图标，则优先使用自定义图标
+      if (this.icon) return this.icon;
       switch (this.type) {
         case 'success':
           return 'checkmark-circle-fill';
@@ -103,15 +119,40 @@ export default {
       }
     }
   },
-  emits: ['click', 'close'],
+  emits: ['click', 'close', 'closed', 'update:modelValue'],
+  watch: {
+    modelValue: {
+      handler(newVal) {
+        this.show = newVal;
+      },
+      immediate: true
+    },
+    show: {
+      handler(newVal) {
+        this.$emit('update:modelValue', newVal);
+        // 如果是从显示到隐藏，且启用了自动关闭功能
+        if (!newVal && this.duration > 0) {
+          this.$emit('closed');
+        }
+      }
+    }
+  },
+  mounted() {
+    // 如果设置了自动关闭时间，则在指定时间后自动关闭
+    if (this.duration > 0) {
+      setTimeout(() => {
+        this.closeHandler();
+      }, this.duration);
+    }
+  },
   methods: {
     addUnit,
     addStyle,
-    // 点击内容
+    // 点击内容区域触发click事件
     clickHandler() {
       this.$emit('click');
     },
-    // 点击关闭按钮
+    // 点击关闭按钮触发close事件并隐藏组件
     closeHandler() {
       this.show = false;
       this.$emit('close');

package/uview-plus/components/u-app-update/_doc/readme.md

@@ -4,7 +4,7 @@
 
 app升级、整包更新、热更新、强制更新、ios跳转更新、android跳转应用市场，间隔式提醒用户更新，所有细节都可在config.js中修改。
 
-## [查看文档](https://ijry.github.io/uview-plus/components/appUpdate.html)
+## [查看文档](https://uview-plus.jiangruyi.com/components/appUpdate.html)
 
 ## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
 (请勿下载插件zip)
@@ -13,4 +13,4 @@ app升级、整包更新、热更新、强制更新、ios跳转更新、android
 	<img src="https://wuui.cn/intr.png">
 </a>
 
-**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://uview-plus.jiangruyi.com/components/qqFeedBack.html)**

package/uview-plus/components/u-avatar/style.css

@@ -1,29 +1,3 @@
-/* #ifndef APP-NVUE */
-.u-empty,
-.u-empty__wrap,
-.u-tabs,
-.u-tabs__wrapper,
-.u-tabs__wrapper__scroll-view-wrapper,
-.u-tabs__wrapper__scroll-view,
-.u-tabs__wrapper__nav,
-.u-tabs__wrapper__nav__line,
-.up-empty,
-.up-empty__wrap,
-.up-tabs,
-.up-tabs__wrapper,
-.up-tabs__wrapper__scroll-view-wrapper,
-.up-tabs__wrapper__scroll-view,
-.up-tabs__wrapper__nav,
-.up-tabs__wrapper__nav__line {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
 .u-avatar {
   /* #ifndef APP-NVUE */
   display: flex;

package/uview-plus/components/u-avatar/style.scss

@@ -1,5 +1,3 @@
-@import '../../libs/css/components.scss';
-
 .u-avatar {
   @include flex;
   align-items: center;

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

@@ -65,7 +65,7 @@ const base64Avatar =
 /**
  * Avatar  头像
  * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
  *
  * @property {String}			src				头像路径，如加载失败，将会显示默认头像(不能为相对路径)
  * @property {String}			shape			头像形状  （ circle (默认) | square）

package/uview-plus/components/u-avatar-group/style.css

@@ -1,29 +1,3 @@
-/* #ifndef APP-NVUE */
-.u-empty,
-.u-empty__wrap,
-.u-tabs,
-.u-tabs__wrapper,
-.u-tabs__wrapper__scroll-view-wrapper,
-.u-tabs__wrapper__scroll-view,
-.u-tabs__wrapper__nav,
-.u-tabs__wrapper__nav__line,
-.up-empty,
-.up-empty__wrap,
-.up-tabs,
-.up-tabs__wrapper,
-.up-tabs__wrapper__scroll-view-wrapper,
-.up-tabs__wrapper__scroll-view,
-.up-tabs__wrapper__nav,
-.up-tabs__wrapper__nav__line {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
 .u-avatar-group {
   /* #ifndef APP-NVUE */
   display: flex;

package/uview-plus/components/u-avatar-group/style.scss

@@ -1,5 +1,3 @@
-@import '../../libs/css/components.scss';
-
 .u-avatar-group {
   @include flex;
 

package/uview-plus/components/u-avatar-group/u-avatar-group.vue

@@ -39,7 +39,7 @@ import test from '../../libs/function/test';
 /**
  * AvatarGroup  头像组
  * @description 本组件一般用于展示头像的地方，如个人中心，或者评论列表页的用户头像展示等场所。
- * @tutorial https://ijry.github.io/uview-plus/components/avatar.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
  *
  * @property {Array}           urls     头像图片组 （默认 [] ）
  * @property {String | Number} maxCount 最多展示的头像数量 （ 默认 5 ）

package/uview-plus/components/u-back-top/style.css

@@ -1,29 +1,3 @@
-/* #ifndef APP-NVUE */
-.u-empty,
-.u-empty__wrap,
-.u-tabs,
-.u-tabs__wrapper,
-.u-tabs__wrapper__scroll-view-wrapper,
-.u-tabs__wrapper__scroll-view,
-.u-tabs__wrapper__nav,
-.u-tabs__wrapper__nav__line,
-.up-empty,
-.up-empty__wrap,
-.up-tabs,
-.up-tabs__wrapper,
-.up-tabs__wrapper__scroll-view-wrapper,
-.up-tabs__wrapper__scroll-view,
-.up-tabs__wrapper__nav,
-.up-tabs__wrapper__nav__line {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
 .u-back-top {
   /* #ifndef APP-NVUE */
   display: flex;

package/uview-plus/components/u-back-top/style.scss

@@ -1,4 +1,3 @@
-@import '../../libs/css/components.scss';
 $u-back-top-flex: 1 !default;
 $u-back-top-height: 100% !default;
 $u-back-top-background-color: #e1e1e1 !default;

package/uview-plus/components/u-badge/style.css

@@ -1,29 +1,3 @@
-/* #ifndef APP-NVUE */
-.u-empty,
-.u-empty__wrap,
-.u-tabs,
-.u-tabs__wrapper,
-.u-tabs__wrapper__scroll-view-wrapper,
-.u-tabs__wrapper__scroll-view,
-.u-tabs__wrapper__nav,
-.u-tabs__wrapper__nav__line,
-.up-empty,
-.up-empty__wrap,
-.up-tabs,
-.up-tabs__wrapper,
-.up-tabs__wrapper__scroll-view-wrapper,
-.up-tabs__wrapper__scroll-view,
-.up-tabs__wrapper__nav,
-.up-tabs__wrapper__nav__line {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
 .u-badge {
   border-top-right-radius: 100px;
   border-top-left-radius: 100px;

package/uview-plus/components/u-badge/style.scss

@@ -1,5 +1,3 @@
-@import '../../libs/css/components.scss';
-
 $u-badge-primary: $u-primary !default;
 $u-badge-error: $u-error !default;
 $u-badge-success: $u-success !default;