@funhub/platform 0.1.10

package/dist/base.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { default as a } from "./components/base/avatar.mjs";
+import { default as m } from "./components/base/badge.mjs";
+import { default as x } from "./components/base/box.mjs";
+import { default as d } from "./components/base/button.mjs";
+import { default as u } from "./components/base/card.mjs";
+import { default as n } from "./components/base/checkbox.mjs";
+import { default as I } from "./components/base/divider.mjs";
+import { CommentIcon as g } from "./components/base/icons/comment.mjs";
+import { DeleteIcon as b } from "./components/base/icons/delete.mjs";
+import { DislikeIcon as v } from "./components/base/icons/dislike.mjs";
+import { LikeIcon as B } from "./components/base/icons/like.mjs";
+import { ShareIcon as D } from "./components/base/icons/share.mjs";
+import { default as P } from "./components/base/image.mjs";
+import "react/jsx-runtime";
+import "react";
+import { default as A } from "./components/base/input.mjs";
+import { default as j } from "./components/base/link.mjs";
+import { List as y, ListItem as z } from "./components/base/list.mjs";
+import { default as F } from "./components/base/loading.mjs";
+import { Mask as H } from "./components/base/mask.mjs";
+import { Popover as K } from "./components/base/popover.mjs";
+import { Providers as O } from "./components/base/providers-client.mjs";
+import { default as R } from "./components/base/skeleton.mjs";
+import { Switch as V } from "./components/base/switch.mjs";
+import { Tab as X, Tabs as Y } from "./components/base/tabs.mjs";
+import { default as _ } from "./components/base/tag.mjs";
+import { TagTab as oo, TagTabs as ro } from "./components/base/tag-tabs.mjs";
+import { default as to } from "./components/base/text.mjs";
+export {
+  a as Avatar,
+  m as Badge,
+  x as Box,
+  d as Button,
+  u as Card,
+  n as Checkbox,
+  g as CommentIcon,
+  b as DeleteIcon,
+  v as DislikeIcon,
+  I as Divider,
+  P as Image,
+  A as Input,
+  B as LikeIcon,
+  j as Link,
+  y as List,
+  z as ListItem,
+  F as Loading,
+  H as Mask,
+  K as Popover,
+  O as Providers,
+  D as ShareIcon,
+  R as Skeleton,
+  V as Switch,
+  X as Tab,
+  Y as Tabs,
+  _ as Tag,
+  oo as TagTab,
+  ro as TagTabs,
+  to as Text
+};

package/dist/biz.mjs

@@ -0,0 +1,33 @@
+import { HeaderNav as r } from "./components/biz/basics/header-nav/client.mjs";
+import { default as o } from "./components/biz/basics/logo/variants/basic-logo/index.mjs";
+import { default as c } from "./components/biz/basics/search/variants/basic-search/index.mjs";
+import { default as s } from "./components/biz/basics/search/variants/filter-search/index.mjs";
+import { default as h } from "./components/biz/basics/search/variants/tag-search/index.mjs";
+import { commonStyleSchema as p, commonStylesToInline as x, customStylesToInline as u, mergeStyles as D } from "./components/biz/utils/styles.mjs";
+import { defaultData as d } from "./components/biz/basics/logo/variants/basic-logo/default-data.mjs";
+import { schema as n } from "./components/biz/basics/logo/variants/basic-logo/schema.mjs";
+import { defaultData as T } from "./components/biz/basics/search/variants/basic-search/default-data.mjs";
+import { schema as F } from "./components/biz/basics/search/variants/basic-search/schema.mjs";
+import { defaultData as I } from "./components/biz/basics/search/variants/filter-search/default-data.mjs";
+import { schema as H } from "./components/biz/basics/search/variants/filter-search/schema.mjs";
+import { defaultData as b } from "./components/biz/basics/search/variants/tag-search/default-data.mjs";
+import { schema as k } from "./components/biz/basics/search/variants/tag-search/schema.mjs";
+export {
+  o as BasicLogo,
+  d as BasicLogoDefaultData,
+  n as BasicLogoSchema,
+  c as BasicSearch,
+  T as BasicSearchDefaultData,
+  F as BasicSearchSchema,
+  s as FilterSearch,
+  I as FilterSearchDefaultData,
+  H as FilterSearchSchema,
+  r as HeaderNav,
+  h as TagSearch,
+  b as TagSearchDefaultData,
+  k as TagSearchSchema,
+  p as commonStyleSchema,
+  x as commonStylesToInline,
+  u as customStylesToInline,
+  D as mergeStyles
+};

