@gct-paas/design 0.0.1-dev.11 → 0.0.1-dev.12

package/es/constant/index.d.ts

@@ -0,0 +1 @@
+export { VariableTypeEnum } from './variable-type/variable-type';

package/es/constant/index.mjs

@@ -0,0 +1,3 @@
+export { VariableTypeEnum } from './variable-type/variable-type.mjs';
+
+"use strict";

package/es/constant/variable-type/variable-type.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 变量类型
+ */
+export declare enum VariableTypeEnum {
+    String = "String",
+    Number = "Number",
+    Boolean = "Boolean",
+    Object = "Object",
+    Array = "Array",
+    DataTime = "DataTime",
+    Null = "Null"
+}

package/es/constant/variable-type/variable-type.mjs

@@ -0,0 +1,13 @@
+"use strict";
+var VariableTypeEnum = /* @__PURE__ */ ((VariableTypeEnum2) => {
+  VariableTypeEnum2["String"] = "String";
+  VariableTypeEnum2["Number"] = "Number";
+  VariableTypeEnum2["Boolean"] = "Boolean";
+  VariableTypeEnum2["Object"] = "Object";
+  VariableTypeEnum2["Array"] = "Array";
+  VariableTypeEnum2["DataTime"] = "DataTime";
+  VariableTypeEnum2["Null"] = "Null";
+  return VariableTypeEnum2;
+})(VariableTypeEnum || {});
+
+export { VariableTypeEnum };

package/es/interface/controller/i-design-drag.controller.d.ts

@@ -0,0 +1,42 @@
+import { LowCodeWidget } from '@gct-paas/core';
+import { IDesignDragState } from '../state/i-design-drag.state';
+import { IDesignViewController } from './i-design-view.controller';
+/**
+ * 设计界面单区域拖拽控制器
+ *
+ * @export
+ * @interface IDesignDragController
+ */
+export interface IDesignDragController {
+    /**
+     * 设计界面控制器
+     *
+     * @type {IDesignViewController}
+     */
+    readonly view: IDesignViewController;
+    /**
+     * 设计界面单拖拽区域状态
+     *
+     * @type {IDesignDragState}
+     */
+    readonly state: IDesignDragState;
+    /**
+     * 新增组件
+     *
+     * @param {LowCodeWidget.BasicSchema} widget
+     * @returns {*}  {LowCodeWidget.BasicSchema}
+     */
+    addWidget(widget: LowCodeWidget.BasicSchema): LowCodeWidget.BasicSchema;
+    /**
+     * 删除组件
+     *
+     * @param {LowCodeWidget.BasicSchema} widget
+     */
+    deleteWidget(widget: LowCodeWidget.BasicSchema): void;
+    /**
+     * 更新组件
+     *
+     * @param {LowCodeWidget.BasicSchema} widget
+     */
+    updateWidget(widget: LowCodeWidget.BasicSchema): void;
+}

package/es/interface/controller/i-design-drag.controller.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/controller/i-design-view.controller.d.ts

@@ -0,0 +1,35 @@
+import { IDesignerProvider, LowCodeWidget } from '@gct-paas/core';
+import { IDesignViewState } from '../state/i-design-view.state';
+/**
+ * 设计界面控制器
+ *
+ * @export
+ * @interface IDesignViewController
+ */
+export interface IDesignViewController {
+    /**
+     * 设计界面状态
+     *
+     * @type {IDesignViewState}
+     */
+    readonly state: IDesignViewState;
+    /**
+     * 设计界面所有适配器
+     *
+     * @type {IDesignerProvider[]}
+     */
+    readonly providers: IDesignerProvider[];
+    /**
+     * 获取指定插件适配器
+     *
+     * @param {string} tag
+     * @returns {*}  {(IDesignerProvider | undefined)}
+     */
+    getProvider(tag: string): IDesignerProvider | undefined;
+    /**
+     * 激活选中组件
+     *
+     * @param {LowCodeWidget.BasicSchema} widget
+     */
+    setSelect(widget: LowCodeWidget.BasicSchema): void;
+}

package/es/interface/controller/i-design-view.controller.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/design-page/design-page.d.ts

