ronds-metadata 1.2.10 → 1.2.11

package/es/comps/FormGenerator/transformer.js

@@ -0,0 +1,300 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+
+/*
+ * @Author: wangxian
+ * @Date: 2023-02-08 14:45:46
+ * @LastEditTime: 2023-02-27 16:38:58
+ */
+import { deepClone } from '../../utils';
+import { basicComps, complexComps, layoutComps } from './settings';
+var EMPTY_OBJ = [{
+  id: 'FormGenerator',
+  type: 'object',
+  properties: [],
+  fields: [{
+    id: 'com.ronds.schema.default.Rule.Form',
+    type: 'ref',
+    refId: 'com.ronds.schema.default.Rule.Form',
+    value: {}
+  }]
+}];
+var EMPTY_PROP = {
+  id: '',
+  type: '',
+  fields: [{
+    id: 'com.ronds.schema.default.Rule.Form',
+    type: 'ref',
+    refId: 'com.ronds.schema.default.Rule.Form',
+    value: {}
+  }]
+};
+
+var renderProp = function renderProp(node, setting) {
+  var _prop = deepClone(EMPTY_PROP);
+
+  var _setting = setting && deepClone(setting) || {};
+
+  _prop.id = (_setting === null || _setting === void 0 ? void 0 : _setting.id) || node.id;
+  _prop.type = node.param.type; // ref类型加上refId
+
+  if (node.param.type === 'ref') {
+    _prop.refId = "".concat(_prop.id, "_ref");
+  } // array类型加上 items
+
+
+  if (node.param.type === 'array') {
+    var _items = {
+      type: 'ref',
+      refId: "".concat(_prop.id, "_ref")
+    };
+    _prop.items = _items;
+  }
+
+  var typeValue = _setting[node.param.type];
+  delete _setting[node.param.type];
+  _prop.fields[0].value = _defineProperty({
+    common: _objectSpread(_objectSpread({}, _setting), {}, {
+      label: (_setting === null || _setting === void 0 ? void 0 : _setting.label) || node.name
+    })
+  }, node.param.type, _objectSpread(_objectSpread({}, node.param.rule || {}), typeValue));
+  return _prop;
+}; // FG配置生成 metedata
+
+
+export var transFG2Schema = function transFG2Schema(nodes, settings, _types, schemaId) {
+  try {
+    var schema = deepClone(EMPTY_OBJ);
+
+    if (schemaId) {
+      schema[0].id = schemaId;
+    }
+
+    var props = [];
+    var types = [];
+
+    for (var i = 0; i < nodes.length; i++) {
+      var _prop = renderProp(nodes[i], settings && settings[nodes[i].id]);
+
+      props.push(_prop);
+    }
+
+    schema[0].properties = [].concat(props);
+
+    if (settings && (settings === null || settings === void 0 ? void 0 : settings.formSetting)) {
+      schema[0].fields[0].value = deepClone(settings.formSetting);
+    } else {
+      delete schema[0].fields;
+    }
+
+    if (_types) {
+      var typeKeys = Object.keys(_types);
+
+      for (var _i = 0; _i < typeKeys.length; _i++) {
+        var _type = transFG2Schema(_types[typeKeys[_i]].nodes, settings["".concat(typeKeys[_i], "_ref")], undefined, "".concat(_types[typeKeys[_i]].id, "_ref"));
+
+        types.push(_type[0]);
+      }
+    }
+
+    if (types.length > 0) {
+      schema[0].types = [].concat(types);
+    }
+
+    return schema;
+  } catch (error) {
+    console.warn('transFG2Schema.err', error);
+  }
+};
+
+var renderJson = function renderJson(comps, type, id, field) {
+  var _comps = deepClone(comps);
+
+  var node = _comps.find(function (it) {
+    return it.type === type;
+  });
+
+  if (node) {
+    var _field$common;
+
+    node.id = id;
+    node.name = (field === null || field === void 0 ? void 0 : (_field$common = field.common) === null || _field$common === void 0 ? void 0 : _field$common.label) || node.name;
+  }
+
+  var setting = {};
+
+  if (field) {
+    var _field = deepClone(field);
+
+    _field = _objectSpread(_objectSpread({}, _field), _field.common);
+    _field.id = id;
+    delete _field.common;
+    setting = _defineProperty({}, id, _objectSpread({}, _field));
+  }
+
+  return {
+    node: node,
+    setting: setting
+  };
+};
+
+var getTypeJson = function getTypeJson(id, type, field) {
+  var res = {
+    node: {},
+    setting: {}
+  };
+
+  if (type === 'text') {
+    var _field$text, _field$text2, _field$text4, _field$text6, _field$text8, _field$text10;
+
+    // input
+    if (!(field === null || field === void 0 ? void 0 : (_field$text = field.text) === null || _field$text === void 0 ? void 0 : _field$text.type)) {
+      res = renderJson(basicComps, 'input', id, field);
+    } // textarea
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$text2 = field.text) === null || _field$text2 === void 0 ? void 0 : _field$text2.type) === 'textarea') {
+      var _field$text3;
+
+      field === null || field === void 0 ? true : (_field$text3 = field.text) === null || _field$text3 === void 0 ? true : delete _field$text3.type;
+      res = renderJson(basicComps, 'textarea', id, field);
+    } // date
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$text4 = field.text) === null || _field$text4 === void 0 ? void 0 : _field$text4.type) === 'datePicker') {
+      var _field$text5;
+
+      field === null || field === void 0 ? true : (_field$text5 = field.text) === null || _field$text5 === void 0 ? true : delete _field$text5.type;
+      res = renderJson(basicComps, 'date', id, field);
+    } // color
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$text6 = field.text) === null || _field$text6 === void 0 ? void 0 : _field$text6.type) === 'colorPicker') {
+      var _field$text7;
+
+      field === null || field === void 0 ? true : (_field$text7 = field.text) === null || _field$text7 === void 0 ? true : delete _field$text7.type;
+      res = renderJson(complexComps, 'color', id, field);
+    } // password
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$text8 = field.text) === null || _field$text8 === void 0 ? void 0 : _field$text8.type) === 'password') {
+      var _field$text9;
+
+      field === null || field === void 0 ? true : (_field$text9 = field.text) === null || _field$text9 === void 0 ? true : delete _field$text9.type;
+      res = renderJson(complexComps, 'password', id, field);
+    } // upload
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$text10 = field.text) === null || _field$text10 === void 0 ? void 0 : _field$text10.type) === 'upload') {
+      var _field$text11;
+
+      field === null || field === void 0 ? true : (_field$text11 = field.text) === null || _field$text11 === void 0 ? true : delete _field$text11.type;
+      res = renderJson(complexComps, 'upload', id, field);
+    }
+  } // number
+
+
+  if (type === 'number') {
+    res = renderJson(basicComps, 'number', id, field);
+  } // switch
+
+
+  if (type === 'bool') {
+    res = renderJson(basicComps, 'switch', id, field);
+  } // enum
+
+
+  if (type === 'enum') {
+    var _field$enum, _field$enum2, _field$enum3, _field$enum4;
+
+    // select
+    if ((field === null || field === void 0 ? void 0 : (_field$enum = field.enum) === null || _field$enum === void 0 ? void 0 : _field$enum.type) !== 'checkbox' && !field.enum.isMutiple) {
+      res = renderJson(basicComps, 'select', id, field);
+    } // mutiSelect
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$enum2 = field.enum) === null || _field$enum2 === void 0 ? void 0 : _field$enum2.type) !== 'checkbox' && field.enum.isMutiple) {
+      res = renderJson(basicComps, 'mutiSelect', id, field);
+    } // checkbox
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$enum3 = field.enum) === null || _field$enum3 === void 0 ? void 0 : _field$enum3.type) === 'checkbox' && field.enum.isMutiple) {
+      res = renderJson(complexComps, 'checkbox', id, field);
+    } // radio
+
+
+    if ((field === null || field === void 0 ? void 0 : (_field$enum4 = field.enum) === null || _field$enum4 === void 0 ? void 0 : _field$enum4.type) === 'checkbox' && !field.enum.isMutiple) {
+      res = renderJson(complexComps, 'radio', id, field);
+    }
+  } // obj
+
+
+  if (type === 'ref') {
+    res = renderJson(layoutComps, 'obj', id, field);
+  } // list
+
+
+  if (type === 'array') {
+    res = renderJson(layoutComps, 'list', id, field);
+  }
+
+  return res;
+};
+
+var processProps = function processProps(prop) {
+  // 获取是什么类型的组件
+  var obj = getTypeJson(prop.id, prop.type, (prop === null || prop === void 0 ? void 0 : prop.fields) && (prop === null || prop === void 0 ? void 0 : prop.fields[0].value));
+  return obj;
+};
+
+var getTypeParent = function getTypeParent(refId, _props) {
+  var _ = _props.find(function (it) {
+    var _it$items;
+
+    return (it === null || it === void 0 ? void 0 : it.refId) === refId || (it === null || it === void 0 ? void 0 : (_it$items = it.items) === null || _it$items === void 0 ? void 0 : _it$items.refId) === refId;
+  });
+
+  return _;
+}; // metadata 生成FG配置
+
+
+export var transSchema2FG = function transSchema2FG(schema) {
+  var _schema$;
+
+  var res = {
+    nodes: [],
+    settings: {},
+    types: {}
+  };
+  var _props = schema[0].properties;
+
+  for (var i = 0; i < _props.length; i++) {
+    var obj = processProps(_props[i]);
+    res.nodes.push(obj.node);
+    res.settings = _objectSpread(_objectSpread({}, res.settings), obj.setting);
+  }
+
+  var _types = (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.types;
+
+  if (_types && _types.length > 0) {
+    for (var _i2 = 0; _i2 < _types.length; _i2++) {
+      var _parent = getTypeParent(_types[_i2].id, _props);
+
+      if (_parent) {
+        var _schema = deepClone(_types[_i2]);
+
+        _schema.id = "".concat(_parent.id, "_ref");
+
+        var _ = transSchema2FG([_schema]);
+
+        res.types[_parent.id] = {
+          id: _parent.id,
+          nodes: _.nodes
+        };
+        res.settings[_schema.id] = _.settings;
+      }
+    }
+  }
+
+  return res;
+};

package/es/comps/Icons/index.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from "react";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-28 11:04:20
+ * @LastEditTime: 2023-02-24 09:09:51
+ */
+import '../../framework/libs/iconfont/iconfont.css';
+
+var Icon = function Icon(props) {
+  var type = props.type,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "mt mt-".concat(type, " ").concat(className),
+    style: _objectSpread({}, style)
+  });
+};
+
+export default Icon;

