@hsu-react/ui 0.0.1

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

@@ -0,0 +1,158 @@
+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 = ["componentProps", "className", "name", "disabled", "rules", "en"],
+  _excluded2 = ["action", "onChange", "beforeUpload", "accept", "drop", "className", "size", "inline", "maxCount", "hideUpload", "en", "onUploadingList"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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 _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, notification } from "antd";
+import FormImage from "./FormImage";
+import ItemContainer from "../ItemContainer";
+import Upload from "../../Upload";
+import Icon from "../../Icon";
+import React, { useState } from "react";
+import { UploadOutlined } from "@ant-design/icons";
+import classNames from "classnames";
+import { debounce } from "lodash";
+import styles from "./index.module.less";
+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 FormUpload = function FormUpload(props) {
+  var _uploadConfig$disable, _uploadConfig$disable2;
+  var _props$componentProps = props.componentProps,
+    componentProps = _props$componentProps === void 0 ? {} : _props$componentProps,
+    itemClassName = props.className,
+    name = props.name,
+    disabled = props.disabled,
+    rules = props.rules,
+    formEn = props.en,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var action = componentProps.action,
+    onChange = componentProps.onChange,
+    beforeUpload = componentProps.beforeUpload,
+    _componentProps$accep = componentProps.accept,
+    accept = _componentProps$accep === void 0 ? "" : _componentProps$accep,
+    drop = componentProps.drop,
+    className = componentProps.className,
+    size = componentProps.size,
+    inline = componentProps.inline,
+    maxCount = componentProps.maxCount,
+    hideUpload = componentProps.hideUpload,
+    en = componentProps.en,
+    _onUploadingList = componentProps.onUploadingList,
+    uploadConfig = _objectWithoutProperties(componentProps, _excluded2);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    uploadingList = _useState4[0],
+    setUploadingList = _useState4[1];
+  var getValueFromEvent = function getValueFromEvent(_ref) {
+    var fileList = _ref.fileList;
+    fileList === null || fileList === void 0 || fileList.forEach(function (file, index) {
+      if (file.status === "error") {
+        var _file$error;
+        !beforeUpload && notification.error({
+          message: ((_file$error = file.error) === null || _file$error === void 0 ? void 0 : _file$error.message) || (en ? "Upload failed" : "上传失败")
+        });
+        fileList.splice(index, 1);
+      } else if (file.response) {
+        var _file$response, _file$response2, _file$response3;
+        if (((_file$response = file.response) === null || _file$response === void 0 ? void 0 : _file$response.code) !== 0 && ((_file$response2 = file.response) === null || _file$response2 === void 0 ? void 0 : _file$response2.code) !== 200 && ((_file$response3 = file.response) === null || _file$response3 === void 0 ? void 0 : _file$response3.code) !== undefined) {
+          notification.error({
+            message: file.response.msg
+          });
+          fileList.splice(index, 1);
+        }
+      }
+    });
+    setFileList(fileList);
+    onChange === null || onChange === void 0 || onChange(fileList);
+    return fileList.length ? fileList : undefined;
+  };
+  var onshouldUpdate = function onshouldUpdate(fileList) {
+    setFileList(fileList);
+    onChange === null || onChange === void 0 || onChange(fileList);
+  };
+  return /*#__PURE__*/_jsx(ItemContainer, _objectSpread(_objectSpread({}, _objectSpread({
+    name: name,
+    valuePropName: "fileList",
+    getValueFromEvent: getValueFromEvent,
+    shouldUpdate: function shouldUpdate(_, curValue) {
+      debounce(function () {
+        onshouldUpdate(_toConsumableArray(curValue[name] || []));
+      })();
+      return false;
+    },
+    en: formEn,
+    rules: [].concat(_toConsumableArray(rules || []), [{
+      type: "array",
+      validateTrigger: "onSubmit",
+      validator: function validator() {
+        if (Object.keys(uploadingList).length) {
+          return Promise.reject(new Error(formEn ? "Uploading..." : "上传中..."));
+        }
+        return Promise.resolve();
+      }
+    }])
+  }, formItemProps)), {}, {
+    className: "".concat(itemClassName !== null && itemClassName !== void 0 ? itemClassName : "", " ").concat(styles.FormUpload),
+    children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, _objectSpread({
+      drop: drop,
+      action: action,
+      accept: accept,
+      listType: "text",
+      size: size,
+      maxCount: maxCount,
+      en: en,
+      onUploadingList: function onUploadingList(list) {
+        setUploadingList(list);
+        _onUploadingList === null || _onUploadingList === void 0 || _onUploadingList(list);
+      }
+    }, uploadConfig)), {}, {
+      disabled: (_uploadConfig$disable = uploadConfig.disabled) !== null && _uploadConfig$disable !== void 0 ? _uploadConfig$disable : disabled,
+      className: classNames([styles.upload, className, _defineProperty({}, styles.inline, inline && maxCount === 1)]),
+      children: (!((_uploadConfig$disable2 = uploadConfig.disabled) !== null && _uploadConfig$disable2 !== void 0 ? _uploadConfig$disable2 : disabled) && !hideUpload || hideUpload && maxCount && fileList.length < maxCount && Object.keys(uploadingList).length < maxCount) && /*#__PURE__*/_jsx(_Fragment, {
+        children: drop ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: "ic:baseline-upload-file",
+            className: styles.uploadIcon
+          }), /*#__PURE__*/_jsxs("div", {
+            className: styles.uploadText,
+            children: [/*#__PURE__*/_jsxs("div", {
+              children: [/*#__PURE__*/_jsx("em", {
+                children: en ? "Click to upload" : "点击上传"
+              }), en ? ", or drag and drop files here" : "，或拖放文件到此处"]
+            }), /*#__PURE__*/_jsxs("div", {
+              children: ["".concat(en ? "Currently only supports uploading" : "目前仅支持上传").concat(accept ? accept : "所有格式", "\n                    ").concat(en ? "file types" : "文件类型"), size && "".concat(en ? "and the size is less than" : "，大小不超过").concat(size, "MB")]
+            })]
+          })]
+        }) : /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsxs(Button, {
+            icon: /*#__PURE__*/_jsx(UploadOutlined, {}),
+            className: styles.upBtn,
+            children: ["".concat(en ? "Supports" : "支持", " ").concat(accept ? accept : "所有格式", "\n                  ").concat(en ? "file types" : "文件类型"), size && "".concat(en ? " and the size is less than" : "，大小不超过", " ").concat(size, "MB")]
+          })
+        })
+      })
+    }))
+  }));
+};
+FormUpload.Image = FormImage;
+export default FormUpload;

