田强 / qx-common · Files

---

nav: path: /component title: 组件 order: 1 group: path: /common title: 条件配置

order: 0

条件配置

import { QxCondition } from '@qx/common';
import { Form } from 'antd';
import {node, nodes} from "./mock";

export default () => {
  return (
    <div>
      <Form
        initialValues={{
          condition: {
            sqlType: 'AND',
            operators: [
              {
                "type": "STRING",
                "code": "${e7c1b3c8183b4fb185c9ba6133ee5cef|result.xA6wwOW3pZSAnNFT1nH}",
                "title": "标题",
                "opt": "IS",
                "field": {
                  "name": "标题",
                  "code": "e7c1b3c8183b4fb185c9ba6133ee5cef|result.xA6wwOW3pZSAnNFT1nH",
                  "extract": {
                    "fieldType": "STRING",
                    "fieldKey": "xA6wwOW3pZSAnNFT1nH",
                    "widget": "qxInput",
                    "required": true,
                    "readOnly": false,
                    "hidden": false
                  },
                  "icon": {
                    "type": "span",
                    "key": null,
                    "ref": null,
                    "props": {
                      "className": "qx-node-select-item__icon",
                      "children": {
                        "key": null,
                        "ref": null,
                        "props": {
                          "widgetName": "qxInput"
                        },
                        "_owner": null
                      }
                    },
                    "_owner": null
                  },
                  "title": "标题",
                  "id": "xA6wwOW3pZSAnNFT1nH",
                  "type": "STRING"
                },
                "name": "标题",
                "mappingValues": [
                  "${e7c1b3c8183b4fb185c9ba6133ee5cef|result.xA6wwOW3pZSAnNFT1nH}"
                ],
                "valuesObj": [
                  {
                    "type": "FIELD",
                    "value": "${e7c1b3c8183b4fb185c9ba6133ee5cef|result.xA6wwOW3pZSAnNFT1nH}"
                  }
                ]
              }
            ],
          },
        }}
        onValuesChange={(value, values) => {
          console.log('values', values);
        }}
      >
        <Form.Item name="condition">
          <QxCondition
            nodes={nodes}
            node={node}
            showHeader
            formId="FhkvYvVgpWmijBVEbk2"
          />
        </Form.Item>
      </Form>
    </div>
  );
};