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

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

@@ -1,231 +0,0 @@
-<template>
-  <u-popup :show="show" @close="closeHandler">
-    <view class="u-picker">
-      <u-toolbar
-        v-if="showToolbar"
-        :cancelColor="cancelColor"
-        :confirmColor="confirmColor"
-        :cancelText="cancelText"
-        :confirmText="confirmText"
-        :title="title"
-        @cancel="cancel"
-        @confirm="confirm"
-      ></u-toolbar>
-      <picker-view
-        class="u-picker__view"
-        :indicatorStyle="`height: ${$u.addUnit(itemHeight)}`"
-        :value="innerIndex"
-        :immediateChange="immediateChange"
-        :style="{
-          height: `${$u.addUnit(visibleItemCount * itemHeight)}`
-        }"
-        @change="changeHandler"
-      >
-        <picker-view-column v-for="(item, index) in innerColumns" :key="index" class="u-picker__view__column">
-          <text
-            v-if="$u.test.array(item)"
-            class="u-picker__view__column__item u-line-1"
-            v-for="(item1, index1) in item"
-            :key="index1"
-            :style="{
-              height: $u.addUnit(itemHeight),
-              lineHeight: $u.addUnit(itemHeight),
-              fontWeight: index1 === innerIndex[index] ? 'bold' : 'normal',
-              display: 'block'
-            }"
-          >
-            {{ getItemText(item1) }}
-          </text>
-        </picker-view-column>
-      </picker-view>
-      <view v-if="loading" class="u-picker--loading">
-        <u-loading-icon mode="circle"></u-loading-icon>
-      </view>
-    </view>
-  </u-popup>
-</template>
-<script>
-/**
- * u-picker
- * @description 选择器
- * @property {Boolean}			show				是否显示picker弹窗（默认 false ）
- * @property {Boolean}			showToolbar			是否显示顶部的操作栏（默认 true ）
- * @property {String}			title				顶部标题
- * @property {Array}			columns				对象数组，设置每一列的数据
- * @property {Boolean}			loading				是否显示加载中状态（默认 false ）
- * @property {String | Number}	itemHeight			各列中，单个选项的高度（默认 44 ）
- * @property {String}			cancelText			取消按钮的文字（默认 '取消' ）
- * @property {String}			confirmText			确认按钮的文字（默认 '确定' ）
- * @property {String}			cancelColor			取消按钮的颜色（默认 '#909193' ）
- * @property {String}			confirmColor		确认按钮的颜色（默认 '#3c9cff' ）
- * @property {String | Number}	visibleItemCount	每列中可见选项的数量（默认 5 ）
- * @property {String}			keyName				选项对象中，需要展示的属性键名（默认 'text' ）
- * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭选择器（默认 false ）
- * @property {Array}			defaultIndex		各列的默认索引
- * @property {Boolean}			immediateChange		是否在手指松开时立即触发change事件（默认 false ）
- * @event {Function} close		关闭选择器时触发
- * @event {Function} cancel		点击取消按钮触发
- * @event {Function} change		当选择值变化时触发
- * @event {Function} confirm	点击确定按钮，返回当前选择的值
- */
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-export default {
-  name: 'u-picker',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 上一次选择的列索引
-      lastIndex: [],
-      // 索引值 ，对应picker-view的value
-      innerIndex: [],
-      // 各列的值
-      innerColumns: [],
-      // 上一次的变化列索引
-      columnIndex: 0
-    };
-  },
-  watch: {
-    // 监听默认索引的变化，重新设置对应的值
-    defaultIndex: {
-      immediate: true,
-      handler(n) {
-        this.setIndexs(n, true);
-      }
-    },
-    // 监听columns参数的变化
-    columns: {
-      immediate: true,
-      handler(n) {
-        this.setColumns(n);
-      }
-    }
-  },
-  methods: {
-    // 获取item需要显示的文字，判别为对象还是文本
-    getItemText(item) {
-      if (uni.$u.test.object(item)) {
-        return item[this.keyName];
-      } else {
-        return item;
-      }
-    },
-    // 关闭选择器
-    closeHandler() {
-      if (this.closeOnClickOverlay) {
-        this.$emit('close');
-      }
-    },
-    // 点击工具栏的取消按钮
-    cancel() {
-      this.$emit('cancel');
-    },
-    // 点击工具栏的确定按钮
-    confirm() {
-      this.$emit('confirm', {
-        indexs: this.innerIndex,
-        value: this.innerColumns.map((item, index) => item[this.innerIndex[index]]),
-        values: this.innerColumns
-      });
-    },
-    // 选择器某一列的数据发生变化时触发
-    changeHandler(e) {
-      const { value } = e.detail;
-      let index = 0,
-        columnIndex = 0;
-      // 通过对比前后两次的列索引，得出当前变化的是哪一列
-      for (let i = 0; i < value.length; i++) {
-        let item = value[i];
-        if (item !== (this.lastIndex[i] || 0)) {
-          // 把undefined转为合法假值0
-          // 设置columnIndex为当前变化列的索引
-          columnIndex = i;
-          // index则为变化列中的变化项的索引
-          index = item;
-          break; // 终止循环，即使少一次循环，也是性能的提升
-        }
-      }
-      this.columnIndex = columnIndex;
-      const values = this.innerColumns;
-      // 将当前的各项变化索引，设置为"上一次"的索引变化值
-      this.setLastIndex(value);
-      this.setIndexs(value);
-      this.$emit('change', {
-        // #ifndef MP-WEIXIN || MP-LARK || MP-TOUTIAO
-        // 微信小程序不能传递this，会因为循环引用而报错
-        picker: this,
-        // #endif
-        value: this.innerColumns.map((item, index) => item[value[index]]),
-        index,
-        indexs: value,
-        // values为当前变化列的数组内容
-        values,
-        columnIndex
-      });
-    },
-    // 设置index索引，此方法可被外部调用设置
-    setIndexs(index, setLastIndex) {
-      this.innerIndex = uni.$u.deepClone(index);
-      if (setLastIndex) {
-        this.setLastIndex(index);
-      }
-    },
-    // 记录上一次的各列索引位置
-    setLastIndex(index) {
-      // 当能进入此方法，意味着当前设置的各列默认索引，即为“上一次”的选中值，需要记录，是因为changeHandler中
-      // 需要拿前后的变化值进行对比，得出当前发生改变的是哪一列
-      this.lastIndex = uni.$u.deepClone(index);
-    },
-    // 设置对应列选项的所有值
-    setColumnValues(columnIndex, values) {
-      // 替换innerColumns数组中columnIndex索引的值为values，使用的是数组的splice方法
-      this.innerColumns.splice(columnIndex, 1, values);
-      // 替换完成之后将修改列之后的已选值置空
-      this.setLastIndex(this.innerIndex.slice(0, columnIndex));
-      // 拷贝一份原有的innerIndex做临时变量，将大于当前变化列的所有的列的默认索引设置为0
-      let tmpIndex = uni.$u.deepClone(this.innerIndex);
-      for (let i = 0; i < this.innerColumns.length; i++) {
-        if (i > this.columnIndex) {
-          tmpIndex[i] = 0;
-        }
-      }
-      // 一次性赋值，不能单个修改，否则无效
-      this.setIndexs(tmpIndex);
-    },
-    // 获取对应列的所有选项
-    getColumnValues(columnIndex) {
-      // 进行同步阻塞，因为外部得到change事件之后，可能需要执行setColumnValues更新列的值
-      // 索引如果在外部change的回调中调用getColumnValues的话，可能无法得到变更后的列值，这里进行一定延时，保证值的准确性
-      (async () => {
-        await uni.$u.sleep();
-      })();
-      return this.innerColumns[columnIndex];
-    },
-    // 设置整体各列的columns的值
-    setColumns(columns) {
-      this.innerColumns = uni.$u.deepClone(columns);
-      // 如果在设置各列数据时，没有被设置默认的各列索引defaultIndex，那么用0去填充它，数组长度为列的数量
-      if (this.innerIndex.length === 0) {
-        this.innerIndex = new Array(columns.length).fill(0);
-      }
-    },
-    // 获取各列选中值对应的索引
-    getIndexs() {
-      return this.innerIndex;
-    },
-    // 获取各列选中的值
-    getValues() {
-      // 进行同步阻塞，因为外部得到change事件之后，可能需要执行setColumnValues更新列的值
-      // 索引如果在外部change的回调中调用getValues的话，可能无法得到变更后的列值，这里进行一定延时，保证值的准确性
-      (async () => {
-        await uni.$u.sleep();
-      })();
-      return this.innerColumns.map((item, index) => item[this.innerIndex[index]]);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-picker-column/props.js

@@ -1,3 +0,0 @@
-export default {
-  props: {}
-};

package/uview-ui/components/u-picker-column/style.css

@@ -1,11 +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 */

package/uview-ui/components/u-picker-column/style.scss

@@ -1 +0,0 @@
-@import '../../libs/css/components.scss';

package/uview-ui/components/u-picker-column/u-picker-column.vue

@@ -1,25 +0,0 @@
-<template>
-  <picker-view-column>
-    <view class="u-picker-column"></view>
-  </picker-view-column>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * PickerColumn
- * @description
- * @tutorial url
- * @property {String}
- * @event {Function}
- * @example
- */
-export default {
-  name: 'u-picker-column',
-  mixins: [mpMixin, mixin, props]
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,80 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 是否展示弹窗
-    show: {
-      type: Boolean,
-      default: defprops.popup.show
-    },
-    // 是否显示遮罩
-    overlay: {
-      type: Boolean,
-      default: defprops.popup.overlay
-    },
-    // 弹出的方向，可选值为 top bottom right left center
-    mode: {
-      type: String,
-      default: defprops.popup.mode
-    },
-    // 动画时长，单位ms
-    duration: {
-      type: [String, Number],
-      default: defprops.popup.duration
-    },
-    // 是否显示关闭图标
-    closeable: {
-      type: Boolean,
-      default: defprops.popup.closeable
-    },
-    // 自定义遮罩的样式
-    overlayStyle: {
-      type: [Object, String],
-      default: defprops.popup.overlayStyle
-    },
-    // 点击遮罩是否关闭弹窗
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: defprops.popup.closeOnClickOverlay
-    },
-    // 层级
-    zIndex: {
-      type: [String, Number],
-      default: defprops.popup.zIndex
-    },
-    // 是否为iPhoneX留出底部安全距离
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: defprops.popup.safeAreaInsetBottom
-    },
-    // 是否留出顶部安全距离（状态栏高度）
-    safeAreaInsetTop: {
-      type: Boolean,
-      default: defprops.popup.safeAreaInsetTop
-    },
-    // 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
-    closeIconPos: {
-      type: String,
-      default: defprops.popup.closeIconPos
-    },
-    // 是否显示圆角
-    round: {
-      type: [Boolean, String, Number],
-      default: defprops.popup.round
-    },
-    // mode=center，也即中部弹出时，是否使用缩放模式
-    zoom: {
-      type: Boolean,
-      default: defprops.popup.zoom
-    },
-    // 弹窗背景色，设置为transparent可去除白色背景
-    bgColor: {
-      type: String,
-      default: defprops.popup.bgColor
-    },
-    // 遮罩的透明度，0-1之间
-    overlayOpacity: {
-      type: [Number, String],
-      default: defprops.popup.overlayOpacity
-    }
-  }
-};

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

