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

package/lib/{esm/fields → fields}/semantic/tag/index.js

@@ -14,57 +14,8 @@ import { omit, isNil } from 'lodash-es';
 import { Tag } from '@hi-ui/tag';
 import { ProField } from '../../../base.js';
 import { ReadonlyWrapper } from '../../../components/span/index.js';
+import { colorPreset } from './preset.js';
 import './index.scss.js';
-
-// IPD的标签颜色规范，先记录在这里吧
-// https://www.figma.com/design/R7gUHJaKDPSAaWojTrNUe2/%E7%A0%94%E4%BA%A7%E4%BE%9B%E4%B8%9A%E5%8A%A1%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83-IPD?node-id=2042-50477&node-type=frame&t=uCEcQbmB9uwVVUIQ-0
-var colorPreset = {
-  blue: {
-    back: '#EDF7FE',
-    fore: '#0744AD'
-  },
-  yellow: {
-    back: '#FEFCE9',
-    fore: '#875100'
-  },
-  green: {
-    back: '#EEFEF2',
-    fore: '#007D3E'
-  },
-  red: {
-    back: '#FEF1EE',
-    fore: '#B32D36'
-  },
-  orange: {
-    back: '#FEF5EE',
-    fore: '#B23E1B'
-  },
-  purple: {
-    back: '#F5EEFE',
-    fore: '#533DAD'
-  },
-  /** 蓝绿色 */cyan: {
-    back: '#ECFEFC',
-    fore: '#0C737A'
-  },
-  /** 天蓝色 */skyblue: {
-    back: '#ECFCFE',
-    fore: '#006BB3'
-  },
-  /** 深紫色 */darkPurple: {
-    back: '#EEF2FE',
-    fore: '#363AB3'
-  },
-  /** 蓝灰色 */blueGray: {
-    back: '#EEF7FE',
-    fore: '#3C5485'
-  },
-  /** 中灰色 */midGray: {
-    back: '#F2F4F7',
-    fore: '#1F2733'
-  }
-};
-var ColorEnumPreset = Object.keys(colorPreset);
 function isInvalidTagData(data) {
   if (isNil(data)) return true;
   if (data === '') return true;
@@ -146,4 +97,4 @@ var ProTag = /*#__PURE__*/function (_ProField) {
   };
   return ProTag;
 }(ProField);
-export { ColorEnumPreset, ProTag, colorPreset };
+export { ProTag };

package/lib/fields/semantic/tag/preset.d.ts

@@ -0,0 +1,54 @@
+import { type TagProps } from '@hi-ui/tag';
+export type ColorPreset = {
+    back: TagProps['background'];
+    fore: TagProps['color'];
+};
+export declare const colorPreset: {
+    blue: {
+        back: string;
+        fore: string;
+    };
+    yellow: {
+        back: string;
+        fore: string;
+    };
+    green: {
+        back: string;
+        fore: string;
+    };
+    red: {
+        back: string;
+        fore: string;
+    };
+    orange: {
+        back: string;
+        fore: string;
+    };
+    purple: {
+        back: string;
+        fore: string;
+    };
+    /** 蓝绿色 */ cyan: {
+        back: string;
+        fore: string;
+    };
+    /** 天蓝色 */ skyblue: {
+        back: string;
+        fore: string;
+    };
+    /** 深紫色 */ darkPurple: {
+        back: string;
+        fore: string;
+    };
+    /** 蓝灰色 */ blueGray: {
+        back: string;
+        fore: string;
+    };
+    /** 中灰色 */ midGray: {
+        back: string;
+        fore: string;
+    };
+};
+export type BuiltinColorEnum = Required<TagProps>['type'];
+export type SCMColorEnumPreset = keyof typeof colorPreset;
+export declare const ColorEnumPreset: SCMColorEnumPreset[];

package/lib/fields/semantic/tag/preset.js

