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

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/schema-fields`
+
+> TODO: description
+
+## Usage
+
+```
+const schemaFields = require('@hi-ui/schema-fields');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/base.js

@@ -0,0 +1,125 @@
+/** @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 Input = require('@hi-ui/input');
+var EllipsisTooltip = require('@hi-ui/ellipsis-tooltip');
+var schemaCore = require('@hi-ui/schema-core');
+var index = require('./components/span/index.js');
+var utils = require('./utils.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 Input__default = /*#__PURE__*/_interopDefaultCompat(Input);
+var EllipsisTooltip__default = /*#__PURE__*/_interopDefaultCompat(EllipsisTooltip);
+var ProField = /*#__PURE__*/function (_AbstractProField) {
+  _inheritsLoose__default["default"](ProField, _AbstractProField);
+  function ProField() {
+    var _this;
+    _this = _AbstractProField.apply(this, arguments) || this;
+    _this.dftDom = /*#__PURE__*/React__default["default"].createElement("span", {
+      "data-case": "default"
+    }, "-");
+    return _this;
+  }
+  var _proto = ProField.prototype;
+  _proto.getFieldProps = function getFieldProps(dftProps, ctx) {
+    return utils.getFieldProps(dftProps, ctx);
+  };
+  _proto.getWrapperProps = function getWrapperProps(dftProps, ctx) {
+    return utils.getWrapperProps(dftProps, ctx);
+  };
+  _proto.getFormItemProps = function getFormItemProps(dftProps, ctx) {
+    return utils.getFormItemProps(dftProps, ctx);
+  }
+  /**
+   * 渲染字符串的内部方法
+   * @desc 很多类型的字段最终渲染时都是文本，因此提取一个公共方法到此处
+   * @desc 封装了 EllipsisTooltip 的逻辑 */;
+  _proto.renderString = function renderString(text, ctx) {
+    var fieldProps = this.getFieldProps({
+      numberOfLines: 1
+    }, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(index.ReadonlyWrapper, null, /*#__PURE__*/React__default["default"].createElement(EllipsisTooltip__default["default"], {
+      className: fieldProps.tooltipClassName,
+      numberOfLines: fieldProps.numberOfLines
+    }, text));
+  }
+  /** 只读模式的渲染逻辑 */;
+  _proto.render = function render(data, ctx) {
+    if (lodashEs.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 (lodashEs.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__default["default"].createElement(Input__default["default"], 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;
+}(schemaCore.AbstractProField);
+exports.ProField = ProField;

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

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

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

@@ -0,0 +1,33 @@
+/** @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 schemaUtils = require('@hi-ui/schema-utils');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function ReadonlyWrapper(props) {
+  var dataSet = schemaUtils.getDataSet(props.dataSet);
+  return /*#__PURE__*/React__default["default"].createElement("span", Object.assign({
+    "data-case": "readonly"
+  }, dataSet, {
+    style: props.style
+  }), props.children);
+}
+exports.ReadonlyWrapper = ReadonlyWrapper;
+exports.Span = ReadonlyWrapper;

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

@@ -0,0 +1,227 @@
+/** @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 _regeneratorRuntime = require('@babel/runtime/regenerator');
+var tslib = require('tslib');
+var React = require('react');
+var lodashEs = require('lodash-es');
+var ahooks = require('ahooks');
+var message = require('@hi-ui/message');
+var schemaHooks = require('@hi-ui/schema-hooks');
+var schemaUtils = require('@hi-ui/schema-utils');
+var utils = require('./utils.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+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 = tslib.__rest(props, ["children"]);
+  var normalizedProps = normalizeProps(restProps);
+  var _useControllableValue = ahooks.useControllableValue(normalizedProps),
+    _useControllableValue2 = _useControllableValue[0],
+    value = _useControllableValue2 === void 0 ? [] : _useControllableValue2,
+    _setValue = _useControllableValue[1];
+  var _useMemo = React.useMemo(function () {
+      return utils.toFileList(value);
+    }, [value]),
+    fileList = _useMemo.fileList,
+    fileIdSet = _useMemo.fileIdSet;
+  var setValue = function setValue(value) {
+    // 只保留<maxCount>个文件
+    var sliced = utils.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 = schemaHooks.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);
+    });
+  }
+  React.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 tslib.__awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+      var files, uniqueFiles, maxSize, maxSizeInBytes, oversizedFiles, sliced, urls, nextFiles, msg;
+      return _regeneratorRuntime__default["default"].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(utils.genFileIdentifier(file)));
+              });
+              if (!(uniqueFiles.length === 0)) {
+                _context.next = 7;
+                break;
+              }
+              message.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.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 = utils.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 = utils.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.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 = schemaUtils.mergeProps({
+    type: 'default'
+  }, lodashEs.omit(normalizedProps, [
+  // 移除无关的属性
+  'value', 'defaultValue', 'onChange', 'mode', 'request']));
+  return /*#__PURE__*/React__default["default"].cloneElement(children, Object.assign(Object.assign({}, finalProps), {
+    customUpload: customUpload,
+    fileList: fileList,
+    onChange: noopOnChange,
+    onRemove: handleRemove
+  }));
+}
+exports.UploadBridge = UploadBridge;

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

@@ -0,0 +1,73 @@
+/** @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');
+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 = schemaUtils.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);
+}
+exports.genFileIdentifier = genFileIdentifier;
+exports.sliceToMaxCount = sliceToMaxCount;
+exports.toFileList = toFileList;

package/lib/cjs/ctx.js

@@ -0,0 +1,70 @@
+/** @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 index = require('./fields/semantic/text/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var FieldMapCtx = /*#__PURE__*/React__default["default"].createContext(null);
+function FieldMapProvider(props) {
+  var children = props.children,
+    fields = props.fields;
+  return /*#__PURE__*/React__default["default"].createElement(FieldMapCtx.Provider, {
+    value: fields
+  }, children);
+}
+function useFieldMap(opts) {
+  if (opts === void 0) {
+    opts = {};
+  }
+  var ctx = React__default["default"].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: index.ProText
+    };
+  }
+  return ctx;
+}
+function matchFieldClass(opts) {
+  var field = opts.field,
+    fieldMap = opts.fieldMap;
+  var matchedFieldClass = fieldMap[field.valueType];
+  var FieldClass = matchedFieldClass || index.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
+  }));
+}
+exports.FieldMapProvider = FieldMapProvider;
+exports.matchFieldClass = matchFieldClass;
+exports.useFieldMap = useFieldMap;
+exports.useMatchFieldClass = useMatchFieldClass;

package/lib/cjs/editable/ctx.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 React = require('react');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var EditableControlContext = /*#__PURE__*/React__default["default"].createContext({
+  editable: undefined,
+  // 默认可编辑
+  readonly: undefined // 默认非只读
+});
+
+function EditableControlProvider(props) {
+  // 只是用来保持引用不变
+  var value = React__default["default"].useMemo(function () {
+    return {
+      editable: props.editable,
+      readonly: props.readonly
+    };
+  }, [props.editable, props.readonly]);
+  return /*#__PURE__*/React__default["default"].createElement(EditableControlContext.Provider, {
+    value: value
+  }, props.children);
+}
+function useEditableControlCtx() {
+  return React__default["default"].useContext(EditableControlContext);
+}
+exports.EditableControlProvider = EditableControlProvider;
+exports.useEditableControlCtx = useEditableControlCtx;