@chamn/engine 0.0.1 → 0.0.2

package/dist/Engine.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Workbench } from './component/Workbench';
+import { CPlugin, PluginManager } from './core/pluginManager';
+import { Emitter } from 'mitt';
+import { AssetPackage, CMaterialType, CNode, CPage, CPageDataType, CRootNode } from '@chamn/model';
+export type EnginContext = {
+    pluginManager: PluginManager;
+    engine: Engine;
+};
+export type EngineProps = {
+    plugins: CPlugin[];
+    schema: CPageDataType;
+    material?: CMaterialType[];
+    assets?: AssetPackage[];
+    assetPackagesList?: AssetPackage[];
+    beforePluginRun?: (options: {
+        pluginManager: PluginManager;
+    }) => void;
+    onReady?: (ctx: EnginContext) => void;
+};
+declare class Engine extends React.Component<EngineProps> {
+    currentSelectNode: CNode | CRootNode | null;
+    pluginManager: PluginManager;
+    workbenchRef: React.RefObject<Workbench>;
+    pageSchema: CPageDataType | undefined;
+    pageModel: CPage;
+    material: CMaterialType[] | undefined;
+    emitter: Emitter<any>;
+    constructor(props: EngineProps);
+    updateCurrentSelectNode(node: CNode | CRootNode): void;
+    componentDidMount(): Promise<void>;
+    getActiveNode(): CNode | CRootNode | null;
+    updatePage: (page: CPageDataType) => void;
+    updateDesignerAssets: (assets: AssetPackage[]) => void;
+    updateMaterial: (material: CMaterialType[]) => void;
+    refresh: () => void;
+    getWorkbench: () => Workbench | null;
+    render(): JSX.Element;
+}
+export default Engine;

