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

package/lib/cjs/utils/form-binding.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';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+// TODO 待完善类型定义
+function wrapFormBinding(formBinding, fieldProps) {
+  return Object.assign(Object.assign({}, formBinding), {
+    value: formBinding.value,
+    onChange: function onChange() {
+      var _a2;
+      var _a;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      formBinding.onChange.apply(formBinding, args);
+      (_a = fieldProps.onChange) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [fieldProps].concat(args));
+    },
+    onBlur: function onBlur() {
+      var _a3;
+      var _a;
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      formBinding.onBlur.apply(formBinding, args);
+      (_a = fieldProps.onBlur) === null || _a === void 0 ? void 0 : (_a3 = _a).call.apply(_a3, [fieldProps].concat(args));
+    }
+  });
+}
+exports.wrapFormBinding = wrapFormBinding;

package/lib/cjs/utils/label.js

@@ -0,0 +1,34 @@
+/** @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 EllipsisTooltip = require('@hi-ui/ellipsis-tooltip');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var EllipsisTooltip__default = /*#__PURE__*/_interopDefaultCompat(EllipsisTooltip);
+function getLabel(field, ctx) {
+  var _a, _b, _c;
+  // 在组中时，不需要显示 label
+  if ((_a = field.extra) === null || _a === void 0 ? void 0 : _a.mustInGroup) return undefined;
+  if (typeof ((_b = field.extra) === null || _b === void 0 ? void 0 : _b.customLabel) === 'function') {
+    return (_c = field.extra) === null || _c === void 0 ? void 0 : _c.customLabel(ctx);
+  }
+  return typeof field.title === 'string' ? ( /*#__PURE__*/React__default["default"].createElement(EllipsisTooltip__default["default"], null, field.title)) : field.title;
+}
+exports.getLabel = getLabel;

package/lib/cjs/utils.js