package/es/comps/JsonEdit/constant/index.js

@@ -0,0 +1,87 @@
+/*
+ * @Author: wangxain
+ * @Date: 2022-03-03 09:08:06
+ * @LastEditTime: 2022-03-03 09:09:28
+ */
+export var SQL_DICO = [{
+  className: 'sql',
+  text: 'SELECT'
+}, {
+  className: 'sql',
+  text: 'FROM'
+}, {
+  className: 'sql',
+  text: 'WHERE'
+}, {
+  className: 'sql',
+  text: 'LEFT'
+}, {
+  className: 'sql',
+  text: 'RIGHT'
+}, {
+  className: 'sql',
+  text: 'INNER'
+}, {
+  className: 'sql',
+  text: 'JOIN'
+}, {
+  className: 'sql',
+  text: 'UNION'
+}, {
+  className: 'sql',
+  text: 'EXEC'
+}, {
+  className: 'sql',
+  text: 'INSERT'
+}, {
+  className: 'sql',
+  text: 'INTO'
+}, {
+  className: 'sql',
+  text: 'VALUES'
+}, {
+  className: 'sql',
+  text: 'UPDATE'
+}, {
+  className: 'sql',
+  text: 'DELETE'
+}, {
+  className: 'sql',
+  text: 'GROUP'
+}, {
+  className: 'sql',
+  text: 'BY'
+}, {
+  className: 'sql',
+  text: 'HAVING'
+}, {
+  className: 'sql',
+  text: 'IS'
+}, {
+  className: 'sql',
+  text: 'DISTINCT'
+}, {
+  className: 'sql',
+  text: 'OUTER'
+}, {
+  className: 'sql',
+  text: 'TOP'
+}, {
+  className: 'sql',
+  text: 'EXISTS'
+}, {
+  className: 'sql',
+  text: 'WHEN'
+}, {
+  className: 'sql',
+  text: 'CASE'
+}, {
+  className: 'sql',
+  text: 'CAST'
+}, {
+  className: 'sql',
+  text: 'IN'
+}, {
+  className: 'sql',
+  text: 'NULL'
+}];

