@funhub/platform 0.1.10 → 0.1.15

package/dist/components/biz/business/banner/variants/basic-banner/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/banner/variants/basic-banner/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"../defaults/default-props.mjs";const t={autoplay:{type:`boolean`,title:`自动播放`,description:`是否开启自动播放`,default:e.autoplay},interval:{type:`number`,title:`播放间隔`,description:`自动播放间隔时间（毫秒）`,default:e.interval,minimum:1e3,maximum:1e4},loop:{type:`boolean`,title:`循环播放`,description:`是否开启循环播放`,default:e.loop},showTitle:{type:`boolean`,title:`显示标题`,description:`是否在左下角显示标题`,default:e.showTitle},showIndicator:{type:`boolean`,title:`显示指示器`,description:`是否在右下角显示指示器`,default:e.showIndicator}};export{t as propsSchema};

package/dist/components/biz/business/banner/variants/basic-banner/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/banner/variants/basic-banner/server.d.mts

@@ -0,0 +1,19 @@
+
+import { BasicBannerInspectorProps } from "./inspector-schema.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/banner/variants/basic-banner/server.d.ts
+/** BasicBanner 物料组件 props（inspector 可编辑字段 + 可选数据） */
+type BasicBannerProps = BasicBannerInspectorProps & {
+  /** 轮播数据，未传入时使用 mock 数据 */data?: {
+    list: Array<Record<string, unknown>>;
+    title?: string;
+  };
+};
+/**
+ * BasicBanner 物料组件
+ * 接收 inspector 可编辑的 props，转换为 BaseComponentProps 传给 runtime client
+ */
+declare function BasicBanner(props: BasicBannerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BasicBanner };

package/dist/components/biz/business/banner/variants/basic-banner/server.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import{mockData as t}from"./defaults/mock-data.mjs";import n from"./runtime/client.mjs";import{jsx as r}from"react/jsx-runtime";function i(i){let{interval:a,data:o}=i,s=typeof a==`string`?Number(a)||e.interval:a??e.interval;return r(n,{props:{autoplay:e.autoplay,interval:s,loop:e.loop},data:o??{list:t,title:``}})}export{i as BasicBanner};

package/dist/components/biz/business/card-grid/index.d.mts

@@ -0,0 +1,21 @@
+
+import { defaultProps } from "./variants/card-grid-2x3/defaults/default-props.mjs";
+import { CardGrid2x3Client } from "./variants/card-grid-2x3/runtime/client.mjs";
+import { schema } from "./variants/card-grid-2x3/schema/index.mjs";
+import "./variants/card-grid-2x3/index.mjs";
+import { defaultProps as defaultProps$1 } from "./variants/card-grid-2x3-infinite/defaults/default-props.mjs";
+import { CardGrid2x3InfiniteClient } from "./variants/card-grid-2x3-infinite/runtime/client.mjs";
+import { schema as schema$1 } from "./variants/card-grid-2x3-infinite/schema/index.mjs";
+import "./variants/card-grid-2x3-infinite/index.mjs";
+import { defaultProps as defaultProps$2 } from "./variants/card-grid-2x4/defaults/default-props.mjs";
+import { CardGrid2x4Client } from "./variants/card-grid-2x4/runtime/client.mjs";
+import { schema as schema$2 } from "./variants/card-grid-2x4/schema/index.mjs";
+import "./variants/card-grid-2x4/index.mjs";
+import { defaultProps as defaultProps$3 } from "./variants/card-grid-3x3/defaults/default-props.mjs";
+import { CardGrid3x3Client } from "./variants/card-grid-3x3/runtime/client.mjs";
+import { schema as schema$3 } from "./variants/card-grid-3x3/schema/index.mjs";
+import "./variants/card-grid-3x3/index.mjs";
+import { defaultProps as defaultProps$4 } from "./variants/card-grid-3x3-infinite/defaults/default-props.mjs";
+import { CardGrid3x3InfiniteClient } from "./variants/card-grid-3x3-infinite/runtime/client.mjs";
+import { schema as schema$4 } from "./variants/card-grid-3x3-infinite/schema/index.mjs";
+import "./variants/card-grid-3x3-infinite/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/defaults/default-props.d.mts

@@ -0,0 +1,10 @@
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3/defaults/default-props.d.ts
+/**
+ * CardGrid2x3 组件默认 Props 配置
+ */
+declare const defaultProps: {
+  gap: number;
+};
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/defaults/default-props.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:8};export{e as defaultProps};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/index.d.mts

@@ -0,0 +1,4 @@
+
+import { defaultProps } from "./defaults/default-props.mjs";
+import { CardGrid2x3Client } from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/index.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/runtime/client.d.mts

@@ -0,0 +1,13 @@
+
+import { BaseComponentProps } from "../../../../../utils/types/component.mjs";
+import "../../../../../utils/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3/runtime/client.d.ts
+declare function CardGrid2x3Client({
+  props: propsConfig,
+  styles,
+  data
+}: BaseComponentProps<any>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardGrid2x3Client };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/runtime/client.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.V2_LARGE,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/component.mjs

