@gct-paas/core 0.0.1-dev.15 → 0.0.1-dev.17

package/es/constants/editor-register/editor-register.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 编辑器注册器常量
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 10:04:33
+ * @export
+ * @enum {number}
+ */
+export declare enum EditorRegisterConst {
+    /**
+     * 编辑器注册器类型前缀
+     */
+    PREFIX = "EDITOR___"
+}

package/es/constants/editor-register/editor-register.mjs

@@ -0,0 +1,7 @@
+"use strict";
+var EditorRegisterConst = /* @__PURE__ */ ((EditorRegisterConst2) => {
+  EditorRegisterConst2["PREFIX"] = "EDITOR___";
+  return EditorRegisterConst2;
+})(EditorRegisterConst || {});
+
+export { EditorRegisterConst };

package/es/constants/editor-type/editor-type.d.ts

@@ -0,0 +1,172 @@
+/**
+ * 编辑器类型
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum EditorType {
+    /**
+     * 带单位长度字符串编辑器
+     */
+    LENGTH_UNIT = "length-unit",
+    /**
+     * 颜色选择编辑器
+     */
+    COLOR = "color",
+    /**
+     * 纯文本展示编辑器
+     */
+    SPAN = "span",
+    /**
+     * 文本编辑器
+     */
+    TEXT = "text",
+    /**
+     * 数值编辑器
+     */
+    NUMBER = "number",
+    /**
+     * 纯信息呈现
+     */
+    INFO = "info",
+    /**
+     * 下拉选择编辑器
+     */
+    SELECT = "select",
+    /**
+     * 单选框编辑器
+     */
+    RADIO = "radio",
+    /**
+     * 数据选择器编辑器
+     */
+    PICKER = "picker",
+    /**
+     * 多语言选择编辑器
+     */
+    I18N = "i18n",
+    /**
+     * 多行文本编辑器
+     */
+    TEXTAREA = "textarea",
+    /**
+     * 日期时间范围选择编辑器
+     */
+    DATE_RANGE = "date-range",
+    /**
+     * 开关组件
+     */
+    SWITCH = "switch",
+    /**
+     * 选框类型开关
+     */
+    CHECK_SWITCH = "check-switch",
+    /**
+     * 图标选择
+     */
+    ICON_SELECT = "icon-select",
+    /**
+     * 复选框
+     */
+    CHECKBOX = "checkbox"
+}
+/**
+ * 旧编辑器类型标识
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum EditorTypeOld {
+    /**
+     * 带单位长度字符串编辑器
+     */
+    LENGTH_UNIT = "length-unit-editor",
+    /**
+     * 颜色选择编辑器
+     */
+    COLOR = "color-editor",
+    /**
+     * 纯文本展示编辑器
+     */
+    SPAN = "span-editor",
+    /**
+     * 文本编辑器
+     */
+    TEXT = "text-editor",
+    /**
+     * 数值编辑器
+     */
+    NUMBER = "number-editor",
+    /**
+     * 纯信息呈现
+     */
+    INFO = "info-editor",
+    /**
+     * 下拉选择编辑器
+     */
+    SELECT = "select-editor",
+    /**
+     * 单选框编辑器
+     */
+    RADIO = "radio-editor",
+    /**
+     * 数据选择器编辑器
+     */
+    PICKER = "picker-editor",
+    /**
+     * 多语言选择编辑器
+     */
+    I18N = "i18n-editor",
+    /**
+     * 多行文本编辑器
+     */
+    TEXTAREA = "textarea-editor",
+    /**
+     * 日期时间范围选择编辑器
+     */
+    DATE_RANGE = "date-range-editor",
+    /**
+     * 开关组件
+     */
+    SWITCH = "switch-editor",
+    /**
+     * 选框类型开关
+     */
+    CHECK_SWITCH = "check-switch-editor",
+    /**
+     * 图标选择
+     */
+    ICON_SELECT = "icon-select-editor",
+    /**
+     * 复选框
+     */
+    CHECKBOX = "checkbox-editor",
+    /**
+     * 边距
+     */
+    BORDER = "border-editor",
+    /**
+     * 边框圆角
+     */
+    BORDER_RADIUS = "border-radius-editor",
+    /**
+     * 文本对齐方式
+     */
+    ALIGN = "align-editor",
+    /**
+     * 字体样式
+     */
+    FONT_STYLE = "font-style-editor",
+    /**
+     * 位置
+     */
+    POSITION = "position-editor",
+    /**
+     * 间距
+     */
+    SPACING = "spacing-editor",
+    /**
+     * 间距
+     */
+    MARGIN = "margin-editor"
+}

