@hsu-react/ui 0.0.1

package/es/components/FilePreview/index.js

@@ -0,0 +1,87 @@
+import React from "react";
+import PdfPreview from "./_components/PdfPreview";
+import VideoPreview from "./_components/VideoPreview";
+import TextPreview from "./_components/TextPreview";
+import MarkdownPreview from "./_components/MarkdownPreview";
+import ImagePreview from "./_components/ImagePreview";
+import XlsxPreview from "./_components/XlsxPreview";
+import { useXlsxData } from "./_hooks";
+import { FilePreviewTypeArr } from "./_utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { FilePreviewTypeArr };
+var FilePreview = function FilePreview(props) {
+  var fileUrl = props.fileUrl,
+    fileType = props.fileType,
+    open = props.open,
+    onClose = props.onClose,
+    text = props.text,
+    className = props.className,
+    pagination = props.pagination;
+  var xlsxData = useXlsxData({
+    fileType: fileType,
+    fileUrl: fileUrl
+  });
+  if (!open) {
+    return null;
+  }
+  switch (fileType) {
+    case "mp4":
+      {
+        return /*#__PURE__*/_jsx(VideoPreview, {
+          fileUrl: fileUrl,
+          onClose: onClose,
+          className: className
+        });
+      }
+    case "pdf":
+      {
+        return /*#__PURE__*/_jsx(PdfPreview, {
+          fileUrl: fileUrl,
+          open: open,
+          onClose: onClose,
+          className: className,
+          pagination: pagination
+        });
+      }
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+      {
+        return /*#__PURE__*/_jsx(ImagePreview, {
+          fileUrl: fileUrl,
+          onClose: onClose,
+          className: className
+        });
+      }
+    case "txt":
+      {
+        return /*#__PURE__*/_jsx(TextPreview, {
+          text: text,
+          onClose: onClose,
+          className: className
+        });
+      }
+    case "md":
+      {
+        return /*#__PURE__*/_jsx(MarkdownPreview, {
+          text: text,
+          onClose: onClose,
+          className: className
+        });
+      }
+    case "xlsx":
+      {
+        return /*#__PURE__*/_jsx(XlsxPreview, {
+          xlsxData: xlsxData,
+          onClose: onClose,
+          className: className
+        });
+      }
+    default:
+      {
+        return null;
+      }
+  }
+};
+export default FilePreview;

package/es/components/FilePreview/index.module.less

@@ -0,0 +1,89 @@
+.FilePreview {
+  position: fixed;
+  top: 0;
+  left: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+  padding: 0px 1rem;
+
+  background-color: rgba(0, 0, 0, 0.45);
+
+  z-index: 1200;
+
+  .close {
+    position: absolute;
+    right: 32px;
+    top: 32px;
+    z-index: 999;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 45px;
+    height: 45px;
+
+    border-radius: 50%;
+
+    background-color: rgba(0, 0, 0, 0.1);
+
+    color: #fff;
+    font-size: 20px;
+
+    cursor: pointer;
+
+    transition: background-color 0.3s;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.2);
+    }
+  }
+
+  .video {
+    width: 100%;
+    max-width: 1300px;
+    max-height: 90%;
+  }
+
+  .ppt {
+    width: 100%;
+    max-width: 1300px;
+    height: 90%;
+    max-height: fit-content;
+
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  .text {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+    max-width: 1300px;
+    height: 90%;
+    max-height: fit-content;
+    padding: 20px;
+
+    border-radius: 4px;
+
+    background-color: #fff;
+
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      width: 5px;
+      height: 5px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #fff;
+    }
+  }
+}

package/es/components/FlexFill/index.d.ts

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from "react";
+interface VarCSSProperties {
+    [key: string]: string | number;
+}
+type FlexFillCSSProperties = VarCSSProperties & CSSProperties;
+interface FProps {
+    width?: string;
+    className?: string;
+    style?: FlexFillCSSProperties;
+}
+declare const FlexFill: React.FC<FProps>;
+export default FlexFill;

