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

package/uview-ui/components/u-form-item/style.css

@@ -1,95 +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-form-item {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: column;
-  font-size: 14px;
-  color: var(--u-main-color);
-}
-.u-form-item__body {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  padding: 10px 0;
-}
-.u-form-item__body__left {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-}
-.u-form-item__body__left__content {
-  position: relative;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  padding-right: 10rpx;
-  flex: 1;
-}
-.u-form-item__body__left__content__icon {
-  margin-right: 8rpx;
-}
-.u-form-item__body__left__content__required {
-  position: absolute;
-  left: -9px;
-  color: var(--u-error);
-  line-height: 20px;
-  font-size: 20px;
-  top: 3px;
-}
-.u-form-item__body__left__content__label {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  flex: 1;
-  color: var(--u-main-color);
-  font-size: 15px;
-}
-.u-form-item__body__right {
-  flex: 1;
-}
-.u-form-item__body__right__content {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  flex: 1;
-}
-.u-form-item__body__right__content__slot {
-  flex: 1;
-  /* #ifndef MP */
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  /* #endif */
-}
-.u-form-item__body__right__content__icon {
-  margin-left: 10rpx;
-  color: var(--u-light-color);
-  font-size: 30rpx;
-}
-.u-form-item__body__right__message {
-  font-size: 12px;
-  line-height: 12px;
-  color: var(--u-error);
-}

package/uview-ui/components/u-form-item/style.scss

@@ -1,76 +0,0 @@
-@import '../../libs/css/components.scss';
-
-.u-form-item {
-  @include flex(column);
-  font-size: 14px;
-  color: $u-main-color;
-
-  &__body {
-    @include flex;
-    padding: 10px 0;
-
-    &__left {
-      @include flex;
-      align-items: center;
-
-      &__content {
-        position: relative;
-        @include flex;
-        align-items: center;
-        padding-right: 10rpx;
-        flex: 1;
-
-        &__icon {
-          margin-right: 8rpx;
-        }
-
-        &__required {
-          position: absolute;
-          left: -9px;
-          color: $u-error;
-          line-height: 20px;
-          font-size: 20px;
-          top: 3px;
-        }
-
-        &__label {
-          @include flex;
-          align-items: center;
-          flex: 1;
-          color: $u-main-color;
-          font-size: 15px;
-        }
-      }
-    }
-
-    &__right {
-      flex: 1;
-
-      &__content {
-        @include flex;
-        align-items: center;
-        flex: 1;
-
-        &__slot {
-          flex: 1;
-          /* #ifndef MP */
-          @include flex;
-          align-items: center;
-          /* #endif */
-        }
-
-        &__icon {
-          margin-left: 10rpx;
-          color: $u-light-color;
-          font-size: 30rpx;
-        }
-      }
-
-      &__message {
-        font-size: 12px;
-        line-height: 12px;
-        color: $u-error;
-      }
-    }
-  }
-}

package/uview-ui/components/u-form-item/u-form-item.vue