@@ -0,0 +1,35 @@
+/** @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 schemaUtils = require('@hi-ui/schema-utils');
+var formBinding = require('./utils/form-binding.js');
+require('react');
+require('@hi-ui/ellipsis-tooltip');
+require('lodash-es');
+function getFieldProps(dftProps, ctx) {
+  var fieldProps = schemaUtils.getPipeGetterValue(dftProps, ctx.field.fieldProps);
+  // formBinding 本质是 Form 注入给 field 的属性，因此在此处统一处理
+  var formBindingProps = ctx.formBinding ? formBinding.wrapFormBinding(ctx.formBinding, fieldProps) : {};
+  return schemaUtils.mergeProps(fieldProps, formBindingProps);
+}
+function getWrapperProps(dftProps, ctx) {
+  return schemaUtils.getPipeGetterValue(dftProps, ctx.field.wrapperProps);
+}
+function getFormItemProps(dftProps, ctx) {
+  return schemaUtils.getPipeGetterValue(dftProps, ctx.field.formItemProps);
+}
+exports.wrapFormBinding = formBinding.wrapFormBinding;
+exports.getFieldProps = getFieldProps;
+exports.getFormItemProps = getFormItemProps;
+exports.getWrapperProps = getWrapperProps;

package/lib/esm/base.js

@@ -0,0 +1,111 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/** @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.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { isNil } from 'lodash-es';
+import Input from '@hi-ui/input';
+import EllipsisTooltip from '@hi-ui/ellipsis-tooltip';
+import { AbstractProField } from '@hi-ui/schema-core';
+import { ReadonlyWrapper } from './components/span/index.js';
+import { getFieldProps, getWrapperProps, getFormItemProps } from './utils.js';
+var ProField = /*#__PURE__*/function (_AbstractProField) {
+  _inheritsLoose(ProField, _AbstractProField);
+  function ProField() {
+    var _this;
+    _this = _AbstractProField.apply(this, arguments) || this;
+    _this.dftDom = /*#__PURE__*/React.createElement("span", {
+      "data-case": "default"
+    }, "-");
+    return _this;
+  }
+  var _proto = ProField.prototype;
+  _proto.getFieldProps = function getFieldProps$1(dftProps, ctx) {
+    return getFieldProps(dftProps, ctx);
+  };
+  _proto.getWrapperProps = function getWrapperProps$1(dftProps, ctx) {
+    return getWrapperProps(dftProps, ctx);
+  };
+  _proto.getFormItemProps = function getFormItemProps$1(dftProps, ctx) {
+    return getFormItemProps(dftProps, ctx);
+  }
+  /**
+   * 渲染字符串的内部方法
+   * @desc 很多类型的字段最终渲染时都是文本，因此提取一个公共方法到此处
+   * @desc 封装了 EllipsisTooltip 的逻辑 */;
+  _proto.renderString = function renderString(text, ctx) {
+    var fieldProps = this.getFieldProps({
+      numberOfLines: 1
+    }, ctx);
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, null, /*#__PURE__*/React.createElement(EllipsisTooltip, {
+      className: fieldProps.tooltipClassName,
+      numberOfLines: fieldProps.numberOfLines
+    }, text));
+  }
+  /** 只读模式的渲染逻辑 */;
+  _proto.render = function render(data, ctx) {
+    if (isNil(data)) return this.dftDom;
+    if (Array.isArray(data)) {
+      if (data.length === 0) return this.dftDom;
+      return this.renderString(data.join(', '), ctx);
+    }
+    if (_typeof(data) === 'object') {
+      return this.renderString(JSON.stringify(data), ctx);
+    }
+    return this.renderString(String(data), ctx);
+  }
+  /**
+   * 表格单元格渲染逻辑
+   * @desc 默认直接使用 render 的逻辑 */;
+  _proto.renderCell = function renderCell(data, ctx) {
+    return this.render(data, ctx);
+  }
+  /**
+   * 表格 Footer 单元格渲染逻辑
+   * @desc 没有默认逻辑，需由字段自行实现 */;
+  _proto.renderFooterCell = function renderFooterCell(ctx) {
+    console.log(ctx); // 仅用于规避定义未使用检查
+    return null;
+  };
+  _proto.renderFormItem = function renderFormItem(data, ctx) {
+    console.log(data, ctx); // 仅用于规避定义未使用检查
+    throw new Error('ProField.renderFormItem not implemented');
+  };
+  _proto.getEditablePlaceholder = function getEditablePlaceholder(data, ctx) {
+    if (isNil(data)) return '';
+    if (typeof data === 'string') return data;
+    if (typeof data === 'number') return String(data);
+    if (typeof data === 'boolean') return data ? 'true' : 'false';
+    if (Array.isArray(data)) return data.join(' / ');
+    if (_typeof(data) === 'object') return JSON.stringify(data);
+    return '';
+  }
+  /** 编辑模式的渲染逻辑，在只读与可编辑之间切换 */;
+  _proto.renderEditable = function renderEditable(data, ctx, extraProps) {
+    var _a;
+    var fieldProps = this.getFieldProps({
+      placeholder: this.getDftPlaceholder(ctx)
+    }, ctx);
+    return /*#__PURE__*/React.createElement(Input, Object.assign({
+      value: this.getEditablePlaceholder(data, ctx),
+      readOnly: true,
+      disabled: (_a = ctx.field.control) === null || _a === void 0 ? void 0 : _a.disabled,
+      onDoubleClick: ctx.onActivate,
+      onFocus: ctx.onActivate,
+      placeholder: fieldProps.placeholder
+    }, extraProps));
+  };
+  _proto.getDftPlaceholder = function getDftPlaceholder(ctx) {
+    var titleText = ctx.field._titleText;
+    if (titleText) return "\u8BF7\u8F93\u5165" + titleText;
+  };
+  return ProField;
+}(AbstractProField);
+export { ProField };

package/lib/esm/components/image-preview/index.js

@@ -0,0 +1,49 @@
+/** @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.
+ */
+import React from 'react';
+import Preview from '@hi-ui/preview';
+import Space from '@hi-ui/space';
+function ImagePreview(props) {
+  var images = props.images;
+  var _React$useState = React.useState(false),
+    visible = _React$useState[0],
+    setVisible = _React$useState[1];
+  var _React$useState2 = React.useState(0),
+    current = _React$useState2[0],
+    setCurrent = _React$useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "image-preview"
+  }, /*#__PURE__*/React.createElement(Preview, {
+    title: current + 1 + "/" + images.length,
+    src: images,
+    current: current,
+    onPreviewChange: setCurrent,
+    visible: visible,
+    onClose: function onClose() {
+      setVisible(false);
+    }
+  }), /*#__PURE__*/React.createElement(Space, null, images.map(function (url, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "image-preview__item-wrapper"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: url,
+      style: {
+        width: '100%',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        setCurrent(index);
+        setVisible(true);
+      }
+    }));
+  })));
+}
+export { ImagePreview };

