@funhub/platform 0.1.10 → 0.1.13

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};

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

@@ -0,0 +1,2 @@
+
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useMediaPreview as t}from"../../../common/media-preview/index.mjs";import{UserActivityMediaGrid as n}from"../../../common/list/user-activity-list/user-activity-list-item.mjs";import{useMemo as r}from"react";import{jsx as i}from"react/jsx-runtime";function a({list:a,disabled:o=!1,className:s,hasText:c=!1}){let l=o,u=e(`w-full mb-[4px]`,c?`mt-[2px]`:`mt-[8px]`,s),d=t(),f=r(()=>(a??[]).filter(Boolean),[a]),p=r(()=>f.filter(Boolean).slice(0,9).map(e=>{let t=!!e.is_video;return{is_video:t,media_url:t?String(e.video_url||``):String(e.image_url||e.image_thumbnail||``),cover_image:String(e.cover_image_thumbnail||e.cover_image||e.image_thumbnail||e.image_url||``)}}).filter(e=>!!e.media_url||!!e.cover_image),[f]),m=r(()=>p.map(e=>{let t=e.is_video?`video`:`image`,n=String(e.media_url||``);if(!n)return null;let r=e.cover_image?String(e.cover_image):void 0;return{src:n,type:t,...r?{cover:r}:{}}}).filter(Boolean),[p]);return p.length?i(`div`,{className:e(u,l&&`pointer-events-none opacity-60`),children:i(n,{medias:p,onItemClick:e=>{l||!m.length||d.open(m,e)}})}):null}export{a as CommentMedia};

