aldehyde 0.2.281 → 0.2.283

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.
Files changed (132) hide show
  1. package/lib/detail/edit/dtmpl-edit.js +0 -3
  2. package/lib/detail/edit/dtmpl-edit.js.map +1 -1
  3. package/lib/detail/view/dtmpl-view.js +0 -2
  4. package/lib/detail/view/dtmpl-view.js.map +1 -1
  5. package/lib/form/dtmpl-form.d.ts.map +1 -1
  6. package/lib/form/dtmpl-form.js +2 -2
  7. package/lib/form/dtmpl-form.js.map +1 -1
  8. package/lib/form/form-Item-group.d.ts +1 -0
  9. package/lib/form/form-Item-group.d.ts.map +1 -1
  10. package/lib/form/form-Item-group.js +13 -10
  11. package/lib/form/form-Item-group.js.map +1 -1
  12. package/lib/lowcode-components/border/border1/index.d.ts +14 -0
  13. package/lib/lowcode-components/border/border1/index.d.ts.map +1 -0
  14. package/lib/lowcode-components/border/border1/index.js +39 -0
  15. package/lib/lowcode-components/border/border1/index.js.map +1 -0
  16. package/lib/lowcode-components/border/border10/index.d.ts +19 -0
  17. package/lib/lowcode-components/border/border10/index.d.ts.map +1 -0
  18. package/lib/lowcode-components/border/border10/index.js +16 -0
  19. package/lib/lowcode-components/border/border10/index.js.map +1 -0
  20. package/lib/lowcode-components/border/border10/index.less +27 -0
  21. package/lib/lowcode-components/border/border11/index.d.ts +25 -0
  22. package/lib/lowcode-components/border/border11/index.d.ts.map +1 -0
  23. package/lib/lowcode-components/border/border11/index.js +95 -0
  24. package/lib/lowcode-components/border/border11/index.js.map +1 -0
  25. package/lib/lowcode-components/border/border11/index.less +18 -0
  26. package/lib/lowcode-components/border/border12/index.d.ts +20 -0
  27. package/lib/lowcode-components/border/border12/index.d.ts.map +1 -0
  28. package/lib/lowcode-components/border/border12/index.js +49 -0
  29. package/lib/lowcode-components/border/border12/index.js.map +1 -0
  30. package/lib/lowcode-components/border/border12/index.less +14 -0
  31. package/lib/lowcode-components/border/border13/index.d.ts +19 -0
  32. package/lib/lowcode-components/border/border13/index.d.ts.map +1 -0
  33. package/lib/lowcode-components/border/border13/index.js +29 -0
  34. package/lib/lowcode-components/border/border13/index.js.map +1 -0
  35. package/lib/lowcode-components/border/border13/index.less +14 -0
  36. package/lib/lowcode-components/border/border2/index.d.ts +19 -0
  37. package/lib/lowcode-components/border/border2/index.d.ts.map +1 -0
  38. package/lib/lowcode-components/border/border2/index.js +27 -0
  39. package/lib/lowcode-components/border/border2/index.js.map +1 -0
  40. package/lib/lowcode-components/border/border2/index.less +18 -0
  41. package/lib/lowcode-components/border/border3/index.d.ts +19 -0
  42. package/lib/lowcode-components/border/border3/index.d.ts.map +1 -0
  43. package/lib/lowcode-components/border/border3/index.js +27 -0
  44. package/lib/lowcode-components/border/border3/index.js.map +1 -0
  45. package/lib/lowcode-components/border/border3/index.less +26 -0
  46. package/lib/lowcode-components/border/border4/index.d.ts +20 -0
  47. package/lib/lowcode-components/border/border4/index.d.ts.map +1 -0
  48. package/lib/lowcode-components/border/border4/index.js +32 -0
  49. package/lib/lowcode-components/border/border4/index.js.map +1 -0
  50. package/lib/lowcode-components/border/border4/index.less +73 -0
  51. package/lib/lowcode-components/border/border5/index.d.ts +20 -0
  52. package/lib/lowcode-components/border/border5/index.d.ts.map +1 -0
  53. package/lib/lowcode-components/border/border5/index.js +28 -0
  54. package/lib/lowcode-components/border/border5/index.js.map +1 -0
  55. package/lib/lowcode-components/border/border5/index.less +36 -0
  56. package/lib/lowcode-components/border/border6/index.d.ts +19 -0
  57. package/lib/lowcode-components/border/border6/index.d.ts.map +1 -0
  58. package/lib/lowcode-components/border/border6/index.js +36 -0
  59. package/lib/lowcode-components/border/border6/index.js.map +1 -0
  60. package/lib/lowcode-components/border/border6/index.less +18 -0
  61. package/lib/lowcode-components/border/border7/index.d.ts +19 -0
  62. package/lib/lowcode-components/border/border7/index.d.ts.map +1 -0
  63. package/lib/lowcode-components/border/border7/index.js +33 -0
  64. package/lib/lowcode-components/border/border7/index.js.map +1 -0
  65. package/lib/lowcode-components/border/border7/index.less +27 -0
  66. package/lib/lowcode-components/border/border8/index.d.ts +21 -0
  67. package/lib/lowcode-components/border/border8/index.d.ts.map +1 -0
  68. package/lib/lowcode-components/border/border8/index.js +43 -0
  69. package/lib/lowcode-components/border/border8/index.js.map +1 -0
  70. package/lib/lowcode-components/border/border8/index.less +14 -0
  71. package/lib/lowcode-components/border/border9/index.d.ts +20 -0
  72. package/lib/lowcode-components/border/border9/index.d.ts.map +1 -0
  73. package/lib/lowcode-components/border/border9/index.js +60 -0
  74. package/lib/lowcode-components/border/border9/index.js.map +1 -0
  75. package/lib/lowcode-components/border/border9/index.less +14 -0
  76. package/lib/lowcode-components/effectScatter-map/index.d.ts +25 -0
  77. package/lib/lowcode-components/effectScatter-map/index.d.ts.map +1 -0
  78. package/lib/lowcode-components/effectScatter-map/index.js +108 -0
  79. package/lib/lowcode-components/effectScatter-map/index.js.map +1 -0
  80. package/lib/lowcode-components/index.d.ts +28 -0
  81. package/lib/lowcode-components/index.d.ts.map +1 -1
  82. package/lib/lowcode-components/index.js +28 -0
  83. package/lib/lowcode-components/index.js.map +1 -1
  84. package/lib/lowcode-components/lowcode-view/component/assets.d.ts.map +1 -1
  85. package/lib/lowcode-components/lowcode-view/component/assets.js +112 -0
  86. package/lib/lowcode-components/lowcode-view/component/assets.js.map +1 -1
  87. package/lib/module/dtmpl-edit-page.d.ts +12 -12
  88. package/lib/module/dtmpl-edit-page.d.ts.map +1 -1
  89. package/lib/module/dtmpl-edit-page.js +4 -2
  90. package/lib/module/dtmpl-edit-page.js.map +1 -1
  91. package/lib/tmpl/hcservice-v3.d.ts +1 -0
  92. package/lib/tmpl/hcservice-v3.d.ts.map +1 -1
  93. package/lib/tmpl/hcservice-v3.js +8 -0
  94. package/lib/tmpl/hcservice-v3.js.map +1 -1
  95. package/lib/tmpl/interface.d.ts +1 -0
  96. package/lib/tmpl/interface.d.ts.map +1 -1
  97. package/package.json +1 -1
  98. package/src/aldehyde/detail/edit/dtmpl-edit.tsx +3 -3
  99. package/src/aldehyde/detail/view/dtmpl-view.tsx +9 -9
  100. package/src/aldehyde/form/dtmpl-form.tsx +3 -1
  101. package/src/aldehyde/form/form-Item-group.tsx +14 -12
  102. package/src/aldehyde/lowcode-components/border/border1/index.tsx +71 -0
  103. package/src/aldehyde/lowcode-components/border/border10/index.less +27 -0
  104. package/src/aldehyde/lowcode-components/border/border10/index.tsx +46 -0
  105. package/src/aldehyde/lowcode-components/border/border11/index.less +18 -0
  106. package/src/aldehyde/lowcode-components/border/border11/index.tsx +232 -0
  107. package/src/aldehyde/lowcode-components/border/border12/index.less +14 -0
  108. package/src/aldehyde/lowcode-components/border/border12/index.tsx +115 -0
  109. package/src/aldehyde/lowcode-components/border/border13/index.less +14 -0
  110. package/src/aldehyde/lowcode-components/border/border13/index.tsx +69 -0
  111. package/src/aldehyde/lowcode-components/border/border2/index.less +18 -0
  112. package/src/aldehyde/lowcode-components/border/border2/index.tsx +51 -0
  113. package/src/aldehyde/lowcode-components/border/border3/index.less +26 -0
  114. package/src/aldehyde/lowcode-components/border/border3/index.tsx +61 -0
  115. package/src/aldehyde/lowcode-components/border/border4/index.less +73 -0
  116. package/src/aldehyde/lowcode-components/border/border4/index.tsx +79 -0
  117. package/src/aldehyde/lowcode-components/border/border5/index.less +36 -0
  118. package/src/aldehyde/lowcode-components/border/border5/index.tsx +75 -0
  119. package/src/aldehyde/lowcode-components/border/border6/index.less +18 -0
  120. package/src/aldehyde/lowcode-components/border/border6/index.tsx +60 -0
  121. package/src/aldehyde/lowcode-components/border/border7/index.less +27 -0
  122. package/src/aldehyde/lowcode-components/border/border7/index.tsx +75 -0
  123. package/src/aldehyde/lowcode-components/border/border8/index.less +14 -0
  124. package/src/aldehyde/lowcode-components/border/border8/index.tsx +84 -0
  125. package/src/aldehyde/lowcode-components/border/border9/index.less +14 -0
  126. package/src/aldehyde/lowcode-components/border/border9/index.tsx +154 -0
  127. package/src/aldehyde/lowcode-components/effectScatter-map/index.tsx +133 -0
  128. package/src/aldehyde/lowcode-components/index.ts +42 -0
  129. package/src/aldehyde/lowcode-components/lowcode-view/component/assets.ts +112 -0
  130. package/src/aldehyde/module/dtmpl-edit-page.tsx +7 -3
  131. package/src/aldehyde/tmpl/hcservice-v3.tsx +8 -0
  132. package/src/aldehyde/tmpl/interface.tsx +1 -0
