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

package/lib/cjs/extensible/selectable/match-cascader.js

@@ -0,0 +1,184 @@
+/** @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
+});
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate 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;
+}
+/**
+ * 在嵌套选项数据中匹配多个路径
+ * @param values 二维数组，包含多个级联路径，例如 [['hubei', 'wuhan'], ['guangdong', 'shenzhen']]
+ * @param options 嵌套选项数据，包含 children 的树形结构
+ * @param extra 配置选项
+ * @returns 二维数组，保持输入的结构，每个路径对应一个匹配的选项链数组
+ *
+ * 边界条件处理：
+ * - 部分匹配：如果路径中某一层找不到，返回已匹配的部分（而不是空数组）
+ * - 缺失title：如果选项的title字段不存在，自动使用id字段作为默认值
+ * - 完全不匹配：如果第一层就找不到，返回空数组
+ */
+function matchCascaderOpts(values, options, extra) {
+  if (extra === void 0) {
+    extra = {};
+  }
+  var _extra = extra,
+    _extra$fieldNames = _extra.fieldNames,
+    fieldNames = _extra$fieldNames === void 0 ? {} : _extra$fieldNames;
+  var _fieldNames$id = fieldNames.id,
+    idFieldKey = _fieldNames$id === void 0 ? 'id' : _fieldNames$id,
+    _fieldNames$title = fieldNames.title,
+    titleFieldKey = _fieldNames$title === void 0 ? 'title' : _fieldNames$title;
+  /**
+   * 根据单个路径查找对应的选项链
+   * @param path 单个路径数组，例如 ['hubei', 'wuhan']
+   * @param opts 当前层级的选项数据
+   * @returns 匹配的选项数组
+   */
+  function findPathOptions(path, opts) {
+    var result = [];
+    var currentOptions = opts;
+    var _loop = function _loop() {
+      var valueId = _step.value;
+      var found = currentOptions.find(function (item) {
+        return String(item[idFieldKey]) === String(valueId);
+      });
+      if (found) {
+        result.push(found);
+        // 如果还有下一层，继续在 children 中查找
+        currentOptions = found.children || [];
+      } else {
+        // 如果某一层找不到对应的选项，就停止查找
+        return "break";
+      }
+    };
+    for (var _iterator = _createForOfIteratorHelperLoose(path), _step; !(_step = _iterator()).done;) {
+      var _ret = _loop();
+      if (_ret === "break") break;
+    }
+    // 返回部分匹配的结果，即使路径不完整也返回已匹配的部分
+    return result;
+  }
+  try {
+    // 转换函数：将原始选项转换为 MatchedNestOptsType 格式
+    // const convertToMatchedType =
+    // 处理每个路径，保持二维数组结构
+    return values.map(function (path) {
+      if (!Array.isArray(path)) return [];
+      var pathOptions = findPathOptions(path, options);
+      return pathOptions.map(function (option) {
+        var id = option[idFieldKey];
+        var title = option[titleFieldKey] || String(id); // 如果 title 不存在，使用 id 作为默认值
+        return {
+          id: id,
+          title: title
+        };
+      });
+    });
+  } catch (error) {
+    console.error('matchCascaderOpts', error);
+    return [];
+  }
+}
+// 测试用例示例（可取消注释运行）
+/*
+const testOpts = [
+  {
+    id: 'hubei',
+    title: '湖北',
+    children: [
+      { id: 'wuhan', title: '武汉' },
+      { id: 'xiangyang', title: '襄阳' },
+      { id: 'noTitle' }, // 测试没有 title 的情况
+    ],
+  },
+  {
+    id: 'beijing',
+    title: '北京',
+    children: [
+      { id: 'haidian', title: '海淀' },
+      { id: 'chaoyang', title: '朝阳' },
+    ],
+  },
+  {
+    id: 'guangdong',
+    // 测试第一层没有 title 的情况
+    children: [{ id: 'shenzhen', title: '深圳' }],
+  },
+]
+
+// 边界条件测试用例
+console.log('=== 正常匹配 ===')
+console.log(matchCascaderOpts([['hubei', 'wuhan']], testOpts))
+// 预期输出: [[{ id: 'hubei', title: '湖北' }, { id: 'wuhan', title: '武汉' }]]
+
+console.log('\n=== 第一层查到，第二层没查到（部分匹配） ===')
+console.log(matchCascaderOpts([['hubei', 'nonexistent']], testOpts))
+// 预期输出: [[{ id: 'hubei', title: '湖北' }]]
+
+console.log('\n=== ID查到了，title没查到（使用ID作为默认值） ===')
+console.log(matchCascaderOpts([['hubei', 'noTitle']], testOpts))
+// 预期输出: [[{ id: 'hubei', title: '湖北' }, { id: 'noTitle', title: 'noTitle' }]]
+
+console.log('\n=== 第一层没有title（使用ID作为默认值） ===')
+console.log(matchCascaderOpts([['guangdong', 'shenzhen']], testOpts))
+// 预期输出: [[{ id: 'guangdong', title: 'guangdong' }, { id: 'shenzhen', title: '深圳' }]]
+
+console.log('\n=== 完全匹配不到 ===')
+console.log(matchCascaderOpts([['nonexistent', 'city']], testOpts))
+// 预期输出: [[]]
+
+console.log('\n=== 多路径混合测试 ===')
+console.log(
+  matchCascaderOpts(
+    [
+      ['hubei', 'wuhan'], // 正常匹配
+      ['hubei', 'nonexistent'], // 部分匹配
+      ['guangdong', 'shenzhen'], // 第一层无title
+      ['nonexistent'], // 完全不匹配
+    ],
+    testOpts
+  )
+)
+*/
+
+exports.matchCascaderOpts = matchCascaderOpts;