package/es/constants/editor-type/editor-type.mjs

@@ -0,0 +1,48 @@
+"use strict";
+var EditorType = /* @__PURE__ */ ((EditorType2) => {
+  EditorType2["LENGTH_UNIT"] = "length-unit";
+  EditorType2["COLOR"] = "color";
+  EditorType2["SPAN"] = "span";
+  EditorType2["TEXT"] = "text";
+  EditorType2["NUMBER"] = "number";
+  EditorType2["INFO"] = "info";
+  EditorType2["SELECT"] = "select";
+  EditorType2["RADIO"] = "radio";
+  EditorType2["PICKER"] = "picker";
+  EditorType2["I18N"] = "i18n";
+  EditorType2["TEXTAREA"] = "textarea";
+  EditorType2["DATE_RANGE"] = "date-range";
+  EditorType2["SWITCH"] = "switch";
+  EditorType2["CHECK_SWITCH"] = "check-switch";
+  EditorType2["ICON_SELECT"] = "icon-select";
+  EditorType2["CHECKBOX"] = "checkbox";
+  return EditorType2;
+})(EditorType || {});
+var EditorTypeOld = /* @__PURE__ */ ((EditorTypeOld2) => {
+  EditorTypeOld2["LENGTH_UNIT"] = "length-unit-editor";
+  EditorTypeOld2["COLOR"] = "color-editor";
+  EditorTypeOld2["SPAN"] = "span-editor";
+  EditorTypeOld2["TEXT"] = "text-editor";
+  EditorTypeOld2["NUMBER"] = "number-editor";
+  EditorTypeOld2["INFO"] = "info-editor";
+  EditorTypeOld2["SELECT"] = "select-editor";
+  EditorTypeOld2["RADIO"] = "radio-editor";
+  EditorTypeOld2["PICKER"] = "picker-editor";
+  EditorTypeOld2["I18N"] = "i18n-editor";
+  EditorTypeOld2["TEXTAREA"] = "textarea-editor";
+  EditorTypeOld2["DATE_RANGE"] = "date-range-editor";
+  EditorTypeOld2["SWITCH"] = "switch-editor";
+  EditorTypeOld2["CHECK_SWITCH"] = "check-switch-editor";
+  EditorTypeOld2["ICON_SELECT"] = "icon-select-editor";
+  EditorTypeOld2["CHECKBOX"] = "checkbox-editor";
+  EditorTypeOld2["BORDER"] = "border-editor";
+  EditorTypeOld2["BORDER_RADIUS"] = "border-radius-editor";
+  EditorTypeOld2["ALIGN"] = "align-editor";
+  EditorTypeOld2["FONT_STYLE"] = "font-style-editor";
+  EditorTypeOld2["POSITION"] = "position-editor";
+  EditorTypeOld2["SPACING"] = "spacing-editor";
+  EditorTypeOld2["MARGIN"] = "margin-editor";
+  return EditorTypeOld2;
+})(EditorTypeOld || {});
+
+export { EditorType, EditorTypeOld };

package/es/constants/form-container-type/form-container-type.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 表单容器类型
+ *
+ * @author zhanghanrui
+ * @date 2024-10-12 16:10:17
+ * @export
+ * @enum {number}
+ */
+export declare enum FormContainerType {
+    /**
+     * 表单标题容器
+     */
+    FORM_TITLE_GROUP = "form-title-group"
+}

package/es/constants/form-container-type/form-container-type.mjs

@@ -0,0 +1,7 @@
+"use strict";
+var FormContainerType = /* @__PURE__ */ ((FormContainerType2) => {
+  FormContainerType2["FORM_TITLE_GROUP"] = "form-title-group";
+  return FormContainerType2;
+})(FormContainerType || {});
+
+export { FormContainerType };

