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

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

@@ -1,158 +0,0 @@
-<template>
-  <u-popup :show="show" mode="bottom" @close="closeHandler" :safeAreaInsetBottom="safeAreaInsetBottom" :round="round">
-    <view class="u-action-sheet">
-      <view class="u-action-sheet__header" v-if="title">
-        <text class="u-action-sheet__header__title u-line-1">{{ title }}</text>
-        <view class="u-action-sheet__header__icon-wrap" @tap.stop="cancel">
-          <u-icon name="close" size="17" color="#c8c9cc" bold></u-icon>
-        </view>
-      </view>
-      <text
-        class="u-action-sheet__description"
-        :style="[
-          {
-            marginTop: `${title && description ? 0 : '18px'}`
-          }
-        ]"
-        v-if="description"
-      >
-        {{ description }}
-      </text>
-      <slot>
-        <u-line v-if="description"></u-line>
-        <view class="u-action-sheet__item-wrap">
-          <template v-for="(item, index) in actions">
-            <!-- #ifdef MP -->
-            <button
-              :key="index"
-              class="u-reset-button"
-              :openType="item.openType"
-              @getuserinfo="onGetUserInfo"
-              @contact="onContact"
-              @getphonenumber="onGetPhoneNumber"
-              @error="onError"
-              @launchapp="onLaunchApp"
-              @opensetting="onOpenSetting"
-              :lang="lang"
-              :session-from="sessionFrom"
-              :send-message-title="sendMessageTitle"
-              :send-message-path="sendMessagePath"
-              :send-message-img="sendMessageImg"
-              :show-message-card="showMessageCard"
-              :app-parameter="appParameter"
-              @tap="selectHandler(index)"
-              :hover-class="!item.disabled && !item.loading ? 'u-action-sheet--hover' : ''"
-            >
-              <!-- #endif -->
-              <view
-                class="u-action-sheet__item-wrap__item"
-                @tap.stop="selectHandler(index)"
-                :hover-class="!item.disabled && !item.loading ? 'u-action-sheet--hover' : ''"
-                :hover-stay-time="150"
-              >
-                <template v-if="!item.loading">
-                  <text class="u-action-sheet__item-wrap__item__name" :style="[itemStyle(index)]">{{ item.name }}</text>
-                  <text v-if="item.subname" class="u-action-sheet__item-wrap__item__subname">{{ item.subname }}</text>
-                </template>
-                <u-loading-icon v-else custom-class="van-action-sheet__loading" size="18" mode="circle" />
-              </view>
-              <!-- #ifdef MP -->
-            </button>
-            <!-- #endif -->
-            <u-line v-if="index !== actions.length - 1"></u-line>
-          </template>
-        </view>
-      </slot>
-      <u-gap bgColor="#eaeaec" height="6" v-if="cancelText"></u-gap>
-      <view hover-class="u-action-sheet--hover">
-        <text @touchmove.stop.prevent :hover-stay-time="150" v-if="cancelText" class="u-action-sheet__cancel-text" @tap="cancel">
-          {{ cancelText }}
-        </text>
-      </view>
-    </view>
-  </u-popup>
-</template>
-<script>
-import openType from '../../libs/mixin/openType';
-import button from '../../libs/mixin/button';
-import props from './props.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * ActionSheet 操作菜单
- * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
- * @tutorial https://ijry.github.io/uview-plus/components/actionSheet.html
- *
- * @property {Boolean}			show				操作菜单是否展示 （默认 false ）
- * @property {String}			title				操作菜单标题
- * @property {String}			description			选项上方的描述信息
- * @property {Array<Object>}	actions				按钮的文字数组，见官方文档示例
- * @property {String}			cancelText			取消按钮的提示文字,不为空时显示按钮
- * @property {Boolean}			closeOnClickAction	点击某个菜单项时是否关闭弹窗 （默认 true ）
- * @property {Boolean}			safeAreaInsetBottom	处理底部安全区 （默认 true ）
- * @property {String}			openType			小程序的打开方式 (contact | launchApp | getUserInfo | openSetting ｜getPhoneNumber ｜error )
- * @property {Boolean}			closeOnClickOverlay	点击遮罩是否允许关闭  (默认 true )
- * @property {Number|String}	round				圆角值，默认无圆角  (默认 0 )
- * @property {String}			lang				指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文
- * @property {String}			sessionFrom			会话来源，openType="contact"时有效
- * @property {String}			sendMessageTitle	会话内消息卡片标题，openType="contact"时有效
- * @property {String}			sendMessagePath		会话内消息卡片点击跳转小程序路径，openType="contact"时有效
- * @property {String}			sendMessageImg		会话内消息卡片图片，openType="contact"时有效
- * @property {Boolean}			showMessageCard		是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效 （默认 false ）
- * @property {String}			appParameter		打开 APP 时，向 APP 传递的参数，openType=launchApp 时有效
- *
- * @event {Function} select			点击ActionSheet列表项时触发
- * @event {Function} close			点击取消按钮时触发
- * @event {Function} getuserinfo	用户点击该按钮时，会返回获取到的用户信息，回调的 detail 数据与 wx.getUserInfo 返回的一致，openType="getUserInfo"时有效
- * @event {Function} contact		客服消息回调，openType="contact"时有效
- * @event {Function} getphonenumber	获取用户手机号回调，openType="getPhoneNumber"时有效
- * @event {Function} error			当使用开放能力时，发生错误的回调，openType="error"时有效
- * @event {Function} launchapp		打开 APP 成功的回调，openType="launchApp"时有效
- * @event {Function} opensetting	在打开授权设置页后回调，openType="openSetting"时有效
- * @example <u-action-sheet :actions="list" :title="title" :show="show"></u-action-sheet>
- */
-export default {
-  name: 'u-action-sheet',
-  // 一些props参数和methods方法，通过mixin混入，因为其他文件也会用到
-  mixins: [openType, button, mixin, props],
-  data() {
-    return {};
-  },
-  computed: {
-    // 操作项目的样式
-    itemStyle() {
-      return (index) => {
-        let style = {};
-        if (this.actions[index].color) style.color = this.actions[index].color;
-        if (this.actions[index].fontSize) style.fontSize = uni.$u.addUnit(this.actions[index].fontSize);
-        // 选项被禁用的样式
-        if (this.actions[index].disabled) style.color = '#c0c4cc';
-        return style;
-      };
-    }
-  },
-  methods: {
-    closeHandler() {
-      // 允许点击遮罩关闭时，才发出close事件
-      if (this.closeOnClickOverlay) {
-        this.$emit('close');
-      }
-    },
-    // 点击取消按钮
-    cancel() {
-      this.$emit('close');
-    },
-    selectHandler(index) {
-      const item = this.actions[index];
-      if (item && !item.disabled && !item.loading) {
-        this.$emit('select', item);
-        if (this.closeOnClickAction) {
-          this.$emit('close');
-        }
-      }
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-album/props.js

@@ -1,60 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 图片地址，Array<String>|Array<Object>形式
-    urls: {
-      type: Array,
-      default: defprops.album.urls
-    },
-    // 指定从数组的对象元素中读取哪个属性作为图片地址
-    keyName: {
-      type: String,
-      default: defprops.album.keyName
-    },
-    // 单图时，图片长边的长度
-    singleSize: {
-      type: [String, Number],
-      default: defprops.album.singleSize
-    },
-    // 多图时，图片边长
-    multipleSize: {
-      type: [String, Number],
-      default: defprops.album.multipleSize
-    },
-    // 多图时，图片水平和垂直之间的间隔
-    space: {
-      type: [String, Number],
-      default: defprops.album.space
-    },
-    // 单图时，图片缩放裁剪的模式
-    singleMode: {
-      type: String,
-      default: defprops.album.singleMode
-    },
-    // 多图时，图片缩放裁剪的模式
-    multipleMode: {
-      type: String,
-      default: defprops.album.multipleMode
-    },
-    // 最多展示的图片数量，超出时最后一个位置将会显示剩余图片数量
-    maxCount: {
-      type: [String, Number],
-      default: defprops.album.maxCount
-    },
-    // 是否可以预览图片
-    previewFullImage: {
-      type: Boolean,
-      default: defprops.album.previewFullImage
-    },
-    // 每行展示图片数量，如设置，singleSize和multipleSize将会无效
-    rowCount: {
-      type: [String, Number],
-      default: defprops.album.rowCount
-    },
-    // 超出maxCount时是否显示查看更多的提示
-    showMore: {
-      type: Boolean,
-      default: defprops.album.showMore
-    }
-  }
-};

package/uview-ui/components/u-album/style.css

@@ -1,41 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-album {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: column;
-}
-.u-album__row {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.u-album__row__wrapper {
-  position: relative;
-}
-.u-album__row__wrapper__text {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.3);
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-}

package/uview-ui/components/u-album/style.scss

@@ -1,26 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-album {
-  @include flex(column);
-
-  &__row {
-    @include flex(row);
-    flex-wrap: wrap;
-
-    &__wrapper {
-      position: relative;
-
-      &__text {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: rgba(0, 0, 0, 0.3);
-        @include flex(row);
-        justify-content: center;
-        align-items: center;
-      }
-    }
-  }
-}

package/uview-ui/components/u-album/u-album.vue

@@ -1,203 +0,0 @@
-<template>
-  <view class="u-album">
-    <view class="u-album__row" ref="u-album__row" v-for="(arr, index) in showUrls" :forComputedUse="albumWidth" :key="index">
-      <view
-        class="u-album__row__wrapper"
-        v-for="(item, index1) in arr"
-        :key="index1"
-        :style="[imageStyle(index + 1, index1 + 1)]"
-        @tap="previewFullImage ? onPreviewTap(getSrc(item)) : ''"
-      >
-        <image
-          :src="getSrc(item)"
-          :mode="urls.length === 1 ? (imageHeight > 0 ? singleMode : 'widthFix') : multipleMode"
-          :style="[
-            {
-              width: imageWidth,
-              height: imageHeight
-            }
-          ]"
-        ></image>
-        <view
-          v-if="
-            showMore &&
-            urls.length > rowCount * showUrls.length &&
-            index === showUrls.length - 1 &&
-            index1 === showUrls[showUrls.length - 1].length - 1
-          "
-          class="u-album__row__wrapper__text"
-        >
-          <u--text
-            :text="`+${urls.length - maxCount}`"
-            color="#fff"
-            :size="multipleSize * 0.3"
-            align="center"
-            customStyle="justify-content: center"
-          ></u--text>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-// #ifdef APP-NVUE
-// 由于weex为阿里的KPI业绩考核的产物，所以不支持百分比单位，这里需要通过dom查询组件的宽度
-const dom = uni.requireNativePlugin('dom');
-// #endif
-/**
- * Album 相册
- * @description 本组件提供一个类似相册的功能，让开发者开发起来更加得心应手。减少重复的模板代码
- * @tutorial https://ijry.github.io/uview-plus/components/album.html
- *
- * @property {Array}           urls             图片地址列表 Array<String>|Array<Object>形式
- * @property {String}          keyName          指定从数组的对象元素中读取哪个属性作为图片地址
- * @property {String | Number} singleSize       单图时，图片长边的长度  （默认 180 ）
- * @property {String | Number} multipleSize     多图时，图片边长 （默认 70 ）
- * @property {String | Number} space            多图时，图片水平和垂直之间的间隔 （默认 6 ）
- * @property {String}          singleMode       单图时，图片缩放裁剪的模式 （默认 'scaleToFill' ）
- * @property {String}          multipleMode     多图时，图片缩放裁剪的模式 （默认 'aspectFill' ）
- * @property {String | Number} maxCount         取消按钮的提示文字 （默认 9 ）
- * @property {Boolean}         previewFullImage 是否可以预览图片 （默认 true ）
- * @property {String | Number} rowCount         每行展示图片数量，如设置，singleSize和multipleSize将会无效	（默认 3 ）
- * @property {Boolean}         showMore         超出maxCount时是否显示查看更多的提示 （默认 true ）
- *
- * @event    {Function}        albumWidth       某些特殊的情况下，需要让文字与相册的宽度相等，这里事件的形式对外发送  （回调参数 width ）
- * @example <u-album :urls="urls2" @albumWidth="width => albumWidth = width" multipleSize="68" ></u-album>
- */
-export default {
-  name: 'u-album',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 单图的宽度
-      singleWidth: 0,
-      // 单图的高度
-      singleHeight: 0,
-      // 单图时，如果无法获取图片的尺寸信息，让图片宽度默认为容器的一定百分比
-      singlePercent: 0.6
-    };
-  },
-  watch: {
-    urls: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal.length === 1) {
-          this.getImageRect();
-        }
-      }
-    }
-  },
-  computed: {
-    imageStyle() {
-      return (index1, index2) => {
-        const { space, rowCount, multipleSize, urls } = this,
-          { addUnit, addStyle } = uni.$u,
-          rowLen = this.showUrls.length,
-          allLen = this.urls.length;
-        const style = {
-          marginRight: addUnit(space),
-          marginBottom: addUnit(space)
-        };
-        // 如果为最后一行，则每个图片都无需下边框
-        if (index1 === rowLen) style.marginBottom = 0;
-        // 每行的最右边一张和总长度的最后一张无需右边框
-        if (index2 === rowCount || (index1 === rowLen && index2 === this.showUrls[index1 - 1].length)) style.marginRight = 0;
-        return style;
-      };
-    },
-    // 将数组划分为二维数组
-    showUrls() {
-      const arr = [];
-      this.urls.map((item, index) => {
-        // 限制最大展示数量
-        if (index + 1 <= this.maxCount) {
-          // 计算该元素为第几个素组内
-          const itemIndex = Math.floor(index / this.rowCount);
-          // 判断对应的索引是否存在
-          if (!arr[itemIndex]) {
-            arr[itemIndex] = [];
-          }
-          arr[itemIndex].push(item);
-        }
-      });
-      return arr;
-    },
-    imageWidth() {
-      return uni.$u.addUnit(this.urls.length === 1 ? this.singleWidth : this.multipleSize);
-    },
-    imageHeight() {
-      return uni.$u.addUnit(this.urls.length === 1 ? this.singleHeight : this.multipleSize);
-    },
-    // 此变量无实际用途，仅仅是为了利用computed特性，让其在urls长度等变化时，重新计算图片的宽度
-    // 因为用户在某些特殊的情况下，需要让文字与相册的宽度相等，所以这里事件的形式对外发送
-    albumWidth() {
-      let width = 0;
-      if (this.urls.length === 1) {
-        width = this.singleWidth;
-      } else {
-        width = this.showUrls[0].length * this.multipleSize + this.space * (this.showUrls[0].length - 1);
-      }
-      this.$emit('albumWidth', width);
-      return width;
-    }
-  },
-  methods: {
-    // 预览图片
-    onPreviewTap(url) {
-      const urls = this.urls.map((item) => {
-        return this.getSrc(item);
-      });
-      uni.previewImage({
-        current: url,
-        urls
-      });
-    },
-    // 获取图片的路径
-    getSrc(item) {
-      return uni.$u.test.object(item) ? (this.keyName && item[this.keyName]) || item.src : item;
-    },
-    // 单图时，获取图片的尺寸
-    // 在小程序中，需要将网络图片的的域名添加到小程序的download域名才可能获取尺寸
-    // 在没有添加的情况下，让单图宽度默认为盒子的一定宽度(singlePercent)
-    getImageRect() {
-      const src = this.getSrc(this.urls[0]);
-      uni.getImageInfo({
-        src,
-        success: (res) => {
-          // 判断图片横向还是竖向展示方式
-          const isHorizotal = res.width >= res.height;
-          this.singleWidth = isHorizotal ? this.singleSize : (res.width / res.height) * this.singleSize;
-          this.singleHeight = !isHorizotal ? this.singleSize : (res.height / res.width) * this.singleWidth;
-        },
-        fail: () => {
-          this.getComponentWidth();
-        }
-      });
-    },
-    // 获取组件的宽度
-    async getComponentWidth() {
-      // 延时一定时间，以获取dom尺寸
-      await uni.$u.sleep(30);
-      // #ifndef APP-NVUE
-      this.$uGetRect('.u-album__row').then((size) => {
-        this.singleWidth = size.width * this.singlePercent;
-      });
-      // #endif
-      // #ifdef APP-NVUE
-      // 这里ref="u-album__row"所在的标签为通过for循环出来，导致this.$refs['u-album__row']是一个数组
-      const ref = this.$refs['u-album__row'][0];
-      ref &&
-        dom.getComponentRect(ref, (res) => {
-          this.singleWidth = res.size.width * this.singlePercent;
-        });
-      // #endif
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-alert/props.js

@@ -1,45 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 显示文字
-    title: {
-      type: String,
-      default: defprops.alert.title
-    },
-    // 主题，success/warning/info/error
-    type: {
-      type: String,
-      default: defprops.alert.type
-    },
-    // 辅助性文字
-    description: {
-      type: String,
-      default: defprops.alert.description
-    },
-    // 是否可关闭
-    closable: {
-      type: Boolean,
-      default: defprops.alert.closable
-    },
-    // 是否显示图标
-    showIcon: {
-      type: Boolean,
-      default: defprops.alert.showIcon
-    },
-    // 浅或深色调，light-浅色，dark-深色
-    effect: {
-      type: String,
-      default: defprops.alert.effect
-    },
-    // 文字是否居中
-    center: {
-      type: Boolean,
-      default: defprops.alert.center
-    },
-    // 字体大小
-    fontSize: {
-      type: [String, Number],
-      default: defprops.alert.fontSize
-    }
-  }
-};

