@10yun/cv-mobile-ui 0.5.29 → 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/_doc/changelog.md

@@ -0,0 +1,27 @@
+## 1.1.0（2024-11-14）
+修复nvue警告
+## 1.0.9（2024-06-11）
+1. 修复某些安卓手机点击加减无反应
+2. 修复点击关闭图标无法关闭的bug
+## 1.0.8（2024-05-08）
+更新域名
+## 1.0.7（2023-12-08）
+修复隐式转换的错误
+## 1.0.6（2023-08-23）
+去除0库存禁用，新增sku不相关是否禁用属性
+## 1.0.5（2023-08-21）
+更新文档说明
+## 1.0.4（2023-08-12）
+修复数据变动无法检测变化的bug
+## 1.0.3（2023-08-11）
+将使用说明迁至 u-ui sku 组件文档中
+## 1.0.2（2023-08-11）
+发布新版教程
+## 1.0.1（2023-08-11）
+1. 优化源geek-sku组件，原组件不在维护
+2. 新增全端兼容，nvue、vue2、vue3、小程序等
+3. 修复 vue2 icon图标消失的bug
+## 1.0.0（2023-08-11）
+1. 优化源geek-sku组件，原组件不在维护
+2. 新增全端兼容，nvue、vue2、vue3、小程序等
+3. 修复 vue2 icon图标消失的bug

package/uview-plus/components/u-sku-wu/_doc/package.json

@@ -0,0 +1,93 @@
+{
+  "id": "u-sku",
+  "displayName": "u-sku 商品多规格sku选择器【支持vue3】【支持NVUE】【支持带图sku】【全端兼容】",
+  "version": "1.1.0",
+  "description": "一款仿京东算法的轻量化、强大、拓展性强、可使用带图sku、可根据配置主题色自动生成相应的组件主题色的商品多规格sku，仅需要按照指定格式传入sku数组便可以直接使用。",
+  "keywords": [
+    "商品多规格选择器",
+    "u-sku",
+    "全端",
+    "vue3",
+    "高效算法"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-number-box"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y",
+          "app-harmony": "u",
+          "app-uvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "y",
+          "快手": "y",
+          "飞书": "y",
+          "京东": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        }
+      }
+    }
+  },
+  "dependencies": {
+    "crypto-js": "^4.1.1"
+  }
+}

package/uview-plus/components/u-sku-wu/_doc/readme.md

@@ -0,0 +1,16 @@
+## u-sku 按钮
+
+> **组件名：u-sku**
+
+`u-sku` 是一款仿京东算法的轻量化、强大、拓展性强、可使用带图sku、可根据配置主题色自动生成相应的组件主题色的商品多规格sku，仅需要按照指定格式传入sku数组便可以直接使用。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/sku.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**

package/uview-plus/components/u-sku-wu/props.js

@@ -0,0 +1,86 @@
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+export const props = defineMixin({
+  props: {
+    // 源数据
+    data: {
+      default: () => [],
+      type: Array
+    },
+    // 是否显示sku组件
+    // #ifdef VUE3
+    modelValue: {
+      default: false,
+      type: Boolean
+    },
+    // #endif
+    // #ifndef VUE3
+    value: {
+      default: false,
+      type: Boolean
+    },
+    // #endif
+    // 是否可以点击关闭
+    isMaskClose: {
+      default: false,
+      type: Boolean
+    },
+    // 是否默认选中最低价格sku
+    isSelectMinPriceSku: {
+      default: true,
+      type: Boolean
+    },
+    // 默认选中的sku下标
+    selectSkuIndex: {
+      default: null,
+      type: [Number, String]
+    },
+    // 默认封面图
+    defaultCover: {
+      default: '',
+      type: String
+    },
+    // 默认购买商品数量
+    defaultNum: {
+      default: 1,
+      type: [Number, String]
+    },
+    // 主题色
+    themeColor: {
+      default: () => [60, 156, 255],
+      type: Array
+    },
+    // 确认按钮文字
+    btnConfirmText: {
+      default: '确定',
+      type: String
+    },
+    // 不相关sku是否禁用
+    skuUnrelatedDisabled: {
+      default: false,
+      type: Boolean
+    },
+    // sku禁用时的样式
+    skuDisabledStyle: {
+      default: () => {
+        return {};
+      },
+      type: Object
+    },
+    // 库存不足文字
+    notStockText: {
+      default: '库存不足',
+      type: String
+    },
+    // 未选择完整的sku时的文字提示
+    notSelectSku: {
+      default: '请选择完整的sku属性',
+      type: String
+    },
+    // 展示库存数量
+    showStockNum: {
+      default: true,
+      type: Boolean
+    }
+  }
+});