package/es/constants/index.d.ts

@@ -6,4 +6,7 @@ export declare const STYLE_NAMESPACE_TAG = "gct";
  * 插件基础路径
  */
 export declare const PLUGIN_BASE_URL = "/minio/plugins";
+export { EditorRegisterConst } from './editor-register/editor-register';
+export { EditorType, EditorTypeOld } from './editor-type/editor-type';
+export { FormContainerType } from './form-container-type/form-container-type';
 export { CoreConst } from './core';

package/es/constants/index.mjs

@@ -1,3 +1,6 @@
+export { EditorRegisterConst } from './editor-register/editor-register.mjs';
+export { EditorType, EditorTypeOld } from './editor-type/editor-type.mjs';
+export { FormContainerType } from './form-container-type/form-container-type.mjs';
 export { CoreConst } from './core.mjs';
 
 "use strict";

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

@@ -0,0 +1,28 @@
+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;
+    autoSave(): Promise<IData>;
+    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/controller/edit-form/edit-form.controller.mjs

@@ -0,0 +1,48 @@
+import { reactive, onUnmounted } from 'vue';
+import { GctFormController } from '../gct-form/gct-form.controller.mjs';
+
+"use strict";
+class EditFormController 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 (val != oldVal) {
+        this.calcHidden();
+      }
+      if (this.model.autosave === true && this.state.loading === false) {
+        this.autoSave();
+      }
+    });
+  }
+  autoSave() {
+    return this.save();
+  }
+  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);
+  }
+}
+function useEditFormController(fn) {
+  const c = fn();
+  c.state = reactive(c.state);
+  onUnmounted(() => c.destroy());
+  return c;
+}
+
+export { EditFormController, useEditFormController };

package/es/controller/editor/color-editor.controller.d.ts

@@ -0,0 +1,13 @@
+import { EditorController } from '../editor-item/editor-item.controller';
+import { IColorEditor, IColorEditorController } from '../../interface';
+/**
+ * 颜色选择编辑器
+ * @author lingxiaoming
+ * @date 2024-07-17 06:03:56
+ * @export
+ * @class ColorController
+ * @extends {EditorController<IColorEditor>}
+ * @implements {IColorEditorController}
+ */
+export declare class ColorEditorController extends EditorController<IColorEditor> implements IColorEditorController {
+}

package/es/controller/editor/color-editor.controller.mjs

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor-item/editor-item.controller.mjs';
+
+"use strict";
+class ColorEditorController extends EditorController {
+}
+
+export { ColorEditorController };

package/es/controller/editor/length-unit-editor.controller.d.ts

@@ -0,0 +1,13 @@
+import { EditorController } from '../editor-item/editor-item.controller';
+import { ILengthUnitEditor, ILengthUnitEditorController } from '../../interface';
+/**
+ * 带单位长度字符串编辑器
+ * @author lingxiaoming
+ * @date 2024-07-17 06:03:56
+ * @export
+ * @class LengthUnitController
+ * @extends {EditorController<ILengthUnitEditor>}
+ * @implements {ILengthUnitEditorController}
+ */
+export declare class LengthUnitEditorController extends EditorController<ILengthUnitEditor> implements ILengthUnitEditorController {
+}

package/es/controller/editor/length-unit-editor.controller.mjs

@@ -0,0 +1,7 @@
+import { EditorController } from '../editor-item/editor-item.controller.mjs';
+
+"use strict";
+class LengthUnitEditorController extends EditorController {
+}
+
+export { LengthUnitEditorController };

package/es/controller/editor-item/editor-item.controller.d.ts

@@ -0,0 +1,14 @@
+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> {
+    readonly model: M;
+    constructor(model: M);
+}

package/es/controller/editor-item/editor-item.controller.mjs

@@ -0,0 +1,9 @@
+"use strict";
+class EditorController {
+  model;
+  constructor(model) {
+    this.model = model;
+  }
+}
+
+export { EditorController };

package/es/controller/form/form.controller.d.ts

