@hsu-react/ui 0.0.1

package/lib/components/Form/ModalForm/index.module.less

@@ -0,0 +1,74 @@
+.ModalForm {
+  .body {
+    height: max-content;
+    max-height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .formWrapper {
+    width: 100%;
+  }
+
+  .form {
+    --column-num: 2;
+
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+  }
+
+  .formItemGroup {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+
+    &:not(:first-of-type) {
+      margin-top: 10px;
+    }
+
+    .formItemTitle {
+      width: 100%;
+
+      font-size: 17px;
+      font-weight: 500;
+    }
+
+    .formItemGroupContent {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+
+      width: 100%;
+      padding-left: 40px;
+    }
+  }
+
+  &.horizontal {
+    .form {
+      flex-direction: row;
+      flex-wrap: wrap;
+      column-gap: 10px;
+
+      .formItem {
+        width: calc(
+          (100% - (var(--column-num) - 1) * 10px) / var(--column-num)
+        );
+      }
+    }
+
+    .formItemGroup {
+      flex-direction: row;
+      flex-wrap: wrap;
+      column-gap: 10px;
+
+      .formItemGroupContent {
+        flex-direction: row;
+        flex-wrap: wrap;
+        column-gap: 10px;
+      }
+    }
+  }
+}

package/lib/components/Form/index.d.ts

@@ -0,0 +1,13 @@
+import { DrawerFormProps } from "./DrawerForm";
+import { ImportFormProps } from "./ImportForm";
+import { ModalFormProps } from "./ModalForm";
+import { Form as AntdForm } from "antd";
+import React from "react";
+interface FormType {
+    Modal: React.FC<ModalFormProps>;
+    Drawer: React.FC<DrawerFormProps>;
+    Import: React.FC<ImportFormProps>;
+    useForm: typeof AntdForm.useForm;
+}
+declare const Form: FormType;
+export default Form;

package/lib/components/Form/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DrawerForm = _interopRequireDefault(require("./DrawerForm"));
+var _ImportForm = _interopRequireDefault(require("./ImportForm"));
+var _ModalForm = _interopRequireDefault(require("./ModalForm"));
+var _antd = require("antd");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Form = {
+  Modal: _ModalForm.default,
+  Drawer: _DrawerForm.default,
+  Import: _ImportForm.default,
+  useForm: _antd.Form.useForm
+};
+var _default = exports.default = Form;

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

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+export interface FormAutoProps extends ItemContainerProps {
+    element?: React.ReactNode;
+    componentProps?: Record<string, unknown>;
+}
+declare const FormAuto: React.FC<FormAutoProps>;
+export default FormAuto;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormAuto = props => {
+  const {
+    element,
+    componentProps,
+    ...formItemProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    children: /*#__PURE__*/_react.default.isValidElement(element) ? /*#__PURE__*/_react.default.cloneElement(element, componentProps) : element
+  });
+};
+var _default = exports.default = FormAuto;

package/lib/components/FormItem/FormCheckbox/FormCheckboxGroup/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import React from "react";
+import { CheckboxGroupProps } from "../../../Checkbox";
+export interface FormCheckboxGroupProps extends ItemContainerProps {
+    componentProps?: CheckboxGroupProps;
+}
+declare const FormCheckboxGroup: React.FC<FormCheckboxGroupProps>;
+export default FormCheckboxGroup;

package/lib/components/FormItem/FormCheckbox/FormCheckboxGroup/index.js

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

package/lib/components/FormItem/FormCheckbox/FormCheckboxGroup/index.module.less

@@ -0,0 +1,2 @@
+.checkboxGroup {
+}

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

