dune-react 0.0.18 → 0.0.20

package/dist/components/puck-core/core/props/interactive.d.ts

@@ -0,0 +1,244 @@
+/**
+ * 交互类 Props — 用户可点击/触发的元素
+ *
+ * 包含：Action / Button / Badge / Link / Icon
+ * 每个 prop 按 Type → Field → Defaults 顺序排列
+ */
+import { iconNames } from "lucide-react/dynamic";
+import { ActionField } from "../../fields/action-field";
+import { IconPickerField } from "../../fields/icon-picker-field";
+export type IconName = "none" | (typeof iconNames)[number];
+export declare const iconField: {
+    type: "custom";
+    render: typeof IconPickerField;
+};
+export type ActionType = "page" | "external" | "scroll" | "email" | "phone" | "section" | "download" | "none";
+export type Action = {
+    type: ActionType;
+    pageUrl?: string;
+    externalUrl?: string;
+    openInNewTab?: string;
+    email?: string;
+    subject?: string;
+    phone?: string;
+    sectionId?: string;
+    downloadUrl?: string;
+};
+export declare function resolveActionUrl(action: Action): string | undefined;
+export declare const actionField: {
+    type: "custom";
+    label: string;
+    render: typeof ActionField;
+};
+export declare const actionDefaults: {
+    readonly type: "page";
+    readonly pageUrl: "";
+    readonly externalUrl: "";
+    readonly openInNewTab: "false";
+    readonly email: "";
+    readonly subject: "";
+    readonly phone: "";
+    readonly sectionId: "";
+    readonly downloadUrl: "";
+};
+export type ButtonVariant = "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
+export type ButtonSize = "default" | "sm" | "lg" | "icon";
+export interface BaseButton {
+    label: string;
+    action?: Action;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: IconName;
+}
+export declare const buttonField: {
+    readonly type: "object";
+    readonly objectFields: {
+        readonly label: {
+            readonly type: "text";
+        };
+        readonly action: {
+            type: "custom";
+            label: string;
+            render: typeof ActionField;
+        };
+        readonly variant: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "primary";
+                readonly value: "default";
+            }, {
+                readonly label: "secondary";
+                readonly value: "secondary";
+            }, {
+                readonly label: "outline";
+                readonly value: "outline";
+            }, {
+                readonly label: "ghost";
+                readonly value: "ghost";
+            }, {
+                readonly label: "link";
+                readonly value: "link";
+            }, {
+                readonly label: "destructive";
+                readonly value: "destructive";
+            }];
+        };
+        readonly size: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "default";
+                readonly value: "default";
+            }, {
+                readonly label: "sm";
+                readonly value: "sm";
+            }, {
+                readonly label: "lg";
+                readonly value: "lg";
+            }, {
+                readonly label: "icon";
+                readonly value: "icon";
+            }];
+        };
+        readonly icon: {
+            type: "custom";
+            render: typeof IconPickerField;
+        };
+    };
+};
+export declare const buttonDefaults: {
+    readonly label: "Button";
+    readonly action: {
+        readonly type: "page";
+        readonly pageUrl: "";
+        readonly externalUrl: "";
+        readonly openInNewTab: "false";
+        readonly email: "";
+        readonly subject: "";
+        readonly phone: "";
+        readonly sectionId: "";
+        readonly downloadUrl: "";
+    };
+    readonly variant: "default";
+    readonly size: "default";
+    readonly icon: "none";
+};
+export declare const buttonsField: {
+    readonly type: "array";
+    readonly max: 3;
+    readonly getItemSummary: (item: {
+        label?: string;
+    }, index?: number) => string;
+    readonly arrayFields: {
+        readonly label: {
+            readonly type: "text";
+        };
+        readonly action: {
+            type: "custom";
+            label: string;
+            render: typeof ActionField;
+        };
+        readonly variant: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "primary";
+                readonly value: "default";
+            }, {
+                readonly label: "secondary";
+                readonly value: "secondary";
+            }, {
+                readonly label: "outline";
+                readonly value: "outline";
+            }, {
+                readonly label: "ghost";
+                readonly value: "ghost";
+            }, {
+                readonly label: "link";
+                readonly value: "link";
+            }, {
+                readonly label: "destructive";
+                readonly value: "destructive";
+            }];
+        };
+        readonly size: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "default";
+                readonly value: "default";
+            }, {
+                readonly label: "sm";
+                readonly value: "sm";
+            }, {
+                readonly label: "lg";
+                readonly value: "lg";
+            }, {
+                readonly label: "icon";
+                readonly value: "icon";
+            }];
+        };
+        readonly icon: {
+            type: "custom";
+            render: typeof IconPickerField;
+        };
+    };
+    readonly defaultItemProps: {
+        readonly label: "Button";
+        readonly action: {
+            readonly type: "page";
+            readonly pageUrl: "";
+            readonly externalUrl: "";
+            readonly openInNewTab: "false";
+            readonly email: "";
+            readonly subject: "";
+            readonly phone: "";
+            readonly sectionId: "";
+            readonly downloadUrl: "";
+        };
+        readonly variant: "default";
+        readonly size: "default";
+        readonly icon: "none";
+    };
+    readonly ai: {
+        readonly instructions: "Buttons must use the same size";
+    };
+};
+export type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
+export interface BaseBadge {
+    label: string;
+    action?: Action;
+    variant?: BadgeVariant;
+}
+export declare const badgeField: {
+    readonly type: "object";
+    readonly objectFields: {
+        readonly label: {
+            readonly type: "text";
+        };
+        readonly url: {
+            readonly type: "text";
+        };
+        readonly variant: {
+            readonly type: "select";
+            readonly options: readonly [{
+                readonly label: "default";
+                readonly value: "default";
+            }, {
+                readonly label: "secondary";
+                readonly value: "secondary";
+            }, {
+                readonly label: "destructive";
+                readonly value: "destructive";
+            }, {
+                readonly label: "outline";
+                readonly value: "outline";
+            }];
+        };
+    };
+};
+export interface BaseLink {
+    label: string;
+    action?: Action;
+}
+export interface BaseSocialLink {
+    platform: string;
+    url: string;
+}