@@ -0,0 +1,60 @@
+/** @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.
+ */
+// 内部的的标签颜色规范 // TODO 待确认后更新
+var colorPreset = {
+  blue: {
+    back: '#EDF7FE',
+    fore: '#0744AD'
+  },
+  yellow: {
+    back: '#FEFCE9',
+    fore: '#875100'
+  },
+  green: {
+    back: '#EEFEF2',
+    fore: '#007D3E'
+  },
+  red: {
+    back: '#FEF1EE',
+    fore: '#B32D36'
+  },
+  orange: {
+    back: '#FEF5EE',
+    fore: '#B23E1B'
+  },
+  purple: {
+    back: '#F5EEFE',
+    fore: '#533DAD'
+  },
+  /** 蓝绿色 */cyan: {
+    back: '#ECFEFC',
+    fore: '#0C737A'
+  },
+  /** 天蓝色 */skyblue: {
+    back: '#ECFCFE',
+    fore: '#006BB3'
+  },
+  /** 深紫色 */darkPurple: {
+    back: '#EEF2FE',
+    fore: '#363AB3'
+  },
+  /** 蓝灰色 */blueGray: {
+    back: '#EEF7FE',
+    fore: '#3C5485'
+  },
+  /** 中灰色 */midGray: {
+    back: '#F2F4F7',
+    fore: '#1F2733'
+  }
+  // eslint-disable-next-line prettier/prettier
+};
+
+var ColorEnumPreset = Object.keys(colorPreset);
+export { ColorEnumPreset, colorPreset };

package/lib/index.d.ts

@@ -0,0 +1,30 @@
+export type { ProCascaderProps } from './fields/basic/cascader';
+export type { ProCheckCascaderProps } from './fields/basic/check-cascader';
+export type { ProCheckSelectProps } from './fields/basic/check-select';
+export type { ProCheckTreeSelectProps } from './fields/basic/check-tree-select';
+export type { ProCheckboxProps } from './fields/basic/checkbox';
+export type { ProCounterProps } from './fields/basic/counter';
+export type { ProDateProps } from './fields/semantic/date';
+export type { ProImageProps, ImageUploadProps } from './fields/semantic/image';
+export type { ProLinkProps } from './fields/semantic/link';
+export type { ProNumberProps } from './fields/semantic/number';
+export type { ProRadioProps } from './fields/basic/radio';
+export type { ProRatingProps } from './fields/basic/rating';
+export type { ProSelectProps } from './fields/basic/select';
+export type { ProSliderProps } from './fields/basic/slider';
+export type { ProSwitchProps } from './fields/basic/switch';
+export type { ProTagProps } from './fields/semantic/tag';
+export type { ProTextProps } from './fields/semantic/text';
+export type { ProTextAreaProps } from './fields/basic/textarea';
+export type { ProTimePickerProps } from './fields/basic/time-picker';
+export type { ProTreeSelectProps } from './fields/basic/tree-select';
+export type { ProUploadProps } from './fields/basic/upload';
+export type { ProNumberRangeProps } from './fields/enhance/number-range';
+export type { BuiltinFieldMapType, ProFieldMapType } from './bundle';
+export * from './base';
+export * from './components/span';
+export * from './ctx';
+export * from './utils';
+export { DumbInput } from './fields/semantic/text';
+export { colorPreset, ColorEnumPreset } from './fields/semantic/tag/preset';
+export * from './editable';

package/lib/index.js

@@ -0,0 +1,24 @@
+/** @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.
+ */
+export { ProField } from './base.js';
+export { ReadonlyWrapper, ReadonlyWrapper as Span } from './components/span/index.js';
+export { FieldMapProvider, getFieldRenderFn, matchFieldClass, matchFieldRenderFn, useFieldMap, useMatchFieldClass } from './ctx.js';
+export { getFieldProps, getFormItemProps, getWrapperProps } from './utils.js';
+export { DumbInput } from './fields/semantic/text/index.js';
+export { ColorEnumPreset, colorPreset } from './fields/semantic/tag/preset.js';
+export { EditableField } from './editable/index.js';
+export { getLabel } from './utils/label.js';
+export { BatchDepUpdate } from './utils/batch-dep-update.js';
+export { wrapFormBinding } from './utils/form-binding.js';
+export { isReadonly, runDynamicEditable, useReadonly } from './editable/use-readonly.js';
+export { EditableControlProvider, useEditableControlCtx } from './editable/ctx.js';
+export { SimpleCase, isSimpleCase } from './editable/simple.js';
+export { ReadonlyCase } from './editable/readonly.js';
+export { EditableCase } from './editable/editable.js';

package/lib/{esm/utils.js → utils.js}

@@ -7,6 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { __rest } from 'tslib';
 import { getPipeGetterValue, mergeProps } from '@hi-ui/schema-utils';
 import { wrapFormBinding } from './utils/form-binding.js';
 import 'react';