@@ -0,0 +1,18 @@
1
+ .border-box-11 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ polyline {
7
+ fill: none;
8
+ stroke-width: 1;
9
+ }
10
+
11
+ .border-svg-container {
12
+ position: absolute;
13
+ width: 100%;
14
+ height: 100%;
15
+ top: 0px;
16
+ left: 0px;
17
+ }
18
+ }
@@ -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,14 @@
1
+ .border-box-12 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .border-svg-container {
7
+ position: absolute;
8
+ width: 100%;
9
+ height: 100%;
10
+ top: 0px;
11
+ left: 0px;
12
+ }
13
+
14
+ }
@@ -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"}
@@ -0,0 +1,14 @@
1
+ .border-box-13 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .border-svg-container {
7
+ position: absolute;
8
+ width: 100%;
9
+ height: 100%;
10
+ top: 0px;
11
+ left: 0px;
12
+ }
13
+
14
+ }
@@ -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/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"}
@@ -0,0 +1,27 @@
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
+ setStyle(Object.assign({}, newConfig.style));
11
+ setWidth(newConfig.base.width);
12
+ setHeight(newConfig.base.height);
13
+ },
14
+ }));
15
+ return React.createElement("div", { className: "border-box-2" },
16
+ React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
17
+ React.createElement("polyline", { stroke: mainColor, points: `2, 2 ${width - 2} ,2 ${width - 2}, ${height -
18
+ 2} 2, ${height - 2} 2, 2` }),
19
+ React.createElement("polyline", { stroke: subColor, points: `6, 6 ${width - 6}, 6 ${width - 6}, ${height -
20
+ 6} 6, ${height - 6} 6, 6` }),
21
+ React.createElement("circle", { fill: mainColor, cx: '11', cy: '11', r: '1' }),
22
+ React.createElement("circle", { fill: mainColor, cx: width - 11, cy: '11', r: '1' }),
23
+ React.createElement("circle", { fill: mainColor, cx: width - 11, cy: height - 11, r: '1' }),
24
+ React.createElement("circle", { fill: mainColor, cx: '11', cy: height - 11, r: '1' })));
25
+ });
26
+ export default Index;
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,18 @@
1
+ .border-box-2 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .border-svg-container {
7
+ position: absolute;
8
+ width: 100%;
9
+ height: 100%;
10
+ top: 0px;
11
+ left: 0px;
12
+
13
+ polyline {
14
+ fill: none;
15
+ stroke-width: 1;
16
+ }
17
+ }
18
+ }
@@ -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/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"}
@@ -0,0 +1,27 @@
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
+ setStyle(Object.assign({}, newConfig.style));
11
+ setWidth(newConfig.base.width);
12
+ setHeight(newConfig.base.height);
13
+ },
14
+ }));
15
+ return React.createElement("div", { className: "border-box-3" },
16
+ React.createElement("svg", { className: 'border-svg-container', width: width, height: height },
17
+ React.createElement("polyline", { className: 'bb3-line1', stroke: mainColor, points: `4, 4 ${width - 22} ,4 ${width - 22}, ${height -
18
+ 22} 4, ${height - 22} 4, 4` }),
19
+ React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `10, 10 ${width - 16}, 10 ${width - 16}, ${height -
20
+ 16} 10, ${height - 16} 10, 10` }),
21
+ React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `16, 16 ${width - 10}, 16 ${width - 10}, ${height -
22
+ 10} 16, ${height - 10} 16, 16` }),
23
+ React.createElement("polyline", { className: 'bb3-line2', stroke: subColor, points: `22, 22 ${width - 4}, 22 ${width - 4}, ${height -
24
+ 4} 22, ${height - 4} 22, 22` })));
25
+ });
26
+ export default Index;
27
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,26 @@
1
+ .border-box-3 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .border-svg-container {
7
+ position: absolute;
8
+ width: 100%;
9
+ height: 100%;
10
+ top: 0px;
11
+ left: 0px;
12
+
13
+ &>polyline {
14
+ fill: none;
15
+ }
16
+ }
17
+
18
+ .bb3-line1 {
19
+ stroke-width: 3;
20
+ }
21
+
22
+ .bb3-line2 {
23
+ stroke-width: 1;
24
+ }
25
+
26
+ }
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import "./index.less";
3
+ interface ComponentStyle {
4
+ mainColor?: string;
5
+ subColor?: string;
6
+ reverse?: boolean;
7
+ }
8
+ export interface ComponentProps {
9
+ style?: ComponentStyle;
10
+ base?: {
11
+ width?: number;
12
+ height?: number;
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/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"}
@@ -0,0 +1,32 @@
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", reverse } = 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-4" },
17
+ React.createElement("svg", { className: `border-svg-container ${reverse && 'reverse'}`, width: width, height: height },
18
+ React.createElement("polyline", { className: 'bb4-line-1', stroke: mainColor, points: `145, ${height - 5} 40, ${height - 5} 10, ${height - 35}
19
+ 10, 40 40, 5 150, 5 170, 20 ${width - 15}, 20` }),
20
+ React.createElement("polyline", { className: 'bb4-line-2', stroke: subColor, points: `245, ${height - 1} 36, ${height - 1} 14, ${height - 23}
21
+ 14, ${height - 100}` }),
22
+ React.createElement("polyline", { className: 'bb4-line-3', stroke: mainColor, points: `7, ${height - 40} 7, ${height - 75}` }),
23
+ React.createElement("polyline", { className: 'bb4-line-4', stroke: mainColor, points: `28, 24 13, 41 13, 64` }),
24
+ React.createElement("polyline", { className: 'bb4-line-5', stroke: mainColor, points: `5, 45 5, 140` }),
25
+ React.createElement("polyline", { className: 'bb4-line-6', stroke: subColor, points: `14, 75 14, 180` }),
26
+ React.createElement("polyline", { className: 'bb4-line-7', stroke: subColor, points: `55, 11 147, 11 167, 26 250, 26` }),
27
+ React.createElement("polyline", { className: 'bb4-line-8', stroke: subColor, points: `158, 5 173, 16` }),
28
+ React.createElement("polyline", { className: 'bb4-line-9', stroke: mainColor, points: `200, 17 ${width - 10}, 17` }),
29
+ React.createElement("polyline", { className: 'bb4-line-10', stroke: subColor, points: `385, 17 ${width - 10}, 17` })));
30
+ });
31
+ export default Index;
32
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,73 @@
1
+ .border-box-4 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .reverse {
7
+ transform: rotate(180deg);
8
+ }
9
+
10
+ .border-svg-container {
11
+ position: absolute;
12
+ width: 100%;
13
+ height: 100%;
14
+ top: 0px;
15
+ left: 0px;
16
+
17
+ &>polyline {
18
+ fill: none;
19
+ }
20
+ }
21
+
22
+ .sw1 {
23
+ stroke-width: 1;
24
+ }
25
+
26
+ .sw3 {
27
+ stroke-width: 3px;
28
+ stroke-linecap: round;
29
+ }
30
+
31
+ .bb4-line-1 {
32
+ .sw1;
33
+ }
34
+
35
+ .bb4-line-2 {
36
+ .sw1;
37
+ }
38
+
39
+ .bb4-line-3 {
40
+ .sw3;
41
+ }
42
+
43
+ .bb4-line-4 {
44
+ .sw3;
45
+ }
46
+
47
+ .bb4-line-5 {
48
+ .sw1;
49
+ }
50
+
51
+ .bb4-line-6 {
52
+ .sw1;
53
+ }
54
+
55
+ .bb4-line-7 {
56
+ .sw1;
57
+ }
58
+
59
+ .bb4-line-8 {
60
+ .sw3;
61
+ }
62
+
63
+ .bb4-line-9 {
64
+ .sw3;
65
+ stroke-dasharray: 100 250;
66
+ }
67
+
68
+ .bb4-line-10 {
69
+ .sw1;
70
+ stroke-dasharray: 80 270;
71
+ }
72
+
73
+ }
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import "./index.less";
3
+ interface ComponentStyle {
4
+ mainColor?: string;
5
+ subColor?: string;
6
+ reverse?: boolean;
7
+ }
8
+ export interface ComponentProps {
9
+ style?: ComponentStyle;
10
+ base?: {
11
+ width?: number;
12
+ height?: number;
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/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"}
@@ -0,0 +1,28 @@
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", reverse } = 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-5" },
17
+ React.createElement("svg", { className: `border-svg-container ${reverse && 'reverse'}`, width: width, height: height },
18
+ React.createElement("polyline", { className: 'bb5-line-1', stroke: mainColor, points: `8, 5 ${width - 5}, 5 ${width - 5}, ${height - 100}
19
+ ${width - 100}, ${height - 5} 8, ${height - 5} 8, 5` }),
20
+ React.createElement("polyline", { className: 'bb5-line-2', stroke: subColor, points: `3, 5 ${width - 20}, 5 ${width - 20}, ${height - 60}
21
+ ${width - 74}, ${height - 5} 3, ${height - 5} 3, 5` }),
22
+ React.createElement("polyline", { className: 'bb5-line-3', stroke: subColor, points: `50, 13 ${width - 35}, 13` }),
23
+ React.createElement("polyline", { className: 'bb5-line-4', stroke: subColor, points: `15, 20 ${width - 35}, 20` }),
24
+ React.createElement("polyline", { className: 'bb5-line-5', stroke: subColor, points: `15, ${height - 20} ${width - 110}, ${height - 20}` }),
25
+ React.createElement("polyline", { className: 'bb5-line-6', stroke: subColor, points: `15, ${height - 13} ${width - 110}, ${height - 13}` })));
26
+ });
27
+ export default Index;
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,36 @@
1
+ .border-box-5 {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ .reverse {
7
+ transform: rotate(180deg);
8
+ }
9
+
10
+ .border-svg-container {
11
+ position: absolute;
12
+ top: 0px;
13
+ left: 0px;
14
+ width: 100%;
15
+ height: 100%;
16
+
17
+ &>polyline {
18
+ fill: none;
19
+ }
20
+ }
21
+
22
+ .bb5-line-1,
23
+ .bb5-line-2 {
24
+ stroke-width: 1;
25
+ }
26
+
27
+ .bb5-line-3,
28
+ .bb5-line-6 {
29
+ stroke-width: 5;
30
+ }
31
+
32
+ .bb5-line-4,
33
+ .bb5-line-5 {
34
+ stroke-width: 2;
35
+ }
36
+ }
@@ -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/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"}