@gct-paas/core 0.1.4-dev.9 → 0.1.5-dev.0

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

@@ -1,214 +0,0 @@
-import '../../enums/app-designer/index.mjs';
-import '../../enums/page-designer/designer.mjs';
-import '../../enums/breakpointEnum.mjs';
-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 = 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.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")) {
-        data[c.key] = c.value;
-      }
-    });
-    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() {
-  }
-}
-
-export { GctFormController };

package/es/controller/index.d.ts

@@ -1,15 +0,0 @@
-export { EditFormController, useEditFormController, } from './edit-form/edit-form.controller';
-export { EditorController } from './editor-item/editor-item.controller';
-export { FormController, useFormController } from './form/form.controller';
-export { GctFormController } from './gct-form/gct-form.controller';
-export { FormCollapsePaneController } from './form-collapse-pane/form-collapse-pane.controller';
-export { FormCollapseController } from './form-collapse/form-collapse.controller';
-export { FormTabController } from './form-tab/form-tab.controller';
-export { FormTabPaneController } from './form-tab-pane/form-tab-pane.controller';
-export { FormGroupController } from './form-group/form-group.controller';
-export { FormEditItemController } from './form-edit-item/form-edit-item.controller';
-export { FormItemController } from './form-item/form-item.controller';
-export { FormItemBasicController, useFormItemController, } from './form-item-basic/form-item-basic.controller';
-export { FormHiddenItemController } from './form-item-hidden/form-item-hidden.controller';
-export { LengthUnitEditorController } from './editor/length-unit-editor.controller';
-export { ColorEditorController } from './editor/color-editor.controller';

package/es/hooks/use-form/use-form.d.ts

@@ -1,10 +0,0 @@
-import { IFormController } from '../../interface';
-/**
- * 获取表单控制器
- *
- * @author zhanghanrui
- * @date 2024-04-02 17:04:17
- * @export
- * @return {*}  {IFormController}
- */
-export declare function useForm(): IFormController;

package/es/hooks/use-form/use-form.mjs

@@ -1,8 +0,0 @@
-import { inject } from 'vue';
-
-function useForm() {
-  const c = inject("formController");
-  return c;
-}
-
-export { useForm };

package/es/hooks/use-gct-form-value/use-gct-form-value.d.ts

@@ -1,22 +0,0 @@
-import { WritableComputedRef } from 'vue';
-/**
- * 获取编辑器双向数据绑定值对象，自动发送更新事件
- *
- * @export
- * @template T
- * @param {string} [key] 可以指定字段字段名(指定后直接改 form)，默认取 props 中的 value
- * @returns {*}  {WritableComputedRef<T>}
- */
-export declare function useGctFormValue<T = any>(key?: string): WritableComputedRef<T>;
-/**
- * 获取编辑器双向数据绑定值对象，自动发送更新事件（纯字符串）
- *
- * @author zhanghanrui
- * @date 2024-04-03 13:04:25
- * @export
- * @template T
- * @param {string} [prefix]
- * @param {string} [suffix]
- * @return {*}  {WritableComputedRef<T>}
- */
-export declare function useGctFormValueByText(prefix?: string, suffix?: string): WritableComputedRef<string>;

package/es/hooks/use-gct-form-value/use-gct-form-value.mjs

@@ -1,89 +0,0 @@
-import { computed, getCurrentInstance } from 'vue';
-import { useForm } from '../use-form/use-form.mjs';
-
-function useGctFormValue(key) {
-  let val = null;
-  if (key) {
-    const form = useForm();
-    const formItem = form.item[key];
-    if (formItem) {
-      val = computed({
-        get() {
-          return formItem.value;
-        },
-        set(v) {
-          if (typeof v === "string") {
-            v = v.trim();
-          }
-          if (typeof v != "object" && formItem.value == v) {
-            return;
-          }
-          formItem.value = v;
-        }
-      });
-    }
-  } else {
-    let vue = getCurrentInstance().proxy;
-    const props = vue.$props;
-    const emit = vue.$emit;
-    val = computed({
-      get: () => {
-        return props.value;
-      },
-      set: (newVal) => {
-        if (typeof newVal === "string") {
-          newVal = newVal.trim();
-        }
-        if (typeof newVal != "object" && props.value == newVal) {
-          return;
-        }
-        emit("update:value", newVal);
-      }
-    });
-    vue = null;
-  }
-  return val;
-}
-function useGctFormValueByText(prefix, suffix) {
-  let vue = getCurrentInstance().proxy;
-  const props = vue.$props;
-  const emit = vue.$emit;
-  const prefixSize = prefix ? prefix.length : 0;
-  const suffixSize = suffix ? suffix.length : 0;
-  const val = computed({
-    get: () => {
-      if (!props.value) {
-        return "";
-      }
-      let value = props.value;
-      if (prefixSize > 0 && value.startsWith(prefix)) {
-        value = value.substring(prefixSize);
-      }
-      if (suffixSize > 0 && value.endsWith(suffix)) {
-        value = value.substring(0, value.length - suffixSize);
-      }
-      return value;
-    },
-    set: (newVal) => {
-      if (props.value === newVal) {
-        return;
-      }
-      if (newVal == "") {
-        emit("update:value", "");
-        return;
-      }
-      let value = newVal;
-      if (prefixSize > 0) {
-        value = prefix + value;
-      }
-      if (suffixSize > 0) {
-        value = value + suffix;
-      }
-      emit("update:value", value);
-    }
-  });
-  vue = null;
-  return val;
-}
-
-export { useGctFormValue, useGctFormValueByText };

