@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/lib/schema-component/antd/formula-input/FormulaInput.js

@@ -0,0 +1,197 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormulaInput = void 0;
+
+var _core = require("@formily/core");
+
+var _react = require("@formily/react");
+
+var _antd = require("antd");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _reactContenteditable = _interopRequireDefault(require("react-contenteditable"));
+
+var _reactI18next = require("react-i18next");
+
+var math = _interopRequireWildcard(require("mathjs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var AntdFormulaInput = function AntdFormulaInput(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      supports = props.supports,
+      useCurrentFields = props.useCurrentFields;
+  var field = (0, _react.useField)();
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var fields = useCurrentFields();
+  var inputRef = (0, _react2.useRef)();
+
+  var _useState = (0, _react2.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dropdownVisible = _useState2[0],
+      setDropdownVisible = _useState2[1];
+
+  var _useState3 = (0, _react2.useState)(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      formula = _useState4[0],
+      setFormula = _useState4[1];
+
+  var _useState5 = (0, _react2.useState)(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      html = _useState6[0],
+      setHtml = _useState6[1];
+
+  var numColumns = new Map();
+  var scope = {};
+  fields.filter(function (field) {
+    return supports.includes(field.interface);
+  }).forEach(function (field) {
+    numColumns.set(field.name, field.uiSchema.title);
+    scope[field.name] = 1;
+  });
+  var keys = Array.from(numColumns.keys());
+  var initHtml;
+
+  if (value) {
+    initHtml = value;
+    numColumns.forEach(function (value, key) {
+      initHtml = initHtml.replaceAll(key, "<span contentEditable=\"false\" style=\"border: 1px solid #aaa; padding: 2px 5px;\">".concat(value, "</span>"));
+    });
+  }
+
+  (0, _react2.useEffect)(function () {
+    if (onChange && formula) {
+      var v = formula || '';
+      numColumns.forEach(function (value, key) {
+        v = v.replaceAll(value, key);
+      });
+
+      if (v != value) {
+        onChange(v);
+      }
+    }
+  }, [formula]);
+
+  var menu = /*#__PURE__*/_react2.default.createElement(_antd.Menu, {
+    onClick: function () {
+      var _onClick = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(args) {
+        var replaceFormula, replaceHtml;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                replaceFormula = formula.replace('@', numColumns.get(args.key));
+                replaceHtml = html.replace('@', "<span contentEditable=\"false\" style=\"border: 1px solid #aaa; padding: 2px 5px;\">".concat(numColumns.get(args.key), "</span>"));
+                setFormula(replaceFormula);
+                setHtml(replaceHtml);
+                setDropdownVisible(false);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function onClick(_x) {
+        return _onClick.apply(this, arguments);
+      }
+
+      return onClick;
+    }()
+  }, keys.map(function (key) {
+    return /*#__PURE__*/_react2.default.createElement(_antd.Menu.Item, {
+      key: key
+    }, numColumns.get(key));
+  }));
+
+  var handleChange = function handleChange(e) {
+    var current = inputRef.current;
+    setFormula(e.currentTarget.textContent);
+    setHtml(current.innerHTML);
+
+    if (e.currentTarget.textContent == '' && onChange) {
+      onChange(null);
+    }
+  };
+
+  var handleKeyDown = function handleKeyDown(e) {
+    var key = e.key;
+
+    switch (key) {
+      case 'Enter':
+        e.preventDefault();
+        break;
+
+      case '@':
+      case 'Process':
+        setDropdownVisible(true);
+        break;
+
+      default:
+        setDropdownVisible(false);
+        break;
+    }
+  };
+
+  (0, _react.useFormEffects)(function () {
+    (0, _core.onFormSubmitValidateStart)(function () {
+      try {
+        math.evaluate(field.value, scope);
+        field.feedbacks = [];
+      } catch (_unused) {
+        field.setFeedback({
+          type: 'error',
+          code: 'FormulaError',
+          messages: [t('Formula error.')]
+        });
+      }
+    });
+  });
+  return /*#__PURE__*/_react2.default.createElement(_antd.Dropdown, {
+    overlay: menu,
+    visible: dropdownVisible
+  }, /*#__PURE__*/_react2.default.createElement(_reactContenteditable.default, {
+    innerRef: inputRef,
+    className: "ant-input",
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    html: html || initHtml || ''
+  }));
+};
+
+var FormulaInput = (0, _react.connect)(AntdFormulaInput, (0, _react.mapProps)({}));
+exports.FormulaInput = FormulaInput;
+var _default = FormulaInput;
+exports.default = _default;

package/lib/schema-component/antd/formula-input/index.d.ts

@@ -0,0 +1 @@
+export declare const Formula: any;

package/lib/schema-component/antd/formula-input/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Formula = void 0;
+
+var _Compute = require("./Compute");
+
+var _FormulaInput = require("./FormulaInput");
+
+var Formula = function Formula() {
+  return null;
+};
+
+exports.Formula = Formula;
+Formula.Expression = _FormulaInput.FormulaInput;
+Formula.Result = _Compute.Compute;

package/lib/schema-component/antd/g2plot/G2Plot.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type ReactG2PlotProps<O> = {
+    readonly className?: string;
+    readonly plot: any;
+    readonly config: O;
+};
+export declare const G2PlotRenderer: React.ForwardRefExoticComponent<ReactG2PlotProps<unknown> & React.RefAttributes<unknown>>;
+export declare const G2Plot: any;

package/lib/schema-component/antd/g2plot/G2Plot.js

@@ -0,0 +1,148 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.G2PlotRenderer = exports.G2Plot = void 0;
+
+var _g2plot = require("@antv/g2plot");
+
+var _react = require("@formily/react");
+
+var _antd = require("antd");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _apiClient = require("../../../api-client");
+
+var _G2PlotDesigner = require("./G2PlotDesigner");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var plots = {
+  Area: _g2plot.Area,
+  Column: _g2plot.Column,
+  Line: _g2plot.Line,
+  Pie: _g2plot.Pie,
+  Bar: _g2plot.Bar
+};
+var G2PlotRenderer = /*#__PURE__*/(0, _react2.forwardRef)(function (props, ref) {
+  var className = props.className,
+      plot = props.plot,
+      config = props.config;
+  var containerRef = (0, _react2.useRef)(undefined);
+  var plotRef = (0, _react2.useRef)(undefined);
+
+  function syncRef(source, target) {
+    if (typeof target === 'function') {
+      target(source.current);
+    } else if (target) {
+      target.current = source.current;
+    }
+  }
+
+  function renderPlot() {
+    if (plotRef.current) {
+      plotRef.current.update(config);
+    } else {
+      plotRef.current = new plot(containerRef.current, config);
+      plotRef.current.render();
+    }
+
+    syncRef(plotRef, ref);
+  }
+
+  function destoryPlot() {
+    if (plotRef.current) {
+      plotRef.current.destroy();
+      plotRef.current = undefined;
+    }
+  }
+
+  (0, _react2.useEffect)(function () {
+    renderPlot();
+    return function () {
+      return destoryPlot();
+    };
+  }, [config, plot]);
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _classnames.default)(['g2plot', className]),
+    ref: containerRef
+  });
+});
+exports.G2PlotRenderer = G2PlotRenderer;
+var G2Plot = (0, _react.observer)(function (props) {
+  var _field$data;
+
+  var plot = props.plot,
+      config = props.config;
+  var field = (0, _react.useField)();
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var api = (0, _apiClient.useAPIClient)();
+  (0, _react2.useEffect)(function () {
+    field.data = field.data || {};
+    field.data.loading = true;
+    var fn = config === null || config === void 0 ? void 0 : config.data;
+
+    if (typeof fn === 'function') {
+      var result = fn.bind({
+        api: api
+      })();
+
+      if (result === null || result === void 0 ? void 0 : result.then) {
+        result.then(function (data) {
+          if (Array.isArray(data)) {
+            field.componentProps.config.data = data;
+          }
+
+          field.data.loading = false;
+        });
+      } else {
+        field.data.loading = false;
+      }
+    } else {
+      field.data.loading = false;
+    }
+  }, []);
+
+  if (!plot || !config) {
+    return /*#__PURE__*/_react2.default.createElement("div", {
+      style: {
+        opacity: 0.3
+      }
+    }, t('In configuration'), "...");
+  }
+
+  if ((field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.loading) !== false) {
+    return /*#__PURE__*/_react2.default.createElement(_antd.Spin, null);
+  }
+
+  return /*#__PURE__*/_react2.default.createElement("div", null, field.title && /*#__PURE__*/_react2.default.createElement("h2", null, field.title), /*#__PURE__*/_react2.default.createElement(G2PlotRenderer, {
+    plot: plots[plot],
+    config: _objectSpread(_objectSpread({}, config), {}, {
+      data: Array.isArray(config === null || config === void 0 ? void 0 : config.data) ? config.data : []
+    })
+  }));
+});
+exports.G2Plot = G2Plot;
+G2Plot.Designer = _G2PlotDesigner.G2PlotDesigner;
+G2Plot.plots = plots;

package/lib/schema-component/antd/g2plot/G2PlotDesigner.d.ts

@@ -0,0 +1 @@
+export declare const G2PlotDesigner: () => JSX.Element;

package/lib/schema-component/antd/g2plot/G2PlotDesigner.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.G2PlotDesigner = void 0;
+
+var _react = require("@formily/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _apiClient = require("../../../api-client");
+
+var _schemaSettings = require("../../../schema-settings");
+
+var _hooks = require("../../hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var validateJSON = {
+  validator: "{{(value, rule)=> {\n    if (!value) {\n      return '';\n    }\n    try {\n      const val = JSON.parse(value);\n      if(!isNaN(val)) {\n        return false;\n      }\n      return true;\n    } catch(error) {\n      console.error(error);\n      return false;\n    }\n  }}}",
+  message: '{{t("Invalid JSON format")}}'
+};
+
+var G2PlotDesigner = function G2PlotDesigner() {
+  var _fieldSchema$xCompon, _fieldSchema$xCompon2, _fieldSchema$xCompon3;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useDesignable = (0, _hooks.useDesignable)(),
+      dn = _useDesignable.dn;
+
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var field = (0, _react.useField)();
+  var compile = (0, _hooks.useCompile)();
+  var api = (0, _apiClient.useAPIClient)();
+  return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, null, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    title: t('Edit chart'),
+    schema: {
+      type: 'object',
+      title: t('Edit chart'),
+      properties: {
+        title: {
+          title: t('Chart title'),
+          type: 'string',
+          default: fieldSchema.title,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input'
+        },
+        plot: {
+          title: t('Chart type'),
+          type: 'string',
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon.plot,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input',
+          'x-disabled': !!(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : _fieldSchema$xCompon2.plot)
+        },
+        config: {
+          title: t('Chart config'),
+          type: 'string',
+          default: JSON.stringify(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon3 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon3 === void 0 ? void 0 : _fieldSchema$xCompon3.config, null, 2),
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {
+            autoSize: {
+              minRows: 8,
+              maxRows: 16
+            }
+          },
+          'x-validator': validateJSON
+        }
+      }
+    },
+    // {{ fetchData(api, { url: 'chartData:get' }) }}
+    onSubmit: function () {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var plot, title, config, conf, fn, result;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                plot = _ref.plot, title = _ref.title, config = _ref.config;
+                field.title = compile(title);
+                field.componentProps.plot = plot;
+                conf = compile(JSON.parse(config));
+                fn = conf === null || conf === void 0 ? void 0 : conf.data;
+
+                if (typeof fn === 'function') {
+                  result = fn.bind({
+                    api: api
+                  })();
+
+                  if (result === null || result === void 0 ? void 0 : result.then) {
+                    result.then(function (data) {
+                      if (Array.isArray(data)) {
+                        field.componentProps.config.data = data;
+                      }
+                    });
+                  }
+                } else {
+                  field.componentProps.config = conf;
+                }
+
+                fieldSchema.title = title;
+                fieldSchema['x-component-props']['plot'] = plot;
+                fieldSchema['x-component-props']['config'] = JSON.parse(config);
+                dn.emit('patch', {
+                  schema: {
+                    title: title,
+                    'x-uid': fieldSchema['x-uid'],
+                    'x-component-props': fieldSchema['x-component-props']
+                  }
+                });
+                dn.refresh();
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function onSubmit(_x) {
+        return _onSubmit.apply(this, arguments);
+      }
+
+      return onSubmit;
+    }()
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
+
+exports.G2PlotDesigner = G2PlotDesigner;

package/lib/schema-component/antd/g2plot/index.d.ts

@@ -0,0 +1 @@
+export * from './G2Plot';

package/lib/schema-component/antd/{chart → g2plot}/index.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Chart = require("./Chart");
+var _G2Plot = require("./G2Plot");
 
-Object.keys(_Chart).forEach(function (key) {
+Object.keys(_G2Plot).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Chart[key]) return;
+  if (key in exports && exports[key] === _G2Plot[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Chart[key];
+      return _G2Plot[key];
     }
   });
 });

package/lib/schema-component/antd/grid/Grid.js

@@ -109,7 +109,7 @@ var RowDivider = function RowDivider(props) {
     ref: setNodeRef,
     className: (0, _classnames.default)('nb-row-divider', (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        "])))),
     style: _objectSpread({
-      zIndex: active ? 1000 : 0
+      zIndex: active ? 1000 : -1
     }, droppableStyle)
   });
 };
@@ -247,7 +247,7 @@ Grid.Row = (0, _react.observer)(function (props) {
       cols: cols
     }
   }, /*#__PURE__*/_react2.default.createElement("div", {
-    className: (0, _classnames.default)('nb-grid-row', (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            z-index: 0;\n          "]))))
+    className: (0, _classnames.default)('nb-grid-row', (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            /* z-index: 0; */\n          "]))))
   }, /*#__PURE__*/_react2.default.createElement(ColDivider, {
     id: "".concat(addr, "_0"),
     data: {
@@ -281,6 +281,6 @@ Grid.Col = (0, _react.observer)(function (props) {
     style: {
       width: width
     },
-    className: (0, _classnames.default)('nb-grid-col', (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          position: relative;\n          z-index: 0;\n        "]))))
+    className: (0, _classnames.default)('nb-grid-col', (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          position: relative;\n          /* z-index: 0; */\n        "]))))
   }, props.children);
 });

package/lib/schema-component/antd/index.d.ts

@@ -3,7 +3,6 @@ export * from './block-item';
 export * from './calendar';
 export * from './card-item';
 export * from './cascader';
-export * from './chart';
 export * from './checkbox';
 export * from './color-select';
 export * from './date-picker';
@@ -11,6 +10,8 @@ export * from './filter';
 export * from './form';
 export * from './form-item';
 export * from './form-v2';
+export * from './formula-input';
+export * from './g2plot';
 export * from './grid';
 export * from './icon-picker';
 export * from './input';
@@ -21,6 +22,7 @@ export * from './menu';
 export * from './page';
 export * from './pagination';
 export * from './password';
+export * from './percent';
 export * from './radio';
 export * from './record-picker';
 export * from './rich-text';

package/lib/schema-component/antd/index.js

@@ -69,19 +69,6 @@ Object.keys(_cascader).forEach(function (key) {
   });
 });
 
-var _chart = require("./chart");
-
-Object.keys(_chart).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chart[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _chart[key];
-    }
-  });
-});
-
 var _checkbox = require("./checkbox");
 
 Object.keys(_checkbox).forEach(function (key) {
@@ -173,6 +160,32 @@ Object.keys(_formV).forEach(function (key) {
   });
 });
 
+var _formulaInput = require("./formula-input");
+
+Object.keys(_formulaInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formulaInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _formulaInput[key];
+    }
+  });
+});
+
+var _g2plot = require("./g2plot");
+
+Object.keys(_g2plot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _g2plot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _g2plot[key];
+    }
+  });
+});
+
 var _grid = require("./grid");
 
 Object.keys(_grid).forEach(function (key) {
@@ -303,6 +316,19 @@ Object.keys(_password).forEach(function (key) {
   });
 });
 
+var _percent = require("./percent");
+
+Object.keys(_percent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _percent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _percent[key];
+    }
+  });
+});
+
 var _radio = require("./radio");
 
 Object.keys(_radio).forEach(function (key) {