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

package/uview-plus/components/u-cell/u-cell.vue

@@ -133,5 +133,117 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-cell__body {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  padding: 13px 15px;
+  font-size: 15px;
+  color: var(--u-main-color);
+  align-items: center;
+}
+.u-cell__body__content {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  flex: 1;
+}
+.u-cell__body--large {
+  padding-top: 13px;
+  padding-bottom: 13px;
+}
+.u-cell__left-icon-wrap,
+.u-cell__right-icon-wrap {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  font-size: 16px;
+}
+.u-cell__left-icon-wrap {
+  margin-right: 4px;
+}
+.u-cell__right-icon-wrap {
+  margin-left: 4px;
+  transition: transform 0.3s;
+}
+.u-cell__right-icon-wrap--up {
+  transform: rotate(-90deg);
+}
+.u-cell__right-icon-wrap--down {
+  transform: rotate(90deg);
+}
+.u-cell__title {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.u-cell__title-text {
+  font-size: 15px;
+  line-height: 22px;
+  color: var(--u-main-color);
+}
+.u-cell__title-text--large {
+  font-size: 16px;
+}
+.u-cell__label {
+  margin-top: 5px;
+  font-size: 12px;
+  color: var(--u-tips-color);
+  line-height: 18px;
+}
+.u-cell__label--large {
+  font-size: 14px;
+}
+.u-cell__value {
+  text-align: right;
+  /* #ifndef APP-NVUE */
+  margin-left: auto;
+  /* #endif */
+  font-size: 14px;
+  line-height: 24px;
+  color: var(--u-content-color);
+}
+.u-cell__value--large {
+  font-size: 15px;
+}
+.u-cell--required {
+  /* #ifndef APP-NVUE */
+  overflow: visible;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+}
+.u-cell--required:before {
+  position: absolute;
+  /* #ifndef APP-NVUE */
+  content: '*';
+  /* #endif */
+  left: -8px;
+  margin-top: 4rpx;
+  font-size: 14px;
+  color: var(--u-error);
+}
+.u-cell--clickable {
+  background-color: var(--u-bg-color);
+}
+.u-cell--disabled {
+  color: #c8c9cc;
+  /* #ifndef APP-NVUE */
+  cursor: not-allowed;
+  /* #endif */
+}
+.u-cell--center {
+  align-items: center;
+}
 </style>

package/uview-plus/components/u-cell-group/u-cell-group.vue

@@ -37,5 +37,18 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-cell-group {
+  flex: 1;
+}
+.u-cell-group__title {
+  padding: 16px 16px 8px;
+}
+.u-cell-group__title__text {
+  font-size: 15px;
+  line-height: 16px;
+  color: var(--u-main-color);
+}
+.u-cell-group__wrapper {
+  position: relative;
+}
 </style>

package/uview-plus/components/u-checkbox/u-checkbox.vue

@@ -277,5 +277,81 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-checkbox {
+  /* #ifndef APP-NVUE */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  /* #endif */
+  overflow: hidden;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+.u-checkbox-label--left {
+  flex-direction: row;
+}
+.u-checkbox-label--right {
+  flex-direction: row-reverse;
+  justify-content: space-between;
+}
+.u-checkbox__icon-wrap {
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  transition-property: border-color, background-color, color;
+  transition-duration: 0.2s;
+  /* #endif */
+  color: var(--u-content-color);
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  color: transparent;
+  text-align: center;
+  margin-right: 6px;
+  font-size: 6px;
+  border-width: 1px;
+  border-color: #c8c9cc;
+  border-style: solid;
+  /* #ifdef MP-TOUTIAO */
+}
+.u-checkbox__icon-wrap__icon {
+  line-height: 0;
+}
+.u-checkbox__icon-wrap {
+  /* #endif */
+}
+.u-checkbox__icon-wrap--circle {
+  border-radius: 100%;
+}
+.u-checkbox__icon-wrap--square {
+  border-radius: 3px;
+}
+.u-checkbox__icon-wrap--checked {
+  color: #fff;
+  background-color: red;
+  border-color: #2979ff;
+}
+.u-checkbox__icon-wrap--disabled {
+  background-color: #ebedf0 !important;
+}
+.u-checkbox__icon-wrap--disabled--checked {
+  color: #c8c9cc !important;
+}
+.u-checkbox__label {
+  /* #ifndef APP-NVUE */
+  word-wrap: break-word;
+  /* #endif */
+  margin-left: 5px;
+  margin-right: 12px;
+  color: var(--u-content-color);
+  font-size: 15px;
+}
+.u-checkbox__label--disabled {
+  color: #c8c9cc;
+}
 </style>

package/uview-plus/components/u-checkbox-group/u-checkbox-group.vue

@@ -108,5 +108,16 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-checkbox-group--row {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-flow: row wrap;
+}
+.u-checkbox-group--column {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+}
 </style>

package/uview-plus/components/u-choose/u-choose.vue

@@ -1,6 +1,3 @@
-<style scoped>
-@import './style.css';
-</style>
 <template>
   <scroll-view :scroll-x="wrap === false" :class="['up-choose', wrap ? 'up-choose-wrap' : 'up-choose-nowrap']">
     <template :key="item.id" v-for="(item, index) in options">
@@ -91,3 +88,18 @@ export default {
   }
 };
 </script>
+<style scoped>
+.up-choose ::v-deep .up-tag {
+  font-weight: 600;
+}
+.up-choose:last-child {
+  margin-right: 0;
+}
+.up-choose-wrap {
+  flex-wrap: wrap;
+}
+.up-choose-nowrap {
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+</style>

package/uview-plus/components/u-circle-progress/u-circle-progress.vue

@@ -96,5 +96,73 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-circle-progress {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  position: relative;
+  border-radius: 100px;
+  height: 100px;
+  width: 100px;
+  background-color: rgb(200, 200, 200);
+  overflow: hidden;
+  justify-content: space-between;
+}
+.u-circle-progress__circle {
+  border-radius: 100px;
+  height: 90px;
+  width: 90px;
+  transform: translate(-50%, -50%);
+  background-color: rgb(255, 255, 255);
+  left: 50px;
+  top: 50px;
+  position: absolute;
+}
+.u-circle-progress__left {
+  position: absolute;
+  left: 0;
+  width: 50px;
+  height: 100px;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+.u-circle-progress__left__circle {
+  box-sizing: border-box;
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+  border-top-left-radius: 50px;
+  border-top-right-radius: 50px;
+  border-bottom-right-radius: 50px;
+  border-top-color: rgb(66, 185, 131);
+  border-right-color: rgb(66, 185, 131);
+  border-width: 5px;
+  width: 100px;
+  height: 100px;
+  transform: rotate(225deg);
+}
+.u-circle-progress__right {
+  position: absolute;
+  right: 0;
+  width: 50px;
+  height: 100px;
+  overflow: hidden;
+}
+.u-circle-progress__right__circle {
+  position: absolute;
+  right: 0;
+  box-sizing: border-box;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-top-left-radius: 50px;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+  border-left-color: rgb(200, 200, 200);
+  border-bottom-color: rgb(200, 200, 200);
+  border-width: 5px;
+  width: 100px;
+  height: 100px;
+  transform: rotate(45deg);
+  transform-origin: center center;
+}
 </style>

package/{ui-fireui copy/components/u-circular-progress/u-circular-progress.vue → uview-plus/components/u-circular-progress/u-circular-progress.vue}

@@ -19,7 +19,7 @@
 
 <script>
 export default {
-  name: 'fuiCircularProgress',
+  name: 'upCircularProgress',
   props: {
     /*
 			  传值需使用rpx进行转换保证各终端兼容

package/uview-plus/components/u-city-locate/u-city-locate.vue

@@ -1 +1,161 @@
-<template>
  <view class="u-city-locate">
    <up-index-list :indexList="indexList">
      <template #header>
        <view class="u-current-city-wrap">
          <view class="u-current-city-title">{{ t('up.cityLocate.locateCity') }}</view>
          <view class="u-current-city-item" @tap="location">
            <view class="u-location-city">{{ locationCity }}</view>
          </view>
        </view>
      </template>
      <template :key="index" v-for="(item, index) in cityList">
        <!-- #ifdef APP-NVUE -->
        <up-index-anchor :text="indexList[index]"></up-index-anchor>
        <!-- #endif -->
        <up-index-item>
          <!-- #ifndef APP-NVUE -->
          <up-index-anchor :text="indexList[index]"></up-index-anchor>
          <!-- #endif -->
          <view class="hot-city-list" v-if="index == 0">
            <view class="" v-for="(item1, index1) in item" @tap="selectedCity(item1)">
              <view class="hot-city-item">{{ item1[nameKey] }}</view>
            </view>
          </view>
          <view v-else class="item-list" v-for="(item1, index1) in item" :key="index1">
            <view class="list__item" @tap="selectedCity(item1)">
              <text class="list__item__city-name">{{ item1[nameKey] }}</text>
            </view>
            <up-line></up-line>
          </view>
        </up-index-item>
      </template>
      <template #footer>
        <view class="u-safe-area-inset--bottom">
          <text class="list__footer"></text>
        </view>
      </template>
    </up-index-list>
  </view>
  name: 'u-city-locate',
  props: {
    indexList: {
      type: Array,
      default: ['🔥']
    },
    cityList: {
      type: Array,
      default: () => {
        return [
          [
            {
              name: '北京',
              value: 'beijing'
            },
            {
              name: '上海',
              value: 'shanghai'
            },
            {
              name: '广州',
              value: 'guangzhou'
            },
            {
              name: '深圳',
              value: 'shenzhen'
            },
            {
              name: '杭州',
              value: 'hangzhou'
            }
          ]
        ];
      }
    },
    locationType: {
      type: String,
      default: 'wgs84'
    },
    currentCity: {
      type: String,
      default: ''
    },
    nameKey: {
      type: String,
      default: 'name'
    }
  },
  computed: {},
  watch: {
    currentCity(val) {
      this.locationCity = val;
    }
  },
  data() {
    return {
      locationCity: t('up.cityLocate.locating') + '....'
    };
  },
  emits: ['location-success', 'select-city'],
  methods: {
    t,
    // 获取城市
    selectedCity(city) {
      this.locationCity = city[this.nameKey];
      this.$emit('select-city', {
        locationCity: this.locationCity
      });
    },
    // 定位操作
    location() {
      let That = this;
      uni.getLocation({
        type: this.locationType,
        geocode: true,
        success(res) {
          console.log(res);
          That.locationCity = res.address && res.address.city;
          That.$emit('location-success', {
            ...res,
            locationCity: That.locationCity
          });
        },
        fail() {
          That.locationCity = t('up.cityLocate.fail');
        }
      });
    }
  },
  // 页面挂载后进行异步操作
  created() {},
  mounted() {
    this.location();
  }
+<template>
+  <view class="u-city-locate">
+    <up-index-list :indexList="indexList">
+      <template #header>
+        <view class="u-current-city-wrap">
+          <view class="u-current-city-title">{{ t('up.cityLocate.locateCity') }}</view>
+          <view class="u-current-city-item" @tap="location">
+            <view class="u-location-city">{{ locationCity }}</view>
+          </view>
+        </view>
+      </template>
+      <template :key="index" v-for="(item, index) in cityList">
+        <!-- #ifdef APP-NVUE -->
+        <up-index-anchor :text="indexList[index]"></up-index-anchor>
+        <!-- #endif -->
+        <up-index-item>
+          <!-- #ifndef APP-NVUE -->
+          <up-index-anchor :text="indexList[index]"></up-index-anchor>
+          <!-- #endif -->
+          <view class="hot-city-list" v-if="index == 0">
+            <view class="" v-for="(item1, index1) in item" @tap="selectedCity(item1)">
+              <view class="hot-city-item">{{ item1[nameKey] }}</view>
+            </view>
+          </view>
+          <view v-else class="item-list" v-for="(item1, index1) in item" :key="index1">
+            <view class="list__item" @tap="selectedCity(item1)">
+              <text class="list__item__city-name">{{ item1[nameKey] }}</text>
+            </view>
+            <up-line></up-line>
+          </view>
+        </up-index-item>
+      </template>
+      <template #footer>
+        <view class="u-safe-area-inset--bottom">
+          <text class="list__footer"></text>
+        </view>
+      </template>
+    </up-index-list>
+  </view>
+</template>
+<script>
+import { t } from '../../libs/i18n';
+export default {
+  name: 'u-city-locate',
+  props: {
+    indexList: {
+      type: Array,
+      default: ['🔥']
+    },
+    cityList: {
+      type: Array,
+      default: () => {
+        return [
+          [
+            {
+              name: '北京',
+              value: 'beijing'
+            },
+            {
+              name: '上海',
+              value: 'shanghai'
+            },
+            {
+              name: '广州',
+              value: 'guangzhou'
+            },
+            {
+              name: '深圳',
+              value: 'shenzhen'
+            },
+            {
+              name: '杭州',
+              value: 'hangzhou'
+            }
+          ]
+        ];
+      }
+    },
+    locationType: {
+      type: String,
+      default: 'wgs84'
+    },
+    currentCity: {
+      type: String,
+      default: ''
+    },
+    nameKey: {
+      type: String,
+      default: 'name'
+    }
+  },
+  computed: {},
+  watch: {
+    currentCity(val) {
+      this.locationCity = val;
+    }
+  },
+  data() {
+    return {
+      locationCity: t('up.cityLocate.locating') + '....'
+    };
+  },
+  emits: ['location-success', 'select-city'],
+  methods: {
+    t,
+    // 获取城市
+    selectedCity(city) {
+      this.locationCity = city[this.nameKey];
+      this.$emit('select-city', {
+        locationCity: this.locationCity
+      });
+    },
+    // 定位操作
+    location() {
+      let That = this;
+      uni.getLocation({
+        type: this.locationType,
+        geocode: true,
+        success(res) {
+          console.log(res);
+          That.locationCity = res.address && res.address.city;
+          That.$emit('location-success', {
+            ...res,
+            locationCity: That.locationCity
+          });
+        },
+        fail() {
+          That.locationCity = t('up.cityLocate.fail');
+        }
+      });
+    }
+  },
+  // 页面挂载后进行异步操作
+  created() {},
+  mounted() {
+    this.location();
+  }
+};
+</script>
+<style>
+.list__item {
+  padding: 8px 1px;
+}
+.u-current-city-title {
+  color: grey;
+  margin-bottom: 5px;
+}
+.u-current-city-item {
+  height: 30px;
+}
+.hot-city-list {
+  display: flex !important;
+  flex-direction: row !important;
+  padding: 12px 0;
+}
+.hot-city-list .hot-city-item {
+  padding: 6px 12px;
+  margin: 5px;
+  border: 1px solid #ededed;
+}
+</style>