@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/ui-fireui copy/components/u-cascade-selection/u-cascade-selection.vue

@@ -1,538 +0,0 @@
-<template>
-  <view class="up-cascade-selection">
-    <scroll-view
-      scroll-x
-      scroll-with-animation
-      :scroll-into-view="scrollViewId"
-      :style="{ backgroundColor: headerBgColor }"
-      class="up-bottom-line"
-      :class="{ 'up-btm-none': !headerLine }"
-    >
-      <view class="up-selection-header" :style="{ height: tabsHeight, backgroundColor: backgroundColor }">
-        <view
-          class="up-header-item"
-          :class="{ 'up-font-bold': index === currentTab && bold }"
-          :style="{ color: index === currentTab ? activeColor : color, fontSize: size + 'rpx' }"
-          :id="`id_${index}`"
-          @tap.stop="swichNav"
-          :data-current="index"
-          v-for="(item, index) in selectedArr"
-          :key="index"
-        >
-          {{ item.text }}
-          <view class="up-active-line" :style="{ backgroundColor: lineColor }" v-if="index === currentTab && showLine"></view>
-        </view>
-      </view>
-    </scroll-view>
-    <swiper
-      class="up-selection-list"
-      :current="currentTab"
-      duration="300"
-      @change="switchTab"
-      :style="{ height: height, backgroundColor: backgroundColor }"
-    >
-      <swiper-item v-for="(item, index) in selectedArr" :key="index">
-        <scroll-view scroll-y :scroll-into-view="item.scrollViewId" class="up-selection-item" :style="{ height: height }">
-          <view class="up-first-item" :style="{ height: firstItemTop }"></view>
-          <view
-            class="up-selection-cell"
-            :style="{ padding: padding, backgroundColor: backgroundColor }"
-            :id="`id_${subIndex}`"
-            v-for="(subItem, subIndex) in item.list"
-            :key="subIndex"
-            @tap="change(index, subIndex, subItem)"
-          >
-            <icon
-              type="success_no_circle"
-              v-if="item.index === subIndex"
-              :color="checkMarkColor"
-              :size="checkMarkSize"
-              class="up-icon-success"
-            ></icon>
-            <image
-              :src="subItem.src"
-              v-if="subItem.src"
-              class="up-cell-img"
-              :style="{ width: imgWidth, height: imgHeight, borderRadius: radius }"
-            ></image>
-            <view
-              class="up-cell-title"
-              :class="{ 'up-font-bold': item.index === subIndex && textBold, 'up-flex-shrink': nowrap }"
-              :style="{ color: item.index === subIndex ? textActiveColor : textColor, fontSize: textSize + 'rpx' }"
-            >
-              {{ subItem.text }}
-            </view>
-            <view
-              class="up-cell-sub_title"
-              :style="{ color: subTextColor, fontSize: subTextSize + 'rpx' }"
-              v-if="subItem.subText"
-            >
-              {{ subItem.subText }}
-            </view>
-          </view>
-        </scroll-view>
-      </swiper-item>
-    </swiper>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiCascadeSelection',
-  props: {
-    /**
-			 * 如果下一级是请求返回，则为第一级数据，否则所有数据
-			 * 数据格式
-			  [{
-				  src: "",
-				  text: "",
-				  subText: "",
-				  value: 0,
-				  children:[{
-					  text: "",
-					  subText: "",
-					  value: 0,
-					  children:[]
-			   }]
-			  }]
-			 * */
-    itemList: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    /*
-		   初始化默认选中数据
-		   [{
-			text: "",//选中text
-			subText: '',//选中subText
-			value: '',//选中value
-			src: '', //选中src，没有则传空或不传
-			index: 0, //选中数据在当前layer索引
-			list: [{src: "", text: "", subText: "", value: 101}] //所有layer数据集合
-		  }];
-		    
-		   */
-    defaultItemList: {
-      type: Array,
-      value: []
-    },
-    //是否显示header底部细线
-    headerLine: {
-      type: Boolean,
-      default: true
-    },
-    //header背景颜色
-    headerBgColor: {
-      type: String,
-      default: '#FFFFFF'
-    },
-    //顶部标签栏高度
-    tabsHeight: {
-      type: String,
-      default: '88rpx'
-    },
-    //默认显示文字
-    text: {
-      type: String,
-      default: '请选择'
-    },
-    //tabs 文字大小
-    size: {
-      type: Number,
-      default: 28
-    },
-    //tabs 文字颜色
-    color: {
-      type: String,
-      default: '#555'
-    },
-    //选中颜色
-    activeColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //选中后文字加粗
-    bold: {
-      type: Boolean,
-      default: true
-    },
-    //选中后是否显示底部线条
-    showLine: {
-      type: Boolean,
-      default: true
-    },
-    //线条颜色
-    lineColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //icon 大小
-    checkMarkSize: {
-      type: Number,
-      default: 15
-    },
-    //icon 颜色
-    checkMarkColor: {
-      type: String,
-      default: '#5677fc'
-    },
-    //item 图片宽度
-    imgWidth: {
-      type: String,
-      default: '40rpx'
-    },
-    //item 图片高度
-    imgHeight: {
-      type: String,
-      default: '40rpx'
-    },
-    //图片圆角
-    radius: {
-      type: String,
-      default: '50%'
-    },
-    //item text颜色
-    textColor: {
-      type: String,
-      default: '#333'
-    },
-    textActiveColor: {
-      type: String,
-      default: '#333'
-    },
-    //选中后字体是否加粗
-    textBold: {
-      type: Boolean,
-      default: true
-    },
-    //item text字体大小
-    textSize: {
-      type: Number,
-      default: 28
-    },
-    //text 是否不换行
-    nowrap: {
-      type: Boolean,
-      default: false
-    },
-    //item subText颜色
-    subTextColor: {
-      type: String,
-      default: '#999'
-    },
-    //item subText字体大小
-    subTextSize: {
-      type: Number,
-      default: 24
-    },
-    // item padding
-    padding: {
-      type: String,
-      default: '20rpx 30rpx'
-    },
-    //占位高度，第一条数据距离顶部距离
-    firstItemTop: {
-      type: String,
-      default: '20rpx'
-    },
-    //swiper 高度
-    height: {
-      type: String,
-      default: '300px'
-    },
-    //item  swiper 内容部分背景颜色
-    backgroundColor: {
-      type: String,
-      default: '#FFFFFF'
-    },
-    //子集数据是否请求返回（默认false，一次性返回所有数据）
-    request: {
-      type: Boolean,
-      default: false
-    },
-    //子级数据（当有改变时，默认当前选中项新增子级数据，request=true时生效）
-    receiveData: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    //改变值则重置数据
-    reset: {
-      type: [Number, String],
-      default: 0
-    }
-  },
-  watch: {
-    itemList(val) {
-      this.initData(val, -1);
-    },
-    receiveData(val) {
-      this.subLevelData(val, this.currentTab);
-    },
-    reset() {
-      this.initData(this.itemList, -1);
-    }
-  },
-  created() {
-    let defaultItemList = this.defaultItemList || [];
-    if (defaultItemList.length > 0) {
-      defaultItemList.map((item) => {
-        item.scrollViewId = `id_${item.index}`;
-      });
-      this.selectedArr = defaultItemList;
-      this.currentTab = defaultItemList.length - 1;
-      this.$nextTick(() => {
-        this.checkCor();
-      });
-    } else {
-      this.initData(this.itemList, -1);
-    }
-  },
-  data() {
-    return {
-      currentTab: 0,
-      //tab栏scrollview滚动的位置
-      scrollViewId: 'id__1',
-      selectedArr: []
-    };
-  },
-  methods: {
-    initData(data, layer) {
-      if (!data || data.length === 0) return;
-      if (this.request) {
-        //第一级数据
-        this.subLevelData(data, layer);
-      } else {
-        let selectedValue = this.selectedValue || {};
-        if (selectedValue.type) {
-          this.setDefaultData(selectedValue);
-        } else {
-          this.subLevelData(this.getItemList(layer, -1), layer);
-        }
-      }
-    },
-    removeChildren(data) {
-      let list = data.map((item) => {
-        delete item['children'];
-        return item;
-      });
-      return list;
-    },
-    getItemList(layer, index) {
-      let list = [];
-      let arr = JSON.parse(JSON.stringify(this.itemList));
-      if (layer == -1) {
-        list = this.removeChildren(arr);
-      } else {
-        let value = this.selectedArr[0].index;
-        value = value == -1 ? index : value;
-        list = arr[value].children || [];
-        if (layer > 0) {
-          for (let i = 1; i < layer + 1; i++) {
-            let val = layer === i ? index : this.selectedArr[i].index;
-            list = list[val].children || [];
-            if (list.length === 0) break;
-          }
-        }
-        list = this.removeChildren(list);
-      }
-      return list;
-    },
-    //滚动切换
-    switchTab(e) {
-      this.currentTab = e.detail.current;
-      this.checkCor();
-    },
-    //点击标题切换当
-    swichNav(e) {
-      let cur = e.currentTarget.dataset.current;
-      if (this.currentTab != cur) {
-        this.currentTab = cur;
-      }
-    },
-    checkCor() {
-      let item = this.selectedArr[this.currentTab];
-      item.scrollViewId = 'id__1';
-      this.$nextTick(() => {
-        setTimeout(() => {
-          let val = item.index < 2 ? 0 : Number(item.index - 2);
-          item.scrollViewId = `id_${val}`;
-        }, 2);
-      });
-
-      if (this.currentTab > 1) {
-        this.scrollViewId = `id_${this.currentTab - 1}`;
-      } else {
-        this.scrollViewId = `id_0`;
-      }
-    },
-    change(index, subIndex, subItem) {
-      let item = this.selectedArr[index];
-      if (item.index == subIndex) return;
-      item.index = subIndex;
-      item.text = subItem.text;
-      item.value = subItem.value;
-      item.subText = subItem.subText || '';
-      item.src = subItem.src || '';
-
-      this.$emit('change', {
-        layer: index,
-        subIndex: subIndex, //layer=> Array index
-        ...subItem
-      });
-
-      if (!this.request) {
-        let data = this.getItemList(index, subIndex);
-        this.subLevelData(data, index);
-      }
-    },
-    //新增子级数据时处理
-    subLevelData(data, layer) {
-      if (!data || data.length === 0) {
-        if (layer == -1) return;
-        //完成选择
-        let result = JSON.parse(JSON.stringify(this.selectedArr));
-        let lastItem = result[result.length - 1] || {};
-        let text = '';
-        result.map((item) => {
-          text += item.text;
-          delete item['list'];
-          //delete item['index'];
-          delete item['scrollViewId'];
-          return item;
-        });
-        this.$emit('complete', {
-          result: result,
-          value: lastItem.value,
-          text: text,
-          subText: lastItem.subText,
-          src: lastItem.src
-        });
-      } else {
-        //重置数据（ >layer层级）
-        let item = [
-          {
-            text: this.text,
-            subText: '',
-            value: '',
-            src: '',
-            index: -1,
-            scrollViewId: 'id__1',
-            list: data
-          }
-        ];
-        if (layer == -1) {
-          this.selectedArr = item;
-        } else {
-          let retainArr = this.selectedArr.slice(0, layer + 1);
-          this.selectedArr = retainArr.concat(item);
-        }
-        this.$nextTick(() => {
-          this.currentTab = this.selectedArr.length - 1;
-        });
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-cascade-selection {
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.up-selection-header {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  box-sizing: border-box;
-}
-
-.up-bottom-line {
-  position: relative;
-}
-
-.up-bottom-line::after {
-  width: 100%;
-  content: '';
-  position: absolute;
-  border-bottom: 1rpx solid #eaeef1;
-  -webkit-transform: scaleY(0.5) translateZ(0);
-  transform: scaleY(0.5) translateZ(0);
-  transform-origin: 0 100%;
-  bottom: 0;
-  right: 0;
-  left: 0;
-}
-
-.up-btm-none::after {
-  border-bottom: 0 !important;
-}
-
-.up-header-item {
-  max-width: 240rpx;
-  padding: 15rpx 30rpx;
-  box-sizing: border-box;
-  flex-shrink: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: relative;
-}
-
-.up-font-bold {
-  font-weight: bold;
-}
-
-.up-active-line {
-  width: 60rpx;
-  height: 6rpx;
-  border-radius: 4rpx;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.up-selection-cell {
-  width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-}
-
-.up-icon-success {
-  margin-right: 12rpx;
-}
-
-.up-cell-img {
-  margin-right: 12rpx;
-  flex-shrink: 0;
-}
-
-.up-cell-title {
-  word-break: break-all;
-}
-
-.up-flex-shrink {
-  flex-shrink: 0;
-}
-
-.up-font-bold {
-  font-weight: bold;
-}
-
-.up-cell-sub_title {
-  margin-left: 20rpx;
-  word-break: break-all;
-}
-.up-first-item {
-  width: 100%;
-}
-</style>

package/ui-fireui copy/components/u-collapse/u-collapse.vue

@@ -1,179 +0,0 @@
-<template>
-  <view
-    class="up-collapse"
-    style="margin-left: 20upx; margin-right: 20upx; border-radius: 11upx"
-    :style="{ backgroundColor: bgColor }"
-  >
-    <view class="up-collapse-head" :style="{ backgroundColor: hdBgColor }" @tap.stop="handleClick">
-      <view class="up-header" :class="{ 'up-opacity': disabled }">
-        <slot name="title"></slot>
-        <view
-          class="up-collapse-icon up-icon-arrow"
-          :class="{ 'up-icon-active': isOpen }"
-          :style="{ color: arrowColor }"
-          v-if="arrow"
-        ></view>
-      </view>
-    </view>
-    <view class="up-collapse-body_box" :style="{ backgroundColor: bdBgColor, height: isOpen ? height : '0rpx' }">
-      <view
-        class="up-collapse-body"
-        :class="{ 'up-collapse-transform': height == 'auto', 'up-collapse-body_show': isOpen && height == 'auto' }"
-      >
-        <slot name="content"></slot>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiCollapse',
-  props: {
-    //collapse背景颜色
-    bgColor: {
-      type: String,
-      default: 'transparent'
-    },
-    //collapse-head 背景颜色
-    hdBgColor: {
-      type: String,
-      default: '#fff'
-    },
-    //collapse-body 背景颜色
-    bdBgColor: {
-      type: String,
-      default: 'transparent'
-    },
-    //collapse-body实际高度 open时使用
-    height: {
-      type: String,
-      default: 'auto'
-    },
-    //索引
-    index: {
-      type: Number,
-      default: 0
-    },
-    //当前索引，index==current时展开
-    current: {
-      type: Number,
-      default: -1
-    },
-    // 是否禁用
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    //是否带箭头
-    arrow: {
-      type: [Boolean, String],
-      default: true
-    },
-    //箭头颜色
-    arrowColor: {
-      type: String,
-      default: '#333'
-    }
-  },
-  watch: {
-    current() {
-      this.updateCurrentChange();
-    }
-  },
-  created() {
-    this.updateCurrentChange();
-  },
-  data() {
-    return {
-      isOpen: false
-    };
-  },
-  methods: {
-    updateCurrentChange() {
-      this.isOpen = this.index == this.current;
-    },
-    handleClick() {
-      if (this.disabled) return;
-      this.$emit('click', {
-        index: Number(this.index)
-      });
-    }
-  }
-};
-</script>
-
-<style scoped>
-@font-face {
-  font-family: 'fuiCollapse';
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQ4AA0AAAAABlgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEHAAAABoAAAAciRx3B0dERUYAAAP8AAAAHgAAAB4AKQAKT1MvMgAAAaAAAABCAAAAVjxuR/JjbWFwAAAB9AAAAD4AAAFCAA/pq2dhc3AAAAP0AAAACAAAAAj//wADZ2x5ZgAAAkAAAABEAAAARCs1U/toZWFkAAABMAAAADAAAAA2FpaT+mhoZWEAAAFgAAAAHQAAACQHngOFaG10eAAAAeQAAAAPAAAAEAwAAEBsb2NhAAACNAAAAAoAAAAKACIAAG1heHAAAAGAAAAAHwAAACABDwAdbmFtZQAAAoQAAAFJAAACiCnmEVVwb3N0AAAD0AAAACMAAAA1DunpUnjaY2BkYGAAYja/oO54fpuvDNwsDCBwc4/6fzjtwNDNfICpBMjlYGACiQIAGVAKZnjaY2BkYGBu+N/AEMPCAALMBxgYGVABCwBVNgMsAAAAeNpjYGRgYGBhEGQA0QwMTEDMBYQMDP/BfAYACnYBLQB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PGJ4xMDf8b2CIYW5gaAAKM4LkANq9C9sAAHjaY2GAABYIdgAAAMAATQB42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jOG//8hpBQzVCUDIxsDjMnAyAQkmBhQASPDsAcAMCAGoQAAAAAAAAAAAAAAIgAAAAEAQACLA8ACdAAQAAAlASYiBhQXARYyNwE2NCYiBwIA/oYNIBkMAZcNIA0BlwwZIA3uAXoMGSAN/mkMDAGXDSAZDAB42n2QPU4DMRCFn/MHJBJCIKhdUQDa/JQpEyn0CKWjSDbekGjXXnmdSDkBLRUHoOUYHIAbINFyCl6WSZMia+3o85uZ57EBnOMbCv/fJe6EFY7xKFzBETLhKvUX4Rr5XbiOFj6FG9R/hJu4VQPhFi7UGx1U7YS7m9JtywpnGAhXcIon4Sr1lXCN/CpcxxU+hBvUv4SbGONXuIVrZakM4WEwQWCcQWOKDeMCMRwskjIG1qE59GYSzExPN3oRO5s4GyjvV2KXAx5oOeeAKe09t2a+Sif+YMuB1JhuHgVLtimNLiJ0KBtfLJzV3ahzsP2e7ba02L9rgTXH7FENbNT8Pdsz0khsDK+QkjXyMrekElOPaGus8btnKdbzXgiJTrzL9IjHmjR1OvduaeLA4ufyjBx9tLmSPfeoHD5jWQh5v91OxCCKXYY/k9hxGQAAAHjaY2BigAAuMMnIgA5YwKJMjExciUVF+eW6KfnleQAZ0wQyAAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAMAAQAEAAAAAgAAAAB42mNgYGBkAIKrS9Q5QPTNPer/YTQAQ+0HIAAA)
-    format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-.up-collapse-icon {
-  font-family: 'fuiCollapse' !important;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.up-icon-arrow:before {
-  content: '\e600';
-}
-
-.up-icon-arrow {
-  font-size: 32rpx;
-  transform: rotate(0);
-  transform-origin: center center;
-  transition: all 0.3s;
-  position: absolute;
-  top: 50%;
-  margin-top: -8px;
-  right: 30rpx;
-}
-
-.up-arrow-padding {
-  padding-right: 62rpx;
-  box-sizing: border-box;
-}
-
-.up-icon-active {
-  transform: rotate(180deg);
-  transform-origin: center center;
-}
-
-.up-header {
-  position: relative;
-  z-index: 2;
-}
-.up-collapse-body_box {
-  transition: all 0.25s;
-  overflow: hidden;
-}
-.up-collapse-body {
-  transition: all 0.25s;
-  overflow: hidden;
-  position: relative;
-  z-index: 1;
-}
-
-.up-collapse-transform {
-  opacity: 0;
-  visibility: hidden;
-  -webkit-transform: translateY(-40%);
-  transform: translateY(-40%);
-}
-
-.up-collapse-body_show {
-  opacity: 1;
-  visibility: visible;
-  -webkit-transform: translateY(0);
-  transform: translateY(0);
-}
-
-.up-opacity {
-  opacity: 0.6;
-}
-</style>