@10yun/cv-mobile-ui 0.5.29 → 0.5.30

package/uview-plus/components/u-calendar-wu/wu-calendar-block/wu-calendar-block.vue

@@ -0,0 +1,122 @@
+<template>
+  <view class="wu-calendar-block">
+    <view v-if="showMonth && FoldShowMonth" class="wu-calendar__box-bg">
+      <text class="wu-calendar__box-bg-text">{{ month }}</text>
+    </view>
+    <!-- 月或周日历 -->
+    <view class="wu-calendar__weeks" v-for="(item, index) in weeks" :key="index">
+      <template v-for="(weeks, weeksIndex) in item">
+        <wu-calendar-item
+          :key="weeksIndex"
+          v-if="!monthShowCurrentMonth || !weeks.empty"
+          class="wu-calendar-item--hook"
+          :weekItemStyle="weekItemStyle"
+          :weeks="weeks"
+          :calendar="calendar"
+          :selected="selected"
+          :lunar="lunar"
+          @change="choiceDate"
+          :color="color"
+          :actBadgeColor="actBadgeColor"
+          :startText="startText"
+          :endText="endText"
+          :itemHeight="itemHeight - defaultMargin"
+          :todayDefaultStyle="todayDefaultStyle"
+        ></wu-calendar-item>
+        <view v-else class="wu-calendar__weeks-item" :style="[weekItemStyle]"></view>
+      </template>
+    </view>
+  </view>
+</template>
+
+<script>
+import { mpMixin } from '../../../libs/mixin/mpMixin.js';
+import { mixin } from '../../../libs/mixin/mixin.js';
+import props from './props.js';
+
+import { initVueI18n } from '@dcloudio/uni-i18n';
+import i18nMessages from '../i18n/index.js';
+const { t } = initVueI18n(i18nMessages);
+import wuCalendarItem from '../wu-calendar-item/wu-calendar-item.vue';
+
+export default {
+  components: { wuCalendarItem },
+  emits: ['change'],
+  mixins: [mpMixin, mixin, props],
+  data() {
+    return {
+      FoldShowMonth: false
+    };
+  },
+  mounted() {
+    this.FoldShowMonth = this.FoldStatus == 'open';
+  },
+  computed: {
+    weekItemStyle() {
+      let weeksLength = Object.keys(this.weeks).length;
+      let calendarHeight = this.FoldStatus === 'open' ? this.itemHeight * 6 : this.itemHeight;
+      let margin =
+        weeksLength && this.weeks[weeksLength - 1][0].empty
+          ? this.itemHeight / (weeksLength - 1) + this.defaultMargin
+          : this.defaultMargin;
+      return {
+        marginTop: margin / 2 + 'px',
+        marginBottom: margin / 2 + 'px',
+        height: this.itemHeight - this.defaultMargin + 'px'
+      };
+    }
+  },
+  watch: {
+    FoldStatus(newVal) {
+      this.$nextTick(() => {
+        this.FoldShowMonth = this.FoldStatus == 'open';
+      });
+    }
+  },
+  methods: {
+    choiceDate(weeks) {
+      this.$emit('change', weeks);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.wu-calendar-block .wu-calendar__weeks {
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  padding: 0 8rpx;
+}
+
+.wu-calendar-block .wu-calendar__weeks-item {
+  flex: 1;
+}
+
+.wu-calendar-block .wu-calendar__box-bg {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.wu-calendar-block .wu-calendar__box-bg-text {
+  font-size: 100rpx;
+  transform: scale(4);
+  font-weight: bold;
+  color: #999;
+  opacity: 0.1;
+  text-align: center;
+  /* #ifndef APP-NVUE */
+  line-height: 1;
+  /* #endif */
+}
+</style>

package/uview-plus/components/u-calendar-wu/wu-calendar-item/props.js

@@ -0,0 +1,55 @@
+export default {
+	props: {
+		color: {
+			type: String,
+			default: '#3c9cff'
+		},
+		startText: {
+			type: String,
+			default: '开始'
+		},
+		endText: {
+			type: String,
+			default: '结束'
+		},
+		weeks: {
+			type: Object,
+			default () {
+				return {}
+			}
+		},
+		calendar: {
+			type: Object,
+			default: () => {
+				return {}
+			}
+		},
+		selected: {
+			type: Array,
+			default: () => {
+				return []
+			}
+		},
+		lunar: {
+			type: Boolean,
+			default: false
+		},
+		itemHeight: {
+			type: Number,
+			default: 64
+		},
+		actBadgeColor: {
+			type: String,
+			default: '#fff',
+		},
+		weekItemStyle: {
+			type: Object,
+			default: {}
+		},
+		// 是否显示今日默认样式(默认为true)
+		todayDefaultStyle: {
+			type: Boolean,
+			default: true
+		},
+	}
+}

package/uview-plus/components/u-calendar-wu/wu-calendar-item/wu-calendar-item.vue

@@ -0,0 +1,293 @@
+<template>
+  <view
+    ref="$weeksBox"
+    class="wu-calendar-item__weeks-box"
+    :style="[
+      calendarItemStyle,
+      weekItemStyle,
+      {
+        borderTopLeftRadius: weeks.beforeRange ? '12rpx' : '',
+        borderBottomLeftRadius: weeks.beforeRange ? '12rpx' : '',
+        borderTopRightRadius: weeks.afterRange ? '12rpx' : '',
+        borderBottomRightRadius: weeks.afterRange ? '12rpx' : ''
+      }
+    ]"
+    @click="choiceDate(weeks)"
+  >
+    <view class="wu-calendar-item__weeks-box-item" :style="[actMultipleStyle, { width: itemWidth, height: itemHeight + 'px' }]">
+      <!-- 自定义打点上方信息 -->
+      <text
+        v-if="weeks.extraInfo && weeks.extraInfo.topInfo"
+        class="wu-calendar-item__weeks-lunar-text"
+        :style="[{ color: weeks.extraInfo.topInfoColor || '#e43d33' }, calendarItemStyle, actMultipleStyle]"
+      >
+        {{ weeks.extraInfo.topInfo }}
+      </text>
+      <!-- 徽标 -->
+      <text
+        v-if="selected && weeks.extraInfo && weeks.extraInfo.badge"
+        class="wu-calendar-item__weeks-box-circle"
+        :style="[badgeStyle]"
+      ></text>
+      <!-- 日期文字 -->
+      <text class="wu-calendar-item__weeks-box-text" :style="[calendarItemStyle, actMultipleStyle]">{{ weeks.date }}</text>
+      <!-- 今日的文字 -->
+      <text
+        v-if="!lunar && !weeks.extraInfo && weeks.isDay && !weeks.beforeRange && !weeks.afterRange"
+        class="wu-calendar-item__weeks-lunar-text"
+        :style="[calendarItemStyle, actMultipleStyle]"
+      >
+        {{ todayText }}
+      </text>
+      <!-- 农历文字 -->
+      <text
+        v-if="lunar && !weeks.extraInfo && !weeks.beforeRange && !weeks.afterRange"
+        class="wu-calendar-item__weeks-lunar-text"
+        :style="[calendarItemStyle, actMultipleStyle]"
+      >
+        {{ dayText }}
+      </text>
+      <!-- 选中的文字展示 -->
+      <text
+        v-if="!weeks.extraInfo && (weeks.beforeRange || weeks.afterRange)"
+        class="wu-calendar-item__weeks-lunar-text"
+        :style="[calendarItemStyle, actMultipleStyle]"
+      >
+        {{ multipleText }}
+      </text>
+      <!-- 自定义打点下方信息 -->
+      <text
+        v-if="weeks.extraInfo && weeks.extraInfo.info"
+        class="wu-calendar-item__weeks-lunar-text"
+        :style="[{ color: weeks.extraInfo.infoColor || '#e43d33' }, calendarItemStyle, actMultipleStyle]"
+      >
+        {{ weeks.extraInfo.info }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { mpMixin } from '../../../libs/mixin/mpMixin.js';
+import { mixin } from '../../../libs/mixin/mixin.js';
+import props from './props.js';
+
+import { initVueI18n } from '@dcloudio/uni-i18n';
+import i18nMessages from '../i18n/index.js';
+const { t } = initVueI18n(i18nMessages);
+import Color from '../../../libs/function/color/index.js';
+
+export default {
+  emits: ['change'],
+  mixins: [mpMixin, mixin, props],
+  computed: {
+    todayText() {
+      return t('wu-calender.today');
+    },
+    // 每项日历样式
+    calendarItemStyle() {
+      let style = {};
+      let color = Color.gradient(this.color, Color.isLight(this.color) ? '#000' : '#fff', 100)[6];
+      // 有顺序别乱动
+      // 选中的日期范围内的样式
+      if (this.weeks.rangeMultiple) {
+        style = {
+          backgroundColor: Color.gradient(this.color, '#fff', 100)[80],
+          color
+        };
+      }
+      // 今天的日期样式
+      if (this.weeks.isDay && this.todayDefaultStyle) {
+        style.color = color;
+      }
+      // 禁用的日期样式
+      if (this.weeks.disable) {
+        style = {
+          backgroundColor: 'rgba(249, 249, 249, 0.3)',
+          color: '#c0c0c0'
+        };
+      }
+      return style;
+    },
+    // 选中的日期样式
+    actMultipleStyle() {
+      if (
+        (this.weeks.beforeRange ||
+          this.weeks.afterRange ||
+          this.weeks.multiples ||
+          (this.calendar.fullDate === this.weeks.fullDate && this.weeks.mode === 'single')) &&
+        !this.weeks.disable
+      ) {
+        // #ifdef APP-NVUE
+        if (this.itemWidth == '100%') return {};
+        return {
+          backgroundColor: this.color,
+          color: '#fff',
+          borderRadius: '12rpx'
+        };
+        // #endif
+        // #ifndef APP-NVUE
+        return {
+          backgroundColor: this.color,
+          color: '#fff',
+          borderRadius: '12rpx'
+        };
+        // #endif
+      }
+    },
+    // 徽标样式
+    badgeStyle() {
+      let style = {
+        backgroundColor: this.weeks.disable ? '#c0c0c0' : '#e43d33',
+        width: '16rpx',
+        height: '16rpx'
+      };
+      if (this.weeks.extraInfo) {
+        if (this.weeks.extraInfo.badgeColor) {
+          // 如果当前是选中日期的徽标且徽标颜色与主题色一致 为了保证 徽标颜色可以被看见 再选中时将其设置为 #fff
+          if (
+            (this.weeks.beforeRange ||
+              this.weeks.afterRange ||
+              this.weeks.multiples ||
+              (this.calendar.fullDate === this.weeks.fullDate && this.weeks.mode === 'single')) &&
+            !this.weeks.disable &&
+            Color.convertFormat(this.weeks.extraInfo.badgeColor) == Color.convertFormat(this.color)
+          ) {
+            style.backgroundColor = this.actBadgeColor;
+          } else {
+            style.backgroundColor = this.weeks.extraInfo.badgeColor;
+          }
+        }
+        if (this.weeks.extraInfo.badgeSize) {
+          style.width = this.weeks.extraInfo.badgeSize;
+          style.height = this.weeks.extraInfo.badgeSize;
+        }
+
+        if (!this.weeks.extraInfo.badgePosition) {
+          style.right = '10rpx';
+          style.top = '10rpx';
+        } else if (this.weeks.extraInfo.badgePosition == 'top-left') {
+          style.top = '10rpx';
+          style.left = '10rpx';
+        } else if (this.weeks.extraInfo.badgePosition == 'top-center') {
+          style.top = '10rpx';
+          style.left = 'center';
+        } else if (this.weeks.extraInfo.badgePosition == 'top-right') {
+          style.top = '10rpx';
+          style.right = '10rpx';
+        } else if (this.weeks.extraInfo.badgePosition == 'bottom-left') {
+          style.bottom = '10rpx';
+          style.left = '10rpx';
+        } else if (this.weeks.extraInfo.badgePosition == 'bottom-center') {
+          style.bottom = '10rpx';
+          style.left = 'center';
+        } else if (this.weeks.extraInfo.badgePosition == 'bottom-right') {
+          style.bottom = '10rpx';
+          style.right = '10rpx';
+        }
+      }
+
+      return style;
+    },
+    // 日期文字
+    dayText() {
+      let text = '';
+      if (this.weeks.isDay) {
+        text = this.todayText;
+      } else if (this.weeks.lunar.festival) {
+        text = this.weeks.lunar.festival;
+      } else if (this.weeks.lunar.isTerm) {
+        text = this.weeks.lunar.Term;
+      } else if (this.weeks.lunar.IDayCn === '初一') {
+        text = this.weeks.lunar.IMonthCn;
+      } else {
+        text = this.weeks.lunar.IDayCn;
+      }
+      return text;
+    },
+    // 选中的文字
+    multipleText() {
+      let text = '';
+      if (this.weeks.afterRange) {
+        text = this.endText;
+      } else if (this.weeks.beforeRange) {
+        text = this.startText;
+      }
+      return text;
+    }
+  },
+  data() {
+    return {
+      itemWidth: '100%'
+    };
+  },
+  methods: {
+    choiceDate(weeks) {
+      this.$emit('change', weeks);
+    }
+  },
+  mounted() {
+    // #ifdef APP-NVUE
+    setTimeout(() => {
+      const dom = uni.requireNativePlugin('dom');
+      dom.getComponentRect(this.$refs.$weeksBox, (res) => {
+        this.itemWidth = res.size.width + 'px';
+      });
+    }, 10);
+    // #endif
+  }
+};
+</script>
+<style scoped>
+.wu-calendar-item__weeks-box {
+  flex: 1;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 0.5px;
+}
+
+.wu-calendar-item__weeks-box-text {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.wu-calendar-item__weeks-lunar-text {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.wu-calendar-item__weeks-box-item {
+  flex: 1;
+  position: relative;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.wu-calendar-item__weeks-box-circle {
+  position: absolute;
+  border-radius: 16rpx;
+  background-color: #e43d33;
+}
+
+.wu-calendar-item--disable {
+  background-color: rgba(249, 249, 249, 0.3);
+  color: #c0c0c0;
+}
+
+.wu-calendar-item--extra {
+  color: #e43d33;
+  opacity: 0.8;
+}
+
+.wu-calendar-item--checked {
+  color: #fff;
+}
+</style>

package/uview-plus/components/u-cell/_doc/changelog.md

@@ -0,0 +1,6 @@
+## 1.0.2（2024-05-08）
+更新域名
+## 1.0.1（2023-09-11）
+自定义组件声明
+## 1.0.0（2023-09-01）
+u-cell 单元格一般用于一组列表的情况，比如个人中心页，设置页等。

package/uview-plus/components/u-cell/_doc/package.json

@@ -0,0 +1,89 @@
+{
+  "id": "u-cell",
+  "displayName": "u-cell 单元格，全端兼容，无论平台，一致体验。",
+  "version": "1.0.2",
+  "description": "u-cell 单元格一般用于一组列表的情况，比如个人中心页，设置页等。",
+  "keywords": [
+    "u-ui",
+    "wuui",
+    "u-cell",
+    "cell",
+    "单元格"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-icon",
+      "u-line"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}

package/uview-plus/components/u-cell/_doc/readme.md

@@ -0,0 +1,25 @@
+## u-cell 单元格
+
+> **组件名：u-cell**
+
+u-cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/cell.html)
+
+## [更多组件, 请查看 `u-ui` 组件库](https://ext.dcloud.net.cn/plugin?name=u--ui)
+(请勿下载插件zip)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=u--ui">
+	<img src="https://wuui.cn/intr.png">
+</a>
+
+**如使用过程中有任何问题，或者您对u-ui有一些好的建议。<br>欢迎加入 [u-ui 交流群](https://ijry.github.io/uview-plus/components/qqFeedBack.html)**
+
+
+
+
+
+
+
+
+

package/uview-plus/components/u-checkbox/_doc/changelog.md

@@ -0,0 +1,8 @@
+## 1.0.3（2024-05-08）
+更新域名
+## 1.0.2（2023-10-22）
+新增默认插槽
+## 1.0.1（2023-09-11）
+自定义组件声明
+## 1.0.0（2023-09-01）
+u-checkbox 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便。

package/uview-plus/components/u-checkbox/_doc/package.json

@@ -0,0 +1,88 @@
+{
+  "id": "u-checkbox",
+  "displayName": "u-checkbox 复选框，全端兼容，无论平台，一致体验",
+  "version": "1.0.3",
+  "description": "u-checkbox 复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便。",
+  "keywords": [
+    "u-ui",
+    "wuui",
+    "u-checkbox",
+    "checkbox",
+    "复选框"
+  ],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.4.15"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+      "u-icon"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+          "钉钉": "n",
+          "快手": "n",
+          "飞书": "n",
+          "京东": "n"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        }
+      }
+    }
+  }
+}