package/lib/esm/components/span/index.js

@@ -0,0 +1,20 @@
+/** @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.
+ */
+import React from 'react';
+import { getDataSet } from '@hi-ui/schema-utils';
+function ReadonlyWrapper(props) {
+  var dataSet = getDataSet(props.dataSet);
+  return /*#__PURE__*/React.createElement("span", Object.assign({
+    "data-case": "readonly"
+  }, dataSet, {
+    style: props.style
+  }), props.children);
+}
+export { ReadonlyWrapper, ReadonlyWrapper as Span };

package/lib/esm/components/upload-bridge/index.js

@@ -0,0 +1,214 @@
+/** @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.
+ */
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { __rest, __awaiter } from 'tslib';
+import React, { useMemo, useEffect } from 'react';
+import { omit } from 'lodash-es';
+import { useControllableValue } from 'ahooks';
+import { message } from '@hi-ui/message';
+import { useReadonlyRef } from '@hi-ui/schema-hooks';
+import { mergeProps } from '@hi-ui/schema-utils';
+import { toFileList, sliceToMaxCount, genFileIdentifier } from './utils.js';
+var noopOnChange = function noopOnChange() {
+  // noopOnChange
+};
+function normalizeProps(props) {
+  var value = props.value;
+  // value 为字符传时转换为数组；undefined 保持 undefined
+  var nextValue = Array.isArray(value) ? value : typeof value === 'string' ? [value] : undefined;
+  // 存在 request 方法时，默认使用 json 模式
+  var nextMode = props.mode || (props.request ? 'json' : 'formData');
+  // maxCount 大于 1 时，默认使用 multiple 模式
+  var nextMultiple = props.multiple || (props.maxCount || 0) > 1;
+  // 没开启 multiple，也没传 maxCount，则默认限制为 1
+  var nextMaxCount = props.maxCount || (!props.multiple ? 1 : undefined);
+  return Object.assign(Object.assign({}, props), {
+    value: nextValue,
+    mode: nextMode,
+    multiple: nextMultiple,
+    maxCount: nextMaxCount
+  });
+}
+function UploadBridge(props) {
+  var _this = this;
+  var children = props.children,
+    restProps = __rest(props, ["children"]);
+  var normalizedProps = normalizeProps(restProps);
+  var _useControllableValue = useControllableValue(normalizedProps),
+    _useControllableValue2 = _useControllableValue[0],
+    value = _useControllableValue2 === void 0 ? [] : _useControllableValue2,
+    _setValue = _useControllableValue[1];
+  var _useMemo = useMemo(function () {
+      return toFileList(value);
+    }, [value]),
+    fileList = _useMemo.fileList,
+    fileIdSet = _useMemo.fileIdSet;
+  var setValue = function setValue(value) {
+    // 只保留<maxCount>个文件
+    var sliced = sliceToMaxCount(value, normalizedProps.maxCount, 0);
+    var transformed = sliced.map(function (file) {
+      if (typeof file === 'string') return {
+        url: file,
+        fileId: file,
+        name: ''
+      };else return file;
+    });
+    _setValue(transformed);
+  };
+  // 此处的 Set 是给组件卸载的清理阶段有的
+  var fileUrlSetRef = useReadonlyRef(function () {
+    return new Set();
+  });
+  if (normalizedProps.mode === 'formData') {
+    fileList === null || fileList === void 0 ? void 0 : fileList.forEach(function (_ref) {
+      var url = _ref.url;
+      return fileUrlSetRef.current.add(url);
+    });
+  }
+  useEffect(function () {
+    return function () {
+      // 组件卸载时清理所有创建的URL
+      // 此处忽略掉这条规则，因为就是需要最新的 fileUrlSetRef
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      fileUrlSetRef.current.forEach(function (url) {
+        if (url) {
+          // url 预期是 blob 协议的本地文件地址
+          // 若是外部传入的 http 协议的文件也没事
+          // revokeObjectURL 会直接忽略
+          URL.revokeObjectURL(url);
+        }
+      });
+    };
+  }, [fileUrlSetRef]);
+  var customUpload = function customUpload(fileList) {
+    return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var files, uniqueFiles, maxSize, maxSizeInBytes, oversizedFiles, sliced, urls, nextFiles, msg;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (fileList) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              files = Array.from(fileList); // 1. 文件去重
+              // 直接使用已计算的fileList中的fileId
+              uniqueFiles = files.filter(function (file) {
+                return !(fileIdSet === null || fileIdSet === void 0 ? void 0 : fileIdSet.has(genFileIdentifier(file)));
+              });
+              if (!(uniqueFiles.length === 0)) {
+                _context.next = 7;
+                break;
+              }
+              message.open({
+                type: 'warning',
+                title: '所选文件已存在'
+              });
+              return _context.abrupt("return");
+            case 7:
+              // 2. 检查文件大小 (maxSize单位为KB，需要转换为bytes进行比较)
+              maxSize = normalizedProps.maxSize || Infinity;
+              maxSizeInBytes = maxSize * 1024;
+              oversizedFiles = uniqueFiles.filter(function (file) {
+                return file.size > maxSizeInBytes;
+              });
+              if (!(oversizedFiles.length > 0)) {
+                _context.next = 13;
+                break;
+              }
+              message.open({
+                type: 'warning',
+                title: "\u6587\u4EF6\u5927\u5C0F\u8D85\u51FA" + maxSize + "KB\u9650\u5236"
+              });
+              return _context.abrupt("return");
+            case 13:
+              _context.prev = 13;
+              if (!(normalizedProps.mode === 'json')) {
+                _context.next = 27;
+                break;
+              }
+              if (normalizedProps.request) {
+                _context.next = 17;
+                break;
+              }
+              throw new Error('JSON 模式下必须提供 request 方法');
+            case 17:
+              // 只保留<maxCount - curLength>个文件
+              sliced = sliceToMaxCount(uniqueFiles, normalizedProps.maxCount, value.length); // 上传文件并获取URL
+              _context.next = 20;
+              return normalizedProps.request(sliced);
+            case 20:
+              urls = _context.sent;
+              if (!(!urls || urls.length === 0)) {
+                _context.next = 23;
+                break;
+              }
+              return _context.abrupt("return");
+            case 23:
+              nextFiles = urls.map(function (url, index) {
+                var fileId = genFileIdentifier(uniqueFiles[index]);
+                if (typeof url === 'string') return {
+                  url: url,
+                  fileId: fileId,
+                  name: ''
+                };else return Object.assign(Object.assign({}, url), {
+                  fileId: fileId
+                });
+              }); // 更新value
+              setValue([].concat(value || [], nextFiles));
+              _context.next = 28;
+              break;
+            case 27:
+              // formData模式直接返回File数组
+              setValue([].concat(value || [], uniqueFiles));
+            case 28:
+              _context.next = 35;
+              break;
+            case 30:
+              _context.prev = 30;
+              _context.t0 = _context["catch"](13);
+              console.log('UploadBridge customUpload request', _context.t0);
+              msg = '文件上传失败: ' + (_context.t0 instanceof Error ? _context.t0.message : '未知错误');
+              message.open({
+                type: 'error',
+                title: msg
+              });
+            case 35:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[13, 30]]);
+    }));
+  };
+  var handleRemove = function handleRemove(_1, _2, index) {
+    // 获取要删除的文件的URL
+    var fileToRemove = fileList === null || fileList === void 0 ? void 0 : fileList[index];
+    if (fileToRemove === null || fileToRemove === void 0 ? void 0 : fileToRemove.url) URL.revokeObjectURL(fileToRemove.url);
+    setValue(value.filter(function (_, idx) {
+      return idx !== index;
+    }));
+    return true;
+  };
+  var finalProps = mergeProps({
+    type: 'default'
+  }, omit(normalizedProps, [
+  // 移除无关的属性
+  'value', 'defaultValue', 'onChange', 'mode', 'request']));
+  return /*#__PURE__*/React.cloneElement(children, Object.assign(Object.assign({}, finalProps), {
+    customUpload: customUpload,
+    fileList: fileList,
+    onChange: noopOnChange,
+    onRemove: handleRemove
+  }));
+}
+export { UploadBridge };

