aldehyde 0.2.279 → 0.2.282

package/lib/lowcode-components/border/border2/index.d.ts

@@ -0,0 +1,19 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAgCT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border2/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-2" },
+        React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
+            React.createElement("polyline", { stroke: mainColor, points: `2, 2 ${width - 2} ,2 ${width - 2}, ${height -
+                    2} 2, ${height - 2} 2, 2` }),
+            React.createElement("polyline", { stroke: subColor, points: `6, 6 ${width - 6}, 6 ${width - 6}, ${height -
+                    6} 6, ${height - 6} 6, 6` }),
+            React.createElement("circle", { fill: mainColor, cx: '11', cy: '11', r: '1' }),
+            React.createElement("circle", { fill: mainColor, cx: width - 11, cy: '11', r: '1' }),
+            React.createElement("circle", { fill: mainColor, cx: width - 11, cy: height - 11, r: '1' }),
+            React.createElement("circle", { fill: mainColor, cx: '11', cy: height - 11, r: '1' })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAetB,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA+B,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,mBAAsB,KAAK,CAAC,KAAK,EAAG,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAEpE,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE;YACxB,QAAQ,mBAAM,SAAS,CAAC,KAAK,EAAG,CAAC;YACjC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC9D,kCACI,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,KAAK,MAAM;oBAChD,CAAC,OAAO,MAAM,GAAG,CAAC,OAAO,GAC/B;YACF,kCACI,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,KAAK,MAAM;oBAChD,CAAC,OAAO,MAAM,GAAG,CAAC,OAAO,GAC/B;YACF,gCAAQ,IAAI,EAAE,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;YACjD,gCAAQ,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;YACzD,gCAAQ,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,CAAC,EAAC,GAAG,GAAG;YAClE,gCAAQ,IAAI,EAAE,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,CAAC,EAAC,GAAG,GAAG,CACxD,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border2/index.less

@@ -0,0 +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;
+        }
+    }
+}

package/lib/lowcode-components/border/border3/index.d.ts

@@ -0,0 +1,19 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border3/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border3/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFA0CT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border3/index.js

@@ -0,0 +1,27 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-3" },
+        React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
+            React.createElement("polyline", { className: 'bb3-line1', stroke: mainColor, points: `4, 4 ${width - 22} ,4 ${width - 22}, ${height -
+                    22} 4, ${height - 22} 4, 4` }),
+            React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `10, 10 ${width - 16}, 10 ${width - 16}, ${height -
+                    16} 10, ${height - 16} 10, 10` }),
+            React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `16, 16 ${width - 10}, 16 ${width - 10}, ${height -
+                    10} 16, ${height - 10} 16, 16` }),
+            React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `22, 22 ${width - 4}, 22 ${width - 4}, ${height -
+                    4} 22, ${height - 4} 22, 22` })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border3/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAetB,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA+B,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,mBAAsB,KAAK,CAAC,KAAK,EAAG,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAEpE,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE;YACxB,QAAQ,mBAAM,SAAS,CAAC,KAAK,EAAG,CAAC;YACjC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC9D,kCACI,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,QAAQ,KAAK,GAAG,EAAE,OAAO,KAAK,GAAG,EAAE,KAAK,MAAM;oBAClD,EAAE,OAAO,MAAM,GAAG,EAAE,OAAO,GACjC;YACF,kCACI,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,UAAU,KAAK,GAAG,EAAE,QAAQ,KAAK,GAAG,EAAE,KAAK,MAAM;oBACrD,EAAE,QAAQ,MAAM,GAAG,EAAE,SAAS,GACpC;YACF,kCACI,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,UAAU,KAAK,GAAG,EAAE,QAAQ,KAAK,GAAG,EAAE,KAAK,MAAM;oBACrD,EAAE,QAAQ,MAAM,GAAG,EAAE,SAAS,GACpC;YACF,kCACI,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,UAAU,KAAK,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,KAAK,MAAM;oBACnD,CAAC,QAAQ,MAAM,GAAG,CAAC,SAAS,GAClC,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border3/index.less

