@fangzhongya/fang-ui 0.1.86 → 0.1.90

package/dist/components/forms/src/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,197 @@
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { getProps, usePropsDefault } from "../../../hooks/props-default/index.js";
+import _default from "../../button/index.js";
+import _default$1 from "../../form-item/index.js";
+import _default$2 from "../../form/index.js";
+import { useHide } from "../../common/use.js";
+import _default$3 from "../../forms-div/index.js";
+import { dataEmits, dataProps, dataSlot, name } from "./data.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import _default$4 from "../../forms-item/index.js";
+import { setUp } from "./setup.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useSlots, vShow, withCtx, withDirectives, withModifiers } from "vue";
+//#region packages/components/packages/formset/forms/src/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "index",
+	props: getProps(dataProps),
+	emits: dataEmits,
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const { getLocale } = useLocale();
+		const slots = useSlots();
+		const attrs = useInherit(useAttrs(), name);
+		const props = usePropsDefault(name, __props, dataProps);
+		const emit = __emit;
+		const cs = useCssName(name);
+		const refForm = ref();
+		const refEl = ref();
+		const { buts, styles, dataRules, onClickButs, setStyles, submitForm, validateField, resetFields, closeForm, dataForm, validate, getListValue } = setUp(props, emit, cs, refForm, getLocale);
+		function setKey(value, index) {
+			return [
+				index,
+				value.key,
+				value.label,
+				value.prop,
+				value.compon
+			].join("-");
+		}
+		const onUpform = (...arr) => emit("upform", ...arr);
+		/**
+		* 暴露属性方法
+		*/
+		__expose({
+			/**
+			* @expose { Element } dom
+			* 表单的Dom
+			*/
+			dom: refEl,
+			closeForm,
+			/**
+			* @expose submitForm  (callback?:[Function]回调方法)
+			* 提交表单
+			*/
+			submitForm,
+			/**
+			* @expose validateField  (name:<string>字段, callback?:[Function]回调方法)
+			* 验证具体的某个字段
+			*/
+			validateField,
+			/**
+			* @expose resetFields
+			* 重置表单
+			*/
+			resetFields,
+			/**
+			* @expose { [Promise] Promise对象true成功false失败 } validate
+			* 校验表单
+			*/
+			validate,
+			getListValue,
+			getValue() {
+				return dataForm.value;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "refEl",
+				ref: refEl,
+				class: [unref(cs).z()],
+				style: unref(cs).vdo({
+					itemBottom: _ctx.itemBottom,
+					inlineRight: _ctx.inlineRight,
+					interval: _ctx.interval,
+					rowHeight: _ctx.rowHeight
+				})
+			}, unref(attrs).root), [createElementVNode("div", {
+				class: normalizeClass([
+					unref(cs).z("div"),
+					unref(cs).zis("div", "inline", unref(props).inline),
+					unref(cs).zis("div", "box", unref(props).inlineBox),
+					unref(cs).zis("div", "query", unref(props).query),
+					unref(cs).zis("div", "column", unref(props).column > 1)
+				]),
+				style: normalizeStyle(unref(styles))
+			}, [(openBlock(), createBlock(unref(_default$2), mergeProps(unref(attrs).assem, {
+				key: unref(props).list.length,
+				class: [unref(cs).z("elf"), unref(props).labelPosition],
+				model: unref(dataForm),
+				disabled: unref(props).disabled,
+				rules: unref(dataRules),
+				"label-width": unref(props).labelPosition == "auto" ? "" : unref(props).labelWidth,
+				"label-position": unref(props).labelPosition == "auto" ? void 0 : unref(props).labelPosition,
+				ref_key: "refForm",
+				ref: refForm,
+				onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
+			}), {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, unref(dataSlot).header),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).list, (item, index) => {
+						return withDirectives((openBlock(), createElementBlock("div", {
+							key: setKey(item, index),
+							class: normalizeClass([
+								unref(cs).z("li"),
+								unref(cs).is("div", item?.isdiv),
+								item.class
+							]),
+							style: normalizeStyle(unref(setStyles)(item))
+						}, [item?.isdiv ? (openBlock(), createBlock(unref(_default$3), {
+							key: 0,
+							listobj: item,
+							index: [index],
+							optionss: unref(props).options,
+							valueobj: unref(dataForm),
+							modelValue: unref(dataForm),
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dataForm) ? dataForm.value = $event : null),
+							onUpform
+						}, createSlots({ _: 2 }, [renderList(Object.keys(unref(slots)), (k) => {
+							return {
+								name: k,
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, k, mergeProps({ ref_for: true }, scope || {}))])
+							};
+						})]), 1032, [
+							"listobj",
+							"index",
+							"optionss",
+							"valueobj",
+							"modelValue"
+						])) : (openBlock(), createBlock(unref(_default$4), {
+							key: 1,
+							listobj: item,
+							index: [index],
+							optionss: unref(props).options,
+							valueobj: unref(dataForm),
+							modelValue: unref(dataForm),
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dataForm) ? dataForm.value = $event : null),
+							onUpform
+						}, createSlots({ _: 2 }, [renderList(Object.keys(unref(slots)), (k) => {
+							return {
+								name: k,
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, k, mergeProps({ ref_for: true }, scope || {}))])
+							};
+						})]), 1032, [
+							"listobj",
+							"index",
+							"optionss",
+							"valueobj",
+							"modelValue"
+						]))], 6)), [[vShow, !unref(useHide)(item, unref(dataForm))]]);
+					}), 128)),
+					renderSlot(_ctx.$slots, unref(dataSlot).footer),
+					unref(buts) && unref(buts).length > 0 ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass([unref(cs).z("li"), unref(cs).z("buts")]),
+						style: normalizeStyle(unref(setStyles)({}))
+					}, [createVNode(unref(_default$1), { "label-width": unref(props).butLeft }, {
+						default: withCtx(() => [createElementVNode("div", {
+							style: normalizeStyle({ height: unref(props).butHeight ?? unref(props).rowHeight }),
+							class: normalizeClass(unref(cs).z("buts-div"))
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(buts), (item, index) => {
+							return openBlock(), createElementBlock(Fragment, { key: index }, [!unref(useHide)(item, unref(dataForm)) ? (openBlock(), createBlock(unref(_default), mergeProps({
+								key: 0,
+								ref_for: true
+							}, item, {
+								disabled: item.disabled ?? unref(props).disabled,
+								onClick: withModifiers(($event) => unref(onClickButs)(item, index, $event), ["stop"])
+							}), {
+								default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+								_: 2
+							}, 1040, ["disabled", "onClick"])) : createCommentVNode("", true)], 64);
+						}), 128))], 6)]),
+						_: 1
+					}, 8, ["label-width"])], 6)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 16, [
+				"class",
+				"model",
+				"disabled",
+				"rules",
+				"label-width",
+				"label-position"
+			]))], 6)], 16);
+		};
+	}
+});
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/forms/src/setup.cjs

