@hsu-react/ui 0.0.1

package/lib/components/FormItem/FormSelect/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FormIconSelect = _interopRequireDefault(require("./FormIconSelect"));
+var _FormTreeSelect = _interopRequireDefault(require("./FormTreeSelect"));
+var _FormAutoCompleteSelect = _interopRequireDefault(require("./FormAutoCompleteSelect"));
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _Select = _interopRequireDefault(require("../../Select"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormSelect = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    placeholder,
+    ...selectConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+      ...selectConfig,
+      disabled: selectConfig.disabled ?? disabled,
+      placeholder: placeholder ?? "请选择"
+    })
+  });
+};
+FormSelect.Tree = _FormTreeSelect.default;
+FormSelect.Icon = _FormIconSelect.default;
+FormSelect.AutoComplete = _FormAutoCompleteSelect.default;
+var _default = exports.default = FormSelect;

package/lib/components/FormItem/FormSlider/index.d.ts

@@ -0,0 +1,9 @@
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+import { SliderProps } from "../../Slider";
+export interface FormSliderProps extends ItemContainerProps {
+    componentProps?: SliderProps;
+    showNums?: boolean;
+}
+declare const FormSlider: React.FC<FormSliderProps>;
+export default FormSlider;

package/lib/components/FormItem/FormSlider/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _react = _interopRequireWildcard(require("react"));
+var _Slider = _interopRequireDefault(require("../../Slider"));
+var _Input = _interopRequireDefault(require("../../Input"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormSlider = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    showNums,
+    layout,
+    initialValue,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    onChange,
+    value,
+    step = 1,
+    min = 0,
+    max = 100,
+    ...sliderConfig
+  } = componentProps;
+  const [topPValue, setTopPValue] = (0, _react.useState)("0");
+  (0, _react.useEffect)(() => {
+    setTopPValue((+(value || initialValue || 0))?.toFixed(step?.toString()?.split(".")?.[1]?.length || 0));
+  }, [initialValue, step, value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    initialValue: initialValue,
+    layout: layout,
+    className: `${itemClassName ?? ""}`,
+    labelRender: showNums && layout === "vertical" ? label => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default.Number, {
+          className: _indexModule.default.slider_value,
+          value: topPValue,
+          onChange: v => {
+            setTopPValue((+v).toFixed(step?.toString()?.split(".")?.[1]?.length || 0));
+          },
+          max: max,
+          min: min
+        })]
+      });
+    } : undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+      ...sliderConfig,
+      disabled: sliderConfig.disabled ?? disabled,
+      topValue: +topPValue,
+      onChange: v => {
+        setTopPValue(v.toFixed(step?.toString()?.split(".")?.[1]?.length || 0));
+        onChange?.(v);
+      },
+      step: step,
+      max: max,
+      min: min
+    })
+  });
+};
+var _default = exports.default = FormSlider;

package/lib/components/FormItem/FormSlider/index.module.less

@@ -0,0 +1,15 @@
+.slider_value {
+  width: 60px;
+  padding: 0px;
+  padding-right: 2px;
+  margin-right: 0;
+  margin-left: auto;
+
+  text-align: right;
+
+  box-shadow: none !important;
+
+  border-radius: 4px;
+
+  background-color: transparent !important;
+}

package/lib/components/FormItem/FormSwitch/index.d.ts

@@ -0,0 +1,8 @@
+import { SwitchProps as AntdSwitchProps } from "antd";
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+export interface FormSwitchProps extends ItemContainerProps {
+    componentProps?: AntdSwitchProps;
+}
+declare const FormSwitch: React.FC<FormSwitchProps>;
+export default FormSwitch;

package/lib/components/FormItem/FormSwitch/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormSwitch = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    className,
+    ...switchConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+      ...switchConfig,
+      disabled: switchConfig.disabled ?? disabled,
+      className: (0, _classnames.default)(className, _indexModule.default.switch)
+    })
+  });
+};
+var _default = exports.default = FormSwitch;

package/lib/components/FormItem/FormSwitch/index.module.less

