Bumping version

app/job/Filter.tsx

@@ -0,0 +1,27 @@
+import {AutoComplete} from "@douyinfe/semi-ui";
+import {IconSearch} from "@douyinfe/semi-icons";
+
+const Filter = (props: any) => {
+    console.log('renderFilterDropdown', props);
+    const {tempFilteredValue, setTempFilteredValue, confirm, clear, close} = props;
+
+    const handleChange = (value: any) => {
+        const filteredValue = value ? [value] : [];
+        setTempFilteredValue(filteredValue);
+        // 你也可以在 input value 变化时直接筛选
+        confirm({filteredValue});
+    };
+
+    return (
+        <AutoComplete
+            value={tempFilteredValue[0]}
+            showClear
+            prefix={<IconSearch/>}
+            placeholder="搜索... "
+            onChange={handleChange}
+            style={{width: 200, margin: 5}}
+        />
+    );
+};
+
+export default Filter;

app/job/page.tsx

@@ -1,22 +1,30 @@
 'use client'
 
-import {Layout, Nav, Table, Typography} from "@douyinfe/semi-ui";
+import {AutoComplete, Layout, Nav, Spin, Table, Typography} from "@douyinfe/semi-ui";
 import useSWR from "swr";
 import {fetcher, FileList} from "@/app/lib/api-streamer";
-import {JSXElementConstructor, Key, PromiseLikeOfReactNode, ReactElement, ReactNode, ReactPortal,
+import {
+    JSXElementConstructor, Key, ReactElement, ReactNode, ReactPortal, useRef,
     useState
 } from "react";
-import {IconCustomerSupport, IconVideoListStroked} from "@douyinfe/semi-icons";
+import {IconCustomerSupport, IconSearch, IconVideoListStroked} from "@douyinfe/semi-icons";
 import {humDate} from "@/app/lib/utils";
+import Filter from "@/app/job/Filter";
 
 export default function Home() {
     const {Header, Footer, Sider, Content} = Layout;
     const {data: data, error, isLoading} = useSWR<any[]>("/v1/streamer-info", fetcher);
     if (isLoading) {
-        return (<>Loading</>);
+        return (<Spin size="large" />);
     }
     const {Text} = Typography;
     const columns = [
+        {
+            title: '名称',
+            dataIndex: 'name',
+            onFilter: (value: any, record: any) => record.name.includes(value),
+            renderFilterDropdown: Filter
+        },
         {
             title: '标题',
             dataIndex: 'title',
@@ -24,11 +32,11 @@ export default function Home() {
                 return (
                     <Text strong>{text}</Text>
                 );
-            }
-        }, {
-            title: '名称',
-            dataIndex: 'name',
-        }, {
+            },
+            onFilter: (value: any, record: any) => record.title.includes(value),
+            renderFilterDropdown: Filter
+        },
+        {
             title: '链接',
             dataIndex: 'url',
         },
@@ -46,7 +54,7 @@ export default function Home() {
         },
     ];
     const expandRowRender = (record: any, index: number | undefined) => {
-        return <>文件列表：{record.files.map((it: { id: Key | null | undefined; file: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | PromiseLikeOfReactNode | null | undefined; }) => {
+        return <>文件列表：{record.files.map((it: { id: Key | null | undefined; file: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; }) => {
             return <div key={it.id}>&nbsp;&nbsp;文件名：{it.file}</div>;
         })}</>;
     };

app/ui/plugins/global.tsx

@@ -81,7 +81,7 @@ const Global: React.FC = () => {
                         <div style={{ fontSize: "14px" }}>
                             录像单文件时间限制，超过此时长分段下载。
                             <br />
-                            格式：'00:00:00'（时:分:秒）
+                            格式：&apos;00:00:00&apos;（时:分:秒）
                         </div>
                     }
                     label="视频分段时长（segment_time）"

app/upload-manager/edit/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, {useEffect, useRef, useState} from "react";
+import React, {Suspense, useEffect, useRef, useState} from "react";
 import {Button, Form, Notification, Toast, Typography} from "@douyinfe/semi-ui";
 import {IconPlusCircle} from "@douyinfe/semi-icons";
 import {BiliType, fetcher, LiveStreamerEntity, sendRequest, StudioEntity} from "@/app/lib/api-streamer";
@@ -12,7 +12,7 @@ import {FormApi} from "@douyinfe/semi-ui/lib/es/form";
 import useSWR from "swr";
 import {useTypeTree} from "@/app/lib/use-streamers";
 
-const EditTemplate: React.FC = () => {
+const Edit = () => {
     const { Paragraph } = Typography;
     const searchParams = useSearchParams();
     const { trigger } = useSWRMutation('/v1/upload/streamers', sendRequest);
@@ -101,4 +101,11 @@ const EditTemplate: React.FC = () => {
         </>);
 }
 
+
+const EditTemplate: React.FC = () => {
+    return <Suspense>
+        <Edit></Edit>
+    </Suspense>
+}
+
 export default EditTemplate;

biliup/__init__.py

@@ -2,7 +2,7 @@ import logging
 import platform
 import sys
 
-__version__ = "0.4.43"
+__version__ = "0.4.44"
 
 LOG_CONF = {
     'version': 1,

package.json

@@ -9,23 +9,23 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@douyinfe/semi-ui": "^2.48.0",
+    "@douyinfe/semi-ui": "^2.54.1",
     "ncp": "^2.0.0",
-    "next": "14.0.3",
-    "react": "^18",
-    "react-dom": "^18",
-    "sass": "^1.69.5",
-    "swr": "^2.2.4",
-    "xgplayer": "^3.0.10",
-    "xgplayer-flv": "^3.0.10",
-    "xgplayer-flv.js": "^3.0.10"
+    "next": "^14.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.72.0",
+    "swr": "^2.2.5",
+    "xgplayer": "^3.0.14",
+    "xgplayer-flv": "^3.0.14",
+    "xgplayer-flv.js": "^3.0.14"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "14.0.3",
-    "typescript": "^5"
+    "@types/node": "^20.11.28",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.1.3",
+    "typescript": "^5.4.2"
   }
 }