@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.13

package/es/modules/gct-form/controller/gct-form/gct-form.controller.mjs

@@ -1,224 +1,201 @@
-import { reactive } from 'vue';
-import { FormState } from '../../state/form/form.state.mjs';
-import { QXEvent } from 'qx-util';
-
-class GctFormController {
-  constructor(model) {
-    this.model = model;
-    this.init();
-  }
-  evt = new QXEvent();
-  state = reactive(new FormState());
-  item = {};
-  provider = {};
-  context = {};
-  params = {};
-  /**
-   * 所有属性的项标识，由 item 和 hidden 类型的表单项的 name 组成
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 20:04:20
-   * @protected
-   * @type {string[]}
-   */
-  fields = [];
-  /**
-   * 所有[item、hidden]表单项的映射，key 为表单项的 name
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 20:04:39
-   * @protected
-   * @type {(Record<string, IFormItem | IFormHiddenItem>)}
-   */
-  modelMap = {};
-  /**
-   * 表单初始化
-   *
-   * @author zhanghanrui
-   * @date 2024-04-01 13:04:27
-   * @protected
-   */
-  init() {
-    if (this.model.children) {
-      this.initFormItems(this.model.children);
-    }
-    this.initEvent();
-    this.calcState();
-  }
-  /**
-   * 初始化表单事件订阅相关
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 14:04:31
-   * @protected
-   */
-  initEvent() {
-  }
-  /**
-   * 计算表单状态，数据变更或加载数据后调用
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 21:04:15
-   * @protected
-   */
-  calcState() {
-  }
-  /**
-   * 初始化表单项控制器
-   *
-   * @author zhanghanrui
-   * @date 2024-04-01 13:04:38
-   * @protected
-   * @param {IFormItemBasic[]} models
-   */
-  initFormItems(models) {
-    models.forEach((model) => {
-      let provider = null;
-      if (model.type === "item" || model.type === "hidden") {
-        this.fields.push(model.name);
-        this.modelMap[model.name] = model;
-      }
-      if (model.type === "item") {
-        provider = _gct.register.formItem.create(
-          `${model.type}___${model.editor.type}___${model.name}`
-        );
-        if (!provider) {
-          provider = _gct.register.formItem.create(
-            `${model.type}___${model.editor.type}`
-          );
-        }
-      }
-      if (!provider) {
-        provider = _gct.register.formItem.create(model.type);
-      }
-      if (!provider) {
-        console.error(`未找到表单项提供者：${model.type}`, model);
-        return;
-      }
-      this.provider[model.name] = provider;
-      if (model.type === "item") {
-        const item = model;
-        this.item[item.name] = provider.createController(this, item);
-      } else if (model.type === "hidden") {
-        const hidden = model;
-        this.item[hidden.name] = provider.createController(this, hidden);
-      } else if (model.type === "container" || model.isContainer || model.container) {
-        const container = model;
-        this.item[model.name] = provider.createController(this, container);
-        if (container.children) {
-          this.initFormItems(container.children);
-        }
-      }
-    });
-  }
-  /**
-   * 计算表单项隐藏
-   *
-   * @author zhanghanrui
-   * @date 2024-08-01 11:08:23
-   * @protected
-   */
-  calcHidden() {
-    const keys = Object.keys(this.item);
-    keys.forEach((key) => {
-      const c = this.item[key];
-      if (c.model.hidden) {
-        const bol = c.model.hidden(this, c, this.state.data);
-        if (bol != null) {
-          c.state.visible = !bol;
-        }
-      }
-    });
-  }
-  /**
-   * 获取当前表单数据
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 20:04:16
-   * @return {*}  {IData}
-   */
-  getData() {
-    const data = {};
-    this.fields.forEach((field) => {
-      const c = this.item[field];
-      if (c && (c.state.visible === true || c.model.type === "hidden" || field.indexOf(".") !== -1)) {
-        setValue(c.value, c.key, data);
-      }
-    });
-    return data;
-  }
-  /**
-   * 重置表单数据
-   *
-   * @author zhanghanrui
-   * @date 2024-04-02 20:04:11
-   */
-  resetData() {
-    this.fields.forEach((key) => {
-      const c = this.item[key];
-      if (c) {
-        c.reset();
-      }
-    });
-  }
-  async load() {
-    try {
-      if (!this.model.loadRequest) {
-        return {};
-      }
-      this.state.loading = true;
-      const data = await this.model.loadRequest({ id: this.context.id });
-      this.fields.forEach((key) => {
-        const c = this.item[key];
-        if (c) {
-          c.value = data[c.key];
-        }
-        c.defaultValue();
-      });
-      this.state.loaded = true;
-      return data;
-    } finally {
-      this.state.loading = false;
-    }
-  }
-  destroy() {
-    this.state.destroyed = true;
-    this.evt.reset();
-    this.fields.forEach((key) => {
-      const c = this.item[key];
-      if (c) {
-        c.destroy();
-      }
-    });
-  }
-  validate() {
-    return Promise.resolve(true);
-  }
-  validateItem(_key) {
-    return Promise.resolve(true);
-  }
-  loaded() {
-    this.calcHidden();
-    this.fields.forEach((key) => {
-      const c = this.item[key];
-      c.defaultValue();
-    });
-    this.calcState();
-  }
-  mounted() {
-  }
-}
+import { FormState } from "../../state/form/form.state.mjs";
+import { reactive } from "vue";
+import { QXEvent } from "qx-util";
+//#region src/modules/gct-form/controller/gct-form/gct-form.controller.ts
+/**
+* 表单控制器
+*
+* @author zhanghanrui
+* @date 2024-04-02 20:04:14
+* @export
+* @class GctFormController
+* @implements {IFormController}
+*/
+var GctFormController = class {
+	evt = new QXEvent();
+	state = reactive(new FormState());
+	item = {};
+	provider = {};
+	context = {};
+	params = {};
+	/**
+	* 所有属性的项标识，由 item 和 hidden 类型的表单项的 name 组成
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 20:04:20
+	* @protected
+	* @type {string[]}
+	*/
+	fields = [];
+	/**
+	* 所有[item、hidden]表单项的映射，key 为表单项的 name
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 20:04:39
+	* @protected
+	* @type {(Record<string, IFormItem | IFormHiddenItem>)}
+	*/
+	modelMap = {};
+	constructor(model) {
+		this.model = model;
+		this.init();
+	}
+	/**
+	* 表单初始化
+	*
+	* @author zhanghanrui
+	* @date 2024-04-01 13:04:27
+	* @protected
+	*/
+	init() {
+		if (this.model.children) this.initFormItems(this.model.children);
+		this.initEvent();
+		this.calcState();
+	}
+	/**
+	* 初始化表单事件订阅相关
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 14:04:31
+	* @protected
+	*/
+	initEvent() {}
+	/**
+	* 计算表单状态，数据变更或加载数据后调用
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 21:04:15
+	* @protected
+	*/
+	calcState() {}
+	/**
+	* 初始化表单项控制器
+	*
+	* @author zhanghanrui
+	* @date 2024-04-01 13:04:38
+	* @protected
+	* @param {IFormItemBasic[]} models
+	*/
+	initFormItems(models) {
+		models.forEach((model) => {
+			let provider = null;
+			if (model.type === "item" || model.type === "hidden") {
+				this.fields.push(model.name);
+				this.modelMap[model.name] = model;
+			}
+			if (model.type === "item") {
+				provider = _gct.register.formItem.create(`${model.type}___${model.editor.type}___${model.name}`);
+				if (!provider) provider = _gct.register.formItem.create(`${model.type}___${model.editor.type}`);
+			}
+			if (!provider) provider = _gct.register.formItem.create(model.type);
+			if (!provider) {
+				console.error(`未找到表单项提供者：${model.type}`, model);
+				return;
+			}
+			this.provider[model.name] = provider;
+			if (model.type === "item") {
+				const item = model;
+				this.item[item.name] = provider.createController(this, item);
+			} else if (model.type === "hidden") {
+				const hidden = model;
+				this.item[hidden.name] = provider.createController(this, hidden);
+			} else if (model.type === "container" || model.isContainer || model.container) {
+				const container = model;
+				this.item[model.name] = provider.createController(this, container);
+				if (container.children) this.initFormItems(container.children);
+			}
+		});
+	}
+	/**
+	* 计算表单项隐藏
+	*
+	* @author zhanghanrui
+	* @date 2024-08-01 11:08:23
+	* @protected
+	*/
+	calcHidden() {
+		Object.keys(this.item).forEach((key) => {
+			const c = this.item[key];
+			if (c.model.hidden) {
+				const bol = c.model.hidden(this, c, this.state.data);
+				if (bol != null) c.state.visible = !bol;
+			}
+		});
+	}
+	/**
+	* 获取当前表单数据
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 20:04:16
+	* @return {*}  {IData}
+	*/
+	getData() {
+		const data = {};
+		this.fields.forEach((field) => {
+			const c = this.item[field];
+			if (c && (c.state.visible === true || c.model.type === "hidden" || field.indexOf(".") !== -1)) setValue(c.value, c.key, data);
+		});
+		return data;
+	}
+	/**
+	* 重置表单数据
+	*
+	* @author zhanghanrui
+	* @date 2024-04-02 20:04:11
+	*/
+	resetData() {
+		this.fields.forEach((key) => {
+			const c = this.item[key];
+			if (c) c.reset();
+		});
+	}
+	async load() {
+		try {
+			if (!this.model.loadRequest) return {};
+			this.state.loading = true;
+			const data = await this.model.loadRequest({ id: this.context.id });
+			this.fields.forEach((key) => {
+				const c = this.item[key];
+				if (c) c.value = data[c.key];
+				c.defaultValue();
+			});
+			this.state.loaded = true;
+			return data;
+		} finally {
+			this.state.loading = false;
+		}
+	}
+	destroy() {
+		this.state.destroyed = true;
+		this.evt.reset();
+		this.fields.forEach((key) => {
+			const c = this.item[key];
+			if (c) c.destroy();
+		});
+	}
+	validate() {
+		return Promise.resolve(true);
+	}
+	validateItem(_key) {
+		return Promise.resolve(true);
+	}
+	loaded() {
+		this.calcHidden();
+		this.fields.forEach((key) => {
+			this.item[key].defaultValue();
+		});
+		this.calcState();
+	}
+	mounted() {}
+};
 function setValue(value, name, data) {
-  const key_list = name.split(".");
-  const len = key_list.length - 1;
-  key_list.reduce((memo, cur, index) => {
-    if (index === len) {
-      memo[cur] = value;
-    } else if (!memo[cur]) {
-      memo[cur] = {};
-    }
-    return memo[cur];
-  }, data);
+	const key_list = name.split(".");
+	const len = key_list.length - 1;
+	key_list.reduce((memo, cur, index) => {
+		if (index === len) memo[cur] = value;
+		else if (!memo[cur]) memo[cur] = {};
+		return memo[cur];
+	}, data);
 }