@@ -0,0 +1,2 @@
+
+const e={componentName:`CardGrid2x3`,displayName:`卡片网格 2×3`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/data.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/event.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={};export{e as eventSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/index.d.mts

@@ -0,0 +1,8 @@
+
+import { ComponentSchema } from "../../../../../utils/schema/component.mjs";
+import "../../../../../utils/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3/schema/index.d.ts
+declare const schema: ComponentSchema;
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/defaults/default-props.d.mts

@@ -0,0 +1,10 @@
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/defaults/default-props.d.ts
+/**
+ * CardGrid2x3Infinite 组件默认 Props 配置
+ */
+declare const defaultProps: {
+  gap: number;
+};
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/defaults/default-props.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:8};export{e as defaultProps};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/index.d.mts

@@ -0,0 +1,4 @@
+
+import { defaultProps } from "./defaults/default-props.mjs";
+import { CardGrid2x3InfiniteClient } from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/index.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/runtime/client.d.mts

@@ -0,0 +1,13 @@
+
+import { BaseComponentProps } from "../../../../../utils/types/component.mjs";
+import "../../../../../utils/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/runtime/client.d.ts
+declare function CardGrid2x3InfiniteClient({
+  props: propsConfig,
+  styles,
+  data
+}: BaseComponentProps<any>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardGrid2x3InfiniteClient };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/runtime/client.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{gContentGetAppChannelBlockData as r}from"../../../../../../../service/generated/client.mjs";import{Box as i}from"../../../../../../ui/box.mjs";import{InfiniteScroll as a}from"../../../../../../ui/infinite-scroll.mjs";import{Text as o}from"../../../../../../ui/text.mjs";import s from"../../../../../basics/card-layout/runtime/client.mjs";import{usePaginated as c}from"../../../../../../../hooks/query/use-query.mjs";import{useLayoutEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h={},g={list:[],title:``,cursor:``,block_id:``};function _({props:_=h,styles:v,data:y=g}){let b=e.V2_LARGE,{gap:x=8}=_||{},{title:S,cursor:C,block_id:w,list:T}=y,E=v?t(v,{}):void 0,D=T&&T.length>0,O=u(()=>{if(!D)return;let e=C&&C.trim()?C:void 0;return{pages:[{data:{block:{data:{videos:T,cursor:C||``}}}}],pageParams:[e]}},[D,T,C]),{data:k,fetchNextPage:A,hasNextPage:j}=c({key:[`card-grid-2x3-infinite`,w],queryFn:e=>r({block_id:w,cursor:e||void 0,page_size:20}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!w,initialData:O,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:D&&C&&C.trim()?C:void 0}),M=d(T),[N,P]=f(!1);l(()=>{P(!0)},[]);let F=u(()=>{let e=[...M.current];if(!N)return e;let t=[...e],n=k?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.videos||[];t.push(...r)}return t},[N,k?.pages]),I=u(()=>n(F,`view-duration`),[F]);return m(i,{children:[S&&p(o,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:S}),p(a,{loadMore:()=>A().then(()=>void 0),hasMore:j===!0||j===void 0&&!!C&&T.length>0,initialLoad:!0,rootId:`app-scroll-container`,threshold:1e3,className:``,children:p(s,{props:{cardSpec:b,gap:x},data:I,styles:E})})]})}export{_ as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/component.mjs

@@ -0,0 +1,2 @@
+
+const e={componentName:`CardGrid2x3Infinite`,displayName:`卡片网格 2×3（无限滚动）`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/data.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/event.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={};export{e as eventSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/index.d.mts

@@ -0,0 +1,8 @@
+
+import { ComponentSchema } from "../../../../../utils/schema/component.mjs";
+import "../../../../../utils/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/index.d.ts
+declare const schema: ComponentSchema;
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x3-infinite/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/defaults/default-props.d.mts

@@ -0,0 +1,10 @@
+
+//#region components/biz/business/card-grid/variants/card-grid-2x4/defaults/default-props.d.ts
+/**
+ * CardGrid2x4 组件默认 Props 配置
+ */
+declare const defaultProps: {
+  gap: number;
+};
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/defaults/default-props.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:8};export{e as defaultProps};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/index.d.mts

@@ -0,0 +1,4 @@
+
+import { defaultProps } from "./defaults/default-props.mjs";
+import { CardGrid2x4Client } from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/index.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/runtime/client.d.mts

@@ -0,0 +1,13 @@
+
+import { BaseComponentProps } from "../../../../../utils/types/component.mjs";
+import "../../../../../utils/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x4/runtime/client.d.ts
+declare function CardGrid2x4Client({
+  props: propsConfig,
+  styles,
+  data
+}: BaseComponentProps<any>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardGrid2x4Client };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/runtime/client.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.H2_SMALL,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/component.mjs

@@ -0,0 +1,2 @@
+
+const e={componentName:`CardGrid2x4`,displayName:`卡片网格 2×4`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/data.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/event.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={};export{e as eventSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/index.d.mts

@@ -0,0 +1,8 @@
+
+import { ComponentSchema } from "../../../../../utils/schema/component.mjs";
+import "../../../../../utils/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-2x4/schema/index.d.ts
+declare const schema: ComponentSchema;
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-2x4/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/defaults/default-props.d.mts

@@ -0,0 +1,10 @@
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/defaults/default-props.d.ts
+/**
+ * CardGrid3x3 组件默认 Props 配置
+ */
+declare const defaultProps: {
+  gap: number;
+};
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/defaults/default-props.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:8};export{e as defaultProps};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/index.d.mts

@@ -0,0 +1,4 @@
+
+import { defaultProps } from "./defaults/default-props.mjs";
+import { CardGrid3x3Client } from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/index.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/runtime/client.d.mts

@@ -0,0 +1,13 @@
+
+import { BaseComponentProps } from "../../../../../utils/types/component.mjs";
+import "../../../../../utils/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/runtime/client.d.ts
+declare function CardGrid3x3Client({
+  props: propsConfig,
+  styles,
+  data
+}: BaseComponentProps<any>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardGrid3x3Client };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/runtime/client.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.V3_SMALL,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/component.mjs

@@ -0,0 +1,2 @@
+
+const e={componentName:`CardGrid3x3`,displayName:`卡片网格 3×3`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/data.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/event.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={};export{e as eventSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/index.d.mts

@@ -0,0 +1,8 @@
+
+import { ComponentSchema } from "../../../../../utils/schema/component.mjs";
+import "../../../../../utils/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/index.d.ts
+declare const schema: ComponentSchema;
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/default-props.d.mts

@@ -0,0 +1,10 @@
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/default-props.d.ts
+/**
+ * CardGrid3x3Infinite 组件默认 Props 配置
+ */
+declare const defaultProps: {
+  gap: number;
+};
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/default-props.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:8};export{e as defaultProps};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/index.d.mts

@@ -0,0 +1,3 @@
+
+import { defaultProps } from "./default-props.mjs";
+import "./mock-data.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/mock-data.d.mts

@@ -0,0 +1,2 @@
+
+import "../types.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/index.d.mts

@@ -0,0 +1,5 @@
+
+import { defaultProps } from "./defaults/default-props.mjs";
+import "./defaults/index.mjs";
+import { CardGrid3x3InfiniteClient } from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/index.mjs

@@ -0,0 +1,2 @@
+
+import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/runtime/client.d.mts

@@ -0,0 +1,13 @@
+
+import { BaseComponentProps } from "../../../../../utils/types/component.mjs";
+import "../../../../../utils/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/runtime/client.d.ts
+declare function CardGrid3x3InfiniteClient({
+  props: propsConfig,
+  styles,
+  data
+}: BaseComponentProps<any>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardGrid3x3InfiniteClient };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/runtime/client.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{gContentGetAppChannelBlockData as r}from"../../../../../../../service/generated/client.mjs";import{Box as i}from"../../../../../../ui/box.mjs";import{InfiniteScroll as a}from"../../../../../../ui/infinite-scroll.mjs";import{Text as o}from"../../../../../../ui/text.mjs";import s from"../../../../../basics/card-layout/runtime/client.mjs";import{usePaginated as c}from"../../../../../../../hooks/query/use-query.mjs";import{useLayoutEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h={},g={list:[],title:``,cursor:``,block_id:``};function _({props:_=h,styles:v,data:y=g}){let b=e.V3_SMALL,{gap:x=8}=_||{},{title:S,cursor:C,block_id:w,list:T}=y,E=v?t(v,{}):void 0,D=T&&T.length>0,O=u(()=>{if(!D)return;let e=C&&C.trim()?C:void 0;return{pages:[{data:{block:{data:{videos:T,cursor:C||``}}}}],pageParams:[e]}},[D,T,C]),{data:k,fetchNextPage:A,hasNextPage:j}=c({key:[`card-grid-3x3-infinite`,w],queryFn:e=>r({block_id:w,cursor:e||void 0,page_size:21}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!w,initialData:O,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:D&&C&&C.trim()?C:void 0}),M=d(T),[N,P]=f(!1);l(()=>{P(!0)},[]);let F=u(()=>{let e=[...M.current];if(!N)return e;let t=[...e],n=k?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.videos||[];t.push(...r)}return t},[N,k?.pages]),I=u(()=>n(F,`view-duration`),[F]);return m(i,{children:[S&&p(o,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:S}),p(a,{loadMore:()=>A().then(()=>void 0),hasMore:j===!0||j===void 0&&!!C&&T.length>0,className:``,initialLoad:!0,rootId:`app-scroll-container`,threshold:1e3,children:p(s,{props:{cardSpec:b,gap:x},data:I,styles:E})})]})}export{_ as default};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/component.mjs

@@ -0,0 +1,2 @@
+
+const e={componentName:`CardGrid3x3Infinite`,displayName:`卡片网格 3×3（无限滚动）`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/data.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/event.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={};export{e as eventSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/index.d.mts

@@ -0,0 +1,8 @@
+
+import { ComponentSchema } from "../../../../../utils/schema/component.mjs";
+import "../../../../../utils/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/index.d.ts
+declare const schema: ComponentSchema;
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/index.mjs

@@ -0,0 +1,2 @@
+
+import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/props.schema.mjs

@@ -0,0 +1,2 @@
+
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/style.schema.mjs

@@ -0,0 +1,2 @@
+
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/types.d.mts

@@ -0,0 +1,2 @@
+
+import "../../../../utils/index.mjs";

package/dist/components/biz/business/comment/comment-input.mjs

@@ -0,0 +1,6 @@
+
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{getAtUserElement as t,stripHtmlTags as n}from"../../../../utils/common.mjs";import{useUserStore as r}from"../../../../store/modules/user-store.mjs";import{createInputAndSelectFile as i,getCoverImage as a,getImageResolutionFromFile as o}from"../../../../utils/media.mjs";import{uploadFile as s}from"../../../../utils/upload-file.mjs";import{Image as c}from"../../../ui/image.mjs";import{Dialog as ee,DialogContent as te}from"../../../ui/dialog.mjs";import{useLoginModalStore as ne}from"../../../../store/modules/login-modal-store.mjs";import l from"../../../../assets/icons/close.mjs";import u from"../../../../assets/icons/detail/video_play.mjs";import re from"../../../../assets/icons/detail/commet_at.mjs";import ie from"../../../../assets/icons/detail/publish_pic.mjs";import ae from"../../../../assets/icons/detail/publish_video.mjs";import{UploadProgress as oe}from"../../../pages/publish/components/upload-progress.mjs";import{ContactList as se}from"../contact/contact-list.mjs";import{useKeyboardHandler as ce}from"./use-keyboard-handler.mjs";import{memo as d,useCallback as f,useEffect as p,useImperativeHandle as le,useMemo as m,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as y}from"sonner";import{useTranslations as ue}from"next-intl";function de(e){let t=e.clipboardData;if(!t)return``;let n=t.getData(`text/plain`);if(n)return n;let r=t.getData(`text/html`);if(!r)return``;try{return new DOMParser().parseFromString(r,`text/html`).body.textContent||``}catch{return``}}function fe(e,t){if(t<=0)return``;let n=0,r=``;for(let i of e){if(i!==`
+`&&(n++,n>t))break;r+=i}return r}function pe(e,t){if(!t)return;let n=window.getSelection(),r=null;n&&n.rangeCount>0&&(r=n.getRangeAt(0)),(!r||!e.contains(r.commonAncestorContainer))&&(e.focus(),r=document.createRange(),r.selectNodeContents(e),r.collapse(!1)),r.deleteContents();let i=document.createDocumentFragment(),a=t.split(`
+`);a.forEach((e,t)=>{e&&i.appendChild(document.createTextNode(e)),t<a.length-1&&i.appendChild(document.createElement(`br`))});let o=i.lastChild;if(r.insertNode(i),n&&o){let e=document.createRange();e.setStartAfter(o),e.collapse(!0),n.removeAllRanges(),n.addRange(e)}}const me=d(({imageVideoInfoList:t,onDelete:n,variant:r=`dark`})=>{if(t.length===0)return null;let i=r===`light`;return _(`div`,{className:e(`w-full overflow-hidden`,i?`px-4`:`h-[76px] px-[16px]`),children:_(`div`,{className:e(i?`flex items-center gap-3 overflow-x-auto py-3`:`w-full h-[calc(100%+60px)] pb-[60px] overflow-x-auto flex items-center flex-nowrap`),children:t.map((t,r)=>{let a=t.is_video?t.cover_image||t.image_url:t.image_url||t.cover_image;return v(`div`,{className:e(`w-[60px] h-[60px] rounded-[8px] overflow-hidden shrink-0 flex items-center justify-center bg-bg2 relative`,!i&&r>0&&`ml-[12px]`),onClick:e=>{e.target.closest(`[data-delete-button]`)&&e.stopPropagation()},children:[a&&_(c,{src:a,alt:`media`,fill:!0,objectFit:`cover`}),_(`button`,{type:`button`,className:`cursor-pointer absolute top-0 right-0 p-[4px] z-[1]`,"data-delete-button":`true`,onClick:()=>n(r),children:_(l,{className:`w-[12px] h-[12px] text-[#fff] drop-shadow-[0_1px_2px_rgba(0,0,0,0.5)]`})}),t.is_video&&_(`div`,{className:`absolute w-[24px] h-[24px] rounded-[12px] bg-[rgba(0,0,0,0.5)] top-0 right-0 bottom-0 left-0 m-auto flex items-center justify-center`,children:_(u,{className:`w-[12px] h-[12px] text-[#fff]`})})]},`${t.is_video?`video`:`image`}-${r}`)})})})});me.displayName=`CommentUploadGroup`;function b({disabled:t,onClick:n,children:r,variant:i=`dark`}){return _(`button`,{type:`button`,className:e(`flex h-12 flex-1 items-center justify-center`,i===`light`?`text-text2 hover:bg-bg2/60`:`text-white hover:bg-white/10`,t&&`opacity-40`),disabled:t,onClick:n,children:r})}function x({ref:c,value:l=``,onChange:u,onPublish:d,onInputBlur:x,placeholder:he=``,className:ge=``,maxLength:S=200,publishText:_e=``,autoFocus:ve,disabled:C,onRequireLogin:w,variant:ye=`dark`}){let T=ue(`components.biz.business.comment`),E=ye===`light`,be=_e||T(`commentInput.publishDefault`),xe=m(()=>{let e=he||T(`commentInput.placeholder`);return e.length>15?`${e.slice(0,15)}...`:e},[he,T]),[D,O]=g(l),[k,A]=g(!1),[j,M]=g(!1),Se=h(null),N=h(null),P=h(!1),F=h(0),Ce=h(0),[I,L]=g([]),[R,z]=g(!1),[B,V]=g(null),[H,we]=g(!1),U=C||H,{isLogin:W}=r(),{open:G}=ne(),{containerStyle:Te,onFocus:K,onBlur:Ee,inputRef:De}=ce(j),q=f(()=>{w?w():G()},[w,G]);p(()=>{N.current&&l&&(N.current.innerHTML=l)},[l]),p(()=>{typeof window>`u`||window.dispatchEvent(new CustomEvent(`funhub:visible-contact-change`,{detail:{visible:R}}))},[R]),p(()=>{if(!(!ve||!N.current)){if(!W){q();return}N.current.focus(),A(!0)}},[ve,q,W]),p(()=>{let e=e=>{let t=e.target,n=t.closest(`[data-delete-button]`),r=t.tagName===`INPUT`||t.tagName===`TEXTAREA`;n||r||Se.current?.contains(t)||Date.now()-F.current>100&&A(!1)};return document.addEventListener(`click`,e),()=>document.removeEventListener(`click`,e)},[]),le(c,()=>({focus:()=>{let e=N.current;if(!(!e||P.current)){P.current=!0;try{if(!W){q();return}if(document.activeElement===e&&k)return;e.focus(),F.current=Date.now(),A(!0),j||M(!0),K()}catch(e){console.warn(`CommentInput focus error`,e),A(!0)}finally{P.current=!1}}}}),[j,q,W,K,k]);let Oe=()=>{F.current=Date.now()},J=f(()=>{if(!N.current)return;let e=document.createRange(),t=window.getSelection();e.selectNodeContents(N.current),e.collapse(!1),t?.removeAllRanges(),t?.addRange(e)},[]),Y=f(e=>{N.current&&(N.current.innerHTML=e)},[]),X=f(e=>{let t=e.querySelectorAll(`img,video,audio,iframe,object,embed,svg,canvas`);if(t.length===0)return!1;t.forEach(e=>e.remove());let n=Date.now();return n-Ce.current>1500&&(Ce.current=n,y.info(T(`commentInput.pasteFileNotSupported`))),!0},[T]),ke=f(e=>{let t=N.current;if(!t)return;if(U){e.preventDefault();return}if(!W){e.preventDefault(),q(),t.blur();return}let r=e.clipboardData;if(r&&Array.from(r.items||[]).some(e=>e.kind===`file`)){e.preventDefault(),e.stopPropagation(),y.info(T(`commentInput.pasteFileNotSupported`));return}let i=de(e);if(!i){e.preventDefault();return}e.preventDefault(),e.stopPropagation();let a=i.replace(/\r\n/g,`
+`).replace(/\r/g,`
+`),o=n(t.innerHTML||``).length,s=S?Math.max(0,S-o):1/0;if(s<=0)return;pe(t,Number.isFinite(s)?fe(a,s):a),X(t);let c=t.innerHTML||``;O(c),u?.(c)},[q,U,W,S,u,X,T]),Ae=f(e=>{let t=e.currentTarget.innerHTML||``;X(e.currentTarget)&&(t=e.currentTarget.innerHTML||``);let r=n(t);S&&r.length>S&&(t=t.substring(0,S),Y(t),J()),O(t),u?.(t)},[S,J,u,Y,X]),je=f(e=>{e.preventDefault(),e.stopPropagation();let t=e.dataTransfer?.files;t&&t.length>0&&y.info(T(`commentInput.dragFileNotSupported`))},[T]),Me=f(e=>{e.preventDefault()},[]),Ne=()=>{if(!U){if(!W){q(),N.current?.blur();return}F.current=Date.now(),A(!0),j||M(!0),K()}},Pe=()=>{if(U){H&&y.info(T(`commentInput.publishing`));return}if(!W){q(),N.current?.blur();return}F.current=Date.now(),k||A(!0),j||M(!0),K()},Fe=()=>{setTimeout(()=>{Date.now()-F.current>200&&document.activeElement!==N.current&&(A(!1),x?.())},150),Ee()},Ie=f(()=>{O(``),Y(``),L([]),A(!1)},[Y]),Le=m(()=>n(D).trim().length===0,[D]),Z=m(()=>!Le||I.length>0,[I.length,Le]),Re=f(async()=>{if(!W){q();return}if(I.some(e=>e.is_video))return;let e=await i(`file`,`image/*`);if(!e||e.length===0)return;let t=9-I.length,n=Array.from(e).slice(0,t);if(n.length===0)return;let r=[],a=0,c=n.length;try{for(let e=0;e<n.length;e++){let t=n[e];V({currentFiles:r.length,totalFiles:c,currentTasks:r.length+a,totalTasks:c});try{let{width:e,height:n}=await o(t),i=await s(t,1,!0);r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:i.objectKey,image_thumbnail:i.objectKey,image_radio:Number((e/n).toFixed(2)),image_resolution:`${e}x${n}`,is_video:!1,resolution:`${e}x${n}`,video_duration:0,video_url:``,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}catch(e){console.error(`上传图片失败`,e),a+=1}}r.length===0?y.error(T(`commentInput.imageUploadFailed`)):(a>0&&y.warning(T(`commentInput.partialImageUploadFailed`)),L(e=>[...e,...r]))}finally{V(null)}},[q,I,W,T]),ze=f(async()=>{if(!W){q();return}if(I.length>0){y.error(T(`commentInput.cannotSelectVideoWhenImageSelected`));return}let e=await i(`file`,`video/*`);if(!e||e.length===0)return;let t=e[0];try{V({currentFiles:0,totalFiles:1,currentTasks:0,totalTasks:2});let e=await s(t,2,!1),[n,r,i,o]=await a(t);V({currentFiles:0,totalFiles:1,currentTasks:1,totalTasks:2});let c=await s(n,1,!0);L([{cover_image:c.objectKey,cover_image_thumbnail:c.objectKey,cover_image_radio:Number((r/i).toFixed(2)),cover_image_resolution:`${r}x${i}`,image_url:c.objectKey,image_thumbnail:c.objectKey,image_radio:Number((r/i).toFixed(2)),image_resolution:`${r}x${i}`,is_video:!0,resolution:`${r}x${i}`,video_duration:o,video_url:e.objectKey,video_size:t.size,video_codec_info:{hls_info:[],video_codec_deal:!1}}])}catch(e){console.error(`视频上传失败`,e),y.error(T(`commentInput.videoUploadFailed`))}finally{V(null)}},[q,I.length,W,T]),Be=f(async e=>{if(e.preventDefault(),e.stopPropagation(),!(!Z||C||H)){if(!W){w?w():G();return}try{we(!0);let e=await d?.({text:D===`<br>`?``:D,imageVideoInfoList:I});if(e&&e.success===!1){e.toastHandled||y.error(e.message||T(`commentInput.publishCommentFailed`));return}y.success(T(`commentInput.publishSuccess`)),Ie(),u?.(``)}catch(e){console.error(`发布评论失败:`,e),y.error(T(`commentInput.publishCommentFailed`))}finally{we(!1)}}},[Ie,C,I,D,W,Z,H,u,d,w,G,T]),Q=m(()=>!I.some(e=>e.is_video)&&I.length<9,[I]),$=m(()=>I.length===0,[I.length]),Ve=f(e=>{z(!1);let r=`${n(D).trim().length===0?``:D}${t(e)} `;O(r),Y(r),setTimeout(()=>{J()},16)},[D,J,Y]);function He(e){z(e)}function Ue(){z(!1)}let We=_(`button`,{type:`button`,className:e(`shrink-0 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium`,Z&&!H?`bg-theme5 text-white`:`bg-bg2 text-text3`),onClick:Be,disabled:!Z||U,children:H?T(`commentInput.publishing`):be}),Ge=_(`button`,{type:`button`,className:e(`ml-[14px] shrink-0 whitespace-nowrap px-[14px] py-[10px] text-[16px] leading-[16px]`,Z&&!H?`text-theme5`:`text-text3`),onClick:Be,disabled:!Z||U,children:H?T(`commentInput.publishing`):be}),Ke=H?_(`span`,{className:e(`ml-[14px] text-[16px] leading-[16px] text-text3`),children:T(`commentInput.publishing`)}):null,qe=E?Te:{...Te,boxShadow:k?`0px -4px 10px 0px rgba(0,0,0,0.1)`:`none`},Je=E?`comment-input-container g-safe-area rounded-2xl border border-line1/20 bg-white text-text1 shadow-sm`:`comment-input-container bg-bg1 g-safe-area text-text1`,Ye=k?E?v(`div`,{className:`flex border-t border-line1/20`,children:[_(b,{disabled:!Q,onClick:()=>{U||Q&&setTimeout(()=>{Re()},400)},variant:`light`,children:T(`commentInput.image`)}),_(b,{disabled:!$,onClick:()=>{U||$&&setTimeout(()=>{ze()},400)},variant:`light`,children:T(`commentInput.video`)}),_(b,{disabled:U,onClick:()=>{U||z(!0)},variant:`light`,children:`@`})]}):v(`div`,{className:`flex h-[50px] items-center justify-around border-t border-line1 px-[8px]`,children:[_(`button`,{type:`button`,className:e(`flex h-full items-center justify-center px-[12px]`,(!Q||U)&&`opacity-50`),onClick:()=>{U||Q&&setTimeout(()=>{Re()},400)},children:_(ie,{className:`h-[22px] w-[22px]`})}),_(`button`,{type:`button`,className:e(`flex h-full items-center justify-center px-[12px]`,(!$||U)&&`opacity-50`),onClick:()=>{U||$&&setTimeout(()=>{ze()},400)},children:_(ae,{className:`h-[22px] w-[22px]`})}),_(`button`,{type:`button`,className:e(`flex h-full items-center justify-center px-[12px]`,U&&`opacity-50`),onClick:()=>{U||z(!0)},children:_(re,{className:`h-[22px] w-[22px]`})})]}):null,Xe=E?``:`mx-auto w-full max-w-[840px]`;return v(`div`,{style:qe,className:e(Je,ge),onMouseDown:Oe,onTouchStart:Oe,onClick:Oe,ref:Se,children:[B&&_(oe,{currentFiles:B.currentFiles,totalFiles:B.totalFiles,currentTasks:B.currentTasks,totalTasks:B.totalTasks}),v(`div`,{className:Xe,children:[k&&_(me,{imageVideoInfoList:I,onDelete:e=>L(t=>t.filter((t,n)=>n!==e)),variant:ye}),v(`div`,{className:e(`px-4 py-3`,E?`flex items-center gap-3`:`flex items-center justify-between`),children:[v(`div`,{className:e(`relative min-w-0 flex-1 rounded-[20px] bg-bg2`,E?`rounded-2xl`:``),children:[!W&&_(`div`,{className:`absolute inset-0 z-[1] cursor-text`,onClick:q}),Le&&_(`span`,{className:e(`pointer-events-none absolute left-3 top-[10px] text-sm text-text3`),children:xe}),_(`div`,{ref:e=>{N.current=e,De(e)},contentEditable:!U,suppressContentEditableWarning:!0,className:e(`max-h-24 min-h-[40px] w-full cursor-text overflow-y-auto px-3 py-[10px] text-sm leading-5 outline-none break-all whitespace-pre-wrap text-text1`,U&&`cursor-not-allowed opacity-60`),"data-placeholder":xe,onInput:Ae,onFocus:Ne,onClick:Pe,onBlur:Fe,onPaste:ke,onDrop:je,onDragOver:Me})]}),k?E?We:Ge:Ke]}),Ye]}),_(ee,{open:R,onOpenChange:He,children:_(te,{showCloseButton:!1,initialFocus:!1,className:`fixed left-0 right-0 bottom-0 top-[84px] z-[1000] w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0`,children:_(se,{onSelect:Ve,onClose:Ue})})})]})}x.displayName=`CommentInput`;export{x as default};

package/dist/components/biz/business/comment/comment-item.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{Avatar as t,AvatarImage as n}from"../../../ui/avatar.mjs";import r from"../../../common/interaction-animations.module.mjs";import i from"../../../../assets/icons/common/right_arrow.mjs";import{useInteractionAnimation as a}from"../../../../hooks/use-interaction-animation.mjs";import o from"../../../../assets/icons/detail/give_like.mjs";import s from"../../../../assets/icons/detail/give_like_sel.mjs";import c from"../../../../assets/icons/common/god_comment.mjs";import l from"../../../../assets/icons/detail/un_like.mjs";import u from"../../../../assets/icons/detail/un_like_sel.mjs";import{CommentMedia as d}from"./comment-media.mjs";import{CommentRichText as f}from"./comment-rich-text.mjs";import{TimeDisplay as p}from"./time-display.mjs";import{memo as m}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useTranslations as _}from"next-intl";import v from"next/link";function y(e){let t=Number(e)||0;return t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}const b=m(({comment:m,isHighlight:b,onReply:x,onViewReplies:S,onReplyAction:C,onLike:w,onDislike:T,onRequireLogin:E,variant:D=`dark`,rightSlot:O,showReplyButton:k=!0,isLogin:A=!0})=>{let j=_(`components.biz.business.comment`),M=D===`light`,N=m.status===`0`,P=a();function F(){E?.()}function I(){if(!A){F();return}P.trigger(r.likeShakeAnimation),w?.(m)}function L(){if(!A){F();return}T?.(m)}function R(){if(!A){F();return}if(!x){F();return}x(m)}function z(){if(!A){F();return}S?.(m)}function B(){if(!A){F();return}if(C){C(m);return}if(+m.reply_cnt==0){R();return}z()}function V(){return m.reply_cnt===`0`?j(`commentItem.reply`):j(`commentItem.replyCount`,{count:m.reply_cnt})}return g(`div`,{className:e(`flex flex-col p-[16px] relative`,M?`text-text1`:`text-white`),children:[b&&h(c,{className:`w-[70px] h-[70px] absolute top-0 right-[80px]`}),g(`div`,{className:`flex flex-row justify-between relative z-[2]`,children:[g(v,{className:`flex flex-row items-center`,href:`/profile/${m.user_id}`,children:[h(t,{children:h(n,{src:m.avatar,alt:m.user_name})}),g(`div`,{className:`ml-[12px] flex flex-col min-w-0`,children:[h(`span`,{className:e(`text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap`,M?`text-text2`:`text-white/80`),children:m.user_name}),h(`span`,{className:e(`mt-[8px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/50`),children:h(p,{timestamp:m.created_at})})]})]}),N?h(`div`,{className:`px-[8px] py-[4px] bg-text3/10 rounded-[12px]`,children:h(`span`,{className:e(`text-[12px] leading-[12px]`,M?`text-text3`:`text-white/60`),children:j(`commentItem.contentInReview`)})}):O||g(`div`,{className:`flex flex-row items-center`,children:[g(`button`,{type:`button`,className:`px-[4px] flex flex-col items-center`,onClick:I,children:[m.like_flag===`1`?h(s,{className:e(`w-[14px] h-[14px]`,P.animationClass)}):h(o,{className:e(`w-[14px] h-[14px]`,M?`text-text3`:`text-white/70`,P.animationClass)}),h(`span`,{className:e(`mt-[4px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/70`),children:m.like_cnt===`0`?j(`commentItem.like`):y(m.like_cnt)})]}),g(`button`,{type:`button`,className:`ml-[12px] px-[4px] flex flex-col items-center`,onClick:L,children:[m.like_flag===`2`?h(u,{className:`w-[14px] h-[14px]`}):h(l,{className:e(`w-[14px] h-[14px]`,M?`text-text3`:`text-white/70`)}),h(`span`,{className:e(`mt-[4px] text-[12px] leading-[12px]`,M?`text-text3`:`text-white/70`),children:m.dislike_cnt===`0`?j(`commentItem.dislike`):y(m.dislike_cnt)})]})]})]}),g(`div`,{className:`mt-[4px] pl-[50px] flex flex-col`,children:[m.text&&h(f,{className:e(`text-[14px] leading-[22px] break-all`,M?`text-text1`:`text-white/90`),text:m.text,atUsers:m.at_users}),h(d,{list:m.nine_grid_content_info,disabled:N,hasText:!!m.text,playerId:m.id}),k&&g(`button`,{type:`button`,className:e(`mt-[4px] w-[fit-content] h-[30px] px-[12px] text-[14px] leading-[22px] flex flex-row items-center rounded-[15px]`,M?`text-text1 bg-bg2`:`text-white bg-white/10`),onClick:B,children:[h(`span`,{children:V()}),m.reply_cnt!==`0`&&h(i,{className:`w-[10px] h-[10px] ml-[2px]`})]})]})]})});export{b as CommentItem};

package/dist/components/biz/business/comment/comment-list.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{debounceFun as t,getCurrentSecondTime as n,parseTextAtUserIds as r,replaceAtUserElement as i}from"../../../../utils/common.mjs";import{useUserStore as a}from"../../../../store/modules/user-store.mjs";import{gCommunityGetComments as o,pCommunityCreateComment as s,pCommunityDislikeComment as c,pCommunityLikeComment as l}from"../../../../service/generated/client.mjs";import{Box as u}from"../../../ui/box.mjs";import{InfiniteScroll as ee}from"../../../ui/infinite-scroll.mjs";import{Text as d}from"../../../ui/text.mjs";import{useDeleteRequest as te}from"../../../../hooks/query/use-query.mjs";import{useLoginModalStore as ne}from"../../../../store/modules/login-modal-store.mjs";import{useLikeDislike as re}from"../../../../hooks/use-like-dislike.mjs";import{useKeepAliveEffect as ie,useKeepAliveState as f}from"../../../common/keep-scroll-position/index.mjs";import{isMobileIOS as ae}from"../../../../utils/tools.mjs";import{MediaPreview as oe}from"../../../common/media-preview/index.mjs";import{mapApiCommentToComment as p}from"../../../../types/safe-comment.mjs";import se from"../../../../assets/icons/common/solid-arrow.mjs";import ce from"./comment-input.mjs";import{CommentItem as le}from"./comment-item.mjs";import ue from"./reply-detail.mjs";import{memo as m,useCallback as h,useEffect as de,useMemo as g,useRef as fe,useState as pe}from"react";import{Fragment as me,jsx as _,jsxs as v}from"react/jsx-runtime";import{toast as he}from"sonner";import{useTranslations as ge}from"next-intl";const _e=t(e=>{e()},0),ve=t(e=>{e()},10),ye=t(e=>{try{l({comment_id:e.id,is_like:e.like_flag!==`1`},{revalidate:!1})}catch(e){console.error(`点赞评论失败:`,e)}},200),be=t(e=>{try{c({comment_id:e.id,is_dislike:e.like_flag!==`2`},{revalidate:!1})}catch(e){console.error(`点踩评论失败:`,e)}},200);function xe(e){if(e==null)return 0;let t=typeof e==`number`?e:Number(e);if(!Number.isNaN(t)&&t>0)return t>0xe8d4a51000?Math.floor(t/1e3):Math.floor(t);let n=Date.parse(String(e));return Number.isNaN(n)?0:Math.floor(n/1e3)}function y(e,t,n){let r=[];return Array.isArray(n)&&n.length>0?(n.forEach(e=>{let t=!!e?.is_video,n=String(e?.media_url||``),i=String(e?.cover_image||``);!n&&!i||r.push({cover_image:i,cover_image_thumbnail:i,cover_image_radio:1,cover_image_resolution:String(e?.cover_image_resolution||``),image_url:t?``:n,image_thumbnail:t?``:n,image_radio:1,image_resolution:String(e?.image_resolution||``),is_video:t,resolution:String(e?.video_resolution||``),video_duration:Number(e?.video_duration||0),video_url:t?n:``,video_size:Number(e?.video_size||0),video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r):(e?.length&&e.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:e,image_thumbnail:e,image_radio:1,image_resolution:``,is_video:!1,resolution:``,video_duration:0,video_url:``,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),t?.length&&t.forEach(e=>{r.push({cover_image:``,cover_image_thumbnail:``,cover_image_radio:1,cover_image_resolution:``,image_url:``,image_thumbnail:``,image_radio:1,image_resolution:``,is_video:!0,resolution:``,video_duration:0,video_url:e,video_size:0,video_codec_info:{hls_info:[],video_codec_deal:!1}})}),r)}function Se(e){let t=typeof e.reply_count==`number`?e.reply_count:0,n=Array.isArray(e.sub_comments)?e.sub_comments.length:0,r=t>0?t:n,i=e.is_liked?`1`:e.is_dislike?`2`:`0`,a=b(e.mentioned_users),o=a.length>0?a:Ce(e.content||``),s=String(e.comment_id??e.id??``),c=typeof e.like_count==`number`?e.like_count:0,l=e.is_liked&&c===0?1:c;return p({id:s,reply_cnt:r.toString(),like_cnt:l,dislike_cnt:0,created_at:xe(e.create_time),text:e.content||``,type:`4`,like_flag:i,user_id:e.user_id||``,user_name:e.user?.nickname||e.user?.username||``,avatar:e.user?.avatar_url||``,files:[],at_users:o,nine_grid_content_info:y(e?.images,e?.videos,e?.medias),is_follow:!1})}function b(e){return Array.isArray(e)?e.map(e=>({user_id:e.user_id||``,name:e.nickname||e.username||``,avatar:e.avatar_url||``,birthday:``,signature:e.signature||``})):[]}function Ce(e){if(!e)return[];let t=new Map,n=/<span[^>]*class=['"]mention['"][^>]*data-id=['"]([^'"]+)['"][^>]*>@([^<]*)<\/span>/g,r;for(;(r=n.exec(e))!==null;){let e=r[1]?String(r[1]):``,n=(r[2]?String(r[2]):``).replace(/^@/,``)||e;!e||t.has(e)||t.set(e,{user_id:e,name:n,avatar:``,birthday:``,signature:``})}if(t.size>0)return Array.from(t.values());let i=/<@_user>(\w+)<\/@_user>/g;for(;(r=i.exec(e))!==null;){let e=r[1]?String(r[1]):``;!e||t.has(e)||t.set(e,{user_id:e,name:e,avatar:``,birthday:``,signature:``})}return Array.from(t.values())}function we(e){return!Array.isArray(e)||e.length===0?[]:e.map(e=>{let t=!!e.is_video,n=t?String(e.video_url||``):String(e.image_url||e.cover_image||``),r=String(e.cover_image||e.image_url||``);return{media_url:n,is_video:t,image_resolution:String(e.image_resolution||``),cover_image:r,cover_image_resolution:String(e.cover_image_resolution||``),video_resolution:String(e.resolution||``),video_duration:Number(e.video_duration||0),video_size:Number(e.video_size||0)}}).filter(e=>!!e.media_url)}const x=m(({information:t,listQueryKey:c,contentId:l,contentType:m,isShow:xe=!0,isClickLoad:y=!1,initialComments:b,initialTotal:x,initialHasMore:S,addCommentCount:Te,onCommentAdded:Ee,onRequireLogin:C,onTotalChange:w,onReplyDetailVisibleChange:T,className:De})=>{let{userInfo:E,userId:Oe,isLogin:D}=a(),{open:ke}=ne(),O=ge(`components.biz.business.comment`),Ae=Te??Ee??(()=>{});function je(e){if(!e)return``;if(Array.isArray(e))return String(e[0]||``);if(typeof e==`object`){if(Object.prototype.hasOwnProperty.call(e,`comment_id`))return String(e.comment_id??``);if(Array.isArray(e.data))return String(e.data[0]||``)}return``}let k=h(()=>{C?C():ke()},[C,ke]),A=y?5:20,j=g(()=>b?.length?b.map(Se):[],[b]),M=b!==void 0||typeof x==`number`||typeof S==`boolean`,Me=g(()=>typeof S==`boolean`?S:typeof x==`number`?j.length<x:M?j.length===0?!1:j.length>=A:!0,[M,S,j.length,x,A]),[N,P]=f(`info-detail-comment-list-${l}`,j),[F,I]=f(`info-detail-comment-list-has-more-${l}`,Me),[L,Ne]=f(`info-comment-detail-page-${l}`,j.length>0?2:1),[Pe,R]=f(`info-detail-comment-list-loading-${l}`,!1),[z,B]=f(`info-detail-selected-comment-${l}`,p({id:``,user_id:``})),[V,H]=f(`info-detail-reply-detail-visible-${l}`,!1),[U,W]=pe(!1),G=fe(null),K=h(e=>{typeof window>`u`||window.dispatchEvent(new CustomEvent(`funhub:comment-reply-detail-visible-change`,{detail:{visible:e}}))},[]);de(()=>{K(V),T?.(V)},[K,T,V]),de(()=>()=>{K(!1),T?.(!1)},[K,T]);let q=g(()=>Pe||F&&N.length===0?O(`commentList.loading`):N.length>0&&!F?O(`commentList.noMore`):N.length===0&&!F?O(`commentList.emptyPrompt`):``,[N.length,F,Pe,O]),Fe=g(()=>U?`回复@${z.user_name}`:``,[U,z.user_name]),{getLikedListData:Ie,getDislikedListData:J}=re(),Le=h(()=>{P(e=>e.map(e=>e.id===z.id?{...e,reply_cnt:(Number(e.reply_cnt||0)+1).toString()}:e)),B(e=>({...e,reply_cnt:(Number(e.reply_cnt||0)+1).toString()}))},[z.id,P,B]),Y=h(async()=>{if(l)try{let e=await o({content_id:l,page:L,page_size:A,sort_by:`latest`});if(e.code!==0)throw Error(e.message||O(`commentList.fetchCommentsFailed`));let t=(e.data?.data?.comments??[]).map(Se),n=e.data?.data?.total??0;L===1&&w&&w(n),((e.data?.data?.has_more??!1)===!1||t.length<A)&&I(!1),P(e=>{let n=new Set(e.map(e=>e.id)),r=t.filter(e=>!n.has(e.id));return[...e,...r]}),Ne(L+1)}catch(e){console.error(`获取评论列表失败:`,e),I(!1)}},[l,L,A,P,I,Ne]),X=h(async()=>{R(!0);try{await Y()}catch(e){console.error(`获取评论列表失败:`,e)}R(!1)},[Y,R]);ie(()=>{y&&!M&&X()},[M,y,X],`info-detail-comment-initial-load-more-${l}`),ie(()=>{!M||!w||typeof x==`number`&&w(x)},[M,x,w],`info-detail-comment-initial-total-${l}`);function Re(){_e(()=>{W(!1)})}async function ze({text:e,imageVideoInfoList:t}){try{if(!D)return k(),{success:!1,message:O(`commentList.loginRequired`)};let a=E?.userId||E?.user_id||Oe||``;if(!a)return k(),{success:!1,message:O(`commentList.loginRequired`)};let o=E?.nick_name||E?.nickname||E?.name||E?.user_name||E?.username||``,c=E?.avatar||E?.avatar_url||``,u=we(t),ee=r(e),d=await s({content_id:l,content:i(e),medias:u,mentioned_users:ee,source_type:m===`video`?1:2},{revalidate:!1});if(d.code===0){let r=je(d.data);if(!r||r===`0`)return{success:!1,message:O(`commentList.publishCommentFailed`)};let i=Ce(e),s=p({text:e,id:r,avatar:c,user_id:a,user_name:o,like_cnt:d.data.like_count,created_at:n(),nine_grid_content_info:t,at_users:i});return P(e=>[s,...e]),{success:!0}}else return{success:!1,message:d.message||O(`commentList.publishCommentFailed`)}}catch(e){return console.error(e),{success:!1,message:O(`commentList.publishCommentFailed`)}}}let Z=h(async({text:e,imageVideoInfoList:t,callback:n})=>{try{if(!D)return k(),{success:!1,message:O(`commentList.loginRequired`)};if(!z?.id||z.id===`0`)return{success:!1,message:O(`commentList.invalidReplyTarget`)};let a=we(t),o=r(e),c=await s({content_id:l,content:i(e),medias:a,mentioned_users:o,parent_id:z.id,source_type:m===`video`?1:2},{revalidate:!1});if(c.code!==0)return{success:!1,message:c.message||O(`commentList.publishReplyFailed`)};P(e=>e.map(e=>e.id===z.id?{...e,reply_cnt:(Number(e.reply_cnt)+1).toString()}:e));let u=je(c.data);return!u||u===`0`?{success:!1,message:O(`commentList.publishReplyFailed`)}:(n?.(u),{success:!0})}catch(e){return console.error(`发布回复评论失败:`,e),{success:!1,message:O(`commentList.publishReplyFailed`)}}},[l,m,D,k,z.id,P,O]);async function Be({text:e,imageVideoInfoList:t}){let n=e=>e.success?e:(he.error(e.message||O(`commentList.publishCommentFailed`)),{...e,toastHandled:!0});if(U){let r=await Z({text:e,imageVideoInfoList:t,callback:e=>{}});return W(!1),n(r)}else{let r=await ze({text:e,imageVideoInfoList:t});return r.success&&Ae(),W(!1),n(r)}}let Q=h(e=>{B(e),ae()&&G.current?.focus(),ve(()=>{W(!0),G.current?.focus()})},[B]),$=h(e=>{B(e),H(!0)},[H,B]),Ve=h(e=>{if(e.reply_cnt===`0`){Q(e);return}$(e)},[Q,$]),He=h(e=>{if(!D){C?.();return}P(Ie(N,e.id)),ye(e)},[N,Ie,D,C,P]),Ue=h(e=>{if(!D){C?.();return}e.like_flag!==`2`&&he.message(O(`commentList.dislikeHint`)),P(J(N,e.id)),be(e)},[N,J,D,C,P,O]),We=te();function Ge(){c&&We(c),H(!1)}return v(me,{children:[v(u,{className:e(`w-full pb-[60px]`,De),children:[N.map((e,t)=>_(le,{comment:e,onReply:Q,onViewReplies:$,onReplyAction:Ve,onLike:He,onDislike:Ue,isLogin:D,onRequireLogin:k},`${e.id}-${t}-comment`)),xe&&_(ee,{loadMore:async()=>{await Y()},hasMore:F,initialLoad:!y&&N.length===0&&F!==!1}),y&&v(u,{className:`w-full my-[8px]`,children:[!q&&v(u,{className:`w-[fit-content] h-[42px] flex items-center justify-center mx-[auto]`,onClick:()=>{X()},children:[_(d,{className:`text-text3 text-[14px]`,children:O(`commentList.viewMore`)}),_(se,{className:`w-[8px] h-[auto] ml-[4px] text-text3`})]}),q&&_(u,{className:`w-full h-[42px] flex items-center justify-center`,children:_(d,{className:`text-text3 text-[12px]`,children:q})})]}),_(ce,{placeholder:Fe,onPublish:({text:e,imageVideoInfoList:t})=>Be({text:e,imageVideoInfoList:t}),onInputBlur:Re,onRequireLogin:k,ref:G})]}),_(ue,{visible:V,comment:z,information:t,contentType:m,onClose:Ge,onReplyComment:Z,onReplyAdded:Le,onRequireLogin:k},z.id),_(oe,{})]})});export{x as default};