+
{editable ?
{
onChange?.({type: 'text', content: e.target.value})
}}
- placeholder={'请输入文本'} value={data.content} autoSize={{minRows: 3, maxRows: 8}}
+ placeholder={'请输入文本内容'} value={data.content} autoSize={{minRows: 3, maxRows: 8}}
variant={"borderless"}/>
:
{data.content}
}
diff --git a/src/components/article/list.tsx b/src/components/article/list.tsx
new file mode 100644
index 0000000..2a0bb6f
--- /dev/null
+++ b/src/components/article/list.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+
+import {BlockImage} from "@/components/article/item.tsx";
+
+import styles from './article.module.scss'
+
+export default function ImageList(props: {
+ blocks: BlockContent[];
+ editable?: boolean;
+ onChange?: (blocks: BlockContent[]) => void;
+}) {
+
+ // 处理删除
+ const handleRemove = (index: number) => {
+ props.onChange?.(props.blocks.filter((_, idx) => index !== idx))
+ const newBlocks = [...props.blocks]
+ newBlocks.splice(index, 1)
+ props.onChange?.(newBlocks)
+ }
+ // 处理新增
+ const handleAdd = (data: BlockContent) => {
+ props.onChange?.([...props.blocks, data])
+ }
+ // 处理更新
+ const handleUpdate = (index: number, data: BlockContent) => {
+ props.onChange?.(props.blocks.map((it, idx) => idx === index ? data : it))
+ }
+
+
+ return (
+ {props.blocks.map((it, index) => (
+ it.type === 'image' ? handleUpdate(index, data)}
+ onRemove={() => handleRemove(index)}
+ /> : null
+ ))}
+ {props.editable &&
+ }
+
)
+}
+
diff --git a/src/pages/news/edit.tsx b/src/pages/news/edit.tsx
index 4baf032..924ff8b 100644
--- a/src/pages/news/edit.tsx
+++ b/src/pages/news/edit.tsx
@@ -14,12 +14,9 @@ export default function NewEdit() {
const [editId, setEditId] = useState(-1)
const [selectedRowKeys, setSelectedRowKeys] = useState
([])
const [params, setParams] = useState({
- pagination: {
- page: 1,
- limit: 10
- }
+ pagination: {page: 1, limit: 10}
})
- const {data} = useRequest(() => getList(params), {refreshDeps: [params]})
+ const {data, refresh} = useRequest(() => getList(params), {refreshDeps: [params]})
const columns: TableColumnsType = [
{
@@ -86,15 +83,20 @@ export default function NewEdit() {
showSizeChanger={false}
simple={true}
rootClassName={'simple-pagination'}
- onChange={(page) => setParams(prev=>({
+ onChange={(page) => setParams(prev => ({
...prev,
pagination: {page, limit: 10}
}))}
/>
-
+