@@ -0,0 +1,13 @@
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+import { CheckboxProps } from "../../Checkbox";
+import { FormCheckboxGroupProps } from "./FormCheckboxGroup";
+export type { FormCheckboxGroupProps };
+export interface FormCheckboxProps extends ItemContainerProps {
+    componentProps?: CheckboxProps;
+}
+interface FormCheckboxFC extends React.FC<FormCheckboxProps> {
+    Group: React.FC<FormCheckboxGroupProps>;
+}
+declare const FormCheckbox: FormCheckboxFC;
+export default FormCheckbox;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
+var _FormCheckboxGroup = _interopRequireDefault(require("./FormCheckboxGroup"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormCheckbox = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    label,
+    labelClassName,
+    ...formItemProps
+  } = props;
+  const {
+    className,
+    ...checkboxConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    valuePropName: "checked",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+      ...checkboxConfig,
+      disabled: checkboxConfig.disabled ?? disabled,
+      className: (0, _classnames.default)([_indexModule.default.checkbox, className, labelClassName]),
+      children: label
+    })
+  });
+};
+FormCheckbox.Group = _FormCheckboxGroup.default;
+var _default = exports.default = FormCheckbox;

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

@@ -0,0 +1,2 @@
+.checkbox {
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { CodeMirrorProps } from "../../CodeMirror";
+import { ItemContainerProps } from "../ItemContainer";
+export interface FormCodeMirrorProps extends ItemContainerProps {
+    componentProps?: CodeMirrorProps;
+}
+declare const FormCodeMirror: React.FC<FormCodeMirrorProps>;
+export default FormCodeMirror;

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _CodeMirror = _interopRequireDefault(require("../../CodeMirror"));
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormCodeMirror = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    rules = [],
+    name,
+    ...formItemProps
+  } = props;
+  const enableLint = componentProps.enableLint !== false;
+  const [errorMessage, setErrorMessage] = _react.default.useState(null);
+  const form = _antd.Form.useFormInstance();
+
+  // 处理 CodeMirror 的错误回调
+  const handleError = _react.default.useCallback(error => {
+    setErrorMessage(error);
+
+    // 如果有错误，触发表单验证
+    if (name && form) {
+      try {
+        if (error) {
+          // 设置字段错误
+          form.setFields([{
+            name: name,
+            errors: [" "]
+          }]);
+        } else {
+          // 清除字段错误
+          form.setFields([{
+            name: name,
+            errors: []
+          }]);
+        }
+      } catch (e) {
+        // 忽略错误，可能表单还未初始化
+      }
+    }
+  }, [name, form]);
+
+  // 合并验证规则，仅在启用 lint 时添加语法错误验证
+  const mergedRules = _react.default.useMemo(() => {
+    if (!enableLint) {
+      return rules;
+    }
+    return [...rules, {
+      validator: () => {
+        if (errorMessage) {
+          return Promise.reject(new Error("格式错误"));
+        }
+        return Promise.resolve();
+      }
+    }];
+  }, [rules, errorMessage, enableLint]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    name: name,
+    rules: mergedRules,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeMirror.default, {
+      ...componentProps,
+      readOnly: componentProps.readOnly ?? disabled,
+      onLintError: enableLint ? handleError : undefined,
+      hasError: enableLint && !!errorMessage
+    })
+  });
+};
+var _default = exports.default = FormCodeMirror;

package/lib/components/FormItem/FormDatePicker/FormRangePicker/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import React from "react";
+import { RangePickerProps } from "../../../DatePicker/RangePicker";
+export interface FormRangePickerProps extends ItemContainerProps {
+    componentProps?: RangePickerProps;
+}
+declare const FormRangePicker: React.FC<FormRangePickerProps>;
+export default FormRangePicker;

package/lib/components/FormItem/FormDatePicker/FormRangePicker/index.js

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

package/lib/components/FormItem/FormDatePicker/FormStepPicker/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import React from "react";
+import { StepPickerProps } from "../../../DatePicker/StepPicker";
+export interface FormStepPickerProps extends ItemContainerProps {
+    componentProps?: StepPickerProps;
+}
+declare const FormStepPicker: React.FC<FormStepPickerProps>;
+export default FormStepPicker;

package/lib/components/FormItem/FormDatePicker/FormStepPicker/index.js

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

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

