diff --git a/src/components/ImageUploader/index.jsx b/src/components/ImageUploader/index.jsx index e47f431..2b0a928 100644 --- a/src/components/ImageUploader/index.jsx +++ b/src/components/ImageUploader/index.jsx @@ -1,10 +1,12 @@ import React, { useEffect, useState } from "react"; import { uploadImage } from "../../utils/upload"; -const ImageUploader = ({ ids = [], setIds, uploadOne }) => { +const ImageUploader = ({ ids = [], setIds, uploadOne, preventEvent }) => { const [selectedImages, setSelectedImages] = useState([]); const [uploading, setUploading] = useState(false); - + useEffect(() => { + preventEvent(uploading); + }, [uploading]); const handleFileChange = async (event) => { const files = event.target.files; diff --git a/src/pages/HotManage/components/BannerList/index.jsx b/src/pages/HotManage/components/BannerList/index.jsx index c109526..d99fc96 100644 --- a/src/pages/HotManage/components/BannerList/index.jsx +++ b/src/pages/HotManage/components/BannerList/index.jsx @@ -1,4 +1,10 @@ -import React, { useState, useRef, useEffect, useMemo } from "react"; +import React, { + useState, + useRef, + useEffect, + useMemo, + useCallback, +} from "react"; import { Form, Input, @@ -13,14 +19,16 @@ import { Badge, message, Checkbox, + Spin, } from "antd"; import { DeleteFilled } from "@ant-design/icons"; import baseRequest from "../../../../utils/baseRequest"; import zh from "antd/es/date-picker/locale/zh_CN"; import ImageUploader from "../../../../components/ImageUploader"; -import { formatDeadline } from "../../../../utils/tools"; -import debounce from "lodash/debounce"; import dayjs from "dayjs"; +import debounce from "lodash/debounce"; +import { ConfigProvider } from "antd"; +import zhCN from "antd/es/locale/zh_CN"; const BannerList = (props) => { const [form] = Form.useForm(); const [messageApi, contextHolder] = message.useMessage(); @@ -45,7 +53,7 @@ const BannerList = (props) => { title: "标题", dataIndex: "title", key: "title", - width: 240, + width: 140, }, { title: "跳转链接", @@ -57,8 +65,27 @@ const BannerList = (props) => { {data && data.map((hyperlink, index) => (
-

{index ? "H5:" : "App:"}

- {hyperlink.url} +

+ {hyperlink.action === "outward" + ? "打开新的浏览器页面:" + : hyperlink.action === "webViewHeaderInward" + ? "应用内打开内链（带头）:" + : hyperlink.action === "webViewHeaderOutward" + ? "应用内打开外链（带头）:" + : hyperlink.action === "webViewWithOutHeaderInward" + ? "应用内打开内链（不带头）:" + : hyperlink.action === "webViewWithOutHeaderOutward" + ? "应用内打开外链（不带头）:" + : index + ? "H5:" + : "App:"} +

+ + {hyperlink.url} +
))} @@ -95,6 +122,22 @@ const BannerList = (props) => { dataIndex: "priority", key: "priority", width: 90, + sorter: (a, b) => a.priority - b.priority, + sortDirections: ["ascend", "descend"], + }, + { + title: "设备类型", + dataIndex: "device_type", + key: "device_type", + width: 90, + render: (item) => { + if (item.length === 0) return "-"; + return item.map((item) => ( + + {item === 2 ? "H5" : item === 1 ? "IOS" : "Android"} + + )); + }, }, { title: "状态", @@ -102,6 +145,30 @@ const BannerList = (props) => { key: "status", width: 120, fixed: "right", + filters: [ + { + text: "推送中", + value: 0, + }, + { + text: "已暂停", + value: 1, + }, + { + text: "已失效", + value: 2, + }, + { + text: "未开始", + value: 3, + }, + ], + + filterMode: "tree", + onFilter: (value, record) => record.status == value, + sorter: (a, b) => a.status - b.status, + defaultSortOrder: "ascend", + sortDirections: ["ascend", "descend"], render: (item) => { return ( @@ -140,10 +207,13 @@ const BannerList = (props) => { @@ -179,7 +249,7 @@ const BannerList = (props) => { formRef.current.submit(); }; //提交表单 - const handleSubmit = async (value) => { + const handleSubmit = async (value, type) => { const { action, status, @@ -200,52 +270,79 @@ const BannerList = (props) => { newHyperlinks = paramsObj ? [ { - url: paramsObj.h5_route_path + "?" + value.mid, + url: paramsObj.app_route_path.replace( + "MID", + selectedStreamer.mid + ), action, + inward_action_type: "app", + frontend_route_id: paramsObj.id, }, { - url: paramsObj.app_route_path + "?" + value.mid, + url: paramsObj.h5_route_path.replace( + "[mid]", + selectedStreamer.mid + ), action, + inward_action_type: "h5", + frontend_route_id: paramsObj.id, }, ] : [ { url: link, action, + inward_action_type: "outward", }, ]; } - if (!status && new Date(st).getTime() < new Date().getTime()) { - messageApi.open({ - type: "warning", - content: "开始时间不能小于当前时间", - }); - return; - } else if (!status && new Date(st).getTime() > new Date(et).getTime()) { - messageApi.open({ - type: "warning", - content: "开始时间不能大于结束时间", - }); - return; - } else if ( - new Date(et).getTime() - new Date(st).getTime() < - 10 * 60 * 1000 - ) { - messageApi.open({ - type: "warning", - content: "两个时间间隔最短不小于10分钟", - }); - return; + if (typeof id !== "number") { + if (!status && new Date(st).getTime() < new Date().getTime()) { + messageApi.open({ + type: "warning", + content: "推送时间不能早于当前时间", + }); + return; + } else if (!status && new Date(st).getTime() > new Date(et).getTime()) { + messageApi.open({ + type: "warning", + content: "结束时间不能早于开始时间", + }); + return; + } else if ( + new Date(et).getTime() - new Date(st).getTime() < + 10 * 60 * 1000 + ) { + messageApi.open({ + type: "warning", + content: "两个时间间隔最短不小于10分钟", + }); + return; + } } try { //通过图片审核，如果是视频直接跳过 - const base = baseRequest(); - const body = JSON.stringify({ + const dataObj = { ...value, st: Math.floor(new Date(st).getTime() / (60 * 1000)) * 60, et: Math.floor(new Date(et).getTime() / (60 * 1000)) * 60, hyperlinks: newHyperlinks, image: image?.images ? image : { image_ids: displayImageId }, + user_id: "", + }; + if (typeof id === "number") { + delete dataObj.st; + delete dataObj.et; + } + if ( + type === "stopStart" || + dataObj.priority === selectedStreamer?.priority + ) { + delete dataObj.priority; + } + const base = baseRequest(); + const body = JSON.stringify({ + ...dataObj, ...base, }); const response = await fetch( @@ -267,7 +364,7 @@ const BannerList = (props) => { handleCancelModal(); getData(); } catch (error) { - message.error("服务器错误"); + message.error("出现问题了"); } }; //获取数据 @@ -278,6 +375,7 @@ const BannerList = (props) => { const [displayImageId, setDisplayImageId] = useState([]); const [pagesOptions, setPagesOptions] = useState([]); const [currentPageName, setCurrentPageName] = useState(""); + const [buttonAble, setButtonAble] = useState(false); const [currentItem, setCurrentItem] = useState(null); const [formData] = useState({ title: "", @@ -310,13 +408,14 @@ const BannerList = (props) => { }; const currentPagesOptions = useMemo(() => { if (!pagesOptions.length) return []; - const pages = pagesOptions.map((it) => { - return { - label: it.desc, - value: JSON.stringify(it), - }; - }); - console.log("pages", pages); + const pages = pagesOptions + .filter((it) => it.desc === "达人空间") + .map((it) => { + return { + label: it.desc, + value: JSON.stringify(it), + }; + }); return pages; }, [pagesOptions, formData.action]); const onTimeOk = (value) => { @@ -382,21 +481,26 @@ const BannerList = (props) => { const { hyperlinks, st, et, mid, status, user_id, id } = data; const newSt = dayjs(st * 1000); const newEt = dayjs(et * 1000); - const currentPageName = hyperlinks?.[0].url.split("?")[0]; - const params = hyperlinks?.[0].url.split("?")[1]; - const action = hyperlinks?.[0].action; + const currentPageId = hyperlinks?.[0].frontend_route_id; + const params = + hyperlinks.length > 1 + ? hyperlinks + .filter((it) => it.inward_action_type === "app")[0] + .url.split("=")[1] + : ""; + const action = hyperlinks.length > 1 ? "inward" : hyperlinks[0]?.action; const link = action === "inward" ? "" : hyperlinks[0].url; const isCurrentPagePath = pagesOptions.filter( - (it) => - it.h5_route_path.indexOf(currentPageName) !== -1 || - it.app_route_path.indexOf(currentPageName) !== -1 + (it) => it.id === currentPageId ); const pageName = action === "inward" ? JSON.stringify(isCurrentPagePath[0]) : ""; setPathMethod(action); setCurrentItem(data); setDisplayImageId(data.image.image_ids); + setSelectedStreamer(data); + await handleSearchMid(user_id); form.setFieldsValue({ ...data, st: newSt, @@ -412,7 +516,7 @@ const BannerList = (props) => { }); }; const handleStopAndStart = (data) => { - handleSubmit({ ...data, status: 2 }); + handleSubmit({ ...data, status: data.status === 0 ? 1 : 0 }, "stopStart"); }; const handleDeleteItem = async (id) => { try { @@ -490,8 +594,9 @@ const BannerList = (props) => { return matches; }; - const splitParams = useMemo(() => { - const newCurrentPageName = form.getFieldValue("pageName"); + const getSplitParams = useCallback((currentPageName) => { + const newCurrentPageName = + form.getFieldValue("pageName") || currentPageName; if (!newCurrentPageName) return []; const CurrentPageNameObj = JSON.parse(newCurrentPageName); const { app_route_path, h5_route_path } = CurrentPageNameObj; @@ -504,7 +609,6 @@ const BannerList = (props) => { const splitParamsStr = newCurrentPageNameStr.split("?")[1]; return splitParamsStr.split("&").map((item) => item.split("=")[0]); } - // const regex = /\[.*?\]/g; if (newCurrentPageNameStr) { // const matches = []; @@ -522,7 +626,52 @@ const BannerList = (props) => { } else { return []; } - }, [currentPageName, pathMethod]); + }); + const splitParams = useMemo(() => { + const list = getSplitParams(currentPageName); + if (selectedStreamer) { + list.forEach((it) => { + form.setFieldValue(it, selectedStreamer[it]); + }); + } + + return list; + }, [currentPageName, pathMethod, selectedStreamer]); + //搜索空间 + const handleSearchMid = async (mid) => { + // const mid = form.getFieldValue("mid"); + if (!mid) return; + setIsLoading(true); + try { + const base = baseRequest(); + const detailResponse = await fetch(`/op/zone/list_by_user_id`, { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify({ + user_id: parseInt(mid, 10), + ...base, + }), + }); + const detailData = await detailResponse.json(); + if (detailData.ret === -1) { + alert(detailData.msg); + return; + } + console.log( + "temData.data.list 621957", + detailData.data.list[0].streamer_ext.avatar.image_ids + ); + // setDisplayImageId(detailData.data.list[0].streamer_ext.avatar.image_ids); + const zonesArr = detailData.data.list; + setZones(zonesArr); + } catch (error) { + console.error(error); + } finally { + setIsLoading(false); + } + }; return (
@@ -535,13 +684,15 @@ const BannerList = (props) => {
{contextHolder} - + +
+ { setIds={setDisplayImageId} ids={displayImageId} uploadOne={true} + preventEvent={setButtonAble} /> )}
{ ]} className="mb-6" > - + { { + const currentIt = zones?.filter( + (it) => it.mid == v + )[0]; + // if (currentIt) { + // setSelectedStreamer(currentIt); + // } else { + // setSelectedStreamer(null); + // } + if (currentIt) { + form.setFieldValue("mid", currentIt.mid); + setSelectedStreamer({ + ...currentIt, + mid: currentIt.mid, + }); + } + }} + onClear={() => { + setSelectedStreamer(null); + setZones(null); + }} + filterOption={false} + onSearch={debounce(handleSearchMid, 1000)} + notFoundContent={ + isLoading ? : null + } + options={zones?.map((it) => ({ + value: it.mid, + label: ( +
+

ID：{it?.mid}

+

+ 昵称：{it?.streamer_ext.name} +

+
+ ), + }))} + labelRender={({ value }) => { + const currentIt = zones?.filter( + (it) => it.mid == value + )[0]; + if (currentIt) { + return currentIt.streamer_ext.name; + } + return No option match; + }} + /> {splitParams.map((it) => ( { }, ]} > +
+ {it}：{selectedStreamer?.mid} +
+ {/* {selectedStreamer?.mid} */} {it}：} + value={selectedStreamer?.mid} /> ))} @@ -773,6 +1005,7 @@ const BannerList = (props) => { > { > { - diff --git a/src/pages/HotManage/components/HotList/index.jsx b/src/pages/HotManage/components/HotList/index.jsx index b307699..713264e 100644 --- a/src/pages/HotManage/components/HotList/index.jsx +++ b/src/pages/HotManage/components/HotList/index.jsx @@ -27,6 +27,8 @@ import ImageUploader from "../../../../components/ImageUploader"; import debounce from "lodash/debounce"; import { DeleteFilled } from "@ant-design/icons"; import dayjs from "dayjs"; +import { ConfigProvider } from "antd"; +import zhCN from "antd/es/locale/zh_CN"; const HotList = (props) => { const [messageApi, contextHolder] = message.useMessage(); const { confirm } = Modal; @@ -58,6 +60,7 @@ const HotList = (props) => { key: "text", }, { + with: 120, title: "跳转链接", dataIndex: "hyperlinks", key: "hyperlinks", @@ -67,17 +70,32 @@ const HotList = (props) => {

{hyperlink.action === "outward" - ? "外部链接:" + ? "打开新的浏览器页面:" + : hyperlink.action === "webViewHeaderInward" + ? "应用内打开内链（带头）:" + : hyperlink.action === "webViewHeaderOutward" + ? "应用内打开外链（带头）:" + : hyperlink.action === "webViewWithOutHeaderInward" + ? "应用内打开内链（不带头）:" + : hyperlink.action === "webViewWithOutHeaderOutward" + ? "应用内打开外链（不带头）:" : index ? "H5:" : "App:"}

{hyperlink.action === "outward" ? ( - + {hyperlink.url} ) : ( - {hyperlink.url} +

+ {hyperlink.url} +

)}
))} @@ -89,6 +107,8 @@ const HotList = (props) => { dataIndex: "priority", key: "priority", width: 90, + sorter: (a, b) => a.priority - b.priority, + sortDirections: ["ascend", "descend"], }, { title: "开始时间", @@ -122,6 +142,29 @@ const HotList = (props) => { key: "status", width: 120, fixed: "right", + filters: [ + { + text: "推送中", + value: 0, + }, + { + text: "已暂停", + value: 1, + }, + { + text: "已失效", + value: 2, + }, + { + text: "未开始", + value: 3, + }, + ], + filterMode: "tree", + onFilter: (value, record) => record.status == value, + sorter: (a, b) => a.status - b.status, + defaultSortOrder: "ascend", + sortDirections: ["ascend", "descend"], render: (item) => { return ( @@ -156,7 +199,10 @@ const HotList = (props) => {
{contextHolder} -
( -
获得总数：{showData.length}
- )} - onScroll={(e) => { - const { scrollHeight, scrollTop, clientHeight } = e.currentTarget; - if (scrollTop + clientHeight + 5 >= scrollHeight && more) { - getData(hotStatus, false, offset); - } - }} - /> + +
( +
获得总数：{showData.length}
+ )} + onScroll={(e) => { + const { scrollHeight, scrollTop, clientHeight } = e.currentTarget; + if (scrollTop + clientHeight + 5 >= scrollHeight && more) { + getData(hotStatus, false, offset); + } + }} + /> + { layout="vertical" initialValues={formData} > -
- - { + if (selectedStreamer?.inputType === "inner") return; + const currentIt = zones?.filter((it) => it.mid == v)[0]; + if (currentIt) { + setSelectedStreamer({ + ...currentIt, + inputType: "outter", + }); + setDisplayImageId( + currentIt.streamer_ext.avatar.image_ids + ); + form.setFieldsValue({ + mid: v, + title: + // form.getFieldValue("title") || + currentIt.streamer_ext.name, + // image: displayImageId[0] || currentIt.streamer_ext.avatar, + text: + // form.getFieldValue("text") || + currentIt.profile, + }); + } else { + setSelectedStreamer(null); + form.setFieldsValue({ + mid: null, + }); + } + }} + filterOption={false} + onSearch={debounce(handleSearchMid, 1000)} + notFoundContent={isLoading ? : null} + options={zones?.map((it) => ({ + value: it.mid, + label: ( +
+

+ ID：{it?.streamer_ext?.user_id} +

+

+ 昵称：{it?.streamer_ext.name} +

+
+ ), + }))} + labelRender={({ value }) => { + const currentIt = zones?.filter((it) => it.mid == value)[0]; + if (currentIt) { + return currentIt.streamer_ext.name; + } + return No option match; + }} + /> + +
+ )} { className="mb-6" >
- {currentStreamerImage ? ( + {currentStreamerImage && displayImageId.length > 0 ? ( { setIds={setDisplayImageId} ids={displayImageId} uploadOne={true} + preventEvent={setButtonAble} /> )}
setDisplayImageId([])} @@ -841,7 +925,7 @@ const HotList = (props) => { ]} className="mb-6" > - + { ]} className="mb-6" > - + { {it}：} - /> - - ))} - */} - { + if (selectedStreamer?.inputType === "outter") + return; + const currentIt = zones?.filter( + (it) => it.mid == v + )[0]; + // if (currentIt) { + // setSelectedStreamer(currentIt); + // } else { + // setSelectedStreamer(null); + // } + if (currentIt) { + form.setFieldValue("innerMid", currentIt.mid); + setSelectedStreamer({ + ...currentIt, + inputType: "inner", + mid: currentIt.mid, + }); + } + }} + onClear={() => { + form.setFieldValue("innerMid", null); + setSelectedStreamer(null); + setZones(null); + }} + filterOption={false} + onSearch={debounce(handleSearchMid, 1000)} + notFoundContent={ + isLoading ? : null } - return No option match; - }} - /> + options={zones?.map((it) => ({ + value: it.mid, + label: ( +
+

ID：{it?.mid}

+

+ 昵称：{it?.streamer_ext.name} +

+
+ ), + }))} + labelRender={({ value }) => { + const currentIt = zones?.filter( + (it) => it.mid == value + )[0]; + if (currentIt) { + return currentIt.streamer_ext.name; + } + return No option match; + }} + /> + {splitParams.map((it) => ( {
{it}：{selectedStreamer?.mid}
- {/* {it}：} value={selectedStreamer?.mid} - /> */} + /> ))} @@ -1109,7 +1211,7 @@ const HotList = (props) => { > { > { - diff --git a/src/pages/HotManage/index.jsx b/src/pages/HotManage/index.jsx index 2310284..d8996d8 100644 --- a/src/pages/HotManage/index.jsx +++ b/src/pages/HotManage/index.jsx @@ -36,7 +36,7 @@ export default function HotManage() {
diff --git a/src/pages/Notices/index.jsx b/src/pages/Notices/index.jsx index ed601d4..254128c 100644 --- a/src/pages/Notices/index.jsx +++ b/src/pages/Notices/index.jsx @@ -24,6 +24,8 @@ import { useMemo } from "react"; import dayjs from "dayjs"; import debounce from "lodash/debounce"; import { DeleteFilled } from "@ant-design/icons"; +import { ConfigProvider } from "antd"; +import zhCN from "antd/es/locale/zh_CN"; const NoticesContent = (props) => { const [messageApi, contextHolder] = message.useMessage(); //控制创建动态modal是否出现 @@ -55,30 +57,30 @@ const NoticesContent = (props) => { value: 0, }, { - text: "付费通知", + text: "审核通知", value: 1, }, { - text: "活动通知", + text: "付费消息", value: 2, }, { - text: "审核通知", + text: "活动消息", value: 3, }, ], filterMode: "tree", - onFilter: (value, record) => record.status == value, + onFilter: (value, record) => record.n_type === value, render: (data) => { return (
{data == 0 ? "系统通知" : data == 1 - ? "付费通知" + ? "审核通知" : data == 2 - ? "活动通知" - : "审核通知"} + ? "付费消息" + : "活动消息"}
); }, @@ -87,12 +89,13 @@ const NoticesContent = (props) => { title: "通知标题", dataIndex: "title", key: "title", + width: 150, }, { title: "推送消息正文", dataIndex: "message", key: "message", - width: 300, + width: 200, }, { title: "推送消息主图", @@ -115,12 +118,13 @@ const NoticesContent = (props) => { }, { title: "链接标语", - width: 90, + width: 120, dataIndex: "link_text", key: "link_text", render: (data) =>
{data || "-"}
, }, { + width: 200, title: "链接", dataIndex: "hyperlinks", key: "hyperlinks", @@ -133,6 +137,14 @@ const NoticesContent = (props) => {

{hyperlink.action === "outward" ? "外部链接:" + : hyperlink.action === "webViewHeaderInward" + ? "应用内打开内链（带头）:" + : hyperlink.action === "webViewHeaderOutward" + ? "应用内打开外链（带头）:" + : hyperlink.action === "webViewWithOutHeaderInward" + ? "应用内打开内链（不带头）:" + : hyperlink.action === "webViewWithOutHeaderOutward" + ? "应用内打开外链（不带头）:" : index ? "H5:" : "App:"} @@ -151,6 +163,7 @@ const NoticesContent = (props) => { }, }, { + width: 150, title: "推送时间", dataIndex: "push_time", key: "push_time", @@ -165,10 +178,10 @@ const NoticesContent = (props) => { }, }, { - width: 100, + width: 150, title: "推送角色", - dataIndex: "obj_mids", - key: "obj_mids", + dataIndex: "obj_user_ids", + key: "obj_user_ids", render: (data) => (

{data?.length > 0 @@ -201,6 +214,7 @@ const NoticesContent = (props) => { }, }, { + width: 120, title: "推送状态", dataIndex: "status", key: "status", @@ -366,6 +380,7 @@ const NoticesContent = (props) => { obj_type: "0", }); const [currentPageName, setCurrentPageName] = useState(""); + const [buttonAble, setButtonAble] = useState(false); const currentPagesOptions = useMemo(() => { if (!pagesOptions.length) return []; @@ -407,7 +422,7 @@ const NoticesContent = (props) => { "Content-Type": "application/json", }, body: JSON.stringify({ - n_type: 0, + n_types: [0, 1, 2, 3], push_type: 1, status: querryStatus, offset: 0, @@ -445,11 +460,12 @@ const NoticesContent = (props) => { }; //关闭弹窗 const handleCancelModal = () => { - form.resetFields(); + form.setFieldsValue(formData); setPathMethod(""); + setSelectedStreamer(null); setIsModalOpen(false); setZones(null); - getData(0); + setDisplayImageId([]); }; const handleSubmit = async (value) => { // if (!selectedUser) { @@ -469,7 +485,6 @@ const NoticesContent = (props) => { id, thumbnail, } = value; - debugger; const obj_midsArr = obj_user_ids?.split(" ").map((it) => Number(it)); let newHyperlinks = []; if (hyperlinks) { @@ -479,26 +494,34 @@ const NoticesContent = (props) => { newHyperlinks = paramsObj ? [ { - params: paramsObj.h5_route_path + "?" + value.mid, + params: paramsObj.app_route_path.replace("MID", value.mid), action, + frontend_route_id: paramsObj.id, + inward_action_type: "app", }, { - params: paramsObj.app_route_path + "?" + value.mid, + params: paramsObj.h5_route_path.replace("[mid]", value.mid), action, + frontend_route_id: paramsObj.id, + inward_action_type: "h5", }, ] - : [ + : action + ? [ { params: link, action, + inward_action_type: "outward", }, - ]; + ] + : null; } + if (!id) { if (!status && new Date(push_time).getTime() < new Date().getTime()) { messageApi.open({ type: "warning", - content: "开始时间不能小于当前时间", + content: "推送时间不能早于当前时间", }); return; } @@ -665,27 +688,30 @@ const NoticesContent = (props) => {
{contextHolder} -
( -
获得总数：{showData.length}
- )} - onScroll={(e) => { - const { scrollHeight, scrollTop, clientHeight } = e.currentTarget; - console.log(scrollHeight, scrollTop + clientHeight); + +
( +
获得总数：{showData.length}
+ )} + onScroll={(e) => { + const { scrollHeight, scrollTop, clientHeight } = e.currentTarget; + console.log(scrollHeight, scrollTop + clientHeight); + + if (scrollTop + clientHeight + 5 >= scrollHeight) { + getData(offset); + } + }} + /> + - if (scrollTop + clientHeight + 5 >= scrollHeight) { - getData(offset); - } - }} - /> {/* 重复判断isModalOpen是为了重新渲染ImageUploader和VideoUploader组件 */} { ]} className="mb-6" > - + { ]} className="mb-6" > -