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

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

@@ -1,194 +0,0 @@
-<template>
-  <view class="u-textarea" :class="textareaClass" :style="[textareaStyle]">
-    <textarea
-      class="u-textarea__field"
-      :value="innerValue"
-      :style="{ height: $u.addUnit(height) }"
-      :placeholder="placeholder"
-      :placeholder-style="$u.addStyle(placeholderStyle, 'string')"
-      :placeholder-class="placeholderClass"
-      :disabled="disabled"
-      :focus="focus"
-      :autoHeight="autoHeight"
-      :fixed="fixed"
-      :cursorSpacing="cursorSpacing"
-      :cursor="cursor"
-      :showConfirmBar="showConfirmBar"
-      :selectionStart="selectionStart"
-      :selectionEnd="selectionEnd"
-      :adjustPosition="adjustPosition"
-      :disableDefaultPadding="disableDefaultPadding"
-      :holdKeyboard="holdKeyboard"
-      :maxlength="maxlength"
-      :confirmType="confirmType"
-      :ignoreCompositionEvent="ignoreCompositionEvent"
-      @focus="onFocus"
-      @blur="onBlur"
-      @linechange="onLinechange"
-      @input="onInput"
-      @confirm="onConfirm"
-      @keyboardheightchange="onKeyboardheightchange"
-    ></textarea>
-    <text
-      class="u-textarea__count"
-      :style="{
-        'background-color': disabled ? 'transparent' : '#fff'
-      }"
-      v-if="count"
-    >
-      {{ innerValue.length }}/{{ maxlength }}
-    </text>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * Textarea 文本域
- * @description 文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等
- * @tutorial https://ijry.github.io/uview-plus/components/textarea.html
- *
- * @property {String | Number} 		value					输入框的内容
- * @property {String | Number}		placeholder				输入框为空时占位符
- * @property {String}			    placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
- * @property {String | Object}	    placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
- * @property {String | Number}		height					输入框高度（默认 70 ）
- * @property {String}				confirmType				设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效（默认 'done' ）
- * @property {Boolean}				disabled				是否禁用（默认 false ）
- * @property {Boolean}				count					是否显示统计字数（默认 false ）
- * @property {Boolean}				focus					是否自动获取焦点，nvue不支持，H5取决于浏览器的实现（默认 false ）
- * @property {Boolean | Function}	autoHeight				是否自动增加高度（默认 false ）
- * @property {Boolean}				fixed					如果textarea是在一个position:fixed的区域，需要显示指定属性fixed为true（默认 false ）
- * @property {Number}				cursorSpacing			指定光标与键盘的距离（默认 0 ）
- * @property {String | Number}		cursor					指定focus时的光标位置
- * @property {Function}			    formatter			    内容式化函数
- * @property {Boolean}				showConfirmBar			是否显示键盘上方带有”完成“按钮那一栏，（默认 true ）
- * @property {Number}				selectionStart			光标起始位置，自动聚焦时有效，需与selection-end搭配使用，（默认 -1 ）
- * @property {Number | Number}		selectionEnd			光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认 -1 ）
- * @property {Boolean}				adjustPosition			键盘弹起时，是否自动上推页面（默认 true ）
- * @property {Boolean | Number}		disableDefaultPadding	是否去掉 iOS 下的默认内边距，只微信小程序有效（默认 false ）
- * @property {Boolean}				holdKeyboard			focus时，点击页面的时候不收起键盘，只微信小程序有效（默认 false ）
- * @property {String | Number}		maxlength				最大输入长度，设置为 -1 的时候不限制最大长度（默认 140 ）
- * @property {String}				border					边框类型，surround-四周边框，none-无边框，bottom-底部边框（默认 'surround' ）
- * @property {Boolean}				ignoreCompositionEvent	是否忽略组件内对文本合成系统事件的处理
- *
- * @event {Function(e)} focus					输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
- * @event {Function(e)} blur					输入框失去焦点时触发，event.detail = {value, cursor}
- * @event {Function(e)} linechange				输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}
- * @event {Function(e)} input					当键盘输入时，触发 input 事件
- * @event {Function(e)} confirm					点击完成时， 触发 confirm 事件
- * @event {Function(e)} keyboardheightchange	键盘高度发生变化的时候触发此事件
- * @example <u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea>
- */
-export default {
-  name: 'u-textarea',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 输入框的值
-      innerValue: '',
-      // 是否处于获得焦点状态
-      focused: false,
-      // value是否第一次变化，在watch中，由于加入immediate属性，会在第一次触发，此时不应该认为value发生了变化
-      firstChange: true,
-      // value绑定值的变化是由内部还是外部引起的
-      changeFromInner: false,
-      // 过滤处理方法
-      innerFormatter: (value) => value
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(newVal, oldVal) {
-        this.innerValue = newVal;
-        /* #ifdef H5 */
-        // 在H5中，外部value变化后，修改input中的值，不会触发@input事件，此时手动调用值变化方法
-        if (this.firstChange === false && this.changeFromInner === false) {
-          this.valueChange();
-        }
-        /* #endif */
-        this.firstChange = false;
-        // 重置changeFromInner的值为false，标识下一次引起默认为外部引起的
-        this.changeFromInner = false;
-      }
-    }
-  },
-  computed: {
-    // 组件的类名
-    textareaClass() {
-      let classes = [],
-        { border, disabled, shape } = this;
-      border === 'surround' && (classes = classes.concat(['u-border', 'u-textarea--radius']));
-      border === 'bottom' && (classes = classes.concat(['u-border-bottom', 'u-textarea--no-radius']));
-      disabled && classes.push('u-textarea--disabled');
-      return classes.join(' ');
-    },
-    // 组件的样式
-    textareaStyle() {
-      const style = {};
-      // #ifdef APP-NVUE
-      // 由于textarea在安卓nvue上的差异性，需要额外再调整其内边距
-      if (uni.$u.os() === 'android') {
-        style.paddingTop = '6px';
-        style.paddingLeft = '9px';
-        style.paddingBottom = '3px';
-        style.paddingRight = '6px';
-      }
-      // #endif
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  },
-  methods: {
-    // 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
-    setFormatter(e) {
-      this.innerFormatter = e;
-    },
-    onFocus(e) {
-      this.$emit('focus', e);
-    },
-    onBlur(e) {
-      this.$emit('blur', e);
-      // 尝试调用u-form的验证方法
-      uni.$u.formValidate(this, 'blur');
-    },
-    onLinechange(e) {
-      this.$emit('linechange', e);
-    },
-    onInput(e) {
-      let { value = '' } = e.detail || {};
-      // 格式化过滤方法
-      const formatter = this.formatter || this.innerFormatter;
-      const formatValue = formatter(value);
-      // 为了避免props的单向数据流特性，需要先将innerValue值设置为当前值，再在$nextTick中重新赋予设置后的值才有效
-      this.innerValue = value;
-      this.$nextTick(() => {
-        this.innerValue = formatValue;
-        this.valueChange();
-      });
-    },
-    // 内容发生变化，进行处理
-    valueChange() {
-      const value = this.innerValue;
-      this.$nextTick(() => {
-        this.$emit('input', value);
-        // 标识value值的变化是由内部引起的
-        this.changeFromInner = true;
-        this.$emit('change', value);
-        // 尝试调用u-form的验证方法
-        uni.$u.formValidate(this, 'change');
-      });
-    },
-    onConfirm(e) {
-      this.$emit('confirm', e);
-    },
-    onKeyboardheightchange(e) {
-      this.$emit('keyboardheightchange', e);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-toast/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-toast__content {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  padding: 12px 20px;
-  border-radius: 4px;
-  background-color: #585858;
-  color: #fff;
-  align-items: center;
-  /* #ifndef APP-NVUE */
-  max-width: 600rpx;
-  /* #endif */
-  position: relative;
-}
-.u-toast__content--loading {
-  flex-direction: column;
-  padding: 20px 20px;
-}
-.u-toast__content__text {
-  color: #fff;
-  font-size: 15px;
-  line-height: 15px;
-}
-.u-toast__content__text--default {
-  color: #fff;
-}
-.u-toast__content__text--error {
-  color: var(--u-error);
-}
-.u-toast__content__text--primary {
-  color: var(--u-primary);
-}
-.u-toast__content__text--success {
-  color: var(--u-success);
-}
-.u-toast__content__text--warning {
-  color: var(--u-warning);
-}
-.u-type-primary {
-  color: var(--u-primary);
-  background-color: #ecf5ff;
-  border-color: rgb(215, 234, 254);
-  border-width: 1px;
-}
-.u-type-success {
-  color: var(--u-success);
-  background-color: #dbf1e1;
-  border-color: #bef5c8;
-  border-width: 1px;
-}
-.u-type-error {
-  color: var(--u-error);
-  background-color: #fef0f0;
-  border-color: #fde2e2;
-  border-width: 1px;
-}
-.u-type-warning {
-  color: var(--u-warning);
-  background-color: #fdf6ec;
-  border-color: #faecd8;
-  border-width: 1px;
-}
-.u-type-default {
-  color: #fff;
-  background-color: #585858;
-}

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

@@ -1,108 +0,0 @@
-@import '../../libs/css/components.scss';
-
-$u-toast-color: #fff !default;
-$u-toast-border-radius: 4px !default;
-$u-toast-border-background-color: #585858 !default;
-$u-toast-border-font-size: 14px !default;
-$u-toast-border-padding: 12px 20px !default;
-$u-toast-loading-border-padding: 20px 20px !default;
-$u-toast-content-text-color: #fff !default;
-$u-toast-content-text-font-size: 15px !default;
-$u-toast-u-icon: 10rpx !default;
-$u-toast-u-type-primary-color: $u-primary !default;
-$u-toast-u-type-primary-background-color: #ecf5ff !default;
-$u-toast-u-type-primary-border-color: rgb(215, 234, 254) !default;
-$u-toast-u-type-primary-border-width: 1px !default;
-$u-toast-u-type-success-color: $u-success !default;
-$u-toast-u-type-success-background-color: #dbf1e1 !default;
-$u-toast-u-type-success-border-color: #bef5c8 !default;
-$u-toast-u-type-success-border-width: 1px !default;
-$u-toast-u-type-error-color: $u-error !default;
-$u-toast-u-type-error-background-color: #fef0f0 !default;
-$u-toast-u-type-error-border-color: #fde2e2 !default;
-$u-toast-u-type-error-border-width: 1px !default;
-$u-toast-u-type-warning-color: $u-warning !default;
-$u-toast-u-type-warning-background-color: #fdf6ec !default;
-$u-toast-u-type-warning-border-color: #faecd8 !default;
-$u-toast-u-type-warning-border-width: 1px !default;
-$u-toast-u-type-default-color: #fff !default;
-$u-toast-u-type-default-background-color: #585858 !default;
-
-.u-toast {
-  &__content {
-    @include flex;
-    padding: $u-toast-border-padding;
-    border-radius: $u-toast-border-radius;
-    background-color: $u-toast-border-background-color;
-    color: $u-toast-color;
-    align-items: center;
-    /* #ifndef APP-NVUE */
-    max-width: 600rpx;
-    /* #endif */
-    position: relative;
-
-    &--loading {
-      flex-direction: column;
-      padding: $u-toast-loading-border-padding;
-    }
-
-    &__text {
-      color: $u-toast-content-text-color;
-      font-size: $u-toast-content-text-font-size;
-      line-height: $u-toast-content-text-font-size;
-
-      &--default {
-        color: $u-toast-content-text-color;
-      }
-
-      &--error {
-        color: $u-error;
-      }
-
-      &--primary {
-        color: $u-primary;
-      }
-
-      &--success {
-        color: $u-success;
-      }
-
-      &--warning {
-        color: $u-warning;
-      }
-    }
-  }
-}
-
-.u-type-primary {
-  color: $u-toast-u-type-primary-color;
-  background-color: $u-toast-u-type-primary-background-color;
-  border-color: $u-toast-u-type-primary-border-color;
-  border-width: $u-toast-u-type-primary-border-width;
-}
-
-.u-type-success {
-  color: $u-toast-u-type-success-color;
-  background-color: $u-toast-u-type-success-background-color;
-  border-color: $u-toast-u-type-success-border-color;
-  border-width: 1px;
-}
-
-.u-type-error {
-  color: $u-toast-u-type-error-color;
-  background-color: $u-toast-u-type-error-background-color;
-  border-color: $u-toast-u-type-error-border-color;
-  border-width: $u-toast-u-type-error-border-width;
-}
-
-.u-type-warning {
-  color: $u-toast-u-type-warning-color;
-  background-color: $u-toast-u-type-warning-background-color;
-  border-color: $u-toast-u-type-warning-border-color;
-  border-width: 1px;
-}
-
-.u-type-default {
-  color: $u-toast-u-type-default-color;
-  background-color: $u-toast-u-type-default-background-color;
-}

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

@@ -1,180 +0,0 @@
-<template>
-  <view class="u-toast">
-    <u-overlay :show="isShow" :custom-style="overlayStyle">
-      <view
-        class="u-toast__content"
-        :style="[contentStyle]"
-        :class="[
-          'u-type-' + tmpConfig.type,
-          tmpConfig.type === 'loading' || tmpConfig.loading ? 'u-toast__content--loading' : ''
-        ]"
-      >
-        <u-loading-icon
-          v-if="tmpConfig.type === 'loading'"
-          mode="circle"
-          color="rgb(255, 255, 255)"
-          inactiveColor="rgb(120, 120, 120)"
-          size="25"
-        ></u-loading-icon>
-        <u-icon
-          v-else-if="tmpConfig.type !== 'defalut' && iconName"
-          :name="iconName"
-          size="17"
-          :color="tmpConfig.type"
-          :customStyle="iconStyle"
-        ></u-icon>
-        <u-gap v-if="tmpConfig.type === 'loading' || tmpConfig.loading" height="12" bgColor="transparent"></u-gap>
-        <text class="u-toast__content__text" :class="['u-toast__content__text--' + tmpConfig.type]" style="max-width: 400rpx">
-          {{ tmpConfig.message }}
-        </text>
-      </view>
-    </u-overlay>
-  </view>
-</template>
-<script>
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * toast 消息提示
- * @description 此组件表现形式类似uni的uni.showToastAPI，但也有不同的地方。
- * @tutorial https://ijry.github.io/uview-plus/components/toast.html
- * @property {String | Number}	zIndex		toast展示时的zIndex值 (默认 10090 )
- * @property {Boolean}			loading		是否加载中 （默认 false ）
- * @property {String | Number}	message		显示的文字内容
- * @property {String}			icon		图标，或者绝对路径的图片
- * @property {String}			type		主题类型 （默认 default）
- * @property {Boolean}			show		是否显示该组件 （默认 false）
- * @property {Boolean}			overlay		是否显示透明遮罩，防止点击穿透 （默认 false ）
- * @property {String}			position	位置 （默认 'center' ）
- * @property {Object}			params		跳转的参数
- * @property {String | Number}  duration	展示时间，单位ms （默认 2000 ）
- * @property {Boolean}			isTab		是否返回的为tab页面 （默认 false ）
- * @property {String}			url			toast消失后是否跳转页面，有则跳转，优先级高于back参数
- * @property {Function}			complete	执行完后的回调函数
- * @property {Boolean}			back		结束toast是否自动返回上一页 （默认 false ）
- * @property {Object}			customStyle	组件的样式，对象形式
- * @event {Function} show 显示toast，如需一进入页面就显示toast，请在onReady生命周期调用
- * @example <u-toast ref="uToast" />
- */
-export default {
-  name: 'u-toast',
-  mixins: [mpMixin, mixin],
-  data() {
-    return {
-      isShow: false,
-      timer: null, // 定时器
-      config: {
-        message: '', // 显示文本
-        type: '', // 主题类型，primary，success，error，warning，black
-        duration: 2000, // 显示的时间，毫秒
-        icon: true, // 显示的图标
-        position: 'center', // toast出现的位置
-        complete: null, // 执行完后的回调函数
-        overlay: false, // 是否防止触摸穿透
-        loading: false // 是否加载中状态
-      },
-      tmpConfig: {} // 将用户配置和内置配置合并后的临时配置变量
-    };
-  },
-  computed: {
-    iconName() {
-      // 只有不为none，并且type为error|warning|succes|info时候，才显示图标
-      if (!this.tmpConfig.icon || this.tmpConfig.icon == 'none') {
-        return '';
-      }
-      if (['error', 'warning', 'success', 'primary'].includes(this.tmpConfig.type)) {
-        return uni.$u.type2icon(this.tmpConfig.type);
-      } else {
-        return '';
-      }
-    },
-    overlayStyle() {
-      const style = {
-        justifyContent: 'center',
-        alignItems: 'center',
-        display: 'flex'
-      };
-      // 将遮罩设置为100%透明度，避免出现灰色背景
-      style.backgroundColor = 'rgba(0, 0, 0, 0)';
-      return style;
-    },
-    iconStyle() {
-      const style = {};
-      // 图标需要一个右边距，以跟右边的文字有隔开的距离
-      style.marginRight = '4px';
-      // #ifdef APP-NVUE
-      // iOSAPP下，图标有1px的向下偏移，这里进行修正
-      if (uni.$u.os() === 'ios') {
-        style.marginTop = '-1px';
-      }
-      // #endif
-      return style;
-    },
-    loadingIconColor() {
-      let color = 'rgb(255, 255, 255)';
-      if (['error', 'warning', 'success', 'primary'].includes(this.tmpConfig.type)) {
-        // loading-icon组件内部会对color参数进行一个透明度处理，该方法要求传入的颜色值
-        // 必须为rgb格式的，所以这里做一个处理
-        color = uni.$u.hexToRgb(uni.$u.color[this.tmpConfig.type]);
-      }
-      return color;
-    },
-    // 内容盒子的样式
-    contentStyle() {
-      const windowHeight = uni.$u.sys().windowHeight,
-        style = {};
-      let value = 0;
-      // 根据top和bottom，对Y轴进行窗体高度的百分比偏移
-      if (this.tmpConfig.position === 'top') {
-        value = -windowHeight * 0.25;
-      } else if (this.tmpConfig.position === 'bottom') {
-        value = windowHeight * 0.25;
-      }
-      style.transform = `translateY(${value}px)`;
-      return style;
-    }
-  },
-  created() {
-    // 通过主题的形式调用toast，批量生成方法函数
-    ['primary', 'success', 'error', 'warning', 'default', 'loading'].map((item) => {
-      this[item] = (message) =>
-        this.show({
-          type: item,
-          message
-        });
-    });
-  },
-  methods: {
-    // 显示toast组件，由父组件通过this.$refs.xxx.show(options)形式调用
-    show(options) {
-      // 不将结果合并到this.config变量，避免多次调用u-toast，前后的配置造成混乱
-      this.tmpConfig = uni.$u.deepMerge(this.config, options);
-      // 清除定时器
-      this.clearTimer();
-      this.isShow = true;
-      this.timer = setTimeout(() => {
-        // 倒计时结束，清除定时器，隐藏toast组件
-        this.clearTimer();
-        // 判断是否存在callback方法，如果存在就执行
-        typeof this.tmpConfig.complete === 'function' && this.tmpConfig.complete();
-      }, this.tmpConfig.duration);
-    },
-    // 隐藏toast组件，由父组件通过this.$refs.xxx.hide()形式调用
-    hide() {
-      this.clearTimer();
-    },
-    clearTimer() {
-      this.isShow = false;
-      // 清除定时器
-      clearTimeout(this.timer);
-      this.timer = null;
-    }
-  },
-  beforeDestroy() {
-    this.clearTimer();
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,35 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 是否展示工具条
-    show: {
-      type: Boolean,
-      default: defprops.toolbar.show
-    },
-    // 取消按钮的文字
-    cancelText: {
-      type: String,
-      default: defprops.toolbar.cancelText
-    },
-    // 确认按钮的文字
-    confirmText: {
-      type: String,
-      default: defprops.toolbar.confirmText
-    },
-    // 取消按钮的颜色
-    cancelColor: {
-      type: String,
-      default: defprops.toolbar.cancelColor
-    },
-    // 确认按钮的颜色
-    confirmColor: {
-      type: String,
-      default: defprops.toolbar.confirmColor
-    },
-    // 标题文字
-    title: {
-      type: String,
-      default: defprops.toolbar.title
-    }
-  }
-};

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

@@ -1,37 +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-toolbar {
-  height: 42px;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-.u-toolbar__wrapper__cancel {
-  color: var(--u-tips-color);
-  font-size: 15px;
-  padding: 0 15px;
-}
-.u-toolbar__title {
-  color: var(--u-main-color);
-  padding: 0 60rpx;
-  font-size: 16px;
-  flex: 1;
-  text-align: center;
-}
-.u-toolbar__wrapper__confirm {
-  color: var(--u-primary);
-  font-size: 15px;
-  padding: 0 15px;
-}

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

@@ -1,32 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-toolbar {
-  height: 42px;
-  @include flex;
-  justify-content: space-between;
-  align-items: center;
-
-  &__wrapper {
-    &__cancel {
-      color: $u-tips-color;
-      font-size: 15px;
-      padding: 0 15px;
-    }
-  }
-
-  &__title {
-    color: $u-main-color;
-    padding: 0 60rpx;
-    font-size: 16px;
-    flex: 1;
-    text-align: center;
-  }
-
-  &__wrapper {
-    &__confirm {
-      color: $u-primary;
-      font-size: 15px;
-      padding: 0 15px;
-    }
-  }
-}