@pixpilot/formily-shadcn 2.1.1 → 2.2.0

package/dist/components/array-toggle-group/ArrayToggleGroup.d.ts

@@ -1,4 +1,4 @@
-import * as _formily_react0 from "@formily/react";
+import * as _formily_react102 from "@formily/react";
 import React from "react";
 import { ToggleGroupProps } from "@pixpilot/shadcn-ui";
 
@@ -60,6 +60,6 @@ interface ArrayToggleGroupProps extends Omit<ToggleGroupProps, 'value' | 'onChan
  * };
  * ```
  */
-declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react0.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
+declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react102.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
 //#endregion
 export { ArrayToggleGroup, ArrayToggleGroupProps };

package/dist/components/column/Column.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/column/Column.d.ts
 interface IColumnProps {
@@ -36,6 +36,6 @@ interface IColumnProps {
 declare function Column({
   className,
   children
-}: IColumnProps): react_jsx_runtime0.JSX.Element;
+}: IColumnProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Column, IColumnProps };

package/dist/components/date-picker/DatePicker.d.cts

@@ -1,12 +1,12 @@
-import * as react2 from "react";
+import * as react0 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/date-picker/DatePicker.d.ts
 
-declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker: react0.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react0.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,12 +1,12 @@
-import * as react2 from "react";
+import * as react1575 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/date-picker/DatePicker.d.ts
 
-declare const DatePicker$1: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker$1: react1575.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react1575.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker$1 as DatePicker };

package/dist/components/dialog-item/ConnectedDialogItem.d.cts

@@ -1,5 +1,5 @@
 import { DialogItemProps } from "./BaseDialogItem.cjs";
-import * as react4 from "react";
+import * as react1 from "react";
 
 //#region src/components/dialog-item/ConnectedDialogItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react4 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DialogItem: react4.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
-  children?: react4.ReactNode | undefined;
-}>, "ref"> & react4.RefAttributes<unknown>>;
+declare const DialogItem: react1.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
+  children?: react1.ReactNode | undefined;
+}>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { DialogItem };

package/dist/components/dialog-item/ConnectedDialogItem.d.ts

@@ -1,5 +1,5 @@
 import { DialogItemProps } from "./BaseDialogItem.js";
-import * as react0 from "react";
+import * as react1577 from "react";
 
 //#region src/components/dialog-item/ConnectedDialogItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react0 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DialogItem: react0.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
-  children?: react0.ReactNode | undefined;
-}>, "ref"> & react0.RefAttributes<unknown>>;
+declare const DialogItem: react1577.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
+  children?: react1577.ReactNode | undefined;
+}>, "ref"> & react1577.RefAttributes<unknown>>;
 //#endregion
 export { DialogItem };

package/dist/components/drawer-item/ConnectedDrawerItem.d.cts

@@ -1,5 +1,5 @@
 import { DrawerItemProps } from "./BaseDrawerItem.cjs";
-import * as react7 from "react";
+import * as react4 from "react";
 
 //#region src/components/drawer-item/ConnectedDrawerItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react7 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DrawerItem: react7.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
-  children?: react7.ReactNode | undefined;
-}>, "ref"> & react7.RefAttributes<unknown>>;
+declare const DrawerItem: react4.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
+  children?: react4.ReactNode | undefined;
+}>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { DrawerItem };

package/dist/components/drawer-item/ConnectedDrawerItem.d.ts

@@ -1,5 +1,5 @@
 import { DrawerItemProps } from "./BaseDrawerItem.js";
-import * as react4 from "react";
+import * as react1580 from "react";
 
 //#region src/components/drawer-item/ConnectedDrawerItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react4 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DrawerItem: react4.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
-  children?: react4.ReactNode | undefined;
-}>, "ref"> & react4.RefAttributes<unknown>>;
+declare const DrawerItem: react1580.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
+  children?: react1580.ReactNode | undefined;
+}>, "ref"> & react1580.RefAttributes<unknown>>;
 //#endregion
 export { DrawerItem };

package/dist/components/form/Form.d.cts

@@ -2,7 +2,7 @@ import { FormContextStates } from "../context/form-context.cjs";
 import "../context/index.cjs";
 import React from "react";
 import { Form } from "@formily/core";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/form/Form.d.ts
 interface IFormProps extends FormContextStates {
@@ -27,6 +27,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime3.JSX.Element;
+}: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form, IFormProps };

package/dist/components/form/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "../context/form-context.js";
 import "../context/index.js";
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/form/Form.d.ts
@@ -27,6 +27,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime1.JSX.Element;
+}: IFormProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Form$1 as Form, IFormProps };

package/dist/components/form/mcp.js

@@ -14,11 +14,48 @@ const meta = {
 		},
 		layout: "Optional layout configuration passed through the Formily shadcn form context.",
 		onAutoSubmit: "Called with submitted values after the underlying Formily form submit succeeds.",
-		settings: "Optional form settings passed through the Formily shadcn form context."
+		settings: "Optional form-wide settings passed through the Formily shadcn form context. Each key holds default props applied to every instance of that component in the form (field-level x-component-props still override them). Notably `settings.richTextEditor` accepts the full RichTextEditorProps, so you can register TipTap `extensions` (and their toolbar buttons) once for all RichTextEditor fields. See the \"RichTextEditor extensions via form settings\" example."
 	}),
 	examples: [{
 		title: "Basic Formily form",
 		code: "<Form form={form} onSubmit={(values) => save(values)}><SchemaField schema={schema} /></Form>"
+	}, {
+		title: "RichTextEditor extensions via form settings",
+		code: `import { Mark, mergeAttributes } from '@tiptap/core';
+
+// Register a custom TipTap extension (or an official package like
+// @tiptap/extension-highlight) once for every RichTextEditor field in the form.
+const Highlight = Mark.create({
+  name: 'highlight',
+  parseHTML() {
+    return [{ tag: 'mark' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(HTMLAttributes), 0];
+  },
+});
+
+<Form
+  form={form}
+  settings={{
+    richTextEditor: {
+      extensions: [Highlight],
+      toolbarItems: [
+        'bold',
+        'italic',
+        '|',
+        {
+          icon: '🖍️',
+          tooltip: 'Highlight',
+          onClick: (editor) => editor.chain().focus().toggleMark('highlight').run(),
+          isActive: (editor) => editor.isActive('highlight'),
+        },
+      ],
+    },
+  }}
+>
+  <SchemaField schema={schema} />
+</Form>`
 	}],
 	keywords: [
 		"formily",

package/dist/components/form-grid/FormGrid.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/form-grid/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime4.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid, IFormGridProps };

package/dist/components/form-grid/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/form-grid/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime0.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid, IFormGridProps };

package/dist/components/popover-item/ConnectedPopoverItem.d.cts

@@ -1,5 +1,5 @@
 import { PopoverItemProps } from "./BasePopoverItem.cjs";
-import * as react0 from "react";
+import * as react7 from "react";
 
 //#region src/components/popover-item/ConnectedPopoverItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react0 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const PopoverItem: react0.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
-  children?: react0.ReactNode | undefined;
-}>, "ref"> & react0.RefAttributes<unknown>>;
+declare const PopoverItem: react7.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
+  children?: react7.ReactNode | undefined;
+}>, "ref"> & react7.RefAttributes<unknown>>;
 //#endregion
 export { PopoverItem };

package/dist/components/popover-item/ConnectedPopoverItem.d.ts

@@ -1,5 +1,5 @@
 import { PopoverItemProps } from "./BasePopoverItem.js";
-import * as react7 from "react";
+import * as react0 from "react";
 
 //#region src/components/popover-item/ConnectedPopoverItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react7 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const PopoverItem: react7.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
-  children?: react7.ReactNode | undefined;
-}>, "ref"> & react7.RefAttributes<unknown>>;
+declare const PopoverItem: react0.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
+  children?: react0.ReactNode | undefined;
+}>, "ref"> & react0.RefAttributes<unknown>>;
 //#endregion
 export { PopoverItem };

package/dist/components/radio/Radio.d.cts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/radio/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime1.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/radio/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime0.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/rich-text-editor/mcp.js

@@ -11,7 +11,7 @@ const meta = {
 		editable: "Forwarded to the underlying UI component.",
 		editorProps: "Forwarded to the underlying UI component.",
 		immediatelyRender: "Forwarded to the underlying UI component.",
-		extensions: "Forwarded to the underlying UI component.",
+		extensions: "Additional TipTap extensions forwarded to the underlying UI component, appended to the built-in ones (StarterKit, Link, TextAlign, Placeholder). Accepts any TipTap Extension, Node, or Mark. In schema forms pass them via `x-component-props.extensions`. See the \"Add a custom extension\" example.",
 		slots: "Slot props for customizing internal rendered parts.",
 		showToolbar: "Forwarded to the underlying UI component.",
 		toolbarItems: "Forwarded to the underlying UI component.",
@@ -20,12 +20,14 @@ const meta = {
 		allowLinkTarget: "Forwarded to the underlying UI component.",
 		openOnClick: "Forwarded to the underlying UI component."
 	}),
-	examples: [{
-		title: "Declarative schema field",
-		code: `<SchemaField.String name="richTextEditor" title="RichTextEditor" x-decorator="FormItem" x-component="RichTextEditor" />`
-	}, {
-		title: "JSON schema for form renderer",
-		code: `{
+	examples: [
+		{
+			title: "Declarative schema field",
+			code: `<SchemaField.String name="richTextEditor" title="RichTextEditor" x-decorator="FormItem" x-component="RichTextEditor" />`
+		},
+		{
+			title: "JSON schema for form renderer",
+			code: `{
   type: 'object',
   properties: {
     richTextEditor: {
@@ -36,7 +38,50 @@ const meta = {
     },
   },
 }`
-	}],
+		},
+		{
+			title: "Add a custom extension via x-component-props",
+			code: `import { Mark, mergeAttributes } from '@tiptap/core';
+
+// Any Mark.create / Node.create / Extension.create result (or an official
+// package like @tiptap/extension-highlight) can be passed to \`extensions\`.
+const Highlight = Mark.create({
+  name: 'highlight',
+  parseHTML() {
+    return [{ tag: 'mark' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(HTMLAttributes), 0];
+  },
+});
+
+const schema = {
+  type: 'object',
+  properties: {
+    richText: {
+      type: 'string',
+      title: 'Rich Text Editor',
+      'x-decorator': 'FormItem',
+      'x-component': 'RichTextEditor',
+      'x-component-props': {
+        extensions: [Highlight],
+        toolbarItems: [
+          'bold',
+          'italic',
+          '|',
+          {
+            icon: '🖍️',
+            tooltip: 'Highlight',
+            onClick: (editor) => editor.chain().focus().toggleMark('highlight').run(),
+            isActive: (editor) => editor.isActive('highlight'),
+          },
+        ],
+      },
+    },
+  },
+};`
+		}
+	],
 	keywords: [
 		"formily",
 		"rich text",

package/dist/components/row/Row.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/row/Row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime0.JSX.Element;
+}: IRowProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { IRowProps, Row };

package/dist/components/row/Row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/row/Row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime3.JSX.Element;
+}: IRowProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { IRowProps, Row };