1.18整合
This commit is contained in:
57
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/props.js
vendored
Normal file
57
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/props.js
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js");
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({
|
||||
props: {
|
||||
// input的label提示语
|
||||
label: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.label
|
||||
},
|
||||
// 绑定的值
|
||||
prop: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.prop
|
||||
},
|
||||
// 绑定的规则
|
||||
rules: {
|
||||
type: Array,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.rules
|
||||
},
|
||||
// 是否显示表单域的下划线边框
|
||||
borderBottom: {
|
||||
type: [String, Boolean],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.borderBottom
|
||||
},
|
||||
// label的位置,left-左边,top-上边
|
||||
labelPosition: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.labelPosition
|
||||
},
|
||||
// label的宽度,单位px
|
||||
labelWidth: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.labelWidth
|
||||
},
|
||||
// 右侧图标
|
||||
rightIcon: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.rightIcon
|
||||
},
|
||||
// 左侧图标
|
||||
leftIcon: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.leftIcon
|
||||
},
|
||||
// 是否显示左边的必填星号,只作显示用,具体校验必填的逻辑,请在rules中配置
|
||||
required: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.required
|
||||
},
|
||||
leftIconStyle: {
|
||||
type: [String, Object],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.formItem.leftIconStyle
|
||||
}
|
||||
}
|
||||
});
|
||||
exports.props = props;
|
||||
142
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.js
vendored
Normal file
142
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.js
vendored
Normal file
@@ -0,0 +1,142 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uFormItem_props = require("./props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const uni_modules_uviewPlus_libs_config_color = require("../../libs/config/color.js");
|
||||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "u-form-item",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uFormItem_props.props],
|
||||
data() {
|
||||
return {
|
||||
// 错误提示语
|
||||
message: "",
|
||||
parentData: {
|
||||
// 提示文本的位置
|
||||
labelPosition: "left",
|
||||
// 提示文本对齐方式
|
||||
labelAlign: "left",
|
||||
// 提示文本的样式
|
||||
labelStyle: {},
|
||||
// 提示文本的宽度
|
||||
labelWidth: 45,
|
||||
// 错误提示方式
|
||||
errorType: "message"
|
||||
},
|
||||
color: uni_modules_uviewPlus_libs_config_color.color,
|
||||
itemRules: []
|
||||
};
|
||||
},
|
||||
// 组件创建完成时,将当前实例保存到u-form中
|
||||
computed: {
|
||||
propsLine() {
|
||||
return uni_modules_uviewPlus_libs_config_props.props.line;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
},
|
||||
emits: ["click"],
|
||||
watch: {
|
||||
// 监听规则的变化
|
||||
rules: {
|
||||
immediate: true,
|
||||
handler(n) {
|
||||
this.setRules(n);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addStyle: uni_modules_uviewPlus_libs_function_index.addStyle,
|
||||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit,
|
||||
init() {
|
||||
this.updateParentData();
|
||||
if (!this.parent) {
|
||||
uni_modules_uviewPlus_libs_function_index.error("u-form-item需要结合u-form组件使用");
|
||||
}
|
||||
},
|
||||
// 手动设置校验的规则,如果规则中有函数的话,微信小程序中会过滤掉,所以只能手动调用设置规则
|
||||
setRules(rules) {
|
||||
if (rules.length === 0) {
|
||||
this.itemRules = [];
|
||||
return;
|
||||
}
|
||||
this.itemRules = rules;
|
||||
},
|
||||
// 获取父组件的参数
|
||||
updateParentData() {
|
||||
this.getParentData("u-form");
|
||||
},
|
||||
// 移除u-form-item的校验结果
|
||||
clearValidate() {
|
||||
this.message = null;
|
||||
},
|
||||
// 清空当前的组件的校验结果,并重置为初始值
|
||||
resetField() {
|
||||
const value = uni_modules_uviewPlus_libs_function_index.getProperty(this.parent.originalModel, this.prop);
|
||||
uni_modules_uviewPlus_libs_function_index.setProperty(this.parent.model, this.prop, value);
|
||||
this.message = null;
|
||||
},
|
||||
// 点击组件
|
||||
clickHandler() {
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
|
||||
const _easycom_u_line2 = common_vendor.resolveComponent("u-line");
|
||||
(_easycom_up_icon2 + _easycom_u_line2)();
|
||||
}
|
||||
const _easycom_up_icon = () => "../u-icon/u-icon.js";
|
||||
const _easycom_u_line = () => "../u-line/u-line.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_icon + _easycom_u_line)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: _ctx.required || _ctx.leftIcon || _ctx.label
|
||||
}, _ctx.required || _ctx.leftIcon || _ctx.label ? common_vendor.e({
|
||||
b: _ctx.required
|
||||
}, _ctx.required ? {} : {}, {
|
||||
c: _ctx.leftIcon
|
||||
}, _ctx.leftIcon ? {
|
||||
d: common_vendor.p({
|
||||
name: _ctx.leftIcon,
|
||||
["custom-style"]: _ctx.leftIconStyle
|
||||
})
|
||||
} : {}, {
|
||||
e: common_vendor.t(_ctx.label),
|
||||
f: common_vendor.s($data.parentData.labelStyle),
|
||||
g: common_vendor.s({
|
||||
justifyContent: $data.parentData.labelAlign === "left" ? "flex-start" : $data.parentData.labelAlign === "center" ? "center" : "flex-end"
|
||||
}),
|
||||
h: $options.addUnit(_ctx.labelWidth || $data.parentData.labelWidth),
|
||||
i: (_ctx.labelPosition || $data.parentData.labelPosition) === "left" ? 0 : "5px"
|
||||
}) : {}, {
|
||||
j: _ctx.$slots.right
|
||||
}, _ctx.$slots.right ? {} : {}, {
|
||||
k: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)),
|
||||
l: common_vendor.s($options.addStyle(_ctx.customStyle)),
|
||||
m: common_vendor.s({
|
||||
flexDirection: (_ctx.labelPosition || $data.parentData.labelPosition) === "left" ? "row" : "column"
|
||||
}),
|
||||
n: !!$data.message && $data.parentData.errorType === "message"
|
||||
}, !!$data.message && $data.parentData.errorType === "message" ? {
|
||||
o: common_vendor.t($data.message),
|
||||
p: $options.addUnit((_ctx.labelPosition || $data.parentData.labelPosition) === "top" ? 0 : _ctx.labelWidth || $data.parentData.labelWidth)
|
||||
} : {}, {
|
||||
q: _ctx.borderBottom
|
||||
}, _ctx.borderBottom ? {
|
||||
r: common_vendor.p({
|
||||
color: $data.message && $data.parentData.errorType === "border-bottom" ? $data.color.error : $options.propsLine.color,
|
||||
customStyle: `margin-top: ${$data.message && $data.parentData.errorType === "message" ? "5px" : 0}`
|
||||
})
|
||||
} : {}, {
|
||||
s: !!$data.message && $data.parentData.errorType === "message" ? 1 : ""
|
||||
});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-42bac3de"]]);
|
||||
wx.createComponent(Component);
|
||||
7
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.json
vendored
Normal file
7
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"up-icon": "../u-icon/u-icon",
|
||||
"u-line": "../u-line/u-line"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['u-form-item', 'data-v-42bac3de', s && 'u-form-item--error', virtualHostClass]}}" style="{{virtualHostStyle}}"><view class="u-form-item__body data-v-42bac3de" bindtap="{{k}}" style="{{l + ';' + m}}"><block wx:if="{{$slots.label}}"><slot name="label"></slot></block><block wx:else><view wx:if="{{a}}" class="u-form-item__body__left data-v-42bac3de" style="{{'width:' + h + ';' + ('margin-bottom:' + i)}}"><view class="u-form-item__body__left__content data-v-42bac3de"><text wx:if="{{b}}" class="u-form-item__body__left__content__required data-v-42bac3de">*</text><view wx:if="{{c}}" class="u-form-item__body__left__content__icon data-v-42bac3de"><up-icon wx:if="{{d}}" class="data-v-42bac3de" virtualHostClass="data-v-42bac3de" u-i="42bac3de-0" bind:__l="__l" u-p="{{d}}"></up-icon></view><text class="u-form-item__body__left__content__label data-v-42bac3de" style="{{f + ';' + g}}">{{e}}</text></view></view></block><view class="u-form-item__body__right data-v-42bac3de"><view class="u-form-item__body__right__content data-v-42bac3de"><view class="u-form-item__body__right__content__slot data-v-42bac3de"><slot/></view><view wx:if="{{j}}" class="item__body__right__content__icon data-v-42bac3de"><slot name="right"/></view></view></view></view><block wx:if="{{$slots.error}}"><slot name="error"></slot></block><block wx:else><text wx:if="{{n}}" class="u-form-item__body__right__message data-v-42bac3de" style="{{'margin-left:' + p}}">{{o}}</text></block><u-line wx:if="{{q}}" class="data-v-42bac3de" virtualHostClass="data-v-42bac3de" u-i="42bac3de-1" bind:__l="__l" u-p="{{r}}"></u-line></view>
|
||||
94
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.wxss
vendored
Normal file
94
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form-item/u-form-item.wxss
vendored
Normal file
@@ -0,0 +1,94 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* uni.scss */
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.u-form-item.data-v-42bac3de {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
}
|
||||
.u-form-item__body.data-v-42bac3de {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.u-form-item__body__left.data-v-42bac3de {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-form-item__body__left__content.data-v-42bac3de {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding-right: 10rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item__body__left__content__icon.data-v-42bac3de {
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.u-form-item__body__left__content__required.data-v-42bac3de {
|
||||
position: absolute;
|
||||
left: -9px;
|
||||
color: #f56c6c;
|
||||
line-height: 20px;
|
||||
font-size: 20px;
|
||||
top: 3px;
|
||||
}
|
||||
.u-form-item__body__left__content__label.data-v-42bac3de {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
color: #303133;
|
||||
font-size: 15px;
|
||||
}
|
||||
.u-form-item__body__right.data-v-42bac3de {
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item__body__right__content.data-v-42bac3de {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item__body__right__content__slot.data-v-42bac3de {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-form-item__body__right__content__icon.data-v-42bac3de {
|
||||
margin-left: 10rpx;
|
||||
color: #c0c4cc;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.u-form-item__body__right__message.data-v-42bac3de {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #f56c6c;
|
||||
}
|
||||
49
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/props.js
vendored
Normal file
49
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/props.js
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js");
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({
|
||||
props: {
|
||||
// 当前form的需要验证字段的集合
|
||||
model: {
|
||||
type: Object,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.model
|
||||
},
|
||||
// 验证规则
|
||||
rules: {
|
||||
type: [Object, Function, Array],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.rules
|
||||
},
|
||||
// 有错误时的提示方式,message-提示信息,toast-进行toast提示
|
||||
// border-bottom-下边框呈现红色,none-无提示
|
||||
errorType: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.errorType
|
||||
},
|
||||
// 是否显示表单域的下划线边框
|
||||
borderBottom: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.borderBottom
|
||||
},
|
||||
// label的位置,left-左边,top-上边
|
||||
labelPosition: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.labelPosition
|
||||
},
|
||||
// label的宽度,单位px
|
||||
labelWidth: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.labelWidth
|
||||
},
|
||||
// lable字体的对齐方式
|
||||
labelAlign: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.labelAlign
|
||||
},
|
||||
// lable的样式,对象形式
|
||||
labelStyle: {
|
||||
type: Object,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.form.labelStyle
|
||||
}
|
||||
}
|
||||
});
|
||||
exports.props = props;
|
||||
208
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.js
vendored
Normal file
208
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.js
vendored
Normal file
@@ -0,0 +1,208 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uForm_props = require("./props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const uni_modules_uviewPlus_libs_util_asyncValidator = require("../../libs/util/async-validator.js");
|
||||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
|
||||
const uni_modules_uviewPlus_libs_function_test = require("../../libs/function/test.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
uni_modules_uviewPlus_libs_util_asyncValidator.Schema.warning = function() {
|
||||
};
|
||||
const _sfc_main = {
|
||||
name: "u-form",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uForm_props.props],
|
||||
provide() {
|
||||
return {
|
||||
uForm: this
|
||||
};
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formRules: {},
|
||||
// 规则校验器
|
||||
validator: {},
|
||||
// 原始的model快照,用于resetFields方法重置表单时使用
|
||||
originalModel: null
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// 监听规则的变化
|
||||
rules: {
|
||||
immediate: true,
|
||||
handler(n) {
|
||||
this.setRules(n);
|
||||
}
|
||||
},
|
||||
// 监听属性的变化,通知子组件u-form-item重新获取信息
|
||||
propsChange(n) {
|
||||
var _a;
|
||||
if ((_a = this.children) == null ? void 0 : _a.length) {
|
||||
this.children.map((child) => {
|
||||
typeof child.updateParentData == "function" && child.updateParentData();
|
||||
});
|
||||
}
|
||||
},
|
||||
// 监听model的初始值作为重置表单的快照
|
||||
model: {
|
||||
immediate: true,
|
||||
handler(n) {
|
||||
if (!this.originalModel) {
|
||||
this.originalModel = uni_modules_uviewPlus_libs_function_index.deepClone(n);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
propsChange() {
|
||||
return [
|
||||
this.errorType,
|
||||
this.borderBottom,
|
||||
this.labelPosition,
|
||||
this.labelWidth,
|
||||
this.labelAlign,
|
||||
this.labelStyle
|
||||
];
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.children = [];
|
||||
},
|
||||
methods: {
|
||||
// 手动设置校验的规则,如果规则中有函数的话,微信小程序中会过滤掉,所以只能手动调用设置规则
|
||||
setRules(rules) {
|
||||
if (Object.keys(rules).length === 0)
|
||||
return;
|
||||
if (Object.keys(this.model).length === 0) {
|
||||
uni_modules_uviewPlus_libs_function_index.error("设置rules,model必须设置!如果已经设置,请刷新页面。");
|
||||
return;
|
||||
}
|
||||
this.formRules = rules;
|
||||
this.validator = new uni_modules_uviewPlus_libs_util_asyncValidator.Schema(rules);
|
||||
},
|
||||
// 清空所有u-form-item组件的内容,本质上是调用了u-form-item组件中的resetField()方法
|
||||
resetFields() {
|
||||
this.resetModel();
|
||||
},
|
||||
// 重置model为初始值的快照
|
||||
resetModel(obj) {
|
||||
this.children.map((child) => {
|
||||
const prop = child == null ? void 0 : child.prop;
|
||||
const value = uni_modules_uviewPlus_libs_function_index.getProperty(this.originalModel, prop);
|
||||
uni_modules_uviewPlus_libs_function_index.setProperty(this.model, prop, value);
|
||||
});
|
||||
},
|
||||
// 清空校验结果
|
||||
clearValidate(props2) {
|
||||
props2 = [].concat(props2);
|
||||
this.children.map((child) => {
|
||||
if (props2[0] === void 0 || props2.includes(child.prop)) {
|
||||
child.message = null;
|
||||
}
|
||||
});
|
||||
},
|
||||
// 对部分表单字段进行校验
|
||||
async validateField(value, callback, event = null, options) {
|
||||
this.$nextTick(() => {
|
||||
const errorsRes = [];
|
||||
value = [].concat(value);
|
||||
let promises = this.children.map((child) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const childErrors = [];
|
||||
if (value.includes(child.prop)) {
|
||||
const propertyVal = uni_modules_uviewPlus_libs_function_index.getProperty(
|
||||
this.model,
|
||||
child.prop
|
||||
);
|
||||
const propertyChain = child.prop.split(".");
|
||||
const propertyName = propertyChain[propertyChain.length - 1];
|
||||
let rule = [];
|
||||
if (child.itemRules && child.itemRules.length > 0) {
|
||||
rule = child.itemRules;
|
||||
} else {
|
||||
rule = this.formRules[child.prop];
|
||||
}
|
||||
if (!rule) {
|
||||
resolve();
|
||||
return;
|
||||
}
|
||||
const rules = [].concat(rule);
|
||||
if (!rules.length) {
|
||||
resolve();
|
||||
}
|
||||
for (let i = 0; i < rules.length; i++) {
|
||||
const ruleItem = rules[i];
|
||||
const trigger = [].concat(ruleItem == null ? void 0 : ruleItem.trigger);
|
||||
if (event && !trigger.includes(event)) {
|
||||
resolve();
|
||||
continue;
|
||||
}
|
||||
const validator = new uni_modules_uviewPlus_libs_util_asyncValidator.Schema({
|
||||
[propertyName]: ruleItem
|
||||
});
|
||||
validator.validate(
|
||||
{
|
||||
[propertyName]: propertyVal
|
||||
},
|
||||
(errors, fields) => {
|
||||
var _a;
|
||||
if (uni_modules_uviewPlus_libs_function_test.test.array(errors)) {
|
||||
errors.forEach((element) => {
|
||||
element.prop = child.prop;
|
||||
});
|
||||
errorsRes.push(...errors);
|
||||
childErrors.push(...errors);
|
||||
}
|
||||
if (!options || (options == null ? void 0 : options.showErrorMsg) == true) {
|
||||
child.message = ((_a = childErrors[0]) == null ? void 0 : _a.message) ? childErrors[0].message : null;
|
||||
}
|
||||
if (i == rules.length - 1) {
|
||||
resolve(errorsRes);
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
} else {
|
||||
resolve({});
|
||||
}
|
||||
});
|
||||
});
|
||||
Promise.all(promises).then((results) => {
|
||||
typeof callback === "function" && callback(errorsRes);
|
||||
}).catch((error2) => {
|
||||
console.error("An error occurred:", error2);
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 校验全部数据
|
||||
* @param {Object} options
|
||||
* @param {Boolean} options.showErrorMsg -是否显示校验信息,
|
||||
*/
|
||||
validate(options) {
|
||||
if (Object.keys(this.formRules).length === 0) {
|
||||
uni_modules_uviewPlus_libs_function_index.error("未设置rules,请看文档说明!如果已经设置,请刷新页面。");
|
||||
return;
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
this.$nextTick(() => {
|
||||
const formItemProps = this.children.map(
|
||||
(item) => item.prop
|
||||
);
|
||||
this.validateField(formItemProps, (errors) => {
|
||||
if (errors.length) {
|
||||
this.errorType === "toast" && uni_modules_uviewPlus_libs_function_index.toast(errors[0].message);
|
||||
reject(errors);
|
||||
} else {
|
||||
resolve(true);
|
||||
}
|
||||
}, null, options);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createComponent(Component);
|
||||
4
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['u-form', virtualHostClass]}}" style="{{virtualHostStyle}}"><slot/></view>
|
||||
0
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.wxss
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-form/u-form.wxss
vendored
Normal file
37
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/props.js
vendored
Normal file
37
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/props.js
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js");
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({
|
||||
props: {
|
||||
color: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.color
|
||||
},
|
||||
// 长度,竖向时表现为高度,横向时表现为长度,可以为百分比,带px单位的值等
|
||||
length: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.length
|
||||
},
|
||||
// 线条方向,col-竖向,row-横向
|
||||
direction: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.direction
|
||||
},
|
||||
// 是否显示细边框
|
||||
hairline: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.hairline
|
||||
},
|
||||
// 线条与上下左右元素的间距,字符串形式,如"30px"、"20px 30px"
|
||||
margin: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.margin
|
||||
},
|
||||
// 是否虚线,true-虚线,false-实线
|
||||
dashed: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.props.line.dashed
|
||||
}
|
||||
}
|
||||
});
|
||||
exports.props = props;
|
||||
38
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.js
vendored
Normal file
38
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.js
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uLine_props = require("./props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "u-line",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLine_props.props],
|
||||
computed: {
|
||||
lineStyle() {
|
||||
const style = {};
|
||||
style.margin = this.margin;
|
||||
if (this.direction === "row") {
|
||||
style.borderBottomWidth = "1px";
|
||||
style.borderBottomStyle = this.dashed ? "dashed" : "solid";
|
||||
style.width = uni_modules_uviewPlus_libs_function_index.addUnit(this.length);
|
||||
if (this.hairline)
|
||||
style.transform = "scaleY(0.5)";
|
||||
} else {
|
||||
style.borderLeftWidth = "1px";
|
||||
style.borderLeftStyle = this.dashed ? "dashed" : "solid";
|
||||
style.height = uni_modules_uviewPlus_libs_function_index.addUnit(this.length);
|
||||
if (this.hairline)
|
||||
style.transform = "scaleX(0.5)";
|
||||
}
|
||||
style.borderColor = this.color;
|
||||
return uni_modules_uviewPlus_libs_function_index.deepMerge(style, uni_modules_uviewPlus_libs_function_index.addStyle(this.customStyle));
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.s($options.lineStyle)
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-72791e59"]]);
|
||||
wx.createComponent(Component);
|
||||
4
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view style="{{a + ';' + virtualHostStyle}}" class="{{['u-line', 'data-v-72791e59', virtualHostClass]}}"></view>
|
||||
29
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxss
vendored
Normal file
29
unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxss
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* uni.scss */
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.u-line.data-v-72791e59 {
|
||||
vertical-align: middle;
|
||||
}
|
||||
Reference in New Issue
Block a user