@sheinx/base 3.0.0-alpha.1

package/esm/upload/image.type.d.ts

@@ -0,0 +1,16 @@
+import { UploadProps } from './upload.type';
+export interface UploadImageProps<T> extends Omit<UploadProps<T>, 'listType'> {
+    /**
+     * @cn上传图片容器宽度
+     * @en Upload image container width
+     * @default 80
+     */
+    width?: number;
+    /**
+     * @cn上传图片容器高度
+     * @en Upload image container height
+     * @default 80
+     */
+    height?: number;
+}
+//# sourceMappingURL=image.type.d.ts.map

package/esm/upload/image.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.type.d.ts","sourceRoot":"","sources":["image.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC3E;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/esm/upload/image.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/upload/index.d.ts

@@ -0,0 +1,7 @@
+export { default, default as Upload } from './upload';
+export { default as UploadImage } from './image';
+export { default as UploadButton } from './button';
+export type { UploadProps } from './upload.type';
+export type { UploadImageProps } from './image.type';
+export type { UploadButtonProps } from './button.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/esm/upload/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function get() {
+    return _upload.default;
+  }
+});
+Object.defineProperty(exports, "UploadButton", {
+  enumerable: true,
+  get: function get() {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "UploadImage", {
+  enumerable: true,
+  get: function get() {
+    return _image.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _upload.default;
+  }
+});
+var _upload = _interopRequireDefault(require("./upload"));
+var _image = _interopRequireDefault(require("./image"));
+var _button = _interopRequireDefault(require("./button"));

package/esm/upload/result.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { UploadProps } from './upload.type';
+import { PopoverConfirmProps } from '../popover';
+interface ResultProps {
+    onRemove: () => void;
+    removeAble: boolean;
+    name: React.ReactNode;
+    message?: React.ReactNode | undefined;
+    status: 'error' | 'success' | 'uploading' | 'deleted';
+    process?: number;
+    jssStyle?: UploadProps<any>['jssStyle'];
+    confirm?: PopoverConfirmProps | string;
+    src?: string;
+    imageStyle?: React.CSSProperties;
+    listType: UploadProps<any>['listType'];
+    customImage?: React.ReactNode;
+    onPreview?: UploadProps<any>['onPreview'];
+    values: any[];
+    index: number;
+}
+declare const Result: (props: ResultProps) => JSX.Element;
+export default Result;
+//# sourceMappingURL=result.d.ts.map

package/esm/upload/result.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGjE,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAgKjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/upload/result.js

@@ -0,0 +1,154 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.weak-map.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _image = _interopRequireDefault(require("../image"));
+var _popover = require("../popover");
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Result = function Result(props) {
+  var _props$jssStyle, _props$jssStyle$uploa;
+  var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
+  var status = props.status,
+    name = props.name,
+    message = props.message,
+    confirm = props.confirm,
+    listType = props.listType,
+    src = props.src;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isConfirm = _useState2[0],
+    setIsConfirm = _useState2[1];
+  var confirmProps = typeof confirm === 'string' ? {
+    children: confirm
+  } : confirm;
+  var _useRef = (0, _react.useRef)({
+      preview: function preview() {}
+    }),
+    context = _useRef.current;
+  var renderText = function renderText() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultText,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon,
+          children: _icons.default.File
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultTextBody,
+          children: [name, message && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: ["(", message, ") "]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultTextFooter,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultStatusIcon),
+            children: [status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+              jssStyle: props.jssStyle,
+              size: 10,
+              name: 'ring'
+            }), status === 'success' && _icons.default.PcCheckCircleFill, status === 'error' && _icons.default.PcWarningCircleFill]
+          }), status === 'uploading' && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [Math.min(99, Math.floor(props.process || 0)), "%"]
+          })]
+        })]
+      }), props.removeAble && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultClose, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.iconHover),
+        onClick: confirmProps ? undefined : props.onRemove,
+        children: [confirmProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverConfirm, _objectSpread(_objectSpread({}, confirmProps), {}, {
+          onOk: props.onRemove,
+          jssStyle: props.jssStyle
+        })), status === 'deleted' ? _icons.default.Return : _icons.default.Delete]
+      })]
+    });
+  };
+  var renderImage = function renderImage() {
+    var topBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultTopBtn, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.customImageBtn),
+      onClick: props.onRemove,
+      children: status === 'deleted' ? _icons.default.UndeleteOpaque : _icons.default.CloseOpaqueMultic1
+    });
+    var errorTip = status === 'error' && message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultTip,
+      children: message
+    });
+    if (props.customImage) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [props.customImage, topBtn, errorTip]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [src && /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
+        componentRef: function componentRef(img) {
+          context.preview = img.preview;
+        },
+        className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageBg,
+        src: src,
+        jssStyle: props.jssStyle,
+        fit: "center",
+        width: "auto",
+        height: 0
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMask, (isConfirm || status === 'uploading') && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskShow)),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskOperator,
+          children: [status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+            size: 'null',
+            jssStyle: props.jssStyle,
+            name: 'ring',
+            className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultLoading
+          }), (status === 'success' || status === 'deleted') && src && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon),
+            onClick: function onClick() {
+              if (props.onPreview) {
+                props.onPreview(src, props.values[props.index], props.index, props.values, {
+                  preview: context.preview
+                });
+              } else {
+                context.preview();
+              }
+            },
+            children: _icons.default.Preview
+          }), status === 'success' && props.removeAble && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon),
+            onClick: confirmProps ? undefined : props.onRemove,
+            children: [confirmProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverConfirm, _objectSpread(_objectSpread({
+              onVisibleChange: setIsConfirm
+            }, confirmProps), {}, {
+              onOk: props.onRemove,
+              jssStyle: props.jssStyle
+            })), _icons.default.Delete]
+          })]
+        }), status === 'uploading' && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskInfo,
+          children: [Math.min(99, Math.floor(props.process || 0)), "%"]
+        })]
+      }), status !== 'success' && props.removeAble && topBtn, errorTip]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResult : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.result, status === 'error' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultError), status === 'success' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultSuccess), status === 'uploading' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultUploading), status === 'deleted' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultDeleted)),
+    style: listType === 'image' ? props.imageStyle : undefined,
+    children: listType === 'image' ? renderImage() : renderText()
+  });
+};
+var _default = Result;
+exports.default = _default;

