@funhub/platform 0.1.10

package/dist/components/biz/business/search-bar/variants/tag-search-bar/client.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import "react";
+import u from "../../../../../base/box.mjs";
+import { pxToVw as S } from "../../../../../base/helper/index.mjs";
+import "next/image";
+import "../../../../../base/card.mjs";
+import "../../../../../../_virtual/link.mjs";
+import "../../../../../base/list.mjs";
+import "@tanstack/react-query";
+import "../../../../../base/skeleton.mjs";
+import "../../../../../base/tabs.mjs";
+import "../../../../../base/tag-tabs.mjs";
+import L from "../../../../basics/logo/variants/basic-logo/client.mjs";
+import T from "../../../../basics/search/variants/tag-search/client.mjs";
+import { mergeStyles as y } from "../../../../utils/styles.mjs";
+import { CHANNEL_QUERY_KEY as w } from "../../../../../../config/query-key.mjs";
+import { useRequest as B } from "../../../../../../hooks/query/useQuery.mjs";
+import { defaultData as p } from "./default-data.mjs";
+function F({
+  props: a = {},
+  styles: e,
+  events: o
+}) {
+  const l = { ...p, ...a }, { data: m } = B([w], () => Promise.resolve([])), {
+    logo: c,
+    search: s,
+    gap: i = p.gap
+  } = l, g = () => {
+    o?.onLogoClick?.();
+  }, C = (r, t) => {
+    o?.onLogoChannelChange?.(r, t);
+  }, h = () => {
+    o?.onSearchClick?.();
+  }, f = (r, t) => {
+    o?.onTagClick?.(r, t);
+  }, d = e ? y(e, {}) : void 0, k = i > 0 ? { gap: S(i) } : void 0;
+  return /* @__PURE__ */ x(
+    u,
+    {
+      className: "w-full flex items-center px-[16px] py-[8px]",
+      style: { ...k, ...d },
+      children: [
+        /* @__PURE__ */ n(
+          L,
+          {
+            props: c,
+            events: {
+              onClick: g,
+              onChannelChange: C
+            },
+            data: m
+          }
+        ),
+        /* @__PURE__ */ n(
+          T,
+          {
+            props: s,
+            events: {
+              onClick: h,
+              onTagClick: f
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  F as default
+};

package/dist/components/biz/business/search-bar/variants/tag-search-bar/default-data.d.ts

@@ -0,0 +1,24 @@
+export declare const defaultData: {
+    logo: {
+        logoSrc: string;
+        logoAlt: string;
+        logoWidth: number;
+        logoHeight: number;
+        sourceType: number;
+        popoverPlacement: "bottom-start";
+        popoverWidth: number;
+        maxHeight: number;
+        itemHeight: number;
+        visible: boolean;
+        currentChannelId: string | null;
+    };
+    search: {
+        tags: import('../../../../basics/search/variants/tag-search/default-data').TagItem[];
+        placeholder: string;
+        searchUrl: string;
+        iconSize: number;
+        showPlaceholderText: boolean;
+        borderColor: string;
+    };
+    gap: number;
+};

package/dist/components/biz/business/search-bar/variants/tag-search-bar/default-data.mjs

@@ -0,0 +1,17 @@
+import { defaultData as a } from "../../../../basics/logo/variants/basic-logo/default-data.mjs";
+import { defaultData as t } from "../../../../basics/search/variants/tag-search/default-data.mjs";
+const f = {
+  // Logo 相关配置
+  logo: {
+    ...a
+  },
+  // Search 相关配置
+  search: {
+    ...t
+  },
+  // 布局配置
+  gap: 12
+};
+export {
+  f as defaultData
+};

package/dist/components/biz/business/search-bar/variants/tag-search-bar/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseComponentProps } from '../../../../utils';
+import { defaultData } from './default-data';
+import { schema } from './schema';
+export interface TagSearchBarProps extends BaseComponentProps {
+    isServer?: boolean;
+}
+export default function TagSearchBar({ isServer, props: propsConfig, ...rest }: TagSearchBarProps): import("react/jsx-runtime").JSX.Element;
+export { defaultData as TagSearchBarDefaultData, schema as TagSearchBarSchema, };

package/dist/components/biz/business/search-bar/variants/tag-search-bar/index.mjs

@@ -0,0 +1,147 @@
+import { jsx as e } from "react/jsx-runtime";
+import { CHANNEL_QUERY_KEY as o } from "../../../../../../config/query-key.mjs";
+import { HydrationBoundary as p } from "../../../../../../hooks/query/HydrationBoundary.mjs";
+import "@tanstack/react-query";
+import _ from "./client.mjs";
+import { defaultData as h } from "./default-data.mjs";
+import "./schema.mjs";
+function l({
+  isServer: a = !0,
+  props: n = {},
+  ...t
+}) {
+  if (a === !1)
+    return /* @__PURE__ */ e(_, { props: n, ...t });
+  const r = [
+    {
+      id: "47",
+      parent_id: "0",
+      en_name: "tuijian",
+      cn_name: "推荐",
+      name: "推荐",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: [
+        {
+          id: "52",
+          parent_id: "47",
+          en_name: "Domestic animations",
+          cn_name: "动漫",
+          name: "动漫",
+          type: "1",
+          content_sort_type: "1",
+          source_type: "0"
+        },
+        {
+          id: "48",
+          parent_id: "47",
+          en_name: "",
+          cn_name: "短剧",
+          name: "短剧",
+          type: "1",
+          content_sort_type: "1",
+          source_type: "0"
+        }
+      ]
+    },
+    {
+      id: "27",
+      parent_id: "0",
+      en_name: "Comunity",
+      cn_name: "社区",
+      name: "社区",
+      type: "1",
+      content_sort_type: "1",
+      source_type: "0",
+      sub_list: null
+    },
+    {
+      id: "49",
+      parent_id: "0",
+      en_name: "anime",
+      cn_name: "动漫",
+      name: "动漫",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: null
+    },
+    {
+      id: "50",
+      parent_id: "0",
+      en_name: "duanju",
+      cn_name: "短剧",
+      name: "短剧",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: null
+    },
+    {
+      id: "56",
+      parent_id: "0",
+      en_name: "ASMR",
+      cn_name: "助眠",
+      name: "助眠",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: null
+    },
+    {
+      id: "60",
+      parent_id: "0",
+      en_name: "ManJu",
+      cn_name: "漫剧",
+      name: "漫剧",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: null
+    },
+    {
+      id: "53",
+      parent_id: "0",
+      en_name: "funny",
+      cn_name: "搞笑",
+      name: "搞笑",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: null
+    },
+    {
+      id: "55",
+      parent_id: "0",
+      en_name: "AI comic ser",
+      cn_name: "颜值",
+      name: "颜值",
+      type: "0",
+      content_sort_type: "0",
+      source_type: "1",
+      sub_list: [
+        {
+          id: "58",
+          parent_id: "55",
+          en_name: "",
+          cn_name: "真人美女",
+          name: "真人美女",
+          type: "1",
+          content_sort_type: "1",
+          source_type: "0"
+        }
+      ]
+    }
+  ];
+  return /* @__PURE__ */ e(p, { prefetch: [
+    {
+      queryKey: [o],
+      queryFn: () => Promise.resolve(r)
+    }
+  ], children: /* @__PURE__ */ e(_, { props: n, ...t }) });
+}
+export {
+  h as TagSearchBarDefaultData,
+  l as default
+};

package/dist/components/biz/business/search-bar/variants/tag-search-bar/schema.d.ts

@@ -0,0 +1,2 @@
+import { ComponentSchema } from '../../../../utils';
+export declare const schema: ComponentSchema;

package/dist/components/biz/business/search-bar/variants/tag-search-bar/schema.mjs

@@ -0,0 +1,2 @@
+import { defaultData as e } from "./default-data.mjs";
+e.logo.logoSrc, e.logo.logoAlt, e.logo.logoWidth, e.logo.logoHeight, e.logo.sourceType, e.logo.popoverPlacement, e.logo.popoverWidth, e.logo.maxHeight, e.logo.itemHeight, e.logo.currentChannelId, e.search.placeholder, e.search.searchUrl, e.search.iconSize, e.search.showPlaceholderText, e.search.borderColor, e.search.tags;

package/dist/components/biz/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 业务组件统一导出
+ */
+export * from './basics';
+export * from './utils';

package/dist/components/biz/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styles';
+export * from './types';

package/dist/components/biz/utils/styles.d.ts

@@ -0,0 +1,18 @@
+import { CommonStyleSchema } from './types';
+/**
+ * 通用样式 Schema 定义
+ * 所有组件都支持的样式配置
+ */
+export declare const commonStyleSchema: CommonStyleSchema;
+/**
+ * 将通用样式转换为内联样式对象
+ */
+export declare function commonStylesToInline(styles: Partial<Record<keyof CommonStyleSchema, any>>): React.CSSProperties;
+/**
+ * 将自定义样式转换为内联样式对象
+ */
+export declare function customStylesToInline(customStyles: Record<string, any>): React.CSSProperties;
+/**
+ * 合并通用样式和自定义样式
+ */
+export declare function mergeStyles(commonStyles?: Partial<Record<keyof CommonStyleSchema, any>>, customStyles?: Record<string, any>): React.CSSProperties;

package/dist/components/biz/utils/styles.mjs

@@ -0,0 +1,301 @@
+const g = {
+  width: {
+    type: "size",
+    title: "宽度",
+    description: "组件宽度"
+  },
+  height: {
+    type: "size",
+    title: "高度",
+    description: "组件高度"
+  },
+  minWidth: {
+    type: "size",
+    title: "最小宽度",
+    description: "组件最小宽度"
+  },
+  minHeight: {
+    type: "size",
+    title: "最小高度",
+    description: "组件最小高度"
+  },
+  maxWidth: {
+    type: "size",
+    title: "最大宽度",
+    description: "组件最大宽度"
+  },
+  maxHeight: {
+    type: "size",
+    title: "最大高度",
+    description: "组件最大高度"
+  },
+  padding: {
+    type: "spacing",
+    title: "内边距",
+    description: "组件内边距"
+  },
+  paddingTop: {
+    type: "spacing",
+    title: "上内边距",
+    description: "组件上内边距"
+  },
+  paddingRight: {
+    type: "spacing",
+    title: "右内边距",
+    description: "组件右内边距"
+  },
+  paddingBottom: {
+    type: "spacing",
+    title: "下内边距",
+    description: "组件下内边距"
+  },
+  paddingLeft: {
+    type: "spacing",
+    title: "左内边距",
+    description: "组件左内边距"
+  },
+  margin: {
+    type: "spacing",
+    title: "外边距",
+    description: "组件外边距"
+  },
+  marginTop: {
+    type: "spacing",
+    title: "上外边距",
+    description: "组件上外边距"
+  },
+  marginRight: {
+    type: "spacing",
+    title: "右外边距",
+    description: "组件右外边距"
+  },
+  marginBottom: {
+    type: "spacing",
+    title: "下外边距",
+    description: "组件下外边距"
+  },
+  marginLeft: {
+    type: "spacing",
+    title: "左外边距",
+    description: "组件左外边距"
+  },
+  fontSize: {
+    type: "size",
+    title: "字体大小",
+    description: "文字字体大小"
+  },
+  fontWeight: {
+    type: "enum",
+    title: "字体粗细",
+    description: "文字字体粗细",
+    enum: [
+      "normal",
+      "bold",
+      "100",
+      "200",
+      "300",
+      "400",
+      "500",
+      "600",
+      "700",
+      "800",
+      "900"
+    ],
+    enumNames: [
+      "正常",
+      "粗体",
+      "100",
+      "200",
+      "300",
+      "400",
+      "500",
+      "600",
+      "700",
+      "800",
+      "900"
+    ]
+  },
+  lineHeight: {
+    type: "size",
+    title: "行高",
+    description: "文字行高"
+  },
+  color: {
+    type: "color",
+    title: "文字颜色",
+    description: "文字颜色"
+  },
+  backgroundColor: {
+    type: "color",
+    title: "背景颜色",
+    description: "背景颜色"
+  },
+  border: {
+    type: "string",
+    title: "边框",
+    description: "边框样式（如：1px solid #000）"
+  },
+  borderWidth: {
+    type: "size",
+    title: "边框宽度",
+    description: "边框宽度"
+  },
+  borderStyle: {
+    type: "enum",
+    title: "边框样式",
+    description: "边框样式",
+    enum: ["none", "solid", "dashed", "dotted", "double"],
+    enumNames: ["无", "实线", "虚线", "点线", "双线"]
+  },
+  borderColor: {
+    type: "color",
+    title: "边框颜色",
+    description: "边框颜色"
+  },
+  borderRadius: {
+    type: "size",
+    title: "圆角",
+    description: "边框圆角大小"
+  },
+  boxShadow: {
+    type: "string",
+    title: "阴影",
+    description: "盒子阴影（如：0 2px 4px rgba(0,0,0,0.1)）"
+  },
+  opacity: {
+    type: "number",
+    title: "透明度",
+    description: "透明度（0-1）"
+  },
+  display: {
+    type: "enum",
+    title: "显示方式",
+    description: "元素的显示方式",
+    enum: ["block", "inline", "inline-block", "flex", "grid", "none"],
+    enumNames: ["块级", "行内", "行内块", "弹性", "网格", "隐藏"]
+  },
+  position: {
+    type: "enum",
+    title: "定位方式",
+    description: "元素的定位方式",
+    enum: ["static", "relative", "absolute", "fixed", "sticky"],
+    enumNames: ["静态", "相对", "绝对", "固定", "粘性"]
+  },
+  top: {
+    type: "size",
+    title: "顶部距离",
+    description: "距离顶部的距离"
+  },
+  right: {
+    type: "size",
+    title: "右侧距离",
+    description: "距离右侧的距离"
+  },
+  bottom: {
+    type: "size",
+    title: "底部距离",
+    description: "距离底部的距离"
+  },
+  left: {
+    type: "size",
+    title: "左侧距离",
+    description: "距离左侧的距离"
+  },
+  zIndex: {
+    type: "number",
+    title: "层级",
+    description: "元素的层级顺序"
+  },
+  overflow: {
+    type: "enum",
+    title: "溢出处理",
+    description: "内容溢出时的处理方式",
+    enum: ["visible", "hidden", "scroll", "auto"],
+    enumNames: ["可见", "隐藏", "滚动", "自动"]
+  },
+  textAlign: {
+    type: "enum",
+    title: "文字对齐",
+    description: "文字对齐方式",
+    enum: ["left", "center", "right", "justify"],
+    enumNames: ["左对齐", "居中", "右对齐", "两端对齐"]
+  },
+  cursor: {
+    type: "enum",
+    title: "鼠标样式",
+    description: "鼠标悬停时的样式",
+    enum: ["default", "pointer", "text", "not-allowed", "wait", "move"],
+    enumNames: ["默认", "手型", "文本", "禁止", "等待", "移动"]
+  }
+};
+function t(i, o) {
+  return o == null || o === "" ? "" : typeof o == "number" && !["opacity", "zIndex", "fontWeight", "lineHeight"].includes(i) ? `${o}px` : String(o);
+}
+function r(i) {
+  const o = {};
+  return i.width !== void 0 && (o.width = t("width", i.width)), i.height !== void 0 && (o.height = t("height", i.height)), i.minWidth !== void 0 && (o.minWidth = t("minWidth", i.minWidth)), i.minHeight !== void 0 && (o.minHeight = t("minHeight", i.minHeight)), i.maxWidth !== void 0 && (o.maxWidth = t("maxWidth", i.maxWidth)), i.maxHeight !== void 0 && (o.maxHeight = t("maxHeight", i.maxHeight)), i.padding !== void 0 && (o.padding = t("padding", i.padding)), i.paddingTop !== void 0 && (o.paddingTop = t("paddingTop", i.paddingTop)), i.paddingRight !== void 0 && (o.paddingRight = t(
+    "paddingRight",
+    i.paddingRight
+  )), i.paddingBottom !== void 0 && (o.paddingBottom = t(
+    "paddingBottom",
+    i.paddingBottom
+  )), i.paddingLeft !== void 0 && (o.paddingLeft = t(
+    "paddingLeft",
+    i.paddingLeft
+  )), i.margin !== void 0 && (o.margin = t("margin", i.margin)), i.marginTop !== void 0 && (o.marginTop = t("marginTop", i.marginTop)), i.marginRight !== void 0 && (o.marginRight = t(
+    "marginRight",
+    i.marginRight
+  )), i.marginBottom !== void 0 && (o.marginBottom = t(
+    "marginBottom",
+    i.marginBottom
+  )), i.marginLeft !== void 0 && (o.marginLeft = t("marginLeft", i.marginLeft)), i.fontSize !== void 0 && (o.fontSize = t("fontSize", i.fontSize)), i.fontWeight !== void 0 && (o.fontWeight = t("fontWeight", i.fontWeight)), i.lineHeight !== void 0 && (o.lineHeight = t("lineHeight", i.lineHeight)), i.color !== void 0 && (o.color = t("color", i.color)), i.backgroundColor !== void 0 && (o.backgroundColor = t(
+    "backgroundColor",
+    i.backgroundColor
+  )), i.border !== void 0 && (o.border = t("border", i.border)), i.borderWidth !== void 0 && (o.borderWidth = t(
+    "borderWidth",
+    i.borderWidth
+  )), i.borderStyle !== void 0 && (o.borderStyle = t(
+    "borderStyle",
+    i.borderStyle
+  )), i.borderColor !== void 0 && (o.borderColor = t(
+    "borderColor",
+    i.borderColor
+  )), i.borderRadius !== void 0 && (o.borderRadius = t(
+    "borderRadius",
+    i.borderRadius
+  )), i.boxShadow !== void 0 && (o.boxShadow = t("boxShadow", i.boxShadow)), i.opacity !== void 0 && (o.opacity = i.opacity), i.display !== void 0 && (o.display = t("display", i.display)), i.position !== void 0 && (o.position = t(
+    "position",
+    i.position
+  )), i.top !== void 0 && (o.top = t("top", i.top)), i.right !== void 0 && (o.right = t("right", i.right)), i.bottom !== void 0 && (o.bottom = t("bottom", i.bottom)), i.left !== void 0 && (o.left = t("left", i.left)), i.zIndex !== void 0 && (o.zIndex = i.zIndex), i.overflow !== void 0 && (o.overflow = t(
+    "overflow",
+    i.overflow
+  )), i.textAlign !== void 0 && (o.textAlign = t(
+    "textAlign",
+    i.textAlign
+  )), i.cursor !== void 0 && (o.cursor = t("cursor", i.cursor)), o;
+}
+function p(i) {
+  const o = {};
+  for (const [n, e] of Object.entries(i))
+    if (e != null && e !== "") {
+      const d = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+      o[d] = t(
+        n,
+        e
+      );
+    }
+  return o;
+}
+function a(i, o) {
+  const n = r(i || {}), e = p(o || {});
+  return {
+    ...n,
+    ...e
+  };
+}
+export {
+  g as commonStyleSchema,
+  r as commonStylesToInline,
+  p as customStylesToInline,
+  a as mergeStyles
+};