@hubstr/kit 0.1.4 → 0.1.6

package/ui/es/Form/components/FormSubmitFooter.mjs

@@ -0,0 +1,135 @@
+"use client";
+import { useMotionComponent } from "../../MotionProvider/index.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Button$1 from "../../Button/Button.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import { submitFooterStyles } from "../style.mjs";
+import form_default from "../../i18n/resources/en/form.mjs";
+import { useFormContext } from "./FormProvider.mjs";
+import { merge, removeUndefined } from "./merge.mjs";
+import { memo, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Form } from "antd";
+import { cssVar, cx } from "antd-style";
+import { InfoIcon } from "lucide-react";
+import isEqual from "fast-deep-equal";
+//#region src/Form/components/FormSubmitFooter.tsx
+const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset, saveButtonProps, resetButtonProps, enableUnsavedWarning, children, texts, className, ...rest }) => {
+	const Motion = useMotionComponent();
+	const { form, initialValues, submitLoading } = useFormContext();
+	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+	const values = Form.useWatch([], form) || {};
+	const { t } = useTranslation(form_default);
+	const styles = submitFooterStyles;
+	const v = useMemo(() => removeUndefined(values), [values]);
+	const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);
+	const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);
+	useEffect(() => {
+		setHasUnsavedChanges(!isEqual(mergedV, initialV));
+	}, [
+		mergedV,
+		initialV,
+		submitLoading
+	]);
+	const unsavedWarningText = texts?.unSavedWarning ?? t("form.unsavedWarning");
+	const unsavedText = texts?.unSaved ?? t("form.unsavedChanges");
+	const resetText = texts?.reset ?? t("form.reset");
+	const submitText = texts?.submit ?? t("form.submit");
+	const fn = (e) => {
+		if (hasUnsavedChanges) e.returnValue = unsavedWarningText;
+		else delete e.returnValue;
+	};
+	useEffect(() => {
+		if (!enableUnsavedWarning) return;
+		if (typeof window === "undefined" || !hasUnsavedChanges) return;
+		window.addEventListener("beforeunload", fn);
+		return () => window.removeEventListener("beforeunload", fn);
+	}, [
+		enableUnsavedWarning,
+		hasUnsavedChanges,
+		unsavedWarningText
+	]);
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		(float || hasUnsavedChanges) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+			color: cssVar.colorTextDescription,
+			icon: InfoIcon,
+			size: 12,
+			style: { marginLeft: 8 }
+		}), /* @__PURE__ */ jsx("span", {
+			style: {
+				color: cssVar.colorTextDescription,
+				flex: "none",
+				fontSize: 12,
+				marginRight: float ? 16 : 4
+			},
+			children: unsavedText
+		})] }),
+		children,
+		enableReset && (float || hasUnsavedChanges) && /* @__PURE__ */ jsx(Button$1, {
+			htmlType: "button",
+			shape: float ? "round" : void 0,
+			variant: "filled",
+			onClick: () => {
+				onReset?.(v, initialV);
+				form?.resetFields();
+			},
+			...buttonProps,
+			...resetButtonProps,
+			children: resetText
+		}),
+		/* @__PURE__ */ jsx(Button$1, {
+			htmlType: "submit",
+			loading: submitLoading,
+			shape: float ? "round" : void 0,
+			type: "primary",
+			...buttonProps,
+			...saveButtonProps,
+			children: submitText
+		})
+	] });
+	if (!float) return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		className: cx(styles.footer, className),
+		gap: 8,
+		justify: "flex-end",
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Motion.div, {
+		animate: hasUnsavedChanges ? "visible" : "hidden",
+		className: styles.floatFooter,
+		initial: "hidden",
+		transition: {
+			duration: .1,
+			ease: "easeOut"
+		},
+		variants: {
+			hidden: {
+				opacity: 0,
+				x: "-50%",
+				y: 20
+			},
+			visible: {
+				opacity: 1,
+				x: "-50%",
+				y: 0
+			}
+		},
+		children: /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			className,
+			gap: 8,
+			justify: "center",
+			...rest,
+			children: content
+		})
+	});
+});
+FormSubmitFooter.displayName = "FormSubmitFooter";
+//#endregion
+export { FormSubmitFooter as default };
+
+//# sourceMappingURL=FormSubmitFooter.mjs.map

