@10yun/cv-mobile-ui 0.3.26 → 0.4.1

package/ui-cv/cv-checkbox/cv-checkbox.vue

@@ -1,140 +0,0 @@
-<template>
-  <cv-form-item
-    :label="label"
-    :must="must"
-    :message="message"
-    :messageDisplay="messageDisplay"
-    :labelWidth="localLabelWidth"
-    :layout="localLayout"
-  >
-    <view class="cv-checkbox">
-      <checkbox-group @change="checkboxChange">
-        <label class="cv-checkbox-item" v-for="item in items" :value="value" :key="item.value">
-          <view>
-            <checkbox :value="item.value" :checked="item.checked" style="transform: scale(0.7)" />
-          </view>
-          <view>{{ item.text }}</view>
-        </label>
-      </checkbox-group>
-    </view>
-  </cv-form-item>
-</template>
-
-<script>
-import MixinsCheckbox from '../mixins/mixins-checkbox.js';
-export default {
-  mixins: [MixinsCheckbox],
-  name: 'cvCheckbox',
-  inject: {},
-  props: {
-    //默认输入框内容
-    value: {
-      type: Array,
-      default: []
-    }
-  },
-  data() {
-    return {};
-  },
-
-  created: function () {
-    this.localVal = this.value;
-    if (this.maxNumber > 0) {
-      this.message = '最多只能选择' + this.maxNumber + '个';
-    }
-    this.items = this.itemsSortOut();
-  },
-  methods: {
-    itemsSortOut: function () {
-      let original = [];
-      if (this.dataUrl) {
-        //网络请求
-      } else {
-        original = this.dataLists;
-      }
-      if (typeof original == 'string') {
-        original = JSON.parse(original);
-      }
-      //整理数据
-      let items = [];
-      let dataValue = this.dataValue ? this.dataValue : 'value';
-      let dataText = this.dataText ? this.dataText : 'text';
-      let dataChecked = this.dataChecked ? this.dataChecked : 'checked';
-      let i = 0;
-      for (i in original) {
-        let data = original[i];
-        let checked = false;
-        let text = data[dataText];
-        let value = data[dataValue];
-        if (value) {
-          value = value.toString();
-        }
-        if (data[dataChecked] == true) {
-          checked = true;
-        }
-        let localVal = this.localVal;
-        //写入已选选项
-        for (const ii in localVal) {
-          if (this.dataType == 'text') {
-            if (localVal[ii] == text) {
-              checked = true;
-            }
-          } else {
-            if (localVal[ii] == value) {
-              checked = true;
-            }
-          }
-        }
-        items.push({
-          value: value,
-          text: text,
-          checked: checked
-        });
-      }
-      return items;
-    },
-    checkboxChange: function (e) {
-      var items = this.items,
-        values = e.detail.value;
-      for (var i = 0, lenI = items.length; i < lenI; ++i) {
-        const item = items[i];
-        if (values.includes(item.value)) {
-          this.$set(item, 'checked', true);
-        } else {
-          this.$set(item, 'checked', false);
-        }
-      }
-      let localVal = [];
-      for (let i in items) {
-        if (items[i].checked) {
-          if (this.dataType == 'text') {
-            localVal.push(items[i].text);
-          } else {
-            localVal.push(items[i].value);
-          }
-        }
-      }
-      if (this.maxNumber !== 0 && localVal.length > this.maxNumber) {
-        this.messageDisplay = true;
-      } else {
-        this.messageDisplay = false;
-      }
-      this.localVal = localVal;
-      this.$emit('input', this.localVal);
-    }
-  }
-};
-</script>
-
-<style>
-.cv-checkbox {
-  min-height: 35px;
-}
-.cv-checkbox-item {
-  height: 35px;
-  line-height: 35px;
-  float: left;
-  display: flex;
-  margin-right: 10px;
-}
-</style>

package/ui-cv/cv-checkbox-tag/cv-checkbox-tag.vue