package/uview-ui/components/u-alert/style.css

@@ -1,101 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-alert {
-  position: relative;
-  background-color: var(--u-primary);
-  padding: 8px 10px;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.u-alert--primary--dark {
-  background-color: var(--u-primary);
-}
-.u-alert--primary--light {
-  background-color: #ecf5ff;
-}
-.u-alert--error--dark {
-  background-color: var(--u-error);
-}
-.u-alert--error--light {
-  background-color: #fef0f0;
-}
-.u-alert--success--dark {
-  background-color: var(--u-success);
-}
-.u-alert--success--light {
-  background-color: #f5fff0;
-}
-.u-alert--warning--dark {
-  background-color: var(--u-warning);
-}
-.u-alert--warning--light {
-  background-color: #fdf6ec;
-}
-.u-alert--info--dark {
-  background-color: var(--u-info);
-}
-.u-alert--info--light {
-  background-color: #f4f4f5;
-}
-.u-alert__icon {
-  margin-right: 5px;
-}
-.u-alert__content {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: column;
-  flex: 1;
-}
-.u-alert__content__title {
-  color: var(--u-main-color);
-  font-size: 14px;
-  font-weight: bold;
-  color: #fff;
-  margin-bottom: 2px;
-}
-.u-alert__content__desc {
-  color: var(--u-main-color);
-  font-size: 14px;
-  flex-wrap: wrap;
-  color: #fff;
-}
-.u-alert__title--dark, .u-alert__desc--dark {
-  color: #ffffff;
-}
-.u-alert__text--primary--light, .u-alert__text--primary--light {
-  color: var(--u-primary);
-}
-.u-alert__text--success--light, .u-alert__text--success--light {
-  color: var(--u-success);
-}
-.u-alert__text--warning--light, .u-alert__text--warning--light {
-  color: var(--u-warning);
-}
-.u-alert__text--error--light, .u-alert__text--error--light {
-  color: var(--u-error);
-}
-.u-alert__text--info--light, .u-alert__text--info--light {
-  color: var(--u-info);
-}
-.u-alert__close {
-  position: absolute;
-  top: 11px;
-  right: 10px;
-}