@funhub/platform 0.1.10 → 0.1.13

package/dist/components/ui/empty.d.mts

@@ -0,0 +1,69 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/empty.d.ts
+/** Empty 组件属性。 */
+type EmptyProps = React.ComponentProps<'div'>;
+/** EmptyHeader 组件属性。 */
+type EmptyHeaderProps = React.ComponentProps<'div'>;
+/** EmptyTitle 组件属性。 */
+type EmptyTitleProps = React.ComponentProps<'div'>;
+/** EmptyDescription 组件属性。 */
+type EmptyDescriptionProps = React.ComponentProps<'p'>;
+/** EmptyContent 组件属性。 */
+type EmptyContentProps = React.ComponentProps<'div'>;
+/** Empty 组件。 */
+declare function Empty({
+  className,
+  ...props
+}: EmptyProps): react_jsx_runtime0.JSX.Element;
+/** EmptyHeader 组件。 */
+declare function EmptyHeader({
+  className,
+  ...props
+}: EmptyHeaderProps): react_jsx_runtime0.JSX.Element;
+/** EmptyType 类型定义。 */
+type EmptyType = 'adduser' | 'message' | 'network' | 'nodata' | 'picture' | 'search' | 'no-content';
+/** EmptyState 组件属性。 */
+type EmptyStateProps = React.ComponentProps<'div'> & {
+  /** 空状态类型。 */type?: EmptyType; /** 空状态文案。 */
+  text?: string; /** 额外内容。 */
+  extraContent?: React.ReactNode;
+};
+/** emptyMediaVariants 工具定义。 */
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** EmptyMedia 组件。 */
+declare function EmptyMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime0.JSX.Element;
+/** EmptyTitle 组件。 */
+declare function EmptyTitle({
+  className,
+  ...props
+}: EmptyTitleProps): react_jsx_runtime0.JSX.Element;
+/** EmptyDescription 组件。 */
+declare function EmptyDescription({
+  className,
+  ...props
+}: EmptyDescriptionProps): react_jsx_runtime0.JSX.Element;
+/** EmptyContent 组件。 */
+declare function EmptyContent({
+  className,
+  ...props
+}: EmptyContentProps): react_jsx_runtime0.JSX.Element;
+/** EmptyState 组件。 */
+declare function EmptyState({
+  className,
+  type,
+  text,
+  extraContent,
+  ...props
+}: EmptyStateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EmptyType };

package/dist/components/ui/empty.mjs