@@ -1,164 +0,0 @@
-<template>
-  <cv-form-item
-    :label="label"
-    :must="must"
-    :message="message"
-    :messageDisplay="messageDisplay"
-    :labelWidth="localLabelWidth"
-    :layout="localLayout"
-  >
-    <view class="cv-checkbox-tag">
-      <checkbox-group @change="checkboxChange">
-        <label
-          class="cv-checkbox-tag-item cv-checkbox-tag-item-tag"
-          v-for="item in items"
-          :value="value"
-          :key="item.value"
-          :class="item.checked ? 'checkbox-checked' : ''"
-        >
-          <view class="">
-            <checkbox :value="item.value" :checked="item.checked" style="transform: scale(0.7)" />
-          </view>
-          <view>{{ item.text }}</view>
-        </label>
-      </checkbox-group>
-    </view>
-  </cv-form-item>
-</template>
-
-<script>
-import MixinsCheckbox from '../mixins/mixins-checkbox.js';
-export default {
-  mixins: [MixinsCheckbox],
-  name: 'cvCheckboxTag',
-  inject: {},
-  props: {
-    //默认输入框内容
-    value: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {};
-  },
-  created: function () {
-    this.localVal = this.value;
-    if (this.maxNumber > 0) {
-      this.message = '最多只能选择' + this.maxNumber + '个';
-    }
-    this.items = this.itemsSortOut();
-  },
-  methods: {
-    itemsSortOut: function () {
-      let original = [];
-      if (this.dataUrl) {
-        //网络请求
-      } else {
-        original = this.dataLists;
-      }
-      if (typeof original == 'string') {
-        original = JSON.parse(original);
-      }
-
-      //整理数据
-      let items = [];
-      let dataValue = this.dataValue ? this.dataValue : 'value';
-      let dataText = this.dataText ? this.dataText : 'text';
-      let dataChecked = this.dataChecked ? this.dataChecked : 'checked';
-      let i = 0;
-      for (i in original) {
-        let data = original[i];
-        let checked = false;
-        let text = data[dataText];
-        let value = data[dataValue];
-        if (typeof value == 'number') {
-          value = value.toString();
-        }
-        if (data[dataChecked] == true) {
-          checked = true;
-        }
-        let localVal = this.localVal;
-        let tempLocalVal = localVal.split(',');
-        //写入已选选项
-        for (const ii in localVal) {
-          if (this.dataType == 'text') {
-            if (tempLocalVal[ii] == text) {
-              checked = true;
-            }
-          } else {
-            if (tempLocalVal[ii] == value) {
-              checked = true;
-            }
-          }
-        }
-        items.push({
-          value: value,
-          text: text,
-          checked: checked
-        });
-      }
-      return items;
-    },
-    checkboxChange: function (e) {
-      var items = this.items,
-        values = e.detail.value;
-      for (var i = 0, lenI = items.length; i < lenI; ++i) {
-        const item = items[i];
-        if (values.includes(item.value)) {
-          this.$set(item, 'checked', true);
-        } else {
-          this.$set(item, 'checked', false);
-        }
-      }
-      let localVal = [];
-      for (let i in items) {
-        if (items[i].checked) {
-          if (this.dataType == 'text') {
-            localVal.push(items[i].text);
-          } else {
-            localVal.push(items[i].value);
-          }
-        }
-      }
-      if (this.maxNumber !== 0 && localVal.length > this.maxNumber) {
-        this.messageDisplay = true;
-      } else {
-        this.messageDisplay = false;
-      }
-      this.localVal = localVal;
-      this.$emit('input', localVal.join(','));
-    }
-  }
-};
-</script>
-
-<style>
-.cv-checkbox-tag {
-  min-height: 25px;
-}
-.cv-checkbox-tag-item {
-  margin: 5px 0;
-  height: 25px;
-  line-height: 25px;
-  float: left;
-  display: flex;
-  margin-right: 10px;
-}
-.cv-checkbox-tag-item > view:first-child {
-  display: none;
-}
-.cv-checkbox-tag-item-tag {
-  border: solid 0.5px #f0f4f7;
-  color: rgba(0, 0, 0, 0.4);
-  padding: 0 10px;
-  border-radius: 3px;
-  background-color: #f0f4f7;
-  font-size: 14px;
-}
-.cv-checkbox-tag-item-tag.checkbox-checked {
-  color: #4292cc;
-  border-color: #4292cc;
-  background-color: #ddeffd;
-}
-</style>

package/ui-cv/cv-nav-group/cv-nav-group.vue

