ebaoferc 0.3.5 → 1.0.3

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 (35) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +43 -43
  3. package/dist/components/ImageViewTrigger/index.less +25 -25
  4. package/dist/components/MindGraph/core/graphic/drag.js +15 -15
  5. package/dist/components/MindGraph/core/graphic/index.js +105 -105
  6. package/dist/components/MindGraph/core/helper/depth-first-walk-tree.js +4 -4
  7. package/dist/components/MindGraph/core/helper/descendant.js +3 -3
  8. package/dist/components/MindGraph/core/helper/get-layout-calc-children.js +6 -6
  9. package/dist/components/MindGraph/core/helper/index.d.ts +15 -15
  10. package/dist/components/MindGraph/core/helper/judge-if-all-child-fold.js +4 -4
  11. package/dist/components/MindGraph/core/helper/judge-if-heir-and-fold.js +6 -6
  12. package/dist/components/MindGraph/core/helper/judge-if-visual-leaf.js +3 -3
  13. package/dist/components/MindGraph/core/index.d.ts +2 -6
  14. package/dist/components/MindGraph/core/index.js +26 -26
  15. package/dist/components/MindGraph/core/process/layout/structured/get-node-cross-boundary.js +7 -7
  16. package/dist/components/MindGraph/core/process/layout/type.js +20 -20
  17. package/dist/components/MindGraph/core/process/visible.js +3 -3
  18. package/dist/components/MindGraph/core/render/index.d.ts +12 -12
  19. package/dist/components/MindGraph/react/component/index.module.less +71 -71
  20. package/dist/components/MindGraph/react/hook/use-shadow-state.d.ts +1 -1
  21. package/dist/components/MindGraph/react/scrollbar/axis/index.module.less +47 -47
  22. package/dist/components/QueryProCard/index.less +9 -9
  23. package/dist/components/SectionTitleBar/index.less +31 -31
  24. package/dist/components/SliderVerify/style.module.less +119 -119
  25. package/dist/components/StyledQueryFilter/index.less +34 -34
  26. package/dist/components/StyledTable/index.d.ts +8 -4
  27. package/dist/components/StyledTable/index.js +23 -11
  28. package/dist/components/StyledTable/index.less +18 -18
  29. package/dist/components/ThemeStatusTag/index.less +11 -11
  30. package/dist/hooks/index.d.ts +1 -0
  31. package/dist/hooks/index.js +1 -0
  32. package/dist/hooks/useTabRouteWatcher/index.d.ts +5 -0
  33. package/dist/hooks/useTabRouteWatcher/index.js +26 -0
  34. package/dist/utils/format/index.js +14 -14
  35. package/package.json +101 -100
