@chamn/engine 0.0.9 → 0.0.11

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { JSExpressionPropType } from '@chamn/model';
+export type SinglePropertyEditorProps = {
+    value?: {
+        key: string;
+        value: JSExpressionPropType;
+    };
+    onValueChange: (value: {
+        key: string;
+        value: JSExpressionPropType;
+    }) => void;
+    onDelete?: () => void;
+    onCreate?: (value: {
+        key: string;
+        value: JSExpressionPropType;
+    }) => {
+        errorKey?: string[];
+    } | void;
+    mod?: 'create' | 'edit';
+};
+export type CSSPropertiesVariableBindEditorProps = {
+    initialValue?: {
+        key: string;
+        value: string;
+    }[];
+    onValueChange?: (val: {
+        key: string;
+        value: string;
+    }[]) => void;
+};
+export type CSSPropertiesVariableBindEditorRef = {
+    setValue: (val: {
+        key: string;
+        value: string;
+    }[]) => void;
+};
+export declare const CSSPropertiesVariableBindEditor: import("react").ForwardRefExoticComponent<CSSPropertiesVariableBindEditorProps & import("react").RefAttributes<CSSPropertiesVariableBindEditorRef>>;

package/dist/component/CSSPropertiesVariableBindEditor/util.d.ts

@@ -0,0 +1 @@
+export declare const getTextWidth: (text: string, fontSize?: number) => Promise<string>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ClassNameType } from '@chamn/model';
+export type ClassNameEditorProps = {
+    initialValue?: {
+        key: string;
+        value: string;
+    }[];
+    onValueChange?: (val: ClassNameType[]) => void;
+};
+export type ClassNameEditorRef = {
+    setValue: (val: {
+        key: string;
+        value: string;
+    }[]) => void;
+};
+export declare const ClassNameEditor: import("react").ForwardRefExoticComponent<ClassNameEditorProps & import("react").RefAttributes<ClassNameEditorRef>>;

package/dist/component/CustomSchemaForm/components/Form/Field/index.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export type CFieldProps = {
+    children: React.ReactNode;
+    label?: string;
+    tips?: ReactNode | (() => ReactNode);
+    name: string;
+    condition?: (formState: Record<string, any>) => boolean;
+    onConditionValueChange?: (val: boolean) => void;
+    noStyle?: boolean;
+};
+export declare const CField: (props: CFieldProps) => JSX.Element | null;

package/dist/component/CustomSchemaForm/components/Form/context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CSetter } from '../Setters/type';
+export type ContextState = Record<string, any>;
+export type CFormContextData = {
+    formName: string;
+    formState: ContextState;
+    conditionConfig: Record<string, (state: ContextState) => boolean>;
+    customSetterMap?: Record<string, CSetter>;
+    updateContext: (newState: ContextState) => void;
+    updateConditionConfig: (name: string, cb: (state: ContextState) => boolean) => void;
+};
+export declare const CFormContext: React.Context<CFormContextData>;

package/dist/component/CustomSchemaForm/components/Form/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { CFormContextData, ContextState } from './context';
+export type CFormProps = {
+    name: string;
+    children?: ReactNode | ReactNode[];
+    initialValue?: Record<string, any>;
+    customSetterMap: CFormContextData['customSetterMap'];
+    onValueChange?: (formData: Record<string, any>) => void;
+};
+export declare class CForm extends React.Component<CFormProps, CFormContextData> {
+    updateContext: (newState: ContextState) => void;
+    constructor(props: CFormProps);
+    getFieldsValue: () => Record<string, any>;
+    setFields: (state: Record<string, any>) => void;
+    formatValue: (data: Record<string, any>) => Record<string, any>;
+    render(): ReactNode;
+}

package/dist/component/CustomSchemaForm/components/SetterSwitcher/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SetterObjType } from '@chamn/model';
+import { CFieldProps } from '../Form/Field';
+import { CSetter } from '../Setters/type';
+export type SetterSwitcherProps = {
+    setters: SetterObjType[];
+    customSetterMap?: Record<string, CSetter>;
+    keyPaths: string[];
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    style?: React.CSSProperties;
+    useField?: boolean;
+} & Omit<CFieldProps, 'children'>;
+export declare const SetterSwitcher: ({ setters, keyPaths, condition, useField, ...props }: SetterSwitcherProps) => JSX.Element;

package/dist/component/CustomSchemaForm/components/Setters/ArraySetter/ArrayItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SetterObjType } from '@chamn/model';
+export declare function ArrayItem(props: {
+    index: number;
+    keyPaths: string[];
+    value: Record<string, any>;
+    setters: SetterObjType[];
+    style: React.CSSProperties;
+    onValueChange: (val: Record<string, any>) => void;
+    onDelete: () => void;
+}): JSX.Element;

package/dist/component/CustomSchemaForm/components/Setters/ArraySetter/SortItemOrderModal.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ModalProps } from 'antd';
+export type SortItemOrderProps = {
+    list: any[];
+    keyPaths: string[];
+    label: string;
+    sortLabelKey?: string;
+    onValueChange?: (newList: any[]) => void;
+} & ModalProps;
+export declare const SortItemOrderModal: ({ list, onValueChange, keyPaths, label, sortLabelKey, ...modalProps }: SortItemOrderProps) => JSX.Element;

