aldehyde 0.2.479 → 0.2.481

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

@@ -1,14 +1,14 @@
-.border-box-12 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-    }
-
+.border-box-12 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+    }
+
 }

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

@@ -1,116 +1,116 @@
-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, id: string }
-}
-
-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 || {};
-    const filterId = `border-box-12${defBase.id}`;
-
-    useImperativeHandle(ref, () => ({
-        updateConfig: (newConfig) => {
-            const { width, height } = newConfig.base;
-            setStyle({ ...newConfig.style });
-            setWidth(width);
-            setHeight(height);
-        },
-    }));
-
-    return <div className="border-box-12"  >
-        <svg className='dv-border-svg-container' width={width} height={height}>
-            <defs>
-                <filter id={filterId} height='150%' width='150%' x='-25%' y='-25%'>
-                    <feMorphology operator='dilate' radius='1' in='SourceAlpha' result='thicken' />
-                    <feGaussianBlur in='thicken' stdDeviation='2' result='blurred' />
-                    <feFlood floodColor={mainColor} result='glowColor'>
-                        <animate
-                            attributeName='flood-color'
-                            values={`${mainColor};${subColor};${mainColor};`}
-                            dur='3s'
-                            begin='0s'
-                            repeatCount='indefinite'
-                        />
-                    </feFlood>
-                    <feComposite in='glowColor' in2='blurred' operator='in' result='softGlowColored' />
-                    <feMerge>
-                        <feMergeNode in='softGlowColored' />
-                        <feMergeNode in='SourceGraphic' />
-                    </feMerge>
-                </filter>
-            </defs>
-
-            <path
-                fill="none"
-                strokeWidth='2'
-                stroke={mainColor}
-                d={`
-            M15 5 L ${width - 15} 5 Q ${width - 5} 5, ${width - 5} 15
-            L ${width - 5} ${height - 15} Q ${width - 5} ${height - 5}, ${width - 15} ${height - 5}
-            L 15, ${height - 5} Q 5 ${height - 5} 5 ${height - 15} L 5 15
-            Q 5 5 15 5
-          `}
-            />
-
-            <path
-                strokeWidth='2'
-                fill='transparent'
-                strokeLinecap='round'
-                filter={`url(#${filterId})`}
-                stroke={subColor}
-                d={`M 20 5 L 15 5 Q 5 5 5 15 L 5 20`}
-            />
-
-            <path
-                strokeWidth='2'
-                fill='transparent'
-                strokeLinecap='round'
-                filter={`url(#${filterId})`}
-                stroke={subColor}
-                d={`M ${width - 20} 5 L ${width - 15} 5 Q ${width - 5} 5 ${width - 5} 15 L ${width - 5} 20`}
-            />
-
-            <path
-                strokeWidth='2'
-                fill='transparent'
-                strokeLinecap='round'
-                filter={`url(#${filterId})`}
-                stroke={subColor}
-                d={`
-          M ${width - 20} ${height - 5} L ${width - 15} ${height - 5}
-          Q ${width - 5} ${height - 5} ${width - 5} ${height - 15}
-          L ${width - 5} ${height - 20}
-        `}
-            />
-
-            <path
-                strokeWidth='2'
-                fill='transparent'
-                strokeLinecap='round'
-                filter={`url(#${filterId})`}
-                stroke={subColor}
-                d={`
-          M 20 ${height - 5} L 15 ${height - 5}
-          Q 5 ${height - 5} 5 ${height - 15}
-          L 5 ${height - 20}
-        `}
-            />
-        </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, id: string }
+}
+
+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 || {};
+    const filterId = `border-box-12${defBase.id}`;
+
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle({ ...newConfig.style });
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+
+    return <div className="border-box-12"  >
+        <svg className='dv-border-svg-container' width={width} height={height}>
+            <defs>
+                <filter id={filterId} height='150%' width='150%' x='-25%' y='-25%'>
+                    <feMorphology operator='dilate' radius='1' in='SourceAlpha' result='thicken' />
+                    <feGaussianBlur in='thicken' stdDeviation='2' result='blurred' />
+                    <feFlood floodColor={mainColor} result='glowColor'>
+                        <animate
+                            attributeName='flood-color'
+                            values={`${mainColor};${subColor};${mainColor};`}
+                            dur='3s'
+                            begin='0s'
+                            repeatCount='indefinite'
+                        />
+                    </feFlood>
+                    <feComposite in='glowColor' in2='blurred' operator='in' result='softGlowColored' />
+                    <feMerge>
+                        <feMergeNode in='softGlowColored' />
+                        <feMergeNode in='SourceGraphic' />
+                    </feMerge>
+                </filter>
+            </defs>
+
+            <path
+                fill="none"
+                strokeWidth='2'
+                stroke={mainColor}
+                d={`
+            M15 5 L ${width - 15} 5 Q ${width - 5} 5, ${width - 5} 15
+            L ${width - 5} ${height - 15} Q ${width - 5} ${height - 5}, ${width - 15} ${height - 5}
+            L 15, ${height - 5} Q 5 ${height - 5} 5 ${height - 15} L 5 15
+            Q 5 5 15 5
+          `}
+            />
+
+            <path
+                strokeWidth='2'
+                fill='transparent'
+                strokeLinecap='round'
+                filter={`url(#${filterId})`}
+                stroke={subColor}
+                d={`M 20 5 L 15 5 Q 5 5 5 15 L 5 20`}
+            />
+
+            <path
+                strokeWidth='2'
+                fill='transparent'
+                strokeLinecap='round'
+                filter={`url(#${filterId})`}
+                stroke={subColor}
+                d={`M ${width - 20} 5 L ${width - 15} 5 Q ${width - 5} 5 ${width - 5} 15 L ${width - 5} 20`}
+            />
+
+            <path
+                strokeWidth='2'
+                fill='transparent'
+                strokeLinecap='round'
+                filter={`url(#${filterId})`}
+                stroke={subColor}
+                d={`
+          M ${width - 20} ${height - 5} L ${width - 15} ${height - 5}
+          Q ${width - 5} ${height - 5} ${width - 5} ${height - 15}
+          L ${width - 5} ${height - 20}
+        `}
+            />
+
+            <path
+                strokeWidth='2'
+                fill='transparent'
+                strokeLinecap='round'
+                filter={`url(#${filterId})`}
+                stroke={subColor}
+                d={`
+          M 20 ${height - 5} L 15 ${height - 5}
+          Q 5 ${height - 5} 5 ${height - 15}
+          L 5 ${height - 20}
+        `}
+            />
+        </svg>
+    </div>;
+});
+
 export default Index;

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

