@gct-paas/core-web 0.1.4-dev.10 → 0.1.4-dev.12

package/es/modules/gct-form/constants/editor-register/editor-register.mjs

@@ -0,0 +1,18 @@
+//#region src/modules/gct-form/constants/editor-register/editor-register.ts
+/**
+* 编辑器注册器常量
+*
+* @author zhanghanrui
+* @date 2024-04-02 10:04:33
+* @export
+* @enum {number}
+*/
+var EditorRegisterConst = /* @__PURE__ */ function(EditorRegisterConst) {
+	/**
+	* 编辑器注册器类型前缀
+	*/
+	EditorRegisterConst["PREFIX"] = "EDITOR___";
+	return EditorRegisterConst;
+}({});
+//#endregion
+export { EditorRegisterConst };

package/es/modules/gct-form/constants/editor-type/editor-type.d.ts

@@ -0,0 +1,130 @@
+/**
+ * 编辑器类型
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:19
+ * @export
+ * @enum {number}
+ */
+export declare enum EditorType {
+    /**
+     * 带单位长度字符串编辑器
+     */
+    LENGTH_UNIT = "length-unit",
+    /**
+     * 颜色选择编辑器
+     */
+    COLOR = "color",
+    /**
+     * 纯文本展示编辑器
+     */
+    SPAN = "span",
+    /**
+     * 文本编辑器
+     */
+    TEXT = "text",
+    /**
+     * 数值编辑器
+     */
+    NUMBER = "number",
+    /**
+     * 纯信息呈现
+     */
+    INFO = "info",
+    /**
+     * 根据模型或者字段进行的纯信息展示
+     */
+    MSG = "msg",
+    /**
+     * 下拉选择编辑器
+     */
+    SELECT = "select",
+    /**
+     * 分组下拉选择编辑器
+     */
+    SELECT_GROUP = "select-group",
+    /**
+     * 单选框编辑器
+     */
+    RADIO = "radio",
+    /**
+     * 数据选择器编辑器
+     */
+    PICKER = "picker",
+    /**
+     * 数据选择多选编辑器
+     */
+    MULTIPLE_CHOICE = "multiple-choice",
+    /**
+     * 多语言选择编辑器
+     */
+    I18N = "i18n",
+    /**
+     * 多行文本编辑器
+     */
+    TEXTAREA = "textarea",
+    /**
+     * 日期时间范围选择编辑器
+     */
+    DATE_RANGE = "date-range",
+    /**
+     * 开关组件
+     */
+    SWITCH = "switch",
+    /**
+     * 选框类型开关
+     */
+    CHECK_SWITCH = "check-switch",
+    /**
+     * 图标选择
+     */
+    ICON_SELECT = "icon-select",
+    /**
+     * 复选框
+     */
+    CHECKBOX = "checkbox",
+    /**
+     * 日期
+     */
+    DATE = "date",
+    /**
+     * 平台模型选择
+     */
+    MODEL_SELECT = "model-select",
+    /**
+     * 按钮行为
+     */
+    ACTION = "action",
+    /**
+     * 表格编辑器
+     */
+    TABLE = "table",
+    /**
+     * 表格选择编辑器
+     */
+    SELECT_TABLE = "select-table",
+    /**
+     * 空显示
+     */
+    EMPTY = "empty",
+    /**
+     * 表单模型字段选择编辑器
+     */
+    FORM_MODEL_FIELD_SELECT = "form-model-field-select",
+    /**
+     * 像素模式配置
+     */
+    PIXEL_CONFIG = "pixel-config",
+    /**
+     * 界面配置中，属性配置的基本信息
+     */
+    FIELD_INFO = "field-info",
+    /**
+     * 日期与日期时间类型的格式化选择编辑器
+     */
+    DATE_FORMAT_SELECT = "date-format-select",
+    /**
+     * 公式编辑器
+     */
+    FORMULA = "formula"
+}

package/es/modules/gct-form/constants/editor-type/editor-type.mjs

