ronds-metadata 1.2.38 → 1.2.39

Sign up to get free protection for your applications and to get access to all the features.
Files changed (134) hide show
  1. package/es/api/index.js +83 -131
  2. package/es/comps/DynamicPorts/comps/ContextMenu.js +3 -11
  3. package/es/comps/DynamicPorts/comps/DragNode.js +2 -7
  4. package/es/comps/DynamicPorts/comps/GraphHandler/index.js +4 -5
  5. package/es/comps/DynamicPorts/comps/NodeElement.js +1 -4
  6. package/es/comps/DynamicPorts/comps/contextMenu/EdgeContextMenu/index.js +3 -6
  7. package/es/comps/DynamicPorts/comps/contextMenu/GraphContextMenu/index.js +3 -7
  8. package/es/comps/DynamicPorts/comps/contextMenu/NodeContextMenu/index.js +18 -21
  9. package/es/comps/DynamicPorts/comps/shape/edge.js +5 -18
  10. package/es/comps/DynamicPorts/comps/shape/node.js +4 -17
  11. package/es/comps/DynamicPorts/constant/index.js +2 -5
  12. package/es/comps/DynamicPorts/graph.d.ts +2 -2
  13. package/es/comps/DynamicPorts/graph.js +228 -312
  14. package/es/comps/DynamicPorts/index.js +39 -58
  15. package/es/comps/DynamicPorts/utils.js +21 -25
  16. package/es/comps/Editable/DataCell/ButtonCell.js +4 -10
  17. package/es/comps/Editable/DataCell/ColorPicker.js +2 -7
  18. package/es/comps/Editable/DataCell/Input.js +5 -14
  19. package/es/comps/Editable/DataCell/Number.js +3 -10
  20. package/es/comps/Editable/DataCell/Select.js +7 -14
  21. package/es/comps/Editable/DataCell/Switch.js +2 -7
  22. package/es/comps/Editable/comps/EditableAction.js +8 -12
  23. package/es/comps/Editable/comps/EditableCell.js +16 -26
  24. package/es/comps/Editable/comps/EditableHeardCell.js +21 -34
  25. package/es/comps/Editable/comps/EditableRow.js +49 -59
  26. package/es/comps/Editable/comps/Texty.js +36 -72
  27. package/es/comps/Editable/index.js +67 -112
  28. package/es/comps/Editable/interface.d.ts +1 -1
  29. package/es/comps/Editable/utils.js +0 -1
  30. package/es/comps/FileView/index.js +65 -101
  31. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Checkbox.js +8 -13
  32. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Color.js +8 -4
  33. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Date.js +6 -2
  34. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Input.js +8 -4
  35. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/List.js +6 -11
  36. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/MutiSelect.js +6 -10
  37. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Number.js +6 -2
  38. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Obj.js +6 -11
  39. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Password.js +8 -4
  40. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Radio.js +8 -13
  41. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Select.js +6 -10
  42. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Switch.js +6 -2
  43. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Table.js +6 -11
  44. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/TextArea.js +6 -3
  45. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Upload.js +2 -5
  46. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/HOC/index.js +86 -109
  47. package/es/comps/FormGenerator/comps/Canvas/core/RenderField/index.js +3 -7
  48. package/es/comps/FormGenerator/comps/Canvas/core/index.js +54 -91
  49. package/es/comps/FormGenerator/comps/Canvas/core/index.less +23 -23
  50. package/es/comps/FormGenerator/comps/Canvas/index.js +8 -15
  51. package/es/comps/FormGenerator/comps/Settings/index.js +16 -30
  52. package/es/comps/FormGenerator/comps/Sidebar/Elements.js +23 -22
  53. package/es/comps/FormGenerator/comps/Sidebar/index.js +6 -2
  54. package/es/comps/FormGenerator/index.js +3 -9
  55. package/es/comps/FormGenerator/interface.d.ts +1 -1
  56. package/es/comps/FormGenerator/settings/index.js +12 -11
  57. package/es/comps/FormGenerator/settings/ruleConfig.js +0 -1
  58. package/es/comps/FormGenerator/transformer.js +40 -105
  59. package/es/comps/Icons/index.js +4 -7
  60. package/es/comps/JsonEdit/index.js +25 -50
  61. package/es/comps/JsonView/index.js +7 -21
  62. package/es/comps/JsonView/index.less +41 -41
  63. package/es/comps/MdEdit/index.js +7 -10
  64. package/es/comps/MdEdit/index.less +6 -6
  65. package/es/comps/MdEditPro/index.d.ts +10 -0
  66. package/es/comps/MdEditPro/index.js +22 -0
  67. package/es/comps/MdEditPro/index.less +74 -0
  68. package/es/comps/MdNavbar/index.js +17 -40
  69. package/es/comps/MdNavbar/utils.js +0 -4
  70. package/es/comps/MdView/index.js +7 -11
  71. package/es/comps/MdView/index.less +353 -353
  72. package/es/comps/MetadataEdit/components/MetaFieldsEdit.js +129 -183
  73. package/es/comps/MetadataEdit/components/MetaPropsEdit.js +11 -27
  74. package/es/comps/MetadataEdit/hooks/index.js +3 -11
  75. package/es/comps/MetadataEdit/index.js +25 -58
  76. package/es/comps/MetadataEdit/index.less +10 -10
  77. package/es/comps/MetadataEdit/type.d.ts +20 -20
  78. package/es/comps/MetadataEditV2/components/MetaFieldsEdit.js +17 -33
  79. package/es/comps/MetadataEditV2/components/MetaPropsEdit.js +15 -29
  80. package/es/comps/MetadataEditV2/hooks/index.js +5 -12
  81. package/es/comps/MetadataEditV2/index.js +30 -65
  82. package/es/comps/MetadataForm/DataCell/Array.js +12 -23
  83. package/es/comps/MetadataForm/DataCell/Input.js +12 -32
  84. package/es/comps/MetadataForm/DataCell/Number.js +10 -21
  85. package/es/comps/MetadataForm/DataCell/Ref.js +87 -121
  86. package/es/comps/MetadataForm/DataCell/Select.js +127 -222
  87. package/es/comps/MetadataForm/DataCell/Switch.js +7 -14
  88. package/es/comps/MetadataForm/DataCell/layout/TableArray.js +93 -164
  89. package/es/comps/MetadataForm/HOC/index.js +20 -37
  90. package/es/comps/MetadataForm/HOC/index.less +41 -41
  91. package/es/comps/MetadataForm/hooks/index.js +12 -38
  92. package/es/comps/MetadataForm/index.js +37 -72
  93. package/es/comps/MetadataForm/interface.d.ts +3 -3
  94. package/es/comps/MetadataForm/utils.js +0 -14
  95. package/es/comps/Split/index.js +20 -22
  96. package/es/config.js +0 -4
  97. package/es/framework/RxStore/demo/index.js +9 -10
  98. package/es/framework/RxStore/hooks.d.ts +9 -9
  99. package/es/framework/RxStore/hooks.js +10 -35
  100. package/es/framework/RxStore/store.d.ts +4 -4
  101. package/es/framework/RxStore/store.js +0 -10
  102. package/es/framework/fg/index.js +18 -80
  103. package/es/framework/fg/interface.d.ts +2 -2
  104. package/es/framework/fg/utils.js +0 -10
  105. package/es/framework/graph/index.d.ts +2 -2
  106. package/es/framework/graph/index.js +55 -110
  107. package/es/framework/hooks/use-async-memo.js +3 -7
  108. package/es/framework/hooks/use-sync-scroll.js +2 -15
  109. package/es/framework/http/cache.js +25 -32
  110. package/es/framework/http/cancel.js +1 -7
  111. package/es/framework/http/index.js +22 -82
  112. package/es/framework/http/msgpack.js +0 -4
  113. package/es/framework/http/msgpack5/index.js +2 -12
  114. package/es/framework/http/msgpack5/lib/codecs/DateCodec.js +1 -13
  115. package/es/framework/http/msgpack5/lib/decoder.js +10 -68
  116. package/es/framework/http/msgpack5/lib/encoder.js +8 -36
  117. package/es/framework/http/msgpack5/lib/helpers.js +3 -2
  118. package/es/framework/http/msgpack5/lib/streams.js +0 -18
  119. package/es/framework/libs/jquery.min.js +1009 -1696
  120. package/es/framework/locale/dil8/di18n.js +4 -15
  121. package/es/framework/locale/dil8/translate.js +0 -14
  122. package/es/framework/locale/dil8/util.js +0 -3
  123. package/es/framework/locale/index.js +2 -3
  124. package/es/framework/metadata/MetadataService.js +39 -78
  125. package/es/framework/metadata/index.js +4 -70
  126. package/es/framework/metadata/types.d.ts +98 -98
  127. package/es/framework/rxjs-hooks/useMemoSubject.js +0 -2
  128. package/es/framework/rxjs-hooks/useObservable.js +2 -4
  129. package/es/framework/rxjs-hooks/useObservableState.js +8 -14
  130. package/es/index.d.ts +1 -0
  131. package/es/index.js +2 -1
  132. package/es/theme.less +79 -79
  133. package/es/utils.js +58 -97
  134. package/package.json +104 -102
