aldehyde 0.2.512 → 0.2.514

package/src/aldehyde/lowcode-components/lowcode-view/component/font/FontGlobal.css

@@ -1,27 +1,27 @@
-@font-face {
-    font-family: "DingTalk JinBuTi";
-    src: url('./DingTalk-JinBuTi.woff2');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "DouyinSansBold";
-    src: url('./DouyinSansBold.woff');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "优设标题黑";
-    src: url('./YouSheBiaoTiHei.woff2');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "庞门正道标题体免费版";
-    src: url('./PangMenZhengDaoBiaoTiTiMianFeiBan.woff2');
-    font-weight: normal;
-    font-style: normal;
+@font-face {
+    font-family: "DingTalk JinBuTi";
+    src: url('./DingTalk-JinBuTi.woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "DouyinSansBold";
+    src: url('./DouyinSansBold.woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "优设标题黑";
+    src: url('./YouSheBiaoTiHei.woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "庞门正道标题体免费版";
+    src: url('./PangMenZhengDaoBiaoTiTiMianFeiBan.woff2');
+    font-weight: normal;
+    font-style: normal;
 }

package/src/aldehyde/lowcode-components/lowcode-view/component/group-layer/controller.ts

@@ -1,37 +1,37 @@
-import { ComponentInfoType } from "../../interface";
-import GroupLayer from "./index";
-import AbstractDesignerController from "../abstract-controller";
-
-export interface GroupLayerProps {
-    base: ComponentInfoType;
-}
-
-export default class GroupLayerController extends AbstractDesignerController<GroupLayer, GroupLayerProps> {
-
-    constructor(container: HTMLElement, config: GroupLayerProps, instance: GroupLayer) {
-        super();
-        this.container = container;
-        this.config = config;
-        this.instance = instance;
-    }
-
-    async create(container: HTMLElement, config: GroupLayerProps): Promise<void> {
-    }
-
-    public getConfig(): GroupLayerProps | null {
-        return this.config;
-    }
-
-    public update(): void {
-    }
-
-    public show(): void {
-        this.instance?.setState({ load: true })
-    }
-
-    public hide(): void {
-        this.instance?.setState({ load: false })
-    }
-
-
+import { ComponentInfoType } from "../../interface";
+import GroupLayer from "./index";
+import AbstractDesignerController from "../abstract-controller";
+
+export interface GroupLayerProps {
+    base: ComponentInfoType;
+}
+
+export default class GroupLayerController extends AbstractDesignerController<GroupLayer, GroupLayerProps> {
+
+    constructor(container: HTMLElement, config: GroupLayerProps, instance: GroupLayer) {
+        super();
+        this.container = container;
+        this.config = config;
+        this.instance = instance;
+    }
+
+    async create(container: HTMLElement, config: GroupLayerProps): Promise<void> {
+    }
+
+    public getConfig(): GroupLayerProps | null {
+        return this.config;
+    }
+
+    public update(): void {
+    }
+
+    public show(): void {
+        this.instance?.setState({ load: true })
+    }
+
+    public hide(): void {
+        this.instance?.setState({ load: false })
+    }
+
+
 }

package/src/aldehyde/lowcode-components/lowcode-view/component/group-layer/definition.ts

@@ -1,54 +1,54 @@
-import {
-    AbstractDefinition,
-    ActionInfo,
-    BaseInfoType
-} from "../abstract-definition";
-import GroupLayerController, { GroupLayerProps } from "./controller";
-import AbstractController from "../abstract-controller";
-
-export default class GroupLayerDefinition extends AbstractDefinition<GroupLayerController, GroupLayerProps> {
-    getBaseInfo(): BaseInfoType {
-        return {
-            compName: "",
-            compKey: "group",
-        };
-    }
-
-    getChartImg(): string | null {
-        return null;
-    }
-
-    getController() {
-        return null;
-    }
-
-    getInitConfig(): GroupLayerProps {
-        return {
-            base: {
-                id: "",
-                name: '分组图层',
-                type: 'group',
-            }
-        };
-    }
-
-    getActionList(): ActionInfo[] {
-        return [
-            {
-                name: "显示",
-                id: "show",
-                handler: (controller: AbstractController) => {
-                    (controller as GroupLayerController).show();
-                }
-            },
-            {
-                name: "隐藏",
-                id: "hide",
-                handler: (controller: AbstractController) => {
-                    (controller as GroupLayerController).hide();
-                }
-            }
-        ];
-    }
-
+import {
+    AbstractDefinition,
+    ActionInfo,
+    BaseInfoType
+} from "../abstract-definition";
+import GroupLayerController, { GroupLayerProps } from "./controller";
+import AbstractController from "../abstract-controller";
+
+export default class GroupLayerDefinition extends AbstractDefinition<GroupLayerController, GroupLayerProps> {
+    getBaseInfo(): BaseInfoType {
+        return {
+            compName: "",
+            compKey: "group",
+        };
+    }
+
+    getChartImg(): string | null {
+        return null;
+    }
+
+    getController() {
+        return null;
+    }
+
+    getInitConfig(): GroupLayerProps {
+        return {
+            base: {
+                id: "",
+                name: '分组图层',
+                type: 'group',
+            }
+        };
+    }
+
+    getActionList(): ActionInfo[] {
+        return [
+            {
+                name: "显示",
+                id: "show",
+                handler: (controller: AbstractController) => {
+                    (controller as GroupLayerController).show();
+                }
+            },
+            {
+                name: "隐藏",
+                id: "hide",
+                handler: (controller: AbstractController) => {
+                    (controller as GroupLayerController).hide();
+                }
+            }
+        ];
+    }
+
 }

package/src/aldehyde/lowcode-components/lowcode-view/component/group-layer/index.tsx

@@ -1,16 +1,16 @@
-import React from "react";
-
-export interface GroupLayerStyleProps {
-    children?: React.ReactNode;
-}
-
-export default class GroupLayer extends React.PureComponent<GroupLayerStyleProps> {
-    state = {
-        load: true
-    }
-
-    render() {
-        const { load } = this.state;
-        return load ? <div style={{ position: 'absolute' }}>{this.props.children}</div> : "";
-    }
+import React from "react";
+
+export interface GroupLayerStyleProps {
+    children?: React.ReactNode;
+}
+
+export default class GroupLayer extends React.PureComponent<GroupLayerStyleProps> {
+    state = {
+        load: true
+    }
+
+    render() {
+        const { load } = this.state;
+        return load ? <div style={{ position: 'absolute' }}>{this.props.children}</div> : "";
+    }
 }

package/src/aldehyde/lowcode-components/lowcode-view/component/layer-builder.tsx

@@ -1,99 +1,99 @@
-import { createElement, ReactElement } from "react";
-import cloneDeep from "lodash/cloneDeep";
-import ComponentContainer from "./component-container";
-import { ILayerItem, LayerManagerDataType, } from "../interface";
-import GroupLayer from "./group-layer";
-
-export enum LayerOrder {
-    ASC,
-    DESC,
-}
-
-class LayerBuilder {
-
-    /**
-     * 解析函数
-     */
-    public parser = (layerManager: LayerManagerDataType, order: LayerOrder = LayerOrder.DESC): ILayerItem[] => {
-        const { layerHeader, layerConfigs } = layerManager;
-        const layerMap = cloneDeep(layerConfigs);
-        let sourceLayerArr: ILayerItem[] = [];
-
-        const iterateLayers = (currentLayer: ILayerItem, res: ILayerItem[]): void => {
-            if (currentLayer) {
-                res.push(currentLayer);
-                if (currentLayer.childHeader) {
-                    let childLayer = layerMap[currentLayer.childHeader];
-                    iterateLayers(childLayer, res);
-                }
-                let next = currentLayer.next;
-                while (next) {
-                    const nextLayer = layerMap[next!];
-                    if (nextLayer?.childHeader)
-                        iterateLayers(layerMap[nextLayer.childHeader], res);
-                    nextLayer && res.push(nextLayer);
-                    next = nextLayer?.next;
-                }
-            }
-        }
-
-        iterateLayers(layerMap[layerHeader!], sourceLayerArr);
-
-        if (order === LayerOrder.ASC)
-            sourceLayerArr = sourceLayerArr.reverse();
-
-        // 构建树结构
-        const resData: ILayerItem[] = [];
-        for (const layerItem of sourceLayerArr) {
-            if (!layerItem?.pid) {
-                // 根节点
-                resData.push(layerItem);
-            } else {
-                // 非根节点，将其加入父节点的 children 中
-                const parent = layerMap[layerItem.pid];
-                if (parent) {
-                    parent.children = parent.children || [];
-                    parent.children.push(layerItem);
-                }
-            }
-        }
-        return resData;
-    };
-
-    private order: number = 1;
-
-    /**
-     * 构建设计器主画布组件
-     * @param layerMap
-     */
-    public buildCanvasComponents = (layerManager: LayerManagerDataType): ReactElement[] => {
-        const res: ReactElement[] = [];
-        //渲染顺序，先渲染顶层容器，再逐步渲染底层的子容器
-        this.parser(layerManager, LayerOrder.ASC).forEach((item: ILayerItem) => {
-            res.push(this.buildComponents(layerManager, item));
-        });
-        //重置排序编号
-        this.order = 1;
-        return res;
-    }
-
-    private buildComponents = (layerManager: LayerManagerDataType, layer: ILayerItem): ReactElement => {
-        const { type, children } = layer;
-        const { layerConfigs } = layerManager;
-        const targetLayer = layerConfigs[layer.id!];
-        //给每个图层重新设置排序编号,用于在图层移动的过程中提供更好的体验
-        if (targetLayer)
-            targetLayer.order = this.order++;
-        if (type === 'group') {
-            //先生成子元素再包裹groupItem
-            const childDomArr: ReactElement[] = children?.map((item: ILayerItem) => this.buildComponents(layerManager, item));
-            return createElement(GroupLayer, { key: layer.id }, ...childDomArr);
-        } else {
-            return createElement(ComponentContainer, { layer, key: layer.id, layerManager });
-        }
-    }
-
-}
-
-const layerBuilder = new LayerBuilder();
+import { createElement, ReactElement } from "react";
+import cloneDeep from "lodash/cloneDeep";
+import ComponentContainer from "./component-container";
+import { ILayerItem, LayerManagerDataType, } from "../interface";
+import GroupLayer from "./group-layer";
+
+export enum LayerOrder {
+    ASC,
+    DESC,
+}
+
+class LayerBuilder {
+
+    /**
+     * 解析函数
+     */
+    public parser = (layerManager: LayerManagerDataType, order: LayerOrder = LayerOrder.DESC): ILayerItem[] => {
+        const { layerHeader, layerConfigs } = layerManager;
+        const layerMap = cloneDeep(layerConfigs);
+        let sourceLayerArr: ILayerItem[] = [];
+
+        const iterateLayers = (currentLayer: ILayerItem, res: ILayerItem[]): void => {
+            if (currentLayer) {
+                res.push(currentLayer);
+                if (currentLayer.childHeader) {
+                    let childLayer = layerMap[currentLayer.childHeader];
+                    iterateLayers(childLayer, res);
+                }
+                let next = currentLayer.next;
+                while (next) {
+                    const nextLayer = layerMap[next!];
+                    if (nextLayer?.childHeader)
+                        iterateLayers(layerMap[nextLayer.childHeader], res);
+                    nextLayer && res.push(nextLayer);
+                    next = nextLayer?.next;
+                }
+            }
+        }
+
+        iterateLayers(layerMap[layerHeader!], sourceLayerArr);
+
+        if (order === LayerOrder.ASC)
+            sourceLayerArr = sourceLayerArr.reverse();
+
+        // 构建树结构
+        const resData: ILayerItem[] = [];
+        for (const layerItem of sourceLayerArr) {
+            if (!layerItem?.pid) {
+                // 根节点
+                resData.push(layerItem);
+            } else {
+                // 非根节点，将其加入父节点的 children 中
+                const parent = layerMap[layerItem.pid];
+                if (parent) {
+                    parent.children = parent.children || [];
+                    parent.children.push(layerItem);
+                }
+            }
+        }
+        return resData;
+    };
+
+    private order: number = 1;
+
+    /**
+     * 构建设计器主画布组件
+     * @param layerMap
+     */
+    public buildCanvasComponents = (layerManager: LayerManagerDataType): ReactElement[] => {
+        const res: ReactElement[] = [];
+        //渲染顺序，先渲染顶层容器，再逐步渲染底层的子容器
+        this.parser(layerManager, LayerOrder.ASC).forEach((item: ILayerItem) => {
+            res.push(this.buildComponents(layerManager, item));
+        });
+        //重置排序编号
+        this.order = 1;
+        return res;
+    }
+
+    private buildComponents = (layerManager: LayerManagerDataType, layer: ILayerItem): ReactElement => {
+        const { type, children } = layer;
+        const { layerConfigs } = layerManager;
+        const targetLayer = layerConfigs[layer.id!];
+        //给每个图层重新设置排序编号,用于在图层移动的过程中提供更好的体验
+        if (targetLayer)
+            targetLayer.order = this.order++;
+        if (type === 'group') {
+            //先生成子元素再包裹groupItem
+            const childDomArr: ReactElement[] = children?.map((item: ILayerItem) => this.buildComponents(layerManager, item));
+            return createElement(GroupLayer, { key: layer.id }, ...childDomArr);
+        } else {
+            return createElement(ComponentContainer, { layer, key: layer.id, layerManager });
+        }
+    }
+
+}
+
+const layerBuilder = new LayerBuilder();
 export default layerBuilder;

package/src/aldehyde/lowcode-components/lowcode-view/component/screen-fit/index.less

@@ -1,14 +1,14 @@
-.react-screen-box {
-  background-size: 100% 100%;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .screen-wrapper {
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 300ms;
-    position: relative;
-    transform-origin: left top;
-  }
+.react-screen-box {
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .screen-wrapper {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms;
+    position: relative;
+    transform-origin: left top;
+  }
 }