lynote-ui 0.0.1

package/dist/FormItem-xksTqxKD.js

@@ -0,0 +1,200 @@
+"use strict";
+const jsxRuntime = require("./jsx-runtime-CPzt8Nmm.js");
+const reactHookForm = require("react-hook-form");
+const utils = require("./utils-ij3i9zTT.js");
+const React = require("react");
+const reactSlot = require("@radix-ui/react-slot");
+const classVarianceAuthority = require("class-variance-authority");
+const label = require("./label/index.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const formDescriptionVariants = classVarianceAuthority.cva("text-muted-foreground text-sm");
+const formItemVariants = classVarianceAuthority.cva("relative grid gap-2");
+const formItemMesVariants = classVarianceAuthority.cva(
+  "absolute bottom-0 left-0 translate-y-[calc(100%+2px)]"
+);
+const formMessageVariants = classVarianceAuthority.cva("text-destructive text-sm");
+const formRootVariants = classVarianceAuthority.cva("w-full space-y-6");
+const FormRoot = ({
+  onSubmit = () => {
+  },
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactHookForm.FormProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "form",
+    {
+      onSubmit: props.handleSubmit(onSubmit),
+      className: utils.cn(formRootVariants({ className })),
+      children: (props == null ? void 0 : props.children) || null
+    }
+  ) });
+};
+const FormFieldContext = React.createContext(
+  {}
+);
+const FormItemContext = React.createContext(
+  {}
+);
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = reactHookForm.useFormContext();
+  const formState = reactHookForm.useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    reactSlot.Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+const FormDescription = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      "p",
+      {
+        ref,
+        "data-slot": "form-description",
+        id: formDescriptionId,
+        className: utils.cn(formDescriptionVariants({ className })),
+        ...props
+      }
+    );
+  }
+);
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactHookForm.Controller, { ...props }) });
+};
+const FormLabel = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      label.Label,
+      {
+        ref,
+        "data-slot": "form-label",
+        "data-error": !!error,
+        className: utils.cn(className, "inline gap-0"),
+        htmlFor: formItemId,
+        ...props
+      }
+    );
+  }
+);
+const FormMessage = React.forwardRef(
+  ({ className, render, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = String((error == null ? void 0 : error.message) ?? "");
+    if (!body) {
+      return null;
+    }
+    return render ? render(body) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      "p",
+      {
+        ref,
+        "data-slot": "form-message",
+        id: formMessageId,
+        className: utils.cn(formMessageVariants({ className })),
+        ...props,
+        children: body
+      }
+    );
+  }
+);
+const FormItem = ({
+  className,
+  children,
+  label: label2,
+  showMessage = true,
+  colon = true,
+  required = false,
+  render,
+  noStyle = false,
+  description,
+  ...controllerProps
+}, ref) => {
+  const id = React__namespace.useId();
+  const content = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    reactHookForm.Controller,
+    {
+      name: controllerProps.name,
+      control: controllerProps.control,
+      rules: controllerProps.rules,
+      shouldUnregister: controllerProps.shouldUnregister,
+      defaultValue: controllerProps.defaultValue,
+      disabled: controllerProps.disabled,
+      exact: controllerProps.exact,
+      render: (...res) => {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormControl, { children: render ? render(...res) : React__namespace.isValidElement(children) ? React__namespace.cloneElement(children, res[0].field) : children });
+      }
+    }
+  );
+  if (noStyle) return content;
+  const formItemContent = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "form-item",
+      className: utils.cn(formItemVariants(), className),
+      children: [
+        label2 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(FormLabel, { children: [
+          required && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "mr-1 text-red-500", children: "*" }),
+          label2,
+          colon && ":"
+        ] }) }),
+        content,
+        description && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormDescription, {}),
+        showMessage && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormMessage, { className: utils.cn(formItemMesVariants()) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormFieldContext.Provider, { value: { name: controllerProps.name }, children: formItemContent }) });
+};
+const FormItemWithRef = React__namespace.forwardRef(FormItem);
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItemWithRef = FormItemWithRef;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.FormRoot = FormRoot;
+exports.useFormField = useFormField;
+//# sourceMappingURL=FormItem-xksTqxKD.js.map