@@ -1,159 +0,0 @@
-<template>
-  <view class="u-form-item">
-    <view
-      class="u-form-item__body"
-      @tap="clickHandler"
-      :style="[
-        $u.addStyle(customStyle),
-        {
-          flexDirection: (labelPosition || parentData.labelPosition) === 'left' ? 'row' : 'column'
-        }
-      ]"
-    >
-      <!-- 微信小程序中，将一个参数设置空字符串，结果会变成字符串"true" -->
-      <slot name="label">
-        <!-- {{required}} -->
-        <view
-          class="u-form-item__body__left"
-          v-if="required || leftIcon || label"
-          :style="{
-            width: $u.addUnit(labelWidth || parentData.labelWidth),
-            marginBottom: parentData.labelPosition === 'left' ? 0 : '5px'
-          }"
-        >
-          <!-- 为了块对齐 -->
-          <view class="u-form-item__body__left__content">
-            <!-- nvue不支持伪元素before -->
-            <text v-if="required" class="u-form-item__body__left__content__required">*</text>
-            <view class="u-form-item__body__left__content__icon" v-if="leftIcon">
-              <u-icon :name="leftIcon" :custom-style="leftIconStyle"></u-icon>
-            </view>
-            <text
-              class="u-form-item__body__left__content__label"
-              :style="[
-                parentData.labelStyle,
-                {
-                  justifyContent:
-                    parentData.labelAlign === 'left' ? 'flex-start' : parentData.labelAlign === 'center' ? 'center' : 'flex-end'
-                }
-              ]"
-            >
-              {{ label }}
-            </text>
-          </view>
-        </view>
-      </slot>
-      <view class="u-form-item__body__right">
-        <view class="u-form-item__body__right__content">
-          <view class="u-form-item__body__right__content__slot">
-            <slot />
-          </view>
-          <view class="item__body__right__content__icon" v-if="$slots.right">
-            <slot name="right" />
-          </view>
-        </view>
-      </view>
-    </view>
-    <slot name="error" v-bind:message="message">
-      <text
-        v-if="!!message && parentData.errorType === 'message'"
-        class="u-form-item__body__right__message"
-        :style="{
-          marginLeft: $u.addUnit(parentData.labelPosition === 'top' ? 0 : labelWidth || parentData.labelWidth)
-        }"
-      >
-        {{ message }}
-      </text>
-    </slot>
-    <u-line
-      v-if="borderBottom"
-      :color="message && parentData.errorType === 'border-bottom' ? $u.color.error : propsLine.color"
-      :customStyle="`margin-top: ${message && parentData.errorType === 'message' ? '5px' : 0}`"
-    ></u-line>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * Form 表单
- * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
- * @tutorial https://ijry.github.io/uview-plus/components/form.html
- * @property {String}			label			input的label提示语
- * @property {String}			prop			绑定的值
- * @property {String | Boolean}	borderBottom	是否显示表单域的下划线边框
- * @property {String | Number}	labelWidth		label的宽度，单位px
- * @property {String}			rightIcon		右侧图标
- * @property {String}			leftIcon		左侧图标
- * @property {String | Object} leftIconStyle 左侧图标的样式
- * @property {Boolean}			required		是否显示左边的必填星号，只作显示用，具体校验必填的逻辑，请在rules中配置 (默认 false )
- *
- * @example <u-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1"></u-form-item>
- */
-export default {
-  name: 'u-form-item',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 错误提示语
-      message: '',
-      parentData: {
-        // 提示文本的位置
-        labelPosition: 'left',
-        // 提示文本对齐方式
-        labelAlign: 'left',
-        // 提示文本的样式
-        labelStyle: {},
-        // 提示文本的宽度
-        labelWidth: 45,
-        // 错误提示方式
-        errorType: 'message'
-      }
-    };
-  },
-  // 组件创建完成时，将当前实例保存到u-form中
-  computed: {
-    propsLine() {
-      return uni.$u.props.line;
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      // 父组件的实例
-      this.updateParentData();
-      if (!this.parent) {
-        uni.$u.error('u-form-item需要结合u-form组件使用');
-      }
-    },
-    // 获取父组件的参数
-    updateParentData() {
-      // 此方法写在mixin中
-      this.getParentData('u-form');
-    },
-    // 移除u-form-item的校验结果
-    clearValidate() {
-      this.message = null;
-    },
-    // 清空当前的组件的校验结果，并重置为初始值
-    resetField() {
-      // 找到原始值
-      const value = uni.$u.getProperty(this.parent.originalModel, this.prop);
-      // 将u-form的model的prop属性链还原原始值
-      uni.$u.setProperty(this.parent.model, this.prop, value);
-      // 移除校验结果
-      this.message = null;
-    },
-    // 点击组件
-    clickHandler() {
-      this.$emit('click');
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,25 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 背景颜色（默认transparent）
-    bgColor: {
-      type: String,
-      default: defprops.gap.bgColor
-    },
-    // 分割槽高度，单位px（默认30）
-    height: {
-      type: [String, Number],
-      default: defprops.gap.height
-    },
-    // 与上一个组件的距离
-    marginTop: {
-      type: [String, Number],
-      default: defprops.gap.marginTop
-    },
-    // 与下一个组件的距离
-    marginBottom: {
-      type: [String, Number],
-      default: defprops.gap.marginBottom
-    }
-  }
-};

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

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

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