package/es/components/FormItem/FormUpload/index.module.less

@@ -0,0 +1,142 @@
+.upload {
+  height: 100%;
+
+  .ant-upload {
+    height: max-content;
+
+    .upBtn {
+      height: 32px;
+    }
+  }
+
+  &.inline {
+    display: flex;
+    align-items: center;
+    column-gap: 10px;
+  }
+
+  .ant-upload-disabled {
+    .singleFile {
+      cursor: not-allowed;
+
+      > div {
+        background-color: rgba(0, 0, 0, 0.04);
+
+        border-color: var(--cf-border);
+
+        > span {
+          color: var(--cf-text-3) !important;
+        }
+      }
+    }
+  }
+
+  .singleFile {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    column-gap: 28px;
+    row-gap: 5px;
+
+    cursor: pointer;
+
+    > div {
+      display: flex;
+      align-items: center;
+
+      width: max-content;
+      height: 46px;
+
+      border: 1px solid rgba(204, 204, 204, 1);
+
+      > span {
+        &:first-child {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          width: 112px;
+          height: 100%;
+
+          font-family: Noto Sans SC;
+          font-size: 18px;
+          font-weight: 500;
+          color: rgba(51, 51, 51, 1);
+
+          border-right: 1px solid rgba(204, 204, 204, 1);
+        }
+
+        &:nth-child(2) {
+          display: flex;
+          align-items: center;
+
+          width: 226px;
+          height: 100%;
+          padding: 0px 19px;
+
+          font-family: Noto Sans SC;
+          font-size: 18px;
+          font-weight: 500;
+          color: rgba(122, 122, 122, 1);
+
+          > a {
+            white-space: nowrap;
+            text-overflow: ellipsis;
+
+            overflow: hidden;
+          }
+        }
+      }
+    }
+
+    > span {
+      font-family: Noto Sans SC;
+      font-size: 18px;
+      font-weight: 500;
+      color: rgba(122, 122, 122, 1);
+    }
+  }
+
+  &.ant-upload-drag {
+    height: 180px;
+
+    border-radius: 8px;
+    border: 1px dashed rgba(19, 76, 255, 0.6);
+    background: rgba(19, 76, 255, 0.02);
+
+    transition: all 0.3s;
+
+    &:hover {
+      background: rgba(19, 76, 255, 0.08);
+
+      border-color: #134cff;
+    }
+
+    .uploadIcon {
+      font-size: 40px;
+      color: #134cff;
+    }
+
+    .uploadText {
+      font-size: 14px;
+      color: #212121;
+
+      > div:first-child {
+        margin: 16px 0 8px;
+      }
+
+      > div:last-child {
+        font-size: 12px;
+        color: #8d8e99;
+      }
+    }
+  }
+}
+
+.FormUpload {
+  .ant-form-item-control-input-content {
+    > span {
+      width: 100%;
+    }
+  }
+}

