@hi-ui/schema-fields 4.0.0-experimental.1

package/lib/cjs/fields/basic/rating/index.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var Rating = require('@hi-ui/rating');
+var base = require('../../../base.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Rating__default = /*#__PURE__*/_interopDefaultCompat(Rating);
+var ProRating = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProRating, _ProField);
+  function ProRating() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProRating.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(Rating__default["default"], Object.assign({}, fieldProps));
+  };
+  return ProRating;
+}(base.ProField);
+exports.ProRating = ProRating;

package/lib/cjs/fields/basic/select/index.js

@@ -0,0 +1,98 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var Select = require('@hi-ui/select');
+var schemaOptionInjector = require('@hi-ui/schema-option-injector');
+var schemaInterruptInjector = require('@hi-ui/schema-interrupt-injector');
+var index = require('../../../extensible/selectable/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Select__default = /*#__PURE__*/_interopDefaultCompat(Select);
+var ProSelect = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProSelect, _ProSelectableField);
+  function ProSelect() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProSelect.prototype;
+  _proto.render = function render(data, ctx) {
+    var title = this.getOptionTitle(ctx) || data;
+    return _ProSelectableField.prototype.render.call(this, title, ctx);
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a, _b, _c;
+    var fieldProps = this.getFieldProps({
+      placeholder: this.getDftPlaceholder(ctx),
+      overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+    }, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(schemaOptionInjector.AsyncOptsDataInjector, Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: (_b = ctx.field.payload) === null || _b === void 0 ? void 0 : _b.setSelectedRawOption
+    }), /*#__PURE__*/React__default["default"].createElement(schemaInterruptInjector.InterruptInjector, {
+      config: (_c = ctx.field.control) === null || _c === void 0 ? void 0 : _c.interrupt
+    }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], null)));
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    // 首先尝试渲染已选中元素的标题
+    var selectedEl = this.renderEditableForStringSelected(data, ctx);
+    if (selectedEl) return selectedEl;
+    // 随后尝试渲染首次回显元素
+    var firstRefillEl = this.renderEditableForStringFirstRefill(data, ctx, {
+      dftRender: _ProSelectableField.prototype.renderEditable.bind(this),
+      RefillComponent: SelectRefillPlaceholder
+    });
+    if (firstRefillEl) return firstRefillEl;
+    return _ProSelectableField.prototype.renderEditable.call(this, data, ctx, {
+      suffix: this.suffixEl
+    });
+  };
+  return ProSelect;
+}(index.ProSelectableField);
+function SelectRefillPlaceholder(props) {
+  var _a, _b, _c;
+  var _props$data = props.data,
+    options = _props$data === void 0 ? [] : _props$data,
+    ctx = props.ctx,
+    fieldNames = props.fieldNames,
+    instance = props.instance;
+  var _ref = fieldNames || {},
+    _ref$id = _ref.id,
+    idFieldKey = _ref$id === void 0 ? 'id' : _ref$id,
+    _ref$title = _ref.title,
+    titleFieldKey = _ref$title === void 0 ? 'title' : _ref$title;
+  try {
+    var matchedOpts = options.filter(function (item) {
+      return item[idFieldKey] === props.value;
+    });
+    var displayTitle = (_a = matchedOpts[0]) === null || _a === void 0 ? void 0 : _a[titleFieldKey];
+    // 最终是显示字符串，所以直接使用 dftRender 渲染
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (_b = props.dftRender) === null || _b === void 0 ? void 0 : _b.call(props, displayTitle, ctx, {
+      suffix: instance.suffixEl
+    }));
+  } catch (error) {
+    console.error('SelectRefillPlaceholder', error);
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (_c = props.dftRender) === null || _c === void 0 ? void 0 : _c.call(props, props.value, ctx, {
+      suffix: instance.suffixEl
+    }));
+  }
+}
+exports.ProSelect = ProSelect;
+exports.SelectRefillPlaceholder = SelectRefillPlaceholder;

package/lib/cjs/fields/basic/slider/index.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var Slider = require('@hi-ui/slider');
+var base = require('../../../base.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Slider__default = /*#__PURE__*/_interopDefaultCompat(Slider);
+var ProSlider = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProSlider, _ProField);
+  function ProSlider() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProSlider.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], Object.assign({}, fieldProps));
+  };
+  return ProSlider;
+}(base.ProField);
+exports.ProSlider = ProSlider;

package/lib/cjs/fields/basic/switch/index.js

@@ -0,0 +1,47 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var Switch = require('@hi-ui/switch');
+var schemaInterruptInjector = require('@hi-ui/schema-interrupt-injector');
+var base = require('../../../base.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Switch__default = /*#__PURE__*/_interopDefaultCompat(Switch);
+var ProSwitch = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProSwitch, _ProField);
+  function ProSwitch() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProSwitch.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a;
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(schemaInterruptInjector.InterruptInjector, {
+      config: (_a = ctx.field.control) === null || _a === void 0 ? void 0 : _a.interrupt
+    }, /*#__PURE__*/React__default["default"].createElement(Switch__default["default"], Object.assign({}, fieldProps, {
+      // Switch 组件的 checked 属性，需要手动绑定
+      checked: ctx.formBinding.value
+    })));
+  };
+  return ProSwitch;
+}(base.ProField);
+exports.ProSwitch = ProSwitch;