package/dist/components/biz/business/comment/comment-rich-text.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{stripHtmlTags as e}from"../../../../utils/common.mjs";import{useMemo as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"next/link";const a=[];function o(o){let{text:s,atUsers:c,className:l}=o,u=c??a,d=t(()=>s?e(s.replace(/<@_user>(\w+)<\/@_user>/g,(e,t)=>{let n=u.find(e=>e.user_id===t||e.userId===t),r=n?.name||n?.user_name||``;return r?`@${r}`:`@${t}`})):``,[u,s]),f=t(()=>{if(!d||u.length===0)return d;let e=d,t=[],n=0;return u.forEach((a,o)=>{let s=a.name||a.user_name||``;if(!s)return;let c=RegExp(`@${s}`,`g`),l=c.exec(e);for(;l!==null;)l.index>n&&t.push(e.slice(n,l.index)),t.push(r(i,{href:`/profile/${a.user_id}`,className:`text-theme1 hover:text-theme1/80 transition-colors`,children:[`@`,s]},`at-user-${a.user_id}-${o}-${l.index}`)),n=l.index+l[0].length,l=c.exec(e)}),n<e.length&&t.push(e.slice(n)),t.length>0?t:d},[u,d]);return typeof f==`string`?n(`span`,{className:l,children:f}):n(`span`,{className:l,children:f.map((e,t)=>typeof e==`string`?e:n(`span`,{children:e},t))})}export{o as CommentRichText};

package/dist/components/biz/business/comment/reply-detail.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,pInteractionFollow as u,pInteractionUnfollow as d}from"../../../../service/generated/client.mjs";import{checkFollowStatus as f}from"../../../../utils/follow-service.mjs";import{Image as p}from"../../../ui/image.mjs";import{Dialog as m,DialogContent as h}from"../../../ui/dialog.mjs";import{InfiniteScroll as g}from"../../../ui/infinite-scroll.mjs";import{useLikeDislike as _}from"../../../../hooks/use-like-dislike.mjs";import{useKeepAliveState as v}from"../../../common/keep-scroll-position/index.mjs";import{useFollowIdsState as y}from"../../../../store/modules/follow-ids-store.mjs";import b from"../../../../assets/icons/close.mjs";import x from"../../../../assets/icons/common/follow_sel.mjs";import S from"../../../../assets/icons/common/follow_user.mjs";import{UnfollowConfirmDialog as C}from"../../../common/follow-button/unfollow-confirm-dialog.mjs";import w from"../../../../assets/icons/detail/give_like.mjs";import T from"../../../../assets/icons/detail/give_like_sel.mjs";import E from"./comment-input.mjs";import D from"../../../../assets/icons/detail/un_like.mjs";import O from"../../../../assets/icons/detail/un_like_sel.mjs";import{CommentMedia as k}from"./comment-media.mjs";import{CommentRichText as A}from"./comment-rich-text.mjs";import{TimeDisplay as j}from"./time-display.mjs";import{CommentItem as M}from"./comment-item.mjs";import{mapApiReplayToReplay as N}from"../../../../types/safe-replay.mjs";import{memo as P,useCallback as F,useEffect as I,useMemo as L,useRef as R,useState as z}from"react";import{Fragment as B,jsx as V,jsxs as H}from"react/jsx-runtime";import{toast as U}from"sonner";import{useTranslations as W}from"next-intl";import{useRouter as G}from"next/navigation";function K(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 q(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 J(e){let t=X(e.mentioned_users),n=t.length>0?t:Z(e.content||``);return{id:String(e.comment_id??e.id??``),user_name:e.user?.nickname||e.user?.username||``,text:e.content||``,type:`4`,files:[],at_users:n,cover_image:``,nine_grid_content_info:q(e?.images,e?.videos,e?.medias)}}function Y(e,t){let n=e.is_liked?`1`:e.is_dislike?`2`:`0`,r=X(e.mentioned_users),i=r.length>0?r:Z(e.content||``),a=String(e.comment_id??e.id??``),o=typeof e.like_count==`number`?e.like_count:0,s=N({id:a,like_cnt:(e.is_liked&&o===0?1:o).toString(),dislike_cnt:(e.dislike_count||0).toString(),created_at:K(e.create_time),text:e.content||``,type:`4`,like_flag:n,user_id:e.user_id||``,user_name:e.user?.nickname||e.user?.username||``,avatar:e.user?.avatar_url||``,reply_cnt:(e.reply_count||0).toString(),nine_grid_content_info:q(e?.images,e?.videos,e?.medias),at_users:i,parent_reply:void 0});return t&&(s.parent_reply=J(t)),s}function X(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 Z(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 ee(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)}function Q(e,t){let n=[];return e.forEach(e=>{n.push(Y(e,t)),e.sub_comments?.length&&n.push(...Q(e.sub_comments,e))}),n}function $(e){let t=Number(e)||0;return t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}const te=t((e,t,n)=>{try{if(!e?.id)return;l({comment_id:e.id,is_like:e.like_flag!==`1`},{revalidate:!1})}catch(e){console.error(`点赞回复失败:`,e)}},200),ne=t((e,t,n)=>{try{if(!e?.id)return;c({comment_id:e.id,is_dislike:e.like_flag!==`2`},{revalidate:!1})}catch(e){console.error(`点踩回复失败:`,e)}},200),re=P(({comment:e,updateFollow:t,onRequireLogin:n})=>{let{userInfo:r,userId:i,isLogin:o}=a(),s=r?.userId||r?.user_id||i||``;return V(`div`,{className:`w-full bg-bg1`,children:V(M,{comment:e,variant:`light`,isLogin:o,onRequireLogin:n,rightSlot:L(()=>!!s&&String(s)===String(e.user_id||``),[e.user_id,s])?V(B,{}):V(ie,{userId:e.user_id,hasFollow:e.is_follow,onChange:t,onRequireLogin:n}),showReplyButton:!1})})});function ie({userId:t,hasFollow:n=!1,onChange:r,onRequireLogin:i}){let o=W(`components.biz.business.comment`),{isLogin:s,userInfo:c,userId:l}=a(),{followIds:f}=y(),[p,m]=z(n),[h,g]=z(!1),_=c?.userId||c?.user_id||l||``,v=L(()=>!!_&&String(_)===String(t||``),[t,_]),b=L(()=>n||f.includes(t),[f,n,t]);I(()=>{m(b)},[b]);let w=F(async()=>{try{if(!_||!t||t===`0`){U.error(o(`replyDetail.loginRequired`));return}if(p){let e=await d({follower_id:String(_),followee_id:t});if(e.code!==0){U.error(e.message||o(`replyDetail.unfollowFailed`));return}}else{let e=await u({follower_id:String(_),followee_id:t});if(e.code!==0){U.error(e.message||o(`replyDetail.followFailed`));return}}window.sensors?.track(`detail_follow_click`,{object_id:``,action:p?`取消关注`:`关注`,author_id:t}),sessionStorage.setItem(`user_page_refresh`,`1`)}catch(e){console.error(`关注或取消关注失败:`,e),U.error(o(p?`replyDetail.unfollowFailed`:`replyDetail.followFailed`));return}let e=!p;r?.(e),m(e);let{followIds:n,setFollowIds:i}=y.getState(),a=new Set(n);e?a.add(t):a.delete(t),i(Array.from(a))},[t,p,r,_,o]),T=F(()=>{if(!s){i?.();return}if(p){g(!0);return}w()},[w,p,s,i]);function E(){g(!1),w()}function D(){g(!1)}return v||!t||t===`0`?null:H(B,{children:[V(`div`,{className:e(`h-[28px] rounded-[14px] px-[8px] border border-solid cursor-pointer flex items-center justify-center`,p?`border-text3`:`border-theme5`),onClick:T,children:p?H(B,{children:[V(x,{className:`w-[12px] h-[12px] text-text3 shrink-0`}),V(`span`,{className:`text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:o(`replyDetail.followed`)})]}):H(B,{children:[V(S,{className:`block w-[12px] h-[12px] text-theme5 shrink-0`}),V(`span`,{className:`block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:o(`replyDetail.follow`)})]})}),V(C,{open:h,onOpenChange:g,onCancel:D,onConfirm:E})]})}const ae=t(e=>{e()},0);function oe(e,t,n,r){let i=R(!1);I(()=>{i.current=!1},[r]),I(()=>{let r=e.current;if(!r)return;!i.current&&t>0&&(r.scrollTop=t,i.current=!0);let a=()=>{i.current=!0,n(r.scrollTop)};return r.addEventListener(`scroll`,a,{passive:!0}),()=>r.removeEventListener(`scroll`,a)},[e,n,t,r])}const se=P(({commentId:e,informationId:t,handleReplyComment:n,onReplyListUpdate:r})=>{let i=W(`components.biz.business.comment`),[a,s]=v(`replay-detail-list-${e}`,[]),[c,l]=v(`replay-detail-has-more-${e}`,!0),[u,d]=v(`replay-detail-page-${e}`,1),{getLikedListData:f,getDislikedListData:p}=_(),m=R(!1),h=F(async()=>{if(!(!e||!t)&&!m.current){m.current=!0;try{let n=await o({content_id:t,parent_id:e,page:u,page_size:20,sort_by:`latest`});if(n.code!==0)throw Error(n.message||i(`replyDetail.fetchRepliesFailed`));let r=n.data?.data?.comments??[],a=Q(r);((n.data?.data?.has_more??!1)===!1||r.length<20)&&l(!1),s(e=>{let t=new Set(e.map(e=>e.id)),n=a.filter(e=>!t.has(e.id));return[...e,...n]}),a.length>0&&d(u+1)}catch(e){console.error(`获取回复列表失败:`,e),l(!1)}finally{m.current=!1}}},[e,t,u,s,l,d,i]),y=F(e=>{s(t=>[e,...t])},[s]);I(()=>{r(y)},[r,y]),I(()=>{e&&t&&(s(e=>e.length===0?e:[]),l(e=>e===!0?e:!0),d(e=>e===1?e:1))},[e,t,s,l,d]);let b=F(n=>{s(e=>f(e,n.id)),te(n,t,e)},[e,f,t,s]),x=F(n=>{n.like_flag!==`2`&&U.message(i(`replyDetail.dislikeHint`)),s(e=>p(e,n.id)),ne(n,t,e)},[e,p,t,s,i]),[S,C]=v(`replay-detail-scroll-top-${e}`,0),w=R(null);oe(w,S,C,e),I(()=>{!e||!t||a.length===0&&c&&h()},[e,t,h,a.length,c]);let T=F(async()=>{await h()},[h]);return H(`div`,{ref:w,className:`w-full pb-[66px]`,children:[a.map((e,t)=>V(ce,{replyItem:e,replyComment:n,onLikeReply:b,onDislikeReply:x},`${e.id}-${t}`)),V(g,{loadMore:T,hasMore:c})]})});function ce({replyItem:e,replyComment:t,onLikeReply:n,onDislikeReply:r}){let i=W(`components.biz.business.comment`),a=G(),o=e.status===`0`;function s(){n?.(e)}function c(){r?.(e)}function l(){t(e)}return H(`div`,{className:`p-[16px] flex flex-col`,children:[H(`div`,{className:`flex flex-row justify-between`,children:[H(`button`,{type:`button`,className:`flex flex-row items-center text-left`,onClick:()=>{a.push(`/profile/${e.user_id}`)},children:[V(`div`,{className:`w-[38px] h-[38px] rounded-full overflow-hidden relative bg-bg2`,children:e.avatar&&V(p,{src:e.avatar,fill:!0,objectFit:`cover`,alt:`avatar`})}),H(`div`,{className:`ml-[12px] flex flex-col`,children:[V(`span`,{className:`text-text2 text-[14px] leading-[14px] max-w-[180px] text-ellipsis overflow-hidden whitespace-nowrap`,children:e.user_name}),V(`span`,{className:`mt-[8px] text-text3 text-[12px] leading-[12px]`,children:V(j,{timestamp:e.created_at})})]})]}),o?V(`div`,{className:`px-[8px] py-[4px] bg-text3/10 rounded-[12px]`,children:V(`span`,{className:`text-text3 text-[12px] leading-[12px]`,children:i(`replyDetail.underReview`)})}):H(`div`,{className:`flex flex-row items-center`,children:[H(`div`,{className:`px-[4px] flex flex-col items-center`,onClick:s,children:[e.like_flag===`1`?V(T,{className:`w-[14px] h-[14px]`}):V(w,{className:`w-[14px] h-[14px] text-text3`}),V(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.like_cnt===`0`?i(`replyDetail.like`):$(e.like_cnt)})]}),H(`div`,{className:`ml-[12px] px-[4px] flex flex-col items-center`,onClick:c,children:[e.like_flag===`2`?V(O,{className:`w-[14px] h-[14px]`}):V(D,{className:`w-[14px] h-[14px] text-text3`}),V(`span`,{className:`mt-[4px] text-text3 text-[12px] leading-[12px]`,children:e.dislike_cnt===`0`?i(`replyDetail.dislike`):$(e.dislike_cnt)})]})]})]}),H(`div`,{className:`mt-[4px] pl-[50px] flex flex-col`,children:[e.text&&V(A,{className:`text-text1 text-[14px] leading-[22px] break-all`,text:e.text,atUsers:e.at_users}),V(k,{list:e.nine_grid_content_info,disabled:o,hasText:!!e.text,playerId:e.id}),e.parent_reply&&e.parent_reply.text&&H(B,{children:[H(`div`,{className:`mt-[4px] flex flex-row items-center text-[14px] leading-[22px] relative pl-[8px]`,children:[V(`div`,{className:`w-[2px] h-full bg-line1 mr-[8px] absolute left-0 top-0 bottom-0 m-auto`}),H(`span`,{className:`text-theme1`,children:[e.parent_reply.user_name,`：`,e.parent_reply.text&&V(`span`,{className:`text-text1`,children:V(A,{text:e.parent_reply.text,atUsers:e.parent_reply.at_users})})]})]}),V(`div`,{className:`mt-1`,children:V(k,{list:e.parent_reply.nine_grid_content_info,disabled:o,hasText:!!e.parent_reply.text,playerId:e.parent_reply.id})})]}),V(`div`,{className:`mt-[4px] w-[fit-content] h-[30px] px-[12px] text-text1 text-[14px] leading-[22px] flex flex-row items-center bg-bg1 rounded-[15px]`,onClick:l,children:V(`span`,{children:i(`replyDetail.reply`)})})]})]})}function le({comment:e,information:t,contentType:o,visible:c,onClose:l,onReplyComment:u,onReplyAdded:d,onRequireLogin:p}){let g=W(`components.biz.business.comment`),_=R(null),[v,x]=z(()=>N({})),[S,C]=z(!1),{userInfo:w,userId:T}=a(),{followIds:D,setFollowIds:O}=y(),k=w?.userId||w?.user_id||T||``,A=w?.name||w?.nick_name||w?.nickname||w?.user_name||``,j=w?.avatar||w?.avatar_url||``,M=R({commentId:``,userId:``});function P(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``}I(()=>{c&&(!k||!e.user_id||e.user_id!==`0`&&String(k)!==String(e.user_id)&&(M.current.commentId===e.id&&M.current.userId===k||(M.current={commentId:e.id,userId:k},(async()=>{let t=await f({app_id:0,follower_id:k,followee_ids:[e.user_id]});if(!t.success||!t.data?.is_following_map)return;let n=!!t.data.is_following_map[e.user_id];e.is_follow=n;let r=new Set(D);n?r.add(e.user_id):r.delete(e.user_id),O(Array.from(r))})())))},[e,D,k,O,c]);let L=F(e=>{x(e),setTimeout(()=>{C(!0),_.current?.focus()},10)},[]);function B(){ae(()=>{C(!1)})}async function G({text:e,imageVideoInfoList:t}){let n=e=>e.success?e:(U.error(e.message||g(`replyDetail.publishReplyFailed`)),{...e,toastHandled:!0});if(S){let r=await q({text:e,imageVideoInfoList:t});return C(!1),n(r)}else{let r=await K({text:e,imageVideoInfoList:t});return C(!1),n(r)}}async function K({text:e,imageVideoInfoList:t}){return await u?.({text:e,imageVideoInfoList:t,callback:r=>{let i=Z(e);if(!r||r===`0`)return;let a=N({id:r,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:t,at_users:i});J?.(a)}})??{success:!0}}async function q({text:e,imageVideoInfoList:a}){if(!v?.id||v.id===`0`)return{success:!1,message:g(`replyDetail.invalidReplyTarget`)};let c=ee(a),l=r(e),u=o===`video`?1:2;try{let r=await s({content_id:t.id,content:i(e),medias:c,mentioned_users:l,parent_id:v.id,source_type:u},{revalidate:!1});if(r.code!==0)return{success:!1,message:r.message||g(`replyDetail.publishReplyFailed`)};let o=P(r.data);if(!o||o===`0`)return{success:!1,message:g(`replyDetail.publishReplyFailed`)};let f=N({id:o,user_id:k,user_name:A,avatar:j,text:e,created_at:n(),type:`4`,nine_grid_content_info:a,at_users:Z(e)});return f.parent_reply=v,J?.(f),d?.(),{success:!0}}catch(e){return console.error(`发布回复回复失败:`,e),{success:!1,message:g(`replyDetail.publishReplyFailed`)}}}let[J,Y]=z(null),X=F(e=>{Y(()=>e)},[]),Q=S?`回复@${v.user_name}`:``;function $(e){e||l()}return V(m,{open:c,onOpenChange:$,children:H(h,{showCloseButton:!1,className:`fixed left-0 right-0 bottom-0 top-[84px] z-[1000] h-auto w-full max-w-none translate-x-0 translate-y-0 rounded-none bg-bg2 p-0 text-text1 !flex !flex-col !gap-0`,children:[H(`div`,{className:`w-full h-[60px] bg-bg1 flex items-center justify-center relative`,children:[V(`button`,{type:`button`,className:`w-[48px] focus-within:outline-none focus-within:border-none focus-within:ring-0 h-full flex items-center justify-center absolute left-0 top-0`,onClick:l,children:V(b,{className:`w-[16px] h-[16px] text-text1`})}),V(`span`,{className:`text-[18px] font-bold`,children:g(`replyDetail.commentDetail`)})]}),H(`div`,{className:`flex-1 min-h-0 w-full overflow-y-auto bg-bg2`,children:[V(re,{comment:e,updateFollow:t=>{e.is_follow=t},onRequireLogin:p}),V(se,{commentId:e.id,informationId:t.id,handleReplyComment:L,onReplyListUpdate:X}),V(E,{placeholder:Q,onInputBlur:B,onPublish:G,onRequireLogin:p,ref:_})]})]})})}export{le as default};

package/dist/components/biz/business/comment/time-display.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{Time as e}from"../../../ui/time.mjs";import{jsx as t}from"react/jsx-runtime";function n({timestamp:n,className:r}){return t(e,{value:n,className:r,mode:`relative`,unit:`second`})}export{n as TimeDisplay};

package/dist/components/biz/business/comment/use-keyboard-handler.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{debounceFun as e,isMobileDevice as t}from"../../../../utils/common.mjs";import{useCallback as n,useEffect as r,useMemo as i,useRef as a,useState as o}from"react";function s(s=!0){let[c,l]=o({isVisible:!1,height:0,animationDuration:100}),[u,d]=o(!1),f=a(s?window.innerHeight:0),p=a(null),m=a(null),h=a(!1),g=a(null);r(()=>{s&&f.current===0&&(f.current=window.innerHeight)},[s]);let _=n(e=>{l(t=>({...t,...e}))},[]),v=n(()=>{if(!p.current||!m.current||!u)return!1;let e=p.current.getBoundingClientRect(),t=m.current;return Math.abs(e.top-t.top)>10},[u]),y=n(()=>{if(!s||!t())return{height:0};if(`visualViewport`in window&&window.visualViewport){let e=window.visualViewport.height,t=f.current-e;if(t>100)return g.current&&clearTimeout(g.current),g.current=window.setTimeout(()=>{requestAnimationFrame(()=>{v()?_({height:0}):_({height:t}),h.current=!1})},200),h.current=!0,{height:0}}else if(u)return{height:280};return{height:0}},[v,s,u,_]);r(()=>{if(!s||!t()||!(`visualViewport`in window))return;let n=e(()=>{if(h.current)return;let e=y();!h.current&&e.height!==void 0&&_({height:e.height})},100);return window.visualViewport?.addEventListener(`resize`,n),()=>window.visualViewport?.removeEventListener(`resize`,n)},[s,y,_]),r(()=>{if(u){if(p.current&&requestAnimationFrame(()=>{p.current&&(m.current=p.current.getBoundingClientRect())}),!(`visualViewport`in window)){let e=y();e.height!==void 0&&_({height:e.height})}}else m.current=null,g.current&&=(clearTimeout(g.current),null),h.current=!1},[u,y,_]);let b=n(()=>{d(!0),_({isVisible:!0})},[_]),x=n(()=>{d(!1),_({isVisible:!1,height:0})},[_]),S=n(e=>{p.current=e},[]);return{keyboardState:c,containerStyle:i(()=>({position:`fixed`,left:0,right:0,bottom:s?c.height:0,zIndex:100,transition:s?`all ${c.animationDuration}ms ease-out`:`none`,boxShadow:c.isVisible?`0px -4px 10px 0px rgba(0,0,0,0.1)`:`none`,transform:`translate3d(0, 0, 0)`,WebkitTransform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`,WebkitBackfaceVisibility:`hidden`}),[s,c.animationDuration,c.height,c.isVisible]),onFocus:b,onBlur:x,inputRef:S}}export{s as useKeyboardHandler};

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

@@ -0,0 +1,2 @@
+
+"use client";import{Image as e}from"../../../ui/image.mjs";import{memo as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=t(({user:t,onSelect:i})=>{function a(){i(t)}return n(`div`,{className:`h-[74px] flex items-center justify-between bg-bg1 px-4 border-b border-line1`,onClick:a,children:r(`div`,{className:`flex items-center`,children:[n(e,{src:t.avatar,alt:`avatar`,width:40,height:40,className:`w-[40px] h-[40px] rounded-full`}),r(`div`,{className:`ml-[8px] flex flex-col flex-1 w-[80%]`,children:[n(`p`,{className:`text-[16px] text-text1 font-bold line-clamp-1`,children:t.name}),n(`p`,{className:`text-[14px] min-h-[1em] text-text1 line-clamp-1`,children:t.signature||``})]})]})})});i.displayName=`ContactItem`;export{i as ContactItem};