package/es/components/FormItem/ItemContainer/_hooks/useInputSize.d.ts

@@ -0,0 +1,14 @@
+interface Params {
+    inputWidth?: string | number;
+    inputMinWidth?: string | number;
+    inputHeight?: string | number;
+    inputMinHeight?: string | number;
+    height?: string | number;
+}
+export default function useInputSize(params: Params): {
+    width: string;
+    height: string;
+    minHeight: string;
+    horizontalMinWidth: string;
+};
+export {};

package/es/components/FormItem/ItemContainer/_hooks/useInputSize.js

@@ -0,0 +1,27 @@
+import { useMemo } from "react";
+export default function useInputSize(params) {
+  var inputWidth = params.inputWidth,
+    inputMinWidth = params.inputMinWidth,
+    inputHeight = params.inputHeight,
+    inputMinHeight = params.inputMinHeight,
+    height = params.height;
+  var size = useMemo(function () {
+    var _ref, _ref2, _ref3;
+    var _inputWidth = typeof inputWidth === "number" ? "".concat(inputWidth, "px") : inputWidth;
+    var _width = _inputWidth !== null && _inputWidth !== void 0 ? _inputWidth : "100%";
+    var _commonHeight = typeof height === "number" ? "".concat(height, "px") : height;
+    var _input_inputHeight = typeof inputHeight === "number" ? "".concat(inputHeight, "px") : inputHeight;
+    var _height = (_ref = _input_inputHeight !== null && _input_inputHeight !== void 0 ? _input_inputHeight : _commonHeight) !== null && _ref !== void 0 ? _ref : "max-content";
+    var _input_inputMinHeight = typeof inputMinHeight === "number" ? "".concat(inputMinHeight, "px") : inputMinHeight;
+    var _minHeight = (_ref2 = (_ref3 = _input_inputMinHeight !== null && _input_inputMinHeight !== void 0 ? _input_inputMinHeight : _input_inputHeight) !== null && _ref3 !== void 0 ? _ref3 : _commonHeight) !== null && _ref2 !== void 0 ? _ref2 : "32px";
+    var _input_horizontalMinWidth = typeof inputMinWidth === "number" ? "".concat(inputMinWidth, "px") : inputMinWidth;
+    var _horizontalMinWidth = _input_horizontalMinWidth !== null && _input_horizontalMinWidth !== void 0 ? _input_horizontalMinWidth : "0px";
+    return {
+      width: _width,
+      height: _height,
+      minHeight: _minHeight,
+      horizontalMinWidth: _horizontalMinWidth
+    };
+  }, [height, inputHeight, inputMinHeight, inputMinWidth, inputWidth]);
+  return size;
+}

