aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/lowcode-components/border/border3/index.tsx

@@ -1,62 +1,62 @@
-import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
-import "./index.less";
-
-interface ComponentStyle {
-    mainColor?: string;
-    subColor?: string;
-}
-
-export interface ComponentProps {
-    style?: ComponentStyle;
-    base?: { width?: number, height?: number }
-}
-
-export interface ComponentRef {
-    updateConfig: (config: ComponentProps) => void;
-}
-const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
-    const { style: defStyle, base: defBase } = props;
-    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
-    const [width, setWidth] = useState<number>(defBase?.width || 320);
-    const [height, setHeight] = useState<number>(defBase?.height || 200);
-    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
-
-    useImperativeHandle(ref, () => ({
-        updateConfig: (newConfig) => {
-            setStyle({ ...newConfig.style });
-            setWidth(newConfig.base.width);
-            setHeight(newConfig.base.height);
-        },
-    }));
-
-    return <div className="border-box-3"  >
-        <svg className='border-svg-container' width={width} height={height}>
-            <polyline
-                className='bb3-line1'
-                stroke={mainColor}
-                points={`4, 4 ${width - 22} ,4 ${width - 22}, ${height -
-                    22} 4, ${height - 22} 4, 4`}
-            />
-            <polyline
-                className='bb3-line2'
-                stroke={subColor}
-                points={`10, 10 ${width - 16}, 10 ${width - 16}, ${height -
-                    16} 10, ${height - 16} 10, 10`}
-            />
-            <polyline
-                className='bb3-line2'
-                stroke={subColor}
-                points={`16, 16 ${width - 10}, 16 ${width - 10}, ${height -
-                    10} 16, ${height - 10} 16, 16`}
-            />
-            <polyline
-                className='bb3-line2'
-                stroke={subColor}
-                points={`22, 22 ${width - 4}, 22 ${width - 4}, ${height -
-                    4} 22, ${height - 4} 22, 22`}
-            />
-        </svg>
-    </div>;
-});
-
+import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+
+interface ComponentStyle {
+    mainColor?: string;
+    subColor?: string;
+}
+
+export interface ComponentProps {
+    style?: ComponentStyle;
+    base?: { width?: number, height?: number }
+}
+
+export interface ComponentRef {
+    updateConfig: (config: ComponentProps) => void;
+}
+const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
+    const { style: defStyle, base: defBase } = props;
+    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
+    const [width, setWidth] = useState<number>(defBase?.width || 320);
+    const [height, setHeight] = useState<number>(defBase?.height || 200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle({ ...newConfig.style });
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+
+    return <div className="border-box-3"  >
+        <svg className='border-svg-container' width={width} height={height}>
+            <polyline
+                className='bb3-line1'
+                stroke={mainColor}
+                points={`4, 4 ${width - 22} ,4 ${width - 22}, ${height -
+                    22} 4, ${height - 22} 4, 4`}
+            />
+            <polyline
+                className='bb3-line2'
+                stroke={subColor}
+                points={`10, 10 ${width - 16}, 10 ${width - 16}, ${height -
+                    16} 10, ${height - 16} 10, 10`}
+            />
+            <polyline
+                className='bb3-line2'
+                stroke={subColor}
+                points={`16, 16 ${width - 10}, 16 ${width - 10}, ${height -
+                    10} 16, ${height - 10} 16, 16`}
+            />
+            <polyline
+                className='bb3-line2'
+                stroke={subColor}
+                points={`22, 22 ${width - 4}, 22 ${width - 4}, ${height -
+                    4} 22, ${height - 4} 22, 22`}
+            />
+        </svg>
+    </div>;
+});
+
 export default Index;

package/src/aldehyde/lowcode-components/border/border4/index.less