@@ -1,14 +1,14 @@
-.border-box-13 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-    }
-
+.border-box-13 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+    }
+
 }

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

@@ -1,70 +1,70 @@
-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) => {
-            const { width, height } = newConfig.base;
-            setStyle({ ...newConfig.style });
-            setWidth(width);
-            setHeight(height);
-        },
-    }));
-
-    return <div className="border-box-13"  >
-        <svg className='border-svg-container' width={width} height={height}>
-            <path
-                fill="none"
-                stroke={mainColor}
-                d={`
-            M 5 20 L 5 10 L 12 3  L 60 3 L 68 10
-            L ${width - 20} 10 L ${width - 5} 25
-            L ${width - 5} ${height - 5} L 20 ${height - 5}
-            L 5 ${height - 20} L 5 20
-          `}
-            />
-
-            <path
-                fill='transparent'
-                strokeWidth='3'
-                strokeLinecap='round'
-                strokeDasharray='10, 5'
-                stroke={mainColor}
-                d='M 16 9 L 61 9'
-            />
-
-            <path
-                fill='transparent'
-                stroke={subColor}
-                d='M 5 20 L 5 10 L 12 3  L 60 3 L 68 10'
-            />
-
-            <path
-                fill='transparent'
-                stroke={subColor}
-                d={`M ${width - 5} ${height - 30} L ${width - 5} ${height - 5} L ${width - 30} ${height - 5}`}
-            />
-        </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) => {
+            const { width, height } = newConfig.base;
+            setStyle({ ...newConfig.style });
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+
+    return <div className="border-box-13"  >
+        <svg className='border-svg-container' width={width} height={height}>
+            <path
+                fill="none"
+                stroke={mainColor}
+                d={`
+            M 5 20 L 5 10 L 12 3  L 60 3 L 68 10
+            L ${width - 20} 10 L ${width - 5} 25
+            L ${width - 5} ${height - 5} L 20 ${height - 5}
+            L 5 ${height - 20} L 5 20
+          `}
+            />
+
+            <path
+                fill='transparent'
+                strokeWidth='3'
+                strokeLinecap='round'
+                strokeDasharray='10, 5'
+                stroke={mainColor}
+                d='M 16 9 L 61 9'
+            />
+
+            <path
+                fill='transparent'
+                stroke={subColor}
+                d='M 5 20 L 5 10 L 12 3  L 60 3 L 68 10'
+            />
+
+            <path
+                fill='transparent'
+                stroke={subColor}
+                d={`M ${width - 5} ${height - 30} L ${width - 5} ${height - 5} L ${width - 30} ${height - 5}`}
+            />
+        </svg>
+    </div>;
+});
+
 export default Index;

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

