田强 / 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 96 border: 1px solid #d9d9d9;
97 97 border-radius: 4px;
98 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 107 &:hover {
101 108 border-color: @B8;
... ...
... ... @@ -18,59 +18,195 @@ import { QxFlowNodeFieldSelector } from '@qx/common';
18 18 import { Form } from 'antd';
19 19
20 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 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 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 402 export default () => {
153 403 return (
154 404 <Form
155 405 initialValues={{
156   - field:
157   - '${4c4fc5213db149808c57d093b15e6295|be3d37ae184144dc88c0d39a644fe2c1}',
  406 + field: ''
158 407 }}
159 408 >
160 409 <Form.Item name="field">
... ...
... ... @@ -616,12 +616,13 @@ export const QxFlowNodeFieldSelector = React.forwardRef<
616 616 setVisible(open);
617 617 }
618 618 }}
  619 + disabled={props?.disabled}
619 620 >
620 621 {props.children ? (
621 622 props.children
622 623 ) : (
623 624 <div
624   - className={cls('qx-node-select-input')}
  625 + className={cls(`qx-node-select-input ${props?.disabled ? 'disabled' : null}`)}
625 626 onClick={() => setVisible(!visible)}
626 627 >
627 628 {/* {inputDisplay} */}
... ... @@ -648,6 +649,7 @@ export interface NodeFieldSelectProps {
648 649 mode?: 'select' | 'variable';
649 650 open?: boolean;
650 651 subset?: boolean;
  652 + disabled?: boolean;
651 653 }
652 654
653 655 export interface FiledType {
... ...