@@ -0,0 +1,3 @@
+.switch {
+  min-height: 0px !important;
+}

package/lib/components/FormItem/FormText/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+import { ItemContainerProps } from "../ItemContainer";
+export interface TextProps {
+    value?: string | number;
+    className?: string;
+    render?: (value?: string | number) => ReactNode;
+    jsonParseOptions?: {
+        hideEmpty?: boolean;
+    } | false;
+    align?: "left" | "center" | "right";
+}
+export interface FormTextProps extends ItemContainerProps {
+    componentProps?: TextProps;
+}
+declare const FormText: React.FC<FormTextProps>;
+export default FormText;

package/lib/components/FormItem/FormText/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hsuUtils = require("hsu-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Text = props => {
+  const {
+    value,
+    className,
+    render,
+    jsonParseOptions = {},
+    align = "left"
+  } = props;
+  const jsonParse = value => {
+    const {
+      hideEmpty = true
+    } = jsonParseOptions || {};
+    if (!value || typeof value === "number" || typeof +value === "number") {
+      return value;
+    }
+    try {
+      if (hideEmpty) {
+        const json = JSON.parse(value);
+        Object.keys(json)?.forEach(key => {
+          if (json[key] === null || json[key] === undefined || json[key] === "" || _hsuUtils.Equal.ObjEqual(json[key], {}) || _hsuUtils.Equal.ObjEqual(json[key], [])) {
+            delete json[key];
+          }
+        });
+        return JSON.stringify(json, null, 2);
+      }
+      return JSON.stringify(JSON.parse(value), null, 2);
+    } catch (error) {
+      return value;
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(_indexModule.default.text, className),
+    style: {
+      justifyContent: align === "center" ? "center" : align === "right" ? "flex-end" : "flex-start"
+    },
+    children: render ? render(jsonParseOptions ? jsonParse(value) : value) : jsonParseOptions ? jsonParse(value) : value
+  });
+};
+const FormText = props => {
+  const {
+    componentProps,
+    ...formItemProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+      ...componentProps
+    })
+  });
+};
+var _default = exports.default = FormText;

package/lib/components/FormItem/FormText/index.module.less

@@ -0,0 +1,9 @@
+.text {
+  display: inline-flex;
+  align-items: center;
+
+  width: 100%;
+
+  word-break: break-all;
+  white-space: pre-wrap;
+}

package/lib/components/FormItem/FormTree/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../ItemContainer";
+import { TreeProps } from "../../Tree";
+import React from "react";
+export interface FormTreeProps extends ItemContainerProps {
+    componentProps?: TreeProps;
+}
+declare const FormTree: React.FC<FormTreeProps>;
+export default FormTree;

package/lib/components/FormItem/FormTree/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _Tree = _interopRequireDefault(require("../../Tree"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormTree = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    ...treeConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    valuePropName: "checkedKeys",
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tree.default, {
+      ...treeConfig,
+      disabled: treeConfig.disabled ?? disabled,
+      checkable: true
+    })
+  });
+};
+var _default = exports.default = FormTree;

package/lib/components/FormItem/FormUpload/FormImage/index.d.ts

@@ -0,0 +1,13 @@
+import { UploadFile } from "antd";
+import { ItemContainerProps } from "../../ItemContainer";
+import React, { ReactNode } from "react";
+import { UploadProps as BasicUploadProps } from "../../../Upload";
+interface UploadProps extends Omit<BasicUploadProps, "onChange"> {
+    onChange?: (fileList: UploadFile[]) => void;
+    children?: ReactNode;
+}
+export interface FormImageProps extends ItemContainerProps {
+    componentProps?: UploadProps;
+}
+declare const FormImage: React.FC<FormImageProps>;
+export default FormImage;