@@ -0,0 +1,134 @@
+//#region src/modules/gct-form/constants/editor-type/editor-type.ts
+/**
+* 编辑器类型
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:19
+* @export
+* @enum {number}
+*/
+var EditorType = /* @__PURE__ */ function(EditorType) {
+	/**
+	* 带单位长度字符串编辑器
+	*/
+	EditorType["LENGTH_UNIT"] = "length-unit";
+	/**
+	* 颜色选择编辑器
+	*/
+	EditorType["COLOR"] = "color";
+	/**
+	* 纯文本展示编辑器
+	*/
+	EditorType["SPAN"] = "span";
+	/**
+	* 文本编辑器
+	*/
+	EditorType["TEXT"] = "text";
+	/**
+	* 数值编辑器
+	*/
+	EditorType["NUMBER"] = "number";
+	/**
+	* 纯信息呈现
+	*/
+	EditorType["INFO"] = "info";
+	/**
+	* 根据模型或者字段进行的纯信息展示
+	*/
+	EditorType["MSG"] = "msg";
+	/**
+	* 下拉选择编辑器
+	*/
+	EditorType["SELECT"] = "select";
+	/**
+	* 分组下拉选择编辑器
+	*/
+	EditorType["SELECT_GROUP"] = "select-group";
+	/**
+	* 单选框编辑器
+	*/
+	EditorType["RADIO"] = "radio";
+	/**
+	* 数据选择器编辑器
+	*/
+	EditorType["PICKER"] = "picker";
+	/**
+	* 数据选择多选编辑器
+	*/
+	EditorType["MULTIPLE_CHOICE"] = "multiple-choice";
+	/**
+	* 多语言选择编辑器
+	*/
+	EditorType["I18N"] = "i18n";
+	/**
+	* 多行文本编辑器
+	*/
+	EditorType["TEXTAREA"] = "textarea";
+	/**
+	* 日期时间范围选择编辑器
+	*/
+	EditorType["DATE_RANGE"] = "date-range";
+	/**
+	* 开关组件
+	*/
+	EditorType["SWITCH"] = "switch";
+	/**
+	* 选框类型开关
+	*/
+	EditorType["CHECK_SWITCH"] = "check-switch";
+	/**
+	* 图标选择
+	*/
+	EditorType["ICON_SELECT"] = "icon-select";
+	/**
+	* 复选框
+	*/
+	EditorType["CHECKBOX"] = "checkbox";
+	/**
+	* 日期
+	*/
+	EditorType["DATE"] = "date";
+	/**
+	* 平台模型选择
+	*/
+	EditorType["MODEL_SELECT"] = "model-select";
+	/**
+	* 按钮行为
+	*/
+	EditorType["ACTION"] = "action";
+	/**
+	* 表格编辑器
+	*/
+	EditorType["TABLE"] = "table";
+	/**
+	* 表格选择编辑器
+	*/
+	EditorType["SELECT_TABLE"] = "select-table";
+	/**
+	* 空显示
+	*/
+	EditorType["EMPTY"] = "empty";
+	/**
+	* 表单模型字段选择编辑器
+	*/
+	EditorType["FORM_MODEL_FIELD_SELECT"] = "form-model-field-select";
+	/**
+	* 像素模式配置
+	*/
+	EditorType["PIXEL_CONFIG"] = "pixel-config";
+	/**
+	* 界面配置中，属性配置的基本信息
+	*/
+	EditorType["FIELD_INFO"] = "field-info";
+	/**
+	* 日期与日期时间类型的格式化选择编辑器
+	*/
+	EditorType["DATE_FORMAT_SELECT"] = "date-format-select";
+	/**
+	* 公式编辑器
+	*/
+	EditorType["FORMULA"] = "formula";
+	return EditorType;
+}({});
+//#endregion
+export { EditorType };

package/es/modules/gct-form/constants/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorRegisterConst } from './editor-register/editor-register';
+export { EditorType } from './editor-type/editor-type';
+export declare const FORM_CONTROLLER_INJECT_TAG = "formController";

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

@@ -0,0 +1,6 @@
+import "./editor-register/editor-register.mjs";
+import "./editor-type/editor-type.mjs";
+//#region src/modules/gct-form/constants/index.ts
+var FORM_CONTROLLER_INJECT_TAG = "formController";
+//#endregion
+export { FORM_CONTROLLER_INJECT_TAG };

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