@@ -1,98 +1,98 @@
1
- /*
2
- * @Author: wangxian
3
- * @Date: 2021-09-18 14:15:04
4
- * @LastEditTime: 2023-02-09 18:37:15
5
- */
6
- export type IMetaType = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array' | string;
7
-
8
- export type IMetaData = {
9
- /**
10
- * 类名称/属性名称
11
- */
12
- id: string;
13
- /**
14
- * 类型
15
- */
16
- type: IMetaType;
17
- /**
18
- * 属性
19
- */
20
- properties?: IMetaProperties[];
21
-
22
- /**
23
- * 引用id
24
- */
25
- refId?: string;
26
- /**
27
- * 静态的变量
28
- */
29
- fields?: IMetaFileds[];
30
- /**
31
- * 内部类
32
- */
33
- types?: IMetaData[];
34
- };
35
-
36
- export type IMetaProperties = {
37
- /**
38
- * 类规则名称
39
- */
40
- id: string;
41
-
42
- /**
43
- * 类型
44
- */
45
- type: IMetaType;
46
-
47
- /**
48
- * 引用id
49
- */
50
- refId?: string;
51
- /**
52
- * 静态的变量
53
- */
54
- fields?: IMetaFileds[];
55
- /**
56
- * 枚举值
57
- */
58
- enum?: { value: string }[];
59
- /**
60
- * 数组类型
61
- */
62
- items?: { type: IMetaType; refId?: string };
63
- };
64
-
65
- export type IMetaFileds = {
66
- /**
67
- * 规则名称
68
- */
69
- id: string;
70
-
71
- /**
72
- * 类型
73
- */
74
- type: IMetaType;
75
-
76
- /**
77
- * 引用id
78
- */
79
- refId?: string;
80
-
81
- /**
82
- * 规则值
83
- */
84
- value: any;
85
- };
86
-
87
- export interface IAPI {
88
- // 获取元数据列表
89
- GetMetadataList(keyWords?: string[]): Promise<{ id: string; name: string; schema: string }[]>;
90
- // 通过元数据Id获取元数据详情
91
- GetMetadataDetailById(metadataId: string): Promise<any>;
92
- // 新增元数据
93
- SaveMetadata(data: any, metadataTag: string): Promise<any>;
94
- // 获取元数据的值
95
- GetMetadataObjList(data: any): Promise<any[]>;
96
- /** 通过扩展规则获取枚举类型的值 */
97
- GetEnumDataByUrl(url: string, method: 'get' | 'post', body: any): Promise<any>;
98
- }
1
+ /*
2
+ * @Author: wangxian
3
+ * @Date: 2021-09-18 14:15:04
4
+ * @LastEditTime: 2023-02-09 18:37:15
5
+ */
6
+ export type IMetaType = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array' | string;
7
+
8
+ export type IMetaData = {
9
+ /**
10
+ * 类名称/属性名称
11
+ */
12
+ id: string;
13
+ /**
14
+ * 类型
15
+ */
16
+ type: IMetaType;
17
+ /**
18
+ * 属性
19
+ */
20
+ properties?: IMetaProperties[];
21
+
22
+ /**
23
+ * 引用id
24
+ */
25
+ refId?: string;
26
+ /**
27
+ * 静态的变量
28
+ */
29
+ fields?: IMetaFileds[];
30
+ /**
31
+ * 内部类
32
+ */
33
+ types?: IMetaData[];
34
+ };
35
+
36
+ export type IMetaProperties = {
37
+ /**
38
+ * 类规则名称
39
+ */
40
+ id: string;
41
+
42
+ /**
43
+ * 类型
44
+ */
45
+ type: IMetaType;
46
+
47
+ /**
48
+ * 引用id
49
+ */
50
+ refId?: string;
51
+ /**
52
+ * 静态的变量
53
+ */
54
+ fields?: IMetaFileds[];
55
+ /**
56
+ * 枚举值
57
+ */
58
+ enum?: { value: string }[];
59
+ /**
60
+ * 数组类型
61
+ */
62
+ items?: { type: IMetaType; refId?: string };
63
+ };
64
+
65
+ export type IMetaFileds = {
66
+ /**
67
+ * 规则名称
68
+ */
69
+ id: string;
70
+
71
+ /**
72
+ * 类型
73
+ */
74
+ type: IMetaType;
75
+
76
+ /**
77
+ * 引用id
78
+ */
79
+ refId?: string;
80
+
81
+ /**
82
+ * 规则值
83
+ */
84
+ value: any;
85
+ };
86
+
87
+ export interface IAPI {
88
+ // 获取元数据列表
89
+ GetMetadataList(keyWords?: string[]): Promise<{ id: string; name: string; schema: string }[]>;
90
+ // 通过元数据Id获取元数据详情
91
+ GetMetadataDetailById(metadataId: string): Promise<any>;
92
+ // 新增元数据
93
+ SaveMetadata(data: any, metadataTag: string): Promise<any>;
94
+ // 获取元数据的值
95
+ GetMetadataObjList(data: any): Promise<any[]>;
96
+ /** 通过扩展规则获取枚举类型的值 */
97
+ GetEnumDataByUrl(url: string, method: 'get' | 'post', body: any): Promise<any>;
98
+ }
@@ -5,12 +5,10 @@
5
5
  */