package/ui/es/Form/components/FormSubmitFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","Button","Flexbox"],"sources":["../../../src/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Form } from 'antd';\r\nimport { cssVar, cx } from 'antd-style';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { InfoIcon } from 'lucide-react';\r\nimport { memo, useEffect, useMemo, useState } from 'react';\r\n\r\nimport Button from '../../Button';\r\nimport { Flexbox } from '../../Flex';\r\nimport formMessages from '../../i18n/resources/en/form';\r\nimport { useTranslation } from '../../i18n/useTranslation';\r\nimport Icon from '../../Icon';\r\nimport { useMotionComponent } from '../../MotionProvider';\r\n\r\nimport { submitFooterStyles } from '../style';\r\nimport { type FormSubmitFooterProps } from '../type';\r\nimport { useFormContext } from './FormProvider';\r\nimport { merge, removeUndefined } from './merge';\r\n\r\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\r\n  ({\r\n    enableReset = true,\r\n    buttonProps,\r\n    float,\r\n    onReset,\r\n    saveButtonProps,\r\n    resetButtonProps,\r\n    enableUnsavedWarning,\r\n    children,\r\n    texts,\r\n    className,\r\n    ...rest\r\n  }) => {\r\n    const Motion = useMotionComponent();\r\n    const { form, initialValues, submitLoading } = useFormContext();\r\n    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\r\n    const values = Form.useWatch([], form) || {};\r\n    const { t } = useTranslation(formMessages);\r\n\r\n    const styles = submitFooterStyles;\r\n\r\n    const v = useMemo(() => removeUndefined(values), [values]);\r\n\r\n    const initialV = useMemo(() => removeUndefined(initialValues), [initialValues]);\r\n\r\n    const mergedV = useMemo(() => merge(initialV, v), [v, initialV]);\r\n\r\n    useEffect(() => {\r\n      setHasUnsavedChanges(!isEqual(mergedV, initialV));\r\n    }, [mergedV, initialV, submitLoading]);\r\n\r\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\r\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\r\n    const resetText = texts?.reset ?? t('form.reset');\r\n    const submitText = texts?.submit ?? t('form.submit');\r\n\r\n    const fn = (e: BeforeUnloadEvent) => {\r\n      if (hasUnsavedChanges) {\r\n        e.returnValue = unsavedWarningText;\r\n      } else {\r\n        delete e.returnValue;\r\n      }\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (!enableUnsavedWarning) return;\r\n      if (typeof window === 'undefined' || !hasUnsavedChanges) return;\r\n      // 添加离开页面的提示\r\n      window.addEventListener('beforeunload', fn);\r\n      return () => window.removeEventListener('beforeunload', fn);\r\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\r\n\r\n    const content = (\r\n      <>\r\n        {(float || hasUnsavedChanges) && (\r\n          <>\r\n            <Icon\r\n              color={cssVar.colorTextDescription}\r\n              icon={InfoIcon}\r\n              size={12}\r\n              style={{ marginLeft: 8 }}\r\n            />\r\n            <span\r\n              style={{\r\n                color: cssVar.colorTextDescription,\r\n                flex: 'none',\r\n                fontSize: 12,\r\n                marginRight: float ? 16 : 4,\r\n              }}\r\n            >\r\n              {unsavedText}\r\n            </span>\r\n          </>\r\n        )}\r\n        {children}\r\n        {enableReset && (float || hasUnsavedChanges) && (\r\n          <Button\r\n            htmlType=\"button\"\r\n            shape={float ? 'round' : undefined}\r\n            variant={'filled'}\r\n            onClick={() => {\r\n              onReset?.(v, initialV);\r\n              form?.resetFields();\r\n            }}\r\n            {...buttonProps}\r\n            {...resetButtonProps}\r\n          >\r\n            {resetText}\r\n          </Button>\r\n        )}\r\n        <Button\r\n          htmlType=\"submit\"\r\n          loading={submitLoading}\r\n          shape={float ? 'round' : undefined}\r\n          type=\"primary\"\r\n          {...buttonProps}\r\n          {...saveButtonProps}\r\n        >\r\n          {submitText}\r\n        </Button>\r\n      </>\r\n    );\r\n\r\n    if (!float)\r\n      return (\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={cx(styles.footer, className)}\r\n          gap={8}\r\n          justify={'flex-end'}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </Flexbox>\r\n      );\r\n\r\n    return (\r\n      <Motion.div\r\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\r\n        className={styles.floatFooter}\r\n        initial={'hidden'}\r\n        transition={{ duration: 0.1, ease: 'easeOut' }}\r\n        variants={{\r\n          hidden: {\r\n            opacity: 0,\r\n            x: '-50%',\r\n            y: 20,\r\n          },\r\n          visible: {\r\n            opacity: 1,\r\n            x: '-50%',\r\n            y: 0,\r\n          },\r\n        }}\r\n      >\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={className}\r\n          gap={8}\r\n          justify={'center'}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </Flexbox>\r\n      </Motion.div>\r\n    );\r\n  },\r\n);\r\n\r\nFormSubmitFooter.displayName = 'FormSubmitFooter';\r\n\r\nexport default FormSubmitFooter;\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,oBAAoB;CACnC,MAAM,EAAE,MAAM,eAAe,kBAAkB,gBAAgB;CAC/D,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,SAAS,KAAK,SAAS,EAAE,EAAE,KAAK,IAAI,EAAE;CAC5C,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,SAAS;CAEf,MAAM,IAAI,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAAC;CAE1D,MAAM,WAAW,cAAc,gBAAgB,cAAc,EAAE,CAAC,cAAc,CAAC;CAE/E,MAAM,UAAU,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC;AAEhE,iBAAgB;AACd,uBAAqB,CAAC,QAAQ,SAAS,SAAS,CAAC;IAChD;EAAC;EAAS;EAAU;EAAc,CAAC;CAEtC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;CAEpD,MAAM,MAAM,MAAyB;AACnC,MAAI,kBACF,GAAE,cAAc;MAEhB,QAAO,EAAE;;AAIb,iBAAgB;AACd,MAAI,CAAC,qBAAsB;AAC3B,MAAI,OAAO,WAAW,eAAe,CAAC,kBAAmB;AAEzD,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;GACI,SAAS,sBACT,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;GACE,OAAO,OAAO;GACd,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,GAAG;GACxB,CAAA,EACF,oBAAC,QAAD;GACE,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;GACI,CAAA,CACN,EAAA,CAAA;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAACC,UAAD;GACE,UAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,SAAS;GACT,eAAe;AACb,cAAU,GAAG,SAAS;AACtB,UAAM,aAAa;;GAErB,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EAEX,oBAACA,UAAD;GACE,UAAS;GACT,SAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAK;GACL,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EACR,EAAA,CAAA;AAGL,KAAI,CAAC,MACH,QACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,KAAK;EACL,SAAS;EACT,GAAI;YAEH;EACO,CAAA;AAGd,QACE,oBAAC,OAAO,KAAR;EACE,SAAS,oBAAoB,YAAY;EACzC,WAAW,OAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;aAEH;GACO,CAAA;EACC,CAAA;EAGlB;AAED,iBAAiB,cAAc"}

package/ui/es/Form/components/FormTitle.d.mts

@@ -0,0 +1,8 @@
+import { FormTitleProps } from "../type.mjs";
+import { FC } from "react";
+
+//#region src/Form/components/FormTitle.d.ts
+declare const FormTitle: FC<FormTitleProps>;
+//#endregion
+export { FormTitle };
+//# sourceMappingURL=FormTitle.d.mts.map

package/ui/es/Form/components/FormTitle.mjs

@@ -0,0 +1,41 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Tag from "../../Tag/Tag.mjs";
+import { titleStyles } from "../style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/Form/components/FormTitle.tsx
+const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles, ...rest }) => {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: `center`,
+		gap: 8,
+		...rest,
+		children: [avatar, /* @__PURE__ */ jsxs(FlexBasic_default, {
+			className: cx(titleStyles.content, classNames?.content),
+			gap: 8,
+			style: customStyles?.content,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				className: cx(titleStyles.title, classNames?.title),
+				direction: "horizontal",
+				gap: 8,
+				style: customStyles?.title,
+				children: [title, tag && /* @__PURE__ */ jsx(Tag, {
+					className: classNames?.tag,
+					style: customStyles?.tag,
+					children: tag
+				})]
+			}), desc && /* @__PURE__ */ jsx("small", {
+				className: cx(titleStyles.desc, classNames?.desc),
+				style: customStyles?.desc,
+				children: desc
+			})]
+		})]
+	});
+};
+FormTitle.displayName = "FormTitle";
+//#endregion
+export { FormTitle as default };
+
+//# sourceMappingURL=FormTitle.mjs.map

