@10yun/cv-mobile-ui 0.5.20 → 0.5.21

package/uni-ui/lib/uni-group/uni-group.vue

@@ -1 +1,85 @@
-<template>
  <view class="uni-group" :class="['uni-group--' + mode, margin ? 'group-margin' : '']" :style="{ marginTop: `${top}px` }">
    <slot name="title">
      <view v-if="title" class="uni-group__title" :style="{ 'padding-left': border ? '30px' : '15px' }">
        <text class="uni-group__title-text">{{ title }}</text>
      </view>
    </slot>
    <view class="uni-group__content" :class="{ 'group-conent-padding': border }">
      <slot />
    </view>
  </view>
 * Group 分组
 * @description 表单字段分组
 * @tutorial https://ext.dcloud.net.cn/plugin?id=3281
 * @property {String} title 主标题
 * @property {Number} top 分组间隔
 * @property {Number} mode 模式
 */
  name: 'uniGroup',
  emits: ['click'],
  props: {
    title: {
      type: String,
      default: ''
    },
    top: {
      type: [Number, String],
      default: 10
    },
    mode: {
      type: String,
      default: 'default'
    },
    stat: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      margin: false,
      border: false
    };
  },
  watch: {
    title(newVal) {
      if (uni.report && this.stat && newVal !== '') {
        uni.report('title', newVal);
      }
    }
  },
  created() {
    this.form = this.getForm();
    if (this.form) {
      this.margin = true;
      this.border = this.form.border;
    }
  },
  methods: {
    /**
     * 获取父元素实例
     */
    getForm() {
      let parent = this.$parent;
      let parentName = parent.$options.name;
      while (parentName !== 'uniForms') {
        parent = parent.$parent;
        if (!parent) return false;
        parentName = parent.$options.name;
      }
      return parent;
    },
    onClick() {
      this.$emit('click');
    }
  }
