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

package/uview-plus/components/u-cell/props.js

@@ -1,111 +1,112 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+export const props = defineMixin({
   props: {
     // 标题
     title: {
       type: [String, Number],
-      default: defprops.cell.title
+      default: () => defProps.cell.title
     },
     // 标题下方的描述信息
     label: {
       type: [String, Number],
-      default: defprops.cell.label
+      default: () => defProps.cell.label
     },
     // 右侧的内容
     value: {
       type: [String, Number],
-      default: defprops.cell.value
+      default: () => defProps.cell.value
     },
     // 左侧图标名称，或者图片链接(本地文件建议使用绝对地址)
     icon: {
       type: String,
-      default: defprops.cell.icon
+      default: () => defProps.cell.icon
     },
     // 是否禁用cell
     disabled: {
       type: Boolean,
-      default: defprops.cell.disabled
+      default: () => defProps.cell.disabled
     },
     // 是否显示下边框
     border: {
       type: Boolean,
-      default: defprops.cell.border
+      default: () => defProps.cell.border
     },
     // 内容是否垂直居中(主要是针对右侧的value部分)
     center: {
       type: Boolean,
-      default: defprops.cell.center
+      default: () => defProps.cell.center
     },
     // 点击后跳转的URL地址
     url: {
       type: String,
-      default: defprops.cell.url
+      default: () => defProps.cell.url
     },
     // 链接跳转的方式，内部使用的是uView封装的route方法，可能会进行拦截操作
     linkType: {
       type: String,
-      default: defprops.cell.linkType
+      default: () => defProps.cell.linkType
     },
     // 是否开启点击反馈(表现为点击时加上灰色背景)
     clickable: {
       type: Boolean,
-      default: defprops.cell.clickable
+      default: () => defProps.cell.clickable
     },
     // 是否展示右侧箭头并开启点击反馈
     isLink: {
       type: Boolean,
-      default: defprops.cell.isLink
+      default: () => defProps.cell.isLink
     },
     // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
     required: {
       type: Boolean,
-      default: defprops.cell.required
+      default: () => defProps.cell.required
     },
     // 右侧的图标箭头
     rightIcon: {
       type: String,
-      default: defprops.cell.rightIcon
+      default: () => defProps.cell.rightIcon
     },
     // 右侧箭头的方向，可选值为：left，up，down
     arrowDirection: {
       type: String,
-      default: defprops.cell.arrowDirection
+      default: () => defProps.cell.arrowDirection
     },
     // 左侧图标样式
     iconStyle: {
       type: [Object, String],
       default: () => {
-        return uni.$u.props.cell.iconStyle;
+        return defProps.cell.iconStyle;
       }
     },
     // 右侧箭头图标的样式
     rightIconStyle: {
       type: [Object, String],
       default: () => {
-        return uni.$u.props.cell.rightIconStyle;
+        return defProps.cell.rightIconStyle;
       }
     },
     // 标题的样式
     titleStyle: {
       type: [Object, String],
       default: () => {
-        return uni.$u.props.cell.titleStyle;
+        return defProps.cell.titleStyle;
       }
     },
     // 单位元的大小，可选值为large
     size: {
       type: String,
-      default: defprops.cell.size
+      default: () => defProps.cell.size
     },
     // 点击cell是否阻止事件传播
     stop: {
       type: Boolean,
-      default: defprops.cell.stop
+      default: () => defProps.cell.stop
     },
     // 标识符，cell被点击时返回
     name: {
       type: [Number, String],
-      default: defprops.cell.name
+      default: () => defProps.cell.name
     }
   }
-};
+});