@@ -0,0 +1,27 @@
+import { IEditForm, IEditFormController } from '../../interface';
+import { GctFormController } from '../gct-form/gct-form.controller';
+/**
+ * 编辑表单控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 18:04:45
+ * @export
+ * @class EditFormController
+ * @extends {GctFormController}
+ * @implements {IEditFormController}
+ */
+export declare class EditFormController extends GctFormController implements IEditFormController {
+    model: IEditForm;
+    protected initEvent(): void;
+    save(): Promise<IData>;
+}
+/**
+ * 获取编辑表单控制器实例
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 18:04:13
+ * @export
+ * @param {IEditForm} model
+ * @return {*}  {EditFormController}
+ */
+export declare function useEditFormController(fn: () => EditFormController): EditFormController;

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

@@ -0,0 +1,51 @@
+import { GctFormController } from "../gct-form/gct-form.controller.mjs";
+import { onUnmounted, reactive } from "vue";
+//#region src/modules/gct-form/controller/edit-form/edit-form.controller.ts
+/**
+* 编辑表单控制器
+*
+* @author zhanghanrui
+* @date 2024-04-01 18:04:45
+* @export
+* @class EditFormController
+* @extends {GctFormController}
+* @implements {IEditFormController}
+*/
+var EditFormController = class extends GctFormController {
+	initEvent() {
+		super.initEvent();
+		this.evt.on("change", (key, val, oldVal) => {
+			if (this.model.watch) {
+				const fun = this.model.watch[key];
+				if (fun) fun(this, val, oldVal);
+			}
+			const item = this.item[key];
+			if (item && item.model.watch) item.model.watch(this, item, val, oldVal);
+			if (item && item.model.change) item.model.change(this, item, this.state.data);
+			if (val != oldVal) this.calcHidden();
+		});
+	}
+	save() {
+		const data = this.getData();
+		if (this.state.isNew === true && this.model.newRequest) return this.model.newRequest(data);
+		if (this.model.updateRequest) return this.model.updateRequest({ id: this.context.id }, data);
+		return Promise.resolve(data);
+	}
+};
+/**
+* 获取编辑表单控制器实例
+*
+* @author zhanghanrui
+* @date 2024-04-01 18:04:13
+* @export
+* @param {IEditForm} model
+* @return {*}  {EditFormController}
+*/
+function useEditFormController(fn) {
+	const c = fn();
+	c.state = reactive(c.state);
+	onUnmounted(() => c.destroy());
+	return c;
+}
+//#endregion
+export { EditFormController, useEditFormController };

package/es/modules/gct-form/controller/editor-item/editor-item.controller.d.ts

@@ -0,0 +1,15 @@
+import { IEditorBasic, IEditorController } from '../../interface';
+/**
+ * 编辑器控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 13:04:55
+ * @export
+ * @class EditorController
+ * @implements {IEditorController}
+ */
+export declare class EditorController<M extends IEditorBasic = IEditorBasic> implements IEditorController<M> {
+    model: M;
+    options: IObject[];
+    constructor(model: M);
+}

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

@@ -0,0 +1,19 @@
+//#region src/modules/gct-form/controller/editor-item/editor-item.controller.ts
+/**
+* 编辑器控制器
+*
+* @author zhanghanrui
+* @date 2024-04-02 13:04:55
+* @export
+* @class EditorController
+* @implements {IEditorController}
+*/
+var EditorController = class {
+	model;
+	options = [];
+	constructor(model) {
+		this.model = model;
+	}
+};
+//#endregion
+export { EditorController };

package/es/modules/gct-form/controller/form/form.controller.d.ts

