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

package/es/modules/gct-dnd/interface/i-gct-dnd-config.d.ts

@@ -0,0 +1,101 @@
+import { GCT_DND_INSERT_POS } from '../constants';
+import { IGctDndData } from './i-gct-dnd-data';
+import { IGctDragDndData } from './i-gct-drag-dnd-data';
+import { IGctDropResultData } from './i-gct-drop-result';
+/**
+ * 拖拽配置
+ *
+ * @export
+ * @interface IGctDndConfig
+ */
+export interface IGctDndConfig {
+    /**
+     * 拖拽分组标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 拖拽时额外携带的标签，可以用于做特殊区分
+     *
+     * @type {IObject}
+     */
+    tagMap?: IObject;
+    /**
+     * 拖拽模式，默认移动
+     *
+     * @default 'move'
+     * @type {('copy' | 'move' | string)}
+     */
+    mode?: 'copy' | 'move' | string;
+    /**
+     * 自定义拖拽标识
+     *
+     * @type {string}
+     */
+    handle?: string;
+    /**
+     * 是否开启放置功能，默认 开启
+     *
+     * @default true
+     * @type {boolean}
+     */
+    isDrop?: boolean;
+    /**
+     * 是否开启拖拽功能，默认 开启
+     *
+     * @default true
+     * @type {boolean}
+     */
+    isDrag?: boolean;
+    /**
+     * 拖拽方向，默认水平方向
+     *
+     * @default 'horizontal'
+     * @type {('vertical' | 'horizontal')}
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * 拖拽放置偏移量，用于控制放置区移动鼠标的交互优化
+     *
+     * @type {number}
+     */
+    offset?: number;
+    /**
+     * 拖入容器时，默认插入位置
+     *
+     * @default 'after'
+     * @type {('first' | 'last')}
+     */
+    insertPos?: GCT_DND_INSERT_POS;
+    /**
+     * 是否允许放置
+     *
+     */
+    canDrop?: (data: IGctDragDndData) => boolean;
+    /**
+     * 是否允许拖拽
+     *
+     */
+    canDrag?: (data: IGctDndData) => boolean;
+    /**
+     * 放置数据处理
+     *
+     */
+    drop?: (data: IGctDragDndData) => IGctDndData | null;
+    /**
+     * 放置数据处理
+     *
+     */
+    end?: (data: IGctDragDndData, res: IGctDropResultData) => void;
+    /**
+     * 新增
+     *
+     */
+    add?: (data: IGctDndData) => void;
+    /**
+     * 删除项
+     *
+     */
+    remove?: (data: IGctDndData) => void;
+}

package/es/modules/gct-dnd/interface/i-gct-dnd-data.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 拖拽数据
+ *
+ * @export
+ * @interface IGctDndData
+ */
+export interface IGctDndData extends IObject {
+    /**
+     * 必须要有主键标识
+     *
+     * @type {string}
+     */
+    id: string;
+}

package/es/modules/gct-dnd/interface/i-gct-dnd-render-item-options.d.ts

@@ -0,0 +1,28 @@
+import { ConnectDragSource, DragSourceOptions } from 'vue3-dnd';
+/**
+ * 拖拽项绘制 props 参数
+ *
+ * @export
+ * @interface IGctDndRenderItemOptions
+ * @template T
+ */
+export interface IGctDndRenderItemOptions<T = IObject> {
+    /**
+     * 当前拖拽项开始拖拽时的索引
+     *
+     * @type {number}
+     */
+    index: number;
+    /**
+     * 拖拽数据
+     *
+     * @type {T}
+     */
+    data: T;
+    /**
+     * 设置拖拽项的 DOM 元素
+     *
+     * @type {ConnectDragSource<DragSourceOptions>}
+     */
+    drag: ConnectDragSource<DragSourceOptions>;
+}

