form-render-v3 3.0.0-alpha.1

package/lib/widgets/boxCollapse/index.css

@@ -0,0 +1,53 @@
+.fr-obj-collapse {
+  border-radius: 4px;
+  border: 1px solid #f1f1f1;
+  margin-bottom: 24px;
+}
+.fr-obj-collapse .collapse-title {
+  height: 24px;
+  color: #000000e0;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+}
+.fr-obj-collapse .fr-header-desc {
+  word-break: break-all;
+  color: rgba(0, 0, 0, 0.45);
+  margin-left: 6px;
+  font-weight: normal;
+}
+.fr-obj-collapse .header-item-label {
+  height: 14px;
+  margin-left: 30px;
+  color: black;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 14px;
+}
+.fr-obj-collapse .header-item-label span {
+  color: #141414;
+}
+.fr-obj-collapse .expand-icon-desc {
+  margin-left: 4px;
+}
+.fr-obj-collapse .ant-collapse-header {
+  display: flex;
+  align-items: center !important;
+  padding: 16px !important;
+  background-color: #fff;
+  border-radius: 4px !important;
+}
+.fr-obj-collapse .ant-collapse-header-text {
+  display: flex;
+  align-items: center;
+}
+.fr-obj-collapse .tag-no-data {
+  color: rgba(0, 0, 0, 0.65);
+}
+.fr-obj-collapse .ant-collapse-content-box {
+  padding: 12px 24px !important;
+}
+.fr-obj-collapse .ant-collapse-content-box .ant-skeleton-title,
+.fr-obj-collapse .ant-collapse-content-box .ant-skeleton-paragraph > li {
+  animation: none !important;
+}

package/lib/widgets/boxCollapse/index.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import './index.less';
+interface IProps {
+    className?: any;
+    style?: object;
+    children: any;
+    title?: string;
+    description?: any;
+    collapsed?: boolean;
+    displayType?: any;
+    bordered?: boolean;
+    ghost?: boolean;
+}
+/**
+ * 折叠面板
+ */
+declare const BoxCollapse: FC<IProps>;
+export default BoxCollapse;

package/lib/widgets/boxCollapse/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DownOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/DownOutlined"));
+require("antd/es/collapse/style");
+var _collapse = _interopRequireDefault(require("antd/es/collapse"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.css");
+var _PanelView = _interopRequireDefault(require("../components/PanelView"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var Panel = _collapse.default.Panel;
+/**
+ * 折叠面板
+ */
+var BoxCollapse = function BoxCollapse(props) {
+  var style = props.style,
+    children = props.children,
+    title = props.title,
+    description = props.description,
+    _props$collapsed = props.collapsed,
+    collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
+    displayType = props.displayType,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    _props$ghost = props.ghost,
+    ghost = _props$ghost === void 0 ? true : _props$ghost;
+  if (!title) {
+    return /*#__PURE__*/_react.default.createElement(_PanelView.default, {
+      bordered: displayType !== 'inline'
+    }, children);
+  }
+  var _useState = (0, _react.useState)(collapsed ? 'single' : ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var collapseHeader = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'collapse-title'
+  }, title), description && /*#__PURE__*/_react.default.createElement("span", {
+    className: 'fr-header-desc '
+  }, description));
+  var renderExpandIcon = function renderExpandIcon(_ref) {
+    var isActive = _ref.isActive;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'expand-icon-box'
+    }, /*#__PURE__*/_react.default.createElement(_DownOutlined2.default, {
+      rotate: isActive ? 0 : -90,
+      style: {
+        fontSize: '16px'
+      }
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_collapse.default, {
+    className: 'fr-obj-collapse',
+    style: style,
+    bordered: bordered,
+    ghost: ghost,
+    activeKey: [activeKey],
+    expandIcon: renderExpandIcon,
+    onChange: function onChange() {
+      return setActiveKey(activeKey ? '' : 'single');
+    }
+  }, /*#__PURE__*/_react.default.createElement(Panel, {
+    key: 'single',
+    header: collapseHeader,
+    forceRender: true
+  }, children));
+};
+var _default = exports.default = BoxCollapse;

package/lib/widgets/boxLineTitle/index.css

@@ -0,0 +1,18 @@
+.fr-obj-line-title .fr-obj-header {
+  line-height: 36px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.fr-obj-line-title .fr-header-title {
+  color: #000000e0;
+  font-size: 16px;
+  font-weight: 600;
+}
+.fr-obj-line-title .fr-header-desc {
+  word-break: break-all;
+  color: rgba(0, 0, 0, 0.45);
+  margin-left: 6px;
+  font-weight: normal;
+}
+.fr-obj-line-title .fr-obj-content {
+  padding: 24px 0 0 0;
+}

package/lib/widgets/boxLineTitle/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const FLineTitle: ({ children, title, description }: {
+    children: any;
+    title: any;
+    description: any;
+}) => React.JSX.Element;
+export default FLineTitle;

package/lib/widgets/boxLineTitle/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _PanelView = _interopRequireDefault(require("../components/PanelView"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var FLineTitle = function FLineTitle(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    description = _ref.description;
+  if (!title) {
+    return /*#__PURE__*/_react.default.createElement(_PanelView.default, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-obj-line-title'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-obj-header'
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: 'fr-header-title'
+  }, title), description && /*#__PURE__*/_react.default.createElement("span", {
+    className: 'fr-header-desc'
+  }, description)), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-obj-content'
+  }, children));
+};
+var _default = exports.default = FLineTitle;

package/lib/widgets/boxSubInline/index.css

@@ -0,0 +1,11 @@
+.fr-obj-subinline-label-hidden > .ant-form-item-row > .ant-form-item-label {
+  visibility: hidden;
+}
+.fr-obj-subinline-background > .ant-form-item-row > .ant-form-item-control {
+  background-color: #f6f6f6;
+  padding: 24px 24px 0 24px;
+  border-radius: 4px;
+}
+.fr-obj-subinline .ant-form-item-row {
+  flex-wrap: nowrap;
+}

package/lib/widgets/boxSubInline/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const BoxSubInline: (props: any) => React.JSX.Element;
+export default BoxSubInline;

package/lib/widgets/boxSubInline/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/form/style");
+var _form = _interopRequireDefault(require("antd/es/form"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var BoxSubInline = function BoxSubInline(props) {
+  var children = props.children,
+    title = props.title,
+    _props$hasBackground = props.hasBackground,
+    hasBackground = _props$hasBackground === void 0 ? true : _props$hasBackground,
+    description = props.description,
+    tooltip = props.tooltip,
+    fieldCol = props.fieldCol,
+    labelCol = props.labelCol,
+    labelWidth = props.labelWidth,
+    displayType = props.displayType,
+    rest = (0, _tslib.__rest)(props, ["children", "title", "hasBackground", "description", "tooltip", "fieldCol", "labelCol", "labelWidth", "displayType"]);
+  var _tooltip = null;
+  var _labelCol = {
+    span: 3
+  };
+  var _fieldCol = {
+    flex: 1
+  };
+  if (description) {
+    _tooltip = {
+      title: description
+    };
+  }
+  if (tooltip) {
+    _tooltip = tooltip;
+  }
+  if (labelWidth) {
+    _labelCol = {
+      flex: labelWidth + 'px'
+    };
+  }
+  if (labelCol) {
+    _labelCol = labelCol;
+  }
+  if (fieldCol) {
+    _fieldCol = fieldCol;
+  }
+  return /*#__PURE__*/_react.default.createElement(_form.default.Item, Object.assign({}, rest, {
+    className: (0, _classnames.default)('fr-obj-subinline', {
+      'fr-obj-subinline-label-hidden': !title,
+      'fr-obj-subinline-background': hasBackground
+    }),
+    label: title || 'notitle',
+    labelCol: _labelCol,
+    wrapperCol: _fieldCol,
+    tooltip: _tooltip
+  }), children);
+};
+var _default = exports.default = BoxSubInline;

package/lib/widgets/boxcard/index.css

@@ -0,0 +1,17 @@
+.fr-obj-card {
+  border-radius: 4px;
+  border-color: #f4f4f4;
+  margin-bottom: 24px !important;
+}
+.fr-obj-card .ant-card-head {
+  border: none;
+}
+.fr-obj-card .ant-card-body {
+  padding: 12px 24px !important;
+}
+.fr-obj-card .fr-header-desc {
+  word-break: break-all;
+  color: rgba(0, 0, 0, 0.45);
+  margin-left: 6px;
+  font-weight: normal;
+}

package/lib/widgets/boxcard/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+declare const BoxCard: ({ children, title, description }: {
+    children: any;
+    title: any;
+    description: any;
+}) => React.JSX.Element;
+export default BoxCard;

package/lib/widgets/boxcard/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/card/style");
+var _card = _interopRequireDefault(require("antd/es/card"));
+var _react = _interopRequireDefault(require("react"));
+var _PanelView = _interopRequireDefault(require("../components/PanelView"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var BoxCard = function BoxCard(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    description = _ref.description;
+  if (!title) {
+    return /*#__PURE__*/_react.default.createElement(_PanelView.default, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_card.default, {
+    className: 'fr-obj-card',
+    title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title, description && (/*#__PURE__*/_react.default.createElement("span", {
+      className: 'fr-header-desc '
+    }, description)))
+  }, children);
+};
+var _default = exports.default = BoxCard;

package/lib/widgets/components/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/es/date-picker/style/index';
+declare const DatePicker: any;
+export default DatePicker;

package/lib/widgets/components/DatePicker/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dayjs = _interopRequireDefault(require("rc-picker/es/generate/dayjs"));
+var _generatePicker = _interopRequireDefault(require("antd/es/date-picker/generatePicker"));
+require("antd/es/date-picker/style/index");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 修复 dayjs 生成配置中缺失的毫秒相关方法
+var enhancedDayjsConfig = Object.assign(Object.assign({}, _dayjs.default), {
+  // 添加缺失的毫秒相关方法
+  getMillisecond: function getMillisecond(date) {
+    return date.millisecond();
+  },
+  setMillisecond: function setMillisecond(date, millisecond) {
+    return date.millisecond(millisecond);
+  }
+});
+var DatePicker = (0, _generatePicker.default)(enhancedDayjsConfig);
+var _default = exports.default = DatePicker;

package/lib/widgets/components/FButton/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const HeaderTitle: (props: any) => React.JSX.Element;
+export default HeaderTitle;

package/lib/widgets/components/FButton/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var HeaderTitle = function HeaderTitle(props) {
+  var icon = props.icon,
+    children = props.children,
+    btnType = props.btnType,
+    otherProps = (0, _tslib.__rest)(props, ["icon", "children", "btnType"]);
+  var btnProps = Object.assign({}, otherProps);
+  if (btnType === 'icon') {
+    btnProps.icon = icon;
+    btnProps.size = 'small';
+  } else {
+    btnProps.children = children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    type: 'link',
+    style: {
+      padding: 0
+    }
+  }, btnProps));
+};
+var _default = exports.default = HeaderTitle;

package/lib/widgets/components/HeaderTitle/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const HeaderTitle: (props: any) => React.JSX.Element;
+export default HeaderTitle;

package/lib/widgets/components/HeaderTitle/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var HeaderTitle = function HeaderTitle(props) {
+  var title = props.title,
+    description = props.description;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-obj-header'
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: 'fr-header-title'
+  }, title), description && /*#__PURE__*/_react.default.createElement("span", {
+    className: 'fr-header-desc'
+  }, "( ", description, " )"));
+};
+var _default = exports.default = HeaderTitle;

package/lib/widgets/components/PanelView/index.css

@@ -0,0 +1,6 @@
+.fr-panel-bordered {
+  border-radius: 4px;
+  border: 1px solid #f4f4f4;
+  padding: 52px 24px 0px 24px;
+  margin-bottom: 24px;
+}

package/lib/widgets/components/PanelView/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const PanelView: ({ children, bordered }: any) => React.JSX.Element;
+export default PanelView;

package/lib/widgets/components/PanelView/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var PanelView = function PanelView(_ref) {
+  var children = _ref.children,
+    bordered = _ref.bordered;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('fr-panel', {
+      'fr-panel-bordered': bordered
+    })
+  }, children);
+};
+var _default = exports.default = PanelView;