@@ -1,18 +1,18 @@
-.border-box-2 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-
-        polyline {
-            fill: none;
-            stroke-width: 1;
-        }
-    }
+.border-box-2 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+
+        polyline {
+            fill: none;
+            stroke-width: 1;
+        }
+    }
 }

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

@@ -1,52 +1,52 @@
-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-2"  >
-        <svg className='border-svg-container' width={width} height={height}>
-            <polyline
-                stroke={mainColor}
-                points={`2, 2 ${width - 2} ,2 ${width - 2}, ${height -
-                    2} 2, ${height - 2} 2, 2`}
-            />
-            <polyline
-                stroke={subColor}
-                points={`6, 6 ${width - 6}, 6 ${width - 6}, ${height -
-                    6} 6, ${height - 6} 6, 6`}
-            />
-            <circle fill={mainColor} cx='11' cy='11' r='1' />
-            <circle fill={mainColor} cx={width - 11} cy='11' r='1' />
-            <circle fill={mainColor} cx={width - 11} cy={height - 11} r='1' />
-            <circle fill={mainColor} cx='11' cy={height - 11} r='1' />
-        </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-2"  >
+        <svg className='border-svg-container' width={width} height={height}>
+            <polyline
+                stroke={mainColor}
+                points={`2, 2 ${width - 2} ,2 ${width - 2}, ${height -
+                    2} 2, ${height - 2} 2, 2`}
+            />
+            <polyline
+                stroke={subColor}
+                points={`6, 6 ${width - 6}, 6 ${width - 6}, ${height -
+                    6} 6, ${height - 6} 6, 6`}
+            />
+            <circle fill={mainColor} cx='11' cy='11' r='1' />
+            <circle fill={mainColor} cx={width - 11} cy='11' r='1' />
+            <circle fill={mainColor} cx={width - 11} cy={height - 11} r='1' />
+            <circle fill={mainColor} cx='11' cy={height - 11} r='1' />
+        </svg>
+    </div>;
+});
+
 export default Index;

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

@@ -1,26 +1,26 @@
-.border-box-3 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-
-    .border-svg-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0px;
-        left: 0px;
-
-        &>polyline {
-            fill: none;
-        }
-    }
-
-    .bb3-line1 {
-        stroke-width: 3;
-    }
-
-    .bb3-line2 {
-        stroke-width: 1;
-    }
-
+.border-box-3 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+
+        &>polyline {
+            fill: none;
+        }
+    }
+
+    .bb3-line1 {
+        stroke-width: 3;
+    }
+
+    .bb3-line2 {
+        stroke-width: 1;
+    }
+
 }