package/lib/cjs/fields/basic/textarea/index.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var Textarea = require('@hi-ui/textarea');
+var base = require('../../../base.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Textarea__default = /*#__PURE__*/_interopDefaultCompat(Textarea);
+var ProTextArea = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProTextArea, _ProField);
+  function ProTextArea() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProTextArea.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], Object.assign({}, fieldProps));
+  };
+  return ProTextArea;
+}(base.ProField);
+exports.ProTextArea = ProTextArea;

package/lib/cjs/fields/basic/time-picker/index.js

@@ -0,0 +1,45 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var TimePicker = require('@hi-ui/time-picker');
+var base = require('../../../base.js');
+require('./index.scss.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var TimePicker__default = /*#__PURE__*/_interopDefaultCompat(TimePicker);
+var ProTimePicker = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProTimePicker, _ProField);
+  function ProTimePicker() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProTimePicker.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    var className = classname.cx('pro-time-picker', fieldProps.className);
+    return /*#__PURE__*/React__default["default"].createElement(TimePicker__default["default"], Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProTimePicker;
+}(base.ProField);
+exports.ProTimePicker = ProTimePicker;

package/lib/cjs/fields/basic/time-picker/index.scss.js

@@ -0,0 +1,18 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = ".pro-time-picker.hi-v5-time-picker,.pro-time-picker .hi-v5-time-picker__input-wrapper,.pro-time-picker .hi-v5-time-picker__input__wrapper {width: 100%;}.pro-time-picker .hi-v5-time-picker__input-wrapper {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.pro-time-picker .hi-v5-time-picker__input {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}";
+var __styleInject__ = require('@hi-ui/style-inject')["default"];
+__styleInject__(css_248z);
+exports["default"] = css_248z;

package/lib/cjs/fields/basic/tree-select/index.js

@@ -0,0 +1,61 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var TreeSelect = require('@hi-ui/tree-select');
+var schemaOptionInjector = require('@hi-ui/schema-option-injector');
+var index = require('../../../extensible/selectable/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var TreeSelect__default = /*#__PURE__*/_interopDefaultCompat(TreeSelect);
+var ProTreeSelect = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProTreeSelect, _ProSelectableField);
+  function ProTreeSelect() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProTreeSelect.prototype;
+  _proto.render = function render(data, ctx) {
+    var title = this.getOptionTitle(ctx);
+    return _ProSelectableField.prototype.render.call(this, title, ctx);
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a, _b;
+    var fieldProps = this.getFieldProps({
+      overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+    }, ctx);
+    // NOTE 实测 searchMode 不传时，无法开启搜索
+    // 考虑到是有接口搜索时，会按照关键字过滤，因此默认采用 filter 模式
+    if (fieldProps.request) fieldProps.searchMode = 'filter';
+    return /*#__PURE__*/React__default["default"].createElement(schemaOptionInjector.AsyncOptsDataInjector, Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: (_b = ctx.field.payload) === null || _b === void 0 ? void 0 : _b.setSelectedRawOption
+    }), /*#__PURE__*/React__default["default"].createElement(TreeSelect__default["default"], null));
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    var dataKey = ctx.dataKey;
+    var title = this.getOptionTitle(ctx, dataKey);
+    return _ProSelectableField.prototype.renderEditable.call(this, title, ctx, {
+      suffix: this.suffixEl
+    });
+  };
+  return ProTreeSelect;
+}(index.ProSelectableField);
+exports.ProTreeSelect = ProTreeSelect;

package/lib/cjs/fields/basic/upload/custom.js