@@ -0,0 +1,141 @@
+import { LowCodeModal, LowCodeWidget } from '@gct-paas/core';
+import { VariableTypeEnum } from '../../constant';
+/**
+ * 局部变量
+ */
+export interface VariableInterface {
+    name: string;
+    type: VariableTypeEnum;
+    defaultValue: string;
+    description?: string;
+}
+export interface LoDataObject {
+    name: string;
+    title: string;
+    controls: Record<string, object>;
+    variables: VariableInterface[];
+    graphJSON: object;
+    runtimeJs: string;
+    createBy: string;
+    createTime: string;
+    modifyBy: string;
+    modifyTime: string;
+    bindTo: string[];
+    /**输入变量 */
+    parameter?: string[];
+}
+export interface PageJson {
+    id: string;
+    keepAlive: boolean;
+    /**页面事件 */
+    pageEvents: {
+        /**页面加载前 */
+        pageBeforeMount?: LowCodeWidget.JsEvent | LowCodeWidget.InnerEvents[];
+        /**页面加载事件 */
+        pageMounted?: LowCodeWidget.JsEvent | LowCodeWidget.InnerEvents[];
+        /**页面离开事件 */
+        pageDestroyed?: LowCodeWidget.JsEvent | LowCodeWidget.InnerEvents[];
+    };
+    widgets: LowCodeWidget.BasicSchema[];
+    js: string;
+    css: string;
+    modals: LowCodeModal.Modal[];
+    template: unknown[];
+    timestamp?: number;
+    newDesigner?: boolean;
+    /**全局页面事件 */
+    globalEvents: {
+        /**页面加载公共事件ID */
+        pageMounted?: string;
+        /**页面离开公共事件ID */
+        pageDestroyed?: string;
+    };
+    los?: Record<string, LoDataObject>;
+    permissions: Record<string, string | null>;
+    style: Partial<LowCodeWidget.BasicStyle>;
+    pageConfig: Partial<PageConfig>;
+    pageVars: LowCodeWidget.PageVars[];
+}
+interface PageConfig {
+    title: string;
+    i18n: {
+        key?: string;
+        title?: string;
+    };
+    hasFooter: boolean;
+}
+interface PageStyle {
+    enableHeaderBGColor?: boolean;
+}
+export type ExportMethod = Record<string, {
+    params: string;
+    source: string;
+    type: string;
+}>;
+export interface History {
+    createTime: string;
+    createUserName: string;
+    designJson: string;
+    runtimeJson: string;
+}
+export interface RuntimePageJson {
+    widgets: LowCodeWidget.BasicSchema[];
+    runJs: string;
+    modals: RuntimeModal[];
+    css: string;
+    keepAlive: boolean;
+    /**全局页面事件 */
+    globalEvents: {
+        /**页面加载公共事件ID */
+        pageMounted?: string;
+        /**页面激活公共事件ID */
+        pageActivated?: string;
+        /**页面离开公共事件ID */
+        pageDestroyed?: string;
+    };
+    /**页面加载事件 */
+    pageEvents: {
+        /**页面加载前 */
+        pageBeforeMount?: {
+            /**JS方法名称 */
+            name: string;
+            /**event额外参数 */
+            extraParams: Record<string, any> | string | number | boolean;
+        };
+        /**页面加载事件 */
+        pageMounted?: {
+            /**JS方法名称 */
+            name: string;
+            /**event额外参数 */
+            extraParams: Record<string, any> | string | number | boolean;
+        };
+        /**页面激活事件 */
+        pageActivated?: {
+            /**JS方法名称 */
+            name: string;
+            /**event额外参数 */
+            extraParams: Record<string, any> | string | number | boolean;
+        };
+        /**页面离开事件 */
+        pageDestroyed?: {
+            /**JS方法名称 */
+            name: string;
+            /**event额外参数 */
+            extraParams: Record<string, any> | string | number | boolean;
+        };
+    };
+    pageConfig: Partial<PageConfig>;
+    pageStyle: Partial<PageStyle>;
+}
+export interface RuntimeModal {
+    props?: LowCodeModal.ModalProps;
+    css?: string;
+    modalName?: string;
+    id?: string;
+    i18n?: Record<string, string>;
+    events?: LowCodeWidget.BasicEvents;
+    children?: [LowCodeModal.ModalBody, LowCodeModal.ModalBody];
+    runJs?: string;
+    style: Partial<LowCodeWidget.BasicStyle>;
+}
+export {};

package/es/interface/design-page/design-page.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-drag-collect/i-drag-collect.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 拖拽状态收集器
+ *
+ * @export
+ * @interface IDragCollect
+ */
+export interface IDragCollect {
+    /**
+     * 是否可以拖拽
+     *
+     * @type {boolean}
+     */
+    canDrag: boolean;
+    /**
+     * 是否正在拖拽
+     *
+     * @type {boolean}
+     */
+    isDragging: boolean;
+}

package/es/interface/i-drag-collect/i-drag-collect.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-drag-data-item/i-drag-data-item.d.ts

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