@@ -1,102 +1,2 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as i } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { cn as a } from "../../utils/cn.mjs";
-function d({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty",
-      className: a(
-        "gap-4 rounded-lg border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function c({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty-header",
-      className: a(
-        "gap-2 flex max-w-sm flex-col items-center",
-        e
-      ),
-      ...t
-    }
-  );
-}
-const s = i(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function f({
-  className: e,
-  variant: t = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty-icon",
-      "data-variant": t,
-      className: a(s({ variant: t, className: e })),
-      ...r
-    }
-  );
-}
-function u({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty-title",
-      className: a("text-sm font-medium tracking-tight", e),
-      ...t
-    }
-  );
-}
-function p({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty-description",
-      className: a(
-        "text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        e
-      ),
-      ...t
-    }
-  );
-}
-function x({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "empty-content",
-      className: a(
-        "gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance",
-        e
-      ),
-      ...t
-    }
-  );
-}
-export {
-  d as Empty,
-  x as EmptyContent,
-  p as EmptyDescription,
-  c as EmptyHeader,
-  f as EmptyMedia,
-  u as EmptyTitle
-};
+
+import{cn as e}from"../../utils/cn.mjs";import{EmptyAddUserIcon as t,EmptyMessageIcon as n,EmptyNetworkIcon as r,EmptyNoDataIcon as i,EmptyPictureIcon as a,EmptySearchIcon as o}from"./empty-icons.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";function u({className:t,...n}){return s(`div`,{"data-slot":`empty`,className:e(`gap-4 rounded-lg border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,t),...n})}function d({className:t,...n}){return s(`div`,{"data-slot":`empty-header`,className:e(`gap-2 flex max-w-sm flex-col items-center`,t),...n})}const f={adduser:t,message:n,network:r,nodata:i,picture:a,search:o,"no-content":i},p=l(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex w-8 h-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4`}},defaultVariants:{variant:`default`}});function m({className:t,variant:n=`default`,...r}){return s(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:e(p({variant:n,className:t})),...r})}function h({className:t,...n}){return s(`div`,{"data-slot":`empty-title`,className:e(`text-sm font-medium tracking-tight`,t),...n})}function g({className:t,...n}){return s(`div`,{"data-slot":`empty-description`,className:e(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function _({className:t,...n}){return s(`div`,{"data-slot":`empty-content`,className:e(`gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,t),...n})}function v({className:t,type:n,text:r=`暂无内容`,extraContent:i,...a}){let o=n?f[n]:null;return c(`div`,{"data-slot":`empty-state`,className:e(`flex flex-col items-center justify-center flex-1 pt-25`,t),...a,children:[o&&s(o,{className:`w-36.25 h-36.25`}),s(`div`,{className:`text-[14px] text-[#999] mt-3`,children:r}),i]})}export{u as Empty,_ as EmptyContent,g as EmptyDescription,d as EmptyHeader,m as EmptyMedia,v as EmptyState,h as EmptyTitle};

package/dist/components/ui/field.d.mts

@@ -0,0 +1,98 @@
+
+import { Label } from "./label.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region components/ui/field.d.ts
+/** FieldLegend 组件属性。 */
+type FieldLegendProps = React.ComponentProps<'legend'> & {
+  /** 语义样式，`legend` 更强调标题，`label` 更轻量。 */variant?: 'legend' | 'label';
+};
+/** FieldLabel 组件属性。 */
+type FieldLabelProps = React.ComponentProps<typeof Label> & {
+  /** 是否显示必填星标。 */required?: boolean;
+};
+/** FieldSeparator 组件属性。 */
+type FieldSeparatorProps = React.ComponentProps<'div'> & {
+  /** 分隔线中间的文案或自定义节点。 */children?: React.ReactNode;
+};
+/** FieldError 组件属性。 */
+type FieldErrorProps = React.ComponentProps<'div'> & {
+  /** 错误列表，组件会自动去重并按列表渲染。 */errors?: Array<{
+    message?: string;
+  } | undefined>;
+};
+/** FieldSet 组件属性。 */
+type FieldSetProps = React.ComponentProps<'fieldset'>;
+/** FieldGroup 组件属性。 */
+type FieldGroupProps = React.ComponentProps<'div'>;
+/** FieldContent 组件属性。 */
+type FieldContentProps = React.ComponentProps<'div'>;
+/** FieldTitle 组件属性。 */
+type FieldTitleProps = React.ComponentProps<'div'>;
+/** FieldDescription 组件属性。 */
+type FieldDescriptionProps = React.ComponentProps<'p'>;
+/** FieldSet 组件。 */
+declare function FieldSet({
+  className,
+  ...props
+}: FieldSetProps): react_jsx_runtime0.JSX.Element;
+/** FieldLegend 组件。 */
+declare function FieldLegend({
+  className,
+  variant,
+  ...props
+}: FieldLegendProps): react_jsx_runtime0.JSX.Element;
+/** FieldGroup 组件。 */
+declare function FieldGroup({
+  className,
+  ...props
+}: FieldGroupProps): react_jsx_runtime0.JSX.Element;
+/** fieldVariants 工具定义。 */
+declare const fieldVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+/** Field 组件。 */
+declare function Field({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+/** FieldContent 组件。 */
+declare function FieldContent({
+  className,
+  ...props
+}: FieldContentProps): react_jsx_runtime0.JSX.Element;
+/** FieldLabel 组件。 */
+declare function FieldLabel({
+  className,
+  required,
+  children,
+  ...props
+}: FieldLabelProps): react_jsx_runtime0.JSX.Element;
+/** FieldTitle 组件。 */
+declare function FieldTitle({
+  className,
+  ...props
+}: FieldTitleProps): react_jsx_runtime0.JSX.Element;
+/** FieldDescription 组件。 */
+declare function FieldDescription({
+  className,
+  ...props
+}: FieldDescriptionProps): react_jsx_runtime0.JSX.Element;
+/** FieldSeparator 组件。 */
+declare function FieldSeparator({
+  children,
+  className,
+  ...props
+}: FieldSeparatorProps): react_jsx_runtime0.JSX.Element;
+/** FieldError 组件。 */
+declare function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: FieldErrorProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/ui/field.mjs

@@ -1,197 +1,2 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { cva as u } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
-import { useMemo as c } from "react";
-import { Label as m } from "./label.mjs";
-import { Separator as p } from "./separator.mjs";
-import { cn as l } from "../../utils/cn.mjs";
-function k({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: l("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", t),
-      ...e
-    }
-  );
-}
-function F({
-  className: t,
-  variant: e = "legend",
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": e,
-      className: l("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
-      ...o
-    }
-  );
-}
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: l(
-        "gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col",
-        t
-      ),
-      ...e
-    }
-  );
-}
-const g = u("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
-  variants: {
-    orientation: {
-      vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-      horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-      responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-});
-function L({
-  className: t,
-  orientation: e = "vertical",
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": e,
-      className: l(g({ orientation: e }), t),
-      ...o
-    }
-  );
-}
-function S({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: l(
-        "gap-0.5 group/field-content flex flex-1 flex-col leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function j({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(
-    m,
-    {
-      "data-slot": "field-label",
-      className: l(
-        "has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: l(
-        "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function E({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: l(
-        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function M({
-  children: t,
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!t,
-      className: l("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", e),
-      ...o,
-      children: [
-        /* @__PURE__ */ a(p, { className: "absolute inset-0 top-1/2" }),
-        t && /* @__PURE__ */ a(
-          "span",
-          {
-            className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
-            "data-slot": "field-separator-content",
-            children: t
-          }
-        )
-      ]
-    }
-  );
-}
-function V({
-  className: t,
-  children: e,
-  errors: o,
-  ...n
-}) {
-  const i = c(() => {
-    if (e)
-      return e;
-    if (!o?.length)
-      return null;
-    const d = [
-      ...new Map(o.map((r) => [r?.message, r])).values()
-    ];
-    return d?.length == 1 ? d[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: d.map(
-      (r, s) => r?.message && /* @__PURE__ */ a("li", { children: r.message }, s)
-    ) });
-  }, [e, o]);
-  return i ? /* @__PURE__ */ a(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: l("text-destructive text-sm font-normal", t),
-      ...n,
-      children: i
-    }
-  ) : null;
-}
-export {
-  L as Field,
-  S as FieldContent,
-  E as FieldDescription,
-  V as FieldError,
-  y as FieldGroup,
-  j as FieldLabel,
-  F as FieldLegend,
-  M as FieldSeparator,
-  k as FieldSet,
-  z as FieldTitle
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Separator as t}from"./separator.mjs";import{Label as n}from"./label.mjs";import{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s({className:t,...n}){return i(`fieldset`,{"data-slot":`field-set`,className:e(`gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col`,t),...n})}function c({className:t,variant:n=`legend`,...r}){return i(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...r})}function l({className:t,...n}){return i(`div`,{"data-slot":`field-group`,className:e(`gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col`,t),...n})}const u=o(`data-[invalid=true]:text-destructive border-b py-3 border-text1/10 gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col [&>*]:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function d({className:t,orientation:n=`vertical`,...r}){return i(`div`,{role:`group`,"data-slot":`field`,"data-orientation":n,className:e(u({orientation:n}),t),...r})}function f({className:t,...n}){return i(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function p({className:t,required:r=!1,children:o,...s}){return i(n,{"data-slot":`field-label`,className:e(`has-[data-checked]:bg-primary/5 has-[data-checked]:border-primary dark:has-[data-checked]:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,t),...s,children:r?a(`span`,{className:`flex items-center gap-1`,children:[i(`span`,{children:o}),i(`span`,{className:`text-destructive`,children:`*`})]}):o})}function m({className:t,...n}){return i(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function h({className:t,...n}){return i(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[data-orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function g({children:n,className:r,...o}){return a(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,r),...o,children:[i(t,{className:`absolute inset-0 top-1/2`}),n&&i(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function _({className:t,children:n,errors:a,...o}){let s=r(()=>{if(n)return n;if(!a?.length)return null;let e=[...new Map(a.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:i(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&i(`li`,{children:e.message},t))})},[n,a]);return s?i(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...o,children:s}):null}export{d as Field,f as FieldContent,h as FieldDescription,_ as FieldError,l as FieldGroup,p as FieldLabel,c as FieldLegend,g as FieldSeparator,s as FieldSet,m as FieldTitle};

package/dist/components/ui/hover-card.d.mts

@@ -0,0 +1,72 @@
+
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region components/ui/hover-card.d.ts
+/** HoverCard 组件属性。 */
+type HoverCardProps = PreviewCard.Root.Props & {
+  /**
+   * 当前是否展开（受控）。
+   */
+  open?: PreviewCard.Root.Props['open'];
+  /**
+   * 初始是否展开（非受控）。
+   * @default false
+   */
+  defaultOpen?: PreviewCard.Root.Props['defaultOpen'];
+  /**
+   * 展开状态变化回调。
+   */
+  onOpenChange?: PreviewCard.Root.Props['onOpenChange'];
+};
+/** HoverCardContent 组件属性。 */
+type HoverCardContentProps = PreviewCard.Popup.Props & {
+  /**
+   * 相对锚点的弹出方向。
+   * @default 'bottom'
+   */
+  side?: PreviewCard.Positioner.Props['side'];
+  /**
+   * 在弹出方向上的偏移量（像素）。
+   * @default 0
+   */
+  sideOffset?: PreviewCard.Positioner.Props['sideOffset'];
+  /**
+   * 相对锚点的对齐方式。
+   * @default 'center'
+   */
+  align?: PreviewCard.Positioner.Props['align'];
+  /**
+   * 在对齐轴上的附加偏移量（像素）。
+   * @default 0
+   */
+  alignOffset?: PreviewCard.Positioner.Props['alignOffset'];
+  /**
+   * 自定义定位锚点。
+   */
+  anchor?: PreviewCard.Positioner.Props['anchor'];
+};
+/** HoverCardTrigger 组件属性。 */
+type HoverCardTriggerProps = PreviewCard.Trigger.Props & {
+  /** 触发器内容。 */children?: PreviewCard.Trigger.Props['children']; /** 自定义触发器类名。 */
+  className?: string;
+};
+/** HoverCard 组件。 */
+declare function HoverCard({
+  ...props
+}: HoverCardProps): react_jsx_runtime0.JSX.Element;
+/** HoverCardTrigger 组件。 */
+declare function HoverCardTrigger({
+  ...props
+}: HoverCardTriggerProps): react_jsx_runtime0.JSX.Element;
+/** HoverCardContent 组件。 */
+declare function HoverCardContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  ...props
+}: HoverCardContentProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/hover-card.mjs

@@ -1,48 +1,2 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../../utils/cn.mjs";
-import { PreviewCardRoot as m } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/preview-card/root/PreviewCardRoot.mjs";
-import { PreviewCardPortal as s } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortal.mjs";
-import { PreviewCardPositioner as l } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositioner.mjs";
-import { PreviewCardPopup as f } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/preview-card/popup/PreviewCardPopup.mjs";
-import { PreviewCardTrigger as p } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/preview-card/trigger/PreviewCardTrigger.mjs";
-function w({ ...o }) {
-  return /* @__PURE__ */ r(m, { "data-slot": "hover-card", ...o });
-}
-function b({ ...o }) {
-  return /* @__PURE__ */ r(p, { "data-slot": "hover-card-trigger", ...o });
-}
-function x({
-  className: o,
-  side: t = "bottom",
-  sideOffset: e = 4,
-  align: a = "center",
-  alignOffset: i = 4,
-  ...d
-}) {
-  return /* @__PURE__ */ r(s, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ r(
-    l,
-    {
-      align: a,
-      alignOffset: i,
-      side: t,
-      sideOffset: e,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ r(
-        f,
-        {
-          "data-slot": "hover-card-content",
-          className: n(
-            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-(--transform-origin) outline-hidden",
-            o
-          ),
-          ...d
-        }
-      )
-    }
-  ) });
-}
-export {
-  w as HoverCard,
-  x as HoverCardContent,
-  b as HoverCardTrigger
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{PreviewCard as n}from"@base-ui/react/preview-card";function r({...e}){return t(n.Root,{"data-slot":`hover-card`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`hover-card-trigger`,...e})}function a({className:r,side:i=`bottom`,sideOffset:a=4,align:o=`center`,alignOffset:s=4,...c}){return t(n.Portal,{"data-slot":`hover-card-portal`,children:t(n.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:t(n.Popup,{"data-slot":`hover-card-content`,className:e(`data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-[var(--transform-origin)] outline-none`,r),...c})})})}export{r as HoverCard,a as HoverCardContent,i as HoverCardTrigger};

package/dist/components/ui/image.d.mts

@@ -0,0 +1,32 @@
+
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import NextImage from "next/image";
+
+//#region components/ui/image.d.ts
+/** BaseImageProps 属性定义。 */
+type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof NextImage>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
+type CommonImageProps = BaseImageProps & {
+  /** 图片地址，支持普通 URL、默认资源路径和加密地址。 */src: string; /** 图片替代文本。 */
+  alt?: string; /** 图片类名。 */
+  className?: string; /** 自定义样式。 */
+  style?: React.CSSProperties; /** 响应式尺寸声明，透传 Next Image 的 `sizes`。 */
+  sizes?: string; /** 是否跳过 Next Image 优化。 */
+  unoptimized?: boolean; /** 是否优先加载。 */
+  priority?: boolean; /** 图片质量。 */
+  quality?: number | `${number}`;
+};
+type ImagePropsWithFill = CommonImageProps & {
+  /** 启用填充模式。 */fill: true;
+};
+type ImagePropsWithSize = CommonImageProps & {
+  /** 非填充模式。 */fill?: false; /** 图片宽度（px）。 */
+  width: number; /** 图片高度（px）。 */
+  height: number;
+};
+/** ImageProps 属性定义。 */
+type ImageProps = ImagePropsWithFill | ImagePropsWithSize;
+/** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
+declare function Image(props: ImageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BaseImageProps, CommonImageProps, Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };

package/dist/components/ui/image.mjs

@@ -0,0 +1,2 @@
+
+"use client";import e from"../../utils/get-res-url.mjs";import{decryptImageUrl as t,isEncryptedImageUrl as n}from"../../utils/decrypt-image-client.mjs";import{pxToVw as r}from"../../utils/helper.mjs";import{useEffect as i,useReducer as a,useRef as o}from"react";import{jsx as s}from"react/jsx-runtime";import c from"next/image";const l=`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4//8/LwAJCQMLCIuEYQAAAABJRU5ErkJggg==`,u={display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`#f3f4f6`,color:`#9ca3af`,fontSize:12};function d(e,t){switch(t.type){case`set-final-src`:return{...e,finalSrc:t.value};case`set-has-error`:return{...e,hasError:t.value};default:return e}}function f(e){return e.startsWith(`default/`)||e.startsWith(`/default/`)||e.startsWith(`/images/default`)}function p(t){if(!t?.trim()||n(t))return l;let r=e();return f(t)?r?`${r}${t.startsWith(`/`)?t:`/${t}`}`:l:t.startsWith(`http`)?t:t.startsWith(`/md-204`)?`${r}${t.startsWith(`/`)?t:`/${t}`}`:t}function m(e){return e?/\b(?:w|h)-[\w[\]/.]+/.test(e):!1}function h(h){let{src:g,alt:_=``,className:v,style:y,unoptimized:b=!0,priority:x,quality:S,sizes:C,fill:w,objectFit:T,onLoad:E,onError:D,...O}=h,k=`width`in h?h.width:void 0,A=`height`in h?h.height:void 0,[j,M]=a(d,g,e=>({finalSrc:p(e),hasError:!1})),N=o(0);i(()=>{if(!g?.trim())return;M({type:`set-has-error`,value:!1}),N.current=0;let r=e();if(n(g)){M({type:`set-final-src`,value:l});let e=!1;return t(g).then(t=>{e||!t||M({type:`set-final-src`,value:t})}).catch(()=>{}),()=>{e=!0}}if(f(g)){M({type:`set-final-src`,value:`${r}${g.startsWith(`/`)?g:`/${g}`}`});return}if(g.startsWith(`http`)){M({type:`set-final-src`,value:g});return}if(g.startsWith(`/md-204`)){M({type:`set-final-src`,value:`${r}${g.startsWith(`/`)?g:`/${g}`}`});return}M({type:`set-final-src`,value:g})},[g]);function P(e){e.currentTarget.dataset.keyId=g,N.current=0,M({type:`set-has-error`,value:!1}),e.currentTarget.dataset.keyId=g,E?.(e)}function F(e){N.current+=1,N.current===1?M({type:`set-final-src`,value:`/feedback.png`}):N.current>1&&M({type:`set-has-error`,value:!0}),D?.(e)}if(j.hasError)return s(`div`,{className:v,style:{...u,...w?{width:`100%`,height:`100%`}:{width:r(k??0),height:r(A??0)}},children:`error`});let I={...y||{},...T?{objectFit:T}:{}},L=m(v)?I:{width:r(k??0),height:r(A??0),...I};return w?s(c,{...O,src:j.finalSrc,alt:_,fill:!0,className:v,style:I,priority:x,quality:S,sizes:C,unoptimized:b,onLoad:P,onError:F,crossOrigin:`anonymous`}):s(c,{...O,src:j.finalSrc,alt:_,width:k??0,height:A??0,className:v,style:L,priority:x,quality:S,sizes:C,unoptimized:b,onLoad:P,onError:F,crossOrigin:`anonymous`})}export{h as Image};