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

package/es/modules/gct-form/state/form-collapse-pane/form-collapse-pane.state.mjs

@@ -1,6 +1,15 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormCollapsePaneState extends FormItemBasicState {
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-collapse-pane/form-collapse-pane.state.ts
+/**
+* 表单折叠面板项状态
+*
+* @author lingxiaoming
+* @date 2024-07-14 02:01:12
+* @export
+* @class FormCollapsePaneState
+* @extends {FormItemBasicState}
+* @implements {IFormCollapsePaneState}
+*/
+var FormCollapsePaneState = class extends FormItemBasicState {};
+//#endregion
 export { FormCollapsePaneState };

package/es/modules/gct-form/state/form-edit-item/form-edit-item.state.mjs

@@ -1,10 +1,19 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormEditItemState extends FormItemBasicState {
-  label = "";
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  value = null;
-  options = [];
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-edit-item/form-edit-item.state.ts
+/**
+* 表单编辑项状态
+*
+* @author zhanghanrui
+* @date 2024-04-02 22:04:45
+* @export
+* @class FormEditItemState
+* @extends {FormItemBasicState}
+* @implements {IFormEditItemState}
+*/
+var FormEditItemState = class extends FormItemBasicState {
+	label = "";
+	value = null;
+	options = [];
+};
+//#endregion
 export { FormEditItemState };

package/es/modules/gct-form/state/form-group/form-group.state.mjs

@@ -1,14 +1,23 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormGroupState extends FormItemBasicState {
-  /**
-   * 是否在展开状态
-   *
-   * @author zhanghanrui
-   * @date 2024-04-01 14:04:52
-   * @type {boolean}
-   */
-  expand = true;
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-group/form-group.state.ts
+/**
+* 表单项状态
+*
+* @author zhanghanrui
+* @date 2024-04-01 11:04:11
+* @export
+* @class FormGroupState
+* @implements {IFormItemState}
+*/
+var FormGroupState = class extends FormItemBasicState {
+	/**
+	* 是否在展开状态
+	*
+	* @author zhanghanrui
+	* @date 2024-04-01 14:04:52
+	* @type {boolean}
+	*/
+	expand = true;
+};
+//#endregion
 export { FormGroupState };

package/es/modules/gct-form/state/form-item/form-item.state.mjs

@@ -1,6 +1,15 @@
-import { FormEditItemState } from '../form-edit-item/form-edit-item.state.mjs';
-
-class FormItemState extends FormEditItemState {
-}
-
+import { FormEditItemState } from "../form-edit-item/form-edit-item.state.mjs";
+//#region src/modules/gct-form/state/form-item/form-item.state.ts
+/**
+* 表单项状态
+*
+* @author zhanghanrui
+* @date 2024-04-02 22:04:22
+* @export
+* @class FormItemState
+* @extends {FormEditItemState}
+* @implements {IFormItemState}
+*/
+var FormItemState = class extends FormEditItemState {};
+//#endregion
 export { FormItemState };

package/es/modules/gct-form/state/form-item-basic/form-item-basic.state.mjs

@@ -1,9 +1,19 @@
-class FormItemBasicState {
-  disabled = false;
-  readonly = false;
-  visible = true;
-  keepalive = false;
-  destroyed = false;
-}
-
+//#region src/modules/gct-form/state/form-item-basic/form-item-basic.state.ts
+/**
+* 表单项基础状态
+*
+* @author zhanghanrui
+* @date 2024-04-01 14:04:19
+* @export
+* @class FormItemBasicState
+* @implements {IFormItemBasicState}
+*/
+var FormItemBasicState = class {
+	disabled = false;
+	readonly = false;
+	visible = true;
+	keepalive = false;
+	destroyed = false;
+};
+//#endregion
 export { FormItemBasicState };

package/es/modules/gct-form/state/form-line/form-line.state.mjs

@@ -1,6 +1,12 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormLineState extends FormItemBasicState {
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-line/form-line.state.ts
+/**
+* 表单项状态
+*
+* @export
+* @class FormLineState
+* @implements {IFormItemState}
+*/
+var FormLineState = class extends FormItemBasicState {};
+//#endregion
 export { FormLineState };

package/es/modules/gct-form/state/form-tab/form-tab.state.mjs

@@ -1,7 +1,17 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormTabState extends FormItemBasicState {
-  activePane = "";
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-tab/form-tab.state.ts
+/**
+* 表单分页状态
+*
+* @author lingxiaoming
+* @date 2024-07-14 02:01:12
+* @export
+* @class FormTabState
+* @extends {FormItemBasicState}
+* @implements {IFormTabState}
+*/
+var FormTabState = class extends FormItemBasicState {
+	activePane = "";
+};
+//#endregion
 export { FormTabState };

package/es/modules/gct-form/state/form-tab-pane/form-tab-pane.state.mjs

@@ -1,6 +1,15 @@
-import { FormItemBasicState } from '../form-item-basic/form-item-basic.state.mjs';
-
-class FormTabPaneState extends FormItemBasicState {
-}
-
+import { FormItemBasicState } from "../form-item-basic/form-item-basic.state.mjs";
+//#region src/modules/gct-form/state/form-tab-pane/form-tab-pane.state.ts
+/**
+* 表单分页pane状态
+*
+* @author lingxiaoming
+* @date 2024-07-14 02:01:12
+* @export
+* @class FormTabPaneState
+* @extends {FormItemBasicState}
+* @implements {IFormTabPaneState}
+*/
+var FormTabPaneState = class extends FormItemBasicState {};
+//#endregion
 export { FormTabPaneState };

package/es/modules/gct-form/utils/width-install/width-install.mjs

@@ -1,19 +1,22 @@
-import { EditorRegisterConst } from '../../constants/editor-register/editor-register.mjs';
-
+import { EditorRegisterConst } from "../../constants/editor-register/editor-register.mjs";
+//#region src/modules/gct-form/utils/width-install/width-install.ts
+/**
+* 表单编辑器注册器
+*
+* @author zhanghanrui
+* @date 2024-04-17 13:04:06
+* @export
+* @param {string} providerTag
+* @param {() => IEditorProvider} provider
+* @param {*} [com]
+* @param {string} [comName]
+* @return {*}
+*/
 function widthEditorInstall(providerTag, provider, com, comName) {
-  return {
-    install(app) {
-      if (providerTag && provider) {
-        _gct.register.editor.register(
-          EditorRegisterConst.PREFIX + providerTag,
-          provider
-        );
-      }
-      if (com) {
-        app.component(com.name, com);
-      }
-    }
-  };
+	return { install(app) {
+		if (providerTag && provider) _gct.register.editor.register(EditorRegisterConst.PREFIX + providerTag, provider);
+		if (com) app.component(comName ?? com.name, com);
+	} };
 }
-
+//#endregion
 export { widthEditorInstall };

package/es/modules/gct-form/widgets/gct-edit-form/gct-edit-form.d.ts

@@ -34,11 +34,7 @@ export declare const GctEditForm: import('vue').DefineComponent<import('vue').Ex
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: IEditFormController;
-    formRef: import('vue').Ref<IObject | undefined, IObject | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:data")[], "change" | "update:data", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:data")[], "change" | "update:data", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     embed: {
         type: BooleanConstructor;
         default: boolean;

package/es/modules/gct-form/widgets/gct-edit-form/gct-edit-form.mjs

@@ -1,151 +1,125 @@
-import { defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
-import { cloneDeep } from 'lodash-es';
-import { useNamespace, useModal } from '@gct-paas/core';
-import { useEditFormController, EditFormController } from '../../controller/edit-form/edit-form.controller.mjs';
-import 'qx-util';
-
+import { EditFormController, useEditFormController } from "../../controller/edit-form/edit-form.controller.mjs";
+import "../../controller/index.mjs";
+import { createVNode, defineComponent, ref, resolveComponent, toRefs, watch } from "vue";
+import { cloneDeep } from "lodash-es";
+import { useModal, useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-edit-form/gct-edit-form.tsx
 /**
- * 编辑表单组件
- */
-const GctEditForm = /* @__PURE__ */ defineComponent({
-  name: 'GctEditForm',
-  props: {
-    // 是否为嵌入表单组件
-    embed: {
-      type: Boolean,
-      default: false
-    },
-    context: {
-      type: Object,
-      default: () => ({})
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    controller: {
-      type: Object
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    data: {
-      type: Object
-    },
-    count: {
-      type: Number,
-      default: 0
-    },
-    adaptModal: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ['update:data', 'change'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('gct-edit-form');
-    const c = props.controller || useEditFormController(() => new EditFormController(props.model));
-    const formRef = ref();
-    const validate = async () => {
-      try {
-        await formRef.value.formRef.validate();
-      } catch (error) {
-        console.error(error);
-        return false;
-      }
-      return true;
-    };
-    const validateField = async field => {
-      try {
-        await formRef.value.formRef.validateFields([field]);
-      } catch (error) {
-        console.error(error);
-        return false;
-      }
-      return true;
-    };
-    c.validate = validate;
-    c.validateItem = validateField;
-    watch(props.context, () => {
-      Object.assign(c.context, props.context);
-      c.state.isNew = !c.context.id;
-    }, {
-      immediate: true
-    });
-    watch(props.params, () => {
-      Object.assign(c.params, props.params);
-    });
-    watch(() => props.count, () => {
-      c.state.count += 1;
-    });
-    watch(() => props.data, () => {
-      Object.assign(c.state.data, props.data);
-    }, {
-      deep: true
-    });
-    if (props.adaptModal !== false) {
-      useModal(async () => {
-        try {
-          await formRef.value.formRef.validate();
-          const data = await c.save();
-          if (data) {
-            return {
-              ok: true,
-              data: [cloneDeep(data)]
-            };
-          }
-        } catch (error) {
-          console.error(error);
-        }
-        return {
-          ok: false
-        };
-      });
-    }
-    if (props.data) {
-      Object.assign(c.state.data, props.data);
-      c.loaded();
-    } else if (c.state.isNew !== true) {
-      c.load().then(() => {
-        c.loaded();
-      });
-    } else {
-      c.loaded();
-    }
-    if (props.embed) {
-      c.evt.on('change', () => {
-        const data = c.getData();
-        emit('update:data', data);
-        emit('change', data);
-      });
-    }
-    c.evt.on('blur', key => {
-      validateField(key);
-    });
-    return {
-      ns,
-      c,
-      formRef
-    };
-  },
-  render() {
-    let content = null;
-    if (this.c.state.isNew || this.c.state.isNew == false && this.c.state.loaded) {
-      content = createVNode(resolveComponent("gct-form"), {
-        "class": "h-full",
-        "ref": "formRef",
-        "model": this.model,
-        "c": this.c,
-        "context": this.context
-      }, null);
-    }
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [content]);
-  }
+* 编辑表单组件
+*/
+var GctEditForm = /* @__PURE__ */ defineComponent({
+	name: "GctEditForm",
+	props: {
+		embed: {
+			type: Boolean,
+			default: false
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		},
+		params: {
+			type: Object,
+			default: () => ({})
+		},
+		controller: { type: Object },
+		model: {
+			type: Object,
+			required: true
+		},
+		data: { type: Object },
+		count: {
+			type: Number,
+			default: 0
+		},
+		adaptModal: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:data", "change"],
+	setup(props, { emit }) {
+		const ns = useNamespace("gct-edit-form");
+		console.debug("GctEditForm props:", props);
+		const c = props.controller || useEditFormController(() => new EditFormController(props.model));
+		const formRef = ref();
+		const validate = async () => {
+			try {
+				await formRef.value.formRef.validate();
+			} catch (error) {
+				console.error(error);
+				return false;
+			}
+			return true;
+		};
+		const validateField = async (field) => {
+			try {
+				await formRef.value.formRef.validateFields([field]);
+			} catch (error) {
+				console.error(error);
+				return false;
+			}
+			return true;
+		};
+		c.validate = validate;
+		c.validateItem = validateField;
+		const { context, params } = toRefs(props);
+		watch(context, () => {
+			Object.assign(c.context, props.context);
+			c.state.isNew = !c.context.id;
+		}, {
+			immediate: true,
+			deep: true
+		});
+		watch(params, () => {
+			Object.assign(c.params, props.params);
+		}, { deep: true });
+		watch(() => props.count, () => {
+			c.state.count += 1;
+		});
+		watch(() => props.data, () => {
+			Object.assign(c.state.data, props.data);
+		}, { deep: true });
+		if (props.adaptModal !== false) useModal(async () => {
+			try {
+				await formRef.value.formRef.validate();
+				const data = await c.save();
+				if (data) return {
+					ok: true,
+					data: [cloneDeep(data)]
+				};
+			} catch (error) {
+				console.error(error);
+			}
+			return { ok: false };
+		});
+		if (props.data) {
+			Object.assign(c.state.data, props.data);
+			c.loaded();
+		} else if (c.state.isNew !== true) c.load().then(() => {
+			c.loaded();
+		});
+		else c.loaded();
+		if (props.embed) c.evt.on("change", () => {
+			const data = c.getData();
+			emit("update:data", data);
+			emit("change", data);
+		});
+		c.evt.on("blur", (key) => {
+			validateField(key);
+		});
+		return () => {
+			let content = null;
+			if (c.state.isNew || c.state.isNew == false && c.state.loaded) content = createVNode(resolveComponent("gct-form"), {
+				"class": "h-full",
+				"ref": formRef,
+				"c": c,
+				"model": props.model,
+				"context": props.context
+			}, null);
+			return createVNode("div", { "class": ns.b() }, [content]);
+		};
+	}
 });
-
+//#endregion
 export { GctEditForm };