aldehyde 0.2.279 → 0.2.282
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/controls/tree-select/tree-entity-select.d.ts.map +1 -1
- package/lib/controls/tree-select/tree-entity-select.js +23 -13
- package/lib/controls/tree-select/tree-entity-select.js.map +1 -1
- package/lib/form/dtmpl-form.d.ts.map +1 -1
- package/lib/form/dtmpl-form.js +2 -2
- package/lib/form/dtmpl-form.js.map +1 -1
- package/lib/form/form-Item-group.d.ts +1 -0
- package/lib/form/form-Item-group.d.ts.map +1 -1
- package/lib/form/form-Item-group.js +13 -10
- package/lib/form/form-Item-group.js.map +1 -1
- package/lib/lowcode-components/assets/china.json +99420 -0
- package/lib/lowcode-components/base-map/index.d.ts +22 -0
- package/lib/lowcode-components/base-map/index.d.ts.map +1 -0
- package/lib/lowcode-components/base-map/index.js +85 -0
- package/lib/lowcode-components/base-map/index.js.map +1 -0
- package/lib/lowcode-components/border/border1/index.d.ts +14 -0
- package/lib/lowcode-components/border/border1/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border1/index.js +39 -0
- package/lib/lowcode-components/border/border1/index.js.map +1 -0
- package/lib/lowcode-components/border/border10/index.d.ts +19 -0
- package/lib/lowcode-components/border/border10/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border10/index.js +16 -0
- package/lib/lowcode-components/border/border10/index.js.map +1 -0
- package/lib/lowcode-components/border/border10/index.less +27 -0
- package/lib/lowcode-components/border/border11/index.d.ts +25 -0
- package/lib/lowcode-components/border/border11/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border11/index.js +95 -0
- package/lib/lowcode-components/border/border11/index.js.map +1 -0
- package/lib/lowcode-components/border/border11/index.less +18 -0
- package/lib/lowcode-components/border/border12/index.d.ts +20 -0
- package/lib/lowcode-components/border/border12/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border12/index.js +49 -0
- package/lib/lowcode-components/border/border12/index.js.map +1 -0
- package/lib/lowcode-components/border/border12/index.less +14 -0
- package/lib/lowcode-components/border/border13/index.d.ts +19 -0
- package/lib/lowcode-components/border/border13/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border13/index.js +29 -0
- package/lib/lowcode-components/border/border13/index.js.map +1 -0
- package/lib/lowcode-components/border/border13/index.less +14 -0
- package/lib/lowcode-components/border/border2/index.d.ts +19 -0
- package/lib/lowcode-components/border/border2/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border2/index.js +27 -0
- package/lib/lowcode-components/border/border2/index.js.map +1 -0
- package/lib/lowcode-components/border/border2/index.less +18 -0
- package/lib/lowcode-components/border/border3/index.d.ts +19 -0
- package/lib/lowcode-components/border/border3/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border3/index.js +27 -0
- package/lib/lowcode-components/border/border3/index.js.map +1 -0
- package/lib/lowcode-components/border/border3/index.less +26 -0
- package/lib/lowcode-components/border/border4/index.d.ts +20 -0
- package/lib/lowcode-components/border/border4/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border4/index.js +32 -0
- package/lib/lowcode-components/border/border4/index.js.map +1 -0
- package/lib/lowcode-components/border/border4/index.less +73 -0
- package/lib/lowcode-components/border/border5/index.d.ts +20 -0
- package/lib/lowcode-components/border/border5/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border5/index.js +28 -0
- package/lib/lowcode-components/border/border5/index.js.map +1 -0
- package/lib/lowcode-components/border/border5/index.less +36 -0
- package/lib/lowcode-components/border/border6/index.d.ts +19 -0
- package/lib/lowcode-components/border/border6/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border6/index.js +36 -0
- package/lib/lowcode-components/border/border6/index.js.map +1 -0
- package/lib/lowcode-components/border/border6/index.less +18 -0
- package/lib/lowcode-components/border/border7/index.d.ts +19 -0
- package/lib/lowcode-components/border/border7/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border7/index.js +33 -0
- package/lib/lowcode-components/border/border7/index.js.map +1 -0
- package/lib/lowcode-components/border/border7/index.less +27 -0
- package/lib/lowcode-components/border/border8/index.d.ts +21 -0
- package/lib/lowcode-components/border/border8/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border8/index.js +43 -0
- package/lib/lowcode-components/border/border8/index.js.map +1 -0
- package/lib/lowcode-components/border/border8/index.less +14 -0
- package/lib/lowcode-components/border/border9/index.d.ts +20 -0
- package/lib/lowcode-components/border/border9/index.d.ts.map +1 -0
- package/lib/lowcode-components/border/border9/index.js +60 -0
- package/lib/lowcode-components/border/border9/index.js.map +1 -0
- package/lib/lowcode-components/border/border9/index.less +14 -0
- package/lib/lowcode-components/effectScatter-map/index.d.ts +25 -0
- package/lib/lowcode-components/effectScatter-map/index.d.ts.map +1 -0
- package/lib/lowcode-components/effectScatter-map/index.js +108 -0
- package/lib/lowcode-components/effectScatter-map/index.js.map +1 -0
- package/lib/lowcode-components/index.d.ts +28 -0
- package/lib/lowcode-components/index.d.ts.map +1 -1
- package/lib/lowcode-components/index.js +28 -0
- package/lib/lowcode-components/index.js.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/assets.d.ts.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/assets.js +120 -0
- package/lib/lowcode-components/lowcode-view/component/assets.js.map +1 -1
- package/lib/module/dtmpl-edit-page.d.ts +12 -12
- package/lib/module/dtmpl-edit-page.d.ts.map +1 -1
- package/lib/module/dtmpl-edit-page.js +4 -2
- package/lib/module/dtmpl-edit-page.js.map +1 -1
- package/lib/table/act-table.d.ts.map +1 -1
- package/lib/table/act-table.js +1 -2
- package/lib/table/act-table.js.map +1 -1
- package/lib/tmpl/hcservice-v3.d.ts +1 -0
- package/lib/tmpl/hcservice-v3.d.ts.map +1 -1
- package/lib/tmpl/hcservice-v3.js +8 -0
- package/lib/tmpl/hcservice-v3.js.map +1 -1
- package/lib/tmpl/interface.d.ts +1 -0
- package/lib/tmpl/interface.d.ts.map +1 -1
- package/lib/tree/block-menu-auth-tree.d.ts.map +1 -1
- package/lib/tree/block-menu-auth-tree.js +5 -5
- package/lib/tree/block-menu-auth-tree.js.map +1 -1
- package/package.json +1 -1
- package/src/aldehyde/controls/tree-select/tree-entity-select.tsx +13 -6
- package/src/aldehyde/form/dtmpl-form.tsx +3 -1
- package/src/aldehyde/form/form-Item-group.tsx +14 -12
- package/src/aldehyde/lowcode-components/assets/china.json +99420 -0
- package/src/aldehyde/lowcode-components/base-map/index.tsx +108 -0
- package/src/aldehyde/lowcode-components/border/border1/index.tsx +71 -0
- package/src/aldehyde/lowcode-components/border/border10/index.less +27 -0
- package/src/aldehyde/lowcode-components/border/border10/index.tsx +46 -0
- package/src/aldehyde/lowcode-components/border/border11/index.less +18 -0
- package/src/aldehyde/lowcode-components/border/border11/index.tsx +232 -0
- package/src/aldehyde/lowcode-components/border/border12/index.less +14 -0
- package/src/aldehyde/lowcode-components/border/border12/index.tsx +115 -0
- package/src/aldehyde/lowcode-components/border/border13/index.less +14 -0
- package/src/aldehyde/lowcode-components/border/border13/index.tsx +69 -0
- package/src/aldehyde/lowcode-components/border/border2/index.less +18 -0
- package/src/aldehyde/lowcode-components/border/border2/index.tsx +51 -0
- package/src/aldehyde/lowcode-components/border/border3/index.less +26 -0
- package/src/aldehyde/lowcode-components/border/border3/index.tsx +61 -0
- package/src/aldehyde/lowcode-components/border/border4/index.less +73 -0
- package/src/aldehyde/lowcode-components/border/border4/index.tsx +79 -0
- package/src/aldehyde/lowcode-components/border/border5/index.less +36 -0
- package/src/aldehyde/lowcode-components/border/border5/index.tsx +75 -0
- package/src/aldehyde/lowcode-components/border/border6/index.less +18 -0
- package/src/aldehyde/lowcode-components/border/border6/index.tsx +60 -0
- package/src/aldehyde/lowcode-components/border/border7/index.less +27 -0
- package/src/aldehyde/lowcode-components/border/border7/index.tsx +75 -0
- package/src/aldehyde/lowcode-components/border/border8/index.less +14 -0
- package/src/aldehyde/lowcode-components/border/border8/index.tsx +84 -0
- package/src/aldehyde/lowcode-components/border/border9/index.less +14 -0
- package/src/aldehyde/lowcode-components/border/border9/index.tsx +154 -0
- package/src/aldehyde/lowcode-components/effectScatter-map/index.tsx +133 -0
- package/src/aldehyde/lowcode-components/index.ts +42 -0
- package/src/aldehyde/lowcode-components/lowcode-view/component/assets.ts +120 -0
- package/src/aldehyde/module/dtmpl-edit-page.tsx +7 -3
- package/src/aldehyde/table/act-table.tsx +4 -5
- package/src/aldehyde/tmpl/hcservice-v3.tsx +8 -0
- package/src/aldehyde/tmpl/interface.tsx +1 -0
- package/src/aldehyde/tree/block-menu-auth-tree.tsx +2 -5
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ChartComponentStyle {
|
|
3
|
+
tooltip?: {
|
|
4
|
+
show: boolean;
|
|
5
|
+
};
|
|
6
|
+
geo?: {
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export interface ChartComponentProps {
|
|
11
|
+
style?: ChartComponentStyle;
|
|
12
|
+
base: {
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export interface BaseTextComponentRef {
|
|
18
|
+
updateConfig: (newConfig: ChartComponentProps) => void;
|
|
19
|
+
}
|
|
20
|
+
declare const Index: React.ForwardRefExoticComponent<ChartComponentProps & React.RefAttributes<BaseTextComponentRef>>;
|
|
21
|
+
export default Index;
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/aldehyde/lowcode-components/base-map/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAyC1G,MAAM,WAAW,mBAAmB;IAChC,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5B,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAChC;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAC1C;AAED,MAAM,WAAW,oBAAoB;IACjC,YAAY,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC1D;AAED,QAAA,MAAM,KAAK,kGAiDT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as echarts from 'echarts';
|
|
2
|
+
import React, { useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
|
|
3
|
+
import _ from 'lodash';
|
|
4
|
+
import chinaJson from "../assets/china.json";
|
|
5
|
+
const defOption = {
|
|
6
|
+
tooltip: {
|
|
7
|
+
trigger: 'item',
|
|
8
|
+
},
|
|
9
|
+
geo: {
|
|
10
|
+
show: true,
|
|
11
|
+
map: 'china',
|
|
12
|
+
roam: true,
|
|
13
|
+
zoom: 1,
|
|
14
|
+
label: {
|
|
15
|
+
normal: { show: false },
|
|
16
|
+
emphasis: { show: false }
|
|
17
|
+
},
|
|
18
|
+
itemStyle: {
|
|
19
|
+
normal: {
|
|
20
|
+
areaColor: '#031525',
|
|
21
|
+
borderColor: '#076ba1'
|
|
22
|
+
},
|
|
23
|
+
emphasis: {
|
|
24
|
+
areaColor: '#2B91B7'
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
select: {}
|
|
28
|
+
},
|
|
29
|
+
series: [
|
|
30
|
+
{
|
|
31
|
+
type: 'map',
|
|
32
|
+
coordinateSystem: 'geo',
|
|
33
|
+
map: 'china',
|
|
34
|
+
geoIndex: 0,
|
|
35
|
+
aspectScale: 0.75, //长宽比
|
|
36
|
+
data: []
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
};
|
|
40
|
+
const Index = forwardRef((props, ref) => {
|
|
41
|
+
const [config, setConfig] = useState(props.style || {});
|
|
42
|
+
const [size, setSize] = useState();
|
|
43
|
+
const chartRef = useRef(null);
|
|
44
|
+
const chart = useRef(null);
|
|
45
|
+
useImperativeHandle(ref, () => ({
|
|
46
|
+
updateConfig: (newConfig) => {
|
|
47
|
+
const { base, style } = newConfig;
|
|
48
|
+
setConfig(Object.assign({}, (style || {})));
|
|
49
|
+
setSize({ width: base.width, height: base.height });
|
|
50
|
+
},
|
|
51
|
+
}));
|
|
52
|
+
// 窗口大小变化时重新调整图表大小
|
|
53
|
+
const handleResize = () => {
|
|
54
|
+
chart.current.resize({ animation: { duration: 500 } });
|
|
55
|
+
};
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
echarts.registerMap('china', chinaJson);
|
|
58
|
+
chart.current = echarts.init(chartRef.current, null, { renderer: 'svg' });
|
|
59
|
+
window.addEventListener('resize', handleResize);
|
|
60
|
+
return () => {
|
|
61
|
+
window.removeEventListener('resize', handleResize);
|
|
62
|
+
chart.current.dispose();
|
|
63
|
+
};
|
|
64
|
+
}, []);
|
|
65
|
+
const renderChart = () => {
|
|
66
|
+
const { tooltip, geo } = config;
|
|
67
|
+
const option = _.cloneDeep(defOption);
|
|
68
|
+
option.tooltip = Object.assign({ trigger: "item" }, tooltip);
|
|
69
|
+
option.geo = Object.assign(Object.assign(Object.assign({}, option.geo), geo), geo.normal);
|
|
70
|
+
chart.current.setOption(option, true);
|
|
71
|
+
};
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
if (config) {
|
|
74
|
+
renderChart();
|
|
75
|
+
}
|
|
76
|
+
}, [config]);
|
|
77
|
+
useEffect(() => {
|
|
78
|
+
if (size) {
|
|
79
|
+
handleResize();
|
|
80
|
+
}
|
|
81
|
+
}, [size]);
|
|
82
|
+
return React.createElement("div", { ref: chartRef, style: { width: '100%', height: '100%' } });
|
|
83
|
+
});
|
|
84
|
+
export default Index;
|
|
85
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/aldehyde/lowcode-components/base-map/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface ComponentStyle {
|
|
3
|
+
mainColor?: string;
|
|
4
|
+
subColor?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ComponentProps {
|
|
7
|
+
style?: ComponentStyle;
|
|
8
|
+
}
|
|
9
|
+
export interface ComponentRef {
|
|
10
|
+
updateConfig: (config: ComponentProps) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
|
|
13
|
+
export default Index;
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,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;CAC1B;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAClD;AACD,QAAA,MAAM,KAAK,qFAsDT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useState } from "react";
|
|
2
|
+
const Index = forwardRef((props, ref) => {
|
|
3
|
+
const [style, setStyle] = useState(Object.assign({}, props.style));
|
|
4
|
+
const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
|
|
5
|
+
useImperativeHandle(ref, () => ({
|
|
6
|
+
updateConfig: (newConfig) => setStyle(Object.assign({}, newConfig.style)),
|
|
7
|
+
}));
|
|
8
|
+
return React.createElement("div", { style: { position: "relative", width: "100%", height: "100%" } },
|
|
9
|
+
React.createElement("svg", { width: "150px", height: "150px", style: { position: "absolute", top: 0, left: 0, display: "block" } },
|
|
10
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63" },
|
|
11
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};${mainColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
12
|
+
React.createElement("polygon", { fill: `${subColor}`, points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" },
|
|
13
|
+
React.createElement("animate", { attributeName: "fill", values: `${subColor};${mainColor};${subColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
14
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54" },
|
|
15
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};transparent`, dur: "1s", begin: "0s", repeatCount: "indefinite" }))),
|
|
16
|
+
React.createElement("svg", { width: "150px", height: "150px", style: { position: "absolute", top: 0, right: 0, display: "block", transform: "rotateY(180deg)" } },
|
|
17
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63" },
|
|
18
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};${mainColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
19
|
+
React.createElement("polygon", { fill: `${subColor}`, points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" },
|
|
20
|
+
React.createElement("animate", { attributeName: "fill", values: `${subColor};${mainColor};${subColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
21
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54" },
|
|
22
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};transparent`, dur: "1s", begin: "0s", repeatCount: "indefinite" }))),
|
|
23
|
+
React.createElement("svg", { width: "150px", height: "150px", style: { position: "absolute", bottom: 0, left: 0, display: "block", transform: "rotateX(180deg)" } },
|
|
24
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63" },
|
|
25
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};${mainColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
26
|
+
React.createElement("polygon", { fill: `${subColor}`, points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" },
|
|
27
|
+
React.createElement("animate", { attributeName: "fill", values: `${subColor};${mainColor};${subColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
28
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54" },
|
|
29
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};transparent`, dur: "1s", begin: "0s", repeatCount: "indefinite" }))),
|
|
30
|
+
React.createElement("svg", { width: "150px", height: "150px", style: { position: "absolute", bottom: 0, right: 0, display: "block", transform: "rotateX(180deg) rotateY(180deg)" } },
|
|
31
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63" },
|
|
32
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};${mainColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
33
|
+
React.createElement("polygon", { fill: `${subColor}`, points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" },
|
|
34
|
+
React.createElement("animate", { attributeName: "fill", values: `${subColor};${mainColor};${subColor}`, dur: "0.5s", begin: "0s", repeatCount: "indefinite" })),
|
|
35
|
+
React.createElement("polygon", { fill: `${mainColor}`, points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54" },
|
|
36
|
+
React.createElement("animate", { attributeName: "fill", values: `${mainColor};${subColor};transparent`, dur: "1s", begin: "0s", repeatCount: "indefinite" }))));
|
|
37
|
+
});
|
|
38
|
+
export default Index;
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border1/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
interface ComponentStyle {
|
|
4
|
+
mainColor?: string;
|
|
5
|
+
subColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ComponentProps {
|
|
8
|
+
style?: ComponentStyle;
|
|
9
|
+
base?: {
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface ComponentRef {
|
|
15
|
+
updateConfig: (config: ComponentProps) => void;
|
|
16
|
+
}
|
|
17
|
+
declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
|
|
18
|
+
export default Index;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border10/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAItB,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,qFAyBT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useState } from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
const border = ['left-top', 'right-top', 'left-bottom', 'right-bottom'];
|
|
4
|
+
const Index = forwardRef((props, ref) => {
|
|
5
|
+
const [style, setStyle] = useState(Object.assign({}, props.style));
|
|
6
|
+
const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
|
|
7
|
+
useImperativeHandle(ref, () => ({
|
|
8
|
+
updateConfig: (newConfig) => {
|
|
9
|
+
setStyle(Object.assign({}, newConfig.style));
|
|
10
|
+
},
|
|
11
|
+
}));
|
|
12
|
+
return React.createElement("div", { className: "border-box-10", style: { boxShadow: `inset 0 0 25px 3px ${mainColor}` } }, border.map(borderName => (React.createElement("svg", { width: '150px', height: '150px', key: borderName, className: `${borderName} border-svg-container` },
|
|
13
|
+
React.createElement("polygon", { fill: subColor, points: '40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3' })))));
|
|
14
|
+
});
|
|
15
|
+
export default Index;
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border10/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;AAexE,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,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;QACrC,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,6BAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,SAAS,EAAE,EAAE,IACxF,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACtB,6BACI,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,GAAG,UAAU,uBAAuB;QAE/C,iCACI,IAAI,EAAE,QAAQ,EACd,MAAM,EAAC,6CAA6C,GACtD,CACA,CACT,CAAC,CACA,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.border-box-10 {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 100%;
|
|
5
|
+
border-radius: 6px;
|
|
6
|
+
|
|
7
|
+
.right-top {
|
|
8
|
+
right: 0px;
|
|
9
|
+
transform: rotateY(180deg);
|
|
10
|
+
position: absolute;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.left-bottom {
|
|
14
|
+
bottom: 0px;
|
|
15
|
+
left: 0px;
|
|
16
|
+
transform: rotateX(180deg);
|
|
17
|
+
position: absolute;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.right-bottom {
|
|
21
|
+
right: 0px;
|
|
22
|
+
bottom: 0px;
|
|
23
|
+
transform: rotateX(180deg) rotateY(180deg);
|
|
24
|
+
position: absolute;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
interface ComponentStyle {
|
|
4
|
+
mainColor?: string;
|
|
5
|
+
subColor?: string;
|
|
6
|
+
title?: {
|
|
7
|
+
text: string;
|
|
8
|
+
fontSize?: number;
|
|
9
|
+
color?: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export interface ComponentProps {
|
|
13
|
+
style?: ComponentStyle;
|
|
14
|
+
base?: {
|
|
15
|
+
width?: number;
|
|
16
|
+
height?: number;
|
|
17
|
+
id: string;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export interface ComponentRef {
|
|
21
|
+
updateConfig: (config: ComponentProps) => void;
|
|
22
|
+
}
|
|
23
|
+
declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
|
|
24
|
+
export default Index;
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border11/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,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D;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,qFAoNT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useState } from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
const Index = forwardRef((props, ref) => {
|
|
4
|
+
const [style, setStyle] = useState(Object.assign({}, props.style));
|
|
5
|
+
const [width, setWidth] = useState(480);
|
|
6
|
+
const [height, setHeight] = useState(320);
|
|
7
|
+
const { mainColor = "#83BFF6", subColor = "#00CED1", title } = style || {};
|
|
8
|
+
const filterId = `border-box-11${props.base.id}`;
|
|
9
|
+
useImperativeHandle(ref, () => ({
|
|
10
|
+
updateConfig: (newConfig) => {
|
|
11
|
+
const { width, height } = newConfig.base;
|
|
12
|
+
setStyle(Object.assign({}, newConfig.style));
|
|
13
|
+
setWidth(width);
|
|
14
|
+
setHeight(height);
|
|
15
|
+
},
|
|
16
|
+
}));
|
|
17
|
+
return React.createElement("div", { className: "border-box-6" },
|
|
18
|
+
React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
|
|
19
|
+
React.createElement("defs", null,
|
|
20
|
+
React.createElement("filter", { id: filterId, height: '150%', width: '150%', x: '-25%', y: '-25%' },
|
|
21
|
+
React.createElement("feMorphology", { operator: 'dilate', radius: '2', in: 'SourceAlpha', result: 'thicken' }),
|
|
22
|
+
React.createElement("feGaussianBlur", { in: 'thicken', stdDeviation: '3', result: 'blurred' }),
|
|
23
|
+
React.createElement("feFlood", { floodColor: subColor, result: 'glowColor' }),
|
|
24
|
+
React.createElement("feComposite", { in: 'glowColor', in2: 'blurred', operator: 'in', result: 'softGlowColored' }),
|
|
25
|
+
React.createElement("feMerge", null,
|
|
26
|
+
React.createElement("feMergeNode", { in: 'softGlowColored' }),
|
|
27
|
+
React.createElement("feMergeNode", { in: 'SourceGraphic' })))),
|
|
28
|
+
React.createElement("polyline", { stroke: mainColor, filter: `url(#${filterId})`, points: `
|
|
29
|
+
${(width - (width / 2)) / 2}, 30
|
|
30
|
+
20, 30 7, 50 7, ${50 + (height - 167) / 2}
|
|
31
|
+
13, ${55 + (height - 167) / 2} 13, ${135 + (height - 167) / 2}
|
|
32
|
+
7, ${140 + (height - 167) / 2} 7, ${height - 27}
|
|
33
|
+
20, ${height - 7} ${width - 20}, ${height - 7} ${width - 7}, ${height - 27}
|
|
34
|
+
${width - 7}, ${140 + (height - 167) / 2} ${width - 13}, ${135 + (height - 167) / 2}
|
|
35
|
+
${width - 13}, ${55 + (height - 167) / 2} ${width - 7}, ${50 + (height - 167) / 2}
|
|
36
|
+
${width - 7}, 50 ${width - 20}, 30 ${(width + (width / 2)) / 2}, 30
|
|
37
|
+
${(width + (width / 2)) / 2 - 20}, 7 ${(width - (width / 2)) / 2 + 20}, 7
|
|
38
|
+
${(width - (width / 2)) / 2}, 30 ${(width - (width / 2)) / 2 + 20}, 52
|
|
39
|
+
${(width + (width / 2)) / 2 - 20}, 52 ${(width + (width / 2)) / 2}, 30
|
|
40
|
+
` }),
|
|
41
|
+
React.createElement("polygon", { stroke: mainColor, fill: 'none', points: `
|
|
42
|
+
${(width + (width / 2)) / 2 - 5}, 30 ${(width + (width / 2)) / 2 - 21}, 11
|
|
43
|
+
${(width + (width / 2)) / 2 - 27}, 11 ${(width + (width / 2)) / 2 - 8}, 34
|
|
44
|
+
` }),
|
|
45
|
+
React.createElement("polygon", { stroke: mainColor, fill: 'none', points: `
|
|
46
|
+
${(width - (width / 2)) / 2 + 5}, 30 ${(width - (width / 2)) / 2 + 22}, 49
|
|
47
|
+
${(width - (width / 2)) / 2 + 28}, 49 ${(width - (width / 2)) / 2 + 8}, 26
|
|
48
|
+
` }),
|
|
49
|
+
React.createElement("polygon", { stroke: mainColor, fill: subColor, filter: `url(#${filterId})`, points: `
|
|
50
|
+
${(width + (width / 2)) / 2 - 11}, 37 ${(width + (width / 2)) / 2 - 32}, 11
|
|
51
|
+
${(width - (width / 2)) / 2 + 23}, 11 ${(width - (width / 2)) / 2 + 11}, 23
|
|
52
|
+
${(width - (width / 2)) / 2 + 33}, 49 ${(width + (width / 2)) / 2 - 22}, 49
|
|
53
|
+
` }),
|
|
54
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '1', points: `
|
|
55
|
+
${(width - (width / 2)) / 2 - 10}, 37 ${(width - (width / 2)) / 2 - 31}, 37
|
|
56
|
+
${(width - (width / 2)) / 2 - 25}, 46 ${(width - (width / 2)) / 2 - 4}, 46
|
|
57
|
+
` },
|
|
58
|
+
React.createElement("animate", { attributeName: 'opacity', values: '1;0.7;1', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
59
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '0.7', points: `
|
|
60
|
+
${(width - (width / 2)) / 2 - 40}, 37 ${(width - (width / 2)) / 2 - 61}, 37
|
|
61
|
+
${(width - (width / 2)) / 2 - 55}, 46 ${(width - (width / 2)) / 2 - 34}, 46
|
|
62
|
+
` },
|
|
63
|
+
React.createElement("animate", { attributeName: 'opacity', values: '0.7;0.4;0.7', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
64
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '0.5', points: `
|
|
65
|
+
${(width - (width / 2)) / 2 - 70}, 37 ${(width - (width / 2)) / 2 - 91}, 37
|
|
66
|
+
${(width - (width / 2)) / 2 - 85}, 46 ${(width - (width / 2)) / 2 - 64}, 46
|
|
67
|
+
` },
|
|
68
|
+
React.createElement("animate", { attributeName: 'opacity', values: '0.5;0.2;0.5', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
69
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '1', points: `
|
|
70
|
+
${(width + (width / 2)) / 2 + 30}, 37 ${(width + (width / 2)) / 2 + 9}, 37
|
|
71
|
+
${(width + (width / 2)) / 2 + 3}, 46 ${(width + (width / 2)) / 2 + 24}, 46
|
|
72
|
+
` },
|
|
73
|
+
React.createElement("animate", { attributeName: 'opacity', values: '1;0.7;1', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
74
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '0.7', points: `
|
|
75
|
+
${(width + (width / 2)) / 2 + 60}, 37 ${(width + (width / 2)) / 2 + 39}, 37
|
|
76
|
+
${(width + (width / 2)) / 2 + 33}, 46 ${(width + (width / 2)) / 2 + 54}, 46
|
|
77
|
+
` },
|
|
78
|
+
React.createElement("animate", { attributeName: 'opacity', values: '0.7;0.4;0.7', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
79
|
+
React.createElement("polygon", { filter: `url(#${filterId})`, fill: mainColor, opacity: '0.5', points: `
|
|
80
|
+
${(width + (width / 2)) / 2 + 90}, 37 ${(width + (width / 2)) / 2 + 69}, 37
|
|
81
|
+
${(width + (width / 2)) / 2 + 63}, 46 ${(width + (width / 2)) / 2 + 84}, 46
|
|
82
|
+
` },
|
|
83
|
+
React.createElement("animate", { attributeName: 'opacity', values: '0.5;0.2;0.5', dur: '2s', begin: '0s', repeatCount: 'indefinite' })),
|
|
84
|
+
React.createElement("text", { className: 'border-box-11-title', x: `${width / 2}`, y: '32', fill: (title === null || title === void 0 ? void 0 : title.color) || "#fff", fontSize: (title === null || title === void 0 ? void 0 : title.fontSize) || 18, textAnchor: 'middle', dominantBaseline: 'middle' }, title === null || title === void 0 ? void 0 : title.text),
|
|
85
|
+
React.createElement("polygon", { fill: mainColor, filter: `url(#${filterId})`, points: `
|
|
86
|
+
7, ${53 + (height - 167) / 2} 11, ${57 + (height - 167) / 2}
|
|
87
|
+
11, ${133 + (height - 167) / 2} 7, ${137 + (height - 167) / 2}
|
|
88
|
+
` }),
|
|
89
|
+
React.createElement("polygon", { fill: mainColor, filter: `url(#${filterId})`, points: `
|
|
90
|
+
${width - 7}, ${53 + (height - 167) / 2} ${width - 11}, ${57 + (height - 167) / 2}
|
|
91
|
+
${width - 11}, ${133 + (height - 167) / 2} ${width - 7}, ${137 + (height - 167) / 2}
|
|
92
|
+
` })));
|
|
93
|
+
});
|
|
94
|
+
export default Index;
|
|
95
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border11/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
interface ComponentStyle {
|
|
4
|
+
mainColor?: string;
|
|
5
|
+
subColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ComponentProps {
|
|
8
|
+
style?: ComponentStyle;
|
|
9
|
+
base?: {
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
id: string;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface ComponentRef {
|
|
16
|
+
updateConfig: (config: ComponentProps) => void;
|
|
17
|
+
}
|
|
18
|
+
declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
|
|
19
|
+
export default Index;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border12/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,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,qFAgGT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useState } from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
const Index = forwardRef((props, ref) => {
|
|
4
|
+
const [style, setStyle] = useState(Object.assign({}, props.style));
|
|
5
|
+
const [width, setWidth] = useState(320);
|
|
6
|
+
const [height, setHeight] = useState(200);
|
|
7
|
+
const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
|
|
8
|
+
const filterId = `border-box-12${props.base.id}`;
|
|
9
|
+
useImperativeHandle(ref, () => ({
|
|
10
|
+
updateConfig: (newConfig) => {
|
|
11
|
+
const { width, height } = newConfig.base;
|
|
12
|
+
setStyle(Object.assign({}, newConfig.style));
|
|
13
|
+
setWidth(width);
|
|
14
|
+
setHeight(height);
|
|
15
|
+
},
|
|
16
|
+
}));
|
|
17
|
+
return React.createElement("div", { className: "border-box-12" },
|
|
18
|
+
React.createElement("svg", { className: 'dv-border-svg-container', width: width, height: height },
|
|
19
|
+
React.createElement("defs", null,
|
|
20
|
+
React.createElement("filter", { id: filterId, height: '150%', width: '150%', x: '-25%', y: '-25%' },
|
|
21
|
+
React.createElement("feMorphology", { operator: 'dilate', radius: '1', in: 'SourceAlpha', result: 'thicken' }),
|
|
22
|
+
React.createElement("feGaussianBlur", { in: 'thicken', stdDeviation: '2', result: 'blurred' }),
|
|
23
|
+
React.createElement("feFlood", { floodColor: mainColor, result: 'glowColor' },
|
|
24
|
+
React.createElement("animate", { attributeName: 'flood-color', values: `${mainColor};${subColor};${mainColor};`, dur: '3s', begin: '0s', repeatCount: 'indefinite' })),
|
|
25
|
+
React.createElement("feComposite", { in: 'glowColor', in2: 'blurred', operator: 'in', result: 'softGlowColored' }),
|
|
26
|
+
React.createElement("feMerge", null,
|
|
27
|
+
React.createElement("feMergeNode", { in: 'softGlowColored' }),
|
|
28
|
+
React.createElement("feMergeNode", { in: 'SourceGraphic' })))),
|
|
29
|
+
React.createElement("path", { fill: "none", strokeWidth: '2', stroke: mainColor, d: `
|
|
30
|
+
M15 5 L ${width - 15} 5 Q ${width - 5} 5, ${width - 5} 15
|
|
31
|
+
L ${width - 5} ${height - 15} Q ${width - 5} ${height - 5}, ${width - 15} ${height - 5}
|
|
32
|
+
L 15, ${height - 5} Q 5 ${height - 5} 5 ${height - 15} L 5 15
|
|
33
|
+
Q 5 5 15 5
|
|
34
|
+
` }),
|
|
35
|
+
React.createElement("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` }),
|
|
36
|
+
React.createElement("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` }),
|
|
37
|
+
React.createElement("path", { strokeWidth: '2', fill: 'transparent', strokeLinecap: 'round', filter: `url(#${filterId})`, stroke: subColor, d: `
|
|
38
|
+
M ${width - 20} ${height - 5} L ${width - 15} ${height - 5}
|
|
39
|
+
Q ${width - 5} ${height - 5} ${width - 5} ${height - 15}
|
|
40
|
+
L ${width - 5} ${height - 20}
|
|
41
|
+
` }),
|
|
42
|
+
React.createElement("path", { strokeWidth: '2', fill: 'transparent', strokeLinecap: 'round', filter: `url(#${filterId})`, stroke: subColor, d: `
|
|
43
|
+
M 20 ${height - 5} L 15 ${height - 5}
|
|
44
|
+
Q 5 ${height - 5} 5 ${height - 15}
|
|
45
|
+
L 5 ${height - 20}
|
|
46
|
+
` })));
|
|
47
|
+
});
|
|
48
|
+
export default Index;
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border12/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
interface ComponentStyle {
|
|
4
|
+
mainColor?: string;
|
|
5
|
+
subColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ComponentProps {
|
|
8
|
+
style?: ComponentStyle;
|
|
9
|
+
base?: {
|
|
10
|
+
width?: number;
|
|
11
|
+
height?: number;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface ComponentRef {
|
|
15
|
+
updateConfig: (config: ComponentProps) => void;
|
|
16
|
+
}
|
|
17
|
+
declare const Index: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<ComponentRef>>;
|
|
18
|
+
export default Index;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border13/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,qFAkDT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useState } from "react";
|
|
2
|
+
import "./index.less";
|
|
3
|
+
const Index = forwardRef((props, ref) => {
|
|
4
|
+
const [style, setStyle] = useState(Object.assign({}, props.style));
|
|
5
|
+
const [width, setWidth] = useState(320);
|
|
6
|
+
const [height, setHeight] = useState(200);
|
|
7
|
+
const { mainColor = "#83BFF6", subColor = "#00CED1" } = style || {};
|
|
8
|
+
useImperativeHandle(ref, () => ({
|
|
9
|
+
updateConfig: (newConfig) => {
|
|
10
|
+
const { width, height } = newConfig.base;
|
|
11
|
+
setStyle(Object.assign({}, newConfig.style));
|
|
12
|
+
setWidth(width);
|
|
13
|
+
setHeight(height);
|
|
14
|
+
},
|
|
15
|
+
}));
|
|
16
|
+
return React.createElement("div", { className: "border-box-13" },
|
|
17
|
+
React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
|
|
18
|
+
React.createElement("path", { fill: "none", stroke: mainColor, d: `
|
|
19
|
+
M 5 20 L 5 10 L 12 3 L 60 3 L 68 10
|
|
20
|
+
L ${width - 20} 10 L ${width - 5} 25
|
|
21
|
+
L ${width - 5} ${height - 5} L 20 ${height - 5}
|
|
22
|
+
L 5 ${height - 20} L 5 20
|
|
23
|
+
` }),
|
|
24
|
+
React.createElement("path", { fill: 'transparent', strokeWidth: '3', strokeLinecap: 'round', strokeDasharray: '10, 5', stroke: mainColor, d: 'M 16 9 L 61 9' }),
|
|
25
|
+
React.createElement("path", { fill: 'transparent', stroke: subColor, d: 'M 5 20 L 5 10 L 12 3 L 60 3 L 68 10' }),
|
|
26
|
+
React.createElement("path", { fill: 'transparent', stroke: subColor, d: `M ${width - 5} ${height - 30} L ${width - 5} ${height - 5} L ${width - 30} ${height - 5}` })));
|
|
27
|
+
});
|
|
28
|
+
export default Index;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/border/border13/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,eAAe;QACjC,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC9D,8BACI,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,SAAS,EACjB,CAAC,EAAE;;gBAEH,KAAK,GAAG,EAAE,SAAS,KAAK,GAAG,CAAC;gBAC5B,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC;kBACxC,MAAM,GAAG,EAAE;WAClB,GACG;YAEF,8BACI,IAAI,EAAC,aAAa,EAClB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,eAAe,EAAC,OAAO,EACvB,MAAM,EAAE,SAAS,EACjB,CAAC,EAAC,eAAe,GACnB;YAEF,8BACI,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,QAAQ,EAChB,CAAC,EAAC,sCAAsC,GAC1C;YAEF,8BACI,IAAI,EAAC,aAAa,EAClB,MAAM,EAAE,QAAQ,EAChB,CAAC,EAAE,KAAK,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,GAC/F,CACA,CACJ,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|