@@ -0,0 +1,76 @@
+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 implements IFormController {
+    readonly model: IForm;
+    readonly evt: QXEvent<IFormEvent>;
+    context: IParams;
+    params: IParams;
+    state: IFormState;
+    item: Record<string, IFormItemBasicController>;
+    provider: Record<string, IFormItemProvider>;
+    constructor(model: IForm);
+    load(): Promise<IData>;
+    loaded(): void;
+    destroy(): void;
+    validate(): Promise<boolean>;
+    validateItem(_key: string): Promise<boolean>;
+    mounted(): void;
+    /**
+     * 表单初始化
+     *
+     * @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/controller/form/form.controller.mjs

@@ -0,0 +1,147 @@
+import { reactive } from 'vue';
+import '../../state/index.mjs';
+import '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/index.mjs';
+import { QXEvent } from '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/utils/qx-event/qx-event.mjs';
+import { FormState } from '../../state/form/form.state.mjs';
+
+"use strict";
+class FormController {
+  constructor(model) {
+    this.model = model;
+    this.init();
+  }
+  evt = new QXEvent();
+  context = {};
+  params = {};
+  state = new FormState();
+  item = {};
+  provider = {};
+  load() {
+    throw new Error("Method not implemented.");
+  }
+  loaded() {
+    throw new Error("Method not implemented.");
+  }
+  destroy() {
+    throw new Error("Method not implemented.");
+  }
+  validate() {
+    throw new Error("Method not implemented.");
+  }
+  validateItem(_key) {
+    throw new Error("Method not implemented.");
+  }
+  mounted() {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * 表单初始化
+   *
+   * @author zhanghanrui
+   * @date 2024-04-01 13:04:27
+   * @protected
+   */
+  init() {
+    if (this.model.children) {
+      this.initFormItems(this.model.children);
+    }
+    this.initEvent();
+  }
+  /**
+   * 初始化表单事件订阅相关
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 14:04:31
+   * @protected
+   */
+  initEvent() {
+  }
+  /**
+   * 初始化表单项控制器
+   *
+   * @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") {
+        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(`\u672A\u627E\u5230\u8868\u5355\u9879\u63D0\u4F9B\u8005\uFF1A${model.type}`, model);
+        return;
+      }
+      this.provider[model.name] = provider;
+      if (model.type === "item") {
+        const item = model;
+        this.item[item.name] = provider.createController(
+          this,
+          model
+        );
+      } else if (model.type === "container") {
+        const container = model;
+        this.item[model.name] = provider.createController(
+          this,
+          model
+        );
+        if (container.children) {
+          this.initFormItems(container.children);
+        }
+      }
+    });
+  }
+  /**
+   * 获取当前表单数据
+   *
+   * @author zhanghanrui
+   * @date 2024-03-27 18:03:33
+   * @return {*}  {IData}
+   */
+  getData() {
+    const data = {};
+    return data;
+  }
+  /**
+   * 重置表单数据
+   *
+   * @author zhanghanrui
+   * @date 2024-03-27 18:03:09
+   */
+  resetData() {
+    const keys = Object.keys(this.state.data);
+    keys.forEach((key) => {
+      const val = this.state.data[key];
+      if (val) {
+        if (typeof val === "object") {
+          if (Array.isArray(val)) {
+            this.state.data[key] = [];
+          } else {
+            this.state.data[key] = {};
+          }
+        } else {
+          this.state.data[key] = null;
+        }
+      }
+    });
+  }
+}
+function useFormController(model) {
+  const c = new FormController(model);
+  c.state = reactive(c.state);
+  return c;
+}
+
+export { FormController, useFormController };

package/es/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/controller/form-collapse/form-collapse.controller.mjs

@@ -0,0 +1,13 @@
+import '../../state/index.mjs';
+import { FormItemBasicController } from '../form-item-basic/form-item-basic.controller.mjs';
+import { FormCollapseState } from '../../state/form-collapse/form-collapse.state.mjs';
+
+"use strict";
+class FormCollapseController extends FormItemBasicController {
+  type = "collapse";
+  crateItemState() {
+    return new FormCollapseState();
+  }
+}
+
+export { FormCollapseController };