ze-react-component-library/es/ZESchemaEditor/ZESchemaEditor.js

ZeroETP React Component Library

import "antd/es/table/style";
import _Table from "antd/es/table";
import "antd/es/alert/style";
import _Alert from "antd/es/alert";
import "antd/es/modal/style";
import _Modal from "antd/es/modal";
import "antd/es/drawer/style";
import _Drawer from "antd/es/drawer";
import "antd/es/radio/style";
import _Radio from "antd/es/radio";
import "antd/es/spin/style";
import _Spin from "antd/es/spin";
import "antd/es/popconfirm/style";
import _Popconfirm from "antd/es/popconfirm";
import "antd/es/button/style";
import _Button from "antd/es/button";
import "antd/es/space/style";
import _Space from "antd/es/space";
import "antd/es/dropdown/style";
import _Dropdown from "antd/es/dropdown";
import "antd/es/menu/style";
import _Menu from "antd/es/menu";
import "antd/es/message/style";
import _message from "antd/es/message";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
  function adopt(value) {
    return value instanceof P ? value : new P(function (resolve) {
      resolve(value);
    });
  }

  return new (P || (P = Promise))(function (resolve, reject) {
    function fulfilled(value) {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    }

    function rejected(value) {
      try {
        step(generator["throw"](value));
      } catch (e) {
        reject(e);
      }
    }

    function step(result) {
      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
    }

    step((generator = generator.apply(thisArg, _arguments || [])).next());
  });
};

var __generator = this && this.__generator || function (thisArg, body) {
  var _ = {
    label: 0,
    sent: function sent() {
      if (t[0] & 1) throw t[1];
      return t[1];
    },
    trys: [],
    ops: []
  },
      f,
      y,
      t,
      g;
  return g = {
    next: verb(0),
    "throw": verb(1),
    "return": verb(2)
  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
    return this;
  }), g;

  function verb(n) {
    return function (v) {
      return step([n, v]);
    };
  }

  function step(op) {
    if (f) throw new TypeError("Generator is already executing.");

    while (_) {
      try {
        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
        if (y = 0, t) op = [op[0] & 2, t.value];

        switch (op[0]) {
          case 0:
          case 1:
            t = op;
            break;

          case 4:
            _.label++;
            return {
              value: op[1],
              done: false
            };

          case 5:
            _.label++;
            y = op[1];
            op = [0];
            continue;

          case 7:
            op = _.ops.pop();

            _.trys.pop();

            continue;

          default:
            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
              _ = 0;
              continue;
            }

            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
              _.label = op[1];
              break;
            }

            if (op[0] === 6 && _.label < t[1]) {
              _.label = t[1];
              t = op;
              break;
            }

            if (t && _.label < t[2]) {
              _.label = t[2];

              _.ops.push(op);

              break;
            }

            if (t[2]) _.ops.pop();

            _.trys.pop();

            continue;
        }

        op = body.call(thisArg, _);
      } catch (e) {
        op = [6, e];
        y = 0;
      } finally {
        f = t = 0;
      }
    }

    if (op[0] & 5) throw op[1];
    return {
      value: op[0] ? op[1] : void 0,
      done: true
    };
  }
};

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};

var __spreadArray = this && this.__spreadArray || function (to, from) {
  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {
    to[j] = from[i];
  }

  return to;
};

import React, { useState, useRef, useEffect, Suspense } from "react";
import { getSchemas, createSchema, updateSchema, deleteSchema, commonRequest, getSchemaByID } from "zeroetp-api-sdk";
import { useRequest, useLocalStorageState } from "@umijs/hooks";
import ProTable from "@ant-design/pro-table";
import merge from "deepmerge";
import { request, requestGuessSchema, requestSetting } from "../request";
import JsonEditor, { types } from "./JsonEditor";
import { DownOutlined } from "@ant-design/icons";
import SchemaEasyEditor, { formValueToSchema } from "./SchemaEasyEditor";
import ERGraph from "./ER";
import "./index.less";
var mergeOptions = {
  arrayMerge: function arrayMerge(oldValues, newValues, options) {
    var arr = [];
    var stringArr = [];
    newValues === null || newValues === void 0 ? void 0 : newValues.forEach(function (item) {
      // 对象类型
      if (_typeof(item) === "object" && item !== null && !(item instanceof Array)) {
        arr.push(item);
        return;
      } // 非对象类型


      var t;

      if (item instanceof Array && _typeof(item[0]) !== "object") {
        t = item.join(",");
      } else {
        t = String(item);
      }

      if (!stringArr.includes(t)) {
        stringArr.push(t);

        if (t.includes(",")) {
          arr.push(t.split(","));
        } else {
          arr.push(item);
        }
      }
    });
    return arr;
  }
};