package/dist/component/Workbench/index.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import { ResizeCallback } from 're-resizable';
+import { Emitter } from 'mitt';
+export interface PluginContext {
+    openPanel: () => void;
+    closePanel: () => void;
+    getPlugin: (pluginName: string) => any;
+    emitter: Emitter<any>;
+}
+type PanelItem = {
+    name: string;
+    title: string | React.ReactNode;
+    icon: React.ReactNode;
+    render: React.ReactNode;
+};
+type WorkbenchStateType = {
+    leftBoxVisible: boolean;
+    leftBoxSize: {
+        width: number;
+        height: number | string;
+    };
+    leftBoxFixed: boolean;
+    rightBoxSize: {
+        width: number;
+        height: number | string;
+    };
+    rightBoxVisible: boolean;
+    currentActiveLeftPanel: string;
+    leftPanels: PanelItem[];
+    bodyView: React.ReactNode | null;
+    rightView: React.ReactNode | null;
+    topToolBarView: React.ReactNode | null;
+};
+export type WorkbenchPropsType = {
+    emitter: Emitter<any>;
+};
+export declare class Workbench extends React.Component<WorkbenchPropsType, WorkbenchStateType> {
+    emitter: Emitter<any>;
+    leftPanelContentRef: React.RefObject<HTMLDivElement>;
+    constructor(props: WorkbenchPropsType);
+    addLeftPanel: (panel: PanelItem) => void;
+    openLeftPanel: (currentActiveLeftPanel?: string) => Promise<void>;
+    closeLeftPanel: () => Promise<void>;
+    toggleLeftPanel: () => void;
+    onPluginIconClick: (panel: PanelItem) => void;
+    openRightPanel: () => void;
+    closeRightPanel: () => void;
+    replaceBodyView: (newView: React.ReactNode) => void;
+    replaceRightView: (newView: React.ReactNode) => void;
+    replaceTopBarView: (newView: React.ReactNode) => void;
+    toggleRightPanel: () => void;
+    onLeftBoxResizeStop: ResizeCallback;
+    onGlobalClick: (e: MouseEvent) => void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/core/pluginManager.d.ts

@@ -0,0 +1,56 @@
+import Engine from '../Engine';
+import { AssetPackage, CPage } from '@chamn/model';
+import { Emitter } from 'mitt';
+import { Workbench } from '../component/Workbench';
+import { CustomI18n } from '../i18n';
+export type PluginObj = {
+    name: string;
+    init: (ctx: CPluginCtx) => Promise<void>;
+    destroy: (ctx: CPluginCtx) => Promise<void>;
+    exports: (ctx: CPluginCtx) => any;
+    meta: {
+        engine: {
+            version: string;
+        };
+    };
+};
+export type CPlugin = PluginObj | ((ctx: CPluginCtx) => PluginObj);
+type PluginManagerOptions = {
+    getWorkbench: () => Workbench;
+    emitter: Emitter<any>;
+    pageModel: CPage;
+    i18n: CustomI18n;
+    assets: AssetPackage[];
+    engine: Engine;
+};
+export type CPluginCtx<C = any> = {
+    globalEmitter: Emitter<any>;
+    config: C;
+    pluginManager: PluginManager;
+    pluginReadyOk: () => void;
+} & PluginManagerOptions;
+export type PluginInstance = {
+    ctx: CPluginCtx;
+    exports: any;
+    source: PluginObj;
+    ready: boolean;
+};
+export type CustomPluginHook = (pluginInstance: PluginInstance) => PluginInstance;
+export declare class PluginManager {
+    plugins: Map<string, PluginInstance>;
+    emitter: Emitter<any>;
+    getWorkbench: () => Workbench;
+    pageModel: CPage;
+    i18n: CustomI18n;
+    assets: AssetPackage[];
+    engine: Engine;
+    customPluginHooks: Record<string, CustomPluginHook[]>;
+    constructor({ getWorkbench, emitter, pageModel, i18n, assets, engine }: PluginManagerOptions);
+    customPlugin: (pluginName: string, customPluginHook: CustomPluginHook) => void;
+    createPluginCtx: () => CPluginCtx<any>;
+    add(plugin: CPlugin): Promise<void>;
+    get(pluginName: string): Promise<PluginInstance | undefined>;
+    remove(name: string): Promise<void>;
+    onPluginReadyOk(pluginName: string, cb?: (pluginHandle: PluginInstance) => void): Promise<PluginInstance> | undefined;
+}
+export {};

package/dist/i18n/en_US/index.d.ts

@@ -0,0 +1,5 @@
+export declare const en_US: {
+    translation: {
+        'Welcome to React': string;
+    };
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,6 @@
+import i18n from 'i18next';
+export type CustomI18n = typeof i18n & {
+    update: () => void;
+};
+declare const customI18n: CustomI18n;
+export default customI18n;

package/dist/i18n/zh_CN/index.d.ts

@@ -0,0 +1,5 @@
+export declare const zh_CN: {
+    translation: {
+        'Welcome to React': string;
+    };
+};

package/dist/style.css

@@ -0,0 +1 @@
+._workbenchContainer_1b5xq_2{width:100%;height:100%;display:flex;flex-direction:column}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8{height:64px;width:100%;border-bottom:1px solid rgb(233,233,233);display:flex}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._logo_1b5xq_14{height:100%;font-size:20px;display:flex;align-items:center;margin-left:20px;font-weight:bolder}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._topToolBarView_1b5xq_22{flex:1}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25{display:flex;width:100%;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31{position:relative;display:flex;background-color:#fff;z-index:100}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37{width:50px;height:100%;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42{position:relative;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{transition:all .1s;display:block;content:"";width:2px;height:100%;position:absolute;left:0;top:0}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before{border-left:4px solid #1677ff!important}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{border-left:4px solid rgba(22,119,255,.3)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68{display:flex;flex-direction:column;background-color:#fff;z-index:100;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75{display:flex;color:#686868;height:30px;margin:10px;overflow:hidden;align-items:center}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._pluginNameText_1b5xq_83{font-size:16px;font-weight:700;margin-right:auto;flex-wrap:nowrap;word-break:keep-all}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._closeBtn_1b5xq_90,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91{color:#686868}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>*{transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>._active_1b5xq_52{transform:rotate(-45deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBox_1b5xq_68{width:100%;flex:1;background-color:#f8f8ff;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106{position:relative}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109{cursor:pointer;position:absolute;left:-18px;top:50%;transform:translateY(-50%);z-index:2;background-color:#fff;padding:10px 3px;border-radius:4px 0 0 4px;font-size:12px}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109>._active_1b5xq_52{transform:rotate(-180deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._rightBox_1b5xq_124{position:relative;width:100%;height:100%;border-left:1px rgb(233,233,233) solid}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130{display:flex;flex-direction:column;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._subTopToolbarBox_1b5xq_136{width:100%;height:50px;background-color:#fff}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141{width:100%;flex:1;overflow:hidden;padding:20px 30px;background-color:#edeff3}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141 ._scrollBox_1b5xq_148{width:100%;height:100%;box-shadow:0 1px 4px #1f325821}._engineContainer_f3ly9_2{color:#686868;font-size:14px;width:100%;height:100%;overflow:hidden}._engineContainer_f3ly9_2 *{box-sizing:border-box}

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param time 毫秒
+ * @returns
+ */
+export declare const waitReactUpdate: (time?: number) => Promise<unknown>;

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chamn/engine",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "access": "public"
   },
@@ -18,9 +18,9 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.8.0",
-    "@chamn/layout": "0.0.1",
-    "@chamn/model": "0.0.1",
-    "@chamn/render": "0.0.1",
+    "@chamn/layout": "0.0.2",
+    "@chamn/model": "0.0.2",
+    "@chamn/render": "0.0.2",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
@@ -40,8 +40,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
-    "@chamn/build-script": "0.0.1",
-    "@chamn/demo-page": "0.0.1",
+    "@chamn/build-script": "0.0.2",
+    "@chamn/demo-page": "0.0.2",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-interactions": "^6.5.16",
@@ -63,5 +63,5 @@
     "vite-plugin-monaco-editor": "^1.1.0"
   },
   "config": {},
-  "gitHead": "c8d421b3e2addf2ba311aebf9af65e5b161e94d2"
+  "gitHead": "c31f7abd436ccdf79c549d0475ca6c012e778ddb"
 }