@hw-component/form 0.0.3 → 0.0.4-beta-v1

package/lib/Upload/Preview/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var index = require('../MediaTypeEle/index.js');
+
+var Preview = (function (_ref) {
+  var visible = _ref.visible,
+    file = _ref.file,
+    onCancel = _ref.onCancel;
+  return jsxRuntime.jsx(antd.Modal, {
+    footer: null,
+    visible: visible,
+    title: "\u9884\u89C8",
+    onCancel: onCancel,
+    children: jsxRuntime.jsx(index.default, {
+      file: file
+    })
+  });
+});
+
+exports.default = Preview;
+// powered by h

package/lib/Upload/UrlUpload/index.d.ts

@@ -0,0 +1,3 @@
+import type { IUrlUploadProps } from "../modal";
+declare const Index: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
+export default Index;

package/lib/Upload/UrlUpload/index.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/trim');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _Array$from = require('@babel/runtime-corejs3/core-js/array/from');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var Input = require('antd/es/input/Input');
+var index = require('../index.js');
+var TypeEle = require('../MediaTypeEle/TypeEle.js');
+var React = require('react');
+
+var _excluded = ["placeholder", "value", "onChange", "mediaType"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Index = function Index(_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    mediaType = _ref.mediaType,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    url = _useState2[0],
+    setUrl = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    load = _useState4[0],
+    setLoad = _useState4[1];
+  var ref = React.useRef(null);
+  var onReady = function onReady() {
+    var newFileList = _toConsumableArray(value);
+    newFileList.push({
+      url: url,
+      uid: new Date().valueOf().toString(),
+      name: url,
+      fileName: url,
+      thumbUrl: url,
+      response: {
+        url: url
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
+    setUrl("");
+    setLoad(false);
+  };
+  var onError = function onError() {
+    antd.message.error("文件错误!");
+    setUrl("");
+    setLoad(false);
+  };
+  var onBlur = function onBlur(e) {
+    var _context;
+    if (_trimInstanceProperty(_context = e.target.value).call(_context) === "") {
+      return;
+    }
+    setLoad(true);
+  };
+  var onPaste = function onPaste(e) {
+    var _context2, _ref$current;
+    var files = e.clipboardData.files;
+    if (!files.length) {
+      return;
+    }
+    e.preventDefault();
+    var newFileList = _mapInstanceProperty(_context2 = _Array$from(files)).call(_context2, function (item) {
+      var name = item.name,
+        size = item.size,
+        type = item.type;
+      return {
+        name: name,
+        size: size,
+        status: "uploading",
+        uid: new Date().valueOf().toString(),
+        originFileObj: item,
+        type: type
+      };
+    });
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.change({
+      fileList: newFileList,
+      file: newFileList[0]
+    });
+    setUrl("");
+    setLoad(false);
+  };
+  return jsxRuntime.jsxs(antd.Space, {
+    direction: "vertical",
+    style: {
+      width: "100%"
+    },
+    size: "middle",
+    children: [jsxRuntime.jsx(Input, {
+      placeholder: placeholder,
+      onBlur: onBlur,
+      value: url,
+      onPaste: onPaste,
+      onChange: function onChange(e) {
+        setUrl(e.target.value);
+      }
+    }), jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref,
+      value: value,
+      onChange: onChange
+    })), load && jsxRuntime.jsx("div", {
+      style: {
+        display: "none"
+      },
+      children: jsxRuntime.jsx(TypeEle.default, {
+        url: url,
+        mediaType: mediaType,
+        onReady: onReady,
+        onError: onError
+      })
+    })]
+  });
+};
+
+exports.default = Index;
+// powered by h

package/lib/Upload/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum MediaTypeEnum {
+    video = 0,
+    audio = 1,
+    img = 2
+}

package/lib/Upload/enums.js

@@ -0,0 +1,9 @@
+'use strict';
+
+exports.MediaTypeEnum = void 0;
+(function (MediaTypeEnum) {
+  MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
+  MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
+  MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
+})(exports.MediaTypeEnum || (exports.MediaTypeEnum = {}));
+// powered by h

package/lib/Upload/hooks/change.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "../modal";
+import type { UploadChangeParam, UploadFile } from "antd/lib/upload/interface";
+export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;

package/lib/Upload/hooks/change.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/every');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var ahooks = require('ahooks');
+var customRequest = require('./customRequest.js');
+var util = require('../util.js');
+var antd = require('antd');
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var checkFile = function checkFile(item) {
+  var oldFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return _everyInstanceProperty(oldFile).call(oldFile, function (oldItem) {
+    return item.uid !== oldItem.uid;
+  });
+};
+var matchFile = function matchFile(newFile) {
+  var oldFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var exFiles = arguments.length > 2 ? arguments[2] : undefined;
+  var maxSize = arguments.length > 3 ? arguments[3] : undefined;
+  var newResultFileList = [];
+  var addFile = [];
+  var errList = [];
+  _forEachInstanceProperty(newFile).call(newFile, function (item) {
+    if (!util.checkFileSize(item, maxSize)) {
+      return errList.push(new Error("超出限制大小!"));
+    }
+    if (!util.checkFileType(item, exFiles)) {
+      return errList.push(new Error("文件格式错误!"));
+    }
+    if (checkFile(item, oldFile)) {
+      addFile.push(item);
+      newResultFileList.push(_objectSpread(_objectSpread({}, item), {}, {
+        status: "uploading"
+      }));
+    } else {
+      newResultFileList.push(item);
+    }
+  });
+  return {
+    addFile: addFile,
+    fileList: newResultFileList,
+    errList: errList
+  };
+};
+var useChange = function useChange(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    request = _ref.request,
+    exFiles = _ref.exFiles,
+    maxSize = _ref.maxSize;
+  var customRequest$1 = customRequest.useCustomRequest({
+    request: request,
+    onChange: onChange,
+    value: value
+  });
+  var _useRequest = ahooks.useRequest( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+        var fileList, _matchFile, addFile, newFileList, errList;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              fileList = _ref2.fileList;
+              if (!(fileList.length > maxCount)) {
+                _context.next = 4;
+                break;
+              }
+              antd.message.error("超出最多文件限制!");
+              return _context.abrupt("return");
+            case 4:
+              _matchFile = matchFile(fileList, value, exFiles, maxSize), addFile = _matchFile.addFile, newFileList = _matchFile.fileList, errList = _matchFile.errList;
+              if (errList.length) {
+                antd.message.error(errList[0].message);
+              }
+              onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
+              customRequest$1(addFile);
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }(), {
+      manual: true,
+      debounceInterval: 100
+    }),
+    run = _useRequest.run;
+  return function (info) {
+    run(info);
+  };
+};
+
+exports.useChange = useChange;
+// powered by h