package/es/components/FlexFill/index.js

@@ -0,0 +1,28 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var FlexFill = function FlexFill(props) {
+  var _ref;
+  var width = props.width,
+    className = props.className,
+    style = props.style;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: (_ref = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]) === null || _ref === void 0 ? void 0 : _ref.map(function (item) {
+      return /*#__PURE__*/_jsx("div", {
+        style: _objectSpread({
+          display: "inline-block",
+          width: width !== null && width !== void 0 ? width : "100%",
+          height: "0.1px"
+        }, style),
+        className: className
+      }, item);
+    })
+  });
+};
+export default FlexFill;

package/es/components/Form/DrawerForm/index.d.ts

@@ -0,0 +1,18 @@
+import { ButtonProps } from "../../Button";
+import { DrawerProps, FormInstance } from "antd";
+import { FormItemProps } from "../../FormItem";
+import React from "react";
+import { ItemContainerProps } from "../../FormItem/ItemContainer";
+export type ExtraFormItem = React.ReactElement<ItemContainerProps>;
+export interface DrawerFormProps extends Omit<DrawerProps, "onClose"> {
+    formItems?: FormItemProps[];
+    extraFormItems?: ExtraFormItem[];
+    externalForm?: FormInstance;
+    value?: Record<string, unknown>;
+    hasPermi?: string[];
+    buttonGroup?: ButtonProps[];
+    onClose?: () => void;
+    reset?: boolean;
+}
+declare const DrawerForm: React.FC<DrawerFormProps>;
+export default DrawerForm;

package/es/components/Form/DrawerForm/index.js

@@ -0,0 +1,125 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["formItems", "extraFormItems", "externalForm", "className", "value", "open", "hasPermi", "buttonGroup", "onClose", "reset", "title"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import Button from "../../Button";
+import { Drawer, Form } from "antd";
+import FormItem, { PlaceholderDict, PlaceholderDictEn } from "../../FormItem";
+import React, { useEffect } from "react";
+import Icon from "../../Icon";
+import classNames from "classnames";
+import styles from "./index.module.less";
+import useLabelWidth from "../../../hooks/useLabelWidth";
+import usePermissions from "../../../hooks/usePermissions";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var DrawerForm = function DrawerForm(props) {
+  var _drawerConfig$classNa;
+  var formItems = props.formItems,
+    extraFormItems = props.extraFormItems,
+    externalForm = props.externalForm,
+    className = props.className,
+    value = props.value,
+    open = props.open,
+    hasPermi = props.hasPermi,
+    _props$buttonGroup = props.buttonGroup,
+    buttonGroup = _props$buttonGroup === void 0 ? [] : _props$buttonGroup,
+    onClose = props.onClose,
+    _props$reset = props.reset,
+    reset = _props$reset === void 0 ? true : _props$reset,
+    title = props.title,
+    drawerConfig = _objectWithoutProperties(props, _excluded);
+  var _ref = (_drawerConfig$classNa = drawerConfig.classNames) !== null && _drawerConfig$classNa !== void 0 ? _drawerConfig$classNa : {},
+    header = _ref.header,
+    body = _ref.body,
+    footer = _ref.footer,
+    mask = _ref.mask,
+    content = _ref.content,
+    wrapper = _ref.wrapper;
+  var _Form$useForm = Form.useForm(externalForm),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useLabelWidth = useLabelWidth(formItems),
+    _useLabelWidth2 = _slicedToArray(_useLabelWidth, 1),
+    labelWidth = _useLabelWidth2[0];
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted;
+  useEffect(function () {
+    if (!value || !form || !open || !reset) return;
+    form.resetFields();
+    form.setFieldsValue(value);
+  }, [form, value, open, reset]);
+  var _onClose = function _onClose() {
+    onClose === null || onClose === void 0 || onClose();
+    if (!form || !reset) return;
+    form.resetFields();
+  };
+  if (!permitted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
+    open: open,
+    className: classNames(styles.DrawerForm, className),
+    classNames: {
+      header: "".concat(header !== null && header !== void 0 ? header : ""),
+      body: "".concat(styles.body, " ").concat(body !== null && body !== void 0 ? body : ""),
+      footer: "".concat(footer !== null && footer !== void 0 ? footer : ""),
+      mask: "".concat(mask !== null && mask !== void 0 ? mask : ""),
+      content: "".concat(content !== null && content !== void 0 ? content : ""),
+      wrapper: "".concat(wrapper !== null && wrapper !== void 0 ? wrapper : "")
+    },
+    width: 500,
+    closable: false,
+    title: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [title, /*#__PURE__*/_jsxs("span", {
+        className: styles.close,
+        onClick: _onClose,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "icon-park-outline:right-c"
+        }), "\u6536\u8D77"]
+      })]
+    })
+  }, drawerConfig), {}, {
+    children: [/*#__PURE__*/_jsxs(Form, {
+      form: form,
+      className: styles.form,
+      children: [formItems === null || formItems === void 0 ? void 0 : formItems.map(function (item) {
+        var _item$name;
+        return /*#__PURE__*/_jsx(FormItem, _objectSpread({
+          requiredMsg: (_item$name = item.name) !== null && _item$name !== void 0 && _item$name.endsWith("En") ? "".concat(PlaceholderDictEn[item.type], " ").concat(item.name) : "".concat(PlaceholderDict[item.type]).concat(item.label),
+          labelWidth: item.layout === "horizontal" ? labelWidth : undefined,
+          className: classNames(styles.formItem, item.className)
+        }, item), item.name);
+      }), extraFormItems === null || extraFormItems === void 0 ? void 0 : extraFormItems.map(function (item) {
+        item = _objectSpread(_objectSpread({}, item), {}, {
+          key: item.props.name,
+          props: _objectSpread({
+            labelWidth: item.props.layout === "horizontal" ? labelWidth : undefined
+          }, item.props)
+        });
+        return item;
+      })]
+    }), (buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.length) && /*#__PURE__*/_jsx("div", {
+      className: styles.btns,
+      children: buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.map(function (btn) {
+        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, btn), {}, {
+          className: styles.btn,
+          children: btn.title
+        }), btn.title);
+      })
+    })]
+  }));
+};
+export default DrawerForm;