package/lib/cjs/fields/basic/cascader/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 Cascader = require('@hi-ui/cascader');
+var schemaOptionInjector = require('@hi-ui/schema-option-injector');
+var schemaInterruptInjector = require('@hi-ui/schema-interrupt-injector');
+var index = require('../../../extensible/selectable/index.js');
+var matchCascader = require('../../../extensible/selectable/match-cascader.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 Cascader__default = /*#__PURE__*/_interopDefaultCompat(Cascader);
+var ProCascader = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProCascader, _ProSelectableField);
+  function ProCascader() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProCascader.prototype;
+  _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);
+    // 过滤掉原始参数中的自引用属性，防止 immer 在处理数据时出现崩溃
+    var hookedSetSelectedRawOption = this.hookedSetSelectedRawOption.bind(this, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(schemaOptionInjector.AsyncOptsDataInjector
+    // options
+    , Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: hookedSetSelectedRawOption
+    }), /*#__PURE__*/React__default["default"].createElement(schemaInterruptInjector.InterruptInjector, {
+      config: (_b = ctx.field.control) === null || _b === void 0 ? void 0 : _b.interrupt
+    }, /*#__PURE__*/React__default["default"].createElement(Cascader__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: CascaderRefillPlaceholder
+    });
+    if (firstRefillEl) return firstRefillEl;
+    return _ProSelectableField.prototype.renderEditable.call(this, data, ctx, {
+      suffix: this.suffixEl
+    });
+  };
+  return ProCascader;
+}(index.ProSelectableField);
+function CascaderRefillPlaceholder(props) {
+  var _a, _b, _c, _d;
+  var _props$data = props.data,
+    options = _props$data === void 0 ? [] : _props$data,
+    ctx = props.ctx,
+    fieldNames = props.fieldNames,
+    instance = props.instance;
+  try {
+    var _hereValue = (_a = props.value) !== null && _a !== void 0 ? _a : [];
+    // 使用公用的 matchCascaderOpts 函数 // 注意这里取了0
+    var matchedOptions = (_b = matchCascader.matchCascaderOpts([_hereValue], options, {
+      fieldNames: fieldNames
+    })[0]) !== null && _b !== void 0 ? _b : [];
+    // 显示所有匹配到的标题
+    var displayTitle = matchedOptions.map(function (item) {
+      return item.title;
+    }).join('/');
+    // 最终是显示字符串，所以直接使用 dftRender 渲染
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (_c = props.dftRender) === null || _c === void 0 ? void 0 : _c.call(props, displayTitle, ctx, {
+      suffix: instance.suffixEl
+    }));
+  } catch (error) {
+    console.error('CascaderRefillPlaceholder', error);
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (_d = props.dftRender) === null || _d === void 0 ? void 0 : _d.call(props, props.value, ctx, {
+      suffix: instance.suffixEl
+    }));
+  }
+}
+exports.CascaderRefillPlaceholder = CascaderRefillPlaceholder;
+exports.ProCascader = ProCascader;