package/lib/widgets/components/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+declare const TimePicker: any;
+export default TimePicker;

package/lib/widgets/components/TimePicker/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _DatePicker = _interopRequireDefault(require("../DatePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TimePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(_DatePicker.default, Object.assign({}, props, {
+    picker: 'time',
+    mode: undefined,
+    ref: ref
+  }));
+});
+TimePicker.displayName = 'TimePicker';
+TimePicker.RangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(_DatePicker.default.RangePicker, Object.assign({}, props, {
+    picker: 'time',
+    mode: undefined,
+    ref: ref
+  }));
+});
+var _default = exports.default = TimePicker;

package/lib/widgets/fields/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/checkbox/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/checkbox/style");
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var CheckBox = function CheckBox(_a) {
+  var title = _a.title,
+    rest = (0, _tslib.__rest)(_a, ["title"]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.default, Object.assign({}, rest)), /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      marginLeft: '12px'
+    }
+  }, title));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(CheckBox);

package/lib/widgets/fields/checkboxes/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/checkboxes/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/checkbox/style");
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var Checkboxes = function Checkboxes(props) {
+  var _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'row' : _props$direction,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    rest = (0, _tslib.__rest)(props, ["direction", "options"]);
+  if (direction === 'column') {
+    return /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, Object.assign({}, rest), /*#__PURE__*/_react.default.createElement(_space.default, {
+      direction: 'vertical'
+    }, options.map(function (item) {
+      var value = item.value,
+        label = item.label,
+        rest = (0, _tslib.__rest)(item, ["value", "label"]);
+      return /*#__PURE__*/_react.default.createElement(_checkbox.default, Object.assign({
+        key: value,
+        value: value
+      }, rest), label);
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, Object.assign({}, rest, {
+    options: options
+  }));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(Checkboxes);

package/lib/widgets/fields/date/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/date/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
+var _utils = require("../../utils");
+var _DatePicker = _interopRequireDefault(require("../../components/DatePicker"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+_dayjs.default.extend(_quarterOfYear.default);
+var DateCmpt = function DateCmpt(_a) {
+  var onChange = _a.onChange,
+    format = _a.format,
+    value = _a.value,
+    style = _a.style,
+    rest = (0, _tslib.__rest)(_a, ["onChange", "format", "value", "style"]);
+  var dateFormat = (0, _utils.getFormat)(format);
+  var valueObj = (0, _react.useMemo)(function () {
+    return (0, _utils.transformDateValue)(value, format, dateFormat);
+  }, [value]);
+  var handleChange = function handleChange(dateValue, dateString) {
+    var newValue = dateString;
+    if (format === 'week' || format === 'quarter') {
+      newValue = (0, _dayjs.default)(dateValue).format(dateFormat);
+    }
+    onChange(newValue);
+  };
+  var dateParams = {
+    value: valueObj,
+    style: Object.assign({
+      width: '100%'
+    }, style),
+    onChange: handleChange
+  };
+  // TODO: format 是在 options 里自定义的情况，是否要判断一下要不要 showTime
+  if (format === 'dateTime') {
+    dateParams.showTime = true;
+  }
+  if (['week', 'month', 'quarter', 'year'].indexOf(format) > -1) {
+    dateParams.picker = format;
+  }
+  if (dateFormat === format) {
+    dateParams.format = format;
+  }
+  return /*#__PURE__*/_react.default.createElement(_DatePicker.default, Object.assign({}, dateParams, rest));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(DateCmpt);