package/ui/es/Form/components/FormTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '../../Flex';\r\nimport Tag from '../../Tag';\r\n\r\nimport { titleStyles as styles } from '../style';\r\nimport type { FormTitleProps } from '../type';\r\n\r\nconst FormTitle: FC<FormTitleProps> = ({\r\n  tag,\r\n  title,\r\n  desc,\r\n  avatar,\r\n  classNames,\r\n  styles: customStyles,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Flexbox horizontal align={`center`} gap={8} {...rest}>\r\n      {avatar}\r\n      <Flexbox\r\n        className={cx(styles.content, classNames?.content)}\r\n        gap={8}\r\n        style={customStyles?.content}\r\n      >\r\n        <Flexbox\r\n          align={'center'}\r\n          className={cx(styles.title, classNames?.title)}\r\n          direction={'horizontal'}\r\n          gap={8}\r\n          style={customStyles?.title}\r\n        >\r\n          {title}\r\n          {tag && (\r\n            <Tag className={classNames?.tag} style={customStyles?.tag}>\r\n              {tag}\r\n            </Tag>\r\n          )}\r\n        </Flexbox>\r\n        {desc && (\r\n          <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\r\n            {desc}\r\n          </small>\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFormTitle.displayName = 'FormTitle';\r\n\r\nexport default FormTitle;\r\n"],"mappings":";;;;;;;AAWA,MAAM,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACG,QACD,qBAACA,mBAAD;GACE,WAAW,GAAGC,YAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;aAHvB,CAKE,qBAACD,mBAAD;IACE,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,MAAM;IAC9C,WAAW;IACX,KAAK;IACL,OAAO,cAAc;cALvB,CAOG,OACA,OACC,oBAAC,KAAD;KAAK,WAAW,YAAY;KAAK,OAAO,cAAc;eACnD;KACG,CAAA,CAEA;OACT,QACC,oBAAC,SAAD;IAAO,WAAW,GAAGA,YAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;IACK,CAAA,CAEF;KACF;;;AAId,UAAU,cAAc"}

package/ui/es/Form/components/merge.mjs

@@ -0,0 +1,22 @@
+import { isObject, mergeWith, pickBy } from "es-toolkit/compat";
+//#region src/Form/components/merge.ts
+const removeUndefined = (obj) => {
+	if (!isObject(obj)) return obj;
+	if (Array.isArray(obj)) return obj.map((item) => removeUndefined(item)).filter((item) => item !== void 0);
+	return pickBy(Object.entries(obj).reduce((acc, [key, value]) => {
+		acc[key] = removeUndefined(value);
+		return acc;
+	}, {}), (value) => value !== void 0);
+};
+/**
+* 用于合并对象，如果是数组则直接替换
+* @param target
+* @param source
+*/
+const merge$1 = (target, source) => mergeWith({}, target, source, (obj, src) => {
+	if (Array.isArray(obj)) return src;
+});
+//#endregion
+export { merge$1 as merge, removeUndefined };
+
+//# sourceMappingURL=merge.mjs.map

package/ui/es/Form/components/merge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.mjs","names":["merge"],"sources":["../../../src/Form/components/merge.ts"],"sourcesContent":["import { isEmpty, isObject, type merge as _merge, mergeWith, pickBy } from 'es-toolkit/compat';\r\n\r\nexport const removeUndefined = (obj: any): any => {\r\n  if (!isObject(obj)) return obj;\r\n\r\n  if (Array.isArray(obj)) {\r\n    return obj.map((item) => removeUndefined(item)).filter((item) => item !== undefined);\r\n  }\r\n\r\n  return pickBy(\r\n    Object.entries(obj).reduce((acc: any, [key, value]) => {\r\n      acc[key] = removeUndefined(value);\r\n      return acc;\r\n    }, {}),\r\n    (value) => value !== undefined,\r\n  );\r\n};\r\n\r\n/**\r\n * 用于合并对象，如果是数组则直接替换\r\n * @param target\r\n * @param source\r\n */\r\nexport const merge: typeof _merge = <T = object>(target: T, source: T) =>\r\n  mergeWith({}, target, source, (obj, src) => {\r\n    if (Array.isArray(obj)) return src;\r\n  });\r\n\r\ntype MergeableItem = {\r\n  [key: string]: any;\r\n  id: string;\r\n};\r\n\r\n/**\r\n * Merge two arrays based on id, preserving metadata from default items\r\n * @param defaultItems Items with default configuration and metadata\r\n * @param userItems User-defined items with higher priority\r\n */\r\nexport const mergeArrayById = <T extends MergeableItem>(defaultItems: T[], userItems: T[]): T[] => {\r\n  // Create a map of default items for faster lookup\r\n  const defaultItemsMap = new Map(defaultItems.map((item) => [item.id, item]));\r\n\r\n  // 使用 Map 存储合并结果，这样重复 ID 的后项会自然覆盖前项\r\n  const mergedItemsMap = new Map<string, T>();\r\n\r\n  // Process user items with default metadata\r\n  for (const userItem of userItems) {\r\n    const defaultItem = defaultItemsMap.get(userItem.id);\r\n    if (!defaultItem) {\r\n      mergedItemsMap.set(userItem.id, userItem);\r\n      continue;\r\n    }\r\n\r\n    const mergedItem: T = { ...defaultItem };\r\n    for (const [key, value] of Object.entries(userItem)) {\r\n      if (value !== null && value !== undefined && !(typeof value === 'object' && isEmpty(value))) {\r\n        // @ts-expect-error\r\n        mergedItem[key] = value;\r\n      }\r\n\r\n      if (typeof value === 'object' && !isEmpty(value)) {\r\n        // @ts-expect-error\r\n        mergedItem[key] = merge(defaultItem[key], value);\r\n      }\r\n    }\r\n\r\n    mergedItemsMap.set(userItem.id, mergedItem);\r\n  }\r\n\r\n  // 添加只在默认配置中存在的项\r\n  for (const item of defaultItems) {\r\n    if (!mergedItemsMap.has(item.id)) {\r\n      mergedItemsMap.set(item.id, item);\r\n    }\r\n  }\r\n\r\n  return [...mergedItemsMap.values()];\r\n};\r\n"],"mappings":";;AAEA,MAAa,mBAAmB,QAAkB;AAChD,KAAI,CAAC,SAAS,IAAI,CAAE,QAAO;AAE3B,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,IAAI,KAAK,SAAS,gBAAgB,KAAK,CAAC,CAAC,QAAQ,SAAS,SAAS,KAAA,EAAU;AAGtF,QAAO,OACL,OAAO,QAAQ,IAAI,CAAC,QAAQ,KAAU,CAAC,KAAK,WAAW;AACrD,MAAI,OAAO,gBAAgB,MAAM;AACjC,SAAO;IACN,EAAE,CAAC,GACL,UAAU,UAAU,KAAA,EACtB;;;;;;;AAQH,MAAaA,WAAoC,QAAW,WAC1D,UAAU,EAAE,EAAE,QAAQ,SAAS,KAAK,QAAQ;AAC1C,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;EAC/B"}

package/ui/es/Form/index.d.mts

@@ -0,0 +1,22 @@
+import { FormDividerProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, FormInstance, FormItemProps, FormProps, FormSubmitFooterProps, FormTitleProps, FormVariant, ItemsType } from "./type.mjs";
+import { FormGroup } from "./components/FormGroup.mjs";
+import { FormItem } from "./components/FormItem.mjs";
+import { FormSubmitFooter } from "./components/FormSubmitFooter.mjs";
+import { FormTitle } from "./components/FormTitle.mjs";
+import { ReactNode, RefAttributes } from "react";
+import { Form as Form$1, FormInstance as FormInstance$1 } from "antd";
+
+//#region src/Form/index.d.ts
+interface IForm {
+  (props: FormProps & RefAttributes<FormInstance$1>): ReactNode;
+  Group: typeof FormGroup;
+  Item: typeof FormItem;
+  Provider: typeof Form$1.Provider;
+  SubmitFooter: typeof FormSubmitFooter;
+  Title: typeof FormTitle;
+  useForm: typeof Form$1.useForm;
+}
+declare const Form: IForm;
+//#endregion
+export { FormDividerProps, FormFlatGroupProps, FormFooterProps, FormGroup, FormGroupItemType, FormGroupProps, FormInstance, FormItem, FormItemProps, FormProps, FormSubmitFooter, FormSubmitFooterProps, FormTitle, FormTitleProps, FormVariant, ItemsType, Form as default };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/Form/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/Form/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+import FormGroup from "./components/FormGroup.mjs";
+import FormTitle from "./components/FormTitle.mjs";
+import FormItem from "./components/FormItem.mjs";
+import FormSubmitFooter from "./components/FormSubmitFooter.mjs";
+import Form$2 from "./Form.mjs";
+import { Form as Form$1 } from "antd";
+//#region src/Form/index.ts
+const Form = Form$2;
+Form.Item = FormItem;
+Form.Group = FormGroup;
+Form.Title = FormTitle;
+Form.useForm = Form$1.useForm;
+Form.Provider = Form$1.Provider;
+Form.SubmitFooter = FormSubmitFooter;
+//#endregion
+export { FormGroup, FormItem, FormSubmitFooter, FormTitle, Form as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/Form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["FormParent","AntForm"],"sources":["../../src/Form/index.ts"],"sourcesContent":["'use client';\r\n\r\nimport { Form as AntForm, type FormInstance } from 'antd';\r\nimport { type ReactNode, type RefAttributes } from 'react';\r\n\r\nimport FormGroup from './components/FormGroup';\r\nimport FormItem from './components/FormItem';\r\nimport FormSubmitFooter from './components/FormSubmitFooter';\r\nimport FormTitle from './components/FormTitle';\r\nimport FormParent from './Form';\r\nimport { type FormProps } from './type';\r\n\r\ninterface IForm {\r\n  (props: FormProps & RefAttributes<FormInstance>): ReactNode;\r\n  Group: typeof FormGroup;\r\n  Item: typeof FormItem;\r\n  Provider: typeof AntForm.Provider;\r\n  SubmitFooter: typeof FormSubmitFooter;\r\n  Title: typeof FormTitle;\r\n  useForm: typeof AntForm.useForm;\r\n}\r\n\r\nconst Form = FormParent as unknown as IForm;\r\n\r\nForm.Item = FormItem;\r\nForm.Group = FormGroup;\r\nForm.Title = FormTitle;\r\nForm.useForm = AntForm.useForm;\r\nForm.Provider = AntForm.Provider;\r\nForm.SubmitFooter = FormSubmitFooter;\r\n\r\nexport default Form;\r\nexport { default as FormGroup } from './components/FormGroup';\r\nexport { default as FormItem } from './components/FormItem';\r\nexport { default as FormSubmitFooter } from './components/FormSubmitFooter';\r\nexport { default as FormTitle } from './components/FormTitle';\r\nexport type * from './type';\r\n"],"mappings":";;;;;;;;AAsBA,MAAM,OAAOA;AAEb,KAAK,OAAO;AACZ,KAAK,QAAQ;AACb,KAAK,QAAQ;AACb,KAAK,UAAUC,OAAQ;AACvB,KAAK,WAAWA,OAAQ;AACxB,KAAK,eAAe"}

package/ui/es/Form/style.mjs

@@ -0,0 +1,279 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, responsive } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Form/style.ts
+const prefixCls = "ant";
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	borderless: css`
+    gap: 48px;
+    .${prefixCls}-collapse .${prefixCls}-collapse-header {
+      padding-block-end: 16px;
+      border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+    }
+
+    .${prefixCls}-collapse-body {
+      padding-inline: 0 !important;
+    }
+  `,
+	filled: css`
+    .${prefixCls}-collapse-body {
+      padding-block: 0 !important;
+    }
+  `,
+	outlined: css`
+    .${prefixCls}-collapse-body {
+      padding-block: 0 !important;
+    }
+  `,
+	root: css`
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    width: 100%;
+
+    .${prefixCls}-form-item {
+      margin: 0 !important;
+    }
+
+    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {
+      height: unset;
+    }
+
+    .${prefixCls}-row {
+      position: relative;
+      flex-wrap: nowrap;
+    }
+
+    .${prefixCls}-form-item-label {
+      position: relative;
+      flex: 1;
+      max-width: 100%;
+    }
+
+    .${prefixCls}-form-item-row {
+      align-items: center;
+    }
+
+    .${prefixCls}-form-item-control {
+      position: relative;
+      flex: 0;
+      min-width: unset !important;
+    }
+
+    .${prefixCls}-collapse-item {
+      border-radius: ${cssVar.borderRadius} !important;
+    }
+
+    ${responsive.sm} {
+      gap: 0 !important;
+    }
+  `
+}));
+const variants = cva(styles.root, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		filled: styles.filled,
+		outlined: styles.outlined,
+		borderless: styles.borderless
+	} }
+});
+const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {
+	return {
+		borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
+        padding-inline: 0;
+      `),
+		filled: cx(staticStylish.variantFilledWithoutHover, css`
+        background: ${cssVar.colorFillQuaternary};
+      `),
+		mobile: css`
+      padding-block: 0;
+      padding-inline: 16px;
+      border-radius: 0;
+      background: ${cssVar.colorBgContainer};
+    `,
+		outlined: staticStylish.variantOutlinedWithoutHover,
+		root: css`
+      padding-inline: 16px;
+      border-radius: ${cssVar.borderRadiusLG};
+    `
+	};
+});
+const flatGroupVariants = cva(flatGroupStyles.root, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		filled: flatGroupStyles.filled,
+		outlined: flatGroupStyles.outlined,
+		borderless: flatGroupStyles.borderless
+	} }
+});
+createStaticStyles(({ css, cssVar }) => {
+	return { root: css`
+      ${responsive.sm} {
+        padding: 16px;
+        border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+        background: ${cssVar.colorBgContainer};
+      }
+    ` };
+});
+const groupStyles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		mobileGroupBody: css`
+      padding-block: 0;
+      padding-inline: 16px;
+      background: ${cssVar.colorBgContainer};
+    `,
+		mobileGroupHeader: css`
+      padding: 16px;
+      background: ${cssVar.colorBgLayout};
+    `,
+		title: css`
+      align-items: center;
+      font-size: 16px;
+      font-weight: bold;
+    `,
+		titleBorderless: css`
+      font-size: 18px;
+      font-weight: bold;
+    `,
+		titleMobile: css`
+      ${responsive.sm} {
+        font-size: 14px;
+        font-weight: 400;
+        opacity: 0.5;
+      }
+    `
+	};
+});
+const titleVariants = cva(groupStyles.title, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		filled: null,
+		outlined: null,
+		borderless: groupStyles.titleBorderless
+	} }
+});
+const itemStyles = createStaticStyles(({ css }) => ({
+	itemMinWidth: css`
+    &.${prefixCls}-form-item .${prefixCls}-form-item-control {
+      width: var(--form-item-min-width) !important;
+    }
+  `,
+	itemNoDivider: css`
+    &:not(:first-child) {
+      padding-block-start: 0;
+    }
+  `,
+	root: css`
+    &.${prefixCls}-form-item {
+      padding-block: 16px;
+      padding-inline: 0;
+
+      .${prefixCls}-form-item-label {
+        text-align: start;
+      }
+
+      .${prefixCls}-row {
+        gap: 12px;
+        justify-content: space-between;
+
+        > div {
+          flex: unset;
+          flex-grow: unset;
+        }
+      }
+
+      .${prefixCls}-form-item-required::before {
+        align-self: flex-start;
+      }
+
+      ${responsive.sm} {
+        &.${prefixCls}-form-item-horizontal {
+          .${prefixCls}-form-item-label {
+            flex: 1 !important;
+          }
+          .${prefixCls}-form-item-control {
+            flex: none !important;
+          }
+        }
+      }
+    }
+  `,
+	verticalLayout: css`
+    &.${prefixCls}-form-item {
+      .${prefixCls}-row {
+        align-items: stretch;
+      }
+    }
+  `
+}));
+const itemVariants = cva(itemStyles.root, {
+	defaultVariants: {
+		divider: false,
+		itemMinWidth: false,
+		layout: "vertical"
+	},
+	variants: {
+		itemMinWidth: {
+			true: itemStyles.itemMinWidth,
+			false: null
+		},
+		divider: {
+			true: null,
+			false: itemStyles.itemNoDivider
+		},
+		layout: {
+			vertical: itemStyles.verticalLayout,
+			horizontal: null
+		}
+	}
+});
+const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({
+	floatFooter: css`
+    position: fixed;
+    z-index: 1000;
+    inset-block-end: 24px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+
+    width: max-content;
+    padding: 8px;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 48px;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow: ${cssVar.boxShadowSecondary};
+  `,
+	footer: css`
+    ${responsive.sm} {
+      margin-block-start: calc(-1 * ${cssVar.borderRadius});
+      padding: 16px;
+      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
+    }
+  `
+}));
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	content: css`
+    position: relative;
+    text-align: start;
+  `,
+	desc: css`
+    display: block;
+
+    line-height: 1.44;
+    color: ${cssVar.colorTextDescription};
+    word-wrap: break-word;
+    white-space: pre-wrap;
+  `,
+	title: css`
+    font-weight: 500;
+    line-height: 1;
+  `
+}));
+//#endregion
+export { flatGroupStyles, flatGroupVariants, groupStyles, itemVariants, submitFooterStyles, titleStyles, titleVariants, variants };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/Form/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["hubstrStaticStylish"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { hubstrStaticStylish } from '../styles';\r\n\r\nconst prefixCls = 'ant';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  borderless: css`\r\n    gap: 48px;\r\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\r\n      padding-block-end: 16px;\r\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\r\n    }\r\n\r\n    .${prefixCls}-collapse-body {\r\n      padding-inline: 0 !important;\r\n    }\r\n  `,\r\n  filled: css`\r\n    .${prefixCls}-collapse-body {\r\n      padding-block: 0 !important;\r\n    }\r\n  `,\r\n  outlined: css`\r\n    .${prefixCls}-collapse-body {\r\n      padding-block: 0 !important;\r\n    }\r\n  `,\r\n  root: css`\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n\r\n    width: 100%;\r\n\r\n    .${prefixCls}-form-item {\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\r\n      height: unset;\r\n    }\r\n\r\n    .${prefixCls}-row {\r\n      position: relative;\r\n      flex-wrap: nowrap;\r\n    }\r\n\r\n    .${prefixCls}-form-item-label {\r\n      position: relative;\r\n      flex: 1;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .${prefixCls}-form-item-row {\r\n      align-items: center;\r\n    }\r\n\r\n    .${prefixCls}-form-item-control {\r\n      position: relative;\r\n      flex: 0;\r\n      min-width: unset !important;\r\n    }\r\n\r\n    .${prefixCls}-collapse-item {\r\n      border-radius: ${cssVar.borderRadius} !important;\r\n    }\r\n\r\n    ${responsive.sm} {\r\n      gap: 0 !important;\r\n    }\r\n  `,\r\n}));\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    variant: 'borderless',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: styles.filled,\r\n      outlined: styles.outlined,\r\n      borderless: styles.borderless,\r\n    },\r\n  },\r\n});\r\n\r\nexport const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {\r\n  return {\r\n    borderless: cx(\r\n      hubstrStaticStylish.variantBorderlessWithoutHover,\r\n      css`\r\n        padding-inline: 0;\r\n      `,\r\n    ),\r\n    filled: cx(\r\n      hubstrStaticStylish.variantFilledWithoutHover,\r\n      css`\r\n        background: ${cssVar.colorFillQuaternary};\r\n      `,\r\n    ),\r\n    mobile: css`\r\n      padding-block: 0;\r\n      padding-inline: 16px;\r\n      border-radius: 0;\r\n      background: ${cssVar.colorBgContainer};\r\n    `,\r\n    outlined: hubstrStaticStylish.variantOutlinedWithoutHover,\r\n    root: css`\r\n      padding-inline: 16px;\r\n      border-radius: ${cssVar.borderRadiusLG};\r\n    `,\r\n  };\r\n});\r\n\r\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\r\n  defaultVariants: {\r\n    variant: 'borderless',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: flatGroupStyles.filled,\r\n      outlined: flatGroupStyles.outlined,\r\n      borderless: flatGroupStyles.borderless,\r\n    },\r\n  },\r\n});\r\n\r\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    root: css`\r\n      ${responsive.sm} {\r\n        padding: 16px;\r\n        border-block-start: 1px solid ${cssVar.colorBorderSecondary};\r\n        background: ${cssVar.colorBgContainer};\r\n      }\r\n    `,\r\n  };\r\n});\r\n\r\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    mobileGroupBody: css`\r\n      padding-block: 0;\r\n      padding-inline: 16px;\r\n      background: ${cssVar.colorBgContainer};\r\n    `,\r\n    mobileGroupHeader: css`\r\n      padding: 16px;\r\n      background: ${cssVar.colorBgLayout};\r\n    `,\r\n    title: css`\r\n      align-items: center;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n    `,\r\n    titleBorderless: css`\r\n      font-size: 18px;\r\n      font-weight: bold;\r\n    `,\r\n    titleMobile: css`\r\n      ${responsive.sm} {\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        opacity: 0.5;\r\n      }\r\n    `,\r\n  };\r\n});\r\n\r\nexport const titleVariants = cva(groupStyles.title, {\r\n  defaultVariants: {\r\n    variant: 'borderless',\r\n  },\r\n\r\n  variants: {\r\n    variant: {\r\n      filled: null,\r\n      outlined: null,\r\n      borderless: groupStyles.titleBorderless,\r\n    },\r\n  },\r\n});\r\n\r\nexport const itemStyles = createStaticStyles(({ css }) => ({\r\n  itemMinWidth: css`\r\n    &.${prefixCls}-form-item .${prefixCls}-form-item-control {\r\n      width: var(--form-item-min-width) !important;\r\n    }\r\n  `,\r\n  itemNoDivider: css`\r\n    &:not(:first-child) {\r\n      padding-block-start: 0;\r\n    }\r\n  `,\r\n  root: css`\r\n    &.${prefixCls}-form-item {\r\n      padding-block: 16px;\r\n      padding-inline: 0;\r\n\r\n      .${prefixCls}-form-item-label {\r\n        text-align: start;\r\n      }\r\n\r\n      .${prefixCls}-row {\r\n        gap: 12px;\r\n        justify-content: space-between;\r\n\r\n        > div {\r\n          flex: unset;\r\n          flex-grow: unset;\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-form-item-required::before {\r\n        align-self: flex-start;\r\n      }\r\n\r\n      ${responsive.sm} {\r\n        &.${prefixCls}-form-item-horizontal {\r\n          .${prefixCls}-form-item-label {\r\n            flex: 1 !important;\r\n          }\r\n          .${prefixCls}-form-item-control {\r\n            flex: none !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `,\r\n  verticalLayout: css`\r\n    &.${prefixCls}-form-item {\r\n      .${prefixCls}-row {\r\n        align-items: stretch;\r\n      }\r\n    }\r\n  `,\r\n}));\r\n\r\nexport const itemVariants = cva(itemStyles.root, {\r\n  defaultVariants: {\r\n    divider: false,\r\n    itemMinWidth: false,\r\n    layout: 'vertical',\r\n  },\r\n\r\n  variants: {\r\n    itemMinWidth: {\r\n      true: itemStyles.itemMinWidth,\r\n      false: null,\r\n    },\r\n    divider: {\r\n      true: null,\r\n      false: itemStyles.itemNoDivider,\r\n    },\r\n    layout: {\r\n      vertical: itemStyles.verticalLayout,\r\n      horizontal: null,\r\n    },\r\n  },\r\n});\r\n\r\nexport const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  floatFooter: css`\r\n    position: fixed;\r\n    z-index: 1000;\r\n    inset-block-end: 24px;\r\n    inset-inline-start: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    width: max-content;\r\n    padding: 8px;\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    border-radius: 48px;\r\n\r\n    background: ${cssVar.colorBgContainer};\r\n    box-shadow: ${cssVar.boxShadowSecondary};\r\n  `,\r\n  footer: css`\r\n    ${responsive.sm} {\r\n      margin-block-start: calc(-1 * ${cssVar.borderRadius});\r\n      padding: 16px;\r\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\r\n      background: ${cssVar.colorBgContainer};\r\n    }\r\n  `,\r\n}));\r\n\r\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  content: css`\r\n    position: relative;\r\n    text-align: start;\r\n  `,\r\n\r\n  desc: css`\r\n    display: block;\r\n\r\n    line-height: 1.44;\r\n    color: ${cssVar.colorTextDescription};\r\n    word-wrap: break-word;\r\n    white-space: pre-wrap;\r\n  `,\r\n  title: css`\r\n    font-weight: 500;\r\n    line-height: 1;\r\n  `,\r\n}));\r\n"],"mappings":"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"}