package/es/hooks/use-overlay-scrollbars/use-overlay-scrollbars.d.ts

@@ -1,11 +0,0 @@
-import { Ref } from 'vue';
-import { OverlayScrollbars, EventListeners, PartialOptions } from 'overlayscrollbars';
-/**
- * OverlayScrollbars Vue 3 组合式函数
- *
- * @export
- * @param {PartialOptions} options
- * @param {EventListeners} [eventListeners]
- * @return {*}
- */
-export declare function useOverlayScrollbars(osElRef: Ref<HTMLElement | undefined>, options: PartialOptions, eventListeners?: EventListeners): Ref<OverlayScrollbars>;

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

@@ -1,26 +0,0 @@
-import { IFormController } from '../form/form.controller';
-/**
- * 编辑表单控制器
- *
- * @author zhanghanrui
- * @date 2024-04-01 18:04:24
- * @export
- * @interface IEditFormController
- * @extends {IFormController}
- */
-export interface IEditFormController extends IFormController {
-    /**
-     * 保存表单数据
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 20:04:25
-     * @return {*}  {Promise<IData>}
-     */
-    save(): Promise<IData>;
-    /**
-     * 自动保存表单数据(值变化时就触发)
-     *
-     * @returns {*}  {Promise<IData>}
-     */
-    autoSave(): Promise<IData>;
-}

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

@@ -1,11 +0,0 @@
-import { IColorEditor } from '../../form/i-editor/i-color-editor';
-import { IEditorController } from '../editor-item/editor-item.controller';
-/**
- * 颜色选择编辑器控制器
- * @author lingxiaoming
- * @date 2024-07-17 04:35:50
- * @export
- * @interface IColorEditorController
- * @extends {IEditorController<IColorEditor>}
- */
-export type IColorEditorController = IEditorController<IColorEditor>;

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

@@ -1,11 +0,0 @@
-import { ILengthUnitEditor } from '../../form/i-editor/i-length-unit-editor';
-import { IEditorController } from '../editor-item/editor-item.controller';
-/**
- * 带单位长度字符串编辑器控制器
- * @author lingxiaoming
- * @date 2024-07-17 04:35:50
- * @export
- * @interface ILengthUnitEditorController
- * @extends {IEditorController<ILengthUnitEditor>}
- */
-export type ILengthUnitEditorController = IEditorController<ILengthUnitEditor>;

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

@@ -1,19 +0,0 @@
-import { IEditorBasic } from '../../form';
-/**
- * 编辑器控制器
- *
- * @author zhanghanrui
- * @date 2024-04-02 13:04:35
- * @export
- * @interface IEditorController
- */
-export interface IEditorController<M extends IEditorBasic = IEditorBasic> {
-    /**
-     * 编辑器模型
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 13:04:51
-     * @type {IEditorBasic}
-     */
-    readonly model: M;
-}

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

@@ -1,121 +0,0 @@
-import { QXEvent } from 'qx-util';
-import { IFormItemProvider } from '../../provider';
-import { IFormState } from '../../state';
-import { IFormItemBasicController } from '../form-item-basic/form-item-basic.controller';
-import { IFormEvent } from '../../events';
-/**
- * 表单控制器
- *
- * @author zhanghanrui
- * @date 2024-04-01 13:04:48
- * @export
- * @interface IFormController
- */
-export interface IFormController {
-    /**
-     * 表单内部事件
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 13:04:51
-     * @type {QXEvent<IFormEvent>}
-     */
-    readonly evt: QXEvent<IFormEvent>;
-    /**
-     * 表单状态
-     *
-     * @author zhanghanrui
-     * @date 2024-04-01 13:04:51
-     * @type {IFormState}
-     */
-    state: IFormState;
-    /**
-     * 表单项控制器实例
-     *
-     * @author zhanghanrui
-     * @date 2024-04-01 13:04:17
-     * @type {Record<string, IFormItemBasicController>}
-     */
-    readonly item: Record<string, IFormItemBasicController>;
-    /**
-     * 表单项适配器实例
-     *
-     * @author zhanghanrui
-     * @date 2024-04-01 19:04:31
-     * @type {Record<string, IFormItemProvider>}
-     */
-    readonly provider: Record<string, IFormItemProvider>;
-    /**
-     * 表单上下文
-     *
-     * @author zhanghanrui
-     * @date 2024-04-03 14:04:57
-     * @type {IParams}
-     */
-    readonly context: IParams;
-    /**
-     * 表单参数
-     *
-     * @author zhanghanrui
-     * @date 2024-04-03 14:04:10
-     * @type {IParams}
-     */
-    readonly params: IParams;
-    /**
-     * 获取表单数据
-     *
-     * @author zhanghanrui
-     * @date 2024-04-01 13:04:32
-     * @return {*}  {IData}
-     */
-    getData(): IData;
-    /**
-     * 重置表单数据
-     *
-     * @author zhanghanrui
-     * @date 2024-04-01 13:04:52
-     */
-    resetData(): void;
-    /**
-     * 加载表单数据
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 20:04:29
-     * @return {*}  {Promise<IData>}
-     */
-    load(): Promise<IData>;
-    /**
-     * 数据加载完毕
-     *
-     * @author zhanghanrui
-     * @date 2024-08-01 11:08:42
-     */
-    loaded(): void;
-    /**
-     * 组件销毁调用
-     *
-     * @author zhanghanrui
-     * @date 2024-04-03 16:04:26
-     */
-    destroy(): void;
-    /**
-     * 校验表单
-     * @author lingxiaoming
-     * @date 2024-07-19 04:07:54
-     * @return {*}  {Promise<boolean>}
-     */
-    validate(): Promise<boolean>;
-    /**
-     * 触发指定表单项值规则校验
-     *
-     * @param {string} key
-     * @returns {*}  {Promise<boolean>}
-     */
-    validateItem(key: string): Promise<boolean>;
-    /**
-     * 组件初始化完毕
-     *
-     * @author zhanghanrui
-     * @date 2024-08-01 11:08:18
-     */
-    mounted(): void;
-}