@@ -1,23 +1,23 @@
1
1
  export declare const Helper: {
2
- breadthFirstWalkTree: (node: import("..").Mind.Node, callback: {
3
- before: (node: import("..").Mind.Node) => boolean;
4
- after: (rank: import("..").Mind.Node[]) => void;
2
+ breadthFirstWalkTree: (node: import("../../../..").Mind.Node, callback: {
3
+ before: (node: import("../../../..").Mind.Node) => boolean;
4
+ after: (rank: import("../../../..").Mind.Node[]) => void;
5
5
  }) => void;
6
- depthFirstWalkTree: (root: import("..").Mind.Node, callback: {
7
- before: (node: import("..").Mind.Node, parent?: import("..").Mind.Node | undefined) => boolean;
8
- after: (node: import("..").Mind.Node, parent?: import("..").Mind.Node | undefined) => void;
6
+ depthFirstWalkTree: (root: import("../../../..").Mind.Node, callback: {
7
+ before: (node: import("../../../..").Mind.Node, parent?: import("../../../..").Mind.Node | undefined) => boolean;
8
+ after: (node: import("../../../..").Mind.Node, parent?: import("../../../..").Mind.Node | undefined) => void;
9
9
  }) => void;
10
- descendant: (node: import("..").Mind.Node) => import("..").Mind.Node[];
10
+ descendant: (node: import("../../../..").Mind.Node) => import("../../../..").Mind.Node[];
11
11
  error: (message: string) => Error;
12
- getLayoutCalcChildren: (node: import("..").Mind.Node, rootId: string, getRootHeirOrientation: import("../process").Process.getRootHeirOrientationFunc) => import("..").Mind.Node[];
12
+ getLayoutCalcChildren: (node: import("../../../..").Mind.Node, rootId: string, getRootHeirOrientation: import("../process").Process.getRootHeirOrientationFunc) => import("../../../..").Mind.Node[];
13
13
  getSvgPathId: (id: string) => string;
14
- judgeIfAllChildFold: (node: import("..").Mind.Node, rootId: string) => boolean;
15
- judgeIfHeirAndFold: (node: import("..").Mind.Node, parent: import("..").Mind.Node | undefined, root: import("..").Mind.Root, getRootHeirOrientation: import("../process").Process.getRootHeirOrientationFunc) => boolean;
16
- judgeIfVisualLeaf: (node: import("..").Mind.Node, children?: import("..").Mind.Node[] | undefined) => boolean | boolean[] | undefined;
17
- rootToNodeArray: (root: import("..").Mind.Root, callback: (node: import("..").Mind.Node) => void) => import("..").Mind.Node[];
18
- transformRootToWalkable: (root: import("..").Mind.Root) => {
19
- getRootHeirOrientation: (id: string) => import("..").Mind.Orientation;
20
- shadowNode: import("..").Mind.Node;
14
+ judgeIfAllChildFold: (node: import("../../../..").Mind.Node, rootId: string) => boolean;
15
+ judgeIfHeirAndFold: (node: import("../../../..").Mind.Node, parent: import("../../../..").Mind.Node | undefined, root: import("../../../..").Mind.Root, getRootHeirOrientation: import("../process").Process.getRootHeirOrientationFunc) => boolean;
16
+ judgeIfVisualLeaf: (node: import("../../../..").Mind.Node, children?: import("../../../..").Mind.Node[] | undefined) => boolean | boolean[] | undefined;
17
+ rootToNodeArray: (root: import("../../../..").Mind.Root, callback: (node: import("../../../..").Mind.Node) => void) => import("../../../..").Mind.Node[];
18
+ transformRootToWalkable: (root: import("../../../..").Mind.Root) => {
19
+ getRootHeirOrientation: (id: string) => import("../../../..").Mind.Orientation;
20
+ shadowNode: import("../../../..").Mind.Node;
21
21
  };
22
22
  withPrefix: (message: string) => string;
23
23
  };
@@ -1,7 +1,7 @@
1
- /**
2
- * 判断节点是否所有子代都需要被折叠
3
- * @param node
4
- * @param rootId
1
+ /**
2
+ * 判断节点是否所有子代都需要被折叠
3
+ * @param node
4
+ * @param rootId
5
5
  */
6
6
  export var judgeIfAllChildFold = function judgeIfAllChildFold(node, rootId) {
7
7
  if (node.id === rootId) {
@@ -1,10 +1,10 @@
1
1
  import { Mind } from "../index";
2
- /**
3
- * 判断节点是否为root直系子代并且已经被折叠了
4
- * @param node
5
- * @param parent
6
- * @param root
7
- * @param getRootHeirOrientation
2
+ /**
3
+ * 判断节点是否为root直系子代并且已经被折叠了
4
+ * @param node
5
+ * @param parent
6
+ * @param root
7
+ * @param getRootHeirOrientation
8
8
  */
9
9
  export var judgeIfHeirAndFold = function judgeIfHeirAndFold(node, parent, root, getRootHeirOrientation) {
10
10
  // 是否为根节点直系子代
@@ -1,6 +1,6 @@
1
- /**
2
- * 判断节点是否为视觉上的叶节点
3
- * - 子代被折叠也算视觉上叶节点
1
+ /**
2
+ * 判断节点是否为视觉上的叶节点
3
+ * - 子代被折叠也算视觉上叶节点
4
4
  */
5
5
  export var judgeIfVisualLeaf = function judgeIfVisualLeaf(node, children) {
6
6
  return !children || children.length === 0 || node.fold;
@@ -361,9 +361,7 @@ export declare namespace Mind {
361
361
  breadthFirstWalkTree: (node: Node, callback: {
362
362
  before: (node: Node) => boolean;
363
363
  after: (rank: Node[]) => void;
364
- }) => void; /**
365
- * 直系子代节点中心对齐
366
- */
364
+ }) => void;
367
365
  depthFirstWalkTree: (root: Node, callback: {
368
366
  before: (node: Node, parent?: Node | undefined) => boolean;
369
367
  after: (node: Node, parent?: Node | undefined) => void;
@@ -386,9 +384,7 @@ export declare namespace Mind {
386
384
  export const _WithDefault: {
387
385
  cache: (data?: NodeCache | undefined) => Required<NodeCache>;
388
386
  options: (data?: Options | undefined) => Required<Options>;
389
- transform: (data?: Transform | undefined) => Required<Transform>; /**
390
- * y轴垂直方向渲染
391
- */
387
+ transform: (data?: Transform | undefined) => Required<Transform>;
392
388
  };
393
389
  export {};
394
390
  }
@@ -8,57 +8,57 @@ import { DraggableLayout as DraggableLayoutClass } from "./process/layout/type";
8
8
  export var Mind;
9
9
  (function (_Mind) {
10
10
  var ChildAlignMode = _Mind.ChildAlignMode = {
11
- /**
12
- * 子代对齐模式
11
+ /**
12
+ * 子代对齐模式
13
13
  */
14
14
  descendantCenter: 'descendant-center',
15
- /**
16
- * 直系子代节点中心对齐
15
+ /**
16
+ * 直系子代节点中心对齐
17
17
  */
18
18
  heirCenter: 'heir-center',
19
- /**
20
- * 结构化规整模式
19
+ /**
20
+ * 结构化规整模式
21
21
  */
22
22
  structured: 'structured'
23
23
  };
24
24
  var Orientation = _Mind.Orientation = {
25
- /**
26
- * 处于正向区域
25
+ /**
26
+ * 处于正向区域
27
27
  */
28
28
  negative: 'negative',
29
- /**
30
- * 处于负向区域
29
+ /**
30
+ * 处于负向区域
31
31
  */
32
32
  positive: 'positive',
33
- /**
34
- * 根节点
33
+ /**
34
+ * 根节点
35
35
  */
36
36
  root: 'root'
37
37
  };
38
38
  var Direction = _Mind.Direction = {
39
- /**
40
- * x轴水平方向渲染
39
+ /**
40
+ * x轴水平方向渲染
41
41
  */
42
42
  x: 'x',
43
- /**
44
- * y轴垂直方向渲染
43
+ /**
44
+ * y轴垂直方向渲染
45
45
  */
46
46
  y: 'y'
47
47
  };
48
48
  var LinkStyle = _Mind.LinkStyle = {
49
- /**
50
- * 贝塞尔曲线
49
+ /**
50
+ * 贝塞尔曲线
51
51
  */
52
52
  bezier: 'bezier',
53
- /**
54
- * 线性
55
- * - 线性只有在 ChildAlignMode.structured 风格下表现最佳
53
+ /**
54
+ * 线性
55
+ * - 线性只有在 ChildAlignMode.structured 风格下表现最佳
56
56
  */
57
57
  line: 'line'
58
58
  };
59
59
 
60
- /**
61
- * 拖动关联信息
60
+ /**
61
+ * 拖动关联信息
62
62
  */
63
63
 
64
64
  var RelativeX = _Mind.RelativeX = {
@@ -72,9 +72,9 @@ export var Mind;
72
72
  top: 'top'
73
73
  };
74
74
 
75
- /**
76
- * 位移/缩放事件函数
77
- * @param event the underlying input event, such as mousemove or touchmove
75
+ /**
76
+ * 位移/缩放事件函数
77
+ * @param event the underlying input event, such as mousemove or touchmove
78
78
  */
79
79
 
80
80
  var Graphic = _Mind.Graphic = GraphicClass;
@@ -1,11 +1,11 @@
1
1
  import { Helper } from "../../../helper";
2
- /**
3
- * 获取节点交叉轴边界
4
- * - 如果存在视觉子代,请保证视觉子代边界计算完成
5
- * @param cache
6
- * @param children
7
- * @param vertical
8
- * @param cacheMap
2
+ /**
3
+ * 获取节点交叉轴边界
4
+ * - 如果存在视觉子代,请保证视觉子代边界计算完成
5
+ * @param cache
6
+ * @param children
7
+ * @param vertical
8
+ * @param cacheMap
9
9
  */
10
10
  export var getNodeCrossBoundary = function getNodeCrossBoundary(cache, children, vertical, cacheMap) {
11
11
  var boundary = {
@@ -10,38 +10,38 @@ import { Helper } from "../../helper";
10
10
  export var DraggableLayout = /*#__PURE__*/_createClass(function DraggableLayout() {
11
11
  _classCallCheck(this, DraggableLayout);
12
12
  });
13
- /**
14
- * 计算拖动关联信息
15
- * @param context 上下文
16
- * @param context.cacheMap 缓存地图
17
- * @param context.draggingRect 正在拖动节点的大小以及位置
18
- * @param context.canBeAttachedNodes 可以被关联的节点
19
- * @param context.ignoreNodes 需要被忽略的节点
20
- * @param context.root 根节点
21
- * @param context.options 选项
22
- * @return 如果没有合法的节点关联,则返回`undefined`
13
+ /**
14
+ * 计算拖动关联信息
15
+ * @param context 上下文
16
+ * @param context.cacheMap 缓存地图
17
+ * @param context.draggingRect 正在拖动节点的大小以及位置
18
+ * @param context.canBeAttachedNodes 可以被关联的节点
19
+ * @param context.ignoreNodes 需要被忽略的节点
20
+ * @param context.root 根节点
21
+ * @param context.options 选项
22
+ * @return 如果没有合法的节点关联,则返回`undefined`
23
23
  */
24
24
  _defineProperty(DraggableLayout, "calcDragAttach", function (context) {
25
25
  // 此处是为了 ts 报错
26
26
  context = context;
27
27
  throw Helper.error('DraggableLayout static calcDragAttach must be implemented');
28
28
  });
29
- /**
30
- * 计算拖动结束被放置的下标
31
- * @param context 上下文
32
- * @param context.cacheMap 缓存地图
33
- * @param context.attachedNodeChildren 关联节点子代
34
- * @param context.dropPosition 拖拽结束位置
35
- * @param context.root 根节点
29
+ /**
30
+ * 计算拖动结束被放置的下标
31
+ * @param context 上下文
32
+ * @param context.cacheMap 缓存地图
33
+ * @param context.attachedNodeChildren 关联节点子代
34
+ * @param context.dropPosition 拖拽结束位置
35
+ * @param context.root 根节点
36
36
  */
37
37
  _defineProperty(DraggableLayout, "calcDropIndex", function (context) {
38
38
  // 此处是为了 ts 报错
39
39
  context = context;
40
40
  throw Helper.error('DraggableLayout static calcDropIndex must be implemented');
41
41
  });
42
- /**
43
- * 是否为合法的继承了这个类的类对象
44
- * @param classObject
42
+ /**
43
+ * 是否为合法的继承了这个类的类对象
44
+ * @param classObject
45
45
  */
46
46
  _defineProperty(DraggableLayout, "isValidExtendsClass", function (classObject) {
47
47
  var shouldBeRealizedFunc = ['calcDragAttach', 'calcDropIndex'];
@@ -31,9 +31,9 @@ export var Visible = /*#__PURE__*/_createClass(function Visible() {
31
31
  _this.options = options;
32
32
  _this.getRootHeirOrientation = getRootHeirOrientation;
33
33
  });
34
- /**
35
- * 返回可见是否改变
36
- * - 使用次返回值得前提是,数据没有出现改变(也就是在viewport尺寸改变或者transform时可以使用)
34
+ /**
35
+ * 返回可见是否改变
36
+ * - 使用次返回值得前提是,数据没有出现改变(也就是在viewport尺寸改变或者transform时可以使用)
37
37
  */
38
38
  _defineProperty(this, "end", function () {
39
39
  var visibleChange = {
@@ -1,26 +1,26 @@
1
1
  export declare const Render: {
2
2
  calcVisible: (context: {
3
- cacheMap: import("..").Mind.CacheMap;
4
- options: Required<import("..").Mind.Options>;
5
- root: import("..").Mind.Root;
3
+ cacheMap: import("../../../..").Mind.CacheMap;
4
+ options: Required<import("../../../..").Mind.Options>;
5
+ root: import("../../../..").Mind.Root;
6
6
  container: HTMLElement;
7
7
  viewport: HTMLElement;
8
- transform: import("..").Mind.Transform;
8
+ transform: import("../../../..").Mind.Transform;
9
9
  zoom: import("../graphic/zoom").Zoom;
10
- }) => import("..").Mind.Visible;
10
+ }) => import("../../../..").Mind.Visible;
11
11
  connect: (context: {
12
- cacheMap: import("..").Mind.CacheMap;
13
- options: Required<import("..").Mind.Options>;
14
- root: import("..").Mind.Root;
12
+ cacheMap: import("../../../..").Mind.CacheMap;
13
+ options: Required<import("../../../..").Mind.Options>;
14
+ root: import("../../../..").Mind.Root;
15
15
  container: HTMLElement;
16
16
  }) => void;
17
17
  layout: (context: {
18
- cacheMap: import("..").Mind.CacheMap;
19
- options: Required<import("..").Mind.Options>;
20
- root: import("..").Mind.Root;
18
+ cacheMap: import("../../../..").Mind.CacheMap;
19
+ options: Required<import("../../../..").Mind.Options>;
20
+ root: import("../../../..").Mind.Root;
21
21
  container: HTMLElement;
22
22
  viewport: HTMLElement;
23
- transform: import("..").Mind.Transform;
23
+ transform: import("../../../..").Mind.Transform;
24
24
  anchor?: string | undefined;
25
25
  zoom: import("../graphic/zoom").Zoom;
26
26
  }) => void;
@@ -1,72 +1,72 @@
1
- .viewport,.root{
2
- width: 100%;
3
- height: 100%;
4
- position: relative;
5
- overflow: hidden;
6
- }
7
-
8
- .viewport{
9
- &--drag-move{
10
- cursor: pointer;
11
- }
12
- }
13
-
14
- .container{
15
- position: relative;
16
- }
17
-
18
- .nodes{
19
- position: relative;
20
- }
21
-
22
- .node-wrapper{
23
- position: absolute;
24
- top: 0;
25
- left: 0;
26
- }
27
-
28
- .drag-mirror-node{
29
- cursor: pointer;
30
- }
31
-
32
- .temporary-line{
33
- position: absolute;
34
- pointer-events: none;
35
- }
36
-
37
- // default set
38
- .node-wrapper--dragging{
39
- &>*{
40
- outline: 2px solid #c04851;
41
- }
42
- }
43
-
44
- // default set
45
- .node-wrapper--attached{
46
- &>*{
47
- outline: 2px solid #2775b6;
48
- }
49
- }
50
-
51
- // default set
52
- .drag-mirror-node{
53
- opacity: 0.6;
54
-
55
- &>*{
56
- outline: 2px solid #2775b6;
57
- }
58
- }
59
-
60
- :global{
61
- // default set
62
- .mind {
63
- &__lines{
64
- stroke: #2775b6;
65
- stroke-width: 3px;
66
- }
67
-
68
- &__temporary-line{
69
- opacity: 0.6;
70
- }
71
- }
1
+ .viewport,.root{
2
+ width: 100%;
3
+ height: 100%;
4
+ position: relative;
5
+ overflow: hidden;
6
+ }
7
+
8
+ .viewport{
9
+ &--drag-move{
10
+ cursor: pointer;
11
+ }
12
+ }
13
+
14
+ .container{
15
+ position: relative;
16
+ }
17
+
18
+ .nodes{
19
+ position: relative;
20
+ }
21
+
22
+ .node-wrapper{
23
+ position: absolute;
24
+ top: 0;
25
+ left: 0;
26
+ }
27
+
28
+ .drag-mirror-node{
29
+ cursor: pointer;
30
+ }
31
+
32
+ .temporary-line{
33
+ position: absolute;
34
+ pointer-events: none;
35
+ }
36
+
37
+ // default set
38
+ .node-wrapper--dragging{
39
+ &>*{
40
+ outline: 2px solid #c04851;
41
+ }
42
+ }
43
+
44
+ // default set
45
+ .node-wrapper--attached{
46
+ &>*{
47
+ outline: 2px solid #2775b6;
48
+ }
49
+ }
50
+
51
+ // default set
52
+ .drag-mirror-node{
53
+ opacity: 0.6;
54
+
55
+ &>*{
56
+ outline: 2px solid #2775b6;
57
+ }
58
+ }
59
+
60
+ :global{
61
+ // default set
62
+ .mind {
63
+ &__lines{
64
+ stroke: #2775b6;
65
+ stroke-width: 3px;
66
+ }
67
+
68
+ &__temporary-line{
69
+ opacity: 0.6;
70
+ }
71
+ }
72
72
  }
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const useShadowState: <T>(init?: T | undefined) => readonly [T, (update: T | ((prevState: T) => T)) => void, import("react").MutableRefObject<T>];
2
+ export declare const useShadowState: <T>(init?: T) => readonly [T, (update: T | ((prevState: T) => T)) => void, import("react").MutableRefObject<T>];
@@ -1,48 +1,48 @@
1
- @size: 8px;
2
- @border-radius: 4px;
3
- @active-background: #7a7374;
4
-
5
- .axis{
6
- position: absolute;
7
-
8
- .thumb{
9
- position: absolute;
10
- left: 0;
11
- top: 0;
12
- border-radius: @border-radius;
13
- // 大理石灰
14
- background: #c4cbcf;
15
-
16
- &:hover{
17
- background: @active-background;
18
- }
19
- }
20
-
21
- &--active{
22
- .thumb{
23
- background: @active-background;
24
- }
25
- }
26
-
27
- &--y{
28
- right: 0;
29
- top: 0;
30
- height: 100%;
31
- width: @size;
32
-
33
- .thumb{
34
- width: 100%;
35
- }
36
- }
37
-
38
- &--x{
39
- left: 0;
40
- bottom: 0;
41
- width: 100%;
42
- height: @size;
43
-
44
- .thumb{
45
- height: 100%;
46
- }
47
- }
1
+ @size: 8px;
2
+ @border-radius: 4px;
3
+ @active-background: #7a7374;
4
+
5
+ .axis{
6
+ position: absolute;
7
+
8
+ .thumb{
9
+ position: absolute;
10
+ left: 0;
11
+ top: 0;
12
+ border-radius: @border-radius;
13
+ // 大理石灰
14
+ background: #c4cbcf;
15
+
16
+ &:hover{
17
+ background: @active-background;
18
+ }
19
+ }
20
+
21
+ &--active{
22
+ .thumb{
23
+ background: @active-background;
24
+ }
25
+ }
26
+
27
+ &--y{
28
+ right: 0;
29
+ top: 0;
30
+ height: 100%;
31
+ width: @size;
32
+
33
+ .thumb{
34
+ width: 100%;
35
+ }
36
+ }
37
+
38
+ &--x{
39
+ left: 0;
40
+ bottom: 0;
41
+ width: 100%;
42
+ height: @size;
43
+
44
+ .thumb{
45
+ height: 100%;
46
+ }
47
+ }
48
48
  }
@@ -1,9 +1,9 @@
1
- .custom-filter-card-container-wrapper {
2
- .ant-pro-card-body {
3
- padding-bottom: 0 !important;
4
- }
5
-
6
- .ant-form-item {
7
- margin-bottom: 16px;
8
- }
9
- }
1
+ .custom-filter-card-container-wrapper {
2
+ .ant-pro-card-body {
3
+ padding-bottom: 0 !important;
4
+ }
5
+
6
+ .ant-form-item {
7
+ margin-bottom: 16px;
8
+ }
9
+ }
@@ -1,31 +1,31 @@
1
- .section-title-bar {
2
- display: flex;
3
- align-items: center;
4
- gap: 8px;
5
- margin-bottom: 0;
6
-
7
- .title-wrapper {
8
- overflow: hidden;
9
- // text-overflow: ellipsis;
10
- // white-space: nowrap;
11
-
12
- font-size: 16px;
13
- font-weight: bold;
14
- }
15
-
16
- .center-tools {
17
- flex-grow: 1;
18
- display: flex;
19
- align-items: center;
20
- flex-wrap: wrap;
21
- gap: 8px;
22
- }
23
-
24
- .right-tools {
25
- display: flex;
26
- align-items: center;
27
- flex-shrink: 0;
28
- // flex-wrap: wrap;
29
- gap: 8px;
30
- }
31
- }
1
+ .section-title-bar {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 8px;
5
+ margin-bottom: 0;
6
+
7
+ .title-wrapper {
8
+ overflow: hidden;
9
+ // text-overflow: ellipsis;
10
+ // white-space: nowrap;
11
+
12
+ font-size: 16px;
13
+ font-weight: bold;
14
+ }
15
+
16
+ .center-tools {
17
+ flex-grow: 1;
18
+ display: flex;
19
+ align-items: center;
20
+ flex-wrap: wrap;
21
+ gap: 8px;
22
+ }
23
+
24
+ .right-tools {
25
+ display: flex;
26
+ align-items: center;
27
+ flex-shrink: 0;
28
+ // flex-wrap: wrap;
29
+ gap: 8px;
30
+ }
31
+ }