form-render-v3 3.0.0-alpha.1

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TimePicker = _interopRequireDefault(require("../../components/TimePicker"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+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; } /**
+ * Updated by Tw93 on 2019-12-08.
+ * 日历多选组件
+ */
+var RangePicker = _TimePicker.default.RangePicker;
+var TimeRange = function TimeRange(_ref) {
+  var onChange = _ref.onChange,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'time' : _ref$format,
+    value = _ref.value,
+    style = _ref.style,
+    schema = _ref.schema;
+  var _a, _b;
+  var timeFormat = (0, _utils.getFormat)(format);
+  var _ref2 = Array.isArray(value) ? value : [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    start = _ref3[0],
+    end = _ref3[1];
+  var _value = start && end ? [(0, _dayjs.default)(start, ((_a = schema === null || schema === void 0 ? void 0 : schema.props) === null || _a === void 0 ? void 0 : _a.format) || timeFormat), (0, _dayjs.default)(end, ((_b = schema === null || schema === void 0 ? void 0 : schema.props) === null || _b === void 0 ? void 0 : _b.format) || timeFormat)] : [];
+  var handleChange = function handleChange(_, stringList) {
+    var emptyList1 = stringList[0] === '' || stringList[1] === '';
+    var emptyList2 = stringList[0] === undefined || stringList[1] === undefined;
+    if (emptyList1 || emptyList2) {
+      onChange(undefined);
+    } else {
+      onChange(stringList);
+    }
+  };
+  var timeParams = Object.assign({
+    style: Object.assign({
+      width: '100%'
+    }, style),
+    value: _value,
+    onChange: handleChange
+  }, schema.props || {});
+  return /*#__PURE__*/_react.default.createElement(RangePicker, Object.assign({}, timeParams));
+};
+var _default = exports.default = TimeRange;

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/tree-select/style");
+var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_treeSelect.default);

package/lib/widgets/fields/upload/index.css

@@ -0,0 +1,28 @@
+.fr-upload-mod,
+.fr-upload-file {
+  display: flex;
+}
+.fr-upload-mod {
+  align-items: center;
+}
+.fr-upload-mod .fr-upload-preview {
+  margin: 0 12px;
+}
+.fr-upload-file .ant-upload-list-item {
+  margin: 5px 0 0 8px;
+}
+.fr-upload-file .ant-upload-list-item-name {
+  margin-right: 6px;
+}
+.fr-upload-file .ant-upload-list-item-info {
+  cursor: pointer;
+}
+.fr-upload-file .next-upload-list-text .next-upload-list-item-done,
+.fr-upload-file .next-upload-list-text .next-upload-list-item .next-icon {
+  height: 28px;
+  line-height: 28px;
+  margin-left: 12px;
+}
+.fr-upload-file .next-upload-list-item-name-wrap {
+  margin-top: -4px;
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ButtonProps } from 'antd/es/button';
+import './index.less';
+interface Props {
+    action: any;
+    value: string;
+    onChange: any;
+    uploadProps: any;
+    buttonProps: ButtonProps;
+    schema: any;
+}
+declare const FrUpload: ({ action, value, onChange, uploadProps, buttonProps, schema, }: Props) => React.JSX.Element;
+export default FrUpload;

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

@@ -0,0 +1,66 @@
+"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;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+require("antd/es/upload/style");
+var _upload = _interopRequireDefault(require("antd/es/upload"));
+var _UploadOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/UploadOutlined"));
+require("antd/es/message/style");
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodashEs = require("lodash-es");
+var _utils = require("../../utils");
+require("./index.css");
+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 }; }
+var FrUpload = function FrUpload(_ref) {
+  var action = _ref.action,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    uploadProps = _ref.uploadProps,
+    buttonProps = _ref.buttonProps,
+    schema = _ref.schema;
+  var configCtx = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  var t = (0, _utils.translation)(configCtx);
+  var props = Object.assign({
+    name: 'file',
+    type: 'file',
+    action: action,
+    onChange: function onChange(info) {
+      if (info.file.status === 'done') {
+        _message2.default.success("".concat(info.file.name, " ").concat(t('upload_success')));
+        var path = (0, _lodashEs.get)(schema, 'props.path', '');
+        var url = path ? (0, _lodashEs.get)(info.file.response, path) : info.file.response.url;
+        _onChange(url);
+      } else if (info.file.status === 'error') {
+        _message2.default.error("".concat(info.file.name, " ").concat(t('upload_fail')));
+      }
+    },
+    onRemove: function onRemove() {
+      _onChange('');
+    }
+  }, uploadProps);
+  var defaultBtnProps = {
+    icon: /*#__PURE__*/_react.default.createElement(_UploadOutlined2.default, null),
+    children: t('upload')
+  };
+  var btnProps = Object.assign(Object.assign({}, defaultBtnProps), buttonProps);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-upload-mod'
+  }, /*#__PURE__*/_react.default.createElement(_upload.default, Object.assign({}, props, {
+    className: 'fr-upload-file'
+  }), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, btnProps))), value && (/*#__PURE__*/_react.default.createElement("a", {
+    href: value,
+    target: '_blank',
+    rel: 'noopener noreferrer',
+    className: 'fr-upload-preview'
+  }, t('uploaded_address'))));
+};
+var _default = exports.default = FrUpload;

