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

package/uview-ui/components/u-code-input/style.css

@@ -1,78 +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-code-input {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  position: relative;
-  overflow: hidden;
-}
-.u-code-input__item {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  /* #ifndef APP-PLUS */
-  /* #endif */
-}
-.u-code-input__item__text {
-  font-size: 15px;
-  color: var(--u-content-color);
-}
-.u-code-input__item__dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 100px;
-  background-color: var(--u-content-color);
-}
-.u-code-input__item__line {
-  position: absolute;
-  bottom: 0;
-  height: 4px;
-  border-radius: 100px;
-  width: 40px;
-  background-color: var(--u-content-color);
-}
-.u-code-input__item__cursor {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 1px;
-  height: 40%;
-  animation: 1s u-cursor-flicker infinite;
-}
-.u-code-input__input {
-  position: absolute;
-  left: -750rpx;
-  width: 1500rpx;
-  top: 0;
-  background-color: transparent;
-  text-align: left;
-}
-/* #ifndef APP-PLUS */
-@keyframes u-cursor-flicker {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-/* #endif */

package/uview-ui/components/u-code-input/style.scss

@@ -1,75 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-code-input-cursor-width: 1px;
-$u-code-input-cursor-height: 40%;
-$u-code-input-cursor-animation-duration: 1s;
-$u-code-input-cursor-animation-name: u-cursor-flicker;
-
-.u-code-input {
-  @include flex;
-  position: relative;
-  overflow: hidden;
-
-  &__item {
-    @include flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-
-    &__text {
-      font-size: 15px;
-      color: $u-content-color;
-    }
-
-    &__dot {
-      width: 7px;
-      height: 7px;
-      border-radius: 100px;
-      background-color: $u-content-color;
-    }
-
-    &__line {
-      position: absolute;
-      bottom: 0;
-      height: 4px;
-      border-radius: 100px;
-      width: 40px;
-      background-color: $u-content-color;
-    }
-    /* #ifndef APP-PLUS */
-    &__cursor {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      width: $u-code-input-cursor-width;
-      height: $u-code-input-cursor-height;
-      animation: $u-code-input-cursor-animation-duration u-cursor-flicker infinite;
-    }
-    /* #endif */
-  }
-
-  &__input {
-    // 之所以需要input输入框，是因为有它才能唤起键盘
-    // 这里将它设置为两倍的屏幕宽度，再将左边的一半移出屏幕，为了不让用户看到输入的内容
-    position: absolute;
-    left: -750rpx;
-    width: 1500rpx;
-    top: 0;
-    background-color: transparent;
-    text-align: left;
-  }
-}
-
-/* #ifndef APP-PLUS */
-@keyframes u-cursor-flicker {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-/* #endif */

package/uview-ui/components/u-code-input/u-code-input.vue

@@ -1,169 +0,0 @@
-<template>
-  <view class="u-code-input">
-    <view class="u-code-input__item" :style="[itemStyle(index)]" v-for="(item, index) in codeLength" :key="index">
-      <view class="u-code-input__item__dot" v-if="dot && codeArray.length > index"></view>
-      <text
-        v-else
-        :style="{
-          fontSize: $u.addUnit(fontSize),
-          fontWeight: bold ? 'bold' : 'normal',
-          color: color
-        }"
-      >
-        {{ codeArray[index] }}
-      </text>
-      <view class="u-code-input__item__line" v-if="mode === 'line'" :style="[lineStyle]"></view>
-      <!-- #ifndef APP-PLUS -->
-      <view
-        v-if="isFocus && codeArray.length === index"
-        :style="{ backgroundColor: color }"
-        class="u-code-input__item__cursor"
-      ></view>
-      <!-- #endif -->
-    </view>
-    <input
-      :disabled="disabledKeyboard"
-      type="number"
-      :focus="focus"
-      :value="inputValue"
-      :maxlength="maxlength"
-      :adjustPosition="adjustPosition"
-      class="u-code-input__input"
-      @input="inputHandler"
-      :style="{
-        height: $u.addUnit(size)
-      }"
-      @focus="isFocus = true"
-      @blur="isFocus = false"
-    />
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * CodeInput 验证码输入
- * @description 该组件一般用于验证用户短信验证码的场景，也可以结合uView的键盘组件使用
- * @tutorial https://ijry.github.io/uview-plus/components/codeInput.html
- * @property {String | Number}	maxlength			最大输入长度 （默认 6 ）
- * @property {Boolean}			dot					是否用圆点填充 （默认 false ）
- * @property {String}			mode				显示模式，box-盒子模式，line-底部横线模式 （默认 'box' ）
- * @property {Boolean}			hairline			是否细边框 （默认 false ）
- * @property {String | Number}	space				字符间的距离 （默认 10 ）
- * @property {String | Number}	value				预置值
- * @property {Boolean}			focus				是否自动获取焦点 （默认 false ）
- * @property {Boolean}			bold				字体和输入横线是否加粗 （默认 false ）
- * @property {String}			color				字体颜色 （默认 '#606266' ）
- * @property {String | Number}	fontSize			字体大小，单位px （默认 18 ）
- * @property {String | Number}	size				输入框的大小，宽等于高 （默认 35 ）
- * @property {Boolean}			disabledKeyboard	是否隐藏原生键盘，如果想用自定义键盘的话，需设置此参数为true （默认 false ）
- * @property {String}			borderColor			边框和线条颜色 （默认 '#c9cacc' ）
- * @property {Boolean}			disabledDot			是否禁止输入"."符号 （默认 true ）
- *
- * @event {Function}	change	输入内容发生改变时触发，具体见上方说明			value：当前输入的值
- * @event {Function}	finish	输入字符个数达maxlength值时触发，见上方说明	value：当前输入的值
- * @example	<u-code-input v-model="value4" :focus="true"></u-code-input>
- */
-export default {
-  name: 'u-code-input',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      inputValue: '',
-      isFocus: this.focus
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(val) {
-        // 转为字符串，超出部分截掉
-        this.inputValue = String(val).substring(0, this.maxlength);
-      }
-    }
-  },
-  computed: {
-    // 根据长度，循环输入框的个数，因为头条小程序数值不能用于v-for
-    codeLength() {
-      return new Array(Number(this.maxlength));
-    },
-    // 循环item的样式
-    itemStyle() {
-      return (index) => {
-        const addUnit = uni.$u.addUnit;
-        const style = {
-          width: addUnit(this.size),
-          height: addUnit(this.size)
-        };
-        // 盒子模式下，需要额外进行处理
-        if (this.mode === 'box') {
-          // 设置盒子的边框，如果是细边框，则设置为0.5px宽度
-          style.border = `${this.hairline ? 0.5 : 1}px solid ${this.borderColor}`;
-          // 如果盒子间距为0的话
-          if (uni.$u.getPx(this.space) === 0) {
-            // 给第一和最后一个盒子设置圆角
-            if (index === 0) {
-              style.borderTopLeftRadius = '3px';
-              style.borderBottomLeftRadius = '3px';
-            }
-            if (index === this.codeLength.length - 1) {
-              style.borderTopRightRadius = '3px';
-              style.borderBottomRightRadius = '3px';
-            }
-            // 最后一个盒子的右边框需要保留
-            if (index !== this.codeLength.length - 1) {
-              style.borderRight = 'none';
-            }
-          }
-        }
-        if (index !== this.codeLength.length - 1) {
-          // 设置验证码字符之间的距离，通过margin-right设置，最后一个字符，无需右边框
-          style.marginRight = addUnit(this.space);
-        } else {
-          // 最后一个盒子的有边框需要保留
-          style.marginRight = 0;
-        }
-        return style;
-      };
-    },
-    // 将输入的值，转为数组，给item历遍时，根据当前的索引显示数组的元素
-    codeArray() {
-      return String(this.inputValue).split('');
-    },
-    // 下划线模式下，横线的样式
-    lineStyle() {
-      const style = {};
-      style.height = this.hairline ? '2px' : '4px';
-      style.width = uni.$u.addUnit(this.size);
-      // 线条模式下，背景色即为边框颜色
-      style.backgroundColor = this.borderColor;
-      return style;
-    }
-  },
-  methods: {
-    // 监听输入框的值发生变化
-    inputHandler(e) {
-      const value = e.detail.value;
-      this.inputValue = value;
-      // 是否允许输入“.”符号
-      if (this.disabledDot) {
-        this.$nextTick(() => {
-          this.inputValue = value.replace('.', '');
-        });
-      }
-      // 未达到maxlength之前，发送change事件，达到后发送finish事件
-      this.$emit('change', value);
-      // 修改通过v-model双向绑定的值
-      this.$emit('input', value);
-      // 达到用户指定输入长度时，发出完成事件
-      if (String(value).length >= Number(this.maxlength)) {
-        this.$emit('finish', value);
-      }
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,30 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 占父容器宽度的多少等分，总分为12份
-    span: {
-      type: [String, Number],
-      default: defprops.col.span
-    },
-    // 指定栅格左侧的间隔数(总12栏)
-    offset: {
-      type: [String, Number],
-      default: defprops.col.offset
-    },
-    // 水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
-    justify: {
-      type: String,
-      default: defprops.col.justify
-    },
-    // 垂直对齐方式，可选值为top、center、bottom、stretch
-    align: {
-      type: String,
-      default: defprops.col.align
-    },
-    // 文字对齐方式
-    textAlign: {
-      type: String,
-      default: defprops.col.textAlign
-    }
-  }
-};

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

