3713 lines
246 KiB
Plaintext
3713 lines
246 KiB
Plaintext
|
wpc öØ §webpack/lib/cache/PackFileCacheStrategy�PackContentItems € v ResolverCachePlugin|normal|default|alias=[|server-only$=|next/dist/compiled/server-only/index|client-only$=|next/dist/compiled/client-only/index|next/dist/compiled/client-only$=|next/dist/compiled/client-only/index|next/dist/compiled/server-only=|next/dist/compiled/server-only/index|]|dependencyType=|esm|path=|/opt/accountbook/frontend|request=|private-next-pages/index.js » Compilation/modules|/opt/accountbook/frontend/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js??ruleSet[1].rules[6].oneOf[3].use[0]!/opt/accountbook/frontend/pages/index.js à FlagDependencyExportsPlugin|/opt/accountbook/frontend/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js??ruleSet[1].rules[6].oneOf[3].use[0]!/opt/accountbook/frontend/pages/index.js r Compilation/codeGeneration|/opt/accountbook/frontend/node_modules/next/dist/build/webpack/loaders/next-route-loader/index.js?kind=PAGES&page=%2F&preferredRegion=&absolutePagePath=private-next-pages%2Findex.js&absoluteAppPath=private-next-pages%2F_app.js&absoluteDocumentPath=next%2Fdist%2Fpages%2F_document&middlewareConfigBase64=e30%3D!|bac29d3a75de88c3|webpack-runtime¥webpack/lib/cache/ResolverCachePlugin€€`�_ResolverCachePluginCacheMiss‡context„path‡request…queryˆfragment†module‰directory„fileˆinternalŽfullySpecified“descriptionFilePath“descriptionFileData“descriptionFileRootŒrelativePath †issuer‹issuerLayerˆcompiler€†server¨/opt/accountbook/frontend/pages/index.js€€ ¦/opt/accountbook/frontend/package.json„name‡version‡private‡scriptsŒdependencies”accountbook-frontend…1.0.0 ƒdev…build…start�next dev -p 3500Šnext build’next start -p 3500ˆchart.js„next…react‰react-dom†^4.5.1‡^14.0.0‡^18.2.0ÿ™/opt/accountbook/frontend�./pages/index.jsšwebpack/lib/FileSystemInfoˆSnapshot@‰ àÄ’¸ÍyBáŸ/opt/accountbook/frontend/pagesˆsafeTime‰timestamp„hash! PN„¸ÍyB @N„¸ÍyB�d642cff7a4eb3d3aý Ë`
|
|||
|
|
Å/opt/accountbook/frontend/opt/accountbook/frontend/pages/package.json¿/opt/accountbook/frontend/opt/accountbook/frontend/package.json¶/opt/accountbook/frontend/opt/accountbook/package.jsonª/opt/accountbook/frontend/opt/package.jsonÁ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.jsÄ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.jsÅ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.mjsÅ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.tsxÄ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.tsÅ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.jsxÆ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.jsonÆ/opt/accountbook/frontend/opt/accountbook/frontend/pages/index.js.wasm¬/opt/accountbook/frontend/pages/package.json† € �Á’¸ÍyBËæ�/opt/accountbook„/opt�/ë! @07ØÊyB /7ØÊyB�f3b4def2c53d3cadé ·è ¶ç µæ ´˜webpack/lib/NormalModule«webpack/lib/util/registerExternalSerializer™webpack-sources/RawSource �� import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|||
|
|
import { useState, useEffect } from "react";
|
|||
|
|
import { useRouter } from "next/router";
|
|||
|
|
import { isLoggedIn, getRecords, getStats, createRecord, updateRecord, deleteRecord } from "../lib/api";
|
|||
|
|
import { DEFAULT_CATEGORIES } from "../lib/categories";
|
|||
|
|
import AppShell from "../components/AppShell";
|
|||
|
|
import { Icon } from "../components/icons";
|
|||
|
|
import { useToast } from "../components/ToastProvider";
|
|||
|
|
import { useConfirm } from "../components/ConfirmProvider";
|
|||
|
|
export default function Home() {
|
|||
|
|
const router = useRouter();
|
|||
|
|
const { showToast } = useToast();
|
|||
|
|
const { confirm } = useConfirm();
|
|||
|
|
const [currentMonth, setCurrentMonth] = useState(new Date());
|
|||
|
|
const [typeFilter, setTypeFilter] = useState("all");
|
|||
|
|
const [records, setRecords] = useState([]);
|
|||
|
|
const [stats, setStats] = useState({
|
|||
|
|
income: 0,
|
|||
|
|
expense: 0,
|
|||
|
|
balance: 0
|
|||
|
|
});
|
|||
|
|
const [modalOpen, setModalOpen] = useState(false);
|
|||
|
|
const [editingRecord, setEditingRecord] = useState(null);
|
|||
|
|
const [loading, setLoading] = useState(true);
|
|||
|
|
const [submitting, setSubmitting] = useState(false);
|
|||
|
|
const [deleting, setDeleting] = useState(false);
|
|||
|
|
const [formError, setFormError] = useState("");
|
|||
|
|
const [formData, setFormData] = useState({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
null;
|
|||
|
|
const getMonthStr = (date)=>`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
|
|||
|
|
const formatMoney = (num)=>(num || 0).toFixed(2);
|
|||
|
|
const formatMonth = (date)=>`${date.getFullYear()}年${date.getMonth() + 1}月`;
|
|||
|
|
const resetForm = ()=>({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
const loadData = async ()=>{
|
|||
|
|
setLoading(true);
|
|||
|
|
try {
|
|||
|
|
const [recordsData, statsData] = await Promise.all([
|
|||
|
|
getRecords(getMonthStr(currentMonth), typeFilter),
|
|||
|
|
getStats(getMonthStr(currentMonth))
|
|||
|
|
]);
|
|||
|
|
setRecords(recordsData);
|
|||
|
|
setStats(statsData);
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error(err);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setLoading(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const prevMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() - 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const nextMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() + 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const handleCardClick = (type)=>{
|
|||
|
|
setTypeFilter(type === typeFilter ? "all" : type);
|
|||
|
|
};
|
|||
|
|
const openAddModal = ()=>{
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormData(resetForm());
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const openEditModal = (record)=>{
|
|||
|
|
const [datePart, timePart] = record.date.split(" ");
|
|||
|
|
setEditingRecord(record);
|
|||
|
|
setFormData({
|
|||
|
|
type: record.type,
|
|||
|
|
amount: record.amount.toString(),
|
|||
|
|
category: record.category,
|
|||
|
|
date: datePart,
|
|||
|
|
time: timePart || "00:00",
|
|||
|
|
note: record.note || ""
|
|||
|
|
});
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const closeModal = ()=>{
|
|||
|
|
if (submitting || deleting) return;
|
|||
|
|
setModalOpen(false);
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormError("");
|
|||
|
|
};
|
|||
|
|
const handleSubmit = async (e)=>{
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (!formData.amount || !formData.category || !formData.date) {
|
|||
|
|
setFormError("请填写完整信�");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSubmitting(true);
|
|||
|
|
setFormError("");
|
|||
|
|
try {
|
|||
|
|
const data = {
|
|||
|
|
type: formData.type,
|
|||
|
|
amount: parseFloat(formData.amount),
|
|||
|
|
category: formData.category,
|
|||
|
|
date: `${formData.date} ${formData.time || "00:00"}`,
|
|||
|
|
note: formData.note
|
|||
|
|
};
|
|||
|
|
if (editingRecord) {
|
|||
|
|
await updateRecord(editingRecord.id, data);
|
|||
|
|
showToast("记录已更新", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
await createRecord(data);
|
|||
|
|
showToast("è®°å½•å·²æ·»åŠ ", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
closeModal();
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setSubmitting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleDelete = async ()=>{
|
|||
|
|
if (!editingRecord) return;
|
|||
|
|
const shouldDelete = await confirm({
|
|||
|
|
title: "åˆ é™¤è¿™æ�¡è®°å½•ï¼Ÿ",
|
|||
|
|
description: "åˆ é™¤å�Žå°†æ— 法æ�¢å¤�，请确认是å�¦ç»§ç»ã€‚",
|
|||
|
|
confirmText: "åˆ é™¤"
|
|||
|
|
});
|
|||
|
|
if (!shouldDelete) return;
|
|||
|
|
setDeleting(true);
|
|||
|
|
try {
|
|||
|
|
await deleteRecord(editingRecord.id);
|
|||
|
|
closeModal();
|
|||
|
|
showToast("è®°å½•å·²åˆ é™¤", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setDeleting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const groupedRecords = records.reduce((groups, record)=>{
|
|||
|
|
const date = record.date.split(" ")[0];
|
|||
|
|
if (!groups[date]) groups[date] = [];
|
|||
|
|
groups[date].push(record);
|
|||
|
|
return groups;
|
|||
|
|
}, {});
|
|||
|
|
const sortedDates = Object.keys(groupedRecords).sort((a, b)=>b.localeCompare(a));
|
|||
|
|
const getDayExpense = (date)=>groupedRecords[date].filter((record)=>record.type === "expense").reduce((sum, record)=>sum + record.amount, 0);
|
|||
|
|
const homeHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "�索记录",
|
|||
|
|
onClick: ()=>router.push("/search"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "search",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "month-switcher-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "上个月",
|
|||
|
|
onClick: prevMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "month-switcher__label",
|
|||
|
|
children: formatMonth(currentMonth)
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "下个月",
|
|||
|
|
onClick: nextMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronRight",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "设置",
|
|||
|
|
onClick: ()=>router.push("/settings"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "settings",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
const modalHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "å…³é—",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-title-container",
|
|||
|
|
children: /*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "modal-title",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
return /*#__PURE__*/ _jsxs(AppShell, {
|
|||
|
|
headerContent: modalOpen ? modalHeaderContent : homeHeaderContent,
|
|||
|
|
compactHeader: true,
|
|||
|
|
hideNav: modalOpen,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("section", {
|
|||
|
|
className: "dashboard-hero card",
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "stats-grid stats-grid--hero",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("income"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "收入"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value income",
|
|||
|
|
children: [
|
|||
|
|
"+",
|
|||
|
|
formatMoney(stats.income)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("expense"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value expense",
|
|||
|
|
children: [
|
|||
|
|
"-",
|
|||
|
|
formatMoney(stats.expense)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "stat-card stat-card--balance",
|
|||
|
|
onClick: ()=>handleCardClick("all"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "结余"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "value",
|
|||
|
|
children: formatMoney(stats.balance)
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("section", {
|
|||
|
|
className: "card section-card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "section-heading section-heading--compact",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: "记录列表"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: typeFilter === "all" ? "全部记录" : typeFilter === "income" ? "仅看收入" : "仅看支出"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-secondary btn-inline",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 16
|
|||
|
|
}),
|
|||
|
|
"新增记录"
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
loading ? /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "loading-state",
|
|||
|
|
children: "åŠ è½½ä¸..."
|
|||
|
|
}) : records.length === 0 ? /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "empty-state empty-state--card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "empty-state__icon",
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "info",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
children: "æš‚æ— è®°å½•ï¼Œç‚¹å‡»ä¸Šæ–¹æŒ‰é’®æ·»åŠ ã€‚"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}) : /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "records-list records-list--flush",
|
|||
|
|
children: sortedDates.map((date)=>/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-label",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: new Date(date).toLocaleDateString("zh-CN", {
|
|||
|
|
month: "short",
|
|||
|
|
day: "numeric",
|
|||
|
|
weekday: "short"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "day-expense",
|
|||
|
|
children: [
|
|||
|
|
"支出 ",
|
|||
|
|
formatMoney(getDayExpense(date))
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
groupedRecords[date].map((record)=>{
|
|||
|
|
const categories = DEFAULT_CATEGORIES[record.type];
|
|||
|
|
const cat = categories.find((item)=>item.name === record.category) || {
|
|||
|
|
icon: "\uD83D\uDCDD"
|
|||
|
|
};
|
|||
|
|
return /*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "record-item",
|
|||
|
|
onClick: ()=>openEditModal(record),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-left",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-info",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-category",
|
|||
|
|
children: record.category
|
|||
|
|
}),
|
|||
|
|
record.note && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-note",
|
|||
|
|
children: record.note
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: `record-amount ${record.type}`,
|
|||
|
|
children: [
|
|||
|
|
record.type === "income" ? "+" : "-",
|
|||
|
|
formatMoney(record.amount)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, record.id);
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, date))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "fab",
|
|||
|
|
"aria-label": "新增记录",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
modalOpen && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-overlay modal-overlay--fullscreen",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal modal--fullscreen",
|
|||
|
|
onClick: (e)=>e.stopPropagation(),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-header",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
}),
|
|||
|
|
editingRecord ? /*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: "更新账目"
|
|||
|
|
}) : null
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button icon-button--ghost",
|
|||
|
|
"aria-label": "å…³é—弹窗",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "close",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
formError && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "error-msg",
|
|||
|
|
children: formError
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("form", {
|
|||
|
|
onSubmit: handleSubmit,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "type-switch",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn expense ${formData.type === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "expense",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn income ${formData.type === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "income",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "收入"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-amount",
|
|||
|
|
children: "金�"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-amount",
|
|||
|
|
type: "number",
|
|||
|
|
className: "amount-input",
|
|||
|
|
value: formData.amount,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
amount: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "0.00",
|
|||
|
|
step: "0.01",
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "分类"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "category-grid",
|
|||
|
|
children: DEFAULT_CATEGORIES[formData.type].map((cat)=>/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `category-btn ${formData.category === cat.name ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
category: cat.name
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: cat.name
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, cat.name))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "日期"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "datetime-picker",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "date",
|
|||
|
|
value: formData.date,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
date: e.target.value
|
|||
|
|
}),
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "time",
|
|||
|
|
value: formData.time || "00:00",
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
time: e.target.value
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-note",
|
|||
|
|
children: "备注（�选）"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-note",
|
|||
|
|
type: "text",
|
|||
|
|
value: formData.note,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
note: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "æ·»åŠ å¤‡æ³¨...",
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-actions",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "submit",
|
|||
|
|
className: "btn btn-primary",
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: submitting ? /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "spinner",
|
|||
|
|
size: 16,
|
|||
|
|
className: "is-spinning"
|
|||
|
|
}),
|
|||
|
|
"ä¿�å˜ä¸..."
|
|||
|
|
]
|
|||
|
|
}) : "ä¿�å˜"
|
|||
|
|
}),
|
|||
|
|
editingRecord && /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-danger",
|
|||
|
|
onClick: handleDelete,
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: deleting ? "åˆ é™¤ä¸..." : "åˆ é™¤"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
‹exportsTypeŽsideEffectFree‰namespace
|
|||
|
|
�javascript/auto`Ó…alias§Œserver-only$Œclient-only$Ÿnext/dist/compiled/client-only$žnext/dist/compiled/server-only¤next/dist/compiled/server-only/index¤next/dist/compiled/client-only/indexÿþ
|
|||
|
|
|
|||
|
|
|
|||
|
|
ò`‰cacheable†parsed�fileDependencies“contextDependencies“missingDependencies‘buildDependencies‘valueDependenciesĆassetsŠassetsInfo†strict�exportsArgument”topLevelDeclarationsˆsnapshot ˜webpack/lib/util/LazySetÙ/opt/accountbook/frontend/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js ™webpack/DefinePlugin_hashˆ3b076c43�94d7e3cb2ffaeb60 “__webpack_exports__‰*default*„Home �´’¸ÍyB ‘¶` ·webpack/lib/dependencies/HarmonyCompatibilityDependency
|
|||
|
|
dÿ ÿ ý¨webpack/lib/dependencies/ConstDependency€ `?
|
|||
|
|
|
|||
|
|
`?€a@l
|
|||
|
|
|
|||
|
|
`,€`m@•
|
|||
|
|
|
|||
|
|
`(€A– þ
|
|||
|
|
|
|||
|
|
`h€Aÿ 6
|
|||
|
|
|
|||
|
|
`7€A7 e
|
|||
|
|
|
|||
|
|
`.€Af ‘
|
|||
|
|
|
|||
|
|
`+€A’ É
|
|||
|
|
|
|||
|
|
`7€AÊ
|
|||
|
|
|
|||
|
|
`;¶webpack/lib/dependencies/HarmonyExportHeaderDependency A 2€ A 2€
|
|||
|
|
@š @ˆ ºwebpack/lib/dependencies/HarmonyImportSideEffectDependency‘react/jsx-runtimeÿ
|
|||
|
|
|
|||
|
|
`?‰‰
|
|||
|
|
|
|||
|
|
`,‹next/routerÿ
|
|||
|
|
|
|||
|
|
`(Š../lib/apiÿ
|
|||
|
|
|
|||
|
|
`h‘../lib/categoriesÿ
|
|||
|
|
|
|||
|
|
`7–../components/AppShellÿ
|
|||
|
|
|
|||
|
|
`.“../components/iconsÿ
|
|||
|
|
|
|||
|
|
`+›../components/ToastProviderÿ
|
|||
|
|
|
|||
|
|
`7 �../components/ConfirmProviderÿ
|
|||
|
|
|
|||
|
|
`;¹webpack/lib/dependencies/HarmonyExportSpecifierDependency`Ó‡default
|
|||
|
|
@š ¹webpack/lib/dependencies/HarmonyImportSpecifierDependencya ‰useRouterþ A: C
|
|||
|
|
úëëý
|
|||
|
|
|
|||
|
|
c ˆuseToastþ Aa i úððþ
|
|||
|
|
|
|||
|
|
c " ŠuseConfirmþ A… � õ ííþ
|
|||
|
|
|
|||
|
|
c
|
|||
|
|
|
|||
|
|
" ˆuseStateþ A¿ Ç ðdÿÿÿdÿÿÿþ
|
|||
|
|
|
|||
|
|
c,4 ûú Aý ì`ÿÿÿ`ÿÿÿþ
|
|||
|
|
|
|||
|
|
c(0 ÷ö A0 8 è\ÿÿÿ\ÿÿÿþ
|
|||
|
|
|
|||
|
|
c"* óò A\ d äXÿÿÿXÿÿÿþ
|
|||
|
|
|
|||
|
|
c & ïî AÏ × àTÿÿÿTÿÿÿþ
|
|||
|
|
|
|||
|
|
c&. ëê A ÜPÿÿÿPÿÿÿþ
|
|||
|
|
|
|||
|
|
c.6 çæ A@ H ØLÿÿÿLÿÿÿþ
|
|||
|
|
|
|||
|
|
c"* ãâ Ax € ÔHÿÿÿHÿÿÿþ
|
|||
|
|
|
|||
|
|
c(0 ßÞ A µ ÐDÿÿÿDÿÿÿþ
|
|||
|
|
|
|||
|
|
c$, ÛÚ Aä ì Ì@ÿÿÿ@ÿÿÿþ
|
|||
|
|
|
|||
|
|
c&. ×Ö A È<ÿÿÿ<ÿÿÿþ
|
|||
|
|
|
|||
|
|
c $ , ŠgetRecordsþ A| † ñ±þ
|
|||
|
|
|
|||
|
|
c44 ˆgetStatsþ A¿ Ç ¾¬¬þ
|
|||
|
|
|
|||
|
|
c55 ŒupdateRecordþ A% 1 ¹§§þ
|
|||
|
|
|
|||
|
|
czz" ŒcreateRecordþ AÓ ß ´¢¢þ
|
|||
|
|
|
|||
|
|
c" ŒdeleteRecordþ A¬ ¸ ¯��þ
|
|||
|
|
|
|||
|
|
@™ `@™ ` „jsxs…_jsxs A! & ©’’þ
|
|||
|
|
|
|||
|
|
@° `,@° `1 ƒjsx„_jsx AŒ � 4£ŒŒþ
|
|||
|
|
|
|||
|
|
@³ `@³ ` ûü Aô ø 4 ‰‰þ
|
|||
|
|
|
|||
|
|
@µ `(@µ `,øù Aæ ê 4�††þ
|
|||
|
|
|
|||
|
|
@º `,@º `0 „Iconþ Aë ï 4˜ŒŒþ
|
|||
|
|
|
|||
|
|
@º `1@º `5 éê A� • ”}ÿÿÿ}ÿÿÿþ
|
|||
|
|
|
|||
|
|
@À `@À ` ìí A 4‘zÿÿÿzÿÿÿþ
|
|||
|
|
|
|||
|
|
@Ã `"@Ã `&éê A 4Žwÿÿÿwÿÿÿþ
|
|||
|
|
|
|||
|
|
@È `0@È `4òñ A
|
|||
|
|
4‹ÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@È `5@È `9ãä AÀ Ä 4ˆqÿÿÿqÿÿÿþ
|
|||
|
|
|
|||
|
|
@Í `"@Í `&àá A� … 4…nÿÿÿnÿÿÿþ
|
|||
|
|
|
|||
|
|
@Ñ `"@Ñ `&ÝÞ Au y 4‚kÿÿÿkÿÿÿþ
|
|||
|
|
|
|||
|
|
@Ö `0@Ö `4æå Az ~ 4ÿÿÿsÿÿÿsÿÿÿþ
|
|||
|
|
|
|||
|
|
@Ö `5@Ö `9×Ø AG K 4|ÿÿÿeÿÿÿeÿÿÿþ
|
|||
|
|
|
|||
|
|
@Ý `@Ý ` ÔÕ A° ´ 4yÿÿÿbÿÿÿbÿÿÿþ
|
|||
|
|
|
|||
|
|
@ß `(@ß `,ÑÒ A¢ ¦ 4vÿÿÿ_ÿÿÿ_ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ä `,@ä `0ÚÙ A§ « 4sÿÿÿgÿÿÿgÿÿÿþ
|
|||
|
|
|
|||
|
|
@ä `1@ä `5 ÄÅ Ar! w! oÿÿÿXÿÿÿXÿÿÿþ
|
|||
|
|
|
|||
|
|
@ì `-@ì `2ÇÈ AÝ! á! 4lÿÿÿUÿÿÿUÿÿÿþ
|
|||
|
|
|
|||
|
|
@ï `@ï ` ÄÅ AE" I" 4iÿÿÿRÿÿÿRÿÿÿþ
|
|||
|
|
|
|||
|
|
@ñ `(@ñ `,ÁÂ A%# )# 4fÿÿÿOÿÿÿOÿÿÿþ
|
|||
|
|
|
|||
|
|
@ö `,@ö `0ÊÉ A*# .# 4cÿÿÿWÿÿÿWÿÿÿþ
|
|||
|
|
|
|||
|
|
@ö `1@ö `5»¼ AÔ# Ø# 4`ÿÿÿIÿÿÿIÿÿÿþ
|
|||
|
|
|
|||
|
|
@ü `@ü ` ¸¹ A>$ B$ 4]ÿÿÿFÿÿÿFÿÿÿþ
|
|||
|
|
|
|||
|
|
@þ `(@þ `,µ¶ Aö$ ú$ 4ZÿÿÿCÿÿÿCÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `@ ` «¬ Ap% u% Vÿÿÿ?ÿÿÿ?ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `@ ` OÿÿÿˆAppShell Av% ~% 4QÿÿÿCÿÿÿCÿÿÿþ
|
|||
|
|
|
|||
|
|
@ ` @ `'©ª A4& 8& 4Nÿÿÿ7ÿÿÿ7ÿÿÿþ
|
|||
|
|
|
|||
|
|
@
|
|||
|
|
`@
|
|||
|
|
` Ÿ A & ¥& Jÿÿÿ3ÿÿÿ3ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `(@ `- ›œ A3' 8' Fÿÿÿ/ÿÿÿ/ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `&@ `+žŸ Aj( n( 4Cÿÿÿ,ÿÿÿ,ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `.@ `2 ”• A6) ;) ?ÿÿÿ(ÿÿÿ(ÿÿÿþ
|
|||
|
|
|
|||
|
|
@ `.@ `3 �‘ AÍ* Ò* ;ÿÿÿ$ÿÿÿ$ÿÿÿþ
|
|||
|
|
|
|||
|
|
@$ `&@$ `+“” A,
|
|||
|
|
, 48ÿÿÿ!ÿÿÿ!ÿÿÿþ
|
|||
|
|
|
|||
|
|
@) `.@) `2 ‰Š AÒ, ×, 4ÿÿÿ ÿÿÿ ÿÿÿþ
|
|||
|
|
|
|||
|
|
@- `.@- `3 …† Ak. p. 0ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@6 `&@6 `+ˆ‰ A‡/ ‹/ 4-ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@; `.@; `2…† AS0 W0 4*ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@? `.@? `2 {ÿÿÿ|ÿÿÿ A’1 —1 &ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@H `@H ` wÿÿÿxÿÿÿ A2 2 "ÿÿÿ ÿÿÿ ÿÿÿþ
|
|||
|
|
|
|||
|
|
@K `"@K `' sÿÿÿtÿÿÿ A¿2 Ä2 ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@N `*@N `/vÿÿÿwÿÿÿ A,3 03 4ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@P `2@P `6sÿÿÿtÿÿÿ A 4
|
|||
|
|
4 4ÿÿÿÿÿÿÿÿÿþ
|
|||
|
|
|
|||
|
|
@T `2@T `6pÿÿÿqÿÿÿ A%5 )5 4ÿÿÿþþÿÿþþÿÿþ
|
|||
|
|
|
|||
|
|
@Y `*@Y `. fÿÿÿgÿÿÿ A 6 %6 ÿÿÿúþÿÿúþÿÿþ
|
|||
|
|
|
|||
|
|
@] `8@] `=iÿÿÿjÿÿÿ A×6 Û6 4ÿÿÿ÷þÿÿ÷þÿÿþ
|
|||
|
|
|
|||
|
|
@` `6@` `:rÿÿÿqÿÿÿ AÜ6 à6 4 ÿÿÿÿþÿÿÿþÿÿþ
|
|||
|
|
|
|||
|
|
@` `;@` `?cÿÿÿdÿÿÿ At8 x8 4ÿÿÿñþÿÿñþÿÿþ
|
|||
|
|
|
|||
|
|
@j `,@j `0 YÿÿÿZÿÿÿ A 9 $9 ÿÿÿíþÿÿíþÿÿþ
|
|||
|
|
|
|||
|
|
@m `>@m `C\ÿÿÿ]ÿÿÿ AÀ9 Ä9 4ÿÿÿêþÿÿêþÿÿþ
|
|||
|
|
|
|||
|
|
@p `*@p `.YÿÿÿZÿÿÿ AF: J: 4þþÿÿçþÿÿçþÿÿþ
|
|||
|
|
|
|||
|
|
@r `8@r `<bÿÿÿaÿÿÿ AK: O: 4ûþÿÿïþÿÿïþÿÿþ
|
|||
|
|
|
|||
|
|
@r `=@r `ASÿÿÿTÿÿÿ A ; #; 4øþÿÿáþÿÿáþÿÿþ
|
|||
|
|
|
|||
|
|
@w `*@w `.PÿÿÿQÿÿÿ AÆ; Ê; 4õþÿÿÞþÿÿÞþÿÿþ
|
|||
|
|
|
|||
|
|
@{ `'@{ `+ FÿÿÿGÿÿÿ Ac< h< ñþÿÿÚþÿÿÚþÿÿþ
|
|||
|
|
|
|||
|
|
@} `H@} `M BÿÿÿCÿÿÿ A = = íþÿÿÖþÿÿÖþÿÿþ
|
|||
|
|
|
|||
|
|
@€ `2@€ `7EÿÿÿFÿÿÿ AÇ= Ë= 4êþÿÿÓþÿÿÓþÿÿþ
|
|||
|
|
|
|||
|
|
@ƒ `:@ƒ `> ;ÿÿÿ<ÿÿÿ A§? ¬? æþÿÿÏþÿÿÏþÿÿþ
|
|||
|
|
|
|||
|
|
@Š `:@Š `? ’DEFAULT_CATEGORIESþ AB B 4áþÿÿÑþÿÿÑþÿÿþ
|
|||
|
|
|
|||
|
|
@” `;@” `M 2ÿÿÿ3ÿÿÿ A>C CC ÝþÿÿÆþÿÿÆþÿÿþ
|
|||
|
|
|
|||
|
|
@˜ `=@˜ `B .ÿÿÿ/ÿÿÿ A˜D �D ÙþÿÿÂþÿÿÂþÿÿþ
|
|||
|
|
|
|||
|
|
@� `>@� `C1ÿÿÿ2ÿÿÿ A{E E 4Öþÿÿ¿þÿÿ¿þÿÿþ
|
|||
|
|
|
|||
|
|
@ `F@ `J 'ÿÿÿ(ÿÿÿ A°F µF Òþÿÿ»þÿÿ»þÿÿþ
|
|||
|
|
|
|||
|
|
@¤ `F@¤ `K*ÿÿÿ+ÿÿÿ A«G ¯G 4Ïþÿÿ¸þÿÿ¸þÿÿþ
|
|||
|
|
|
|||
|
|
@§ `N@§ `R'ÿÿÿ(ÿÿÿ AI I 4Ìþÿÿµþÿÿµþÿÿþ
|
|||
|
|
|
|||
|
|
@« `]@« `a ÿÿÿ ÿÿÿ ADK IK Èþÿÿ±þÿÿ±þÿÿþ
|
|||
|
|
|
|||
|
|
@³ `>@³ `C ÿÿÿ!ÿÿÿ A3N 7N 4Åþÿÿ®þÿÿ®þÿÿþ
|
|||
|
|
|
|||
|
|
@Â `@Â ` ÿÿÿ ÿÿÿ AûN ÿN 4Âþÿÿ«þÿÿ«þÿÿþ
|
|||
|
|
|
|||
|
|
@Ç `(@Ç `,&ÿÿÿ%ÿÿÿ A O O 4¿þÿÿ³þÿÿ³þÿÿþ
|
|||
|
|
|
|||
|
|
@Ç `-@Ç `1ÿÿÿÿÿÿ A‘O •O 4¼þÿÿ¥þÿÿ¥þÿÿþ
|
|||
|
|
|
|||
|
|
@Ì `'@Ì `+
|
|||
|
|
ÿÿÿÿÿÿ A2P 7P ¸þÿÿ¡þÿÿ¡þÿÿþ
|
|||
|
|
|
|||
|
|
@Ï `(@Ï `- ÿÿÿ
|
|||
|
|
ÿÿÿ AøP ýP ´þÿÿ�þÿÿ�þÿÿþ
|
|||
|
|
|
|||
|
|
@Ó `&@Ó `+ ÿÿÿÿÿÿ A”Q ™Q °þÿÿ™þÿÿ™þÿÿþ
|
|||
|
|
|
|||
|
|
@Ö `.@Ö `3ÿÿÿ ÿÿÿ A R
|
|||
|
|
R 4þÿÿ–þÿÿ–þÿÿþ
|
|||
|
|
|
|||
|
|
@Ø `6@Ø `:ÿÿÿÿÿÿ A S #S 4ªþÿÿ“þÿÿ“þÿÿþ
|
|||
|
|
|
|||
|
|
@Ü `F@Ü `Jÿÿÿÿÿÿ AT T 4§þÿÿ�þÿÿ�þÿÿþ
|
|||
|
|
|
|||
|
|
@á `.@á `2ÿþÿÿ ÿÿÿ AXU \U 4¤þÿÿ�þÿÿ�þÿÿþ
|
|||
|
|
|
|||
|
|
@æ `<@æ `@ÿÿÿÿÿÿ A]U aU 4¡þÿÿ•þÿÿ•þÿÿþ
|
|||
|
|
|
|||
|
|
@æ `A@æ `Eùþÿÿúþÿÿ A„V ˆV 4žþÿÿ‡þÿÿ‡þÿÿþ
|
|||
|
|
|
|||
|
|
@í `3@í `7 ïþÿÿðþÿÿ A8W =W šþÿÿƒþÿÿƒþÿÿþ
|
|||
|
|
|
|||
|
|
@ñ `&@ñ `+ ëþÿÿìþÿÿ AÒW ×W –þÿÿþÿÿþÿÿþ
|
|||
|
|
|
|||
|
|
@ô `.@ô `3îþÿÿïþÿÿ A…X ‰X 4“þÿÿ|þÿÿ|þÿÿþ
|
|||
|
|
|
|||
|
|
@÷ `6@÷ `:ëþÿÿìþÿÿ Ay[ }[ 4�þÿÿyþÿÿyþÿÿþ
|
|||
|
|
|
|||
|
|
@ `6@ `: áþÿÿâþÿÿ A«^ °^ Œþÿÿuþÿÿuþÿÿþ
|
|||
|
|
|
|||
|
|
@ `.@ `3äþÿÿåþÿÿ A]_ a_ 4‰þÿÿrþÿÿrþÿÿþ
|
|||
|
|
|
|||
|
|
@ `6@ `:áþÿÿâþÿÿ AP` T` 4†þÿÿoþÿÿoþÿÿþ
|
|||
|
|
|
|||
|
|
@ `6@ `: ×þÿÿØþÿÿ Ad d ‚þÿÿkþÿÿkþÿÿþ
|
|||
|
|
|
|||
|
|
@& `.@& `3ÚþÿÿÛþÿÿ AÊd Îd 4þÿÿhþÿÿhþÿÿþ
|
|||
|
|
|
|||
|
|
@) `6@) `:×þÿÿØþÿÿ Awe {e 4|þÿÿeþÿÿeþÿÿþ
|
|||
|
|
|
|||
|
|
@, `6@, `:—– Af f 4yþÿÿiþÿÿiþÿÿþ
|
|||
|
|
|
|||
|
|
@. `6@. `H ÊþÿÿËþÿÿ A>f Cf uþÿÿ^þÿÿ^þÿÿþ
|
|||
|
|
|
|||
|
|
@. `q@. `vÍþÿÿÎþÿÿ Ai i 4rþÿÿ[þÿÿ[þÿÿþ
|
|||
|
|
|
|||
|
|
@7 `F@7 `JÊþÿÿËþÿÿ ACj Gj 4oþÿÿXþÿÿXþÿÿþ
|
|||
|
|
|
|||
|
|
@; `F@; `J ÀþÿÿÁþÿÿ Aók øk kþÿÿTþÿÿTþÿÿþ
|
|||
|
|
|
|||
|
|
@C `.@C `3ÃþÿÿÄþÿÿ A¥l ©l 4hþÿÿQþÿÿQþÿÿþ
|
|||
|
|
|
|||
|
|
@F `6@F `: ¹þÿÿºþÿÿ ARm Wm dþÿÿMþÿÿMþÿÿþ
|
|||
|
|
|
|||
|
|
@I `6@I `;¼þÿÿ½þÿÿ A!n %n 4aþÿÿJþÿÿJþÿÿþ
|
|||
|
|
|
|||
|
|
@L `>@L `B¹þÿÿºþÿÿ Aïp óp 4^þÿÿGþÿÿGþÿÿþ
|
|||
|
|
|
|||
|
|
@V `>@V `B ¯þÿÿ°þÿÿ At t ZþÿÿCþÿÿCþÿÿþ
|
|||
|
|
|
|||
|
|
@c `.@c `3²þÿÿ³þÿÿ AÈt Ìt 4Wþÿÿ@þÿÿ@þÿÿþ
|
|||
|
|
|
|||
|
|
@f `6@f `:¯þÿÿ°þÿÿ A½u Áu 4Tþÿÿ=þÿÿ=þÿÿþ
|
|||
|
|
|
|||
|
|
@j `6@j `: ¥þÿÿ¦þÿÿ AÃx Èx Pþÿÿ9þÿÿ9þÿÿþ
|
|||
|
|
|
|||
|
|
@w `.@w `3¨þÿÿ©þÿÿ Axy |y 4Mþÿÿ6þÿÿ6þÿÿþ
|
|||
|
|
|
|||
|
|
@z `6@z `: žþÿÿŸþÿÿ A®z ³z Iþÿÿ2þÿÿ2þÿÿþ
|
|||
|
|
|
|||
|
|
@~ `Q@~ `V¡þÿÿ¢þÿÿ A‰{ �{ 4Fþÿÿ/þÿÿ/þÿÿþ
|
|||
|
|
|
|||
|
|
@� `B@� `Fªþÿÿ©þÿÿ AŽ{ ’{ 4Cþÿÿ7þÿÿ7þÿÿþ
|
|||
|
|
|
|||
|
|
@� `G@� `K›þÿÿœþÿÿ AÂ} Æ} 4@þÿÿ)þÿÿ)þÿÿþ
|
|||
|
|
|
|||
|
|
@Š `G@Š `K —webpack/lib/ModuleGraph“RestoreProvidedData
|
|||
|
|
|
|||
|
|
žýÿÿˆprovided�canMangleProvide�terminalBinding‹exportsInfo1þÿÿ
|
|||
|
|
|
|||
|
|
‡sources„data“runtimeRequirementsŠjavascript«webpack/lib/util/registerExternalSerializerœwebpack-sources/CachedSource ð «webpack/lib/util/registerExternalSerializerœwebpack-sources/ConcatSource€«webpack/lib/util/registerExternalSerializer™webpack-sources/RawSource Ã
|
|||
|
|
// ESM COMPAT FLAG
|
|||
|
|
__webpack_require__.r(__webpack_exports__);
|
|||
|
|
|
|||
|
|
// EXPORTS
|
|||
|
|
__webpack_require__.d(__webpack_exports__, {
|
|||
|
|
config: () => (/* binding */ config),
|
|||
|
|
"default": () => (/* binding */ next_route_loaderkind_PAGES_page_2F_preferredRegion_absolutePagePath_private_next_pages_2Findex_js_absoluteAppPath_private_next_pages_2F_app_js_absoluteDocumentPath_next_2Fdist_2Fpages_2F_document_middlewareConfigBase64_e30_3D_),
|
|||
|
|
getServerSideProps: () => (/* binding */ getServerSideProps),
|
|||
|
|
getStaticPaths: () => (/* binding */ getStaticPaths),
|
|||
|
|
getStaticProps: () => (/* binding */ getStaticProps),
|
|||
|
|
reportWebVitals: () => (/* binding */ reportWebVitals),
|
|||
|
|
routeModule: () => (/* binding */ routeModule),
|
|||
|
|
unstable_getServerProps: () => (/* binding */ unstable_getServerProps),
|
|||
|
|
unstable_getServerSideProps: () => (/* binding */ unstable_getServerSideProps),
|
|||
|
|
unstable_getStaticParams: () => (/* binding */ unstable_getStaticParams),
|
|||
|
|
unstable_getStaticPaths: () => (/* binding */ unstable_getStaticPaths),
|
|||
|
|
unstable_getStaticProps: () => (/* binding */ unstable_getStaticProps)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// NAMESPACE OBJECT: ./pages/index.js
|
|||
|
|
var pages_namespaceObject = {};
|
|||
|
|
__webpack_require__.r(pages_namespaceObject);
|
|||
|
|
__webpack_require__.d(pages_namespaceObject, {
|
|||
|
|
"default": () => (Home)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/server/future/route-modules/pages/module.compiled.js
|
|||
|
|
var module_compiled = __webpack_require__(7093);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/server/future/route-kind.js
|
|||
|
|
var route_kind = __webpack_require__(5244);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/build/templates/helpers.js
|
|||
|
|
var helpers = __webpack_require__(1323);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/pages/_document.js
|
|||
|
|
var _document = __webpack_require__(2899);
|
|||
|
|
var _document_default = /*#__PURE__*/__webpack_require__.n(_document);
|
|||
|
|
// EXTERNAL MODULE: ./pages/_app.js
|
|||
|
|
var _app = __webpack_require__(3414);
|
|||
|
|
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|||
|
|
var jsx_runtime_ = __webpack_require__(997);
|
|||
|
|
// EXTERNAL MODULE: external "react"
|
|||
|
|
var external_react_ = __webpack_require__(6689);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/router.js
|
|||
|
|
var next_router = __webpack_require__(1163);
|
|||
|
|
// EXTERNAL MODULE: ./lib/api.js
|
|||
|
|
var api = __webpack_require__(7751);
|
|||
|
|
// EXTERNAL MODULE: ./lib/categories.js
|
|||
|
|
var lib_categories = __webpack_require__(2204);
|
|||
|
|
// EXTERNAL MODULE: ./components/AppShell.js
|
|||
|
|
var AppShell = __webpack_require__(1712);
|
|||
|
|
// EXTERNAL MODULE: ./components/icons.js
|
|||
|
|
var icons = __webpack_require__(349);
|
|||
|
|
// EXTERNAL MODULE: ./components/ToastProvider.js
|
|||
|
|
var ToastProvider = __webpack_require__(4190);
|
|||
|
|
// EXTERNAL MODULE: ./components/ConfirmProvider.js
|
|||
|
|
var ConfirmProvider = __webpack_require__(4407);
|
|||
|
|
;// CONCATENATED MODULE: ./pages/index.js
|
|||
|
|
«webpack/lib/util/registerExternalSerializer�webpack-sources/ReplaceSource«webpack/lib/util/registerExternalSerializerœwebpack-sources/CachedSource �Œ «webpack/lib/util/registerExternalSerializer�webpack-sources/ReplaceSource«webpack/lib/util/registerExternalSerializer™webpack-sources/RawSource �� import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|||
|
|
import { useState, useEffect } from "react";
|
|||
|
|
import { useRouter } from "next/router";
|
|||
|
|
import { isLoggedIn, getRecords, getStats, createRecord, updateRecord, deleteRecord } from "../lib/api";
|
|||
|
|
import { DEFAULT_CATEGORIES } from "../lib/categories";
|
|||
|
|
import AppShell from "../components/AppShell";
|
|||
|
|
import { Icon } from "../components/icons";
|
|||
|
|
import { useToast } from "../components/ToastProvider";
|
|||
|
|
import { useConfirm } from "../components/ConfirmProvider";
|
|||
|
|
export default function Home() {
|
|||
|
|
const router = useRouter();
|
|||
|
|
const { showToast } = useToast();
|
|||
|
|
const { confirm } = useConfirm();
|
|||
|
|
const [currentMonth, setCurrentMonth] = useState(new Date());
|
|||
|
|
const [typeFilter, setTypeFilter] = useState("all");
|
|||
|
|
const [records, setRecords] = useState([]);
|
|||
|
|
const [stats, setStats] = useState({
|
|||
|
|
income: 0,
|
|||
|
|
expense: 0,
|
|||
|
|
balance: 0
|
|||
|
|
});
|
|||
|
|
const [modalOpen, setModalOpen] = useState(false);
|
|||
|
|
const [editingRecord, setEditingRecord] = useState(null);
|
|||
|
|
const [loading, setLoading] = useState(true);
|
|||
|
|
const [submitting, setSubmitting] = useState(false);
|
|||
|
|
const [deleting, setDeleting] = useState(false);
|
|||
|
|
const [formError, setFormError] = useState("");
|
|||
|
|
const [formData, setFormData] = useState({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
null;
|
|||
|
|
const getMonthStr = (date)=>`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
|
|||
|
|
const formatMoney = (num)=>(num || 0).toFixed(2);
|
|||
|
|
const formatMonth = (date)=>`${date.getFullYear()}年${date.getMonth() + 1}月`;
|
|||
|
|
const resetForm = ()=>({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
const loadData = async ()=>{
|
|||
|
|
setLoading(true);
|
|||
|
|
try {
|
|||
|
|
const [recordsData, statsData] = await Promise.all([
|
|||
|
|
getRecords(getMonthStr(currentMonth), typeFilter),
|
|||
|
|
getStats(getMonthStr(currentMonth))
|
|||
|
|
]);
|
|||
|
|
setRecords(recordsData);
|
|||
|
|
setStats(statsData);
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error(err);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setLoading(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const prevMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() - 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const nextMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() + 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const handleCardClick = (type)=>{
|
|||
|
|
setTypeFilter(type === typeFilter ? "all" : type);
|
|||
|
|
};
|
|||
|
|
const openAddModal = ()=>{
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormData(resetForm());
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const openEditModal = (record)=>{
|
|||
|
|
const [datePart, timePart] = record.date.split(" ");
|
|||
|
|
setEditingRecord(record);
|
|||
|
|
setFormData({
|
|||
|
|
type: record.type,
|
|||
|
|
amount: record.amount.toString(),
|
|||
|
|
category: record.category,
|
|||
|
|
date: datePart,
|
|||
|
|
time: timePart || "00:00",
|
|||
|
|
note: record.note || ""
|
|||
|
|
});
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const closeModal = ()=>{
|
|||
|
|
if (submitting || deleting) return;
|
|||
|
|
setModalOpen(false);
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormError("");
|
|||
|
|
};
|
|||
|
|
const handleSubmit = async (e)=>{
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (!formData.amount || !formData.category || !formData.date) {
|
|||
|
|
setFormError("请填写完整信�");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSubmitting(true);
|
|||
|
|
setFormError("");
|
|||
|
|
try {
|
|||
|
|
const data = {
|
|||
|
|
type: formData.type,
|
|||
|
|
amount: parseFloat(formData.amount),
|
|||
|
|
category: formData.category,
|
|||
|
|
date: `${formData.date} ${formData.time || "00:00"}`,
|
|||
|
|
note: formData.note
|
|||
|
|
};
|
|||
|
|
if (editingRecord) {
|
|||
|
|
await updateRecord(editingRecord.id, data);
|
|||
|
|
showToast("记录已更新", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
await createRecord(data);
|
|||
|
|
showToast("è®°å½•å·²æ·»åŠ ", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
closeModal();
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setSubmitting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleDelete = async ()=>{
|
|||
|
|
if (!editingRecord) return;
|
|||
|
|
const shouldDelete = await confirm({
|
|||
|
|
title: "åˆ é™¤è¿™æ�¡è®°å½•ï¼Ÿ",
|
|||
|
|
description: "åˆ é™¤å�Žå°†æ— 法æ�¢å¤�，请确认是å�¦ç»§ç»ã€‚",
|
|||
|
|
confirmText: "åˆ é™¤"
|
|||
|
|
});
|
|||
|
|
if (!shouldDelete) return;
|
|||
|
|
setDeleting(true);
|
|||
|
|
try {
|
|||
|
|
await deleteRecord(editingRecord.id);
|
|||
|
|
closeModal();
|
|||
|
|
showToast("è®°å½•å·²åˆ é™¤", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setDeleting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const groupedRecords = records.reduce((groups, record)=>{
|
|||
|
|
const date = record.date.split(" ")[0];
|
|||
|
|
if (!groups[date]) groups[date] = [];
|
|||
|
|
groups[date].push(record);
|
|||
|
|
return groups;
|
|||
|
|
}, {});
|
|||
|
|
const sortedDates = Object.keys(groupedRecords).sort((a, b)=>b.localeCompare(a));
|
|||
|
|
const getDayExpense = (date)=>groupedRecords[date].filter((record)=>record.type === "expense").reduce((sum, record)=>sum + record.amount, 0);
|
|||
|
|
const homeHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "�索记录",
|
|||
|
|
onClick: ()=>router.push("/search"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "search",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "month-switcher-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "上个月",
|
|||
|
|
onClick: prevMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "month-switcher__label",
|
|||
|
|
children: formatMonth(currentMonth)
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "下个月",
|
|||
|
|
onClick: nextMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronRight",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "设置",
|
|||
|
|
onClick: ()=>router.push("/settings"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "settings",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
const modalHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "å…³é—",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-title-container",
|
|||
|
|
children: /*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "modal-title",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
return /*#__PURE__*/ _jsxs(AppShell, {
|
|||
|
|
headerContent: modalOpen ? modalHeaderContent : homeHeaderContent,
|
|||
|
|
compactHeader: true,
|
|||
|
|
hideNav: modalOpen,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("section", {
|
|||
|
|
className: "dashboard-hero card",
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "stats-grid stats-grid--hero",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("income"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "收入"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value income",
|
|||
|
|
children: [
|
|||
|
|
"+",
|
|||
|
|
formatMoney(stats.income)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("expense"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value expense",
|
|||
|
|
children: [
|
|||
|
|
"-",
|
|||
|
|
formatMoney(stats.expense)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "stat-card stat-card--balance",
|
|||
|
|
onClick: ()=>handleCardClick("all"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "结余"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "value",
|
|||
|
|
children: formatMoney(stats.balance)
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("section", {
|
|||
|
|
className: "card section-card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "section-heading section-heading--compact",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: "记录列表"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: typeFilter === "all" ? "全部记录" : typeFilter === "income" ? "仅看收入" : "仅看支出"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-secondary btn-inline",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 16
|
|||
|
|
}),
|
|||
|
|
"新增记录"
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
loading ? /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "loading-state",
|
|||
|
|
children: "åŠ è½½ä¸..."
|
|||
|
|
}) : records.length === 0 ? /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "empty-state empty-state--card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "empty-state__icon",
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "info",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
children: "æš‚æ— è®°å½•ï¼Œç‚¹å‡»ä¸Šæ–¹æŒ‰é’®æ·»åŠ ã€‚"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}) : /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "records-list records-list--flush",
|
|||
|
|
children: sortedDates.map((date)=>/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-label",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: new Date(date).toLocaleDateString("zh-CN", {
|
|||
|
|
month: "short",
|
|||
|
|
day: "numeric",
|
|||
|
|
weekday: "short"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "day-expense",
|
|||
|
|
children: [
|
|||
|
|
"支出 ",
|
|||
|
|
formatMoney(getDayExpense(date))
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
groupedRecords[date].map((record)=>{
|
|||
|
|
const categories = DEFAULT_CATEGORIES[record.type];
|
|||
|
|
const cat = categories.find((item)=>item.name === record.category) || {
|
|||
|
|
icon: "\uD83D\uDCDD"
|
|||
|
|
};
|
|||
|
|
return /*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "record-item",
|
|||
|
|
onClick: ()=>openEditModal(record),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-left",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-info",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-category",
|
|||
|
|
children: record.category
|
|||
|
|
}),
|
|||
|
|
record.note && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-note",
|
|||
|
|
children: record.note
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: `record-amount ${record.type}`,
|
|||
|
|
children: [
|
|||
|
|
record.type === "income" ? "+" : "-",
|
|||
|
|
formatMoney(record.amount)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, record.id);
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, date))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "fab",
|
|||
|
|
"aria-label": "新增记录",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
modalOpen && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-overlay modal-overlay--fullscreen",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal modal--fullscreen",
|
|||
|
|
onClick: (e)=>e.stopPropagation(),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-header",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
}),
|
|||
|
|
editingRecord ? /*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: "更新账目"
|
|||
|
|
}) : null
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button icon-button--ghost",
|
|||
|
|
"aria-label": "å…³é—弹窗",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "close",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
formError && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "error-msg",
|
|||
|
|
children: formError
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("form", {
|
|||
|
|
onSubmit: handleSubmit,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "type-switch",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn expense ${formData.type === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "expense",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn income ${formData.type === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "income",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "收入"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-amount",
|
|||
|
|
children: "金�"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-amount",
|
|||
|
|
type: "number",
|
|||
|
|
className: "amount-input",
|
|||
|
|
value: formData.amount,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
amount: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "0.00",
|
|||
|
|
step: "0.01",
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "分类"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "category-grid",
|
|||
|
|
children: DEFAULT_CATEGORIES[formData.type].map((cat)=>/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `category-btn ${formData.category === cat.name ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
category: cat.name
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: cat.name
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, cat.name))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "日期"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "datetime-picker",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "date",
|
|||
|
|
value: formData.date,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
date: e.target.value
|
|||
|
|
}),
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "time",
|
|||
|
|
value: formData.time || "00:00",
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
time: e.target.value
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-note",
|
|||
|
|
children: "备注（�选）"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-note",
|
|||
|
|
type: "text",
|
|||
|
|
value: formData.note,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
note: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "æ·»åŠ å¤‡æ³¨...",
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-actions",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "submit",
|
|||
|
|
className: "btn btn-primary",
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: submitting ? /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "spinner",
|
|||
|
|
size: 16,
|
|||
|
|
className: "is-spinning"
|
|||
|
|
}),
|
|||
|
|
"ä¿�å˜ä¸..."
|
|||
|
|
]
|
|||
|
|
}) : "ä¿�å˜"
|
|||
|
|
}),
|
|||
|
|
editingRecord && /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-danger",
|
|||
|
|
onClick: handleDelete,
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: deleting ? "åˆ é™¤ä¸..." : "åˆ é™¤"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
@ˆ c>@km_” – ý ÿ 5 7 d f � ’ È Ê : B a h … Ž ¿ Æ ý 0 7 \ c Ï Ö _ @ G x ´ ä ë | … ¿ Æ % 0 Ó Þ ¬ · ! % Œ � ô ÷ æ é ë î � _”
|
|||
|
|
À Ã � „ u x z } G J ° ³ ¢ ¥ § ª r! v! Ý! à! E" H" %# (# *# _-# Ô# ×# >$ A$ ö$ ù$ p% t% v% }% 4& 7& & ¤& 3' 7' j( m( 6) :) Í* Ñ* , , Ò, Ö, k. o. ‡/ Š/ S0 _V0 ’1 –1 2 2 ¿2 Ã2 ,3 /3 4 4 %5 (5 6 $6 ×6 Ú6 Ü6 ß6 t8 w8 9 #9 À9 Ã9 F: I: K: N: ; "; Æ; _É; c< g< =
|
|||
|
|
= Ç= Ê= §? «? B B >C BC ˜D œD {E ~E °F ´F «G ®G I I DK HK 3N 6N ûN þN O O ‘O _”O 2P 6P øP üP ”Q ˜Q R R S "S T T XU [U ]U `U „V ‡V 8W <W ÒW ÖW …X ˆX y[ |[ «^ ¯^ ]_ `_ P` _S` d d Êd Íd we ze f f >f Bf i i Cj Fj ók ÷k ¥l ¨l Rm Vm !n $n ïp òp t t Èt Ët ½u Àu Ãx JÇx xy {y ®z ²z ‰{ Œ{ Ž{ ‘{ Â} Å} €€€€€€€€€€×__WEBPACK_MODULE_REFERENCE__7_5b22757365526f75746572225d_call_directImport_asiSafe1__._Ö__WEBPACK_MODULE_REFERENCE__12_5b22757365546f617374225d_call_directImport_asiSafe1__._Ú__WEBPACK_MODULE_REFERENCE__13_5b22757365436f6e6669726d225d_call_directImport_asiSafe1__._Õ__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._ÿÿÿÿÿÿÿÿÿÿÙ__WEBPACK_MODULE_REFERENCE__8_5b226765745265636f726473225d_call_directImport_asiSafe1__._Õ__WEBPACK_MODULE_REFERENCE__8_5b226765745374617473225d_call_directImport_asiSafe1__._Ý__WEBPACK_MODULE_REFERENCE__8_5b227570646174655265636f7264225d_call_directImport_asiSafe1__._Ý__WEBPACK_MODULE_REFERENCE__8_5b226372656174655265636f7264225d_call_directImport_asiSafe1__._Ý__WEBPACK_MODULE_REFERENCE__8_5b2264656c6574655265636f7264225d_call_directImport_asiSafe1__._Í__WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._Æ__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._ÿÿÉ__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._ýþþÿþþþÿþþþÿýþþþÿþþþýÏ__WEBPACK_MODULE_REFERENCE__10_5b2264656661756c74225d_directImport_asiSafe1__._ýüüýüüýüüýýüüüýýýüýþýüýýþýýüüýüä__WEBPACK_MODULE_REFERENCE__9_5b2244454641554c545f43415445474f52494553225d_directImport_asiSafe1__._ûûüûüüûüüýüûûûüüüüýüûûüüûüüûüüÿûüüûüûüüûüüûüûüýü€†buffer†source„size„maps„hash ê¡
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function Home() {
|
|||
|
|
const router = __WEBPACK_MODULE_REFERENCE__7_5b22757365526f75746572225d_call_directImport_asiSafe1__._();
|
|||
|
|
const { showToast } = __WEBPACK_MODULE_REFERENCE__12_5b22757365546f617374225d_call_directImport_asiSafe1__._();
|
|||
|
|
const { confirm } = __WEBPACK_MODULE_REFERENCE__13_5b22757365436f6e6669726d225d_call_directImport_asiSafe1__._();
|
|||
|
|
const [currentMonth, setCurrentMonth] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(new Date());
|
|||
|
|
const [typeFilter, setTypeFilter] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._("all");
|
|||
|
|
const [records, setRecords] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._([]);
|
|||
|
|
const [stats, setStats] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._({
|
|||
|
|
income: 0,
|
|||
|
|
expense: 0,
|
|||
|
|
balance: 0
|
|||
|
|
});
|
|||
|
|
const [modalOpen, setModalOpen] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(false);
|
|||
|
|
const [editingRecord, setEditingRecord] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(null);
|
|||
|
|
const [loading, setLoading] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(true);
|
|||
|
|
const [submitting, setSubmitting] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(false);
|
|||
|
|
const [deleting, setDeleting] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._(false);
|
|||
|
|
const [formError, setFormError] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._("");
|
|||
|
|
const [formData, setFormData] = __WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
null;
|
|||
|
|
const getMonthStr = (date)=>`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
|
|||
|
|
const formatMoney = (num)=>(num || 0).toFixed(2);
|
|||
|
|
const formatMonth = (date)=>`${date.getFullYear()}年${date.getMonth() + 1}月`;
|
|||
|
|
const resetForm = ()=>({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
const loadData = async ()=>{
|
|||
|
|
setLoading(true);
|
|||
|
|
try {
|
|||
|
|
const [recordsData, statsData] = await Promise.all([
|
|||
|
|
__WEBPACK_MODULE_REFERENCE__8_5b226765745265636f726473225d_call_directImport_asiSafe1__._(getMonthStr(currentMonth), typeFilter),
|
|||
|
|
__WEBPACK_MODULE_REFERENCE__8_5b226765745374617473225d_call_directImport_asiSafe1__._(getMonthStr(currentMonth))
|
|||
|
|
]);
|
|||
|
|
setRecords(recordsData);
|
|||
|
|
setStats(statsData);
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error(err);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setLoading(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const prevMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() - 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const nextMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() + 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const handleCardClick = (type)=>{
|
|||
|
|
setTypeFilter(type === typeFilter ? "all" : type);
|
|||
|
|
};
|
|||
|
|
const openAddModal = ()=>{
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormData(resetForm());
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const openEditModal = (record)=>{
|
|||
|
|
const [datePart, timePart] = record.date.split(" ");
|
|||
|
|
setEditingRecord(record);
|
|||
|
|
setFormData({
|
|||
|
|
type: record.type,
|
|||
|
|
amount: record.amount.toString(),
|
|||
|
|
category: record.category,
|
|||
|
|
date: datePart,
|
|||
|
|
time: timePart || "00:00",
|
|||
|
|
note: record.note || ""
|
|||
|
|
});
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const closeModal = ()=>{
|
|||
|
|
if (submitting || deleting) return;
|
|||
|
|
setModalOpen(false);
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormError("");
|
|||
|
|
};
|
|||
|
|
const handleSubmit = async (e)=>{
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (!formData.amount || !formData.category || !formData.date) {
|
|||
|
|
setFormError("请填写完整信�");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSubmitting(true);
|
|||
|
|
setFormError("");
|
|||
|
|
try {
|
|||
|
|
const data = {
|
|||
|
|
type: formData.type,
|
|||
|
|
amount: parseFloat(formData.amount),
|
|||
|
|
category: formData.category,
|
|||
|
|
date: `${formData.date} ${formData.time || "00:00"}`,
|
|||
|
|
note: formData.note
|
|||
|
|
};
|
|||
|
|
if (editingRecord) {
|
|||
|
|
await __WEBPACK_MODULE_REFERENCE__8_5b227570646174655265636f7264225d_call_directImport_asiSafe1__._(editingRecord.id, data);
|
|||
|
|
showToast("记录已更新", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
await __WEBPACK_MODULE_REFERENCE__8_5b226372656174655265636f7264225d_call_directImport_asiSafe1__._(data);
|
|||
|
|
showToast("è®°å½•å·²æ·»åŠ ", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
closeModal();
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setSubmitting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleDelete = async ()=>{
|
|||
|
|
if (!editingRecord) return;
|
|||
|
|
const shouldDelete = await confirm({
|
|||
|
|
title: "åˆ é™¤è¿™æ�¡è®°å½•ï¼Ÿ",
|
|||
|
|
description: "åˆ é™¤å�Žå°†æ— 法æ�¢å¤�，请确认是å�¦ç»§ç»ã€‚",
|
|||
|
|
confirmText: "åˆ é™¤"
|
|||
|
|
});
|
|||
|
|
if (!shouldDelete) return;
|
|||
|
|
setDeleting(true);
|
|||
|
|
try {
|
|||
|
|
await __WEBPACK_MODULE_REFERENCE__8_5b2264656c6574655265636f7264225d_call_directImport_asiSafe1__._(editingRecord.id);
|
|||
|
|
closeModal();
|
|||
|
|
showToast("è®°å½•å·²åˆ é™¤", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setDeleting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const groupedRecords = records.reduce((groups, record)=>{
|
|||
|
|
const date = record.date.split(" ")[0];
|
|||
|
|
if (!groups[date]) groups[date] = [];
|
|||
|
|
groups[date].push(record);
|
|||
|
|
return groups;
|
|||
|
|
}, {});
|
|||
|
|
const sortedDates = Object.keys(groupedRecords).sort((a, b)=>b.localeCompare(a));
|
|||
|
|
const getDayExpense = (date)=>groupedRecords[date].filter((record)=>record.type === "expense").reduce((sum, record)=>sum + record.amount, 0);
|
|||
|
|
const homeHeaderContent = /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "�索记录",
|
|||
|
|
onClick: ()=>router.push("/search"),
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "search",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "month-switcher-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "上个月",
|
|||
|
|
onClick: prevMonth,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "month-switcher__label",
|
|||
|
|
children: formatMonth(currentMonth)
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "下个月",
|
|||
|
|
onClick: nextMonth,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "chevronRight",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-right-actions",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "设置",
|
|||
|
|
onClick: ()=>router.push("/settings"),
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "settings",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
const modalHeaderContent = /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "å…³é—",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "modal-title-container",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "modal-title",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "header-right-actions"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
return /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__10_5b2264656661756c74225d_directImport_asiSafe1__._, {
|
|||
|
|
headerContent: modalOpen ? modalHeaderContent : homeHeaderContent,
|
|||
|
|
compactHeader: true,
|
|||
|
|
hideNav: modalOpen,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("section", {
|
|||
|
|
className: "dashboard-hero card",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "stats-grid stats-grid--hero",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("income"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "收入"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "value income",
|
|||
|
|
children: [
|
|||
|
|
"+",
|
|||
|
|
formatMoney(stats.income)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("expense"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "value expense",
|
|||
|
|
children: [
|
|||
|
|
"-",
|
|||
|
|
formatMoney(stats.expense)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "stat-card stat-card--balance",
|
|||
|
|
onClick: ()=>handleCardClick("all"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "结余"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "value",
|
|||
|
|
children: formatMoney(stats.balance)
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("section", {
|
|||
|
|
className: "card section-card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "section-heading section-heading--compact",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: "记录列表"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("h2", {
|
|||
|
|
children: typeFilter === "all" ? "全部记录" : typeFilter === "income" ? "仅看收入" : "仅看支出"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-secondary btn-inline",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 16
|
|||
|
|
}),
|
|||
|
|
"新增记录"
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
loading ? /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "loading-state",
|
|||
|
|
children: "åŠ è½½ä¸..."
|
|||
|
|
}) : records.length === 0 ? /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "empty-state empty-state--card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "empty-state__icon",
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "info",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("p", {
|
|||
|
|
children: "æš‚æ— è®°å½•ï¼Œç‚¹å‡»ä¸Šæ–¹æŒ‰é’®æ·»åŠ ã€‚"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}) : /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "records-list records-list--flush",
|
|||
|
|
children: sortedDates.map((date)=>/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "date-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "date-label",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
children: new Date(date).toLocaleDateString("zh-CN", {
|
|||
|
|
month: "short",
|
|||
|
|
day: "numeric",
|
|||
|
|
weekday: "short"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "day-expense",
|
|||
|
|
children: [
|
|||
|
|
"支出 ",
|
|||
|
|
formatMoney(getDayExpense(date))
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
groupedRecords[date].map((record)=>{
|
|||
|
|
const categories = __WEBPACK_MODULE_REFERENCE__9_5b2244454641554c545f43415445474f52494553225d_directImport_asiSafe1__._[record.type];
|
|||
|
|
const cat = categories.find((item)=>item.name === record.category) || {
|
|||
|
|
icon: "\uD83D\uDCDD"
|
|||
|
|
};
|
|||
|
|
return /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "record-item",
|
|||
|
|
onClick: ()=>openEditModal(record),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "record-left",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "record-icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "record-info",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "record-category",
|
|||
|
|
children: record.category
|
|||
|
|
}),
|
|||
|
|
record.note && /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "record-note",
|
|||
|
|
children: record.note
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: `record-amount ${record.type}`,
|
|||
|
|
children: [
|
|||
|
|
record.type === "income" ? "+" : "-",
|
|||
|
|
formatMoney(record.amount)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, record.id);
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, date))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "fab",
|
|||
|
|
"aria-label": "新增记录",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
modalOpen && /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "modal-overlay modal-overlay--fullscreen",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "modal modal--fullscreen",
|
|||
|
|
onClick: (e)=>e.stopPropagation(),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "modal-header",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
}),
|
|||
|
|
editingRecord ? /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("h2", {
|
|||
|
|
children: "更新账目"
|
|||
|
|
}) : null
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button icon-button--ghost",
|
|||
|
|
"aria-label": "å…³é—弹窗",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "close",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
formError && /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "error-msg",
|
|||
|
|
children: formError
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("form", {
|
|||
|
|
onSubmit: handleSubmit,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "type-switch",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn expense ${formData.type === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "expense",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn income ${formData.type === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "income",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "收入"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("label", {
|
|||
|
|
htmlFor: "record-amount",
|
|||
|
|
children: "金�"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("input", {
|
|||
|
|
id: "record-amount",
|
|||
|
|
type: "number",
|
|||
|
|
className: "amount-input",
|
|||
|
|
value: formData.amount,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
amount: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "0.00",
|
|||
|
|
step: "0.01",
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("label", {
|
|||
|
|
children: "分类"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "category-grid",
|
|||
|
|
children: __WEBPACK_MODULE_REFERENCE__9_5b2244454641554c545f43415445474f52494553225d_directImport_asiSafe1__._[formData.type].map((cat)=>/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `category-btn ${formData.category === cat.name ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
category: cat.name
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("span", {
|
|||
|
|
children: cat.name
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, cat.name))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("label", {
|
|||
|
|
children: "日期"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "datetime-picker",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("input", {
|
|||
|
|
type: "date",
|
|||
|
|
value: formData.date,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
date: e.target.value
|
|||
|
|
}),
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("input", {
|
|||
|
|
type: "time",
|
|||
|
|
value: formData.time || "00:00",
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
time: e.target.value
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("label", {
|
|||
|
|
htmlFor: "record-note",
|
|||
|
|
children: "备注（�选）"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("input", {
|
|||
|
|
id: "record-note",
|
|||
|
|
type: "text",
|
|||
|
|
value: formData.note,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
note: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "æ·»åŠ å¤‡æ³¨...",
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("div", {
|
|||
|
|
className: "modal-actions",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "submit",
|
|||
|
|
className: "btn btn-primary",
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: submitting ? /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._, {
|
|||
|
|
name: "spinner",
|
|||
|
|
size: 16,
|
|||
|
|
className: "is-spinning"
|
|||
|
|
}),
|
|||
|
|
"ä¿�å˜ä¸..."
|
|||
|
|
]
|
|||
|
|
}) : "ä¿�å˜"
|
|||
|
|
}),
|
|||
|
|
editingRecord && /*#__PURE__*/ __WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-danger",
|
|||
|
|
onClick: handleDelete,
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: deleting ? "åˆ é™¤ä¸..." : "åˆ é™¤"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
€•{"finalSource":false}ƒmap‹bufferedMap ReplaceSourceRawSource �� import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|||
|
|
import { useState, useEffect } from "react";
|
|||
|
|
import { useRouter } from "next/router";
|
|||
|
|
import { isLoggedIn, getRecords, getStats, createRecord, updateRecord, deleteRecord } from "../lib/api";
|
|||
|
|
import { DEFAULT_CATEGORIES } from "../lib/categories";
|
|||
|
|
import AppShell from "../components/AppShell";
|
|||
|
|
import { Icon } from "../components/icons";
|
|||
|
|
import { useToast } from "../components/ToastProvider";
|
|||
|
|
import { useConfirm } from "../components/ConfirmProvider";
|
|||
|
|
export default function Home() {
|
|||
|
|
const router = useRouter();
|
|||
|
|
const { showToast } = useToast();
|
|||
|
|
const { confirm } = useConfirm();
|
|||
|
|
const [currentMonth, setCurrentMonth] = useState(new Date());
|
|||
|
|
const [typeFilter, setTypeFilter] = useState("all");
|
|||
|
|
const [records, setRecords] = useState([]);
|
|||
|
|
const [stats, setStats] = useState({
|
|||
|
|
income: 0,
|
|||
|
|
expense: 0,
|
|||
|
|
balance: 0
|
|||
|
|
});
|
|||
|
|
const [modalOpen, setModalOpen] = useState(false);
|
|||
|
|
const [editingRecord, setEditingRecord] = useState(null);
|
|||
|
|
const [loading, setLoading] = useState(true);
|
|||
|
|
const [submitting, setSubmitting] = useState(false);
|
|||
|
|
const [deleting, setDeleting] = useState(false);
|
|||
|
|
const [formError, setFormError] = useState("");
|
|||
|
|
const [formData, setFormData] = useState({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
null;
|
|||
|
|
const getMonthStr = (date)=>`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
|
|||
|
|
const formatMoney = (num)=>(num || 0).toFixed(2);
|
|||
|
|
const formatMonth = (date)=>`${date.getFullYear()}年${date.getMonth() + 1}月`;
|
|||
|
|
const resetForm = ()=>({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
const loadData = async ()=>{
|
|||
|
|
setLoading(true);
|
|||
|
|
try {
|
|||
|
|
const [recordsData, statsData] = await Promise.all([
|
|||
|
|
getRecords(getMonthStr(currentMonth), typeFilter),
|
|||
|
|
getStats(getMonthStr(currentMonth))
|
|||
|
|
]);
|
|||
|
|
setRecords(recordsData);
|
|||
|
|
setStats(statsData);
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error(err);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setLoading(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const prevMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() - 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const nextMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() + 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const handleCardClick = (type)=>{
|
|||
|
|
setTypeFilter(type === typeFilter ? "all" : type);
|
|||
|
|
};
|
|||
|
|
const openAddModal = ()=>{
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormData(resetForm());
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const openEditModal = (record)=>{
|
|||
|
|
const [datePart, timePart] = record.date.split(" ");
|
|||
|
|
setEditingRecord(record);
|
|||
|
|
setFormData({
|
|||
|
|
type: record.type,
|
|||
|
|
amount: record.amount.toString(),
|
|||
|
|
category: record.category,
|
|||
|
|
date: datePart,
|
|||
|
|
time: timePart || "00:00",
|
|||
|
|
note: record.note || ""
|
|||
|
|
});
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const closeModal = ()=>{
|
|||
|
|
if (submitting || deleting) return;
|
|||
|
|
setModalOpen(false);
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormError("");
|
|||
|
|
};
|
|||
|
|
const handleSubmit = async (e)=>{
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (!formData.amount || !formData.category || !formData.date) {
|
|||
|
|
setFormError("请填写完整信�");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSubmitting(true);
|
|||
|
|
setFormError("");
|
|||
|
|
try {
|
|||
|
|
const data = {
|
|||
|
|
type: formData.type,
|
|||
|
|
amount: parseFloat(formData.amount),
|
|||
|
|
category: formData.category,
|
|||
|
|
date: `${formData.date} ${formData.time || "00:00"}`,
|
|||
|
|
note: formData.note
|
|||
|
|
};
|
|||
|
|
if (editingRecord) {
|
|||
|
|
await updateRecord(editingRecord.id, data);
|
|||
|
|
showToast("记录已更新", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
await createRecord(data);
|
|||
|
|
showToast("è®°å½•å·²æ·»åŠ ", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
closeModal();
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setSubmitting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleDelete = async ()=>{
|
|||
|
|
if (!editingRecord) return;
|
|||
|
|
const shouldDelete = await confirm({
|
|||
|
|
title: "åˆ é™¤è¿™æ�¡è®°å½•ï¼Ÿ",
|
|||
|
|
description: "åˆ é™¤å�Žå°†æ— 法æ�¢å¤�，请确认是å�¦ç»§ç»ã€‚",
|
|||
|
|
confirmText: "åˆ é™¤"
|
|||
|
|
});
|
|||
|
|
if (!shouldDelete) return;
|
|||
|
|
setDeleting(true);
|
|||
|
|
try {
|
|||
|
|
await deleteRecord(editingRecord.id);
|
|||
|
|
closeModal();
|
|||
|
|
showToast("è®°å½•å·²åˆ é™¤", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setDeleting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const groupedRecords = records.reduce((groups, record)=>{
|
|||
|
|
const date = record.date.split(" ")[0];
|
|||
|
|
if (!groups[date]) groups[date] = [];
|
|||
|
|
groups[date].push(record);
|
|||
|
|
return groups;
|
|||
|
|
}, {});
|
|||
|
|
const sortedDates = Object.keys(groupedRecords).sort((a, b)=>b.localeCompare(a));
|
|||
|
|
const getDayExpense = (date)=>groupedRecords[date].filter((record)=>record.type === "expense").reduce((sum, record)=>sum + record.amount, 0);
|
|||
|
|
const homeHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "�索记录",
|
|||
|
|
onClick: ()=>router.push("/search"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "search",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "month-switcher-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "上个月",
|
|||
|
|
onClick: prevMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "month-switcher__label",
|
|||
|
|
children: formatMonth(currentMonth)
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "下个月",
|
|||
|
|
onClick: nextMonth,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronRight",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "设置",
|
|||
|
|
onClick: ()=>router.push("/settings"),
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "settings",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
const modalHeaderContent = /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "å…³é—",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-title-container",
|
|||
|
|
children: /*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "modal-title",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "header-right-actions"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
return /*#__PURE__*/ _jsxs(AppShell, {
|
|||
|
|
headerContent: modalOpen ? modalHeaderContent : homeHeaderContent,
|
|||
|
|
compactHeader: true,
|
|||
|
|
hideNav: modalOpen,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("section", {
|
|||
|
|
className: "dashboard-hero card",
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "stats-grid stats-grid--hero",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("income"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "收入"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value income",
|
|||
|
|
children: [
|
|||
|
|
"+",
|
|||
|
|
formatMoney(stats.income)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("expense"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "value expense",
|
|||
|
|
children: [
|
|||
|
|
"-",
|
|||
|
|
formatMoney(stats.expense)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "stat-card stat-card--balance",
|
|||
|
|
onClick: ()=>handleCardClick("all"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "结余"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "value",
|
|||
|
|
children: formatMoney(stats.balance)
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("section", {
|
|||
|
|
className: "card section-card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "section-heading section-heading--compact",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: "记录列表"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: typeFilter === "all" ? "全部记录" : typeFilter === "income" ? "仅看收入" : "仅看支出"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-secondary btn-inline",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 16
|
|||
|
|
}),
|
|||
|
|
"新增记录"
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
loading ? /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "loading-state",
|
|||
|
|
children: "åŠ è½½ä¸..."
|
|||
|
|
}) : records.length === 0 ? /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "empty-state empty-state--card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "empty-state__icon",
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "info",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
children: "æš‚æ— è®°å½•ï¼Œç‚¹å‡»ä¸Šæ–¹æŒ‰é’®æ·»åŠ ã€‚"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}) : /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "records-list records-list--flush",
|
|||
|
|
children: sortedDates.map((date)=>/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "date-label",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: new Date(date).toLocaleDateString("zh-CN", {
|
|||
|
|
month: "short",
|
|||
|
|
day: "numeric",
|
|||
|
|
weekday: "short"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "day-expense",
|
|||
|
|
children: [
|
|||
|
|
"支出 ",
|
|||
|
|
formatMoney(getDayExpense(date))
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
groupedRecords[date].map((record)=>{
|
|||
|
|
const categories = DEFAULT_CATEGORIES[record.type];
|
|||
|
|
const cat = categories.find((item)=>item.name === record.category) || {
|
|||
|
|
icon: "\uD83D\uDCDD"
|
|||
|
|
};
|
|||
|
|
return /*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "record-item",
|
|||
|
|
onClick: ()=>openEditModal(record),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-left",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "record-info",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-category",
|
|||
|
|
children: record.category
|
|||
|
|
}),
|
|||
|
|
record.note && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "record-note",
|
|||
|
|
children: record.note
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: `record-amount ${record.type}`,
|
|||
|
|
children: [
|
|||
|
|
record.type === "income" ? "+" : "-",
|
|||
|
|
formatMoney(record.amount)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, record.id);
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, date))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "fab",
|
|||
|
|
"aria-label": "新增记录",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
modalOpen && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "modal-overlay modal-overlay--fullscreen",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal modal--fullscreen",
|
|||
|
|
onClick: (e)=>e.stopPropagation(),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-header",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
}),
|
|||
|
|
editingRecord ? /*#__PURE__*/ _jsx("h2", {
|
|||
|
|
children: "更新账目"
|
|||
|
|
}) : null
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button icon-button--ghost",
|
|||
|
|
"aria-label": "å…³é—弹窗",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "close",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
formError && /*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "error-msg",
|
|||
|
|
children: formError
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("form", {
|
|||
|
|
onSubmit: handleSubmit,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "type-switch",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn expense ${formData.type === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "expense",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `type-btn income ${formData.type === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
type: "income",
|
|||
|
|
category: ""
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: "收入"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-amount",
|
|||
|
|
children: "金�"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-amount",
|
|||
|
|
type: "number",
|
|||
|
|
className: "amount-input",
|
|||
|
|
value: formData.amount,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
amount: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "0.00",
|
|||
|
|
step: "0.01",
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "分类"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("div", {
|
|||
|
|
className: "category-grid",
|
|||
|
|
children: DEFAULT_CATEGORIES[formData.type].map((cat)=>/*#__PURE__*/ _jsxs("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `category-btn ${formData.category === cat.name ? "active" : ""}`,
|
|||
|
|
onClick: ()=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
category: cat.name
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
className: "icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("span", {
|
|||
|
|
children: cat.name
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, cat.name))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
children: "日期"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "datetime-picker",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "date",
|
|||
|
|
value: formData.date,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
date: e.target.value
|
|||
|
|
}),
|
|||
|
|
required: true,
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
type: "time",
|
|||
|
|
value: formData.time || "00:00",
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
time: e.target.value
|
|||
|
|
}),
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "form-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("label", {
|
|||
|
|
htmlFor: "record-note",
|
|||
|
|
children: "备注（�选）"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsx("input", {
|
|||
|
|
id: "record-note",
|
|||
|
|
type: "text",
|
|||
|
|
value: formData.note,
|
|||
|
|
onChange: (e)=>setFormData({
|
|||
|
|
...formData,
|
|||
|
|
note: e.target.value
|
|||
|
|
}),
|
|||
|
|
placeholder: "æ·»åŠ å¤‡æ³¨...",
|
|||
|
|
disabled: submitting || deleting
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ _jsxs("div", {
|
|||
|
|
className: "modal-actions",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "submit",
|
|||
|
|
className: "btn btn-primary",
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: submitting ? /*#__PURE__*/ _jsxs("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ _jsx(Icon, {
|
|||
|
|
name: "spinner",
|
|||
|
|
size: 16,
|
|||
|
|
className: "is-spinning"
|
|||
|
|
}),
|
|||
|
|
"ä¿�å˜ä¸..."
|
|||
|
|
]
|
|||
|
|
}) : "ä¿�å˜"
|
|||
|
|
}),
|
|||
|
|
editingRecord && /*#__PURE__*/ _jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-danger",
|
|||
|
|
onClick: handleDelete,
|
|||
|
|
disabled: submitting || deleting,
|
|||
|
|
children: deleting ? "åˆ é™¤ä¸..." : "åˆ é™¤"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
‰. 062undefined64107undefined109148undefined150253undefined255309undefined311356undefined358400undefined402456undefined458516undefined518532undefined570578__WEBPACK_MODULE_REFERENCE__7_5b22757365526f75746572225d_call_directImport_asiSafe1__._undefined609616__WEBPACK_MODULE_REFERENCE__12_5b22757365546f617374225d_call_directImport_asiSafe1__._undefined645654__WEBPACK_MODULE_REFERENCE__13_5b22757365436f6e6669726d225d_call_directImport_asiSafe1__._undefined703710__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined765772__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined816823__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined860867__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined975982__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined10381045__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined10881095__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined11441151__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined11971204__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined12521259__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined13021309__WEBPACK_MODULE_REFERENCE__6_5b227573655374617465225d_call_directImport_asiSafe1__._undefined21722181__WEBPACK_MODULE_REFERENCE__8_5b226765745265636f726473225d_call_directImport_asiSafe1__._undefined22392246__WEBPACK_MODULE_REFERENCE__8_5b226765745374617473225d_call_directImport_asiSafe1__._undefined43894400__WEBPACK_MODULE_REFERENCE__8_5b227570646174655265636f7264225d_call_directImport_asiSafe1__._undefined45634574__WEBPACK_MODULE_REFERENCE__8_5b226372656174655265636f7264225d_call_directImport_asiSafe1__._undefined52925303__WEBPACK_MODULE_REFERENCE__8_5b2264656c6574655265636f7264225d_call_directImport_asiSafe1__._undefined61776181__WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._undefined62846287__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined63886391__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined66306633__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined66356638__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._undefined68006804__WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._undefined69326935__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined71767179__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined71817184__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._undefined73607363__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined75537556__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined77977800__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined78027805__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._undefined80078010__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined81128115__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined83548357__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined83598362__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._undefined85628566__WEBPACK_MODULE_REFERENCE__5_5b226a737873225d_call_directImport_asiSafe1__._undefined86698672__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined87738776__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined89979000__WEBPACK_MODULE_REFERENCE__5_5b226a7378225d_directImport_asiSafe1__._undefined90029005__WEBPACK_MODULE_REFERENCE__11_5b2249636f6e225d_directImport_asiSafe1__._undefined91729175__WEBPACK_MODULE_REFERENCE__
|
|||
|
|
= ‘ ð _L ï K u ß + ’ × < � p µ · ÿ ¡ í m ² £! è! ê! 2" â" '# å# *$ % `% b% ª% t& _¹& ' d' S( ˜( š( â( ª) ö) ]* ¢* + L+ ), n, p, ¸, _- ¤- . P. / J/ Á/
|
|||
|
|
0 0 ]0 1 Y1 Â1 2 �2 _é2 4 a4 *5 v5 7 U7 Š8 Ï8 ˜9 ä9 y; Å; Ý< "= ë= 0> l? ¸? 5@ �@ )A uA ÞA #B ýB BC [D D ˜E äE —F _ÜF ÞF &G »H I ¨I ôI ‘J ÖJ YK žK K èK ¹L þL ¢M çM �N ÍN oO »O uP ºP —R ãR <U ŸU ÈV W jX ¶X •Y _ÚY [ X[ O\ ”\ ^ E^ l` ¸` £c èc d òd ôd <e Êe f f ùf »g h Ÿh ëh \i ¡i ´j ùj êk /l qm ¶m ¸m _ n $o io p fp üp Hq ÷q <r -u ru ¡x íx ›y ày Ðz { Ú~ & Ô € À � ‘� ô� ‚ j‚ <… �… † ò† Ÿˆ Zëˆ ™‰ Þ‰ ˆŠ ÔŠ Ÿ‹ ä‹ ¯Ž ôŽ ’ d’ “ W“ I” Ž” ‘— Ý— Ž˜ Ó˜ š Rš )› n› p› ¸› é� .ž ™(0,next_router.useRouter)¡(0,ToastProvider/* useToast */.p)¥(0,ConfirmProvider/* useConfirm */.N)œ(0,external_react_.useState)ÿÿÿÿÿÿÿÿÿÿš(0,api/* getRecords */.Q6)˜(0,api/* getStats */.fy)œ(0,api/* updateRecord */.Vs)œ(0,api/* createRecord */.ae)œ(0,api/* deleteRecord */.JS)•(0,jsx_runtime_.jsxs)�jsx_runtime_.jsxÿÿ‘icons/* Icon */.Jýþþÿþþþÿþþþÿýþþþÿþþþý—AppShell/* default */.Zýüüýüüýüüýýüüüýýýüýþýüýýþýýüüýü¨lib_categories/* DEFAULT_CATEGORIES */.Sûûüûüüûüüýüûûûüüüüýüûûüüûüüûüüÿûüüûüûüüûüüûüûüýü 9
|
|||
|
|
;// CONCATENATED MODULE: ./node_modules/next/dist/build/webpack/loaders/next-route-loader/index.js?kind=PAGES&page=%2F&preferredRegion=&absolutePagePath=private-next-pages%2Findex.js&absoluteAppPath=private-next-pages%2F_app.js&absoluteDocumentPath=next%2Fdist%2Fpages%2F_document&middlewareConfigBase64=e30%3D!
|
|||
|
|
˜ «webpack/lib/util/registerExternalSerializer�webpack-sources/ReplaceSource«webpack/lib/util/registerExternalSerializer™webpack-sources/RawSource Û import { PagesRouteModule } from "next/dist/server/future/route-modules/pages/module.compiled";
|
|||
|
|
import { RouteKind } from "next/dist/server/future/route-kind";
|
|||
|
|
import { hoist } from "next/dist/build/templates/helpers";
|
|||
|
|
// Import the app and document modules.
|
|||
|
|
import Document from "next/dist/pages/_document";
|
|||
|
|
import App from "private-next-pages/_app.js";
|
|||
|
|
// Import the userland code.
|
|||
|
|
import * as userland from "private-next-pages/index.js";
|
|||
|
|
// Re-export the component (should be the default export).
|
|||
|
|
export default hoist(userland, "default");
|
|||
|
|
// Re-export methods.
|
|||
|
|
export const getStaticProps = hoist(userland, "getStaticProps");
|
|||
|
|
export const getStaticPaths = hoist(userland, "getStaticPaths");
|
|||
|
|
export const getServerSideProps = hoist(userland, "getServerSideProps");
|
|||
|
|
export const config = hoist(userland, "config");
|
|||
|
|
export const reportWebVitals = hoist(userland, "reportWebVitals");
|
|||
|
|
// Re-export legacy methods.
|
|||
|
|
export const unstable_getStaticProps = hoist(userland, "unstable_getStaticProps");
|
|||
|
|
export const unstable_getStaticPaths = hoist(userland, "unstable_getStaticPaths");
|
|||
|
|
export const unstable_getStaticParams = hoist(userland, "unstable_getStaticParams");
|
|||
|
|
export const unstable_getServerProps = hoist(userland, "unstable_getServerProps");
|
|||
|
|
export const unstable_getServerSideProps = hoist(userland, "unstable_getServerSideProps");
|
|||
|
|
// Create and export the route module that will be consumed.
|
|||
|
|
export const routeModule = new PagesRouteModule({
|
|||
|
|
definition: {
|
|||
|
|
kind: RouteKind.PAGES,
|
|||
|
|
page: "/index",
|
|||
|
|
pathname: "/",
|
|||
|
|
// The following aren't used in production.
|
|||
|
|
bundlePath: "",
|
|||
|
|
filename: ""
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
App,
|
|||
|
|
Document
|
|||
|
|
},
|
|||
|
|
userland
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//# sourceMappingURL=pages.js.map c/ ^`Qž Ù 3 5 a € · ô ô ì€@_5 ; S W Y ` v | ” ˜ š ¡ · ½ Ù Ý ß æ # 1 7 P T V ] ‘ — _¸ ¼ ¾ Å ä ê 7 = _ c e l Œ ’ ³ · ¹ À ß å
|
|||
|
|
w } – ¥ GÉ Ñ Ž � Ÿ ´ ³ €€€€€€Á/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (€Ï__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._®__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._‚);€ýþ€ýþ€ýþ€ýþ€ýþ€ýþ€ýþ€ýþ€ýþ€ýþ€à__WEBPACK_MODULE_REFERENCE__0_5b225061676573526f7574654d6f64756c65225d_directImport_asiSafe1__._Å__WEBPACK_MODULE_REFERENCE__1_5b22526f7574654b696e64225d_asiSafe1__._Ð: __WEBPACK_MODULE_REFERENCE__4_5b2264656661756c74225d_directImport_asiSafe1__._Ð: __WEBPACK_MODULE_REFERENCE__3_5b2264656661756c74225d_directImport_asiSafe1__._°: __WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._á
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Import the app and document modules.
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Import the userland code.
|
|||
|
|
|
|||
|
|
// Re-export the component (should be the default export).
|
|||
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "default"));
|
|||
|
|
// Re-export methods.
|
|||
|
|
const getStaticProps = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "getStaticProps");
|
|||
|
|
const getStaticPaths = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "getStaticPaths");
|
|||
|
|
const getServerSideProps = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "getServerSideProps");
|
|||
|
|
const config = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "config");
|
|||
|
|
const reportWebVitals = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "reportWebVitals");
|
|||
|
|
// Re-export legacy methods.
|
|||
|
|
const unstable_getStaticProps = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "unstable_getStaticProps");
|
|||
|
|
const unstable_getStaticPaths = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "unstable_getStaticPaths");
|
|||
|
|
const unstable_getStaticParams = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "unstable_getStaticParams");
|
|||
|
|
const unstable_getServerProps = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "unstable_getServerProps");
|
|||
|
|
const unstable_getServerSideProps = __WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._(__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._, "unstable_getServerSideProps");
|
|||
|
|
// Create and export the route module that will be consumed.
|
|||
|
|
const routeModule = new __WEBPACK_MODULE_REFERENCE__0_5b225061676573526f7574654d6f64756c65225d_directImport_asiSafe1__._({
|
|||
|
|
definition: {
|
|||
|
|
kind: __WEBPACK_MODULE_REFERENCE__1_5b22526f7574654b696e64225d_asiSafe1__._.PAGES,
|
|||
|
|
page: "/index",
|
|||
|
|
pathname: "/",
|
|||
|
|
// The following aren't used in production.
|
|||
|
|
bundlePath: "",
|
|||
|
|
filename: ""
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
App: __WEBPACK_MODULE_REFERENCE__4_5b2264656661756c74225d_directImport_asiSafe1__._,
|
|||
|
|
Document: __WEBPACK_MODULE_REFERENCE__3_5b2264656661756c74225d_directImport_asiSafe1__._
|
|||
|
|
},
|
|||
|
|
userland: __WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//# sourceMappingURL=pages.js.map âå æ Û import { PagesRouteModule } from "next/dist/server/future/route-modules/pages/module.compiled";
|
|||
|
|
import { RouteKind } from "next/dist/server/future/route-kind";
|
|||
|
|
import { hoist } from "next/dist/build/templates/helpers";
|
|||
|
|
// Import the app and document modules.
|
|||
|
|
import Document from "next/dist/pages/_document";
|
|||
|
|
import App from "private-next-pages/_app.js";
|
|||
|
|
// Import the userland code.
|
|||
|
|
import * as userland from "private-next-pages/index.js";
|
|||
|
|
// Re-export the component (should be the default export).
|
|||
|
|
export default hoist(userland, "default");
|
|||
|
|
// Re-export methods.
|
|||
|
|
export const getStaticProps = hoist(userland, "getStaticProps");
|
|||
|
|
export const getStaticPaths = hoist(userland, "getStaticPaths");
|
|||
|
|
export const getServerSideProps = hoist(userland, "getServerSideProps");
|
|||
|
|
export const config = hoist(userland, "config");
|
|||
|
|
export const reportWebVitals = hoist(userland, "reportWebVitals");
|
|||
|
|
// Re-export legacy methods.
|
|||
|
|
export const unstable_getStaticProps = hoist(userland, "unstable_getStaticProps");
|
|||
|
|
export const unstable_getStaticPaths = hoist(userland, "unstable_getStaticPaths");
|
|||
|
|
export const unstable_getStaticParams = hoist(userland, "unstable_getStaticParams");
|
|||
|
|
export const unstable_getServerProps = hoist(userland, "unstable_getServerProps");
|
|||
|
|
export const unstable_getServerSideProps = hoist(userland, "unstable_getServerSideProps");
|
|||
|
|
// Create and export the route module that will be consumed.
|
|||
|
|
export const routeModule = new PagesRouteModule({
|
|||
|
|
definition: {
|
|||
|
|
kind: RouteKind.PAGES,
|
|||
|
|
page: "/index",
|
|||
|
|
pathname: "/",
|
|||
|
|
// The following aren't used in production.
|
|||
|
|
bundlePath: "",
|
|||
|
|
filename: ""
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
App,
|
|||
|
|
Document
|
|||
|
|
},
|
|||
|
|
userland
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//# sourceMappingURL=pages.js.map ù 094undefined96158undefined160217undefined259307undefined309353undefined384439undefined500514/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (undefined500514undefined515519__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined521528__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined541541.5);undefined565571undefined595599__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined601608__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined630636undefined660664__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined666673__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined695701undefined729733__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined735742__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined768774undefined790794__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined796803__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined817823undefined848852__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined854861__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined913919undefined952956__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined958965__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined9961002undefined10351039__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined10411048__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined10791085undefined11191123__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined11251132__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined11641170undefined12031207__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined12091216__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined12471253undefined12901294__WEBPACK_MODULE_REFERENCE__2_5b22686f697374225d_call_directImport_asiSafe1__._undefined12961303__WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined13991405undefined14301445__WEBPACK_MODULE_REFERENCE__0_5b225061676573526f7574654d6f64756c65225d_directImport_asiSafe1__._undefined14811489__WEBPACK_MODULE_REFERENCE__1_5b22526f7574654b696e64225d_asiSafe1__._undefined16781677: __WEBPACK_MODULE_REFERENCE__4_5b2264656661756c74225d_directImport_asiSafe1__._undefined16961695: __WEBPACK_MODULE_REFERENCE__3_5b2264656661756c74225d_directImport_asiSafe1__._undefined17161715: __WEBPACK_MODULE_REFERENCE__14_ns_asiSafe1__._undefined` _© Â Ç D � Ï Ñ þ + y { ¨ Ù ' ) V Í Ï ü " p r Ÿ ó A C p ¯ ý Wÿ , l º ¼ é ) w y ¦ é 7 9 f Þ = a ¥ d
|
|||
|
|
±
|
|||
|
|
Æ
|
|||
|
|
* W ã next_route_loaderkind_PAGES_page_2F_preferredRegion_absolutePagePath_private_next_pages_2Findex_js_absoluteAppPath_private_next_pages_2F_app_js_absoluteDocumentPath_next_2Fdist_2Fpages_2F_document_middlewareConfigBase64_e30_3D_˜(0,helpers/* hoist */.l)•pages_namespaceObjectþÿþÿþÿþÿþÿþÿþÿþÿþÿþÿ module_compiled.PagesRouteModule›route_kind/* RouteKind */.x�_app["default"]•(_document_default())û†buffer†source„size„mapsýÿÿ oš // ESM COMPAT FLAG
|
|||
|
|
__webpack_require__.r(__webpack_exports__);
|
|||
|
|
|
|||
|
|
// EXPORTS
|
|||
|
|
__webpack_require__.d(__webpack_exports__, {
|
|||
|
|
config: () => (/* binding */ config),
|
|||
|
|
"default": () => (/* binding */ next_route_loaderkind_PAGES_page_2F_preferredRegion_absolutePagePath_private_next_pages_2Findex_js_absoluteAppPath_private_next_pages_2F_app_js_absoluteDocumentPath_next_2Fdist_2Fpages_2F_document_middlewareConfigBase64_e30_3D_),
|
|||
|
|
getServerSideProps: () => (/* binding */ getServerSideProps),
|
|||
|
|
getStaticPaths: () => (/* binding */ getStaticPaths),
|
|||
|
|
getStaticProps: () => (/* binding */ getStaticProps),
|
|||
|
|
reportWebVitals: () => (/* binding */ reportWebVitals),
|
|||
|
|
routeModule: () => (/* binding */ routeModule),
|
|||
|
|
unstable_getServerProps: () => (/* binding */ unstable_getServerProps),
|
|||
|
|
unstable_getServerSideProps: () => (/* binding */ unstable_getServerSideProps),
|
|||
|
|
unstable_getStaticParams: () => (/* binding */ unstable_getStaticParams),
|
|||
|
|
unstable_getStaticPaths: () => (/* binding */ unstable_getStaticPaths),
|
|||
|
|
unstable_getStaticProps: () => (/* binding */ unstable_getStaticProps)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// NAMESPACE OBJECT: ./pages/index.js
|
|||
|
|
var pages_namespaceObject = {};
|
|||
|
|
__webpack_require__.r(pages_namespaceObject);
|
|||
|
|
__webpack_require__.d(pages_namespaceObject, {
|
|||
|
|
"default": () => (Home)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/server/future/route-modules/pages/module.compiled.js
|
|||
|
|
var module_compiled = __webpack_require__(7093);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/server/future/route-kind.js
|
|||
|
|
var route_kind = __webpack_require__(5244);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/build/templates/helpers.js
|
|||
|
|
var helpers = __webpack_require__(1323);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/dist/pages/_document.js
|
|||
|
|
var _document = __webpack_require__(2899);
|
|||
|
|
var _document_default = /*#__PURE__*/__webpack_require__.n(_document);
|
|||
|
|
// EXTERNAL MODULE: ./pages/_app.js
|
|||
|
|
var _app = __webpack_require__(3414);
|
|||
|
|
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|||
|
|
var jsx_runtime_ = __webpack_require__(997);
|
|||
|
|
// EXTERNAL MODULE: external "react"
|
|||
|
|
var external_react_ = __webpack_require__(6689);
|
|||
|
|
// EXTERNAL MODULE: ./node_modules/next/router.js
|
|||
|
|
var next_router = __webpack_require__(1163);
|
|||
|
|
// EXTERNAL MODULE: ./lib/api.js
|
|||
|
|
var api = __webpack_require__(7751);
|
|||
|
|
// EXTERNAL MODULE: ./lib/categories.js
|
|||
|
|
var lib_categories = __webpack_require__(2204);
|
|||
|
|
// EXTERNAL MODULE: ./components/AppShell.js
|
|||
|
|
var AppShell = __webpack_require__(1712);
|
|||
|
|
// EXTERNAL MODULE: ./components/icons.js
|
|||
|
|
var icons = __webpack_require__(349);
|
|||
|
|
// EXTERNAL MODULE: ./components/ToastProvider.js
|
|||
|
|
var ToastProvider = __webpack_require__(4190);
|
|||
|
|
// EXTERNAL MODULE: ./components/ConfirmProvider.js
|
|||
|
|
var ConfirmProvider = __webpack_require__(4407);
|
|||
|
|
;// CONCATENATED MODULE: ./pages/index.js
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function Home() {
|
|||
|
|
const router = (0,next_router.useRouter)();
|
|||
|
|
const { showToast } = (0,ToastProvider/* useToast */.p)();
|
|||
|
|
const { confirm } = (0,ConfirmProvider/* useConfirm */.N)();
|
|||
|
|
const [currentMonth, setCurrentMonth] = (0,external_react_.useState)(new Date());
|
|||
|
|
const [typeFilter, setTypeFilter] = (0,external_react_.useState)("all");
|
|||
|
|
const [records, setRecords] = (0,external_react_.useState)([]);
|
|||
|
|
const [stats, setStats] = (0,external_react_.useState)({
|
|||
|
|
income: 0,
|
|||
|
|
expense: 0,
|
|||
|
|
balance: 0
|
|||
|
|
});
|
|||
|
|
const [modalOpen, setModalOpen] = (0,external_react_.useState)(false);
|
|||
|
|
const [editingRecord, setEditingRecord] = (0,external_react_.useState)(null);
|
|||
|
|
const [loading, setLoading] = (0,external_react_.useState)(true);
|
|||
|
|
const [submitting, setSubmitting] = (0,external_react_.useState)(false);
|
|||
|
|
const [deleting, setDeleting] = (0,external_react_.useState)(false);
|
|||
|
|
const [formError, setFormError] = (0,external_react_.useState)("");
|
|||
|
|
const [formData, setFormData] = (0,external_react_.useState)({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
null;
|
|||
|
|
const getMonthStr = (date)=>`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
|
|||
|
|
const formatMoney = (num)=>(num || 0).toFixed(2);
|
|||
|
|
const formatMonth = (date)=>`${date.getFullYear()}年${date.getMonth() + 1}月`;
|
|||
|
|
const resetForm = ()=>({
|
|||
|
|
type: "expense",
|
|||
|
|
amount: "",
|
|||
|
|
category: "",
|
|||
|
|
date: new Date().toISOString().split("T")[0],
|
|||
|
|
time: new Date().toTimeString().slice(0, 5),
|
|||
|
|
note: ""
|
|||
|
|
});
|
|||
|
|
const loadData = async ()=>{
|
|||
|
|
setLoading(true);
|
|||
|
|
try {
|
|||
|
|
const [recordsData, statsData] = await Promise.all([
|
|||
|
|
(0,api/* getRecords */.Q6)(getMonthStr(currentMonth), typeFilter),
|
|||
|
|
(0,api/* getStats */.fy)(getMonthStr(currentMonth))
|
|||
|
|
]);
|
|||
|
|
setRecords(recordsData);
|
|||
|
|
setStats(statsData);
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error(err);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setLoading(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const prevMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() - 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const nextMonth = ()=>{
|
|||
|
|
const newDate = new Date(currentMonth);
|
|||
|
|
newDate.setMonth(newDate.getMonth() + 1);
|
|||
|
|
setCurrentMonth(newDate);
|
|||
|
|
};
|
|||
|
|
const handleCardClick = (type)=>{
|
|||
|
|
setTypeFilter(type === typeFilter ? "all" : type);
|
|||
|
|
};
|
|||
|
|
const openAddModal = ()=>{
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormData(resetForm());
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const openEditModal = (record)=>{
|
|||
|
|
const [datePart, timePart] = record.date.split(" ");
|
|||
|
|
setEditingRecord(record);
|
|||
|
|
setFormData({
|
|||
|
|
type: record.type,
|
|||
|
|
amount: record.amount.toString(),
|
|||
|
|
category: record.category,
|
|||
|
|
date: datePart,
|
|||
|
|
time: timePart || "00:00",
|
|||
|
|
note: record.note || ""
|
|||
|
|
});
|
|||
|
|
setFormError("");
|
|||
|
|
setModalOpen(true);
|
|||
|
|
};
|
|||
|
|
const closeModal = ()=>{
|
|||
|
|
if (submitting || deleting) return;
|
|||
|
|
setModalOpen(false);
|
|||
|
|
setEditingRecord(null);
|
|||
|
|
setFormError("");
|
|||
|
|
};
|
|||
|
|
const handleSubmit = async (e)=>{
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (!formData.amount || !formData.category || !formData.date) {
|
|||
|
|
setFormError("请填写完整信�");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSubmitting(true);
|
|||
|
|
setFormError("");
|
|||
|
|
try {
|
|||
|
|
const data = {
|
|||
|
|
type: formData.type,
|
|||
|
|
amount: parseFloat(formData.amount),
|
|||
|
|
category: formData.category,
|
|||
|
|
date: `${formData.date} ${formData.time || "00:00"}`,
|
|||
|
|
note: formData.note
|
|||
|
|
};
|
|||
|
|
if (editingRecord) {
|
|||
|
|
await (0,api/* updateRecord */.Vs)(editingRecord.id, data);
|
|||
|
|
showToast("记录已更新", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
await (0,api/* createRecord */.ae)(data);
|
|||
|
|
showToast("è®°å½•å·²æ·»åŠ ", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
closeModal();
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setSubmitting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleDelete = async ()=>{
|
|||
|
|
if (!editingRecord) return;
|
|||
|
|
const shouldDelete = await confirm({
|
|||
|
|
title: "åˆ é™¤è¿™æ�¡è®°å½•ï¼Ÿ",
|
|||
|
|
description: "åˆ é™¤å�Žå°†æ— 法æ�¢å¤�，请确认是å�¦ç»§ç»ã€‚",
|
|||
|
|
confirmText: "åˆ é™¤"
|
|||
|
|
});
|
|||
|
|
if (!shouldDelete) return;
|
|||
|
|
setDeleting(true);
|
|||
|
|
try {
|
|||
|
|
await (0,api/* deleteRecord */.JS)(editingRecord.id);
|
|||
|
|
closeModal();
|
|||
|
|
showToast("è®°å½•å·²åˆ é™¤", {
|
|||
|
|
tone: "success"
|
|||
|
|
});
|
|||
|
|
await loadData();
|
|||
|
|
} catch (err) {
|
|||
|
|
setFormError(err.message);
|
|||
|
|
showToast(err.message, {
|
|||
|
|
tone: "error"
|
|||
|
|
});
|
|||
|
|
} finally{
|
|||
|
|
setDeleting(false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const groupedRecords = records.reduce((groups, record)=>{
|
|||
|
|
const date = record.date.split(" ")[0];
|
|||
|
|
if (!groups[date]) groups[date] = [];
|
|||
|
|
groups[date].push(record);
|
|||
|
|
return groups;
|
|||
|
|
}, {});
|
|||
|
|
const sortedDates = Object.keys(groupedRecords).sort((a, b)=>b.localeCompare(a));
|
|||
|
|
const getDayExpense = (date)=>groupedRecords[date].filter((record)=>record.type === "expense").reduce((sum, record)=>sum + record.amount, 0);
|
|||
|
|
const homeHeaderContent = /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "�索记录",
|
|||
|
|
onClick: ()=>router.push("/search"),
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "search",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "month-switcher-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "上个月",
|
|||
|
|
onClick: prevMonth,
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "month-switcher__label",
|
|||
|
|
children: formatMonth(currentMonth)
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "下个月",
|
|||
|
|
onClick: nextMonth,
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "chevronRight",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "header-right-actions",
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "设置",
|
|||
|
|
onClick: ()=>router.push("/settings"),
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "settings",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
const modalHeaderContent = /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "header-center-container",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "header-left-actions",
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button",
|
|||
|
|
"aria-label": "å…³é—",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "chevronLeft",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "modal-title-container",
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "modal-title",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "header-right-actions"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
return /*#__PURE__*/ (0,jsx_runtime_.jsxs)(AppShell/* default */.Z, {
|
|||
|
|
headerContent: modalOpen ? modalHeaderContent : homeHeaderContent,
|
|||
|
|
compactHeader: true,
|
|||
|
|
hideNav: modalOpen,
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("section", {
|
|||
|
|
className: "dashboard-hero card",
|
|||
|
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "stats-grid stats-grid--hero",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "income" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("income"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "收入"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
|||
|
|
className: "value income",
|
|||
|
|
children: [
|
|||
|
|
"+",
|
|||
|
|
formatMoney(stats.income)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: `stat-card ${typeFilter === "expense" ? "active" : ""}`,
|
|||
|
|
onClick: ()=>handleCardClick("expense"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "支出"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
|||
|
|
className: "value expense",
|
|||
|
|
children: [
|
|||
|
|
"-",
|
|||
|
|
formatMoney(stats.expense)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "stat-card stat-card--balance",
|
|||
|
|
onClick: ()=>handleCardClick("all"),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "label",
|
|||
|
|
children: "结余"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
className: "value",
|
|||
|
|
children: formatMoney(stats.balance)
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("section", {
|
|||
|
|
className: "card section-card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "section-heading section-heading--compact",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: "记录列表"
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("h2", {
|
|||
|
|
children: typeFilter === "all" ? "全部记录" : typeFilter === "income" ? "仅看收入" : "仅看支出"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "btn btn-secondary btn-inline",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
|||
|
|
className: "button-content",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 16
|
|||
|
|
}),
|
|||
|
|
"新增记录"
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
loading ? /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "loading-state",
|
|||
|
|
children: "åŠ è½½ä¸..."
|
|||
|
|
}) : records.length === 0 ? /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "empty-state empty-state--card",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "empty-state__icon",
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "info",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("p", {
|
|||
|
|
children: "æš‚æ— è®°å½•ï¼Œç‚¹å‡»ä¸Šæ–¹æŒ‰é’®æ·»åŠ ã€‚"
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}) : /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "records-list records-list--flush",
|
|||
|
|
children: sortedDates.map((date)=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "date-group",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "date-label",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
|||
|
|
children: new Date(date).toLocaleDateString("zh-CN", {
|
|||
|
|
month: "short",
|
|||
|
|
day: "numeric",
|
|||
|
|
weekday: "short"
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
|||
|
|
className: "day-expense",
|
|||
|
|
children: [
|
|||
|
|
"支出 ",
|
|||
|
|
formatMoney(getDayExpense(date))
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
groupedRecords[date].map((record)=>{
|
|||
|
|
const categories = lib_categories/* DEFAULT_CATEGORIES */.S[record.type];
|
|||
|
|
const cat = categories.find((item)=>item.name === record.category) || {
|
|||
|
|
icon: "\uD83D\uDCDD"
|
|||
|
|
};
|
|||
|
|
return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "record-item",
|
|||
|
|
onClick: ()=>openEditModal(record),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "record-left",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "record-icon",
|
|||
|
|
children: cat.icon
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "record-info",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "record-category",
|
|||
|
|
children: record.category
|
|||
|
|
}),
|
|||
|
|
record.note && /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "record-note",
|
|||
|
|
children: record.note
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: `record-amount ${record.type}`,
|
|||
|
|
children: [
|
|||
|
|
record.type === "income" ? "+" : "-",
|
|||
|
|
formatMoney(record.amount)
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, record.id);
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}, date))
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "fab",
|
|||
|
|
"aria-label": "新增记录",
|
|||
|
|
onClick: openAddModal,
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "plus",
|
|||
|
|
size: 24
|
|||
|
|
})
|
|||
|
|
}),
|
|||
|
|
modalOpen && /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "modal-overlay modal-overlay--fullscreen",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "modal modal--fullscreen",
|
|||
|
|
onClick: (e)=>e.stopPropagation(),
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
className: "modal-header",
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
|||
|
|
children: [
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("p", {
|
|||
|
|
className: "eyebrow",
|
|||
|
|
children: editingRecord ? "编辑记录" : "新增记录"
|
|||
|
|
}),
|
|||
|
|
editingRecord ? /*#__PURE__*/ jsx_runtime_.jsx("h2", {
|
|||
|
|
children: "更新账目"
|
|||
|
|
}) : null
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ jsx_runtime_.jsx("button", {
|
|||
|
|
type: "button",
|
|||
|
|
className: "icon-button icon-button--ghost",
|
|||
|
|
"aria-label": "å…³é—弹窗",
|
|||
|
|
onClick: closeModal,
|
|||
|
|
children: /*#__PURE__*/ jsx_runtime_.jsx(icons/* Icon */.J, {
|
|||
|
|
name: "close",
|
|||
|
|
size: 18
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
}),
|
|||
|
|
formError && /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
|||
|
|
className: "error-msg",
|
|||
|
|
children: formError
|
|||
|
|
}),
|
|||
|
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("form", {
|
|||
|
|
onSubmit: handleSubmit,
|