@veltra/desktop 1.1.36 → 1.2.1

package/dist/components/form/dynamic-form-model.js

@@ -1,184 +0,0 @@
-import { isReactive, reactive, shallowReactive, watch } from "vue";
-import { Validator } from "@veltra/utils";
-import { o } from "@cat-kit/core";
-//#region src/components/form/dynamic-form-model.ts
-function flattenFields(fields, prefix = "") {
-	const result = {};
-	for (const key in fields) {
-		const item = fields[key];
-		const fullPath = prefix ? `${prefix}.${key}` : key;
-		if (item && typeof item === "object" && "__isNested" in item && item.__isNested) Object.assign(result, flattenFields(item.fields, fullPath));
-		else result[fullPath] = item;
-	}
-	return result;
-}
-/**
-* 动态表单模型
-*/
-var DynamicFormModel = class {
-	/** 表单数据 */
-	_data = reactive({});
-	set data(v) {
-		if (!isReactive(v)) {
-			console.error(`data不是一个响应式对象`);
-			return;
-		}
-		this._data = v;
-		this.watchData();
-	}
-	get data() {
-		return this._data;
-	}
-	/** 表单规则 */
-	fields = shallowReactive({});
-	flatFields;
-	validator;
-	/**
-	* 不同表单对应的key
-	*/
-	formKeys = /* @__PURE__ */ new Map();
-	errors = shallowReactive(/* @__PURE__ */ new Map());
-	/**
-	* 是否在表单值更新时校验
-	*/
-	validateOnFieldChange = true;
-	modelChangeCallback = /* @__PURE__ */ new Set();
-	_allKeys = [];
-	/** 所有的键 */
-	get allKeys() {
-		return this._allKeys;
-	}
-	updateFlatFields() {
-		for (const key in this.flatFields) delete this.flatFields[key];
-		const flatted = flattenFields(this.fields);
-		Object.assign(this.flatFields, flatted);
-		this.getAllKeys();
-	}
-	getAllKeys() {
-		this._allKeys = Object.keys(this.flatFields);
-	}
-	/** 初始数据 */
-	initialData = {};
-	/**
-	* 变更前的值
-	*/
-	oldData = {};
-	constructor(fields) {
-		this.flatFields = shallowReactive({});
-		this.validator = new Validator(this.flatFields);
-		this.append(fields ?? {});
-		this.watchData();
-	}
-	watchData() {
-		const { oldData } = this;
-		watch(this.data, (data) => {
-			let changedKeys = [];
-			this.allKeys.forEach((key) => {
-				const oldVal = o(oldData).get(key);
-				const newVal = o(data).get(key);
-				if (oldVal !== newVal) {
-					this.modelChangeCallback.forEach((cb) => cb(key, newVal));
-					changedKeys.push(key);
-					o(oldData).set(key, newVal);
-				}
-			});
-			if (this.validateOnFieldChange) this.validate(changedKeys);
-			else this.validateOnFieldChange = true;
-		});
-	}
-	append(fields) {
-		for (const key in fields) this.add(key, fields[key]);
-	}
-	/**
-	* 添加字段
-	* @param field 字段
-	* @param item 字段配置项
-	*/
-	add(field, item) {
-		this.fields[field] = item;
-		const flatItem = flattenFields({ [field]: item });
-		for (const key in flatItem) {
-			const { value } = flatItem[key];
-			const v = typeof value === "function" ? value() : value;
-			if (v !== void 0) o(this.initialData).set(key, JSON.parse(JSON.stringify(v)));
-			o(this.data).set(key, v);
-			o(this.oldData).set(key, v);
-		}
-		this.updateFlatFields();
-	}
-	/**
-	* 移除字段
-	* @param field 字段
-	*/
-	delete(field) {
-		delete this.fields[field];
-		this.updateFlatFields();
-	}
-	/**
-	* 监听值变更
-	* @param cb 回调
-	*/
-	onChange(cb) {
-		this.modelChangeCallback.add(cb);
-	}
-	offChange(cb) {
-		this.modelChangeCallback.delete(cb);
-	}
-	async validate(fields) {
-		const { errors, validator, data } = this;
-		const results = await validator.validate(data, this.getValidateFields(fields));
-		if (!fields) {
-			errors.clear();
-			for (const field in results) errors.set(field, results[field]);
-		} else ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {
-			const errs = results[field];
-			if (errs?.length) errors.set(field, errs);
-			else errors.delete(field);
-		});
-		return errors.size === 0;
-	}
-	getValidateFields(fields) {
-		if (!fields) if (this.formKeys.size) {
-			let _fields = [];
-			this.formKeys.forEach((fields) => {
-				_fields = _fields.concat(fields);
-			});
-			return _fields;
-		} else return this.allKeys;
-		if (!Array.isArray(fields)) return [fields];
-		return fields;
-	}
-	/**
-	* 重置数据
-	* @param fields 需要重置的字段
-	*/
-	resetData(keys) {
-		if (typeof keys === "string") keys = [keys];
-		else if (Array.isArray(keys)) {} else keys = this.allKeys;
-		this.clearValidate();
-		this.validateOnFieldChange = false;
-		keys.forEach((field) => {
-			o(this.data).set(field, o(this.initialData).get(field));
-		});
-	}
-	/**
-	* 设置值
-	* @param formData 表单值
-	* @param options 配置
-	*/
-	setData(formData, config) {
-		const { validate = true } = config || {};
-		if (!validate) this.validateOnFieldChange = false;
-		this.allKeys.forEach((key) => {
-			const value = o(formData).get(key);
-			if (value !== void 0) o(this.data).set(key, value);
-		});
-	}
-	clearValidate() {
-		this.errors.clear();
-	}
-};
-//#endregion
-export { DynamicFormModel };
-
-//# sourceMappingURL=dynamic-form-model.js.map