package/dist/components/base/avatar.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Avatar 组件 Props
+ */
+export interface AvatarProps {
+    /**
+     * 头像图片地址
+     */
+    src?: string;
+    /**
+     * 图片替代文本
+     * @default "avatar"
+     */
+    alt?: string;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 头像宽度
+     * @default 40
+     */
+    width?: number;
+    /**
+     * 头像高度
+     * @default 40
+     */
+    height?: number;
+}
+/**
+ * 头像组件
+ * @param props - AvatarProps
+ * @returns
+ */
+declare function Avatar({ src, alt, className, width, height, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/components/base/avatar.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as x } from "react";
+import S from "../../assets/images/default_avatar.png.mjs";
+import b from "./box.mjs";
+import { pxToVw as n } from "./helper/index.mjs";
+import y from "./image.mjs";
+function A(r) {
+  if (!r)
+    return;
+  const t = r.trim();
+  if (t)
+    return /^(https?:|data:|blob:)/i.test(t) || t.startsWith("/") ? t : `/${t.replace(/^\/+/, "")}`;
+}
+function N({
+  src: r,
+  alt: t = "avatar",
+  className: c = "",
+  width: l = 40,
+  height: m = 40,
+  ...f
+}) {
+  const e = A(r), [d, a] = x(!1), o = l, s = m, u = `relative inline-flex items-center justify-center overflow-hidden rounded-full bg-gray-200 text-gray-700 flex-shrink-0 ${c}`.trim(), h = t, g = e && !d ? e : S, p = () => {
+    a(!0);
+  }, v = () => {
+    a(!1);
+  };
+  return /* @__PURE__ */ i(
+    b,
+    {
+      className: u,
+      style: { width: n(o), height: n(s) },
+      ...f,
+      children: /* @__PURE__ */ i(
+        y,
+        {
+          src: g,
+          alt: h,
+          width: o,
+          height: s,
+          className: "object-cover",
+          onError: p,
+          onLoad: v
+        },
+        e
+      )
+    }
+  );
+}
+export {
+  N as default
+};

package/dist/components/base/badge.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type BadgeType = 'default' | 'corner';
+type BadgeColor = 'red' | 'gold' | 'blue' | 'green' | 'purple';
+interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'content'> {
+    /**
+     * 徽章内容（数字、文字或 null 表示点状徽章）
+     */
+    content?: React.ReactNode | null;
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * 徽章位置
+     * @default "top-right"
+     */
+    position?: BadgePosition;
+    /**
+     * 是否显示为点状徽章（当 content 为 null 时自动启用）
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * 最大显示数字（超过显示为 max+）
+     * @default 99
+     */
+    max?: number;
+    /**
+     * 是否显示零值
+     * @default false
+     */
+    showZero?: boolean;
+    /**
+     * 徽章类型
+     * @default "default"
+     */
+    type?: BadgeType;
+    /**
+     * 徽章颜色
+     * @default "red"
+     */
+    color?: BadgeColor;
+}
+declare function Badge({ content, children, className, position, dot, max, showZero, type, color, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/components/base/badge.mjs

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import E from "./box.mjs";
+import n from "./text.mjs";
+const $ = {
+  "top-right": "top-0 right-0",
+  "top-left": "top-0 left-0",
+  "bottom-right": "bottom-0 right-0",
+  "bottom-left": "bottom-0 left-0"
+}, w = {
+  "top-right": "top-0 right-0 -translate-y-1/2 translate-x-1/2",
+  "top-left": "top-0 left-0 -translate-y-1/2 -translate-x-1/2",
+  "bottom-right": "bottom-0 right-0 translate-y-1/2 translate-x-1/2",
+  "bottom-left": "bottom-0 left-0 translate-y-1/2 translate-x-1/2"
+}, O = {
+  red: "bg-gradient-to-br from-[#FD4C5E] to-[#F05D19]",
+  gold: "bg-gradient-to-br from-[#FFE485] to-[#CF8125]",
+  blue: "bg-gradient-to-br from-[#3B82F6] to-[#1D4ED8]",
+  green: "bg-gradient-to-br from-[#10B981] to-[#047857]",
+  purple: "bg-gradient-to-br from-[#8B5CF6] to-[#6D28D9]"
+}, f = {
+  red: "bg-red-500",
+  gold: "bg-amber-500",
+  blue: "bg-blue-500",
+  green: "bg-green-500",
+  purple: "bg-purple-500"
+};
+function y({
+  content: t,
+  children: g,
+  className: p = "",
+  position: r = "top-right",
+  dot: m = !1,
+  max: i = 99,
+  showZero: b = !1,
+  type: d = "default",
+  color: o = "red",
+  ...c
+}) {
+  const u = m || t === null, h = u || t != null && (b || (typeof t == "number" ? t > 0 : !0)), l = d === "corner" ? $ : w, x = `relative inline-block ${p}`.trim();
+  return /* @__PURE__ */ S(E, { className: x, ...c, children: [
+    g,
+    (() => {
+      if (!h)
+        return null;
+      if (u) {
+        const a = f[o];
+        return /* @__PURE__ */ s(
+          n,
+          {
+            className: `absolute ${l[r]} w-2 h-2 rounded-full ${a} border-2 border-white`,
+            "aria-label": "badge"
+          }
+        );
+      }
+      let e = t;
+      if (typeof t == "number") {
+        if (t > i)
+          e = `${i}+`;
+        else if (t === 0 && !b)
+          return null;
+      }
+      if (d === "corner") {
+        const a = O[o];
+        return /* @__PURE__ */ s(
+          n,
+          {
+            className: `absolute ${l[r]} px-[6px] h-5 leading-5 text-white text-xs rounded-tr-[8px] rounded-bl-[8px] whitespace-nowrap ${a}`,
+            "aria-label": `badge: ${e}`,
+            children: e
+          }
+        );
+      }
+      const C = f[o];
+      return /* @__PURE__ */ s(
+        n,
+        {
+          className: `absolute ${l[r]} min-w-[18px] h-[18px] px-1 flex items-center justify-center text-[10px] font-medium text-white ${C} rounded-full border-2 border-white whitespace-nowrap`,
+          "aria-label": `badge: ${e}`,
+          children: e
+        }
+      );
+    })()
+  ] });
+}
+export {
+  y as default
+};

package/dist/components/base/box.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+type BoxAs = 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'nav' | 'li' | 'ul';
+interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'className'> {
+    /**
+     * 子元素内容
+     */
+    children?: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 渲染的 HTML 标签类型
+     * @default "div"
+     */
+    as?: BoxAs;
+}
+export default function Box(props: BoxProps & {
+    ref?: React.Ref<HTMLElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/base/box.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+function l(s) {
+  const { children: e, ref: t, className: n = "", as: o = "div", ...c } = s, r = n.trim();
+  return /* @__PURE__ */ a(o, { ref: t, className: r, ...c, children: e });
+}
+export {
+  l as default
+};

package/dist/components/base/button.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+type SvgComponent = React.FC<React.SVGProps<SVGSVGElement>>;
+type ButtonSize = 'small' | 'medium' | 'large';
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
+    /**
+     * 按钮内容
+     */
+    children?: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 按钮尺寸
+     * @default "medium"
+     */
+    size?: ButtonSize;
+    /**
+     * 是否显示加载状态
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 左侧图标
+     */
+    leftIcon?: SvgComponent;
+    /**
+     * 右侧图标
+     */
+    rightIcon?: SvgComponent;
+}
+declare function Button({ children, className, size, loading, disabled, leftIcon: LeftIcon, rightIcon: RightIcon, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/base/button.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import x from "./loading.mjs";
+const b = {
+  small: "px-3 py-1.5 text-sm gap-1.5",
+  medium: "px-4 py-2 text-base gap-2",
+  large: "px-6 py-3 text-lg gap-2.5"
+}, h = {
+  small: "small",
+  medium: "small",
+  large: "medium"
+}, S = {
+  small: 14,
+  medium: 16,
+  large: 18
+};
+function I({
+  children: m,
+  className: n = "",
+  size: t = "medium",
+  loading: s = !1,
+  disabled: o = !1,
+  leftIcon: i,
+  rightIcon: l,
+  ...r
+}) {
+  const c = "inline-flex items-center justify-center rounded-md font-medium transition-all disabled:opacity-50 disabled:pointer-events-none", d = b[t], u = `${c} ${d} ${n}`.trim(), p = o || s, e = S[t];
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      className: u,
+      disabled: p,
+      "aria-busy": s || void 0,
+      ...r,
+      children: [
+        s && /* @__PURE__ */ a(
+          x,
+          {
+            size: h[t],
+            showLabel: !1,
+            className: "shrink-0"
+          }
+        ),
+        !s && i && /* @__PURE__ */ a(i, { width: e, height: e }),
+        m,
+        !s && l && /* @__PURE__ */ a(l, { width: e, height: e })
+      ]
+    }
+  );
+}
+export {
+  I as default
+};

package/dist/components/base/card.d.ts

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+    /**
+     * 子元素内容
+     */
+    children: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 是否显示阴影
+     * @default true
+     */
+    shadow?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * 是否可点击
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * 点击回调
+     */
+    onClick?: () => void;
+}
+declare function Card({ children, className, shadow, bordered, clickable, onClick, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+    /**
+     * 子元素内容
+     */
+    children: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+declare function CardHeader({ children, className, ...rest }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+interface CardBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+    /**
+     * 子元素内容
+     */
+    children: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+declare function CardBody({ children, className, ...rest }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
+interface CardFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+    /**
+     * 子元素内容
+     */
+    children: React.ReactNode;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+declare function CardFooter({ children, className, ...rest }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+declare const CardComponent: typeof Card & {
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+};
+export default CardComponent;

package/dist/components/base/card.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import t from "./box.mjs";
+function m({
+  children: s,
+  className: r = "",
+  shadow: e = !0,
+  bordered: a = !1,
+  clickable: l = !1,
+  onClick: n,
+  ...d
+}) {
+  const i = `rounded-lg bg-white overflow-hidden ${e ? "shadow-sm" : ""} ${a ? "border border-gray-200" : ""} ${l ? "cursor-pointer transition-all hover:shadow-md active:scale-[0.98]" : ""} ${r}`.trim();
+  return /* @__PURE__ */ o(t, { className: i, onClick: n, ...d, children: s });
+}
+function b({ children: s, className: r = "", ...e }) {
+  const a = `px-4 py-3 border-b border-gray-100 ${r}`.trim();
+  return /* @__PURE__ */ o(t, { className: a, ...e, children: s });
+}
+function C({ children: s, className: r = "", ...e }) {
+  const a = `px-4 py-3 ${r}`.trim();
+  return /* @__PURE__ */ o(t, { className: a, ...e, children: s });
+}
+function u({ children: s, className: r = "", ...e }) {
+  const a = `px-4 py-3 border-t border-gray-100 ${r}`.trim();
+  return /* @__PURE__ */ o(t, { className: a, ...e, children: s });
+}
+const c = m;
+c.Header = b;
+c.Body = C;
+c.Footer = u;
+export {
+  c as default
+};

package/dist/components/base/checkbox.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'className'> {
+    /**
+     * 是否选中
+     */
+    checked?: boolean;
+    /**
+     * 值变化时的回调函数
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare function Checkbox({ checked, onChange, className, disabled, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/components/base/checkbox.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import n from "../../assets/icons/selected.svg.mjs";
+import s from "../../assets/icons/unselect.svg.mjs";
+import f from "./box.mjs";
+function u({
+  checked: e = !1,
+  onChange: i,
+  className: o = "",
+  disabled: r = !1,
+  ...l
+}) {
+  const c = () => {
+    !r && i && i(!e);
+  };
+  return /* @__PURE__ */ t(
+    f,
+    {
+      className: `inline-flex items-center justify-center ${r ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} ${o}`.trim(),
+      onClick: c,
+      ...l,
+      children: e ? /* @__PURE__ */ t(n, { width: 14, height: 14 }) : /* @__PURE__ */ t(s, { width: 14, height: 14 })
+    }
+  );
+}
+export {
+  u as default
+};

package/dist/components/base/divider.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerType = 'solid' | 'dashed' | 'dotted';
+type DividerTextAlign = 'left' | 'center' | 'right';
+interface DividerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+    /**
+     * 分割线方向
+     * @default "horizontal"
+     */
+    orientation?: DividerOrientation;
+    /**
+     * 分割线样式
+     * @default "solid"
+     */
+    type?: DividerType;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 中间文字（仅水平方向支持）
+     */
+    children?: React.ReactNode;
+    /**
+     * 文字位置（仅水平方向支持）
+     * @default "center"
+     */
+    textAlign?: DividerTextAlign;
+}
+declare function Divider({ orientation, type, className, children, textAlign, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/dist/components/base/divider.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import t from "./box.mjs";
+import $ from "./text.mjs";
+const l = {
+  solid: "border-solid",
+  dashed: "border-dashed",
+  dotted: "border-dotted"
+}, p = "text-sm text-gray-500 whitespace-nowrap", c = "border-gray-200", x = "flex items-center gap-3";
+function N({
+  orientation: S = "horizontal",
+  type: o = "solid",
+  className: s = "",
+  children: d,
+  textAlign: m = "center",
+  ...a
+}) {
+  if (S === "vertical") {
+    const n = `inline-block w-px h-full border-l ${c} ${l[o]} ${s}`.trim();
+    return /* @__PURE__ */ e(t, { className: n, role: "separator", "aria-orientation": "vertical", ...a });
+  }
+  if (d) {
+    const n = `border-t ${c} ${l[o]}`, E = `${x} ${s}`.trim(), i = /* @__PURE__ */ e($, { className: p, children: d }), r = /* @__PURE__ */ e(t, { className: `flex-1 ${n}` });
+    return /* @__PURE__ */ e(
+      t,
+      {
+        className: E,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...a,
+        children: m === "left" ? [i, r] : m === "right" ? [r, i] : [r, i, r]
+      }
+    );
+  }
+  const f = `w-full border-t ${c} ${l[o]} ${s}`.trim();
+  return /* @__PURE__ */ e(t, { className: f, role: "separator", "aria-orientation": "horizontal", ...a });
+}
+export {
+  N as default
+};