aldehyde 0.2.283 → 0.2.285

package/lib/lowcode-components/decoration/decoration11/index.js

@@ -0,0 +1,81 @@
+import React, { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import "./index.less";
+const segment = 30;
+const sectorAngle = Math.PI / 3;
+const ringNum = 3;
+const ringWidth = 1;
+const getCircleRadianPoint = (x, y, radius, radian) => [x + Math.cos(radian) * radius, y + Math.sin(radian) * radius];
+const Index = forwardRef((props, ref) => {
+    const gId = `decoration-11-g-${props.base.id}`;
+    const gradientId = `decoration-11-gradient-${props.base.id}`;
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(200);
+    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);
+        },
+    }));
+    const { x, y } = useMemo(() => ({ x: width / 2, y: height / 2 }), [width, height]);
+    const pathD = useMemo(() => {
+        const startAngle = -Math.PI / 2;
+        const angleGap = sectorAngle / segment;
+        const r = width / 4;
+        let lastEndPoints = getCircleRadianPoint(x, y, r, startAngle);
+        return new Array(segment)
+            .fill('')
+            .map((_, i) => {
+            const endPoints = getCircleRadianPoint(x, y, r, startAngle - (i + 1) * angleGap).map(_ => _.toFixed(5));
+            const d = `M${lastEndPoints.join(',')} A${r}, ${r} 0 0 0 ${endPoints.join(',')}`;
+            lastEndPoints = endPoints;
+            return d;
+        });
+    }, [x, y]);
+    const circleR = useMemo(() => {
+        const radiusGap = (width / 2 - ringWidth / 2) / ringNum;
+        return new Array(ringNum).fill(0).map((_, i) => radiusGap * (i + 1));
+    }, [width]);
+    const splitLinePoints = useMemo(() => {
+        const angleGap = Math.PI / 6;
+        const r = width / 2;
+        return new Array(6).fill('').map((_, i) => {
+            const startAngle = angleGap * (i + 1);
+            const endAngle = startAngle + Math.PI;
+            const startPoint = getCircleRadianPoint(x, y, r, startAngle);
+            const endPoint = getCircleRadianPoint(x, y, r, endAngle);
+            return `${startPoint.join(',')} ${endPoint.join(',')}`;
+        });
+    }, [x, y]);
+    const arcD = useMemo(() => {
+        const angleGap = Math.PI / 6;
+        const r = width / 2 - 1;
+        return new Array(4).fill('').map((_, i) => {
+            const startAngle = angleGap * (3 * i + 1);
+            const endAngle = startAngle + angleGap;
+            const startPoint = getCircleRadianPoint(x, y, r, startAngle);
+            const endPoint = getCircleRadianPoint(x, y, r, endAngle);
+            return `M${startPoint.join(',')} A${x}, ${y} 0 0 1 ${endPoint.join(',')}`;
+        });
+    }, [x, y]);
+    return React.createElement("div", { className: "decoration-11" },
+        React.createElement("svg", { width: width, height: height },
+            React.createElement("defs", null,
+                React.createElement("g", { id: gId }, pathD.map((d, i) => React.createElement("path", { stroke: mainColor, strokeOpacity: (100 - i * 100 / (segment - 1)) / 100, strokeWidth: width / 2, fill: 'transparent', key: d, d: d }))),
+                React.createElement("radialGradient", { id: gradientId, cx: '50%', cy: '50%', r: '50%' },
+                    React.createElement("stop", { offset: '0%', stopColor: 'transparent', stopOpacity: '1' }),
+                    React.createElement("stop", { offset: '100%', stopColor: subColor, stopOpacity: 0.3 }))),
+            circleR.map(r => React.createElement("circle", { key: r, r: r, cx: x, cy: y, stroke: subColor, strokeWidth: 0.5, fill: 'transparent' })),
+            React.createElement("circle", { r: '1', cx: x, cy: y, stroke: 'transparent', fill: `url(#${gradientId})` },
+                React.createElement("animate", { attributeName: 'r', values: `1;${width / 2}`, dur: "2s", repeatCount: 'indefinite' }),
+                React.createElement("animate", { attributeName: 'opacity', values: '1;0', dur: "2s", repeatCount: 'indefinite' })),
+            React.createElement("circle", { r: '2', cx: x, cy: y, fill: subColor }),
+            splitLinePoints.map(p => React.createElement("polyline", { key: p, points: p, stroke: subColor, strokeWidth: 0.5, opacity: '0.5' })),
+            arcD.map(d => React.createElement("path", { key: d, d: d, stroke: subColor, strokeWidth: '2', fill: 'transparent' })),
+            React.createElement("use", { href: `#${gId}` },
+                React.createElement("animateTransform", { attributeName: 'transform', type: 'rotate', values: `0, ${x} ${y};360, ${x} ${y}`, dur: "3s", repeatCount: 'indefinite' }))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration11/index.js.map

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

package/lib/lowcode-components/decoration/decoration11/index.less

@@ -0,0 +1,6 @@
+.decoration-11 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+}

package/lib/lowcode-components/decoration/decoration2/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/decoration/decoration2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,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/decoration/decoration2/index.js

@@ -0,0 +1,23 @@
+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(300);
+    const [height, setHeight] = useState(100);
+    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: "decoration-2" },
+        React.createElement("svg", { width: `${width}px`, height: `${height}px` },
+            React.createElement("rect", { x: 0, y: height / 2, width: width, height: 1, fill: mainColor },
+                React.createElement("animate", { attributeName: "width", from: '0', to: width, dur: "3s", calcMode: 'spline', keyTimes: '0;1', keySplines: '.42,0,.58,1', repeatCount: 'indefinite' })),
+            React.createElement("rect", { x: 0, y: height / 2, width: '1', height: '1', fill: subColor },
+                React.createElement("animate", { attributeName: 'x', from: '0', to: width, dur: "3s", calcMode: 'spline', keyTimes: '0;1', keySplines: '0.42,0,0.58,1', repeatCount: 'indefinite' }))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,GAAG,MAAM,OAAO,CAAC;AACxF,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,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI;YAC3C,8BAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS;gBAC/D,iCACI,aAAa,EAAE,OAAO,EACtB,IAAI,EAAC,GAAG,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,IAAI,EACT,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,KAAK,EACd,UAAU,EAAC,aAAa,EACxB,WAAW,EAAC,YAAY,GAC1B,CACC;YACP,8BAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAE,QAAQ;gBAC1D,iCACI,aAAa,EAAE,GAAG,EAClB,IAAI,EAAC,GAAG,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAC,IAAI,EACR,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,KAAK,EACd,UAAU,EAAC,eAAe,EAC1B,WAAW,EAAC,YAAY,GAC1B,CACC,CACL,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration2/index.less

@@ -0,0 +1,7 @@
+.decoration-2 {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+}

package/lib/lowcode-components/decoration/decoration3/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/decoration/decoration3/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration3/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2E,MAAM,OAAO,CAAC;AAChG,OAAO,cAAc,CAAC;AAsBtB,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,qFAgDT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration3/index.js

@@ -0,0 +1,39 @@
+import React, { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import "./index.less";
+const pointSideLength = 7;
+const svgWH = [300, 35];
+const rowNum = 2;
+const rowPoints = 25;
+const halfPointSideLength = pointSideLength / 2;
+const getPoints = () => {
+    const [w, h] = svgWH;
+    const horizontalGap = w / (rowPoints + 1);
+    const verticalGap = h / (rowNum + 1);
+    let points = new Array(rowNum)
+        .fill(0)
+        .map((_, i) => new Array(rowPoints)
+        .fill(0)
+        .map((_, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)]));
+    return points.reduce((all, item) => [...all, ...item], []);
+};
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(300);
+    const [height, setHeight] = useState(100);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    const { svgScale, points } = useMemo(() => ({
+        points: getPoints(),
+        svgScale: [width / svgWH[0], height / svgWH[1]]
+    }), [width, height]);
+    return React.createElement("div", { className: "decoration-3" },
+        React.createElement("svg", { className: "decoration-3-container", width: `${svgWH[0]}px`, height: `${svgWH[1]}px`, style: { transform: `scale(${svgScale[0]},${svgScale[1]})` } }, points.map((point, i) => (React.createElement("rect", { key: i, fill: mainColor, x: point[0] - halfPointSideLength, y: point[1] - halfPointSideLength, width: pointSideLength, height: pointSideLength }, Math.random() > 0.6 && (React.createElement("animate", { attributeName: 'fill', values: `${mainColor};${subColor}`, dur: Math.random() + 1 + 's', begin: Math.random() * 2, repeatCount: 'indefinite' })))))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration3/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChG,OAAO,cAAc,CAAC;AAEtB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACxB,MAAM,MAAM,GAAG,CAAC,CAAC;AACjB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,mBAAmB,GAAG,eAAe,GAAG,CAAC,CAAC;AAEhD,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;IACrB,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC;SACzB,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACV,IAAI,KAAK,CAAC,SAAS,CAAC;SACf,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvE,CAAC;IACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC/D,CAAC,CAAC;AAeF,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,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC,MAAM,EAAE,SAAS,EAAE;QACnB,QAAQ,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;KAClD,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BACI,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,EACtB,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,IAE3D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,8BACI,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,SAAS,EACf,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,EACjC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,mBAAmB,EACjC,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,eAAe,IAEtB,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CACpB,iCACI,aAAa,EAAC,MAAM,EACpB,MAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,EAAE,EAClC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAC5B,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,WAAW,EAAC,YAAY,GAC1B,CACL,CACE,CACV,CAAC,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration3/index.less

@@ -0,0 +1,8 @@
+.decoration-3 {
+    width: 100%;
+    height: 100%;
+
+    .decoration-3-container {
+        transform-origin: left top;
+    }
+}

package/lib/lowcode-components/decoration/decoration4/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/decoration/decoration4/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration4/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,qFAkCT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration4/index.js

@@ -0,0 +1,20 @@
+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(300);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+        },
+    }));
+    return React.createElement("div", { className: "decoration-4" },
+        React.createElement("div", { className: "decoration-4-container", style: { width: `${width}px`, height: `5px` } },
+            React.createElement("svg", { width: width, height: 5 },
+                React.createElement("polyline", { stroke: mainColor, points: `0, 2.5 ${width}, 2.5` }),
+                React.createElement("polyline", { className: 'bold-line', stroke: subColor, strokeWidth: '3', strokeDasharray: '20, 80', strokeDashoffset: '-30', points: `0, 2.5 ${width}, 2.5` }))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration4/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration4/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,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;QACnC,CAAC;KACJ,CAAC,CAAC,CAAC;IAGJ,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BACI,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;YAE7C,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;gBACxB,kCACI,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,UAAU,KAAK,OAAO,GAChC;gBACF,kCACI,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,QAAQ,EAChB,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,QAAQ,EACxB,gBAAgB,EAAC,KAAK,EACtB,MAAM,EAAE,UAAU,KAAK,OAAO,GAChC,CACA,CACJ,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration4/index.less

@@ -0,0 +1,30 @@
+.decoration-4 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+
+    .decoration-4-container {
+        display: flex;
+        overflow: hidden;
+        position: absolute;
+        flex: 1;
+        animation: ani-width ease-in-out infinite;
+        animation-duration: 3s;
+        top: 50%;
+        margin-top: -2px;
+    }
+
+    @keyframes ani-width {
+        0% {
+            width: 0%;
+        }
+
+        70% {
+            width: 100%;
+        }
+
+        100% {
+            width: 100%;
+        }
+    }
+}

package/lib/lowcode-components/decoration/decoration5/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/decoration/decoration5/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration5/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2E,MAAM,OAAO,CAAC;AAChG,OAAO,cAAc,CAAC;AActB,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,qFAqFT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration5/index.js

@@ -0,0 +1,56 @@
+import React, { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import "./index.less";
+const getTwoPointDistance = (pointOne, pointTwo) => {
+    const minusX = Math.abs(pointOne[0] - pointTwo[0]);
+    const minusY = Math.abs(pointOne[1] - pointTwo[1]);
+    return Math.sqrt(minusX * minusX + minusY * minusY);
+};
+const getPolylineLength = (points) => {
+    const lineSegments = new Array(points.length - 1).fill(0).map((_, i) => [points[i], points[i + 1]]);
+    const lengths = lineSegments.map((item) => getTwoPointDistance(item[0], item[1]));
+    return lengths.reduce((all, num) => all + num, 0);
+};
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(300);
+    const [height, setHeight] = useState(100);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    const calcSVGData = () => {
+        let line1Points = [
+            [0, height * 0.2],
+            [width * 0.18, height * 0.2],
+            [width * 0.2, height * 0.4],
+            [width * 0.25, height * 0.4],
+            [width * 0.27, height * 0.6],
+            [width * 0.72, height * 0.6],
+            [width * 0.75, height * 0.4],
+            [width * 0.8, height * 0.4],
+            [width * 0.82, height * 0.2],
+            [width, height * 0.2]
+        ];
+        let line2Points = [[width * 0.3, height * 0.8], [width * 0.7, height * 0.8]];
+        const line1Length = getPolylineLength(line1Points);
+        const line2Length = getPolylineLength(line2Points);
+        return {
+            line1Points: line1Points.map(point => point.join(',')).join(' '),
+            line2Points: line2Points.map(point => point.join(',')).join(' '),
+            line1Length, line2Length
+        };
+    };
+    const { line1Points, line2Points, line1Length, line2Length } = useMemo(calcSVGData, [width, height]);
+    return React.createElement("div", { className: "decoration-5" },
+        React.createElement("svg", { width: width, height: height },
+            React.createElement("polyline", { fill: 'transparent', stroke: mainColor, strokeWidth: '3', points: line1Points },
+                React.createElement("animate", { attributeName: 'stroke-dasharray', attributeType: 'XML', from: `0, ${line1Length / 2}, 0, ${line1Length / 2}`, to: `0, 0, ${line1Length}, 0`, dur: "3s", begin: '0s', calcMode: 'spline', keyTimes: '0;1', keySplines: '0.4,1,0.49,0.98', repeatCount: 'indefinite' })),
+            React.createElement("polyline", { fill: 'transparent', stroke: subColor, strokeWidth: '2', points: line2Points },
+                React.createElement("animate", { attributeName: 'stroke-dasharray', attributeType: 'XML', from: `0, ${line2Length / 2}, 0, ${line2Length / 2}`, to: `0, 0, ${line2Length}, 0`, dur: "3s", begin: '0s', calcMode: 'spline', keyTimes: '0;1', keySplines: '.4,1,.49,.98', repeatCount: 'indefinite' }))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration5/index.js.map

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

package/lib/lowcode-components/decoration/decoration5/index.less

@@ -0,0 +1,4 @@
+.decoration-5 {
+    width: 100%;
+    height: 100%;
+}

package/lib/lowcode-components/decoration/decoration6/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/decoration/decoration6/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration6/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2E,MAAM,OAAO,CAAC;AAChG,OAAO,cAAc,CAAC;AAwCtB,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,qFAgET,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration6/index.js

@@ -0,0 +1,55 @@
+import React, { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import "./index.less";
+const svgWH = [300, 35];
+const rowNum = 1;
+const rowPoints = 40;
+const rectWidth = 7;
+const halfRectWidth = rectWidth / 2;
+const getPoints = () => {
+    const [w, h] = svgWH;
+    const horizontalGap = w / (rowPoints + 1);
+    const verticalGap = h / (rowNum + 1);
+    let points = new Array(rowNum)
+        .fill(0)
+        .map((_, i) => new Array(rowPoints)
+        .fill(0)
+        .map((_, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)]));
+    return points.reduce((all, item) => [...all, ...item], []);
+};
+const getData = () => {
+    const h = svgWH[1];
+    const heights = new Array(rowNum * rowPoints)
+        .fill(0)
+        .map(() => Math.random() > 0.8
+        ? Math.random() * (h - 0.7 * h + 1) + 0.7 * h
+        : Math.random() * (0.5 * h - 0.2 * h + 1) + 0.2 * h);
+    const minHeights = new Array(rowNum * rowPoints)
+        .fill(0)
+        .map((_, i) => heights[i] * Math.random());
+    const randoms = new Array(rowNum * rowPoints)
+        .fill(0)
+        .map(() => Math.random() + 1.5);
+    return { heights, minHeights, randoms };
+};
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(300);
+    const [height, setHeight] = useState(100);
+    const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    const calcSVGData = () => (Object.assign(Object.assign({}, getData()), { points: getPoints(), svgScale: [width / svgWH[0], height / svgWH[1]] }));
+    const { points, heights, minHeights, randoms, svgScale } = useMemo(calcSVGData, [width, height]);
+    return React.createElement("div", { className: "decoration-6" },
+        React.createElement("svg", { className: "decoration-6-container", width: `${svgWH[0]}px`, height: `${svgWH[1]}px`, style: { transform: `scale(${svgScale[0]},${svgScale[1]})` } }, points.map((point, i) => (React.createElement("rect", { key: i, fill: Math.random() > 0.5 ? mainColor : subColor, x: point[0] - halfRectWidth, y: point[1] - heights[i] / 2, width: rectWidth, height: heights[i] },
+            React.createElement("animate", { attributeName: 'y', values: `${point[1] - minHeights[i] / 2};${point[1] -
+                    heights[i] / 2};${point[1] - minHeights[i] / 2}`, dur: `${randoms[i]}s`, keyTimes: '0;0.5;1', calcMode: 'spline', keySplines: '0.42,0,0.58,1;0.42,0,0.58,1', begin: '0s', repeatCount: 'indefinite' }),
+            React.createElement("animate", { attributeName: 'height', values: `${minHeights[i]};${heights[i]};${minHeights[i]}`, dur: `${randoms[i]}s`, keyTimes: '0;0.5;1', calcMode: 'spline', keySplines: '0.42,0,0.58,1;0.42,0,0.58,1', begin: '0s', repeatCount: 'indefinite' }))))));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration6/index.js.map

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

package/lib/lowcode-components/decoration/decoration6/index.less

@@ -0,0 +1,8 @@
+.decoration-6 {
+    width: 100%;
+    height: 100%;
+
+    .decoration-6-container {
+        transform-origin: left top;
+    }
+}

package/lib/lowcode-components/decoration/decoration7/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/decoration/decoration7/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration7/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,CAAA;KAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAkDT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration7/index.js

@@ -0,0 +1,28 @@
+import React, { forwardRef, useImperativeHandle, useState, useMemo } from "react";
+import "./index.less";
+const Index = forwardRef((props, ref) => {
+    const [style, setStyle] = useState(Object.assign({}, props.style));
+    const [width, setWidth] = useState(300);
+    const [height, setHeight] = useState(100);
+    const { mainColor = "#83BFF6", subColor = "#00CED1", reverse } = style || {};
+    useImperativeHandle(ref, () => ({
+        updateConfig: (newConfig) => {
+            setStyle(Object.assign({}, newConfig.style));
+            setWidth(newConfig.base.width);
+            setHeight(newConfig.base.height);
+        },
+    }));
+    const xPos = pos => (!reverse ? pos : width - pos);
+    const [pointsOne, pointsTwo, pointsThree] = useMemo(() => [
+        `${xPos(0)}, 0 ${xPos(30)}, ${height / 2}`,
+        `${xPos(20)}, 0 ${xPos(50)}, ${height / 2} ${xPos(width)}, ${height / 2}`,
+        `${xPos(0)}, ${height - 3}, ${xPos(200)}, ${height - 3}`
+    ], [reverse, width, height]);
+    return React.createElement("div", { className: "decoration-7" },
+        React.createElement("svg", { width: width, height: height },
+            React.createElement("polyline", { stroke: mainColor, strokeWidth: '2', fill: 'transparent', points: pointsOne }),
+            React.createElement("polyline", { stroke: mainColor, strokeWidth: '2', fill: 'transparent', points: pointsTwo }),
+            React.createElement("polyline", { stroke: subColor, fill: 'transparent', strokeWidth: '3', points: pointsThree })));
+});
+export default Index;
+//# sourceMappingURL=index.js.map

package/lib/lowcode-components/decoration/decoration7/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/decoration/decoration7/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChG,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,CAAA;IAC/C,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,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,MAAM,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;IAElD,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,OAAO,CAC/C,GAAG,EAAE,CAAC;QACF,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE;QAC1C,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE;QACzE,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE;KAC3D,EACD,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAC3B,CAAA;IAGD,OAAO,6BAAK,SAAS,EAAC,cAAc;QAChC,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC7B,kCACI,MAAM,EAAE,SAAS,EACjB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,SAAS,GACnB;YAEF,kCACI,MAAM,EAAE,SAAS,EACjB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,SAAS,GACnB;YAEF,kCACI,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAC,GAAG,EACf,MAAM,EAAE,WAAW,GACrB,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/lowcode-components/decoration/decoration7/index.less

@@ -0,0 +1,5 @@
+.decoration-7 {
+    display: flex;
+    width: 100%;
+    height: 100%;
+}

package/lib/lowcode-components/decoration/decoration8/index.d.ts

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