1.18整合

This commit is contained in:
2026-01-18 16:06:37 +08:00
parent 10c3fbb0d7
commit a11d3cc2f8
138 changed files with 7241 additions and 856 deletions

View 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;

View 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);

View File

@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"up-icon": "../u-icon/u-icon",
"u-line": "../u-line/u-line"
}
}

View 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>

View 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;
}

View 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;

View 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("设置rulesmodel必须设置如果已经设置请刷新页面。");
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);

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="{{['u-form', virtualHostClass]}}" style="{{virtualHostStyle}}"><slot/></view>

View 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;

View 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);

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view style="{{a + ';' + virtualHostStyle}}" class="{{['u-line', 'data-v-72791e59', virtualHostClass]}}"></view>

View 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;
}