package/es/components/Form/DrawerForm/index.module.less

@@ -0,0 +1,51 @@
+.DrawerForm {
+  .ant-drawer-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    cursor: default;
+
+    > span {
+      display: flex;
+      align-items: center;
+      column-gap: 5px;
+
+      font-weight: normal;
+
+      opacity: 0.5;
+
+      cursor: pointer;
+    }
+  }
+
+  .body {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    align-items: center;
+
+    .form {
+      display: flex;
+      flex-wrap: wrap;
+      column-gap: 2%;
+      row-gap: 20px;
+
+      width: 100%;
+
+      .formItem {
+        width: calc((100% - 2%) / 2);
+      }
+    }
+
+    .btns {
+      display: flex;
+      align-items: center;
+      column-gap: 10px;
+
+      .ant-btn-icon {
+        font-size: 16px;
+      }
+    }
+  }
+}

package/es/components/Form/ImportForm/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { UploadProps } from "../../FormItem/FormUpload";
+import { ModalProps } from "../../Modal";
+export interface ImportFormProps extends Omit<ModalProps, "onCancel" | "onOk"> {
+    open?: boolean;
+    title?: string;
+    onCancel?: () => void;
+    uploadAction?: string;
+    template?: string;
+    templateName?: string;
+    hasPermi?: string[];
+    formClassName?: string;
+    formItemClassName?: string;
+    uploadProps?: UploadProps;
+}
+declare const ImportForm: React.FC<ImportFormProps>;
+export default ImportForm;

package/es/components/Form/ImportForm/index.js

