@10yun/cv-mobile-ui 0.5.17 → 0.5.19

package/ui-cv/cv-geo-local/cv-geo-local.vue

@@ -1,264 +0,0 @@
-<template>
-  <view class="cv-geo-local-wrap">
-    <view class="cv-geo-local-info" ref="onEmpty">
-      <textarea
-        class="cv-geo-local-content"
-        v-model="localVal"
-        :maxlength="maxlength"
-        :placeholder="placeholder"
-        placeholder-class="cv-geo-local-placeholder"
-        @input="funcOnInput"
-        auto-height
-      />
-      <view @tap="chooseLocation" class="cv-geo-local-button">
-        <cv-icons type="action-search" size="20" color="#999999" />
-      </view>
-    </view>
-    <view class="cv-geo-local-map" v-if="isShowMap">
-      <map
-        style="width: 100%; height: 170px"
-        :longitude="map_location.longitude"
-        :latitude="map_location.latitude"
-        :scale="localScale"
-        show-location
-        :markers="markers"
-      ></map>
-    </view>
-  </view>
-</template>
-<script>
-export default {
-  name: 'cvGeoLocal',
-  emits: ['input', 'update:modelValue', 'location'],
-  options: {
-    addGlobalClass: true
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: ''
-    },
-    modelValue: {
-      type: [Number, String],
-      default: ''
-    },
-    placeholder: {
-      type: [String],
-      default: '请输入定位地址'
-    },
-    disabled: {
-      type: [Boolean],
-      default: false
-    },
-    clearable: {
-      type: [Boolean],
-      default: false
-    },
-    maxlength: {
-      type: [Number, String],
-      default: 5
-    },
-    isShowMap: {
-      type: Boolean,
-      default: false
-    },
-    location: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    scale: {
-      type: [Number, String],
-      default: 14
-    }
-  },
-  watch: {
-    map_location: {
-      //监听的对象
-      deep: true, //深度监听设置为 true
-      handler(n) {
-        if (this.isShowMap) {
-          this.initMarkers();
-        }
-      }
-    },
-    location(n) {
-      if (this.isShowMap) {
-        console.log('change:location');
-        this.initLocation();
-      }
-    },
-    value(newVal) {
-      this.localVal = newVal;
-      if (this.isShowMap) {
-        console.log('change:value');
-        this.initLocation();
-      }
-    },
-    modelValue(newVal) {
-      this.localVal = newVal;
-      if (this.isShowMap) {
-        console.log('change:value');
-        this.initLocation();
-      }
-    }
-  },
-  data() {
-    return {
-      localStyle: '',
-      localVal: '',
-      markers: [],
-      //当前选择的位置
-      localScale: 14,
-      map_location: {
-        longitude: 119.296411,
-        latitude: 26.074286
-      },
-      parentObj: null
-    };
-  },
-  created() {
-    this.localVal = this.doValueGet();
-    this.localScale = this.scale;
-    this.initLocation();
-  },
-  mounted() {
-    this.parentObj = this.getParent();
-    this._itemStyle();
-    console.log(this.parentObj);
-  },
-  methods: {
-    doValueGet() {
-      if (this.value === '') return this.modelValue;
-      if (this.modelValue === '') return this.value;
-      return this.value;
-    },
-    /**
-     * 获取父元素实例
-     */
-    getParent(name = 'cvFormItem') {
-      let parent = this.$parent;
-      let parentName = parent.$options.name;
-      while (parentName !== name) {
-        parent = parent.$parent;
-        if (!parent) return false;
-        parentName = parent.$options.name;
-      }
-      return parent;
-    },
-    _itemStyle() {
-      /**计算label宽度 */
-      let styleWidth = '';
-      if (this.parentObj.labelPosition) {
-        styleWidth = 'width:calc( 100% - 33px);';
-      } else {
-        let itemWidth = this.parentObj.labelWidth || 70;
-        styleWidth = `width:calc( 100% - 33px - ${itemWidth}px);`;
-      }
-      this.localStyle = styleWidth;
-    },
-    onBlur(e) {
-      this.localVal = e.detail.value;
-      this.funcOnInput();
-    },
-    funcOnInput(e) {
-      console.log('-----funcOnInput---', this.localVal);
-      this.$emit('input', this.localVal);
-      this.$emit('update:modelValue', this.localVal);
-    },
-    /* 监听自己清除按钮点击事件 */
-    onEmpty() {
-      this.localVal = '';
-      this.funcOnInput();
-    },
-    initLocation() {
-      if (this.location.longitude && this.location.latitude) {
-        this.map_location = this.location;
-      }
-      console.log('--', this.map_location);
-      if (this.localVal) {
-        this.$set(this.map_location, 'address', this.localVal);
-      }
-    },
-    chooseLocation() {
-      uni.chooseLocation({
-        keyword: '小区 写字楼', //搜索关键字，仅App平台支持
-        success: (res) => {
-          console.log(res);
-          if (res.errMsg == 'chooseLocation:ok') {
-            this.localVal = res.address || '';
-            this.map_location = { ...res };
-            this.localScale = 16;
-            this.$emit('location', { ...res });
-            this.funcOnInput();
-          }
-        }
-      });
-    },
-    initMarkers() {
-      let markers = [];
-      let map_location = this.map_location;
-      markers.push({
-        latitude: map_location.latitude,
-        longitude: map_location.longitude,
-        callout: {
-          content: map_location.address,
-          color: '#333333',
-          borderRadius: 5,
-          bgColor: '#ffffff',
-          padding: 10,
-          fontSize: 12,
-          display: 'ALWAYS'
-        }
-      });
-      // console.log(markers);
-      this.markers = markers;
-    }
-  }
-};
-</script>
-<style>
-.cv-geo-local-wrap {
-  display: contents;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.cv-geo-local-info {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-}
-.cv-geo-local-content {
-  min-height: 46px;
-  line-height: 1.5em;
-  font-size: 14px;
-  padding: 7px 30px 0 0;
-  width: calc(100% - 33px);
-}
-.cv-geo-local-rtip {
-  color: #999;
-  width: 25px;
-  padding: 5 0 5 0;
-  position: absolute;
-  right: 0;
-  top: -7px;
-  overflow: hidden;
-}
-.cv-geo-local-button {
-  width: 30px;
-  height: 30px;
-  line-height: 30px;
-  font-size: 14px;
-  background-color: #ffffff;
-  text-align: center;
-  position: absolute;
-  top: 5px;
-  right: 3px;
-}
-.cv-geo-local-map {
-  background-color: #ffffff;
-}
-</style>

package/ui-cv/cv-geo-region/cv-geo-region.vue

@@ -1,243 +0,0 @@
-<template>
-  <view class="cv-picker">
-    <picker
-      class="cv-picker-item"
-      mode="multiSelector"
-      :range="range_data"
-      range-key="text"
-      :value="items_index"
-      @change="bindPickerChange"
-      @columnchange="bindPickerColumnchange"
-      @cancel="onCancel"
-      @click="changeIconTop"
-    >
-      <view class="cv-picker-item-text" v-if="localVal.length > 0">
-        {{ last_range_data[0][lastRetDataIndex[0]].text }}{{ joint || ' ' }}{{ last_range_data[1][lastRetDataIndex[1]].text
-        }}{{ joint || ' ' }}
-        {{ last_range_data[2][lastRetDataIndex[2]].text }}
-      </view>
-      <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
-    </picker>
-  </view>
-</template>
-<script>
-import province from '../dict/area-province.js';
-import city from '../dict/area-city.js';
-import county from '../dict/area-county.js';
-export default {
-  name: 'cvPickerRegion',
-  emits: ['input', 'update:modelValue', 'onChoose'],
-  props: {
-    value: {
-      type: [Array, Object],
-      default: () => []
-    },
-    modelValue: {
-      type: [Array, Object],
-      default: () => []
-    },
-    dataType: {
-      type: String,
-      default: 'text'
-    },
-    joint: {
-      type: String,
-      default: ''
-    },
-    // 占位符
-    placeholder: {
-      type: String,
-      default: '请选择'
-    }
-  },
-  watch: {
-    value(newVal) {
-      this.localVal = newVal;
-      this.itemsSortOut();
-    },
-    modelValue(newVal) {
-      this.localVal = newVal;
-      this.itemsSortOut();
-    }
-  },
-  data() {
-    return {
-      iconTop: false,
-      localVal: [],
-      range_data: [], //弹窗临时数组
-      last_range_data: [], //最终显示页面数组
-      items_index: [0, 0, 0], //当前下标
-      lastRetDataIndex: [0, 0, 0], // 最终确定选中的下标
-      localDataType: 'text',
-      localDataValue: 'value',
-      localDataText: 'label',
-      localProvince: {},
-      localCity: {},
-      localCounty: {}
-    };
-  },
-  created() {
-    this.localVal = this.doValueGet();
-    this.localDataType = this.dataType != 'value' ? 'text' : 'value';
-    this.itemsSortOut();
-  },
-  methods: {
-    doValueGet() {
-      if (this.value === '' || (Array.prototype.isPrototypeOf(this.value) && this.value.length === 0)) {
-        return this.modelValue;
-      }
-      if (this.modelValue === '' || (Array.prototype.isPrototypeOf(this.modelValue) && this.modelValue.length === 0)) {
-        return this.value;
-      }
-      return this.value;
-    },
-    initReginData(data) {
-      let localData = [];
-      for (const key in data) {
-        localData.push({
-          text: data[key],
-          value: key
-        });
-      }
-      return localData;
-    },
-    itemsSortOut() {
-      const localProvince = this.initReginData(province);
-      this.localProvince = localProvince;
-      const localCity = this.initReginData(city);
-      this.localCity = localCity;
-      const localCounty = this.initReginData(county);
-      this.localCounty = localCounty;
-
-      //一级固定为省级列表
-      this.range_data[0] = localProvince;
-      //省级默认值
-      this.lastRetDataIndex[0] = this._getKey(this.range_data[0], this.localVal[0]);
-
-      //筛选二级列表
-      this.range_data[1] = this._screenRegion(localCity, this.range_data[0][this.lastRetDataIndex[0]].value, 2);
-      //市级默认值
-      this.lastRetDataIndex[1] = this._getKey(this.range_data[1], this.localVal[1]);
-
-      //筛选三级列表
-      this.range_data[2] = this._screenRegion(localCounty, this.range_data[1][this.lastRetDataIndex[1]].value, 4);
-
-      //区县级默认值
-      this.lastRetDataIndex[2] = this._getKey(this.range_data[2], this.localVal[2]);
-
-      this.last_range_data = [...this.range_data];
-      this.items_index = [...this.lastRetDataIndex];
-    },
-    _screenRegion(date, star, length) {
-      let localData = [];
-      for (const key in date) {
-        if (date[key].value.substr(0, length) == star.substr(0, length)) {
-          localData.push(date[key]);
-        }
-      }
-      return localData;
-    },
-    /* 获取默认值的key */
-    _getKey(data, localValue) {
-      let localKey = 0;
-      if (localValue) {
-        /* 便利省级列表 找出省级的位置 */
-        for (const key in data) {
-          if (localValue == data[key][this.localDataType]) {
-            localKey = parseInt(key);
-          }
-        }
-      }
-      return localKey;
-    },
-    bindPickerChange: function (e) {
-      let items_index = e.detail.value;
-      this.items_index = items_index;
-      this.updatelocalVal();
-      this.iconTop = false;
-    },
-    changeIconTop() {
-      this.iconTop = true;
-    },
-    /* 取消选择 */
-    onCancel(e) {
-      this.iconTop = false;
-      this.range_data = [...this.last_range_data];
-      this.items_index = [...this.lastRetDataIndex];
-    },
-    bindPickerColumnchange: function (e) {
-      let items_index = this.items_index;
-      let range_data = this.range_data;
-      if (e.detail.column == 2) {
-        //滑动三级
-        items_index[2] = e.detail.value;
-      } else if (e.detail.column == 1) {
-        //滑动二级
-        items_index[1] = e.detail.value;
-        items_index[2] = 0;
-        //更新区级列表
-        //this.range_data[2] = this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4);
-        this.$set(this.range_data, 2, this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4));
-      } else if (e.detail.column == 0) {
-        //滑动一级
-        items_index[0] = e.detail.value;
-        items_index[1] = 0;
-        items_index[2] = 0;
-        //更新市级列表
-        // this.range_data[1] = this._screenRegion(this.localCity, this.range_data[0][this.items_index[0]].value, 2);
-        this.$set(this.range_data, 1, this._screenRegion(this.localCity, this.range_data[0][this.items_index[0]].value, 2));
-        //更新区级列表
-        // this.range_data[2] = this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4);
-        this.$set(this.range_data, 2, this._screenRegion(this.localCounty, this.range_data[1][this.items_index[1]].value, 4));
-      }
-      this.items_index = items_index;
-      //this.$forceUpdate()
-      // this.funcOnInput();
-    },
-    updatelocalVal() {
-      let items_index = this.items_index;
-      this.last_range_data = [...this.range_data];
-      this.lastRetDataIndex = [...items_index];
-      let value = [];
-      let items = this.items;
-      if (this.localDataType == 'text') {
-        value[0] = this.range_data[0][items_index[0]].text;
-        value[1] = this.range_data[1][items_index[1]].text;
-        value[2] = this.range_data[2][items_index[2]].text;
-      } else {
-        value[0] = this.range_data[0][items_index[0]].value;
-        value[1] = this.range_data[1][items_index[1]].value;
-        value[2] = this.range_data[2][items_index[2]].value;
-      }
-      this.$emit('input', value);
-      this.$emit('update:modelValue', value);
-
-      // 把选中的3个数组传递出去
-
-      let selectAllArr = {
-        province: this.range_data[0][items_index[0]],
-        city: this.range_data[1][items_index[1]],
-        district: this.range_data[2][items_index[2]]
-      };
-      this.$emit('onChoose', selectAllArr);
-    }
-  }
-};
-</script>
-
-<style>
-.cv-picker {
-  min-height: 35px;
-}
-.cv-picker-item {
-  height: 35px;
-  line-height: 35px;
-  float: left;
-  /* display: flex;微信小程序不加这个 */
-  margin-right: 10px;
-  width: 100%;
-}
-.cv-picker-item-placeholder {
-  color: grey;
-}
-</style>