package/es/interface/i-drag-data-item/i-drag-data-item.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-drag-item/i-drag-item.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 拖拽项
+ *
+ * @export
+ * @interface IDragItem
+ */
+export interface IDragItem {
+    /**
+     * 下标
+     *
+     * @type {number}
+     */
+    index: number;
+    /**
+     * 标识
+     *
+     * @type {string}
+     */
+    id: string;
+    /**
+     * 类型
+     *
+     * @type {string}
+     */
+    type: string;
+    /**
+     * 拖拽数据
+     *
+     * @type {IObject}
+     */
+    data: IObject;
+}

package/es/interface/i-drag-item/i-drag-item.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-drop-collect/i-drop-collect.d.ts

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

package/es/interface/i-drop-collect/i-drop-collect.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-drop-result/i-drop-result.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 放置结果回执
+ *
+ * @export
+ * @interface IDropResult
+ */
+export interface IDropResultData {
+    /**
+     * 放置分组标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 是否成功放置
+     *
+     * @type {boolean}
+     */
+    success: boolean;
+}
+/**
+ * 拖拽操作返回值
+ *
+ * @export
+ * @interface IDropResult
+ */
+export interface IDropResult {
+    /**
+     * 放置异步沟通操作
+     *
+     * @type {Promise<IDropResultData>}
+     */
+    asyncDrop: Promise<IDropResultData>;
+}

package/es/interface/i-drop-result/i-drop-result.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/index.d.ts

@@ -1 +1,11 @@
+export type { IDesignDragController } from './controller/i-design-drag.controller';
+export type { IDesignViewController } from './controller/i-design-view.controller';
+export type { IDragCollect } from './i-drag-collect/i-drag-collect';
+export type { IDragDataItem } from './i-drag-data-item/i-drag-data-item';
+export type { IDragItem } from './i-drag-item/i-drag-item';
+export type { IDropCollect } from './i-drop-collect/i-drop-collect';
+export type { IDropResult, IDropResultData, } from './i-drop-result/i-drop-result';
+export type { ExportMethod, History, LoDataObject, PageJson, RuntimeModal, RuntimePageJson, VariableInterface, } from './design-page/design-page';
 export * from './props';
+export type { IDesignDragState } from './state/i-design-drag.state';
+export type { IDesignViewState } from './state/i-design-view.state';

package/es/interface/state/i-design-drag.state.d.ts

@@ -0,0 +1,15 @@
+import { LowCodeWidget } from '@gct-paas/core';
+/**
+ * 设计界面拖拽状态
+ *
+ * @export
+ * @interface IDesignDragState
+ */
+export interface IDesignDragState {
+    /**
+     * 拖拽设计界面组件清单
+     *
+     * @type {LowCodeWidget.BasicSchema[]}
+     */
+    widgets: LowCodeWidget.BasicSchema[];
+}

package/es/interface/state/i-design-drag.state.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/state/i-design-view.state.d.ts

@@ -0,0 +1,28 @@
+import { LowCodeWidget } from '@gct-paas/core';
+import { PageJson } from '../design-page/design-page';
+/**
+ * 设计界面状态
+ *
+ * @export
+ * @interface IDesignViewState
+ */
+export interface IDesignViewState {
+    /**
+     * 是否为移动端
+     *
+     * @type {boolean}
+     */
+    isMobile: boolean;
+    /**
+     * 界面模型
+     *
+     * @type {PageJson}
+     */
+    model: PageJson;
+    /**
+     * 当前选中激活的组件对象
+     *
+     * @type {(LowCodeWidget.BasicSchema | null)}
+     */
+    selectWidget: LowCodeWidget.BasicSchema | null;
+}

package/es/interface/state/i-design-view.state.mjs

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.0.1-dev.11",
+  "version": "0.0.1-dev.12",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "main": "dist/index.min.cjs",
@@ -41,14 +41,19 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/build": "0.0.1-dev.11",
-    "@gct-paas/core": "0.0.1-dev.11",
+    "@gct-paas/build": "0.0.1-dev.12",
+    "@gct-paas/core": "0.0.1-dev.12",
     "ant-design-vue": "3.2.20",
+    "lodash-es": "^4.17.21",
+    "lokijs": "^1.5.12",
     "qx-util": "^0.4.8",
     "vue": "^3.5.13"
   },
   "peerDependencies": {
     "vue": "^3.x"
   },
-  "gitHead": "3f988584fd9450fa356f802a0316d75ee44a6a27"
+  "devDependencies": {
+    "@types/lokijs": "^1.5.14"
+  },
+  "gitHead": "b8e3713e94a27f7df471dae92fbc7ee050a7b4d5"
 }