package/dist/component/CustomSchemaForm/components/Setters/ArraySetter/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { CSetterProps } from '../type';
+import { SetterType } from '@chamn/model';
+export type CArraySetterProps = {
+    item: {
+        setters: SetterType[];
+        initialValue?: any;
+    };
+    sortLabelKey?: string;
+};
+export declare const ArraySetter: {
+    ({ onValueChange, setterContext, item: { setters, initialValue }, sortLabelKey, ...props }: CSetterProps<CArraySetterProps>): JSX.Element;
+    setterName: string;
+};

package/dist/component/CustomSchemaForm/components/Setters/BooleanSetter/index.d.ts

@@ -0,0 +1,5 @@
+import { SwitchProps } from 'antd';
+import { CSetter } from '../type';
+type BooleanSetterProps = SwitchProps;
+export declare const BooleanSetter: CSetter<BooleanSetterProps>;
+export {};

package/dist/component/CustomSchemaForm/components/Setters/CSSValueSetter/index.d.ts

@@ -0,0 +1,6 @@
+import { CSetter } from '../type';
+type CSSValueSetterProps = {
+    propertyKey: string;
+};
+export declare const CSSValueSetter: CSetter<CSSValueSetterProps>;
+export {};

package/dist/component/CustomSchemaForm/components/Setters/ExpressionSetter/index.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from 'antd';
+import { CSetter } from '../type';
+export declare const ExpressionSetter: CSetter<InputProps & {
+    value: {
+        type: string;
+        value: string;
+    };
+}>;

package/dist/component/CustomSchemaForm/components/Setters/FunctionSetter/defaultDts.d.ts

@@ -0,0 +1 @@
+export declare const DefaultTslibSource = "\ntype ContextType = {\n  /** \u6E32\u67D3\u51FD\u6570\u7684\u5165\u53E3\u53C2\u6570 */\n  params?: Record<any, any>;\n  /** \u5168\u5C40\u72B6\u6001 */\n  globalState?: Record<any, any>;\n  /** \u66F4\u65B0\u5168\u5C40\u72B6\u6001 */\n  updateGlobalState?: (newState: any) => void;\n  /** \u5F53\u524D\u8282\u70B9\u72B6\u6001 **/\n  state?: Record<any, any>;\n  /** \u5B58\u50A8\u5F53\u524D\u8282\u70B9\u7684\u6570\u636E\uFF0C\u4E0D\u5177\u6709\u54CD\u5E94\u6027 **/\n  staticState?: Record<any, any>;\n  /** \u66F4\u65B0\u5F53\u524D\u8282\u70B9\u72B6\u6001 */\n  updateState?: (newState: any) => void;\n  /** \u6240\u6709\u8282\u70B9\u7684\u7D22\u5F15 */\n  refs?: RefManager;\n  /** \u5FAA\u73AF\u6E32\u67D3\u4E2D\u7684\u5355\u4E2A\u5FAA\u73AF\u6570\u636E */\n  loopData?: Record<any, any>;\n  /**  \u7528\u4E8E\u8BBF\u8BBF\u95EE\u548C\u7BA1\u7406\u9875\u9762\u88AB\u6CE8\u518C\u4E3A\u5168\u5C40\u7684\u5C40\u90E8 state */\n  stateManager?: Record<string, {\n    state: any,\n    updateState: (newState: Record<string, any>) => void\n  }>;\n};\n\n/** \u6E32\u67D3\u4E0A\u4E0B\u6587 */\ndeclare var $$context: ContextType;\n";

package/dist/component/CustomSchemaForm/components/Setters/FunctionSetter/index.d.ts

@@ -0,0 +1,2 @@
+import { CSetter } from '../type';
+export declare const FunctionSetter: CSetter<any>;

package/dist/component/CustomSchemaForm/components/Setters/JSONSetter/index.d.ts

@@ -0,0 +1,2 @@
+import { CSetter } from '../type';
+export declare const JSONSetter: CSetter<any>;

package/dist/component/CustomSchemaForm/components/Setters/NumberSetter/index.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps } from 'antd';
+import { CSetter } from '../type';
+export declare const NumberSetter: CSetter<InputNumberProps>;

package/dist/component/CustomSchemaForm/components/Setters/SelectSetter/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from 'antd';
+import { CSetter } from '../type';
+export declare const SelectSetter: CSetter<SelectProps>;

package/dist/component/CustomSchemaForm/components/Setters/ShapeSetter/index.d.ts

@@ -0,0 +1,8 @@
+import { CSetter } from '../type';
+import { MaterialPropType } from '@chamn/model';
+export type CShapeSetterProps = {
+    elements: MaterialPropType[];
+    initialValue?: Record<string, any>;
+    value: Record<string, any>;
+};
+export declare const ShapeSetter: CSetter<CShapeSetterProps>;

