@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Form/index.js

@@ -1,70 +1,267 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "colon", "size", "labelWidth", "style"],
-  _excluded2 = ["labelWidth", "style"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 warning from 'antd/lib/_util/warning';
-import ErrorList from 'antd/lib/form/ErrorList';
-import InternalForm, { useForm, useWatch } from 'antd/lib/form/Form';
-import Item from 'antd/lib/form/FormItem';
-import List from 'antd/lib/form/FormList';
-import { FormProvider } from 'antd/lib/form/context';
-import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
-import React, { forwardRef } from 'react';
-import SizeContext, { SizeContextProvider } from "../ConfigProvider/sizeContext";
-var AldForm = /*#__PURE__*/forwardRef(function (props, ref) {
-  var contextSize = React.useContext(SizeContext);
-  var children = props.children,
-    _props$colon = props.colon,
-    colon = _props$colon === void 0 ? false : _props$colon,
-    _props$size = props.size,
-    size = _props$size === void 0 ? contextSize : _props$size,
-    labelWidth = props.labelWidth,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var customStyle = labelWidth ? _objectSpread(_objectSpread({}, style), {}, {
-    '--label-width': "".concat(labelWidth, "px")
-  }) : style;
-  return /*#__PURE__*/React.createElement(SizeContextProvider, {
-    size: size
-  }, /*#__PURE__*/React.createElement(InternalForm, _extends({
-    colon: colon,
-    size: size,
-    autoComplete: "off",
-    style: customStyle
-  }, restProps, {
-    ref: ref
-  }), children));
+import { cn } from "../lib/utils.js";
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
+import SizeContext, { SizeContextProvider } from "../ConfigProvider/sizeContext.js";
+import { FormContext, FormItemInputContext } from "./FormItemContext.js";
+import React, { forwardRef, useContext, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import RcForm, { Field, FormProvider, List, useForm, useWatch } from "rc-field-form";
+import FieldContext from "rc-field-form/es/FieldContext";
+//#region src/Form/index.tsx
+/** Convert a 24-column span/offset to Tailwind-compatible inline styles */
+function colStyle(col) {
+	if (!col) return void 0;
+	const s = {};
+	if (col.span !== null && col.span !== void 0) {
+		s.width = `${col.span / 24 * 100}%`;
+		s.flex = `0 0 ${col.span / 24 * 100}%`;
+	}
+	if (col.offset !== null && col.offset !== void 0 && col.offset > 0) s.marginLeft = `${col.offset / 24 * 100}%`;
+	return s;
+}
+var AldForm = forwardRef((props, ref) => {
+	const contextSize = useContext(SizeContext);
+	const { children, size = contextSize, labelWidth, style = {}, className, layout = "horizontal", disabled, labelCol, wrapperCol, colon, requiredMark, ...restProps } = props;
+	const customStyle = labelWidth ? {
+		...style,
+		"--label-width": `${labelWidth}px`
+	} : style;
+	const formContextValue = useMemo(() => ({
+		layout,
+		labelCol,
+		wrapperCol,
+		colon,
+		requiredMark,
+		labelWidth
+	}), [
+		layout,
+		labelCol,
+		wrapperCol,
+		colon,
+		requiredMark,
+		labelWidth
+	]);
+	return /* @__PURE__ */ jsx(FormContext.Provider, {
+		value: formContextValue,
+		children: /* @__PURE__ */ jsx(DisabledContext.Provider, {
+			value: disabled,
+			children: /* @__PURE__ */ jsx(SizeContextProvider, {
+				size,
+				children: /* @__PURE__ */ jsx(RcForm, {
+					style: customStyle,
+					className: cn("ald-form", `ald-form-${layout}`, className),
+					...restProps,
+					ref,
+					children
+				})
+			})
+		})
+	});
 });
-var AldFormItem = function AldFormItem(props) {
-  var labelWidth = props.labelWidth,
-    _props$style2 = props.style,
-    style = _props$style2 === void 0 ? {} : _props$style2,
-    restProps = _objectWithoutProperties(props, _excluded2);
-  var customStyle = labelWidth ? _objectSpread(_objectSpread({}, style), {}, {
-    '--label-width': "".concat(labelWidth, "px")
-  }) : style;
-  return /*#__PURE__*/React.createElement(Item, _extends({
-    style: customStyle
-  }, restProps));
+/** Derive status from meta or manual validateStatus */
+function deriveStatus(meta, validateStatus) {
+	if (validateStatus) return validateStatus;
+	if (!meta) return "";
+	if (meta.validating) return "validating";
+	if (meta.errors && meta.errors.length > 0) return "error";
+	if (meta.warnings && meta.warnings.length > 0) return "warning";
+	if (meta.touched) return "success";
+	return "";
+}
+/** Status-based border class for the control wrapper */
+function statusClassName(status) {
+	switch (status) {
+		case "error": return "ald-form-item-has-error";
+		case "warning": return "ald-form-item-has-warning";
+		case "success": return "ald-form-item-has-success";
+		case "validating": return "ald-form-item-is-validating";
+		default: return "";
+	}
+}
+/** Render the inner label + control layout, receiving meta from Field */
+function FormItemLayout({ label, children, meta, help, extra, required, hidden, className, customStyle, noStyle, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, validateStatus: manualStatus, colon: itemColon, formContext }) {
+	const status = deriveStatus(meta, manualStatus);
+	const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);
+	const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);
+	const itemInputContextValue = useMemo(() => ({
+		status,
+		isFormItemInput: true,
+		errors,
+		warnings
+	}), [
+		status,
+		errors,
+		warnings
+	]);
+	if (noStyle) return /* @__PURE__ */ jsx(Fragment, { children });
+	const { requiredMark } = formContext;
+	const isRequired = required || meta && meta.required;
+	const showRequired = requiredMark !== false && isRequired;
+	const showOptional = requiredMark === "optional" && !isRequired;
+	const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;
+	const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;
+	const layout = formContext.layout || "horizontal";
+	const showColon = (itemColon ?? formContext.colon) !== false && layout === "horizontal";
+	const useGridLayout = layout === "horizontal" && (resolvedLabelCol || resolvedWrapperCol);
+	const displayMessages = help !== null && help !== void 0 ? [help] : errors;
+	const hasError = status === "error" || errors.length > 0 && help === null;
+	const hasWarning = status === "warning" || warnings.length > 0 && help === null;
+	const labelNode = label !== null && label !== void 0 ? /* @__PURE__ */ jsxs("label", {
+		className: cn("ald-form-item-label tw-text-sm tw-font-medium tw-text-[var(--content-primary)]", layout === "vertical" && "tw-mb-1 tw-block", layout === "horizontal" && !useGridLayout && "tw-mr-3 tw-shrink-0", layout === "horizontal" && formContext.labelWidth && "tw-shrink-0"),
+		style: !useGridLayout && layout === "horizontal" && formContext.labelWidth ? { width: `var(--label-width, ${formContext.labelWidth}px)` } : useGridLayout ? colStyle(resolvedLabelCol) : void 0,
+		children: [
+			showRequired && /* @__PURE__ */ jsx("span", {
+				className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
+				children: "*"
+			}),
+			label,
+			showOptional && /* @__PURE__ */ jsx("span", {
+				className: "tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]",
+				children: "(optional)"
+			}),
+			showColon && label ? ":" : null
+		]
+	}) : null;
+	const controlNode = /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-form-item-control", layout === "horizontal" && "tw-flex-1"),
+		style: useGridLayout ? colStyle(resolvedWrapperCol) : void 0,
+		children: [
+			/* @__PURE__ */ jsx(FormItemInputContext.Provider, {
+				value: itemInputContextValue,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "ald-form-item-control-input",
+					children
+				})
+			}),
+			displayMessages.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: cn("ald-form-item-explain tw-mt-1 tw-text-xs tw-transition-all tw-duration-200", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[color:var(--content-warning-primary,#faad14)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
+				children: displayMessages.map((msg, i) => /* @__PURE__ */ jsx("div", { children: msg }, i))
+			}),
+			extra && /* @__PURE__ */ jsx("div", {
+				className: "ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]",
+				children: extra
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-form-item tw-mb-6", hidden && "tw-hidden", showRequired && "ald-form-item-required", statusClassName(status), layout === "horizontal" && "tw-flex tw-flex-row tw-items-start", layout === "inline" && "tw-mr-4 tw-inline-flex tw-flex-row tw-items-start", className),
+		style: customStyle,
+		children: [labelNode, controlNode]
+	});
+}
+var AldFormItem = function(props) {
+	const { labelWidth, style = {}, label, name, rules, children, className, required, hidden, initialValue, dependencies, shouldUpdate, help, extra, validateTrigger, valuePropName, getValueFromEvent, noStyle, labelCol, wrapperCol, validateStatus, colon } = props;
+	const formContext = useContext(FormContext);
+	const customStyle = labelWidth ? {
+		...style,
+		"--label-width": `${labelWidth}px`
+	} : style;
+	if (!(name !== null && name !== void 0 || shouldUpdate !== null && shouldUpdate !== void 0 || dependencies !== null && dependencies !== void 0)) return /* @__PURE__ */ jsx(FormItemLayout, {
+		label,
+		help,
+		extra,
+		required,
+		hidden,
+		className,
+		customStyle,
+		noStyle,
+		labelCol,
+		wrapperCol,
+		validateStatus,
+		colon,
+		formContext,
+		children
+	});
+	return /* @__PURE__ */ jsx(Field, {
+		name,
+		rules,
+		initialValue,
+		dependencies,
+		shouldUpdate,
+		validateTrigger,
+		valuePropName,
+		getValueFromEvent,
+		children: (control, meta, form) => {
+			if (typeof children === "function") {
+				const childContent = children(form);
+				if (noStyle) return childContent;
+				return /* @__PURE__ */ jsx(FormItemLayout, {
+					label,
+					meta,
+					help,
+					extra,
+					required,
+					hidden,
+					className,
+					customStyle,
+					noStyle,
+					labelCol,
+					wrapperCol,
+					validateStatus,
+					colon,
+					formContext,
+					children: childContent
+				});
+			}
+			if (noStyle) {
+				if (React.isValidElement(children)) return React.cloneElement(children, control);
+				return children;
+			}
+			let childNode = children;
+			if (React.isValidElement(children)) childNode = React.cloneElement(children, control);
+			return /* @__PURE__ */ jsx(FormItemLayout, {
+				label,
+				meta,
+				help,
+				extra,
+				required,
+				hidden,
+				className,
+				customStyle,
+				labelCol,
+				wrapperCol,
+				validateStatus,
+				colon,
+				formContext,
+				children: childNode
+			});
+		}
+	});
 };
-AldFormItem.useStatus = Item.useStatus;
+function useFormItemStatus() {
+	const ctx = useContext(FormItemInputContext);
+	return {
+		status: ctx.status,
+		errors: ctx.errors ?? [],
+		warnings: ctx.warnings ?? []
+	};
+}
+AldFormItem.useStatus = useFormItemStatus;
+function ErrorListComponent(props) {
+	const { errors, className } = props;
+	if (!errors || errors.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-form-error-list", className),
+		children: errors.map((err, i) => /* @__PURE__ */ jsx("div", {
+			className: "tw-text-xs tw-text-[var(--content-negative-secondary)]",
+			children: err
+		}, i))
+	});
+}
+function useFormInstance() {
+	return useContext(FieldContext);
+}
 var Form = AldForm;
 Form.Item = AldFormItem;
 Form.List = List;
-Form.ErrorList = ErrorList;
+Form.ErrorList = ErrorListComponent;
 Form.useForm = useForm;
 Form.useFormInstance = useFormInstance;
 Form.useWatch = useWatch;
 Form.Provider = FormProvider;
-Form.create = function () {
-  warning(false, 'Form', 'antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.');
+Form.create = () => {
+	console.warn("Form.create is deprecated. Please use Form.useForm() instead.");
 };
-export default Form;
+//#endregion
+export { Form as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import RcForm, {\n  Field,\n  FormInstance as RcFormInstance,\n  FormProvider,\n  List,\n  useForm as rcUseForm,\n  useWatch,\n} from 'rc-field-form';\nimport type { FormProps as RcFormProps } from 'rc-field-form';\nimport FieldContext from 'rc-field-form/es/FieldContext';\nimport type { Rule, RuleObject, RuleRender } from 'rc-field-form/es/interface';\nimport type { Meta, NamePath } from 'rc-field-form/es/interface';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport SizeContext, {\n  SizeContextProvider,\n} from '../ConfigProvider/sizeContext';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  FormContext,\n  FormItemInputContext,\n  type ValidateStatus,\n} from './FormItemContext';\n\n// FormInstance type compatible with antd\nexport type FormInstance<Values = any> = RcFormInstance<Values>;\n\n// FormProps compatible with antd\nexport interface FormProps<Values = any> extends Omit<RcFormProps, 'form'> {\n  form?: FormInstance<Values>;\n  layout?: 'horizontal' | 'vertical' | 'inline';\n  size?: 'small' | 'middle' | 'large';\n  colon?: boolean;\n  disabled?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  className?: string;\n  style?: React.CSSProperties;\n  requiredMark?: boolean | 'optional';\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n// FormItemProps\nexport interface FormItemProps {\n  name?: NamePath;\n  label?: React.ReactNode;\n  rules?: Rule[];\n  children?: React.ReactNode | ((form: RcFormInstance) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  dependencies?: NamePath[];\n  shouldUpdate?: boolean | ((prevValues: any, curValues: any) => boolean);\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  validateTrigger?: string | string[];\n  valuePropName?: string;\n  getValueFromEvent?: (...args: any[]) => any;\n  noStyle?: boolean;\n  labelWidth?: number;\n  tooltip?:\n    | React.ReactNode\n    | { title?: React.ReactNode; icon?: React.ReactNode };\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  trigger?: string;\n}\n\nexport interface ErrorListProps {\n  errors?: React.ReactNode[];\n  help?: React.ReactNode;\n  className?: string;\n}\n\nexport type FormListFieldData = {\n  name: number;\n  key: number;\n  isListField: boolean;\n};\n\nexport type FormListOperation = {\n  add: (defaultValue?: any, insertIndex?: number) => void;\n  remove: (index: number | number[]) => void;\n  move: (from: number, to: number) => void;\n};\n\nexport type FormListProps = {\n  name: NamePath;\n  rules?: Rule[];\n  children: (\n    fields: FormListFieldData[],\n    operation: FormListOperation,\n    meta: { errors: React.ReactNode[] },\n  ) => React.ReactNode;\n  initialValue?: any[];\n};\n\n// ============== Helpers ==============\n\n/** Convert a 24-column span/offset to Tailwind-compatible inline styles */\nfunction colStyle(col?: {\n  span?: number;\n  offset?: number;\n}): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = {};\n  if (col.span !== null && col.span !== undefined) {\n    // 24-column grid: width = span / 24 * 100%\n    s.width = `${(col.span / 24) * 100}%`;\n    s.flex = `0 0 ${(col.span / 24) * 100}%`;\n  }\n  if (col.offset !== null && col.offset !== undefined && col.offset > 0) {\n    s.marginLeft = `${(col.offset / 24) * 100}%`;\n  }\n  return s;\n}\n\n// ============== Form ==============\n\nconst AldForm = forwardRef((props: any, ref: any) => {\n  const contextSize = useContext(SizeContext);\n  const {\n    children,\n    size = contextSize,\n    labelWidth,\n    style = {},\n    className,\n    layout = 'horizontal',\n    disabled,\n    labelCol,\n    wrapperCol,\n    colon,\n    requiredMark,\n    ...restProps\n  } = props;\n  const customStyle = labelWidth\n    ? { ...style, '--label-width': `${labelWidth}px` }\n    : style;\n\n  const formContextValue = useMemo(\n    () => ({ layout, labelCol, wrapperCol, colon, requiredMark, labelWidth }),\n    [layout, labelCol, wrapperCol, colon, requiredMark, labelWidth],\n  );\n\n  return (\n    <FormContext.Provider value={formContextValue}>\n      <DisabledContext.Provider value={disabled}>\n        <SizeContextProvider size={size}>\n          <RcForm\n            style={customStyle}\n            className={cn('ald-form', `ald-form-${layout}`, className)}\n            {...restProps}\n            ref={ref}\n          >\n            {children}\n          </RcForm>\n        </SizeContextProvider>\n      </DisabledContext.Provider>\n    </FormContext.Provider>\n  );\n}) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & {\n    ref?: React.Ref<FormInstance<Values>>;\n    labelWidth?: number;\n  },\n) => React.ReactElement;\n\n// ============== Form.Item ==============\n\ninterface IFormItemProps extends FormItemProps {\n  labelWidth?: number;\n}\n\n/** Derive status from meta or manual validateStatus */\nfunction deriveStatus(\n  meta?: Meta,\n  validateStatus?: ValidateStatus,\n): ValidateStatus {\n  if (validateStatus) return validateStatus;\n  if (!meta) return '';\n  if (meta.validating) return 'validating';\n  if (meta.errors && meta.errors.length > 0) return 'error';\n  if (meta.warnings && meta.warnings.length > 0) return 'warning';\n  if (meta.touched) return 'success';\n  return '';\n}\n\n/** Status-based border class for the control wrapper */\nfunction statusClassName(status: ValidateStatus): string {\n  switch (status) {\n    case 'error':\n      return 'ald-form-item-has-error';\n    case 'warning':\n      return 'ald-form-item-has-warning';\n    case 'success':\n      return 'ald-form-item-has-success';\n    case 'validating':\n      return 'ald-form-item-is-validating';\n    default:\n      return '';\n  }\n}\n\n/** Render the inner label + control layout, receiving meta from Field */\nfunction FormItemLayout({\n  label,\n  children,\n  meta,\n  help,\n  extra,\n  required,\n  hidden,\n  className,\n  customStyle,\n  noStyle,\n  labelCol: itemLabelCol,\n  wrapperCol: itemWrapperCol,\n  validateStatus: manualStatus,\n  colon: itemColon,\n  formContext,\n}: {\n  label?: React.ReactNode;\n  children: React.ReactNode;\n  meta?: Meta;\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  required?: boolean;\n  hidden?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  noStyle?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: { span?: number; offset?: number };\n    wrapperCol?: { span?: number; offset?: number };\n    colon?: boolean;\n    requiredMark?: boolean | 'optional';\n    labelWidth?: number;\n  };\n}) {\n  const status = deriveStatus(meta, manualStatus);\n  const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);\n  const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);\n\n  // Provide status context to child controls\n  const itemInputContextValue = useMemo(\n    () => ({\n      status,\n      isFormItemInput: true,\n      errors,\n      warnings,\n    }),\n    [status, errors, warnings],\n  );\n\n  if (noStyle) {\n    return <>{children}</>;\n  }\n\n  // Determine if we should show required mark\n  const { requiredMark } = formContext;\n  const isRequired = required || (meta && (meta as any).required);\n  const showRequired = requiredMark !== false && isRequired;\n  const showOptional = requiredMark === 'optional' && !isRequired;\n\n  // Resolve cols: item-level overrides form-level\n  const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;\n  const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;\n  const layout = formContext.layout || 'horizontal';\n  const showColon =\n    (itemColon ?? formContext.colon) !== false && layout === 'horizontal';\n\n  // Decide whether to use grid-style layout\n  const useGridLayout =\n    layout === 'horizontal' && (resolvedLabelCol || resolvedWrapperCol);\n\n  // Determine display errors: if help is provided, show help instead of validation errors\n  const displayMessages = help !== null && help !== undefined ? [help] : errors;\n  const hasError = status === 'error' || (errors.length > 0 && help === null);\n  const hasWarning =\n    status === 'warning' || (warnings.length > 0 && help === null);\n\n  const labelNode =\n    label !== null && label !== undefined ? (\n      <label\n        className={cn(\n          'ald-form-item-label tw-text-sm tw-font-medium tw-text-[var(--content-primary)]',\n          layout === 'vertical' && 'tw-mb-1 tw-block',\n          layout === 'horizontal' && !useGridLayout && 'tw-mr-3 tw-shrink-0',\n          layout === 'horizontal' && formContext.labelWidth && 'tw-shrink-0',\n        )}\n        style={\n          !useGridLayout && layout === 'horizontal' && formContext.labelWidth\n            ? { width: `var(--label-width, ${formContext.labelWidth}px)` }\n            : useGridLayout\n            ? colStyle(resolvedLabelCol)\n            : undefined\n        }\n      >\n        {showRequired && (\n          <span className=\"tw-mr-1 tw-text-[var(--content-negative-primary)]\">\n            *\n          </span>\n        )}\n        {label}\n        {showOptional && (\n          <span className=\"tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]\">\n            (optional)\n          </span>\n        )}\n        {showColon && label ? ':' : null}\n      </label>\n    ) : null;\n\n  const controlNode = (\n    <div\n      className={cn(\n        'ald-form-item-control',\n        layout === 'horizontal' && 'tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">{children}</div>\n      </FormItemInputContext.Provider>\n      {displayMessages.length > 0 && (\n        <div\n          className={cn(\n            'ald-form-item-explain tw-mt-1 tw-text-xs tw-transition-all tw-duration-200',\n            hasError && 'tw-text-[var(--content-negative-secondary)]',\n            hasWarning &&\n              !hasError &&\n              'tw-text-[color:var(--content-warning-primary,#faad14)]',\n            !hasError &&\n              !hasWarning &&\n              help !== null &&\n              help !== undefined &&\n              'tw-text-[var(--content-secondary)]',\n          )}\n        >\n          {displayMessages.map((msg, i) => (\n            <div key={i}>{msg}</div>\n          ))}\n        </div>\n      )}\n      {extra && (\n        <div className=\"ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]\">\n          {extra}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-form-item tw-mb-6',\n        hidden && 'tw-hidden',\n        showRequired && 'ald-form-item-required',\n        statusClassName(status),\n        layout === 'horizontal' && 'tw-flex tw-flex-row tw-items-start',\n        layout === 'inline' &&\n          'tw-mr-4 tw-inline-flex tw-flex-row tw-items-start',\n        className,\n      )}\n      style={customStyle as React.CSSProperties}\n    >\n      {labelNode}\n      {controlNode}\n    </div>\n  );\n}\n\nconst AldFormItem = function (props: IFormItemProps) {\n  const {\n    labelWidth,\n    style = {},\n    label,\n    name,\n    rules,\n    children,\n    className,\n    required,\n    hidden,\n    initialValue,\n    dependencies,\n    shouldUpdate,\n    help,\n    extra,\n    validateTrigger,\n    valuePropName,\n    getValueFromEvent,\n    noStyle,\n    labelCol,\n    wrapperCol,\n    validateStatus,\n    colon,\n  } = props;\n\n  const formContext = useContext(FormContext);\n\n  const customStyle = labelWidth\n    ? { ...style, '--label-width': `${labelWidth}px` }\n    : style;\n\n  // If no name is provided (e.g. a submit button wrapper), we don't need Field\n  // Also when shouldUpdate or dependencies are used without name, Field is still needed for re-render\n  const needField =\n    (name !== null && name !== undefined) ||\n    (shouldUpdate !== null && shouldUpdate !== undefined) ||\n    (dependencies !== null && dependencies !== undefined);\n\n  if (!needField) {\n    return (\n      <FormItemLayout\n        label={label}\n        help={help}\n        extra={extra}\n        required={required}\n        hidden={hidden}\n        className={className}\n        customStyle={customStyle as React.CSSProperties}\n        noStyle={noStyle}\n        labelCol={labelCol}\n        wrapperCol={wrapperCol}\n        validateStatus={validateStatus}\n        colon={colon}\n        formContext={formContext}\n      >\n        {children as React.ReactNode}\n      </FormItemLayout>\n    );\n  }\n\n  return (\n    <Field\n      name={name}\n      rules={rules}\n      initialValue={initialValue}\n      dependencies={dependencies}\n      shouldUpdate={shouldUpdate}\n      validateTrigger={validateTrigger}\n      valuePropName={valuePropName}\n      getValueFromEvent={getValueFromEvent}\n    >\n      {(control, meta, form) => {\n        // If children is a render function (shouldUpdate / dependencies pattern),\n        // call it with the form instance and wrap in layout\n        if (typeof children === 'function') {\n          const childContent = (\n            children as (form: RcFormInstance) => React.ReactNode\n          )(form);\n          if (noStyle) {\n            return childContent;\n          }\n          return (\n            <FormItemLayout\n              label={label}\n              meta={meta}\n              help={help}\n              extra={extra}\n              required={required}\n              hidden={hidden}\n              className={className}\n              customStyle={customStyle as React.CSSProperties}\n              noStyle={noStyle}\n              labelCol={labelCol}\n              wrapperCol={wrapperCol}\n              validateStatus={validateStatus}\n              colon={colon}\n              formContext={formContext}\n            >\n              {childContent}\n            </FormItemLayout>\n          );\n        }\n\n        // For noStyle, just clone with control props\n        if (noStyle) {\n          if (React.isValidElement(children)) {\n            return React.cloneElement(\n              children as React.ReactElement<any>,\n              control,\n            );\n          }\n          return children;\n        }\n\n        // Clone control props onto the single child element\n        let childNode: React.ReactNode = children;\n        if (React.isValidElement(children)) {\n          childNode = React.cloneElement(\n            children as React.ReactElement<any>,\n            control,\n          );\n        }\n\n        return (\n          <FormItemLayout\n            label={label}\n            meta={meta}\n            help={help}\n            extra={extra}\n            required={required}\n            hidden={hidden}\n            className={className}\n            customStyle={customStyle as React.CSSProperties}\n            labelCol={labelCol}\n            wrapperCol={wrapperCol}\n            validateStatus={validateStatus}\n            colon={colon}\n            formContext={formContext}\n          >\n            {childNode}\n          </FormItemLayout>\n        );\n      }}\n    </Field>\n  );\n};\n\nfunction useFormItemStatus() {\n  const ctx = useContext(FormItemInputContext);\n  return {\n    status: ctx.status,\n    errors: ctx.errors ?? [],\n    warnings: ctx.warnings ?? [],\n  };\n}\n\nAldFormItem.useStatus = useFormItemStatus;\n\n// ============== ErrorList ==============\n\nfunction ErrorListComponent(props: ErrorListProps) {\n  const { errors, className } = props;\n  if (!errors || errors.length === 0) return null;\n  return (\n    <div className={cn('ald-form-error-list', className)}>\n      {errors.map((err, i) => (\n        <div\n          key={i}\n          className=\"tw-text-xs tw-text-[var(--content-negative-secondary)]\"\n        >\n          {err}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============== useFormInstance ==============\n\nfunction useFormInstance<T = any>(): FormInstance<T> {\n  const form = useContext(FieldContext);\n  return form as unknown as FormInstance<T>;\n}\n\n// ============== Compound component ==============\n\ntype InternalFormType = typeof AldForm;\ntype CompoundedComponent = InternalFormType & {\n  useForm: <T = any>(...args: any[]) => [FormInstance<T>];\n  useFormInstance: typeof useFormInstance;\n  useWatch: typeof useWatch;\n  Item: typeof AldFormItem;\n  List: typeof List;\n  ErrorList: typeof ErrorListComponent;\n  Provider: typeof FormProvider;\n  create: () => void;\n};\n\nconst Form = AldForm as CompoundedComponent;\n\nForm.Item = AldFormItem;\nForm.List = List;\nForm.ErrorList = ErrorListComponent;\nForm.useForm = rcUseForm;\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nForm.create = () => {\n  console.warn('Form.create is deprecated. Please use Form.useForm() instead.');\n};\n\nexport type { Rule, RuleObject, RuleRender };\nexport default Form;\n"],"mappings":"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"}

package/dist/HighlightText/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { default as React } from 'react';
 /**
  * 高亮关键词
  */
-export default function HighlightText(props: IProps): React.JSX.Element;
+export default function HighlightText(props: IProps): import("react/jsx-runtime").JSX.Element;
 interface IProps {
     keyword: string;
     highlightClassName?: string;

package/dist/HighlightText/index.js

@@ -1,29 +1,28 @@
-import classNames from 'classnames';
-import _ from 'lodash';
-import React from 'react';
+import { cn } from "../lib/utils.js";
+import "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/HighlightText/index.tsx
 /**
- * 高亮关键词
- */
-export default function HighlightText(props) {
-  var className = props.className,
-    children = props.children,
-    keyword = props.keyword,
-    highlightClassName = props.highlightClassName;
-  var trimKeyword = _.trim(keyword);
-  if (typeof children !== 'string' || trimKeyword === '') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  var text = children;
-  var escapedKeyword = trimKeyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  var regex = new RegExp("(".concat(escapedKeyword, ")"), 'gi');
-  var parts = text.split(regex);
-  return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    title: children
-  }, parts.map(function (part, index) {
-    return regex.test(part) ? /*#__PURE__*/React.createElement("span", {
-      key: index,
-      className: classNames('ald-highlight-text', highlightClassName)
-    }, part) : part;
-  }));
-}
+* 高亮关键词
+*/
+function HighlightText(props) {
+	const { className, children, keyword, highlightClassName } = props;
+	const trimKeyword = _.trim(keyword);
+	if (typeof children !== "string" || trimKeyword === "") return /* @__PURE__ */ jsx(Fragment, { children });
+	const text = children;
+	const escapedKeyword = trimKeyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const regex = new RegExp(`(${escapedKeyword})`, "gi");
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		title: children,
+		children: text.split(regex).map((part, index) => regex.test(part) ? /* @__PURE__ */ jsx("span", {
+			className: cn("ald-highlight-text tw-text-[var(--content-negative-secondary)]", highlightClassName),
+			children: part
+		}, index) : part)
+	});
+}
+//#endregion
+export { HighlightText as default };
+
+//# sourceMappingURL=index.js.map

