@10yun/cv-mobile-ui 0.5.30 → 0.5.31

package/uview-plus/components/u-select/u-select.vue

@@ -1,3 +1,175 @@
-<template>
  <view class="u-select">
    <view class="u-select__content">
      <view class="u-select__label" @click="openSelect">
        <slot name="text" :currentLabel="currentLabel">
          <text class="u-select__text" v-if="showOptionsLabel">
            {{ currentLabel }}
          </text>
          <text class="u-select__text" v-else>
            {{ label }}
          </text>
        </slot>
        <slot name="icon">
          <u-icon name="arrow-down" :size="iconSize" :color="iconColor"></u-icon>
        </slot>
      </view>
      <u-overlay
        :show="isOpen"
        @click="overlayClick"
        v-if="overlay"
        :zIndex="zIndex"
        :duration="duration + 50"
        :customStyle="overlayStyle"
        :opacity="overlayOpacity"
        @touchmove.stop.prevent="noop"
      ></u-overlay>
      <view
        class="u-select__options__wrap"
        :style="{ overflowY: 'auto', zIndex: zIndex + 1, left: optionsWrapLeft, right: optionsWrapRight, maxHeight: maxHeight }"
      >
        <view class="u-select__options" v-if="isOpen">
          <slot name="options">
            <view
              class="u-select__options_item"
              :class="current == item[keyName] ? 'active' : ''"
              :key="index"
              v-for="(item, index) in options"
              @click="selectItem(item)"
            >
              <slot name="optionItem" :item="item">
                <text class="u-select__item_text" :style="{ color: itemColor }">
                  {{ item[labelName] }}
                </text>
              </slot>
            </view>
          </slot>
        </view>
      </view>
    </view>
  </view>
  name: 'up-select',
  emits: ['update:current', 'select'],
  props: {
    maxHeight: {
      type: String,
      default: '90vh'
    },
    overlay: {
      type: Boolean,
      default: true
    },
    overlayOpacity: {
      type: Number,
      default: 0.01
    },
    overlayStyle: {
      type: Object,
      default: () => {
        return {};
      }
    },
    duration: {
      type: Number,
      default: 300
    },
    label: {
      type: String,
      default: '选项'
    },
    options: {
      type: Array,
      default: () => {
        return [];
      }
    },
    keyName: {
      type: String,
      default: 'id'
    },
    labelName: {
      type: String,
      default: 'name'
    },
    showOptionsLabel: {
      type: Boolean,
      default: false
    },
    current: {
      type: [String, Number],
      default: ''
    },
    zIndex: {
      type: Number,
      default: 11000
    },
    itemColor: {
      type: String,
      default: '#333333'
    },
    iconColor: {
      type: String,
      default: ''
    },
    iconSize: {
      type: [String],
      default: '13px'
    }
  },
  data() {
    return {
      isOpen: false,
      optionsWrapLeft: 'auto',
      optionsWrapRight: 'auto'
    };
  },
  computed: {
    currentLabel() {
      let name = '';
      this.options.forEach((ele) => {
        if (ele[this.keyName] === this.current) {
          name = ele[this.labelName];
        }
      });
      return name;
    }
  },
  methods: {
    openSelect() {
      this.isOpen = true;
      this.$nextTick(() => {
        if (this.isOpen) {
          this.adjustOptionsWrapPosition();
        }
      });
    },
    overlayClick() {
      this.isOpen = false;
    },
    selectItem(item) {
      this.isOpen = false;
      this.$emit('update:current', item[this.keyName]);
      this.$emit('select', item);
    },
    adjustOptionsWrapPosition() {
      let wi = getWindowInfo();
      let windowWidth = wi.windowWidth;
      this.$uGetRect('.u-select__options__wrap').then((rect) => {
        console.log(rect);
        if (rect.left + rect.width > windowWidth) {
          // 如果右侧被遮挡，则调整到左侧
          this.optionsWrapLeft = 'auto';
          this.optionsWrapRight = `0px`;
        }
      });
    }
  }
