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

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

@@ -1,5 +1,5 @@
 <template>
-  <text class="uni-tag" v-if="text" :class="classes" :style="customStyle" @click="onClick">{{ text }}</text>
+  <text class="uni-tag" v-if="showTag" :class="classes" :style="customStyle" @click="onClick">{{ text }}</text>
 </template>
 <script>
 /**
@@ -22,6 +22,7 @@
  * @property {Boolean} circle = [true|false] 是否为圆角
  * @event {Function} click 点击 Tag 触发事件
  */
+
 export default {
   name: 'UniTag',
   emits: ['click'],
@@ -67,6 +68,9 @@ export default {
     }
   },
   computed: {
+    showTag() {
+      return !!this.text.toString();
+    },
     classes() {
       const { type, disabled, inverted, circle, mark, size, isTrue } = this;
       const classArr = [
@@ -95,6 +99,110 @@ export default {
   }
 };
 </script>
-<style>
-@import 'style.css';
+<style scoped>
+.uni-tag {
+  line-height: 14px;
+  font-size: 12px;
+  font-weight: 200;
+  padding: 4px 7px;
+  color: #fff;
+  border-radius: 3px;
+  background-color: #8f939c;
+  border-width: 1rpx;
+  border-style: solid;
+  border-color: #8f939c;
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}
+.uni-tag--default {
+  font-size: 12px;
+}
+.uni-tag--default--inverted {
+  color: #8f939c;
+  border-color: #8f939c;
+}
+.uni-tag--small {
+  padding: 2px 5px;
+  font-size: 12px;
+  border-radius: 2px;
+}
+.uni-tag--mini {
+  padding: 1px 3px;
+  font-size: 12px;
+  border-radius: 2px;
+}
+.uni-tag--primary {
+  background-color: #2979ff;
+  border-color: #2979ff;
+  color: #fff;
+}
+.uni-tag--success {
+  color: #fff;
+  background-color: #18bc37;
+  border-color: #18bc37;
+}
+.uni-tag--warning {
+  color: #fff;
+  background-color: #f3a73f;
+  border-color: #f3a73f;
+}
+.uni-tag--error {
+  color: #fff;
+  background-color: #e43d33;
+  border-color: #e43d33;
+}
+.uni-tag--primary--inverted {
+  color: #2979ff;
+  border-color: #2979ff;
+}
+.uni-tag--success--inverted {
+  color: #18bc37;
+  border-color: #18bc37;
+}
+.uni-tag--warning--inverted {
+  color: #f3a73f;
+  border-color: #f3a73f;
+}
+.uni-tag--error--inverted {
+  color: #e43d33;
+  border-color: #e43d33;
+}
+.uni-tag--inverted {
+  background-color: #fff;
+}
+.uni-tag--circle {
+  border-radius: 15px !important;
+}
+.uni-tag--mark {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-top-right-radius: 15px !important;
+  border-bottom-right-radius: 15px !important;
+}
+.uni-tag--disabled {
+  opacity: 0.5;
+  /* #ifdef H5 */
+  cursor: not-allowed;
+  /* #endif */
+}
+.uni-tag-text {
+  color: #fff;
+  font-size: 14px;
+}
+.uni-tag-text--primary {
+  color: #2979ff;
+}
+.uni-tag-text--success {
+  color: #18bc37;
+}
+.uni-tag-text--warning {
+  color: #f3a73f;
+}
+.uni-tag-text--error {
+  color: #e43d33;
+}
+.uni-tag-text--small {
+  font-size: 12px;
+}
 </style>

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

@@ -1 +1 @@
-<template>
  <!-- #ifdef H5 -->
  <tbody>
    <slot></slot>
  </tbody>
  <!-- #endif -->
  <!-- #ifndef H5 -->
  <view><slot></slot></view>
  <!-- #endif -->
  name: 'uniBody',
  options: {
    virtualHost: true
  },
  data() {
    return {};
  },
  created() {},
  methods: {}
+<template>
  <!-- #ifdef H5 -->
  <tbody>
    <slot></slot>
  </tbody>
  <!-- #endif -->
  <!-- #ifndef H5 -->
  <view><slot></slot></view>
  <!-- #endif -->
  name: 'uniBody',
  options: {
    // #ifdef MP-TOUTIAO
    virtualHost: false,
    // #endif
    // #ifndef MP-TOUTIAO
    virtualHost: true
    // #endif
  },
  data() {
    return {};
  },
  created() {},
  methods: {}

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

@@ -17,6 +17,7 @@
   </view>
   <!-- #endif -->
 </template>
+
 <script>
 /**
  * Td 单元格
@@ -27,7 +28,12 @@
 export default {
   name: 'uniTd',
   options: {
+    // #ifdef MP-TOUTIAO
+    virtualHost: false,
+    // #endif
+    // #ifndef MP-TOUTIAO
     virtualHost: true
+    // #endif
   },
   props: {
     width: {
@@ -74,5 +80,17 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.uni-table-td {
+  display: table-cell;
+  padding: 8px 10px;
+  font-size: 14px;
+  border-bottom: 1px #ebeef5 solid;
+  font-weight: 400;
+  color: #606266;
+  line-height: 23px;
+  box-sizing: border-box;
+}
+.table--border {
+  border-right: 1px #ebeef5 solid;
+}
 </style>

package/uni-ui/lib/uni-th/filter-dropdown.vue

@@ -67,8 +67,10 @@
     </view>
   </view>
 </template>
+
 <script>
 import checkBox from '../uni-tr/table-checkbox.vue';
+
 const resource = {
   reset: '重置',
   search: '搜索',
@@ -78,6 +80,7 @@ const resource = {
   lt: '小于等于',
   date: '日期范围'
 };
+
 const DropdownType = {
   Select: 'select',
   Search: 'search',
@@ -85,6 +88,7 @@ const DropdownType = {
   Date: 'date',
   Timestamp: 'timestamp'
 };
+
 export default {
   name: 'FilterDropdown',
   emits: ['change'],
@@ -208,7 +212,7 @@ export default {
     },
     resetDate() {
       let date = new Date();
-      let dateText = date.toISOString().split('T')[0];
+      let dateText = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
       this.dateRange = [dateText + ' 0:00:00', dateText + ' 23:59:59'];
     },
     onDropdown(e) {
@@ -222,6 +226,7 @@ export default {
       } else {
         items[index].checked = !listItem.checked;
       }
+
       let checkvalues = [];
       for (let i = 0; i < items.length; i++) {
         const item = items[i];
@@ -295,5 +300,222 @@ export default {
 };
 </script>
 <style>
-@import 'style.css';
+.flex-r {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex-f {
+  flex: 1;
+}
+
+.a-i-c {
+  align-items: center;
+}
+
+.j-c-c {
+  justify-content: center;
+}
+
+.icon-select {
+  width: 14px;
+  height: 16px;
+  border: solid 6px transparent;
+  border-top: solid 6px #ddd;
+  border-bottom: none;
+  background-color: #ddd;
+  background-clip: content-box;
+  box-sizing: border-box;
+}
+
+.icon-select.active {
+  background-color: #1890ff;
+  border-top-color: #1890ff;
+}
+
+.icon-search {
+  width: 12px;
+  height: 16px;
+  position: relative;
+}
+
+.icon-search-0 {
+  border: 2px solid #ddd;
+  border-radius: 8px;
+  width: 7px;
+  height: 7px;
+}
+
+.icon-search-1 {
+  position: absolute;
+  top: 8px;
+  right: 0;
+  width: 1px;
+  height: 7px;
+  background-color: #ddd;
+  transform: rotate(-45deg);
+}
+
+.icon-search.active .icon-search-0 {
+  border-color: #1890ff;
+}
+
+.icon-search.active .icon-search-1 {
+  background-color: #1890ff;
+}
+
+.icon-calendar {
+  color: #ddd;
+  width: 14px;
+  height: 16px;
+}
+
+.icon-calendar-0 {
+  height: 4px;
+  margin-top: 3px;
+  margin-bottom: 1px;
+  background-color: #ddd;
+  border-radius: 2px 2px 1px 1px;
+  position: relative;
+}
+.icon-calendar-0:before,
+.icon-calendar-0:after {
+  content: '';
+  position: absolute;
+  top: -3px;
+  width: 4px;
+  height: 3px;
+  border-radius: 1px;
+  background-color: #ddd;
+}
+.icon-calendar-0:before {
+  left: 2px;
+}
+.icon-calendar-0:after {
+  right: 2px;
+}
+
+.icon-calendar-1 {
+  height: 9px;
+  background-color: #ddd;
+  border-radius: 1px 1px 2px 2px;
+}
+
+.icon-calendar.active {
+  color: #1890ff;
+}
+
+.icon-calendar.active .icon-calendar-0,
+.icon-calendar.active .icon-calendar-1,
+.icon-calendar.active .icon-calendar-0:before,
+.icon-calendar.active .icon-calendar-0:after {
+  background-color: #1890ff;
+}
+
+.uni-filter-dropdown {
+  position: relative;
+  font-weight: normal;
+}
+
+.dropdown-popup {
+  position: absolute;
+  top: 100%;
+  background-color: #fff;
+  box-shadow:
+    0 3px 6px -4px #0000001f,
+    0 6px 16px #00000014,
+    0 9px 28px 8px #0000000d;
+  min-width: 150px;
+  z-index: 1000;
+}
+
+.dropdown-popup-left {
+  left: 0;
+}
+
+.dropdown-popup-right {
+  right: 0;
+}
+
+.uni-dropdown-cover {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background-color: transparent;
+  z-index: 100;
+}
+
+.list {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.list-item {
+  padding: 5px 10px;
+  text-align: left;
+}
+
+.list-item:hover {
+  background-color: #f0f0f0;
+}
+
+.check {
+  margin-right: 5px;
+}
+
+.search-area {
+  padding: 10px;
+}
+
+.search-input {
+  font-size: 12px;
+  border: 1px solid #f0f0f0;
+  border-radius: 3px;
+  padding: 2px 5px;
+  min-width: 150px;
+  text-align: left;
+}
+
+.input-label {
+  margin: 10px 10px 5px 10px;
+  text-align: left;
+}
+
+.input {
+  font-size: 12px;
+  border: 1px solid #f0f0f0;
+  border-radius: 3px;
+  margin: 10px;
+  padding: 2px 5px;
+  min-width: 150px;
+  text-align: left;
+}
+
+.opera-area {
+  cursor: default;
+  border-top: 1px solid #ddd;
+  padding: 5px;
+}
+
+.opera-area .btn {
+  font-size: 12px;
+  border-radius: 3px;
+  margin: 5px;
+  padding: 4px 4px;
+}
+
+.btn-default {
+  border: 1px solid #ddd;
+}
+
+.btn-default.disable {
+  border-color: transparent;
+}
+
+.btn-submit {
+  background-color: #1890ff;
+  color: #ffffff;
+}
 </style>

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

@@ -31,6 +31,7 @@
   </view>
   <!-- #endif -->
 </template>
+
 <script>
 // #ifdef H5
 import dropdown from './filter-dropdown.vue';
@@ -54,7 +55,12 @@ import dropdown from './filter-dropdown.vue';
 export default {
   name: 'uniTh',
   options: {
+    // #ifdef MP-TOUTIAO
+    virtualHost: false,
+    // #endif
+    // #ifndef MP-TOUTIAO
     virtualHost: true
+    // #endif
   },
   components: {
     // #ifdef H5
@@ -122,7 +128,12 @@ export default {
         } else if (this.width.match(regexHaveUnitRpx) !== null) {
           // 携带了 rpx
           let numberRpx = Number(this.width.replace('rpx', ''));
+          // #ifdef MP-WEIXIN
+          let widthCoe = uni.getWindowInfo().screenWidth / 750;
+          // #endif
+          // #ifndef MP-WEIXIN
           let widthCoe = uni.getSystemInfoSync().screenWidth / 750;
+          // #endif
           return Math.round(numberRpx * widthCoe);
         } else if (this.width.match(regexHaveNotUnit) !== null) {
           // 未携带 rpx或px 的纯数字 String
@@ -173,6 +184,7 @@ export default {
         this.$emit('sort-change', { order: 'descending' });
         return;
       }
+
       if (!this.ascending && this.descending) {
         this.ascending = false;
         this.descending = false;
@@ -219,6 +231,75 @@ export default {
   }
 };
 </script>
+
 <style>
-@import 'style.css';
+.uni-table-th {
+  padding: 12px 10px;
+  /* #ifndef APP-NVUE */
+  display: table-cell;
+  box-sizing: border-box;
+  /* #endif */
+  font-size: 14px;
+  font-weight: bold;
+  color: #909399;
+  border-bottom: 1px #ebeef5 solid;
+}
+
+.uni-table-th-row {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+}
+
+.table--border {
+  border-right: 1px #ebeef5 solid;
+}
+.uni-table-th-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.arrow-box {
+}
+.arrow {
+  display: block;
+  position: relative;
+  width: 10px;
+  height: 8px;
+  /* border: 1px red solid; */
+  left: 5px;
+  overflow: hidden;
+  cursor: pointer;
+}
+.down {
+  top: 3px;
+}
+.down ::after {
+  content: '';
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  left: 2px;
+  top: -5px;
+  transform: rotate(45deg);
+  background-color: #ccc;
+}
+.down.active ::after {
+  background-color: #007aff;
+}
+
+.up ::after {
+  content: '';
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  left: 2px;
+  top: 5px;
+  transform: rotate(45deg);
+  background-color: #ccc;
+}
+.up.active ::after {
+  background-color: #007aff;
+}
 </style>

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

@@ -10,9 +10,12 @@
   </thead>
   <!-- #endif -->
   <!-- #ifndef H5 -->
-  <view class="uni-table-thead"><slot></slot></view>
+  <view class="uni-table-thead">
+    <slot></slot>
+  </view>
   <!-- #endif -->
 </template>
+
 <script>
 import tableCheckbox from '../uni-tr/table-checkbox.vue';
 export default {
@@ -21,7 +24,12 @@ export default {
     tableCheckbox
   },
   options: {
+    // #ifdef MP-TOUTIAO
+    virtualHost: false,
+    // #endif
+    // #ifndef MP-TOUTIAO
     virtualHost: true
+    // #endif
   },
   data() {
     return {
@@ -72,6 +80,49 @@ export default {
   }
 };
 </script>
+
 <style>
-@import 'style.css';
+.uni-table-thead {
+  display: table-header-group;
+}
+
+.uni-table-tr {
+  /* #ifndef APP-NVUE */
+  display: table-row;
+  transition: all 0.3s;
+  box-sizing: border-box;
+  /* #endif */
+  border: 1px red solid;
+  background-color: #fafafa;
+}
+
+.checkbox {
+  padding: 0 8px;
+  width: 26px;
+  padding-left: 12px;
+  /* #ifndef APP-NVUE */
+  display: table-cell;
+  vertical-align: middle;
+  /* #endif */
+  color: #333;
+  font-weight: 500;
+  border-bottom: 1px #ebeef5 solid;
+  font-size: 14px;
+  /* text-align: center; */
+}
+
+.tr-table--border {
+  border-right: 1px #ebeef5 solid;
+}
+
+/* #ifndef APP-NVUE */
+.uni-table-tr ::v-deep .uni-table-th.table--border:last-child {
+  /* border-right: none; */
+}
+
+.uni-table-tr ::v-deep .uni-table-td.table--border:last-child {
+  /* border-right: none; */
+}
+
+/* #endif */
 </style>

package/uni-ui/lib/uni-title/changelog.md

@@ -0,0 +1,10 @@
+## 1.1.1（2022-05-19）
+- 修改组件描述
+## 1.1.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-title](https://uniapp.dcloud.io/component/uniui/uni-title)
+## 1.0.2（2021-05-12）
+- 新增 示例地址
+- 修复 示例项目缺少组件的Bug
+## 1.0.1（2021-02-05）
+- 调整为uni_modules目录规范