@@ -0,0 +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;
+    }
+
+}

package/lib/lowcode-components/border/border4/index.d.ts

@@ -0,0 +1,20 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border4/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border4/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFA2DT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border4/index.js

@@ -0,0 +1,32 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-4" },
+        React.createElement("svg", { className: `border-svg-container ${reverse && 'reverse'}`, width: width, height: height },
+            React.createElement("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` }),
+            React.createElement("polyline", { className: 'bb4-line-2', stroke: subColor, points: `245, ${height - 1} 36, ${height - 1} 14, ${height - 23}
+          14, ${height - 100}` }),
+            React.createElement("polyline", { className: 'bb4-line-3', stroke: mainColor, points: `7, ${height - 40} 7, ${height - 75}` }),
+            React.createElement("polyline", { className: 'bb4-line-4', stroke: mainColor, points: `28, 24 13, 41 13, 64` }),
+            React.createElement("polyline", { className: 'bb4-line-5', stroke: mainColor, points: `5, 45 5, 140` }),
+            React.createElement("polyline", { className: 'bb4-line-6', stroke: subColor, points: `14, 75 14, 180` }),
+            React.createElement("polyline", { className: 'bb4-line-7', stroke: subColor, points: `55, 11 147, 11 167, 26 250, 26` }),
+            React.createElement("polyline", { className: 'bb4-line-8', stroke: subColor, points: `158, 5 173, 16` }),
+            React.createElement("polyline", { className: 'bb4-line-9', stroke: mainColor, points: `200, 17 ${width - 10}, 17` }),
+            React.createElement("polyline", { className: 'bb4-line-10', stroke: subColor, points: `385, 17 ${width - 10}, 17` })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border4/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border4/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAgBtB,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA+B,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,mBAAsB,KAAK,CAAC,KAAK,EAAG,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE7E,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE;YACxB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC;YACzC,QAAQ,mBAAM,SAAS,CAAC,KAAK,EAAG,CAAC;YACjC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,SAAS,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BACI,SAAS,EAAE,wBAAwB,OAAO,IAAI,SAAS,EAAE,EACzD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM;YAEd,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,QAAQ,MAAM,GAAG,CAAC,QAAQ,MAAM,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAE;wCACvC,KAAK,GAAG,EAAE,MAAM,GAC1C;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,MAAM,GAAG,CAAC,QAAQ,MAAM,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAE;gBAC/D,MAAM,GAAG,GAAG,EAAE,GAChB;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,GAAG,EAAE,EAAE,GAC/C;YACF,kCAAU,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,sBAAsB,GAAI;YACtF,kCAAU,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,GAAI;YAC9E,kCAAU,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,GAAI;YAC/E,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,gCAAgC,GAC1C;YACF,kCAAU,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,GAAI;YAC/E,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,WAAW,KAAK,GAAG,EAAE,MAAM,GACrC;YACF,kCACI,SAAS,EAAC,aAAa,EACvB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,WAAW,KAAK,GAAG,EAAE,MAAM,GACrC,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border4/index.less

@@ -0,0 +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;
+    }
+
+}

package/lib/lowcode-components/border/border5/index.d.ts

@@ -0,0 +1,20 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border5/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border5/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAuDT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border5/index.js