package/dist/component/CustomSchemaForm/components/Setters/StringSetter/index.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from 'antd';
+import { CSetter } from '../type';
+export declare const StringSetter: CSetter<InputProps>;

package/dist/component/CustomSchemaForm/components/Setters/TextAreaSetter/index.d.ts

@@ -0,0 +1,3 @@
+import { CSetter } from '../type';
+import { TextAreaProps } from 'antd/es/input';
+export declare const TextAreaSetter: CSetter<TextAreaProps>;

package/dist/component/CustomSchemaForm/components/Setters/index.d.ts

@@ -0,0 +1,3 @@
+import { CSetter } from './type';
+declare const _default: Record<string, CSetter<any>>;
+export default _default;

package/dist/component/CustomSchemaForm/components/Setters/type.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CPluginCtx } from '../../../../core/pluginManager';
+export type CSetter<T = any> = {
+    (props: CSetterProps<T>): JSX.Element;
+    setterName: string;
+};
+export type CSetterProps<T = {
+    _: any;
+}> = {
+    onValueChange?: ((val: any) => void) | undefined;
+    value?: unknown;
+    setterContext: {
+        pluginCtx: CPluginCtx;
+        setCollapseHeaderExt?: (el: React.ReactNode) => void;
+        onSetterChange: (keyPaths: string[], setterName: string) => void;
+        keyPaths: string[];
+        label: string;
+    };
+} & T;

package/dist/component/CustomSchemaForm/context.d.ts

@@ -0,0 +1,15 @@
+import React, { Ref } from 'react';
+import { CustomSchemaFormInstance } from '.';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CForm } from './components/Form';
+export type ContextState = Record<string, any>;
+export type CCustomSchemaFormContextData = {
+    onSetterChange: (keyPaths: string[], setterName: string) => void;
+    defaultSetterConfig: Record<string, {
+        name: string;
+        setter: string;
+    }>;
+    formRef?: Ref<CustomSchemaFormInstance | CForm>;
+    pluginCtx?: CPluginCtx;
+};
+export declare const CCustomSchemaFormContext: React.Context<CCustomSchemaFormContextData>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CMaterialPropsType } from '@chamn/model';
+import { CForm } from './components/Form';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CFormContextData } from './components/Form/context';
+export type CustomSchemaFormInstance = CForm;
+export type CustomSchemaFormProps = {
+    pluginCtx?: CPluginCtx;
+    initialValue: Record<string, any>;
+    properties: CMaterialPropsType<any>;
+    onValueChange?: (val: any) => void;
+    onSetterChange: (keyPaths: string[], setterName: string) => void;
+    /** 存储每个字段上次使用的 setter */
+    defaultSetterConfig: Record<string, {
+        name: string;
+        setter: string;
+    }>;
+    customSetterMap?: CFormContextData['customSetterMap'];
+};
+export declare const CustomSchemaForm: React.ForwardRefExoticComponent<CustomSchemaFormProps & React.RefAttributes<CForm>>;

package/dist/component/CustomSchemaForm/utils.d.ts

@@ -0,0 +1,2 @@
+import { SetterObjType, SetterType } from '@chamn/model';
+export declare const getSetterList: <T extends string = "">(setters?: SetterType<T>[]) => SetterObjType<T>[];

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as monaco from 'monaco-editor';
+import * as monacoEditor from 'monaco-editor/esm/vs/editor/editor.api';
+export type MonacoEditorInstance = monacoEditor.editor.IStandaloneCodeEditor;
+export type MonacoEditorProps = {
+    beforeMount?: (monaco: typeof monacoEditor) => void;
+    onDidMount?: (editor: MonacoEditorInstance) => void;
+    options?: monaco.editor.IStandaloneEditorConstructionOptions;
+    override?: monaco.editor.IEditorOverrideServices;
+    onChange?: (val: string, e: monaco.editor.IModelContentChangedEvent) => void;
+    onDidChangeMarkers?: (markers: monaco.editor.IMarker[]) => void;
+    initialValue?: string;
+    language?: 'json' | 'javascript' | 'typescript';
+};
+export declare const MonacoEditor: (props: MonacoEditorProps) => JSX.Element;

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

@@ -0,0 +1,61 @@
+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;
+    subTopToolbarBox: 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;
+    /** 替换对应的 panel */
+    replaceLeftPanel: (panelName: string, newPanel: 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;
+    replaceSubTopBarView: (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,61 @@
+import { Engine } from '../index';
+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>;
+    /** 用于暴露给外部重载插件 */
+    reload?: (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/index.d.ts

@@ -0,0 +1,44 @@
+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[];
+    assetPackagesList?: AssetPackage[];
+    beforePluginRun?: (options: {
+        pluginManager: PluginManager;
+    }) => void;
+    onReady?: (ctx: EnginContext) => void;
+    /** 渲染器 umd 格式 js 地址, 默认 ./render.umd.js */
+    renderJSUrl?: string;
+};
+export 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 * as plugins from './plugins';
+export * from '@chamn/layout';
+export * from './material/innerMaterial';
+export * from './component/CustomSchemaForm/components/Setters/type';