package/uview-plus/components/u-cell/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -17,7 +32,7 @@ view, scroll-view, swiper-item {
   /* #ifndef APP-NVUE */
   box-sizing: border-box;
   /* #endif */
-  padding: 10px 15px;
+  padding: 13px 15px;
   font-size: 15px;
   color: var(--u-main-color);
   align-items: center;
@@ -57,6 +72,8 @@ view, scroll-view, swiper-item {
 }
 .u-cell__title {
   flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 .u-cell__title-text {
   font-size: 15px;
@@ -77,6 +94,9 @@ view, scroll-view, swiper-item {
 }
 .u-cell__value {
   text-align: right;
+  /* #ifndef APP-NVUE */
+  margin-left: auto;
+  /* #endif */
   font-size: 14px;
   line-height: 24px;
   color: var(--u-content-color);
@@ -84,6 +104,26 @@ view, scroll-view, swiper-item {
 .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);
 }
@@ -95,4 +135,4 @@ view, scroll-view, swiper-item {
 }
 .u-cell--center {
   align-items: center;
-}
+}

package/uview-plus/components/u-cell/style.scss

@@ -1,6 +1,6 @@
 @import '../../libs/css/components.scss';
 
-$u-cell-padding: 10px 15px !default;
+$u-cell-padding: 13px 15px !default;
 $u-cell-font-size: 15px !default;
 $u-cell-line-height: 24px !default;
 $u-cell-color: $u-main-color !default;
@@ -76,6 +76,8 @@ $u-cell-label-margin-top: 5px !default;
 
   &__title {
     flex: $u-cell-title-flex;
+    display: flex;
+    flex-direction: column;
 
     &-text {
       font-size: $u-cell-title-font-size;
@@ -101,15 +103,36 @@ $u-cell-label-margin-top: 5px !default;
 
   &__value {
     text-align: right;
+    /* #ifndef APP-NVUE */
+    margin-left: auto;
+    /* #endif */
     font-size: $u-cell-value-font-size;
     line-height: $u-cell-line-height;
     color: $u-cell-value-color;
-
     &--large {
       font-size: $u-cell-value-font-size-large;
     }
   }
 
+  &--required {
+    /* #ifndef APP-NVUE */
+    overflow: visible;
+    /* #endif */
+    @include flex;
+    align-items: center;
+  }
+
+  &--required:before {
+    position: absolute;
+    /* #ifndef APP-NVUE */
+    content: '*';
+    /* #endif */
+    left: -8px;
+    margin-top: 4rpx;
+    font-size: 14px;
+    color: $u-error;
+  }
+
   &--clickable {
     background-color: $u-cell-clickable-color;
   }

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

@@ -2,29 +2,32 @@
   <view
     class="u-cell"
     :class="[customClass]"
-    :style="[$u.addStyle(customStyle)]"
+    :style="[addStyle(customStyle)]"
     :hover-class="!disabled && (clickable || isLink) ? 'u-cell--clickable' : ''"
     :hover-stay-time="250"
     @tap="clickHandler"
   >
     <view class="u-cell__body" :class="[center && 'u-cell--center', size === 'large' && 'u-cell__body--large']">
       <view class="u-cell__body__content">
-        <view class="u-cell__left-icon-wrap">
-          <slot name="icon">
-            <u-icon v-if="icon" :name="icon" :custom-style="iconStyle" :size="size === 'large' ? 22 : 18"></u-icon>
-          </slot>
+        <view class="u-cell__left-icon-wrap" v-if="$slots.icon || icon">
+          <slot name="icon" v-if="$slots.icon"></slot>
+          <u-icon v-else :name="icon" :custom-style="iconStyle" :size="size === 'large' ? 22 : 18"></u-icon>
         </view>
         <view class="u-cell__title">
-          <slot name="title">
-            <text
-              v-if="title"
-              class="u-cell__title-text"
-              :style="[titleTextStyle]"
-              :class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']"
-            >
-              {{ title }}
-            </text>
-          </slot>
+          <!-- 将slot与默认内容用if/else分开主要是因为微信小程序不支持slot嵌套传递，这样才能解决collapse组件的slot不失效问题，label暂时未用到。 -->
+          <slot name="title" v-if="$slots.title || !title"></slot>
+          <text
+            v-else
+            class="u-cell__title-text"
+            :style="[titleTextStyle]"
+            :class="[
+              required && 'u-cell--required',
+              disabled && 'u-cell--disabled',
+              size === 'large' && 'u-cell__title-text--large'
+            ]"
+          >
+            {{ title }}
+          </text>
           <slot name="label">
             <text
               class="u-cell__label"
@@ -40,34 +43,42 @@
         <text
           class="u-cell__value"
           :class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__value--large']"
-          v-if="!$u.test.empty(value)"
+          v-if="!testEmpty(value)"
         >
           {{ value }}
         </text>
       </slot>
-      <view class="u-cell__right-icon-wrap" :class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
-        <slot name="right-icon">
-          <u-icon
-            v-if="isLink"
-            :name="rightIcon"
-            :custom-style="rightIconStyle"
-            :color="disabled ? '#c8c9cc' : 'info'"
-            :size="size === 'large' ? 18 : 16"
-          ></u-icon>
-        </slot>
+      <view
+        class="u-cell__right-icon-wrap"
+        v-if="$slots['right-icon'] || isLink"
+        :class="[`u-cell__right-icon-wrap--${arrowDirection}`]"
+      >
+        <u-icon
+          v-if="rightIcon && !$slots['right-icon']"
+          :name="rightIcon"
+          :custom-style="rightIconStyle"
+          :color="disabled ? '#c8c9cc' : 'info'"
+          :size="size === 'large' ? 18 : 16"
+        ></u-icon>
+        <slot v-else name="right-icon"></slot>
+      </view>
+      <view class="u-cell__right-icon-wrap" v-if="$slots['righticon']" :class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
+        <slot name="righticon"></slot>
       </view>
     </view>
     <u-line v-if="border"></u-line>
   </view>
 </template>
 <script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle } from '../../libs/function/index';
+import test from '../../libs/function/test';
 /**
  * cell  单元格
  * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
- * @tutorial https://uviewui.com/components/cell.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/cell.html
  * @property {String | Number}	title			标题
  * @property {String | Number}	label			标题下方的描述信息
  * @property {String | Number}	value			右侧的内容
@@ -100,11 +111,13 @@ export default {
   mixins: [mpMixin, mixin, props],
   computed: {
     titleTextStyle() {
-      return uni.$u.addStyle(this.titleStyle);
+      return addStyle(this.titleStyle);
     }
   },
   emits: ['click'],
   methods: {
+    addStyle,
+    testEmpty: test.empty,
     // 点击cell
     clickHandler(e) {
       if (this.disabled) return;

package/uview-plus/components/u-cell-group/props.js

@@ -1,15 +1,16 @@
-import defprops from '../../libs/config/props';
-export default {
+import { defineMixin } from '../../libs/vue';
+import defProps from '../../libs/config/props.js';
+export const props = defineMixin({
   props: {
     // 分组标题
     title: {
       type: String,
-      default: defprops.cellGroup.title
+      default: () => defProps.cellGroup.title
     },
     // 是否显示外边框
     border: {
       type: Boolean,
-      default: defprops.cellGroup.border
+      default: () => defProps.cellGroup.border
     }
   }
-};
+});

package/uview-plus/components/u-cell-group/style.css

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
+.u-empty,
+.u-empty__wrap,
+.u-tabs,
+.u-tabs__wrapper,
+.u-tabs__wrapper__scroll-view-wrapper,
+.u-tabs__wrapper__scroll-view,
+.u-tabs__wrapper__nav,
+.u-tabs__wrapper__nav__line,
+.up-empty,
+.up-empty__wrap,
+.up-tabs,
+.up-tabs__wrapper,
+.up-tabs__wrapper__scroll-view-wrapper,
+.up-tabs__wrapper__scroll-view,
+.up-tabs__wrapper__nav,
+.up-tabs__wrapper__nav__line {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -22,4 +37,4 @@ view, scroll-view, swiper-item {
 }
 .u-cell-group__wrapper {
   position: relative;
-}
+}

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

@@ -1,5 +1,5 @@
 <template>
-  <view :style="[$u.addStyle(customStyle)]" :class="[customClass]" class="u-cell-group">
+  <view :style="[addStyle(customStyle)]" :class="[customClass]" class="u-cell-group">
     <view v-if="title" class="u-cell-group__title">
       <slot name="title">
         <text class="u-cell-group__title__text">{{ title }}</text>
@@ -12,13 +12,14 @@
   </view>
 </template>
 <script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
+import { props } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle } from '../../libs/function/index';
 /**
  * cellGroup  单元格
  * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。
- * @tutorial https://uviewui.com/components/cell.html
+ * @tutorial https://uview-plus.jiangruyi.com/components/cell.html
  *
  * @property {String}	title		分组标题
  * @property {Boolean}	border		是否显示外边框 (默认 true )
@@ -29,7 +30,10 @@ import mixin from '../../libs/mixin/mixin.js';
  */
 export default {
   name: 'u-cell-group',
-  mixins: [mpMixin, mixin, props]
+  mixins: [mpMixin, mixin, props],
+  methods: {
+    addStyle
+  }
 };
 </script>
 <style scoped>

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"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+## u-checkbox 复选框
+
+> **组件名：u-checkbox**
+
+复选框组件一般用于需要多个选择的场景，该组件功能完整，使用方便。
+
+## [查看文档](https://ijry.github.io/uview-plus/components/checkbox.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)**
+
+
+
+
+
+
+
+
+