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.
- package/es/api/index.js +83 -131
- package/es/comps/DynamicPorts/comps/ContextMenu.js +3 -11
- package/es/comps/DynamicPorts/comps/DragNode.js +2 -7
- package/es/comps/DynamicPorts/comps/GraphHandler/index.js +4 -5
- package/es/comps/DynamicPorts/comps/NodeElement.js +1 -4
- package/es/comps/DynamicPorts/comps/contextMenu/EdgeContextMenu/index.js +3 -6
- package/es/comps/DynamicPorts/comps/contextMenu/GraphContextMenu/index.js +3 -7
- package/es/comps/DynamicPorts/comps/contextMenu/NodeContextMenu/index.js +18 -21
- package/es/comps/DynamicPorts/comps/shape/edge.js +5 -18
- package/es/comps/DynamicPorts/comps/shape/node.js +4 -17
- package/es/comps/DynamicPorts/constant/index.js +2 -5
- package/es/comps/DynamicPorts/graph.d.ts +2 -2
- package/es/comps/DynamicPorts/graph.js +228 -312
- package/es/comps/DynamicPorts/index.js +39 -58
- package/es/comps/DynamicPorts/utils.js +21 -25
- package/es/comps/Editable/DataCell/ButtonCell.js +4 -10
- package/es/comps/Editable/DataCell/ColorPicker.js +2 -7
- package/es/comps/Editable/DataCell/Input.js +5 -14
- package/es/comps/Editable/DataCell/Number.js +3 -10
- package/es/comps/Editable/DataCell/Select.js +7 -14
- package/es/comps/Editable/DataCell/Switch.js +2 -7
- package/es/comps/Editable/comps/EditableAction.js +8 -12
- package/es/comps/Editable/comps/EditableCell.js +16 -26
- package/es/comps/Editable/comps/EditableHeardCell.js +21 -34
- package/es/comps/Editable/comps/EditableRow.js +49 -59
- package/es/comps/Editable/comps/Texty.js +36 -72
- package/es/comps/Editable/index.js +67 -112
- package/es/comps/Editable/interface.d.ts +1 -1
- package/es/comps/Editable/utils.js +0 -1
- package/es/comps/FileView/index.js +65 -101
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Checkbox.js +8 -13
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Color.js +8 -4
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Date.js +6 -2
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Input.js +8 -4
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/List.js +6 -11
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/MutiSelect.js +6 -10
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Number.js +6 -2
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Obj.js +6 -11
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Password.js +8 -4
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Radio.js +8 -13
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Select.js +6 -10
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Switch.js +6 -2
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Table.js +6 -11
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/TextArea.js +6 -3
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/Cell/Upload.js +2 -5
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/HOC/index.js +86 -109
- package/es/comps/FormGenerator/comps/Canvas/core/RenderField/index.js +3 -7
- package/es/comps/FormGenerator/comps/Canvas/core/index.js +54 -91
- package/es/comps/FormGenerator/comps/Canvas/core/index.less +23 -23
- package/es/comps/FormGenerator/comps/Canvas/index.js +8 -15
- package/es/comps/FormGenerator/comps/Settings/index.js +16 -30
- package/es/comps/FormGenerator/comps/Sidebar/Elements.js +23 -22
- package/es/comps/FormGenerator/comps/Sidebar/index.js +6 -2
- package/es/comps/FormGenerator/index.js +3 -9
- package/es/comps/FormGenerator/interface.d.ts +1 -1
- package/es/comps/FormGenerator/settings/index.js +12 -11
- package/es/comps/FormGenerator/settings/ruleConfig.js +0 -1
- package/es/comps/FormGenerator/transformer.js +40 -105
- package/es/comps/Icons/index.js +4 -7
- package/es/comps/JsonEdit/index.js +25 -50
- package/es/comps/JsonView/index.js +7 -21
- package/es/comps/JsonView/index.less +41 -41
- package/es/comps/MdEdit/index.js +7 -10
- package/es/comps/MdEdit/index.less +6 -6
- package/es/comps/MdEditPro/index.d.ts +10 -0
- package/es/comps/MdEditPro/index.js +22 -0
- package/es/comps/MdEditPro/index.less +74 -0
- package/es/comps/MdNavbar/index.js +17 -40
- package/es/comps/MdNavbar/utils.js +0 -4
- package/es/comps/MdView/index.js +7 -11
- package/es/comps/MdView/index.less +353 -353
- package/es/comps/MetadataEdit/components/MetaFieldsEdit.js +129 -183
- package/es/comps/MetadataEdit/components/MetaPropsEdit.js +11 -27
- package/es/comps/MetadataEdit/hooks/index.js +3 -11
- package/es/comps/MetadataEdit/index.js +25 -58
- package/es/comps/MetadataEdit/index.less +10 -10
- package/es/comps/MetadataEdit/type.d.ts +20 -20
- package/es/comps/MetadataEditV2/components/MetaFieldsEdit.js +17 -33
- package/es/comps/MetadataEditV2/components/MetaPropsEdit.js +15 -29
- package/es/comps/MetadataEditV2/hooks/index.js +5 -12
- package/es/comps/MetadataEditV2/index.js +30 -65
- package/es/comps/MetadataForm/DataCell/Array.js +12 -23
- package/es/comps/MetadataForm/DataCell/Input.js +12 -32
- package/es/comps/MetadataForm/DataCell/Number.js +10 -21
- package/es/comps/MetadataForm/DataCell/Ref.js +87 -121
- package/es/comps/MetadataForm/DataCell/Select.js +127 -222
- package/es/comps/MetadataForm/DataCell/Switch.js +7 -14
- package/es/comps/MetadataForm/DataCell/layout/TableArray.js +93 -164
- package/es/comps/MetadataForm/HOC/index.js +20 -37
- package/es/comps/MetadataForm/HOC/index.less +41 -41
- package/es/comps/MetadataForm/hooks/index.js +12 -38
- package/es/comps/MetadataForm/index.js +37 -72
- package/es/comps/MetadataForm/interface.d.ts +3 -3
- package/es/comps/MetadataForm/utils.js +0 -14
- package/es/comps/Split/index.js +20 -22
- package/es/config.js +0 -4
- package/es/framework/RxStore/demo/index.js +9 -10
- package/es/framework/RxStore/hooks.d.ts +9 -9
- package/es/framework/RxStore/hooks.js +10 -35
- package/es/framework/RxStore/store.d.ts +4 -4
- package/es/framework/RxStore/store.js +0 -10
- package/es/framework/fg/index.js +18 -80
- package/es/framework/fg/interface.d.ts +2 -2
- package/es/framework/fg/utils.js +0 -10
- package/es/framework/graph/index.d.ts +2 -2
- package/es/framework/graph/index.js +55 -110
- package/es/framework/hooks/use-async-memo.js +3 -7
- package/es/framework/hooks/use-sync-scroll.js +2 -15
- package/es/framework/http/cache.js +25 -32
- package/es/framework/http/cancel.js +1 -7
- package/es/framework/http/index.js +22 -82
- package/es/framework/http/msgpack.js +0 -4
- package/es/framework/http/msgpack5/index.js +2 -12
- package/es/framework/http/msgpack5/lib/codecs/DateCodec.js +1 -13
- package/es/framework/http/msgpack5/lib/decoder.js +10 -68
- package/es/framework/http/msgpack5/lib/encoder.js +8 -36
- package/es/framework/http/msgpack5/lib/helpers.js +3 -2
- package/es/framework/http/msgpack5/lib/streams.js +0 -18
- package/es/framework/libs/jquery.min.js +1009 -1696
- package/es/framework/locale/dil8/di18n.js +4 -15
- package/es/framework/locale/dil8/translate.js +0 -14
- package/es/framework/locale/dil8/util.js +0 -3
- package/es/framework/locale/index.js +2 -3
- package/es/framework/metadata/MetadataService.js +39 -78
- package/es/framework/metadata/index.js +4 -70
- package/es/framework/metadata/types.d.ts +98 -98
- package/es/framework/rxjs-hooks/useMemoSubject.js +0 -2
- package/es/framework/rxjs-hooks/useObservable.js +2 -4
- package/es/framework/rxjs-hooks/useObservableState.js +8 -14
- package/es/index.d.ts +1 -0
- package/es/index.js +2 -1
- package/es/theme.less +79 -79
- package/es/utils.js +58 -97
- 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();
|
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
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
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-
|
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
|
+
}
|