@@ -1,61 +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-col {
-  padding: 0;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  /* #endif */
-  /* #ifdef MP */
-  display: block;
-  /* #endif */
-}
-/* #ifndef APP-NVUE */
-.u-col-0 {
-  width: 0;
-}
-.u-col-1 {
-  width: 8.3333333333%;
-}
-.u-col-2 {
-  width: 16.6666666667%;
-}
-.u-col-3 {
-  width: 25%;
-}
-.u-col-4 {
-  width: 33.3333333333%;
-}
-.u-col-5 {
-  width: 41.6666666667%;
-}
-.u-col-6 {
-  width: 50%;
-}
-.u-col-7 {
-  width: 58.3333333333%;
-}
-.u-col-8 {
-  width: 66.6666666667%;
-}
-.u-col-9 {
-  width: 75%;
-}
-.u-col-10 {
-  width: 83.3333333333%;
-}
-.u-col-11 {
-  width: 91.6666666667%;
-}
-.u-col-12 {
-  width: 100%;
-}
-/* #endif */

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

@@ -1,67 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-col {
-  padding: 0;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  /* #endif */
-  /* #ifdef MP */
-  display: block;
-  /* #endif */
-}
-
-// nvue下百分比无效
-/* #ifndef APP-NVUE */
-.u-col-0 {
-  width: 0;
-}
-
-.u-col-1 {
-  width: calc(100% / 12);
-}
-
-.u-col-2 {
-  width: calc(100% / 12 * 2);
-}
-
-.u-col-3 {
-  width: calc(100% / 12 * 3);
-}
-
-.u-col-4 {
-  width: calc(100% / 12 * 4);
-}
-
-.u-col-5 {
-  width: calc(100% / 12 * 5);
-}
-
-.u-col-6 {
-  width: calc(100% / 12 * 6);
-}
-
-.u-col-7 {
-  width: calc(100% / 12 * 7);
-}
-
-.u-col-8 {
-  width: calc(100% / 12 * 8);
-}
-
-.u-col-9 {
-  width: calc(100% / 12 * 9);
-}
-
-.u-col-10 {
-  width: calc(100% / 12 * 10);
-}
-
-.u-col-11 {
-  width: calc(100% / 12 * 11);
-}
-
-.u-col-12 {
-  width: calc(100% / 12 * 12);
-}
-
-/* #endif */

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

