@funhub/platform 0.1.10 → 0.1.13

package/dist/components/base/mask.mjs

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-function r({ visible: n, onMaskClick: e }) {
-  return n ? /* @__PURE__ */ t(
-    "div",
-    {
-      className: "fixed inset-0 z-40 bg-black/0",
-      onClick: e,
-      style: { pointerEvents: n ? "auto" : "none" }
-    }
-  ) : null;
-}
-export {
-  r as Mask
-};

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

@@ -1,8 +0,0 @@
-interface PopoverProps {
-    visible: boolean;
-    children: React.ReactNode;
-    content: React.ReactNode;
-    placement?: 'bottom-start' | 'bottom' | 'bottom-end';
-}
-export declare function Popover({ visible, children, content, placement, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/base/popover.mjs

@@ -1,58 +0,0 @@
-"use client";
-import { jsx as f, Fragment as p, jsxs as a } from "react/jsx-runtime";
-import { useRef as g, useState as w, useEffect as $ } from "react";
-const o = 8, y = 8;
-function B({
-  visible: n,
-  children: l,
-  content: h,
-  placement: i = "bottom-start"
-}) {
-  const s = g(null), d = g(null), [c, u] = w({ top: 0, left: 0 }), [m, x] = w(0);
-  return $(() => {
-    if (n && d.current && s.current) {
-      const e = d.current.getBoundingClientRect(), r = s.current.getBoundingClientRect(), b = e.bottom + y;
-      let t = e.left;
-      i === "bottom-start" ? t = e.left : i === "bottom" ? t = e.left + (e.width - r.width) / 2 : i === "bottom-end" && (t = e.right - r.width), t + r.width > window.innerWidth && (t = window.innerWidth - r.width - 8), t < 8 && (t = 8);
-      const R = e.left + e.width / 2 - t - o / 2, A = o, L = r.width - o, v = Math.max(
-        A,
-        Math.min(L, R)
-      );
-      u({ top: b, left: t }), x(v);
-    }
-  }, [n, i]), n ? /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ f("div", { ref: d, style: { display: "inline-block" }, children: l }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        ref: s,
-        className: "fixed z-50 bg-bg1 rounded-[8px] border border-line1 shadow-lg",
-        style: {
-          top: `${c.top}px`,
-          left: `${c.left}px`
-        },
-        children: [
-          /* @__PURE__ */ f(
-            "div",
-            {
-              className: "absolute -top-[8px]",
-              style: {
-                left: `${m}px`,
-                width: 0,
-                height: 0,
-                borderLeft: `${o}px solid transparent`,
-                borderRight: `${o}px solid transparent`,
-                borderBottom: `${o}px solid var(--color-bg1)`,
-                filter: "drop-shadow(0 -1px 0 var(--color-line1))"
-              }
-            }
-          ),
-          h
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ f(p, { children: l });
-}
-export {
-  B as Popover
-};

package/dist/components/base/providers-client.d.ts

@@ -1,3 +0,0 @@
-export declare function Providers({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/base/providers-client.mjs

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { QueryClient as i, QueryClientProvider as o } from "@tanstack/react-query";
-import { useState as n } from "react";
-function s({ children: e }) {
-  const [r] = n(() => new i());
-  return /* @__PURE__ */ t(o, { client: r, children: e });
-}
-export {
-  s as Providers
-};

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

@@ -1,68 +0,0 @@
-import { default as React } from 'react';
-type SkeletonType = 'text' | 'circular' | 'rectangular';
-type SkeletonAnimation = 'pulse' | 'wave' | false;
-interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {
-    /**
-     * 骨架屏类型
-     * @default "text"
-     */
-    type?: SkeletonType;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 宽度（可以是数字、百分比或 Tailwind 类名）
-     */
-    width?: number | string;
-    /**
-     * 高度（可以是数字、百分比或 Tailwind 类名）
-     */
-    height?: number | string;
-    /**
-     * 动画效果
-     * @default "pulse"
-     */
-    animation?: SkeletonAnimation;
-    /**
-     * 是否显示为块级元素
-     * @default true
-     */
-    block?: boolean;
-}
-declare function Skeleton({ type, className, width, height, animation, block, ...rest }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-interface SkeletonTextProps extends Omit<SkeletonProps, 'type'> {
-    /**
-     * 文本行数
-     * @default 3
-     */
-    lines?: number;
-    /**
-     * 最后一行是否显示为较短宽度
-     * @default true
-     */
-    lastLineShort?: boolean;
-}
-declare function SkeletonText({ lines, lastLineShort, className, ...rest }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
-interface SkeletonAvatarProps extends Omit<SkeletonProps, 'type' | 'width' | 'height'> {
-    /**
-     * 头像尺寸
-     * @default 40
-     */
-    size?: number;
-}
-declare function SkeletonAvatar({ size, className, ...rest }: SkeletonAvatarProps): import("react/jsx-runtime").JSX.Element;
-interface SkeletonButtonProps extends Omit<SkeletonProps, 'type'> {
-    /**
-     * 按钮尺寸
-     * @default "medium"
-     */
-    size?: 'small' | 'medium' | 'large';
-}
-declare function SkeletonButton({ size, className, ...rest }: SkeletonButtonProps): import("react/jsx-runtime").JSX.Element;
-declare const SkeletonComponent: typeof Skeleton & {
-    Text: typeof SkeletonText;
-    Avatar: typeof SkeletonAvatar;
-    Button: typeof SkeletonButton;
-};
-export default SkeletonComponent;

package/dist/components/base/skeleton.mjs

@@ -1,66 +0,0 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import p from "./box.mjs";
-function l({
-  type: e = "text",
-  className: o = "",
-  width: t,
-  height: n,
-  animation: a = "pulse",
-  block: r = !0,
-  ...i
-}) {
-  const u = {
-    text: "rounded-[8px]",
-    circular: "rounded-full",
-    rectangular: "rounded-[8px]"
-  }, f = (m) => m === "pulse" ? "animate-pulse" : m === "wave" ? "animate-[skeleton-wave_1.6s_ease-in-out_infinite]" : "", d = u[e], h = f(a), x = `${d} ${h} ${r ? "block" : "inline-block"} ${o}`.trim(), g = {
-    backgroundColor: "rgba(0,0,0,0.05)",
-    ...t && { width: typeof t == "number" ? `${t}px` : t },
-    ...n && { height: typeof n == "number" ? `${n}px` : n },
-    ...i.style
-  };
-  return /* @__PURE__ */ s(p, { className: x, style: g, ...i });
-}
-function k({
-  lines: e = 3,
-  lastLineShort: o = !0,
-  className: t = "",
-  ...n
-}) {
-  return /* @__PURE__ */ s(p, { className: `flex flex-col gap-2 ${t}`.trim(), children: Array.from({ length: e }).map((a, r) => {
-    const u = r === e - 1 && o ? "60%" : "100%";
-    return /* @__PURE__ */ s(l, { type: "text", width: u, height: 16, ...n }, r);
-  }) });
-}
-function y({ size: e = 40, className: o = "", ...t }) {
-  return /* @__PURE__ */ s(l, { type: "circular", width: e, height: e, className: o, ...t });
-}
-function b({
-  size: e = "medium",
-  className: o = "",
-  ...t
-}) {
-  const n = {
-    small: { width: 60, height: 28 },
-    medium: { width: 80, height: 36 },
-    large: { width: 100, height: 44 }
-  }, { width: a, height: r } = n[e];
-  return /* @__PURE__ */ s(
-    l,
-    {
-      type: "rectangular",
-      width: a,
-      height: r,
-      className: o,
-      ...t
-    }
-  );
-}
-const c = l;
-c.Text = k;
-c.Avatar = y;
-c.Button = b;
-export {
-  c as default
-};

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

@@ -1,49 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface SwitchProps {
-    /**
-     * 指定当前是否打开
-     */
-    checked?: boolean;
-    /**
-     * 初始是否打开
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * 变化时的回调函数，当返回 Promise 时，会自动显示加载状态
-     */
-    onChange?: (val: boolean) => void | Promise<void>;
-    /**
-     * 禁用状态
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * 加载状态
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * 选中时的内容
-     */
-    checkedText?: ReactNode;
-    /**
-     * 非选中时的内容
-     */
-    uncheckedText?: ReactNode;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties & {
-        '--checked-color'?: string;
-        '--height'?: string;
-        '--width'?: string;
-        '--border-width'?: string;
-    };
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-export declare function Switch({ checked, defaultChecked, onChange, disabled, loading, checkedText, uncheckedText, style, className, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export default Switch;

package/dist/components/base/switch.mjs

@@ -1,139 +0,0 @@
-"use client";
-import { jsxs as C, jsx as s } from "react/jsx-runtime";
-import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
-import { useState as v } from "react";
-const I = {};
-function D({
-  checked: i,
-  defaultChecked: k = !1,
-  onChange: h,
-  disabled: N = !1,
-  loading: S = !1,
-  checkedText: u,
-  uncheckedText: f,
-  style: o = I,
-  className: $ = ""
-}) {
-  const [W, m] = v(k), [j, p] = v(!1), t = i !== void 0 ? i : W, w = S || j, n = N || w, z = async () => {
-    if (n)
-      return;
-    const e = !t;
-    if (i === void 0 && m(e), h) {
-      const r = h(e);
-      if (r instanceof Promise) {
-        p(!0);
-        try {
-          await r;
-        } catch (H) {
-          throw i === void 0 && m(!e), H;
-        } finally {
-          p(!1);
-        }
-      }
-    }
-  }, x = o?.["--checked-color"] || "var(--color-theme5)", a = o?.["--height"] || "31px", l = o?.["--width"] || "51px", b = o?.["--border-width"] || "2px", c = (e) => {
-    if (typeof e == "number")
-      return e;
-    if (!e)
-      return 0;
-    const r = String(e).trim().match(/^(-?\d+(?:\.\d+)?)(px)?$/);
-    return r ? Number(r[1]) : 0;
-  }, g = c(a), L = c(l), M = c(b), y = Math.max(0, g - M * 2), X = Math.max(0, L - g), B = {
-    position: "absolute",
-    width: `${y}px`,
-    height: `${y}px`,
-    transform: t ? `translateX(${X}px)` : "translateX(0)"
-  };
-  return /* @__PURE__ */ C(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": t,
-      disabled: n,
-      onClick: z,
-      className: d(
-        "relative inline-flex items-center",
-        "rounded-full transition-all duration-200 ease-in-out",
-        "border-2 border-solid",
-        "overflow-hidden",
-        n ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-        !n && !t && "active:scale-95",
-        $
-      ),
-      style: {
-        height: a,
-        width: l,
-        borderWidth: b,
-        backgroundColor: t ? x : "#e5e5e5",
-        borderColor: t ? x : "#e5e5e5",
-        ...o
-      },
-      children: [
-        /* @__PURE__ */ s(
-          "span",
-          {
-            className: d(
-              "bg-white rounded-full flex items-center justify-center",
-              "transition-transform duration-200 ease-in-out",
-              "shadow-sm"
-            ),
-            style: B,
-            children: w && /* @__PURE__ */ C(
-              "svg",
-              {
-                className: "animate-spin text-gray-400",
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: [
-                  /* @__PURE__ */ s(
-                    "circle",
-                    {
-                      className: "opacity-25",
-                      cx: "12",
-                      cy: "12",
-                      r: "10",
-                      stroke: "currentColor",
-                      strokeWidth: "4"
-                    }
-                  ),
-                  /* @__PURE__ */ s(
-                    "path",
-                    {
-                      className: "opacity-75",
-                      fill: "currentColor",
-                      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        ),
-        (t && u || !t && f) && /* @__PURE__ */ s(
-          "span",
-          {
-            className: d(
-              "absolute text-[12px] font-medium text-white",
-              t ? "left-2" : "right-2"
-            ),
-            style: {
-              maxWidth: `calc(${l} - ${a} - 8px)`,
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap"
-            },
-            children: t ? u : f
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  D as Switch,
-  D as default
-};

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

@@ -1,52 +0,0 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-/**
- * Tab 项的属性
- */
-export interface TabProps {
-    title: ReactNode;
-    /** Tab 的唯一标识 */
-    key: string;
-}
-/**
- * Tabs 组件的属性
- */
-export interface TabsProps {
-    stretch?: boolean;
-    className?: string;
-    /** Tab 子组件，可以是单个或多个 Tab */
-    children: ReactElement<TabProps> | ReactElement<TabProps>[];
-    /** 当前激活的 Tab 的 key（受控模式） */
-    activeKey?: string;
-    /** 默认激活的 Tab 的 key（非受控模式） */
-    defaultActiveKey?: string;
-    /** Tab 切换时的回调函数 */
-    onChange?: (key: string) => void;
-    /** 自定义样式，支持 CSS 变量 */
-    style?: CSSProperties & {
-        /** 激活状态下划线的颜色 */
-        '--active-line-color'?: string;
-        /** 激活状态下划线的高度 */
-        '--active-line-height'?: string;
-        /** 激活状态标题的颜色 */
-        '--active-title-color'?: string;
-        /** 激活状态标题的字体大小 */
-        '--active-title-font-size'?: string;
-        /** 非激活状态标题的字体大小 */
-        '--title-font-size'?: string;
-        /** Tab 的内边距 */
-        '--tab-padding'?: string;
-        /** Tabs 容器的边框颜色 */
-        '--tabs-border-color'?: string;
-    };
-    /** 根容器的自定义类名 */
-    /** 应用到每个 Tab 的自定义类名 */
-    tabClassName?: string;
-    /** 应用到激活状态 Tab 的自定义类名 */
-    tabActiveClassName?: string;
-}
-declare function Tab(_: TabProps): null;
-declare function Tabs({ children, activeKey, defaultActiveKey, onChange, style, stretch, className, tabClassName, tabActiveClassName, }: TabsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Tabs {
-    var Tab: typeof import("./tabs").Tab;
-}
-export { Tab, Tabs };

package/dist/components/base/tabs.mjs

@@ -1,122 +0,0 @@
-"use client";
-import { jsxs as $, jsx as l } from "react/jsx-runtime";
-import { clsx as f } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
-import { useState as b, useRef as z, useMemo as H, useCallback as K, useLayoutEffect as M, useEffect as X } from "react";
-function _(i) {
-  return null;
-}
-function q({
-  children: i,
-  activeKey: u,
-  defaultActiveKey: y,
-  onChange: T,
-  style: e = {},
-  stretch: d = !0,
-  className: w = "",
-  tabClassName: C = "",
-  tabActiveClassName: g = ""
-}) {
-  const [k, A] = b(y || ""), [v, R] = b({ left: 0, width: 0 }), [n, I] = b(!1), p = z([]), m = z(null), o = u !== void 0 ? u : k, x = H(() => Array.isArray(i) ? i : [i], [i]), a = K(() => {
-    const t = x.findIndex((r) => r.key === o);
-    if (t !== -1 && p.current[t] && m.current) {
-      const r = p.current[t], c = m.current.getBoundingClientRect(), s = r.getBoundingClientRect(), P = {
-        left: s.left - c.left + s.width / 2,
-        width: 48
-        // w-12 = 48px
-      };
-      R(P);
-    }
-  }, [o, x]);
-  M(() => {
-    if (!n) {
-      a();
-      const t = setTimeout(() => {
-        I(!0);
-      }, 0);
-      return () => clearTimeout(t);
-    }
-  }, [n, a]), X(() => {
-    n && a();
-  }, [o, n, a]);
-  const S = (t) => {
-    t !== o && (u === void 0 && A(t), T?.(t));
-  }, j = e["--active-line-color"] || "var(--color-text1)", B = e["--active-line-height"] || "1px", L = e["--active-title-color"] || "var(--color-text1)", N = e["--active-title-font-size"] || "18px", E = e["--title-font-size"] || "18px", F = e["--tab-padding"] || "10px";
-  return /* @__PURE__ */ $(
-    "div",
-    {
-      className: f("relative", w),
-      style: {
-        ...e,
-        "--active-title-font-size": N,
-        "--title-font-size": E,
-        "--tab-padding": F
-      },
-      children: [
-        /* @__PURE__ */ l(
-          "div",
-          {
-            ref: m,
-            className: f("flex gap-5", {
-              "justify-around": d,
-              "justify-start": !d
-            }),
-            style: { borderColor: e["--tabs-border-color"] || void 0 },
-            children: x.map((t, r) => {
-              const { title: h } = t.props, c = t.key === o;
-              return /* @__PURE__ */ l(
-                "div",
-                {
-                  ref: (s) => {
-                    p.current[r] = s;
-                  },
-                  onClick: () => {
-                    t.key && S(t.key);
-                  },
-                  className: f(
-                    "relative flex whitespace-nowrap font-medium items-center justify-center cursor-pointer transition-colors",
-                    "[font-size:var(--title-font-size)] p-(--tab-padding)",
-                    {
-                      "flex-1 text-center": d,
-                      "[font-size:var(--active-title-font-size)]": c,
-                      [g]: c && g
-                    },
-                    C
-                  ),
-                  children: /* @__PURE__ */ l(
-                    "span",
-                    {
-                      style: {
-                        color: c ? L : "var(--color-text2, #666)"
-                      },
-                      children: h
-                    }
-                  )
-                },
-                t.key
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: f("absolute bottom-0 rounded-full", {
-              "transition-all duration-300 ease-in-out": n
-            }),
-            style: {
-              backgroundColor: j,
-              height: B,
-              width: `${v.width}px`,
-              transform: `translateX(${v.left - v.width / 2}px)`
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-q.Tab = _;
-export {
-  _ as Tab,
-  q as Tabs
-};

package/dist/components/base/tag-tabs.d.ts

@@ -1,48 +0,0 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-/**
- * TagTab 项的属性
- */
-export interface TagTabProps {
-    /** TagTab 显示的标题内容 */
-    title: ReactNode;
-    /** TagTab 的唯一标识 */
-    key: string;
-}
-/**
- * TagTabs 组件的属性
- */
-export interface TagTabsProps {
-    /** TagTab 子组件，可以是单个或多个 TagTab */
-    children: ReactElement<TagTabProps> | ReactElement<TagTabProps>[];
-    /** 当前激活的 TagTab 的 key（受控模式） */
-    activeKey?: string;
-    /** 默认激活的 TagTab 的 key（非受控模式） */
-    defaultActiveKey?: string;
-    /** TagTab 切换时的回调函数 */
-    onChange?: (key: string) => void;
-    /** 自定义样式，支持 CSS 变量 */
-    style?: CSSProperties & {
-        /** 激活状态的背景颜色 */
-        '--tab-active-bg-color'?: string;
-        /** 激活状态的文字颜色 */
-        '--tab-active-text-color'?: string;
-        /** 标题的字体大小 */
-        '--title-font-size'?: string;
-        /** TagTab 的内边距 */
-        '--tab-padding'?: string;
-    };
-    /** 是否拉伸 TagTab 以填充容器宽度 */
-    stretch?: boolean;
-    /** 根容器的自定义类名 */
-    className?: string;
-    /** 应用到每个 TagTab 的自定义类名 */
-    tabClassName?: string;
-    /** 应用到激活状态 TagTab 的自定义类名 */
-    tabActiveClassName?: string;
-}
-declare function TagTab(_: TagTabProps): null;
-declare function TagTabs({ children, activeKey, defaultActiveKey, onChange, style, stretch, className, tabClassName, tabActiveClassName, }: TagTabsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TagTabs {
-    var Tab: typeof TagTab;
-}
-export { TagTab, TagTabs };