@@ -1,73 +1,73 @@
-.border-box-4 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .reverse {
-        transform: rotate(180deg);
-    }
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-
-        &>polyline {
-            fill: none;
-        }
-    }
-
-    .sw1 {
-        stroke-width: 1;
-    }
-
-    .sw3 {
-        stroke-width: 3px;
-        stroke-linecap: round;
-    }
-
-    .bb4-line-1 {
-        .sw1;
-    }
-
-    .bb4-line-2 {
-        .sw1;
-    }
-
-    .bb4-line-3 {
-        .sw3;
-    }
-
-    .bb4-line-4 {
-        .sw3;
-    }
-
-    .bb4-line-5 {
-        .sw1;
-    }
-
-    .bb4-line-6 {
-        .sw1;
-    }
-
-    .bb4-line-7 {
-        .sw1;
-    }
-
-    .bb4-line-8 {
-        .sw3;
-    }
-
-    .bb4-line-9 {
-        .sw3;
-        stroke-dasharray: 100 250;
-    }
-
-    .bb4-line-10 {
-        .sw1;
-        stroke-dasharray: 80 270;
-    }
-
+.border-box-4 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .reverse {
+        transform: rotate(180deg);
+    }
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+
+        &>polyline {
+            fill: none;
+        }
+    }
+
+    .sw1 {
+        stroke-width: 1;
+    }
+
+    .sw3 {
+        stroke-width: 3px;
+        stroke-linecap: round;
+    }
+
+    .bb4-line-1 {
+        .sw1;
+    }
+
+    .bb4-line-2 {
+        .sw1;
+    }
+
+    .bb4-line-3 {
+        .sw3;
+    }
+
+    .bb4-line-4 {
+        .sw3;
+    }
+
+    .bb4-line-5 {
+        .sw1;
+    }
+
+    .bb4-line-6 {
+        .sw1;
+    }
+
+    .bb4-line-7 {
+        .sw1;
+    }
+
+    .bb4-line-8 {
+        .sw3;
+    }
+
+    .bb4-line-9 {
+        .sw3;
+        stroke-dasharray: 100 250;
+    }
+
+    .bb4-line-10 {
+        .sw1;
+        stroke-dasharray: 80 270;
+    }
+
 }

package/src/aldehyde/lowcode-components/border/border4/index.tsx

