@nocobase/plugin-data-visualization 0.10.1-alpha.1

package/lib/client/block/ChartConfigure.js

@@ -0,0 +1,501 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartConfigure = exports.ChartConfigContext = void 0;
+function _icons() {
+  const data = require("@ant-design/icons");
+  _icons = function _icons() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("@formily/antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _core() {
+  const data = require("@formily/core");
+  _core = function _core() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _antd2() {
+  const data = require("antd");
+  _antd2 = function _antd2() {
+    return data;
+  };
+  return data;
+}
+function _lodash() {
+  const data = require("lodash");
+  _lodash = function _lodash() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _reactI18next() {
+  const data = require("react-i18next");
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+  return data;
+}
+var _hooks = require("../hooks");
+var _locale = require("../locale");
+var _renderer = require("../renderer");
+var _utils = require("../utils");
+var _configure = require("./schemas/configure");
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const Paragraph = _antd2().Typography.Paragraph,
+  Text = _antd2().Typography.Text;
+const ChartConfigContext = (0, _react2().createContext)({
+  visible: true
+});
+exports.ChartConfigContext = ChartConfigContext;
+const ChartConfigure = props => {
+  const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation.t;
+  const _useContext = (0, _react2().useContext)(ChartConfigContext),
+    visible = _useContext.visible,
+    setVisible = _useContext.setVisible,
+    current = _useContext.current;
+  const _ref = current || {},
+    schema = _ref.schema,
+    field = _ref.field,
+    collection = _ref.collection;
+  const _useDesignable = (0, _client().useDesignable)(),
+    dn = _useDesignable.dn;
+  const insert = props.insert;
+  const charts = (0, _renderer.useCharts)();
+  const fields = (0, _hooks.useFieldsWithAssociation)(collection);
+  const initChart = (overwrite = false) => {
+    var _form$values$config;
+    if (!form.modified) {
+      return;
+    }
+    const chartType = (_form$values$config = form.values.config) === null || _form$values$config === void 0 ? void 0 : _form$values$config.chartType;
+    if (!chartType) {
+      return;
+    }
+    const chart = charts[chartType];
+    const init = chart === null || chart === void 0 ? void 0 : chart.init;
+    if (!init) {
+      if (overwrite) {
+        form.values.config.general = {};
+        form.values.config.advanced = {};
+      }
+      return;
+    }
+    const query = form.values.query;
+    const selectedFields = (0, _utils.getSelectedFields)(fields, query);
+    const _init = init(selectedFields, query),
+      general = _init.general,
+      advanced = _init.advanced;
+    if (general || overwrite) {
+      form.values.config.general = general;
+    }
+    if (advanced || overwrite) {
+      form.values.config.advanced = advanced || {};
+    }
+  };
+  const _React$useState = _react2().default.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    measures = _React$useState2[0],
+    setMeasures = _React$useState2[1];
+  const _React$useState3 = _react2().default.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    dimensions = _React$useState4[0],
+    setDimensions = _React$useState4[1];
+  const queryReact = (form, reaction) => {
+    var _form$values$query, _form$values$query2;
+    const currentMeasures = ((_form$values$query = form.values.query) === null || _form$values$query === void 0 ? void 0 : _form$values$query.measures.filter(item => item.field)) || [];
+    const currentDimensions = ((_form$values$query2 = form.values.query) === null || _form$values$query2 === void 0 ? void 0 : _form$values$query2.dimensions.filter(item => item.field)) || [];
+    if ((0, _lodash().isEqual)(currentMeasures, measures) && (0, _lodash().isEqual)(currentDimensions, dimensions)) {
+      return;
+    }
+    reaction === null || reaction === void 0 ? void 0 : reaction();
+    setMeasures((0, _lodash().cloneDeep)(currentMeasures));
+    setDimensions((0, _lodash().cloneDeep)(currentDimensions));
+  };
+  const chartTypes = (0, _renderer.useChartTypes)();
+  const form = (0, _react2().useMemo)(() => {
+    var _chartTypes$, _chartTypes$$children, _chartTypes$$children2;
+    const chartType = (_chartTypes$ = chartTypes[0]) === null || _chartTypes$ === void 0 ? void 0 : (_chartTypes$$children = _chartTypes$.children) === null || _chartTypes$$children === void 0 ? void 0 : (_chartTypes$$children2 = _chartTypes$$children[0]) === null || _chartTypes$$children2 === void 0 ? void 0 : _chartTypes$$children2.value;
+    return (0, _core().createForm)({
+      values: _objectSpread(_objectSpread({
+        config: {
+          chartType
+        }
+      }, schema === null || schema === void 0 ? void 0 : schema['x-decorator-props']), {}, {
+        collection,
+        data: ''
+      }),
+      effects: form => {
+        (0, _core().onFieldChange)('config.chartType', () => initChart(true));
+        (0, _core().onFormInit)(() => queryReact(form));
+      }
+    });
+  },
+  // visible, collection added here to re-initialize form when visible, collection change
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [schema, visible, collection]);
+  const runQuery = (0, _react2().useRef)(null);
+  const RunButton = () => {
+    const _React$useState5 = _react2().default.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      loading = _React$useState6[0],
+      setLoading = _React$useState6[1];
+    return _react2().default.createElement(_antd2().Button, {
+      type: "link",
+      loading: loading,
+      icon: _react2().default.createElement(_icons().RightSquareOutlined, null),
+      onClick: function () {
+        var _onClick = _asyncToGenerator(function* () {
+          const queryField = form.query('query').take();
+          try {
+            yield queryField === null || queryField === void 0 ? void 0 : queryField.validate();
+          } catch (e) {
+            return;
+          }
+          setLoading(true);
+          try {
+            yield runQuery === null || runQuery === void 0 ? void 0 : runQuery.current(form.values.query);
+          } catch (e) {
+            console.log(e);
+          }
+          queryReact(form, initChart);
+          setLoading(false);
+        });
+        function onClick() {
+          return _onClick.apply(this, arguments);
+        }
+        return onClick;
+      }()
+    }, t('Run query'));
+  };
+  const queryRef = (0, _react2().useRef)(null);
+  const configRef = (0, _react2().useRef)(null);
+  return _react2().default.createElement(_antd2().Modal, {
+    title: t('Configure chart'),
+    open: visible,
+    onOk: () => {
+      const _form$values = form.values,
+        query = _form$values.query,
+        config = _form$values.config,
+        transform = _form$values.transform,
+        mode = _form$values.mode;
+      const rendererProps = {
+        query,
+        config,
+        collection,
+        transform,
+        mode: mode || 'builder'
+      };
+      if (schema && schema['x-uid']) {
+        schema['x-decorator-props'] = rendererProps;
+        field.decoratorProps = rendererProps;
+        field['x-acl-action'] = `${collection}:list`;
+        dn.emit('patch', {
+          schema
+        });
+        setVisible(false);
+        queryRef.current.scrollTop = 0;
+        configRef.current.scrollTop = 0;
+        return;
+      }
+      insert((0, _utils.createRendererSchema)(rendererProps), {
+        onSuccess: () => setVisible(false),
+        wrap: _client().gridRowColWrap
+      });
+    },
+    onCancel: () => {
+      _antd2().Modal.confirm({
+        title: t('Are you sure to cancel?'),
+        content: t('You changes are not saved. If you click OK, your changes will be lost.'),
+        okButtonProps: {
+          danger: true
+        },
+        onOk: () => {
+          setVisible(false);
+          queryRef.current.scrollTop = 0;
+          configRef.current.scrollTop = 0;
+        }
+      });
+    },
+    width: '95%',
+    bodyStyle: {
+      background: 'rgba(128, 128, 128, 0.08)'
+    }
+  }, _react2().default.createElement(_antd().Form, {
+    layout: "vertical",
+    form: form
+  }, _react2().default.createElement(_antd2().Row, {
+    gutter: 8
+  }, _react2().default.createElement(_antd2().Col, {
+    span: 7
+  }, _react2().default.createElement(_antd2().Card, {
+    style: {
+      height: 'calc(100vh - 300px)',
+      overflow: 'scroll'
+    },
+    ref: queryRef
+  }, _react2().default.createElement(_antd2().Tabs, {
+    tabBarExtraContent: _react2().default.createElement(RunButton, null),
+    items: [{
+      label: t('Query'),
+      key: 'query',
+      children: _react2().default.createElement(ChartConfigure.Query, null)
+    }, {
+      label: t('Data'),
+      key: 'data',
+      children: _react2().default.createElement(ChartConfigure.Data, null)
+    }]
+  }))), _react2().default.createElement(_antd2().Col, {
+    span: 6
+  }, _react2().default.createElement(_antd2().Card, {
+    style: {
+      height: 'calc(100vh - 300px)',
+      overflow: 'scroll'
+    },
+    ref: configRef
+  }, _react2().default.createElement(_antd2().Tabs, {
+    items: [{
+      label: t('Chart'),
+      key: 'chart',
+      children: _react2().default.createElement(ChartConfigure.Config, null)
+    }, {
+      label: t('Transform'),
+      key: 'transform',
+      children: _react2().default.createElement(ChartConfigure.Transform, null)
+    }]
+  }))), _react2().default.createElement(_antd2().Col, {
+    span: 11
+  }, _react2().default.createElement(_antd2().Card, null, _react2().default.createElement(ChartConfigure.Renderer, {
+    runQuery: runQuery
+  }))))));
+};
+exports.ChartConfigure = ChartConfigure;
+ChartConfigure.Renderer = function Renderer(props) {
+  const _useContext2 = (0, _react2().useContext)(ChartConfigContext),
+    current = _useContext2.current;
+  const _ref2 = current || {},
+    collection = _ref2.collection;
+  return _react2().default.createElement(_react().FormConsumer, null, form => {
+    // Any change of config and transform will trigger rerender
+    // Change of query only trigger rerender when "Run query" button is clicked
+    const config = (0, _lodash().cloneDeep)(form.values.config);
+    const transform = (0, _lodash().cloneDeep)(form.values.transform);
+    return _react2().default.createElement(_renderer.ChartRendererProvider, {
+      collection: collection,
+      query: form.values.query,
+      config: config,
+      transform: transform,
+      mode: form.values.mode
+    }, _react2().default.createElement(_renderer.ChartRenderer, _objectSpread({
+      configuring: true
+    }, props)));
+  });
+};
+ChartConfigure.Query = function Query() {
+  const _useChartsTranslation2 = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation2.t;
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+    lang = _useTranslation.t;
+  const fields = (0, _hooks.useFieldsWithAssociation)();
+  const useFormatterOptions = (0, _hooks.useFormatters)(fields);
+  const collectionOptions = (0, _hooks.useCollectionOptions)();
+  const _useContext3 = (0, _react2().useContext)(ChartConfigContext),
+    current = _useContext3.current,
+    setCurrent = _useContext3.setCurrent;
+  const _ref3 = current || {},
+    collection = _ref3.collection;
+  const fieldOptions = (0, _client().useCollectionFieldsOptions)(collection, 1);
+  const compiledFieldOptions = _react().Schema.compile(fieldOptions, {
+    t: lang
+  });
+  const filterOptions = (0, _client().useCollectionFilterOptions)(collection);
+  const formCollapse = _antd().FormCollapse.createFormCollapse(['measures', 'dimensions', 'filter', 'sort']);
+  const onCollectionChange = value => {
+    const schema = current.schema,
+      field = current.field;
+    const newSchema = _objectSpread({}, schema);
+    newSchema['x-decorator-props'] = {
+      collection: value
+    };
+    newSchema['x-acl-action'] = `${value}:list`;
+    setCurrent({
+      schema: newSchema,
+      field,
+      collection: value
+    });
+  };
+  const FromSql = () => _react2().default.createElement(Text, {
+    code: true
+  }, "From ", _react2().default.createElement("span", {
+    style: {
+      color: '#1890ff'
+    }
+  }, current === null || current === void 0 ? void 0 : current.collection));
+  return _react2().default.createElement(_client().SchemaComponent, {
+    schema: _configure.querySchema,
+    scope: {
+      t,
+      formCollapse,
+      fieldOptions: compiledFieldOptions,
+      filterOptions,
+      useOrderOptions: (0, _hooks.useOrderFieldsOptions)(compiledFieldOptions, fields),
+      collectionOptions,
+      useFormatterOptions,
+      onCollectionChange,
+      collection: current === null || current === void 0 ? void 0 : current.collection,
+      useOrderReaction: (0, _hooks.useOrderReaction)(compiledFieldOptions, fields)
+    },
+    components: {
+      ArrayItems: _antd().ArrayItems,
+      Editable: _antd().Editable,
+      FormCollapse: _antd().FormCollapse,
+      Card: _antd2().Card,
+      Switch: _antd().Switch,
+      Select: _client().Select,
+      Input: _client().Input,
+      InputNumber: _client().InputNumber,
+      FormItem: _antd().FormItem,
+      Radio: _client().Radio,
+      Space: _antd2().Space,
+      Filter: _client().Filter,
+      DatePicker: _client().DatePicker,
+      Text,
+      FromSql,
+      Cascader: _client().Cascader
+    }
+  });
+};
+ChartConfigure.Config = function Config() {
+  const _useChartsTranslation3 = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation3.t;
+  const chartTypes = (0, _renderer.useChartTypes)();
+  const fields = (0, _hooks.useFieldsWithAssociation)();
+  const charts = (0, _renderer.useCharts)();
+  const getChartFields = (0, _hooks.useChartFields)(fields);
+  const getReference = chartType => {
+    var _charts$chartType;
+    const reference = (_charts$chartType = charts[chartType]) === null || _charts$chartType === void 0 ? void 0 : _charts$chartType.reference;
+    if (!reference) return '';
+    const title = reference.title,
+      link = reference.link;
+    return _react2().default.createElement("span", null, t('Config reference: '), _react2().default.createElement("a", {
+      href: link,
+      target: "_blank",
+      rel: "noreferrer"
+    }, t(title)));
+  };
+  return _react2().default.createElement(_react().FormConsumer, null, form => {
+    var _form$values$config2;
+    const chartType = (_form$values$config2 = form.values.config) === null || _form$values$config2 === void 0 ? void 0 : _form$values$config2.chartType;
+    const chart = charts[chartType];
+    const schema = (chart === null || chart === void 0 ? void 0 : chart.schema) || {};
+    return _react2().default.createElement(_client().SchemaComponent, {
+      schema: (0, _configure.getConfigSchema)(schema),
+      scope: {
+        t,
+        chartTypes,
+        useChartFields: getChartFields,
+        getReference
+      },
+      components: {
+        Card: _antd2().Card,
+        Select: _client().Select,
+        Input: _client().Input,
+        FormItem: _antd().FormItem,
+        ArrayItems: _antd().ArrayItems,
+        Space: _antd2().Space,
+        AutoComplete: _client().AutoComplete
+      }
+    });
+  });
+};
+ChartConfigure.Transform = function Transform() {
+  const _useChartsTranslation4 = (0, _locale.useChartsTranslation)(),
+    t = _useChartsTranslation4.t;
+  const fields = (0, _hooks.useFieldsWithAssociation)();
+  const useFieldTypeOptions = (0, _hooks.useFieldTypes)(fields);
+  const getChartFields = (0, _hooks.useChartFields)(fields);
+  return _react2().default.createElement(_client().SchemaComponent, {
+    schema: _configure.transformSchema,
+    components: {
+      Select: _client().Select,
+      FormItem: _antd().FormItem,
+      ArrayItems: _antd().ArrayItems,
+      Space: _antd2().Space
+    },
+    scope: {
+      useChartFields: getChartFields,
+      useFieldTypeOptions,
+      useTransformers: _hooks.useTransformers,
+      t
+    }
+  });
+};
+ChartConfigure.Data = function Data() {
+  const _useContext4 = (0, _react2().useContext)(ChartConfigContext),
+    data = _useContext4.data;
+  const fields = (0, _hooks.useFieldsWithAssociation)();
+  return Array.isArray(data) ? _react2().default.createElement(_antd2().Table, {
+    dataSource: data,
+    columns: Object.keys(data[0] || {}).map(col => {
+      const field = (0, _utils.getField)(fields, col.split('.'));
+      return {
+        title: (field === null || field === void 0 ? void 0 : field.label) || col,
+        dataIndex: col,
+        key: col
+      };
+    }),
+    size: "small"
+  }) : _react2().default.createElement(_antd2().Alert, {
+    message: "Error",
+    type: "error",
+    description: data,
+    showIcon: true
+  });
+};

package/lib/client/block/formatters.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    datetime: {
+        label: string;
+        value: string;
+    }[];
+    date: {
+        label: string;
+        value: string;
+    }[];
+    time: {
+        label: string;
+        value: string;
+    }[];
+};
+export default _default;

package/lib/client/block/formatters.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _locale = require("../locale");
+var _default = {
+  datetime: [{
+    label: (0, _locale.lang)('YYYY'),
+    value: 'YYYY'
+  }, {
+    label: (0, _locale.lang)('MM'),
+    value: 'MM'
+  }, {
+    label: (0, _locale.lang)('DD'),
+    value: 'DD'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM'),
+    value: 'YYYY-MM'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM-DD'),
+    value: 'YYYY-MM-DD'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM-DD hh:mm'),
+    value: 'YYYY-MM-DD hh:mm'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM-DD hh:mm:ss'),
+    value: 'YYYY-MM-DD hh:mm:ss'
+  }],
+  date: [{
+    label: (0, _locale.lang)('YYYY'),
+    value: 'YYYY'
+  }, {
+    label: (0, _locale.lang)('MM'),
+    value: 'MM'
+  }, {
+    label: (0, _locale.lang)('DD'),
+    value: 'DD'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM'),
+    value: 'YYYY-MM'
+  }, {
+    label: (0, _locale.lang)('YYYY-MM-DD'),
+    value: 'YYYY-MM-DD'
+  }],
+  time: [{
+    label: (0, _locale.lang)('hh:mm:ss'),
+    value: 'hh:mm:ss'
+  }, {
+    label: (0, _locale.lang)('hh:mm'),
+    value: 'hh:mm'
+  }, {
+    label: (0, _locale.lang)('hh'),
+    value: 'hh'
+  }]
+};
+exports.default = _default;

package/lib/client/block/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ChartBlock';
+export * from './ChartBlockDesigner';
+export * from './ChartBlockInitializer';
+export * from './ChartConfigure';

package/lib/client/block/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartBlock = require("./ChartBlock");
+Object.keys(_ChartBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartBlock[key];
+    }
+  });
+});
+var _ChartBlockDesigner = require("./ChartBlockDesigner");
+Object.keys(_ChartBlockDesigner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartBlockDesigner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartBlockDesigner[key];
+    }
+  });
+});
+var _ChartBlockInitializer = require("./ChartBlockInitializer");
+Object.keys(_ChartBlockInitializer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartBlockInitializer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartBlockInitializer[key];
+    }
+  });
+});
+var _ChartConfigure = require("./ChartConfigure");
+Object.keys(_ChartConfigure).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartConfigure[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChartConfigure[key];
+    }
+  });
+});

package/lib/client/block/schemas/configure.d.ts

@@ -0,0 +1,4 @@
+import { ISchema } from '@formily/react';
+export declare const getConfigSchema: (general: any) => ISchema;
+export declare const querySchema: ISchema;
+export declare const transformSchema: ISchema;