@chamn/engine 0.0.45 → 0.1.0

package/README.md

@@ -16,9 +16,12 @@ npm i @chamn/engine @chamn/model @chamn/render
 
 [Example Project](https://github.com/ByteCrazy/chameleon-demo)
 
-### ScreenSnapshoot
+### ScreenSnapshot
 
-![image](https://user-images.githubusercontent.com/13299648/218920616-302a9eb6-a71a-4f4b-8e77-d892972eee2f.png)
+<img width="1776" alt="image" src="https://github.com/user-attachments/assets/7b06dc4c-80a3-455d-bc91-14a1cf1fb331">
+
+
+![image](https://github.com/hlerenow/chameleon/blob/master/packages/engine/md-images/layout.gif)
 
 ![image](https://user-images.githubusercontent.com/13299648/218920783-0d1cc275-a238-4d80-a717-dbbbf54b4713.png)
 

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

@@ -12,5 +12,5 @@ export type CSSEditorProps = {
     initialValue?: CSSVal;
     handler?: MutableRefObject<CSSEditorRef | null>;
 };
-export declare const CSSEditor: (props: CSSEditorProps) => JSX.Element;
+export declare const CSSEditor: (props: CSSEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -35,5 +35,5 @@ export type CSSSizeInputProps = {
     cumulativeTransform?: (params: CumulativeInfoType) => CumulativeInfoType;
     unitList?: (keyof MinMaxType)[];
 };
-export declare const CSSSizeInput: (props: CSSSizeInputProps) => JSX.Element;
+export declare const CSSSizeInput: (props: CSSSizeInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/component/CSSUIPanel/BackgroundInput/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { InputCommonRef } from '../type';
-type Value = Record<'background-color' | 'background-image' | 'background-repeat' | 'background-size', string>;
+declare const CSS_BACKGROUND_KEY_LIST: readonly ["background-color", "background-image", "background-repeat", "background-size"];
+type CSSBackgroundKeyType = typeof CSS_BACKGROUND_KEY_LIST[number];
+type Value = Record<CSSBackgroundKeyType, string>;
 export type BackgroundInputProps = {
     value?: Value;
     initialValue?: Value;

package/dist/component/CSSUIPanel/BorderInput/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { InputCommonRef } from '../type';
-type Value = Record<'border' | 'border-radius', string>;
+declare const CSS_BORDER_KEY_LIST: readonly ["border", "border-radius"];
+type CSSBorderKeyType = typeof CSS_BORDER_KEY_LIST[number];
+type Value = Record<CSSBorderKeyType, string>;
 export type BorderInputProps = {
     value?: Value;
     initialValue?: Value;

package/dist/component/CSSUIPanel/FontInput/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { InputCommonRef } from '../type';
-type Value = Record<'font-size' | 'color' | 'text-align' | 'font-weight', string>;
+declare const FONT_CSS_KEY_LIST: readonly ["font-size", "color", "text-align", "font-weight"];
+type FontKeyType = typeof FONT_CSS_KEY_LIST[number];
+type Value = Record<FontKeyType, string>;
 export type FontInputProps = {
     initialValue?: Value;
     value?: Value;

package/dist/component/CSSUIPanel/MarginAndPaddingInput/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { InputCommonRef } from '../type';
-type Value = Record<'left' | 'right' | 'top' | 'bottom' | 'all', string>;
+type Value = Record<string, string>;
 export type MarginAndPaddingInputProps = {
     value?: Value;
     initialValue?: Value;

package/dist/component/CSSUIPanel/type.d.ts

@@ -1,3 +1,4 @@
 export type InputCommonRef = {
     setValue: (newVal: Record<string, string>) => void;
+    setEmptyValue: () => void;
 };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ColorPickerProps } from 'antd';
+export type CustomColorPickerRef = {
+    updateColor: (color: string) => void;
+};
+export declare const CustomColorPicker: import("react").ForwardRefExoticComponent<Omit<ColorPickerProps, "onChange"> & {
+    onChange: (color: string) => void;
+} & import("react").RefAttributes<CustomColorPickerRef>>;

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

@@ -9,4 +9,4 @@ export type CFieldProps = {
     noStyle?: boolean;
     hiddenLabel?: boolean;
 };
-export declare const CField: (props: CFieldProps) => JSX.Element | null;
+export declare const CField: (props: CFieldProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -11,4 +11,4 @@ export type SetterSwitcherProps = {
     style?: React.CSSProperties;
     useField?: boolean;
 } & Omit<CFieldProps, 'children'>;
-export declare const SetterSwitcher: ({ setters, keyPaths, condition, useField, ...props }: SetterSwitcherProps) => JSX.Element;
+export declare const SetterSwitcher: ({ setters, keyPaths, condition, useField, ...props }: SetterSwitcherProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export declare function ArrayItem(props: {
     style: React.CSSProperties;
     onValueChange: (val: Record<string, any>) => void;
     onDelete: () => void;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSetterProps } from '../type';
 import { SetterType } from '@chamn/model';
 export type CArraySetterProps = {
@@ -9,6 +8,6 @@ export type CArraySetterProps = {
     sortLabelKey?: string;
 };
 export declare const ArraySetter: {
-    ({ onValueChange, setterContext, item: { setters, initialValue: itemInitialValue }, sortLabelKey, initialValue, ...props }: CSetterProps<CArraySetterProps>): JSX.Element;
+    ({ onValueChange, setterContext, item: { setters, initialValue: itemInitialValue }, sortLabelKey, initialValue, ...props }: CSetterProps<CArraySetterProps>): import("react/jsx-runtime").JSX.Element;
     setterName: string;
 };

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

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

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

@@ -2,6 +2,7 @@ import React, { Ref } from 'react';
 import { CustomSchemaFormInstance } from '.';
 import { CPluginCtx } from '../../core/pluginManager';
 import { CForm } from './components/Form';
+import { CFormContextData } from './components/Form/context';
 export type ContextState = Record<string, any>;
 export type CCustomSchemaFormContextData = {
     onSetterChange: (keyPaths: string[], setterName: string) => void;
@@ -9,6 +10,7 @@ export type CCustomSchemaFormContextData = {
         name: string;
         setter: string;
     }>;
+    customSetterMap: CFormContextData['customSetterMap'];
     formRef?: Ref<CustomSchemaFormInstance | CForm>;
     pluginCtx?: CPluginCtx;
 };

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

@@ -0,0 +1,4 @@
+import { EnginContext } from '../../type';
+export declare const DesignerSizer: (props: {
+    ctx: EnginContext;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 export type InputNumberPlusProps = Omit<InputProps, 'onChange'> & {
     min?: number;
@@ -6,4 +5,4 @@ export type InputNumberPlusProps = Omit<InputProps, 'onChange'> & {
     value?: number;
     onChange?: (newVal: number | undefined) => void;
 };
-export declare const InputNumberPlus: ({ min, max, value, onChange, addonAfter, ...restProps }: InputNumberPlusProps) => JSX.Element;
+export declare const InputNumberPlus: ({ min, max, value, onChange, addonAfter, ...restProps }: InputNumberPlusProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditorProps, Monaco } from '@monaco-editor/react';
 type EditorType = EditorProps;
 export type MonacoEditorInstance = Parameters<Required<EditorType>['onMount']>[0];
@@ -10,5 +9,5 @@ export type MonacoEditorProps = {
     initialValue?: string;
     language?: 'json' | 'javascript' | 'typescript';
 };
-export declare const MonacoEditor: (props: MonacoEditorProps) => JSX.Element;
+export declare const MonacoEditor: (props: MonacoEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -67,6 +67,6 @@ export declare class Workbench extends React.Component<WorkbenchPropsType, Workb
     onLeftBoxResizeStop: ResizeCallback;
     onGlobalClick: (e: MouseEvent) => void;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/component/index.d.ts

@@ -0,0 +1,8 @@
+export * from './CSSEditor';
+export * from './CSSPropertiesEditor';
+export * from './CSSPropertiesVariableBindEditor';
+export * from './ClassNameEditor';
+export * from './CustomSchemaForm';
+export * from './MonacoEditor';
+export * from './Workbench';
+export * from './DesignerSizer';

package/dist/index.d.ts

@@ -1,31 +1,11 @@
 import React from 'react';
 import { Workbench } from './component/Workbench';
-import { CPlugin, PluginManager } from './core/pluginManager';
+import { PluginManager } from './core/pluginManager';
 import { Emitter } from 'mitt';
 import { AssetPackage, CMaterialType, CNode, CPage, CPageDataType, CRootNode } from '@chamn/model';
 import { ComponentsType } from '@chamn/render';
 import { AssetsPackageListManager } from './core/assetPackagesListManage';
-export type EnginContext = {
-    pluginManager: PluginManager;
-    engine: Engine;
-};
-export type EngineProps = {
-    plugins: CPlugin[];
-    schema: CPageDataType;
-    material?: CMaterialType[];
-    components?: Record<string, any>;
-    assetPackagesList?: AssetPackage[];
-    beforePluginRun?: (options: {
-        pluginManager: PluginManager;
-    }) => void;
-    /** 所有的加插件加载完成 */
-    onReady?: (ctx: EnginContext) => void;
-    onMount?: (ctx: EnginContext) => void;
-    /** 渲染器 umd 格式 js 地址, 默认 ./render.umd.js */
-    renderJSUrl?: string;
-    style?: React.CSSProperties;
-    className?: string;
-};
+import { EngineProps } from './type';
 export declare class Engine extends React.Component<EngineProps> {
     static version: string;
     currentSelectNode: CNode | CRootNode | null;
@@ -46,12 +26,17 @@ export declare class Engine extends React.Component<EngineProps> {
     } | undefined) => Promise<void>;
     refresh: () => Promise<void>;
     getWorkbench: () => Workbench | null;
-    render(): JSX.Element;
+    /** return i18n object */
+    getI18n(): import("./i18n/index").CustomI18n;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export * as plugins from './plugins';
+export * from './plugins';
+export * from './component';
 export * from '@chamn/layout';
 export * from './material/innerMaterial';
 export * from './component/CustomSchemaForm/components/Setters/type';
 export * from './utils/index';
 /** 注册自定义 setter */
 export { registerCustomSetter } from './component/CustomSchemaForm/components/Form';
+export * from './type';