package/dist/components/puck-core/core/props/interactive.js

@@ -0,0 +1,101 @@
+import { ActionField } from "../../fields/action-field.js";
+import { IconPickerField } from "../../fields/icon-picker-field.js";
+const iconField = {
+  type: "custom",
+  render: IconPickerField
+};
+function resolveActionUrl(action) {
+  switch (action.type) {
+    case "page":
+      return action.pageUrl || void 0;
+    case "external":
+      return action.externalUrl || void 0;
+    case "email": {
+      if (!action.email) return void 0;
+      const subject = action.subject ? `?subject=${encodeURIComponent(action.subject)}` : "";
+      return `mailto:${action.email}${subject}`;
+    }
+    case "phone":
+      return action.phone ? `tel:${action.phone}` : void 0;
+    case "section":
+      return action.sectionId || void 0;
+    case "download":
+      return action.downloadUrl || void 0;
+    case "none":
+      return void 0;
+    default:
+      return void 0;
+  }
+}
+const actionField = {
+  type: "custom",
+  label: "action",
+  render: ActionField
+};
+const actionDefaults = {
+  type: "page",
+  pageUrl: "",
+  externalUrl: "",
+  openInNewTab: "false",
+  email: "",
+  subject: "",
+  phone: "",
+  sectionId: "",
+  downloadUrl: ""
+};
+const buttonField = {
+  type: "object",
+  objectFields: {
+    label: { type: "text" },
+    action: actionField,
+    variant: {
+      type: "select",
+      options: [
+        { label: "primary", value: "default" },
+        { label: "secondary", value: "secondary" },
+        { label: "outline", value: "outline" },
+        { label: "ghost", value: "ghost" },
+        { label: "link", value: "link" },
+        { label: "destructive", value: "destructive" }
+      ]
+    },
+    size: {
+      type: "select",
+      options: [
+        { label: "default", value: "default" },
+        { label: "sm", value: "sm" },
+        { label: "lg", value: "lg" },
+        { label: "icon", value: "icon" }
+      ]
+    },
+    icon: iconField
+  }
+};
+const buttonDefaults = {
+  label: "Button",
+  action: actionDefaults,
+  variant: "default",
+  size: "default",
+  icon: "none"
+};
+const buttonsField = {
+  type: "array",
+  max: 3,
+  getItemSummary: (item, index = 0) => item.label || `Button ${index + 1}`,
+  arrayFields: {
+    ...buttonField.objectFields
+  },
+  defaultItemProps: buttonDefaults,
+  ai: {
+    instructions: "Buttons must use the same size"
+  }
+};
+export {
+  actionDefaults,
+  actionField,
+  buttonDefaults,
+  buttonField,
+  buttonsField,
+  iconField,
+  resolveActionUrl
+};

