田强 / qx-common · Commits

Commit 69376cdfa40dee575cb1499d9ffcfd9334a3244e

Authored by 陈洋
1 parent 858d938d

添加 禁用操作

Inline Side-by-side
Showing 3 changed files with 332 additions and 74 deletions
@@ -96,6 +96,13 @@ @@ -96,6 +96,13 @@
96 border: 1px solid #d9d9d9; 96 border: 1px solid #d9d9d9;
97 border-radius: 4px; 97 border-radius: 4px;
98 transition: all 0.3s; 98 transition: all 0.3s;
  99 + pointer-events: auto;
  100 + cursor: pointer;
  101 +
  102 + &.disabled {
  103 + pointer-events: none;
  104 + cursor: not-allowed;
  105 + }
99 106
100 &:hover { 107 &:hover {
101 border-color: @B8; 108 border-color: @B8;
@@ -18,59 +18,195 @@ import { QxFlowNodeFieldSelector } from '@qx/common'; @@ -18,59 +18,195 @@ import { QxFlowNodeFieldSelector } from '@qx/common';
18 import { Form } from 'antd'; 18 import { Form } from 'antd';
19 19
20 const node = { 20 const node = {
21 - id: 'dfc29d5b64fa42489a65b3cfaeb999da',  
22 - type: 'default_DF_CONDITION',  
23 - name: '条件',  
24 - iconColor: '#F77234',  
25 - data: {},  
26 - children: [],  
27 - previousId: 'b0a2c7925a7b45e884fe8f82a0f39e9b', 21 + "id": "cc98b10fd69f446ba32c7c76fd2c5dde",
  22 + "icon": "http://io.qgutech.com/qx-apaaspublic/data/qixiao/fs/upload/default/2023/09-20/compressed/6657769957328896/DF_DO_U/public/icons/logo.svg",
  23 + "type": "default_DF_DO_U",
  24 + "name": "更新记录",
  25 + "url": "http://io.qgutech.com/qx-apaaspublic/data/qixiao/fs/upload/default/2023/09-20/compressed/6657769957328896/DF_DO_U/index.js",
  26 + "data": {
  27 + "nodeVersion": "1.0.0-dev34"
  28 + },
  29 + "previousId": "40e5975ebf6b4afb9a9fe162d7f7227f",
  30 + "path": [
  31 + "1"
  32 + ],
  33 + "configuring": true
28 }; 34 };
29 35
30 const nodes = [ 36 const nodes = [
31 { 37 {
32 - id: '4c4fc5213db149808c57d093b15e6295',  
33 - name: '开始',  
34 - type: 'default_DF_START',  
35 - data: {  
36 - nodeVersion: '3.0.0',  
37 - data: {  
38 - enablePropagation: false,  
39 - propagation: 'REQUIRED',  
40 - isolation: 'REPEATABLE_READ', 38 + "id": "40e5975ebf6b4afb9a9fe162d7f7227f",
  39 + "name": "开始",
  40 + "type": "default_DF_START",
  41 + "data": {
  42 + "nodeVersion": "3.0.0",
  43 + "data": {
  44 + "enablePropagation": true,
  45 + "params": [
  46 + {
  47 + "id": "e039b23ff8294b158ac6b8ddc2ece8aa",
  48 + "code": "5ybpag",
  49 + "type": "STRING",
  50 + "title": "文本字段",
  51 + "qxProps": {
  52 + "min": "-1",
  53 + "max": "20"
  54 + },
  55 + "valueMapping": {
  56 + "mappingValues": [
  57 + "1111111111111"
  58 + ]
  59 + },
  60 + "valuesObj": [
  61 + {
  62 + "type": "MANUAL",
  63 + "value": "1111111111111"
  64 + }
  65 + ]
  66 + },
  67 + {
  68 + "id": "b0f72671bc474d0cb9ecb2609973f35d",
  69 + "code": "z0zbwx",
  70 + "type": "FORM",
  71 + "title": "表单参数",
  72 + "qxProps": {
  73 + "appId": "C9QUrtTmcmDkvHMoOKI",
  74 + "formId": "hhgYI0rGV78NEPbgIms",
  75 + "isTree": false
  76 + },
  77 + "description": "",
  78 + "valueMapping": {
  79 + "mappingValues": []
  80 + },
  81 + "valuesObj": []
  82 + },
  83 + {
  84 + "id": "82ab09325d3e4c328adfe33e17898b22",
  85 + "code": "p62xqq",
  86 + "type": "USER",
  87 + "title": "人员11",
  88 + "qxProps": {
  89 + "formId": "PbOC6xBYOvZ1IB2mwUc",
  90 + "appId": "eSnLZ42R2TA5Z18dNsJ",
  91 + "isTree": false
  92 + }
  93 + },
  94 + {
  95 + "id": "09a6780520964f5fa237ca0dbdb11b94",
  96 + "code": "ksq7se",
  97 + "type": "ORG",
  98 + "title": "部门11",
  99 + "qxProps": {
  100 + "formId": "UsoOGnrJLPziSQwGDwj",
  101 + "appId": "eSnLZ42R2TA5Z18dNsJ",
  102 + "isTree": true
  103 + }
  104 + },
  105 + {
  106 + "id": "098d551fbe1d40858c590edc78c543eb",
  107 + "code": "0nmura",
  108 + "type": "OBJECT",
  109 + "title": "对象一级",
  110 + "qxProps": {},
  111 + "pid": "",
  112 + "description": "",
  113 + "valueMapping": {
  114 + "mappingValues": []
  115 + },
  116 + "valuesObj": [],
  117 + "child": [
  118 + {
  119 + "id": "1bb1b69f3e3249048c77509eb8dc2d53",
  120 + "type": "ARRAY",
  121 + "pid": "098d551fbe1d40858c590edc78c543eb",
  122 + "code": "rypxuo",
  123 + "title": "数组二级",
  124 + "qxProps": {},
  125 + "description": "",
  126 + "valueMapping": {
  127 + "mappingValues": []
  128 + },
  129 + "valuesObj": [],
  130 + "child": [
  131 + {
  132 + "id": "87d01cd61fe24519b2865438c2bf60ed",
  133 + "type": "FORM",
  134 + "pid": "1bb1b69f3e3249048c77509eb8dc2d53",
  135 + "code": "gnmz55",
  136 + "title": "表单三级啦啦啦啦啦绿绿绿",
  137 + "qxProps": {
  138 + "appId": "C9QUrtTmcmDkvHMoOKI",
  139 + "formId": "2uJbERNkkDhRqLDjHeY",
  140 + "isTree": true
  141 + },
  142 + "description": "",
  143 + "valueMapping": {
  144 + "mappingValues": []
  145 + },
  146 + "valuesObj": []
  147 + }
  148 + ]
  149 + },
  150 + {
  151 + "id": "54b1d7156a1a4e62a4efe463c0ceebd3",
  152 + "type": "FORM",
  153 + "pid": "098d551fbe1d40858c590edc78c543eb",
  154 + "code": "uozzv4",
  155 + "title": "表单啦",
  156 + "qxProps": {
  157 + "appId": "C9QUrtTmcmDkvHMoOKI",
  158 + "formId": "wKYeK6md1mOuZm2ORxe",
  159 + "isTree": false
  160 + },
  161 + "description": "",
  162 + "valueMapping": {
  163 + "mappingValues": []
  164 + },
  165 + "valuesObj": []
  166 + }
  167 + ]
  168 + }
  169 + ],
  170 + "propagation": "REQUIRED",
  171 + "isolation": "REPEATABLE_READ"
41 }, 172 },
42 - result: [ 173 + "result": [
43 { 174 {
44 - id: '9911c21704ba4d8da8651185f441f9d3',  
45 - code: '5sfuiz',  
46 - type: 'OBJECT',  
47 - title: '5sfuiz',  
48 - qxProps: {},  
49 - pid: '',  
50 - description: '',  
51 - valueMapping: { mappingValues: [] },  
52 - valuesObj: [],  
53 - child: [ 175 + "id": "e039b23ff8294b158ac6b8ddc2ece8aa",
  176 + "code": "5ybpag",
  177 + "type": "STRING",
  178 + "title": "文本字段",
  179 + "qxProps": {
  180 + "min": "-1",
  181 + "max": "20"
  182 + },
  183 + "valueMapping": {
  184 + "mappingValues": [
  185 + "1111111111111"
  186 + ]
  187 + },
  188 + "valuesObj": [
54 { 189 {
55 - id: '022c007b4c304c58850ed592ef5c1774',  
56 - type: 'STRING',  
57 - pid: '9911c21704ba4d8da8651185f441f9d3',  
58 - code: 'gcc8qd',  
59 - title: 'gcc8qd',  
60 - },  
61 - ], 190 + "type": "MANUAL",
  191 + "value": "1111111111111"
  192 + }
  193 + ]
62 }, 194 },
63 { 195 {
64 - id: '6289083b52474567aba6d3f5fe9eda90',  
65 - code: '3coizb',  
66 - type: 'FORM',  
67 - title: '3coizb',  
68 - qxProps: {  
69 - appId: 'HQIXKC0dxbuYENalZzP',  
70 - formId: 'VX1TdanWSgYrKYn3vT8',  
71 - isTree: false, 196 + "id": "b0f72671bc474d0cb9ecb2609973f35d",
  197 + "code": "z0zbwx",
  198 + "type": "FORM",
  199 + "title": "表单参数",
  200 + "qxProps": {
  201 + "appId": "C9QUrtTmcmDkvHMoOKI",
  202 + "formId": "hhgYI0rGV78NEPbgIms",
  203 + "isTree": false
72 }, 204 },
73 - pid: '', 205 + "description": "",
  206 + "valueMapping": {
  207 + "mappingValues": []
  208 + },
  209 + "valuesObj": []
74 }, 210 },
75 211
76 { 212 {
@@ -112,49 +248,162 @@ const nodes = [ @@ -112,49 +248,162 @@ const nodes = [
112 }, 248 },
113 ], 249 ],
114 }, 250 },
115 - ], 251 + {
  252 + "id": "82ab09325d3e4c328adfe33e17898b22",
  253 + "code": "p62xqq",
  254 + "type": "USER",
  255 + "title": "人员11",
  256 + "qxProps": {
  257 + "formId": "PbOC6xBYOvZ1IB2mwUc",
  258 + "appId": "eSnLZ42R2TA5Z18dNsJ",
  259 + "isTree": false
  260 + }
  261 + },
  262 + {
  263 + "id": "09a6780520964f5fa237ca0dbdb11b94",
  264 + "code": "ksq7se",
  265 + "type": "ORG",
  266 + "title": "部门11",
  267 + "qxProps": {
  268 + "formId": "UsoOGnrJLPziSQwGDwj",
  269 + "appId": "eSnLZ42R2TA5Z18dNsJ",
  270 + "isTree": true
  271 + }
  272 + },
  273 + {
  274 + "id": "098d551fbe1d40858c590edc78c543eb",
  275 + "code": "0nmura",
  276 + "type": "OBJECT",
  277 + "title": "对象一级",
  278 + "qxProps": {},
  279 + "pid": "",
  280 + "description": "",
  281 + "valueMapping": {
  282 + "mappingValues": []
  283 + },
  284 + "valuesObj": [],
  285 + "child": [
  286 + {
  287 + "id": "1bb1b69f3e3249048c77509eb8dc2d53",
  288 + "type": "ARRAY",
  289 + "pid": "098d551fbe1d40858c590edc78c543eb",
  290 + "code": "rypxuo",
  291 + "title": "数组二级",
  292 + "qxProps": {},
  293 + "description": "",
  294 + "valueMapping": {
  295 + "mappingValues": []
  296 + },
  297 + "valuesObj": [],
  298 + "child": [
  299 + {
  300 + "id": "87d01cd61fe24519b2865438c2bf60ed",
  301 + "type": "FORM",
  302 + "pid": "1bb1b69f3e3249048c77509eb8dc2d53",
  303 + "code": "gnmz55",
  304 + "title": "表单三级啦啦啦啦啦绿绿绿",
  305 + "qxProps": {
  306 + "appId": "C9QUrtTmcmDkvHMoOKI",
  307 + "formId": "2uJbERNkkDhRqLDjHeY",
  308 + "isTree": true
  309 + },
  310 + "description": "",
  311 + "valueMapping": {
  312 + "mappingValues": []
  313 + },
  314 + "valuesObj": []
  315 + }
  316 + ]
  317 + },
  318 + {
  319 + "id": "54b1d7156a1a4e62a4efe463c0ceebd3",
  320 + "type": "FORM",
  321 + "pid": "098d551fbe1d40858c590edc78c543eb",
  322 + "code": "uozzv4",
  323 + "title": "表单啦",
  324 + "qxProps": {
  325 + "appId": "C9QUrtTmcmDkvHMoOKI",
  326 + "formId": "wKYeK6md1mOuZm2ORxe",
  327 + "isTree": false
  328 + },
  329 + "description": "",
  330 + "valueMapping": {
  331 + "mappingValues": []
  332 + },
  333 + "valuesObj": []
  334 + }
  335 + ]
  336 + }
  337 + ]
116 }, 338 },
117 - children: [],  
118 - },  
119 - {  
120 - id: 'b0a2c7925a7b45e884fe8f82a0f39e9b',  
121 - name: '分支',  
122 - type: 'default_DF_BRANCH',  
123 - previousId: '4c4fc5213db149808c57d093b15e6295',  
124 - children: [  
125 - {  
126 - id: 'dfc29d5b64fa42489a65b3cfaeb999da',  
127 - type: 'default_DF_CONDITION',  
128 - previousId: 'b0a2c7925a7b45e884fe8f82a0f39e9b',  
129 - name: '条件',  
130 - data: {},  
131 - children: [], 339 + "icon": {
  340 + "type": {
  341 + "displayName": "Iconfont"
132 }, 342 },
133 - {  
134 - id: '003ca991f70548a3ba8c4f9b8d0daad2',  
135 - name: '条件',  
136 - type: 'default_DF_CONDITION',  
137 - previousId: 'b0a2c7925a7b45e884fe8f82a0f39e9b',  
138 - children: [], 343 + "key": null,
  344 + "ref": null,
  345 + "props": {
  346 + "type": "qx-icon-flow-start"
139 }, 347 },
  348 + "_owner": null,
  349 + "_store": {}
  350 + },
  351 + "path": [
  352 + "0"
140 ], 353 ],
  354 + "validateStatusError": false,
  355 + "configuring": false,
  356 + "children": []
141 }, 357 },
142 { 358 {
143 - id: '576f817ce67846318d1132f231128f05',  
144 - name: '结束',  
145 - previousId: 'b0a2c7925a7b45e884fe8f82a0f39e9b',  
146 - type: 'default_DF_END',  
147 - data: { nodeVersion: '3.0.0' },  
148 - children: [], 359 + "id": "cc98b10fd69f446ba32c7c76fd2c5dde",
  360 + "icon": "http://io.qgutech.com/qx-apaaspublic/data/qixiao/fs/upload/default/2023/09-20/compressed/6657769957328896/DF_DO_U/public/icons/logo.svg",
  361 + "type": "default_DF_DO_U",
  362 + "name": "更新记录",
  363 + "url": "http://io.qgutech.com/qx-apaaspublic/data/qixiao/fs/upload/default/2023/09-20/compressed/6657769957328896/DF_DO_U/index.js",
  364 + "data": {
  365 + "nodeVersion": "1.0.0-dev34"
  366 + },
  367 + "previousId": "40e5975ebf6b4afb9a9fe162d7f7227f",
  368 + "path": [
  369 + "1"
  370 + ],
  371 + "configuring": true
149 }, 372 },
  373 + {
  374 + "id": "0e8ddac188f44acbac675ae8fd517287",
  375 + "name": "结束",
  376 + "type": "default_DF_END",
  377 + "data": {
  378 + "nodeVersion": "3.0.0"
  379 + },
  380 + "icon": {
  381 + "type": {
  382 + "displayName": "Iconfont"
  383 + },
  384 + "key": null,
  385 + "ref": null,
  386 + "props": {
  387 + "type": "qx-icon-flow-end"
  388 + },
  389 + "_owner": null,
  390 + "_store": {}
  391 + },
  392 + "iconColor": "#7C7E86",
  393 + "previousId": "cc98b10fd69f446ba32c7c76fd2c5dde",
  394 + "path": [
  395 + "2"
  396 + ],
  397 + "validateStatusError": false,
  398 + "children": []
  399 + }
150 ]; 400 ];
151 401
152 export default () => { 402 export default () => {
153 return ( 403 return (
154 <Form 404 <Form
155 initialValues={{ 405 initialValues={{
156 - field:  
157 - '${4c4fc5213db149808c57d093b15e6295|be3d37ae184144dc88c0d39a644fe2c1}', 406 + field: ''
158 }} 407 }}
159 > 408 >
160 <Form.Item name="field"> 409 <Form.Item name="field">
@@ -616,12 +616,13 @@ export const QxFlowNodeFieldSelector = React.forwardRef< @@ -616,12 +616,13 @@ export const QxFlowNodeFieldSelector = React.forwardRef<
616 setVisible(open); 616 setVisible(open);
617 } 617 }
618 }} 618 }}
  619 + disabled={props?.disabled}
619 > 620 >
620 {props.children ? ( 621 {props.children ? (
621 props.children 622 props.children
622 ) : ( 623 ) : (
623 <div 624 <div
624 - className={cls('qx-node-select-input')} 625 + className={cls(`qx-node-select-input ${props?.disabled ? 'disabled' : null}`)}
625 onClick={() => setVisible(!visible)} 626 onClick={() => setVisible(!visible)}
626 > 627 >
627 {/* {inputDisplay} */} 628 {/* {inputDisplay} */}
@@ -648,6 +649,7 @@ export interface NodeFieldSelectProps { @@ -648,6 +649,7 @@ export interface NodeFieldSelectProps {
648 mode?: 'select' | 'variable'; 649 mode?: 'select' | 'variable';
649 open?: boolean; 650 open?: boolean;
650 subset?: boolean; 651 subset?: boolean;
  652 + disabled?: boolean;
651 } 653 }
652 654
653 export interface FiledType { 655 export interface FiledType {