@@ -0,0 +1,15 @@
+import { DatePickerProps } from "../../DatePicker";
+import { FormRangePickerProps } from "./FormRangePicker";
+import { ItemContainerProps } from "../ItemContainer";
+import { FormStepPickerProps } from "./FormStepPicker";
+import React from "react";
+export type { FormRangePickerProps, FormStepPickerProps };
+export interface FormDatePickerProps extends ItemContainerProps {
+    componentProps?: DatePickerProps;
+}
+interface FormDatePickerFC extends React.FC<FormDatePickerProps> {
+    RangePicker: React.FC<FormRangePickerProps>;
+    StepPicker: React.FC<FormStepPickerProps>;
+}
+declare const FormDatePicker: FormDatePickerFC;
+export default FormDatePicker;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DatePicker = _interopRequireDefault(require("../../DatePicker"));
+var _FormRangePicker = _interopRequireDefault(require("./FormRangePicker"));
+var _ItemContainer = _interopRequireDefault(require("../ItemContainer"));
+var _FormStepPicker = _interopRequireDefault(require("./FormStepPicker"));
+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 FormDatePicker = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    className,
+    ...datePickerConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      ...datePickerConfig,
+      disabled: datePickerConfig.disabled ?? disabled,
+      className: (0, _classnames.default)(_indexModule.default.DatePicker, className)
+    })
+  });
+};
+FormDatePicker.RangePicker = _FormRangePicker.default;
+FormDatePicker.StepPicker = _FormStepPicker.default;
+var _default = exports.default = FormDatePicker;

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

@@ -0,0 +1,3 @@
+.DatePicker {
+  height: 100%;
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { EditorProps } from "../../Editor";
+import { ItemContainerProps } from "../ItemContainer";
+export interface FormEditorProps extends ItemContainerProps {
+    componentProps?: EditorProps;
+}
+declare const FormEditor: React.FC<FormEditorProps>;
+export default FormEditor;

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

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

package/lib/components/FormItem/FormInput/FormInputNumber/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import { InputNumberProps } from "../../../Input/Number";
+import React from "react";
+export interface FormInputNumberProps extends ItemContainerProps {
+    componentProps?: InputNumberProps;
+}
+declare const FormInputNumber: React.FC<FormInputNumberProps>;
+export default FormInputNumber;

package/lib/components/FormItem/FormInput/FormInputNumber/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../../ItemContainer"));
+var _Input = _interopRequireDefault(require("../../../Input"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormInputNumber = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    placeholder,
+    ...inputConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default.Number, {
+      ...inputConfig,
+      disabled: inputConfig.disabled ?? disabled,
+      placeholder: placeholder ?? "请输入"
+    })
+  });
+};
+var _default = exports.default = FormInputNumber;

package/lib/components/FormItem/FormInput/FormPassword/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import { PasswordProps } from "../../../Input/Password";
+import React from "react";
+export interface FormPasswordProps extends ItemContainerProps {
+    componentProps?: PasswordProps;
+}
+declare const FormPassword: React.FC<FormPasswordProps>;
+export default FormPassword;

package/lib/components/FormItem/FormInput/FormPassword/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ItemContainer = _interopRequireDefault(require("../../ItemContainer"));
+var _Input = _interopRequireDefault(require("../../../Input"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormPassword = props => {
+  const {
+    componentProps = {},
+    className: itemClassName,
+    disabled,
+    ...formItemProps
+  } = props;
+  const {
+    placeholder,
+    allowClear,
+    ...inputConfig
+  } = componentProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContainer.default, {
+    ...formItemProps,
+    className: `${itemClassName ?? ""}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default.Password, {
+      allowClear: typeof allowClear === "boolean" ? allowClear : false,
+      ...inputConfig,
+      disabled: inputConfig.disabled ?? disabled,
+      placeholder: placeholder ?? "请输入",
+      autoComplete: "new-password"
+    })
+  });
+};
+var _default = exports.default = FormPassword;

package/lib/components/FormItem/FormInput/FormPasswordStrength/index.d.ts

@@ -0,0 +1,10 @@
+import { InputProps as BasicInputProps } from "../../../Input";
+import { ItemContainerProps } from "../../ItemContainer";
+import React from "react";
+interface InputProps extends BasicInputProps {
+}
+export interface FormPasswordStrengthProps extends ItemContainerProps {
+    componentProps?: InputProps;
+}
+declare const FormPasswordStrength: React.FC<FormPasswordStrengthProps>;
+export default FormPasswordStrength;