6
6
  import React from 'react';
7
7
  import { BehaviorSubject } from 'rxjs';
8
-
9
8
  var useMemoSubject = function useMemoSubject() {
10
9
  var subject$ = React.useMemo(function () {
11
10
  return new BehaviorSubject(undefined);
12
11
  }, []);
13
12
  return subject$;
14
13
  };
15
-
16
14
  export default useMemoSubject;
@@ -4,19 +4,17 @@
4
4
  * @LastEditTime: 2023-04-03 09:30:52
5
5
  */
6
6
  import React from 'react';
7
-
8
7
  var useObservable = function useObservable(fn) {
9
8
  var dep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
10
9
  React.useEffect(function () {
11
10
  var _dep$, _dep$2;
12
-
13
11
  var subscription = dep[0] && ((_dep$ = dep[0]) === null || _dep$ === void 0 ? void 0 : _dep$.subscribe) && ((_dep$2 = dep[0]) === null || _dep$2 === void 0 ? void 0 : _dep$2.subscribe(function (p) {
14
12
  fn(p);
15
13
  }));
16
14
  return function () {
17
- subscription && subscription.unsubscribe(); // dep[0] && dep[0].complete();
15
+ subscription && subscription.unsubscribe();
16
+ // dep[0] && dep[0].complete();
18
17
  };
19
18
  }, dep);
20
19
  };
