/* page-forms.jsx — 三级页：创建/发布表单
submit_event（发布活动） · upload_work（上传作品） · new_post（发布帖子） */
function FBack({ href, label }) { return {label}; }
function Seg({ options, value, onChange }) {
return (
{options.map((o) => onChange(o)}>{o})}
);
}
function DoneBox({ title, text, primary, primaryHref, onReset }) {
return (
);
}
function TipCard({ title, items }) {
return (
{title}
{items.map((t, i) => - {t}
)}
);
}
/* 云端模式下的真实文件上传（图片/视频 → Supabase Storage）。本地模式用 image-slot，不显示此控件。 */
function CoverPicker({ db, label, onUrl }) {
const [busy, setBusy] = React.useState(false);
const [preview, setPreview] = React.useState(null);
const [err, setErr] = React.useState('');
if (!db.cloud) return null;
const pick = async (e) => {
const file = e.target.files && e.target.files[0]; if (!file) return;
setErr(''); setBusy(true);
const r = await db.uploadMedia(file);
setBusy(false);
if (r.ok) { setPreview({ url: r.url, video: /^video\//.test(file.type) }); onUrl(r.url); }
else setErr(r.error || '上传失败');
};
return (
{preview && (preview.video
?
:
)}
{busy &&
上传中…
}
{err &&
{err}
}
);
}
/* ---------------- 发布活动 ---------------- */
const WEEK = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
function fmtDate(v) {
if (!v) return { date: '待定', day: '' };
const d = new Date(v + 'T00:00:00');
if (isNaN(d)) return { date: '待定', day: '' };
const mm = String(d.getMonth() + 1).padStart(2, '0'), dd = String(d.getDate()).padStart(2, '0');
return { date: mm + ' / ' + dd, day: WEEK[d.getDay()] };
}
function SubmitEventPage({ routeParam }) {
const db = useKadaDB();
const isEnt = routeParam === 'e';
const [done, setDone] = React.useState(false);
const [newKey, setNewKey] = React.useState(null);
const types = isEnt ? ['发布会', '黑客松', '开放日', '训练营', '招聘'] : ['Meetup', '分享会', '工作坊', '黑客松', '直播'];
const [type, setType] = React.useState(types[0]);
const [mode, setMode] = React.useState('线下');
const [f, setF] = React.useState({ title: '', org: '', place: '', date: '', time: '', desc: '', link: '', cover: '' });
const set = (k) => (e) => setF((s) => ({ ...s, [k]: e.target.value }));
const back = isEnt ? '#enterprise' : '#community';
const submit = async (e) => {
e.preventDefault();
const dt = fmtDate(f.date);
const city = mode === '线上' ? '线上' : (f.place || '待定');
let res;
if (isEnt) {
res = await db.addEvent('e', { date: dt.date, title: f.title, company: f.org || '某企业', type, mode, city, status: '报名中', feat: false, desc: f.desc, link: f.link, time: f.time, cover: f.cover });
} else {
res = await db.addEvent('c', { date: dt.date, day: dt.day || '周六', time: f.time || '14:00', title: f.title, org: f.org || '社区', mode, city, tag: type, seats: '报名中', hot: false, desc: f.desc, link: f.link, cover: f.cover });
}
if (!res || !res.event) return;
setNewKey((isEnt ? 'e' : 'c') + res.idx);
setDone(true);
};
if (done) return { setF({ title: '', org: '', place: '', date: '', time: '', desc: '', link: '' }); setDone(false); }} />
;
return (
{isEnt ? '挂出企业活动' : '发布社区活动'}
{isEnt ? '企业方或社区成员都可提交，无需合作关系。' : '把你的 Meetup、分享会或工作坊提交到咔嗒Lab，让全行业看到。'}
);
}
/* ---------------- 上传作品 ---------------- */
function UploadWorkPage() {
const db = useKadaDB();
const [done, setDone] = React.useState(false);
const [newIdx, setNewIdx] = React.useState(null);
const types = ['模型', '工具', 'Skill', '数据集', 'Agent'];
const [type, setType] = React.useState('模型');
const [f, setF] = React.useState({ name: '', task: '', blurb: '', hf: '', gh: '', arxiv: '', cover: '' });
const set = (k) => (e) => setF((s) => ({ ...s, [k]: e.target.value }));
const submit = async (e) => {
e.preventDefault();
const w = await db.addWork({ name: f.name, type, task: f.task || '通用', blurb: f.blurb, cover: f.cover, links: { hf: f.hf, gh: f.gh, arxiv: f.arxiv } });
if (!w) return;
setNewIdx(0); setDone(true);
};
if (done) return { setF({ name: '', task: '', blurb: '', hf: '', gh: '', arxiv: '' }); setDone(false); }} />
;
return (
上传作品
发布你的模型、工具、Skill、数据集或 Agent，让社区一键体验与交流。
);
}
/* ---------------- 发布帖子 ---------------- */
function NewPostPage() {
const db = useKadaDB();
const [done, setDone] = React.useState(false);
const kinds = ['讨论', '提问', '作品', '分享'];
const [kind, setKind] = React.useState('讨论');
const [f, setF] = React.useState({ title: '', body: '', tags: '', link: '' });
const [newId, setNewId] = React.useState(null);
const set = (k) => (e) => setF((s) => ({ ...s, [k]: e.target.value }));
const submit = async (e) => {
e.preventDefault();
const p = await db.addPost({ kind, title: f.title, body: f.body + (f.link ? '\n\n🔗 ' + f.link : ''), tags: f.tags });
if (!p) return;
setNewId(p.id); setDone(true);
};
if (done) return { setF({ title: '', body: '', tags: '', link: '' }); setKind('讨论'); setDone(false); }} />
;
return (
发布帖子
人人都是社区主理人——分享想法、作品或抛出一个问题。
);
}
Object.assign(window.__KADA_PAGES = window.__KADA_PAGES || {}, {
submit_event: { Comp: SubmitEventPage, active: (p) => p === 'e' ? 'enterprise' : 'community' },
upload_work: { Comp: UploadWorkPage, active: 'demo' },
new_post: { Comp: NewPostPage, active: 'post' },
});