diff --git a/docs/prototype/code-reader/openpencil/exports/react-hooks-custom.png b/docs/prototype/code-reader/openpencil/exports/react-hooks-custom.png index 63a5e22..4b6265e 100644 Binary files a/docs/prototype/code-reader/openpencil/exports/react-hooks-custom.png and b/docs/prototype/code-reader/openpencil/exports/react-hooks-custom.png differ diff --git a/docs/prototype/code-reader/openpencil/exports/react-hooks-panel.png b/docs/prototype/code-reader/openpencil/exports/react-hooks-panel.png index c7fb69b..c2d5879 100644 Binary files a/docs/prototype/code-reader/openpencil/exports/react-hooks-panel.png and b/docs/prototype/code-reader/openpencil/exports/react-hooks-panel.png differ diff --git a/docs/prototype/code-reader/openpencil/react-hooks.js b/docs/prototype/code-reader/openpencil/react-hooks.js index 5971da2..1f5936d 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.js +++ b/docs/prototype/code-reader/openpencil/react-hooks.js @@ -1,7 +1,9 @@ // 代码阅读 React 钩子卡片：一个 VS Code 窗口里左边是编辑器、右边是代码阅读预览，每张卡片和它那段源码的第一行对齐， // 卡片比源码高时，编辑器在那段源码下面留空，下一段源码再和下一张卡片对齐。 +// 每处钩子调用都是同一种「钩子」卡片：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，各类钩子只在后面追加自己的行， +// 描边、图标按 React 类型定义里钩子的分组取。 // 样例源码 `src/chat/Panel.tsx` 是手写的，两张画板共用：一张画第 1–20 行，一张画第 22–58 行。 -// 颜色、窗口和卡片画法取自同目录 react.js（VS Code Dark Modern，卡片淡底 7%、描边 35%）； +// 颜色、窗口和卡片画法取自同目录 react.js（VS Code Dark Modern，卡片淡底 7%、描边 35%），函数小框取自同目录 rust-chain.js； // 卡片里的译文照 vscode/src/codeReader/translators/typescriptZh.ts 的中文直译，渲染大纲的说法照 vscode/src/codeReader/rules/react.ts。 // OpenPencil 自动折行量不准，长文字按估出的宽度手动断行，文字框都按内容长。 @@ -44,19 +46,13 @@ const C = { // 编辑器的括号配对着色（Dark Modern 的 editorBracketHighlight.foreground1–3），按嵌套层数轮换 const BRACKETS = ["#ffd700", "#da70d6", "#179fff"]; -// 卡片种类：上下文、自定义钩子、回调函数是这次新加的，别的同 react.js；函数同 build.js +// 定义处的卡片种类：上下文、自定义钩子是这次新加的，别的同 react.js；函数同 build.js。钩子调用的卡片按分类取色，见 HOOK const K = { import: { label: "导入", color: "#c586c0", icon: "import" }, fn: { label: "函数", color: "#dcdcaa", icon: "square-function" }, context: { label: "上下文", color: "#4ec9b0", icon: "share-2" }, hook: { label: "自定义钩子", color: "#61dafb", icon: "plug" }, component: { label: "React 组件", color: "#61dafb", icon: "atom" }, - state: { label: "状态", color: "#9cdcfe", icon: "toggle-right" }, - ref: { label: "引用", color: "#9cdcfe", icon: "anchor" }, - read: { label: "数据源", color: "#9cdcfe", icon: "download" }, - derived: { label: "派生值", color: "#9cdcfe", icon: "sigma" }, - callback: { label: "回调函数", color: "#dcdcaa", icon: "square-function" }, - effect: { label: "副作用", color: "#e5c07b", icon: "zap" }, handler: { label: "事件处理函数", color: "#dcdcaa", icon: "mouse-pointer-click" }, render: { label: "渲染输出", color: "#89d185", icon: "layout-template" }, }; @@ -642,15 +638,6 @@ function nameProp(ctx, name, color, tags, label) { return line; } -/** 值后面跟一个小标签（「来自 … 自定义钩子」「仅挂载时 浏览器绘制前」）。 */ -function withTag(ctx, segs, label, color, mono) { - return (frame) => { - const line = row(frame, "Line", { gap: 6, height: 20, width: "fit_content" }); - text(line, segs, { mono: mono !== false }); - tag(line, label, color, ctx.bg); - }; -} - /** * 表格：`cols` 是 `{name, color?, mono?}`，最后一列分剩下的；格子是着色的段、字符串（按列色）或带 `draw` 的对象。 * 列宽按整列的内容估，表头浅底，行和列之间一条分隔线。 @@ -739,9 +726,6 @@ function outline(parent, items, bg) { // ─── 卡片内容：第 1–20 行 ──────────────────────────────────────────────────── const EXPORTED = ["具名导出", C.keyword]; -const SESSION_EFFECT = "副作用「id 变化时」"; -const OPEN_EFFECT = "副作用「open 变化时」"; -const MOUNT_EFFECT = "副作用「仅挂载时」"; /** 导入收起时只剩一行：来源和导入项个数。 */ function importCard(parent, w) { @@ -781,36 +765,281 @@ function hookCard(parent, w) { prop(ctx, "参数", px("1 个", C.desc), { mono: false, fold: "open" }); table(ctx, [{ name: "名称", color: C.variable }, { name: "类型", color: C.type }], [["id", cx("字符串")]]); prop(ctx, "返回", px("1 个", C.desc), { mono: false, fold: "open" }); - table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], [["messages", [link("状态 messages", K.state.color)]]]); + table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], [["messages", [link("状态 messages", HOOK.state.color)]]]); } -function messagesStateCard(parent, w) { - const ctx = card(parent, K.state, w, { name: "messages" }); - nameProp(ctx, "messages", C.variable); - prop(ctx, "类型", cx("Message[]")); - prop(ctx, "初始值", cx("空数组")); - prop(ctx, "修改函数", px("setMessages", C.fn)); - prop(ctx, "在哪改", [link(SESSION_EFFECT, K.effect.color), seg(" 里的 ", C.fg)].concat(cx("ws.onmessage"))); +// ─── 钩子调用：基础卡片加扩展行 ────────────────────────────────────────────── + +// 钩子的分类，同 React 类型定义里钩子的分组：卡片描边、图标和钩子名后面的分类小标签按它取 +const HOOK = { + state: { label: "状态", color: "#9cdcfe", icon: "toggle-right" }, + effect: { label: "副作用", color: "#e5c07b", icon: "zap" }, + ref: { label: "引用", color: "#9cdcfe", icon: "anchor" }, + perf: { label: "性能", color: "#9cdcfe", icon: "sigma" }, + context: { label: "上下文", color: "#4ec9b0", icon: "share-2" }, + concurrent: { label: "并发", color: "#9cdcfe", icon: "hourglass" }, + custom: { label: "自定义钩子", color: "#61dafb", icon: "plug" }, +}; + +// 所有钩子卡片同一个标签列宽，最长的标签是上下文的「没有外层提供时」 +const HOOK_LABEL_W = 100; + +/** 依赖项的三种读法：某个值变化时、空数组的仅挂载时、没写依赖的每次渲染后。 */ +const changed = (name) => [seg(name, C.variable), seg(" 变化时", C.keyword)]; +const ON_MOUNT = [seg("仅挂载时", C.keyword)]; +const NO_DEPS = [seg("没写，", C.desc), seg("每次渲染后", C.keyword)]; + +/** 函数参数收成的小框：朝右的折叠箭头，写「函数 (参数) · N 句」，没参数时不写括号；同调用链原型的闭包小框。 */ +function fnBox(params, count) { + const segs = [seg("函数", C.desc)] + .concat(params ? [seg(" (", C.fg)].concat(params, [seg(")", C.fg)]) : []) + .concat([seg(" · " + count + " 句", C.desc)]); + return { + est: segs.map((s) => s.text).join(""), + draw: (frame) => { + const pill = row(frame, "Fold box", { + width: "fit_content", + height: 20, + padding: [0, 6, 0, 3], + gap: 3, + radius: 4, + fill: C.input, + stroke: C.borderStrong, + }); + icon(pill, "chevron-right", C.desc, 13); + text(pill, segs, { mono: true, size: 12.5, lh: 18 }); + }, + }; } -/** 副作用：触发时机、用到、改动、清理函数（有才写）一行一项，函数体收起。 */ -function effectCard(parent, w, o) { - const ctx = card(parent, K.effect, w, { name: o.name, fold: "closed" }); - prop(ctx, "触发时机", o.trigger, { mono: o.triggerMono !== false }); - prop(ctx, "用到", o.uses); - prop(ctx, "改动", o.changes, { mono: o.changesMono !== false }); - if (o.cleanup) - prop(ctx, "清理函数", cx(o.cleanup)); - return ctx; +/** + * 钩子调用的卡片，所有钩子共用一种：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，没有的行不显示， + * `extend` 在后面追加这类钩子自己的行。描边、图标、分类小标签按 `cat` 取；`fold` 表示有函数参数，函数体子块收起。 + * `params` 每项是「参数 | 值」，`returns` 每项是「名称 | 是什么」，格子同 [table]。 + */ +function hookCall(parent, w, h) { + const kind = { label: "钩子", color: h.cat.color, icon: h.cat.icon }; + const ctx = card(parent, kind, w, { name: h.name + " · " + h.target, fold: h.fold ? "closed" : null, labelW: HOOK_LABEL_W }); + const line = row(ctx.content, "Prop / 钩子", { gap: 12, align: "start" }); + const key = row(line, "Key", { width: ctx.labelW, height: 20 }); + text(key, "钩子", { size: 12.5, color: C.desc, lh: 20 }); + const value = row(line, "Value", { gap: 6, height: 20 }); + text(value, [seg(h.name, C.fn, h.link ? { w: 600, u: true } : { w: 600 })], { mono: true }); + for (const [label, color] of [[h.cat.label, h.cat.color]].concat(h.tags || [])) tag(value, label, color, ctx.bg); + if (h.typeArg) + prop(ctx, "类型参数", cx(h.typeArg)); + if (h.params) { + prop(ctx, "参数", px(`${h.params.length} 个`, C.desc), { mono: false, fold: "open" }); + table(ctx, [{ name: "参数", color: C.variable }, { name: "值" }], h.params); + } + if (h.returns) { + prop(ctx, "返回", px(`${h.returns.length} 个`, C.desc), { mono: false, fold: "open" }); + table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], h.returns); + } + if (h.extend) + h.extend(ctx); } -function sessionEffectCard(parent, w) { - effectCard(parent, w, { - name: "id 变化时", - trigger: [seg("id", C.variable), seg(" 变化时", C.keyword)], - uses: px("id", C.variable), - changes: [seg("状态 ", C.fg), seg("messages", C.variable)], - cleanup: "ws.close()", +/** 副作用的扩展行：用到、改动、清理函数（有才写）。 */ +function effectRows(o) { + return (ctx) => { + prop(ctx, "用到", o.uses); + prop(ctx, "改动", o.changes, { mono: o.changesMono !== false }); + if (o.cleanup) + prop(ctx, "清理函数", cx(o.cleanup)); + }; +} + +// ─── 钩子调用：样例里的每一处 ──────────────────────────────────────────────── + +const SESSION_EFFECT = "副作用「id 变化时」"; +const OPEN_EFFECT = "副作用「open 变化时」"; +const MOUNT_EFFECT = "副作用「仅挂载时」"; + +/** 第 13 行：自定义钩子里的 `useState`。 */ +function messagesStateHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.state, + name: "useState", + target: "messages", + typeArg: "Message[]", + params: [["initialState", cx("空数组")]], + returns: [["messages", "当前值"], [px("setMessages", C.fn), "修改函数"]], + extend: (ctx) => prop(ctx, "在哪改", [link(SESSION_EFFECT, HOOK.effect.color), seg(" 里的 ", C.fg)].concat(cx("ws.onmessage"))), + }); +} + +/** 第 14 行：自定义钩子里的 `useEffect`。 */ +function sessionEffectHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.effect, + name: "useEffect", + target: "id 变化时", + fold: true, + params: [["setup", fnBox(null, 3)], ["deps", changed("id")]], + extend: effectRows({ uses: px("id", C.variable), changes: [seg("状态 ", C.fg), seg("messages", C.variable)], cleanup: "ws.close()" }), + }); +} + +function themeHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.context, + name: "useContext", + target: "theme", + params: [["context", [link("ThemeContext", K.context.color)]]], + returns: [["theme", "上下文的值"]], + extend: (ctx) => prop(ctx, "没有外层提供时", px("'light'", C.string)), + }); +} + +function sessionHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.custom, + name: "useChatSession", + link: true, + target: "messages", + params: [["id", cx("id")]], + returns: [["messages", [link("状态 messages", HOOK.state.color)]]], + }); +} + +function openStateHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.state, + name: "useState", + target: "open", + params: [["initialState", [seg("首次渲染时调用 ", C.fg)].concat(cx("readOpen(id)"))]], + returns: [["open", "当前值"], [px("setOpen", C.fn), "修改函数"]], + extend: (ctx) => prop(ctx, "在哪改", [link("toggle", C.fn), seg("、", C.fg), link(OPEN_EFFECT, HOOK.effect.color)]), + }); +} + +function reducerHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.state, + name: "useReducer", + target: "state", + params: [["reducer", [link("reducer", C.fn)]], ["initialArg", cx("{ count: 0 }")]], + returns: [["state", "当前值"], [px("dispatch", C.fn), "派发函数"]], + extend: (ctx) => { + prop(ctx, "动作", "", { fold: "open" }); + table(ctx, [{ name: "动作", color: C.string }, { name: "状态怎么变" }], [ + ["'add'", [seg("count", C.variable), seg(" 加 ", C.fg), seg("1", C.number)]], + [px("其他", C.desc), px("不变", C.fg)], + ]); + prop(ctx, "在哪派发", [link("toggle", C.fn), seg("（", C.fg), seg("'add'", C.string), seg("）", C.fg)]); + }, + }); +} + +function transitionHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.concurrent, + name: "useTransition", + target: "isPending", + returns: [["isPending", "是否正在过渡"], [px("startTransition", C.fn), "启动过渡的函数"]], + }); +} + +function boxRefHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.ref, + name: "useRef", + target: "boxRef", + typeArg: "HTMLDivElement", + params: [["initialValue", cx("空")]], + returns: [["boxRef", "引用对象"]], + extend: (ctx) => { + prop(ctx, "指向", [seg("
", C.nativeTag), seg(" 元素", C.fg)]); + prop(ctx, "用在", [seg("
", C.nativeTag), seg(" 的 ref 属性、", C.fg), link(MOUNT_EFFECT, HOOK.effect.color)]); + }, + }); +} + +function timerHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.ref, + name: "useRef", + target: "timer", + typeArg: "数值", + params: [["initialValue", [seg("没写，", C.desc), seg("未定义", C.number)]]], + returns: [["timer", "引用对象"]], + extend: (ctx) => { + prop(ctx, "写入", [link(OPEN_EFFECT, HOOK.effect.color)]); + prop(ctx, "读取", [link(OPEN_EFFECT, HOOK.effect.color), seg(" 的清理函数", C.fg)]); + }, + }); +} + +function totalHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.perf, + name: "useMemo", + target: "total", + fold: true, + params: [["factory", fnBox(null, 2)], ["deps", changed("messages")]], + returns: [["total", "算出的值"]], + extend: (ctx) => prop(ctx, "算出", (frame, vw) => { + text(frame, cx("sum * 2"), { mono: true, maxW: vw }); + text(frame, "其中 sum = messages.length", { mono: true, size: 12.5, color: C.desc, maxW: vw }); + }), + }); +} + +function toggleHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.perf, + name: "useCallback", + target: "toggle", + fold: true, + params: [["callback", fnBox([seg("next", C.variable), seg(": ", C.fg), seg("布尔", C.type)], 2)], ["deps", ON_MOUNT]], + returns: [[px("toggle", C.fn), "记住的函数"]], + extend: (ctx) => prop(ctx, "调用位置", [link("handleClick", C.fn)]), + }); +} + +function openEffectHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.effect, + name: "useEffect", + target: "open 变化时", + fold: true, + params: [["setup", fnBox(null, 2)], ["deps", changed("open")]], + extend: effectRows({ + uses: [seg("open", C.variable), seg("、", C.fg), seg("timer", C.variable)], + changes: [ + seg("状态 ", C.fg), + seg("open", C.variable), + seg("（1 秒后设为 ", C.fg), + seg("假", C.number), + seg("）、引用 ", C.fg), + seg("timer", C.variable), + ], + cleanup: "clearTimeout(timer.current)", + }), + }); +} + +function renderEffectHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.effect, + name: "useEffect", + target: "每次渲染后", + fold: true, + params: [["setup", fnBox(null, 1)], ["deps", NO_DEPS]], + extend: effectRows({ uses: px("total", C.variable), changes: cx("document.title") }), + }); +} + +function layoutEffectHook(parent, w) { + hookCall(parent, w, { + cat: HOOK.effect, + name: "useLayoutEffect", + target: "仅挂载时", + tags: [["浏览器绘制前", HOOK.effect.color]], + fold: true, + params: [["setup", fnBox(null, 1)], ["deps", ON_MOUNT]], + extend: effectRows({ uses: [link("boxRef", C.variable)], changes: px("无", C.desc), changesMono: false }), }); } @@ -850,121 +1079,6 @@ function panelCard(parent, w) { ]); } -function themeCard(parent, w) { - const ctx = card(parent, K.read, w, { name: "theme", labelW: 100 }); - nameProp(ctx, "theme", C.variable, [], "变量"); - prop(ctx, "来自", [seg("上下文 ", C.fg), link("ThemeContext", K.context.color)]); - prop(ctx, "没有外层提供时", px("'light'", C.string)); -} - -function messagesReadCard(parent, w) { - const ctx = card(parent, K.read, w, { name: "messages" }); - nameProp(ctx, "messages", C.variable, [], "取出"); - prop(ctx, "来自", withTag(ctx, [link("useChatSession", C.fn)].concat(cx("(id)")), "自定义钩子", K.hook.color)); -} - -function openStateCard(parent, w) { - const ctx = card(parent, K.state, w, { name: "open" }); - nameProp(ctx, "open", C.variable); - prop(ctx, "初始值", [seg("首次渲染时调用 ", C.fg)].concat(cx("readOpen(id)"))); - prop(ctx, "修改函数", px("setOpen", C.fn)); - prop(ctx, "在哪改", [link("toggle", C.fn), seg("、", C.fg), link(OPEN_EFFECT, K.effect.color)]); -} - -function reducerStateCard(parent, w) { - const ctx = card(parent, K.state, w, { name: "state" }); - nameProp(ctx, "state", C.variable, [["useReducer", K.state.color]]); - prop(ctx, "初始值", cx("{ count: 0 }")); - prop(ctx, "派发函数", px("dispatch", C.fn)); - prop(ctx, "处理函数", [link("reducer", C.fn)]); - prop(ctx, "动作", "", { fold: "open" }); - table(ctx, [{ name: "动作", color: C.string }, { name: "状态怎么变" }], [ - ["'add'", [seg("count", C.variable), seg(" 加 ", C.fg), seg("1", C.number)]], - [px("其他", C.desc), px("不变", C.fg)], - ]); - prop(ctx, "在哪派发", [link("toggle", C.fn), seg("（", C.fg), seg("'add'", C.string), seg("）", C.fg)]); -} - -function transitionCard(parent, w) { - const ctx = card(parent, K.read, w, { name: "isPending, startTransition" }); - prop(ctx, "取出", px("2 个", C.desc), { mono: false, fold: "open" }); - table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], [ - ["isPending", "是否正在过渡"], - [px("startTransition", C.fn), "启动过渡的函数"], - ]); - prop(ctx, "来自", withTag(ctx, cx("useTransition()"), "React", C.component)); -} - -function boxRefCard(parent, w) { - const ctx = card(parent, K.ref, w, { name: "boxRef" }); - nameProp(ctx, "boxRef", C.variable, [["元素", K.ref.color]]); - prop(ctx, "指向", [seg("
", C.nativeTag), seg(" 元素（", C.fg), seg("HTMLDivElement", C.type), seg("）", C.fg)]); - prop(ctx, "初始值", cx("空")); - prop(ctx, "用在", [seg("
", C.nativeTag), seg(" 的 ref 属性；", C.fg), link(MOUNT_EFFECT, K.effect.color)]); -} - -function timerCard(parent, w) { - const ctx = card(parent, K.ref, w, { name: "timer" }); - nameProp(ctx, "timer", C.variable, [["可变值，改了不重新渲染", K.ref.color]]); - prop(ctx, "存的类型", cx("数值")); - prop(ctx, "初始值", cx("未定义")); - prop(ctx, "写入", [link(OPEN_EFFECT, K.effect.color)]); - prop(ctx, "读取", [link(OPEN_EFFECT, K.effect.color), seg(" 的清理函数", C.fg)]); -} - -function totalCard(parent, w) { - const ctx = card(parent, K.derived, w, { name: "total", fold: "closed" }); - nameProp(ctx, "total", C.variable); - prop(ctx, "计算", (frame, vw) => { - text(frame, cx("sum * 2"), { mono: true, maxW: vw }); - text(frame, "其中 sum = messages.length", { mono: true, size: 12.5, color: C.desc, maxW: vw }); - }); - prop(ctx, "重算时机", [seg("messages", C.variable), seg(" 变化时", C.keyword)]); -} - -function toggleCard(parent, w) { - const ctx = card(parent, K.callback, w, { name: "toggle", fold: "closed" }); - nameProp(ctx, "toggle", C.fn, [["记忆化", K.callback.color]]); - prop(ctx, "参数", px("1 个", C.desc), { mono: false, fold: "open" }); - table(ctx, [{ name: "名称", color: C.variable }, { name: "类型", color: C.type }], [["next", cx("布尔")]]); - prop(ctx, "调用位置", [link("handleClick", C.fn)]); - prop(ctx, "重建时机", [seg("不重建", C.keyword), seg("（依赖为空）", C.desc)], { mono: false }); -} - -function openEffectCard(parent, w) { - effectCard(parent, w, { - name: "open 变化时", - trigger: [seg("open", C.variable), seg(" 变化时", C.keyword)], - uses: [seg("open", C.variable), seg("、", C.fg), seg("timer", C.variable)], - changes: [ - seg("状态 ", C.fg), - seg("open", C.variable), - seg("（1 秒后设为 ", C.fg), - seg("假", C.number), - seg("）、引用 ", C.fg), - seg("timer", C.variable), - ], - cleanup: "clearTimeout(timer.current)", - }); -} - -function renderEffectCard(parent, w) { - effectCard(parent, w, { - name: "每次渲染后", - trigger: px("每次渲染后", C.keyword), - triggerMono: false, - uses: px("total", C.variable), - changes: cx("document.title"), - }); -} - -function layoutEffectCard(parent, w) { - const ctx = card(parent, K.effect, w, { name: "仅挂载时", fold: "closed" }); - prop(ctx, "触发时机", withTag(ctx, px("仅挂载时", C.keyword), "浏览器绘制前", K.effect.color, false)); - prop(ctx, "用到", [link("boxRef", C.variable)]); - prop(ctx, "改动", px("无", C.desc), { mono: false }); -} - function handleClickCard(parent, w) { const ctx = card(parent, K.handler, w, { name: "handleClick", fold: "closed" }); nameProp(ctx, "handleClick", C.fn); @@ -1158,25 +1272,25 @@ windowOf("Prototype / React 钩子 · 自定义钩子与上下文", 0, [ { from: 3, to: 4, draw: contextCard }, { from: 5, to: 11, draw: reducerCard }, { from: 12, to: 12, draw: hookCard }, - { from: 13, to: 13, depth: 1, draw: messagesStateCard }, - { from: 14, to: 18, depth: 1, last: true, draw: sessionEffectCard }, + { from: 13, to: 13, depth: 1, draw: messagesStateHook }, + { from: 14, to: 18, depth: 1, last: true, draw: sessionEffectHook }, { from: 19, to: 20 }, ]); windowOf("Prototype / React 钩子 · 组件 Panel", WIN_W + BOARD_GAP, [ { from: 22, to: 22, draw: panelCard }, - { from: 23, to: 23, depth: 1, draw: themeCard }, - { from: 24, to: 24, depth: 1, draw: messagesReadCard }, - { from: 25, to: 25, depth: 1, draw: openStateCard }, - { from: 26, to: 26, depth: 1, draw: reducerStateCard }, - { from: 27, to: 27, depth: 1, draw: transitionCard }, - { from: 28, to: 28, depth: 1, draw: boxRefCard }, - { from: 29, to: 29, depth: 1, draw: timerCard }, - { from: 30, to: 33, depth: 1, draw: totalCard }, - { from: 34, to: 37, depth: 1, draw: toggleCard }, - { from: 38, to: 41, depth: 1, draw: openEffectCard }, - { from: 42, to: 44, depth: 1, draw: renderEffectCard }, - { from: 45, to: 47, depth: 1, draw: layoutEffectCard }, + { from: 23, to: 23, depth: 1, draw: themeHook }, + { from: 24, to: 24, depth: 1, draw: sessionHook }, + { from: 25, to: 25, depth: 1, draw: openStateHook }, + { from: 26, to: 26, depth: 1, draw: reducerHook }, + { from: 27, to: 27, depth: 1, draw: transitionHook }, + { from: 28, to: 28, depth: 1, draw: boxRefHook }, + { from: 29, to: 29, depth: 1, draw: timerHook }, + { from: 30, to: 33, depth: 1, draw: totalHook }, + { from: 34, to: 37, depth: 1, draw: toggleHook }, + { from: 38, to: 41, depth: 1, draw: openEffectHook }, + { from: 42, to: 44, depth: 1, draw: renderEffectHook }, + { from: 45, to: 47, depth: 1, draw: layoutEffectHook }, { from: 48, to: 50, depth: 1, draw: handleClickCard }, { from: 51, to: 57, depth: 1, last: true, draw: renderCard }, { from: 58, to: 58 }, diff --git a/docs/prototype/code-reader/openpencil/react-hooks.op b/docs/prototype/code-reader/openpencil/react-hooks.op index 5c761bc..6f435a4 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.op +++ b/docs/prototype/code-reader/openpencil/react-hooks.op @@ -6268,7 +6268,7 @@ { "type": "frame", "id": "n366", - "name": "状态 / messages", + "name": "钩子 / useState · messages", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -6314,7 +6314,7 @@ { "type": "frame", "id": "n368", - "name": "Kind / 状态", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -6352,7 +6352,7 @@ { "type": "frame", "id": "n371", - "name": "Prop / 名称", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -6364,7 +6364,7 @@ "type": "frame", "id": "n372", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -6374,10 +6374,10 @@ { "type": "text", "id": "n373", - "name": "名称", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -6406,19 +6406,77 @@ { "type": "text", "id": "n375", - "name": "messages", + "name": "useState", "width": "fit_content", "height": "fit_content", - "content": "messages", + "content": [ + { + "text": "useState", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n376", + "name": "Tag / 状态", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#38454c" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#5c7b8c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n377", + "name": "状态", + "width": "fit_content", + "height": "fit_content", + "content": "状态", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] } ] } @@ -6428,8 +6486,8 @@ }, { "type": "frame", - "id": "n376", - "name": "Prop / 类型", + "id": "n378", + "name": "Prop / 类型参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -6439,9 +6497,9 @@ "children": [ { "type": "frame", - "id": "n377", + "id": "n379", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -6450,11 +6508,11 @@ "children": [ { "type": "text", - "id": "n378", - "name": "类型", + "id": "n380", + "name": "类型参数", "width": "fit_content", "height": "fit_content", - "content": "类型", + "content": "类型参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -6471,7 +6529,7 @@ }, { "type": "text", - "id": "n379", + "id": "n381", "name": "Message[]", "width": "fit_content", "height": "fit_content", @@ -6501,8 +6559,8 @@ }, { "type": "frame", - "id": "n380", - "name": "Prop / 初始值", + "id": "n382", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -6512,86 +6570,36 @@ "children": [ { "type": "frame", - "id": "n381", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n382", - "name": "初始值", - "width": "fit_content", - "height": "fit_content", - "content": "初始值", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", "id": "n383", - "name": "空数组", - "width": "fit_content", - "height": "fit_content", - "content": "空数组", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#b5cea8" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n384", - "name": "Prop / 修改函数", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n385", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n384", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n386", - "name": "修改函数", + "id": "n385", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "修改函数", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -6608,12 +6616,12 @@ }, { "type": "text", - "id": "n387", - "name": "setMessages", + "id": "n386", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": "setMessages", - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -6621,7 +6629,7 @@ "fill": [ { "type": "solid", - "color": "#dcdcaa" + "color": "#9d9d9d" } ] } @@ -6629,7 +6637,704 @@ }, { "type": "frame", - "id": "n388", + "id": "n387", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n388", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n389", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n390", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n391", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n392", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n393", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n394", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n395", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n396", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n397", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n398", + "name": "initialState", + "width": "fit_content", + "height": "fit_content", + "content": "initialState", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n399", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n400", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n401", + "name": "空数组", + "width": "fit_content", + "height": "fit_content", + "content": "空数组", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#b5cea8" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n402", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n403", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n404", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n405", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n406", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n407", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n408", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n409", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n410", + "name": "名称", + "width": 106.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n411", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n412", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n413", + "name": "是什么", + "width": 499.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n414", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n415", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n416", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n417", + "name": "名称", + "width": 106.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n418", + "name": "messages", + "width": "fit_content", + "height": "fit_content", + "content": "messages", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n419", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n420", + "name": "是什么", + "width": 499.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n421", + "name": "当前值", + "width": "fit_content", + "height": "fit_content", + "content": "当前值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n422", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n423", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n424", + "name": "名称", + "width": 106.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n425", + "name": "setMessages", + "width": "fit_content", + "height": "fit_content", + "content": "setMessages", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n426", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n427", + "name": "是什么", + "width": 499.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n428", + "name": "修改函数", + "width": "fit_content", + "height": "fit_content", + "content": "修改函数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n429", "name": "Prop / 在哪改", "width": "fill_container", "height": "fit_content", @@ -6640,9 +7345,9 @@ "children": [ { "type": "frame", - "id": "n389", + "id": "n430", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -6651,7 +7356,7 @@ "children": [ { "type": "text", - "id": "n390", + "id": "n431", "name": "在哪改", "width": "fit_content", "height": "fit_content", @@ -6672,7 +7377,7 @@ }, { "type": "text", - "id": "n391", + "id": "n432", "name": "副作用「id 变化时」 里的 ws.onmessage", "width": "fit_content", "height": "fit_content", @@ -6717,7 +7422,7 @@ }, { "type": "frame", - "id": "n392", + "id": "n433", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -6728,7 +7433,7 @@ "children": [ { "type": "frame", - "id": "n393", + "id": "n434", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -6741,7 +7446,7 @@ "children": [ { "type": "icon_font", - "id": "n394", + "id": "n435", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -6757,7 +7462,7 @@ }, { "type": "frame", - "id": "n395", + "id": "n436", "name": "pencil", "width": 22.0, "height": 20.0, @@ -6770,7 +7475,7 @@ "children": [ { "type": "icon_font", - "id": "n396", + "id": "n437", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -6798,7 +7503,7 @@ }, { "type": "frame", - "id": "n397", + "id": "n438", "name": "Lines 14–18", "width": "fill_container", "height": "fit_content", @@ -6809,7 +7514,7 @@ "children": [ { "type": "frame", - "id": "n398", + "id": "n439", "name": "Code", "width": 600.0, "height": "fill_container", @@ -6825,7 +7530,7 @@ "children": [ { "type": "frame", - "id": "n399", + "id": "n440", "name": "Line 14", "width": "fill_container", "height": 20.0, @@ -6836,7 +7541,7 @@ "children": [ { "type": "frame", - "id": "n400", + "id": "n441", "name": "Number", "width": 44.0, "height": 20.0, @@ -6848,7 +7553,7 @@ "children": [ { "type": "text", - "id": "n401", + "id": "n442", "name": "14", "width": "fit_content", "height": "fit_content", @@ -6869,7 +7574,7 @@ }, { "type": "frame", - "id": "n402", + "id": "n443", "name": "Margin", "width": 41.66, "height": 20.0, @@ -6877,7 +7582,7 @@ }, { "type": "text", - "id": "n403", + "id": "n444", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -6927,7 +7632,7 @@ }, { "type": "frame", - "id": "n404", + "id": "n445", "name": "Line 15", "width": "fill_container", "height": 20.0, @@ -6938,7 +7643,7 @@ "children": [ { "type": "frame", - "id": "n405", + "id": "n446", "name": "Number", "width": 44.0, "height": 20.0, @@ -6950,7 +7655,7 @@ "children": [ { "type": "text", - "id": "n406", + "id": "n447", "name": "15", "width": "fit_content", "height": "fit_content", @@ -6971,7 +7676,7 @@ }, { "type": "frame", - "id": "n407", + "id": "n448", "name": "Margin", "width": 57.32, "height": 20.0, @@ -6979,7 +7684,7 @@ }, { "type": "text", - "id": "n408", + "id": "n449", "name": "const ws = connect(id)", "width": "fit_content", "height": "fit_content", @@ -7033,7 +7738,7 @@ }, { "type": "frame", - "id": "n409", + "id": "n450", "name": "Line 16", "width": "fill_container", "height": 20.0, @@ -7044,7 +7749,7 @@ "children": [ { "type": "frame", - "id": "n410", + "id": "n451", "name": "Number", "width": 44.0, "height": 20.0, @@ -7056,7 +7761,7 @@ "children": [ { "type": "text", - "id": "n411", + "id": "n452", "name": "16", "width": "fit_content", "height": "fit_content", @@ -7077,7 +7782,7 @@ }, { "type": "frame", - "id": "n412", + "id": "n453", "name": "Margin", "width": 57.32, "height": 20.0, @@ -7085,7 +7790,7 @@ }, { "type": "text", - "id": "n413", + "id": "n454", "name": "ws.onmessage = e => setMessages(m => [..", "width": "fit_content", "height": "fit_content", @@ -7199,7 +7904,7 @@ }, { "type": "frame", - "id": "n414", + "id": "n455", "name": "Line 17", "width": "fill_container", "height": 20.0, @@ -7210,7 +7915,7 @@ "children": [ { "type": "frame", - "id": "n415", + "id": "n456", "name": "Number", "width": 44.0, "height": 20.0, @@ -7222,7 +7927,7 @@ "children": [ { "type": "text", - "id": "n416", + "id": "n457", "name": "17", "width": "fit_content", "height": "fit_content", @@ -7243,7 +7948,7 @@ }, { "type": "frame", - "id": "n417", + "id": "n458", "name": "Margin", "width": 57.32, "height": 20.0, @@ -7251,7 +7956,7 @@ }, { "type": "text", - "id": "n418", + "id": "n459", "name": "return () => ws.close()", "width": "fit_content", "height": "fit_content", @@ -7313,7 +8018,7 @@ }, { "type": "frame", - "id": "n419", + "id": "n460", "name": "Line 18", "width": "fill_container", "height": 20.0, @@ -7324,7 +8029,7 @@ "children": [ { "type": "frame", - "id": "n420", + "id": "n461", "name": "Number", "width": 44.0, "height": 20.0, @@ -7336,7 +8041,7 @@ "children": [ { "type": "text", - "id": "n421", + "id": "n462", "name": "18", "width": "fit_content", "height": "fit_content", @@ -7357,7 +8062,7 @@ }, { "type": "frame", - "id": "n422", + "id": "n463", "name": "Margin", "width": 41.66, "height": 20.0, @@ -7365,7 +8070,7 @@ }, { "type": "text", - "id": "n423", + "id": "n464", "name": "}, [id])", "width": "fit_content", "height": "fit_content", @@ -7413,7 +8118,7 @@ }, { "type": "rectangle", - "id": "n424", + "id": "n465", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -7427,7 +8132,7 @@ }, { "type": "frame", - "id": "n425", + "id": "n466", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -7443,7 +8148,7 @@ "children": [ { "type": "frame", - "id": "n426", + "id": "n467", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -7454,7 +8159,7 @@ "children": [ { "type": "frame", - "id": "n427", + "id": "n468", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -7465,7 +8170,7 @@ "children": [ { "type": "rectangle", - "id": "n428", + "id": "n469", "name": "Line", "width": 1.0, "height": "fill_container", @@ -7481,7 +8186,7 @@ }, { "type": "frame", - "id": "n429", + "id": "n470", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -7497,8 +8202,8 @@ "children": [ { "type": "frame", - "id": "n430", - "name": "副作用 / id 变化时", + "id": "n471", + "name": "钩子 / useEffect · id 变化时", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -7530,7 +8235,7 @@ "children": [ { "type": "frame", - "id": "n431", + "id": "n472", "name": "Fold", "width": 14.0, "height": 20.0, @@ -7542,7 +8247,7 @@ "children": [ { "type": "icon_font", - "id": "n432", + "id": "n473", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -7558,8 +8263,8 @@ }, { "type": "frame", - "id": "n433", - "name": "Kind / 副作用", + "id": "n474", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -7570,7 +8275,7 @@ "children": [ { "type": "icon_font", - "id": "n434", + "id": "n475", "name": "zap", "iconFontName": "zap", "width": 16.0, @@ -7586,7 +8291,7 @@ }, { "type": "frame", - "id": "n435", + "id": "n476", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -7596,8 +8301,8 @@ "children": [ { "type": "frame", - "id": "n436", - "name": "Prop / 触发时机", + "id": "n477", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -7607,22 +8312,171 @@ "children": [ { "type": "frame", - "id": "n437", + "id": "n478", "name": "Key", - "width": 76.0, + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n479", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n480", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n481", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n482", + "name": "Tag / 副作用", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#473f31" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#806e4c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n483", + "name": "副作用", + "width": "fit_content", + "height": "fit_content", + "content": "副作用", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#e5c07b" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n484", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n485", + "name": "Key", + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n486", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n438", - "name": "触发时机", + "id": "n487", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "触发时机", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -7639,21 +8493,12 @@ }, { "type": "text", - "id": "n439", - "name": "id 变化时", + "id": "n488", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "id", - "fill": "#9cdcfe" - }, - { - "text": " 变化时", - "fill": "#c586c0" - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -7661,7 +8506,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -7669,7 +8514,439 @@ }, { "type": "frame", - "id": "n440", + "id": "n489", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n490", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n491", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#383530" + } + ], + "children": [ + { + "type": "frame", + "id": "n492", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n493", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n494", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n495", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n496", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n497", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n498", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n499", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n500", + "name": "setup", + "width": "fit_content", + "height": "fit_content", + "content": "setup", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n501", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n502", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n503", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n504", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n505", + "name": "函数 · 3 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " · 3 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n506", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n507", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n508", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n509", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n510", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n511", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n512", + "name": "id 变化时", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "id", + "fill": "#9cdcfe" + }, + { + "text": " 变化时", + "fill": "#c586c0" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n513", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -7680,9 +8957,9 @@ "children": [ { "type": "frame", - "id": "n441", + "id": "n514", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -7691,7 +8968,7 @@ "children": [ { "type": "text", - "id": "n442", + "id": "n515", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -7712,7 +8989,7 @@ }, { "type": "text", - "id": "n443", + "id": "n516", "name": "id", "width": "fit_content", "height": "fit_content", @@ -7733,7 +9010,7 @@ }, { "type": "frame", - "id": "n444", + "id": "n517", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -7744,9 +9021,9 @@ "children": [ { "type": "frame", - "id": "n445", + "id": "n518", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -7755,7 +9032,7 @@ "children": [ { "type": "text", - "id": "n446", + "id": "n519", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -7776,7 +9053,7 @@ }, { "type": "text", - "id": "n447", + "id": "n520", "name": "状态 messages", "width": "fit_content", "height": "fit_content", @@ -7806,7 +9083,7 @@ }, { "type": "frame", - "id": "n448", + "id": "n521", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -7817,9 +9094,9 @@ "children": [ { "type": "frame", - "id": "n449", + "id": "n522", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -7828,7 +9105,7 @@ "children": [ { "type": "text", - "id": "n450", + "id": "n523", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -7849,7 +9126,7 @@ }, { "type": "text", - "id": "n451", + "id": "n524", "name": "ws.close()", "width": "fit_content", "height": "fit_content", @@ -7889,7 +9166,7 @@ }, { "type": "frame", - "id": "n452", + "id": "n525", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -7900,7 +9177,7 @@ "children": [ { "type": "frame", - "id": "n453", + "id": "n526", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -7913,7 +9190,7 @@ "children": [ { "type": "icon_font", - "id": "n454", + "id": "n527", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -7929,7 +9206,7 @@ }, { "type": "frame", - "id": "n455", + "id": "n528", "name": "pencil", "width": 22.0, "height": 20.0, @@ -7942,7 +9219,7 @@ "children": [ { "type": "icon_font", - "id": "n456", + "id": "n529", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -7970,7 +9247,7 @@ }, { "type": "frame", - "id": "n457", + "id": "n530", "name": "Lines 19–20", "width": "fill_container", "height": "fit_content", @@ -7981,7 +9258,7 @@ "children": [ { "type": "frame", - "id": "n458", + "id": "n531", "name": "Code", "width": 600.0, "height": "fill_container", @@ -7997,7 +9274,7 @@ "children": [ { "type": "frame", - "id": "n459", + "id": "n532", "name": "Line 19", "width": "fill_container", "height": 20.0, @@ -8008,7 +9285,7 @@ "children": [ { "type": "frame", - "id": "n460", + "id": "n533", "name": "Number", "width": 44.0, "height": 20.0, @@ -8020,7 +9297,7 @@ "children": [ { "type": "text", - "id": "n461", + "id": "n534", "name": "19", "width": "fit_content", "height": "fit_content", @@ -8041,7 +9318,7 @@ }, { "type": "frame", - "id": "n462", + "id": "n535", "name": "Margin", "width": 41.66, "height": 20.0, @@ -8049,7 +9326,7 @@ }, { "type": "text", - "id": "n463", + "id": "n536", "name": "return { messages }", "width": "fit_content", "height": "fit_content", @@ -8099,7 +9376,7 @@ }, { "type": "frame", - "id": "n464", + "id": "n537", "name": "Line 20", "width": "fill_container", "height": 20.0, @@ -8110,7 +9387,7 @@ "children": [ { "type": "frame", - "id": "n465", + "id": "n538", "name": "Number", "width": 44.0, "height": 20.0, @@ -8122,7 +9399,7 @@ "children": [ { "type": "text", - "id": "n466", + "id": "n539", "name": "20", "width": "fit_content", "height": "fit_content", @@ -8143,7 +9420,7 @@ }, { "type": "frame", - "id": "n467", + "id": "n540", "name": "Margin", "width": 26.0, "height": 20.0, @@ -8151,7 +9428,7 @@ }, { "type": "text", - "id": "n468", + "id": "n541", "name": "}", "width": "fit_content", "height": "fit_content", @@ -8174,7 +9451,7 @@ }, { "type": "rectangle", - "id": "n469", + "id": "n542", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -8188,7 +9465,7 @@ }, { "type": "frame", - "id": "n470", + "id": "n543", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -8204,7 +9481,7 @@ "children": [ { "type": "frame", - "id": "n471", + "id": "n544", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -8220,7 +9497,7 @@ }, { "type": "frame", - "id": "n472", + "id": "n545", "name": "End", "width": "fill_container", "height": 28.0, @@ -8231,7 +9508,7 @@ "children": [ { "type": "frame", - "id": "n473", + "id": "n546", "name": "Code", "width": 600.0, "height": 28.0, @@ -8239,7 +9516,7 @@ }, { "type": "rectangle", - "id": "n474", + "id": "n547", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -8259,7 +9536,7 @@ }, { "type": "frame", - "id": "n475", + "id": "n548", "name": "Status", "width": "fill_container", "height": 26.0, @@ -8281,7 +9558,7 @@ "children": [ { "type": "frame", - "id": "n476", + "id": "n549", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -8292,7 +9569,7 @@ "children": [ { "type": "icon_font", - "id": "n477", + "id": "n550", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -8306,7 +9583,7 @@ }, { "type": "text", - "id": "n478", + "id": "n551", "name": "master", "width": "fit_content", "height": "fit_content", @@ -8327,7 +9604,7 @@ }, { "type": "frame", - "id": "n479", + "id": "n552", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -8338,7 +9615,7 @@ "children": [ { "type": "text", - "id": "n480", + "id": "n553", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -8357,7 +9634,7 @@ }, { "type": "text", - "id": "n481", + "id": "n554", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content", @@ -8382,7 +9659,7 @@ }, { "type": "frame", - "id": "n482", + "id": "n555", "name": "Prototype / React 钩子 · 组件 Panel", "x": 1780.0, "y": 0.0, @@ -8400,7 +9677,7 @@ "children": [ { "type": "frame", - "id": "n483", + "id": "n556", "name": "Title bar", "width": "fill_container", "height": 36.0, @@ -8416,7 +9693,7 @@ "children": [ { "type": "frame", - "id": "n484", + "id": "n557", "name": "Lights", "width": "fit_content", "height": "fit_content", @@ -8427,7 +9704,7 @@ "children": [ { "type": "ellipse", - "id": "n485", + "id": "n558", "width": 12.0, "height": 12.0, "fill": [ @@ -8439,7 +9716,7 @@ }, { "type": "ellipse", - "id": "n486", + "id": "n559", "width": 12.0, "height": 12.0, "fill": [ @@ -8451,7 +9728,7 @@ }, { "type": "ellipse", - "id": "n487", + "id": "n560", "width": 12.0, "height": 12.0, "fill": [ @@ -8465,7 +9742,7 @@ }, { "type": "text", - "id": "n488", + "id": "n561", "name": "web — Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -8484,7 +9761,7 @@ }, { "type": "frame", - "id": "n489", + "id": "n562", "name": "Balance", "width": 52.0, "height": 12.0, @@ -8494,7 +9771,7 @@ }, { "type": "frame", - "id": "n490", + "id": "n563", "name": "Body", "width": "fill_container", "height": "fit_content", @@ -8511,7 +9788,7 @@ "children": [ { "type": "frame", - "id": "n491", + "id": "n564", "name": "Activity bar", "width": 48.0, "height": "fit_content", @@ -8527,7 +9804,7 @@ "children": [ { "type": "frame", - "id": "n492", + "id": "n565", "name": "Item / files", "width": 48.0, "height": 42.0, @@ -8539,7 +9816,7 @@ "children": [ { "type": "icon_font", - "id": "n493", + "id": "n566", "name": "files", "iconFontName": "files", "width": 22.0, @@ -8555,7 +9832,7 @@ }, { "type": "frame", - "id": "n494", + "id": "n567", "name": "Item / search", "width": 48.0, "height": 42.0, @@ -8567,7 +9844,7 @@ "children": [ { "type": "icon_font", - "id": "n495", + "id": "n568", "name": "search", "iconFontName": "search", "width": 22.0, @@ -8583,7 +9860,7 @@ }, { "type": "frame", - "id": "n496", + "id": "n569", "name": "Item / git-branch", "width": 48.0, "height": 42.0, @@ -8595,7 +9872,7 @@ "children": [ { "type": "icon_font", - "id": "n497", + "id": "n570", "name": "git-branch", "iconFontName": "git-branch", "width": 22.0, @@ -8611,7 +9888,7 @@ }, { "type": "frame", - "id": "n498", + "id": "n571", "name": "Item / play", "width": 48.0, "height": 42.0, @@ -8623,7 +9900,7 @@ "children": [ { "type": "icon_font", - "id": "n499", + "id": "n572", "name": "play", "iconFontName": "play", "width": 22.0, @@ -8639,7 +9916,7 @@ }, { "type": "frame", - "id": "n500", + "id": "n573", "name": "Item / monitor", "width": 48.0, "height": 42.0, @@ -8651,7 +9928,7 @@ "children": [ { "type": "icon_font", - "id": "n501", + "id": "n574", "name": "monitor", "iconFontName": "monitor", "width": 22.0, @@ -8667,7 +9944,7 @@ }, { "type": "frame", - "id": "n502", + "id": "n575", "name": "Item / blocks", "width": 48.0, "height": 42.0, @@ -8679,7 +9956,7 @@ "children": [ { "type": "icon_font", - "id": "n503", + "id": "n576", "name": "blocks", "iconFontName": "blocks", "width": 22.0, @@ -8695,7 +9972,7 @@ }, { "type": "frame", - "id": "n504", + "id": "n577", "name": "Item / rocket", "width": 48.0, "height": 42.0, @@ -8707,7 +9984,7 @@ "children": [ { "type": "icon_font", - "id": "n505", + "id": "n578", "name": "rocket", "iconFontName": "rocket", "width": 22.0, @@ -8723,7 +10000,7 @@ }, { "type": "frame", - "id": "n506", + "id": "n579", "name": "Item / book-open-text", "width": 48.0, "height": 42.0, @@ -8735,7 +10012,7 @@ "children": [ { "type": "rectangle", - "id": "n507", + "id": "n580", "name": "Active bar", "width": 2.0, "height": 42.0, @@ -8749,7 +10026,7 @@ }, { "type": "icon_font", - "id": "n508", + "id": "n581", "name": "book-open-text", "iconFontName": "book-open-text", "width": 22.0, @@ -8767,7 +10044,7 @@ }, { "type": "frame", - "id": "n509", + "id": "n582", "name": "Sidebar", "width": 250.0, "height": "fit_content", @@ -8783,7 +10060,7 @@ "children": [ { "type": "frame", - "id": "n510", + "id": "n583", "name": "Header", "width": "fill_container", "height": 34.0, @@ -8801,7 +10078,7 @@ "children": [ { "type": "text", - "id": "n511", + "id": "n584", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -8820,7 +10097,7 @@ }, { "type": "frame", - "id": "n512", + "id": "n585", "name": "Actions", "width": "fit_content", "height": "fit_content", @@ -8831,7 +10108,7 @@ "children": [ { "type": "icon_font", - "id": "n513", + "id": "n586", "name": "git-pull-request", "iconFontName": "git-pull-request", "width": 14.0, @@ -8845,7 +10122,7 @@ }, { "type": "icon_font", - "id": "n514", + "id": "n587", "name": "file-plus", "iconFontName": "file-plus", "width": 14.0, @@ -8859,7 +10136,7 @@ }, { "type": "icon_font", - "id": "n515", + "id": "n588", "name": "refresh-cw", "iconFontName": "refresh-cw", "width": 14.0, @@ -8877,7 +10154,7 @@ }, { "type": "frame", - "id": "n516", + "id": "n589", "name": "Tree", "width": "fill_container", "height": "fit_content", @@ -8893,7 +10170,7 @@ "children": [ { "type": "frame", - "id": "n517", + "id": "n590", "name": "src", "width": "fill_container", "height": 26.0, @@ -8910,7 +10187,7 @@ "children": [ { "type": "icon_font", - "id": "n518", + "id": "n591", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -8924,7 +10201,7 @@ }, { "type": "icon_font", - "id": "n519", + "id": "n592", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -8938,7 +10215,7 @@ }, { "type": "text", - "id": "n520", + "id": "n593", "name": "src", "width": "fit_content", "height": "fit_content", @@ -8959,7 +10236,7 @@ }, { "type": "frame", - "id": "n521", + "id": "n594", "name": "chat", "width": "fill_container", "height": 26.0, @@ -8976,7 +10253,7 @@ "children": [ { "type": "icon_font", - "id": "n522", + "id": "n595", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -8990,7 +10267,7 @@ }, { "type": "icon_font", - "id": "n523", + "id": "n596", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -9004,7 +10281,7 @@ }, { "type": "text", - "id": "n524", + "id": "n597", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -9025,7 +10302,7 @@ }, { "type": "frame", - "id": "n525", + "id": "n598", "name": "Panel.tsx", "width": "fill_container", "height": 26.0, @@ -9048,7 +10325,7 @@ "children": [ { "type": "frame", - "id": "n526", + "id": "n599", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -9056,7 +10333,7 @@ }, { "type": "icon_font", - "id": "n527", + "id": "n600", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9070,7 +10347,7 @@ }, { "type": "text", - "id": "n528", + "id": "n601", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9091,7 +10368,7 @@ }, { "type": "frame", - "id": "n529", + "id": "n602", "name": "Row.tsx", "width": "fill_container", "height": 26.0, @@ -9108,7 +10385,7 @@ "children": [ { "type": "frame", - "id": "n530", + "id": "n603", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -9116,7 +10393,7 @@ }, { "type": "icon_font", - "id": "n531", + "id": "n604", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9130,7 +10407,7 @@ }, { "type": "text", - "id": "n532", + "id": "n605", "name": "Row.tsx", "width": "fit_content", "height": "fit_content", @@ -9151,7 +10428,7 @@ }, { "type": "frame", - "id": "n533", + "id": "n606", "name": "Spinner.tsx", "width": "fill_container", "height": 26.0, @@ -9168,7 +10445,7 @@ "children": [ { "type": "frame", - "id": "n534", + "id": "n607", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -9176,7 +10453,7 @@ }, { "type": "icon_font", - "id": "n535", + "id": "n608", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9190,7 +10467,7 @@ }, { "type": "text", - "id": "n536", + "id": "n609", "name": "Spinner.tsx", "width": "fit_content", "height": "fit_content", @@ -9211,7 +10488,7 @@ }, { "type": "frame", - "id": "n537", + "id": "n610", "name": "lib", "width": "fill_container", "height": 26.0, @@ -9228,7 +10505,7 @@ "children": [ { "type": "icon_font", - "id": "n538", + "id": "n611", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -9242,7 +10519,7 @@ }, { "type": "icon_font", - "id": "n539", + "id": "n612", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -9256,7 +10533,7 @@ }, { "type": "text", - "id": "n540", + "id": "n613", "name": "lib", "width": "fit_content", "height": "fit_content", @@ -9277,7 +10554,7 @@ }, { "type": "frame", - "id": "n541", + "id": "n614", "name": "App.tsx", "width": "fill_container", "height": 26.0, @@ -9294,7 +10571,7 @@ "children": [ { "type": "frame", - "id": "n542", + "id": "n615", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -9302,7 +10579,7 @@ }, { "type": "icon_font", - "id": "n543", + "id": "n616", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9316,7 +10593,7 @@ }, { "type": "text", - "id": "n544", + "id": "n617", "name": "App.tsx", "width": "fit_content", "height": "fit_content", @@ -9341,7 +10618,7 @@ }, { "type": "frame", - "id": "n545", + "id": "n618", "name": "Editor", "width": "fill_container", "height": "fit_content", @@ -9357,7 +10634,7 @@ "children": [ { "type": "frame", - "id": "n546", + "id": "n619", "name": "Group heads", "width": "fill_container", "height": "fit_content", @@ -9368,7 +10645,7 @@ "children": [ { "type": "frame", - "id": "n547", + "id": "n620", "name": "Editor group 1", "width": 600.0, "height": "fit_content", @@ -9378,7 +10655,7 @@ "children": [ { "type": "frame", - "id": "n548", + "id": "n621", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -9396,7 +10673,7 @@ "children": [ { "type": "frame", - "id": "n549", + "id": "n622", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -9412,7 +10689,7 @@ "children": [ { "type": "rectangle", - "id": "n550", + "id": "n623", "name": "Active", "width": "fill_container", "height": 2.0, @@ -9426,7 +10703,7 @@ }, { "type": "frame", - "id": "n551", + "id": "n624", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -9441,7 +10718,7 @@ "children": [ { "type": "icon_font", - "id": "n552", + "id": "n625", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9455,7 +10732,7 @@ }, { "type": "text", - "id": "n553", + "id": "n626", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9480,7 +10757,7 @@ }, { "type": "frame", - "id": "n554", + "id": "n627", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -9495,7 +10772,7 @@ "children": [ { "type": "text", - "id": "n555", + "id": "n628", "name": "src", "width": "fit_content", "height": "fit_content", @@ -9514,7 +10791,7 @@ }, { "type": "text", - "id": "n556", + "id": "n629", "name": "/", "width": "fit_content", "height": "fit_content", @@ -9533,7 +10810,7 @@ }, { "type": "text", - "id": "n557", + "id": "n630", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -9552,7 +10829,7 @@ }, { "type": "text", - "id": "n558", + "id": "n631", "name": "/", "width": "fit_content", "height": "fit_content", @@ -9571,7 +10848,7 @@ }, { "type": "text", - "id": "n559", + "id": "n632", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9592,7 +10869,7 @@ }, { "type": "frame", - "id": "n560", + "id": "n633", "name": "Filter room", "width": "fill_container", "height": 36.0, @@ -9602,7 +10879,7 @@ }, { "type": "rectangle", - "id": "n561", + "id": "n634", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -9616,7 +10893,7 @@ }, { "type": "frame", - "id": "n562", + "id": "n635", "name": "Editor group 2", "width": "fill_container", "height": "fit_content", @@ -9626,7 +10903,7 @@ "children": [ { "type": "frame", - "id": "n563", + "id": "n636", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -9644,7 +10921,7 @@ "children": [ { "type": "frame", - "id": "n564", + "id": "n637", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -9660,7 +10937,7 @@ "children": [ { "type": "rectangle", - "id": "n565", + "id": "n638", "name": "Active", "width": "fill_container", "height": 2.0, @@ -9674,7 +10951,7 @@ }, { "type": "frame", - "id": "n566", + "id": "n639", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -9689,7 +10966,7 @@ "children": [ { "type": "icon_font", - "id": "n567", + "id": "n640", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -9703,7 +10980,7 @@ }, { "type": "text", - "id": "n568", + "id": "n641", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9726,7 +11003,7 @@ }, { "type": "frame", - "id": "n569", + "id": "n642", "name": "Mode", "width": "fit_content", "height": "fit_content", @@ -9757,7 +11034,7 @@ "children": [ { "type": "frame", - "id": "n570", + "id": "n643", "name": "Seg / 编辑", "width": "fit_content", "height": "fit_content", @@ -9773,7 +11050,7 @@ "children": [ { "type": "icon_font", - "id": "n571", + "id": "n644", "name": "pencil", "iconFontName": "pencil", "width": 13.0, @@ -9787,7 +11064,7 @@ }, { "type": "text", - "id": "n572", + "id": "n645", "name": "编辑", "width": "fit_content", "height": "fit_content", @@ -9808,7 +11085,7 @@ }, { "type": "frame", - "id": "n573", + "id": "n646", "name": "Seg / 预览", "width": "fit_content", "height": "fit_content", @@ -9830,7 +11107,7 @@ "children": [ { "type": "icon_font", - "id": "n574", + "id": "n647", "name": "eye", "iconFontName": "eye", "width": 13.0, @@ -9844,7 +11121,7 @@ }, { "type": "text", - "id": "n575", + "id": "n648", "name": "预览", "width": "fit_content", "height": "fit_content", @@ -9867,7 +11144,7 @@ }, { "type": "frame", - "id": "n576", + "id": "n649", "name": "Pad", "width": 8.0, "height": 8.0, @@ -9877,7 +11154,7 @@ }, { "type": "frame", - "id": "n577", + "id": "n650", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -9892,7 +11169,7 @@ "children": [ { "type": "text", - "id": "n578", + "id": "n651", "name": "src", "width": "fit_content", "height": "fit_content", @@ -9911,7 +11188,7 @@ }, { "type": "text", - "id": "n579", + "id": "n652", "name": "/", "width": "fit_content", "height": "fit_content", @@ -9930,7 +11207,7 @@ }, { "type": "text", - "id": "n580", + "id": "n653", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -9949,7 +11226,7 @@ }, { "type": "text", - "id": "n581", + "id": "n654", "name": "/", "width": "fit_content", "height": "fit_content", @@ -9968,7 +11245,7 @@ }, { "type": "text", - "id": "n582", + "id": "n655", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9989,7 +11266,7 @@ }, { "type": "frame", - "id": "n583", + "id": "n656", "name": "Filter", "width": "fill_container", "height": 36.0, @@ -10004,7 +11281,7 @@ "children": [ { "type": "text", - "id": "n584", + "id": "n657", "name": "筛选", "width": "fit_content", "height": "fit_content", @@ -10023,7 +11300,7 @@ }, { "type": "frame", - "id": "n585", + "id": "n658", "name": "Chip / 种类", "width": "fit_content", "height": 24.0, @@ -10045,7 +11322,7 @@ "children": [ { "type": "text", - "id": "n586", + "id": "n659", "name": "种类", "width": "fit_content", "height": "fit_content", @@ -10064,7 +11341,7 @@ }, { "type": "icon_font", - "id": "n587", + "id": "n660", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -10080,7 +11357,7 @@ }, { "type": "frame", - "id": "n588", + "id": "n661", "name": "Chip / 访问级别", "width": "fit_content", "height": 24.0, @@ -10102,7 +11379,7 @@ "children": [ { "type": "text", - "id": "n589", + "id": "n662", "name": "访问级别", "width": "fit_content", "height": "fit_content", @@ -10121,7 +11398,7 @@ }, { "type": "icon_font", - "id": "n590", + "id": "n663", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -10137,7 +11414,7 @@ }, { "type": "frame", - "id": "n591", + "id": "n664", "name": "Spacer", "width": "fill_container", "height": 8.0, @@ -10145,7 +11422,7 @@ }, { "type": "text", - "id": "n592", + "id": "n665", "name": "5 块", "width": "fit_content", "height": "fit_content", @@ -10170,7 +11447,7 @@ }, { "type": "frame", - "id": "n593", + "id": "n666", "name": "Lines 22–22", "width": "fill_container", "height": "fit_content", @@ -10181,7 +11458,7 @@ "children": [ { "type": "frame", - "id": "n594", + "id": "n667", "name": "Code", "width": 600.0, "height": "fill_container", @@ -10197,7 +11474,7 @@ "children": [ { "type": "frame", - "id": "n595", + "id": "n668", "name": "Line 22", "width": "fill_container", "height": 20.0, @@ -10208,7 +11485,7 @@ "children": [ { "type": "frame", - "id": "n596", + "id": "n669", "name": "Number", "width": 44.0, "height": 20.0, @@ -10220,7 +11497,7 @@ "children": [ { "type": "text", - "id": "n597", + "id": "n670", "name": "22", "width": "fit_content", "height": "fit_content", @@ -10241,7 +11518,7 @@ }, { "type": "frame", - "id": "n598", + "id": "n671", "name": "Margin", "width": 26.0, "height": 20.0, @@ -10249,7 +11526,7 @@ }, { "type": "text", - "id": "n599", + "id": "n672", "name": "export function Panel({ id, onClose }: P", "width": "fit_content", "height": "fit_content", @@ -10345,7 +11622,7 @@ }, { "type": "rectangle", - "id": "n600", + "id": "n673", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -10359,7 +11636,7 @@ }, { "type": "frame", - "id": "n601", + "id": "n674", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -10375,7 +11652,7 @@ "children": [ { "type": "frame", - "id": "n602", + "id": "n675", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -10386,7 +11663,7 @@ "children": [ { "type": "frame", - "id": "n603", + "id": "n676", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -10402,7 +11679,7 @@ "children": [ { "type": "frame", - "id": "n604", + "id": "n677", "name": "React 组件 / Panel", "width": "fill_container", "height": "fit_content", @@ -10435,7 +11712,7 @@ "children": [ { "type": "frame", - "id": "n605", + "id": "n678", "name": "Fold", "width": 14.0, "height": 20.0, @@ -10447,7 +11724,7 @@ "children": [ { "type": "icon_font", - "id": "n606", + "id": "n679", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10463,7 +11740,7 @@ }, { "type": "frame", - "id": "n607", + "id": "n680", "name": "Kind / React 组件", "width": 20.0, "height": 20.0, @@ -10475,7 +11752,7 @@ "children": [ { "type": "icon_font", - "id": "n608", + "id": "n681", "name": "atom", "iconFontName": "atom", "width": 16.0, @@ -10491,7 +11768,7 @@ }, { "type": "frame", - "id": "n609", + "id": "n682", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -10501,7 +11778,7 @@ "children": [ { "type": "frame", - "id": "n610", + "id": "n683", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -10512,7 +11789,7 @@ "children": [ { "type": "frame", - "id": "n611", + "id": "n684", "name": "Key", "width": 76.0, "height": 20.0, @@ -10523,7 +11800,7 @@ "children": [ { "type": "text", - "id": "n612", + "id": "n685", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -10544,7 +11821,7 @@ }, { "type": "frame", - "id": "n613", + "id": "n686", "name": "Value", "width": "fill_container", "height": 20.0, @@ -10555,7 +11832,7 @@ "children": [ { "type": "text", - "id": "n614", + "id": "n687", "name": "Panel", "width": "fit_content", "height": "fit_content", @@ -10574,7 +11851,7 @@ }, { "type": "frame", - "id": "n615", + "id": "n688", "name": "Tag / 具名导出", "width": "fit_content", "height": 18.0, @@ -10605,7 +11882,7 @@ "children": [ { "type": "text", - "id": "n616", + "id": "n689", "name": "具名导出", "width": "fit_content", "height": "fit_content", @@ -10630,7 +11907,7 @@ }, { "type": "frame", - "id": "n617", + "id": "n690", "name": "Prop / 构造参数", "width": "fill_container", "height": "fit_content", @@ -10641,7 +11918,7 @@ "children": [ { "type": "frame", - "id": "n618", + "id": "n691", "name": "Key", "width": 76.0, "height": 20.0, @@ -10652,7 +11929,7 @@ "children": [ { "type": "icon_font", - "id": "n619", + "id": "n692", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10666,7 +11943,7 @@ }, { "type": "text", - "id": "n620", + "id": "n693", "name": "构造参数", "width": "fit_content", "height": "fit_content", @@ -10687,7 +11964,7 @@ }, { "type": "text", - "id": "n621", + "id": "n694", "name": "2 个 · 类型 Props", "width": "fit_content", "height": "fit_content", @@ -10718,7 +11995,7 @@ }, { "type": "frame", - "id": "n622", + "id": "n695", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -10734,7 +12011,7 @@ "children": [ { "type": "frame", - "id": "n623", + "id": "n696", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -10754,7 +12031,7 @@ "children": [ { "type": "frame", - "id": "n624", + "id": "n697", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -10771,7 +12048,7 @@ "children": [ { "type": "frame", - "id": "n625", + "id": "n698", "name": "名称", "width": 115.0, "height": "fit_content", @@ -10785,7 +12062,7 @@ "children": [ { "type": "text", - "id": "n626", + "id": "n699", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -10806,7 +12083,7 @@ }, { "type": "rectangle", - "id": "n627", + "id": "n700", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10820,7 +12097,7 @@ }, { "type": "frame", - "id": "n628", + "id": "n701", "name": "类型", "width": 79.0, "height": "fit_content", @@ -10834,7 +12111,7 @@ "children": [ { "type": "text", - "id": "n629", + "id": "n702", "name": "类型", "width": "fit_content", "height": "fit_content", @@ -10855,7 +12132,7 @@ }, { "type": "rectangle", - "id": "n630", + "id": "n703", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10869,7 +12146,7 @@ }, { "type": "frame", - "id": "n631", + "id": "n704", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -10883,7 +12160,7 @@ "children": [ { "type": "text", - "id": "n632", + "id": "n705", "name": "默认值", "width": "fit_content", "height": "fit_content", @@ -10904,7 +12181,7 @@ }, { "type": "rectangle", - "id": "n633", + "id": "n706", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10918,7 +12195,7 @@ }, { "type": "frame", - "id": "n634", + "id": "n707", "name": "必填", "width": 373.0, "height": "fit_content", @@ -10932,7 +12209,7 @@ "children": [ { "type": "text", - "id": "n635", + "id": "n708", "name": "必填", "width": "fit_content", "height": "fit_content", @@ -10955,7 +12232,7 @@ }, { "type": "rectangle", - "id": "n636", + "id": "n709", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -10969,7 +12246,7 @@ }, { "type": "frame", - "id": "n637", + "id": "n710", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -10980,7 +12257,7 @@ "children": [ { "type": "frame", - "id": "n638", + "id": "n711", "name": "名称", "width": 115.0, "height": "fit_content", @@ -10994,7 +12271,7 @@ "children": [ { "type": "frame", - "id": "n639", + "id": "n712", "name": "Name", "width": "fit_content", "height": 20.0, @@ -11005,7 +12282,7 @@ "children": [ { "type": "text", - "id": "n640", + "id": "n713", "name": "id", "width": "fit_content", "height": "fit_content", @@ -11028,7 +12305,7 @@ }, { "type": "rectangle", - "id": "n641", + "id": "n714", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11042,7 +12319,7 @@ }, { "type": "frame", - "id": "n642", + "id": "n715", "name": "类型", "width": 79.0, "height": "fit_content", @@ -11056,7 +12333,7 @@ "children": [ { "type": "text", - "id": "n643", + "id": "n716", "name": "字符串", "width": "fit_content", "height": "fit_content", @@ -11077,7 +12354,7 @@ }, { "type": "rectangle", - "id": "n644", + "id": "n717", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11091,7 +12368,7 @@ }, { "type": "frame", - "id": "n645", + "id": "n718", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -11105,7 +12382,7 @@ "children": [ { "type": "text", - "id": "n646", + "id": "n719", "name": "—", "width": "fit_content", "height": "fit_content", @@ -11126,7 +12403,7 @@ }, { "type": "rectangle", - "id": "n647", + "id": "n720", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11140,7 +12417,7 @@ }, { "type": "frame", - "id": "n648", + "id": "n721", "name": "必填", "width": 373.0, "height": "fit_content", @@ -11154,7 +12431,7 @@ "children": [ { "type": "text", - "id": "n649", + "id": "n722", "name": "是", "width": "fit_content", "height": "fit_content", @@ -11177,7 +12454,7 @@ }, { "type": "rectangle", - "id": "n650", + "id": "n723", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -11191,7 +12468,7 @@ }, { "type": "frame", - "id": "n651", + "id": "n724", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -11202,7 +12479,7 @@ "children": [ { "type": "frame", - "id": "n652", + "id": "n725", "name": "名称", "width": 115.0, "height": "fit_content", @@ -11216,7 +12493,7 @@ "children": [ { "type": "frame", - "id": "n653", + "id": "n726", "name": "Name", "width": "fit_content", "height": 20.0, @@ -11227,7 +12504,7 @@ "children": [ { "type": "text", - "id": "n654", + "id": "n727", "name": "onClose", "width": "fit_content", "height": "fit_content", @@ -11246,7 +12523,7 @@ }, { "type": "frame", - "id": "n655", + "id": "n728", "name": "Tag / 回调", "width": "fit_content", "height": 18.0, @@ -11277,7 +12554,7 @@ "children": [ { "type": "text", - "id": "n656", + "id": "n729", "name": "回调", "width": "fit_content", "height": "fit_content", @@ -11302,7 +12579,7 @@ }, { "type": "rectangle", - "id": "n657", + "id": "n730", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11316,7 +12593,7 @@ }, { "type": "frame", - "id": "n658", + "id": "n731", "name": "类型", "width": 79.0, "height": "fit_content", @@ -11330,7 +12607,7 @@ "children": [ { "type": "text", - "id": "n659", + "id": "n732", "name": "() => 无", "width": "fit_content", "height": "fit_content", @@ -11360,7 +12637,7 @@ }, { "type": "rectangle", - "id": "n660", + "id": "n733", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11374,7 +12651,7 @@ }, { "type": "frame", - "id": "n661", + "id": "n734", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -11388,7 +12665,7 @@ "children": [ { "type": "text", - "id": "n662", + "id": "n735", "name": "—", "width": "fit_content", "height": "fit_content", @@ -11409,7 +12686,7 @@ }, { "type": "rectangle", - "id": "n663", + "id": "n736", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -11423,7 +12700,7 @@ }, { "type": "frame", - "id": "n664", + "id": "n737", "name": "必填", "width": 373.0, "height": "fit_content", @@ -11437,7 +12714,7 @@ "children": [ { "type": "text", - "id": "n665", + "id": "n738", "name": "是", "width": "fit_content", "height": "fit_content", @@ -11466,7 +12743,7 @@ }, { "type": "frame", - "id": "n666", + "id": "n739", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -11477,7 +12754,7 @@ "children": [ { "type": "frame", - "id": "n667", + "id": "n740", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -11490,7 +12767,7 @@ "children": [ { "type": "icon_font", - "id": "n668", + "id": "n741", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -11506,7 +12783,7 @@ }, { "type": "frame", - "id": "n669", + "id": "n742", "name": "pencil", "width": 22.0, "height": 20.0, @@ -11519,7 +12796,7 @@ "children": [ { "type": "icon_font", - "id": "n670", + "id": "n743", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -11547,7 +12824,7 @@ }, { "type": "frame", - "id": "n671", + "id": "n744", "name": "Lines 23–23", "width": "fill_container", "height": "fit_content", @@ -11558,7 +12835,7 @@ "children": [ { "type": "frame", - "id": "n672", + "id": "n745", "name": "Code", "width": 600.0, "height": "fill_container", @@ -11574,7 +12851,7 @@ "children": [ { "type": "frame", - "id": "n673", + "id": "n746", "name": "Line 23", "width": "fill_container", "height": 20.0, @@ -11585,7 +12862,7 @@ "children": [ { "type": "frame", - "id": "n674", + "id": "n747", "name": "Number", "width": 44.0, "height": 20.0, @@ -11597,7 +12874,7 @@ "children": [ { "type": "text", - "id": "n675", + "id": "n748", "name": "23", "width": "fit_content", "height": "fit_content", @@ -11618,7 +12895,7 @@ }, { "type": "frame", - "id": "n676", + "id": "n749", "name": "Margin", "width": 41.66, "height": 20.0, @@ -11626,7 +12903,7 @@ }, { "type": "text", - "id": "n677", + "id": "n750", "name": "const theme = useContext(ThemeContext)", "width": "fit_content", "height": "fit_content", @@ -11682,7 +12959,7 @@ }, { "type": "rectangle", - "id": "n678", + "id": "n751", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -11696,7 +12973,7 @@ }, { "type": "frame", - "id": "n679", + "id": "n752", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -11712,7 +12989,7 @@ "children": [ { "type": "frame", - "id": "n680", + "id": "n753", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -11723,7 +13000,7 @@ "children": [ { "type": "frame", - "id": "n681", + "id": "n754", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -11734,7 +13011,7 @@ "children": [ { "type": "rectangle", - "id": "n682", + "id": "n755", "name": "Line", "width": 1.0, "height": "fill_container", @@ -11750,7 +13027,7 @@ }, { "type": "frame", - "id": "n683", + "id": "n756", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -11766,8 +13043,8 @@ "children": [ { "type": "frame", - "id": "n684", - "name": "数据源 / theme", + "id": "n757", + "name": "钩子 / useContext · theme", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -11784,7 +13061,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#222b29" } ], "stroke": { @@ -11792,14 +13069,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#2f5b52" } ] }, "children": [ { "type": "frame", - "id": "n685", + "id": "n758", "name": "Fold", "width": 14.0, "height": 20.0, @@ -11812,8 +13089,8 @@ }, { "type": "frame", - "id": "n686", - "name": "Kind / 数据源", + "id": "n759", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -11824,15 +13101,15 @@ "children": [ { "type": "icon_font", - "id": "n687", - "name": "download", - "iconFontName": "download", + "id": "n760", + "name": "share-2", + "iconFontName": "share-2", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#4ec9b0" } ] } @@ -11840,7 +13117,7 @@ }, { "type": "frame", - "id": "n688", + "id": "n761", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -11850,8 +13127,8 @@ "children": [ { "type": "frame", - "id": "n689", - "name": "Prop / 变量", + "id": "n762", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -11861,7 +13138,7 @@ "children": [ { "type": "frame", - "id": "n690", + "id": "n763", "name": "Key", "width": 100.0, "height": 20.0, @@ -11872,11 +13149,11 @@ "children": [ { "type": "text", - "id": "n691", - "name": "变量", + "id": "n764", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "变量", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -11893,7 +13170,7 @@ }, { "type": "frame", - "id": "n692", + "id": "n765", "name": "Value", "width": "fill_container", "height": 20.0, @@ -11904,20 +13181,78 @@ "children": [ { "type": "text", - "id": "n693", - "name": "theme", + "id": "n766", + "name": "useContext", "width": "fit_content", "height": "fit_content", - "content": "theme", + "content": [ + { + "text": "useContext", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n767", + "name": "Tag / 上下文", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#28413c" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#367266" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n768", + "name": "上下文", + "width": "fit_content", + "height": "fit_content", + "content": "上下文", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#4ec9b0" + } + ] } ] } @@ -11927,8 +13262,8 @@ }, { "type": "frame", - "id": "n694", - "name": "Prop / 来自", + "id": "n769", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -11938,7 +13273,7 @@ "children": [ { "type": "frame", - "id": "n695", + "id": "n770", "name": "Key", "width": 100.0, "height": 20.0, @@ -11947,13 +13282,27 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n771", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n696", - "name": "来自", + "id": "n772", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "来自", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -11970,22 +13319,12 @@ }, { "type": "text", - "id": "n697", - "name": "上下文 ThemeContext", + "id": "n773", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "上下文 ", - "fill": "#cccccc" - }, - { - "text": "ThemeContext", - "fill": "#4ec9b0", - "underline": true - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -11993,7 +13332,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -12001,7 +13340,599 @@ }, { "type": "frame", - "id": "n698", + "id": "n774", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n775", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n776", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#2d3634" + } + ], + "children": [ + { + "type": "frame", + "id": "n777", + "name": "参数", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n778", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n779", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n780", + "name": "值", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n781", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n782", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n783", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n784", + "name": "参数", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n785", + "name": "context", + "width": "fit_content", + "height": "fit_content", + "content": "context", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n786", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n787", + "name": "值", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n788", + "name": "ThemeContext", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "ThemeContext", + "fill": "#4ec9b0", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n789", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n790", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n791", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n792", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n793", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n794", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n795", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n796", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#2d3634" + } + ], + "children": [ + { + "type": "frame", + "id": "n797", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n798", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n799", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n800", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n801", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n802", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n803", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n804", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n805", + "name": "theme", + "width": "fit_content", + "height": "fit_content", + "content": "theme", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n806", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n807", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n808", + "name": "上下文的值", + "width": "fit_content", + "height": "fit_content", + "content": "上下文的值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n809", "name": "Prop / 没有外层提供时", "width": "fill_container", "height": "fit_content", @@ -12012,7 +13943,7 @@ "children": [ { "type": "frame", - "id": "n699", + "id": "n810", "name": "Key", "width": 100.0, "height": 20.0, @@ -12023,7 +13954,7 @@ "children": [ { "type": "text", - "id": "n700", + "id": "n811", "name": "没有外层提供时", "width": "fit_content", "height": "fit_content", @@ -12044,7 +13975,7 @@ }, { "type": "text", - "id": "n701", + "id": "n812", "name": "'light'", "width": "fit_content", "height": "fit_content", @@ -12067,7 +13998,7 @@ }, { "type": "frame", - "id": "n702", + "id": "n813", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -12078,7 +14009,7 @@ "children": [ { "type": "frame", - "id": "n703", + "id": "n814", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -12091,7 +14022,7 @@ "children": [ { "type": "icon_font", - "id": "n704", + "id": "n815", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -12107,7 +14038,7 @@ }, { "type": "frame", - "id": "n705", + "id": "n816", "name": "pencil", "width": 22.0, "height": 20.0, @@ -12120,7 +14051,7 @@ "children": [ { "type": "icon_font", - "id": "n706", + "id": "n817", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -12148,7 +14079,7 @@ }, { "type": "frame", - "id": "n707", + "id": "n818", "name": "Lines 24–24", "width": "fill_container", "height": "fit_content", @@ -12159,7 +14090,7 @@ "children": [ { "type": "frame", - "id": "n708", + "id": "n819", "name": "Code", "width": 600.0, "height": "fill_container", @@ -12175,7 +14106,7 @@ "children": [ { "type": "frame", - "id": "n709", + "id": "n820", "name": "Line 24", "width": "fill_container", "height": 20.0, @@ -12186,7 +14117,7 @@ "children": [ { "type": "frame", - "id": "n710", + "id": "n821", "name": "Number", "width": 44.0, "height": 20.0, @@ -12198,7 +14129,7 @@ "children": [ { "type": "text", - "id": "n711", + "id": "n822", "name": "24", "width": "fit_content", "height": "fit_content", @@ -12219,7 +14150,7 @@ }, { "type": "frame", - "id": "n712", + "id": "n823", "name": "Margin", "width": 41.66, "height": 20.0, @@ -12227,7 +14158,7 @@ }, { "type": "text", - "id": "n713", + "id": "n824", "name": "const { messages } = useChatSession(id)", "width": "fit_content", "height": "fit_content", @@ -12299,7 +14230,7 @@ }, { "type": "rectangle", - "id": "n714", + "id": "n825", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -12313,7 +14244,7 @@ }, { "type": "frame", - "id": "n715", + "id": "n826", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -12329,7 +14260,7 @@ "children": [ { "type": "frame", - "id": "n716", + "id": "n827", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -12340,7 +14271,7 @@ "children": [ { "type": "frame", - "id": "n717", + "id": "n828", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -12351,7 +14282,7 @@ "children": [ { "type": "rectangle", - "id": "n718", + "id": "n829", "name": "Line", "width": 1.0, "height": "fill_container", @@ -12367,7 +14298,7 @@ }, { "type": "frame", - "id": "n719", + "id": "n830", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -12383,8 +14314,8 @@ "children": [ { "type": "frame", - "id": "n720", - "name": "数据源 / messages", + "id": "n831", + "name": "钩子 / useChatSession · messages", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -12401,7 +14332,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -12409,14 +14340,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#36606c" } ] }, "children": [ { "type": "frame", - "id": "n721", + "id": "n832", "name": "Fold", "width": 14.0, "height": 20.0, @@ -12429,8 +14360,8 @@ }, { "type": "frame", - "id": "n722", - "name": "Kind / 数据源", + "id": "n833", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -12441,15 +14372,15 @@ "children": [ { "type": "icon_font", - "id": "n723", - "name": "download", - "iconFontName": "download", + "id": "n834", + "name": "plug", + "iconFontName": "plug", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#61dafb" } ] } @@ -12457,7 +14388,7 @@ }, { "type": "frame", - "id": "n724", + "id": "n835", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -12467,8 +14398,8 @@ "children": [ { "type": "frame", - "id": "n725", - "name": "Prop / 取出", + "id": "n836", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -12478,9 +14409,9 @@ "children": [ { "type": "frame", - "id": "n726", + "id": "n837", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -12489,11 +14420,11 @@ "children": [ { "type": "text", - "id": "n727", - "name": "取出", + "id": "n838", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "取出", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -12510,7 +14441,7 @@ }, { "type": "frame", - "id": "n728", + "id": "n839", "name": "Value", "width": "fill_container", "height": 20.0, @@ -12521,20 +14452,79 @@ "children": [ { "type": "text", - "id": "n729", - "name": "messages", + "id": "n840", + "name": "useChatSession", "width": "fit_content", "height": "fit_content", - "content": "messages", + "content": [ + { + "text": "useChatSession", + "fontWeight": 600, + "fill": "#dcdcaa", + "underline": true + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n841", + "name": "Tag / 自定义钩子", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#2d444b" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3f7a8a" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n842", + "name": "自定义钩子", + "width": "fit_content", + "height": "fit_content", + "content": "自定义钩子", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#61dafb" + } + ] } ] } @@ -12544,8 +14534,8 @@ }, { "type": "frame", - "id": "n730", - "name": "Prop / 来自", + "id": "n843", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -12555,22 +14545,36 @@ "children": [ { "type": "frame", - "id": "n731", + "id": "n844", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n845", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n732", - "name": "来自", + "id": "n846", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "来自", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -12585,111 +14589,608 @@ } ] }, + { + "type": "text", + "id": "n847", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n848", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ { "type": "frame", - "id": "n733", - "name": "Value", + "id": "n849", + "name": "Table", "width": "fill_container", "height": "fit_content", "layout": "vertical", - "gap": 2.0, - "clipContent": false, + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, "children": [ { "type": "frame", - "id": "n734", - "name": "Line", - "width": "fit_content", - "height": 20.0, + "id": "n850", + "name": "Header", + "width": "fill_container", + "height": "fit_content", "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", + "gap": 0.0, + "alignItems": "start", "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#2f3738" + } + ], "children": [ - { - "type": "text", - "id": "n735", - "name": "useChatSession(id)", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useChatSession", - "fill": "#dcdcaa", - "underline": true - }, - { - "text": "(", - "fill": "#cccccc" - }, - { - "text": "id", - "fill": "#9cdcfe" - }, - { - "text": ")", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, { "type": "frame", - "id": "n736", - "name": "Tag / 自定义钩子", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, + "id": "n851", + "name": "参数", + "width": 43.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, "padding": [ - 0.0, - 5.0 + 2.0, + 8.0 ], - "alignItems": "center", "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#30444c" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#427a8b" - } - ] - }, "children": [ { "type": "text", - "id": "n737", - "name": "自定义钩子", + "id": "n852", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "自定义钩子", + "content": "参数", "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#61dafb" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n853", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n854", + "name": "值", + "width": 562.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n855", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n856", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n857", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n858", + "name": "参数", + "width": 43.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n859", + "name": "id", + "width": "fit_content", + "height": "fit_content", + "content": "id", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n860", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n861", + "name": "值", + "width": 562.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n862", + "name": "id", + "width": "fit_content", + "height": "fit_content", + "content": "id", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n863", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n864", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n865", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n866", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n867", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n868", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n869", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n870", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#2f3738" + } + ], + "children": [ + { + "type": "frame", + "id": "n871", + "name": "名称", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n872", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n873", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n874", + "name": "是什么", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n875", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n876", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n877", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n878", + "name": "名称", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n879", + "name": "messages", + "width": "fit_content", + "height": "fit_content", + "content": "messages", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n880", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n881", + "name": "是什么", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n882", + "name": "状态 messages", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "状态 messages", + "fill": "#9cdcfe", + "underline": true + } + ], + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" } ] } @@ -12705,7 +15206,7 @@ }, { "type": "frame", - "id": "n738", + "id": "n883", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -12716,7 +15217,7 @@ "children": [ { "type": "frame", - "id": "n739", + "id": "n884", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -12729,7 +15230,7 @@ "children": [ { "type": "icon_font", - "id": "n740", + "id": "n885", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -12745,7 +15246,7 @@ }, { "type": "frame", - "id": "n741", + "id": "n886", "name": "pencil", "width": 22.0, "height": 20.0, @@ -12758,7 +15259,7 @@ "children": [ { "type": "icon_font", - "id": "n742", + "id": "n887", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -12786,7 +15287,7 @@ }, { "type": "frame", - "id": "n743", + "id": "n888", "name": "Lines 25–25", "width": "fill_container", "height": "fit_content", @@ -12797,7 +15298,7 @@ "children": [ { "type": "frame", - "id": "n744", + "id": "n889", "name": "Code", "width": 600.0, "height": "fill_container", @@ -12813,7 +15314,7 @@ "children": [ { "type": "frame", - "id": "n745", + "id": "n890", "name": "Line 25", "width": "fill_container", "height": 20.0, @@ -12824,7 +15325,7 @@ "children": [ { "type": "frame", - "id": "n746", + "id": "n891", "name": "Number", "width": 44.0, "height": 20.0, @@ -12836,7 +15337,7 @@ "children": [ { "type": "text", - "id": "n747", + "id": "n892", "name": "25", "width": "fit_content", "height": "fit_content", @@ -12857,7 +15358,7 @@ }, { "type": "frame", - "id": "n748", + "id": "n893", "name": "Margin", "width": 41.66, "height": 20.0, @@ -12865,7 +15366,7 @@ }, { "type": "text", - "id": "n749", + "id": "n894", "name": "const [open, setOpen] = useState(() => r", "width": "fit_content", "height": "fit_content", @@ -12965,7 +15466,7 @@ }, { "type": "rectangle", - "id": "n750", + "id": "n895", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -12979,7 +15480,7 @@ }, { "type": "frame", - "id": "n751", + "id": "n896", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -12995,7 +15496,7 @@ "children": [ { "type": "frame", - "id": "n752", + "id": "n897", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -13006,7 +15507,7 @@ "children": [ { "type": "frame", - "id": "n753", + "id": "n898", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -13017,7 +15518,7 @@ "children": [ { "type": "rectangle", - "id": "n754", + "id": "n899", "name": "Line", "width": 1.0, "height": "fill_container", @@ -13033,7 +15534,7 @@ }, { "type": "frame", - "id": "n755", + "id": "n900", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -13049,8 +15550,8 @@ "children": [ { "type": "frame", - "id": "n756", - "name": "状态 / open", + "id": "n901", + "name": "钩子 / useState · open", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13082,7 +15583,7 @@ "children": [ { "type": "frame", - "id": "n757", + "id": "n902", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13095,8 +15596,8 @@ }, { "type": "frame", - "id": "n758", - "name": "Kind / 状态", + "id": "n903", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -13107,7 +15608,7 @@ "children": [ { "type": "icon_font", - "id": "n759", + "id": "n904", "name": "toggle-right", "iconFontName": "toggle-right", "width": 16.0, @@ -13123,7 +15624,7 @@ }, { "type": "frame", - "id": "n760", + "id": "n905", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -13133,8 +15634,8 @@ "children": [ { "type": "frame", - "id": "n761", - "name": "Prop / 名称", + "id": "n906", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13144,9 +15645,9 @@ "children": [ { "type": "frame", - "id": "n762", + "id": "n907", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -13155,11 +15656,11 @@ "children": [ { "type": "text", - "id": "n763", - "name": "名称", + "id": "n908", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -13176,7 +15677,7 @@ }, { "type": "frame", - "id": "n764", + "id": "n909", "name": "Value", "width": "fill_container", "height": 20.0, @@ -13187,20 +15688,78 @@ "children": [ { "type": "text", - "id": "n765", - "name": "open", + "id": "n910", + "name": "useState", "width": "fit_content", "height": "fit_content", - "content": "open", + "content": [ + { + "text": "useState", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n911", + "name": "Tag / 状态", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#38454c" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#5c7b8c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n912", + "name": "状态", + "width": "fit_content", + "height": "fit_content", + "content": "状态", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] } ] } @@ -13210,8 +15769,8 @@ }, { "type": "frame", - "id": "n766", - "name": "Prop / 初始值", + "id": "n913", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13221,22 +15780,36 @@ "children": [ { "type": "frame", - "id": "n767", + "id": "n914", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n915", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n768", - "name": "初始值", + "id": "n916", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "初始值", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -13253,33 +15826,12 @@ }, { "type": "text", - "id": "n769", - "name": "首次渲染时调用 readOpen(id)", + "id": "n917", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "首次渲染时调用 ", - "fill": "#cccccc" - }, - { - "text": "readOpen", - "fill": "#dcdcaa" - }, - { - "text": "(", - "fill": "#cccccc" - }, - { - "text": "id", - "fill": "#9cdcfe" - }, - { - "text": ")", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -13287,7 +15839,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -13295,8 +15847,283 @@ }, { "type": "frame", - "id": "n770", - "name": "Prop / 修改函数", + "id": "n918", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n919", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n920", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n921", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n922", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n923", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n924", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n925", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n926", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n927", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n928", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n929", + "name": "initialState", + "width": "fit_content", + "height": "fit_content", + "content": "initialState", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n930", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n931", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n932", + "name": "首次渲染时调用 readOpen(id)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "首次渲染时调用 ", + "fill": "#cccccc" + }, + { + "text": "readOpen", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "id", + "fill": "#9cdcfe" + }, + { + "text": ")", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n933", + "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13306,22 +16133,36 @@ "children": [ { "type": "frame", - "id": "n771", + "id": "n934", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n935", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n772", - "name": "修改函数", + "id": "n936", + "name": "返回", "width": "fit_content", "height": "fit_content", - "content": "修改函数", + "content": "返回", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -13338,12 +16179,12 @@ }, { "type": "text", - "id": "n773", - "name": "setOpen", + "id": "n937", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": "setOpen", - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -13351,7 +16192,7 @@ "fill": [ { "type": "solid", - "color": "#dcdcaa" + "color": "#9d9d9d" } ] } @@ -13359,7 +16200,372 @@ }, { "type": "frame", - "id": "n774", + "id": "n938", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n939", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n940", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n941", + "name": "名称", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n942", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n943", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n944", + "name": "是什么", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n945", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n946", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n947", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n948", + "name": "名称", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n949", + "name": "open", + "width": "fit_content", + "height": "fit_content", + "content": "open", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n950", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n951", + "name": "是什么", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n952", + "name": "当前值", + "width": "fit_content", + "height": "fit_content", + "content": "当前值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n953", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n954", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n955", + "name": "名称", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n956", + "name": "setOpen", + "width": "fit_content", + "height": "fit_content", + "content": "setOpen", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n957", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n958", + "name": "是什么", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n959", + "name": "修改函数", + "width": "fit_content", + "height": "fit_content", + "content": "修改函数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n960", "name": "Prop / 在哪改", "width": "fill_container", "height": "fit_content", @@ -13370,9 +16576,9 @@ "children": [ { "type": "frame", - "id": "n775", + "id": "n961", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -13381,7 +16587,7 @@ "children": [ { "type": "text", - "id": "n776", + "id": "n962", "name": "在哪改", "width": "fit_content", "height": "fit_content", @@ -13402,7 +16608,7 @@ }, { "type": "text", - "id": "n777", + "id": "n963", "name": "toggle、副作用「open 变化时」", "width": "fit_content", "height": "fit_content", @@ -13440,7 +16646,7 @@ }, { "type": "frame", - "id": "n778", + "id": "n964", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -13451,7 +16657,7 @@ "children": [ { "type": "frame", - "id": "n779", + "id": "n965", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -13464,7 +16670,7 @@ "children": [ { "type": "icon_font", - "id": "n780", + "id": "n966", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -13480,7 +16686,7 @@ }, { "type": "frame", - "id": "n781", + "id": "n967", "name": "pencil", "width": 22.0, "height": 20.0, @@ -13493,7 +16699,7 @@ "children": [ { "type": "icon_font", - "id": "n782", + "id": "n968", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -13521,7 +16727,7 @@ }, { "type": "frame", - "id": "n783", + "id": "n969", "name": "Lines 26–26", "width": "fill_container", "height": "fit_content", @@ -13532,7 +16738,7 @@ "children": [ { "type": "frame", - "id": "n784", + "id": "n970", "name": "Code", "width": 600.0, "height": "fill_container", @@ -13548,7 +16754,7 @@ "children": [ { "type": "frame", - "id": "n785", + "id": "n971", "name": "Line 26", "width": "fill_container", "height": 20.0, @@ -13559,7 +16765,7 @@ "children": [ { "type": "frame", - "id": "n786", + "id": "n972", "name": "Number", "width": 44.0, "height": 20.0, @@ -13571,7 +16777,7 @@ "children": [ { "type": "text", - "id": "n787", + "id": "n973", "name": "26", "width": "fit_content", "height": "fit_content", @@ -13592,7 +16798,7 @@ }, { "type": "frame", - "id": "n788", + "id": "n974", "name": "Margin", "width": 41.66, "height": 20.0, @@ -13600,7 +16806,7 @@ }, { "type": "text", - "id": "n789", + "id": "n975", "name": "const [state, dispatch] = useReducer(red", "width": "fit_content", "height": "fit_content", @@ -13704,7 +16910,7 @@ }, { "type": "rectangle", - "id": "n790", + "id": "n976", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -13718,7 +16924,7 @@ }, { "type": "frame", - "id": "n791", + "id": "n977", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -13734,7 +16940,7 @@ "children": [ { "type": "frame", - "id": "n792", + "id": "n978", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -13745,7 +16951,7 @@ "children": [ { "type": "frame", - "id": "n793", + "id": "n979", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -13756,7 +16962,7 @@ "children": [ { "type": "rectangle", - "id": "n794", + "id": "n980", "name": "Line", "width": 1.0, "height": "fill_container", @@ -13772,7 +16978,7 @@ }, { "type": "frame", - "id": "n795", + "id": "n981", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -13788,8 +16994,8 @@ "children": [ { "type": "frame", - "id": "n796", - "name": "状态 / state", + "id": "n982", + "name": "钩子 / useReducer · state", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13821,7 +17027,7 @@ "children": [ { "type": "frame", - "id": "n797", + "id": "n983", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13834,8 +17040,8 @@ }, { "type": "frame", - "id": "n798", - "name": "Kind / 状态", + "id": "n984", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -13846,7 +17052,7 @@ "children": [ { "type": "icon_font", - "id": "n799", + "id": "n985", "name": "toggle-right", "iconFontName": "toggle-right", "width": 16.0, @@ -13862,7 +17068,7 @@ }, { "type": "frame", - "id": "n800", + "id": "n986", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -13872,8 +17078,8 @@ "children": [ { "type": "frame", - "id": "n801", - "name": "Prop / 名称", + "id": "n987", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -13883,9 +17089,9 @@ "children": [ { "type": "frame", - "id": "n802", + "id": "n988", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -13894,11 +17100,11 @@ "children": [ { "type": "text", - "id": "n803", - "name": "名称", + "id": "n989", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -13915,7 +17121,7 @@ }, { "type": "frame", - "id": "n804", + "id": "n990", "name": "Value", "width": "fill_container", "height": 20.0, @@ -13926,27 +17132,33 @@ "children": [ { "type": "text", - "id": "n805", - "name": "state", + "id": "n991", + "name": "useReducer", "width": "fit_content", "height": "fit_content", - "content": "state", + "content": [ + { + "text": "useReducer", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" } ] }, { "type": "frame", - "id": "n806", - "name": "Tag / useReducer", + "id": "n992", + "name": "Tag / 状态", "width": "fit_content", "height": 18.0, "layout": "horizontal", @@ -13976,11 +17188,11 @@ "children": [ { "type": "text", - "id": "n807", - "name": "useReducer", + "id": "n993", + "name": "状态", "width": "fit_content", "height": "fit_content", - "content": "useReducer", + "content": "状态", "fontFamily": "PingFang SC", "fontSize": 11.0, "fontWeight": 500, @@ -14001,8 +17213,8 @@ }, { "type": "frame", - "id": "n808", - "name": "Prop / 初始值", + "id": "n994", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -14012,228 +17224,9 @@ "children": [ { "type": "frame", - "id": "n809", + "id": "n995", "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n810", - "name": "初始值", - "width": "fit_content", - "height": "fit_content", - "content": "初始值", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n811", - "name": "{ count: 0 }", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "{ ", - "fill": "#cccccc" - }, - { - "text": "count", - "fill": "#9cdcfe" - }, - { - "text": ": ", - "fill": "#cccccc" - }, - { - "text": "0", - "fill": "#b5cea8" - }, - { - "text": " }", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n812", - "name": "Prop / 派发函数", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n813", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n814", - "name": "派发函数", - "width": "fit_content", - "height": "fit_content", - "content": "派发函数", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n815", - "name": "dispatch", - "width": "fit_content", - "height": "fit_content", - "content": "dispatch", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#dcdcaa" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n816", - "name": "Prop / 处理函数", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n817", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n818", - "name": "处理函数", - "width": "fit_content", - "height": "fit_content", - "content": "处理函数", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n819", - "name": "reducer", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "reducer", - "fill": "#dcdcaa", - "underline": true - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n820", - "name": "Prop / 动作", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n821", - "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -14242,7 +17235,7 @@ "children": [ { "type": "icon_font", - "id": "n822", + "id": "n996", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -14256,7 +17249,920 @@ }, { "type": "text", - "id": "n823", + "id": "n997", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n998", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n999", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1000", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1001", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1002", + "name": "参数", + "width": 98.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1003", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1004", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1005", + "name": "值", + "width": 507.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1006", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1007", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1008", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1009", + "name": "参数", + "width": 98.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1010", + "name": "reducer", + "width": "fit_content", + "height": "fit_content", + "content": "reducer", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1011", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1012", + "name": "值", + "width": 507.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1013", + "name": "reducer", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "reducer", + "fill": "#dcdcaa", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1014", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1015", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1016", + "name": "参数", + "width": 98.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1017", + "name": "initialArg", + "width": "fit_content", + "height": "fit_content", + "content": "initialArg", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1018", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1019", + "name": "值", + "width": 507.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1020", + "name": "{ count: 0 }", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "{ ", + "fill": "#cccccc" + }, + { + "text": "count", + "fill": "#9cdcfe" + }, + { + "text": ": ", + "fill": "#cccccc" + }, + { + "text": "0", + "fill": "#b5cea8" + }, + { + "text": " }", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1021", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1022", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1023", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1024", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1025", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1026", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1027", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1028", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1029", + "name": "名称", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1030", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1031", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1032", + "name": "是什么", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1033", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1034", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1035", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1036", + "name": "名称", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1037", + "name": "state", + "width": "fit_content", + "height": "fit_content", + "content": "state", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1038", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1039", + "name": "是什么", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1040", + "name": "当前值", + "width": "fit_content", + "height": "fit_content", + "content": "当前值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1041", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1042", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1043", + "name": "名称", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1044", + "name": "dispatch", + "width": "fit_content", + "height": "fit_content", + "content": "dispatch", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1045", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1046", + "name": "是什么", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1047", + "name": "派发函数", + "width": "fit_content", + "height": "fit_content", + "content": "派发函数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1048", + "name": "Prop / 动作", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1049", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1050", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1051", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -14279,7 +18185,7 @@ }, { "type": "frame", - "id": "n824", + "id": "n1052", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -14295,7 +18201,7 @@ "children": [ { "type": "frame", - "id": "n825", + "id": "n1053", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -14315,7 +18221,7 @@ "children": [ { "type": "frame", - "id": "n826", + "id": "n1054", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -14332,7 +18238,7 @@ "children": [ { "type": "frame", - "id": "n827", + "id": "n1055", "name": "动作", "width": 58.0, "height": "fit_content", @@ -14346,7 +18252,7 @@ "children": [ { "type": "text", - "id": "n828", + "id": "n1056", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -14367,7 +18273,7 @@ }, { "type": "rectangle", - "id": "n829", + "id": "n1057", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14381,7 +18287,7 @@ }, { "type": "frame", - "id": "n830", + "id": "n1058", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -14395,7 +18301,7 @@ "children": [ { "type": "text", - "id": "n831", + "id": "n1059", "name": "状态怎么变", "width": "fit_content", "height": "fit_content", @@ -14418,7 +18324,7 @@ }, { "type": "rectangle", - "id": "n832", + "id": "n1060", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -14432,7 +18338,7 @@ }, { "type": "frame", - "id": "n833", + "id": "n1061", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -14443,7 +18349,7 @@ "children": [ { "type": "frame", - "id": "n834", + "id": "n1062", "name": "动作", "width": 58.0, "height": "fit_content", @@ -14457,7 +18363,7 @@ "children": [ { "type": "text", - "id": "n835", + "id": "n1063", "name": "'add'", "width": "fit_content", "height": "fit_content", @@ -14478,7 +18384,7 @@ }, { "type": "rectangle", - "id": "n836", + "id": "n1064", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14492,7 +18398,7 @@ }, { "type": "frame", - "id": "n837", + "id": "n1065", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -14506,7 +18412,7 @@ "children": [ { "type": "text", - "id": "n838", + "id": "n1066", "name": "count 加 1", "width": "fit_content", "height": "fit_content", @@ -14542,7 +18448,7 @@ }, { "type": "rectangle", - "id": "n839", + "id": "n1067", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -14556,7 +18462,7 @@ }, { "type": "frame", - "id": "n840", + "id": "n1068", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -14567,7 +18473,7 @@ "children": [ { "type": "frame", - "id": "n841", + "id": "n1069", "name": "动作", "width": 58.0, "height": "fit_content", @@ -14581,7 +18487,7 @@ "children": [ { "type": "text", - "id": "n842", + "id": "n1070", "name": "其他", "width": "fit_content", "height": "fit_content", @@ -14602,7 +18508,7 @@ }, { "type": "rectangle", - "id": "n843", + "id": "n1071", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14616,7 +18522,7 @@ }, { "type": "frame", - "id": "n844", + "id": "n1072", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -14630,7 +18536,7 @@ "children": [ { "type": "text", - "id": "n845", + "id": "n1073", "name": "不变", "width": "fit_content", "height": "fit_content", @@ -14657,7 +18563,7 @@ }, { "type": "frame", - "id": "n846", + "id": "n1074", "name": "Prop / 在哪派发", "width": "fill_container", "height": "fit_content", @@ -14668,9 +18574,9 @@ "children": [ { "type": "frame", - "id": "n847", + "id": "n1075", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -14679,7 +18585,7 @@ "children": [ { "type": "text", - "id": "n848", + "id": "n1076", "name": "在哪派发", "width": "fit_content", "height": "fit_content", @@ -14700,7 +18606,7 @@ }, { "type": "text", - "id": "n849", + "id": "n1077", "name": "toggle（'add'）", "width": "fit_content", "height": "fit_content", @@ -14741,7 +18647,7 @@ }, { "type": "frame", - "id": "n850", + "id": "n1078", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -14752,7 +18658,7 @@ "children": [ { "type": "frame", - "id": "n851", + "id": "n1079", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -14765,7 +18671,7 @@ "children": [ { "type": "icon_font", - "id": "n852", + "id": "n1080", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -14781,7 +18687,7 @@ }, { "type": "frame", - "id": "n853", + "id": "n1081", "name": "pencil", "width": 22.0, "height": 20.0, @@ -14794,7 +18700,7 @@ "children": [ { "type": "icon_font", - "id": "n854", + "id": "n1082", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -14822,7 +18728,7 @@ }, { "type": "frame", - "id": "n855", + "id": "n1083", "name": "Lines 27–27", "width": "fill_container", "height": "fit_content", @@ -14833,7 +18739,7 @@ "children": [ { "type": "frame", - "id": "n856", + "id": "n1084", "name": "Code", "width": 600.0, "height": "fill_container", @@ -14849,7 +18755,7 @@ "children": [ { "type": "frame", - "id": "n857", + "id": "n1085", "name": "Line 27", "width": "fill_container", "height": 20.0, @@ -14860,7 +18766,7 @@ "children": [ { "type": "frame", - "id": "n858", + "id": "n1086", "name": "Number", "width": 44.0, "height": 20.0, @@ -14872,7 +18778,7 @@ "children": [ { "type": "text", - "id": "n859", + "id": "n1087", "name": "27", "width": "fit_content", "height": "fit_content", @@ -14893,7 +18799,7 @@ }, { "type": "frame", - "id": "n860", + "id": "n1088", "name": "Margin", "width": 41.66, "height": 20.0, @@ -14901,7 +18807,7 @@ }, { "type": "text", - "id": "n861", + "id": "n1089", "name": "const [isPending, startTransition] = use", "width": "fit_content", "height": "fit_content", @@ -14965,7 +18871,7 @@ }, { "type": "rectangle", - "id": "n862", + "id": "n1090", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -14979,7 +18885,7 @@ }, { "type": "frame", - "id": "n863", + "id": "n1091", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -14995,7 +18901,7 @@ "children": [ { "type": "frame", - "id": "n864", + "id": "n1092", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -15006,7 +18912,7 @@ "children": [ { "type": "frame", - "id": "n865", + "id": "n1093", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -15017,7 +18923,7 @@ "children": [ { "type": "rectangle", - "id": "n866", + "id": "n1094", "name": "Line", "width": 1.0, "height": "fill_container", @@ -15033,7 +18939,7 @@ }, { "type": "frame", - "id": "n867", + "id": "n1095", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -15049,8 +18955,8 @@ "children": [ { "type": "frame", - "id": "n868", - "name": "数据源 / isPending, startTransition", + "id": "n1096", + "name": "钩子 / useTransition · isPending", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -15082,7 +18988,7 @@ "children": [ { "type": "frame", - "id": "n869", + "id": "n1097", "name": "Fold", "width": 14.0, "height": 20.0, @@ -15095,8 +19001,8 @@ }, { "type": "frame", - "id": "n870", - "name": "Kind / 数据源", + "id": "n1098", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -15107,9 +19013,9 @@ "children": [ { "type": "icon_font", - "id": "n871", - "name": "download", - "iconFontName": "download", + "id": "n1099", + "name": "hourglass", + "iconFontName": "hourglass", "width": 16.0, "height": 16.0, "fill": [ @@ -15123,7 +19029,7 @@ }, { "type": "frame", - "id": "n872", + "id": "n1100", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -15133,8 +19039,8 @@ "children": [ { "type": "frame", - "id": "n873", - "name": "Prop / 取出", + "id": "n1101", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -15144,9 +19050,144 @@ "children": [ { "type": "frame", - "id": "n874", + "id": "n1102", "name": "Key", - "width": 76.0, + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1103", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1104", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1105", + "name": "useTransition", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "useTransition", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n1106", + "name": "Tag / 并发", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#38454c" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#5c7b8c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n1107", + "name": "并发", + "width": "fit_content", + "height": "fit_content", + "content": "并发", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1108", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1109", + "name": "Key", + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -15155,7 +19196,7 @@ "children": [ { "type": "icon_font", - "id": "n875", + "id": "n1110", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -15169,11 +19210,11 @@ }, { "type": "text", - "id": "n876", - "name": "取出", + "id": "n1111", + "name": "返回", "width": "fit_content", "height": "fit_content", - "content": "取出", + "content": "返回", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -15190,7 +19231,7 @@ }, { "type": "text", - "id": "n877", + "id": "n1112", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -15211,7 +19252,7 @@ }, { "type": "frame", - "id": "n878", + "id": "n1113", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -15227,7 +19268,7 @@ "children": [ { "type": "frame", - "id": "n879", + "id": "n1114", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -15247,7 +19288,7 @@ "children": [ { "type": "frame", - "id": "n880", + "id": "n1115", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -15264,7 +19305,7 @@ "children": [ { "type": "frame", - "id": "n881", + "id": "n1116", "name": "名称", "width": 137.0, "height": "fit_content", @@ -15278,7 +19319,7 @@ "children": [ { "type": "text", - "id": "n882", + "id": "n1117", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -15299,7 +19340,7 @@ }, { "type": "rectangle", - "id": "n883", + "id": "n1118", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15313,7 +19354,7 @@ }, { "type": "frame", - "id": "n884", + "id": "n1119", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -15327,7 +19368,7 @@ "children": [ { "type": "text", - "id": "n885", + "id": "n1120", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -15350,7 +19391,7 @@ }, { "type": "rectangle", - "id": "n886", + "id": "n1121", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -15364,7 +19405,7 @@ }, { "type": "frame", - "id": "n887", + "id": "n1122", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -15375,7 +19416,7 @@ "children": [ { "type": "frame", - "id": "n888", + "id": "n1123", "name": "名称", "width": 137.0, "height": "fit_content", @@ -15389,7 +19430,7 @@ "children": [ { "type": "text", - "id": "n889", + "id": "n1124", "name": "isPending", "width": "fit_content", "height": "fit_content", @@ -15410,7 +19451,7 @@ }, { "type": "rectangle", - "id": "n890", + "id": "n1125", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15424,7 +19465,7 @@ }, { "type": "frame", - "id": "n891", + "id": "n1126", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -15438,7 +19479,7 @@ "children": [ { "type": "text", - "id": "n892", + "id": "n1127", "name": "是否正在过渡", "width": "fit_content", "height": "fit_content", @@ -15461,7 +19502,7 @@ }, { "type": "rectangle", - "id": "n893", + "id": "n1128", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -15475,7 +19516,7 @@ }, { "type": "frame", - "id": "n894", + "id": "n1129", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -15486,7 +19527,7 @@ "children": [ { "type": "frame", - "id": "n895", + "id": "n1130", "name": "名称", "width": 137.0, "height": "fit_content", @@ -15500,7 +19541,7 @@ "children": [ { "type": "text", - "id": "n896", + "id": "n1131", "name": "startTransition", "width": "fit_content", "height": "fit_content", @@ -15521,7 +19562,7 @@ }, { "type": "rectangle", - "id": "n897", + "id": "n1132", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15535,7 +19576,7 @@ }, { "type": "frame", - "id": "n898", + "id": "n1133", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -15549,7 +19590,7 @@ "children": [ { "type": "text", - "id": "n899", + "id": "n1134", "name": "启动过渡的函数", "width": "fit_content", "height": "fit_content", @@ -15573,162 +19614,12 @@ ] } ] - }, - { - "type": "frame", - "id": "n900", - "name": "Prop / 来自", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n901", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n902", - "name": "来自", - "width": "fit_content", - "height": "fit_content", - "content": "来自", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n903", - "name": "Value", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 2.0, - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n904", - "name": "Line", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n905", - "name": "useTransition()", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useTransition", - "fill": "#dcdcaa" - }, - { - "text": "()", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, - { - "type": "frame", - "id": "n906", - "name": "Tag / React", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, - "padding": [ - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#30444c" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#427a8b" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n907", - "name": "React", - "width": "fit_content", - "height": "fit_content", - "content": "React", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#61dafb" - } - ] - } - ] - } - ] - } - ] - } - ] } ] }, { "type": "frame", - "id": "n908", + "id": "n1135", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -15739,7 +19630,7 @@ "children": [ { "type": "frame", - "id": "n909", + "id": "n1136", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -15752,7 +19643,7 @@ "children": [ { "type": "icon_font", - "id": "n910", + "id": "n1137", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -15768,7 +19659,7 @@ }, { "type": "frame", - "id": "n911", + "id": "n1138", "name": "pencil", "width": 22.0, "height": 20.0, @@ -15781,7 +19672,7 @@ "children": [ { "type": "icon_font", - "id": "n912", + "id": "n1139", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -15809,7 +19700,7 @@ }, { "type": "frame", - "id": "n913", + "id": "n1140", "name": "Lines 28–28", "width": "fill_container", "height": "fit_content", @@ -15820,7 +19711,7 @@ "children": [ { "type": "frame", - "id": "n914", + "id": "n1141", "name": "Code", "width": 600.0, "height": "fill_container", @@ -15836,7 +19727,7 @@ "children": [ { "type": "frame", - "id": "n915", + "id": "n1142", "name": "Line 28", "width": "fill_container", "height": 20.0, @@ -15847,7 +19738,7 @@ "children": [ { "type": "frame", - "id": "n916", + "id": "n1143", "name": "Number", "width": 44.0, "height": 20.0, @@ -15859,7 +19750,7 @@ "children": [ { "type": "text", - "id": "n917", + "id": "n1144", "name": "28", "width": "fit_content", "height": "fit_content", @@ -15880,7 +19771,7 @@ }, { "type": "frame", - "id": "n918", + "id": "n1145", "name": "Margin", "width": 41.66, "height": 20.0, @@ -15888,7 +19779,7 @@ }, { "type": "text", - "id": "n919", + "id": "n1146", "name": "const boxRef = useRef(nu", "width": "fit_content", "height": "fit_content", @@ -15956,7 +19847,7 @@ }, { "type": "rectangle", - "id": "n920", + "id": "n1147", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -15970,7 +19861,7 @@ }, { "type": "frame", - "id": "n921", + "id": "n1148", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -15986,7 +19877,7 @@ "children": [ { "type": "frame", - "id": "n922", + "id": "n1149", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -15997,7 +19888,7 @@ "children": [ { "type": "frame", - "id": "n923", + "id": "n1150", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -16008,7 +19899,7 @@ "children": [ { "type": "rectangle", - "id": "n924", + "id": "n1151", "name": "Line", "width": 1.0, "height": "fill_container", @@ -16024,7 +19915,7 @@ }, { "type": "frame", - "id": "n925", + "id": "n1152", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -16040,8 +19931,8 @@ "children": [ { "type": "frame", - "id": "n926", - "name": "引用 / boxRef", + "id": "n1153", + "name": "钩子 / useRef · boxRef", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -16073,7 +19964,7 @@ "children": [ { "type": "frame", - "id": "n927", + "id": "n1154", "name": "Fold", "width": 14.0, "height": 20.0, @@ -16086,8 +19977,8 @@ }, { "type": "frame", - "id": "n928", - "name": "Kind / 引用", + "id": "n1155", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -16098,7 +19989,7 @@ "children": [ { "type": "icon_font", - "id": "n929", + "id": "n1156", "name": "anchor", "iconFontName": "anchor", "width": 16.0, @@ -16114,7 +20005,7 @@ }, { "type": "frame", - "id": "n930", + "id": "n1157", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -16124,8 +20015,8 @@ "children": [ { "type": "frame", - "id": "n931", - "name": "Prop / 名称", + "id": "n1158", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -16135,9 +20026,9 @@ "children": [ { "type": "frame", - "id": "n932", + "id": "n1159", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -16146,11 +20037,11 @@ "children": [ { "type": "text", - "id": "n933", - "name": "名称", + "id": "n1160", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -16167,7 +20058,7 @@ }, { "type": "frame", - "id": "n934", + "id": "n1161", "name": "Value", "width": "fill_container", "height": 20.0, @@ -16178,27 +20069,33 @@ "children": [ { "type": "text", - "id": "n935", - "name": "boxRef", + "id": "n1162", + "name": "useRef", "width": "fit_content", "height": "fit_content", - "content": "boxRef", + "content": [ + { + "text": "useRef", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" } ] }, { "type": "frame", - "id": "n936", - "name": "Tag / 元素", + "id": "n1163", + "name": "Tag / 引用", "width": "fit_content", "height": 18.0, "layout": "horizontal", @@ -16228,11 +20125,11 @@ "children": [ { "type": "text", - "id": "n937", - "name": "元素", + "id": "n1164", + "name": "引用", "width": "fit_content", "height": "fit_content", - "content": "元素", + "content": "引用", "fontFamily": "PingFang SC", "fontSize": 11.0, "fontWeight": 500, @@ -16253,7 +20150,735 @@ }, { "type": "frame", - "id": "n938", + "id": "n1165", + "name": "Prop / 类型参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1166", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1167", + "name": "类型参数", + "width": "fit_content", + "height": "fit_content", + "content": "类型参数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1168", + "name": "HTMLDivElement", + "width": "fit_content", + "height": "fit_content", + "content": "HTMLDivElement", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#4ec9b0" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1169", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1170", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1171", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1172", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1173", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1174", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1175", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1176", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1177", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1178", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1179", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1180", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1181", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1182", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1183", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1184", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1185", + "name": "initialValue", + "width": "fit_content", + "height": "fit_content", + "content": "initialValue", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1186", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1187", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1188", + "name": "空", + "width": "fit_content", + "height": "fit_content", + "content": "空", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#b5cea8" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1189", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1190", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1191", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1192", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1193", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1194", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1195", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1196", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1197", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1198", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1199", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1200", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1201", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1202", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1203", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1204", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1205", + "name": "boxRef", + "width": "fit_content", + "height": "fit_content", + "content": "boxRef", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1206", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1207", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1208", + "name": "引用对象", + "width": "fit_content", + "height": "fit_content", + "content": "引用对象", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1209", "name": "Prop / 指向", "width": "fill_container", "height": "fit_content", @@ -16264,9 +20889,9 @@ "children": [ { "type": "frame", - "id": "n939", + "id": "n1210", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -16275,7 +20900,7 @@ "children": [ { "type": "text", - "id": "n940", + "id": "n1211", "name": "指向", "width": "fit_content", "height": "fit_content", @@ -16296,8 +20921,8 @@ }, { "type": "text", - "id": "n941", - "name": "
元素（HTMLDivElement）", + "id": "n1212", + "name": "
元素", "width": "fit_content", "height": "fit_content", "content": [ @@ -16306,15 +20931,7 @@ "fill": "#808080" }, { - "text": " 元素（", - "fill": "#cccccc" - }, - { - "text": "HTMLDivElement", - "fill": "#4ec9b0" - }, - { - "text": "）", + "text": " 元素", "fill": "#cccccc" } ], @@ -16334,71 +20951,7 @@ }, { "type": "frame", - "id": "n942", - "name": "Prop / 初始值", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n943", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n944", - "name": "初始值", - "width": "fit_content", - "height": "fit_content", - "content": "初始值", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n945", - "name": "空", - "width": "fit_content", - "height": "fit_content", - "content": "空", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#b5cea8" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n946", + "id": "n1213", "name": "Prop / 用在", "width": "fill_container", "height": "fit_content", @@ -16409,9 +20962,9 @@ "children": [ { "type": "frame", - "id": "n947", + "id": "n1214", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -16420,7 +20973,7 @@ "children": [ { "type": "text", - "id": "n948", + "id": "n1215", "name": "用在", "width": "fit_content", "height": "fit_content", @@ -16441,8 +20994,8 @@ }, { "type": "text", - "id": "n949", - "name": "
的 ref 属性；副作用「仅挂载时」", + "id": "n1216", + "name": "
的 ref 属性、副作用「仅挂载时」", "width": "fit_content", "height": "fit_content", "content": [ @@ -16451,7 +21004,7 @@ "fill": "#808080" }, { - "text": " 的 ref 属性；", + "text": " 的 ref 属性、", "fill": "#cccccc" }, { @@ -16478,7 +21031,7 @@ }, { "type": "frame", - "id": "n950", + "id": "n1217", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -16489,7 +21042,7 @@ "children": [ { "type": "frame", - "id": "n951", + "id": "n1218", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -16502,7 +21055,7 @@ "children": [ { "type": "icon_font", - "id": "n952", + "id": "n1219", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -16518,7 +21071,7 @@ }, { "type": "frame", - "id": "n953", + "id": "n1220", "name": "pencil", "width": 22.0, "height": 20.0, @@ -16531,7 +21084,7 @@ "children": [ { "type": "icon_font", - "id": "n954", + "id": "n1221", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -16559,7 +21112,7 @@ }, { "type": "frame", - "id": "n955", + "id": "n1222", "name": "Lines 29–29", "width": "fill_container", "height": "fit_content", @@ -16570,7 +21123,7 @@ "children": [ { "type": "frame", - "id": "n956", + "id": "n1223", "name": "Code", "width": 600.0, "height": "fill_container", @@ -16586,7 +21139,7 @@ "children": [ { "type": "frame", - "id": "n957", + "id": "n1224", "name": "Line 29", "width": "fill_container", "height": 20.0, @@ -16597,7 +21150,7 @@ "children": [ { "type": "frame", - "id": "n958", + "id": "n1225", "name": "Number", "width": 44.0, "height": 20.0, @@ -16609,7 +21162,7 @@ "children": [ { "type": "text", - "id": "n959", + "id": "n1226", "name": "29", "width": "fit_content", "height": "fit_content", @@ -16630,7 +21183,7 @@ }, { "type": "frame", - "id": "n960", + "id": "n1227", "name": "Margin", "width": 41.66, "height": 20.0, @@ -16638,7 +21191,7 @@ }, { "type": "text", - "id": "n961", + "id": "n1228", "name": "const timer = useRef()", "width": "fit_content", "height": "fit_content", @@ -16698,7 +21251,7 @@ }, { "type": "rectangle", - "id": "n962", + "id": "n1229", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -16712,7 +21265,7 @@ }, { "type": "frame", - "id": "n963", + "id": "n1230", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -16728,7 +21281,7 @@ "children": [ { "type": "frame", - "id": "n964", + "id": "n1231", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -16739,7 +21292,7 @@ "children": [ { "type": "frame", - "id": "n965", + "id": "n1232", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -16750,7 +21303,7 @@ "children": [ { "type": "rectangle", - "id": "n966", + "id": "n1233", "name": "Line", "width": 1.0, "height": "fill_container", @@ -16766,7 +21319,7 @@ }, { "type": "frame", - "id": "n967", + "id": "n1234", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -16782,8 +21335,8 @@ "children": [ { "type": "frame", - "id": "n968", - "name": "引用 / timer", + "id": "n1235", + "name": "钩子 / useRef · timer", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -16815,7 +21368,7 @@ "children": [ { "type": "frame", - "id": "n969", + "id": "n1236", "name": "Fold", "width": 14.0, "height": 20.0, @@ -16828,8 +21381,8 @@ }, { "type": "frame", - "id": "n970", - "name": "Kind / 引用", + "id": "n1237", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -16840,7 +21393,7 @@ "children": [ { "type": "icon_font", - "id": "n971", + "id": "n1238", "name": "anchor", "iconFontName": "anchor", "width": 16.0, @@ -16856,7 +21409,7 @@ }, { "type": "frame", - "id": "n972", + "id": "n1239", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -16866,8 +21419,8 @@ "children": [ { "type": "frame", - "id": "n973", - "name": "Prop / 名称", + "id": "n1240", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -16877,9 +21430,9 @@ "children": [ { "type": "frame", - "id": "n974", + "id": "n1241", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -16888,11 +21441,11 @@ "children": [ { "type": "text", - "id": "n975", - "name": "名称", + "id": "n1242", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -16909,7 +21462,7 @@ }, { "type": "frame", - "id": "n976", + "id": "n1243", "name": "Value", "width": "fill_container", "height": 20.0, @@ -16920,27 +21473,33 @@ "children": [ { "type": "text", - "id": "n977", - "name": "timer", + "id": "n1244", + "name": "useRef", "width": "fit_content", "height": "fit_content", - "content": "timer", + "content": [ + { + "text": "useRef", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" } ] }, { "type": "frame", - "id": "n978", - "name": "Tag / 可变值，改了不重新渲染", + "id": "n1245", + "name": "Tag / 引用", "width": "fit_content", "height": 18.0, "layout": "horizontal", @@ -16970,11 +21529,11 @@ "children": [ { "type": "text", - "id": "n979", - "name": "可变值，改了不重新渲染", + "id": "n1246", + "name": "引用", "width": "fit_content", "height": "fit_content", - "content": "可变值，改了不重新渲染", + "content": "引用", "fontFamily": "PingFang SC", "fontSize": 11.0, "fontWeight": 500, @@ -16995,8 +21554,8 @@ }, { "type": "frame", - "id": "n980", - "name": "Prop / 存的类型", + "id": "n1247", + "name": "Prop / 类型参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -17006,9 +21565,9 @@ "children": [ { "type": "frame", - "id": "n981", + "id": "n1248", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -17017,11 +21576,11 @@ "children": [ { "type": "text", - "id": "n982", - "name": "存的类型", + "id": "n1249", + "name": "类型参数", "width": "fit_content", "height": "fit_content", - "content": "存的类型", + "content": "类型参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -17038,7 +21597,7 @@ }, { "type": "text", - "id": "n983", + "id": "n1250", "name": "数值", "width": "fit_content", "height": "fit_content", @@ -17059,8 +21618,8 @@ }, { "type": "frame", - "id": "n984", - "name": "Prop / 初始值", + "id": "n1251", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -17070,22 +21629,36 @@ "children": [ { "type": "frame", - "id": "n985", + "id": "n1252", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1253", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n986", - "name": "初始值", + "id": "n1254", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "初始值", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -17102,12 +21675,12 @@ }, { "type": "text", - "id": "n987", - "name": "未定义", + "id": "n1255", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": "未定义", - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -17115,7 +21688,7 @@ "fill": [ { "type": "solid", - "color": "#b5cea8" + "color": "#9d9d9d" } ] } @@ -17123,7 +21696,602 @@ }, { "type": "frame", - "id": "n988", + "id": "n1256", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1257", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1258", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1259", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1260", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1261", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1262", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1263", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1264", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1265", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1266", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1267", + "name": "initialValue", + "width": "fit_content", + "height": "fit_content", + "content": "initialValue", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1268", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1269", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1270", + "name": "没写，未定义", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "没写，", + "fill": "#9d9d9d" + }, + { + "text": "未定义", + "fill": "#b5cea8" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1271", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1272", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1273", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1274", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1275", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1276", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1277", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1278", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1279", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1280", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1281", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1282", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1283", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1284", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1285", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1286", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1287", + "name": "timer", + "width": "fit_content", + "height": "fit_content", + "content": "timer", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1288", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1289", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1290", + "name": "引用对象", + "width": "fit_content", + "height": "fit_content", + "content": "引用对象", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1291", "name": "Prop / 写入", "width": "fill_container", "height": "fit_content", @@ -17134,9 +22302,9 @@ "children": [ { "type": "frame", - "id": "n989", + "id": "n1292", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -17145,7 +22313,7 @@ "children": [ { "type": "text", - "id": "n990", + "id": "n1293", "name": "写入", "width": "fit_content", "height": "fit_content", @@ -17166,7 +22334,7 @@ }, { "type": "text", - "id": "n991", + "id": "n1294", "name": "副作用「open 变化时」", "width": "fit_content", "height": "fit_content", @@ -17193,7 +22361,7 @@ }, { "type": "frame", - "id": "n992", + "id": "n1295", "name": "Prop / 读取", "width": "fill_container", "height": "fit_content", @@ -17204,9 +22372,9 @@ "children": [ { "type": "frame", - "id": "n993", + "id": "n1296", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -17215,7 +22383,7 @@ "children": [ { "type": "text", - "id": "n994", + "id": "n1297", "name": "读取", "width": "fit_content", "height": "fit_content", @@ -17236,7 +22404,7 @@ }, { "type": "text", - "id": "n995", + "id": "n1298", "name": "副作用「open 变化时」 的清理函数", "width": "fit_content", "height": "fit_content", @@ -17269,7 +22437,7 @@ }, { "type": "frame", - "id": "n996", + "id": "n1299", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -17280,7 +22448,7 @@ "children": [ { "type": "frame", - "id": "n997", + "id": "n1300", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -17293,7 +22461,7 @@ "children": [ { "type": "icon_font", - "id": "n998", + "id": "n1301", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -17309,7 +22477,7 @@ }, { "type": "frame", - "id": "n999", + "id": "n1302", "name": "pencil", "width": 22.0, "height": 20.0, @@ -17322,7 +22490,7 @@ "children": [ { "type": "icon_font", - "id": "n1000", + "id": "n1303", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -17350,7 +22518,7 @@ }, { "type": "frame", - "id": "n1001", + "id": "n1304", "name": "Lines 30–33", "width": "fill_container", "height": "fit_content", @@ -17361,7 +22529,7 @@ "children": [ { "type": "frame", - "id": "n1002", + "id": "n1305", "name": "Code", "width": 600.0, "height": "fill_container", @@ -17377,7 +22545,7 @@ "children": [ { "type": "frame", - "id": "n1003", + "id": "n1306", "name": "Line 30", "width": "fill_container", "height": 20.0, @@ -17388,7 +22556,7 @@ "children": [ { "type": "frame", - "id": "n1004", + "id": "n1307", "name": "Number", "width": 44.0, "height": 20.0, @@ -17400,7 +22568,7 @@ "children": [ { "type": "text", - "id": "n1005", + "id": "n1308", "name": "30", "width": "fit_content", "height": "fit_content", @@ -17421,7 +22589,7 @@ }, { "type": "frame", - "id": "n1006", + "id": "n1309", "name": "Margin", "width": 41.66, "height": 20.0, @@ -17429,7 +22597,7 @@ }, { "type": "text", - "id": "n1007", + "id": "n1310", "name": "const total = useMemo(() => {", "width": "fit_content", "height": "fit_content", @@ -17495,7 +22663,7 @@ }, { "type": "frame", - "id": "n1008", + "id": "n1311", "name": "Line 31", "width": "fill_container", "height": 20.0, @@ -17506,7 +22674,7 @@ "children": [ { "type": "frame", - "id": "n1009", + "id": "n1312", "name": "Number", "width": 44.0, "height": 20.0, @@ -17518,7 +22686,7 @@ "children": [ { "type": "text", - "id": "n1010", + "id": "n1313", "name": "31", "width": "fit_content", "height": "fit_content", @@ -17539,7 +22707,7 @@ }, { "type": "frame", - "id": "n1011", + "id": "n1314", "name": "Margin", "width": 57.32, "height": 20.0, @@ -17547,7 +22715,7 @@ }, { "type": "text", - "id": "n1012", + "id": "n1315", "name": "const sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -17597,7 +22765,7 @@ }, { "type": "frame", - "id": "n1013", + "id": "n1316", "name": "Line 32", "width": "fill_container", "height": 20.0, @@ -17608,7 +22776,7 @@ "children": [ { "type": "frame", - "id": "n1014", + "id": "n1317", "name": "Number", "width": 44.0, "height": 20.0, @@ -17620,7 +22788,7 @@ "children": [ { "type": "text", - "id": "n1015", + "id": "n1318", "name": "32", "width": "fit_content", "height": "fit_content", @@ -17641,7 +22809,7 @@ }, { "type": "frame", - "id": "n1016", + "id": "n1319", "name": "Margin", "width": 57.32, "height": 20.0, @@ -17649,7 +22817,7 @@ }, { "type": "text", - "id": "n1017", + "id": "n1320", "name": "return sum * 2", "width": "fit_content", "height": "fit_content", @@ -17691,7 +22859,7 @@ }, { "type": "frame", - "id": "n1018", + "id": "n1321", "name": "Line 33", "width": "fill_container", "height": 20.0, @@ -17702,7 +22870,7 @@ "children": [ { "type": "frame", - "id": "n1019", + "id": "n1322", "name": "Number", "width": 44.0, "height": 20.0, @@ -17714,7 +22882,7 @@ "children": [ { "type": "text", - "id": "n1020", + "id": "n1323", "name": "33", "width": "fit_content", "height": "fit_content", @@ -17735,7 +22903,7 @@ }, { "type": "frame", - "id": "n1021", + "id": "n1324", "name": "Margin", "width": 41.66, "height": 20.0, @@ -17743,7 +22911,7 @@ }, { "type": "text", - "id": "n1022", + "id": "n1325", "name": "}, [messages])", "width": "fit_content", "height": "fit_content", @@ -17791,7 +22959,7 @@ }, { "type": "rectangle", - "id": "n1023", + "id": "n1326", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -17805,7 +22973,7 @@ }, { "type": "frame", - "id": "n1024", + "id": "n1327", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -17821,7 +22989,7 @@ "children": [ { "type": "frame", - "id": "n1025", + "id": "n1328", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -17832,7 +23000,7 @@ "children": [ { "type": "frame", - "id": "n1026", + "id": "n1329", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -17843,7 +23011,7 @@ "children": [ { "type": "rectangle", - "id": "n1027", + "id": "n1330", "name": "Line", "width": 1.0, "height": "fill_container", @@ -17859,7 +23027,7 @@ }, { "type": "frame", - "id": "n1028", + "id": "n1331", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -17875,8 +23043,8 @@ "children": [ { "type": "frame", - "id": "n1029", - "name": "派生值 / total", + "id": "n1332", + "name": "钩子 / useMemo · total", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -17908,7 +23076,7 @@ "children": [ { "type": "frame", - "id": "n1030", + "id": "n1333", "name": "Fold", "width": 14.0, "height": 20.0, @@ -17920,7 +23088,7 @@ "children": [ { "type": "icon_font", - "id": "n1031", + "id": "n1334", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -17936,8 +23104,8 @@ }, { "type": "frame", - "id": "n1032", - "name": "Kind / 派生值", + "id": "n1335", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -17948,7 +23116,7 @@ "children": [ { "type": "icon_font", - "id": "n1033", + "id": "n1336", "name": "sigma", "iconFontName": "sigma", "width": 16.0, @@ -17964,7 +23132,7 @@ }, { "type": "frame", - "id": "n1034", + "id": "n1337", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -17974,8 +23142,8 @@ "children": [ { "type": "frame", - "id": "n1035", - "name": "Prop / 名称", + "id": "n1338", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -17985,9 +23153,9 @@ "children": [ { "type": "frame", - "id": "n1036", + "id": "n1339", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -17996,11 +23164,11 @@ "children": [ { "type": "text", - "id": "n1037", - "name": "名称", + "id": "n1340", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -18017,7 +23185,7 @@ }, { "type": "frame", - "id": "n1038", + "id": "n1341", "name": "Value", "width": "fill_container", "height": 20.0, @@ -18028,20 +23196,78 @@ "children": [ { "type": "text", - "id": "n1039", - "name": "total", + "id": "n1342", + "name": "useMemo", "width": "fit_content", "height": "fit_content", - "content": "total", + "content": [ + { + "text": "useMemo", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n1343", + "name": "Tag / 性能", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#38454c" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#5c7b8c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n1344", + "name": "性能", + "width": "fit_content", + "height": "fit_content", + "content": "性能", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] } ] } @@ -18051,8 +23277,8 @@ }, { "type": "frame", - "id": "n1040", - "name": "Prop / 计算", + "id": "n1345", + "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -18062,9 +23288,851 @@ "children": [ { "type": "frame", - "id": "n1041", + "id": "n1346", "name": "Key", - "width": 76.0, + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1347", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1348", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1349", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1350", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1351", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1352", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1353", + "name": "参数", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1354", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1355", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1356", + "name": "值", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1357", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1358", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1359", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1360", + "name": "参数", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1361", + "name": "factory", + "width": "fit_content", + "height": "fit_content", + "content": "factory", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1362", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1363", + "name": "值", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1364", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n1365", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1366", + "name": "函数 · 2 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " · 2 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1367", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1368", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1369", + "name": "参数", + "width": 74.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1370", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1371", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1372", + "name": "值", + "width": 531.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1373", + "name": "messages 变化时", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "messages", + "fill": "#9cdcfe" + }, + { + "text": " 变化时", + "fill": "#c586c0" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1374", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1375", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1376", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1377", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1378", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1379", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1380", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1381", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1382", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1383", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1384", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1385", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1386", + "name": "是什么", + "width": "fit_content", + "height": "fit_content", + "content": "是什么", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1387", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1388", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1389", + "name": "名称", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1390", + "name": "total", + "width": "fit_content", + "height": "fit_content", + "content": "total", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1391", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1392", + "name": "是什么", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1393", + "name": "算出的值", + "width": "fit_content", + "height": "fit_content", + "content": "算出的值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1394", + "name": "Prop / 算出", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1395", + "name": "Key", + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -18073,11 +24141,11 @@ "children": [ { "type": "text", - "id": "n1042", - "name": "计算", + "id": "n1396", + "name": "算出", "width": "fit_content", "height": "fit_content", - "content": "计算", + "content": "算出", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -18094,7 +24162,7 @@ }, { "type": "frame", - "id": "n1043", + "id": "n1397", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -18104,7 +24172,7 @@ "children": [ { "type": "text", - "id": "n1044", + "id": "n1398", "name": "sum * 2", "width": "fit_content", "height": "fit_content", @@ -18136,7 +24204,7 @@ }, { "type": "text", - "id": "n1045", + "id": "n1399", "name": "其中 sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -18156,85 +24224,12 @@ ] } ] - }, - { - "type": "frame", - "id": "n1046", - "name": "Prop / 重算时机", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1047", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1048", - "name": "重算时机", - "width": "fit_content", - "height": "fit_content", - "content": "重算时机", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n1049", - "name": "messages 变化时", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "messages", - "fill": "#9cdcfe" - }, - { - "text": " 变化时", - "fill": "#c586c0" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] } ] }, { "type": "frame", - "id": "n1050", + "id": "n1400", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -18245,7 +24240,7 @@ "children": [ { "type": "frame", - "id": "n1051", + "id": "n1401", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -18258,7 +24253,7 @@ "children": [ { "type": "icon_font", - "id": "n1052", + "id": "n1402", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -18274,7 +24269,7 @@ }, { "type": "frame", - "id": "n1053", + "id": "n1403", "name": "pencil", "width": 22.0, "height": 20.0, @@ -18287,7 +24282,7 @@ "children": [ { "type": "icon_font", - "id": "n1054", + "id": "n1404", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -18315,7 +24310,7 @@ }, { "type": "frame", - "id": "n1055", + "id": "n1405", "name": "Lines 34–37", "width": "fill_container", "height": "fit_content", @@ -18326,7 +24321,7 @@ "children": [ { "type": "frame", - "id": "n1056", + "id": "n1406", "name": "Code", "width": 600.0, "height": "fill_container", @@ -18342,7 +24337,7 @@ "children": [ { "type": "frame", - "id": "n1057", + "id": "n1407", "name": "Line 34", "width": "fill_container", "height": 20.0, @@ -18353,7 +24348,7 @@ "children": [ { "type": "frame", - "id": "n1058", + "id": "n1408", "name": "Number", "width": 44.0, "height": 20.0, @@ -18365,7 +24360,7 @@ "children": [ { "type": "text", - "id": "n1059", + "id": "n1409", "name": "34", "width": "fit_content", "height": "fit_content", @@ -18386,7 +24381,7 @@ }, { "type": "frame", - "id": "n1060", + "id": "n1410", "name": "Margin", "width": 41.66, "height": 20.0, @@ -18394,7 +24389,7 @@ }, { "type": "text", - "id": "n1061", + "id": "n1411", "name": "const toggle = useCallback((next: boolea", "width": "fit_content", "height": "fit_content", @@ -18476,7 +24471,7 @@ }, { "type": "frame", - "id": "n1062", + "id": "n1412", "name": "Line 35", "width": "fill_container", "height": 20.0, @@ -18487,7 +24482,7 @@ "children": [ { "type": "frame", - "id": "n1063", + "id": "n1413", "name": "Number", "width": 44.0, "height": 20.0, @@ -18499,7 +24494,7 @@ "children": [ { "type": "text", - "id": "n1064", + "id": "n1414", "name": "35", "width": "fit_content", "height": "fit_content", @@ -18520,7 +24515,7 @@ }, { "type": "frame", - "id": "n1065", + "id": "n1415", "name": "Margin", "width": 57.32, "height": 20.0, @@ -18528,7 +24523,7 @@ }, { "type": "text", - "id": "n1066", + "id": "n1416", "name": "setOpen(next)", "width": "fit_content", "height": "fit_content", @@ -18566,7 +24561,7 @@ }, { "type": "frame", - "id": "n1067", + "id": "n1417", "name": "Line 36", "width": "fill_container", "height": 20.0, @@ -18577,7 +24572,7 @@ "children": [ { "type": "frame", - "id": "n1068", + "id": "n1418", "name": "Number", "width": 44.0, "height": 20.0, @@ -18589,7 +24584,7 @@ "children": [ { "type": "text", - "id": "n1069", + "id": "n1419", "name": "36", "width": "fit_content", "height": "fit_content", @@ -18610,7 +24605,7 @@ }, { "type": "frame", - "id": "n1070", + "id": "n1420", "name": "Margin", "width": 57.32, "height": 20.0, @@ -18618,7 +24613,7 @@ }, { "type": "text", - "id": "n1071", + "id": "n1421", "name": "dispatch({ type: 'add' })", "width": "fit_content", "height": "fit_content", @@ -18680,7 +24675,7 @@ }, { "type": "frame", - "id": "n1072", + "id": "n1422", "name": "Line 37", "width": "fill_container", "height": 20.0, @@ -18691,7 +24686,7 @@ "children": [ { "type": "frame", - "id": "n1073", + "id": "n1423", "name": "Number", "width": 44.0, "height": 20.0, @@ -18703,7 +24698,7 @@ "children": [ { "type": "text", - "id": "n1074", + "id": "n1424", "name": "37", "width": "fit_content", "height": "fit_content", @@ -18724,7 +24719,7 @@ }, { "type": "frame", - "id": "n1075", + "id": "n1425", "name": "Margin", "width": 41.66, "height": 20.0, @@ -18732,7 +24727,7 @@ }, { "type": "text", - "id": "n1076", + "id": "n1426", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -18772,7 +24767,7 @@ }, { "type": "rectangle", - "id": "n1077", + "id": "n1427", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -18786,7 +24781,7 @@ }, { "type": "frame", - "id": "n1078", + "id": "n1428", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -18802,7 +24797,7 @@ "children": [ { "type": "frame", - "id": "n1079", + "id": "n1429", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -18813,7 +24808,7 @@ "children": [ { "type": "frame", - "id": "n1080", + "id": "n1430", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -18824,7 +24819,7 @@ "children": [ { "type": "rectangle", - "id": "n1081", + "id": "n1431", "name": "Line", "width": 1.0, "height": "fill_container", @@ -18840,7 +24835,7 @@ }, { "type": "frame", - "id": "n1082", + "id": "n1432", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -18856,8 +24851,8 @@ "children": [ { "type": "frame", - "id": "n1083", - "name": "回调函数 / toggle", + "id": "n1433", + "name": "钩子 / useCallback · toggle", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -18874,7 +24869,7 @@ "fill": [ { "type": "solid", - "color": "#2c2c29" + "color": "#282c2f" } ], "stroke": { @@ -18882,14 +24877,14 @@ "fill": [ { "type": "solid", - "color": "#616150" + "color": "#4b616d" } ] }, "children": [ { "type": "frame", - "id": "n1084", + "id": "n1434", "name": "Fold", "width": 14.0, "height": 20.0, @@ -18901,7 +24896,7 @@ "children": [ { "type": "icon_font", - "id": "n1085", + "id": "n1435", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -18917,8 +24912,8 @@ }, { "type": "frame", - "id": "n1086", - "name": "Kind / 回调函数", + "id": "n1436", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -18929,15 +24924,15 @@ "children": [ { "type": "icon_font", - "id": "n1087", - "name": "square-function", - "iconFontName": "square-function", + "id": "n1437", + "name": "sigma", + "iconFontName": "sigma", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#dcdcaa" + "color": "#9cdcfe" } ] } @@ -18945,7 +24940,7 @@ }, { "type": "frame", - "id": "n1088", + "id": "n1438", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -18955,8 +24950,8 @@ "children": [ { "type": "frame", - "id": "n1089", - "name": "Prop / 名称", + "id": "n1439", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -18966,9 +24961,9 @@ "children": [ { "type": "frame", - "id": "n1090", + "id": "n1440", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 0.0, @@ -18977,11 +24972,11 @@ "children": [ { "type": "text", - "id": "n1091", - "name": "名称", + "id": "n1441", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -18998,7 +24993,7 @@ }, { "type": "frame", - "id": "n1092", + "id": "n1442", "name": "Value", "width": "fill_container", "height": 20.0, @@ -19009,27 +25004,33 @@ "children": [ { "type": "text", - "id": "n1093", - "name": "toggle", + "id": "n1443", + "name": "useCallback", "width": "fit_content", "height": "fit_content", - "content": "toggle", + "content": [ + { + "text": "useCallback", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], "fontFamily": "Menlo", "fontSize": 13.0, - "fontWeight": 600, + "fontWeight": 400, "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#dcdcaa" + "color": "#cccccc" } ] }, { "type": "frame", - "id": "n1094", - "name": "Tag / 记忆化", + "id": "n1444", + "name": "Tag / 性能", "width": "fit_content", "height": 18.0, "layout": "horizontal", @@ -19044,7 +25045,7 @@ "fill": [ { "type": "solid", - "color": "#45453b" + "color": "#38454c" } ], "stroke": { @@ -19052,18 +25053,18 @@ "fill": [ { "type": "solid", - "color": "#7b7b63" + "color": "#5c7b8c" } ] }, "children": [ { "type": "text", - "id": "n1095", - "name": "记忆化", + "id": "n1445", + "name": "性能", "width": "fit_content", "height": "fit_content", - "content": "记忆化", + "content": "性能", "fontFamily": "PingFang SC", "fontSize": 11.0, "fontWeight": 500, @@ -19072,7 +25073,7 @@ "fill": [ { "type": "solid", - "color": "#dcdcaa" + "color": "#9cdcfe" } ] } @@ -19084,7 +25085,7 @@ }, { "type": "frame", - "id": "n1096", + "id": "n1446", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -19095,9 +25096,9 @@ "children": [ { "type": "frame", - "id": "n1097", + "id": "n1447", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -19106,7 +25107,7 @@ "children": [ { "type": "icon_font", - "id": "n1098", + "id": "n1448", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -19120,7 +25121,7 @@ }, { "type": "text", - "id": "n1099", + "id": "n1449", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -19141,7 +25142,528 @@ }, { "type": "text", - "id": "n1100", + "id": "n1450", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1451", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1452", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1453", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#333739" + } + ], + "children": [ + { + "type": "frame", + "id": "n1454", + "name": "参数", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1455", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1456", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1457", + "name": "值", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1458", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1459", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1460", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1461", + "name": "参数", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1462", + "name": "callback", + "width": "fit_content", + "height": "fit_content", + "content": "callback", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1463", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1464", + "name": "值", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1465", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n1466", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1467", + "name": "函数 (next: 布尔) · 2 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " (", + "fill": "#cccccc" + }, + { + "text": "next", + "fill": "#9cdcfe" + }, + { + "text": ": ", + "fill": "#cccccc" + }, + { + "text": "布尔", + "fill": "#4ec9b0" + }, + { + "text": ")", + "fill": "#cccccc" + }, + { + "text": " · 2 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1468", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1469", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1470", + "name": "参数", + "width": 82.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1471", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1472", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1473", + "name": "值", + "width": 523.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1474", + "name": "仅挂载时", + "width": "fit_content", + "height": "fit_content", + "content": "仅挂载时", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#c586c0" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1475", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1476", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1477", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1478", + "name": "返回", + "width": "fit_content", + "height": "fit_content", + "content": "返回", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1479", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -19162,7 +25684,7 @@ }, { "type": "frame", - "id": "n1101", + "id": "n1480", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -19178,7 +25700,7 @@ "children": [ { "type": "frame", - "id": "n1102", + "id": "n1481", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -19198,7 +25720,7 @@ "children": [ { "type": "frame", - "id": "n1103", + "id": "n1482", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -19209,15 +25731,15 @@ "fill": [ { "type": "solid", - "color": "#373734" + "color": "#333739" } ], "children": [ { "type": "frame", - "id": "n1104", + "id": "n1483", "name": "名称", - "width": 50.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19229,7 +25751,7 @@ "children": [ { "type": "text", - "id": "n1105", + "id": "n1484", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -19250,7 +25772,7 @@ }, { "type": "rectangle", - "id": "n1106", + "id": "n1485", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19264,9 +25786,9 @@ }, { "type": "frame", - "id": "n1107", - "name": "类型", - "width": 555.0, + "id": "n1486", + "name": "是什么", + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19278,11 +25800,11 @@ "children": [ { "type": "text", - "id": "n1108", - "name": "类型", + "id": "n1487", + "name": "是什么", "width": "fit_content", "height": "fit_content", - "content": "类型", + "content": "是什么", "fontFamily": "PingFang SC", "fontSize": 12.0, "fontWeight": 400, @@ -19301,7 +25823,7 @@ }, { "type": "rectangle", - "id": "n1109", + "id": "n1488", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19315,7 +25837,7 @@ }, { "type": "frame", - "id": "n1110", + "id": "n1489", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19326,9 +25848,9 @@ "children": [ { "type": "frame", - "id": "n1111", + "id": "n1490", "name": "名称", - "width": 50.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19340,11 +25862,11 @@ "children": [ { "type": "text", - "id": "n1112", - "name": "next", + "id": "n1491", + "name": "toggle", "width": "fit_content", "height": "fit_content", - "content": "next", + "content": "toggle", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -19353,7 +25875,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#dcdcaa" } ] } @@ -19361,7 +25883,7 @@ }, { "type": "rectangle", - "id": "n1113", + "id": "n1492", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19375,9 +25897,9 @@ }, { "type": "frame", - "id": "n1114", - "name": "类型", - "width": 555.0, + "id": "n1493", + "name": "是什么", + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19389,12 +25911,12 @@ "children": [ { "type": "text", - "id": "n1115", - "name": "布尔", + "id": "n1494", + "name": "记住的函数", "width": "fit_content", "height": "fit_content", - "content": "布尔", - "fontFamily": "Menlo", + "content": "记住的函数", + "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, "lineHeight": 1.6, @@ -19402,7 +25924,7 @@ "fill": [ { "type": "solid", - "color": "#4ec9b0" + "color": "#cccccc" } ] } @@ -19416,7 +25938,7 @@ }, { "type": "frame", - "id": "n1116", + "id": "n1495", "name": "Prop / 调用位置", "width": "fill_container", "height": "fit_content", @@ -19427,9 +25949,9 @@ "children": [ { "type": "frame", - "id": "n1117", + "id": "n1496", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -19438,7 +25960,7 @@ "children": [ { "type": "text", - "id": "n1118", + "id": "n1497", "name": "调用位置", "width": "fit_content", "height": "fit_content", @@ -19459,7 +25981,7 @@ }, { "type": "text", - "id": "n1119", + "id": "n1498", "name": "handleClick", "width": "fit_content", "height": "fit_content", @@ -19483,85 +26005,12 @@ ] } ] - }, - { - "type": "frame", - "id": "n1120", - "name": "Prop / 重建时机", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1121", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1122", - "name": "重建时机", - "width": "fit_content", - "height": "fit_content", - "content": "重建时机", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n1123", - "name": "不重建（依赖为空）", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "不重建", - "fill": "#c586c0" - }, - { - "text": "（依赖为空）", - "fill": "#9d9d9d" - } - ], - "fontFamily": "PingFang SC", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] } ] }, { "type": "frame", - "id": "n1124", + "id": "n1499", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -19572,7 +26021,7 @@ "children": [ { "type": "frame", - "id": "n1125", + "id": "n1500", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -19585,7 +26034,7 @@ "children": [ { "type": "icon_font", - "id": "n1126", + "id": "n1501", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -19601,7 +26050,7 @@ }, { "type": "frame", - "id": "n1127", + "id": "n1502", "name": "pencil", "width": 22.0, "height": 20.0, @@ -19614,7 +26063,7 @@ "children": [ { "type": "icon_font", - "id": "n1128", + "id": "n1503", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -19642,7 +26091,7 @@ }, { "type": "frame", - "id": "n1129", + "id": "n1504", "name": "Lines 38–41", "width": "fill_container", "height": "fit_content", @@ -19653,7 +26102,7 @@ "children": [ { "type": "frame", - "id": "n1130", + "id": "n1505", "name": "Code", "width": 600.0, "height": "fill_container", @@ -19669,7 +26118,7 @@ "children": [ { "type": "frame", - "id": "n1131", + "id": "n1506", "name": "Line 38", "width": "fill_container", "height": 20.0, @@ -19680,7 +26129,7 @@ "children": [ { "type": "frame", - "id": "n1132", + "id": "n1507", "name": "Number", "width": 44.0, "height": 20.0, @@ -19692,7 +26141,7 @@ "children": [ { "type": "text", - "id": "n1133", + "id": "n1508", "name": "38", "width": "fit_content", "height": "fit_content", @@ -19713,7 +26162,7 @@ }, { "type": "frame", - "id": "n1134", + "id": "n1509", "name": "Margin", "width": 41.66, "height": 20.0, @@ -19721,7 +26170,7 @@ }, { "type": "text", - "id": "n1135", + "id": "n1510", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -19771,7 +26220,7 @@ }, { "type": "frame", - "id": "n1136", + "id": "n1511", "name": "Line 39", "width": "fill_container", "height": 20.0, @@ -19782,7 +26231,7 @@ "children": [ { "type": "frame", - "id": "n1137", + "id": "n1512", "name": "Number", "width": 44.0, "height": 20.0, @@ -19794,7 +26243,7 @@ "children": [ { "type": "text", - "id": "n1138", + "id": "n1513", "name": "39", "width": "fit_content", "height": "fit_content", @@ -19815,7 +26264,7 @@ }, { "type": "frame", - "id": "n1139", + "id": "n1514", "name": "Margin", "width": 57.32, "height": 20.0, @@ -19823,7 +26272,7 @@ }, { "type": "text", - "id": "n1140", + "id": "n1515", "name": "timer.current = window.setTimeout(() => ", "width": "fit_content", "height": "fit_content", @@ -19921,7 +26370,7 @@ }, { "type": "frame", - "id": "n1141", + "id": "n1516", "name": "Line 40", "width": "fill_container", "height": 20.0, @@ -19932,7 +26381,7 @@ "children": [ { "type": "frame", - "id": "n1142", + "id": "n1517", "name": "Number", "width": 44.0, "height": 20.0, @@ -19944,7 +26393,7 @@ "children": [ { "type": "text", - "id": "n1143", + "id": "n1518", "name": "40", "width": "fit_content", "height": "fit_content", @@ -19965,7 +26414,7 @@ }, { "type": "frame", - "id": "n1144", + "id": "n1519", "name": "Margin", "width": 57.32, "height": 20.0, @@ -19973,7 +26422,7 @@ }, { "type": "text", - "id": "n1145", + "id": "n1520", "name": "return () => clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -20043,7 +26492,7 @@ }, { "type": "frame", - "id": "n1146", + "id": "n1521", "name": "Line 41", "width": "fill_container", "height": 20.0, @@ -20054,7 +26503,7 @@ "children": [ { "type": "frame", - "id": "n1147", + "id": "n1522", "name": "Number", "width": 44.0, "height": 20.0, @@ -20066,7 +26515,7 @@ "children": [ { "type": "text", - "id": "n1148", + "id": "n1523", "name": "41", "width": "fit_content", "height": "fit_content", @@ -20087,7 +26536,7 @@ }, { "type": "frame", - "id": "n1149", + "id": "n1524", "name": "Margin", "width": 41.66, "height": 20.0, @@ -20095,7 +26544,7 @@ }, { "type": "text", - "id": "n1150", + "id": "n1525", "name": "}, [open])", "width": "fit_content", "height": "fit_content", @@ -20143,7 +26592,7 @@ }, { "type": "rectangle", - "id": "n1151", + "id": "n1526", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -20157,7 +26606,7 @@ }, { "type": "frame", - "id": "n1152", + "id": "n1527", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -20173,7 +26622,7 @@ "children": [ { "type": "frame", - "id": "n1153", + "id": "n1528", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -20184,7 +26633,7 @@ "children": [ { "type": "frame", - "id": "n1154", + "id": "n1529", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -20195,7 +26644,7 @@ "children": [ { "type": "rectangle", - "id": "n1155", + "id": "n1530", "name": "Line", "width": 1.0, "height": "fill_container", @@ -20211,7 +26660,7 @@ }, { "type": "frame", - "id": "n1156", + "id": "n1531", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -20227,8 +26676,8 @@ "children": [ { "type": "frame", - "id": "n1157", - "name": "副作用 / open 变化时", + "id": "n1532", + "name": "钩子 / useEffect · open 变化时", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -20260,7 +26709,7 @@ "children": [ { "type": "frame", - "id": "n1158", + "id": "n1533", "name": "Fold", "width": 14.0, "height": 20.0, @@ -20272,7 +26721,7 @@ "children": [ { "type": "icon_font", - "id": "n1159", + "id": "n1534", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -20288,8 +26737,8 @@ }, { "type": "frame", - "id": "n1160", - "name": "Kind / 副作用", + "id": "n1535", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -20300,7 +26749,7 @@ "children": [ { "type": "icon_font", - "id": "n1161", + "id": "n1536", "name": "zap", "iconFontName": "zap", "width": 16.0, @@ -20316,7 +26765,7 @@ }, { "type": "frame", - "id": "n1162", + "id": "n1537", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -20326,8 +26775,8 @@ "children": [ { "type": "frame", - "id": "n1163", - "name": "Prop / 触发时机", + "id": "n1538", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -20337,22 +26786,171 @@ "children": [ { "type": "frame", - "id": "n1164", + "id": "n1539", "name": "Key", - "width": 76.0, + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1540", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1541", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1542", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n1543", + "name": "Tag / 副作用", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#473f31" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#806e4c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n1544", + "name": "副作用", + "width": "fit_content", + "height": "fit_content", + "content": "副作用", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#e5c07b" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1545", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1546", + "name": "Key", + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1547", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1165", - "name": "触发时机", + "id": "n1548", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "触发时机", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -20369,21 +26967,12 @@ }, { "type": "text", - "id": "n1166", - "name": "open 变化时", + "id": "n1549", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "open", - "fill": "#9cdcfe" - }, - { - "text": " 变化时", - "fill": "#c586c0" - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -20391,7 +26980,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -20399,7 +26988,439 @@ }, { "type": "frame", - "id": "n1167", + "id": "n1550", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1551", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1552", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#383530" + } + ], + "children": [ + { + "type": "frame", + "id": "n1553", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1554", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1555", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1556", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1557", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1558", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1559", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1560", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1561", + "name": "setup", + "width": "fit_content", + "height": "fit_content", + "content": "setup", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1562", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1563", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1564", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n1565", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1566", + "name": "函数 · 2 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " · 2 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1567", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1568", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1569", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1570", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1571", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1572", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1573", + "name": "open 变化时", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "open", + "fill": "#9cdcfe" + }, + { + "text": " 变化时", + "fill": "#c586c0" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1574", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -20410,9 +27431,9 @@ "children": [ { "type": "frame", - "id": "n1168", + "id": "n1575", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -20421,7 +27442,7 @@ "children": [ { "type": "text", - "id": "n1169", + "id": "n1576", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -20442,7 +27463,7 @@ }, { "type": "text", - "id": "n1170", + "id": "n1577", "name": "open、timer", "width": "fit_content", "height": "fit_content", @@ -20476,7 +27497,7 @@ }, { "type": "frame", - "id": "n1171", + "id": "n1578", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -20487,9 +27508,9 @@ "children": [ { "type": "frame", - "id": "n1172", + "id": "n1579", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -20498,7 +27519,7 @@ "children": [ { "type": "text", - "id": "n1173", + "id": "n1580", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -20519,7 +27540,7 @@ }, { "type": "text", - "id": "n1174", + "id": "n1581", "name": "状态 open（1 秒后设为 假）、引用 timer", "width": "fit_content", "height": "fit_content", @@ -20565,7 +27586,7 @@ }, { "type": "frame", - "id": "n1175", + "id": "n1582", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -20576,9 +27597,9 @@ "children": [ { "type": "frame", - "id": "n1176", + "id": "n1583", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -20587,7 +27608,7 @@ "children": [ { "type": "text", - "id": "n1177", + "id": "n1584", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -20608,7 +27629,7 @@ }, { "type": "text", - "id": "n1178", + "id": "n1585", "name": "clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -20656,7 +27677,7 @@ }, { "type": "frame", - "id": "n1179", + "id": "n1586", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -20667,7 +27688,7 @@ "children": [ { "type": "frame", - "id": "n1180", + "id": "n1587", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -20680,7 +27701,7 @@ "children": [ { "type": "icon_font", - "id": "n1181", + "id": "n1588", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -20696,7 +27717,7 @@ }, { "type": "frame", - "id": "n1182", + "id": "n1589", "name": "pencil", "width": 22.0, "height": 20.0, @@ -20709,7 +27730,7 @@ "children": [ { "type": "icon_font", - "id": "n1183", + "id": "n1590", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -20737,7 +27758,7 @@ }, { "type": "frame", - "id": "n1184", + "id": "n1591", "name": "Lines 42–44", "width": "fill_container", "height": "fit_content", @@ -20748,7 +27769,7 @@ "children": [ { "type": "frame", - "id": "n1185", + "id": "n1592", "name": "Code", "width": 600.0, "height": "fill_container", @@ -20764,7 +27785,7 @@ "children": [ { "type": "frame", - "id": "n1186", + "id": "n1593", "name": "Line 42", "width": "fill_container", "height": 20.0, @@ -20775,7 +27796,7 @@ "children": [ { "type": "frame", - "id": "n1187", + "id": "n1594", "name": "Number", "width": 44.0, "height": 20.0, @@ -20787,7 +27808,7 @@ "children": [ { "type": "text", - "id": "n1188", + "id": "n1595", "name": "42", "width": "fit_content", "height": "fit_content", @@ -20808,7 +27829,7 @@ }, { "type": "frame", - "id": "n1189", + "id": "n1596", "name": "Margin", "width": 41.66, "height": 20.0, @@ -20816,7 +27837,7 @@ }, { "type": "text", - "id": "n1190", + "id": "n1597", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -20866,7 +27887,7 @@ }, { "type": "frame", - "id": "n1191", + "id": "n1598", "name": "Line 43", "width": "fill_container", "height": 20.0, @@ -20877,7 +27898,7 @@ "children": [ { "type": "frame", - "id": "n1192", + "id": "n1599", "name": "Number", "width": 44.0, "height": 20.0, @@ -20889,7 +27910,7 @@ "children": [ { "type": "text", - "id": "n1193", + "id": "n1600", "name": "43", "width": "fit_content", "height": "fit_content", @@ -20910,7 +27931,7 @@ }, { "type": "frame", - "id": "n1194", + "id": "n1601", "name": "Margin", "width": 57.32, "height": 20.0, @@ -20918,7 +27939,7 @@ }, { "type": "text", - "id": "n1195", + "id": "n1602", "name": "document.title = String(total)", "width": "fit_content", "height": "fit_content", @@ -20972,7 +27993,7 @@ }, { "type": "frame", - "id": "n1196", + "id": "n1603", "name": "Line 44", "width": "fill_container", "height": 20.0, @@ -20983,7 +28004,7 @@ "children": [ { "type": "frame", - "id": "n1197", + "id": "n1604", "name": "Number", "width": 44.0, "height": 20.0, @@ -20995,7 +28016,7 @@ "children": [ { "type": "text", - "id": "n1198", + "id": "n1605", "name": "44", "width": "fit_content", "height": "fit_content", @@ -21016,7 +28037,7 @@ }, { "type": "frame", - "id": "n1199", + "id": "n1606", "name": "Margin", "width": 41.66, "height": 20.0, @@ -21024,7 +28045,7 @@ }, { "type": "text", - "id": "n1200", + "id": "n1607", "name": "})", "width": "fit_content", "height": "fit_content", @@ -21056,7 +28077,7 @@ }, { "type": "rectangle", - "id": "n1201", + "id": "n1608", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -21070,7 +28091,7 @@ }, { "type": "frame", - "id": "n1202", + "id": "n1609", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -21086,7 +28107,7 @@ "children": [ { "type": "frame", - "id": "n1203", + "id": "n1610", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -21097,7 +28118,7 @@ "children": [ { "type": "frame", - "id": "n1204", + "id": "n1611", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -21108,7 +28129,7 @@ "children": [ { "type": "rectangle", - "id": "n1205", + "id": "n1612", "name": "Line", "width": 1.0, "height": "fill_container", @@ -21124,7 +28145,7 @@ }, { "type": "frame", - "id": "n1206", + "id": "n1613", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -21140,8 +28161,8 @@ "children": [ { "type": "frame", - "id": "n1207", - "name": "副作用 / 每次渲染后", + "id": "n1614", + "name": "钩子 / useEffect · 每次渲染后", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -21173,7 +28194,7 @@ "children": [ { "type": "frame", - "id": "n1208", + "id": "n1615", "name": "Fold", "width": 14.0, "height": 20.0, @@ -21185,7 +28206,7 @@ "children": [ { "type": "icon_font", - "id": "n1209", + "id": "n1616", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -21201,8 +28222,8 @@ }, { "type": "frame", - "id": "n1210", - "name": "Kind / 副作用", + "id": "n1617", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -21213,7 +28234,7 @@ "children": [ { "type": "icon_font", - "id": "n1211", + "id": "n1618", "name": "zap", "iconFontName": "zap", "width": 16.0, @@ -21229,7 +28250,7 @@ }, { "type": "frame", - "id": "n1212", + "id": "n1619", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -21239,8 +28260,8 @@ "children": [ { "type": "frame", - "id": "n1213", - "name": "Prop / 触发时机", + "id": "n1620", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -21250,22 +28271,171 @@ "children": [ { "type": "frame", - "id": "n1214", + "id": "n1621", "name": "Key", - "width": 76.0, + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1622", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1623", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1624", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n1625", + "name": "Tag / 副作用", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#473f31" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#806e4c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n1626", + "name": "副作用", + "width": "fit_content", + "height": "fit_content", + "content": "副作用", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#e5c07b" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1627", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1628", + "name": "Key", + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1629", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1215", - "name": "触发时机", + "id": "n1630", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "触发时机", + "content": "参数", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -21282,11 +28452,11 @@ }, { "type": "text", - "id": "n1216", - "name": "每次渲染后", + "id": "n1631", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": "每次渲染后", + "content": "2 个", "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, @@ -21295,7 +28465,7 @@ "fill": [ { "type": "solid", - "color": "#c586c0" + "color": "#9d9d9d" } ] } @@ -21303,7 +28473,439 @@ }, { "type": "frame", - "id": "n1217", + "id": "n1632", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1633", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1634", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#383530" + } + ], + "children": [ + { + "type": "frame", + "id": "n1635", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1636", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1637", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1638", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1639", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1640", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1641", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1642", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1643", + "name": "setup", + "width": "fit_content", + "height": "fit_content", + "content": "setup", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1644", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1645", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1646", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n1647", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1648", + "name": "函数 · 1 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " · 1 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1649", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1650", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1651", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1652", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1653", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1654", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1655", + "name": "没写，每次渲染后", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "没写，", + "fill": "#9d9d9d" + }, + { + "text": "每次渲染后", + "fill": "#c586c0" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1656", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -21314,9 +28916,9 @@ "children": [ { "type": "frame", - "id": "n1218", + "id": "n1657", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -21325,7 +28927,7 @@ "children": [ { "type": "text", - "id": "n1219", + "id": "n1658", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -21346,7 +28948,7 @@ }, { "type": "text", - "id": "n1220", + "id": "n1659", "name": "total", "width": "fit_content", "height": "fit_content", @@ -21367,7 +28969,7 @@ }, { "type": "frame", - "id": "n1221", + "id": "n1660", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -21378,9 +28980,9 @@ "children": [ { "type": "frame", - "id": "n1222", + "id": "n1661", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -21389,7 +28991,7 @@ "children": [ { "type": "text", - "id": "n1223", + "id": "n1662", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -21410,7 +29012,7 @@ }, { "type": "text", - "id": "n1224", + "id": "n1663", "name": "document.title", "width": "fit_content", "height": "fit_content", @@ -21446,7 +29048,7 @@ }, { "type": "frame", - "id": "n1225", + "id": "n1664", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -21457,7 +29059,7 @@ "children": [ { "type": "frame", - "id": "n1226", + "id": "n1665", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -21470,7 +29072,7 @@ "children": [ { "type": "icon_font", - "id": "n1227", + "id": "n1666", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -21486,7 +29088,7 @@ }, { "type": "frame", - "id": "n1228", + "id": "n1667", "name": "pencil", "width": 22.0, "height": 20.0, @@ -21499,7 +29101,7 @@ "children": [ { "type": "icon_font", - "id": "n1229", + "id": "n1668", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -21527,7 +29129,7 @@ }, { "type": "frame", - "id": "n1230", + "id": "n1669", "name": "Lines 45–47", "width": "fill_container", "height": "fit_content", @@ -21538,7 +29140,7 @@ "children": [ { "type": "frame", - "id": "n1231", + "id": "n1670", "name": "Code", "width": 600.0, "height": "fill_container", @@ -21554,7 +29156,7 @@ "children": [ { "type": "frame", - "id": "n1232", + "id": "n1671", "name": "Line 45", "width": "fill_container", "height": 20.0, @@ -21565,7 +29167,7 @@ "children": [ { "type": "frame", - "id": "n1233", + "id": "n1672", "name": "Number", "width": 44.0, "height": 20.0, @@ -21577,7 +29179,7 @@ "children": [ { "type": "text", - "id": "n1234", + "id": "n1673", "name": "45", "width": "fit_content", "height": "fit_content", @@ -21598,7 +29200,7 @@ }, { "type": "frame", - "id": "n1235", + "id": "n1674", "name": "Margin", "width": 41.66, "height": 20.0, @@ -21606,7 +29208,7 @@ }, { "type": "text", - "id": "n1236", + "id": "n1675", "name": "useLayoutEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -21656,7 +29258,7 @@ }, { "type": "frame", - "id": "n1237", + "id": "n1676", "name": "Line 46", "width": "fill_container", "height": 20.0, @@ -21667,7 +29269,7 @@ "children": [ { "type": "frame", - "id": "n1238", + "id": "n1677", "name": "Number", "width": 44.0, "height": 20.0, @@ -21679,7 +29281,7 @@ "children": [ { "type": "text", - "id": "n1239", + "id": "n1678", "name": "46", "width": "fit_content", "height": "fit_content", @@ -21700,7 +29302,7 @@ }, { "type": "frame", - "id": "n1240", + "id": "n1679", "name": "Margin", "width": 57.32, "height": 20.0, @@ -21708,7 +29310,7 @@ }, { "type": "text", - "id": "n1241", + "id": "n1680", "name": "boxRef.current?.scrollTo(0, 0)", "width": "fit_content", "height": "fit_content", @@ -21770,7 +29372,7 @@ }, { "type": "frame", - "id": "n1242", + "id": "n1681", "name": "Line 47", "width": "fill_container", "height": 20.0, @@ -21781,7 +29383,7 @@ "children": [ { "type": "frame", - "id": "n1243", + "id": "n1682", "name": "Number", "width": 44.0, "height": 20.0, @@ -21793,7 +29395,7 @@ "children": [ { "type": "text", - "id": "n1244", + "id": "n1683", "name": "47", "width": "fit_content", "height": "fit_content", @@ -21814,7 +29416,7 @@ }, { "type": "frame", - "id": "n1245", + "id": "n1684", "name": "Margin", "width": 41.66, "height": 20.0, @@ -21822,7 +29424,7 @@ }, { "type": "text", - "id": "n1246", + "id": "n1685", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -21862,7 +29464,7 @@ }, { "type": "rectangle", - "id": "n1247", + "id": "n1686", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -21876,7 +29478,7 @@ }, { "type": "frame", - "id": "n1248", + "id": "n1687", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -21892,7 +29494,7 @@ "children": [ { "type": "frame", - "id": "n1249", + "id": "n1688", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -21903,7 +29505,7 @@ "children": [ { "type": "frame", - "id": "n1250", + "id": "n1689", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -21914,7 +29516,7 @@ "children": [ { "type": "rectangle", - "id": "n1251", + "id": "n1690", "name": "Line", "width": 1.0, "height": "fill_container", @@ -21930,7 +29532,7 @@ }, { "type": "frame", - "id": "n1252", + "id": "n1691", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -21946,8 +29548,8 @@ "children": [ { "type": "frame", - "id": "n1253", - "name": "副作用 / 仅挂载时", + "id": "n1692", + "name": "钩子 / useLayoutEffect · 仅挂载时", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -21979,7 +29581,7 @@ "children": [ { "type": "frame", - "id": "n1254", + "id": "n1693", "name": "Fold", "width": 14.0, "height": 20.0, @@ -21991,7 +29593,7 @@ "children": [ { "type": "icon_font", - "id": "n1255", + "id": "n1694", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -22007,8 +29609,8 @@ }, { "type": "frame", - "id": "n1256", - "name": "Kind / 副作用", + "id": "n1695", + "name": "Kind / 钩子", "width": 20.0, "height": 20.0, "layout": "horizontal", @@ -22019,7 +29621,7 @@ "children": [ { "type": "icon_font", - "id": "n1257", + "id": "n1696", "name": "zap", "iconFontName": "zap", "width": 16.0, @@ -22035,7 +29637,7 @@ }, { "type": "frame", - "id": "n1258", + "id": "n1697", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -22045,8 +29647,8 @@ "children": [ { "type": "frame", - "id": "n1259", - "name": "Prop / 触发时机", + "id": "n1698", + "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -22056,22 +29658,22 @@ "children": [ { "type": "frame", - "id": "n1260", + "id": "n1699", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", - "gap": 4.0, + "gap": 0.0, "alignItems": "center", "clipContent": false, "children": [ { "type": "text", - "id": "n1261", - "name": "触发时机", + "id": "n1700", + "name": "钩子", "width": "fit_content", "height": "fit_content", - "content": "触发时机", + "content": "钩子", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -22088,91 +29690,638 @@ }, { "type": "frame", - "id": "n1262", + "id": "n1701", "name": "Value", "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 2.0, + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", "clipContent": false, "children": [ { - "type": "frame", - "id": "n1263", - "name": "Line", + "type": "text", + "id": "n1702", + "name": "useLayoutEffect", "width": "fit_content", - "height": 20.0, + "height": "fit_content", + "content": [ + { + "text": "useLayoutEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + }, + { + "type": "frame", + "id": "n1703", + "name": "Tag / 副作用", + "width": "fit_content", + "height": 18.0, "layout": "horizontal", - "gap": 6.0, + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], "alignItems": "center", "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#473f31" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#806e4c" + } + ] + }, "children": [ { "type": "text", - "id": "n1264", - "name": "仅挂载时", + "id": "n1704", + "name": "副作用", "width": "fit_content", "height": "fit_content", - "content": "仅挂载时", + "content": "副作用", "fontFamily": "PingFang SC", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#c586c0" + "color": "#e5c07b" } ] - }, + } + ] + }, + { + "type": "frame", + "id": "n1705", + "name": "Tag / 浏览器绘制前", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ { - "type": "frame", - "id": "n1265", - "name": "Tag / 浏览器绘制前", + "type": "solid", + "color": "#473f31" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#806e4c" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n1706", + "name": "浏览器绘制前", "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, - "padding": [ - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, + "height": "fit_content", + "content": "浏览器绘制前", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#e5c07b" } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1707", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1708", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1709", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1710", + "name": "参数", + "width": "fit_content", + "height": "fit_content", + "content": "参数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "text", + "id": "n1711", + "name": "2 个", + "width": "fit_content", + "height": "fit_content", + "content": "2 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1712", + "name": "Table wrap", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1713", + "name": "Table", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1714", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#383530" + } + ], + "children": [ + { + "type": "frame", + "id": "n1715", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#806e4c" - } - ] - }, + "clipContent": false, "children": [ { "type": "text", - "id": "n1266", - "name": "浏览器绘制前", + "id": "n1716", + "name": "参数", "width": "fit_content", "height": "fit_content", - "content": "浏览器绘制前", + "content": "参数", "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1717", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1718", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1719", + "name": "值", + "width": "fit_content", + "height": "fit_content", + "content": "值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1720", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1721", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1722", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1723", + "name": "setup", + "width": "fit_content", + "height": "fit_content", + "content": "setup", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1724", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1725", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1726", + "name": "Fold box", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 3.0, + "padding": [ + 0.0, + 6.0, + 0.0, + 3.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#313131" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, + "children": [ + { + "type": "icon_font", + "id": "n1727", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 13.0, + "height": 13.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1728", + "name": "函数 · 1 句", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "函数", + "fill": "#9d9d9d" + }, + { + "text": " · 1 句", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.44, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1729", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1730", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1731", + "name": "参数", + "width": 58.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1732", + "name": "deps", + "width": "fit_content", + "height": "fit_content", + "content": "deps", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1733", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1734", + "name": "值", + "width": 547.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1735", + "name": "仅挂载时", + "width": "fit_content", + "height": "fit_content", + "content": "仅挂载时", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#c586c0" } ] } @@ -22186,7 +30335,7 @@ }, { "type": "frame", - "id": "n1267", + "id": "n1736", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -22197,9 +30346,9 @@ "children": [ { "type": "frame", - "id": "n1268", + "id": "n1737", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -22208,7 +30357,7 @@ "children": [ { "type": "text", - "id": "n1269", + "id": "n1738", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -22229,7 +30378,7 @@ }, { "type": "text", - "id": "n1270", + "id": "n1739", "name": "boxRef", "width": "fit_content", "height": "fit_content", @@ -22256,7 +30405,7 @@ }, { "type": "frame", - "id": "n1271", + "id": "n1740", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -22267,9 +30416,9 @@ "children": [ { "type": "frame", - "id": "n1272", + "id": "n1741", "name": "Key", - "width": 76.0, + "width": 100.0, "height": 20.0, "layout": "horizontal", "gap": 4.0, @@ -22278,7 +30427,7 @@ "children": [ { "type": "text", - "id": "n1273", + "id": "n1742", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -22299,7 +30448,7 @@ }, { "type": "text", - "id": "n1274", + "id": "n1743", "name": "无", "width": "fit_content", "height": "fit_content", @@ -22322,7 +30471,7 @@ }, { "type": "frame", - "id": "n1275", + "id": "n1744", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -22333,7 +30482,7 @@ "children": [ { "type": "frame", - "id": "n1276", + "id": "n1745", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -22346,7 +30495,7 @@ "children": [ { "type": "icon_font", - "id": "n1277", + "id": "n1746", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -22362,7 +30511,7 @@ }, { "type": "frame", - "id": "n1278", + "id": "n1747", "name": "pencil", "width": 22.0, "height": 20.0, @@ -22375,7 +30524,7 @@ "children": [ { "type": "icon_font", - "id": "n1279", + "id": "n1748", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -22403,7 +30552,7 @@ }, { "type": "frame", - "id": "n1280", + "id": "n1749", "name": "Lines 48–50", "width": "fill_container", "height": "fit_content", @@ -22414,7 +30563,7 @@ "children": [ { "type": "frame", - "id": "n1281", + "id": "n1750", "name": "Code", "width": 600.0, "height": "fill_container", @@ -22430,7 +30579,7 @@ "children": [ { "type": "frame", - "id": "n1282", + "id": "n1751", "name": "Line 48", "width": "fill_container", "height": 20.0, @@ -22441,7 +30590,7 @@ "children": [ { "type": "frame", - "id": "n1283", + "id": "n1752", "name": "Number", "width": 44.0, "height": 20.0, @@ -22453,7 +30602,7 @@ "children": [ { "type": "text", - "id": "n1284", + "id": "n1753", "name": "48", "width": "fit_content", "height": "fit_content", @@ -22474,7 +30623,7 @@ }, { "type": "frame", - "id": "n1285", + "id": "n1754", "name": "Margin", "width": 41.66, "height": 20.0, @@ -22482,7 +30631,7 @@ }, { "type": "text", - "id": "n1286", + "id": "n1755", "name": "function handleClick() {", "width": "fit_content", "height": "fit_content", @@ -22528,7 +30677,7 @@ }, { "type": "frame", - "id": "n1287", + "id": "n1756", "name": "Line 49", "width": "fill_container", "height": 20.0, @@ -22539,7 +30688,7 @@ "children": [ { "type": "frame", - "id": "n1288", + "id": "n1757", "name": "Number", "width": 44.0, "height": 20.0, @@ -22551,7 +30700,7 @@ "children": [ { "type": "text", - "id": "n1289", + "id": "n1758", "name": "49", "width": "fit_content", "height": "fit_content", @@ -22572,7 +30721,7 @@ }, { "type": "frame", - "id": "n1290", + "id": "n1759", "name": "Margin", "width": 57.32, "height": 20.0, @@ -22580,7 +30729,7 @@ }, { "type": "text", - "id": "n1291", + "id": "n1760", "name": "startTransition(() => toggle(!open))", "width": "fit_content", "height": "fit_content", @@ -22650,7 +30799,7 @@ }, { "type": "frame", - "id": "n1292", + "id": "n1761", "name": "Line 50", "width": "fill_container", "height": 20.0, @@ -22661,7 +30810,7 @@ "children": [ { "type": "frame", - "id": "n1293", + "id": "n1762", "name": "Number", "width": 44.0, "height": 20.0, @@ -22673,7 +30822,7 @@ "children": [ { "type": "text", - "id": "n1294", + "id": "n1763", "name": "50", "width": "fit_content", "height": "fit_content", @@ -22694,7 +30843,7 @@ }, { "type": "frame", - "id": "n1295", + "id": "n1764", "name": "Margin", "width": 41.66, "height": 20.0, @@ -22702,7 +30851,7 @@ }, { "type": "text", - "id": "n1296", + "id": "n1765", "name": "}", "width": "fit_content", "height": "fit_content", @@ -22725,7 +30874,7 @@ }, { "type": "rectangle", - "id": "n1297", + "id": "n1766", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -22739,7 +30888,7 @@ }, { "type": "frame", - "id": "n1298", + "id": "n1767", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -22755,7 +30904,7 @@ "children": [ { "type": "frame", - "id": "n1299", + "id": "n1768", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -22766,7 +30915,7 @@ "children": [ { "type": "frame", - "id": "n1300", + "id": "n1769", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -22777,7 +30926,7 @@ "children": [ { "type": "rectangle", - "id": "n1301", + "id": "n1770", "name": "Line", "width": 1.0, "height": "fill_container", @@ -22793,7 +30942,7 @@ }, { "type": "frame", - "id": "n1302", + "id": "n1771", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -22809,7 +30958,7 @@ "children": [ { "type": "frame", - "id": "n1303", + "id": "n1772", "name": "事件处理函数 / handleClick", "width": "fill_container", "height": "fit_content", @@ -22842,7 +30991,7 @@ "children": [ { "type": "frame", - "id": "n1304", + "id": "n1773", "name": "Fold", "width": 14.0, "height": 20.0, @@ -22854,7 +31003,7 @@ "children": [ { "type": "icon_font", - "id": "n1305", + "id": "n1774", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -22870,7 +31019,7 @@ }, { "type": "frame", - "id": "n1306", + "id": "n1775", "name": "Kind / 事件处理函数", "width": 20.0, "height": 20.0, @@ -22882,7 +31031,7 @@ "children": [ { "type": "icon_font", - "id": "n1307", + "id": "n1776", "name": "mouse-pointer-click", "iconFontName": "mouse-pointer-click", "width": 16.0, @@ -22898,7 +31047,7 @@ }, { "type": "frame", - "id": "n1308", + "id": "n1777", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -22908,7 +31057,7 @@ "children": [ { "type": "frame", - "id": "n1309", + "id": "n1778", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -22919,7 +31068,7 @@ "children": [ { "type": "frame", - "id": "n1310", + "id": "n1779", "name": "Key", "width": 76.0, "height": 20.0, @@ -22930,7 +31079,7 @@ "children": [ { "type": "text", - "id": "n1311", + "id": "n1780", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -22951,7 +31100,7 @@ }, { "type": "frame", - "id": "n1312", + "id": "n1781", "name": "Value", "width": "fill_container", "height": 20.0, @@ -22962,7 +31111,7 @@ "children": [ { "type": "text", - "id": "n1313", + "id": "n1782", "name": "handleClick", "width": "fit_content", "height": "fit_content", @@ -22985,7 +31134,7 @@ }, { "type": "frame", - "id": "n1314", + "id": "n1783", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -22996,7 +31145,7 @@ "children": [ { "type": "frame", - "id": "n1315", + "id": "n1784", "name": "Key", "width": 76.0, "height": 20.0, @@ -23007,7 +31156,7 @@ "children": [ { "type": "text", - "id": "n1316", + "id": "n1785", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -23028,7 +31177,7 @@ }, { "type": "text", - "id": "n1317", + "id": "n1786", "name": "无", "width": "fit_content", "height": "fit_content", @@ -23049,7 +31198,7 @@ }, { "type": "frame", - "id": "n1318", + "id": "n1787", "name": "Prop / 绑定事件", "width": "fill_container", "height": "fit_content", @@ -23060,7 +31209,7 @@ "children": [ { "type": "frame", - "id": "n1319", + "id": "n1788", "name": "Key", "width": 76.0, "height": 20.0, @@ -23071,7 +31220,7 @@ "children": [ { "type": "text", - "id": "n1320", + "id": "n1789", "name": "绑定事件", "width": "fit_content", "height": "fit_content", @@ -23092,7 +31241,7 @@ }, { "type": "text", - "id": "n1321", + "id": "n1790", "name": "
的 onClick", "width": "fit_content", "height": "fit_content", @@ -23122,7 +31271,7 @@ }, { "type": "frame", - "id": "n1322", + "id": "n1791", "name": "Prop / 调用", "width": "fill_container", "height": "fit_content", @@ -23133,7 +31282,7 @@ "children": [ { "type": "frame", - "id": "n1323", + "id": "n1792", "name": "Key", "width": 76.0, "height": 20.0, @@ -23144,7 +31293,7 @@ "children": [ { "type": "text", - "id": "n1324", + "id": "n1793", "name": "调用", "width": "fit_content", "height": "fit_content", @@ -23165,7 +31314,7 @@ }, { "type": "text", - "id": "n1325", + "id": "n1794", "name": "toggle（在过渡里）", "width": "fit_content", "height": "fit_content", @@ -23198,7 +31347,7 @@ }, { "type": "frame", - "id": "n1326", + "id": "n1795", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -23209,7 +31358,7 @@ "children": [ { "type": "frame", - "id": "n1327", + "id": "n1796", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -23222,7 +31371,7 @@ "children": [ { "type": "icon_font", - "id": "n1328", + "id": "n1797", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -23238,7 +31387,7 @@ }, { "type": "frame", - "id": "n1329", + "id": "n1798", "name": "pencil", "width": 22.0, "height": 20.0, @@ -23251,7 +31400,7 @@ "children": [ { "type": "icon_font", - "id": "n1330", + "id": "n1799", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -23279,7 +31428,7 @@ }, { "type": "frame", - "id": "n1331", + "id": "n1800", "name": "Lines 51–57", "width": "fill_container", "height": "fit_content", @@ -23290,7 +31439,7 @@ "children": [ { "type": "frame", - "id": "n1332", + "id": "n1801", "name": "Code", "width": 600.0, "height": "fill_container", @@ -23306,7 +31455,7 @@ "children": [ { "type": "frame", - "id": "n1333", + "id": "n1802", "name": "Line 51", "width": "fill_container", "height": 20.0, @@ -23317,7 +31466,7 @@ "children": [ { "type": "frame", - "id": "n1334", + "id": "n1803", "name": "Number", "width": 44.0, "height": 20.0, @@ -23329,7 +31478,7 @@ "children": [ { "type": "text", - "id": "n1335", + "id": "n1804", "name": "51", "width": "fit_content", "height": "fit_content", @@ -23350,7 +31499,7 @@ }, { "type": "frame", - "id": "n1336", + "id": "n1805", "name": "Margin", "width": 41.66, "height": 20.0, @@ -23358,7 +31507,7 @@ }, { "type": "text", - "id": "n1337", + "id": "n1806", "name": "return (", "width": "fit_content", "height": "fit_content", @@ -23392,7 +31541,7 @@ }, { "type": "frame", - "id": "n1338", + "id": "n1807", "name": "Line 52", "width": "fill_container", "height": 20.0, @@ -23403,7 +31552,7 @@ "children": [ { "type": "frame", - "id": "n1339", + "id": "n1808", "name": "Number", "width": 44.0, "height": 20.0, @@ -23415,7 +31564,7 @@ "children": [ { "type": "text", - "id": "n1340", + "id": "n1809", "name": "52", "width": "fit_content", "height": "fit_content", @@ -23436,7 +31585,7 @@ }, { "type": "frame", - "id": "n1341", + "id": "n1810", "name": "Margin", "width": 57.32, "height": 20.0, @@ -23444,7 +31593,7 @@ }, { "type": "text", - "id": "n1342", + "id": "n1811", "name": "
", "width": "fit_content", "height": "fit_content", @@ -23526,7 +31675,7 @@ }, { "type": "frame", - "id": "n1343", + "id": "n1812", "name": "Line 53", "width": "fill_container", "height": 20.0, @@ -23537,7 +31686,7 @@ "children": [ { "type": "frame", - "id": "n1344", + "id": "n1813", "name": "Number", "width": 44.0, "height": 20.0, @@ -23549,7 +31698,7 @@ "children": [ { "type": "text", - "id": "n1345", + "id": "n1814", "name": "53", "width": "fit_content", "height": "fit_content", @@ -23570,7 +31719,7 @@ }, { "type": "frame", - "id": "n1346", + "id": "n1815", "name": "Margin", "width": 72.98, "height": 20.0, @@ -23578,7 +31727,7 @@ }, { "type": "text", - "id": "n1347", + "id": "n1816", "name": "{isPending && }", "width": "fit_content", "height": "fit_content", @@ -23632,7 +31781,7 @@ }, { "type": "frame", - "id": "n1348", + "id": "n1817", "name": "Line 54", "width": "fill_container", "height": 20.0, @@ -23643,7 +31792,7 @@ "children": [ { "type": "frame", - "id": "n1349", + "id": "n1818", "name": "Number", "width": 44.0, "height": 20.0, @@ -23655,7 +31804,7 @@ "children": [ { "type": "text", - "id": "n1350", + "id": "n1819", "name": "54", "width": "fit_content", "height": "fit_content", @@ -23676,7 +31825,7 @@ }, { "type": "frame", - "id": "n1351", + "id": "n1820", "name": "Margin", "width": 72.98, "height": 20.0, @@ -23684,7 +31833,7 @@ }, { "type": "text", - "id": "n1352", + "id": "n1821", "name": "{messages.map(m => ", "width": "fit_content", "height": "fit_content", @@ -24002,7 +32151,7 @@ }, { "type": "frame", - "id": "n1363", + "id": "n1832", "name": "Line 57", "width": "fill_container", "height": 20.0, @@ -24013,7 +32162,7 @@ "children": [ { "type": "frame", - "id": "n1364", + "id": "n1833", "name": "Number", "width": 44.0, "height": 20.0, @@ -24025,7 +32174,7 @@ "children": [ { "type": "text", - "id": "n1365", + "id": "n1834", "name": "57", "width": "fit_content", "height": "fit_content", @@ -24046,7 +32195,7 @@ }, { "type": "frame", - "id": "n1366", + "id": "n1835", "name": "Margin", "width": 41.66, "height": 20.0, @@ -24054,7 +32203,7 @@ }, { "type": "text", - "id": "n1367", + "id": "n1836", "name": ")", "width": "fit_content", "height": "fit_content", @@ -24077,7 +32226,7 @@ }, { "type": "rectangle", - "id": "n1368", + "id": "n1837", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -24091,7 +32240,7 @@ }, { "type": "frame", - "id": "n1369", + "id": "n1838", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -24107,7 +32256,7 @@ "children": [ { "type": "frame", - "id": "n1370", + "id": "n1839", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -24118,7 +32267,7 @@ "children": [ { "type": "frame", - "id": "n1371", + "id": "n1840", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -24129,7 +32278,7 @@ "children": [ { "type": "rectangle", - "id": "n1372", + "id": "n1841", "name": "Line", "width": 1.0, "height": "fill_container", @@ -24145,7 +32294,7 @@ }, { "type": "frame", - "id": "n1373", + "id": "n1842", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -24161,7 +32310,7 @@ "children": [ { "type": "frame", - "id": "n1374", + "id": "n1843", "name": "渲染输出 / Panel", "width": "fill_container", "height": "fit_content", @@ -24194,7 +32343,7 @@ "children": [ { "type": "frame", - "id": "n1375", + "id": "n1844", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24207,7 +32356,7 @@ }, { "type": "frame", - "id": "n1376", + "id": "n1845", "name": "Kind / 渲染输出", "width": 20.0, "height": 20.0, @@ -24219,7 +32368,7 @@ "children": [ { "type": "icon_font", - "id": "n1377", + "id": "n1846", "name": "layout-template", "iconFontName": "layout-template", "width": 16.0, @@ -24235,7 +32384,7 @@ }, { "type": "frame", - "id": "n1378", + "id": "n1847", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -24245,7 +32394,7 @@ "children": [ { "type": "frame", - "id": "n1379", + "id": "n1848", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -24255,7 +32404,7 @@ "children": [ { "type": "frame", - "id": "n1380", + "id": "n1849", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -24266,7 +32415,7 @@ "children": [ { "type": "frame", - "id": "n1381", + "id": "n1850", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24278,7 +32427,7 @@ "children": [ { "type": "icon_font", - "id": "n1382", + "id": "n1851", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -24294,7 +32443,7 @@ }, { "type": "frame", - "id": "n1383", + "id": "n1852", "name": "Line", "width": "fill_container", "height": 20.0, @@ -24305,7 +32454,7 @@ "children": [ { "type": "text", - "id": "n1384", + "id": "n1853", "name": "
", "width": "fit_content", "height": "fit_content", @@ -24324,7 +32473,7 @@ }, { "type": "text", - "id": "n1385", + "id": "n1854", "name": "ref=boxRef", "width": "fit_content", "height": "fit_content", @@ -24357,7 +32506,7 @@ }, { "type": "text", - "id": "n1386", + "id": "n1855", "name": "onClick=handleClick", "width": "fit_content", "height": "fit_content", @@ -24394,7 +32543,7 @@ }, { "type": "frame", - "id": "n1387", + "id": "n1856", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -24411,7 +32560,7 @@ "children": [ { "type": "rectangle", - "id": "n1388", + "id": "n1857", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -24425,7 +32574,7 @@ }, { "type": "frame", - "id": "n1389", + "id": "n1858", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -24435,7 +32584,7 @@ "children": [ { "type": "frame", - "id": "n1390", + "id": "n1859", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -24445,7 +32594,7 @@ "children": [ { "type": "frame", - "id": "n1391", + "id": "n1860", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -24456,7 +32605,7 @@ "children": [ { "type": "frame", - "id": "n1392", + "id": "n1861", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24469,7 +32618,7 @@ }, { "type": "frame", - "id": "n1393", + "id": "n1862", "name": "Line", "width": "fill_container", "height": 20.0, @@ -24480,7 +32629,7 @@ "children": [ { "type": "frame", - "id": "n1394", + "id": "n1863", "name": "Group", "width": "fit_content", "height": 20.0, @@ -24511,7 +32660,7 @@ "children": [ { "type": "text", - "id": "n1395", + "id": "n1864", "name": "当 isPending 时", "width": "fit_content", "height": "fit_content", @@ -24553,7 +32702,7 @@ }, { "type": "text", - "id": "n1396", + "id": "n1865", "name": "", "width": "fit_content", "height": "fit_content", @@ -24576,7 +32725,7 @@ }, { "type": "frame", - "id": "n1397", + "id": "n1866", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -24587,7 +32736,7 @@ "children": [ { "type": "frame", - "id": "n1398", + "id": "n1867", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24599,7 +32748,7 @@ "children": [ { "type": "icon_font", - "id": "n1399", + "id": "n1868", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -24615,7 +32764,7 @@ }, { "type": "frame", - "id": "n1400", + "id": "n1869", "name": "Line", "width": "fill_container", "height": 20.0, @@ -24626,7 +32775,7 @@ "children": [ { "type": "frame", - "id": "n1401", + "id": "n1870", "name": "Group", "width": "fit_content", "height": 20.0, @@ -24657,7 +32806,7 @@ "children": [ { "type": "text", - "id": "n1402", + "id": "n1871", "name": "对 messages 的每一项 m", "width": "fit_content", "height": "fit_content", @@ -24707,7 +32856,7 @@ }, { "type": "text", - "id": "n1403", + "id": "n1872", "name": "key m.id", "width": "fit_content", "height": "fit_content", @@ -24747,7 +32896,7 @@ }, { "type": "frame", - "id": "n1404", + "id": "n1873", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -24764,7 +32913,7 @@ "children": [ { "type": "rectangle", - "id": "n1405", + "id": "n1874", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -24778,7 +32927,7 @@ }, { "type": "frame", - "id": "n1406", + "id": "n1875", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -24788,7 +32937,7 @@ "children": [ { "type": "frame", - "id": "n1407", + "id": "n1876", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -24798,7 +32947,7 @@ "children": [ { "type": "frame", - "id": "n1408", + "id": "n1877", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -24809,7 +32958,7 @@ "children": [ { "type": "frame", - "id": "n1409", + "id": "n1878", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24822,7 +32971,7 @@ }, { "type": "frame", - "id": "n1410", + "id": "n1879", "name": "Line", "width": "fill_container", "height": 20.0, @@ -24833,7 +32982,7 @@ "children": [ { "type": "text", - "id": "n1411", + "id": "n1880", "name": "", "width": "fit_content", "height": "fit_content", @@ -24852,7 +33001,7 @@ }, { "type": "text", - "id": "n1412", + "id": "n1881", "name": "m=m", "width": 27.0, "height": "fit_content", @@ -24894,7 +33043,7 @@ }, { "type": "frame", - "id": "n1413", + "id": "n1882", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -24905,7 +33054,7 @@ "children": [ { "type": "frame", - "id": "n1414", + "id": "n1883", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24918,7 +33067,7 @@ }, { "type": "frame", - "id": "n1415", + "id": "n1884", "name": "Line", "width": "fill_container", "height": 20.0, @@ -24929,7 +33078,7 @@ "children": [ { "type": "text", - "id": "n1416", + "id": "n1885", "name": "{state.count}", "width": "fit_content", "height": "fit_content", @@ -24983,7 +33132,7 @@ }, { "type": "frame", - "id": "n1417", + "id": "n1886", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -24994,7 +33143,7 @@ "children": [ { "type": "frame", - "id": "n1418", + "id": "n1887", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -25007,7 +33156,7 @@ "children": [ { "type": "icon_font", - "id": "n1419", + "id": "n1888", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -25023,7 +33172,7 @@ }, { "type": "frame", - "id": "n1420", + "id": "n1889", "name": "pencil", "width": 22.0, "height": 20.0, @@ -25036,7 +33185,7 @@ "children": [ { "type": "icon_font", - "id": "n1421", + "id": "n1890", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -25064,7 +33213,7 @@ }, { "type": "frame", - "id": "n1422", + "id": "n1891", "name": "Lines 58–58", "width": "fill_container", "height": "fit_content", @@ -25075,7 +33224,7 @@ "children": [ { "type": "frame", - "id": "n1423", + "id": "n1892", "name": "Code", "width": 600.0, "height": "fill_container", @@ -25091,7 +33240,7 @@ "children": [ { "type": "frame", - "id": "n1424", + "id": "n1893", "name": "Line 58", "width": "fill_container", "height": 20.0, @@ -25102,7 +33251,7 @@ "children": [ { "type": "frame", - "id": "n1425", + "id": "n1894", "name": "Number", "width": 44.0, "height": 20.0, @@ -25114,7 +33263,7 @@ "children": [ { "type": "text", - "id": "n1426", + "id": "n1895", "name": "58", "width": "fit_content", "height": "fit_content", @@ -25135,7 +33284,7 @@ }, { "type": "frame", - "id": "n1427", + "id": "n1896", "name": "Margin", "width": 26.0, "height": 20.0, @@ -25143,7 +33292,7 @@ }, { "type": "text", - "id": "n1428", + "id": "n1897", "name": "}", "width": "fit_content", "height": "fit_content", @@ -25166,7 +33315,7 @@ }, { "type": "rectangle", - "id": "n1429", + "id": "n1898", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -25180,7 +33329,7 @@ }, { "type": "frame", - "id": "n1430", + "id": "n1899", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -25196,7 +33345,7 @@ "children": [ { "type": "frame", - "id": "n1431", + "id": "n1900", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -25212,7 +33361,7 @@ }, { "type": "frame", - "id": "n1432", + "id": "n1901", "name": "End", "width": "fill_container", "height": 28.0, @@ -25223,7 +33372,7 @@ "children": [ { "type": "frame", - "id": "n1433", + "id": "n1902", "name": "Code", "width": 600.0, "height": 28.0, @@ -25231,7 +33380,7 @@ }, { "type": "rectangle", - "id": "n1434", + "id": "n1903", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -25251,7 +33400,7 @@ }, { "type": "frame", - "id": "n1435", + "id": "n1904", "name": "Status", "width": "fill_container", "height": 26.0, @@ -25273,7 +33422,7 @@ "children": [ { "type": "frame", - "id": "n1436", + "id": "n1905", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -25284,7 +33433,7 @@ "children": [ { "type": "icon_font", - "id": "n1437", + "id": "n1906", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -25298,7 +33447,7 @@ }, { "type": "text", - "id": "n1438", + "id": "n1907", "name": "master", "width": "fit_content", "height": "fit_content", @@ -25319,7 +33468,7 @@ }, { "type": "frame", - "id": "n1439", + "id": "n1908", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -25330,7 +33479,7 @@ "children": [ { "type": "text", - "id": "n1440", + "id": "n1909", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -25349,7 +33498,7 @@ }, { "type": "text", - "id": "n1441", + "id": "n1910", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content",