package/lib/widgets/fields/urlInput/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/urlInput/index.js

@@ -0,0 +1,72 @@
+"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;
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+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 }; }
+var UrlNode = function UrlNode(props) {
+  var configCtx = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  var t = (0, _utils.translation)(configCtx);
+  var value = props.value,
+    _props$addonText = props.addonText,
+    addonText = _props$addonText === void 0 ? t('test_src') : _props$addonText;
+  var useUrl = (0, _utils.isUrl)(value);
+  if (useUrl) {
+    return /*#__PURE__*/_react.default.createElement("a", {
+      target: "_blank",
+      href: value
+    }, addonText);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", null, addonText);
+};
+var UrlInput = function UrlInput(_a) {
+  var value = _a.value,
+    prefix = _a.prefix,
+    suffix = _a.suffix,
+    addonText = _a.addonText,
+    onChange = _a.onChange,
+    rest = (0, _tslib.__rest)(_a, ["value", "prefix", "suffix", "addonText", "onChange"]);
+  var _value = value || '';
+  if (prefix) {
+    _value = _value.replace(prefix, '');
+  }
+  if (suffix) {
+    _value = _value.replace(suffix, '');
+  }
+  var handleChange = function handleChange(e) {
+    var _value = e.target.value;
+    if (!_value) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_value);
+      return;
+    }
+    if (prefix) {
+      _value = prefix + _value;
+    }
+    if (suffix) {
+      _value = _value + suffix;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(_value);
+  };
+  return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
+    value: _value,
+    prefix: prefix,
+    suffix: suffix,
+    onChange: handleChange,
+    addonAfter: /*#__PURE__*/_react.default.createElement(UrlNode, {
+      value: value,
+      addonText: addonText
+    })
+  }, rest));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(UrlInput);

package/lib/widgets/index.d.ts

@@ -0,0 +1,33 @@
+export { default as Input } from './fields/input';
+export { default as InputNumber } from './fields/number';
+export { default as TextArea } from './fields/textArea';
+export { default as Select } from './fields/select';
+export { default as MultiSelect } from './fields/select';
+export { default as Switch } from './fields/switch';
+export { default as Radio } from './fields/radio';
+export { default as Rate } from './fields/rate';
+export { default as TreeSelect } from './fields/treeSelect';
+export { default as Checkbox } from './fields/checkbox';
+export { default as Checkboxes } from './fields/checkboxes';
+export { default as DatePicker } from './fields/date';
+export { default as DateRange } from './fields/dateRange';
+export { default as TimePicker } from './fields/time';
+export { default as TimeRange } from './fields/timeRange';
+export { default as ImageInput } from './fields/imageInput';
+export { default as UrlInput } from './fields/urlInput';
+export { default as Slider } from './fields/slider';
+export { default as Upload } from './fields/upload';
+export { default as Html } from './fields/html';
+export { default as PercentSlider } from './fields/percentSlider';
+export { default as Card } from './boxcard';
+export { default as Collapse } from './boxCollapse';
+export { default as SubInline } from './boxSubInline';
+export { default as LineTitle } from './boxLineTitle';
+export { default as SimpleList } from './listSimple';
+export { default as CardList } from './listCard';
+export { default as TableList } from './listTable';
+export { default as DrawerList } from './listDrawer';
+export { default as VirtualList } from './listVirtual';
+export { default as TabList } from './listTab';
+export { default as VoidTitle } from './voidTitle';
+export { default as ErrorSchema } from './ErrorSchema';