@@ -1,38 +0,0 @@
-<template>
-  <view class="u-gap" :style="[gapStyle]"></view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * gap 间隔槽
- * @description 该组件一般用于内容块之间的用一个灰色块隔开的场景，方便用户风格统一，减少工作量
- * @tutorial https://ijry.github.io/uview-plus/components/gap.html
- * @property {String}			bgColor			背景颜色 （默认 'transparent' ）
- * @property {String | Number}	height			分割槽高度，单位px （默认 20 ）
- * @property {String | Number}	marginTop		与前一个组件的距离，单位px（ 默认 0 ）
- * @property {String | Number}	marginBottom	与后一个组件的距离，单位px （默认 0 ）
- * @property {Object}			customStyle		定义需要用到的外部样式
- *
- * @example <u-gap height="80" bg-color="#bbb"></u-gap>
- */
-export default {
-  name: 'u-gap',
-  mixins: [mpMixin, mixin, props],
-  computed: {
-    gapStyle() {
-      const style = {
-        backgroundColor: this.bgColor,
-        height: uni.$u.addUnit(this.height),
-        marginTop: uni.$u.addUnit(this.marginTop),
-        marginBottom: uni.$u.addUnit(this.marginBottom)
-      };
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

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

@@ -1,20 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 分成几列
-    col: {
-      type: [String, Number],
-      default: defprops.grid.col
-    },
-    // 是否显示边框
-    border: {
-      type: Boolean,
-      default: defprops.grid.border
-    },
-    // 宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右
-    align: {
-      type: String,
-      default: defprops.grid.align
-    }
-  }
-};

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

@@ -1,27 +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-grid {
-  /* #ifdef MP */
-  width: 100%;
-  position: relative;
-  box-sizing: border-box;
-  overflow: hidden;
-  display: block;
-  /* #endif */
-  justify-content: center;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: center;
-}

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

@@ -1,15 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-grid-width: 100% !default;
-.u-grid {
-  /* #ifdef MP */
-  width: $u-grid-width;
-  position: relative;
-  box-sizing: border-box;
-  overflow: hidden;
-  display: block;
-  /* #endif */
-  justify-content: center;
-  @include flex;
-  flex-wrap: wrap;
-  align-items: center;
-}

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

@@ -1,79 +0,0 @@
-<template>
-  <view class="u-grid" ref="u-grid" :style="[gridStyle]">
-    <slot />
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * grid 宫格布局
- * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。
- * @tutorial https://ijry.github.io/uview-plus/components/grid.html
- * @property {String | Number}	col			宫格的列数（默认 3 ）
- * @property {Boolean}			border		是否显示宫格的边框（默认 false ）
- * @property {String}			align		宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右 （默认 'left' ）
- * @property {Object}			customStyle	定义需要用到的外部样式
- * @event {Function} click 点击宫格触发
- * @example <u-grid :col="3" @click="click"></u-grid>
- */
-export default {
-  name: 'u-grid',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      index: 0,
-      width: 0
-    };
-  },
-  watch: {
-    // 当父组件需要子组件需要共享的参数发生了变化，手动通知子组件
-    parentData() {
-      if (this.children.length) {
-        this.children.map((child) => {
-          // 判断子组件(u-radio)如果有updateParentData方法的话，就就执行(执行的结果是子组件重新从父组件拉取了最新的值)
-          typeof child.updateParentData == 'function' && child.updateParentData();
-        });
-      }
-    }
-  },
-  created() {
-    // 如果将children定义在data中，在微信小程序会造成循环引用而报错
-    this.children = [];
-  },
-  computed: {
-    // 计算父组件的值是否发生变化
-    parentData() {
-      return [this.hoverClass, this.col, this.size, this.border];
-    },
-    // 宫格对齐方式
-    gridStyle() {
-      let style = {};
-      switch (this.align) {
-        case 'left':
-          style.justifyContent = 'flex-start';
-          break;
-        case 'center':
-          style.justifyContent = 'center';
-          break;
-        case 'right':
-          style.justifyContent = 'flex-end';
-          break;
-        default:
-          style.justifyContent = 'flex-start';
-      }
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  },
-  methods: {
-    // 此方法由u-grid-item触发，用于在u-grid发出事件
-    childClick(name) {
-      this.$emit('click', name);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-grid-item/props.js

@@ -1,15 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 宫格的name
-    name: {
-      type: [String, Number, null],
-      default: defprops.gridItem.name
-    },
-    // 背景颜色
-    bgColor: {
-      type: String,
-      default: defprops.gridItem.bgColor
-    }
-  }
-};

package/uview-ui/components/u-grid-item/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-grid-item {
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  flex-direction: column;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  display: flex;
-  /* #endif */
-  /* #ifdef MP */
-  position: relative;
-  float: left;
-  /* #endif */
-  /* #ifdef MP-WEIXIN */
-  margin-top: 1rpx;
-  /* #endif */
-}
-.u-grid-item--hover-class {
-  opacity: 0.5;
-}
-/* #ifdef APP-NVUE */
-.u-border-right {
-  border-right-width: 0.5px;
-  border-color: var(--u-border-color);
-}
-.u-border-bottom {
-  border-bottom-width: 0.5px;
-  border-color: var(--u-border-color);
-}
-/* #endif */

package/uview-ui/components/u-grid-item/style.scss

@@ -1,44 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-grid-item-hover-class-opcatiy: 0.5 !default;
-$u-grid-item-margin-top: 1rpx !default;
-$u-grid-item-border-right-width: 0.5px !default;
-$u-grid-item-border-bottom-width: 0.5px !default;
-$u-grid-item-border-right-color: $u-border-color !default;
-$u-grid-item-border-bottom-color: $u-border-color !default;
-.u-grid-item {
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  flex-direction: column;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  display: flex;
-  /* #endif */
-
-  /* #ifdef MP */
-  position: relative;
-  float: left;
-  /* #endif */
-
-  /* #ifdef MP-WEIXIN */
-  margin-top: $u-grid-item-margin-top;
-  /* #endif */
-
-  &--hover-class {
-    opacity: $u-grid-item-hover-class-opcatiy;
-  }
-}
-
-/* #ifdef APP-NVUE */
-// 由于nvue不支持组件内引入app.vue中再引入的样式，所以需要写在这里
-.u-border-right {
-  border-right-width: $u-grid-item-border-right-width;
-  border-color: $u-grid-item-border-right-color;
-}
-
-.u-border-bottom {
-  border-bottom-width: $u-grid-item-border-bottom-width;
-  border-color: $u-grid-item-border-bottom-color;
-}
-
-/* #endif */