package/lib/esm/components/upload-bridge/utils.js

@@ -0,0 +1,66 @@
+/** @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.
+ */
+import { extractFileInfo } from '@hi-ui/schema-utils';
+function toFileList(file) {
+  if (!file) return {};
+  var fileIdSet = new Set();
+  var files = Array.isArray(file) ? file : [file];
+  var fileList = files.map(function (file) {
+    var normalizedFile = typeof file === 'string' ? {
+      symbol: file,
+      fileId: file,
+      url: file
+    } : file instanceof File ? {
+      symbol: file.name,
+      name: file.name,
+      fileId: file.name + "-" + file.size + "-" + file.lastModified,
+      url: URL.createObjectURL(file)
+    } : {
+      symbol: file.url,
+      name: file.name,
+      fileId: file.name + "-" + file.url,
+      url: file.url
+    };
+    var info = extractFileInfo(normalizedFile.symbol);
+    // 添加到 fileIdSet
+    fileIdSet.add(normalizedFile.fileId);
+    return {
+      name: normalizedFile.name || info.fullName,
+      fileId: normalizedFile.fileId,
+      fileType: info.ext,
+      uploadState: 'success',
+      url: normalizedFile.url
+    };
+  });
+  return {
+    fileIdSet: fileIdSet,
+    fileList: fileList
+  };
+}
+// 文件唯一标识生成函数
+function genFileIdentifier(file) {
+  if (file instanceof File) {
+    return file.name + "-" + file.size + "-" + file.lastModified;
+  } else if (typeof file === 'string') {
+    return file;
+  } else {
+    return file.name + "-" + file.url;
+  }
+}
+function sliceToMaxCount(value, maxCount, curCount) {
+  if (curCount === void 0) {
+    curCount = 0;
+  }
+  // maxCount 存在时，计算需要保留的文件数量
+  var _maxCount = typeof maxCount === 'number' ? maxCount - curCount : undefined;
+  var sliceStart = Math.max(value.length - (_maxCount || 0), 0);
+  return value.slice(sliceStart);
+}
+export { genFileIdentifier, sliceToMaxCount, toFileList };