@@ -16,7 +17,19 @@ function getFieldProps(dftProps, ctx) {
   var fieldProps = getPipeGetterValue(dftProps, ctx.field.fieldProps);
   // formBinding 本质是 Form 注入给 field 的属性，因此在此处统一处理
   var formBindingProps = ctx.formBinding ? wrapFormBinding(ctx.formBinding, fieldProps) : {};
-  return mergeProps(fieldProps, formBindingProps);
+  var value = formBindingProps.value,
+    onChange = formBindingProps.onChange,
+    onBlur = formBindingProps.onBlur,
+    invalid = formBindingProps.invalid,
+    restProps = __rest(formBindingProps, ["value", "onChange", "onBlur", "invalid"]);
+  var coreProps = {
+    value: value,
+    onChange: onChange,
+    onBlur: onBlur,
+    invalid: invalid
+  };
+  // 优先级：注入的普通属性 < 字段本身的属性 < formBinding 的核心属性
+  return mergeProps(restProps, fieldProps, coreProps);
 }
 function getWrapperProps(dftProps, ctx) {
   return getPipeGetterValue(dftProps, ctx.field.wrapperProps);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/schema-fields",
-  "version": "4.0.0-experimental.1",
+  "version": "4.0.0-experimental.10",
   "description": "A sub-package for @hi-ui/schema.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -11,16 +11,32 @@
     "test": "__tests__"
   },
   "files": [
-    "lib"
+    "lib",
+    "fields",
+    "components",
+    "bundle.js",
+    "bundle.d.ts"
   ],