21
-
22
20
  export default useObservable;
@@ -1,5 +1,4 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
-
3
2
  /*
4
3
  * @Author: wangxian
5
4
  * @Date: 2022-05-27 10:32:55
@@ -12,21 +11,17 @@ export var useObservableState = function useObservableState(source$, initialStat
12
11
  if (typeof source$ === 'function') {
13
12
  return source$();
14
13
  }
15
-
16
14
  return source$;
17
15
  }, [source$]);
18
-
19
16
  var _useState = useState(function () {
20
- if (source instanceof BehaviorSubject) {
21
- return source.getValue();
22
- }
23
-
24
- return initialState;
25
- }),
26
- _useState2 = _slicedToArray(_useState, 2),
27
- state = _useState2[0],
28
- setState = _useState2[1];
29
-
17
+ if (source instanceof BehaviorSubject) {
18
+ return source.getValue();
19
+ }
20
+ return initialState;
21
+ }),
22
+ _useState2 = _slicedToArray(_useState, 2),
23
+ state = _useState2[0],
24
+ setState = _useState2[1];
30
25
  useEffect(function () {
31
26
  if (source) {
32
27
  var sub = source.subscribe(function (v) {
@@ -38,7 +33,6 @@ export var useObservableState = function useObservableState(source$, initialStat
38
33
  sub.unsubscribe();
39
34
  };
40
35
  }
41
-
42
36
  return function () {};
43
37
  }, [source]);
44
38
  return [state, setState];
package/es/index.d.ts CHANGED
@@ -14,6 +14,7 @@ export { default as DynamicPorts } from './comps/DynamicPorts';
14
14
  export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
15
15
  export { default as Icon } from './comps/Icons';
16
16
  export { default as Split } from './comps/Split';
17
+ export { default as MdEditPro } from './comps/MdEditPro';
17
18
  export * from './framework/metadata/index';
18
19
  export { default as http, addInterceptor } from './framework/http/index';
19
20
  export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
package/es/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  * @Author:wangxian
3
3
  * @Date: 2021-09-18 14:15:04
4
- * @LastEditTime: 2023-04-21 09:02:06
4
+ * @LastEditTime: 2023-04-27 19:08:54
5
5
  */