@@ -1,80 +1,80 @@
-import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
-import "./index.less";
-
-interface ComponentStyle {
-    mainColor?: string;
-    subColor?: string;
-    reverse?: boolean;
-}
-
-export interface ComponentProps {
-    style?: ComponentStyle;
-    base?: { width?: number, height?: number }
-}
-
-export interface ComponentRef {
-    updateConfig: (config: ComponentProps) => void;
-}
-const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
-    const { style: defStyle, base: defBase } = props;
-    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
-    const [width, setWidth] = useState<number>(defBase?.width || 320);
-    const [height, setHeight] = useState<number>(defBase?.height || 200);
-    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
-
-    useImperativeHandle(ref, () => ({
-        updateConfig: (newConfig) => {
-            const { width, height } = newConfig.base;
-            setStyle({ ...newConfig.style });
-            setWidth(width);
-            setHeight(height);
-        },
-    }));
-
-    return <div className="border-box-4"  >
-        <svg
-            className={`border-svg-container ${reverse && 'reverse'}`}
-            width={width}
-            height={height}
-        >
-            <polyline
-                className='bb4-line-1'
-                stroke={mainColor}
-                points={`145, ${height - 5} 40, ${height - 5} 10, ${height - 35}
-          10, 40 40, 5 150, 5 170, 20 ${width - 15}, 20`}
-            />
-            <polyline
-                className='bb4-line-2'
-                stroke={subColor}
-                points={`245, ${height - 1} 36, ${height - 1} 14, ${height - 23}
-          14, ${height - 100}`}
-            />
-            <polyline
-                className='bb4-line-3'
-                stroke={mainColor}
-                points={`7, ${height - 40} 7, ${height - 75}`}
-            />
-            <polyline className='bb4-line-4' stroke={mainColor} points={`28, 24 13, 41 13, 64`} />
-            <polyline className='bb4-line-5' stroke={mainColor} points={`5, 45 5, 140`} />
-            <polyline className='bb4-line-6' stroke={subColor} points={`14, 75 14, 180`} />
-            <polyline
-                className='bb4-line-7'
-                stroke={subColor}
-                points={`55, 11 147, 11 167, 26 250, 26`}
-            />
-            <polyline className='bb4-line-8' stroke={subColor} points={`158, 5 173, 16`} />
-            <polyline
-                className='bb4-line-9'
-                stroke={mainColor}
-                points={`200, 17 ${width - 10}, 17`}
-            />
-            <polyline
-                className='bb4-line-10'
-                stroke={subColor}
-                points={`385, 17 ${width - 10}, 17`}
-            />
-        </svg>
-    </div>;
-});
-
+import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+
+interface ComponentStyle {
+    mainColor?: string;
+    subColor?: string;
+    reverse?: boolean;
+}
+
+export interface ComponentProps {
+    style?: ComponentStyle;
+    base?: { width?: number, height?: number }
+}
+
+export interface ComponentRef {
+    updateConfig: (config: ComponentProps) => void;
+}
+const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
+    const { style: defStyle, base: defBase } = props;
+    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
+    const [width, setWidth] = useState<number>(defBase?.width || 320);
+    const [height, setHeight] = useState<number>(defBase?.height || 200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
+
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle({ ...newConfig.style });
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+
+    return <div className="border-box-4"  >
+        <svg
+            className={`border-svg-container ${reverse && 'reverse'}`}
+            width={width}
+            height={height}
+        >
+            <polyline
+                className='bb4-line-1'
+                stroke={mainColor}
+                points={`145, ${height - 5} 40, ${height - 5} 10, ${height - 35}
+          10, 40 40, 5 150, 5 170, 20 ${width - 15}, 20`}
+            />
+            <polyline
+                className='bb4-line-2'
+                stroke={subColor}
+                points={`245, ${height - 1} 36, ${height - 1} 14, ${height - 23}
+          14, ${height - 100}`}
+            />
+            <polyline
+                className='bb4-line-3'
+                stroke={mainColor}
+                points={`7, ${height - 40} 7, ${height - 75}`}
+            />
+            <polyline className='bb4-line-4' stroke={mainColor} points={`28, 24 13, 41 13, 64`} />
+            <polyline className='bb4-line-5' stroke={mainColor} points={`5, 45 5, 140`} />
+            <polyline className='bb4-line-6' stroke={subColor} points={`14, 75 14, 180`} />
+            <polyline
+                className='bb4-line-7'
+                stroke={subColor}
+                points={`55, 11 147, 11 167, 26 250, 26`}
+            />
+            <polyline className='bb4-line-8' stroke={subColor} points={`158, 5 173, 16`} />
+            <polyline
+                className='bb4-line-9'
+                stroke={mainColor}
+                points={`200, 17 ${width - 10}, 17`}
+            />
+            <polyline
+                className='bb4-line-10'
+                stroke={subColor}
+                points={`385, 17 ${width - 10}, 17`}
+            />
+        </svg>
+    </div>;
+});
+
 export default Index;

package/src/aldehyde/lowcode-components/border/border5/index.less

@@ -1,36 +1,36 @@
-.border-box-5 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .reverse {
-        transform: rotate(180deg);
-    }
-
-    .border-svg-container {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 100%;
-        height: 100%;
-
-        &>polyline {
-            fill: none;
-        }
-    }
-
-    .bb5-line-1,
-    .bb5-line-2 {
-        stroke-width: 1;
-    }
-
-    .bb5-line-3,
-    .bb5-line-6 {
-        stroke-width: 5;
-    }
-
-    .bb5-line-4,
-    .bb5-line-5 {
-        stroke-width: 2;
-    }
+.border-box-5 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .reverse {
+        transform: rotate(180deg);
+    }
+
+    .border-svg-container {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+
+        &>polyline {
+            fill: none;
+        }
+    }
+
+    .bb5-line-1,
+    .bb5-line-2 {
+        stroke-width: 1;
+    }
+
+    .bb5-line-3,
+    .bb5-line-6 {
+        stroke-width: 5;
+    }
+
+    .bb5-line-4,
+    .bb5-line-5 {
+        stroke-width: 2;
+    }
 }

package/src/aldehyde/lowcode-components/border/border5/index.tsx