@@ -0,0 +1,29 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var Upload = require('@hi-ui/upload');
+var index = require('../../../components/upload-bridge/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Upload__default = /*#__PURE__*/_interopDefaultCompat(Upload);
+function CommonUpload(props) {
+  return /*#__PURE__*/React__default["default"].createElement(index.UploadBridge, Object.assign({}, props), /*#__PURE__*/React__default["default"].createElement(Upload__default["default"], null));
+}
+exports.CommonUpload = CommonUpload;

package/lib/cjs/fields/basic/upload/index.js

@@ -0,0 +1,48 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var base = require('../../../base.js');
+var custom = require('./custom.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ProUpload = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProUpload, _ProField);
+  function ProUpload() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProUpload.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({
+      value: undefined
+    }, ctx);
+    var className = classname.cx('pro-upload', fieldProps.className);
+    return /*#__PURE__*/React__default["default"].createElement(custom.CommonUpload
+    // pro-upload
+    , Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProUpload;
+}(base.ProField);
+exports.CommonUpload = custom.CommonUpload;
+exports.ProUpload = ProUpload;

package/lib/cjs/fields/enhance/number-range/index.js

@@ -0,0 +1,39 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var numberRange = require('@hi-ui/number-range');
+var base = require('../../../base.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ProNumberRange = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProNumberRange, _ProField);
+  function ProNumberRange() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProNumberRange.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(numberRange.NumberRange, Object.assign({}, fieldProps));
+  };
+  return ProNumberRange;
+}(base.ProField);
+exports.ProNumberRange = ProNumberRange;

package/lib/cjs/fields/semantic/date/index.js

@@ -0,0 +1,82 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var lodashEs = require('lodash-es');
+var dayjs = require('dayjs');
+var EllipsisTooltip = require('@hi-ui/ellipsis-tooltip');
+var datePicker = require('@hi-ui/date-picker');
+var icons = require('@hi-ui/icons');
+var classname = require('@hi-ui/classname');
+var base = require('../../../base.js');
+var index = require('../../../components/span/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultCompat(dayjs);
+var EllipsisTooltip__default = /*#__PURE__*/_interopDefaultCompat(EllipsisTooltip);
+var defaultFormat = 'YYYY-MM-DD HH:mm:ss';
+var ProDate = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProDate, _ProField);
+  function ProDate() {
+    var _this;
+    _this = _ProField.apply(this, arguments) || this;
+    _this.dftFieldProps = {
+      format: defaultFormat
+    };
+    return _this;
+  }
+  var _proto = ProDate.prototype;
+  _proto.render = function render(data, ctx) {
+    if (!data) return this.dftDom;
+    var date = dayjs__default["default"](data);
+    var fieldProps = this.getFieldProps(this.dftFieldProps, ctx);
+    var formatted = this.getFormattedText(date, fieldProps);
+    // 无效日期展示 -
+    if (formatted === 'Invalid Date') return this.dftDom;
+    return /*#__PURE__*/React__default["default"].createElement(index.ReadonlyWrapper, null, /*#__PURE__*/React__default["default"].createElement(EllipsisTooltip__default["default"], null, formatted));
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a;
+    var fieldProps = this.getFieldProps(Object.assign(Object.assign({}, this.dftFieldProps), {
+      overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+    }), ctx);
+    return /*#__PURE__*/React__default["default"].createElement(datePicker.DatePicker, Object.assign({}, fieldProps));
+  };
+  _proto.getFormattedText = function getFormattedText(date, fieldProps) {
+    var formatted = typeof fieldProps.format === 'function' ? fieldProps.format(date) : date.format(fieldProps.format || defaultFormat);
+    return formatted;
+  };
+  _proto.getEditablePlaceholder = function getEditablePlaceholder(data, ctx) {
+    if (lodashEs.isNil(data)) return '';
+    var fieldProps = this.getFieldProps(this.dftFieldProps, ctx);
+    return this.getFormattedText(dayjs__default["default"](data), fieldProps);
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    return _ProField.prototype.renderEditable.call(this, data, ctx, {
+      suffix: ( /*#__PURE__*/React__default["default"].createElement(icons.CalendarOutlined, {
+        size: 16,
+        color: "var(" + classname.getPrefixStyleVar('color-gray-500') + ", #929aa6)"
+      }))
+    });
+  };
+  return ProDate;
+}(base.ProField);
+exports.ProDate = ProDate;

package/lib/cjs/fields/semantic/image/index.js

@@ -0,0 +1,65 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var index$1 = require('../../../components/image-preview/index.js');
+var base = require('../../../base.js');
+var index = require('../../../components/span/index.js');
+var upload = require('./upload.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ProImage = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProImage, _ProField);
+  function ProImage() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProImage.prototype;
+  _proto.render = function render(data, ctx) {
+    var _a;
+    if (!data) return this.dftDom;
+    if (Array.isArray(data) && data.length === 0) return this.dftDom;
+    var dftImages = Array.isArray(data) ? data : [data];
+    var fieldProps = this.getFieldProps({}, ctx);
+    var images = ((_a = fieldProps.customImages) === null || _a === void 0 ? void 0 : _a.call(fieldProps, dftImages, ctx)) || dftImages;
+    return /*#__PURE__*/React__default["default"].createElement(index.ReadonlyWrapper, {
+      dataSet: {
+        fieldType: ctx.field.valueType
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(index$1.ImagePreview, {
+      images: images
+    }));
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({
+      value: undefined
+    }, ctx);
+    var className = classname.cx('pro-image-upload', fieldProps.className);
+    return /*#__PURE__*/React__default["default"].createElement(upload.ImageUpload
+    // pro-upload
+    , Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProImage;
+}(base.ProField);
+exports.ImageUpload = upload.ImageUpload;
+exports.ProImage = ProImage;