@@ -0,0 +1,68 @@
+import { IForm, IFormState, IFormController, IFormItemBasic, IFormItemProvider, IFormItemBasicController, IFormEvent } from '../../interface';
+import { QXEvent } from 'qx-util';
+/**
+ * 表单控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 09:03:56
+ * @export
+ * @class FormController
+ */
+export declare class FormController {
+    readonly model: IForm;
+    readonly evt: QXEvent<IFormEvent>;
+    state: IFormState;
+    item: Record<string, IFormItemBasicController>;
+    provider: Record<string, IFormItemProvider>;
+    constructor(model: IForm);
+    /**
+     * 表单初始化
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 13:04:27
+     * @protected
+     */
+    protected init(): void;
+    /**
+     * 初始化表单事件订阅相关
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 14:04:31
+     * @protected
+     */
+    protected initEvent(): void;
+    /**
+     * 初始化表单项控制器
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 13:04:38
+     * @protected
+     * @param {IFormItemBasic[]} models
+     */
+    protected initFormItems(models: IFormItemBasic[]): void;
+    /**
+     * 获取当前表单数据
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 18:03:33
+     * @return {*}  {IData}
+     */
+    getData(): IData;
+    /**
+     * 重置表单数据
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 18:03:09
+     */
+    resetData(): void;
+}
+/**
+ * 获取表单控制器实例
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:30
+ * @export
+ * @param {IForm} model
+ * @return {*}  {FormController}
+ */
+export declare function useFormController(model: IForm): IFormController;

package/es/modules/gct-form/controller/form-collapse/form-collapse.controller.d.ts

@@ -0,0 +1,18 @@
+import { IFormCollapse, IFormCollapseController, IFormCollapseState } from '../../interface';
+import { FormItemBasicController } from '../form-item-basic/form-item-basic.controller';
+/**
+ * 表单折叠面板控制器
+ *
+ * @author lxm
+ * @date 2024-07-15 09:07:23
+ * @export
+ * @class FormCollapseController
+ * @extends {FormItemBasicController}
+ * @implements {IFormCollapseController}
+ */
+export declare class FormCollapseController extends FormItemBasicController implements IFormCollapseController {
+    readonly type = "collapse";
+    model: IFormCollapse;
+    state: IFormCollapseState;
+    protected crateItemState(): IFormCollapseState;
+}

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

@@ -0,0 +1,21 @@
+import { FormCollapseState } from "../../state/form-collapse/form-collapse.state.mjs";
+import { FormItemBasicController } from "../form-item-basic/form-item-basic.controller.mjs";
+//#region src/modules/gct-form/controller/form-collapse/form-collapse.controller.ts
+/**
+* 表单折叠面板控制器
+*
+* @author lxm
+* @date 2024-07-15 09:07:23
+* @export
+* @class FormCollapseController
+* @extends {FormItemBasicController}
+* @implements {IFormCollapseController}
+*/
+var FormCollapseController = class extends FormItemBasicController {
+	type = "collapse";
+	crateItemState() {
+		return new FormCollapseState();
+	}
+};
+//#endregion
+export { FormCollapseController };

package/es/modules/gct-form/controller/form-collapse-pane/form-collapse-pane.controller.d.ts

@@ -0,0 +1,18 @@
+import { IFormCollapsePane, IFormCollapsePaneController, IFormCollapsePaneState } from '../../interface';
+import { FormItemBasicController } from '../form-item-basic/form-item-basic.controller';
+/**
+ * 表单折叠面板项控制器
+ *
+ * @author lxm
+ * @date 2024-07-15 09:07:23
+ * @export
+ * @class FormCollapsePaneController
+ * @extends {FormItemBasicController}
+ * @implements {IFormCollapsePaneController}
+ */
+export declare class FormCollapsePaneController extends FormItemBasicController implements IFormCollapsePaneController {
+    readonly type = "collapse-pane";
+    model: IFormCollapsePane;
+    state: IFormCollapsePaneState;
+    protected crateItemState(): IFormCollapsePaneState;
+}

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

@@ -0,0 +1,21 @@
+import { FormCollapsePaneState } from "../../state/form-collapse-pane/form-collapse-pane.state.mjs";
+import { FormItemBasicController } from "../form-item-basic/form-item-basic.controller.mjs";
+//#region src/modules/gct-form/controller/form-collapse-pane/form-collapse-pane.controller.ts
+/**
+* 表单折叠面板项控制器
+*
+* @author lxm
+* @date 2024-07-15 09:07:23
+* @export
+* @class FormCollapsePaneController
+* @extends {FormItemBasicController}
+* @implements {IFormCollapsePaneController}
+*/
+var FormCollapsePaneController = class extends FormItemBasicController {
+	type = "collapse-pane";
+	crateItemState() {
+		return new FormCollapsePaneState();
+	}
+};
+//#endregion
+export { FormCollapsePaneController };