@@ -1,76 +1,76 @@
-import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
-import "./index.less";
-
-interface ComponentStyle {
-    mainColor?: string;
-    subColor?: string;
-    reverse?: boolean;
-}
-
-export interface ComponentProps {
-    style?: ComponentStyle;
-    base?: { width?: number, height?: number }
-}
-
-export interface ComponentRef {
-    updateConfig: (config: ComponentProps) => void;
-}
-const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
-    const { style: defStyle, base: defBase } = props;
-    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
-    const [width, setWidth] = useState<number>(defBase?.width || 320);
-    const [height, setHeight] = useState<number>(defBase?.height || 200);
-    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
-
-    useImperativeHandle(ref, () => ({
-        updateConfig: (newConfig) => {
-            const { width, height } = newConfig.base;
-            setStyle({ ...newConfig.style });
-            setWidth(width);
-            setHeight(height);
-        },
-    }));
-
-    return <div className="border-box-5"  >
-        <svg
-            className={`border-svg-container  ${reverse && 'reverse'}`}
-            width={width}
-            height={height}
-        >
-            <polyline
-                className='bb5-line-1'
-                stroke={mainColor}
-                points={`8, 5 ${width - 5}, 5 ${width - 5}, ${height - 100}
-          ${width - 100}, ${height - 5} 8, ${height - 5} 8, 5`}
-            />
-            <polyline
-                className='bb5-line-2'
-                stroke={subColor}
-                points={`3, 5 ${width - 20}, 5 ${width - 20}, ${height - 60}
-          ${width - 74}, ${height - 5} 3, ${height - 5} 3, 5`}
-            />
-            <polyline
-                className='bb5-line-3'
-                stroke={subColor}
-                points={`50, 13 ${width - 35}, 13`}
-            />
-            <polyline
-                className='bb5-line-4'
-                stroke={subColor}
-                points={`15, 20 ${width - 35}, 20`}
-            />
-            <polyline
-                className='bb5-line-5'
-                stroke={subColor}
-                points={`15, ${height - 20} ${width - 110}, ${height - 20}`}
-            />
-            <polyline
-                className='bb5-line-6'
-                stroke={subColor}
-                points={`15, ${height - 13} ${width - 110}, ${height - 13}`}
-            />
-        </svg>
-    </div>;
-});
-
+import React, { ForwardedRef, forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+
+interface ComponentStyle {
+    mainColor?: string;
+    subColor?: string;
+    reverse?: boolean;
+}
+
+export interface ComponentProps {
+    style?: ComponentStyle;
+    base?: { width?: number, height?: number }
+}
+
+export interface ComponentRef {
+    updateConfig: (config: ComponentProps) => void;
+}
+const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>) => {
+    const { style: defStyle, base: defBase } = props;
+    const [style, setStyle] = useState<ComponentStyle>({ ...defStyle });
+    const [width, setWidth] = useState<number>(defBase?.width || 320);
+    const [height, setHeight] = useState<number>(defBase?.height || 200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
+
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle({ ...newConfig.style });
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+
+    return <div className="border-box-5"  >
+        <svg
+            className={`border-svg-container  ${reverse && 'reverse'}`}
+            width={width}
+            height={height}
+        >
+            <polyline
+                className='bb5-line-1'
+                stroke={mainColor}
+                points={`8, 5 ${width - 5}, 5 ${width - 5}, ${height - 100}
+          ${width - 100}, ${height - 5} 8, ${height - 5} 8, 5`}
+            />
+            <polyline
+                className='bb5-line-2'
+                stroke={subColor}
+                points={`3, 5 ${width - 20}, 5 ${width - 20}, ${height - 60}
+          ${width - 74}, ${height - 5} 3, ${height - 5} 3, 5`}
+            />
+            <polyline
+                className='bb5-line-3'
+                stroke={subColor}
+                points={`50, 13 ${width - 35}, 13`}
+            />
+            <polyline
+                className='bb5-line-4'
+                stroke={subColor}
+                points={`15, 20 ${width - 35}, 20`}
+            />
+            <polyline
+                className='bb5-line-5'
+                stroke={subColor}
+                points={`15, ${height - 20} ${width - 110}, ${height - 20}`}
+            />
+            <polyline
+                className='bb5-line-6'
+                stroke={subColor}
+                points={`15, ${height - 13} ${width - 110}, ${height - 13}`}
+            />
+        </svg>
+    </div>;
+});
+
 export default Index;