-
+//#endregion
 export { GctFormController };

package/es/modules/gct-form/controller/index.mjs

@@ -0,0 +1,13 @@
+import "./gct-form/gct-form.controller.mjs";
+import "./edit-form/edit-form.controller.mjs";
+import "./editor-item/editor-item.controller.mjs";
+import "./form-item-basic/form-item-basic.controller.mjs";
+import "./form-collapse-pane/form-collapse-pane.controller.mjs";
+import "./form-collapse/form-collapse.controller.mjs";
+import "./form-tab/form-tab.controller.mjs";
+import "./form-tab-pane/form-tab-pane.controller.mjs";
+import "./form-group/form-group.controller.mjs";
+import "./form-edit-item/form-edit-item.controller.mjs";
+import "./form-item/form-item.controller.mjs";
+import "./form-item-hidden/form-item-hidden.controller.mjs";
+import "./form-line/form-line.controller.mjs";

package/es/modules/gct-form/editor/gct-form-action/gct-form-action.mjs

@@ -1,50 +1,45 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { useForm } from '../../hooks/use-form/use-form.mjs';
-
-const GctFormAction = /* @__PURE__ */ defineComponent({
-  name: 'GctFormAction',
-  props: {
-    c: {
-      type: Object,
-      required: true
-    },
-    data: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    size: {
-      type: String
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('gct-form-action');
-    const form = useForm();
-    function onClick(e) {
-      e.stopPropagation();
-      if (props.model.click) {
-        props.model.click(e, form, props.c, props.data);
-      }
-    }
-    return {
-      ns,
-      onClick
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("a-button"), mergeProps({
-      "class": this.ns.b(),
-      "onClick": this.onClick,
-      "size": this.size,
-      "type": "link"
-    }, this.model.props || {}), {
-      default: () => [this.model.label]
-    });
-  }
+import { useForm } from "../../hooks/use-form/use-form.mjs";
+import "../../hooks/index.mjs";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-action/gct-form-action.tsx
+var GctFormAction = /* @__PURE__ */ defineComponent({
+	name: "GctFormAction",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		data: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		size: { type: String }
+	},
+	setup(props) {
+		const ns = useNamespace("gct-form-action");
+		const form = useForm();
+		function onClick(e) {
+			e.stopPropagation();
+			if (props.model.click) props.model.click(e, form, props.c, props.data);
+		}
+		return {
+			ns,
+			onClick
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("a-button"), mergeProps({
+			"class": this.ns.b(),
+			"onClick": this.onClick,
+			"size": this.size,
+			"type": "link"
+		}, this.model.props || {}), { default: () => [this.model.label] });
+	}
 });
-
-export { GctFormAction };
+//#endregion
+export { GctFormAction as default };

package/es/modules/gct-form/editor/gct-form-action/index.mjs

@@ -1,14 +1,10 @@
-import { GctFormAction } from './gct-form-action.mjs';
-import { widthEditorInstall } from '../../utils/width-install/width-install.mjs';
-import { EditorType } from '../../constants/editor-type/editor-type.mjs';
-
-class provider {
-  component = "gct-form-action";
-}
-const GctFromAction = widthEditorInstall(
-  EditorType.ACTION,
-  () => new provider(),
-  GctFormAction
-);
-
-export { GctFromAction as default, provider };
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import GctFormAction from "./gct-form-action.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+//#region src/modules/gct-form/editor/gct-form-action/index.ts
+var provider = class {
+	component = "gct-form-action";
+};
+var gct_form_action_default = widthEditorInstall(EditorType.ACTION, () => new provider(), GctFormAction);
+//#endregion
+export { gct_form_action_default as default };