package/es/components/FormItem/ItemContainer/_hooks/useLabelSize.d.ts

@@ -0,0 +1,12 @@
+interface Params {
+    labelWidth?: string | number;
+    labelHeight?: string | number;
+    labelMinHeight?: string | number;
+    height?: string | number;
+}
+export default function useLabelSize(params: Params): {
+    width: string;
+    height: string;
+    minHeight: string;
+};
+export {};

package/es/components/FormItem/ItemContainer/_hooks/useLabelSize.js

@@ -0,0 +1,23 @@
+import { useMemo } from "react";
+export default function useLabelSize(params) {
+  var labelWidth = params.labelWidth,
+    labelHeight = params.labelHeight,
+    labelMinHeight = params.labelMinHeight,
+    height = params.height;
+  var size = useMemo(function () {
+    var _ref, _ref2;
+    var _labelWidth = typeof labelWidth === "number" ? "".concat(labelWidth, "px") : labelWidth;
+    var _width = _labelWidth !== null && _labelWidth !== void 0 ? _labelWidth : "auto";
+    var _commonHeight = typeof height === "number" ? "".concat(height, "px") : height;
+    var _labelHeight = typeof labelHeight === "number" ? "".concat(labelHeight, "px") : labelHeight;
+    var _height = (_ref = _labelHeight !== null && _labelHeight !== void 0 ? _labelHeight : _commonHeight) !== null && _ref !== void 0 ? _ref : "max-content";
+    var _labelMinHeight = typeof labelMinHeight === "number" ? "".concat(labelMinHeight, "px") : labelMinHeight;
+    var _minHeight = (_ref2 = _labelMinHeight !== null && _labelMinHeight !== void 0 ? _labelMinHeight : _commonHeight) !== null && _ref2 !== void 0 ? _ref2 : "32px";
+    return {
+      width: _width,
+      height: _height,
+      minHeight: _minHeight
+    };
+  }, [height, labelHeight, labelMinHeight, labelWidth]);
+  return size;
+}

package/es/components/FormItem/ItemContainer/index.d.ts

@@ -0,0 +1,40 @@
+import { FormItemType } from "..";
+import { FormItemProps, TooltipProps } from "antd";
+import React, { ReactNode } from "react";
+interface TipsProps {
+    icon?: ReactNode;
+    iconClassName?: string;
+}
+export interface ItemContainerProps extends FormItemProps {
+    children?: ReactNode;
+    labelWidth?: string | number;
+    labelHeight?: string | number;
+    labelMinHeight?: string | number;
+    inputWidth?: string | number;
+    inputMinWidth?: string | number;
+    inputHeight?: string | number;
+    inputMinHeight?: string | number;
+    height?: string | number;
+    width?: string | number;
+    requiredMsg?: string;
+    layout?: "horizontal" | "vertical";
+    requiredPosition?: "before" | "after";
+    hideRequired?: boolean;
+    tips?: TipsProps & TooltipProps;
+    labelRender?: (label: ReactNode) => ReactNode;
+    horizontalAlignment?: "between" | "start";
+    labelClassName?: string;
+    disabled?: boolean;
+    en?: boolean;
+    type?: FormItemType;
+    locale?: string;
+    hasPermi?: string[];
+    labelExtra?: ReactNode;
+    labelExtraClassName?: string;
+    labelEllipsis?: boolean;
+    labelBreak?: boolean;
+    hideAdditiona?: boolean;
+    hideLabel?: boolean;
+}
+declare const ItemContainer: React.FC<ItemContainerProps>;
+export default ItemContainer;

package/es/components/FormItem/ItemContainer/index.js