package/esm/upload/upload.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { UploadProps } from './upload.type';
+declare const Upload: <T>(props: UploadProps<T>) => JSX.Element;
+export default Upload;
+//# sourceMappingURL=upload.d.ts.map

package/esm/upload/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,2CAiPX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/upload/upload.js

@@ -0,0 +1,233 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.splice.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.values.js");
+var _hooks = require("@sheinx/hooks");
+var _react = _interopRequireWildcard(require("react"));
+var _drop = _interopRequireDefault(require("./drop"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _result = _interopRequireDefault(require("./result"));
+var _useInputClick2 = require("./useInputClick");
+var _config = require("../config");
+var _icons = _interopRequireDefault(require("../icons"));
+var _immer = require("immer");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Upload = function Upload(props) {
+  var _props$jssStyle, _props$jssStyle$uploa, _props$imageStyle, _props$imageStyle2;
+  var _props$canDelete = props.canDelete,
+    canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
+    _props$showUploadList = props.showUploadList,
+    showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList,
+    _props$drop = props.drop,
+    drop = _props$drop === void 0 ? false : _props$drop,
+    _props$limit = props.limit,
+    limit = _props$limit === void 0 ? 100 : _props$limit,
+    _props$renderResult = props.renderResult,
+    renderResult = _props$renderResult === void 0 ? function (a) {
+      return a;
+    } : _props$renderResult,
+    _props$listType = props.listType,
+    listType = _props$listType === void 0 ? 'text' : _props$listType,
+    leftHandler = props.leftHandler;
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
+  var imageStyle = _objectSpread(_objectSpread({}, props.imageStyle), {}, {
+    width: ((_props$imageStyle = props.imageStyle) === null || _props$imageStyle === void 0 ? void 0 : _props$imageStyle.width) || 80,
+    height: ((_props$imageStyle2 = props.imageStyle) === null || _props$imageStyle2 === void 0 ? void 0 : _props$imageStyle2.height) || 80
+  });
+  var inputAbleProps = (0, _hooks.useInputAble)({
+    value: props.value,
+    defaultValue: props.defaultValue || [],
+    beforeChange: props.beforeChange,
+    onChange: props.onChange,
+    control: 'value' in props
+  });
+  var value = inputAbleProps.value || [];
+  var onChange = inputAbleProps.onChange;
+  var isImage = listType === 'image';
+  var name = props.name;
+  var _useUpload = (0, _hooks.useUpload)(_objectSpread(_objectSpread({}, props), {}, {
+      htmlName: props.htmlName || name,
+      isImage: isImage,
+      text: {
+        forceAcceptErrorMsg: props.forceAcceptErrorMsg || (0, _config.getLocale)(locale, 'invalidAccept'),
+        invalidImage: (0, _config.getLocale)(locale, 'invalidImage')
+      },
+      value: value,
+      onChange: onChange
+    })),
+    func = _useUpload.func,
+    files = _useUpload.files,
+    recycleValues = _useUpload.recycleValues,
+    accept = _useUpload.accept,
+    restLength = _useUpload.restLength;
+  var uploadValidate = (0, _hooks.usePersistFn)(function () {
+    return new Promise(function (resolve, reject) {
+      if (Object.keys(files).length > 0) {
+        reject(new Error(''));
+      } else {
+        resolve(true);
+      }
+    });
+  });
+  (0, _react.useEffect)(function () {
+    var _ref = props,
+      validateHook = _ref.validateHook;
+    if (validateHook && _hooks.util.isFunc(uploadValidate)) {
+      validateHook(uploadValidate);
+    }
+  }, []);
+  var handleReplace = function handleReplace(files, index) {
+    onChange((0, _immer.produce)(value, function (draft) {
+      // 删除原来的位置的数据
+      draft.splice(index, 1);
+    }));
+    setTimeout(function () {
+      func.addFiles(files);
+    });
+  };
+  var _useInputClick = (0, _useInputClick2.useInputClick)(),
+    inputProps = _useInputClick.inputProps,
+    wrapperProps = _useInputClick.wrapperProps;
+  var renderHandler = function renderHandler() {
+    if (restLength <= 0) return null;
+    var inputOriginProps = {
+      webkitdirectory: props.webkitdirectory
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_drop.default, {
+      drop: drop,
+      accept: accept,
+      disabled: props.disabled,
+      onDrop: func.addFiles,
+      multiple: !!props.multiple || limit > 1,
+      className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({
+        className: (0, _classnames.default)(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandler : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.handler),
+        style: listType === 'image' ? imageStyle : undefined
+      }, wrapperProps), {}, {
+        children: [listType === 'image' && (props.children || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandlerIcon,
+          children: _icons.default.Add
+        })), listType === 'text' && props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+          accept: accept,
+          multiple: props.multiple,
+          disabled: props.disabled,
+          onChange: function onChange(e) {
+            func.addFiles(Array.from(e.target.files || []));
+          }
+        }, inputProps), inputOriginProps))]
+      }))
+    });
+  };
+  var commonResultProps = {
+    listType: listType,
+    jssStyle: props.jssStyle,
+    imageStyle: imageStyle,
+    onPreview: props.onPreview
+  };
+  var renderFile = function renderFile() {
+    if (!showUploadList) return null;
+    return Object.keys(files).map(function (id, index) {
+      var file = files[id];
+      return /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+        values: Object.values(files),
+        index: index,
+        key: index,
+        onRemove: function onRemove() {
+          func.removeFile(id);
+        },
+        src: file.src,
+        name: file.name,
+        message: file.message,
+        status: file.status,
+        process: file.process,
+        removeAble: !props.disabled
+      }));
+    });
+  };
+  var renderValue = function renderValue() {
+    if (!showUploadList) return null;
+    return value.map(function (v, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_drop.default, {
+        drop: drop,
+        multiple: false,
+        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
+        accept: accept,
+        dropData: index,
+        disabled: props.disabled,
+        onDrop: handleReplace,
+        children: /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+          values: value,
+          index: index,
+          status: 'success',
+          name: !isImage && renderResult(v),
+          src: isImage ? renderResult(v) : '',
+          removeAble: !props.disabled && (_hooks.util.isFunc(canDelete) ? canDelete(v, index) : canDelete),
+          onRemove: function onRemove() {
+            func.removeValue(index);
+          },
+          key: index,
+          customImage: isImage && props.renderContent && props.renderContent(renderResult(v), v, index, value),
+          confirm: props.removeConfirm
+        }))
+      }, index);
+    });
+  };
+  var renderRecover = function renderRecover() {
+    if (!showUploadList) return null;
+    return recycleValues.map(function (v, index) {
+      return /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+        values: recycleValues,
+        index: index,
+        status: 'deleted',
+        onRemove: function onRemove() {
+          func.recoverValue(index);
+        },
+        name: !isImage && renderResult(v),
+        src: isImage ? renderResult(v) : '',
+        removeAble: !props.disabled && restLength > 0,
+        key: index,
+        customImage: isImage && props.renderContent && props.renderContent(renderResult(v), v, index, value)
+      }));
+    });
+  };
+  var CustomResult = props.customResult;
+  var shouldRenderLeft = listType !== 'image' || leftHandler;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: props.style,
+    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    children: CustomResult ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [shouldRenderLeft && renderHandler(), /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResult, {
+        value: value,
+        files: files,
+        onFileRemove: func.removeFile,
+        onValueRemove: func.removeValue
+      }), !shouldRenderLeft && renderHandler()]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [shouldRenderLeft && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && renderHandler(), renderRecover()]
+    })
+  });
+};
+var _default = Upload;
+exports.default = _default;