@a2simcode/dui 0.0.38 → 0.0.39

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.
@@ -7,7 +7,7 @@ declare const DBiDesign: {
7
7
  default: () => never[];
8
8
  };
9
9
  componentConfigs: {
10
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
10
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
11
11
  default: () => {};
12
12
  };
13
13
  componentInit: FunctionConstructor;
@@ -47,7 +47,7 @@ declare const DBiDesign: {
47
47
  }, import('vue').PublicProps, {
48
48
  components: Record<string, any>[];
49
49
  scale: number;
50
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
50
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
51
51
  imgUrlPrefix: string;
52
52
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
53
53
  contentRef: HTMLDivElement;
@@ -68,7 +68,7 @@ declare const DBiDesign: {
68
68
  default: () => never[];
69
69
  };
70
70
  componentConfigs: {
71
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
71
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
72
72
  default: () => {};
73
73
  };
74
74
  componentInit: FunctionConstructor;
@@ -106,7 +106,7 @@ declare const DBiDesign: {
106
106
  }, {}, {}, {}, {
107
107
  components: Record<string, any>[];
108
108
  scale: number;
109
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
109
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
110
110
  imgUrlPrefix: string;
111
111
  }>;
112
112
  __isFragment?: never;
@@ -118,7 +118,7 @@ declare const DBiDesign: {
118
118
  default: () => never[];
119
119
  };
120
120
  componentConfigs: {
121
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
121
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
122
122
  default: () => {};
123
123
  };
124
124
  componentInit: FunctionConstructor;
@@ -158,7 +158,7 @@ declare const DBiDesign: {
158
158
  }, string, {
159
159
  components: Record<string, any>[];
160
160
  scale: number;
161
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
161
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
162
162
  imgUrlPrefix: string;
163
163
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
164
164
  install: (app: import('vue').App) => void;
@@ -2,7 +2,6 @@ import { default as formDesignItem } from './src/formDesignItem.vue';
2
2
  import { Props as DFormDesignProps } from './src/formDesign.vue';
3
3
  declare const DFormDesign: {
4
4
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<DFormDesignProps> & Readonly<{}>, {
5
- setTables: (list: import('./src/interface').DbTable[]) => void;
6
5
  getSchema: () => {
7
6
  ver: string;
8
7
  form: Record<string, any>;
@@ -19,10 +18,9 @@ declare const DFormDesign: {
19
18
  flowComponents: Record<string, any>[];
20
19
  flowInit: Function;
21
20
  flowComponentConfigInit: Function;
22
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
21
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
23
22
  flowComponentConfigChange: Function;
24
- notBindTable: boolean;
25
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
23
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
26
24
  componentInit: Function;
27
25
  containerAddComponent: Function;
28
26
  componentConfigInit: Function;
@@ -33,57 +31,6 @@ declare const DFormDesign: {
33
31
  configRef: unknown;
34
32
  previewFormLayerRef: unknown;
35
33
  previewFormRef: unknown;
36
- importFormLayerRef: unknown;
37
- importComponentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
38
- componentList: {
39
- type: import('vue').PropType<Record<string, any>[]>;
40
- default: () => never[];
41
- };
42
- tableList: {
43
- type: import('vue').PropType<import('./src/interface').DbTable[]>;
44
- default: () => never[];
45
- };
46
- }>> & Readonly<{}>, {
47
- ok: () => {
48
- addList: any;
49
- table: any;
50
- containerId: any;
51
- isSubTable: any;
52
- };
53
- closed: () => void;
54
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
55
- componentList: Record<string, any>[];
56
- tableList: import('./src/interface').DbTable[];
57
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
58
- formRef: unknown;
59
- }, any, import('vue').ComponentProvideOptions, {
60
- P: {};
61
- B: {};
62
- D: {};
63
- C: {};
64
- M: {};
65
- Defaults: {};
66
- }, Readonly<import('vue').ExtractPropTypes<{
67
- componentList: {
68
- type: import('vue').PropType<Record<string, any>[]>;
69
- default: () => never[];
70
- };
71
- tableList: {
72
- type: import('vue').PropType<import('./src/interface').DbTable[]>;
73
- default: () => never[];
74
- };
75
- }>> & Readonly<{}>, {
76
- ok: () => {
77
- addList: any;
78
- table: any;
79
- containerId: any;
80
- isSubTable: any;
81
- };
82
- closed: () => void;
83
- }, {}, {}, {}, {
84
- componentList: Record<string, any>[];
85
- tableList: import('./src/interface').DbTable[];
86
- }> | null;
87
34
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
88
35
  P: {};
89
36
  B: {};
@@ -92,7 +39,6 @@ declare const DFormDesign: {
92
39
  M: {};
93
40
  Defaults: {};
94
41
  }, Readonly<DFormDesignProps> & Readonly<{}>, {
95
- setTables: (list: import('./src/interface').DbTable[]) => void;
96
42
  getSchema: () => {
97
43
  ver: string;
98
44
  form: Record<string, any>;
@@ -109,10 +55,9 @@ declare const DFormDesign: {
109
55
  flowComponents: Record<string, any>[];
110
56
  flowInit: Function;
111
57
  flowComponentConfigInit: Function;
112
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
58
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
113
59
  flowComponentConfigChange: Function;
114
- notBindTable: boolean;
115
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
60
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
116
61
  componentInit: Function;
117
62
  containerAddComponent: Function;
118
63
  componentConfigInit: Function;
@@ -123,7 +68,6 @@ declare const DFormDesign: {
123
68
  __isTeleport?: never;
124
69
  __isSuspense?: never;
125
70
  } & import('vue').ComponentOptionsBase<Readonly<DFormDesignProps> & Readonly<{}>, {
126
- setTables: (list: import('./src/interface').DbTable[]) => void;
127
71
  getSchema: () => {
128
72
  ver: string;
129
73
  form: Record<string, any>;
@@ -140,10 +84,9 @@ declare const DFormDesign: {
140
84
  flowComponents: Record<string, any>[];
141
85
  flowInit: Function;
142
86
  flowComponentConfigInit: Function;
143
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
87
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
144
88
  flowComponentConfigChange: Function;
145
- notBindTable: boolean;
146
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
89
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
147
90
  componentInit: Function;
148
91
  containerAddComponent: Function;
149
92
  componentConfigInit: Function;
@@ -1,7 +1,6 @@
1
- import { DbTable, FormDeisgnSaveComponent, FormDesignComponents } from './interface';
1
+ import { FormDeisgnSaveComponent, FormDesignComponents } from './interface';
2
2
  import { FormSchemaConfig } from '../../../components/index.ts';
3
3
  export interface Props {
4
- notBindTable?: boolean;
5
4
  components?: FormDesignComponents[];
6
5
  componentConfigs?: Record<string, FormSchemaConfig[]>;
7
6
  componentInit?: Function;
@@ -32,7 +31,6 @@ export interface Props {
32
31
  actions?: Record<string, any>;
33
32
  }
34
33
  declare const _default: import('vue').DefineComponent<Props, {
35
- setTables: (list: DbTable[]) => void;
36
34
  getSchema: () => {
37
35
  ver: string;
38
36
  form: Record<string, any>;
@@ -51,7 +49,6 @@ declare const _default: import('vue').DefineComponent<Props, {
51
49
  flowComponentConfigInit: Function;
52
50
  flowComponentConfigs: Record<string, FormSchemaConfig[]>;
53
51
  flowComponentConfigChange: Function;
54
- notBindTable: boolean;
55
52
  componentConfigs: Record<string, FormSchemaConfig[]>;
56
53
  componentInit: Function;
57
54
  containerAddComponent: Function;
@@ -63,56 +60,5 @@ declare const _default: import('vue').DefineComponent<Props, {
63
60
  configRef: unknown;
64
61
  previewFormLayerRef: unknown;
65
62
  previewFormRef: unknown;
66
- importFormLayerRef: unknown;
67
- importComponentRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
68
- componentList: {
69
- type: import('vue').PropType<Record<string, any>[]>;
70
- default: () => never[];
71
- };
72
- tableList: {
73
- type: import('vue').PropType<DbTable[]>;
74
- default: () => never[];
75
- };
76
- }>> & Readonly<{}>, {
77
- ok: () => {
78
- addList: any;
79
- table: any;
80
- containerId: any;
81
- isSubTable: any;
82
- };
83
- closed: () => void;
84
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
85
- componentList: Record<string, any>[];
86
- tableList: DbTable[];
87
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
88
- formRef: unknown;
89
- }, any, import('vue').ComponentProvideOptions, {
90
- P: {};
91
- B: {};
92
- D: {};
93
- C: {};
94
- M: {};
95
- Defaults: {};
96
- }, Readonly<import('vue').ExtractPropTypes<{
97
- componentList: {
98
- type: import('vue').PropType<Record<string, any>[]>;
99
- default: () => never[];
100
- };
101
- tableList: {
102
- type: import('vue').PropType<DbTable[]>;
103
- default: () => never[];
104
- };
105
- }>> & Readonly<{}>, {
106
- ok: () => {
107
- addList: any;
108
- table: any;
109
- containerId: any;
110
- isSubTable: any;
111
- };
112
- closed: () => void;
113
- }, {}, {}, {}, {
114
- componentList: Record<string, any>[];
115
- tableList: DbTable[];
116
- }> | null;
117
63
  }, HTMLDivElement>;
118
64
  export default _default;
@@ -74,50 +74,6 @@ export interface FormDesignComponent {
74
74
  */
75
75
  fieldLen?: number;
76
76
  }
77
- export interface DbTable {
78
- /**
79
- * @zh id
80
- */
81
- id: string;
82
- /**
83
- * @zh 名称
84
- */
85
- name: string;
86
- /**
87
- * @zh 说明
88
- */
89
- comment: string;
90
- /**
91
- * @zh 列
92
- */
93
- columns: DbTableColumn[];
94
- }
95
- export interface DbTableColumn {
96
- /**
97
- * @zh 名称
98
- */
99
- name: string;
100
- /**
101
- * @zh 类型
102
- */
103
- csType: string;
104
- /**
105
- * @zh 是否自增
106
- */
107
- isIdentity: boolean;
108
- /**
109
- * @zh 是否是主键
110
- */
111
- isPrimary: boolean;
112
- /**
113
- * @zh 是否为空
114
- */
115
- isNullable: boolean;
116
- /**
117
- * @zh 说明
118
- */
119
- coment: string;
120
- }
121
77
  /**
122
78
  * @zh 组件保存数据格式
123
79
  */
@@ -6,7 +6,7 @@ declare const DIndexDesign: {
6
6
  default: () => never[];
7
7
  };
8
8
  componentConfigs: {
9
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
9
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
10
10
  default: () => {};
11
11
  };
12
12
  componentInit: FunctionConstructor;
@@ -21,7 +21,7 @@ declare const DIndexDesign: {
21
21
  flowComponentConfigInit: FunctionConstructor;
22
22
  flowComponentConfigChange: FunctionConstructor;
23
23
  flowComponentConfigs: {
24
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
24
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
25
25
  default: () => {};
26
26
  };
27
27
  actions: {
@@ -40,9 +40,9 @@ declare const DIndexDesign: {
40
40
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
41
41
  components: import('./src/interface').IndexDesignComponents[];
42
42
  flowComponents: Record<string, any>[];
43
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
43
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
44
44
  actions: Record<string, any>;
45
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
45
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
46
46
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
47
47
  dragContainer: unknown;
48
48
  configRef: unknown;
@@ -61,7 +61,7 @@ declare const DIndexDesign: {
61
61
  default: () => never[];
62
62
  };
63
63
  componentConfigs: {
64
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
64
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
65
65
  default: () => {};
66
66
  };
67
67
  componentInit: FunctionConstructor;
@@ -76,7 +76,7 @@ declare const DIndexDesign: {
76
76
  flowComponentConfigInit: FunctionConstructor;
77
77
  flowComponentConfigChange: FunctionConstructor;
78
78
  flowComponentConfigs: {
79
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
79
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
80
80
  default: () => {};
81
81
  };
82
82
  actions: {
@@ -95,9 +95,9 @@ declare const DIndexDesign: {
95
95
  }, {}, {}, {}, {
96
96
  components: import('./src/interface').IndexDesignComponents[];
97
97
  flowComponents: Record<string, any>[];
98
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
98
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
99
99
  actions: Record<string, any>;
100
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
100
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
101
101
  }>;
102
102
  __isFragment?: never;
103
103
  __isTeleport?: never;
@@ -108,7 +108,7 @@ declare const DIndexDesign: {
108
108
  default: () => never[];
109
109
  };
110
110
  componentConfigs: {
111
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
111
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
112
112
  default: () => {};
113
113
  };
114
114
  componentInit: FunctionConstructor;
@@ -123,7 +123,7 @@ declare const DIndexDesign: {
123
123
  flowComponentConfigInit: FunctionConstructor;
124
124
  flowComponentConfigChange: FunctionConstructor;
125
125
  flowComponentConfigs: {
126
- type: import('vue').PropType<Record<string, import('../../components/index.ts').FormSchemaConfig[]>>;
126
+ type: import('vue').PropType<Record<string, import('../../components').FormSchemaConfig[]>>;
127
127
  default: () => {};
128
128
  };
129
129
  actions: {
@@ -142,9 +142,9 @@ declare const DIndexDesign: {
142
142
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
143
143
  components: import('./src/interface').IndexDesignComponents[];
144
144
  flowComponents: Record<string, any>[];
145
- flowComponentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
145
+ flowComponentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
146
146
  actions: Record<string, any>;
147
- componentConfigs: Record<string, import('../../components/index.ts').FormSchemaConfig[]>;
147
+ componentConfigs: Record<string, import('../../components').FormSchemaConfig[]>;
148
148
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
149
149
  install: (app: import('vue').App) => void;
150
150
  };
@@ -1,4 +1,5 @@
1
1
  import { DesignComponent } from '../../drag/src/interface';
2
+ import { SchemaConfig } from '../../../components/index.ts';
2
3
  import { IndexDeisgnSaveComponent, IndexDesignComponent } from './interface';
3
4
  export declare const toIndexSaveSchema: (indexPageConfig: Record<string, any>, componentList: DesignComponent[]) => {
4
5
  ver: string;
package/dist/dui.css CHANGED
@@ -1,2 +1,2 @@
1
- .d-drag-move{background-color:var(--j-color-primary);z-index:2147483647;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:move;opacity:.6;border-radius:4px;width:64px;height:24px;font-size:12px;line-height:24px;position:fixed;overflow:hidden}.d-drag-component,.d-drag-container,.d-drag-body{-webkit-user-select:none;user-select:none;position:relative}.d-drag-container:after{display:none}.d-drag-container:after,.d-drag-component:after{content:" ";pointer-events:none;border:1px dashed var(--j-color-border);box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-container.isTopActive>.d-drag-line,.d-drag-component.isTopActive>.d-drag-line,.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{content:" ";pointer-events:none;z-index:100;border-top:3px solid var(--j-color-primary);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{border-top:0;border-bottom:3px solid var(--j-color-primary)}.d-drag-container.active:before,.d-drag-component.active:before{content:" ";pointer-events:none;z-index:99;background-color:var(--j-color-primary);opacity:.1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container:not(.active).hovered:after,.d-drag-component:not(.active).hovered:after{border:1px dashed var(--j-color-primary);display:block}.d-drag-container:not(.active).selected:after,.d-drag-component:not(.active).selected:after{border:2px solid var(--j-color-primary);display:block}.d-drag-container:not(.active).selected>.d-drag-btns,.d-drag-component:not(.active).selected>.d-drag-btns{display:flex}.d-drag-container.isMoveingInTopLevel .d-drag-container:after,.d-drag-container.isMoveingInTopLevel .d-drag-component:after,.d-drag-container.isMoveingInTopLevel .d-drag-container .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-component .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-btns,.d-drag-container.isMoveingInTopLevel:after{display:none!important}.d-drag-btns{z-index:100;display:none;position:absolute;right:0}.d-drag-btns-pname{padding-top:4px;display:none;position:absolute;top:20px;left:0}.d-drag-btns-pname .d-drag-btn{margin-bottom:4px}.d-drag-btns-pname:hover,.d-drag-btns-names:hover .d-drag-btns-pname{display:block}.d-drag-container.isBottomToolBar>.d-drag-btns,.d-drag-component.isBottomToolBar>.d-drag-btns{bottom:-24px}.d-drag-container:not(.isBottomToolBar)>.d-drag-btns,.d-drag-component:not(.isBottomToolBar)>.d-drag-btns{top:-24px}.d-drag-container.isTopLevel>.d-drag-btns{padding-right:4px;top:4px}.d-drag-btn{padding:0 4px!important}.d-drag-mask{z-index:98;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-tool{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.d-flow-node-menus{background-color:var(--j-color-bg-container);border-radius:8px;width:160px;padding:4px;box-shadow:0 2px 8px #00000026}.d-flow-node-menus-item{cursor:pointer;border-radius:8px;align-items:center;width:100%;height:40px;padding:0 8px;display:flex}.d-flow-node-menus-item:hover{background-color:var(--j-color-hover)}.d-flow-node-menus-item-name{color:var(--j-color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-node-menus-item-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step{background-color:var(--j-color-bg-container);border:1px solid #0000;border-radius:8px;align-items:center;width:172px;height:40px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.d-flow-step-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-step-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step-handle-plus{pointer-events:all;cursor:pointer;color:var(--j-color-primary);display:none}.d-flow-step-target-handle,.d-flow-step-source-handle{background-color:#0000!important;border:0!important;border-radius:0!important;width:2px!important;min-width:2px!important;height:8px!important}.d-flow-step-target-handle:after,.d-flow-step-source-handle:after{content:" ";background-color:var(--j-color-primary);width:2px;height:8px;margin-top:-4px;margin-left:-1px;display:block;position:absolute;top:50%;left:50%}.d-flow-step-popper{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.d-flow-step-tooltip{background:var(--j-color-bg-container)!important;border:0!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown{background:var(--j-color-bg-container)!important;border:0!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown .el-dropdown-menu{background:var(--j-color-bg-container)!important;border-radius:8px!important}.d-flow-step-dropdown .el-dropdown-menu__item{color:var(--j-color-danger)}.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):focus,.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--j-color-hover);color:var(--j-color-danger-hover)}.vue-flow__node.selected .d-flow-step{border-color:var(--j-color-primary)}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node.selected .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node.selected .d-flow-step-source-handle:after{display:none!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node.selected .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node:hover .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node:hover .d-flow-step-source-handle:after{display:none!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node:hover .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle{width:16px!important;height:16px!important}.d-flow-edge-button{cursor:pointer;width:16px;height:16px;color:var(--j-color-primary);background-color:#fff;border-radius:100%}.d-flow-edge-button:hover{display:block!important}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.d-flow-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex}.d-flow-design-canvas{flex:1;width:0;min-width:0}.d-flow-design-right{background-color:var(--j-color-bg-container);border-left:1px solid var(--j-color-border);flex-direction:column;width:320px;height:100%;transition:all .3s;display:flex;position:relative}.d-flow-design-title{border-bottom:1px solid var(--j-color-border);align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden}.d-flow-design-title-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-design-title-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:var(--j-color-primary)!important}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0;left:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"%23666\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 20 20\"><path d=\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.d-layout{background-color:var(--j-color-bg);width:100%;height:100%}.d-layout .d-layout-item{background-color:var(--j-color-bg-container);border:1px solid var(--j-color-border);box-sizing:border-box;border-radius:4px;padding:8px}.d-layout .d-layout-item:hover{border-color:var(--j-color-primary)}.d-layout .d-layout-item.ui-draggable-dragging{opacity:.8;z-index:1000}.d-layout .d-layout-item.ui-resizable-resizing{opacity:.8}.d-draggable{cursor:move;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:initial;border:1px dashed #0000;padding:8px;position:absolute}.d-draggable__mask{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.d-draggable--active{cursor:move;border:1px dashed var(--j-color-primary);background-color:var(--j-color-primary-bg)}.d-draggable--pt{border:1px dashed var(--j-color-border);padding:0!important}.d-draggable--active.d-draggable--pt{background-color:#0000;border:1px dashed #0000}.d-draggable--move{opacity:.6;background-color:var(--j-color-primary-bg)}.d-draggable--click{cursor:pointer}.d-draggable__line--left{border-top:1px dashed var(--j-color-primary);width:10000px;height:0;position:absolute;top:-1px;transform:translate(-100%)}.d-draggable__line--top{border-left:1px dashed var(--j-color-primary);width:0;height:10000px;position:absolute;left:-1px;transform:translateY(-100%)}.d-draggable__line--label{color:var(--j-color-primary);white-space:nowrap;cursor:move;padding:5px;font-size:16px;position:absolute;top:-8px;left:-8px;transform:translate(-100%,-100%)}.d-draggable__range{z-index:9999;background-color:var(--j-color-primary);border-radius:100%;width:10px;height:10px;position:absolute}.d-draggable__range--left,.d-draggable__range--right{top:50%;transform:translateY(-50%)}.d-draggable__range--left:hover,.d-draggable__range--right:hover{cursor:ew-resize}.d-draggable__range--left{left:-5px}.d-draggable__range--right{right:-5px}.d-draggable__range--top,.d-draggable__range--bottom{left:50%;transform:translate(-50%)}.d-draggable__range--top:hover,.d-draggable__range--bottom:hover{cursor:ns-resize}.d-draggable__range--top{top:-5px}.d-draggable__range--bottom{bottom:-5px}.d-draggable__range--bottom-right:hover,.d-draggable__range--top-left:hover{cursor:nwse-resize}.d-draggable__range--bottom-left:hover,.d-draggable__range--top-right:hover{cursor:nesw-resize}.d-draggable__range--top-right{top:-5px;right:-5px}.d-draggable__range--top-left{top:-5px;left:-5px}.d-draggable__range--bottom-right{bottom:-5px;right:-5px}.d-draggable__range--bottom-left{bottom:-5px;left:-5px}.d-form-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-form-design-left,.d-form-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.d-form-design-left .el-collapse,.d-form-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-form-design-left .el-collapse-item__header,.d-form-design-right .el-collapse-item__header{padding-left:8px}.d-form-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{padding:0 5px;position:relative}.d-form-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-left .d-form-design-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-form-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-form-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-form-design-left .j-component-tool-name{color:var(--j-color-text)}.d-form-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-form-design-left .j-component-tool:hover .j-component-tool-icon,.d-form-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-form-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-form-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:8px 16px 0}.d-form-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-right .d-form-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-form-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-form-design .d-form-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-form-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-form-design-center .d-form-design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);gap:8px;padding:8px 16px;display:flex}.d-form-design-center .d-form-design-toolbar .j-button{font-size:12px}.d-form-design-center .d-form-design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-form-design-center .d-form-design-container .d-form-design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-form-design-center .d-form-design-container .d-form-design-drag-container>.d-drag-body{flex:1;width:100%}.d-form-design-center .d-form-design-container .d-form-design-empty{height:200px;color:var(--j-color-text-3);justify-content:center;align-items:center;font-size:14px;display:flex}.d-index-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-index-design-left,.d-index-design-right{background-color:var(--j-color-bg-container);flex-direction:column;height:100%;display:flex;position:relative}.d-index-design-left .el-collapse,.d-index-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-index-design-left .el-collapse-item__header,.d-index-design-right .el-collapse-item__header{padding-left:8px}.d-index-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{padding:0 5px;position:relative}.d-index-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-left .j-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-index-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design-left .j-component-tool-name{color:var(--j-color-text)}.d-index-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design-left .j-component-tool:hover .j-component-tool-icon,.d-index-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-index-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:8px 16px 0}.d-index-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-right .d-index-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-index-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-index-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-index-design-center .design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.d-index-design-center .design-toolbar .j-button{font-size:12px}.d-index-design-center .design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-index-design-center .design-container .design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-index-design-center .design-container .design-drag-container>.d-drag-body{flex:1;width:100%}.d-index-design-center .design-container .design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-index-design-center .design-container .design-empty .el-empty__description p{font-size:12px}.d-index-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design .j-component-tool-name{color:var(--j-color-text)}.d-index-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design .j-component-tool:hover .j-component-tool-icon,.d-index-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.line[data-v-074b3d94]{pointer-events:auto;position:absolute}.line .action[data-v-074b3d94]{justify-content:center;align-items:center;display:flex;position:absolute}.line .value[data-v-074b3d94]{pointer-events:none;transform:scale(.83)}.line .del[data-v-074b3d94]{cursor:pointer;visibility:hidden;padding:3px 5px}.line:hover .del[data-v-074b3d94]{visibility:visible}.line[data-v-5cc064d4],.h-container[data-v-5cc064d4],.v-container[data-v-5cc064d4]{position:absolute}.h-container .lines[data-v-5cc064d4],.v-container .lines[data-v-5cc064d4]{pointer-events:none}.h-container:hover .lines[data-v-5cc064d4],.v-container:hover .lines[data-v-5cc064d4]{pointer-events:auto}.h-container[data-v-5cc064d4]{top:0}.h-container .line[data-v-5cc064d4]{height:100vh;padding-left:5px;top:0}.h-container .line .action[data-v-5cc064d4]{transform:translate(-24px)}.h-container .line .action .value[data-v-5cc064d4]{margin-left:4px}.h-container .indicator[data-v-5cc064d4]{height:100vw;top:0}.h-container .indicator .value[data-v-5cc064d4]{width:auto;margin-top:4px;margin-left:4px;padding:0 2px}.v-container[data-v-5cc064d4]{left:0}.v-container .line[data-v-5cc064d4]{width:100vw;padding-top:5px;left:0}.v-container .line .action[data-v-5cc064d4]{flex-direction:column;transform:translateY(-24px)}.v-container .line .action .value[data-v-5cc064d4]{margin-top:4px}.v-container .indicator[data-v-5cc064d4]{width:100vw}.v-container .indicator .value[data-v-5cc064d4]{transform-origin:0 0;width:auto;margin-top:-5px;margin-left:2px;padding:0 2px;left:0;transform:rotate(-90deg)}.style-ruler{z-index:3;pointer-events:none;width:100%;height:100%;font-size:12px;position:absolute;overflow:hidden}.style-ruler span{line-height:1}.corner{pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.indicator{pointer-events:none;position:absolute}.indicator .value{background:#fff;position:absolute}.ruler{pointer-events:auto;width:100%;height:100%}.j-bi-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex;position:relative}.j-bi-design-left,.j-bi-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:48px;height:100%;display:flex;position:relative}.j-bi-design-mid{flex:1;width:0;height:100%;transition:all .3s;position:relative}.j-bi-design-main{background-size:15px 15px,15px 15px;background-image:linear-gradient(var(--j-color-bg) 14px, transparent 0), linear-gradient(90deg, transparent 14px, var(--j-color-primary-hover) 0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.j-bi-design-main::-webkit-scrollbar{background-color:#0000;width:0;height:0}.j-bi-design-main .screen-container{position:relative}.j-bi-design-main .canvas{position:absolute;top:50%;left:50%}.j-bi-design-right{border-left:1px solid var(--j-color-border);width:320px;transition:all .3s}.j-bi-design-right .ant-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.j-bi-design-right .ant-collapse>.ant-collapse-item:last-child,.j-bi-design-right .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0!important}.j-bi-design-right .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:8px 8px 0}.j-bi-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.j-bi-design-left{border-right:1px solid var(--j-color-border)}.j-bi-design-left .el-divider--horizontal{margin:0}.j-bi-design-left .component-item{cursor:pointer;width:100%;height:48px;color:var(--j-color-text);flex-direction:column;justify-content:center;align-items:center;font-size:12px;transition:transform .1s;display:flex}.j-bi-design-left .component-item.active{color:var(--j-color-primary)}.j-bi-design-left .component-item:hover{z-index:1;color:var(--j-color-text-2);box-shadow:0 0 10px #0000001a}.j-bi-design-left .ant-divider-horizontal{margin:0}.j-bi-design-left2{border-right:1px solid var(--j-color-border);background-color:var(--j-color-bg-container);flex-direction:column;width:201px;height:100%;padding:4px;display:flex;position:relative;overflow:auto}.j-bi-design-left2 .component-item2{background-color:var(--j-color-bg);cursor:pointer;border-radius:4px;width:184px;height:158px;margin:4px;padding:32px 16px 0;position:relative}.j-bi-design-left2 .component-item2-text{width:100%;padding-left:8px;position:absolute;top:8px;left:0}.j-bi-design-left2 .component-item2-img{width:100%}.j-bi-design-left2 .search-input-wraper{width:100%;position:absolute;top:0;left:0}.j-bi-design-layer-item{cursor:pointer;border-radius:2px;align-items:center;height:40px;padding:0 4px;display:flex;position:relative}.j-bi-design-layer-item-img{border-radius:2px;height:32px;margin-right:2px;overflow:hidden}.j-bi-design-layer-item-btns{z-index:1;align-items:center;height:40px;padding-right:2px;display:flex;position:absolute;top:0;right:0}.j-bi-design-layer-item-btn{display:none}.j-bi-design-layer-item-btn.active{display:block}.j-bi-design-layer-item:hover{background-color:var(--j-color-bg)}.j-bi-design-layer-item:hover .j-bi-design-layer-item-btn{display:block}.j-bi-design-layer-item.active{color:var(--j-color-primary);background-color:var(--j-color-primary-bg)!important}.j-bi-design-title{border-bottom:1px solid var(--j-color-border);justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 8px;display:flex;position:relative;overflow:hidden}.j-bi-design .mask{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.j-bi-design-contentmenu{z-index:1024;background-color:var(--j-color-bg-container);width:120px;box-shadow:var(--el-box-shadow-light);padding:4px;position:fixed;overflow:hidden}.j-bi-design-contentmenu .item{color:var(--j-color-text);cursor:pointer;padding:4px 8px;font-size:14px}.j-bi-design-contentmenu .item:hover{color:var(--j-color-primary)}
1
+ .d-drag-move{background-color:var(--j-color-primary);z-index:2147483647;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:move;opacity:.6;border-radius:4px;width:64px;height:24px;font-size:12px;line-height:24px;position:fixed;overflow:hidden}.d-drag-component,.d-drag-container,.d-drag-body{-webkit-user-select:none;user-select:none;position:relative}.d-drag-container:after{display:none}.d-drag-container:after,.d-drag-component:after{content:" ";pointer-events:none;border:1px dashed var(--j-color-border);box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-container.isTopActive>.d-drag-line,.d-drag-component.isTopActive>.d-drag-line,.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{content:" ";pointer-events:none;z-index:100;border-top:3px solid var(--j-color-primary);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container.isBottomActive>.d-drag-line,.d-drag-component.isBottomActive>.d-drag-line{border-top:0;border-bottom:3px solid var(--j-color-primary)}.d-drag-container.active:before,.d-drag-component.active:before{content:" ";pointer-events:none;z-index:99;background-color:var(--j-color-primary);opacity:.1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.d-drag-container:not(.active).hovered:after,.d-drag-component:not(.active).hovered:after{border:1px dashed var(--j-color-primary);display:block}.d-drag-container:not(.active).selected:after,.d-drag-component:not(.active).selected:after{border:2px solid var(--j-color-primary);display:block}.d-drag-container:not(.active).selected>.d-drag-btns,.d-drag-component:not(.active).selected>.d-drag-btns{display:flex}.d-drag-container.isMoveingInTopLevel .d-drag-container:after,.d-drag-container.isMoveingInTopLevel .d-drag-component:after,.d-drag-container.isMoveingInTopLevel .d-drag-container .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-component .d-drag-btns,.d-drag-container.isMoveingInTopLevel .d-drag-btns,.d-drag-container.isMoveingInTopLevel:after{display:none!important}.d-drag-btns{z-index:100;display:none;position:absolute;right:0}.d-drag-btns-pname{padding-top:4px;display:none;position:absolute;top:20px;left:0}.d-drag-btns-pname .d-drag-btn{margin-bottom:4px}.d-drag-btns-pname:hover,.d-drag-btns-names:hover .d-drag-btns-pname{display:block}.d-drag-container.isBottomToolBar>.d-drag-btns,.d-drag-component.isBottomToolBar>.d-drag-btns{bottom:-24px}.d-drag-container:not(.isBottomToolBar)>.d-drag-btns,.d-drag-component:not(.isBottomToolBar)>.d-drag-btns{top:-24px}.d-drag-container.isTopLevel>.d-drag-btns{padding-right:4px;top:4px}.d-drag-btn{padding:0 4px!important}.d-drag-mask{z-index:98;width:100%;height:100%;position:absolute;top:0;left:0}.d-drag-tool{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.d-flow-node-menus{background-color:var(--j-color-bg-container);border-radius:8px;width:160px;padding:4px;box-shadow:0 2px 8px #00000026}.d-flow-node-menus-item{cursor:pointer;border-radius:8px;align-items:center;width:100%;height:40px;padding:0 8px;display:flex}.d-flow-node-menus-item:hover{background-color:var(--j-color-hover)}.d-flow-node-menus-item-name{color:var(--j-color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-node-menus-item-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step{background-color:var(--j-color-bg-container);border:1px solid #0000;border-radius:8px;align-items:center;width:172px;height:40px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.d-flow-step-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-step-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-step-handle-plus{pointer-events:all;cursor:pointer;color:var(--j-color-primary);display:none}.d-flow-step-target-handle,.d-flow-step-source-handle{background-color:#0000!important;border:0!important;border-radius:0!important;width:2px!important;min-width:2px!important;height:8px!important}.d-flow-step-target-handle:after,.d-flow-step-source-handle:after{content:" ";background-color:var(--j-color-primary);width:2px;height:8px;margin-top:-4px;margin-left:-1px;display:block;position:absolute;top:50%;left:50%}.d-flow-step-popper{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.d-flow-step-tooltip{background:var(--j-color-bg-container)!important;border:0!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown{background:var(--j-color-bg-container)!important;border:0!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.d-flow-step-dropdown .el-dropdown-menu{background:var(--j-color-bg-container)!important;border-radius:8px!important}.d-flow-step-dropdown .el-dropdown-menu__item{color:var(--j-color-danger)}.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):focus,.d-flow-step-dropdown .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--j-color-hover);color:var(--j-color-danger-hover)}.vue-flow__node.selected .d-flow-step{border-color:var(--j-color-primary)}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node.selected .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node.selected .d-flow-step-source-handle:after{display:none!important}.vue-flow__node.selected .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node.selected .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd),.vue-flow__node:hover .d-flow-step-source-handle{background-color:#fff!important;border-radius:100%!important;width:16px!important;height:16px!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd):after,.vue-flow__node:hover .d-flow-step-source-handle:after{display:none!important}.vue-flow__node:hover .d-flow-step-target-handle:not(.d-flow-step-target-handle-notadd) .d-flow-step-handle-plus,.vue-flow__node:hover .d-flow-step-source-handle .d-flow-step-handle-plus{display:block!important}.vue-flow__node:hover .d-flow-step-target-handle{width:16px!important;height:16px!important}.d-flow-edge-button{cursor:pointer;width:16px;height:16px;color:var(--j-color-primary);background-color:#fff;border-radius:100%}.d-flow-edge-button:hover{display:block!important}.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.d-flow-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex}.d-flow-design-canvas{flex:1;width:0;min-width:0}.d-flow-design-right{background-color:var(--j-color-bg-container);border-left:1px solid var(--j-color-border);flex-direction:column;width:320px;height:100%;transition:all .3s;display:flex;position:relative}.d-flow-design-title{border-bottom:1px solid var(--j-color-border);align-items:center;width:100%;height:40px;display:flex;position:relative;overflow:hidden}.d-flow-design-title-name{color:var(--j-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.d-flow-design-title-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 8px;display:flex;box-shadow:0 2px 4px #0000001a}.d-flow-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:var(--j-color-primary)!important}.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;width:auto;margin:0;position:absolute;z-index:0!important}.grid-stack>.grid-stack-item{width:var(--gs-column-width);height:var(--gs-cell-height);padding:0;position:absolute;top:0;left:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{width:auto;margin:0;position:absolute;overflow:hidden auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{-ms-touch-action:none;touch-action:none;font-size:.1px;display:block;position:absolute}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"%23666\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 20 20\"><path d=\"m10 3 2 2H8l2-2v14l-2-2h4l-2 2\"/></svg>");background-position:50%;background-repeat:no-repeat}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{opacity:.8;box-shadow:1px 4px 6px #0003}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left,top,height,width}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.d-layout{background-color:var(--j-color-bg);width:100%;height:100%}.d-layout .d-layout-item{background-color:var(--j-color-bg-container);border:1px solid var(--j-color-border);box-sizing:border-box;border-radius:4px;padding:8px}.d-layout .d-layout-item:hover{border-color:var(--j-color-primary)}.d-layout .d-layout-item.ui-draggable-dragging{opacity:.8;z-index:1000}.d-layout .d-layout-item.ui-resizable-resizing{opacity:.8}.d-draggable{cursor:move;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:initial;border:1px dashed #0000;padding:8px;position:absolute}.d-draggable__mask{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.d-draggable--active{cursor:move;border:1px dashed var(--j-color-primary);background-color:var(--j-color-primary-bg)}.d-draggable--pt{border:1px dashed var(--j-color-border);padding:0!important}.d-draggable--active.d-draggable--pt{background-color:#0000;border:1px dashed #0000}.d-draggable--move{opacity:.6;background-color:var(--j-color-primary-bg)}.d-draggable--click{cursor:pointer}.d-draggable__line--left{border-top:1px dashed var(--j-color-primary);width:10000px;height:0;position:absolute;top:-1px;transform:translate(-100%)}.d-draggable__line--top{border-left:1px dashed var(--j-color-primary);width:0;height:10000px;position:absolute;left:-1px;transform:translateY(-100%)}.d-draggable__line--label{color:var(--j-color-primary);white-space:nowrap;cursor:move;padding:5px;font-size:16px;position:absolute;top:-8px;left:-8px;transform:translate(-100%,-100%)}.d-draggable__range{z-index:9999;background-color:var(--j-color-primary);border-radius:100%;width:10px;height:10px;position:absolute}.d-draggable__range--left,.d-draggable__range--right{top:50%;transform:translateY(-50%)}.d-draggable__range--left:hover,.d-draggable__range--right:hover{cursor:ew-resize}.d-draggable__range--left{left:-5px}.d-draggable__range--right{right:-5px}.d-draggable__range--top,.d-draggable__range--bottom{left:50%;transform:translate(-50%)}.d-draggable__range--top:hover,.d-draggable__range--bottom:hover{cursor:ns-resize}.d-draggable__range--top{top:-5px}.d-draggable__range--bottom{bottom:-5px}.d-draggable__range--bottom-right:hover,.d-draggable__range--top-left:hover{cursor:nwse-resize}.d-draggable__range--bottom-left:hover,.d-draggable__range--top-right:hover{cursor:nesw-resize}.d-draggable__range--top-right{top:-5px;right:-5px}.d-draggable__range--top-left{top:-5px;left:-5px}.d-draggable__range--bottom-right{bottom:-5px;right:-5px}.d-draggable__range--bottom-left{bottom:-5px;left:-5px}.d-form-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-form-design-left,.d-form-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:260px;height:100%;display:flex;position:relative}.d-form-design-left .el-collapse,.d-form-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-form-design-left .el-collapse-item__header,.d-form-design-right .el-collapse-item__header{padding-left:8px}.d-form-design-left .el-form-item--small,.d-form-design-right .el-form-item--small{margin-bottom:4px}.d-form-design-left .el-form-item--label-top .el-form-item__label,.d-form-design-right .el-form-item--label-top .el-form-item__label{margin-bottom:2px}.d-form-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-form-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{padding:0 5px;position:relative}.d-form-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-left .d-form-design-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-form-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-form-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-form-design-left .j-component-tool-name{color:var(--j-color-text)}.d-form-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-form-design-left .j-component-tool:hover .j-component-tool-icon,.d-form-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-form-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-form-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:8px 16px 0}.d-form-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-form-design-right .d-form-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-form-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-form-design .d-form-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.d-form-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-form-design-center .d-form-design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);gap:8px;padding:8px 16px;display:flex}.d-form-design-center .d-form-design-toolbar .j-button{font-size:12px}.d-form-design-center .d-form-design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-form-design-center .d-form-design-container .d-form-design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-form-design-center .d-form-design-container .d-form-design-drag-container>.d-drag-body{flex:1;width:100%}.d-form-design-center .d-form-design-container .d-form-design-empty{height:200px;color:var(--j-color-text-3);justify-content:center;align-items:center;font-size:14px;display:flex}.d-index-design{background-color:var(--j-color-bg);font-size:14px;display:flex}.d-index-design-left,.d-index-design-right{background-color:var(--j-color-bg-container);flex-direction:column;height:100%;display:flex;position:relative}.d-index-design-left .el-collapse,.d-index-design-right .el-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.d-index-design-left .el-collapse-item__header,.d-index-design-right .el-collapse-item__header{padding-left:8px}.d-index-design-left{border-right:1px solid var(--j-color-border);width:260px;display:flex}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.d-index-design-left .el-collapse .el-collapse-item__wrap>.el-collapse-item__content .d-drag-tool{padding:0 5px;position:relative}.d-index-design-left .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-left .j-component-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.d-index-design-left .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;font-size:12px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design-left .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design-left .j-component-tool-name{color:var(--j-color-text)}.d-index-design-left .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design-left .j-component-tool:hover .j-component-tool-icon,.d-index-design-left .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-right{border-left:1px solid var(--j-color-border);width:300px}.d-index-design-right .el-collapse .el-collapse-item__wrap>.el-collapse-item__content{padding:8px 16px 0}.d-index-design-right .el-collapse-item__title{font-size:13px;font-weight:700}.d-index-design-right .d-index-design-panel{flex:1;padding-bottom:8px;overflow-y:auto}.d-index-design-right .el-form-item--label-top .el-form-item__label{font-weight:700}.d-index-design-center{flex-direction:column;flex:1;display:flex;overflow:hidden}.d-index-design-center .design-toolbar{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.d-index-design-center .design-toolbar .j-button{font-size:12px}.d-index-design-center .design-container{background:var(--j-color-bg);flex:1;padding:8px;overflow-y:auto}.d-index-design-center .design-container .design-drag-container{background:var(--j-color-bg-container);flex-direction:column;min-height:100%;padding:8px;display:flex}.d-index-design-center .design-container .design-drag-container>.d-drag-body{flex:1;width:100%}.d-index-design-center .design-container .design-empty{color:var(--j-color-text-3);justify-content:center;align-items:center;display:flex;position:absolute}.d-index-design-center .design-container .design-empty .el-empty__description p{font-size:12px}.d-index-design .j-component-tool{border:1px solid var(--j-color-border);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:left;align-items:center;height:32px;transition:color .1s ease-out;display:flex;position:relative}.d-index-design .j-component-tool-icon{color:var(--color-text-tertiary);margin-left:8px;margin-right:6px}.d-index-design .j-component-tool-name{color:var(--j-color-text)}.d-index-design .j-component-tool:hover{z-index:1;border:1px dashed var(--j-color-primary);box-shadow:0 0 10px #0000001a}.d-index-design .j-component-tool:hover .j-component-tool-icon,.d-index-design .j-component-tool:hover .j-component-tool-name{color:var(--j-color-primary)}.d-index-design-panel-title{border-bottom:1px solid var(--j-color-border);background:var(--j-color-bg-container);align-items:center;height:45px;padding:0 16px;font-weight:500;display:flex}.line[data-v-074b3d94]{pointer-events:auto;position:absolute}.line .action[data-v-074b3d94]{justify-content:center;align-items:center;display:flex;position:absolute}.line .value[data-v-074b3d94]{pointer-events:none;transform:scale(.83)}.line .del[data-v-074b3d94]{cursor:pointer;visibility:hidden;padding:3px 5px}.line:hover .del[data-v-074b3d94]{visibility:visible}.line[data-v-5cc064d4],.h-container[data-v-5cc064d4],.v-container[data-v-5cc064d4]{position:absolute}.h-container .lines[data-v-5cc064d4],.v-container .lines[data-v-5cc064d4]{pointer-events:none}.h-container:hover .lines[data-v-5cc064d4],.v-container:hover .lines[data-v-5cc064d4]{pointer-events:auto}.h-container[data-v-5cc064d4]{top:0}.h-container .line[data-v-5cc064d4]{height:100vh;padding-left:5px;top:0}.h-container .line .action[data-v-5cc064d4]{transform:translate(-24px)}.h-container .line .action .value[data-v-5cc064d4]{margin-left:4px}.h-container .indicator[data-v-5cc064d4]{height:100vw;top:0}.h-container .indicator .value[data-v-5cc064d4]{width:auto;margin-top:4px;margin-left:4px;padding:0 2px}.v-container[data-v-5cc064d4]{left:0}.v-container .line[data-v-5cc064d4]{width:100vw;padding-top:5px;left:0}.v-container .line .action[data-v-5cc064d4]{flex-direction:column;transform:translateY(-24px)}.v-container .line .action .value[data-v-5cc064d4]{margin-top:4px}.v-container .indicator[data-v-5cc064d4]{width:100vw}.v-container .indicator .value[data-v-5cc064d4]{transform-origin:0 0;width:auto;margin-top:-5px;margin-left:2px;padding:0 2px;left:0;transform:rotate(-90deg)}.style-ruler{z-index:3;pointer-events:none;width:100%;height:100%;font-size:12px;position:absolute;overflow:hidden}.style-ruler span{line-height:1}.corner{pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.indicator{pointer-events:none;position:absolute}.indicator .value{background:#fff;position:absolute}.ruler{pointer-events:auto;width:100%;height:100%}.j-bi-design{background-color:var(--j-color-bg);width:100%;height:100%;display:flex;position:relative}.j-bi-design-left,.j-bi-design-right{background-color:var(--j-color-bg-container);flex-direction:column;width:48px;height:100%;display:flex;position:relative}.j-bi-design-mid{flex:1;width:0;height:100%;transition:all .3s;position:relative}.j-bi-design-main{background-size:15px 15px,15px 15px;background-image:linear-gradient(var(--j-color-bg) 14px, transparent 0), linear-gradient(90deg, transparent 14px, var(--j-color-primary-hover) 0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.j-bi-design-main::-webkit-scrollbar{background-color:#0000;width:0;height:0}.j-bi-design-main .screen-container{position:relative}.j-bi-design-main .canvas{position:absolute;top:50%;left:50%}.j-bi-design-right{border-left:1px solid var(--j-color-border);width:320px;transition:all .3s}.j-bi-design-right .ant-collapse{border-top:0;border-left:0;border-right:0;border-radius:0}.j-bi-design-right .ant-collapse>.ant-collapse-item:last-child,.j-bi-design-right .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0!important}.j-bi-design-right .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:8px 8px 0}.j-bi-design-panel{flex:1;width:100%;height:0;position:relative;overflow:hidden auto}.j-bi-design-left{border-right:1px solid var(--j-color-border)}.j-bi-design-left .el-divider--horizontal{margin:0}.j-bi-design-left .component-item{cursor:pointer;width:100%;height:48px;color:var(--j-color-text);flex-direction:column;justify-content:center;align-items:center;font-size:12px;transition:transform .1s;display:flex}.j-bi-design-left .component-item.active{color:var(--j-color-primary)}.j-bi-design-left .component-item:hover{z-index:1;color:var(--j-color-text-2);box-shadow:0 0 10px #0000001a}.j-bi-design-left .ant-divider-horizontal{margin:0}.j-bi-design-left2{border-right:1px solid var(--j-color-border);background-color:var(--j-color-bg-container);flex-direction:column;width:201px;height:100%;padding:4px;display:flex;position:relative;overflow:auto}.j-bi-design-left2 .component-item2{background-color:var(--j-color-bg);cursor:pointer;border-radius:4px;width:184px;height:158px;margin:4px;padding:32px 16px 0;position:relative}.j-bi-design-left2 .component-item2-text{width:100%;padding-left:8px;position:absolute;top:8px;left:0}.j-bi-design-left2 .component-item2-img{width:100%}.j-bi-design-left2 .search-input-wraper{width:100%;position:absolute;top:0;left:0}.j-bi-design-layer-item{cursor:pointer;border-radius:2px;align-items:center;height:40px;padding:0 4px;display:flex;position:relative}.j-bi-design-layer-item-img{border-radius:2px;height:32px;margin-right:2px;overflow:hidden}.j-bi-design-layer-item-btns{z-index:1;align-items:center;height:40px;padding-right:2px;display:flex;position:absolute;top:0;right:0}.j-bi-design-layer-item-btn{display:none}.j-bi-design-layer-item-btn.active{display:block}.j-bi-design-layer-item:hover{background-color:var(--j-color-bg)}.j-bi-design-layer-item:hover .j-bi-design-layer-item-btn{display:block}.j-bi-design-layer-item.active{color:var(--j-color-primary);background-color:var(--j-color-primary-bg)!important}.j-bi-design-title{border-bottom:1px solid var(--j-color-border);justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 8px;display:flex;position:relative;overflow:hidden}.j-bi-design .mask{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.j-bi-design-contentmenu{z-index:1024;background-color:var(--j-color-bg-container);width:120px;box-shadow:var(--el-box-shadow-light);padding:4px;position:fixed;overflow:hidden}.j-bi-design-contentmenu .item{color:var(--j-color-text);cursor:pointer;padding:4px 8px;font-size:14px}.j-bi-design-contentmenu .item:hover{color:var(--j-color-primary)}
2
2
  /*$vite$:1*/