@@ -1,33 +0,0 @@
-<template>
-  <view class="cv-nav-group">
-    <view class="cv-nav-group-title">{{ label }}</view>
-    <slot />
-  </view>
-</template>
-<script>
-export default {
-  name: 'cvNavGroup',
-  props: {
-    label: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {};
-  },
-  created() {}
-};
-</script>
-
-<style>
-.cv-nav-group {
-  margin-bottom: 10px;
-}
-.cv-nav-group-title {
-  font-size: 12px;
-  color: #999999;
-  line-height: 25px;
-  padding: 0 10px;
-}
-</style>

package/ui-cv/cv-radio/cv-radio.vue

@@ -1,111 +0,0 @@
-<template>
-  <cv-form-item
-    :tip="tip"
-    :must="must"
-    :label="label"
-    :message="message"
-    :messageDisplay="messageDisplay"
-    :labelWidth="localLabelWidth"
-    :layout="localLayout"
-  >
-    <view class="cv-radio-sex">
-      <radio-group @change="radioChange">
-        <label class="cv-radio-sex-item" v-for="item in items" :key="item.value">
-          <view class="">
-            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
-          </view>
-          <view>{{ item.text }}</view>
-        </label>
-      </radio-group>
-    </view>
-  </cv-form-item>
-</template>
-
-<script>
-import MixinsRadio from '../mixins/mixins-radio.js';
-export default {
-  mixins: [MixinsRadio],
-  name: 'cvRadio',
-  inject: {
-    cvFormGroup: {
-      default() {
-        return null;
-      }
-    }
-  },
-  props: {
-    dataLists: {
-      type: [Array, String],
-      default: []
-    }
-  },
-  data() {
-    return {
-      localVal: '',
-      items: [],
-      itemsValue: ''
-    };
-  },
-  watch: {
-    dataLists(newVal) {
-      if (this.dataUrl == '') {
-        this.dataLists = newVal;
-        this.items = this.itemsSortOut();
-        this._dealValue();
-      }
-    }
-  },
-  created: function () {
-    this.localVal = this.value;
-    this.items = this.itemsSortOut();
-    //默认Value
-    this._dealValue();
-  },
-  methods: {
-    itemsSortOut: function () {
-      let original = [];
-      if (this.dataUrl) {
-        //网络请求
-        if (typeof this.dataUrl == 'function') {
-          this.dataUrl({}).then((successRes) => {
-            original = successRes.data;
-          });
-        } else {
-          console.warn('此处需要自定义请求方法');
-        }
-      } else {
-        original = this.dataLists;
-      }
-      if (typeof original == 'string') {
-        original = JSON.parse(original);
-      }
-      //整理数据
-      let items = [];
-      let dataValue = this.dataValue ? this.dataValue : 'value';
-      let dataText = this.dataText ? this.dataText : 'text';
-      let i = 0;
-      for (i in original) {
-        let data = original[i];
-        items.push({
-          value: data[dataValue].toString(),
-          text: data[dataText]
-        });
-      }
-      return items;
-    }
-  }
-};
-</script>
-
-<style>
-.cv-radio-sex {
-  min-height: 35px;
-}
-.cv-radio-sex-item {
-  height: 35px;
-  line-height: 35px;
-  float: left;
-  display: flex;
-  margin-right: 10px;
-}
-</style>

package/ui-cv/cv-radio-sex/cv-radio-sex.vue