package/lib/esm/ctx.js

@@ -0,0 +1,55 @@
+/** @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.
+ */
+import React from 'react';
+import { ProText } from './fields/semantic/text/index.js';
+var FieldMapCtx = /*#__PURE__*/React.createContext(null);
+function FieldMapProvider(props) {
+  var children = props.children,
+    fields = props.fields;
+  return /*#__PURE__*/React.createElement(FieldMapCtx.Provider, {
+    value: fields
+  }, children);
+}
+function useFieldMap(opts) {
+  if (opts === void 0) {
+    opts = {};
+  }
+  var ctx = React.useContext(FieldMapCtx);
+  var _opts = opts,
+    fieldMap = _opts.fieldMap;
+  if (fieldMap) return fieldMap;
+  if (!ctx) {
+    console.warn("SchemaComponents: \u672A\u627E\u5230 FieldsContext\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u7684 Text \u6E32\u67D3\u5668");
+    return {
+      text: ProText
+    };
+  }
+  return ctx;
+}
+function matchFieldClass(opts) {
+  var field = opts.field,
+    fieldMap = opts.fieldMap;
+  var matchedFieldClass = fieldMap[field.valueType];
+  var FieldClass = matchedFieldClass || ProText;
+  if (!matchedFieldClass && field.valueType !== 'custom') {
+    var _name = opts.name || 'matchFieldClass';
+    var _type = field.valueType;
+    console.warn(_name + ": \u672A\u627E\u5230 ValueType \"" + _type + "\" \u5BF9\u5E94\u7684\u6E32\u67D3\u5668\uFF0C\u5C06\u4F7F\u7528\u9ED8\u8BA4\u7684 Text \u6E32\u67D3\u5668\n");
+  }
+  return FieldClass;
+}
+function useMatchFieldClass(opts) {
+  // 获取字段渲染器
+  var fieldMap = useFieldMap(opts);
+  return matchFieldClass(Object.assign(Object.assign({}, opts), {
+    fieldMap: fieldMap
+  }));
+}
+export { FieldMapProvider, matchFieldClass, useFieldMap, useMatchFieldClass };

package/lib/esm/editable/ctx.js

@@ -0,0 +1,32 @@
+/** @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.
+ */
+import React from 'react';
+var EditableControlContext = /*#__PURE__*/React.createContext({
+  editable: undefined,
+  // 默认可编辑
+  readonly: undefined // 默认非只读
+});
+
+function EditableControlProvider(props) {
+  // 只是用来保持引用不变
+  var value = React.useMemo(function () {
+    return {
+      editable: props.editable,
+      readonly: props.readonly
+    };
+  }, [props.editable, props.readonly]);
+  return /*#__PURE__*/React.createElement(EditableControlContext.Provider, {
+    value: value
+  }, props.children);
+}
+function useEditableControlCtx() {
+  return React.useContext(EditableControlContext);
+}
+export { EditableControlProvider, useEditableControlCtx };