-@import './style.css';
-</style>
+<template>
+  <view class="u-select">
+    <view class="u-select__content">
+      <view class="u-select__label" @click="openSelect">
+        <slot name="text" :currentLabel="currentLabel">
+          <text class="u-select__text" v-if="showOptionsLabel">
+            {{ currentLabel }}
+          </text>
+          <text class="u-select__text" v-else>
+            {{ label }}
+          </text>
+        </slot>
+        <slot name="icon">
+          <up-icon name="arrow-down" :size="iconSize" :color="iconColor"></up-icon>
+        </slot>
+      </view>
+      <up-overlay
+        :show="isOpen"
+        @click="overlayClick"
+        v-if="overlay"
+        :zIndex="zIndex"
+        :duration="duration + 50"
+        :customStyle="overlayStyle"
+        :opacity="overlayOpacity"
+        @touchmove.stop.prevent="noop"
+      ></up-overlay>
+      <view
+        class="u-select__options__wrap"
+        :style="{ overflowY: 'auto', zIndex: zIndex + 1, left: optionsWrapLeft, right: optionsWrapRight, maxHeight: maxHeight }"
+      >
+        <view class="u-select__options" v-if="isOpen">
+          <slot name="options">
+            <view
+              class="u-select__options_item"
+              :class="current == item[keyName] ? 'active' : ''"
+              :key="index"
+              v-for="(item, index) in options"
+              @click="selectItem(item)"
+            >
+              <slot name="optionItem" :item="item">
+                <text class="u-select__item_text" :style="{ color: itemColor }">
+                  {{ item[labelName] }}
+                </text>
+              </slot>
+            </view>
+          </slot>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import { getWindowInfo } from '../../libs/function/index';
+export default {
+  name: 'up-select',
+  emits: ['update:current', 'select'],
+  props: {
+    maxHeight: {
+      type: String,
+      default: '90vh'
+    },
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    overlayOpacity: {
+      type: Number,
+      default: 0.01
+    },
+    overlayStyle: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    duration: {
+      type: Number,
+      default: 300
+    },
+    label: {
+      type: String,
+      default: '选项'
+    },
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    keyName: {
+      type: String,
+      default: 'id'
+    },
+    labelName: {
+      type: String,
+      default: 'name'
+    },
+    showOptionsLabel: {
+      type: Boolean,
+      default: false
+    },
+    current: {
+      type: [String, Number],
+      default: ''
+    },
+    zIndex: {
+      type: Number,
+      default: 11000
+    },
+    itemColor: {
+      type: String,
+      default: '#333333'
+    },
+    iconColor: {
+      type: String,
+      default: ''
+    },
+    iconSize: {
+      type: [String],
+      default: '13px'
+    }
+  },
+  data() {
+    return {
+      isOpen: false,
+      optionsWrapLeft: 'auto',
+      optionsWrapRight: 'auto'
+    };
+  },
+  computed: {
+    currentLabel() {
+      let name = '';
+      this.options.forEach((ele) => {
+        if (ele[this.keyName] === this.current) {
+          name = ele[this.labelName];
+        }
+      });
+      return name;
+    }
+  },
+  methods: {
+    openSelect() {
+      this.isOpen = true;
+      this.$nextTick(() => {
+        if (this.isOpen) {
+          this.adjustOptionsWrapPosition();
+        }
+      });
+    },
+    overlayClick() {
+      this.isOpen = false;
+    },
+    selectItem(item) {
+      this.isOpen = false;
+      this.$emit('update:current', item[this.keyName]);
+      this.$emit('select', item);
+    },
+    adjustOptionsWrapPosition() {
+      let wi = getWindowInfo();
+      let windowWidth = wi.windowWidth;
+      this.$uGetRect('.u-select__options__wrap').then((rect) => {
+        console.log(rect);
+        if (rect.left + rect.width > windowWidth) {
+          // 如果右侧被遮挡，则调整到左侧
+          this.optionsWrapLeft = 'auto';
+          this.optionsWrapRight = `0px`;
+        }
+      });
+    }
+  }
+};
+</script>
+<style scoped>
+@import './style.css';
+</style>