package/dist/FormItem-xksTqxKD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem-xksTqxKD.js","sources":["../src/form/components/variants.ts","../src/form/components/Form.tsx","../src/form/context/index.ts","../src/form/hooks/useFormField.ts","../src/form/components/FormControl.tsx","../src/form/components/FormDescription.tsx","../src/form/components/FormField.tsx","../src/form/components/FormLabel.tsx","../src/form/components/FormMessage.tsx","../src/form/components/FormItem.tsx"],"sourcesContent":["import { cva } from \"../../lib\";\n\nexport const formDescriptionVariants = cva(\"text-muted-foreground text-sm\");\n\nexport const formItemVariants = cva(\"relative grid gap-2\");\n\nexport const formItemMesVariants = cva(\n  \"absolute bottom-0 left-0 translate-y-[calc(100%+2px)]\",\n);\n\nexport const formMessageVariants = cva(\"text-destructive text-sm\");\n\nexport const formRootVariants = cva(\"w-full space-y-6\");\n","import { cn } from \"../../lib\";\nimport { type FieldValues, FormProvider } from \"react-hook-form\";\nimport type { FormPropsType } from \"../type\";\nimport { formRootVariants } from \"./variants\";\n\nconst FormRoot = <TFormValues extends FieldValues>({\n  onSubmit = () => {},\n  className,\n  ...props\n}: FormPropsType<TFormValues>) => {\n  return (\n    <FormProvider {...props}>\n      <form\n        onSubmit={props.handleSubmit(onSubmit)}\n        className={cn(formRootVariants({ className }))}\n      >\n        {props?.children || null}\n      </form>\n    </FormProvider>\n  );\n};\nexport default FormRoot;\n","\"use client\";\n\nimport { createContext } from \"react\";\nimport type { FormFieldContextValue, FormItemContextValue } from \"../type\";\n\nexport const FormFieldContext = createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n);\n\nexport const FormItemContext = createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n);\n","import { useContext } from \"react\";\nimport { useFormContext, useFormState } from \"react-hook-form\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nexport default useFormField;\n","import { Slot } from \"@radix-ui/react-slot\";\nimport useFormField from \"../hooks/useFormField\";\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nexport default FormControl;\n","import { cn } from \"../../lib\";\nimport { ComponentProps, forwardRef } from \"react\";\nimport useFormField from \"../hooks/useFormField\";\nimport { formDescriptionVariants } from \"./variants\";\n\nconst FormDescription = forwardRef<HTMLParagraphElement, ComponentProps<\"p\">>(\n  ({ className, ...props }, ref) => {\n    const { formDescriptionId } = useFormField();\n\n    return (\n      <p\n        ref={ref}\n        data-slot=\"form-description\"\n        id={formDescriptionId}\n        className={cn(formDescriptionVariants({ className }))}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormDescription;\n","import {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n} from \"react-hook-form\";\nimport { FormFieldContext } from \"../context\";\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nexport default FormField;\n","import { cn } from \"../../lib\";\nimport { ComponentProps, forwardRef } from \"react\";\nimport { Label } from \"../../label\";\nimport useFormField from \"../hooks/useFormField\";\n\nconst FormLabel = forwardRef<HTMLLabelElement, ComponentProps<typeof Label>>(\n  ({ className, ...props }, ref) => {\n    const { error, formItemId } = useFormField();\n\n    return (\n      <Label\n        ref={ref}\n        data-slot=\"form-label\"\n        data-error={!!error}\n        className={cn(className, \"inline gap-0\")}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default FormLabel;\n","import { cn } from \"../../lib\";\nimport { forwardRef } from \"react\";\nimport useFormField from \"../hooks/useFormField\";\nimport type { FormMessageProps } from \"../type\";\nimport { formMessageVariants } from \"./variants\";\n\nconst FormMessage = forwardRef<HTMLParagraphElement, FormMessageProps>(\n  ({ className, render, ...props }, ref) => {\n    const { error, formMessageId } = useFormField();\n    const body = String(error?.message ?? \"\");\n\n    if (!body) {\n      return null;\n    }\n\n    return render ? (\n      render(body)\n    ) : (\n      <p\n        ref={ref}\n        data-slot=\"form-message\"\n        id={formMessageId}\n        className={cn(formMessageVariants({ className }))}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nexport default FormMessage;\n","import { cn } from \"../../lib\";\nimport * as React from \"react\";\nimport { Controller, FieldPath, FieldValues } from \"react-hook-form\";\nimport { FormFieldContext, FormItemContext } from \"../context\";\nimport { FormItemPropsType } from \"../type\";\nimport FormControl from \"./FormControl\";\nimport FormDescription from \"./FormDescription\";\nimport FormLabel from \"./FormLabel\";\nimport FormMessage from \"./FormMessage\";\nimport { formItemMesVariants, formItemVariants } from \"./variants\";\n\nconst FormItem = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  {\n    className,\n    children,\n    label,\n    showMessage = true,\n    colon = true,\n    required = false,\n    render,\n    noStyle = false,\n    description,\n    ...controllerProps\n  }: FormItemPropsType<TFieldValues, TName>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const id = React.useId();\n\n  // 如果没有提供render函数，则使用children作为内容\n  const content = (\n    <Controller\n      name={controllerProps.name}\n      control={controllerProps.control}\n      rules={controllerProps.rules}\n      shouldUnregister={controllerProps.shouldUnregister}\n      defaultValue={controllerProps.defaultValue}\n      disabled={controllerProps.disabled}\n      exact={controllerProps.exact}\n      render={(...res) => {\n        return (\n          <FormControl>\n            {render\n              ? render(...res)\n              : React.isValidElement(children)\n                ? React.cloneElement(children, res[0].field)\n                : children}\n          </FormControl>\n        );\n      }}\n    />\n  );\n\n  if (noStyle) return content;\n\n  const formItemContent = (\n    <div\n      ref={ref}\n      data-slot=\"form-item\"\n      className={cn(formItemVariants(), className)}\n    >\n      {label && (\n        <div>\n          <FormLabel>\n            {required && <span className=\"mr-1 text-red-500\">*</span>}\n            {label}\n            {colon && \":\"}\n          </FormLabel>\n        </div>\n      )}\n\n      {content}\n      {description && <FormDescription></FormDescription>}\n      {showMessage && <FormMessage className={cn(formItemMesVariants())} />}\n    </div>\n  );\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <FormFieldContext.Provider value={{ name: controllerProps.name }}>\n        {formItemContent}\n      </FormFieldContext.Provider>\n    </FormItemContext.Provider>\n  );\n};\n\nconst FormItemWithRef = React.forwardRef(FormItem) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  props: FormItemPropsType<TFieldValues, TName> & {\n    ref?: React.Ref<HTMLDivElement>;\n  },\n) => React.ReactElement;\n\nexport default FormItemWithRef;\n"],"names":["cva","jsx","FormProvider","cn","createContext","useContext","useFormContext","useFormState","Slot","forwardRef","Controller","Label","label","React","jsxs"],"mappings":"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"}