@@ -1,88 +0,0 @@
-<template>
-  <view class="u-col" ref="u-col" :class="['u-col-' + span]" :style="[colStyle]" @tap="clickHandler">
-    <slot></slot>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * CodeInput 栅格系统的列
- * @description 该组件一般用于Layout 布局 通过基础的 12 分栏，迅速简便地创建布局
- * @tutorial https://ijry.github.io/uview-plus/components/Layout.html
- * @property {String | Number}	span		栅格占据的列数，总12等份 (默认 12 )
- * @property {String | Number}	offset		分栏左边偏移，计算方式与span相同 (默认 0 )
- * @property {String}			justify		水平排列方式，可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)  (默认 'start' )
- * @property {String}			align		垂直对齐方式，可选值为top、center、bottom、stretch (默认 'stretch' )
- * @property {String}			textAlign	文字水平对齐方式 (默认 'left' )
- * @property {Object}			customStyle	定义需要用到的外部样式
- * @event {Function}	click	col被点击，会阻止事件冒泡到row
- * @example	 <u-col  span="3" offset="3" > <view class="demo-layout bg-purple"></view> </u-col>
- */
-export default {
-  name: 'u-col',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      width: 0,
-      parentData: {
-        gutter: 0
-      },
-      gridNum: 12
-    };
-  },
-  computed: {
-    uJustify() {
-      if (this.justify == 'end' || this.justify == 'start') return 'flex-' + this.justify;
-      else if (this.justify == 'around' || this.justify == 'between') return 'space-' + this.justify;
-      else return this.justify;
-    },
-    uAlignItem() {
-      if (this.align == 'top') return 'flex-start';
-      if (this.align == 'bottom') return 'flex-end';
-      else return this.align;
-    },
-    colStyle() {
-      const style = {
-        // 这里写成"padding: 0 10px"的形式是因为nvue的需要
-        paddingLeft: uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter) / 2),
-        paddingRight: uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter) / 2),
-        alignItems: this.uAlignItem,
-        justifyContent: this.uJustify,
-        textAlign: this.textAlign,
-        // #ifndef APP-NVUE
-        // 在非nvue上，使用百分比形式
-        flex: `0 0 ${(100 / this.gridNum) * this.span}%`,
-        marginLeft: (100 / 12) * this.offset + '%',
-        // #endif
-        // #ifdef APP-NVUE
-        // 在nvue上，由于无法使用百分比单位，这里需要获取父组件的宽度，再计算得出该有对应的百分比尺寸
-        width: uni.$u.addUnit(Math.floor((this.width / this.gridNum) * Number(this.span))),
-        marginLeft: uni.$u.addUnit(Math.floor((this.width / this.gridNum) * Number(this.offset)))
-        // #endif
-      };
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    async init() {
-      // 支付宝小程序不支持provide/inject，所以使用这个方法获取整个父组件，在created定义，避免循环引用
-      this.updateParentData();
-      this.width = await this.parent.getComponentWidth();
-    },
-    updateParentData() {
-      this.getParentData('u-row');
-    },
-    clickHandler(e) {
-      this.$emit('click');
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,20 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 当前展开面板的name，非手风琴模式：[<string | number>]，手风琴模式：string | number
-    value: {
-      type: [String, Number, Array, null],
-      default: defprops.collapse.value
-    },
-    // 是否手风琴模式
-    accordion: {
-      type: Boolean,
-      default: defprops.collapse.accordion
-    },
-    // 是否显示外边框
-    border: {
-      type: Boolean,
-      default: defprops.collapse.border
-    }
-  }
-};