@@ -1,80 +0,0 @@
-<template>
-  <cv-form-item
-    :tip="tip"
-    :must="must"
-    :label="label"
-    :message="message"
-    :messageDisplay="messageDisplay"
-    :labelWidth="localLabelWidth"
-    :layout="localLayout"
-  >
-    <view class="cv-radio-sex">
-      <radio-group @change="radioChange">
-        <label class="cv-radio-sex-item" v-for="item in items" :key="item.value">
-          <view class="">
-            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
-          </view>
-          <view>{{ item.text }}</view>
-        </label>
-      </radio-group>
-    </view>
-  </cv-form-item>
-</template>
-
-<script>
-import MixinsRadio from '../mixins/mixins-radio.js';
-export default {
-  mixins: [MixinsRadio],
-  name: 'cvRadioSex',
-  inject: {
-    cvFormGroup: {
-      default() {
-        return null;
-      }
-    }
-  },
-  props: {
-    //是否关闭保密选项
-    unsecrecy: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {},
-  data() {
-    return {
-      localVal: '',
-      items: [
-        { value: '0', text: '保密' },
-        { value: '1', text: '男' },
-        { value: '2', text: '女' }
-      ],
-      itemsValue: ''
-    };
-  },
-  created: function () {
-    this.localVal = this.value;
-    if (this.unsecrecy == true) {
-      this.items = [
-        { value: '1', text: '男' },
-        { value: '2', text: '女' }
-      ];
-    }
-    this._dealValue();
-  },
-  methods: {}
-};
-</script>
-
-<style>
-.cv-radio-sex {
-  min-height: 35px;
-}
-.cv-radio-sex-item {
-  height: 35px;
-  line-height: 35px;
-  float: left;
-  display: flex;
-  margin-right: 10px;
-}
-</style>

package/ui-cv/cv-radio-tag/cv-radio-tag.vue

@@ -1,133 +0,0 @@
-<template>
-  <cv-form-item
-    :tip="tip"
-    :must="must"
-    :label="label"
-    :message="message"
-    :messageDisplay="messageDisplay"
-    :labelWidth="localLabelWidth"
-    :layout="localLayout"
-  >
-    <view class="cv-radio-sex">
-      <radio-group @change="radioChange">
-        <label
-          class="cv-radio-tag-item cv-radio-tag-item-tag"
-          v-for="item in items"
-          :key="item.value"
-          :class="item.value === itemsValue ? 'radio-checked' : ''"
-        >
-          <view>
-            <radio :value="item.value" :checked="item.value == itemsValue" style="transform: scale(0.7)" />
-          </view>
-          <view>{{ item.text }}</view>
-        </label>
-      </radio-group>
-    </view>
-  </cv-form-item>
-</template>
-
-<script>
-import MixinsRadio from '../mixins/mixins-radio.js';
-export default {
-  mixins: [MixinsRadio],
-  name: 'cvRadioTag',
-  inject: {
-    cvFormGroup: {
-      default() {
-        return null;
-      }
-    }
-  },
-  props: {
-    dataLists: {
-      type: [Array, String],
-      default: []
-    }
-  },
-  data() {
-    return {
-      localVal: '',
-      items: [],
-      itemsValue: ''
-    };
-  },
-  watch: {
-    dataLists(newVal) {
-      if (this.dataUrl == '') {
-        this.dataLists = newVal;
-        this.items = this.itemsSortOut();
-        this._dealValue();
-      }
-    }
-  },
-  created: function () {
-    this.localVal = this.value;
-    this.items = this.itemsSortOut();
-    //默认Value
-    this._dealValue();
-  },
-  methods: {
-    itemsSortOut: function () {
-      let original = [];
-      if (this.dataUrl) {
-        //网络请求
-        if (typeof this.dataUrl == 'function') {
-          this.dataUrl({}).then((successRes) => {
-            original = successRes.data;
-          });
-        } else {
-          console.warn('此处需要自定义请求方法');
-        }
-      } else {
-        original = this.dataLists;
-      }
-      if (typeof original == 'string') {
-        original = JSON.parse(original);
-      }
-      //整理数据
-      let items = [];
-      let dataValue = this.dataValue ? this.dataValue : 'value';
-      let dataText = this.dataText ? this.dataText : 'text';
-      let i = 0;
-      for (i in original) {
-        let data = original[i];
-        items.push({
-          value: data[dataValue].toString(),
-          text: data[dataText]
-        });
-      }
-      return items;
-    }
-  }
-};
-</script>
-
-<style>
-.cv-radio-tag {
-  min-height: 35px;
-}
-.cv-radio-tag-item {
-  margin: 5px 0;
-  height: 25px;
-  line-height: 25px;
-  float: left;
-  display: flex;
-  margin-right: 10px;
-}
-.cv-radio-tag-item > view:first-child {
-  display: none;
-}
-.cv-radio-tag-item-tag {
-  border: solid 0.5px #f0f4f7;
-  color: rgba(0, 0, 0, 0.4);
-  padding: 0 10px;
-  border-radius: 3px;
-  background-color: #f0f4f7;
-  font-size: 14px;
-}
-.cv-radio-tag-item-tag.radio-checked {
-  color: #4292cc;
-  border-color: #4292cc;
-  background-color: #ddeffd;
-}
-</style>