package/es/interface/controller/form-collapse/form-collapse.controller.d.ts

@@ -1,23 +0,0 @@
-import { IFormCollapse } from '../../form';
-import { IFormCollapseState } from '../../state';
-import { IFormItemBasicController } from '../form-item-basic/form-item-basic.controller';
-/**
- * 表单折叠面板
- * @author lingxiaoming
- * @date 2024-07-14 01:53:49
- * @export
- * @interface IFormCollapseController
- * @extends {IFormItemBasicController<M, S>}
- * @template M
- * @template S
- */
-export interface IFormCollapseController<M extends IFormCollapse = IFormCollapse, S extends IFormCollapseState = IFormCollapseState> extends IFormItemBasicController<M, S> {
-    /**
-     * 折叠面板类型
-     *
-     * @author lingxiaoming
-     * @date 2024-07-14 01:56:56
-     * @type {'collapse'}
-     */
-    type: 'collapse';
-}

package/es/interface/controller/form-collapse-pane/form-collapse-pane.controller.d.ts

@@ -1,23 +0,0 @@
-import { IFormCollapsePane } from '../../form';
-import { IFormCollapsePaneState } from '../../state';
-import { IFormItemBasicController } from '../form-item-basic/form-item-basic.controller';
-/**
- * 表单折叠面板项
- * @author lingxiaoming
- * @date 2024-07-14 01:53:49
- * @export
- * @interface IFormCollapsePaneController
- * @extends {IFormItemBasicController<M, S>}
- * @template M
- * @template S
- */
-export interface IFormCollapsePaneController<M extends IFormCollapsePane = IFormCollapsePane, S extends IFormCollapsePaneState = IFormCollapsePaneState> extends IFormItemBasicController<M, S> {
-    /**
-     * 折叠面板项类型
-     *
-     * @author lingxiaoming
-     * @date 2024-07-14 01:56:56
-     * @type {'collapse-pane'}
-     */
-    type: 'collapse-pane';
-}

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

@@ -1,59 +0,0 @@
-import { IFormEditItem } from '../../form';
-import { IFormEditItemState } from '../../state';
-import { IFormItemBasicController } from '../form-item-basic/form-item-basic.controller';
-/**
- * 表单编辑项控制器
- *
- * @author zhanghanrui
- * @date 2024-04-02 20:04:55
- * @export
- * @interface IFormEditItemController
- * @extends {IFormItemBasicController<M, S>}
- * @template M
- * @template S
- */
-export interface IFormEditItemController<M extends IFormEditItem = IFormEditItem, S extends IFormEditItemState = IFormEditItemState> extends IFormItemBasicController<M, S> {
-    /**
-     * 获取值
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 09:04:18
-     * @return {*}  {*}
-     */
-    value: any;
-    /**
-     * 编辑器使用的值(兼容多值处理)
-     *
-     * @author lingxiaoming
-     * @date 2024-07-18 10:37:37
-     * @type {*}
-     */
-    editorValue: any;
-    /**
-     * 项数据键
-     *
-     * @author zhanghanrui
-     * @date 2024-04-03 11:04:21
-     * @type {string}
-     */
-    key: string;
-    /**
-     * 重置表单项值
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 20:04:15
-     */
-    reset(): void;
-    /**
-     * 设置默认值
-     *
-     * @author zhanghanrui
-     * @date 2024-08-06 10:08:15
-     */
-    defaultValue(): void;
-    /**
-     * 失焦
-     *
-     */
-    blur(): void;
-}