package/uview-ui/components/u-collapse/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-collapse/style.scss

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

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

@@ -1,89 +0,0 @@
-<template>
-  <view class="u-collapse">
-    <u-line v-if="border"></u-line>
-    <slot />
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * collapse 折叠面板
- * @description 通过折叠面板收纳内容区域
- * @tutorial https://ijry.github.io/uview-plus/components/collapse.html
- * @property {String | Number | Array}	value		当前展开面板的name，非手风琴模式：[<string | number>]，手风琴模式：string | number
- * @property {Boolean}					accordion	是否手风琴模式（ 默认 false ）
- * @property {Boolean}					border		是否显示外边框 ( 默认 true ）
- * @event {Function}	change 		当前激活面板展开时触发(如果是手风琴模式，参数activeNames类型为String，否则为Array)
- * @example <u-collapse></u-collapse>
- */
-export default {
-  name: 'u-collapse',
-  mixins: [mpMixin, mixin, props],
-  watch: {
-    needInit() {
-      this.init();
-    }
-  },
-  created() {
-    this.children = [];
-  },
-  computed: {
-    needInit() {
-      // 通过computed，同时监听accordion和value值的变化
-      // 再通过watch去执行init()方法，进行再一次的初始化
-      return [this.accordion, this.value];
-    }
-  },
-  watch: {
-    // 当父组件需要子组件需要共享的参数发生了变化，手动通知子组件
-    parentData() {
-      if (this.children.length) {
-        this.children.map((child) => {
-          // 判断子组件(u-checkbox)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
-          typeof child.updateParentData === 'function' && child.updateParentData();
-        });
-      }
-    }
-  },
-  methods: {
-    // 重新初始化一次内部的所有子元素
-    init() {
-      this.children.map((child) => {
-        child.init();
-      });
-    },
-    /**
-     * collapse-item被点击时触发，由collapse统一处理各子组件的状态
-     * @param {Object} target 被操作的面板的实例
-     */
-    onChange(target) {
-      let changeArr = [];
-      this.children.map((child, index) => {
-        // 如果是手风琴模式，将其他的折叠面板收起来
-        if (this.accordion) {
-          child.expanded = child === target ? !target.expanded : false;
-          child.setContentAnimate();
-        } else {
-          if (child === target) {
-            child.expanded = !child.expanded;
-            child.setContentAnimate();
-          }
-        }
-        // 拼接change事件中，数组元素的状态
-        changeArr.push({
-          // 如果没有定义name属性，则默认返回组件的index索引
-          name: child.name || index,
-          status: child.expanded ? 'open' : 'close'
-        });
-      });
-      this.$emit('change', changeArr);
-      this.$emit(target.expanded ? 'open' : 'close', target.name);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>