+<template>
+  <view class="uni-group" :class="['uni-group--' + mode, margin ? 'group-margin' : '']" :style="{ marginTop: `${top}px` }">
+    <slot name="title">
+      <view v-if="title" class="uni-group__title" :style="{ 'padding-left': border ? '30px' : '15px' }">
+        <text class="uni-group__title-text">{{ title }}</text>
+      </view>
+    </slot>
+    <view class="uni-group__content" :class="{ 'group-conent-padding': border }">
+      <slot />
+    </view>
+  </view>
+</template>
+<script>
+/**
+ * Group 分组
+ * @description 表单字段分组
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=3281
+ * @property {String} title 主标题
+ * @property {Number} top 分组间隔
+ * @property {Number} mode 模式
+ */
+export default {
+  name: 'uniGroup',
+  emits: ['click'],
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    top: {
+      type: [Number, String],
+      default: 10
+    },
+    mode: {
+      type: String,
+      default: 'default'
+    },
+    stat: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      margin: false,
+      border: false
+    };
+  },
+  watch: {
+    title(newVal) {
+      if (uni.report && this.stat && newVal !== '') {
+        uni.report('title', newVal);
+      }
+    }
+  },
+  created() {
+    this.form = this.getForm();
+    if (this.form) {
+      this.margin = true;
+      this.border = this.form.border;
+    }
+  },
+  methods: {
+    /**
+     * 获取父元素实例
+     */
+    getForm() {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== 'uniForms') {
+        parent = parent.$parent;
+        if (!parent) return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    },
+    onClick() {
+      this.$emit('click');
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-icons/uni-icons.vue

@@ -1 +1,85 @@
-<template>
  <!-- #ifdef APP-NVUE -->
  <text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" @click="_onClick">{{ unicode }}</text>
  <!-- #endif -->
  <!-- #ifndef APP-NVUE -->
  <text
    :style="{ color: color, 'font-size': iconSize }"
    class="uni-icons"
    :class="['uniui-' + type, customPrefix, customPrefix ? type : '']"
    @click="_onClick"
  ></text>
  <!-- #endif -->
  const reg = /^[0-9]*$/g;
  return typeof val === 'number' || reg.test(val) ? val + 'px' : val;
  fontFamily: 'uniicons',
  src: "url('" + iconUrl + "')"
 * Icons 图标
 * @description 用于展示 icons 图标
 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
 * @property {Number} size 图标大小
 * @property {String} type 图标图案，参考示例
 * @property {String} color 图标颜色
 * @property {String} customPrefix 自定义图标
 * @event {Function} click 点击 Icon 触发事件
 */
  name: 'UniIcons',
  emits: ['click'],
  props: {
    type: {
      type: String,
      default: ''
    },
    color: {
      type: String,
      default: '#333333'
    },
    size: {
      type: [Number, String],
      default: 16
    },
    customPrefix: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      icons: icons.glyphs
    };
  },
  computed: {
    unicode() {
      let code = this.icons.find((v) => v.font_class === this.type);
      if (code) {
        return unescape(`%u${code.unicode}`);
      }
      return '';
    },
    iconSize() {
      return getVal(this.size);
    }
  },
  methods: {
    _onClick() {
      this.$emit('click');
    }
  }
+<template>
+  <!-- #ifdef APP-NVUE -->
+  <text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" @click="_onClick">{{ unicode }}</text>
+  <!-- #endif -->
+  <!-- #ifndef APP-NVUE -->
+  <text
+    :style="{ color: color, 'font-size': iconSize }"
+    class="uni-icons"
+    :class="['uniui-' + type, customPrefix, customPrefix ? type : '']"
+    @click="_onClick"
+  ></text>
+  <!-- #endif -->
+</template>
+<script>
+import icons from './icons.js';
+const getVal = (val) => {
+  const reg = /^[0-9]*$/g;
+  return typeof val === 'number' || reg.test(val) ? val + 'px' : val;
+};
+// #ifdef APP-NVUE
+var domModule = weex.requireModule('dom');
+import iconUrl from './uniicons.ttf';
+domModule.addRule('fontFace', {
+  fontFamily: 'uniicons',
+  src: "url('" + iconUrl + "')"
+});
+// #endif
+/**
+ * Icons 图标
+ * @description 用于展示 icons 图标
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=28
+ * @property {Number} size 图标大小
+ * @property {String} type 图标图案，参考示例
+ * @property {String} color 图标颜色
+ * @property {String} customPrefix 自定义图标
+ * @event {Function} click 点击 Icon 触发事件
+ */
+export default {
+  name: 'UniIcons',
+  emits: ['click'],
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    color: {
+      type: String,
+      default: '#333333'
+    },
+    size: {
+      type: [Number, String],
+      default: 16
+    },
+    customPrefix: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      icons: icons.glyphs
+    };
+  },
+  computed: {
+    unicode() {
+      let code = this.icons.find((v) => v.font_class === this.type);
+      if (code) {
+        return unescape(`%u${code.unicode}`);
+      }
+      return '';
+    },
+    iconSize() {
+      return getVal(this.size);
+    }
+  },
+  methods: {
+    _onClick() {
+      this.$emit('click');
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>

package/uni-ui/lib/uni-indexed-list/uni-indexed-list-item.vue

@@ -1 +1,68 @@
-<template>
  <view>
    <view v-if="loaded || list.itemIndex < 15" class="uni-indexed-list__title-wrapper">
      <text v-if="list.items && list.items.length > 0" class="uni-indexed-list__title">{{ list.key }}</text>
    </view>
    <view v-if="(loaded || list.itemIndex < 15) && list.items && list.items.length > 0" class="uni-indexed-list__list">
      <view
        v-for="(item, index) in list.items"
        :key="index"
        class="uni-indexed-list__item"
        hover-class="uni-indexed-list__item--hover"
      >
        <view class="uni-indexed-list__item-container" @click="onClick(idx, index)">
          <view
            class="uni-indexed-list__item-border"
            :class="{ 'uni-indexed-list__item-border--last': index === list.items.length - 1 }"
          >
            <view v-if="showSelect" style="margin-right: 20rpx">
              <uni-icons
                :type="item.checked ? 'checkbox-filled' : 'circle'"
                :color="item.checked ? '#007aff' : '#C0C0C0'"
                size="24"
              />
            </view>
            <text class="uni-indexed-list__item-content">{{ item.name }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  name: 'UniIndexedList',
  emits: ['itemClick'],
  props: {
    loaded: {
      type: Boolean,
      default: false
    },
    idx: {
      type: Number,
      default: 0
    },
    list: {
      type: Object,
      default() {
        return {};
      }
    },
    showSelect: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    onClick(idx, index) {
      this.$emit('itemClick', {
        idx,
        index
      });
    }
  }
+<template>
+  <view>
+    <view v-if="loaded || list.itemIndex < 15" class="uni-indexed-list__title-wrapper">
+      <text v-if="list.items && list.items.length > 0" class="uni-indexed-list__title">{{ list.key }}</text>
+    </view>
+    <view v-if="(loaded || list.itemIndex < 15) && list.items && list.items.length > 0" class="uni-indexed-list__list">
+      <view
+        v-for="(item, index) in list.items"
+        :key="index"
+        class="uni-indexed-list__item"
+        hover-class="uni-indexed-list__item--hover"
+      >
+        <view class="uni-indexed-list__item-container" @click="onClick(idx, index)">
+          <view
+            class="uni-indexed-list__item-border"
+            :class="{ 'uni-indexed-list__item-border--last': index === list.items.length - 1 }"
+          >
+            <view v-if="showSelect" style="margin-right: 20rpx">
+              <uni-icons
+                :type="item.checked ? 'checkbox-filled' : 'circle'"
+                :color="item.checked ? '#007aff' : '#C0C0C0'"
+                size="24"
+              />
+            </view>
+            <text class="uni-indexed-list__item-content">{{ item.name }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  name: 'UniIndexedList',
+  emits: ['itemClick'],
+  props: {
+    loaded: {
+      type: Boolean,
+      default: false
+    },
+    idx: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    showSelect: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    onClick(idx, index) {
+      this.$emit('itemClick', {
+        idx,
+        index
+      });
+    }
+  }
+};
+</script>
+<style>
+@import 'style.css';
+</style>