var ZESchemaEditor = function ZESchemaEditor(_a) {
  var _b = _a.showAutoSchema,
      showAutoSchema = _b === void 0 ? false : _b;

  var _c = useRequest(getSchemas, {
    formatResult: function formatResult(res) {
      return ((res === null || res === void 0 ? void 0 : res.schemas) || []).sort(function (a, b) {
        return (a.order || 0) - (b.order || 0);
      });
    }
  }),
      _d = _c.data,
      schemas = _d === void 0 ? [] : _d,
      fetchSchemas = _c.run,
      loading = _c.loading;

  var _e = useRequest(function (schema) {
    return request(commonRequest("/learn", {
      method: "GET",
      params: {
        schema: schema
      }
    }));
  }, {
    manual: true,
    fetchKey: function fetchKey(schema) {
      return schema || "all";
    },
    onSuccess: function onSuccess(data, params) {
      var schema = params === null || params === void 0 ? void 0 : params[0];

      _message.success((schema || "所有") + "\u8868\u91CD\u65B0\u5B66\u4E60\u547D\u4EE4\u53D1\u9001\u6210\u529F\uFF0C\u8BF7\u7B49\u5F85\u540E\u53F0\u5904\u7406\uFF01");
    },
    onError: function onError(data, params) {
      var schema = params === null || params === void 0 ? void 0 : params[0];

      _message.error((schema || "所有") + "\u8868\u91CD\u65B0\u5B66\u4E60\u547D\u4EE4\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\uFF01");
    }
  }),
      learnSchema = _e.run,
      learnFetches = _e.fetches;

  var _f = useState(false),
      openER = _f[0],
      setOpenER = _f[1];

  var _g = useState(false),
      drawerVisible = _g[0],
      setDrawerVisible = _g[1];

  var _h = useState(false),
      isChecking = _h[0],
      setIsChecking = _h[1];

  var _j = useState({
    items: [],
    record: undefined
  }),
      checkData = _j[0],
      setCheckData = _j[1];

  var _k = useState(false),
      checkModalOpen = _k[0],
      setCheckModalOpen = _k[1];

  var _l = useState(false),
      easyDrawerOpen = _l[0],
      setEasyDrawerOpen = _l[1];

  var _m = useState(),
      _editingRecord = _m[0],
      setEditingRecord = _m[1];

  var _o = useLocalStorageState("ZESchemaEditorTmpValues"),
      tmpRecord = _o[0],
      setTmpRecord = _o[1];

  var tmpRecordRef = useRef(tmpRecord);
  var editorRef = useRef();
  var formRef = useRef();

  var _q = useState(false),
      saveLoading = _q[0],
      setSaveLoading = _q[1];

  var _r = useState("entity"),
      type = _r[0],
      setType = _r[1];

  var _s = useState(false),
      isSynoSuggestButtonLoading = _s[0],
      setIsSynoSuggestButtonLoading = _s[1];

  var _t = useRequest(function () {
    return _editingRecord ? getSchemaByID(_editingRecord === null || _editingRecord === void 0 ? void 0 : _editingRecord._id) : Promise.resolve({
      schema: null
    });
  }, {
    formatResult: function formatResult(res) {
      return res === null || res === void 0 ? void 0 : res.schema;
    },
    refreshDeps: [_editingRecord === null || _editingRecord === void 0 ? void 0 : _editingRecord._id]
  }),
      _u = _t.data,
      editingRecord = _u === void 0 ? null : _u,
      editingRecordLoading = _t.loading;

  var revertProperty = function revertProperty(p) {
    var _a, _b;

    if (!p) {
      return {};
    }

    var newEnums = ((_b = (_a = p.constraints) === null || _a === void 0 ? void 0 : _a.enum) === null || _b === void 0 ? void 0 : _b.map(function (e) {
      if (("" + e).includes(",")) {
        return ("" + e).split(",");
      }

      return e;
    })) || [];

    var newP = __assign(__assign({}, p), {
      constraints: __assign(__assign({}, p.constraints), {
        enum: newEnums.length > 0 ? newEnums : null
      })
    });

    if (p.ID) {
      newP._id = p.ID;
    }

    delete newP.ID;
    return newP;
  };

  var getEasyValues = function getEasyValues() {
    var _a;

    var values = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.getFieldsValue();

    var properties = values.properties,
        ID = values.ID,
        restValues = __rest(values, ["properties", "ID"]);

    var _b = tmpRecord || editingRecord || {},
        _properties = _b.properties,
        oldValues = __rest(_b, ["properties"]); // 注意这里要分开合并处理，不然会有问题


    var newPropertyValues = {
      properties: properties === null || properties === void 0 ? void 0 : properties.map(function (d) {
        var _a;

        var p = revertProperty((_a = d === null || d === void 0 ? void 0 : d.properties) !== null && _a !== void 0 ? _a : {});
        p._sid = d.id;

        var _p = revertProperty(_properties === null || _properties === void 0 ? void 0 : _properties.find(function (f) {
          return f._sid === p._sid;
        }));

        var mergedP = merge(_p, p, mergeOptions);
        return mergedP;
      })
    };
    var newRestValues = merge(oldValues !== null && oldValues !== void 0 ? oldValues : {}, __assign({
      _id: ID
    }, restValues), mergeOptions);

    var newValues = __assign(__assign({}, newRestValues), newPropertyValues);

    return newValues;
  };

  var cacheEasyValues = function cacheEasyValues() {
    tmpRecordRef.current = getEasyValues();
  };

  var cacheExpertValues = function cacheExpertValues() {
    var record = editorRef.current.get();

    var properties = record.properties,
        restValues = __rest(record, ["properties"]);

    var curValues = __assign(__assign({}, restValues), {
      properties: properties === null || properties === void 0 ? void 0 : properties.map(function (p) {
        var newP = __assign({}, p);

        newP.ID = p._id;
        return newP;
      })
    });

    tmpRecordRef.current = curValues;
  };

  var onCancel = function onCancel(clearCache) {
    setEasyDrawerOpen(false);
    setDrawerVisible(false);
    setTimeout(function () {
      setEditingRecord(null);

      if (clearCache) {
        tmpRecordRef.current = null;
      }

      setTmpRecord(tmpRecordRef.current);
    }, 500);
  };

  var toEasyMode = function toEasyMode() {
    cacheExpertValues();
    setTmpRecord(tmpRecordRef.current);
    setEasyDrawerOpen(true);
    setDrawerVisible(false);
  };

  var toExpertMode = function toExpertMode() {
    cacheEasyValues();
    setTmpRecord(tmpRecordRef.current);
    setEasyDrawerOpen(false);
    setDrawerVisible(true);
  };

  var guessSchema = function guessSchema() {
    return __awaiter(void 0, void 0, void 0, function () {
      var values, guessed;
      return __generator(this, function (_a) {
        switch (_a.label) {
          case 0:
            values = getEasyValues();

            if (!values._id) {
              _message.error("此功能需要先填写Schema的ID属性");
            }

            return [4
            /*yield*/
            , requestGuessSchema(values.type, values._id)];

          case 1:
            guessed = _a.sent(); // console.log(guessed);

            setTmpRecord(guessed.schema);
            return [2
            /*return*/
            ];
        }
      });
    });
  };

  var onFinish = function onFinish(record, editMode, inCheckModal) {
    return __awaiter(void 0, void 0, void 0, function () {
      var res, checkRes, payload, error_1;

      var _a;

      return __generator(this, function (_b) {
        switch (_b.label) {
          case 0:
            _b.trys.push([0, 7,, 8]);

            setSaveLoading(true);
            res = void 0;
            if (!editMode) return [3
            /*break*/
            , 4];
            if (!!inCheckModal) return [3
            /*break*/
            , 2];
            setIsChecking(true);
            return [4
            /*yield*/
            , request(commonRequest("/schema/checkUpdate", {
              method: "POST",
              data: {
                before: editingRecord,
                after: record
              }
            }))];

          case 1:
            checkRes = _b.sent();
            setIsChecking(false);

            if (((_a = checkRes === null || checkRes === void 0 ? void 0 : checkRes.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {
              setCheckModalOpen(true);
              setCheckData({
                items: checkRes.data,
                record: record
              });
              setSaveLoading(false);
              return [2
              /*return*/
              , false];
            }

            _b.label = 2;

          case 2:
            payload = __assign({}, record);
            delete payload._id;
            return [4
            /*yield*/
            , request(updateSchema(record._id, payload))];

          case 3:
            res = _b.sent();
            return [3
            /*break*/
            , 6];

          case 4:
            return [4
            /*yield*/
            , request(createSchema(record))];

          case 5:
            res = _b.sent();
            _b.label = 6;

          case 6:
            setSaveLoading(false);

            if (res) {
              _message.success("保存成功");

              onCancel(true);
              fetchSchemas();
            } else {
              _message.error("保存失败，请重试");
            }

            return [3
            /*break*/
            , 8];

          case 7:
            error_1 = _b.sent();
            console.log(error_1);
            setSaveLoading(false);
            return [2
            /*return*/
            , false];

          case 8:
            return [2
            /*return*/
            , true];
        }
      });
    });
  };

  var onDelete = function onDelete(id) {
    return __awaiter(void 0, void 0, void 0, function () {
      var res;
      return __generator(this, function (_a) {
        switch (_a.label) {
          case 0:
            if (!id) return [3
            /*break*/
            , 2];
            return [4
            /*yield*/
            , request(deleteSchema(id))];

          case 1:
            res = _a.sent();

            if (res) {
              _message.success("删除成功");

              fetchSchemas();
            } else {
              _message.error("删除失败，请重试！");
            }

            _a.label = 2;

          case 2:
            return [2
            /*return*/
            ];
        }
      });
    });
  };

  var modeMenu = function modeMenu(record) {
    return /*#__PURE__*/React.createElement(_Menu, {
      items: [{
        key: "easy",
        label: /*#__PURE__*/React.createElement("a", {
          onClick: function onClick() {
            setEasyDrawerOpen(true);
            setEditingRecord(record);

            if (record) {
              setTmpRecord(null);
            }
          }
        }, "\u7B80\u5355\u6A21\u5F0F")
      }, {
        key: "expert",
        label: /*#__PURE__*/React.createElement("a", {
          onClick: function onClick() {
            setDrawerVisible(true);
            setEditingRecord(record);

            if (record) {
              setTmpRecord(null);
            }
          }
        }, "\u4E13\u5BB6\u6A21\u5F0F")
      }]
    });
  };

  var columns = [{
    title: "_id",
    dataIndex: "_id"
  }, {
    title: "name",
    dataIndex: "name"
  }, {
    title: "type",
    dataIndex: "type"
  }, {
    title: "syno",
    dataIndex: "syno",
    render: function render(text, record) {
      var syno = (record === null || record === void 0 ? void 0 : record.syno) || [];
      return syno.length > 0 ? syno.join(", ") : "-";
    }
  }, {
    title: "description",
    dataIndex: "description"
  }].map(function (d) {
    return __assign(__assign({}, d), {
      width: 200
    });
  }).concat([{
    title: "操作",
    fixed: "right",
    width: 220,
    valueType: "option",
    render: function render(text, record) {
      var _a;

      return [/*#__PURE__*/React.createElement(_Dropdown, {
        key: "dropdown",
        overlay: modeMenu(record)
      }, /*#__PURE__*/React.createElement("a", {
        key: "edit",
        onClick: function onClick(e) {
          e.preventDefault();
        }
      }, /*#__PURE__*/React.createElement(_Space, null, "\u7F16\u8F91", /*#__PURE__*/React.createElement(DownOutlined, null)))), /*#__PURE__*/React.createElement(_Button, {
        type: "link",
        key: "learn",
        loading: (_a = learnFetches === null || learnFetches === void 0 ? void 0 : learnFetches[record === null || record === void 0 ? void 0 : record._id]) === null || _a === void 0 ? void 0 : _a.loading,
        onClick: function onClick() {
          learnSchema(record === null || record === void 0 ? void 0 : record._id);
        }
      }, "\u91CD\u65B0\u5B66\u4E60"), /*#__PURE__*/React.createElement(_Popconfirm, {
        title: "\u662F\u5426\u786E\u5B9A\u5220\u9664",
        key: "delete",
        onConfirm: function onConfirm() {
          onDelete(record === null || record === void 0 ? void 0 : record._id);
        }
      }, /*#__PURE__*/React.createElement(_Button, {
        type: "link",
        danger: true,
        style: {
          padding: 0
        }
      }, "\u5220\u9664"))];
    }
  }]);

  var onCheckModalClose = function onCheckModalClose() {
    setCheckModalOpen(false);
    setCheckData({
      items: [],
      record: undefined
    });
  };

  var onCheckModalOk = function onCheckModalOk() {
    return __awaiter(void 0, void 0, void 0, function () {
      var res;
      return __generator(this, function (_a) {
        switch (_a.label) {
          case 0:
            return [4
            /*yield*/
            , onFinish(checkData.record, true, true)];

          case 1:
            res = _a.sent();

            if (res) {
              onCheckModalClose();
            }

            return [2
            /*return*/
            ];
        }
      });
    });
  };

  useEffect(function () {
    tmpRecordRef.current = null;
  }, [tmpRecord]);
  useEffect(function () {
    return function () {
      // 卸载时清除缓存
      setTmpRecord(null);
    };
  }, []);
  return /*#__PURE__*/React.createElement(_Spin, {
    spinning: loading
  }, /*#__PURE__*/React.createElement(ProTable, {
    toolBarRender: function toolBarRender() {
      var _a;

      return [/*#__PURE__*/React.createElement(_Radio.Group, {
        key: "type",
        options: types.map(function (d) {
          return {
            label: d === "entity" ? "实体" : "事件",
            value: d
          };
        }),
        onChange: function onChange(e) {
          setType(e.target.value); // 切换时清除缓存

          setTmpRecord(null);
        },
        value: type,
        optionType: "button"
      }), /*#__PURE__*/React.createElement(_Button, {
        key: "er",
        onClick: function onClick() {
          setOpenER(true);
        }
      }, "ER\u5173\u7CFB\u56FE"), /*#__PURE__*/React.createElement(_Button, {
        key: "learn",
        loading: (_a = learnFetches === null || learnFetches === void 0 ? void 0 : learnFetches.all) === null || _a === void 0 ? void 0 : _a.loading,
        onClick: function onClick() {
          learnSchema();
        }
      }, "\u91CD\u65B0\u5B66\u4E60\u6240\u6709\u8868"), /*#__PURE__*/React.createElement(_Dropdown, {
        overlay: modeMenu(null),
        key: "add"
      }, /*#__PURE__*/React.createElement(_Button, {
        key: "add",
        type: "primary",
        onClick: function onClick(e) {
          e.preventDefault();
        }
      }, "\u65B0\u5EFA", /*#__PURE__*/React.createElement(DownOutlined, null)))];
    },
    rowKey: "_id",
    headerTitle: "Schema\u5217\u8868",
    dataSource: schemas.filter(function (d) {
      return d.type === type;
    }),
    columns: columns,
    search: false,
    options: false,
    scroll: {
      x: columns.reduce(function (p, c) {
        return p + c.width;
      }, 0)
    },
    pagination: false
  }), /*#__PURE__*/React.createElement(_Drawer, {
    open: drawerVisible,
    extra: /*#__PURE__*/React.createElement(_Button, {
      onClick: toEasyMode
    }, "\u8F6C\u6210\u7B80\u5355\u6A21\u5F0F"),
    width: "90%",
    maskClosable: false,
    onClose: function onClose(e) {
      // 取消按esc退出弹窗
      if (e.type === "keydown") {
        return;
      }

      onCancel(editingRecord !== null);
    },
    title: editingRecord ? "更新Schema" : "新增Schema",
    destroyOnClose: true,
    className: "ze-schema-editor-expert-drawer",
    footer: /*#__PURE__*/React.createElement("div", {
      style: {
        display: "flex",
        flexDirection: "row-reverse"
      }
    }, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement(_Button, {
      onClick: function onClick() {
        cacheExpertValues();
        onCancel(editingRecord !== null);
      }
    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(_Button, {
      type: "primary",
      onClick: function onClick() {
        return __awaiter(void 0, void 0, void 0, function () {
          var errors, record;
          return __generator(this, function (_a) {
            switch (_a.label) {
              case 0:
                cacheExpertValues();
                if (!editorRef.current) return [3
                /*break*/
                , 3];
                return [4
                /*yield*/
                , editorRef.current.validate()];

              case 1:
                errors = _a.sent();

                if (errors && errors.length > 0) {
                  _message.error("schema校验不通过，请检查！");

                  return [2
                  /*return*/
                  ];
                }

                record = editorRef.current.get();
                return [4
                /*yield*/
                , onFinish(record, editingRecord != null)];

              case 2:
                _a.sent();

                _a.label = 3;

              case 3:
                return [2
                /*return*/
                ];
            }
          });
        });
      },
      loading: saveLoading
    }, "\u786E\u5B9A")))
  }, /*#__PURE__*/React.createElement(_Spin, {
    spinning: editingRecordLoading
  }, /*#__PURE__*/React.createElement(Suspense, {
    fallback: /*#__PURE__*/React.createElement("strong", null, "\u52A0\u8F7D\u4E2D...")
  }, /*#__PURE__*/React.createElement(JsonEditor, {
    value: tmpRecord || editingRecord,
    editorRef: editorRef,
    editable: true,
    isCreate: editingRecord === null,
    type: type
  })))), /*#__PURE__*/React.createElement(_Drawer, {
    open: easyDrawerOpen,
    extra: /*#__PURE__*/React.createElement(_Space, null, showAutoSchema && /*#__PURE__*/React.createElement(_Button, {
      onClick: guessSchema
    }, "\u81EA\u52A8\u751F\u6210\u8868\u7ED3\u6784"), /*#__PURE__*/React.createElement(_Button, {
      loading: isSynoSuggestButtonLoading,
      onClick: function onClick() {
        return __awaiter(void 0, void 0, void 0, function () {
          var useLLM, values, properties, name, result, _i, properties_1, property, key;

          var _a, _b;

          var _c;

          return __generator(this, function (_d) {
            switch (_d.label) {
              case 0:
                if (!formRef.current) return [2
                /*return*/
                ];
                setIsSynoSuggestButtonLoading(true);
                return [4
                /*yield*/
                , request(requestSetting("llm"))];

              case 1:
                useLLM = _d.sent();

                if (!useLLM || !useLLM.enable) {
                  _message.info("此功能需要配置并开启大语言模型");

                  setIsSynoSuggestButtonLoading(false);
                  return [2
                  /*return*/
                  ];
                }

                values = (_c = formRef.current) === null || _c === void 0 ? void 0 : _c.getFieldsValue();
                properties = values.properties, name = values.name;
                return [4
                /*yield*/
                , request(commonRequest("/llm/synoSuggestion", {
                  method: "POST",
                  data: {
                    keywords: __spreadArray([name], properties.map(function (p) {
                      return (p.properties.name || "").trim();
                    })).filter(function (n) {
                      return n && n.length > 0;
                    })
                  }
                }))];

              case 2:
                result = _d.sent();

                if (name in result) {
                  if (!values.syno) {
                    values.syno = [];
                  }

                  (_a = values.syno).push.apply(_a, result[name]);

                  values.syno = Array.from(new Set(values.syno));
                }

                for (_i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
                  property = properties_1[_i];
                  key = (property.properties.name || "").trim();

                  if (key in result) {
                    if (!property.properties.syno) property.properties.syno = [];
                  }

                  (_b = property.properties.syno).push.apply(_b, result[key]);

                  property.properties.syno = Array.from(new Set(property.properties.syno));
                }

                setTmpRecord(formValueToSchema(values));
                setIsSynoSuggestButtonLoading(false);
                return [2
                /*return*/
                ];
            }
          });
        });
      }
    }, "\u81EA\u52A8\u751F\u6210\u540C\u4E49\u8BCD"), /*#__PURE__*/React.createElement(_Button, {
      onClick: toExpertMode
    }, "\u8F6C\u6210\u4E13\u5BB6\u6A21\u5F0F")),
    width: "90%",
    maskClosable: false,
    destroyOnClose: true,
    onClose: function onClose(e) {
      // 取消按esc退出弹窗
      if (e.type === "keydown") {
        return;
      }

      onCancel(editingRecord !== null);
    },
    title: editingRecord ? "更新Schema" : "新增Schema",
    footer: /*#__PURE__*/React.createElement("div", {
      style: {
        display: "flex",
        flexDirection: "row-reverse"
      }
    }, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement(_Button, {
      onClick: function onClick() {
        cacheEasyValues();
        onCancel(editingRecord !== null);
      }
    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(_Button, {
      type: "primary",
      onClick: function onClick() {
        var _a;

        cacheEasyValues();
        (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.submit();
      },
      loading: isChecking || saveLoading
    }, isChecking ? "检查中..." : "确定")))
  }, /*#__PURE__*/React.createElement(_Spin, {
    spinning: editingRecordLoading
  }, /*#__PURE__*/React.createElement(SchemaEasyEditor, {
    onSubmit: function onSubmit() {
      return __awaiter(void 0, void 0, void 0, function () {
        var res;
        return __generator(this, function (_a) {
          switch (_a.label) {
            case 0:
              return [4
              /*yield*/
              , onFinish(getEasyValues(), editingRecord != null)];

            case 1:
              res = _a.sent();

              if (res) {
                onCancel(true);
              }

              return [2
              /*return*/
              ];
          }
        });
      });
    },
    formRef: formRef,
    schemas: schemas,
    initialSchema: tmpRecord || editingRecord || {
      type: type
    },
    editingRecord: editingRecord,
    submitter: false
  }))), /*#__PURE__*/React.createElement(_Modal, {
    title: "\u68C0\u67E5Schema",
    open: checkModalOpen,
    width: "calc(90vw - 48px)",
    closable: false,
    destroyOnClose: true,
    centered: true,
    footer: [/*#__PURE__*/React.createElement(_Button, {
      key: "cancel",
      onClick: onCheckModalClose
    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(_Button, {
      key: "save",
      type: "primary",
      loading: saveLoading,
      onClick: onCheckModalOk
    }, "\u7EE7\u7EED\u4FDD\u5B58")]
  }, /*#__PURE__*/React.createElement(_Alert, {
    type: "warning",
    style: {
      marginBottom: 12
    },
    showIcon: true,
    description: /*#__PURE__*/React.createElement("div", null, "\u7CFB\u7EDF\u68C0\u6D4B\u5230\u672C\u6B21\u4FEE\u6539\u4F1A\u5F71\u54CD\u5230\u4EE5\u4E0B\u81EA\u5B9A\u4E49\u8BCD\u6C47\uFF0C\u662F\u5426\u8981\u7EE7\u7EED\u4FDD\u5B58\uFF1F")
  }), /*#__PURE__*/React.createElement(_Table, {
    size: "small",
    bordered: false,
    dataSource: checkData.items,
    pagination: false,
    columns: [{
      dataIndex: "关键词",
      title: "关键词",
      width: 120
    }, {
      dataIndex: "logicform",
      title: "logicform"
    }]
  })), /*#__PURE__*/React.createElement(_Modal, {
    open: openER,
    footer: false,
    width: "calc(100vw - 48px)",
    bodyStyle: {
      display: "flex",
      height: "calc(100vh - 48px)",
      padding: 0
    },
    destroyOnClose: true,
    centered: true,
    onCancel: function onCancel() {
      setOpenER(false);
    }
  }, /*#__PURE__*/React.createElement(ERGraph, {
    schemas: schemas
  })));
};

export default ZESchemaEditor;