package/lib/Upload/hooks/customRequest.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "../modal";
+import type { UploadFile } from "antd/es/upload/interface";
+export declare const useCustomRequest: ({ value, request, onChange, }: IUpLoadProps) => (fileList: UploadFile[]) => void;

package/lib/Upload/hooks/customRequest.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var React = require('react');
+var antd = require('antd');
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var subReq = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var request, file, _yield$request, url;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          request = _ref.request, file = _ref.file;
+          if (request) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", {
+            url: "",
+            status: "done"
+          });
+        case 3:
+          _context.prev = 3;
+          _context.next = 6;
+          return request(file);
+        case 6:
+          _yield$request = _context.sent;
+          url = _yield$request.url;
+          return _context.abrupt("return", {
+            url: url,
+            status: "done"
+          });
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](3);
+          antd.message.error(_context.t0.message);
+          return _context.abrupt("return", {
+            url: "",
+            status: "error"
+          });
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 11]]);
+  }));
+  return function subReq(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var fileListProvider = function fileListProvider(changeFile, files) {
+  var status = changeFile.status,
+    url = changeFile.url,
+    uid = changeFile.uid;
+  if (status === "error") {
+    return files === null || files === void 0 ? void 0 : _filterInstanceProperty(files).call(files, function (item) {
+      return item.uid !== uid;
+    });
+  }
+  return files === null || files === void 0 ? void 0 : _mapInstanceProperty(files).call(files, function (item) {
+    var resultUrl = url || item.thumbUrl;
+    if (item.uid === uid) {
+      item.status = status;
+      item.response = {
+        url: resultUrl
+      };
+      return item;
+    }
+    return item;
+  });
+};
+var useCustomRequest = function useCustomRequest(_ref3) {
+  var value = _ref3.value,
+    request = _ref3.request,
+    onChange = _ref3.onChange;
+  var valObj = React.useMemo(function () {
+    return {
+      value: value
+    };
+  }, []);
+  React.useEffect(function () {
+    valObj.value = value;
+  }, [value]);
+  var sendFile = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file) {
+      var uid, result, fileList;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            uid = file.uid;
+            _context2.next = 3;
+            return subReq({
+              request: request,
+              file: file
+            });
+          case 3:
+            result = _context2.sent;
+            fileList = fileListProvider(_objectSpread(_objectSpread({}, result), {}, {
+              uid: uid
+            }), valObj.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(fileList || []);
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function sendFile(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  return function (fileList) {
+    _forEachInstanceProperty(fileList).call(fileList, function (item) {
+      sendFile(item);
+    });
+  };
+};
+
+exports.useCustomRequest = useCustomRequest;
+// powered by h

package/lib/Upload/hooks/propsMaker.d.ts

@@ -0,0 +1,2 @@
+import type { IUpLoadProps } from "../modal";
+export declare const useProps: ({ request, exFiles, maxSize }: IUpLoadProps) => any;

package/lib/Upload/hooks/propsMaker.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var FormConfigProvider = require('../../Form/Context/FormConfigProvider.js');
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useProps = function useProps(_ref) {
+  var request = _ref.request,
+    exFiles = _ref.exFiles,
+    maxSize = _ref.maxSize;
+  var configUploadProps = FormConfigProvider.useFormConfigContext("uploadProps");
+  var inputProps = {
+    request: request,
+    exFiles: exFiles,
+    maxSize: maxSize
+  };
+  var keys = _Object$keys(inputProps);
+  var resultProps = _objectSpread({}, configUploadProps);
+  _forEachInstanceProperty(keys).call(keys, function (key) {
+    if (inputProps[key]) {
+      resultProps[key] = inputProps[key];
+      return;
+    }
+  });
+  return resultProps;
+};
+
+exports.useProps = useProps;
+// powered by h

package/lib/Upload/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/lib/Upload/index.js

@@ -0,0 +1,147 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var propsMaker = require('./hooks/propsMaker.js');
+var index = require('./Preview/index.js');
+var change = require('./hooks/change.js');
+var antd = require('antd');
+var Btn = require('./Btn.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat"];
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Index = function Index(_ref, ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    _ref$listType = _ref.listType,
+    listType = _ref$listType === void 0 ? "picture-card" : _ref$listType,
+    exFiles = _ref.exFiles,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    _ref$maxRowNum = _ref.maxRowNum,
+    maxRowNum = _ref$maxRowNum === void 0 ? 3 : _ref$maxRowNum,
+    onPreview = _ref.onPreview,
+    request = _ref.request,
+    maxSize = _ref.maxSize,
+    addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var matchProps = propsMaker.useProps({
+    request: request,
+    exFiles: exFiles,
+    maxSize: maxSize
+  });
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewModal = _useState2[0],
+    setPreviewModal = _useState2[1];
+  var change$1 = change.useChange(_objectSpread(_objectSpread({}, matchProps), {}, {
+    value: value,
+    maxCount: maxCount,
+    onChange: onChange
+  }));
+  React.useImperativeHandle(ref, function () {
+    return {
+      change: change$1
+    };
+  });
+  var contentStyle = React.useMemo(function () {
+    if (listType !== "picture-card") {
+      return {};
+    }
+    return {
+      width: 112 * maxRowNum,
+      maxWidth: "100%"
+    };
+  }, [maxRowNum, listType]);
+  var preview = function preview(file) {
+    if (onPreview) {
+      onPreview(file);
+      return;
+    }
+    setPreviewModal({
+      visible: true,
+      file: file
+    });
+  };
+  var maxNum = maxCount === 1 ? maxCount : Number.MAX_VALUE;
+  var visible = previewModal.visible,
+    previewFile = previewModal.file;
+  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
+    "float": {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
+        var initFileList = initValue[name] || [];
+        var relInitFileList = typeof initFileList === "string" ? [initFileList] : initFileList;
+        var fileList = _mapInstanceProperty(relInitFileList).call(relInitFileList, function (url, index) {
+          return {
+            name: url,
+            response: {
+              url: url
+            },
+            status: "done",
+            uid: "init-".concat(index),
+            thumbUrl: url
+          };
+        });
+        return _defineProperty({}, name, fileList);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          valueName = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$valueNam = _outputValue[valueName],
+          itemVal = _outputValue$valueNam === void 0 ? [] : _outputValue$valueNam;
+        var urls = _mapInstanceProperty(itemVal).call(itemVal, function (fileItem) {
+          return fileItem.response.url;
+        });
+        return _defineProperty({}, valueName, maxCount === 1 ? urls[0] : urls);
+      }
+    }
+  });
+  return jsxRuntime.jsxs("div", {
+    style: contentStyle,
+    children: [jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({
+      listType: listType,
+      maxCount: maxNum,
+      fileList: value,
+      onPreview: preview,
+      onChange: change$1,
+      beforeUpload: function beforeUpload() {
+        return false;
+      }
+    }, props), {}, {
+      children: jsxRuntime.jsx(Btn.default, {
+        value: value,
+        maxCount: maxCount,
+        listType: listType
+      })
+    })), jsxRuntime.jsx(index.default, {
+      visible: visible,
+      file: previewFile,
+      onCancel: function onCancel() {
+        setPreviewModal({});
+      }
+    })]
+  });
+};
+var HUpload = HFormConnect.default( /*#__PURE__*/React.forwardRef(Index));
+
+exports.default = HUpload;
+// powered by h

package/lib/Upload/modal.d.ts

@@ -0,0 +1,30 @@
+import type { UploadProps } from "antd";
+import type { UploadFile } from "antd/es/upload/interface";
+import type { BeforeUploadFileType, RcFile } from "rc-upload/lib/interface";
+import type { UploadChangeParam } from "antd/lib/upload/interface";
+import type { MediaTypeEnum } from "@/components/Upload/enums";
+import type { addFormatItemModal } from "@/components/Form/modal";
+export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
+    exFiles?: string[];
+    request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
+        url: string;
+    }>;
+    errorType?: "alert" | "show";
+    onChange?: (fileList: UploadFile[]) => void;
+    value?: UploadFile[];
+    maxRowNum?: number;
+    maxSize?: number;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+export interface IMediaTypeEleProps {
+    file?: UploadFile;
+    onReady?: VoidFunction;
+    onError?: VoidFunction;
+}
+export interface IUploadRefModal {
+    change: (info: UploadChangeParam<UploadFile>) => void;
+}
+export interface IUrlUploadProps extends IUpLoadProps {
+    placeholder?: string;
+    mediaType?: MediaTypeEnum;
+}