package/dist/components/puck-core/core/props/media.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 媒体类 Props — 图片 / 视频 / 图库
+ *
+ * 每个 prop 按 Type → Field → Defaults 顺序排列
+ */
+import type { Field } from "@puckeditor/core";
+export interface BaseImage {
+    src: string;
+    alt?: string;
+    aspectRatio?: "16x9" | "1x1" | "9x16" | "4x3" | "auto";
+    className?: string;
+}
+export declare const imageField: {
+    type: "object";
+    objectFields: {
+        src: Field<string>;
+        alt: {
+            type: "text";
+        };
+    };
+};
+export declare const getPlaceholderImageUrl: (size: string, text?: string) => string;
+export declare const image16x9Placeholder: {
+    alt: string;
+    src: string;
+};
+export declare const image1x1Placeholder: {
+    alt: string;
+    src: string;
+};
+export declare const image9x16Placeholder: {
+    alt: string;
+    src: string;
+};
+export declare const imagesField: {
+    readonly type: "array";
+    readonly max: 10;
+    readonly getItemSummary: (item: {
+        alt?: string;
+    }, index?: number) => string;
+    readonly arrayFields: {
+        readonly src: Field<string>;
+        readonly alt: {
+            type: "text";
+        };
+    };
+    readonly defaultItemProps: {
+        alt: string;
+        src: string;
+    };
+};

package/dist/components/puck-core/core/props/media.js

@@ -0,0 +1,41 @@
+const imageField = {
+  type: "object",
+  objectFields: {
+    src: { type: "image", label: "Image" },
+    alt: { type: "text" }
+  }
+};
+const getPlaceholderImageUrl = (size, text = "Placeholder Image") => {
+  const [w, h] = size.split("x");
+  return `https://picsum.photos/seed/${encodeURIComponent(text)}/${w}/${h}`;
+};
+const image16x9Placeholder = {
+  alt: "16/9 aspect ratio accessible description of the image",
+  src: getPlaceholderImageUrl("1920x1080")
+};
+({
+  src: getPlaceholderImageUrl("1000x1000")
+});
+({
+  src: getPlaceholderImageUrl("1080x1920")
+});
+const imagesField = {
+  type: "array",
+  max: 10,
+  getItemSummary: (item, index = 0) => {
+    if (item.alt) {
+      return `${item.alt.slice(0, 12)}${item.alt.length > 12 ? "..." : ""}`;
+    }
+    return `Image ${index + 1}`;
+  },
+  arrayFields: {
+    ...imageField.objectFields
+  },
+  defaultItemProps: image16x9Placeholder
+};
+export {
+  getPlaceholderImageUrl,
+  image16x9Placeholder,
+  imageField,
+  imagesField
+};

package/dist/components/puck-core/core/props/section.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Section 级 Props — section 整体配置
+ *
+ * 包含：Padding / SectionStyle / BaseSectionStyles
+ * 每个 prop 按 Type → Field → Defaults 顺序排列
+ *
+ * 注意：样式工厂函数（createStylesField / createStylesDefaults）和各分类预设
+ *       仍在 core/styles.ts 中，本文件只定义 section 级的通用类型。
+ */
+export type PaddingLevel = "none" | "small" | "medium" | "large";
+export type SectionPadding = {
+    top?: PaddingLevel;
+    bottom?: PaddingLevel;
+};
+export type BaseSectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
+/** 所有 section 共享的基础样式 props */
+export interface BaseSectionStyles {
+    padding?: SectionPadding;
+    sectionStyle?: BaseSectionStyle;
+    backgroundColor?: string;
+}