@@ -1,233 +1,233 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const data = require("./data.cjs");
-const config = require("../../formset/common/config.cjs");
-const util = require("./util.cjs");
-const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
-const use = require("../../common/use.cjs");
-const vue = require("vue");
-const index$1 = require("../../../hooks/compons/index.cjs");
-const index = require("../../forms-items/index.cjs");
-const Components = {
-  Items: index.FormsItems
-};
+const require_use = require("../../common/use.cjs");
+const require_index = require("../../../hooks/compons/index.cjs");
+const require_config = require("../../formset/common/config.cjs");
+const require_data = require("./data.cjs");
+const require_util = require("./util.cjs");
+const require_index$1 = require("../../forms-items/index.cjs");
+let vue = require("vue");
+let _fangzhongya_utils_css_setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+//#region packages/components/packages/formset/forms/src/setup.ts
+var Components = { Items: require_index$1.default };
+/**
+* 初始化表单相关配置与逻辑处理
+*
+* @param props 表单组件的属性对象，包含表单配置、列表项等信息
+* @param emit 事件发射器，用于触发自定义事件（如 submit、cancel 等）
+* @param cs CSS 类名管理工具返回值，用于动态设置样式类名
+* @param refForm 表单引用对象，通常指向 el-form 或其他表单实例
+* @param getLocale 国际化文本获取函数，根据 key 获取对应语言的内容
+* @returns 返回一系列供模板或其他模块使用的响应式数据和方法
+*/
 function setUp(props, emit, cs, refForm, getLocale) {
-  const buts = vue.computed(() => {
-    if (props.buts === void 0) {
-      return [
-        {
-          _id: "2",
-          label: getLocale("close")
-        },
-        {
-          _id: "1",
-          type: "primary",
-          label: getLocale("form.confirm")
-        }
-      ];
-    } else {
-      return props.buts || [];
-    }
-  });
-  index$1.useCompons(config.provides.compons, props, Components);
-  vue.provide(config.provides.form, props);
-  const defaultValue = {};
-  const getDataForm = () => {
-    if (props.modelValue) {
-      if (vue.isProxy(props.modelValue)) {
-        return vue.computed({
-          get() {
-            return props.modelValue;
-          },
-          set(value) {
-            emit("update:modelValue", value);
-          }
-        });
-      } else {
-        return vue.ref(props.modelValue);
-      }
-    } else {
-      return vue.ref(defaultValue);
-    }
-  };
-  const dataForm = getDataForm();
-  const styles = vue.computed(() => {
-    return cs.vdo({
-      "inline-right": props.inlineRight,
-      "item-bottom": props.query ? "0px" : props.itemBottom
-    });
-  });
-  function setStyles(v) {
-    const style = v.style || {};
-    let vst;
-    if (typeof style === "function") {
-      vst = style(v, dataForm.value) || {};
-    } else {
-      vst = style;
-    }
-    const obj = {};
-    const minWidth = v.minWidth ?? props.rowMinWidth;
-    const width = v.width ?? props.rowWidth;
-    if (width) {
-      obj.width = width;
-    } else if (props.column > 1) {
-      obj.width = Number((100 / props.column).toFixed(2)) + "%";
-    }
-    if (minWidth) {
-      obj.minWidth = minWidth;
-    }
-    if (v.whole) {
-      obj.display = "block";
-      obj.width = "100%";
-    }
-    return setObjStyle.setObjStyle(vst, obj);
-  }
-  const setListValue = (arr, listobj, callback) => {
-    arr == null ? void 0 : arr.forEach((obj) => {
-      if (listobj) {
-        obj.__father = obj.__father ?? listobj;
-      }
-      if (obj.children) {
-        setListValue(obj.children, obj, callback);
-      }
-      use.setFormDefaultValue(obj, dataForm.value);
-      if (callback) {
-        callback(obj);
-      }
-    });
-  };
-  function setReset() {
-    setListValue(props.list);
-  }
-  function getListValue() {
-    const value = {};
-    const data2 = dataForm.value;
-    const getValue = (arr, indexs) => {
-      arr == null ? void 0 : arr.forEach((obj, index2) => {
-        const indss = [...indexs, index2];
-        if (obj.prop) {
-          use.getListObjValue(value, obj, data2, indss);
-        }
-        if (obj.children) {
-          getValue(obj.children, indss);
-        }
-      });
-    };
-    getValue(props.list, []);
-    return value;
-  }
-  const triggerMap = {
-    blur: getLocale("form.import"),
-    change: getLocale("form.select"),
-    verif: getLocale("form.verif")
-  };
-  function getRules() {
-    const rules = {};
-    setListValue(props.list, void 0, (obj) => {
-      var _a;
-      obj.config = obj.config ?? {};
-      if (((_a = obj.config) == null ? void 0 : _a.clearable) === void 0) {
-        obj.config.clearable = true;
-      }
-      if (!obj.rule) {
-        util.setPlaceholder(obj, triggerMap);
-      }
-      if (obj.prop) {
-        const p = use.getFormRule(obj) ?? obj.prop;
-        obj.__prop = p;
-        if (obj.rules) {
-          rules[p] = obj.rules;
-        } else if (obj.rule) {
-          rules[p] = util.getRule(obj, dataForm, refForm, triggerMap);
-        } else {
-          rules[p] = [];
-        }
-      }
-    });
-    return rules;
-  }
-  const dataRules = vue.ref(getRules());
-  vue.watch([() => props.list, () => props.list.length], () => {
-    dataRules.value = getRules();
-  });
-  function validate() {
-    return new Promise((resolve, reject) => {
-      if (refForm.value) {
-        refForm.value.validate((valid) => {
-          if (valid) {
-            resolve(dataForm.value);
-          } else {
-            reject(new Error(getLocale("form.verif")));
-          }
-        });
-      } else {
-        reject(new Error(getLocale("form.verif")));
-      }
-    });
-  }
-  function submitForm(callback) {
-    validate().then((obj) => {
-      if (props.ajax) {
-        data.dataHandle(props, obj).then((list) => {
-          if (callback) {
-            callback(list, true);
-          }
-          emit("submit", list, true);
-        }).catch((error) => {
-          if (callback) {
-            callback(error, false);
-          }
-          emit("submit", error, false);
-        });
-      } else {
-        if (callback) {
-          callback(obj);
-        }
-        emit("submit", obj, true, true);
-      }
-    }).catch(() => {
-    });
-  }
-  function resetFields() {
-    var _a;
-    (_a = refForm.value) == null ? void 0 : _a.resetFields();
-    setReset();
-  }
-  function validateField(...arr) {
-    var _a;
-    (_a = refForm.value) == null ? void 0 : _a.validateField(...arr);
-  }
-  function closeForm() {
-    resetFields();
-    emit("cancel", dataForm.value);
-  }
-  function onClickButs(obj, index2, event) {
-    if (obj._id == 1) {
-      submitForm();
-    } else if (obj._id == 2) {
-      closeForm();
-    } else if (obj.click) {
-      obj.click(obj, dataForm.value, index2, event);
-    } else {
-      emit("buts", obj, dataForm.value, index2, event);
-    }
-  }
-  if (props.query) {
-    emit("submit", dataForm.value);
-  }
-  return {
-    dataRules,
-    dataForm,
-    buts,
-    styles,
-    setStyles,
-    onClickButs,
-    submitForm,
-    validateField,
-    resetFields,
-    closeForm,
-    validate,
-    getListValue
-  };
+	/**
+	* 计算按钮组配置，默认提供“关闭”和“确认”两个按钮
+	*/
+	const buts = (0, vue.computed)(() => {
+		if (props.buts === void 0) return [{
+			_id: "2",
+			label: getLocale("close")
+		}, {
+			_id: "1",
+			type: "primary",
+			label: getLocale("form.confirm")
+		}];
+		else return props.buts || [];
+	});
+	require_index.useCompons(require_config.provides.compons, props, Components);
+	(0, vue.provide)(require_config.provides.form, props);
+	const defaultValue = {};
+	/**
+	* 获取表单绑定的数据模型，支持响应式更新
+	* 若 modelValue 是代理对象则创建计算属性进行双向绑定；否则直接使用 ref 包装
+	*/
+	const getDataForm = () => {
+		if (props.modelValue) if ((0, vue.isProxy)(props.modelValue)) return (0, vue.computed)({
+			get() {
+				return props.modelValue;
+			},
+			set(value) {
+				emit("update:modelValue", value);
+			}
+		});
+		else return (0, vue.ref)(props.modelValue);
+		else return (0, vue.ref)(defaultValue);
+	};
+	const dataForm = getDataForm();
+	/**
+	* 动态计算表单容器的样式
+	*/
+	const styles = (0, vue.computed)(() => {
+		return cs.vdo({
+			"inline-right": props.inlineRight,
+			"item-bottom": props.query ? "0px" : props.itemBottom
+		});
+	});
+	/**
+	* 根据字段配置动态设置其样式规则
+	* 支持宽度、最小宽度及整行显示等功能
+	*
+	* @param v 字段配置对象
+	* @returns 处理后的样式对象
+	*/
+	function setStyles(v) {
+		const style = v.style || {};
+		let vst;
+		if (typeof style === "function") vst = style(v, dataForm.value) || {};
+		else vst = style;
+		const obj = {};
+		const minWidth = v.minWidth ?? props.rowMinWidth;
+		const width = v.width ?? props.rowWidth;
+		if (width) obj.width = width;
+		else if (props.column > 1) obj.width = Number((100 / props.column).toFixed(2)) + "%";
+		if (minWidth) obj.minWidth = minWidth;
+		if (v.whole) {
+			obj.display = "block";
+			obj.width = "100%";
+		}
+		return (0, _fangzhongya_utils_css_setObjStyle.setObjStyle)(vst, obj);
+	}
+	const setListValue = (arr, listobj, callback) => {
+		arr?.forEach((obj) => {
+			if (listobj) obj.__father = obj.__father ?? listobj;
+			if (obj.children) setListValue(obj.children, obj, callback);
+			require_use.setFormDefaultValue(obj, dataForm.value);
+			if (callback) callback(obj);
+		});
+	};
+	/**
+	* 重置表单项默认值
+	*/
+	function setReset() {
+		setListValue(props.list);
+	}
+	function getListValue() {
+		const value = {};
+		const data = dataForm.value;
+		const getValue = (arr, indexs) => {
+			arr?.forEach((obj, index) => {
+				const indss = [...indexs, index];
+				if (obj.prop) require_use.getListObjValue(value, obj, data, indss);
+				if (obj.children) getValue(obj.children, indss);
+			});
+		};
+		getValue(props.list, []);
+		return value;
+	}
+	const triggerMap = {
+		blur: getLocale("form.import"),
+		change: getLocale("form.select"),
+		verif: getLocale("form.verif")
+	};
+	/**
+	* 构建表单校验规则集合
+	* 遍历所有字段，并为其生成相应的验证规则
+	*
+	* @returns 表单字段与其校验规则组成的对象
+	*/
+	function getRules() {
+		const rules = {};
+		setListValue(props.list, void 0, (obj) => {
+			obj.config = obj.config ?? {};
+			if (obj.config?.clearable === void 0) obj.config.clearable = true;
+			if (!obj.rule) require_util.setPlaceholder(obj, triggerMap);
+			if (obj.prop) {
+				const p = require_use.getFormRule(obj) ?? obj.prop;
+				obj.__prop = p;
+				if (obj.rules) rules[p] = obj.rules;
+				else if (obj.rule) rules[p] = require_util.getRule(obj, dataForm, refForm, triggerMap);
+				else rules[p] = [];
+			}
+		});
+		return rules;
+	}
+	const dataRules = (0, vue.ref)(getRules());
+	(0, vue.watch)([() => props.list, () => props.list.length], () => {
+		dataRules.value = getRules();
+	});
+	/**
+	* 执行整体表单校验
+	*
+	* @returns Promise 对象，成功时携带当前表单数据，失败时抛出错误
+	*/
+	function validate() {
+		return new Promise((resolve, reject) => {
+			if (refForm.value) refForm.value.validate((valid) => {
+				if (valid) resolve(dataForm.value);
+				else reject(new Error(getLocale("form.verif")));
+			});
+			else reject(new Error(getLocale("form.verif")));
+		});
+	}
+	/**
+	* 提交表单操作，先执行校验再调用接口或触发事件
+	*
+	* @param callback 可选回调函数，在提交前后可做额外处理
+	*/
+	function submitForm(callback) {
+		validate().then((obj) => {
+			if (props.ajax) require_data.dataHandle(props, obj).then((list) => {
+				if (callback) callback(list, true);
+				emit("submit", list, true);
+			}).catch((error) => {
+				if (callback) callback(error, false);
+				emit("submit", error, false);
+			});
+			else {
+				if (callback) callback(obj);
+				emit("submit", obj, true, true);
+			}
+		}).catch(() => {});
+	}
+	/**
+	* 重置表单字段到初始状态
+	*/
+	function resetFields() {
+		refForm.value?.resetFields();
+		setReset();
+	}
+	/**
+	* 校验指定字段
+	*
+	* @param arr 要校验的字段名称数组
+	*/
+	function validateField(...arr) {
+		refForm.value?.validateField(...arr);
+	}
+	/**
+	* 关闭表单并重置字段
+	*/
+	function closeForm() {
+		resetFields();
+		emit("cancel", dataForm.value);
+	}
+	/**
+	* 按钮点击统一处理入口
+	*
+	* @param obj 按钮配置对象
+	* @param index 按钮在数组中的索引位置
+	* @param event 原始点击事件对象
+	*/
+	function onClickButs(obj, index, event) {
+		if (obj._id == 1) submitForm();
+		else if (obj._id == 2) closeForm();
+		else if (obj.click) obj.click(obj, dataForm.value, index, event);
+		else emit("buts", obj, dataForm.value, index, event);
+	}
+	if (props.query) emit("submit", dataForm.value);
+	return {
+		dataRules,
+		dataForm,
+		buts,
+		styles,
+		setStyles,
+		onClickButs,
+		submitForm,
+		validateField,
+		resetFields,
+		closeForm,
+		validate,
+		getListValue
+	};
 }
+//#endregion
 exports.setUp = setUp;