package/dist/components/form/dynamic-form-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-form-model.js","names":[],"sources":["../../../src/components/form/dynamic-form-model.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { Validator } from '@veltra/utils'\nimport { isReactive, reactive, shallowReactive, watch } from 'vue'\n\nimport type { FormModelField, FormModelItem, DataSettingConfig } from '../../types'\n\nfunction flattenFields(fields: Record<string, any>, prefix = ''): Record<string, FormModelItem> {\n  const result: Record<string, FormModelItem> = {}\n  for (const key in fields) {\n    const item = fields[key]\n    const fullPath = prefix ? `${prefix}.${key}` : key\n    if (item && typeof item === 'object' && '__isNested' in item && item.__isNested) {\n      Object.assign(result, flattenFields((item as any).fields, fullPath))\n    } else {\n      result[fullPath] = item\n    }\n  }\n  return result\n}\n\n/**\n * 动态表单模型\n */\nexport class DynamicFormModel {\n  /** 表单数据 */\n  private _data: Record<string, any> = reactive({})\n\n  set data(v: Record<string, any>) {\n    if (!isReactive(v)) {\n      console.error(`data不是一个响应式对象`)\n      return\n    }\n    this._data = v\n    this.watchData()\n  }\n\n  get data() {\n    return this._data\n  }\n\n  /** 表单规则 */\n  readonly fields: Record<string, FormModelField> = shallowReactive(\n    {} as Record<string, FormModelField>\n  )\n\n  private flatFields: Record<string, FormModelItem>\n\n  private validator: Validator\n\n  /**\n   * 不同表单对应的key\n   */\n  formKeys: Map<number, string[]> = new Map()\n\n  readonly errors: Map<string, string[] | undefined> = shallowReactive(new Map())\n\n  /**\n   * 是否在表单值更新时校验\n   */\n  private validateOnFieldChange = true\n\n  private modelChangeCallback: Set<(fields: string, val: any) => void> = new Set()\n\n  private _allKeys: string[] = []\n\n  /** 所有的键 */\n  get allKeys(): string[] {\n    return this._allKeys\n  }\n\n  private updateFlatFields(): void {\n    for (const key in this.flatFields) {\n      delete this.flatFields[key]\n    }\n    const flatted = flattenFields(this.fields)\n    Object.assign(this.flatFields, flatted)\n    this.getAllKeys()\n  }\n\n  private getAllKeys(): void {\n    this._allKeys = Object.keys(this.flatFields)\n  }\n\n  /** 初始数据 */\n  readonly initialData: Record<string, any> = {}\n\n  /**\n   * 变更前的值\n   */\n  private readonly oldData: Record<string, any> = {}\n\n  constructor(fields?: Record<string, FormModelField>) {\n    this.flatFields = shallowReactive({} as Record<string, FormModelItem>)\n    this.validator = new Validator(this.flatFields)\n    this.append(fields ?? {})\n    this.watchData()\n  }\n\n  private watchData(): void {\n    const { oldData } = this\n    watch(this.data, (data) => {\n      let changedKeys: string[] = []\n\n      this.allKeys.forEach((key) => {\n        const oldVal = o(oldData).get(key)\n        const newVal = o(data).get(key)\n        if (oldVal !== newVal) {\n          this.modelChangeCallback.forEach((cb) => cb(key, newVal))\n          changedKeys.push(key)\n          o(oldData).set(key, newVal)\n        }\n      })\n\n      if (this.validateOnFieldChange) {\n        this.validate(changedKeys)\n      } else {\n        this.validateOnFieldChange = true\n      }\n    })\n  }\n\n  append(fields: Record<string, FormModelField>): void {\n    for (const key in fields) {\n      this.add(key, fields[key]!)\n    }\n  }\n\n  /**\n   * 添加字段\n   * @param field 字段\n   * @param item 字段配置项\n   */\n  add(field: string, item: FormModelField): void {\n    this.fields[field] = item\n    const flatItem = flattenFields({ [field]: item })\n    for (const key in flatItem) {\n      const fieldItem = flatItem[key]!\n      const { value } = fieldItem\n      const v = typeof value === 'function' ? value() : value\n      if (v !== undefined) {\n        o(this.initialData).set(key, JSON.parse(JSON.stringify(v)))\n      }\n      o(this.data).set(key, v)\n      o(this.oldData).set(key, v)\n    }\n    this.updateFlatFields()\n  }\n\n  /**\n   * 移除字段\n   * @param field 字段\n   */\n  delete(field: string): void {\n    delete this.fields[field]\n    this.updateFlatFields()\n  }\n\n  /**\n   * 监听值变更\n   * @param cb 回调\n   */\n  onChange(cb: (field: string, val: any) => void): void {\n    this.modelChangeCallback.add(cb)\n  }\n\n  offChange(cb: (field: string, val: any) => void): void {\n    this.modelChangeCallback.delete(cb)\n  }\n\n  async validate(fields?: string | string[]): Promise<boolean> {\n    const { errors, validator, data } = this\n\n    const results = await validator.validate(data, this.getValidateFields(fields))\n\n    // 设置错误提示\n    if (!fields) {\n      errors.clear()\n      for (const field in results) {\n        errors.set(field, results[field])\n      }\n    } else {\n      ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {\n        const errs = results[field]\n        if (errs?.length) {\n          errors.set(field, errs)\n        } else {\n          errors.delete(field)\n        }\n      })\n    }\n\n    return errors.size === 0\n  }\n\n  private getValidateFields(fields?: string | string[]) {\n    if (!fields) {\n      if (this.formKeys.size) {\n        let _fields: string[] = []\n        this.formKeys.forEach((fields) => {\n          _fields = _fields.concat(fields)\n        })\n        return _fields\n      } else {\n        return this.allKeys\n      }\n    }\n\n    if (!Array.isArray(fields)) {\n      return [fields]\n    }\n    return fields\n  }\n\n  /**\n   * 重置数据\n   * @param fields 需要重置的字段\n   */\n  resetData(keys?: string | string[]): void {\n    if (typeof keys === 'string') {\n      keys = [keys]\n    } else if (Array.isArray(keys)) {\n    } else {\n      keys = this.allKeys\n    }\n\n    this.clearValidate()\n\n    this.validateOnFieldChange = false\n\n    keys.forEach((field) => {\n      o(this.data).set(field as string, o(this.initialData).get(field as string))\n    })\n  }\n\n  /**\n   * 设置值\n   * @param formData 表单值\n   * @param options 配置\n   */\n  setData(formData: Record<string, any>, config?: DataSettingConfig): void {\n    const { validate = true } = config || {}\n\n    if (!validate) {\n      this.validateOnFieldChange = false\n    }\n\n    this.allKeys.forEach((key) => {\n      const value = o(formData).get(key)\n      if (value !== undefined) {\n        o(this.data).set(key, value)\n      }\n    })\n  }\n\n  clearValidate(): void {\n    this.errors.clear()\n  }\n}\n"],"mappings":"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"}

package/dist/components/form/form-model.d.ts

@@ -1,73 +0,0 @@
-import { DataSettingConfig, FormModelField, IFormModel, ModelData } from "../../types/form.js";
-import { Reactive } from "vue";
-
-//#region src/components/form/form-model.d.ts
-/**
- * 表单模型
- */
-declare class FormModel<Fields extends Record<string, FormModelField> = Record<string, FormModelField>> implements IFormModel<Fields> {
-  /** 表单数据 */
-  data: ModelData<Fields>;
-  /** 表单规则 */
-  readonly fields: Fields;
-  /** 所有的键 */
-  readonly allKeys: string[];
-  /**
-   * 不同表单所需要校验的字段
-   * @description
-   * 这个值会在表单组件渲染时由表单设置，因为只有真正渲染的组件才应该被校验
-   */
-  formKeys: Map<number, string[]>;
-  /** 初始数据 */
-  readonly initialData: ModelData<Fields>;
-  readonly errors: Map<string, string[] | undefined>;
-  private validator;
-  /**
-   * 是否在表单值更新时校验
-   */
-  private validateOnFieldChange;
-  private modelChangeCallback;
-  constructor(fields: Fields);
-  /**
-   * 设置响应式值, 替换掉原有的数据
-   * @description 设置响应式值时，会自动监听值的变化，并进行校验
-   * @param proxyData 响应式的值
-   */
-  setProxyData(proxyData: ModelData<Fields> | Reactive<ModelData<Fields>>): void;
-  private getValidateFields;
-  /**
-   * 模型校验
-   * @param fields 需要校验的字段, 不传则校验所有字段
-   * @returns
-   */
-  validate(fields?: string | string[]): Promise<boolean>;
-  /**
-   * 重置数据
-   * @param fields 需要重置的字段
-   */
-  resetData(keys?: string | string[]): void;
-  /**
-   * 设置值
-   * @param formData 表单值
-   * @param options 配置
-   */
-  setData(formData: Partial<Record<string, any>>, config?: DataSettingConfig): FormModel<Fields>;
-  /**
-   * 设置初始值
-   * @description 初始值在重置数据和查看原始数据时会用到
-   * @param data 初始值
-   */
-  setInitialData(data: Partial<ModelData<Fields>>): FormModel<Fields>;
-  /** 清除校验 */
-  clearValidate(): void;
-  /**
-   * 监听值变更
-   * @param cb 回调
-   */
-  onChange(cb: (field: string, val: any) => void): void;
-  /** 关闭监听值变更 */
-  offChange(cb: (field: string, val: any) => void): void;
-}
-//#endregion
-export { FormModel };
-//# sourceMappingURL=form-model.d.ts.map

package/dist/components/form/form-model.js

@@ -1,179 +0,0 @@
-import { nextTick, reactive, shallowReactive, watch } from "vue";
-import { Validator, middleProxy } from "@veltra/utils";
-import { o } from "@cat-kit/core";
-//#region src/components/form/form-model.ts
-/**
-* 递归展平字段逻辑
-*/
-function flattenFields(fields, prefix = "") {
-	const result = {};
-	for (const key in fields) {
-		const item = fields[key];
-		const fullPath = prefix ? `${prefix}.${key}` : key;
-		if (item && typeof item === "object" && "__isNested" in item && item.__isNested) Object.assign(result, flattenFields(item.fields, fullPath));
-		else result[fullPath] = item;
-	}
-	return result;
-}
-/**
-* 表单模型
-*/
-var FormModel = class {
-	/** 表单数据 */
-	data;
-	/** 表单规则 */
-	fields;
-	/** 所有的键 */
-	allKeys;
-	/**
-	* 不同表单所需要校验的字段
-	* @description
-	* 这个值会在表单组件渲染时由表单设置，因为只有真正渲染的组件才应该被校验
-	*/
-	formKeys = /* @__PURE__ */ new Map();
-	/** 初始数据 */
-	initialData;
-	errors = shallowReactive(/* @__PURE__ */ new Map());
-	validator;
-	/**
-	* 是否在表单值更新时校验
-	*/
-	validateOnFieldChange = true;
-	modelChangeCallback = /* @__PURE__ */ new Set();
-	constructor(fields) {
-		this.fields = fields;
-		const flatFields = flattenFields(fields);
-		const rawData = {};
-		const allKeys = [];
-		for (const key in flatFields) {
-			const fieldItem = flatFields[key];
-			allKeys.push(key);
-			const { value } = fieldItem;
-			let v = value;
-			if (typeof value === "function") {
-				watch(value, (v) => {
-					o(this.initialData).set(key, v);
-				});
-				v = value();
-			}
-			o(rawData).set(key, v);
-		}
-		this.allKeys = allKeys;
-		this.initialData = JSON.parse(JSON.stringify(rawData));
-		this.setProxyData(reactive(rawData));
-		this.validator = new Validator(flatFields);
-		return shallowReactive(this);
-	}
-	/**
-	* 设置响应式值, 替换掉原有的数据
-	* @description 设置响应式值时，会自动监听值的变化，并进行校验
-	* @param proxyData 响应式的值
-	*/
-	setProxyData(proxyData) {
-		const data = middleProxy(proxyData, {
-			set: (field, val) => {
-				this.modelChangeCallback.forEach((cb) => cb(field, val));
-			},
-			changed: (fields) => {
-				if (!this.validateOnFieldChange) {
-					this.validateOnFieldChange = true;
-					return;
-				}
-				this.validate(fields);
-			}
-		});
-		this.data = data;
-	}
-	getValidateFields(fields) {
-		if (!fields) if (this.formKeys.size) {
-			let _fields = [];
-			this.formKeys.forEach((keys) => {
-				_fields = _fields.concat(keys);
-			});
-			return _fields;
-		} else return this.allKeys;
-		if (!Array.isArray(fields)) return [fields];
-		return fields;
-	}
-	/**
-	* 模型校验
-	* @param fields 需要校验的字段, 不传则校验所有字段
-	* @returns
-	*/
-	async validate(fields) {
-		const { errors, validator, data } = this;
-		const results = await validator.validate(data, this.getValidateFields(fields));
-		if (!fields) {
-			errors.clear();
-			for (const field in results) errors.set(field, results[field]);
-		} else ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {
-			const errs = results[field];
-			if (errs?.length) errors.set(field, errs);
-			else errors.delete(field);
-		});
-		if (errors.size > 0) {
-			if (!fields) nextTick(() => {
-				document.querySelector(".u-form-item.is-error")?.scrollIntoView({ block: "nearest" });
-			});
-			return Promise.reject(false);
-		}
-		return true;
-	}
-	/**
-	* 重置数据
-	* @param fields 需要重置的字段
-	*/
-	resetData(keys) {
-		if (typeof keys === "string") keys = [keys];
-		else if (Array.isArray(keys)) {} else keys = this.allKeys;
-		this.clearValidate();
-		this.validateOnFieldChange = false;
-		keys.forEach((field) => {
-			o(this.data).set(field, o(this.initialData).get(field));
-		});
-	}
-	/**
-	* 设置值
-	* @param formData 表单值
-	* @param options 配置
-	*/
-	setData(formData, config) {
-		const { validate = true } = config || {};
-		if (!validate) this.validateOnFieldChange = false;
-		this.allKeys.forEach((key) => {
-			const value = o(formData).get(key);
-			if (value !== void 0) o(this.data).set(key, value);
-		});
-		return this;
-	}
-	/**
-	* 设置初始值
-	* @description 初始值在重置数据和查看原始数据时会用到
-	* @param data 初始值
-	*/
-	setInitialData(data) {
-		this.allKeys.forEach((key) => {
-			o(this.initialData).set(key, o(data).get(key));
-		});
-		return this;
-	}
-	/** 清除校验 */
-	clearValidate() {
-		this.errors.clear();
-	}
-	/**
-	* 监听值变更
-	* @param cb 回调
-	*/
-	onChange(cb) {
-		this.modelChangeCallback.add(cb);
-	}
-	/** 关闭监听值变更 */
-	offChange(cb) {
-		this.modelChangeCallback.delete(cb);
-	}
-};
-//#endregion
-export { FormModel };
-
-//# sourceMappingURL=form-model.js.map

package/dist/components/form/form-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-model.js","names":[],"sources":["../../../src/components/form/form-model.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { middleProxy, Validator } from '@veltra/utils'\nimport { nextTick, reactive, shallowReactive, watch, type Reactive } from 'vue'\n\nimport type {\n  ModelData,\n  DataSettingConfig,\n  IFormModel,\n  FormModelItem,\n  FormModelField\n} from '../../types'\n\n/**\n * 递归展平字段逻辑\n */\nfunction flattenFields(fields: Record<string, any>, prefix = ''): Record<string, FormModelItem> {\n  const result: Record<string, FormModelItem> = {}\n  for (const key in fields) {\n    const item = fields[key]\n    const fullPath = prefix ? `${prefix}.${key}` : key\n    if (item && typeof item === 'object' && '__isNested' in item && item.__isNested) {\n      Object.assign(result, flattenFields((item as any).fields, fullPath))\n    } else {\n      result[fullPath] = item\n    }\n  }\n  return result\n}\n\n/**\n * 表单模型\n */\nexport class FormModel<\n  Fields extends Record<string, FormModelField> = Record<string, FormModelField>\n> implements IFormModel<Fields> {\n  /** 表单数据 */\n  data!: ModelData<Fields>\n\n  /** 表单规则 */\n  readonly fields: Fields\n\n  /** 所有的键 */\n  readonly allKeys: string[]\n\n  /**\n   * 不同表单所需要校验的字段\n   * @description\n   * 这个值会在表单组件渲染时由表单设置，因为只有真正渲染的组件才应该被校验\n   */\n  formKeys: Map<number, string[]> = new Map()\n\n  /** 初始数据 */\n  readonly initialData: ModelData<Fields>\n\n  readonly errors: Map<string, string[] | undefined> = shallowReactive(new Map())\n\n  private validator: Validator<Record<string, FormModelItem>>\n\n  /**\n   * 是否在表单值更新时校验\n   */\n  private validateOnFieldChange = true\n\n  private modelChangeCallback: Set<(fields: string, val: any) => void> = new Set()\n\n  constructor(fields: Fields) {\n    this.fields = fields\n    const flatFields = flattenFields(fields)\n    const rawData = {} as ModelData<Fields>\n    const allKeys: string[] = []\n\n    for (const key in flatFields) {\n      const fieldItem = flatFields[key]!\n      allKeys.push(key)\n      const { value } = fieldItem\n      let v = value\n\n      if (typeof value === 'function') {\n        watch(value, (v) => {\n          o(this.initialData).set(key, v)\n        })\n        v = value()\n      }\n\n      o(rawData).set(key, v)\n    }\n\n    this.allKeys = allKeys\n    this.initialData = JSON.parse(JSON.stringify(rawData))\n\n    this.setProxyData(reactive(rawData))\n\n    this.validator = new Validator(flatFields)\n\n    return shallowReactive(this)\n  }\n\n  /**\n   * 设置响应式值, 替换掉原有的数据\n   * @description 设置响应式值时，会自动监听值的变化，并进行校验\n   * @param proxyData 响应式的值\n   */\n  setProxyData(proxyData: ModelData<Fields> | Reactive<ModelData<Fields>>): void {\n    const data = middleProxy(proxyData, {\n      set: (field, val) => {\n        this.modelChangeCallback.forEach((cb) => cb(field, val))\n      },\n\n      changed: (fields) => {\n        if (!this.validateOnFieldChange) {\n          this.validateOnFieldChange = true\n          return\n        }\n        this.validate(fields as any)\n      }\n    })\n\n    this.data = data as ModelData<Fields>\n  }\n\n  private getValidateFields(fields?: string | string[]) {\n    if (!fields) {\n      if (this.formKeys.size) {\n        let _fields: string[] = []\n        this.formKeys.forEach((keys) => {\n          _fields = _fields.concat(keys)\n        })\n        return _fields\n      } else {\n        return this.allKeys\n      }\n    }\n\n    if (!Array.isArray(fields)) {\n      return [fields]\n    }\n    return fields\n  }\n\n  /**\n   * 模型校验\n   * @param fields 需要校验的字段, 不传则校验所有字段\n   * @returns\n   */\n  async validate(fields?: string | string[]): Promise<boolean> {\n    const { errors, validator, data } = this\n\n    const results = await validator.validate(data, this.getValidateFields(fields))\n\n    // 全量校验\n    if (!fields) {\n      errors.clear()\n\n      for (const field in results) {\n        errors.set(field as any, results[field])\n      }\n    }\n    // 局部校验\n    else {\n      ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {\n        const errs = results[field as string]\n        if (errs?.length) {\n          errors.set(field, errs)\n        } else {\n          errors.delete(field)\n        }\n      })\n    }\n\n    if (errors.size > 0) {\n      if (!fields) {\n        nextTick(() => {\n          document.querySelector('.u-form-item.is-error')?.scrollIntoView({ block: 'nearest' })\n        })\n      }\n      return Promise.reject(false)\n    }\n\n    return true\n  }\n\n  /**\n   * 重置数据\n   * @param fields 需要重置的字段\n   */\n  resetData(keys?: string | string[]): void {\n    if (typeof keys === 'string') {\n      keys = [keys]\n    } else if (Array.isArray(keys)) {\n    } else {\n      keys = this.allKeys\n    }\n\n    this.clearValidate()\n\n    this.validateOnFieldChange = false\n\n    keys.forEach((field) => {\n      o(this.data).set(field as string, o(this.initialData).get(field as string))\n    })\n  }\n\n  /**\n   * 设置值\n   * @param formData 表单值\n   * @param options 配置\n   */\n  setData(formData: Partial<Record<string, any>>, config?: DataSettingConfig): FormModel<Fields> {\n    const { validate = true } = config || {}\n\n    if (!validate) {\n      this.validateOnFieldChange = false\n    }\n\n    this.allKeys.forEach((key) => {\n      const value = o(formData).get(key)\n      if (value !== undefined) {\n        o(this.data).set(key, value)\n      }\n    })\n\n    return this\n  }\n\n  /**\n   * 设置初始值\n   * @description 初始值在重置数据和查看原始数据时会用到\n   * @param data 初始值\n   */\n  setInitialData(data: Partial<ModelData<Fields>>): FormModel<Fields> {\n    this.allKeys.forEach((key) => {\n      o(this.initialData).set(key, o(data).get(key))\n    })\n\n    return this\n  }\n\n  /** 清除校验 */\n  clearValidate(): void {\n    this.errors.clear()\n  }\n\n  /**\n   * 监听值变更\n   * @param cb 回调\n   */\n  onChange(cb: (field: string, val: any) => void): void {\n    this.modelChangeCallback.add(cb)\n  }\n\n  /** 关闭监听值变更 */\n  offChange(cb: (field: string, val: any) => void): void {\n    this.modelChangeCallback.delete(cb)\n  }\n}\n"],"mappings":"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"}

package/dist/components/form/helper.d.ts

@@ -1,16 +0,0 @@
-import { FormModelItem } from "../../types/form.js";
-//#region src/components/form/helper.d.ts
-/**
- * 定义表单项
- * @param item 表单项
- * @returns
- */
-declare function formField<Val = unknown>(item?: FormModelItem<Val>): FormModelItem<Val>;
-interface NestedFieldMarker<T extends Record<string, any> = Record<string, any>> {
-  __isNested: true;
-  fields: T;
-}
-declare function nestField<T extends Record<string, any>>(fields: T): NestedFieldMarker<T>;
-//#endregion
-export { NestedFieldMarker, formField, nestField };
-//# sourceMappingURL=helper.d.ts.map

package/dist/components/form/helper.js

@@ -1,20 +0,0 @@
-//#region src/components/form/helper.ts
-/**
-* 定义表单项
-* @param item 表单项
-* @returns
-*/
-function formField(item) {
-	if (!item) return {};
-	return item;
-}
-function nestField(fields) {
-	return {
-		__isNested: true,
-		fields
-	};
-}
-//#endregion
-export { formField, nestField };
-
-//# sourceMappingURL=helper.js.map

package/dist/components/form/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/form/helper.ts"],"sourcesContent":["import type { FormModelItem } from '../../types'\n\n/**\n * 定义表单项\n * @param item 表单项\n * @returns\n */\nexport function formField<Val = unknown>(item?: FormModelItem<Val>): FormModelItem<Val> {\n  if (!item) {\n    return {}\n  }\n\n  return item\n}\n\nexport interface NestedFieldMarker<T extends Record<string, any> = Record<string, any>> {\n  __isNested: true\n  fields: T\n}\n\nexport function nestField<T extends Record<string, any>>(fields: T): NestedFieldMarker<T> {\n  return { __isNested: true, fields }\n}\n"],"mappings":";;;;;;AAOA,SAAgB,UAAyB,MAA+C;CACtF,IAAI,CAAC,MACH,OAAO,CAAC;CAGV,OAAO;AACT;AAOA,SAAgB,UAAyC,QAAiC;CACxF,OAAO;EAAE,YAAY;EAAM;CAAO;AACpC"}