package/lib/cjs/fields/basic/check-cascader/index.js

@@ -0,0 +1,58 @@
+/** @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 CheckCascader = require('@hi-ui/check-cascader');
+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 CheckCascader__default = /*#__PURE__*/_interopDefaultCompat(CheckCascader);
+var ProCheckCascader = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProCheckCascader, _ProSelectableField);
+  function ProCheckCascader() {
+    var _this;
+    _this = _ProSelectableField.apply(this, arguments) || this;
+    _this.dftFieldProps = {
+      changeOnSelect: true
+    };
+    return _this;
+  }
+  var _proto = ProCheckCascader.prototype;
+  _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);
+    // 过滤掉原始参数中的自引用属性，防止 immer 在处理数据时出现崩溃
+    var hookedSetSelectedRawOption = this.hookedSetSelectedRawOption.bind(this, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(schemaOptionInjector.AsyncOptsDataInjector
+    // options
+    , Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: hookedSetSelectedRawOption
+    }), /*#__PURE__*/React__default["default"].createElement(CheckCascader__default["default"], {
+      data: []
+    }));
+  };
+  return ProCheckCascader;
+}(index.ProSelectableField);
+exports.ProCheckCascader = ProCheckCascader;

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

@@ -0,0 +1,89 @@
+/** @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 tslib = require('tslib');
+var React = require('react');
+var CheckSelect = require('@hi-ui/check-select');
+var schemaOptionInjector = require('@hi-ui/schema-option-injector');
+var index$1 = require('../../../extensible/selectable/index.js');
+var index = require('../../semantic/tag/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 CheckSelect__default = /*#__PURE__*/_interopDefaultCompat(CheckSelect);
+var ProCheckSelect = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProCheckSelect, _ProSelectableField);
+  function ProCheckSelect() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProCheckSelect.prototype;
+  _proto.render = function render(data, ctx) {
+    var title = this.getOptionTitle(ctx) || data;
+    var tagRef = this.tagRef || new index.ProTag();
+    this.tagRef = tagRef;
+    var _this$getSelfFieldPro = this.getSelfFieldProps(ctx),
+      tagProps = _this$getSelfFieldPro.tagProps;
+    return tagRef.render(title, Object.assign(Object.assign({}, ctx), {
+      field: {
+        fieldProps: tagProps
+      }
+    }));
+  };
+  _proto.getSelfFieldProps = function getSelfFieldProps(ctx) {
+    var _a;
+    var _b = this.getFieldProps({
+        placeholder: this.getDftPlaceholder(ctx),
+        overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+      }, ctx),
+      bordered = _b.bordered,
+      colorPreset = _b.colorPreset,
+      tagProps = _b.tagProps,
+      fieldProps = tslib.__rest(_b, ["bordered", "colorPreset", "tagProps"]);
+    return {
+      fieldProps: fieldProps,
+      tagProps: Object.assign({
+        bordered: bordered,
+        colorPreset: colorPreset
+      }, tagProps)
+    };
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a;
+    var _this$getSelfFieldPro2 = this.getSelfFieldProps(ctx),
+      fieldProps = _this$getSelfFieldPro2.fieldProps;
+    return /*#__PURE__*/React__default["default"].createElement(schemaOptionInjector.AsyncOptsDataInjector, Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: (_a = ctx.field.payload) === null || _a === void 0 ? void 0 : _a.setSelectedRawOption
+    }), /*#__PURE__*/React__default["default"].createElement(CheckSelect__default["default"], null));
+  };
+  _proto.getDftPlaceholder = function getDftPlaceholder(ctx) {
+    var titleText = ctx.field._titleText;
+    if (titleText) return "\u8BF7\u9009\u62E9" + titleText;
+  };
+  _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 ProCheckSelect;
+}(index$1.ProSelectableField);
+exports.ProCheckSelect = ProCheckSelect;