package/es/comps/JsonEdit/index.js

@@ -0,0 +1,221 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React from 'react';
+import CodeMirror from 'codemirror';
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/neo.css';
+import 'codemirror/theme/panda-syntax.css';
+import 'codemirror/theme/neat.css';
+import 'codemirror/theme/idea.css';
+import 'codemirror/mode/sql/sql.js';
+import 'codemirror/mode/javascript/javascript.js';
+import 'codemirror/mode/shell/shell.js';
+import 'codemirror/mode/perl/perl.js';
+import 'codemirror/mode/python/python.js';
+import 'codemirror/addon/hint/show-hint.js';
+import 'codemirror/addon/hint/show-hint.css';
+import 'codemirror/addon/fold/foldgutter.css';
+import 'codemirror/addon/fold/foldcode';
+import 'codemirror/addon/fold/foldgutter';
+import 'codemirror/addon/fold/brace-fold';
+import 'codemirror/addon/fold/comment-fold';
+import 'codemirror/addon/selection/active-line.js';
+import 'codemirror/addon/edit/closebrackets.js';
+import 'codemirror/addon/edit/matchbrackets.js';
+import './index.less';
+import { SQL_DICO } from './constant';
+
+var SqlEdit = function SqlEdit(props) {
+  var _props$theme = props.theme,
+      theme = _props$theme === void 0 ? 'idea' : _props$theme,
+      _props$extraDico = props.extraDico,
+      extraDico = _props$extraDico === void 0 ? [] : _props$extraDico,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'text/x-mysql' : _props$mode,
+      _props$isLineNumbers = props.isLineNumbers,
+      isLineNumbers = _props$isLineNumbers === void 0 ? true : _props$isLineNumbers,
+      _props$isGutters = props.isGutters,
+      isGutters = _props$isGutters === void 0 ? true : _props$isGutters,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$styleActiveLin = props.styleActiveLine,
+      styleActiveLine = _props$styleActiveLin === void 0 ? false : _props$styleActiveLin,
+      value = props.value,
+      onChange = props.onChange,
+      onSelectChange = props.onSelectChange,
+      onReWriteEnter = props.onReWriteEnter;
+  var textareaRef = React.useRef(null);
+  var firstLoadRef = React.useRef(true);
+  var editorRef = React.useRef();
+  var extraKeys = React.useMemo(function () {
+    var _extraKeys = {
+      'Ctrl-Space': function CtrlSpace(__editor) {
+        if (mode === 'text/x-mysql') {
+          __editor.showHint();
+        }
+      },
+      F7: function F7(__editor) {
+        var textJson = JSON.parse(__editor.getValue());
+        var result = JSON.stringify(textJson, undefined, 2);
+
+        __editor.setValue(result);
+      } // 代码格式化
+
+    };
+
+    if (onReWriteEnter) {
+      _extraKeys.Enter = function (__editor) {
+        onReWriteEnter();
+      };
+    }
+
+    return _extraKeys;
+  }, [mode, onReWriteEnter]);
+  var dico = React.useMemo(function () {
+    var res = SQL_DICO;
+
+    if (extraDico.length > 0) {
+      res = [].concat(_toConsumableArray(SQL_DICO), _toConsumableArray(extraDico));
+    }
+
+    return res;
+  }, [extraDico]);
+  var initEdit = React.useCallback(function () {
+    if (textareaRef.current === null) return;
+    if (!firstLoadRef.current) return;
+
+    var _editor = CodeMirror.fromTextArea(textareaRef.current, {
+      value: value,
+      tabSize: 4,
+      mode: mode,
+      theme: theme,
+      readOnly: readOnly,
+      lineNumbers: isLineNumbers,
+      lineWrapping: true,
+      foldGutter: true,
+      lint: true,
+      gutters: isGutters ? ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'] : [],
+      hintOptions: {
+        completeSingle: false,
+        hint: hint
+      },
+      matchBrackets: true,
+      autoCloseBrackets: true,
+      smartIndent: true,
+      styleActiveLine: styleActiveLine,
+      extraKeys: extraKeys
+    });
+
+    _editor.on('keypress', function (__editor) {
+      if (mode === 'text/x-mysql') {
+        __editor.showHint();
+      }
+    });
+
+    _editor.on('change', function (__editor) {
+      onChange && onChange(__editor.getValue());
+    });
+
+    _editor.on('cursorActivity', function (__editor) {
+      onSelectChange && onSelectChange(__editor.getSelection());
+    });
+
+    editorRef.current = _editor;
+    firstLoadRef.current = false;
+  }, [dico, isGutters, readOnly, isLineNumbers]);
+  React.useEffect(function () {
+    if (!textareaRef.current) return;
+    initEdit();
+  }, [textareaRef, initEdit]);
+  React.useEffect(function () {
+    if (!editorRef.current) return;
+
+    if (value || value === '') {
+      editorRef.current.setValue(value);
+      editorRef.current.focus();
+      editorRef.current.setCursor(editorRef.current.lineCount(), 0);
+    }
+  }, [value]);
+  React.useEffect(function () {
+    if (!editorRef.current) return;
+    editorRef.current.setOption('readOnly', readOnly ? 'nocursor' : readOnly);
+    editorRef.current.setOption('lineNumbers', isLineNumbers);
+    editorRef.current.setOption('gutters', isGutters ? ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'] : []);
+  }, [readOnly, isLineNumbers, isGutters]);
+
+  var hint = function hint(__editor) {
+    var cur = __editor.getCursor();
+
+    var token = __editor.getTokenAt(cur);
+
+    var searchString = token.string;
+    return {
+      list: suggest(searchString),
+      from: CodeMirror.Pos(cur.line, token.start),
+      to: CodeMirror.Pos(cur.line, token.end)
+    };
+  };
+
+  var suggest = function suggest(searchString) {
+    /*
+     we will score which suggesion should appears first, the higer the score, the higer is the appearance order
+    */
+    var token = searchString;
+    var isDot = false;
+
+    if (searchString.startsWith('.')) {
+      token = searchString.substring(1);
+      isDot = true;
+    }
+
+    token = searchString.toLowerCase();
+    var resu = [];
+    var N = dico.length; // init scoring: only retains and score suggestions which contain the searchString
+
+    for (var i = 0; i < N; i++) {
+      var suggestion = null; // 支持.之后联想
+
+      var _suggestion = {
+        className: dico[i].className,
+        text: "".concat(isDot ? '.' : '').concat(dico[i].text)
+      };
+
+      var keyword = _suggestion.text.toLowerCase();
+
+      if (keyword.startsWith(token)) {
+        // add N to the score of keywords which begin with the token to make them raise up in the suggestion list
+        suggestion = _objectSpread(_objectSpread({}, {
+          score: N + (N - i)
+        }), _suggestion);
+      } else if (keyword.includes(token)) {
+        suggestion = _objectSpread(_objectSpread({}, {
+          score: N - i
+        }), _suggestion);
+      }
+
+      if (suggestion) resu.push(suggestion);
+    } // case suggestion for "."
+
+
+    if (searchString.startsWith('.')) {
+      // raise score of columns, decrease the score of sql keyword
+      resu.forEach(function (s) {
+        if (s.className === 'column') s.score += N;else if (s.className === 'sql') s.score -= N;
+        return s;
+      });
+    } // console.log(searchString);
+
+
+    return resu.sort(function (a, b) {
+      return b.score - a.score;
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", {
+    ref: textareaRef,
+    defaultValue: value,
+    className: "my-txt"
+  }));
+};
+
+export default SqlEdit;