package/lib/widgets/index.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _boxcard.default;
+  }
+});
+Object.defineProperty(exports, "CardList", {
+  enumerable: true,
+  get: function get() {
+    return _listCard.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Checkboxes", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxes.default;
+  }
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function get() {
+    return _boxCollapse.default;
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _date.default;
+  }
+});
+Object.defineProperty(exports, "DateRange", {
+  enumerable: true,
+  get: function get() {
+    return _dateRange.default;
+  }
+});
+Object.defineProperty(exports, "DrawerList", {
+  enumerable: true,
+  get: function get() {
+    return _listDrawer.default;
+  }
+});
+Object.defineProperty(exports, "ErrorSchema", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorSchema.default;
+  }
+});
+Object.defineProperty(exports, "Html", {
+  enumerable: true,
+  get: function get() {
+    return _html.default;
+  }
+});
+Object.defineProperty(exports, "ImageInput", {
+  enumerable: true,
+  get: function get() {
+    return _imageInput.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input.default;
+  }
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _number.default;
+  }
+});
+Object.defineProperty(exports, "LineTitle", {
+  enumerable: true,
+  get: function get() {
+    return _boxLineTitle.default;
+  }
+});
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _select.default;
+  }
+});
+Object.defineProperty(exports, "PercentSlider", {
+  enumerable: true,
+  get: function get() {
+    return _percentSlider.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: function get() {
+    return _rate.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _select.default;
+  }
+});
+Object.defineProperty(exports, "SimpleList", {
+  enumerable: true,
+  get: function get() {
+    return _listSimple.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _slider.default;
+  }
+});
+Object.defineProperty(exports, "SubInline", {
+  enumerable: true,
+  get: function get() {
+    return _boxSubInline.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _switch.default;
+  }
+});
+Object.defineProperty(exports, "TabList", {
+  enumerable: true,
+  get: function get() {
+    return _listTab.default;
+  }
+});
+Object.defineProperty(exports, "TableList", {
+  enumerable: true,
+  get: function get() {
+    return _listTable.default;
+  }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return _textArea.default;
+  }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function get() {
+    return _time.default;
+  }
+});
+Object.defineProperty(exports, "TimeRange", {
+  enumerable: true,
+  get: function get() {
+    return _timeRange.default;
+  }
+});
+Object.defineProperty(exports, "TreeSelect", {
+  enumerable: true,
+  get: function get() {
+    return _treeSelect.default;
+  }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function get() {
+    return _upload.default;
+  }
+});
+Object.defineProperty(exports, "UrlInput", {
+  enumerable: true,
+  get: function get() {
+    return _urlInput.default;
+  }
+});
+Object.defineProperty(exports, "VirtualList", {
+  enumerable: true,
+  get: function get() {
+    return _listVirtual.default;
+  }
+});
+Object.defineProperty(exports, "VoidTitle", {
+  enumerable: true,
+  get: function get() {
+    return _voidTitle.default;
+  }
+});
+var _input = _interopRequireDefault(require("./fields/input"));
+var _number = _interopRequireDefault(require("./fields/number"));
+var _textArea = _interopRequireDefault(require("./fields/textArea"));
+var _select = _interopRequireDefault(require("./fields/select"));
+var _switch = _interopRequireDefault(require("./fields/switch"));
+var _radio = _interopRequireDefault(require("./fields/radio"));
+var _rate = _interopRequireDefault(require("./fields/rate"));
+var _treeSelect = _interopRequireDefault(require("./fields/treeSelect"));
+var _checkbox = _interopRequireDefault(require("./fields/checkbox"));
+var _checkboxes = _interopRequireDefault(require("./fields/checkboxes"));
+var _date = _interopRequireDefault(require("./fields/date"));
+var _dateRange = _interopRequireDefault(require("./fields/dateRange"));
+var _time = _interopRequireDefault(require("./fields/time"));
+var _timeRange = _interopRequireDefault(require("./fields/timeRange"));
+var _imageInput = _interopRequireDefault(require("./fields/imageInput"));
+var _urlInput = _interopRequireDefault(require("./fields/urlInput"));
+var _slider = _interopRequireDefault(require("./fields/slider"));
+var _upload = _interopRequireDefault(require("./fields/upload"));
+var _html = _interopRequireDefault(require("./fields/html"));
+var _percentSlider = _interopRequireDefault(require("./fields/percentSlider"));
+var _boxcard = _interopRequireDefault(require("./boxcard"));
+var _boxCollapse = _interopRequireDefault(require("./boxCollapse"));
+var _boxSubInline = _interopRequireDefault(require("./boxSubInline"));
+var _boxLineTitle = _interopRequireDefault(require("./boxLineTitle"));
+var _listSimple = _interopRequireDefault(require("./listSimple"));
+var _listCard = _interopRequireDefault(require("./listCard"));
+var _listTable = _interopRequireDefault(require("./listTable"));
+var _listDrawer = _interopRequireDefault(require("./listDrawer"));
+var _listVirtual = _interopRequireDefault(require("./listVirtual"));
+var _listTab = _interopRequireDefault(require("./listTab"));
+var _voidTitle = _interopRequireDefault(require("./voidTitle"));
+var _ErrorSchema = _interopRequireDefault(require("./ErrorSchema"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/widgets/listCard/index.css

@@ -0,0 +1,20 @@
+.fr-list-card {
+  margin-bottom: 24px;
+}
+.fr-list-card .fr-list-item {
+  display: flex;
+  align-items: flex-start;
+  position: relative;
+}
+.fr-list-card .fr-list-item-operate {
+  padding: 0 20px;
+  height: 32px;
+  gap: 0 !important;
+}
+.fr-list-card .fr-list-item-operate-fixed {
+  position: absolute;
+  right: 8px;
+}
+.fr-list-card .fr-list-add-btn {
+  padding: 0 8px;
+}

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

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