package/lib/cjs/fields/basic/check-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 CheckTreeSelect = require('@hi-ui/check-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 CheckTreeSelect__default = /*#__PURE__*/_interopDefaultCompat(CheckTreeSelect);
+var ProCheckTreeSelect = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose__default["default"](ProCheckTreeSelect, _ProSelectableField);
+  function ProCheckTreeSelect() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProCheckTreeSelect.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;
+    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(CheckTreeSelect__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 ProCheckTreeSelect;
+}(index.ProSelectableField);
+exports.ProCheckTreeSelect = ProCheckTreeSelect;

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

@@ -0,0 +1,84 @@
+/** @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 tslib = require('tslib');
+var React = require('react');
+var Checkbox = require('@hi-ui/checkbox');
+var classname = require('@hi-ui/classname');
+var schemaAutoGrid = require('@hi-ui/schema-auto-grid');
+var schemaUtils = require('@hi-ui/schema-utils');
+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 Checkbox__default = /*#__PURE__*/_interopDefaultCompat(Checkbox);
+var ProCheckbox = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProCheckbox, _ProField);
+  function ProCheckbox() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProCheckbox.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a = this.getFieldProps({}, ctx),
+      gridProps = _a.grid,
+      fieldProps = tslib.__rest(_a, ["grid"]);
+    // gridProps 为 true 或者对象时，使用网格布局
+    if (gridProps) {
+      return this.renderGridFormItem(_, ctx, {
+        gridProps: gridProps,
+        fieldProps: fieldProps
+      });
+    }
+    return this.renderNormalFormItem(_, ctx, {
+      fieldProps: fieldProps
+    });
+  };
+  _proto.renderNormalFormItem = function renderNormalFormItem(_, ctx, extra) {
+    var fieldProps = extra.fieldProps;
+    return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"].Group, Object.assign({}, fieldProps));
+  };
+  _proto.renderGridFormItem = function renderGridFormItem(_, ctx, extra) {
+    var _a, _b;
+    var _c = extra.fieldProps,
+      _c$data = _c.data,
+      data = _c$data === void 0 ? [] : _c$data,
+      restFieldProps = tslib.__rest(_c, ["data"]);
+    var value = (_a = ctx.formBinding.value) !== null && _a !== void 0 ? _a : [];
+    var gridProps = (_b = schemaUtils.getBoolConfig(extra.gridProps, {})) !== null && _b !== void 0 ? _b : {};
+    return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"].Group, Object.assign({}, restFieldProps), /*#__PURE__*/React__default["default"].createElement(schemaAutoGrid.GridHelper, Object.assign({}, gridProps),
+    // fork from hiui Checkbox.Group
+    // https://github.com/XiaoMi/hiui/blob/0180764ef5deb334f70404cabd3d715708d41b06/packages/ui/checkbox/src/CheckboxGroup.tsx#L65-L76
+    data.map(function (_ref) {
+      var id = _ref.id,
+        disabled = _ref.disabled,
+        title = _ref.title;
+      return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+        key: id,
+        value: id,
+        name: restFieldProps.name,
+        disabled: disabled,
+        checked: value.includes(id),
+        className: classname.getPrefixCls('checkbox-group') + "__item"
+      }, title);
+    })));
+  };
+  return ProCheckbox;
+}(base.ProField);
+exports.ProCheckbox = ProCheckbox;

package/lib/cjs/fields/basic/counter/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 Counter = require('@hi-ui/counter');
+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 Counter__default = /*#__PURE__*/_interopDefaultCompat(Counter);
+var ProCounter = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProCounter, _ProField);
+  function ProCounter() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProCounter.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(Counter__default["default"], Object.assign({}, fieldProps));
+  };
+  return ProCounter;
+}(base.ProField);
+exports.ProCounter = ProCounter;

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

@@ -0,0 +1,44 @@
+/** @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 Radio = require('@hi-ui/radio');
+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 Radio__default = /*#__PURE__*/_interopDefaultCompat(Radio);
+var ProRadio = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProRadio, _ProField);
+  function ProRadio() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProRadio.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(Radio__default["default"].Group, Object.assign({}, fieldProps)));
+  };
+  return ProRadio;
+}(base.ProField);
+exports.ProRadio = ProRadio;