package/dist/HighlightText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/HighlightText/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * 高亮关键词\n */\nexport default function HighlightText(props: IProps) {\n  const { className, children, keyword, highlightClassName } = props;\n  const trimKeyword = _.trim(keyword);\n  if (typeof children !== 'string' || trimKeyword === '') {\n    return <>{children}</>;\n  }\n  const text = children;\n  const escapedKeyword = trimKeyword.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedKeyword})`, 'gi');\n  const parts = text.split(regex);\n\n  return (\n    <span className={className} title={children}>\n      {parts.map((part, index) =>\n        regex.test(part) ? (\n          <span\n            key={index}\n            className={cn(\n              'ald-highlight-text tw-text-[var(--content-negative-secondary)]',\n              highlightClassName,\n            )}\n          >\n            {part}\n          </span>\n        ) : (\n          part\n        ),\n      )}\n    </span>\n  );\n}\n\ninterface IProps {\n  keyword: string;\n  highlightClassName?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,cAAc,OAAe;CACnD,MAAM,EAAE,WAAW,UAAU,SAAS,uBAAuB;CAC7D,MAAM,cAAc,EAAE,KAAK,QAAQ;AACnC,KAAI,OAAO,aAAa,YAAY,gBAAgB,GAClD,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,OAAO;CACb,MAAM,iBAAiB,YAAY,QAAQ,uBAAuB,OAAO;CACzE,MAAM,QAAQ,IAAI,OAAO,IAAI,eAAe,IAAI,KAAK;AAGrD,QACE,oBAAC,QAAD;EAAiB;EAAW,OAAO;YAHvB,KAAK,MAAM,MAAM,CAIpB,KAAK,MAAM,UAChB,MAAM,KAAK,KAAK,GACd,oBAAC,QAAD;GAEE,WAAW,GACT,kEACA,mBACD;aAEA;GACI,EAPA,MAOA,GAEP,KAEH;EACI,CAAA"}

package/dist/Icon/components/AlertTriangleDuotone.d.ts

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import { SVGProps } from 'react';
 import * as React from 'react';
 interface SVGRProps {
     size?: number | string;

package/dist/Icon/components/AlertTriangleDuotone.js

@@ -1,35 +1,35 @@
-var _excluded = ["title", "titleId", "desc", "descId"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 * as React from 'react';
-import { forwardRef, memo } from 'react';
-var AlertTriangleDuotone = function AlertTriangleDuotone(_ref, ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    desc = _ref.desc,
-    descId = _ref.descId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: props.width || props.size || 16,
-    height: props.height || props.size || 16,
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ref: ref,
-    "aria-labelledby": titleId,
-    "aria-describedby": descId
-  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
-    id: descId
-  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    fill: props.color || 'currentColor',
-    fillRule: "evenodd",
-    d: "m12 2 10 18H2L12 2Zm-.5 12V8h1v6h-1Zm1.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
-    clipRule: "evenodd"
-  }));
-};
-var ForwardRef = /*#__PURE__*/forwardRef(AlertTriangleDuotone);
-var Memo = /*#__PURE__*/memo(ForwardRef);
-export default Memo;
+import { forwardRef, memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Icon/components/AlertTriangleDuotone.tsx
+var AlertTriangleDuotone = ({ title, titleId, desc, descId, ...props }, ref) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: props.width || props.size || 16,
+	height: props.height || props.size || 16,
+	fill: "none",
+	viewBox: "0 0 24 24",
+	ref,
+	"aria-labelledby": titleId,
+	"aria-describedby": descId,
+	...props,
+	children: [
+		desc ? /* @__PURE__ */ jsx("desc", {
+			id: descId,
+			children: desc
+		}) : null,
+		title ? /* @__PURE__ */ jsx("title", {
+			id: titleId,
+			children: title
+		}) : null,
+		/* @__PURE__ */ jsx("path", {
+			fill: props.color || "currentColor",
+			fillRule: "evenodd",
+			d: "m12 2 10 18H2L12 2Zm-.5 12V8h1v6h-1Zm1.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
+			clipRule: "evenodd"
+		})
+	]
+});
+var Memo = memo(forwardRef(AlertTriangleDuotone));
+//#endregion
+export { Memo as default };
+
+//# sourceMappingURL=AlertTriangleDuotone.js.map

package/dist/Icon/components/AlertTriangleDuotone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTriangleDuotone.js","names":[],"sources":["../../../src/Icon/components/AlertTriangleDuotone.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport * as React from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst AlertTriangleDuotone = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={props.color || 'currentColor'}\n      fillRule=\"evenodd\"\n      d=\"m12 2 10 18H2L12 2Zm-.5 12V8h1v6h-1Zm1.5 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(AlertTriangleDuotone);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,wBACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,QAAD;GACE,MAAM,MAAM,SAAS;GACrB,UAAS;GACT,GAAE;GACF,UAAS;GACT,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,qBAAqB,CACtB"}

package/dist/Icon/components/AlertTriangleLine.d.ts

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import { SVGProps } from 'react';
 import * as React from 'react';
 interface SVGRProps {
     size?: number | string;