@@ -0,0 +1,116 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["open", "uploadAction", "template", "templateName", "className", "classNames", "formClassName", "formItemClassName", "hasPermi", "uploadProps"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Form, notification } from "antd";
+import FormItem, { PlaceholderDict, PlaceholderDictEn } from "../../FormItem";
+import React from "react";
+import { downloadFile } from "hsu-utils";
+import { get } from "../../../request";
+import { observer } from "mobx-react-lite";
+import styles from "./index.module.less";
+import useLabelWidth from "../../../hooks/useLabelWidth";
+import usePermissions from "../../../hooks/usePermissions";
+import Modal from "../../Modal";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ImportForm = observer(function (props) {
+  var open = props.open,
+    uploadAction = props.uploadAction,
+    template = props.template,
+    _props$templateName = props.templateName,
+    templateName = _props$templateName === void 0 ? "" : _props$templateName,
+    className = props.className,
+    _props$classNames = props.classNames,
+    classNames = _props$classNames === void 0 ? {} : _props$classNames,
+    formClassName = props.formClassName,
+    formItemClassName = props.formItemClassName,
+    hasPermi = props.hasPermi,
+    uploadProps = props.uploadProps,
+    modalConfig = _objectWithoutProperties(props, _excluded);
+  var header = classNames.header,
+    body = classNames.body,
+    footer = classNames.footer,
+    mask = classNames.mask,
+    content = classNames.content,
+    wrapper = classNames.wrapper;
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted;
+  var onExport = function onExport() {
+    if (!template) return;
+    get(template, {
+      responseType: "arraybuffer"
+    }).then(function (res) {
+      downloadFile(res.data.data, res.data.filename || templateName);
+    });
+  };
+  var formItems = [{
+    type: "FILE",
+    label: "上传文件",
+    name: "file",
+    extra: template ? /*#__PURE__*/_jsx("a", {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onExport();
+      },
+      children: "\u70B9\u51FB\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F"
+    }) : undefined,
+    componentProps: _objectSpread({
+      accept: ".xlsx",
+      onUploadSuccess: function onUploadSuccess() {
+        notification.success({
+          message: "导入成功"
+        });
+      },
+      maxCount: 1,
+      inline: true,
+      action: uploadAction,
+      showUploadList: false
+    }, uploadProps)
+  }];
+  var _useLabelWidth = useLabelWidth(formItems),
+    _useLabelWidth2 = _slicedToArray(_useLabelWidth, 1),
+    labelWidth = _useLabelWidth2[0];
+  if (!permitted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+    open: open,
+    centered: true,
+    className: "".concat(styles.ImportForm, " ").concat(className !== null && className !== void 0 ? className : ""),
+    width: 600,
+    classNames: {
+      header: "".concat(header !== null && header !== void 0 ? header : ""),
+      body: "".concat(styles.body, " ").concat(body !== null && body !== void 0 ? body : ""),
+      footer: "".concat(footer !== null && footer !== void 0 ? footer : ""),
+      mask: "".concat(mask !== null && mask !== void 0 ? mask : ""),
+      content: "".concat(content !== null && content !== void 0 ? content : ""),
+      wrapper: "".concat(wrapper !== null && wrapper !== void 0 ? wrapper : "")
+    },
+    maskClosable: false,
+    footer: false
+  }, modalConfig), {}, {
+    children: /*#__PURE__*/_jsx(Form, {
+      className: "".concat(styles.form, " ").concat(formClassName !== null && formClassName !== void 0 ? formClassName : ""),
+      children: formItems === null || formItems === void 0 ? void 0 : formItems.map(function (item) {
+        var _item$requiredMsg, _item$name;
+        return /*#__PURE__*/_jsx(FormItem, _objectSpread({
+          requiredMsg: (_item$requiredMsg = item.requiredMsg) !== null && _item$requiredMsg !== void 0 ? _item$requiredMsg : (_item$name = item.name) !== null && _item$name !== void 0 && _item$name.endsWith("En") ? "".concat(PlaceholderDictEn[item.type], " ").concat(item.name) : "".concat(PlaceholderDict[item.type]).concat(item.label),
+          labelWidth: labelWidth,
+          className: "".concat(formItemClassName, " ").concat(item.className)
+        }, item), item.name);
+      })
+    })
+  }));
+});
+export default ImportForm;