@@ -0,0 +1,28 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-5" },
+        React.createElement("svg", { className: `border-svg-container  ${reverse && 'reverse'}`, width: width, height: height },
+            React.createElement("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` }),
+            React.createElement("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` }),
+            React.createElement("polyline", { className: 'bb5-line-3', stroke: subColor, points: `50, 13 ${width - 35}, 13` }),
+            React.createElement("polyline", { className: 'bb5-line-4', stroke: subColor, points: `15, 20 ${width - 35}, 20` }),
+            React.createElement("polyline", { className: 'bb5-line-5', stroke: subColor, points: `15, ${height - 20} ${width - 110}, ${height - 20}` }),
+            React.createElement("polyline", { className: 'bb5-line-6', stroke: subColor, points: `15, ${height - 13} ${width - 110}, ${height - 13}` })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border5/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border5/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAgBtB,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA+B,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,mBAAsB,KAAK,CAAC,KAAK,EAAG,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE7E,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE;YACxB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC;YACzC,QAAQ,mBAAM,SAAS,CAAC,KAAK,EAAG,CAAC;YACjC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,SAAS,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BACI,SAAS,EAAE,yBAAyB,OAAO,IAAI,SAAS,EAAE,EAC1D,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM;YAEd,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,KAAK,MAAM,GAAG,GAAG;YAC9D,KAAK,GAAG,GAAG,KAAK,MAAM,GAAG,CAAC,OAAO,MAAM,GAAG,CAAC,OAAO,GAChD;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,KAAK,GAAG,EAAE,OAAO,KAAK,GAAG,EAAE,KAAK,MAAM,GAAG,EAAE;YAC/D,KAAK,GAAG,EAAE,KAAK,MAAM,GAAG,CAAC,OAAO,MAAM,GAAG,CAAC,OAAO,GAC/C;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,UAAU,KAAK,GAAG,EAAE,MAAM,GACpC;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,UAAU,KAAK,GAAG,EAAE,MAAM,GACpC;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,OAAO,MAAM,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,KAAK,MAAM,GAAG,EAAE,EAAE,GAC7D;YACF,kCACI,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,OAAO,MAAM,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,KAAK,MAAM,GAAG,EAAE,EAAE,GAC7D,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border5/index.less

@@ -0,0 +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;
+    }
+}

package/lib/lowcode-components/border/border6/index.d.ts

@@ -0,0 +1,19 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border6/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border6/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAyCT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border6/index.js

@@ -0,0 +1,36 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-6" },
+        React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
+            React.createElement("circle", { fill: subColor, cx: '5', cy: '5', r: '2' }),
+            React.createElement("circle", { fill: subColor, cx: width - 5, cy: '5', r: '2' }),
+            React.createElement("circle", { fill: subColor, cx: width - 5, cy: height - 5, r: '2' }),
+            React.createElement("circle", { fill: subColor, cx: '5', cy: height - 5, r: '2' }),
+            React.createElement("polyline", { stroke: mainColor, points: `10, 4 ${width - 10}, 4` }),
+            React.createElement("polyline", { stroke: mainColor, points: `10, ${height - 4} ${width - 10}, ${height - 4}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `5, 70 5, ${height - 70}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `${width - 5}, 70 ${width - 5}, ${height - 70}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `3, 10, 3, 50` }),
+            React.createElement("polyline", { stroke: mainColor, points: `7, 30 7, 80` }),
+            React.createElement("polyline", { stroke: mainColor, points: `${width - 3}, 10 ${width - 3}, 50` }),
+            React.createElement("polyline", { stroke: mainColor, points: `${width - 7}, 30 ${width - 7}, 80` }),
+            React.createElement("polyline", { stroke: mainColor, points: `3, ${height - 10} 3, ${height - 50}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `7, ${height - 30} 7, ${height - 80}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `${width - 3}, ${height - 10} ${width - 3}, ${height - 50}` }),
+            React.createElement("polyline", { stroke: mainColor, points: `${width - 7}, ${height - 30} ${width - 7}, ${height - 80}` })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border6/index.tsx"],"names":[],"mappings":"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"}

package/lib/lowcode-components/border/border6/index.less

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

package/lib/lowcode-components/border/border7/index.d.ts

@@ -0,0 +1,19 @@
+import React 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;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border7/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border7/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAwDT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border7/index.js

@@ -0,0 +1,33 @@
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(320);
+    const [height, setHeight] = useState(200);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            const { width, height } = newConfig.base;
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(width);
+            setHeight(height);
+        },
+    }));
+    return React.createElement("div", { className: "border-box-7", style: {
+            boxShadow: `inset 0 0 40px ${mainColor}`,
+            border: `1px solid ${mainColor}`
+        } },
+        React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
+            React.createElement("polyline", { className: 'bb7-line-width-2', stroke: mainColor, points: `0, 25 0, 0 25, 0` }),
+            React.createElement("polyline", { className: 'bb7-line-width-2', stroke: mainColor, points: `${width - 25}, 0 ${width}, 0 ${width}, 25` }),
+            React.createElement("polyline", { className: 'bb7-line-width-2', stroke: mainColor, points: `${width -
+                    25}, ${height} ${width}, ${height} ${width}, ${height - 25}` }),
+            React.createElement("polyline", { className: 'bb7-line-width-2', stroke: mainColor, points: `0, ${height - 25} 0, ${height} 25, ${height}` }),
+            React.createElement("polyline", { className: 'bb7-line-width-5', stroke: subColor, points: `0, 10 0, 0 10, 0` }),
+            React.createElement("polyline", { className: 'bb7-line-width-5', stroke: subColor, points: `${width - 10}, 0 ${width}, 0 ${width}, 10` }),
+            React.createElement("polyline", { className: 'bb7-line-width-5', stroke: subColor, points: `${width -
+                    10}, ${height} ${width}, ${height} ${width}, ${height - 10}` }),
+            React.createElement("polyline", { className: 'bb7-line-width-5', stroke: subColor, points: `0, ${height - 10} 0, ${height} 10, ${height}` })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/border/border7/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border7/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAetB,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA+B,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,mBAAsB,KAAK,CAAC,KAAK,EAAG,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAEpE,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,EAAE;YACxB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC;YACzC,QAAQ,mBAAM,SAAS,CAAC,KAAK,EAAG,CAAC;YACjC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,SAAS,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE;YACxC,SAAS,EAAE,kBAAkB,SAAS,EAAE;YACxC,MAAM,EAAE,aAAa,SAAS,EAAE;SACnC;QACG,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC9D,kCAAU,SAAS,EAAC,kBAAkB,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,kBAAkB,GAAI;YACxF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,KAAK,OAAO,KAAK,MAAM,GACrD;YACF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,GAAG,KAAK;oBACZ,EAAE,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,GAAG,EAAE,EAAE,GAClE;YACF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,QAAQ,MAAM,EAAE,GACxD;YACF,kCAAU,SAAS,EAAC,kBAAkB,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,kBAAkB,GAAI;YACvF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,KAAK,OAAO,KAAK,MAAM,GACrD;YACF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,GAAG,KAAK;oBACZ,EAAE,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,GAAG,EAAE,EAAE,GAClE;YACF,kCACI,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,MAAM,MAAM,GAAG,EAAE,OAAO,MAAM,QAAQ,MAAM,EAAE,GACxD,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/border/border7/index.less

@@ -0,0 +1,27 @@
+.border-box-7 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .border-svg-container {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+
+        &>polyline {
+            fill: none;
+            stroke-linecap: round;
+        }
+    }
+
+    .bb7-line-width-2 {
+        stroke-width: 2;
+    }
+
+    .bb7-line-width-5 {
+        stroke-width: 5;
+    }
+
+}

package/lib/lowcode-components/border/border8/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface ComponentStyle {
+    mainColor?: string;
+    subColor?: string;
+    reverse?: boolean;
+}
+export interface ComponentProps {
+    style?: ComponentStyle;
+    base?: {
+        width?: number;
+        height?: number;
+        id: string;
+    };
+}
+export interface ComponentRef {
+    updateConfig: (config: ComponentProps) => void;
+}
+declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/lowcode-components/border/border8/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border8/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2E,MAAM,OAAO,CAAC;AAChG,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CACzD;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAgET,CAAC;AAEH,eAAe,KAAK,CAAC"}