package/es/modules/gct-dnd/interface/i-gct-drag-collect.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 拖拽时状态
+ *
+ * @export
+ * @interface IGctDragCollect
+ */
+export interface IGctDragCollect {
+    /**
+     * 是否可以拖拽
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 15:07:20
+     * @type {boolean}
+     */
+    canDrag: boolean;
+    /**
+     * 是否正在拖拽
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 15:07:26
+     * @type {boolean}
+     */
+    isDragging: boolean;
+}

package/es/modules/gct-dnd/interface/i-gct-drag-dnd-data.d.ts

@@ -0,0 +1,51 @@
+import { IGctDndData } from './i-gct-dnd-data';
+/**
+ * 拖拽数据
+ *
+ * @export
+ * @interface IGctDragDndData
+ */
+export interface IGctDragDndData<T = IGctDndData> {
+    /**
+     * 当前数据标识，如果是新数据则主键为空
+     *
+     * @type {string}
+     */
+    id: string;
+    /**
+     * 拖拽分组实例标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 拖拽项原位置索引
+     *
+     * @type {number}
+     */
+    index: number;
+    /**
+     * 当前拖拽数据
+     *
+     * @type {T}
+     */
+    data: T;
+    /**
+     * 数据模式
+     *
+     * @type {('create' | 'move' | string)} 新建 | 移动
+     */
+    mode: 'create' | 'move' | string;
+    /**
+     * 额外拖拽标识
+     *
+     * @type {IObject}
+     */
+    tagMap: IObject;
+    /**
+     * 包含自身 + 所有子的类型，目前主要用于拖拽限制
+     *
+     * @type {string[]}
+     */
+    types: string[];
+}

package/es/modules/gct-dnd/interface/i-gct-drop-collect.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 放置时状态
+ *
+ * @export
+ * @interface IGctDropCollect
+ */
+export interface IGctDropCollect {
+    /**
+     * 拖拽元素标识
+     *
+     * @type {string}
+     */
+    handlerId: string;
+    /**
+     * 是否可以放置
+     *
+     * @type {boolean}
+     */
+    canDrop: boolean;
+    /**
+     * 是否只在单一元素放置
+     *
+     * @type {boolean}
+     */
+    isShallowOver: boolean;
+    /**
+     * 是否放置中
+     *
+     * @type {boolean}
+     */
+    isOver: boolean;
+}

package/es/modules/gct-dnd/interface/i-gct-drop-result.d.ts

@@ -0,0 +1,47 @@
+import { IGctDndConfig } from './i-gct-dnd-config';
+import { IGctDndData } from './i-gct-dnd-data';
+/**
+ * 放置返回值数据
+ *
+ * @export
+ * @interface IGctDropResultData
+ */
+export interface IGctDropResultData {
+    /**
+     * 放置分组标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 是否成功放置
+     *
+     * @type {boolean}
+     */
+    success: boolean;
+    /**
+     * 放置数据
+     *
+     * @type {IGctDndData}
+     */
+    data?: IGctDndData;
+    /**
+     * 额外携带放置配置，用于优化放置对比
+     *
+     * @type {IGctDndConfig}
+     */
+    cfg: IGctDndConfig;
+}
+/**
+ * 放置返回值
+ *
+ * @export
+ * @interface IGctDropResult
+ */
+export interface IGctDropResult {
+    /**
+     * 放置数据异步钩子
+     *
+     */
+    asyncDrop: () => Promise<IGctDropResultData>;
+}

package/es/modules/gct-dnd/interface/index.d.ts

@@ -0,0 +1,7 @@
+export type { IGctDndConfig } from './i-gct-dnd-config';
+export type { IGctDndData } from './i-gct-dnd-data';
+export type { IGctDndRenderItemOptions } from './i-gct-dnd-render-item-options';
+export type { IGctDragCollect } from './i-gct-drag-collect';
+export type { IGctDropCollect } from './i-gct-drop-collect';
+export type { IGctDragDndData } from './i-gct-drag-dnd-data';
+export type { IGctDropResult, IGctDropResultData } from './i-gct-drop-result';

package/es/modules/gct-form/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/modules/gct-form/constants/editor-register/editor-register.mjs