@@ -1,70 +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-popup {
-  flex: 1;
-}
-.u-popup__content {
-  background-color: #fff;
-  position: relative;
-}
-.u-popup__content--round-top {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-}
-.u-popup__content--round-left {
-  border-top-left-radius: 0;
-  border-top-right-radius: 10px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 10px;
-}
-.u-popup__content--round-right {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 0;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 0;
-}
-.u-popup__content--round-bottom {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.u-popup__content--round-center {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-}
-.u-popup__content__close {
-  position: absolute;
-}
-.u-popup__content__close--hover {
-  opacity: 0.4;
-}
-.u-popup__content__close--top-left {
-  top: 15px;
-  left: 15px;
-}
-.u-popup__content__close--top-right {
-  top: 15px;
-  right: 15px;
-}
-.u-popup__content__close--bottom-left {
-  bottom: 15px;
-  left: 15px;
-}
-.u-popup__content__close--bottom-right {
-  right: 15px;
-  bottom: 15px;
-}

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

@@ -1,75 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-popup-flex: 1 !default;
-$u-popup-content-background-color: #fff !default;
-
-.u-popup {
-  flex: $u-popup-flex;
-
-  &__content {
-    background-color: $u-popup-content-background-color;
-    position: relative;
-
-    &--round-top {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-      border-bottom-left-radius: 10px;
-      border-bottom-right-radius: 10px;
-    }
-
-    &--round-left {
-      border-top-left-radius: 0;
-      border-top-right-radius: 10px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 10px;
-    }
-
-    &--round-right {
-      border-top-left-radius: 10px;
-      border-top-right-radius: 0;
-      border-bottom-left-radius: 10px;
-      border-bottom-right-radius: 0;
-    }
-
-    &--round-bottom {
-      border-top-left-radius: 10px;
-      border-top-right-radius: 10px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &--round-center {
-      border-top-left-radius: 10px;
-      border-top-right-radius: 10px;
-      border-bottom-left-radius: 10px;
-      border-bottom-right-radius: 10px;
-    }
-
-    &__close {
-      position: absolute;
-
-      &--hover {
-        opacity: 0.4;
-      }
-    }
-
-    &__close--top-left {
-      top: 15px;
-      left: 15px;
-    }
-
-    &__close--top-right {
-      top: 15px;
-      right: 15px;
-    }
-
-    &__close--bottom-left {
-      bottom: 15px;
-      left: 15px;
-    }
-
-    &__close--bottom-right {
-      right: 15px;
-      bottom: 15px;
-    }
-  }
-}