6
6
  import './theme.less';
7
7
  export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -19,6 +19,7 @@ export { default as DynamicPorts } from './comps/DynamicPorts';
19
19
  export { default as DragNode } from './comps/DynamicPorts/comps/DragNode';
20
20
  export { default as Icon } from './comps/Icons';
21
21
  export { default as Split } from './comps/Split';
22
+ export { default as MdEditPro } from './comps/MdEditPro';
22
23
  export * from './framework/metadata/index';
23
24
  export { default as http, addInterceptor } from './framework/http/index';
24
25
  export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
package/es/theme.less CHANGED
@@ -1,79 +1,79 @@
1
- .ronds-metadata-dark {
2
- --ronds-metadata-color-border-1: #314162;
3
- --ronds-metadata-color-border-2: #0d9af3;
4
- --ronds-metadata-color-bg-2: #0d1f40;
5
- --ronds-metadata-color-bg-3: #021125;
6
- --ronds-metadata-color-bg-4: #1c3771;
7
- --ronds-metadata-color-bg-5: #13264e;
8
- --ronds-metadata-color-text-1: #ffffff;
9
- --ronds-metadata-color-text-2: #ffffff;
10
- --ronds-metadata-color-text-3: #ffffff;
11
-
12
- ::-webkit-scrollbar {
13
- width: 6px;
14
- height: 6px;
15
- overflow: auto;
16
- }
17
- ::-webkit-scrollbar-corner {
18
- background-color: transparent;
19
- color: transparent;
20
- }
21
-
22
- ::-webkit-scrollbar-thumb {
23
- box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
24
- background: var(--scrollbar-color);
25
- min-height: 25px;
26
- min-width: 25px;
27
- border-radius: 3px;
28
-
29
- &:hover {
30
- border-radius: 2px;
31
- // box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
32
- background: var(--scrollbar-color-hover);
33
- }
34
-
35
- &:active {
36
- // box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
37
- background: var(--scrollbar-color-hover);
38
- }
39
- }
40
- }
41
-
42
- .ronds-metadata-normal {
43
- --ronds-metadata-color-border-1: #d9d9d9;
44
- --ronds-metadata-color-border-2: #165dff;
45
- --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
46
- --ronds-metadata-color-bg-3: #f6f5f6;
47
- --ronds-metadata-color-bg-4: #ffffff;
48
- --ronds-metadata-color-bg-5: #ffffff;
49
- --ronds-metadata-color-text-1: #1d2129;
50
- --ronds-metadata-color-text-2: #24292f;
51
- --ronds-metadata-color-text-3: #f2f3f5;
52
-
53
- ::-webkit-scrollbar {
54
- width: 6px;
55
- height: 6px;
56
- overflow: auto;
57
- }
58
-
59
- ::-webkit-scrollbar-thumb {
60
- background-color: var(--scrollbar-color);
61
- min-height: 25px;
62
- min-width: 25px;
63
- border-radius: 3px;
64
-
65
- &:hover {
66
- background-color: #a8a8a8;
67
- }
68
-
69
- &:active {
70
- background-color: #787878;
71
- }
72
-
73
- /* border: 1px solid #e0e0e0; */
74
- }
75
-
76
- ::-webkit-scrollbar-track {
77
- background-color: #f7f7f7;
78
- }
79
- }
1
+ .ronds-metadata-dark {
2
+ --ronds-metadata-color-border-1: #314162;
3
+ --ronds-metadata-color-border-2: #0d9af3;
4
+ --ronds-metadata-color-bg-2: #0d1f40;
5
+ --ronds-metadata-color-bg-3: #021125;
6
+ --ronds-metadata-color-bg-4: #1c3771;
7
+ --ronds-metadata-color-bg-5: #13264e;
8
+ --ronds-metadata-color-text-1: #ffffff;
9
+ --ronds-metadata-color-text-2: #ffffff;
10
+ --ronds-metadata-color-text-3: #ffffff;
11
+
12
+ ::-webkit-scrollbar {
13
+ width: 6px;
14
+ height: 6px;
15
+ overflow: auto;
16
+ }
17
+ ::-webkit-scrollbar-corner {
18
+ background-color: transparent;
19
+ color: transparent;
20
+ }
21
+
22
+ ::-webkit-scrollbar-thumb {
23
+ box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
24
+ background: var(--scrollbar-color);
25
+ min-height: 25px;
26
+ min-width: 25px;
27
+ border-radius: 3px;
28
+
29
+ &:hover {
30
+ border-radius: 2px;
31
+ // box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
32
+ background: var(--scrollbar-color-hover);
33
+ }
34
+
35
+ &:active {
36
+ // box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
37
+ background: var(--scrollbar-color-hover);
38
+ }
39
+ }
40
+ }
41
+
42
+ .ronds-metadata-normal {
43
+ --ronds-metadata-color-border-1: #d9d9d9;
44
+ --ronds-metadata-color-border-2: #165dff;
45
+ --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
46
+ --ronds-metadata-color-bg-3: #f6f5f6;
47
+ --ronds-metadata-color-bg-4: #ffffff;
48
+ --ronds-metadata-color-bg-5: #ffffff;
49
+ --ronds-metadata-color-text-1: #1d2129;
50
+ --ronds-metadata-color-text-2: #24292f;
51
+ --ronds-metadata-color-text-3: #f2f3f5;
52
+
53
+ ::-webkit-scrollbar {
54
+ width: 6px;
55
+ height: 6px;
56
+ overflow: auto;
57
+ }
58
+
59
+ ::-webkit-scrollbar-thumb {
60
+ background-color: var(--scrollbar-color);
61
+ min-height: 25px;
62
+ min-width: 25px;
63
+ border-radius: 3px;
64
+
65
+ &:hover {
66
+ background-color: #a8a8a8;
67
+ }
68
+
69
+ &:active {
70
+ background-color: #787878;
71
+ }
72
+
73
+ /* border: 1px solid #e0e0e0; */
74
+ }
75
+
76
+ ::-webkit-scrollbar-track {
77
+ background-color: #f7f7f7;
78
+ }
79
+ }