@@ -0,0 +1,198 @@
+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 = ["children", "className", "required", "rules", "name", "labelWidth", "labelHeight", "labelMinHeight", "inputWidth", "inputMinWidth", "inputHeight", "inputMinHeight", "height", "width", "style", "requiredMsg", "layout", "requiredPosition", "colon", "label", "labelRender", "tips", "horizontalAlignment", "hideRequired", "labelClassName", "en", "type", "hasPermi", "labelExtra", "labelExtraClassName", "labelEllipsis", "labelBreak", "hideAdditiona", "hideLabel"],
+  _excluded2 = ["icon", "iconClassName"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 { PlaceholderDict, PlaceholderDictEn } from "..";
+import { Form, Tooltip } from "antd";
+import React, { useMemo } from "react";
+import Icon from "../../Icon";
+import classNames from "classnames";
+import styles from "./index.module.less";
+import usePermissions from "../../../hooks/usePermissions";
+import { isLegacyHasSelectorBrowser } from "../../../utils/cssSupports";
+import { generateRandomStr } from "hsu-utils";
+import useLabelSize from "./_hooks/useLabelSize";
+import useInputSize from "./_hooks/useInputSize";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ItemContainer = function ItemContainer(props) {
+  var children = props.children,
+    className = props.className,
+    required = props.required,
+    _props$rules = props.rules,
+    rules = _props$rules === void 0 ? [] : _props$rules,
+    _props$name = props.name,
+    name = _props$name === void 0 ? "" : _props$name,
+    labelWidth = props.labelWidth,
+    labelHeight = props.labelHeight,
+    labelMinHeight = props.labelMinHeight,
+    inputWidth = props.inputWidth,
+    inputMinWidth = props.inputMinWidth,
+    inputHeight = props.inputHeight,
+    inputMinHeight = props.inputMinHeight,
+    height = props.height,
+    width = props.width,
+    style = props.style,
+    requiredMsg = props.requiredMsg,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? "horizontal" : _props$layout,
+    _props$requiredPositi = props.requiredPosition,
+    requiredPosition = _props$requiredPositi === void 0 ? "before" : _props$requiredPositi,
+    colon = props.colon,
+    label = props.label,
+    labelRender = props.labelRender,
+    _props$tips = props.tips,
+    tips = _props$tips === void 0 ? {} : _props$tips,
+    _props$horizontalAlig = props.horizontalAlignment,
+    horizontalAlignment = _props$horizontalAlig === void 0 ? "start" : _props$horizontalAlig,
+    _props$hideRequired = props.hideRequired,
+    hideRequired = _props$hideRequired === void 0 ? false : _props$hideRequired,
+    labelClassName = props.labelClassName,
+    en = props.en,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "" : _props$type,
+    hasPermi = props.hasPermi,
+    labelExtra = props.labelExtra,
+    labelExtraClassName = props.labelExtraClassName,
+    _props$labelEllipsis = props.labelEllipsis,
+    labelEllipsis = _props$labelEllipsis === void 0 ? false : _props$labelEllipsis,
+    _props$labelBreak = props.labelBreak,
+    labelBreak = _props$labelBreak === void 0 ? false : _props$labelBreak,
+    _props$hideAdditiona = props.hideAdditiona,
+    hideAdditiona = _props$hideAdditiona === void 0 ? false : _props$hideAdditiona,
+    _props$hideLabel = props.hideLabel,
+    hideLabel = _props$hideLabel === void 0 ? false : _props$hideLabel,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _tips$icon = tips.icon,
+    icon = _tips$icon === void 0 ? "material-symbols:help" : _tips$icon,
+    iconClassName = tips.iconClassName,
+    tipsConfig = _objectWithoutProperties(tips, _excluded2);
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted;
+  var cls = useMemo(function () {
+    return generateRandomStr(10);
+  }, []);
+  var legacyHasSelector = isLegacyHasSelectorBrowser();
+  var _label = useMemo(function () {
+    if (hideLabel) {
+      return undefined;
+    }
+    return Object.keys(tips).length ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: classNames(styles.labelContent, labelClassName),
+        children: /*#__PURE__*/_jsx("span", {
+          className: classNames(styles.labelCont, _defineProperty(_defineProperty({}, styles.labelEllipsis, labelEllipsis), styles.labelBreak, labelBreak)),
+          children: label
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+        arrow: false,
+        placement: "top",
+        color: "#f2f4f5",
+        styles: {
+          body: {
+            color: "#131212",
+            padding: "6px 12px"
+          }
+        }
+      }, tipsConfig), {}, {
+        children: typeof icon === "string" ? /*#__PURE__*/_jsx(Icon, {
+          icon: icon,
+          className: classNames(styles.tipsIcon, iconClassName),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          fontSize: 16,
+          color: "#999999"
+        }) : /*#__PURE__*/_jsx("div", {
+          className: classNames(styles.tipsIconNode, iconClassName),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          children: icon
+        })
+      }))]
+    }) : label ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: classNames(styles.label, labelClassName),
+        children: /*#__PURE__*/_jsx("span", {
+          className: classNames(styles.labelCont, _defineProperty(_defineProperty({}, styles.labelEllipsis, labelEllipsis), styles.labelBreak, labelBreak)),
+          children: label
+        })
+      }), labelExtra && /*#__PURE__*/_jsx("span", {
+        className: classNames(styles.labelExtra, labelExtraClassName),
+        children: labelExtra
+      })]
+    }) : undefined;
+  }, [tips, labelClassName, label, tipsConfig, icon, iconClassName, labelExtra, labelExtraClassName, labelEllipsis, labelBreak, hideLabel]);
+  var _useLabelSize = useLabelSize({
+      labelWidth: labelWidth,
+      labelHeight: labelHeight,
+      labelMinHeight: labelMinHeight,
+      height: height
+    }),
+    _labelWidth = _useLabelSize.width,
+    _labelHeight = _useLabelSize.height,
+    _labelMinHeight = _useLabelSize.minHeight;
+  var _useInputSize = useInputSize({
+      inputWidth: inputWidth,
+      inputMinWidth: inputMinWidth,
+      inputHeight: inputHeight,
+      inputMinHeight: inputMinHeight,
+      height: height
+    }),
+    _inputWidth = _useInputSize.width,
+    _inputHeight = _useInputSize.height,
+    _inputMinHeight = _useInputSize.minHeight,
+    _inputHorizontalMinWidth = _useInputSize.horizontalMinWidth;
+  if (!permitted) {
+    return null;
+  }
+
+  // 页面层 FormItemProps 的展示控制属性（如 visible）不属于 antd Form.Item，
+  // 剥离后再透传，避免被 antd 转发到 DOM 触发 React 非法属性警告。
+  var restFormItemProps = Object.fromEntries(Object.entries(formItemProps).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+      key = _ref2[0];
+    return key !== "visible";
+  }));
+  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restFormItemProps), {}, {
+    name: name,
+    rules: [{
+      required: required,
+      message: requiredMsg !== null && requiredMsg !== void 0 ? requiredMsg : en ? "".concat(PlaceholderDictEn[type || "INPUT"]) : "".concat(PlaceholderDict[type || "INPUT"])
+    }].concat(_toConsumableArray(rules)),
+    className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, cls, true), styles.formItem, true), className !== null && className !== void 0 ? className : "", true), styles[layout], layout), styles[requiredPosition], requiredPosition), styles.hideRequired, hideRequired), styles[horizontalAlignment], layout === "horizontal" && horizontalAlignment), styles.hasLabelContent, !!Object.keys(tips).length), styles.hideAdditiona, hideAdditiona), styles.legacyHasLabelExtra, legacyHasSelector && layout === "vertical" && !hideLabel && !!label && !!labelExtra && !Object.keys(tips).length)),
+    colon: typeof colon === "boolean" ? colon : layout === "horizontal" && requiredPosition === "before",
+    label: labelRender ? labelRender(_label) : _label,
+    style: _objectSpread({
+      width: typeof width === "number" ? width + "px" : width,
+      "--label-width": _labelWidth,
+      "--label-height": _labelHeight,
+      "--label-min-height": _labelMinHeight,
+      "--input-width": _inputWidth,
+      "--input-height": _inputHeight,
+      "--input-min-height": _inputMinHeight,
+      "--input-horizontal-min-width": _inputHorizontalMinWidth,
+      "--input-horizontal-flex-grow": parseInt(_inputHorizontalMinWidth) !== 0 ? 0 : 1
+    }, style),
+    children: children
+  }));
+};
+export default ItemContainer;