package/lib/components/FormItem/FormUpload/FormImage/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _ItemContainer = _interopRequireDefault(require("../../ItemContainer"));
+var _react = _interopRequireWildcard(require("react"));
+var _Upload = _interopRequireDefault(require("../../../Upload"));
+var _icons = require("@ant-design/icons");
+var _FilePreview = _interopRequireDefault(require("../../../FilePreview"));
+var _lodash = require("lodash");
+var _hsuUtils = require("hsu-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const getBase64 = file => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = error => reject(error);
+});
+const FormImage = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    name,
+    ...formItemProps
+  } = props;
+  const {
+    action,
+    onChange,
+    beforeUpload,
+    children,
+    size,
+    accept = ".jpg,.png,.jpeg",
+    maxCount,
+    fileList: _fileList,
+    en,
+    ...uploadConfig
+  } = componentProps;
+  const [previewImage, setPreviewImage] = (0, _react.useState)("");
+  const [fileList, setFileList] = (0, _react.useState)(_fileList ?? []);
+  const getValueFromEvent = ({
+    fileList
+  }) => {
+    fileList?.forEach((file, index) => {
+      if (file.status === "error") {
+        !beforeUpload && _antd.notification.error({
+          message: file.error?.message || (en ? "Upload failed" : "上传失败")
+        });
+        fileList.splice(index, 1);
+      } else if (file.response) {
+        if (file.response?.code !== 0 && file.response?.code !== 200 && file.response?.code !== undefined) {
+          _antd.notification.error({
+            message: file.response.msg
+          });
+          fileList.splice(index, 1);
+        }
+      }
+    });
+    fileList.forEach(file => {
+      if (file.url) {
+        file.thumbUrl = uploadConfig.listProps?.formatUrl?.(file) || file.url;
+      }
+    });
+    setFileList(fileList);
+    onChange?.(fileList);
+    return fileList.length ? fileList : undefined;
+  };
+  const onshouldUpdate = fileList => {
+    onChange?.(fileList);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+      name,
+      valuePropName: "fileList",
+      getValueFromEvent,
+      shouldUpdate: (_, curValue) => {
+        (0, _lodash.debounce)(() => {
+          onshouldUpdate([...(curValue[name] || [])]);
+        })();
+        return false;
+      },
+      ...formItemProps,
+      className: `${itemClassName ?? ""}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Upload.default, {
+        ...uploadConfig,
+        action,
+        accept,
+        listType: "picture-card",
+        onPreview: async file => {
+          if (!file.url && !file.preview) {
+            file.preview = await getBase64(file.originFileObj);
+          }
+          setPreviewImage(file.url ? uploadConfig.listProps?.formatUrl?.(file) || file.url : file.preview);
+        },
+        onDownload: async file => {
+          if (!file.url && !file.preview) {
+            file.preview = await getBase64(file.originFileObj);
+          }
+          (0, _hsuUtils.downloadFile)(uploadConfig.listProps?.formatUrl?.(file) || file.url || "", file.name);
+        },
+        showUploadList: {
+          showDownloadIcon: true
+        },
+        size,
+        maxCount,
+        en,
+        disabled: uploadConfig.disabled ?? disabled,
+        children: (!(uploadConfig.disabled ?? disabled) || maxCount && fileList.length < maxCount) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "formItem-upload-picture-add",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {})
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilePreview.default, {
+      fileType: previewImage.split(".").pop()?.toLowerCase(),
+      fileUrl: previewImage,
+      open: !!previewImage,
+      onClose: () => setPreviewImage("")
+    })]
+  });
+};
+var _default = exports.default = FormImage;

package/lib/components/FormItem/FormUpload/index.d.ts

@@ -0,0 +1,19 @@
+import { UploadFile } from "antd";
+import { FormImageProps } from "./FormImage";
+import { ItemContainerProps } from "../ItemContainer";
+import { UploadProps as BasicUploadProps } from "../../Upload";
+import React from "react";
+export type { FormImageProps };
+export interface UploadProps extends Omit<BasicUploadProps, "onChange"> {
+    onChange?: (fileList?: UploadFile[]) => void;
+    inline?: boolean;
+    hideUpload?: boolean;
+}
+export interface FormUploadProps extends ItemContainerProps {
+    componentProps?: UploadProps;
+}
+interface FormUploadFC extends React.FC<FormUploadProps> {
+    Image: React.FC<FormImageProps>;
+}
+declare const FormUpload: FormUploadFC;
+export default FormUpload;

package/lib/components/FormItem/FormUpload/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _FormImage = _interopRequireDefault(require("./FormImage"));
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _Upload = _interopRequireDefault(require("../../Upload"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@ant-design/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormUpload = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    name,
+    disabled,
+    rules,
+    en: formEn,
+    ...formItemProps
+  } = props;
+  const {
+    action,
+    onChange,
+    beforeUpload,
+    accept = "",
+    drop,
+    className,
+    size,
+    inline,
+    maxCount,
+    hideUpload,
+    en,
+    onUploadingList,
+    ...uploadConfig
+  } = componentProps;
+  const [fileList, setFileList] = (0, _react.useState)([]);
+  const [uploadingList, setUploadingList] = (0, _react.useState)({});
+  const getValueFromEvent = ({
+    fileList
+  }) => {
+    fileList?.forEach((file, index) => {
+      if (file.status === "error") {
+        !beforeUpload && _antd.notification.error({
+          message: file.error?.message || (en ? "Upload failed" : "上传失败")
+        });
+        fileList.splice(index, 1);
+      } else if (file.response) {
+        if (file.response?.code !== 0 && file.response?.code !== 200 && file.response?.code !== undefined) {
+          _antd.notification.error({
+            message: file.response.msg
+          });
+          fileList.splice(index, 1);
+        }
+      }
+    });
+    setFileList(fileList);
+    onChange?.(fileList);
+    return fileList.length ? fileList : undefined;
+  };
+  const onshouldUpdate = fileList => {
+    setFileList(fileList);
+    onChange?.(fileList);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    name,
+    valuePropName: "fileList",
+    getValueFromEvent,
+    shouldUpdate: (_, curValue) => {
+      (0, _lodash.debounce)(() => {
+        onshouldUpdate([...(curValue[name] || [])]);
+      })();
+      return false;
+    },
+    en: formEn,
+    rules: [...(rules || []), {
+      type: "array",
+      validateTrigger: "onSubmit",
+      validator: () => {
+        if (Object.keys(uploadingList).length) {
+          return Promise.reject(new Error(formEn ? "Uploading..." : "上传中..."));
+        }
+        return Promise.resolve();
+      }
+    }],
+    ...formItemProps,
+    className: `${itemClassName ?? ""} ${_indexModule.default.FormUpload}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Upload.default, {
+      drop,
+      action,
+      accept,
+      listType: "text",
+      size,
+      maxCount,
+      en,
+      onUploadingList: list => {
+        setUploadingList(list);
+        onUploadingList?.(list);
+      },
+      ...uploadConfig,
+      disabled: uploadConfig.disabled ?? disabled,
+      className: (0, _classnames.default)([_indexModule.default.upload, className, {
+        [_indexModule.default.inline]: inline && maxCount === 1
+      }]),
+      children: (!(uploadConfig.disabled ?? disabled) && !hideUpload || hideUpload && maxCount && fileList.length < maxCount && Object.keys(uploadingList).length < maxCount) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: drop ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            icon: "ic:baseline-upload-file",
+            className: _indexModule.default.uploadIcon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _indexModule.default.uploadText,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("em", {
+                children: en ? "Click to upload" : "点击上传"
+              }), en ? ", or drag and drop files here" : "，或拖放文件到此处"]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [`${en ? "Currently only supports uploading" : "目前仅支持上传"}${accept ? accept : "所有格式"}
+                    ${en ? "file types" : "文件类型"}`, size && `${en ? "and the size is less than" : "，大小不超过"}${size}MB`]
+            })]
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Button, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UploadOutlined, {}),
+            className: _indexModule.default.upBtn,
+            children: [`${en ? "Supports" : "支持"} ${accept ? accept : "所有格式"}
+                  ${en ? "file types" : "文件类型"}`, size && `${en ? " and the size is less than" : "，大小不超过"} ${size}MB`]
+          })
+        })
+      })
+    })
+  });
+};
+FormUpload.Image = _FormImage.default;
+var _default = exports.default = FormUpload;