package/es/components/Form/ImportForm/index.module.less

@@ -0,0 +1,10 @@
+.ImportForm {
+  .body {
+    height: max-content;
+    min-height: max-content;
+  }
+
+  .form {
+    padding: 12px 0px;
+  }
+}

package/es/components/Form/ModalForm/_hooks/useAdaptiveColumnNum.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from "react";
+/**
+ * 根据容器宽度动态调整列数
+ * @param containerRef 需要监听宽度的容器
+ * @param columnNum 基础列数
+ * @param enabled 是否开启自适应
+ * @param minColumnNum 最小列数
+ * @param maxColumnNum 最大列数
+ * @param baseWidth 参考宽度（根据设计稿可调整）
+ */
+export declare const useAdaptiveColumnNum: (containerRef: RefObject<HTMLElement> | HTMLElement | null, columnNum: number, enabled?: boolean, minColumnNum?: number, maxColumnNum?: number, baseWidth?: number, active?: boolean) => number;

package/es/components/Form/ModalForm/_hooks/useAdaptiveColumnNum.js

@@ -0,0 +1,61 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from "react";
+
+/**
+ * 根据容器宽度动态调整列数
+ * @param containerRef 需要监听宽度的容器
+ * @param columnNum 基础列数
+ * @param enabled 是否开启自适应
+ * @param minColumnNum 最小列数
+ * @param maxColumnNum 最大列数
+ * @param baseWidth 参考宽度（根据设计稿可调整）
+ */
+export var useAdaptiveColumnNum = function useAdaptiveColumnNum(containerRef, columnNum) {
+  var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var minColumnNum = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var maxColumnNum = arguments.length > 4 ? arguments[4] : undefined;
+  var baseWidth = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1200;
+  var active = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+  var _useState = useState(columnNum),
+    _useState2 = _slicedToArray(_useState, 2),
+    adaptiveColumnNum = _useState2[0],
+    setAdaptiveColumnNum = _useState2[1];
+  useEffect(function () {
+    if (!enabled || !active) {
+      setAdaptiveColumnNum(columnNum);
+      return;
+    }
+    var container = containerRef && "current" in containerRef ? containerRef.current : containerRef;
+    if (!container) {
+      return;
+    }
+    var calculateColumnNum = function calculateColumnNum() {
+      if (!container) return;
+      var containerWidth = container.parentElement.offsetWidth;
+
+      // 以 baseWidth 为基准，根据当前容器宽度等比例缩放
+      var next = Math.round(columnNum * containerWidth / baseWidth);
+      if (next < minColumnNum) next = minColumnNum;
+      if (maxColumnNum !== undefined && next > maxColumnNum) {
+        next = maxColumnNum;
+      }
+      setAdaptiveColumnNum(next);
+    };
+    var resizeObserver = new ResizeObserver(function () {
+      requestAnimationFrame(calculateColumnNum);
+    });
+    resizeObserver.observe(container);
+    window.addEventListener("resize", calculateColumnNum);
+    requestAnimationFrame(calculateColumnNum);
+    return function () {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", calculateColumnNum);
+    };
+  }, [containerRef, columnNum, enabled, minColumnNum, maxColumnNum, baseWidth, active]);
+  return enabled ? adaptiveColumnNum : columnNum;
+};

package/es/components/Form/ModalForm/_hooks/useColumnFormItems.d.ts

@@ -0,0 +1,7 @@
+import { FormItemProps } from "../../../FormItem";
+/**
+ * 计算列布局中的表单项
+ * @param columnNum 列数
+ * @returns 计算列表单项的函数
+ */
+export declare const useColumnFormItems: (columnNum: number) => (formItems: FormItemProps[], idx: number) => FormItemProps[];