package/es/modules/gct-form/controller/form-edit-item/form-edit-item.controller.d.ts

@@ -0,0 +1,27 @@
+import { IFormEditItem, IFormEditItemController, IFormEditItemState } from '../../interface';
+import { FormItemBasicController } from '../form-item-basic/form-item-basic.controller';
+/**
+ * 表单编辑项控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 20:04:00
+ * @export
+ * @abstract
+ * @class FormEditItemController
+ * @extends {FormItemBasicController}
+ * @implements {IFormEditItemController}
+ */
+export declare abstract class FormEditItemController extends FormItemBasicController implements IFormEditItemController {
+    model: IFormEditItem;
+    state: IFormEditItemState;
+    get key(): string;
+    get value(): any;
+    set value(value: any);
+    get editorValue(): any;
+    set editorValue(v: any);
+    protected init(): void;
+    blur(): void;
+    defaultValue(): void;
+    reset(): void;
+    protected crateItemState(): IFormEditItemState;
+}

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

@@ -0,0 +1,89 @@
+import { FormEditItemState } from "../../state/form-edit-item/form-edit-item.state.mjs";
+import { FormItemBasicController } from "../form-item-basic/form-item-basic.controller.mjs";
+import { cloneDeep } from "lodash-es";
+//#region src/modules/gct-form/controller/form-edit-item/form-edit-item.controller.ts
+/**
+* 表单编辑项控制器
+*
+* @author zhanghanrui
+* @date 2024-04-02 20:04:00
+* @export
+* @abstract
+* @class FormEditItemController
+* @extends {FormItemBasicController}
+* @implements {IFormEditItemController}
+*/
+var FormEditItemController = class extends FormItemBasicController {
+	get key() {
+		return this.model.field ?? this.model.name;
+	}
+	get value() {
+		return getValue(this.key, this.form.state.data);
+	}
+	set value(value) {
+		const data = this.form.state.data;
+		const oldValue = cloneDeep(getValue(this.key, data));
+		setValue(value, this.key, data);
+		this.form.evt.emit("change", this.key, value, oldValue);
+		this.state.value = value;
+	}
+	get editorValue() {
+		if (this.model.fields) return this.model.fields.map((key) => {
+			return this.form.item[key].value;
+		});
+		return this.value;
+	}
+	set editorValue(v) {
+		if (this.model.fields) this.model.fields.forEach((key, i) => {
+			this.form.item[key].value = v?.[i];
+		});
+		else this.value = v;
+	}
+	init() {
+		super.init();
+		if (this.model.type !== "hidden") {
+			const { editor } = this.model;
+			this.state.readonly = editor.readonly;
+			if (editor.disabled != null) this.state.disabled = editor.disabled;
+		}
+		if (this.model.dictionary) {
+			const { mode } = this.model.dictionary;
+			if (mode === "static") this.state.options = this.model.dictionary.items || [];
+		}
+	}
+	blur() {
+		if ((this.state.value == null || this.state.value === "") && this.model.defaultValue != null) {
+			this.value = this.model.defaultValue;
+			this.form.evt.emit("blur", this.key, this.value);
+		}
+	}
+	defaultValue() {
+		const data = this.form.state.data;
+		if (getValue(this.key, data) == null && this.model.defaultValue != null) setValue(this.model.defaultValue, this.key, data);
+	}
+	reset() {
+		if (this.model.defaultValue !== void 0) this.value = this.model.defaultValue;
+		else this.value = void 0;
+	}
+	crateItemState() {
+		return new FormEditItemState();
+	}
+};
+function getValue(name, data) {
+	const key_list = name.split(".");
+	try {
+		return key_list.reduce((memo, cur) => memo[cur], data);
+	} catch (err) {
+		console.warn(err);
+	}
+}
+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;
+		return memo[cur];
+	}, data);
+}
+//#endregion
+export { FormEditItemController };