@@ -0,0 +1,6 @@
+var EditorRegisterConst = /* @__PURE__ */ ((EditorRegisterConst2) => {
+  EditorRegisterConst2["PREFIX"] = "EDITOR___";
+  return EditorRegisterConst2;
+})(EditorRegisterConst || {});
+
+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,35 @@
+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["MSG"] = "msg";
+  EditorType2["SELECT"] = "select";
+  EditorType2["SELECT_GROUP"] = "select-group";
+  EditorType2["RADIO"] = "radio";
+  EditorType2["PICKER"] = "picker";
+  EditorType2["MULTIPLE_CHOICE"] = "multiple-choice";
+  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";
+  EditorType2["DATE"] = "date";
+  EditorType2["MODEL_SELECT"] = "model-select";
+  EditorType2["ACTION"] = "action";
+  EditorType2["TABLE"] = "table";
+  EditorType2["SELECT_TABLE"] = "select-table";
+  EditorType2["EMPTY"] = "empty";
+  EditorType2["FORM_MODEL_FIELD_SELECT"] = "form-model-field-select";
+  EditorType2["PIXEL_CONFIG"] = "pixel-config";
+  EditorType2["FIELD_INFO"] = "field-info";
+  EditorType2["DATE_FORMAT_SELECT"] = "date-format-select";
+  EditorType2["FORMULA"] = "formula";
+  return EditorType2;
+})(EditorType || {});
+
+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,3 @@
+const FORM_CONTROLLER_INJECT_TAG = "formController";
+
+export { FORM_CONTROLLER_INJECT_TAG };

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

@@ -0,0 +1,42 @@
+import { IEditForm, IEditFormController, IFormEvent, IFormItemBasic, IFormItemBasicController, IFormItemBasicState, IFormItemProvider, IFormState } from '../../interface';
+import { GctFormController } from '../gct-form/gct-form.controller';
+import { QXEvent } from 'qx-util';
+/**
+ * 编辑表单控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-01 18:04:45
+ * @export
+ * @class EditFormController
+ * @extends {GctFormController}
+ * @implements {IEditFormController}
+ */
+export declare class EditFormController extends GctFormController implements IEditFormController {
+    evt: QXEvent<IFormEvent>;
+    state: IFormState;
+    item: Record<string, IFormItemBasicController<IFormItemBasic, IFormItemBasicState>>;
+    provider: Record<string, IFormItemProvider>;
+    context: IParams;
+    params: IParams;
+    getData(): IData;
+    resetData(): void;
+    load(): Promise<IData>;
+    loaded(): void;
+    destroy(): void;
+    validate(): Promise<boolean>;
+    validateItem(_key: string): Promise<boolean>;
+    mounted(): void;
+    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,72 @@
+import { reactive, onUnmounted } from 'vue';
+import { GctFormController } from '../gct-form/gct-form.controller.mjs';
+
+class EditFormController extends GctFormController {
+  getData() {
+    throw new Error("Method not implemented.");
+  }
+  resetData() {
+    throw new Error("Method not implemented.");
+  }
+  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.");
+  }
+  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);
+  }
+}
+function useEditFormController(fn) {
+  const c = fn();
+  c.state = reactive(c.state);
+  onUnmounted(() => c.destroy());
+  return c;
+}
+
+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,23 @@
+class EditorController {
+  model;
+  options = [];
+  constructor(model) {
+    this.model = model;
+  }
+  // protected init(): void {
+  //   if (this.model.codeList) {
+  //     if (this.model.codeList.mode === 'static' && this.model.codeList.items) {
+  //       this.options = this.model.codeList.items;
+  //     }
+  //   } else if (this.model.codeTag) {
+  //     const cfg = _gct.dictionary.getConfig(this.model.codeTag);
+  //     if (cfg) {
+  //       if (cfg.mode === 'static') {
+  //         this.options = _gct.dictionary.get(this.model.codeTag);
+  //       }
+  //     }
+  //   }
+  // }
+}
+
+export { EditorController };