package/uview-plus/components/u-skeleton/u-skeleton.vue

@@ -62,7 +62,7 @@ const animation = uni.requireNativePlugin('animation');
  * @property {Boolean}					avatar		是否展示头像占位图 (默认 false )
  * @property {String | Number}			avatarSize	头像占位图大小 (默认 32 )
  * @property {String}					avatarShape	头像占位图的形状，circle-圆形，square-方形 (默认 'circle' )
- * @example <u-search placeholder="日照香炉生紫烟" v-model="keyword"></u-search>
+ * @example <up-search placeholder="日照香炉生紫烟" v-model="keyword"></up-search>
  */
 export default {
   name: 'u-skeleton',
@@ -89,8 +89,8 @@ export default {
           rowWidth = test.array(this.rowsWidth)
             ? this.rowsWidth[i] || (i === this.rows - 1 ? '70%' : '100%')
             : i === this.rows - 1
-              ? '70%'
-              : this.rowsWidth,
+            ? '70%'
+            : this.rowsWidth,
           rowHeight = test.array(this.rowsHeight) ? this.rowsHeight[i] || '18px' : this.rowsHeight;
         // 如果有title占位图，第一个段落占位图的外边距需要大一些，如果没有title占位图，第一个段落占位图则无需外边距
         // 之所以需要这么做，是因为weex的无能，以提升性能为借口不支持css的一些伪类

package/uview-plus/components/u-sku-wu/u-sku-wu.vue

@@ -26,13 +26,13 @@
         </view>
         <view class="number">
           <text class="key">数量</text>
-          <u-number-box
+          <up-number-box
             width="200px"
             integer
             v-model="num"
             :min="selectSku.stock == 0 ? 0 : 1"
             :max="selectSku.id ? selectSku.stock : showAreaStock[1]"
-          ></u-number-box>
+          ></up-number-box>
         </view>
         <scroll-view :style="[specsListMaxHeight]" scroll-y="true" class="specsList">
           <view class="item" v-for="(skuArr, skuArrKey) in r.result" :key="skuArrKey">
@@ -141,14 +141,14 @@ import { props } from './props.js';
  * @event {Function} close 关闭sku组件触发事件。
  * @event {Function} open 打开sku组件触发事件。
  * @event {Function} numChange 输入框内数量发生改变时触发事件。
- * @example <u-sku-wu
+ * @example <up-sku-wu
         v-model="skuShow" 
         :data="skus"
         :defaultCover="logo"
         @skuChange="skuChange"
         @confirm="buyShop"
       >
-      </u-sku-wu>
+      </up-sku-wu>
  */
 export default {
   name: 'u-sku-wu',

package/uview-plus/components/u-status-bar/u-status-bar.vue

@@ -14,7 +14,7 @@ import { addUnit, addStyle, deepMerge, getWindowInfo } from '../../libs/function
  * @tutorial https://uview-plus.jiangruyi.com/components/statusBar.html
  * @property {String}			bgColor			背景色 (默认 'transparent' )
  * @property {String | Object}	customStyle		自定义样式
- * @example <u-status-bar></u-status-bar>
+ * @example <up-status-bar></up-status-bar>
  */
 export default {
   name: 'u-status-bar',

package/uview-plus/components/u-steps/u-steps.vue

@@ -19,7 +19,7 @@ import test from '../../libs/function/test';
  * @property {String}			activeIcon		激活状态的图标
  * @property {String}			inactiveIcon	未激活状态图标
  * @property {Boolean}			dot				是否显示点类型 (默认 false )
- * @example <u-steps current="0"><u-steps-item title="已出库" desc="10:35" ></u-steps-item></u-steps>
+ * @example <up-steps current="0"><up-steps-item title="已出库" desc="10:35" ></up-steps-item></up-steps>
  */
 export default {
   name: 'u-steps',

package/uview-plus/components/u-steps-item/u-steps-item.vue

@@ -23,11 +23,11 @@
           }"
         ></view>
         <view class="u-steps-item__wrapper__icon" v-else-if="parentData.activeIcon || parentData.inactiveIcon">
-          <u-icon
+          <up-icon
             :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
             :size="iconSize"
             :color="index <= parentData.current ? parentData.activeColor : parentData.inactiveColor"
-          ></u-icon>
+          ></up-icon>
         </view>
         <view
           v-else
@@ -46,12 +46,12 @@
           >
             {{ index + 1 }}
           </text>
-          <u-icon
+          <up-icon
             v-else
             :color="statusClass === 'error' ? 'error' : parentData.activeColor"
             size="12"
             :name="statusClass === 'error' ? 'close' : 'checkmark'"
-          ></u-icon>
+          ></up-icon>
         </view>
       </slot>
     </view>
@@ -106,7 +106,7 @@ const dom = uni.requireNativePlugin('dom');
  * @property {String}			current			描述文本
  * @property {String | Number}	iconSize		图标大小  (默认 17 )
  * @property {Boolean}			error			当前步骤是否处于失败状态  (默认 false )
- * @example <u-steps current="0"><u-steps-item title="已出库" desc="10:35" ></u-steps-item></u-steps>
+ * @example <up-steps current="0"><up-steps-item title="已出库" desc="10:35" ></up-steps-item></up-steps>
  */
 export default {
   name: 'u-steps-item',
@@ -155,8 +155,8 @@ export default {
       style.backgroundColor = this.parent.children?.[this.index + 1]?.error
         ? color.error
         : this.index < this.parentData.current
-          ? this.parentData.activeColor
-          : this.parentData.inactiveColor;
+        ? this.parentData.activeColor
+        : this.parentData.inactiveColor;
       return style;
     },
     itemStyleInner() {

package/uview-plus/components/u-sticky/u-sticky.vue

@@ -24,7 +24,7 @@ import zIndex from '../../libs/config/zIndex';
  * @property {Object}			customStyle		组件的样式，对象形式
  * @event {Function} fixed		组件吸顶时触发
  * @event {Function} unfixed	组件取消吸顶时触发
- * @example <u-sticky offsetTop="200"><view>塞下秋来风景异，衡阳雁去无留意</view></u-sticky>
+ * @example <up-sticky offsetTop="200"><view>塞下秋来风景异，衡阳雁去无留意</view></up-sticky>
  */
 export default {
   name: 'u-sticky',

package/uview-plus/components/u-subsection/u-subsection.vue

@@ -54,7 +54,7 @@ import { addStyle, addUnit, sleep } from '../../libs/function/index';
  * @property {String}	        keyName	        从`list`元素对象中读取的键名（默认 'name' ）
  *
  * @event {Function} change		分段器选项发生改变时触发  回调 index：选项的index索引值，从0开始
- * @example <u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>
+ * @example <up-subsection :list="list" :current="curNow" @change="sectionChange"></up-subsection>
  */
 export default {
   name: 'u-subsection',

package/uview-plus/components/u-swipe-action/u-swipe-action.vue

@@ -13,7 +13,7 @@ import { mixin } from '../../libs/mixin/mixin';
  * @tutorial https://ijry.github.io/uview-plus/components/swipeAction.html
  * @property {Boolean}	autoClose	是否自动关闭其他swipe按钮组
  * @event {Function(index)}	click	点击组件时触发
- * @example	<u-swipe-action><u-swipe-action-item :rightOptions="options1" ></u-swipe-action-item></u-swipe-action>
+ * @example	<up-swipe-action><up-swipe-action-item :rightOptions="options1" ></up-swipe-action-item></up-swipe-action>
  */
 export default {
   name: 'u-swipe-action',

package/uview-plus/components/u-swipe-action-item/u-swipe-action-item.vue

@@ -28,7 +28,7 @@
               item.style
             ]"
           >
-            <u-icon
+            <up-icon
               v-if="item.icon"
               :name="item.icon"
               :color="item.style && item.style.color ? item.style.color : '#ffffff'"
@@ -38,7 +38,7 @@
               :customStyle="{
                 marginRight: item.text ? '2px' : 0
               }"
-            ></u-icon>
+            ></up-icon>
             <text
               v-if="item.text"
               class="u-swipe-action-item__right__button__wrapper__text u-line-1"
@@ -124,7 +124,7 @@ import other from './other.js';
  * @property {String | Number}	duration		动画过渡时间，单位ms（默认 350 ）
  * @event {Function(index)}	open	组件打开时触发
  * @event {Function(index)}	close	组件关闭时触发
- * @example	<u-swipe-action><u-swipe-action-item :options="options1" ></u-swipe-action-item></u-swipe-action>
+ * @example	<up-swipe-action><up-swipe-action-item :options="options1" ></up-swipe-action-item></up-swipe-action>
  */
 export default {
   name: 'u-swipe-action-item',

package/uview-plus/components/u-swiper/u-swiper.vue

@@ -119,7 +119,7 @@ import test from '../../libs/function/test';
  * @property {Boolean}			showTitle				是否显示标题，要求数组对象中有title属性（默认 false ）
  * @event {Function(index)}	click	点击轮播图时触发	index：点击了第几张图片，从0开始
  * @event {Function(index)}	change	轮播图切换时触发(自动或者手动切换)	index：切换到了第几张图片，从0开始
- * @example	<u-swiper :list="list4" keyName="url" :autoplay="false"></u-swiper>
+ * @example	<up-swiper :list="list4" keyName="url" :autoplay="false"></up-swiper>
  */
 export default {
   name: 'u-swiper',

package/uview-plus/components/u-swiper-indicator/u-swiper-indicator.vue

@@ -36,7 +36,7 @@ import { addUnit } from '../../libs/function/index';
  * @property {String}			indicatorActiveColor	指示器非激活颜色
  * @property {String}			indicatorInactiveColor	指示器的激活颜色
  * @property {String}			indicatorMode			指示器模式（默认 'line' ）
- * @example	<u-swiper :list="list4" indicator keyName="url" :autoplay="false"></u-swiper>
+ * @example	<up-swiper :list="list4" indicator keyName="url" :autoplay="false"></up-swiper>
  */
 export default {
   name: 'u-swiper-indicator',

package/uview-plus/components/u-switch/u-switch.vue

@@ -21,7 +21,7 @@
 		    :style="[nodeStyle]"
 		    ref="u-switch__node"
 		>
-			<u-loading-icon
+			<up-loading-icon
 			    :show="loading"
 			    mode="circle"
 			    timingFunction='linear'
@@ -58,7 +58,7 @@
 	 * @property {Object}						customStyle		定义需要用到的外部样式
 	 *
 	 * @event {Function} change 在switch打开或关闭时触发
-	 * @example <u-switch v-model="checked" active-color="red" inactive-color="#eee"></u-switch>
+	 * @example <up-switch v-model="checked" active-color="red" inactive-color="#eee"></up-switch>
 	 */
 	export default {
 		name: "u-switch",

package/uview-plus/components/u-tabbar/u-tabbar.vue

@@ -10,7 +10,7 @@
       <view class="u-tabbar__content__item-wrapper">
         <slot />
       </view>
-      <u-safe-bottom v-if="safeAreaInsetBottom"></u-safe-bottom>
+      <up-safe-bottom v-if="safeAreaInsetBottom"></up-safe-bottom>
     </view>
     <view
       class="u-tabbar__placeholder"
@@ -43,7 +43,7 @@ const dom = uni.requireNativePlugin('dom');
  * @property {Boolean}			placeholder			fixed定位固定在底部时，是否生成一个等高元素防止塌陷（默认 true ）
  * @property {Object}			customStyle			定义需要用到的外部样式
  *
- * @example <u-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><u-tabbar-item text="首页" icon="home" dot ></u-tabbar-item></u-tabbar>
+ * @example <up-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><up-tabbar-item text="首页" icon="home" dot ></up-tabbar-item></up-tabbar>
  */
 export default {
   name: 'u-tabbar',

package/uview-plus/components/u-tabbar-item/u-tabbar-item.vue

@@ -1,19 +1,24 @@
 <template>
   <view class="u-tabbar-item" :style="[addStyle(customStyle)]" @tap="clickHandler">
     <view class="u-tabbar-item__icon">
-      <u-icon v-if="icon" :name="icon" :color="isActive ? parentData.activeColor : parentData.inactiveColor" :size="20"></u-icon>
+      <up-icon
+        v-if="icon"
+        :name="icon"
+        :color="isActive ? parentData.activeColor : parentData.inactiveColor"
+        :size="20"
+      ></up-icon>
       <template v-else>
         <slot v-if="isActive" name="active-icon" />
         <slot v-else name="inactive-icon" />
       </template>
-      <u-badge
+      <up-badge
         absolute
         :offset="[0, dot ? '34rpx' : badge > 9 ? '14rpx' : '20rpx']"
         :customStyle="badgeStyle"
         :isDot="dot"
         :value="badge || (dot ? 1 : null)"
         :show="dot || badge > 0"
-      ></u-badge>
+      ></up-badge>
     </view>
     <slot name="text">
       <text
@@ -44,7 +49,7 @@ import { addStyle, error } from '../../libs/function/index';
  * @property {Object | String}	badgeStyle	控制徽标的位置，对象或者字符串形式，可以设置top和right属性（默认 'top: 6px;right:2px;' ）
  * @property {Object}			customStyle	定义需要用到的外部样式
  *
- * @example <u-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><u-tabbar-item text="首页" icon="home" dot ></u-tabbar-item></u-tabbar>
+ * @example <up-tabbar :value="value2" :placeholder="false" @change="name => value2 = name" :fixed="false" :safeAreaInsetBottom="false"><up-tabbar-item text="首页" icon="home" dot ></up-tabbar-item></up-tabbar>
  */
 export default {
   name: 'u-tabbar-item',

package/uview-plus/components/u-table/u-table.vue

@@ -9,7 +9,7 @@ import { mixin } from '../../libs/mixin/mixin';
  * Table 表格
  * @description 表格组件一般用于展示大量结构化数据的场景 本组件标签类似HTML的table表格，由table、tr、th、td四个组件组成
  * @tutorial https://ijry.github.io/uview-plus/components/table.html
- * @example <u-table><u-tr><u-th>学校</u-th </u-tr> <u-tr><u-td>浙江大学</u-td> </u-tr> <u-tr><u-td>清华大学</u-td> </u-tr></u-table>
+ * @example <up-table><up-tr><up-th>学校</up-th </up-tr> <up-tr><up-td>浙江大学</up-td> </up-tr> <up-tr><up-td>清华大学</up-td> </up-tr></up-table>
  */
 export default {
   name: 'u-table',

package/uview-plus/components/u-tabs/u-tabs.vue

@@ -47,7 +47,7 @@
               >
                 {{ item[keyName] }}
               </text>
-              <u-badge
+              <up-badge
                 :show="!!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value))"
                 :isDot="(item.badge && item.badge.isDot) || propsBadge.isDot"
                 :value="(item.badge && item.badge.value) || propsBadge.value"
@@ -60,7 +60,7 @@
                 :numberType="(item.badge && item.badge.numberType) || propsBadge.numberType"
                 :inverted="(item.badge && item.badge.inverted) || propsBadge.inverted"
                 customStyle="margin-left: 4px;"
-              ></u-badge>
+              ></up-badge>
             </view>
             <!-- #ifdef APP-NVUE -->
             <view
@@ -119,7 +119,7 @@ import { addUnit, addStyle, deepMerge, getPx, sleep, getWindowInfo } from '../..
  * @event {Function(index)} change 标签改变时触发 index: 点击了第几个tab，索引从0开始
  * @event {Function(index)} click 点击标签时触发 index: 点击了第几个tab，索引从0开始
  * @event {Function(index)} longPress 长按标签时触发 index: 点击了第几个tab，索引从0开始
- * @example <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" @longPress="longPress"></u-tabs>
+ * @example <up-tabs :list="list" :is-scroll="false" :current="current" @change="change" @longPress="longPress"></up-tabs>
  */
 export default {
   name: 'u-tabs',