-  "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.js",
-  "types": "lib/types/index.d.ts",
-  "typings": "lib/types/index.d.ts",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "typings": "lib/index.d.ts",
   "exports": {
     ".": {
-      "require": "./lib/cjs/index.js",
-      "default": "./lib/esm/index.js"
+      "default": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./bundle": {
+      "default": "./bundle.js",
+      "types": "./bundle.d.ts"
+    },
+    "./fields/*": {
+      "default": "./fields/*.js",
+      "types": "./fields/*.d.ts"
+    },
+    "./components/*": {
+      "default": "./components/*.js",
+      "types": "./components/*.d.ts"
     }
   },
   "publishConfig": {
@@ -32,12 +48,13 @@
   },
   "scripts": {
     "test": "jest",
-    "clean": "rimraf lib",
+    "clean": "rimraf lib fields components bundle.*",
     "prebuild": "yarn clean",
-    "build:esm": "hi-build ./src/index.tsx --format esm -d ./lib/esm",
-    "build:cjs": "hi-build ./src/index.tsx --format cjs -d ./lib/cjs",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types && node scripts/prepend-types-refs.mjs",
-    "build": "concurrently yarn:build:*"
+    "build:esm": "hi-build ./src/index.tsx --format esm -d ./lib",
+    "build:bundle:esm": "hi-build ./src/bundle.tsx --format esm -d ./lib",
+    "build:types": "node -e \"try{require('child_process').execSync('tsc --emitDeclarationOnly --declaration --declarationDir ./lib',{stdio:'ignore'});}catch(e){}\"",
+    "build-alias": "node scripts/build-alias.mjs",
+    "build": "yarn build:bundle:esm && yarn build:esm && yarn build:types && yarn build-alias"
   },
   "bugs": {
     "url": "https://github.com/XiaoMi/hiui/issues"
@@ -47,48 +64,48 @@
     "@hi-ui/dumb-wrapper": ">=4.0.0-experimental.1",
     "@hi-ui/schema-interrupt-injector": ">=4.0.0-experimental.1",
     "@hi-ui/number-range": ">=4.0.0-experimental.1",
-    "@hi-ui/schema-option-injector": ">=4.0.0-experimental.1",
-    "@hi-ui/schema-core": ">=4.0.0-experimental.1",
+    "@hi-ui/schema-option-injector": ">=4.0.0-experimental.7",
+    "@hi-ui/schema-core": ">=4.0.0-experimental.8",
     "@hi-ui/schema-hooks": ">=4.0.0-experimental.1",
-    "@hi-ui/schema-utils": ">=4.0.0-experimental.1",
+    "@hi-ui/schema-utils": ">=4.0.0-experimental.5",
     "ahooks": "^3.9.6",
     "lodash-es": "^4.17.23"
   },
   "peerDependencies": {
-    "@hi-ui/cascader": ">=5.0.0-experimental.0",
-    "@hi-ui/check-cascader": ">=5.0.0-experimental.0",
-    "@hi-ui/check-select": ">=5.0.0-experimental.0",
-    "@hi-ui/check-tree-select": ">=5.0.0-experimental.0",
-    "@hi-ui/checkbox": ">=5.0.0-experimental.0",
+    "@hi-ui/cascader": ">=5.0.0-experimental.2",
+    "@hi-ui/check-cascader": ">=5.0.0-experimental.2",
+    "@hi-ui/check-select": ">=5.0.0-experimental.2",
+    "@hi-ui/check-tree-select": ">=5.0.0-experimental.2",
+    "@hi-ui/checkbox": ">=5.0.0-experimental.1",
     "@hi-ui/classname": ">=5.0.0-experimental.0",
-    "@hi-ui/counter": ">=5.0.0-experimental.0",
-    "@hi-ui/date-picker": ">=5.0.0-experimental.0",
-    "@hi-ui/ellipsis-tooltip": ">=5.0.0-experimental.0",
-    "@hi-ui/icons": ">=5.0.0-experimental.0",
-    "@hi-ui/input": ">=5.0.0-experimental.0",
-    "@hi-ui/message": ">=5.0.0-experimental.0",
-    "@hi-ui/number-input": ">=5.0.0-experimental.0",
-    "@hi-ui/preview": ">=5.0.0-experimental.0",
-    "@hi-ui/radio": ">=5.0.0-experimental.0",
-    "@hi-ui/rating": ">=5.0.0-experimental.0",
-    "@hi-ui/schema-types": ">=4.0.0-experimental.1",
-    "@hi-ui/select": ">=5.0.0-experimental.0",
-    "@hi-ui/slider": ">=5.0.0-experimental.0",
-    "@hi-ui/space": ">=5.0.0-experimental.0",
-    "@hi-ui/switch": ">=5.0.0-experimental.0",
-    "@hi-ui/tag": ">=5.0.0-experimental.0",
-    "@hi-ui/textarea": ">=5.0.0-experimental.0",
-    "@hi-ui/time-picker": ">=5.0.0-experimental.0",
-    "@hi-ui/tree-select": ">=5.0.0-experimental.0",
-    "@hi-ui/upload": ">=5.0.0-experimental.0",
-    "@hi-ui/utility-types": ">=4.0.0-experimental.1",
+    "@hi-ui/counter": ">=5.0.0-experimental.2",
+    "@hi-ui/date-picker": ">=5.0.0-experimental.2",
+    "@hi-ui/ellipsis-tooltip": ">=5.0.0-experimental.1",
+    "@hi-ui/icons": ">=5.0.0-experimental.1",
+    "@hi-ui/input": ">=5.0.0-experimental.2",
+    "@hi-ui/message": ">=5.0.0-experimental.1",
+    "@hi-ui/number-input": ">=5.0.0-experimental.2",
+    "@hi-ui/preview": ">=5.0.0-experimental.1",
+    "@hi-ui/radio": ">=5.0.0-experimental.1",
+    "@hi-ui/rating": ">=5.0.0-experimental.1",
+    "@hi-ui/schema-types": ">=4.0.0-experimental.3",
+    "@hi-ui/select": ">=5.0.0-experimental.2",
+    "@hi-ui/slider": ">=5.0.0-experimental.1",
+    "@hi-ui/space": ">=5.0.0-experimental.1",
+    "@hi-ui/switch": ">=5.0.0-experimental.1",
+    "@hi-ui/tag": ">=5.0.0-experimental.1",
+    "@hi-ui/textarea": ">=5.0.0-experimental.2",
+    "@hi-ui/time-picker": ">=5.0.0-experimental.2",
+    "@hi-ui/tree-select": ">=5.0.0-experimental.2",
+    "@hi-ui/upload": ">=5.0.0-experimental.1",
+    "@hi-ui/utility-types": ">=4.0.0-experimental.2",
     "dayjs": "^1.10.7",
     "react": ">=16.8.6",
     "react-router-dom": "^6.30.3"
   },
   "devDependencies": {
-    "@hi-ui/schema-types": ">=4.0.0-experimental.1",
-    "@hi-ui/utility-types": ">=4.0.0-experimental.1",
+    "@hi-ui/schema-types": ">=4.0.0-experimental.3",
+    "@hi-ui/utility-types": ">=4.0.0-experimental.2",
     "react": "^17.0.2",
     "react-router-dom": "^6.30.3"
   },

package/lib/cjs/base.js

@@ -1,125 +0,0 @@
-/** @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

@@ -1,63 +0,0 @@
-/** @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

@@ -1,33 +0,0 @@
-/** @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;