package/ui-cv/cv-icons/cv-icons.vue

@@ -1,133 +0,0 @@
-<template>
-  <text :style="{ color: color, 'font-size': size + 'px' }" class="cv-icons" :class="rotate ? 'cv-icons-turn' : ''">
-    {{ icons[type] }}
-  </text>
-</template>
-
-<script>
-import icons from './icons.js';
-// #ifdef APP-NVUE
-var domModule = weex.requireModule('dom');
-/* 基础图标库 */
-import fontBase from './iconfont/font-base.js';
-domModule.addRule('fontFace', fontBase);
-
-/* 箭头相关图标库 */
-import fontArrow from './iconfont/font-arrow.js';
-domModule.addRule('fontFace', fontArrow);
-
-/* 钱包相关图标库 */
-import fontWallet from './iconfont/font-wallet.js';
-domModule.addRule('fontFace', fontWallet);
-
-/* 状态相关图标库 */
-import fontStatus from './iconfont/font-status.js';
-domModule.addRule('fontFace', fontStatus);
-
-/* 订单相关图标库 */
-import fontOrder from './iconfont/font-order.js';
-domModule.addRule('fontFace', fontOrder);
-
-/* 人物相关图标库 */
-import fontPeople from './iconfont/font-people.js';
-domModule.addRule('fontFace', fontPeople);
-
-/* 媒体相关图标库 */
-import fontMedia from './iconfont/font-media.js';
-domModule.addRule('fontFace', fontMedia);
-
-/* 商城相关图标库 */
-import fontMall from './iconfont/font-mall.js';
-domModule.addRule('fontFace', fontMall);
-// #endif
-
-export default {
-  name: 'cvIcons',
-  props: {
-    type: {
-      type: String,
-      default: ''
-    },
-    color: {
-      type: String,
-      default: '#333333'
-    },
-    size: {
-      type: [Number, String],
-      default: 16
-    },
-    rotate: {
-      type: Boolean,
-      default() {
-        return false;
-      }
-    }
-  },
-  data() {
-    return {
-      icons: icons
-    };
-  },
-  created() {},
-  methods: {}
-};
-</script>
-
-<style>
-/* #ifndef APP-NVUE */
-/* 基础相关图标库 */
-@import url('./iconfont/font-base.css');
-
-/* 箭头相关图标库 */
-@import url('./iconfont/font-arrow.css');
-
-/* 钱包相关图标库 */
-@import url('./iconfont/font-wallet.css');
-
-/* 状态相关图标库 */
-@import url('./iconfont/font-status.css');
-
-/* 订单相关图标库 */
-@import url('./iconfont/font-order.css');
-
-/* 行为相关图标库 */
-@import url('./iconfont/font-action.css');
-
-/* 人物相关图标库 */
-@import url('./iconfont/font-people.css');
-
-/* 媒体相关图标库 */
-@import url('./iconfont/font-media.css');
-
-/* 商城相关图标库 */
-@import url('./iconfont/font-mall.css');
-/* #endif */
-
-.cv-icons {
-  font-family: cv-icon-base, cv-icon-arrow, cv-icon-wallet, cv-icon-status, cv-icon-order, cv-icon-action, cv-icon-people,
-    cv-icon-media, cv-icon-mall;
-  text-decoration: none;
-  text-align: center;
-}
-.cv-icons-turn {
-  animation: turn 1s linear infinite;
-  display: inline-block;
-}
-@keyframes turn {
-  0% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(90deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  75% {
-    transform: rotate(270deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-</style>