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 bb97962..70f8c42 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 2ae4021..e86160b 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 697d473..bb232c5 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.js +++ b/docs/prototype/code-reader/openpencil/react-hooks.js @@ -1,7 +1,7 @@ // 代码阅读 React 钩子卡片：一个 VS Code 窗口里左边是编辑器、右边是代码阅读预览，每张卡片和它那段源码的第一行对齐， // 卡片比源码高时，编辑器在那段源码下面留空，下一段源码再和下一张卡片对齐。 // 每处钩子调用都是同一种「钩子」卡片：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，各类钩子只在后面追加自己的行； -// 图标、描边所有钩子一样，淡底按来源分，React 自带的钩子再按作用带一个图标小标签。 +// 左边的钩子图标、描边所有钩子一样，淡底按来源分，React 自带的钩子左边再并排一个作用图标；几处位置、几处改动都排成表。 // 样例源码 `src/chat/Panel.tsx` 是手写的，两张画板共用：一张画第 1–21 行，一张画第 23–60 行；钩子来自 React、第三方库、项目自己各有一处。 // 颜色、窗口和卡片画法取自同目录 react.js（VS Code Dark Modern，卡片淡底 7%、描边 35%），函数小框取自同目录 rust-chain.js； // 卡片里的译文照 vscode/src/codeReader/translators/typescriptZh.ts 的中文直译，渲染大纲的说法照 vscode/src/codeReader/rules/react.ts。 @@ -46,12 +46,11 @@ const C = { // 编辑器的括号配对着色（Dark Modern 的 editorBracketHighlight.foreground1–3），按嵌套层数轮换 const BRACKETS = ["#ffd700", "#da70d6", "#179fff"]; -// 定义处的卡片种类：上下文、自定义钩子是这次新加的，别的同 react.js；函数同 build.js。钩子调用的卡片按分类取色，见 HOOK +// 定义处的卡片种类：上下文是这次新加的，别的同 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" }, handler: { label: "事件处理函数", color: "#dcdcaa", icon: "mouse-pointer-click" }, render: { label: "渲染输出", color: "#89d185", icon: "layout-template" }, @@ -585,7 +584,40 @@ function tools(parent) { } /** - * 一张卡片：折叠箭头（有子块才有：`open` 展开、`closed` 收起）、种类图标、内容、右上角两个按钮。 + * 卡片左边的一个概念图标：20px 见方，图标 16px。`bubble` 时画出它悬停的提示气泡，样子同 webview 的 data-tooltip + * （悬停浮层的底色、边框、11px 字）。气泡画在图标下方隔 6px，右边和图标右边对齐，不伸出这一格，图标那一列才不被撑宽： + * OpenPencil 里前面的兄弟节点画在上层，往上伸的气泡会被上一张卡片盖住。 + */ +function conceptIcon(parent, item) { + if (!item.bubble) { + const cell = row(parent, "Concept / " + item.tip, { width: 20, height: 20, justify: "center" }); + icon(cell, item.name, item.color, 16); + return; + } + const cell = box(parent, "Concept / " + item.tip, { layout: "none", width: 20, height: 20 }); + I(cell, { type: "icon_font", name: item.name, iconFontName: item.name, x: 2, y: 2, width: 16, height: 16, fill: solid(item.color) }); + const bw = Math.ceil(widthOf(item.tip, 11, false)) + 16; + const tip = I(cell, { + type: "frame", + name: "Tooltip", + x: Math.min(Math.round(10 - bw / 2), 20 - bw), + y: 20 + 6, + width: bw, + height: 22, + layout: "horizontal", + alignItems: "center", + justifyContent: "center", + cornerRadius: 4, + fill: solid("#202020"), + stroke: { thickness: 1, fill: solid("#454545") }, + effects: [{ type: "shadow", offsetX: 0, offsetY: 2, blur: 8, spread: 0, color: "rgba(0,0,0,0.36)" }], + }); + text(tip, item.tip, { size: 11, color: C.fg, lh: 14 }); +} + +/** + * 一张卡片：折叠箭头（有子块才有：`open` 展开、`closed` 收起）、概念图标、内容、右上角两个按钮。 + * 概念图标默认是种类图标一个，给了 `icons` 就并排画这几个（`{name, color, tip, bubble?}`）。 * 淡底默认用种类色，给了 `tint` 用它（钩子卡片按来源分底色）。 * `w` 是卡片外宽；返回内容区和内容区的宽度，属性行、表格按它断行。 */ @@ -604,11 +636,13 @@ function card(parent, kind, w, o) { const fold = row(node, "Fold", { width: 14, height: 20, justify: "center" }); if (opt.fold) icon(fold, opt.fold === "open" ? "chevron-down" : "chevron-right", C.desc, 14); - const kindBox = row(node, "Kind / " + kind.label, { width: 20, height: 20, justify: "center" }); - icon(kindBox, kind.icon, kind.color, 16); + const icons = opt.icons || [{ name: kind.icon, color: kind.color, tip: kind.label }]; + const concepts = row(node, "Concepts", { width: "fit_content", height: 20, gap: 2 }); + for (const item of icons) conceptIcon(concepts, item); const content = col(node, "Content", { gap: 3 }); tools(node); - return { node, content, w: w - 18 - 24 - 30 - 10 - 46, bg, labelW: opt.labelW || 76 }; + const iconsW = icons.length * 20 + (icons.length - 1) * 2; + return { node, content, w: w - 18 - 14 - iconsW - 46 - 30, bg, labelW: opt.labelW || 76 }; } /** 属性表的一行：左边说明色的标签，右边值。`value` 是着色的段、字符串，或自己画的函数 `(frame, width)`。 */ @@ -765,7 +799,7 @@ function reducerCard(parent, w) { } function hookCard(parent, w) { - const ctx = card(parent, K.hook, w, { name: "useChatSession", fold: "open" }); + const ctx = card(parent, HOOK, w, { name: "useChatSession", fold: "open", tint: ORIGIN.own }); nameProp(ctx, "useChatSession", C.fn, [EXPORTED]); prop(ctx, "参数", px("1 个", C.desc), { mono: false, fold: "open" }); table(ctx, [{ name: "名称", color: C.variable }, { name: "类型", color: C.type }], [["id", cx("字符串")]]); @@ -775,11 +809,11 @@ function hookCard(parent, w) { // ─── 钩子调用：基础卡片加扩展行 ────────────────────────────────────────────── -// 所有钩子卡片同一个图标、同一个描边色；淡底按钩子从哪来分：React 自带、第三方库、项目里自己写的 +// 所有钩子卡片左边第一个图标、描边都一样；淡底按钩子从哪来分：React 自带、第三方库、项目里自己写的 const HOOK = { label: "钩子", color: "#b180d7", icon: "fishing-hook" }; const ORIGIN = { react: "#61dafb", library: "#e5c07b", own: "#89d185" }; -// React 自带钩子的作用，同 React 类型定义里钩子的分组：钩子名后面的小标签带这个图标 +// React 自带钩子的作用，同 React 类型定义里钩子的分组：卡片左边第二个图标，中性灰，悬停显示名字 const ROLE = { state: { label: "状态", icon: "toggle-right" }, effect: { label: "副作用", icon: "zap" }, @@ -797,23 +831,6 @@ 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)]; -/** 中性色的小标签，可以带一个图标：作用、库名、「浏览器绘制前」。 */ -function plainTag(parent, label, bg, iconName) { - const pill = row(parent, "Tag / " + label, { - width: "fit_content", - height: 18, - padding: [0, 5, 0, iconName ? 4 : 5], - gap: 3, - radius: 4, - fill: mix("#ffffff", bg, 0.06), - stroke: mix("#ffffff", bg, 0.2), - }); - if (iconName) - icon(pill, iconName, C.desc, 11); - text(pill, label, { size: 11, color: C.desc, lh: 16, weight: 500 }); - return pill; -} - /** 函数参数收成的小框：朝右的折叠箭头，写「函数 (参数) · N 句」，没参数时不写括号；同调用链原型的闭包小框。 */ function fnBox(params, count) { const segs = [seg("函数", C.desc)] @@ -837,25 +854,37 @@ function fnBox(params, count) { }; } +/** 一段代码后面跟一句灰字（「1 秒后」「在过渡里」）。 */ +function codeWithNote(code, note) { + return cx(code).concat(note ? [seg(" " + note, C.desc)] : []); +} + +/** + * 一处或几处「位置 | 写法」的表（在哪改、在哪派发、用在、调用位置）：位置都能点过去，写法照译。 + * `rows` 每项是 `[位置, 写法, 灰字?]`。 + */ +function placesRow(ctx, label, rows) { + prop(ctx, label, px(`${rows.length} 个`, C.desc), { mono: false, fold: "open" }); + table(ctx, [{ name: "位置" }, { name: "写法" }], rows.map(([where, how, note]) => [[link(where, HOOK.color)], codeWithNote(how, note)])); +} + /** * 钩子调用的卡片，所有钩子共用一种：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，没有的行不显示， - * `extend` 在后面追加这类钩子自己的行。图标、描边所有钩子一样，淡底按来源取： - * React 自带的（给 `role`）钩子名后面跟作用小标签，第三方库的（给 `lib`）跟库名小标签，自己写的（`own`）不跟小标签、钩子名能点到定义。 + * `extend` 在后面追加这类钩子自己的行。左边第一个图标、描边所有钩子一样，淡底按来源取： + * React 自带的（给 `role`）左边再并排一个作用图标；第三方库的（`lib`）、自己写的（`own`）只有钩子图标，自己写的钩子名能点到定义。 + * `roleTip` 换掉作用图标的悬停文字，`bubble` 画出悬停时的提示气泡。 * `fold` 表示有函数参数，函数体子块收起。`params` 每项是「参数 | 值」，`returns` 每项是「名称 | 是什么」，格子同 [table]。 */ function hookCall(parent, w, h) { const tint = h.own ? ORIGIN.own : h.lib ? ORIGIN.library : ORIGIN.react; - const ctx = card(parent, HOOK, w, { name: h.name + " · " + h.target, fold: h.fold ? "closed" : null, labelW: HOOK_LABEL_W, tint }); + const icons = [{ name: HOOK.icon, color: HOOK.color, tip: HOOK.label }]; + if (h.role) + icons.push({ name: h.role.icon, color: C.desc, tip: h.roleTip || h.role.label, bubble: h.bubble }); + const ctx = card(parent, HOOK, w, { name: h.name + " · " + h.target, fold: h.fold ? "closed" : null, labelW: HOOK_LABEL_W, tint, icons }); 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.own ? { w: 600, u: true } : { w: 600 })], { mono: true }); - if (h.role) - plainTag(value, h.role.label, ctx.bg, h.role.icon); - if (h.lib) - plainTag(value, h.lib, ctx.bg); - for (const label of h.tags || []) plainTag(value, label, ctx.bg); + text(line, [seg(h.name, C.fn, h.own ? { w: 600, u: true } : { w: 600 })], { mono: true }); if (h.typeArg) prop(ctx, "类型参数", cx(h.typeArg)); if (h.params) { @@ -870,33 +899,42 @@ function hookCall(parent, w, h) { h.extend(ctx); } -/** 副作用的扩展行：用到、改动、清理函数（有才写）。 */ +/** 副作用的扩展行：改动（「改了 | 写法」表，没改动不显示）、清理函数（有才写）。 */ function effectRows(o) { return (ctx) => { - prop(ctx, "用到", o.uses); - prop(ctx, "改动", o.changes, { mono: o.changesMono !== false }); + if (o.changes) { + prop(ctx, "改动", px(`${o.changes.length} 个`, C.desc), { mono: false, fold: "open" }); + table(ctx, [{ name: "改了" }, { name: "写法" }], o.changes.map(([what, how]) => [what, cx(how)])); + } if (o.cleanup) prop(ctx, "清理函数", cx(o.cleanup)); }; } +/** 改了什么：状态、引用前面写上是哪种。 */ +const stateOf = (name) => [seg("状态 ", C.fg), seg(name, C.variable)]; +const refOf = (name) => [seg("引用 ", C.fg), seg(name, C.variable)]; + // ─── 钩子调用：样例里的每一处 ──────────────────────────────────────────────── -// 别的卡片点到副作用时用的名字；链接色是它要跳去的钩子卡片的颜色 +// 别的卡片点到副作用时用的名字 const SESSION_EFFECT = "副作用「id 变化时」"; const OPEN_EFFECT = "副作用「open 变化时」"; const MOUNT_EFFECT = "副作用「仅挂载时」"; +const SET_TIMER = "timer.current = window.setTimeout(…)"; +const PUSH_MESSAGE = "setMessages(m => [...m, e.data])"; -/** 第 14 行：自定义钩子里的 `useState`。 */ +/** 第 14 行：自定义钩子里的 `useState`，作用图标画出悬停气泡。 */ function messagesStateHook(parent, w) { hookCall(parent, w, { role: ROLE.state, + bubble: true, name: "useState", target: "messages", typeArg: "Message[]", params: [["initialState", cx("空数组")]], returns: [["messages", "当前值"], [px("setMessages", C.fn), "修改函数"]], - extend: (ctx) => prop(ctx, "在哪改", [link(SESSION_EFFECT, HOOK.color), seg(" 里的 ", C.fg)].concat(cx("ws.onmessage"))), + extend: (ctx) => placesRow(ctx, "在哪改", [[SESSION_EFFECT, PUSH_MESSAGE, "ws.onmessage 里"]]), }); } @@ -908,7 +946,7 @@ function sessionEffectHook(parent, w) { target: "id 变化时", fold: true, params: [["effect", fnBox(null, 3)], ["deps", changed("id")]], - extend: effectRows({ uses: px("id", C.variable), changes: [seg("状态 ", C.fg), seg("messages", C.variable)], cleanup: "ws.close()" }), + extend: effectRows({ changes: [[stateOf("messages"), PUSH_MESSAGE]], cleanup: "ws.close()" }), }); } @@ -949,7 +987,7 @@ function openStateHook(parent, w) { 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.color)]), + extend: (ctx) => placesRow(ctx, "在哪改", [["toggle", "setOpen(next)"], [OPEN_EFFECT, "setOpen(假)", "1 秒后"]]), }); } @@ -966,7 +1004,7 @@ function reducerHook(parent, w) { ["'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)]); + placesRow(ctx, "在哪派发", [["toggle", "dispatch({ type: 'add' })"]]); }, }); } @@ -990,7 +1028,7 @@ function boxRefHook(parent, w) { 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.color)]); + placesRow(ctx, "用在", [["
", "ref={boxRef}"], [MOUNT_EFFECT, "boxRef.current?.scrollTo(0, 0)"]]); }, }); } @@ -1003,10 +1041,7 @@ function timerHook(parent, w) { typeArg: "数值", params: [["initialValue", [seg("没写，", C.desc), seg("未定义", C.number)]]], returns: [["timer", "引用对象"]], - extend: (ctx) => { - prop(ctx, "写入", [link(OPEN_EFFECT, HOOK.color)]); - prop(ctx, "读取", [link(OPEN_EFFECT, HOOK.color), seg(" 的清理函数", C.fg)]); - }, + extend: (ctx) => placesRow(ctx, "用在", [[OPEN_EFFECT, SET_TIMER], [OPEN_EFFECT + "的清理函数", "clearTimeout(timer.current)"]]), }); } @@ -1033,7 +1068,7 @@ function toggleHook(parent, w) { 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)]), + extend: (ctx) => placesRow(ctx, "调用位置", [["handleClick", "toggle(open 不成立)", "在过渡里"]]), }); } @@ -1045,15 +1080,7 @@ function openEffectHook(parent, w) { fold: true, params: [["effect", 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), - ], + changes: [[stateOf("open"), "setOpen(假)"], [refOf("timer"), SET_TIMER]], cleanup: "clearTimeout(timer.current)", }), }); @@ -1066,19 +1093,18 @@ function renderEffectHook(parent, w) { target: "每次渲染后", fold: true, params: [["effect", fnBox(null, 1)], ["deps", NO_DEPS]], - extend: effectRows({ uses: px("total", C.variable), changes: cx("document.title") }), + extend: effectRows({ changes: [[cx("document.title"), "String(total)"]] }), }); } function layoutEffectHook(parent, w) { hookCall(parent, w, { role: ROLE.effect, + roleTip: "副作用 · 浏览器绘制前执行", name: "useLayoutEffect", target: "仅挂载时", - tags: ["浏览器绘制前"], fold: true, params: [["effect", fnBox(null, 1)], ["deps", ON_MOUNT]], - extend: effectRows({ uses: [link("boxRef", C.variable)], changes: px("无", C.desc), changesMono: false }), }); } diff --git a/docs/prototype/code-reader/openpencil/react-hooks.op b/docs/prototype/code-reader/openpencil/react-hooks.op index c7c2fd5..776bccc 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.op +++ b/docs/prototype/code-reader/openpencil/react-hooks.op @@ -2130,26 +2130,39 @@ { "type": "frame", "id": "n126", - "name": "Kind / 导入", - "width": 20.0, + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", + "type": "frame", "id": "n127", - "name": "import", - "iconFontName": "import", - "width": 16.0, - "height": 16.0, - "fill": [ + "name": "Concept / 导入", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#c586c0" + "type": "icon_font", + "id": "n128", + "name": "import", + "iconFontName": "import", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#c586c0" + } + ] } ] } @@ -2157,7 +2170,7 @@ }, { "type": "frame", - "id": "n128", + "id": "n129", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -2167,7 +2180,7 @@ "children": [ { "type": "frame", - "id": "n129", + "id": "n130", "name": "Summary", "width": "fill_container", "height": 20.0, @@ -2178,7 +2191,7 @@ "children": [ { "type": "text", - "id": "n130", + "id": "n131", "name": "来源", "width": "fit_content", "height": "fit_content", @@ -2197,7 +2210,7 @@ }, { "type": "text", - "id": "n131", + "id": "n132", "name": "'react'", "width": "fit_content", "height": "fit_content", @@ -2216,7 +2229,7 @@ }, { "type": "text", - "id": "n132", + "id": "n133", "name": "·", "width": "fit_content", "height": "fit_content", @@ -2235,7 +2248,7 @@ }, { "type": "text", - "id": "n133", + "id": "n134", "name": "导入项", "width": "fit_content", "height": "fit_content", @@ -2254,7 +2267,7 @@ }, { "type": "text", - "id": "n134", + "id": "n135", "name": "10 个", "width": "fit_content", "height": "fit_content", @@ -2277,7 +2290,7 @@ }, { "type": "frame", - "id": "n135", + "id": "n136", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -2288,7 +2301,7 @@ "children": [ { "type": "frame", - "id": "n136", + "id": "n137", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -2301,7 +2314,7 @@ "children": [ { "type": "icon_font", - "id": "n137", + "id": "n138", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -2317,7 +2330,7 @@ }, { "type": "frame", - "id": "n138", + "id": "n139", "name": "pencil", "width": 22.0, "height": 20.0, @@ -2330,7 +2343,7 @@ "children": [ { "type": "icon_font", - "id": "n139", + "id": "n140", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -2358,7 +2371,7 @@ }, { "type": "frame", - "id": "n140", + "id": "n141", "name": "Lines 2–3", "width": "fill_container", "height": "fit_content", @@ -2369,7 +2382,7 @@ "children": [ { "type": "frame", - "id": "n141", + "id": "n142", "name": "Code", "width": 600.0, "height": "fill_container", @@ -2385,7 +2398,7 @@ "children": [ { "type": "frame", - "id": "n142", + "id": "n143", "name": "Line 2", "width": "fill_container", "height": 20.0, @@ -2396,7 +2409,7 @@ "children": [ { "type": "frame", - "id": "n143", + "id": "n144", "name": "Number", "width": 44.0, "height": 20.0, @@ -2408,7 +2421,7 @@ "children": [ { "type": "text", - "id": "n144", + "id": "n145", "name": "2", "width": "fit_content", "height": "fit_content", @@ -2429,7 +2442,7 @@ }, { "type": "frame", - "id": "n145", + "id": "n146", "name": "Margin", "width": 26.0, "height": 20.0, @@ -2437,7 +2450,7 @@ }, { "type": "text", - "id": "n146", + "id": "n147", "name": "import { useRouter } from 'next/navigati", "width": "fit_content", "height": "fit_content", @@ -2503,7 +2516,7 @@ }, { "type": "frame", - "id": "n147", + "id": "n148", "name": "Line 3", "width": "fill_container", "height": 20.0, @@ -2514,7 +2527,7 @@ "children": [ { "type": "frame", - "id": "n148", + "id": "n149", "name": "Number", "width": 44.0, "height": 20.0, @@ -2526,7 +2539,7 @@ "children": [ { "type": "text", - "id": "n149", + "id": "n150", "name": "3", "width": "fit_content", "height": "fit_content", @@ -2547,7 +2560,7 @@ }, { "type": "frame", - "id": "n150", + "id": "n151", "name": "Margin", "width": 26.0, "height": 20.0, @@ -2559,7 +2572,7 @@ }, { "type": "rectangle", - "id": "n151", + "id": "n152", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -2573,7 +2586,7 @@ }, { "type": "frame", - "id": "n152", + "id": "n153", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -2589,7 +2602,7 @@ "children": [ { "type": "frame", - "id": "n153", + "id": "n154", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -2600,7 +2613,7 @@ "children": [ { "type": "frame", - "id": "n154", + "id": "n155", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -2616,7 +2629,7 @@ "children": [ { "type": "frame", - "id": "n155", + "id": "n156", "name": "导入 / 'next/navigation'", "width": "fill_container", "height": "fit_content", @@ -2649,7 +2662,7 @@ "children": [ { "type": "frame", - "id": "n156", + "id": "n157", "name": "Fold", "width": 14.0, "height": 20.0, @@ -2661,7 +2674,7 @@ "children": [ { "type": "icon_font", - "id": "n157", + "id": "n158", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -2677,27 +2690,40 @@ }, { "type": "frame", - "id": "n158", - "name": "Kind / 导入", - "width": 20.0, + "id": "n159", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n159", - "name": "import", - "iconFontName": "import", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n160", + "name": "Concept / 导入", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#c586c0" + "type": "icon_font", + "id": "n161", + "name": "import", + "iconFontName": "import", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#c586c0" + } + ] } ] } @@ -2705,7 +2731,7 @@ }, { "type": "frame", - "id": "n160", + "id": "n162", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -2715,7 +2741,7 @@ "children": [ { "type": "frame", - "id": "n161", + "id": "n163", "name": "Summary", "width": "fill_container", "height": 20.0, @@ -2726,7 +2752,7 @@ "children": [ { "type": "text", - "id": "n162", + "id": "n164", "name": "来源", "width": "fit_content", "height": "fit_content", @@ -2745,7 +2771,7 @@ }, { "type": "text", - "id": "n163", + "id": "n165", "name": "'next/navigation'", "width": "fit_content", "height": "fit_content", @@ -2764,7 +2790,7 @@ }, { "type": "text", - "id": "n164", + "id": "n166", "name": "·", "width": "fit_content", "height": "fit_content", @@ -2783,7 +2809,7 @@ }, { "type": "text", - "id": "n165", + "id": "n167", "name": "导入项", "width": "fit_content", "height": "fit_content", @@ -2802,7 +2828,7 @@ }, { "type": "text", - "id": "n166", + "id": "n168", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -2825,7 +2851,7 @@ }, { "type": "frame", - "id": "n167", + "id": "n169", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -2836,7 +2862,7 @@ "children": [ { "type": "frame", - "id": "n168", + "id": "n170", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -2849,7 +2875,7 @@ "children": [ { "type": "icon_font", - "id": "n169", + "id": "n171", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -2865,7 +2891,7 @@ }, { "type": "frame", - "id": "n170", + "id": "n172", "name": "pencil", "width": 22.0, "height": 20.0, @@ -2878,7 +2904,7 @@ "children": [ { "type": "icon_font", - "id": "n171", + "id": "n173", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -2906,7 +2932,7 @@ }, { "type": "frame", - "id": "n172", + "id": "n174", "name": "Lines 4–5", "width": "fill_container", "height": "fit_content", @@ -2917,7 +2943,7 @@ "children": [ { "type": "frame", - "id": "n173", + "id": "n175", "name": "Code", "width": 600.0, "height": "fill_container", @@ -2933,7 +2959,7 @@ "children": [ { "type": "frame", - "id": "n174", + "id": "n176", "name": "Line 4", "width": "fill_container", "height": 20.0, @@ -2944,7 +2970,7 @@ "children": [ { "type": "frame", - "id": "n175", + "id": "n177", "name": "Number", "width": 44.0, "height": 20.0, @@ -2956,7 +2982,7 @@ "children": [ { "type": "text", - "id": "n176", + "id": "n178", "name": "4", "width": "fit_content", "height": "fit_content", @@ -2977,7 +3003,7 @@ }, { "type": "frame", - "id": "n177", + "id": "n179", "name": "Margin", "width": 26.0, "height": 20.0, @@ -2985,7 +3011,7 @@ }, { "type": "text", - "id": "n178", + "id": "n180", "name": "const ThemeContext = createContext [...m, e.data]) ws.onm", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "setMessages", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "m", + "fill": "#9cdcfe" + }, + { + "text": " => [...", + "fill": "#cccccc" + }, + { + "text": "m", + "fill": "#9cdcfe" + }, + { + "text": ", ", + "fill": "#cccccc" + }, + { + "text": "e", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "data", + "fill": "#9cdcfe" + }, + { + "text": "])", + "fill": "#cccccc" + }, + { + "text": " ws.onmessage 里", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -7932,7 +8313,7 @@ }, { "type": "frame", - "id": "n462", + "id": "n484", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -7943,7 +8324,7 @@ "children": [ { "type": "frame", - "id": "n463", + "id": "n485", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -7956,7 +8337,7 @@ "children": [ { "type": "icon_font", - "id": "n464", + "id": "n486", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -7972,7 +8353,7 @@ }, { "type": "frame", - "id": "n465", + "id": "n487", "name": "pencil", "width": 22.0, "height": 20.0, @@ -7985,7 +8366,7 @@ "children": [ { "type": "icon_font", - "id": "n466", + "id": "n488", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -8013,7 +8394,7 @@ }, { "type": "frame", - "id": "n467", + "id": "n489", "name": "Lines 15–19", "width": "fill_container", "height": "fit_content", @@ -8024,7 +8405,7 @@ "children": [ { "type": "frame", - "id": "n468", + "id": "n490", "name": "Code", "width": 600.0, "height": "fill_container", @@ -8040,7 +8421,7 @@ "children": [ { "type": "frame", - "id": "n469", + "id": "n491", "name": "Line 15", "width": "fill_container", "height": 20.0, @@ -8051,7 +8432,7 @@ "children": [ { "type": "frame", - "id": "n470", + "id": "n492", "name": "Number", "width": 44.0, "height": 20.0, @@ -8063,7 +8444,7 @@ "children": [ { "type": "text", - "id": "n471", + "id": "n493", "name": "15", "width": "fit_content", "height": "fit_content", @@ -8084,7 +8465,7 @@ }, { "type": "frame", - "id": "n472", + "id": "n494", "name": "Margin", "width": 41.66, "height": 20.0, @@ -8092,7 +8473,7 @@ }, { "type": "text", - "id": "n473", + "id": "n495", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -8142,7 +8523,7 @@ }, { "type": "frame", - "id": "n474", + "id": "n496", "name": "Line 16", "width": "fill_container", "height": 20.0, @@ -8153,7 +8534,7 @@ "children": [ { "type": "frame", - "id": "n475", + "id": "n497", "name": "Number", "width": 44.0, "height": 20.0, @@ -8165,7 +8546,7 @@ "children": [ { "type": "text", - "id": "n476", + "id": "n498", "name": "16", "width": "fit_content", "height": "fit_content", @@ -8186,7 +8567,7 @@ }, { "type": "frame", - "id": "n477", + "id": "n499", "name": "Margin", "width": 57.32, "height": 20.0, @@ -8194,7 +8575,7 @@ }, { "type": "text", - "id": "n478", + "id": "n500", "name": "const ws = connect(id)", "width": "fit_content", "height": "fit_content", @@ -8248,7 +8629,7 @@ }, { "type": "frame", - "id": "n479", + "id": "n501", "name": "Line 17", "width": "fill_container", "height": 20.0, @@ -8259,7 +8640,7 @@ "children": [ { "type": "frame", - "id": "n480", + "id": "n502", "name": "Number", "width": 44.0, "height": 20.0, @@ -8271,7 +8652,7 @@ "children": [ { "type": "text", - "id": "n481", + "id": "n503", "name": "17", "width": "fit_content", "height": "fit_content", @@ -8292,7 +8673,7 @@ }, { "type": "frame", - "id": "n482", + "id": "n504", "name": "Margin", "width": 57.32, "height": 20.0, @@ -8300,7 +8681,7 @@ }, { "type": "text", - "id": "n483", + "id": "n505", "name": "ws.onmessage = e => setMessages(m => [..", "width": "fit_content", "height": "fit_content", @@ -8414,7 +8795,7 @@ }, { "type": "frame", - "id": "n484", + "id": "n506", "name": "Line 18", "width": "fill_container", "height": 20.0, @@ -8425,7 +8806,7 @@ "children": [ { "type": "frame", - "id": "n485", + "id": "n507", "name": "Number", "width": 44.0, "height": 20.0, @@ -8437,7 +8818,7 @@ "children": [ { "type": "text", - "id": "n486", + "id": "n508", "name": "18", "width": "fit_content", "height": "fit_content", @@ -8458,7 +8839,7 @@ }, { "type": "frame", - "id": "n487", + "id": "n509", "name": "Margin", "width": 57.32, "height": 20.0, @@ -8466,7 +8847,7 @@ }, { "type": "text", - "id": "n488", + "id": "n510", "name": "return () => ws.close()", "width": "fit_content", "height": "fit_content", @@ -8528,7 +8909,7 @@ }, { "type": "frame", - "id": "n489", + "id": "n511", "name": "Line 19", "width": "fill_container", "height": 20.0, @@ -8539,7 +8920,7 @@ "children": [ { "type": "frame", - "id": "n490", + "id": "n512", "name": "Number", "width": 44.0, "height": 20.0, @@ -8551,7 +8932,7 @@ "children": [ { "type": "text", - "id": "n491", + "id": "n513", "name": "19", "width": "fit_content", "height": "fit_content", @@ -8572,7 +8953,7 @@ }, { "type": "frame", - "id": "n492", + "id": "n514", "name": "Margin", "width": 41.66, "height": 20.0, @@ -8580,7 +8961,7 @@ }, { "type": "text", - "id": "n493", + "id": "n515", "name": "}, [id])", "width": "fit_content", "height": "fit_content", @@ -8628,7 +9009,7 @@ }, { "type": "rectangle", - "id": "n494", + "id": "n516", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -8642,7 +9023,7 @@ }, { "type": "frame", - "id": "n495", + "id": "n517", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -8658,7 +9039,7 @@ "children": [ { "type": "frame", - "id": "n496", + "id": "n518", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -8669,7 +9050,7 @@ "children": [ { "type": "frame", - "id": "n497", + "id": "n519", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -8680,7 +9061,7 @@ "children": [ { "type": "rectangle", - "id": "n498", + "id": "n520", "name": "Line", "width": 1.0, "height": "fill_container", @@ -8696,7 +9077,7 @@ }, { "type": "frame", - "id": "n499", + "id": "n521", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -8712,7 +9093,7 @@ "children": [ { "type": "frame", - "id": "n500", + "id": "n522", "name": "钩子 / useEffect · id 变化时", "width": "fill_container", "height": "fit_content", @@ -8745,7 +9126,7 @@ "children": [ { "type": "frame", - "id": "n501", + "id": "n523", "name": "Fold", "width": 14.0, "height": 20.0, @@ -8757,7 +9138,7 @@ "children": [ { "type": "icon_font", - "id": "n502", + "id": "n524", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -8773,27 +9154,68 @@ }, { "type": "frame", - "id": "n503", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n525", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n504", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n526", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n527", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n528", + "name": "Concept / 副作用", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n529", + "name": "zap", + "iconFontName": "zap", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -8801,7 +9223,7 @@ }, { "type": "frame", - "id": "n505", + "id": "n530", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -8811,7 +9233,7 @@ "children": [ { "type": "frame", - "id": "n506", + "id": "n531", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -8822,7 +9244,7 @@ "children": [ { "type": "frame", - "id": "n507", + "id": "n532", "name": "Key", "width": 100.0, "height": 20.0, @@ -8833,7 +9255,7 @@ "children": [ { "type": "text", - "id": "n508", + "id": "n533", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -8853,108 +9275,27 @@ ] }, { - "type": "frame", - "id": "n509", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n534", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n510", - "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" - } - ] - }, + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n511", - "name": "Tag / 副作用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n512", - "name": "zap", - "iconFontName": "zap", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n513", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -8962,7 +9303,7 @@ }, { "type": "frame", - "id": "n514", + "id": "n535", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -8973,7 +9314,7 @@ "children": [ { "type": "frame", - "id": "n515", + "id": "n536", "name": "Key", "width": 100.0, "height": 20.0, @@ -8984,7 +9325,7 @@ "children": [ { "type": "icon_font", - "id": "n516", + "id": "n537", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -8998,7 +9339,7 @@ }, { "type": "text", - "id": "n517", + "id": "n538", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -9019,7 +9360,7 @@ }, { "type": "text", - "id": "n518", + "id": "n539", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -9040,7 +9381,7 @@ }, { "type": "frame", - "id": "n519", + "id": "n540", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -9056,7 +9397,7 @@ "children": [ { "type": "frame", - "id": "n520", + "id": "n541", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -9076,7 +9417,7 @@ "children": [ { "type": "frame", - "id": "n521", + "id": "n542", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -9093,7 +9434,7 @@ "children": [ { "type": "frame", - "id": "n522", + "id": "n543", "name": "参数", "width": 66.0, "height": "fit_content", @@ -9107,7 +9448,7 @@ "children": [ { "type": "text", - "id": "n523", + "id": "n544", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -9128,7 +9469,7 @@ }, { "type": "rectangle", - "id": "n524", + "id": "n545", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -9142,9 +9483,9 @@ }, { "type": "frame", - "id": "n525", + "id": "n546", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -9156,7 +9497,7 @@ "children": [ { "type": "text", - "id": "n526", + "id": "n547", "name": "值", "width": "fit_content", "height": "fit_content", @@ -9179,7 +9520,7 @@ }, { "type": "rectangle", - "id": "n527", + "id": "n548", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -9193,7 +9534,7 @@ }, { "type": "frame", - "id": "n528", + "id": "n549", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -9204,7 +9545,7 @@ "children": [ { "type": "frame", - "id": "n529", + "id": "n550", "name": "参数", "width": 66.0, "height": "fit_content", @@ -9218,7 +9559,7 @@ "children": [ { "type": "text", - "id": "n530", + "id": "n551", "name": "effect", "width": "fit_content", "height": "fit_content", @@ -9239,7 +9580,7 @@ }, { "type": "rectangle", - "id": "n531", + "id": "n552", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -9253,9 +9594,9 @@ }, { "type": "frame", - "id": "n532", + "id": "n553", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -9267,7 +9608,7 @@ "children": [ { "type": "frame", - "id": "n533", + "id": "n554", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -9300,7 +9641,7 @@ "children": [ { "type": "icon_font", - "id": "n534", + "id": "n555", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -9314,7 +9655,7 @@ }, { "type": "text", - "id": "n535", + "id": "n556", "name": "函数 · 3 句", "width": "fit_content", "height": "fit_content", @@ -9348,7 +9689,7 @@ }, { "type": "rectangle", - "id": "n536", + "id": "n557", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -9362,7 +9703,7 @@ }, { "type": "frame", - "id": "n537", + "id": "n558", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -9373,7 +9714,7 @@ "children": [ { "type": "frame", - "id": "n538", + "id": "n559", "name": "参数", "width": 66.0, "height": "fit_content", @@ -9387,7 +9728,7 @@ "children": [ { "type": "text", - "id": "n539", + "id": "n560", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -9408,7 +9749,7 @@ }, { "type": "rectangle", - "id": "n540", + "id": "n561", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -9422,9 +9763,9 @@ }, { "type": "frame", - "id": "n541", + "id": "n562", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -9436,7 +9777,7 @@ "children": [ { "type": "text", - "id": "n542", + "id": "n563", "name": "id 变化时", "width": "fit_content", "height": "fit_content", @@ -9472,71 +9813,7 @@ }, { "type": "frame", - "id": "n543", - "name": "Prop / 用到", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n544", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n545", - "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": "n546", - "name": "id", - "width": "fit_content", - "height": "fit_content", - "content": "id", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n547", + "id": "n564", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -9547,7 +9824,7 @@ "children": [ { "type": "frame", - "id": "n548", + "id": "n565", "name": "Key", "width": 100.0, "height": 20.0, @@ -9556,9 +9833,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n566", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n549", + "id": "n567", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -9579,21 +9870,12 @@ }, { "type": "text", - "id": "n550", - "name": "状态 messages", + "id": "n568", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "状态 ", - "fill": "#cccccc" - }, - { - "text": "messages", - "fill": "#9cdcfe" - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -9601,7 +9883,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -9609,7 +9891,311 @@ }, { "type": "frame", - "id": "n551", + "id": "n569", + "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": "n570", + "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": "n571", + "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": "n572", + "name": "改了", + "width": 116.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n573", + "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": "n574", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n575", + "name": "写法", + "width": 467.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n576", + "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": "n577", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n578", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n579", + "name": "改了", + "width": 116.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n580", + "name": "状态 messages", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "状态 ", + "fill": "#cccccc" + }, + { + "text": "messages", + "fill": "#9cdcfe" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n581", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n582", + "name": "写法", + "width": 467.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n583", + "name": "setMessages(m => [...m, e.data])", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "setMessages", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "m", + "fill": "#9cdcfe" + }, + { + "text": " => [...", + "fill": "#cccccc" + }, + { + "text": "m", + "fill": "#9cdcfe" + }, + { + "text": ", ", + "fill": "#cccccc" + }, + { + "text": "e", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "data", + "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": "n584", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -9620,7 +10206,7 @@ "children": [ { "type": "frame", - "id": "n552", + "id": "n585", "name": "Key", "width": 100.0, "height": 20.0, @@ -9631,7 +10217,7 @@ "children": [ { "type": "text", - "id": "n553", + "id": "n586", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -9652,7 +10238,7 @@ }, { "type": "text", - "id": "n554", + "id": "n587", "name": "ws.close()", "width": "fit_content", "height": "fit_content", @@ -9692,7 +10278,7 @@ }, { "type": "frame", - "id": "n555", + "id": "n588", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -9703,7 +10289,7 @@ "children": [ { "type": "frame", - "id": "n556", + "id": "n589", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -9716,7 +10302,7 @@ "children": [ { "type": "icon_font", - "id": "n557", + "id": "n590", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -9732,7 +10318,7 @@ }, { "type": "frame", - "id": "n558", + "id": "n591", "name": "pencil", "width": 22.0, "height": 20.0, @@ -9745,7 +10331,7 @@ "children": [ { "type": "icon_font", - "id": "n559", + "id": "n592", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -9773,7 +10359,7 @@ }, { "type": "frame", - "id": "n560", + "id": "n593", "name": "Lines 20–21", "width": "fill_container", "height": "fit_content", @@ -9784,7 +10370,7 @@ "children": [ { "type": "frame", - "id": "n561", + "id": "n594", "name": "Code", "width": 600.0, "height": "fill_container", @@ -9800,7 +10386,7 @@ "children": [ { "type": "frame", - "id": "n562", + "id": "n595", "name": "Line 20", "width": "fill_container", "height": 20.0, @@ -9811,7 +10397,7 @@ "children": [ { "type": "frame", - "id": "n563", + "id": "n596", "name": "Number", "width": 44.0, "height": 20.0, @@ -9823,7 +10409,7 @@ "children": [ { "type": "text", - "id": "n564", + "id": "n597", "name": "20", "width": "fit_content", "height": "fit_content", @@ -9844,7 +10430,7 @@ }, { "type": "frame", - "id": "n565", + "id": "n598", "name": "Margin", "width": 41.66, "height": 20.0, @@ -9852,7 +10438,7 @@ }, { "type": "text", - "id": "n566", + "id": "n599", "name": "return { messages }", "width": "fit_content", "height": "fit_content", @@ -9902,7 +10488,7 @@ }, { "type": "frame", - "id": "n567", + "id": "n600", "name": "Line 21", "width": "fill_container", "height": 20.0, @@ -9913,7 +10499,7 @@ "children": [ { "type": "frame", - "id": "n568", + "id": "n601", "name": "Number", "width": 44.0, "height": 20.0, @@ -9925,7 +10511,7 @@ "children": [ { "type": "text", - "id": "n569", + "id": "n602", "name": "21", "width": "fit_content", "height": "fit_content", @@ -9946,7 +10532,7 @@ }, { "type": "frame", - "id": "n570", + "id": "n603", "name": "Margin", "width": 26.0, "height": 20.0, @@ -9954,7 +10540,7 @@ }, { "type": "text", - "id": "n571", + "id": "n604", "name": "}", "width": "fit_content", "height": "fit_content", @@ -9977,7 +10563,7 @@ }, { "type": "rectangle", - "id": "n572", + "id": "n605", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -9991,7 +10577,7 @@ }, { "type": "frame", - "id": "n573", + "id": "n606", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -10007,7 +10593,7 @@ "children": [ { "type": "frame", - "id": "n574", + "id": "n607", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -10023,7 +10609,7 @@ }, { "type": "frame", - "id": "n575", + "id": "n608", "name": "End", "width": "fill_container", "height": 28.0, @@ -10034,7 +10620,7 @@ "children": [ { "type": "frame", - "id": "n576", + "id": "n609", "name": "Code", "width": 600.0, "height": 28.0, @@ -10042,7 +10628,7 @@ }, { "type": "rectangle", - "id": "n577", + "id": "n610", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -10062,7 +10648,7 @@ }, { "type": "frame", - "id": "n578", + "id": "n611", "name": "Status", "width": "fill_container", "height": 26.0, @@ -10084,7 +10670,7 @@ "children": [ { "type": "frame", - "id": "n579", + "id": "n612", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -10095,7 +10681,7 @@ "children": [ { "type": "icon_font", - "id": "n580", + "id": "n613", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -10109,7 +10695,7 @@ }, { "type": "text", - "id": "n581", + "id": "n614", "name": "master", "width": "fit_content", "height": "fit_content", @@ -10130,7 +10716,7 @@ }, { "type": "frame", - "id": "n582", + "id": "n615", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -10141,7 +10727,7 @@ "children": [ { "type": "text", - "id": "n583", + "id": "n616", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -10160,7 +10746,7 @@ }, { "type": "text", - "id": "n584", + "id": "n617", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content", @@ -10185,7 +10771,7 @@ }, { "type": "frame", - "id": "n585", + "id": "n618", "name": "Prototype / React 钩子 · 组件 Panel", "x": 1780.0, "y": 0.0, @@ -10203,7 +10789,7 @@ "children": [ { "type": "frame", - "id": "n586", + "id": "n619", "name": "Title bar", "width": "fill_container", "height": 36.0, @@ -10219,7 +10805,7 @@ "children": [ { "type": "frame", - "id": "n587", + "id": "n620", "name": "Lights", "width": "fit_content", "height": "fit_content", @@ -10230,7 +10816,7 @@ "children": [ { "type": "ellipse", - "id": "n588", + "id": "n621", "width": 12.0, "height": 12.0, "fill": [ @@ -10242,7 +10828,7 @@ }, { "type": "ellipse", - "id": "n589", + "id": "n622", "width": 12.0, "height": 12.0, "fill": [ @@ -10254,7 +10840,7 @@ }, { "type": "ellipse", - "id": "n590", + "id": "n623", "width": 12.0, "height": 12.0, "fill": [ @@ -10268,7 +10854,7 @@ }, { "type": "text", - "id": "n591", + "id": "n624", "name": "web — Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -10287,7 +10873,7 @@ }, { "type": "frame", - "id": "n592", + "id": "n625", "name": "Balance", "width": 52.0, "height": 12.0, @@ -10297,7 +10883,7 @@ }, { "type": "frame", - "id": "n593", + "id": "n626", "name": "Body", "width": "fill_container", "height": "fit_content", @@ -10314,7 +10900,7 @@ "children": [ { "type": "frame", - "id": "n594", + "id": "n627", "name": "Activity bar", "width": 48.0, "height": "fit_content", @@ -10330,7 +10916,7 @@ "children": [ { "type": "frame", - "id": "n595", + "id": "n628", "name": "Item / files", "width": 48.0, "height": 42.0, @@ -10342,7 +10928,7 @@ "children": [ { "type": "icon_font", - "id": "n596", + "id": "n629", "name": "files", "iconFontName": "files", "width": 22.0, @@ -10358,7 +10944,7 @@ }, { "type": "frame", - "id": "n597", + "id": "n630", "name": "Item / search", "width": 48.0, "height": 42.0, @@ -10370,7 +10956,7 @@ "children": [ { "type": "icon_font", - "id": "n598", + "id": "n631", "name": "search", "iconFontName": "search", "width": 22.0, @@ -10386,7 +10972,7 @@ }, { "type": "frame", - "id": "n599", + "id": "n632", "name": "Item / git-branch", "width": 48.0, "height": 42.0, @@ -10398,7 +10984,7 @@ "children": [ { "type": "icon_font", - "id": "n600", + "id": "n633", "name": "git-branch", "iconFontName": "git-branch", "width": 22.0, @@ -10414,7 +11000,7 @@ }, { "type": "frame", - "id": "n601", + "id": "n634", "name": "Item / play", "width": 48.0, "height": 42.0, @@ -10426,7 +11012,7 @@ "children": [ { "type": "icon_font", - "id": "n602", + "id": "n635", "name": "play", "iconFontName": "play", "width": 22.0, @@ -10442,7 +11028,7 @@ }, { "type": "frame", - "id": "n603", + "id": "n636", "name": "Item / monitor", "width": 48.0, "height": 42.0, @@ -10454,7 +11040,7 @@ "children": [ { "type": "icon_font", - "id": "n604", + "id": "n637", "name": "monitor", "iconFontName": "monitor", "width": 22.0, @@ -10470,7 +11056,7 @@ }, { "type": "frame", - "id": "n605", + "id": "n638", "name": "Item / blocks", "width": 48.0, "height": 42.0, @@ -10482,7 +11068,7 @@ "children": [ { "type": "icon_font", - "id": "n606", + "id": "n639", "name": "blocks", "iconFontName": "blocks", "width": 22.0, @@ -10498,7 +11084,7 @@ }, { "type": "frame", - "id": "n607", + "id": "n640", "name": "Item / rocket", "width": 48.0, "height": 42.0, @@ -10510,7 +11096,7 @@ "children": [ { "type": "icon_font", - "id": "n608", + "id": "n641", "name": "rocket", "iconFontName": "rocket", "width": 22.0, @@ -10526,7 +11112,7 @@ }, { "type": "frame", - "id": "n609", + "id": "n642", "name": "Item / book-open-text", "width": 48.0, "height": 42.0, @@ -10538,7 +11124,7 @@ "children": [ { "type": "rectangle", - "id": "n610", + "id": "n643", "name": "Active bar", "width": 2.0, "height": 42.0, @@ -10552,7 +11138,7 @@ }, { "type": "icon_font", - "id": "n611", + "id": "n644", "name": "book-open-text", "iconFontName": "book-open-text", "width": 22.0, @@ -10570,7 +11156,7 @@ }, { "type": "frame", - "id": "n612", + "id": "n645", "name": "Sidebar", "width": 250.0, "height": "fit_content", @@ -10586,7 +11172,7 @@ "children": [ { "type": "frame", - "id": "n613", + "id": "n646", "name": "Header", "width": "fill_container", "height": 34.0, @@ -10604,7 +11190,7 @@ "children": [ { "type": "text", - "id": "n614", + "id": "n647", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -10623,7 +11209,7 @@ }, { "type": "frame", - "id": "n615", + "id": "n648", "name": "Actions", "width": "fit_content", "height": "fit_content", @@ -10634,7 +11220,7 @@ "children": [ { "type": "icon_font", - "id": "n616", + "id": "n649", "name": "git-pull-request", "iconFontName": "git-pull-request", "width": 14.0, @@ -10648,7 +11234,7 @@ }, { "type": "icon_font", - "id": "n617", + "id": "n650", "name": "file-plus", "iconFontName": "file-plus", "width": 14.0, @@ -10662,7 +11248,7 @@ }, { "type": "icon_font", - "id": "n618", + "id": "n651", "name": "refresh-cw", "iconFontName": "refresh-cw", "width": 14.0, @@ -10680,7 +11266,7 @@ }, { "type": "frame", - "id": "n619", + "id": "n652", "name": "Tree", "width": "fill_container", "height": "fit_content", @@ -10696,7 +11282,7 @@ "children": [ { "type": "frame", - "id": "n620", + "id": "n653", "name": "src", "width": "fill_container", "height": 26.0, @@ -10713,7 +11299,7 @@ "children": [ { "type": "icon_font", - "id": "n621", + "id": "n654", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10727,7 +11313,7 @@ }, { "type": "icon_font", - "id": "n622", + "id": "n655", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -10741,7 +11327,7 @@ }, { "type": "text", - "id": "n623", + "id": "n656", "name": "src", "width": "fit_content", "height": "fit_content", @@ -10762,7 +11348,7 @@ }, { "type": "frame", - "id": "n624", + "id": "n657", "name": "chat", "width": "fill_container", "height": 26.0, @@ -10779,7 +11365,7 @@ "children": [ { "type": "icon_font", - "id": "n625", + "id": "n658", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10793,7 +11379,7 @@ }, { "type": "icon_font", - "id": "n626", + "id": "n659", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -10807,7 +11393,7 @@ }, { "type": "text", - "id": "n627", + "id": "n660", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -10828,7 +11414,7 @@ }, { "type": "frame", - "id": "n628", + "id": "n661", "name": "Panel.tsx", "width": "fill_container", "height": 26.0, @@ -10851,7 +11437,7 @@ "children": [ { "type": "frame", - "id": "n629", + "id": "n662", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10859,7 +11445,7 @@ }, { "type": "icon_font", - "id": "n630", + "id": "n663", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10873,7 +11459,7 @@ }, { "type": "text", - "id": "n631", + "id": "n664", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -10894,7 +11480,7 @@ }, { "type": "frame", - "id": "n632", + "id": "n665", "name": "Row.tsx", "width": "fill_container", "height": 26.0, @@ -10911,7 +11497,7 @@ "children": [ { "type": "frame", - "id": "n633", + "id": "n666", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10919,7 +11505,7 @@ }, { "type": "icon_font", - "id": "n634", + "id": "n667", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10933,7 +11519,7 @@ }, { "type": "text", - "id": "n635", + "id": "n668", "name": "Row.tsx", "width": "fit_content", "height": "fit_content", @@ -10954,7 +11540,7 @@ }, { "type": "frame", - "id": "n636", + "id": "n669", "name": "Spinner.tsx", "width": "fill_container", "height": 26.0, @@ -10971,7 +11557,7 @@ "children": [ { "type": "frame", - "id": "n637", + "id": "n670", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10979,7 +11565,7 @@ }, { "type": "icon_font", - "id": "n638", + "id": "n671", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10993,7 +11579,7 @@ }, { "type": "text", - "id": "n639", + "id": "n672", "name": "Spinner.tsx", "width": "fit_content", "height": "fit_content", @@ -11014,7 +11600,7 @@ }, { "type": "frame", - "id": "n640", + "id": "n673", "name": "lib", "width": "fill_container", "height": 26.0, @@ -11031,7 +11617,7 @@ "children": [ { "type": "icon_font", - "id": "n641", + "id": "n674", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -11045,7 +11631,7 @@ }, { "type": "icon_font", - "id": "n642", + "id": "n675", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -11059,7 +11645,7 @@ }, { "type": "text", - "id": "n643", + "id": "n676", "name": "lib", "width": "fit_content", "height": "fit_content", @@ -11080,7 +11666,7 @@ }, { "type": "frame", - "id": "n644", + "id": "n677", "name": "App.tsx", "width": "fill_container", "height": 26.0, @@ -11097,7 +11683,7 @@ "children": [ { "type": "frame", - "id": "n645", + "id": "n678", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -11105,7 +11691,7 @@ }, { "type": "icon_font", - "id": "n646", + "id": "n679", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -11119,7 +11705,7 @@ }, { "type": "text", - "id": "n647", + "id": "n680", "name": "App.tsx", "width": "fit_content", "height": "fit_content", @@ -11144,7 +11730,7 @@ }, { "type": "frame", - "id": "n648", + "id": "n681", "name": "Editor", "width": "fill_container", "height": "fit_content", @@ -11160,7 +11746,7 @@ "children": [ { "type": "frame", - "id": "n649", + "id": "n682", "name": "Group heads", "width": "fill_container", "height": "fit_content", @@ -11171,7 +11757,7 @@ "children": [ { "type": "frame", - "id": "n650", + "id": "n683", "name": "Editor group 1", "width": 600.0, "height": "fit_content", @@ -11181,7 +11767,7 @@ "children": [ { "type": "frame", - "id": "n651", + "id": "n684", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -11199,7 +11785,7 @@ "children": [ { "type": "frame", - "id": "n652", + "id": "n685", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -11215,7 +11801,7 @@ "children": [ { "type": "rectangle", - "id": "n653", + "id": "n686", "name": "Active", "width": "fill_container", "height": 2.0, @@ -11229,7 +11815,7 @@ }, { "type": "frame", - "id": "n654", + "id": "n687", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -11244,7 +11830,7 @@ "children": [ { "type": "icon_font", - "id": "n655", + "id": "n688", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -11258,7 +11844,7 @@ }, { "type": "text", - "id": "n656", + "id": "n689", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11283,7 +11869,7 @@ }, { "type": "frame", - "id": "n657", + "id": "n690", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -11298,7 +11884,7 @@ "children": [ { "type": "text", - "id": "n658", + "id": "n691", "name": "src", "width": "fit_content", "height": "fit_content", @@ -11317,7 +11903,7 @@ }, { "type": "text", - "id": "n659", + "id": "n692", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11336,7 +11922,7 @@ }, { "type": "text", - "id": "n660", + "id": "n693", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -11355,7 +11941,7 @@ }, { "type": "text", - "id": "n661", + "id": "n694", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11374,7 +11960,7 @@ }, { "type": "text", - "id": "n662", + "id": "n695", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11395,7 +11981,7 @@ }, { "type": "frame", - "id": "n663", + "id": "n696", "name": "Filter room", "width": "fill_container", "height": 36.0, @@ -11405,7 +11991,7 @@ }, { "type": "rectangle", - "id": "n664", + "id": "n697", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -11419,7 +12005,7 @@ }, { "type": "frame", - "id": "n665", + "id": "n698", "name": "Editor group 2", "width": "fill_container", "height": "fit_content", @@ -11429,7 +12015,7 @@ "children": [ { "type": "frame", - "id": "n666", + "id": "n699", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -11447,7 +12033,7 @@ "children": [ { "type": "frame", - "id": "n667", + "id": "n700", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -11463,7 +12049,7 @@ "children": [ { "type": "rectangle", - "id": "n668", + "id": "n701", "name": "Active", "width": "fill_container", "height": 2.0, @@ -11477,7 +12063,7 @@ }, { "type": "frame", - "id": "n669", + "id": "n702", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -11492,7 +12078,7 @@ "children": [ { "type": "icon_font", - "id": "n670", + "id": "n703", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -11506,7 +12092,7 @@ }, { "type": "text", - "id": "n671", + "id": "n704", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11529,7 +12115,7 @@ }, { "type": "frame", - "id": "n672", + "id": "n705", "name": "Mode", "width": "fit_content", "height": "fit_content", @@ -11560,7 +12146,7 @@ "children": [ { "type": "frame", - "id": "n673", + "id": "n706", "name": "Seg / 编辑", "width": "fit_content", "height": "fit_content", @@ -11576,7 +12162,7 @@ "children": [ { "type": "icon_font", - "id": "n674", + "id": "n707", "name": "pencil", "iconFontName": "pencil", "width": 13.0, @@ -11590,7 +12176,7 @@ }, { "type": "text", - "id": "n675", + "id": "n708", "name": "编辑", "width": "fit_content", "height": "fit_content", @@ -11611,7 +12197,7 @@ }, { "type": "frame", - "id": "n676", + "id": "n709", "name": "Seg / 预览", "width": "fit_content", "height": "fit_content", @@ -11633,7 +12219,7 @@ "children": [ { "type": "icon_font", - "id": "n677", + "id": "n710", "name": "eye", "iconFontName": "eye", "width": 13.0, @@ -11647,7 +12233,7 @@ }, { "type": "text", - "id": "n678", + "id": "n711", "name": "预览", "width": "fit_content", "height": "fit_content", @@ -11670,7 +12256,7 @@ }, { "type": "frame", - "id": "n679", + "id": "n712", "name": "Pad", "width": 8.0, "height": 8.0, @@ -11680,7 +12266,7 @@ }, { "type": "frame", - "id": "n680", + "id": "n713", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -11695,7 +12281,7 @@ "children": [ { "type": "text", - "id": "n681", + "id": "n714", "name": "src", "width": "fit_content", "height": "fit_content", @@ -11714,7 +12300,7 @@ }, { "type": "text", - "id": "n682", + "id": "n715", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11733,7 +12319,7 @@ }, { "type": "text", - "id": "n683", + "id": "n716", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -11752,7 +12338,7 @@ }, { "type": "text", - "id": "n684", + "id": "n717", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11771,7 +12357,7 @@ }, { "type": "text", - "id": "n685", + "id": "n718", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11792,7 +12378,7 @@ }, { "type": "frame", - "id": "n686", + "id": "n719", "name": "Filter", "width": "fill_container", "height": 36.0, @@ -11807,7 +12393,7 @@ "children": [ { "type": "text", - "id": "n687", + "id": "n720", "name": "筛选", "width": "fit_content", "height": "fit_content", @@ -11826,7 +12412,7 @@ }, { "type": "frame", - "id": "n688", + "id": "n721", "name": "Chip / 种类", "width": "fit_content", "height": 24.0, @@ -11848,7 +12434,7 @@ "children": [ { "type": "text", - "id": "n689", + "id": "n722", "name": "种类", "width": "fit_content", "height": "fit_content", @@ -11867,7 +12453,7 @@ }, { "type": "icon_font", - "id": "n690", + "id": "n723", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -11883,7 +12469,7 @@ }, { "type": "frame", - "id": "n691", + "id": "n724", "name": "Chip / 访问级别", "width": "fit_content", "height": 24.0, @@ -11905,7 +12491,7 @@ "children": [ { "type": "text", - "id": "n692", + "id": "n725", "name": "访问级别", "width": "fit_content", "height": "fit_content", @@ -11924,7 +12510,7 @@ }, { "type": "icon_font", - "id": "n693", + "id": "n726", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -11940,7 +12526,7 @@ }, { "type": "frame", - "id": "n694", + "id": "n727", "name": "Spacer", "width": "fill_container", "height": 8.0, @@ -11948,7 +12534,7 @@ }, { "type": "text", - "id": "n695", + "id": "n728", "name": "6 块", "width": "fit_content", "height": "fit_content", @@ -11973,7 +12559,7 @@ }, { "type": "frame", - "id": "n696", + "id": "n729", "name": "Lines 23–23", "width": "fill_container", "height": "fit_content", @@ -11984,7 +12570,7 @@ "children": [ { "type": "frame", - "id": "n697", + "id": "n730", "name": "Code", "width": 600.0, "height": "fill_container", @@ -12000,7 +12586,7 @@ "children": [ { "type": "frame", - "id": "n698", + "id": "n731", "name": "Line 23", "width": "fill_container", "height": 20.0, @@ -12011,7 +12597,7 @@ "children": [ { "type": "frame", - "id": "n699", + "id": "n732", "name": "Number", "width": 44.0, "height": 20.0, @@ -12023,7 +12609,7 @@ "children": [ { "type": "text", - "id": "n700", + "id": "n733", "name": "23", "width": "fit_content", "height": "fit_content", @@ -12044,7 +12630,7 @@ }, { "type": "frame", - "id": "n701", + "id": "n734", "name": "Margin", "width": 26.0, "height": 20.0, @@ -12052,7 +12638,7 @@ }, { "type": "text", - "id": "n702", + "id": "n735", "name": "export function Panel({ id, onClose }: P", "width": "fit_content", "height": "fit_content", @@ -12148,7 +12734,7 @@ }, { "type": "rectangle", - "id": "n703", + "id": "n736", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -12162,7 +12748,7 @@ }, { "type": "frame", - "id": "n704", + "id": "n737", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -12178,7 +12764,7 @@ "children": [ { "type": "frame", - "id": "n705", + "id": "n738", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -12189,7 +12775,7 @@ "children": [ { "type": "frame", - "id": "n706", + "id": "n739", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -12205,7 +12791,7 @@ "children": [ { "type": "frame", - "id": "n707", + "id": "n740", "name": "React 组件 / Panel", "width": "fill_container", "height": "fit_content", @@ -12238,7 +12824,7 @@ "children": [ { "type": "frame", - "id": "n708", + "id": "n741", "name": "Fold", "width": 14.0, "height": 20.0, @@ -12250,7 +12836,7 @@ "children": [ { "type": "icon_font", - "id": "n709", + "id": "n742", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -12266,27 +12852,40 @@ }, { "type": "frame", - "id": "n710", - "name": "Kind / React 组件", - "width": 20.0, + "id": "n743", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n711", - "name": "atom", - "iconFontName": "atom", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n744", + "name": "Concept / React 组件", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#61dafb" + "type": "icon_font", + "id": "n745", + "name": "atom", + "iconFontName": "atom", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#61dafb" + } + ] } ] } @@ -12294,7 +12893,7 @@ }, { "type": "frame", - "id": "n712", + "id": "n746", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -12304,7 +12903,7 @@ "children": [ { "type": "frame", - "id": "n713", + "id": "n747", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -12315,7 +12914,7 @@ "children": [ { "type": "frame", - "id": "n714", + "id": "n748", "name": "Key", "width": 76.0, "height": 20.0, @@ -12326,7 +12925,7 @@ "children": [ { "type": "text", - "id": "n715", + "id": "n749", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -12347,7 +12946,7 @@ }, { "type": "frame", - "id": "n716", + "id": "n750", "name": "Value", "width": "fill_container", "height": 20.0, @@ -12358,7 +12957,7 @@ "children": [ { "type": "text", - "id": "n717", + "id": "n751", "name": "Panel", "width": "fit_content", "height": "fit_content", @@ -12377,7 +12976,7 @@ }, { "type": "frame", - "id": "n718", + "id": "n752", "name": "Tag / 具名导出", "width": "fit_content", "height": 18.0, @@ -12408,7 +13007,7 @@ "children": [ { "type": "text", - "id": "n719", + "id": "n753", "name": "具名导出", "width": "fit_content", "height": "fit_content", @@ -12433,7 +13032,7 @@ }, { "type": "frame", - "id": "n720", + "id": "n754", "name": "Prop / 构造参数", "width": "fill_container", "height": "fit_content", @@ -12444,7 +13043,7 @@ "children": [ { "type": "frame", - "id": "n721", + "id": "n755", "name": "Key", "width": 76.0, "height": 20.0, @@ -12455,7 +13054,7 @@ "children": [ { "type": "icon_font", - "id": "n722", + "id": "n756", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -12469,7 +13068,7 @@ }, { "type": "text", - "id": "n723", + "id": "n757", "name": "构造参数", "width": "fit_content", "height": "fit_content", @@ -12490,7 +13089,7 @@ }, { "type": "text", - "id": "n724", + "id": "n758", "name": "2 个 · 类型 Props", "width": "fit_content", "height": "fit_content", @@ -12521,7 +13120,7 @@ }, { "type": "frame", - "id": "n725", + "id": "n759", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -12537,7 +13136,7 @@ "children": [ { "type": "frame", - "id": "n726", + "id": "n760", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -12557,7 +13156,7 @@ "children": [ { "type": "frame", - "id": "n727", + "id": "n761", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -12574,7 +13173,7 @@ "children": [ { "type": "frame", - "id": "n728", + "id": "n762", "name": "名称", "width": 115.0, "height": "fit_content", @@ -12588,7 +13187,7 @@ "children": [ { "type": "text", - "id": "n729", + "id": "n763", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -12609,7 +13208,7 @@ }, { "type": "rectangle", - "id": "n730", + "id": "n764", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12623,7 +13222,7 @@ }, { "type": "frame", - "id": "n731", + "id": "n765", "name": "类型", "width": 79.0, "height": "fit_content", @@ -12637,7 +13236,7 @@ "children": [ { "type": "text", - "id": "n732", + "id": "n766", "name": "类型", "width": "fit_content", "height": "fit_content", @@ -12658,7 +13257,7 @@ }, { "type": "rectangle", - "id": "n733", + "id": "n767", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12672,7 +13271,7 @@ }, { "type": "frame", - "id": "n734", + "id": "n768", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -12686,7 +13285,7 @@ "children": [ { "type": "text", - "id": "n735", + "id": "n769", "name": "默认值", "width": "fit_content", "height": "fit_content", @@ -12707,7 +13306,7 @@ }, { "type": "rectangle", - "id": "n736", + "id": "n770", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12721,7 +13320,7 @@ }, { "type": "frame", - "id": "n737", + "id": "n771", "name": "必填", "width": 373.0, "height": "fit_content", @@ -12735,7 +13334,7 @@ "children": [ { "type": "text", - "id": "n738", + "id": "n772", "name": "必填", "width": "fit_content", "height": "fit_content", @@ -12758,7 +13357,7 @@ }, { "type": "rectangle", - "id": "n739", + "id": "n773", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -12772,7 +13371,7 @@ }, { "type": "frame", - "id": "n740", + "id": "n774", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -12783,7 +13382,7 @@ "children": [ { "type": "frame", - "id": "n741", + "id": "n775", "name": "名称", "width": 115.0, "height": "fit_content", @@ -12797,7 +13396,7 @@ "children": [ { "type": "frame", - "id": "n742", + "id": "n776", "name": "Name", "width": "fit_content", "height": 20.0, @@ -12808,7 +13407,7 @@ "children": [ { "type": "text", - "id": "n743", + "id": "n777", "name": "id", "width": "fit_content", "height": "fit_content", @@ -12831,7 +13430,7 @@ }, { "type": "rectangle", - "id": "n744", + "id": "n778", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12845,7 +13444,7 @@ }, { "type": "frame", - "id": "n745", + "id": "n779", "name": "类型", "width": 79.0, "height": "fit_content", @@ -12859,7 +13458,7 @@ "children": [ { "type": "text", - "id": "n746", + "id": "n780", "name": "字符串", "width": "fit_content", "height": "fit_content", @@ -12880,7 +13479,7 @@ }, { "type": "rectangle", - "id": "n747", + "id": "n781", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12894,7 +13493,7 @@ }, { "type": "frame", - "id": "n748", + "id": "n782", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -12908,7 +13507,7 @@ "children": [ { "type": "text", - "id": "n749", + "id": "n783", "name": "—", "width": "fit_content", "height": "fit_content", @@ -12929,7 +13528,7 @@ }, { "type": "rectangle", - "id": "n750", + "id": "n784", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -12943,7 +13542,7 @@ }, { "type": "frame", - "id": "n751", + "id": "n785", "name": "必填", "width": 373.0, "height": "fit_content", @@ -12957,7 +13556,7 @@ "children": [ { "type": "text", - "id": "n752", + "id": "n786", "name": "是", "width": "fit_content", "height": "fit_content", @@ -12980,7 +13579,7 @@ }, { "type": "rectangle", - "id": "n753", + "id": "n787", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -12994,7 +13593,7 @@ }, { "type": "frame", - "id": "n754", + "id": "n788", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -13005,7 +13604,7 @@ "children": [ { "type": "frame", - "id": "n755", + "id": "n789", "name": "名称", "width": 115.0, "height": "fit_content", @@ -13019,7 +13618,7 @@ "children": [ { "type": "frame", - "id": "n756", + "id": "n790", "name": "Name", "width": "fit_content", "height": 20.0, @@ -13030,7 +13629,7 @@ "children": [ { "type": "text", - "id": "n757", + "id": "n791", "name": "onClose", "width": "fit_content", "height": "fit_content", @@ -13049,7 +13648,7 @@ }, { "type": "frame", - "id": "n758", + "id": "n792", "name": "Tag / 回调", "width": "fit_content", "height": 18.0, @@ -13080,7 +13679,7 @@ "children": [ { "type": "text", - "id": "n759", + "id": "n793", "name": "回调", "width": "fit_content", "height": "fit_content", @@ -13105,7 +13704,7 @@ }, { "type": "rectangle", - "id": "n760", + "id": "n794", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13119,7 +13718,7 @@ }, { "type": "frame", - "id": "n761", + "id": "n795", "name": "类型", "width": 79.0, "height": "fit_content", @@ -13133,7 +13732,7 @@ "children": [ { "type": "text", - "id": "n762", + "id": "n796", "name": "() => 无", "width": "fit_content", "height": "fit_content", @@ -13163,7 +13762,7 @@ }, { "type": "rectangle", - "id": "n763", + "id": "n797", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13177,7 +13776,7 @@ }, { "type": "frame", - "id": "n764", + "id": "n798", "name": "默认值", "width": 56.0, "height": "fit_content", @@ -13191,7 +13790,7 @@ "children": [ { "type": "text", - "id": "n765", + "id": "n799", "name": "—", "width": "fit_content", "height": "fit_content", @@ -13212,7 +13811,7 @@ }, { "type": "rectangle", - "id": "n766", + "id": "n800", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13226,7 +13825,7 @@ }, { "type": "frame", - "id": "n767", + "id": "n801", "name": "必填", "width": 373.0, "height": "fit_content", @@ -13240,7 +13839,7 @@ "children": [ { "type": "text", - "id": "n768", + "id": "n802", "name": "是", "width": "fit_content", "height": "fit_content", @@ -13269,7 +13868,7 @@ }, { "type": "frame", - "id": "n769", + "id": "n803", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -13280,7 +13879,7 @@ "children": [ { "type": "frame", - "id": "n770", + "id": "n804", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -13293,7 +13892,7 @@ "children": [ { "type": "icon_font", - "id": "n771", + "id": "n805", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -13309,7 +13908,7 @@ }, { "type": "frame", - "id": "n772", + "id": "n806", "name": "pencil", "width": 22.0, "height": 20.0, @@ -13322,7 +13921,7 @@ "children": [ { "type": "icon_font", - "id": "n773", + "id": "n807", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -13350,7 +13949,7 @@ }, { "type": "frame", - "id": "n774", + "id": "n808", "name": "Lines 24–24", "width": "fill_container", "height": "fit_content", @@ -13361,7 +13960,7 @@ "children": [ { "type": "frame", - "id": "n775", + "id": "n809", "name": "Code", "width": 600.0, "height": "fill_container", @@ -13377,7 +13976,7 @@ "children": [ { "type": "frame", - "id": "n776", + "id": "n810", "name": "Line 24", "width": "fill_container", "height": 20.0, @@ -13388,7 +13987,7 @@ "children": [ { "type": "frame", - "id": "n777", + "id": "n811", "name": "Number", "width": 44.0, "height": 20.0, @@ -13400,7 +13999,7 @@ "children": [ { "type": "text", - "id": "n778", + "id": "n812", "name": "24", "width": "fit_content", "height": "fit_content", @@ -13421,7 +14020,7 @@ }, { "type": "frame", - "id": "n779", + "id": "n813", "name": "Margin", "width": 41.66, "height": 20.0, @@ -13429,7 +14028,7 @@ }, { "type": "text", - "id": "n780", + "id": "n814", "name": "const router = useRouter()", "width": "fit_content", "height": "fit_content", @@ -13477,7 +14076,7 @@ }, { "type": "rectangle", - "id": "n781", + "id": "n815", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -13491,7 +14090,7 @@ }, { "type": "frame", - "id": "n782", + "id": "n816", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -13507,7 +14106,7 @@ "children": [ { "type": "frame", - "id": "n783", + "id": "n817", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -13518,7 +14117,7 @@ "children": [ { "type": "frame", - "id": "n784", + "id": "n818", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -13529,7 +14128,7 @@ "children": [ { "type": "rectangle", - "id": "n785", + "id": "n819", "name": "Line", "width": 1.0, "height": "fill_container", @@ -13545,7 +14144,7 @@ }, { "type": "frame", - "id": "n786", + "id": "n820", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -13561,7 +14160,7 @@ "children": [ { "type": "frame", - "id": "n787", + "id": "n821", "name": "钩子 / useRouter · router", "width": "fill_container", "height": "fit_content", @@ -13594,7 +14193,7 @@ "children": [ { "type": "frame", - "id": "n788", + "id": "n822", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13607,27 +14206,40 @@ }, { "type": "frame", - "id": "n789", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n823", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n790", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n824", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n825", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] } ] } @@ -13635,7 +14247,7 @@ }, { "type": "frame", - "id": "n791", + "id": "n826", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -13645,7 +14257,7 @@ "children": [ { "type": "frame", - "id": "n792", + "id": "n827", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -13656,7 +14268,7 @@ "children": [ { "type": "frame", - "id": "n793", + "id": "n828", "name": "Key", "width": 100.0, "height": 20.0, @@ -13667,7 +14279,7 @@ "children": [ { "type": "text", - "id": "n794", + "id": "n829", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -13687,94 +14299,27 @@ ] }, { - "type": "frame", - "id": "n795", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n830", + "name": "useRouter", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n796", - "name": "useRouter", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useRouter", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useRouter", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n797", - "name": "Tag / next/navigation", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#3a3732" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#575551" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n798", - "name": "next/navigation", - "width": "fit_content", - "height": "fit_content", - "content": "next/navigation", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -13782,7 +14327,7 @@ }, { "type": "frame", - "id": "n799", + "id": "n831", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -13793,7 +14338,7 @@ "children": [ { "type": "frame", - "id": "n800", + "id": "n832", "name": "Key", "width": 100.0, "height": 20.0, @@ -13804,7 +14349,7 @@ "children": [ { "type": "icon_font", - "id": "n801", + "id": "n833", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -13818,7 +14363,7 @@ }, { "type": "text", - "id": "n802", + "id": "n834", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -13839,7 +14384,7 @@ }, { "type": "text", - "id": "n803", + "id": "n835", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -13860,7 +14405,7 @@ }, { "type": "frame", - "id": "n804", + "id": "n836", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -13876,7 +14421,7 @@ "children": [ { "type": "frame", - "id": "n805", + "id": "n837", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -13896,7 +14441,7 @@ "children": [ { "type": "frame", - "id": "n806", + "id": "n838", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -13913,7 +14458,7 @@ "children": [ { "type": "frame", - "id": "n807", + "id": "n839", "name": "名称", "width": 66.0, "height": "fit_content", @@ -13927,7 +14472,7 @@ "children": [ { "type": "text", - "id": "n808", + "id": "n840", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -13948,7 +14493,7 @@ }, { "type": "rectangle", - "id": "n809", + "id": "n841", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13962,7 +14507,7 @@ }, { "type": "frame", - "id": "n810", + "id": "n842", "name": "是什么", "width": 539.0, "height": "fit_content", @@ -13976,7 +14521,7 @@ "children": [ { "type": "text", - "id": "n811", + "id": "n843", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -13999,7 +14544,7 @@ }, { "type": "rectangle", - "id": "n812", + "id": "n844", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -14013,7 +14558,7 @@ }, { "type": "frame", - "id": "n813", + "id": "n845", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -14024,7 +14569,7 @@ "children": [ { "type": "frame", - "id": "n814", + "id": "n846", "name": "名称", "width": 66.0, "height": "fit_content", @@ -14038,7 +14583,7 @@ "children": [ { "type": "text", - "id": "n815", + "id": "n847", "name": "router", "width": "fit_content", "height": "fit_content", @@ -14059,7 +14604,7 @@ }, { "type": "rectangle", - "id": "n816", + "id": "n848", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14073,7 +14618,7 @@ }, { "type": "frame", - "id": "n817", + "id": "n849", "name": "是什么", "width": 539.0, "height": "fit_content", @@ -14087,7 +14632,7 @@ "children": [ { "type": "text", - "id": "n818", + "id": "n850", "name": "路由器，用于页面跳转", "width": "fit_content", "height": "fit_content", @@ -14116,7 +14661,7 @@ }, { "type": "frame", - "id": "n819", + "id": "n851", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -14127,7 +14672,7 @@ "children": [ { "type": "frame", - "id": "n820", + "id": "n852", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -14140,7 +14685,7 @@ "children": [ { "type": "icon_font", - "id": "n821", + "id": "n853", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -14156,7 +14701,7 @@ }, { "type": "frame", - "id": "n822", + "id": "n854", "name": "pencil", "width": 22.0, "height": 20.0, @@ -14169,7 +14714,7 @@ "children": [ { "type": "icon_font", - "id": "n823", + "id": "n855", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -14197,7 +14742,7 @@ }, { "type": "frame", - "id": "n824", + "id": "n856", "name": "Lines 25–25", "width": "fill_container", "height": "fit_content", @@ -14208,7 +14753,7 @@ "children": [ { "type": "frame", - "id": "n825", + "id": "n857", "name": "Code", "width": 600.0, "height": "fill_container", @@ -14224,7 +14769,7 @@ "children": [ { "type": "frame", - "id": "n826", + "id": "n858", "name": "Line 25", "width": "fill_container", "height": 20.0, @@ -14235,7 +14780,7 @@ "children": [ { "type": "frame", - "id": "n827", + "id": "n859", "name": "Number", "width": 44.0, "height": 20.0, @@ -14247,7 +14792,7 @@ "children": [ { "type": "text", - "id": "n828", + "id": "n860", "name": "25", "width": "fit_content", "height": "fit_content", @@ -14268,7 +14813,7 @@ }, { "type": "frame", - "id": "n829", + "id": "n861", "name": "Margin", "width": 41.66, "height": 20.0, @@ -14276,7 +14821,7 @@ }, { "type": "text", - "id": "n830", + "id": "n862", "name": "const theme = useContext(ThemeContext)", "width": "fit_content", "height": "fit_content", @@ -14332,7 +14877,7 @@ }, { "type": "rectangle", - "id": "n831", + "id": "n863", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -14346,7 +14891,7 @@ }, { "type": "frame", - "id": "n832", + "id": "n864", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -14362,7 +14907,7 @@ "children": [ { "type": "frame", - "id": "n833", + "id": "n865", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -14373,7 +14918,7 @@ "children": [ { "type": "frame", - "id": "n834", + "id": "n866", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -14384,7 +14929,7 @@ "children": [ { "type": "rectangle", - "id": "n835", + "id": "n867", "name": "Line", "width": 1.0, "height": "fill_container", @@ -14400,7 +14945,7 @@ }, { "type": "frame", - "id": "n836", + "id": "n868", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -14416,7 +14961,7 @@ "children": [ { "type": "frame", - "id": "n837", + "id": "n869", "name": "钩子 / useContext · theme", "width": "fill_container", "height": "fit_content", @@ -14449,7 +14994,7 @@ "children": [ { "type": "frame", - "id": "n838", + "id": "n870", "name": "Fold", "width": 14.0, "height": 20.0, @@ -14462,27 +15007,68 @@ }, { "type": "frame", - "id": "n839", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n871", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n840", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n872", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n873", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n874", + "name": "Concept / 上下文", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n875", + "name": "share-2", + "iconFontName": "share-2", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -14490,7 +15076,7 @@ }, { "type": "frame", - "id": "n841", + "id": "n876", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -14500,7 +15086,7 @@ "children": [ { "type": "frame", - "id": "n842", + "id": "n877", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -14511,7 +15097,7 @@ "children": [ { "type": "frame", - "id": "n843", + "id": "n878", "name": "Key", "width": 100.0, "height": 20.0, @@ -14522,7 +15108,7 @@ "children": [ { "type": "text", - "id": "n844", + "id": "n879", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -14542,108 +15128,27 @@ ] }, { - "type": "frame", - "id": "n845", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n880", + "name": "useContext", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n846", - "name": "useContext", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useContext", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useContext", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n847", - "name": "Tag / 上下文", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n848", - "name": "share-2", - "iconFontName": "share-2", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n849", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -14651,7 +15156,7 @@ }, { "type": "frame", - "id": "n850", + "id": "n881", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -14662,7 +15167,7 @@ "children": [ { "type": "frame", - "id": "n851", + "id": "n882", "name": "Key", "width": 100.0, "height": 20.0, @@ -14673,7 +15178,7 @@ "children": [ { "type": "icon_font", - "id": "n852", + "id": "n883", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -14687,7 +15192,7 @@ }, { "type": "text", - "id": "n853", + "id": "n884", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -14708,7 +15213,7 @@ }, { "type": "text", - "id": "n854", + "id": "n885", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -14729,7 +15234,7 @@ }, { "type": "frame", - "id": "n855", + "id": "n886", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -14745,7 +15250,7 @@ "children": [ { "type": "frame", - "id": "n856", + "id": "n887", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -14765,7 +15270,7 @@ "children": [ { "type": "frame", - "id": "n857", + "id": "n888", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -14782,7 +15287,7 @@ "children": [ { "type": "frame", - "id": "n858", + "id": "n889", "name": "参数", "width": 74.0, "height": "fit_content", @@ -14796,7 +15301,7 @@ "children": [ { "type": "text", - "id": "n859", + "id": "n890", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -14817,7 +15322,7 @@ }, { "type": "rectangle", - "id": "n860", + "id": "n891", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14831,9 +15336,9 @@ }, { "type": "frame", - "id": "n861", + "id": "n892", "name": "值", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -14845,7 +15350,7 @@ "children": [ { "type": "text", - "id": "n862", + "id": "n893", "name": "值", "width": "fit_content", "height": "fit_content", @@ -14868,7 +15373,7 @@ }, { "type": "rectangle", - "id": "n863", + "id": "n894", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -14882,7 +15387,7 @@ }, { "type": "frame", - "id": "n864", + "id": "n895", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -14893,7 +15398,7 @@ "children": [ { "type": "frame", - "id": "n865", + "id": "n896", "name": "参数", "width": 74.0, "height": "fit_content", @@ -14907,7 +15412,7 @@ "children": [ { "type": "text", - "id": "n866", + "id": "n897", "name": "context", "width": "fit_content", "height": "fit_content", @@ -14928,7 +15433,7 @@ }, { "type": "rectangle", - "id": "n867", + "id": "n898", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14942,9 +15447,9 @@ }, { "type": "frame", - "id": "n868", + "id": "n899", "name": "值", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -14956,7 +15461,7 @@ "children": [ { "type": "text", - "id": "n869", + "id": "n900", "name": "ThemeContext", "width": "fit_content", "height": "fit_content", @@ -14989,7 +15494,7 @@ }, { "type": "frame", - "id": "n870", + "id": "n901", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -15000,7 +15505,7 @@ "children": [ { "type": "frame", - "id": "n871", + "id": "n902", "name": "Key", "width": 100.0, "height": 20.0, @@ -15011,7 +15516,7 @@ "children": [ { "type": "icon_font", - "id": "n872", + "id": "n903", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -15025,7 +15530,7 @@ }, { "type": "text", - "id": "n873", + "id": "n904", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -15046,7 +15551,7 @@ }, { "type": "text", - "id": "n874", + "id": "n905", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -15067,7 +15572,7 @@ }, { "type": "frame", - "id": "n875", + "id": "n906", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -15083,7 +15588,7 @@ "children": [ { "type": "frame", - "id": "n876", + "id": "n907", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -15103,7 +15608,7 @@ "children": [ { "type": "frame", - "id": "n877", + "id": "n908", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -15120,7 +15625,7 @@ "children": [ { "type": "frame", - "id": "n878", + "id": "n909", "name": "名称", "width": 58.0, "height": "fit_content", @@ -15134,7 +15639,7 @@ "children": [ { "type": "text", - "id": "n879", + "id": "n910", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -15155,7 +15660,7 @@ }, { "type": "rectangle", - "id": "n880", + "id": "n911", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15169,9 +15674,9 @@ }, { "type": "frame", - "id": "n881", + "id": "n912", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -15183,7 +15688,7 @@ "children": [ { "type": "text", - "id": "n882", + "id": "n913", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -15206,7 +15711,7 @@ }, { "type": "rectangle", - "id": "n883", + "id": "n914", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -15220,7 +15725,7 @@ }, { "type": "frame", - "id": "n884", + "id": "n915", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -15231,7 +15736,7 @@ "children": [ { "type": "frame", - "id": "n885", + "id": "n916", "name": "名称", "width": 58.0, "height": "fit_content", @@ -15245,7 +15750,7 @@ "children": [ { "type": "text", - "id": "n886", + "id": "n917", "name": "theme", "width": "fit_content", "height": "fit_content", @@ -15266,7 +15771,7 @@ }, { "type": "rectangle", - "id": "n887", + "id": "n918", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15280,9 +15785,9 @@ }, { "type": "frame", - "id": "n888", + "id": "n919", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -15294,7 +15799,7 @@ "children": [ { "type": "text", - "id": "n889", + "id": "n920", "name": "上下文的值", "width": "fit_content", "height": "fit_content", @@ -15321,7 +15826,7 @@ }, { "type": "frame", - "id": "n890", + "id": "n921", "name": "Prop / 没有外层提供时", "width": "fill_container", "height": "fit_content", @@ -15332,7 +15837,7 @@ "children": [ { "type": "frame", - "id": "n891", + "id": "n922", "name": "Key", "width": 100.0, "height": 20.0, @@ -15343,7 +15848,7 @@ "children": [ { "type": "text", - "id": "n892", + "id": "n923", "name": "没有外层提供时", "width": "fit_content", "height": "fit_content", @@ -15364,7 +15869,7 @@ }, { "type": "text", - "id": "n893", + "id": "n924", "name": "'light'", "width": "fit_content", "height": "fit_content", @@ -15387,7 +15892,7 @@ }, { "type": "frame", - "id": "n894", + "id": "n925", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -15398,7 +15903,7 @@ "children": [ { "type": "frame", - "id": "n895", + "id": "n926", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -15411,7 +15916,7 @@ "children": [ { "type": "icon_font", - "id": "n896", + "id": "n927", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -15427,7 +15932,7 @@ }, { "type": "frame", - "id": "n897", + "id": "n928", "name": "pencil", "width": 22.0, "height": 20.0, @@ -15440,7 +15945,7 @@ "children": [ { "type": "icon_font", - "id": "n898", + "id": "n929", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -15468,7 +15973,7 @@ }, { "type": "frame", - "id": "n899", + "id": "n930", "name": "Lines 26–26", "width": "fill_container", "height": "fit_content", @@ -15479,7 +15984,7 @@ "children": [ { "type": "frame", - "id": "n900", + "id": "n931", "name": "Code", "width": 600.0, "height": "fill_container", @@ -15495,7 +16000,7 @@ "children": [ { "type": "frame", - "id": "n901", + "id": "n932", "name": "Line 26", "width": "fill_container", "height": 20.0, @@ -15506,7 +16011,7 @@ "children": [ { "type": "frame", - "id": "n902", + "id": "n933", "name": "Number", "width": 44.0, "height": 20.0, @@ -15518,7 +16023,7 @@ "children": [ { "type": "text", - "id": "n903", + "id": "n934", "name": "26", "width": "fit_content", "height": "fit_content", @@ -15539,7 +16044,7 @@ }, { "type": "frame", - "id": "n904", + "id": "n935", "name": "Margin", "width": 41.66, "height": 20.0, @@ -15547,7 +16052,7 @@ }, { "type": "text", - "id": "n905", + "id": "n936", "name": "const { messages } = useChatSession(id)", "width": "fit_content", "height": "fit_content", @@ -15619,7 +16124,7 @@ }, { "type": "rectangle", - "id": "n906", + "id": "n937", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -15633,7 +16138,7 @@ }, { "type": "frame", - "id": "n907", + "id": "n938", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -15649,7 +16154,7 @@ "children": [ { "type": "frame", - "id": "n908", + "id": "n939", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -15660,7 +16165,7 @@ "children": [ { "type": "frame", - "id": "n909", + "id": "n940", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -15671,7 +16176,7 @@ "children": [ { "type": "rectangle", - "id": "n910", + "id": "n941", "name": "Line", "width": 1.0, "height": "fill_container", @@ -15687,7 +16192,7 @@ }, { "type": "frame", - "id": "n911", + "id": "n942", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -15703,7 +16208,7 @@ "children": [ { "type": "frame", - "id": "n912", + "id": "n943", "name": "钩子 / useChatSession · messages", "width": "fill_container", "height": "fit_content", @@ -15736,7 +16241,7 @@ "children": [ { "type": "frame", - "id": "n913", + "id": "n944", "name": "Fold", "width": 14.0, "height": 20.0, @@ -15749,27 +16254,40 @@ }, { "type": "frame", - "id": "n914", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n945", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n915", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n946", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n947", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] } ] } @@ -15777,7 +16295,7 @@ }, { "type": "frame", - "id": "n916", + "id": "n948", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -15787,7 +16305,7 @@ "children": [ { "type": "frame", - "id": "n917", + "id": "n949", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -15798,7 +16316,7 @@ "children": [ { "type": "frame", - "id": "n918", + "id": "n950", "name": "Key", "width": 100.0, "height": 20.0, @@ -15809,7 +16327,7 @@ "children": [ { "type": "text", - "id": "n919", + "id": "n951", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -15829,41 +16347,28 @@ ] }, { - "type": "frame", - "id": "n920", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n952", + "name": "useChatSession", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n921", - "name": "useChatSession", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useChatSession", - "fontWeight": 600, - "fill": "#dcdcaa", - "underline": true - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] + "text": "useChatSession", + "fontWeight": 600, + "fill": "#dcdcaa", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" } ] } @@ -15871,7 +16376,7 @@ }, { "type": "frame", - "id": "n922", + "id": "n953", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -15882,7 +16387,7 @@ "children": [ { "type": "frame", - "id": "n923", + "id": "n954", "name": "Key", "width": 100.0, "height": 20.0, @@ -15893,7 +16398,7 @@ "children": [ { "type": "icon_font", - "id": "n924", + "id": "n955", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -15907,7 +16412,7 @@ }, { "type": "text", - "id": "n925", + "id": "n956", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -15928,7 +16433,7 @@ }, { "type": "text", - "id": "n926", + "id": "n957", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -15949,7 +16454,7 @@ }, { "type": "frame", - "id": "n927", + "id": "n958", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -15965,7 +16470,7 @@ "children": [ { "type": "frame", - "id": "n928", + "id": "n959", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -15985,7 +16490,7 @@ "children": [ { "type": "frame", - "id": "n929", + "id": "n960", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -16002,7 +16507,7 @@ "children": [ { "type": "frame", - "id": "n930", + "id": "n961", "name": "参数", "width": 43.0, "height": "fit_content", @@ -16016,7 +16521,7 @@ "children": [ { "type": "text", - "id": "n931", + "id": "n962", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -16037,7 +16542,7 @@ }, { "type": "rectangle", - "id": "n932", + "id": "n963", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16051,7 +16556,7 @@ }, { "type": "frame", - "id": "n933", + "id": "n964", "name": "值", "width": 562.0, "height": "fit_content", @@ -16065,7 +16570,7 @@ "children": [ { "type": "text", - "id": "n934", + "id": "n965", "name": "值", "width": "fit_content", "height": "fit_content", @@ -16088,7 +16593,7 @@ }, { "type": "rectangle", - "id": "n935", + "id": "n966", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16102,7 +16607,7 @@ }, { "type": "frame", - "id": "n936", + "id": "n967", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16113,7 +16618,7 @@ "children": [ { "type": "frame", - "id": "n937", + "id": "n968", "name": "参数", "width": 43.0, "height": "fit_content", @@ -16127,7 +16632,7 @@ "children": [ { "type": "text", - "id": "n938", + "id": "n969", "name": "id", "width": "fit_content", "height": "fit_content", @@ -16148,7 +16653,7 @@ }, { "type": "rectangle", - "id": "n939", + "id": "n970", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16162,7 +16667,7 @@ }, { "type": "frame", - "id": "n940", + "id": "n971", "name": "值", "width": 562.0, "height": "fit_content", @@ -16176,7 +16681,7 @@ "children": [ { "type": "text", - "id": "n941", + "id": "n972", "name": "id", "width": "fit_content", "height": "fit_content", @@ -16203,7 +16708,7 @@ }, { "type": "frame", - "id": "n942", + "id": "n973", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -16214,7 +16719,7 @@ "children": [ { "type": "frame", - "id": "n943", + "id": "n974", "name": "Key", "width": 100.0, "height": 20.0, @@ -16225,7 +16730,7 @@ "children": [ { "type": "icon_font", - "id": "n944", + "id": "n975", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -16239,7 +16744,7 @@ }, { "type": "text", - "id": "n945", + "id": "n976", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -16260,7 +16765,7 @@ }, { "type": "text", - "id": "n946", + "id": "n977", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -16281,7 +16786,7 @@ }, { "type": "frame", - "id": "n947", + "id": "n978", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -16297,7 +16802,7 @@ "children": [ { "type": "frame", - "id": "n948", + "id": "n979", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -16317,7 +16822,7 @@ "children": [ { "type": "frame", - "id": "n949", + "id": "n980", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -16334,7 +16839,7 @@ "children": [ { "type": "frame", - "id": "n950", + "id": "n981", "name": "名称", "width": 82.0, "height": "fit_content", @@ -16348,7 +16853,7 @@ "children": [ { "type": "text", - "id": "n951", + "id": "n982", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -16369,7 +16874,7 @@ }, { "type": "rectangle", - "id": "n952", + "id": "n983", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16383,7 +16888,7 @@ }, { "type": "frame", - "id": "n953", + "id": "n984", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -16397,7 +16902,7 @@ "children": [ { "type": "text", - "id": "n954", + "id": "n985", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -16420,7 +16925,7 @@ }, { "type": "rectangle", - "id": "n955", + "id": "n986", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16434,7 +16939,7 @@ }, { "type": "frame", - "id": "n956", + "id": "n987", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16445,7 +16950,7 @@ "children": [ { "type": "frame", - "id": "n957", + "id": "n988", "name": "名称", "width": 82.0, "height": "fit_content", @@ -16459,7 +16964,7 @@ "children": [ { "type": "text", - "id": "n958", + "id": "n989", "name": "messages", "width": "fit_content", "height": "fit_content", @@ -16480,7 +16985,7 @@ }, { "type": "rectangle", - "id": "n959", + "id": "n990", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16494,7 +16999,7 @@ }, { "type": "frame", - "id": "n960", + "id": "n991", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -16508,7 +17013,7 @@ "children": [ { "type": "text", - "id": "n961", + "id": "n992", "name": "状态 messages", "width": "fit_content", "height": "fit_content", @@ -16543,7 +17048,7 @@ }, { "type": "frame", - "id": "n962", + "id": "n993", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -16554,7 +17059,7 @@ "children": [ { "type": "frame", - "id": "n963", + "id": "n994", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -16567,7 +17072,7 @@ "children": [ { "type": "icon_font", - "id": "n964", + "id": "n995", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -16583,7 +17088,7 @@ }, { "type": "frame", - "id": "n965", + "id": "n996", "name": "pencil", "width": 22.0, "height": 20.0, @@ -16596,7 +17101,7 @@ "children": [ { "type": "icon_font", - "id": "n966", + "id": "n997", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -16624,7 +17129,7 @@ }, { "type": "frame", - "id": "n967", + "id": "n998", "name": "Lines 27–27", "width": "fill_container", "height": "fit_content", @@ -16635,7 +17140,7 @@ "children": [ { "type": "frame", - "id": "n968", + "id": "n999", "name": "Code", "width": 600.0, "height": "fill_container", @@ -16651,7 +17156,7 @@ "children": [ { "type": "frame", - "id": "n969", + "id": "n1000", "name": "Line 27", "width": "fill_container", "height": 20.0, @@ -16662,7 +17167,7 @@ "children": [ { "type": "frame", - "id": "n970", + "id": "n1001", "name": "Number", "width": 44.0, "height": 20.0, @@ -16674,7 +17179,7 @@ "children": [ { "type": "text", - "id": "n971", + "id": "n1002", "name": "27", "width": "fit_content", "height": "fit_content", @@ -16695,7 +17200,7 @@ }, { "type": "frame", - "id": "n972", + "id": "n1003", "name": "Margin", "width": 41.66, "height": 20.0, @@ -16703,7 +17208,7 @@ }, { "type": "text", - "id": "n973", + "id": "n1004", "name": "const [open, setOpen] = useState(() => r", "width": "fit_content", "height": "fit_content", @@ -16803,7 +17308,7 @@ }, { "type": "rectangle", - "id": "n974", + "id": "n1005", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -16817,7 +17322,7 @@ }, { "type": "frame", - "id": "n975", + "id": "n1006", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -16833,7 +17338,7 @@ "children": [ { "type": "frame", - "id": "n976", + "id": "n1007", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -16844,7 +17349,7 @@ "children": [ { "type": "frame", - "id": "n977", + "id": "n1008", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -16855,7 +17360,7 @@ "children": [ { "type": "rectangle", - "id": "n978", + "id": "n1009", "name": "Line", "width": 1.0, "height": "fill_container", @@ -16871,7 +17376,7 @@ }, { "type": "frame", - "id": "n979", + "id": "n1010", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -16887,7 +17392,7 @@ "children": [ { "type": "frame", - "id": "n980", + "id": "n1011", "name": "钩子 / useState · open", "width": "fill_container", "height": "fit_content", @@ -16920,7 +17425,7 @@ "children": [ { "type": "frame", - "id": "n981", + "id": "n1012", "name": "Fold", "width": 14.0, "height": 20.0, @@ -16933,27 +17438,68 @@ }, { "type": "frame", - "id": "n982", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1013", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n983", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1014", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1015", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1016", + "name": "Concept / 状态", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1017", + "name": "toggle-right", + "iconFontName": "toggle-right", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -16961,7 +17507,7 @@ }, { "type": "frame", - "id": "n984", + "id": "n1018", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -16971,7 +17517,7 @@ "children": [ { "type": "frame", - "id": "n985", + "id": "n1019", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -16982,7 +17528,7 @@ "children": [ { "type": "frame", - "id": "n986", + "id": "n1020", "name": "Key", "width": 100.0, "height": 20.0, @@ -16993,7 +17539,7 @@ "children": [ { "type": "text", - "id": "n987", + "id": "n1021", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -17013,108 +17559,27 @@ ] }, { - "type": "frame", - "id": "n988", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1022", + "name": "useState", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n989", - "name": "useState", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useState", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useState", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n990", - "name": "Tag / 状态", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n991", - "name": "toggle-right", - "iconFontName": "toggle-right", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n992", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -17122,7 +17587,7 @@ }, { "type": "frame", - "id": "n993", + "id": "n1023", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -17133,7 +17598,7 @@ "children": [ { "type": "frame", - "id": "n994", + "id": "n1024", "name": "Key", "width": 100.0, "height": 20.0, @@ -17144,7 +17609,7 @@ "children": [ { "type": "icon_font", - "id": "n995", + "id": "n1025", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -17158,7 +17623,7 @@ }, { "type": "text", - "id": "n996", + "id": "n1026", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -17179,7 +17644,7 @@ }, { "type": "text", - "id": "n997", + "id": "n1027", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -17200,7 +17665,7 @@ }, { "type": "frame", - "id": "n998", + "id": "n1028", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -17216,7 +17681,7 @@ "children": [ { "type": "frame", - "id": "n999", + "id": "n1029", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -17236,7 +17701,7 @@ "children": [ { "type": "frame", - "id": "n1000", + "id": "n1030", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -17253,7 +17718,7 @@ "children": [ { "type": "frame", - "id": "n1001", + "id": "n1031", "name": "参数", "width": 114.0, "height": "fit_content", @@ -17267,7 +17732,7 @@ "children": [ { "type": "text", - "id": "n1002", + "id": "n1032", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -17288,7 +17753,7 @@ }, { "type": "rectangle", - "id": "n1003", + "id": "n1033", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17302,9 +17767,9 @@ }, { "type": "frame", - "id": "n1004", + "id": "n1034", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17316,7 +17781,7 @@ "children": [ { "type": "text", - "id": "n1005", + "id": "n1035", "name": "值", "width": "fit_content", "height": "fit_content", @@ -17339,7 +17804,7 @@ }, { "type": "rectangle", - "id": "n1006", + "id": "n1036", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17353,7 +17818,7 @@ }, { "type": "frame", - "id": "n1007", + "id": "n1037", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17364,7 +17829,7 @@ "children": [ { "type": "frame", - "id": "n1008", + "id": "n1038", "name": "参数", "width": 114.0, "height": "fit_content", @@ -17378,7 +17843,7 @@ "children": [ { "type": "text", - "id": "n1009", + "id": "n1039", "name": "initialState", "width": "fit_content", "height": "fit_content", @@ -17399,7 +17864,7 @@ }, { "type": "rectangle", - "id": "n1010", + "id": "n1040", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17413,9 +17878,9 @@ }, { "type": "frame", - "id": "n1011", + "id": "n1041", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17427,7 +17892,7 @@ "children": [ { "type": "text", - "id": "n1012", + "id": "n1042", "name": "首次渲染时调用 readOpen(id)", "width": "fit_content", "height": "fit_content", @@ -17475,7 +17940,7 @@ }, { "type": "frame", - "id": "n1013", + "id": "n1043", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -17486,7 +17951,7 @@ "children": [ { "type": "frame", - "id": "n1014", + "id": "n1044", "name": "Key", "width": 100.0, "height": 20.0, @@ -17497,7 +17962,7 @@ "children": [ { "type": "icon_font", - "id": "n1015", + "id": "n1045", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -17511,7 +17976,7 @@ }, { "type": "text", - "id": "n1016", + "id": "n1046", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -17532,7 +17997,7 @@ }, { "type": "text", - "id": "n1017", + "id": "n1047", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -17553,7 +18018,7 @@ }, { "type": "frame", - "id": "n1018", + "id": "n1048", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -17569,7 +18034,7 @@ "children": [ { "type": "frame", - "id": "n1019", + "id": "n1049", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -17589,7 +18054,7 @@ "children": [ { "type": "frame", - "id": "n1020", + "id": "n1050", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -17606,7 +18071,7 @@ "children": [ { "type": "frame", - "id": "n1021", + "id": "n1051", "name": "名称", "width": 74.0, "height": "fit_content", @@ -17620,7 +18085,7 @@ "children": [ { "type": "text", - "id": "n1022", + "id": "n1052", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -17641,7 +18106,7 @@ }, { "type": "rectangle", - "id": "n1023", + "id": "n1053", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17655,9 +18120,9 @@ }, { "type": "frame", - "id": "n1024", + "id": "n1054", "name": "是什么", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17669,7 +18134,7 @@ "children": [ { "type": "text", - "id": "n1025", + "id": "n1055", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -17692,7 +18157,7 @@ }, { "type": "rectangle", - "id": "n1026", + "id": "n1056", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17706,7 +18171,7 @@ }, { "type": "frame", - "id": "n1027", + "id": "n1057", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17717,7 +18182,7 @@ "children": [ { "type": "frame", - "id": "n1028", + "id": "n1058", "name": "名称", "width": 74.0, "height": "fit_content", @@ -17731,7 +18196,7 @@ "children": [ { "type": "text", - "id": "n1029", + "id": "n1059", "name": "open", "width": "fit_content", "height": "fit_content", @@ -17752,7 +18217,7 @@ }, { "type": "rectangle", - "id": "n1030", + "id": "n1060", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17766,9 +18231,9 @@ }, { "type": "frame", - "id": "n1031", + "id": "n1061", "name": "是什么", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17780,7 +18245,7 @@ "children": [ { "type": "text", - "id": "n1032", + "id": "n1062", "name": "当前值", "width": "fit_content", "height": "fit_content", @@ -17803,7 +18268,7 @@ }, { "type": "rectangle", - "id": "n1033", + "id": "n1063", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17817,7 +18282,7 @@ }, { "type": "frame", - "id": "n1034", + "id": "n1064", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17828,7 +18293,7 @@ "children": [ { "type": "frame", - "id": "n1035", + "id": "n1065", "name": "名称", "width": 74.0, "height": "fit_content", @@ -17842,7 +18307,7 @@ "children": [ { "type": "text", - "id": "n1036", + "id": "n1066", "name": "setOpen", "width": "fit_content", "height": "fit_content", @@ -17863,7 +18328,7 @@ }, { "type": "rectangle", - "id": "n1037", + "id": "n1067", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17877,9 +18342,9 @@ }, { "type": "frame", - "id": "n1038", + "id": "n1068", "name": "是什么", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17891,7 +18356,7 @@ "children": [ { "type": "text", - "id": "n1039", + "id": "n1069", "name": "修改函数", "width": "fit_content", "height": "fit_content", @@ -17918,7 +18383,7 @@ }, { "type": "frame", - "id": "n1040", + "id": "n1070", "name": "Prop / 在哪改", "width": "fill_container", "height": "fit_content", @@ -17929,7 +18394,7 @@ "children": [ { "type": "frame", - "id": "n1041", + "id": "n1071", "name": "Key", "width": 100.0, "height": 20.0, @@ -17938,9 +18403,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1072", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1042", + "id": "n1073", "name": "在哪改", "width": "fit_content", "height": "fit_content", @@ -17961,27 +18440,12 @@ }, { "type": "text", - "id": "n1043", - "name": "toggle、副作用「open 变化时」", + "id": "n1074", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "toggle", - "fill": "#dcdcaa", - "underline": true - }, - { - "text": "、", - "fill": "#cccccc" - }, - { - "text": "副作用「open 变化时」", - "fill": "#b180d7", - "underline": true - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -17989,7 +18453,422 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1075", + "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": "n1076", + "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": "n1077", + "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": "n1078", + "name": "位置", + "width": 162.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1079", + "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": "n1080", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1081", + "name": "写法", + "width": 421.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1082", + "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": "n1083", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1084", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1085", + "name": "位置", + "width": 162.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1086", + "name": "toggle", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "toggle", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1087", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1088", + "name": "写法", + "width": 421.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1089", + "name": "setOpen(next)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "setOpen", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "next", + "fill": "#9cdcfe" + }, + { + "text": ")", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1090", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1091", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1092", + "name": "位置", + "width": 162.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1093", + "name": "副作用「open 变化时」", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "副作用「open 变化时」", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1094", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1095", + "name": "写法", + "width": 421.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1096", + "name": "setOpen(假) 1 秒后", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "setOpen", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "假", + "fill": "#b5cea8" + }, + { + "text": ")", + "fill": "#cccccc" + }, + { + "text": " 1 秒后", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -17999,7 +18878,7 @@ }, { "type": "frame", - "id": "n1044", + "id": "n1097", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -18010,7 +18889,7 @@ "children": [ { "type": "frame", - "id": "n1045", + "id": "n1098", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -18023,7 +18902,7 @@ "children": [ { "type": "icon_font", - "id": "n1046", + "id": "n1099", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -18039,7 +18918,7 @@ }, { "type": "frame", - "id": "n1047", + "id": "n1100", "name": "pencil", "width": 22.0, "height": 20.0, @@ -18052,7 +18931,7 @@ "children": [ { "type": "icon_font", - "id": "n1048", + "id": "n1101", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -18080,7 +18959,7 @@ }, { "type": "frame", - "id": "n1049", + "id": "n1102", "name": "Lines 28–28", "width": "fill_container", "height": "fit_content", @@ -18091,7 +18970,7 @@ "children": [ { "type": "frame", - "id": "n1050", + "id": "n1103", "name": "Code", "width": 600.0, "height": "fill_container", @@ -18107,7 +18986,7 @@ "children": [ { "type": "frame", - "id": "n1051", + "id": "n1104", "name": "Line 28", "width": "fill_container", "height": 20.0, @@ -18118,7 +18997,7 @@ "children": [ { "type": "frame", - "id": "n1052", + "id": "n1105", "name": "Number", "width": 44.0, "height": 20.0, @@ -18130,7 +19009,7 @@ "children": [ { "type": "text", - "id": "n1053", + "id": "n1106", "name": "28", "width": "fit_content", "height": "fit_content", @@ -18151,7 +19030,7 @@ }, { "type": "frame", - "id": "n1054", + "id": "n1107", "name": "Margin", "width": 41.66, "height": 20.0, @@ -18159,7 +19038,7 @@ }, { "type": "text", - "id": "n1055", + "id": "n1108", "name": "const [state, dispatch] = useReducer(red", "width": "fit_content", "height": "fit_content", @@ -18263,7 +19142,7 @@ }, { "type": "rectangle", - "id": "n1056", + "id": "n1109", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -18277,7 +19156,7 @@ }, { "type": "frame", - "id": "n1057", + "id": "n1110", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -18293,7 +19172,7 @@ "children": [ { "type": "frame", - "id": "n1058", + "id": "n1111", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -18304,7 +19183,7 @@ "children": [ { "type": "frame", - "id": "n1059", + "id": "n1112", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -18315,7 +19194,7 @@ "children": [ { "type": "rectangle", - "id": "n1060", + "id": "n1113", "name": "Line", "width": 1.0, "height": "fill_container", @@ -18331,7 +19210,7 @@ }, { "type": "frame", - "id": "n1061", + "id": "n1114", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -18347,7 +19226,7 @@ "children": [ { "type": "frame", - "id": "n1062", + "id": "n1115", "name": "钩子 / useReducer · state", "width": "fill_container", "height": "fit_content", @@ -18380,7 +19259,7 @@ "children": [ { "type": "frame", - "id": "n1063", + "id": "n1116", "name": "Fold", "width": 14.0, "height": 20.0, @@ -18393,27 +19272,68 @@ }, { "type": "frame", - "id": "n1064", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1117", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1065", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1118", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1119", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1120", + "name": "Concept / 状态", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1121", + "name": "toggle-right", + "iconFontName": "toggle-right", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -18421,7 +19341,7 @@ }, { "type": "frame", - "id": "n1066", + "id": "n1122", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -18431,7 +19351,7 @@ "children": [ { "type": "frame", - "id": "n1067", + "id": "n1123", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -18442,7 +19362,7 @@ "children": [ { "type": "frame", - "id": "n1068", + "id": "n1124", "name": "Key", "width": 100.0, "height": 20.0, @@ -18453,7 +19373,7 @@ "children": [ { "type": "text", - "id": "n1069", + "id": "n1125", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -18473,108 +19393,27 @@ ] }, { - "type": "frame", - "id": "n1070", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1126", + "name": "useReducer", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1071", - "name": "useReducer", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useReducer", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useReducer", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1072", - "name": "Tag / 状态", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1073", - "name": "toggle-right", - "iconFontName": "toggle-right", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1074", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -18582,7 +19421,7 @@ }, { "type": "frame", - "id": "n1075", + "id": "n1127", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -18593,7 +19432,7 @@ "children": [ { "type": "frame", - "id": "n1076", + "id": "n1128", "name": "Key", "width": 100.0, "height": 20.0, @@ -18604,7 +19443,7 @@ "children": [ { "type": "icon_font", - "id": "n1077", + "id": "n1129", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -18618,7 +19457,7 @@ }, { "type": "text", - "id": "n1078", + "id": "n1130", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -18639,7 +19478,7 @@ }, { "type": "text", - "id": "n1079", + "id": "n1131", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -18660,7 +19499,7 @@ }, { "type": "frame", - "id": "n1080", + "id": "n1132", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -18676,7 +19515,7 @@ "children": [ { "type": "frame", - "id": "n1081", + "id": "n1133", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -18696,7 +19535,7 @@ "children": [ { "type": "frame", - "id": "n1082", + "id": "n1134", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -18713,7 +19552,7 @@ "children": [ { "type": "frame", - "id": "n1083", + "id": "n1135", "name": "参数", "width": 114.0, "height": "fit_content", @@ -18727,7 +19566,7 @@ "children": [ { "type": "text", - "id": "n1084", + "id": "n1136", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -18748,7 +19587,7 @@ }, { "type": "rectangle", - "id": "n1085", + "id": "n1137", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18762,9 +19601,9 @@ }, { "type": "frame", - "id": "n1086", + "id": "n1138", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -18776,7 +19615,7 @@ "children": [ { "type": "text", - "id": "n1087", + "id": "n1139", "name": "值", "width": "fit_content", "height": "fit_content", @@ -18799,7 +19638,7 @@ }, { "type": "rectangle", - "id": "n1088", + "id": "n1140", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -18813,7 +19652,7 @@ }, { "type": "frame", - "id": "n1089", + "id": "n1141", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -18824,7 +19663,7 @@ "children": [ { "type": "frame", - "id": "n1090", + "id": "n1142", "name": "参数", "width": 114.0, "height": "fit_content", @@ -18838,7 +19677,7 @@ "children": [ { "type": "text", - "id": "n1091", + "id": "n1143", "name": "reducer", "width": "fit_content", "height": "fit_content", @@ -18859,7 +19698,7 @@ }, { "type": "rectangle", - "id": "n1092", + "id": "n1144", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18873,9 +19712,9 @@ }, { "type": "frame", - "id": "n1093", + "id": "n1145", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -18887,7 +19726,7 @@ "children": [ { "type": "text", - "id": "n1094", + "id": "n1146", "name": "reducer", "width": "fit_content", "height": "fit_content", @@ -18916,7 +19755,7 @@ }, { "type": "rectangle", - "id": "n1095", + "id": "n1147", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -18930,7 +19769,7 @@ }, { "type": "frame", - "id": "n1096", + "id": "n1148", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -18941,7 +19780,7 @@ "children": [ { "type": "frame", - "id": "n1097", + "id": "n1149", "name": "参数", "width": 114.0, "height": "fit_content", @@ -18955,7 +19794,7 @@ "children": [ { "type": "text", - "id": "n1098", + "id": "n1150", "name": "initialState", "width": "fit_content", "height": "fit_content", @@ -18976,7 +19815,7 @@ }, { "type": "rectangle", - "id": "n1099", + "id": "n1151", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18990,9 +19829,9 @@ }, { "type": "frame", - "id": "n1100", + "id": "n1152", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19004,7 +19843,7 @@ "children": [ { "type": "text", - "id": "n1101", + "id": "n1153", "name": "{ count: 0 }", "width": "fit_content", "height": "fit_content", @@ -19052,7 +19891,7 @@ }, { "type": "frame", - "id": "n1102", + "id": "n1154", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -19063,7 +19902,7 @@ "children": [ { "type": "frame", - "id": "n1103", + "id": "n1155", "name": "Key", "width": 100.0, "height": 20.0, @@ -19074,7 +19913,7 @@ "children": [ { "type": "icon_font", - "id": "n1104", + "id": "n1156", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -19088,7 +19927,7 @@ }, { "type": "text", - "id": "n1105", + "id": "n1157", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -19109,7 +19948,7 @@ }, { "type": "text", - "id": "n1106", + "id": "n1158", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -19130,7 +19969,7 @@ }, { "type": "frame", - "id": "n1107", + "id": "n1159", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -19146,7 +19985,7 @@ "children": [ { "type": "frame", - "id": "n1108", + "id": "n1160", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -19166,7 +20005,7 @@ "children": [ { "type": "frame", - "id": "n1109", + "id": "n1161", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -19183,7 +20022,7 @@ "children": [ { "type": "frame", - "id": "n1110", + "id": "n1162", "name": "名称", "width": 82.0, "height": "fit_content", @@ -19197,7 +20036,7 @@ "children": [ { "type": "text", - "id": "n1111", + "id": "n1163", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -19218,7 +20057,7 @@ }, { "type": "rectangle", - "id": "n1112", + "id": "n1164", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19232,9 +20071,9 @@ }, { "type": "frame", - "id": "n1113", + "id": "n1165", "name": "是什么", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19246,7 +20085,7 @@ "children": [ { "type": "text", - "id": "n1114", + "id": "n1166", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -19269,7 +20108,7 @@ }, { "type": "rectangle", - "id": "n1115", + "id": "n1167", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19283,7 +20122,7 @@ }, { "type": "frame", - "id": "n1116", + "id": "n1168", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19294,7 +20133,7 @@ "children": [ { "type": "frame", - "id": "n1117", + "id": "n1169", "name": "名称", "width": 82.0, "height": "fit_content", @@ -19308,7 +20147,7 @@ "children": [ { "type": "text", - "id": "n1118", + "id": "n1170", "name": "state", "width": "fit_content", "height": "fit_content", @@ -19329,7 +20168,7 @@ }, { "type": "rectangle", - "id": "n1119", + "id": "n1171", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19343,9 +20182,9 @@ }, { "type": "frame", - "id": "n1120", + "id": "n1172", "name": "是什么", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19357,7 +20196,7 @@ "children": [ { "type": "text", - "id": "n1121", + "id": "n1173", "name": "当前值", "width": "fit_content", "height": "fit_content", @@ -19380,7 +20219,7 @@ }, { "type": "rectangle", - "id": "n1122", + "id": "n1174", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19394,7 +20233,7 @@ }, { "type": "frame", - "id": "n1123", + "id": "n1175", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19405,7 +20244,7 @@ "children": [ { "type": "frame", - "id": "n1124", + "id": "n1176", "name": "名称", "width": 82.0, "height": "fit_content", @@ -19419,7 +20258,7 @@ "children": [ { "type": "text", - "id": "n1125", + "id": "n1177", "name": "dispatch", "width": "fit_content", "height": "fit_content", @@ -19440,7 +20279,7 @@ }, { "type": "rectangle", - "id": "n1126", + "id": "n1178", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19454,9 +20293,9 @@ }, { "type": "frame", - "id": "n1127", + "id": "n1179", "name": "是什么", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19468,7 +20307,7 @@ "children": [ { "type": "text", - "id": "n1128", + "id": "n1180", "name": "派发函数", "width": "fit_content", "height": "fit_content", @@ -19495,7 +20334,7 @@ }, { "type": "frame", - "id": "n1129", + "id": "n1181", "name": "Prop / 动作", "width": "fill_container", "height": "fit_content", @@ -19506,7 +20345,7 @@ "children": [ { "type": "frame", - "id": "n1130", + "id": "n1182", "name": "Key", "width": 100.0, "height": 20.0, @@ -19517,7 +20356,7 @@ "children": [ { "type": "icon_font", - "id": "n1131", + "id": "n1183", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -19531,7 +20370,7 @@ }, { "type": "text", - "id": "n1132", + "id": "n1184", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -19554,7 +20393,7 @@ }, { "type": "frame", - "id": "n1133", + "id": "n1185", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -19570,7 +20409,7 @@ "children": [ { "type": "frame", - "id": "n1134", + "id": "n1186", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -19590,7 +20429,7 @@ "children": [ { "type": "frame", - "id": "n1135", + "id": "n1187", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -19607,7 +20446,7 @@ "children": [ { "type": "frame", - "id": "n1136", + "id": "n1188", "name": "动作", "width": 58.0, "height": "fit_content", @@ -19621,7 +20460,7 @@ "children": [ { "type": "text", - "id": "n1137", + "id": "n1189", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -19642,7 +20481,7 @@ }, { "type": "rectangle", - "id": "n1138", + "id": "n1190", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19656,9 +20495,9 @@ }, { "type": "frame", - "id": "n1139", + "id": "n1191", "name": "状态怎么变", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19670,7 +20509,7 @@ "children": [ { "type": "text", - "id": "n1140", + "id": "n1192", "name": "状态怎么变", "width": "fit_content", "height": "fit_content", @@ -19693,7 +20532,7 @@ }, { "type": "rectangle", - "id": "n1141", + "id": "n1193", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19707,7 +20546,7 @@ }, { "type": "frame", - "id": "n1142", + "id": "n1194", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19718,7 +20557,7 @@ "children": [ { "type": "frame", - "id": "n1143", + "id": "n1195", "name": "动作", "width": 58.0, "height": "fit_content", @@ -19732,7 +20571,7 @@ "children": [ { "type": "text", - "id": "n1144", + "id": "n1196", "name": "'add'", "width": "fit_content", "height": "fit_content", @@ -19753,7 +20592,7 @@ }, { "type": "rectangle", - "id": "n1145", + "id": "n1197", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19767,9 +20606,9 @@ }, { "type": "frame", - "id": "n1146", + "id": "n1198", "name": "状态怎么变", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19781,7 +20620,7 @@ "children": [ { "type": "text", - "id": "n1147", + "id": "n1199", "name": "count 加 1", "width": "fit_content", "height": "fit_content", @@ -19817,7 +20656,7 @@ }, { "type": "rectangle", - "id": "n1148", + "id": "n1200", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19831,7 +20670,7 @@ }, { "type": "frame", - "id": "n1149", + "id": "n1201", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19842,7 +20681,7 @@ "children": [ { "type": "frame", - "id": "n1150", + "id": "n1202", "name": "动作", "width": 58.0, "height": "fit_content", @@ -19856,7 +20695,7 @@ "children": [ { "type": "text", - "id": "n1151", + "id": "n1203", "name": "其他", "width": "fit_content", "height": "fit_content", @@ -19877,7 +20716,7 @@ }, { "type": "rectangle", - "id": "n1152", + "id": "n1204", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19891,9 +20730,9 @@ }, { "type": "frame", - "id": "n1153", + "id": "n1205", "name": "状态怎么变", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -19905,7 +20744,7 @@ "children": [ { "type": "text", - "id": "n1154", + "id": "n1206", "name": "不变", "width": "fit_content", "height": "fit_content", @@ -19932,7 +20771,7 @@ }, { "type": "frame", - "id": "n1155", + "id": "n1207", "name": "Prop / 在哪派发", "width": "fill_container", "height": "fit_content", @@ -19943,7 +20782,7 @@ "children": [ { "type": "frame", - "id": "n1156", + "id": "n1208", "name": "Key", "width": 100.0, "height": 20.0, @@ -19952,9 +20791,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1209", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1157", + "id": "n1210", "name": "在哪派发", "width": "fit_content", "height": "fit_content", @@ -19975,30 +20828,12 @@ }, { "type": "text", - "id": "n1158", - "name": "toggle（'add'）", + "id": "n1211", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "toggle", - "fill": "#dcdcaa", - "underline": true - }, - { - "text": "（", - "fill": "#cccccc" - }, - { - "text": "'add'", - "fill": "#ce9178" - }, - { - "text": "）", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -20006,7 +20841,292 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1212", + "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": "n1213", + "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": "n1214", + "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": "n1215", + "name": "位置", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1216", + "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": "n1217", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1218", + "name": "写法", + "width": 517.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1219", + "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": "n1220", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1221", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1222", + "name": "位置", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1223", + "name": "toggle", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "toggle", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1224", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1225", + "name": "写法", + "width": 517.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1226", + "name": "dispatch({ type: 'add' })", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "dispatch", + "fill": "#dcdcaa" + }, + { + "text": "({ ", + "fill": "#cccccc" + }, + { + "text": "type", + "fill": "#9cdcfe" + }, + { + "text": ": ", + "fill": "#cccccc" + }, + { + "text": "'add'", + "fill": "#ce9178" + }, + { + "text": " })", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -20016,7 +21136,7 @@ }, { "type": "frame", - "id": "n1159", + "id": "n1227", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -20027,7 +21147,7 @@ "children": [ { "type": "frame", - "id": "n1160", + "id": "n1228", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -20040,7 +21160,7 @@ "children": [ { "type": "icon_font", - "id": "n1161", + "id": "n1229", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -20056,7 +21176,7 @@ }, { "type": "frame", - "id": "n1162", + "id": "n1230", "name": "pencil", "width": 22.0, "height": 20.0, @@ -20069,7 +21189,7 @@ "children": [ { "type": "icon_font", - "id": "n1163", + "id": "n1231", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -20097,7 +21217,7 @@ }, { "type": "frame", - "id": "n1164", + "id": "n1232", "name": "Lines 29–29", "width": "fill_container", "height": "fit_content", @@ -20108,7 +21228,7 @@ "children": [ { "type": "frame", - "id": "n1165", + "id": "n1233", "name": "Code", "width": 600.0, "height": "fill_container", @@ -20124,7 +21244,7 @@ "children": [ { "type": "frame", - "id": "n1166", + "id": "n1234", "name": "Line 29", "width": "fill_container", "height": 20.0, @@ -20135,7 +21255,7 @@ "children": [ { "type": "frame", - "id": "n1167", + "id": "n1235", "name": "Number", "width": 44.0, "height": 20.0, @@ -20147,7 +21267,7 @@ "children": [ { "type": "text", - "id": "n1168", + "id": "n1236", "name": "29", "width": "fit_content", "height": "fit_content", @@ -20168,7 +21288,7 @@ }, { "type": "frame", - "id": "n1169", + "id": "n1237", "name": "Margin", "width": 41.66, "height": 20.0, @@ -20176,7 +21296,7 @@ }, { "type": "text", - "id": "n1170", + "id": "n1238", "name": "const [isPending, startTransition] = use", "width": "fit_content", "height": "fit_content", @@ -20240,7 +21360,7 @@ }, { "type": "rectangle", - "id": "n1171", + "id": "n1239", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -20254,7 +21374,7 @@ }, { "type": "frame", - "id": "n1172", + "id": "n1240", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -20270,7 +21390,7 @@ "children": [ { "type": "frame", - "id": "n1173", + "id": "n1241", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -20281,7 +21401,7 @@ "children": [ { "type": "frame", - "id": "n1174", + "id": "n1242", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -20292,7 +21412,7 @@ "children": [ { "type": "rectangle", - "id": "n1175", + "id": "n1243", "name": "Line", "width": 1.0, "height": "fill_container", @@ -20308,7 +21428,7 @@ }, { "type": "frame", - "id": "n1176", + "id": "n1244", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -20324,7 +21444,7 @@ "children": [ { "type": "frame", - "id": "n1177", + "id": "n1245", "name": "钩子 / useTransition · isPending", "width": "fill_container", "height": "fit_content", @@ -20357,7 +21477,7 @@ "children": [ { "type": "frame", - "id": "n1178", + "id": "n1246", "name": "Fold", "width": 14.0, "height": 20.0, @@ -20370,27 +21490,68 @@ }, { "type": "frame", - "id": "n1179", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1247", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1180", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1248", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1249", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1250", + "name": "Concept / 并发", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1251", + "name": "hourglass", + "iconFontName": "hourglass", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -20398,7 +21559,7 @@ }, { "type": "frame", - "id": "n1181", + "id": "n1252", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -20408,7 +21569,7 @@ "children": [ { "type": "frame", - "id": "n1182", + "id": "n1253", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -20419,7 +21580,7 @@ "children": [ { "type": "frame", - "id": "n1183", + "id": "n1254", "name": "Key", "width": 100.0, "height": 20.0, @@ -20430,7 +21591,7 @@ "children": [ { "type": "text", - "id": "n1184", + "id": "n1255", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -20450,108 +21611,27 @@ ] }, { - "type": "frame", - "id": "n1185", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1256", + "name": "useTransition", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1186", - "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" - } - ] - }, + "text": "useTransition", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1187", - "name": "Tag / 并发", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1188", - "name": "hourglass", - "iconFontName": "hourglass", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1189", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -20559,7 +21639,7 @@ }, { "type": "frame", - "id": "n1190", + "id": "n1257", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -20570,7 +21650,7 @@ "children": [ { "type": "frame", - "id": "n1191", + "id": "n1258", "name": "Key", "width": 100.0, "height": 20.0, @@ -20581,7 +21661,7 @@ "children": [ { "type": "icon_font", - "id": "n1192", + "id": "n1259", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -20595,7 +21675,7 @@ }, { "type": "text", - "id": "n1193", + "id": "n1260", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -20616,7 +21696,7 @@ }, { "type": "text", - "id": "n1194", + "id": "n1261", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -20637,7 +21717,7 @@ }, { "type": "frame", - "id": "n1195", + "id": "n1262", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -20653,7 +21733,7 @@ "children": [ { "type": "frame", - "id": "n1196", + "id": "n1263", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -20673,7 +21753,7 @@ "children": [ { "type": "frame", - "id": "n1197", + "id": "n1264", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -20690,7 +21770,7 @@ "children": [ { "type": "frame", - "id": "n1198", + "id": "n1265", "name": "名称", "width": 137.0, "height": "fit_content", @@ -20704,7 +21784,7 @@ "children": [ { "type": "text", - "id": "n1199", + "id": "n1266", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -20725,7 +21805,7 @@ }, { "type": "rectangle", - "id": "n1200", + "id": "n1267", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -20739,9 +21819,9 @@ }, { "type": "frame", - "id": "n1201", + "id": "n1268", "name": "是什么", - "width": 468.0, + "width": 446.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -20753,7 +21833,7 @@ "children": [ { "type": "text", - "id": "n1202", + "id": "n1269", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -20776,7 +21856,7 @@ }, { "type": "rectangle", - "id": "n1203", + "id": "n1270", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -20790,7 +21870,7 @@ }, { "type": "frame", - "id": "n1204", + "id": "n1271", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -20801,7 +21881,7 @@ "children": [ { "type": "frame", - "id": "n1205", + "id": "n1272", "name": "名称", "width": 137.0, "height": "fit_content", @@ -20815,7 +21895,7 @@ "children": [ { "type": "text", - "id": "n1206", + "id": "n1273", "name": "isPending", "width": "fit_content", "height": "fit_content", @@ -20836,7 +21916,7 @@ }, { "type": "rectangle", - "id": "n1207", + "id": "n1274", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -20850,9 +21930,9 @@ }, { "type": "frame", - "id": "n1208", + "id": "n1275", "name": "是什么", - "width": 468.0, + "width": 446.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -20864,7 +21944,7 @@ "children": [ { "type": "text", - "id": "n1209", + "id": "n1276", "name": "是否正在过渡", "width": "fit_content", "height": "fit_content", @@ -20887,7 +21967,7 @@ }, { "type": "rectangle", - "id": "n1210", + "id": "n1277", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -20901,7 +21981,7 @@ }, { "type": "frame", - "id": "n1211", + "id": "n1278", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -20912,7 +21992,7 @@ "children": [ { "type": "frame", - "id": "n1212", + "id": "n1279", "name": "名称", "width": 137.0, "height": "fit_content", @@ -20926,7 +22006,7 @@ "children": [ { "type": "text", - "id": "n1213", + "id": "n1280", "name": "startTransition", "width": "fit_content", "height": "fit_content", @@ -20947,7 +22027,7 @@ }, { "type": "rectangle", - "id": "n1214", + "id": "n1281", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -20961,9 +22041,9 @@ }, { "type": "frame", - "id": "n1215", + "id": "n1282", "name": "是什么", - "width": 468.0, + "width": 446.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -20975,7 +22055,7 @@ "children": [ { "type": "text", - "id": "n1216", + "id": "n1283", "name": "启动过渡的函数", "width": "fit_content", "height": "fit_content", @@ -21004,7 +22084,7 @@ }, { "type": "frame", - "id": "n1217", + "id": "n1284", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -21015,7 +22095,7 @@ "children": [ { "type": "frame", - "id": "n1218", + "id": "n1285", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -21028,7 +22108,7 @@ "children": [ { "type": "icon_font", - "id": "n1219", + "id": "n1286", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -21044,7 +22124,7 @@ }, { "type": "frame", - "id": "n1220", + "id": "n1287", "name": "pencil", "width": 22.0, "height": 20.0, @@ -21057,7 +22137,7 @@ "children": [ { "type": "icon_font", - "id": "n1221", + "id": "n1288", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -21085,7 +22165,7 @@ }, { "type": "frame", - "id": "n1222", + "id": "n1289", "name": "Lines 30–30", "width": "fill_container", "height": "fit_content", @@ -21096,7 +22176,7 @@ "children": [ { "type": "frame", - "id": "n1223", + "id": "n1290", "name": "Code", "width": 600.0, "height": "fill_container", @@ -21112,7 +22192,7 @@ "children": [ { "type": "frame", - "id": "n1224", + "id": "n1291", "name": "Line 30", "width": "fill_container", "height": 20.0, @@ -21123,7 +22203,7 @@ "children": [ { "type": "frame", - "id": "n1225", + "id": "n1292", "name": "Number", "width": 44.0, "height": 20.0, @@ -21135,7 +22215,7 @@ "children": [ { "type": "text", - "id": "n1226", + "id": "n1293", "name": "30", "width": "fit_content", "height": "fit_content", @@ -21156,7 +22236,7 @@ }, { "type": "frame", - "id": "n1227", + "id": "n1294", "name": "Margin", "width": 41.66, "height": 20.0, @@ -21164,7 +22244,7 @@ }, { "type": "text", - "id": "n1228", + "id": "n1295", "name": "const boxRef = useRef(nu", "width": "fit_content", "height": "fit_content", @@ -21232,7 +22312,7 @@ }, { "type": "rectangle", - "id": "n1229", + "id": "n1296", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -21246,7 +22326,7 @@ }, { "type": "frame", - "id": "n1230", + "id": "n1297", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -21262,7 +22342,7 @@ "children": [ { "type": "frame", - "id": "n1231", + "id": "n1298", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -21273,7 +22353,7 @@ "children": [ { "type": "frame", - "id": "n1232", + "id": "n1299", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -21284,7 +22364,7 @@ "children": [ { "type": "rectangle", - "id": "n1233", + "id": "n1300", "name": "Line", "width": 1.0, "height": "fill_container", @@ -21300,7 +22380,7 @@ }, { "type": "frame", - "id": "n1234", + "id": "n1301", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -21316,7 +22396,7 @@ "children": [ { "type": "frame", - "id": "n1235", + "id": "n1302", "name": "钩子 / useRef · boxRef", "width": "fill_container", "height": "fit_content", @@ -21349,7 +22429,7 @@ "children": [ { "type": "frame", - "id": "n1236", + "id": "n1303", "name": "Fold", "width": 14.0, "height": 20.0, @@ -21362,27 +22442,68 @@ }, { "type": "frame", - "id": "n1237", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1304", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1238", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1305", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1306", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1307", + "name": "Concept / 引用", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1308", + "name": "anchor", + "iconFontName": "anchor", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -21390,7 +22511,7 @@ }, { "type": "frame", - "id": "n1239", + "id": "n1309", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -21400,7 +22521,7 @@ "children": [ { "type": "frame", - "id": "n1240", + "id": "n1310", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -21411,7 +22532,7 @@ "children": [ { "type": "frame", - "id": "n1241", + "id": "n1311", "name": "Key", "width": 100.0, "height": 20.0, @@ -21422,7 +22543,7 @@ "children": [ { "type": "text", - "id": "n1242", + "id": "n1312", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -21442,108 +22563,27 @@ ] }, { - "type": "frame", - "id": "n1243", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1313", + "name": "useRef", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1244", - "name": "useRef", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useRef", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useRef", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1245", - "name": "Tag / 引用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1246", - "name": "anchor", - "iconFontName": "anchor", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1247", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -21551,7 +22591,7 @@ }, { "type": "frame", - "id": "n1248", + "id": "n1314", "name": "Prop / 类型参数", "width": "fill_container", "height": "fit_content", @@ -21562,7 +22602,7 @@ "children": [ { "type": "frame", - "id": "n1249", + "id": "n1315", "name": "Key", "width": 100.0, "height": 20.0, @@ -21573,7 +22613,7 @@ "children": [ { "type": "text", - "id": "n1250", + "id": "n1316", "name": "类型参数", "width": "fit_content", "height": "fit_content", @@ -21594,7 +22634,7 @@ }, { "type": "text", - "id": "n1251", + "id": "n1317", "name": "HTMLDivElement", "width": "fit_content", "height": "fit_content", @@ -21615,7 +22655,7 @@ }, { "type": "frame", - "id": "n1252", + "id": "n1318", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -21626,7 +22666,7 @@ "children": [ { "type": "frame", - "id": "n1253", + "id": "n1319", "name": "Key", "width": 100.0, "height": 20.0, @@ -21637,7 +22677,7 @@ "children": [ { "type": "icon_font", - "id": "n1254", + "id": "n1320", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -21651,7 +22691,7 @@ }, { "type": "text", - "id": "n1255", + "id": "n1321", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -21672,7 +22712,7 @@ }, { "type": "text", - "id": "n1256", + "id": "n1322", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -21693,7 +22733,7 @@ }, { "type": "frame", - "id": "n1257", + "id": "n1323", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -21709,7 +22749,7 @@ "children": [ { "type": "frame", - "id": "n1258", + "id": "n1324", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -21729,7 +22769,7 @@ "children": [ { "type": "frame", - "id": "n1259", + "id": "n1325", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -21746,7 +22786,7 @@ "children": [ { "type": "frame", - "id": "n1260", + "id": "n1326", "name": "参数", "width": 114.0, "height": "fit_content", @@ -21760,7 +22800,7 @@ "children": [ { "type": "text", - "id": "n1261", + "id": "n1327", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -21781,7 +22821,7 @@ }, { "type": "rectangle", - "id": "n1262", + "id": "n1328", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -21795,9 +22835,9 @@ }, { "type": "frame", - "id": "n1263", + "id": "n1329", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -21809,7 +22849,7 @@ "children": [ { "type": "text", - "id": "n1264", + "id": "n1330", "name": "值", "width": "fit_content", "height": "fit_content", @@ -21832,7 +22872,7 @@ }, { "type": "rectangle", - "id": "n1265", + "id": "n1331", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -21846,7 +22886,7 @@ }, { "type": "frame", - "id": "n1266", + "id": "n1332", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -21857,7 +22897,7 @@ "children": [ { "type": "frame", - "id": "n1267", + "id": "n1333", "name": "参数", "width": 114.0, "height": "fit_content", @@ -21871,7 +22911,7 @@ "children": [ { "type": "text", - "id": "n1268", + "id": "n1334", "name": "initialValue", "width": "fit_content", "height": "fit_content", @@ -21892,7 +22932,7 @@ }, { "type": "rectangle", - "id": "n1269", + "id": "n1335", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -21906,9 +22946,9 @@ }, { "type": "frame", - "id": "n1270", + "id": "n1336", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -21920,7 +22960,7 @@ "children": [ { "type": "text", - "id": "n1271", + "id": "n1337", "name": "空", "width": "fit_content", "height": "fit_content", @@ -21947,7 +22987,7 @@ }, { "type": "frame", - "id": "n1272", + "id": "n1338", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -21958,7 +22998,7 @@ "children": [ { "type": "frame", - "id": "n1273", + "id": "n1339", "name": "Key", "width": 100.0, "height": 20.0, @@ -21969,7 +23009,7 @@ "children": [ { "type": "icon_font", - "id": "n1274", + "id": "n1340", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -21983,7 +23023,7 @@ }, { "type": "text", - "id": "n1275", + "id": "n1341", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -22004,7 +23044,7 @@ }, { "type": "text", - "id": "n1276", + "id": "n1342", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -22025,7 +23065,7 @@ }, { "type": "frame", - "id": "n1277", + "id": "n1343", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -22041,7 +23081,7 @@ "children": [ { "type": "frame", - "id": "n1278", + "id": "n1344", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -22061,7 +23101,7 @@ "children": [ { "type": "frame", - "id": "n1279", + "id": "n1345", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -22078,7 +23118,7 @@ "children": [ { "type": "frame", - "id": "n1280", + "id": "n1346", "name": "名称", "width": 66.0, "height": "fit_content", @@ -22092,7 +23132,7 @@ "children": [ { "type": "text", - "id": "n1281", + "id": "n1347", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -22113,7 +23153,7 @@ }, { "type": "rectangle", - "id": "n1282", + "id": "n1348", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -22127,9 +23167,9 @@ }, { "type": "frame", - "id": "n1283", + "id": "n1349", "name": "是什么", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -22141,7 +23181,7 @@ "children": [ { "type": "text", - "id": "n1284", + "id": "n1350", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -22164,7 +23204,7 @@ }, { "type": "rectangle", - "id": "n1285", + "id": "n1351", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -22178,7 +23218,7 @@ }, { "type": "frame", - "id": "n1286", + "id": "n1352", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -22189,7 +23229,7 @@ "children": [ { "type": "frame", - "id": "n1287", + "id": "n1353", "name": "名称", "width": 66.0, "height": "fit_content", @@ -22203,7 +23243,7 @@ "children": [ { "type": "text", - "id": "n1288", + "id": "n1354", "name": "boxRef", "width": "fit_content", "height": "fit_content", @@ -22224,7 +23264,7 @@ }, { "type": "rectangle", - "id": "n1289", + "id": "n1355", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -22238,9 +23278,9 @@ }, { "type": "frame", - "id": "n1290", + "id": "n1356", "name": "是什么", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -22252,7 +23292,7 @@ "children": [ { "type": "text", - "id": "n1291", + "id": "n1357", "name": "引用对象", "width": "fit_content", "height": "fit_content", @@ -22279,7 +23319,7 @@ }, { "type": "frame", - "id": "n1292", + "id": "n1358", "name": "Prop / 指向", "width": "fill_container", "height": "fit_content", @@ -22290,7 +23330,7 @@ "children": [ { "type": "frame", - "id": "n1293", + "id": "n1359", "name": "Key", "width": 100.0, "height": 20.0, @@ -22301,7 +23341,7 @@ "children": [ { "type": "text", - "id": "n1294", + "id": "n1360", "name": "指向", "width": "fit_content", "height": "fit_content", @@ -22322,7 +23362,7 @@ }, { "type": "text", - "id": "n1295", + "id": "n1361", "name": "
元素", "width": "fit_content", "height": "fit_content", @@ -22352,7 +23392,7 @@ }, { "type": "frame", - "id": "n1296", + "id": "n1362", "name": "Prop / 用在", "width": "fill_container", "height": "fit_content", @@ -22363,7 +23403,7 @@ "children": [ { "type": "frame", - "id": "n1297", + "id": "n1363", "name": "Key", "width": 100.0, "height": 20.0, @@ -22372,9 +23412,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1364", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1298", + "id": "n1365", "name": "用在", "width": "fit_content", "height": "fit_content", @@ -22395,26 +23449,12 @@ }, { "type": "text", - "id": "n1299", - "name": "
的 ref 属性、副作用「仅挂载时」", + "id": "n1366", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "
", - "fill": "#808080" - }, - { - "text": " 的 ref 属性、", - "fill": "#cccccc" - }, - { - "text": "副作用「仅挂载时」", - "fill": "#b180d7", - "underline": true - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -22422,7 +23462,442 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1367", + "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": "n1368", + "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": "n1369", + "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": "n1370", + "name": "位置", + "width": 135.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1371", + "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": "n1372", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1373", + "name": "写法", + "width": 448.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1374", + "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": "n1375", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1376", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1377", + "name": "位置", + "width": 135.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1378", + "name": "
", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "
", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1379", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1380", + "name": "写法", + "width": 448.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1381", + "name": "ref={boxRef}", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "ref", + "fill": "#9cdcfe" + }, + { + "text": "={", + "fill": "#cccccc" + }, + { + "text": "boxRef", + "fill": "#9cdcfe" + }, + { + "text": "}", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1382", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1383", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1384", + "name": "位置", + "width": 135.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1385", + "name": "副作用「仅挂载时」", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "副作用「仅挂载时」", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1386", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1387", + "name": "写法", + "width": 448.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1388", + "name": "boxRef.current?.scrollTo(0, 0)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "boxRef", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "current", + "fill": "#9cdcfe" + }, + { + "text": "?.", + "fill": "#cccccc" + }, + { + "text": "scrollTo", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "0", + "fill": "#b5cea8" + }, + { + "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" + } + ] + } + ] + } + ] } ] } @@ -22432,7 +23907,7 @@ }, { "type": "frame", - "id": "n1300", + "id": "n1389", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -22443,7 +23918,7 @@ "children": [ { "type": "frame", - "id": "n1301", + "id": "n1390", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -22456,7 +23931,7 @@ "children": [ { "type": "icon_font", - "id": "n1302", + "id": "n1391", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -22472,7 +23947,7 @@ }, { "type": "frame", - "id": "n1303", + "id": "n1392", "name": "pencil", "width": 22.0, "height": 20.0, @@ -22485,7 +23960,7 @@ "children": [ { "type": "icon_font", - "id": "n1304", + "id": "n1393", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -22513,7 +23988,7 @@ }, { "type": "frame", - "id": "n1305", + "id": "n1394", "name": "Lines 31–31", "width": "fill_container", "height": "fit_content", @@ -22524,7 +23999,7 @@ "children": [ { "type": "frame", - "id": "n1306", + "id": "n1395", "name": "Code", "width": 600.0, "height": "fill_container", @@ -22540,7 +24015,7 @@ "children": [ { "type": "frame", - "id": "n1307", + "id": "n1396", "name": "Line 31", "width": "fill_container", "height": 20.0, @@ -22551,7 +24026,7 @@ "children": [ { "type": "frame", - "id": "n1308", + "id": "n1397", "name": "Number", "width": 44.0, "height": 20.0, @@ -22563,7 +24038,7 @@ "children": [ { "type": "text", - "id": "n1309", + "id": "n1398", "name": "31", "width": "fit_content", "height": "fit_content", @@ -22584,7 +24059,7 @@ }, { "type": "frame", - "id": "n1310", + "id": "n1399", "name": "Margin", "width": 41.66, "height": 20.0, @@ -22592,7 +24067,7 @@ }, { "type": "text", - "id": "n1311", + "id": "n1400", "name": "const timer = useRef()", "width": "fit_content", "height": "fit_content", @@ -22652,7 +24127,7 @@ }, { "type": "rectangle", - "id": "n1312", + "id": "n1401", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -22666,7 +24141,7 @@ }, { "type": "frame", - "id": "n1313", + "id": "n1402", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -22682,7 +24157,7 @@ "children": [ { "type": "frame", - "id": "n1314", + "id": "n1403", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -22693,7 +24168,7 @@ "children": [ { "type": "frame", - "id": "n1315", + "id": "n1404", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -22704,7 +24179,7 @@ "children": [ { "type": "rectangle", - "id": "n1316", + "id": "n1405", "name": "Line", "width": 1.0, "height": "fill_container", @@ -22720,7 +24195,7 @@ }, { "type": "frame", - "id": "n1317", + "id": "n1406", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -22736,7 +24211,7 @@ "children": [ { "type": "frame", - "id": "n1318", + "id": "n1407", "name": "钩子 / useRef · timer", "width": "fill_container", "height": "fit_content", @@ -22769,7 +24244,7 @@ "children": [ { "type": "frame", - "id": "n1319", + "id": "n1408", "name": "Fold", "width": 14.0, "height": 20.0, @@ -22782,27 +24257,68 @@ }, { "type": "frame", - "id": "n1320", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1409", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1321", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1410", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1411", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1412", + "name": "Concept / 引用", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1413", + "name": "anchor", + "iconFontName": "anchor", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -22810,7 +24326,7 @@ }, { "type": "frame", - "id": "n1322", + "id": "n1414", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -22820,7 +24336,7 @@ "children": [ { "type": "frame", - "id": "n1323", + "id": "n1415", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -22831,7 +24347,7 @@ "children": [ { "type": "frame", - "id": "n1324", + "id": "n1416", "name": "Key", "width": 100.0, "height": 20.0, @@ -22842,7 +24358,7 @@ "children": [ { "type": "text", - "id": "n1325", + "id": "n1417", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -22862,108 +24378,27 @@ ] }, { - "type": "frame", - "id": "n1326", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1418", + "name": "useRef", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1327", - "name": "useRef", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useRef", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useRef", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1328", - "name": "Tag / 引用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1329", - "name": "anchor", - "iconFontName": "anchor", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1330", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -22971,7 +24406,7 @@ }, { "type": "frame", - "id": "n1331", + "id": "n1419", "name": "Prop / 类型参数", "width": "fill_container", "height": "fit_content", @@ -22982,7 +24417,7 @@ "children": [ { "type": "frame", - "id": "n1332", + "id": "n1420", "name": "Key", "width": 100.0, "height": 20.0, @@ -22993,7 +24428,7 @@ "children": [ { "type": "text", - "id": "n1333", + "id": "n1421", "name": "类型参数", "width": "fit_content", "height": "fit_content", @@ -23014,7 +24449,7 @@ }, { "type": "text", - "id": "n1334", + "id": "n1422", "name": "数值", "width": "fit_content", "height": "fit_content", @@ -23035,7 +24470,7 @@ }, { "type": "frame", - "id": "n1335", + "id": "n1423", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -23046,7 +24481,7 @@ "children": [ { "type": "frame", - "id": "n1336", + "id": "n1424", "name": "Key", "width": 100.0, "height": 20.0, @@ -23057,7 +24492,7 @@ "children": [ { "type": "icon_font", - "id": "n1337", + "id": "n1425", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -23071,7 +24506,7 @@ }, { "type": "text", - "id": "n1338", + "id": "n1426", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -23092,7 +24527,7 @@ }, { "type": "text", - "id": "n1339", + "id": "n1427", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -23113,7 +24548,7 @@ }, { "type": "frame", - "id": "n1340", + "id": "n1428", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -23129,7 +24564,7 @@ "children": [ { "type": "frame", - "id": "n1341", + "id": "n1429", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -23149,7 +24584,7 @@ "children": [ { "type": "frame", - "id": "n1342", + "id": "n1430", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -23166,7 +24601,7 @@ "children": [ { "type": "frame", - "id": "n1343", + "id": "n1431", "name": "参数", "width": 114.0, "height": "fit_content", @@ -23180,7 +24615,7 @@ "children": [ { "type": "text", - "id": "n1344", + "id": "n1432", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -23201,7 +24636,7 @@ }, { "type": "rectangle", - "id": "n1345", + "id": "n1433", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23215,9 +24650,9 @@ }, { "type": "frame", - "id": "n1346", + "id": "n1434", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -23229,7 +24664,7 @@ "children": [ { "type": "text", - "id": "n1347", + "id": "n1435", "name": "值", "width": "fit_content", "height": "fit_content", @@ -23252,7 +24687,7 @@ }, { "type": "rectangle", - "id": "n1348", + "id": "n1436", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -23266,7 +24701,7 @@ }, { "type": "frame", - "id": "n1349", + "id": "n1437", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -23277,7 +24712,7 @@ "children": [ { "type": "frame", - "id": "n1350", + "id": "n1438", "name": "参数", "width": 114.0, "height": "fit_content", @@ -23291,7 +24726,7 @@ "children": [ { "type": "text", - "id": "n1351", + "id": "n1439", "name": "initialValue", "width": "fit_content", "height": "fit_content", @@ -23312,7 +24747,7 @@ }, { "type": "rectangle", - "id": "n1352", + "id": "n1440", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23326,9 +24761,9 @@ }, { "type": "frame", - "id": "n1353", + "id": "n1441", "name": "值", - "width": 491.0, + "width": 469.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -23340,7 +24775,7 @@ "children": [ { "type": "text", - "id": "n1354", + "id": "n1442", "name": "没写，未定义", "width": "fit_content", "height": "fit_content", @@ -23376,7 +24811,7 @@ }, { "type": "frame", - "id": "n1355", + "id": "n1443", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -23387,7 +24822,7 @@ "children": [ { "type": "frame", - "id": "n1356", + "id": "n1444", "name": "Key", "width": 100.0, "height": 20.0, @@ -23398,7 +24833,7 @@ "children": [ { "type": "icon_font", - "id": "n1357", + "id": "n1445", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -23412,7 +24847,7 @@ }, { "type": "text", - "id": "n1358", + "id": "n1446", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -23433,7 +24868,7 @@ }, { "type": "text", - "id": "n1359", + "id": "n1447", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -23454,7 +24889,7 @@ }, { "type": "frame", - "id": "n1360", + "id": "n1448", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -23470,7 +24905,7 @@ "children": [ { "type": "frame", - "id": "n1361", + "id": "n1449", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -23490,7 +24925,7 @@ "children": [ { "type": "frame", - "id": "n1362", + "id": "n1450", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -23507,7 +24942,7 @@ "children": [ { "type": "frame", - "id": "n1363", + "id": "n1451", "name": "名称", "width": 58.0, "height": "fit_content", @@ -23521,7 +24956,7 @@ "children": [ { "type": "text", - "id": "n1364", + "id": "n1452", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -23542,7 +24977,7 @@ }, { "type": "rectangle", - "id": "n1365", + "id": "n1453", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23556,9 +24991,9 @@ }, { "type": "frame", - "id": "n1366", + "id": "n1454", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -23570,7 +25005,7 @@ "children": [ { "type": "text", - "id": "n1367", + "id": "n1455", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -23593,7 +25028,7 @@ }, { "type": "rectangle", - "id": "n1368", + "id": "n1456", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -23607,7 +25042,7 @@ }, { "type": "frame", - "id": "n1369", + "id": "n1457", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -23618,7 +25053,7 @@ "children": [ { "type": "frame", - "id": "n1370", + "id": "n1458", "name": "名称", "width": 58.0, "height": "fit_content", @@ -23632,7 +25067,7 @@ "children": [ { "type": "text", - "id": "n1371", + "id": "n1459", "name": "timer", "width": "fit_content", "height": "fit_content", @@ -23653,7 +25088,7 @@ }, { "type": "rectangle", - "id": "n1372", + "id": "n1460", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23667,9 +25102,9 @@ }, { "type": "frame", - "id": "n1373", + "id": "n1461", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -23681,7 +25116,7 @@ "children": [ { "type": "text", - "id": "n1374", + "id": "n1462", "name": "引用对象", "width": "fit_content", "height": "fit_content", @@ -23708,8 +25143,8 @@ }, { "type": "frame", - "id": "n1375", - "name": "Prop / 写入", + "id": "n1463", + "name": "Prop / 用在", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -23719,7 +25154,7 @@ "children": [ { "type": "frame", - "id": "n1376", + "id": "n1464", "name": "Key", "width": 100.0, "height": 20.0, @@ -23728,13 +25163,27 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1465", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1377", - "name": "写入", + "id": "n1466", + "name": "用在", "width": "fit_content", "height": "fit_content", - "content": "写入", + "content": "用在", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -23751,18 +25200,12 @@ }, { "type": "text", - "id": "n1378", - "name": "副作用「open 变化时」", + "id": "n1467", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "副作用「open 变化时」", - "fill": "#b180d7", - "underline": true - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -23770,7 +25213,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -23778,73 +25221,434 @@ }, { "type": "frame", - "id": "n1379", - "name": "Prop / 读取", + "id": "n1468", + "name": "Table wrap", "width": "fill_container", "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 2.0, + 0.0, + 2.0, + 5.0 + ], "clipContent": false, "children": [ { "type": "frame", - "id": "n1380", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, + "id": "n1469", + "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": "text", - "id": "n1381", - "name": "读取", - "width": "fit_content", + "type": "frame", + "id": "n1470", + "name": "Header", + "width": "fill_container", "height": "fit_content", - "content": "读取", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, "fill": [ { "type": "solid", - "color": "#9d9d9d" + "color": "#2f3738" + } + ], + "children": [ + { + "type": "frame", + "id": "n1471", + "name": "位置", + "width": 227.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1472", + "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": "n1473", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1474", + "name": "写法", + "width": 356.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1475", + "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": "text", - "id": "n1382", - "name": "副作用「open 变化时」 的清理函数", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "副作用「open 变化时」", - "fill": "#b180d7", - "underline": true }, { - "text": " 的清理函数", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ + "type": "rectangle", + "id": "n1476", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, { - "type": "solid", - "color": "#cccccc" + "type": "frame", + "id": "n1477", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1478", + "name": "位置", + "width": 227.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1479", + "name": "副作用「open 变化时」", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "副作用「open 变化时」", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1480", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1481", + "name": "写法", + "width": 356.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1482", + "name": "timer.current = window.setTimeout(…)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "timer", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "current", + "fill": "#9cdcfe" + }, + { + "text": " = ", + "fill": "#cccccc" + }, + { + "text": "window", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "setTimeout", + "fill": "#dcdcaa" + }, + { + "text": "(…)", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1483", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1484", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1485", + "name": "位置", + "width": 227.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1486", + "name": "副作用「open 变化时」的清理函数", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "副作用「open 变化时」的清理函数", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1487", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1488", + "name": "写法", + "width": 356.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1489", + "name": "clearTimeout(timer.current)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "clearTimeout", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "timer", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "current", + "fill": "#9cdcfe" + }, + { + "text": ")", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -23854,7 +25658,7 @@ }, { "type": "frame", - "id": "n1383", + "id": "n1490", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -23865,7 +25669,7 @@ "children": [ { "type": "frame", - "id": "n1384", + "id": "n1491", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -23878,7 +25682,7 @@ "children": [ { "type": "icon_font", - "id": "n1385", + "id": "n1492", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -23894,7 +25698,7 @@ }, { "type": "frame", - "id": "n1386", + "id": "n1493", "name": "pencil", "width": 22.0, "height": 20.0, @@ -23907,7 +25711,7 @@ "children": [ { "type": "icon_font", - "id": "n1387", + "id": "n1494", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -23935,7 +25739,7 @@ }, { "type": "frame", - "id": "n1388", + "id": "n1495", "name": "Lines 32–35", "width": "fill_container", "height": "fit_content", @@ -23946,7 +25750,7 @@ "children": [ { "type": "frame", - "id": "n1389", + "id": "n1496", "name": "Code", "width": 600.0, "height": "fill_container", @@ -23962,7 +25766,7 @@ "children": [ { "type": "frame", - "id": "n1390", + "id": "n1497", "name": "Line 32", "width": "fill_container", "height": 20.0, @@ -23973,7 +25777,7 @@ "children": [ { "type": "frame", - "id": "n1391", + "id": "n1498", "name": "Number", "width": 44.0, "height": 20.0, @@ -23985,7 +25789,7 @@ "children": [ { "type": "text", - "id": "n1392", + "id": "n1499", "name": "32", "width": "fit_content", "height": "fit_content", @@ -24006,7 +25810,7 @@ }, { "type": "frame", - "id": "n1393", + "id": "n1500", "name": "Margin", "width": 41.66, "height": 20.0, @@ -24014,7 +25818,7 @@ }, { "type": "text", - "id": "n1394", + "id": "n1501", "name": "const total = useMemo(() => {", "width": "fit_content", "height": "fit_content", @@ -24080,7 +25884,7 @@ }, { "type": "frame", - "id": "n1395", + "id": "n1502", "name": "Line 33", "width": "fill_container", "height": 20.0, @@ -24091,7 +25895,7 @@ "children": [ { "type": "frame", - "id": "n1396", + "id": "n1503", "name": "Number", "width": 44.0, "height": 20.0, @@ -24103,7 +25907,7 @@ "children": [ { "type": "text", - "id": "n1397", + "id": "n1504", "name": "33", "width": "fit_content", "height": "fit_content", @@ -24124,7 +25928,7 @@ }, { "type": "frame", - "id": "n1398", + "id": "n1505", "name": "Margin", "width": 57.32, "height": 20.0, @@ -24132,7 +25936,7 @@ }, { "type": "text", - "id": "n1399", + "id": "n1506", "name": "const sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -24182,7 +25986,7 @@ }, { "type": "frame", - "id": "n1400", + "id": "n1507", "name": "Line 34", "width": "fill_container", "height": 20.0, @@ -24193,7 +25997,7 @@ "children": [ { "type": "frame", - "id": "n1401", + "id": "n1508", "name": "Number", "width": 44.0, "height": 20.0, @@ -24205,7 +26009,7 @@ "children": [ { "type": "text", - "id": "n1402", + "id": "n1509", "name": "34", "width": "fit_content", "height": "fit_content", @@ -24226,7 +26030,7 @@ }, { "type": "frame", - "id": "n1403", + "id": "n1510", "name": "Margin", "width": 57.32, "height": 20.0, @@ -24234,7 +26038,7 @@ }, { "type": "text", - "id": "n1404", + "id": "n1511", "name": "return sum * 2", "width": "fit_content", "height": "fit_content", @@ -24276,7 +26080,7 @@ }, { "type": "frame", - "id": "n1405", + "id": "n1512", "name": "Line 35", "width": "fill_container", "height": 20.0, @@ -24287,7 +26091,7 @@ "children": [ { "type": "frame", - "id": "n1406", + "id": "n1513", "name": "Number", "width": 44.0, "height": 20.0, @@ -24299,7 +26103,7 @@ "children": [ { "type": "text", - "id": "n1407", + "id": "n1514", "name": "35", "width": "fit_content", "height": "fit_content", @@ -24320,7 +26124,7 @@ }, { "type": "frame", - "id": "n1408", + "id": "n1515", "name": "Margin", "width": 41.66, "height": 20.0, @@ -24328,7 +26132,7 @@ }, { "type": "text", - "id": "n1409", + "id": "n1516", "name": "}, [messages])", "width": "fit_content", "height": "fit_content", @@ -24376,7 +26180,7 @@ }, { "type": "rectangle", - "id": "n1410", + "id": "n1517", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -24390,7 +26194,7 @@ }, { "type": "frame", - "id": "n1411", + "id": "n1518", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -24406,7 +26210,7 @@ "children": [ { "type": "frame", - "id": "n1412", + "id": "n1519", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -24417,7 +26221,7 @@ "children": [ { "type": "frame", - "id": "n1413", + "id": "n1520", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -24428,7 +26232,7 @@ "children": [ { "type": "rectangle", - "id": "n1414", + "id": "n1521", "name": "Line", "width": 1.0, "height": "fill_container", @@ -24444,7 +26248,7 @@ }, { "type": "frame", - "id": "n1415", + "id": "n1522", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -24460,7 +26264,7 @@ "children": [ { "type": "frame", - "id": "n1416", + "id": "n1523", "name": "钩子 / useMemo · total", "width": "fill_container", "height": "fit_content", @@ -24493,7 +26297,7 @@ "children": [ { "type": "frame", - "id": "n1417", + "id": "n1524", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24505,7 +26309,7 @@ "children": [ { "type": "icon_font", - "id": "n1418", + "id": "n1525", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -24521,27 +26325,68 @@ }, { "type": "frame", - "id": "n1419", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1526", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1420", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1527", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1528", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1529", + "name": "Concept / 性能", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1530", + "name": "sigma", + "iconFontName": "sigma", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -24549,7 +26394,7 @@ }, { "type": "frame", - "id": "n1421", + "id": "n1531", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -24559,7 +26404,7 @@ "children": [ { "type": "frame", - "id": "n1422", + "id": "n1532", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -24570,7 +26415,7 @@ "children": [ { "type": "frame", - "id": "n1423", + "id": "n1533", "name": "Key", "width": 100.0, "height": 20.0, @@ -24581,7 +26426,7 @@ "children": [ { "type": "text", - "id": "n1424", + "id": "n1534", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -24601,108 +26446,27 @@ ] }, { - "type": "frame", - "id": "n1425", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1535", + "name": "useMemo", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1426", - "name": "useMemo", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useMemo", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useMemo", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1427", - "name": "Tag / 性能", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1428", - "name": "sigma", - "iconFontName": "sigma", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1429", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -24710,7 +26474,7 @@ }, { "type": "frame", - "id": "n1430", + "id": "n1536", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -24721,7 +26485,7 @@ "children": [ { "type": "frame", - "id": "n1431", + "id": "n1537", "name": "Key", "width": 100.0, "height": 20.0, @@ -24732,7 +26496,7 @@ "children": [ { "type": "icon_font", - "id": "n1432", + "id": "n1538", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -24746,7 +26510,7 @@ }, { "type": "text", - "id": "n1433", + "id": "n1539", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -24767,7 +26531,7 @@ }, { "type": "text", - "id": "n1434", + "id": "n1540", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -24788,7 +26552,7 @@ }, { "type": "frame", - "id": "n1435", + "id": "n1541", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -24804,7 +26568,7 @@ "children": [ { "type": "frame", - "id": "n1436", + "id": "n1542", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -24824,7 +26588,7 @@ "children": [ { "type": "frame", - "id": "n1437", + "id": "n1543", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -24841,7 +26605,7 @@ "children": [ { "type": "frame", - "id": "n1438", + "id": "n1544", "name": "参数", "width": 74.0, "height": "fit_content", @@ -24855,7 +26619,7 @@ "children": [ { "type": "text", - "id": "n1439", + "id": "n1545", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -24876,7 +26640,7 @@ }, { "type": "rectangle", - "id": "n1440", + "id": "n1546", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -24890,9 +26654,9 @@ }, { "type": "frame", - "id": "n1441", + "id": "n1547", "name": "值", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -24904,7 +26668,7 @@ "children": [ { "type": "text", - "id": "n1442", + "id": "n1548", "name": "值", "width": "fit_content", "height": "fit_content", @@ -24927,7 +26691,7 @@ }, { "type": "rectangle", - "id": "n1443", + "id": "n1549", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -24941,7 +26705,7 @@ }, { "type": "frame", - "id": "n1444", + "id": "n1550", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -24952,7 +26716,7 @@ "children": [ { "type": "frame", - "id": "n1445", + "id": "n1551", "name": "参数", "width": 74.0, "height": "fit_content", @@ -24966,7 +26730,7 @@ "children": [ { "type": "text", - "id": "n1446", + "id": "n1552", "name": "factory", "width": "fit_content", "height": "fit_content", @@ -24987,7 +26751,7 @@ }, { "type": "rectangle", - "id": "n1447", + "id": "n1553", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25001,9 +26765,9 @@ }, { "type": "frame", - "id": "n1448", + "id": "n1554", "name": "值", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -25015,7 +26779,7 @@ "children": [ { "type": "frame", - "id": "n1449", + "id": "n1555", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -25048,7 +26812,7 @@ "children": [ { "type": "icon_font", - "id": "n1450", + "id": "n1556", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -25062,7 +26826,7 @@ }, { "type": "text", - "id": "n1451", + "id": "n1557", "name": "函数 · 2 句", "width": "fit_content", "height": "fit_content", @@ -25096,7 +26860,7 @@ }, { "type": "rectangle", - "id": "n1452", + "id": "n1558", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -25110,7 +26874,7 @@ }, { "type": "frame", - "id": "n1453", + "id": "n1559", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -25121,7 +26885,7 @@ "children": [ { "type": "frame", - "id": "n1454", + "id": "n1560", "name": "参数", "width": 74.0, "height": "fit_content", @@ -25135,7 +26899,7 @@ "children": [ { "type": "text", - "id": "n1455", + "id": "n1561", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -25156,7 +26920,7 @@ }, { "type": "rectangle", - "id": "n1456", + "id": "n1562", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25170,9 +26934,9 @@ }, { "type": "frame", - "id": "n1457", + "id": "n1563", "name": "值", - "width": 531.0, + "width": 509.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -25184,7 +26948,7 @@ "children": [ { "type": "text", - "id": "n1458", + "id": "n1564", "name": "messages 变化时", "width": "fit_content", "height": "fit_content", @@ -25220,7 +26984,7 @@ }, { "type": "frame", - "id": "n1459", + "id": "n1565", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -25231,7 +26995,7 @@ "children": [ { "type": "frame", - "id": "n1460", + "id": "n1566", "name": "Key", "width": 100.0, "height": 20.0, @@ -25242,7 +27006,7 @@ "children": [ { "type": "icon_font", - "id": "n1461", + "id": "n1567", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -25256,7 +27020,7 @@ }, { "type": "text", - "id": "n1462", + "id": "n1568", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -25277,7 +27041,7 @@ }, { "type": "text", - "id": "n1463", + "id": "n1569", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -25298,7 +27062,7 @@ }, { "type": "frame", - "id": "n1464", + "id": "n1570", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -25314,7 +27078,7 @@ "children": [ { "type": "frame", - "id": "n1465", + "id": "n1571", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -25334,7 +27098,7 @@ "children": [ { "type": "frame", - "id": "n1466", + "id": "n1572", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -25351,7 +27115,7 @@ "children": [ { "type": "frame", - "id": "n1467", + "id": "n1573", "name": "名称", "width": 58.0, "height": "fit_content", @@ -25365,7 +27129,7 @@ "children": [ { "type": "text", - "id": "n1468", + "id": "n1574", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -25386,7 +27150,7 @@ }, { "type": "rectangle", - "id": "n1469", + "id": "n1575", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25400,9 +27164,9 @@ }, { "type": "frame", - "id": "n1470", + "id": "n1576", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -25414,7 +27178,7 @@ "children": [ { "type": "text", - "id": "n1471", + "id": "n1577", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -25437,7 +27201,7 @@ }, { "type": "rectangle", - "id": "n1472", + "id": "n1578", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -25451,7 +27215,7 @@ }, { "type": "frame", - "id": "n1473", + "id": "n1579", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -25462,7 +27226,7 @@ "children": [ { "type": "frame", - "id": "n1474", + "id": "n1580", "name": "名称", "width": 58.0, "height": "fit_content", @@ -25476,7 +27240,7 @@ "children": [ { "type": "text", - "id": "n1475", + "id": "n1581", "name": "total", "width": "fit_content", "height": "fit_content", @@ -25497,7 +27261,7 @@ }, { "type": "rectangle", - "id": "n1476", + "id": "n1582", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25511,9 +27275,9 @@ }, { "type": "frame", - "id": "n1477", + "id": "n1583", "name": "是什么", - "width": 547.0, + "width": 525.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -25525,7 +27289,7 @@ "children": [ { "type": "text", - "id": "n1478", + "id": "n1584", "name": "算出的值", "width": "fit_content", "height": "fit_content", @@ -25552,7 +27316,7 @@ }, { "type": "frame", - "id": "n1479", + "id": "n1585", "name": "Prop / 算出", "width": "fill_container", "height": "fit_content", @@ -25563,7 +27327,7 @@ "children": [ { "type": "frame", - "id": "n1480", + "id": "n1586", "name": "Key", "width": 100.0, "height": 20.0, @@ -25574,7 +27338,7 @@ "children": [ { "type": "text", - "id": "n1481", + "id": "n1587", "name": "算出", "width": "fit_content", "height": "fit_content", @@ -25595,7 +27359,7 @@ }, { "type": "frame", - "id": "n1482", + "id": "n1588", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -25605,7 +27369,7 @@ "children": [ { "type": "text", - "id": "n1483", + "id": "n1589", "name": "sum * 2", "width": "fit_content", "height": "fit_content", @@ -25637,7 +27401,7 @@ }, { "type": "text", - "id": "n1484", + "id": "n1590", "name": "其中 sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -25662,7 +27426,7 @@ }, { "type": "frame", - "id": "n1485", + "id": "n1591", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -25673,7 +27437,7 @@ "children": [ { "type": "frame", - "id": "n1486", + "id": "n1592", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -25686,7 +27450,7 @@ "children": [ { "type": "icon_font", - "id": "n1487", + "id": "n1593", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -25702,7 +27466,7 @@ }, { "type": "frame", - "id": "n1488", + "id": "n1594", "name": "pencil", "width": 22.0, "height": 20.0, @@ -25715,7 +27479,7 @@ "children": [ { "type": "icon_font", - "id": "n1489", + "id": "n1595", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -25743,7 +27507,7 @@ }, { "type": "frame", - "id": "n1490", + "id": "n1596", "name": "Lines 36–39", "width": "fill_container", "height": "fit_content", @@ -25754,7 +27518,7 @@ "children": [ { "type": "frame", - "id": "n1491", + "id": "n1597", "name": "Code", "width": 600.0, "height": "fill_container", @@ -25770,7 +27534,7 @@ "children": [ { "type": "frame", - "id": "n1492", + "id": "n1598", "name": "Line 36", "width": "fill_container", "height": 20.0, @@ -25781,7 +27545,7 @@ "children": [ { "type": "frame", - "id": "n1493", + "id": "n1599", "name": "Number", "width": 44.0, "height": 20.0, @@ -25793,7 +27557,7 @@ "children": [ { "type": "text", - "id": "n1494", + "id": "n1600", "name": "36", "width": "fit_content", "height": "fit_content", @@ -25814,7 +27578,7 @@ }, { "type": "frame", - "id": "n1495", + "id": "n1601", "name": "Margin", "width": 41.66, "height": 20.0, @@ -25822,7 +27586,7 @@ }, { "type": "text", - "id": "n1496", + "id": "n1602", "name": "const toggle = useCallback((next: boolea", "width": "fit_content", "height": "fit_content", @@ -25904,7 +27668,7 @@ }, { "type": "frame", - "id": "n1497", + "id": "n1603", "name": "Line 37", "width": "fill_container", "height": 20.0, @@ -25915,7 +27679,7 @@ "children": [ { "type": "frame", - "id": "n1498", + "id": "n1604", "name": "Number", "width": 44.0, "height": 20.0, @@ -25927,7 +27691,7 @@ "children": [ { "type": "text", - "id": "n1499", + "id": "n1605", "name": "37", "width": "fit_content", "height": "fit_content", @@ -25948,7 +27712,7 @@ }, { "type": "frame", - "id": "n1500", + "id": "n1606", "name": "Margin", "width": 57.32, "height": 20.0, @@ -25956,7 +27720,7 @@ }, { "type": "text", - "id": "n1501", + "id": "n1607", "name": "setOpen(next)", "width": "fit_content", "height": "fit_content", @@ -25994,7 +27758,7 @@ }, { "type": "frame", - "id": "n1502", + "id": "n1608", "name": "Line 38", "width": "fill_container", "height": 20.0, @@ -26005,7 +27769,7 @@ "children": [ { "type": "frame", - "id": "n1503", + "id": "n1609", "name": "Number", "width": 44.0, "height": 20.0, @@ -26017,7 +27781,7 @@ "children": [ { "type": "text", - "id": "n1504", + "id": "n1610", "name": "38", "width": "fit_content", "height": "fit_content", @@ -26038,7 +27802,7 @@ }, { "type": "frame", - "id": "n1505", + "id": "n1611", "name": "Margin", "width": 57.32, "height": 20.0, @@ -26046,7 +27810,7 @@ }, { "type": "text", - "id": "n1506", + "id": "n1612", "name": "dispatch({ type: 'add' })", "width": "fit_content", "height": "fit_content", @@ -26108,7 +27872,7 @@ }, { "type": "frame", - "id": "n1507", + "id": "n1613", "name": "Line 39", "width": "fill_container", "height": 20.0, @@ -26119,7 +27883,7 @@ "children": [ { "type": "frame", - "id": "n1508", + "id": "n1614", "name": "Number", "width": 44.0, "height": 20.0, @@ -26131,7 +27895,7 @@ "children": [ { "type": "text", - "id": "n1509", + "id": "n1615", "name": "39", "width": "fit_content", "height": "fit_content", @@ -26152,7 +27916,7 @@ }, { "type": "frame", - "id": "n1510", + "id": "n1616", "name": "Margin", "width": 41.66, "height": 20.0, @@ -26160,7 +27924,7 @@ }, { "type": "text", - "id": "n1511", + "id": "n1617", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -26200,7 +27964,7 @@ }, { "type": "rectangle", - "id": "n1512", + "id": "n1618", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -26214,7 +27978,7 @@ }, { "type": "frame", - "id": "n1513", + "id": "n1619", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -26230,7 +27994,7 @@ "children": [ { "type": "frame", - "id": "n1514", + "id": "n1620", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -26241,7 +28005,7 @@ "children": [ { "type": "frame", - "id": "n1515", + "id": "n1621", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -26252,7 +28016,7 @@ "children": [ { "type": "rectangle", - "id": "n1516", + "id": "n1622", "name": "Line", "width": 1.0, "height": "fill_container", @@ -26268,7 +28032,7 @@ }, { "type": "frame", - "id": "n1517", + "id": "n1623", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -26284,7 +28048,7 @@ "children": [ { "type": "frame", - "id": "n1518", + "id": "n1624", "name": "钩子 / useCallback · toggle", "width": "fill_container", "height": "fit_content", @@ -26317,7 +28081,7 @@ "children": [ { "type": "frame", - "id": "n1519", + "id": "n1625", "name": "Fold", "width": 14.0, "height": 20.0, @@ -26329,7 +28093,7 @@ "children": [ { "type": "icon_font", - "id": "n1520", + "id": "n1626", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -26345,27 +28109,68 @@ }, { "type": "frame", - "id": "n1521", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1627", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1522", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1628", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1629", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1630", + "name": "Concept / 性能", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1631", + "name": "sigma", + "iconFontName": "sigma", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -26373,7 +28178,7 @@ }, { "type": "frame", - "id": "n1523", + "id": "n1632", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -26383,7 +28188,7 @@ "children": [ { "type": "frame", - "id": "n1524", + "id": "n1633", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -26394,7 +28199,7 @@ "children": [ { "type": "frame", - "id": "n1525", + "id": "n1634", "name": "Key", "width": 100.0, "height": 20.0, @@ -26405,7 +28210,7 @@ "children": [ { "type": "text", - "id": "n1526", + "id": "n1635", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -26425,108 +28230,27 @@ ] }, { - "type": "frame", - "id": "n1527", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1636", + "name": "useCallback", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1528", - "name": "useCallback", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "useCallback", - "fontWeight": 600, - "fill": "#dcdcaa" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - }, + "text": "useCallback", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1529", - "name": "Tag / 性能", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1530", - "name": "sigma", - "iconFontName": "sigma", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1531", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -26534,7 +28258,7 @@ }, { "type": "frame", - "id": "n1532", + "id": "n1637", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -26545,7 +28269,7 @@ "children": [ { "type": "frame", - "id": "n1533", + "id": "n1638", "name": "Key", "width": 100.0, "height": 20.0, @@ -26556,7 +28280,7 @@ "children": [ { "type": "icon_font", - "id": "n1534", + "id": "n1639", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -26570,7 +28294,7 @@ }, { "type": "text", - "id": "n1535", + "id": "n1640", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -26591,7 +28315,7 @@ }, { "type": "text", - "id": "n1536", + "id": "n1641", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -26612,7 +28336,7 @@ }, { "type": "frame", - "id": "n1537", + "id": "n1642", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -26628,7 +28352,7 @@ "children": [ { "type": "frame", - "id": "n1538", + "id": "n1643", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -26648,7 +28372,7 @@ "children": [ { "type": "frame", - "id": "n1539", + "id": "n1644", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -26665,7 +28389,7 @@ "children": [ { "type": "frame", - "id": "n1540", + "id": "n1645", "name": "参数", "width": 82.0, "height": "fit_content", @@ -26679,7 +28403,7 @@ "children": [ { "type": "text", - "id": "n1541", + "id": "n1646", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -26700,7 +28424,7 @@ }, { "type": "rectangle", - "id": "n1542", + "id": "n1647", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -26714,9 +28438,9 @@ }, { "type": "frame", - "id": "n1543", + "id": "n1648", "name": "值", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -26728,7 +28452,7 @@ "children": [ { "type": "text", - "id": "n1544", + "id": "n1649", "name": "值", "width": "fit_content", "height": "fit_content", @@ -26751,7 +28475,7 @@ }, { "type": "rectangle", - "id": "n1545", + "id": "n1650", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -26765,7 +28489,7 @@ }, { "type": "frame", - "id": "n1546", + "id": "n1651", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -26776,7 +28500,7 @@ "children": [ { "type": "frame", - "id": "n1547", + "id": "n1652", "name": "参数", "width": 82.0, "height": "fit_content", @@ -26790,7 +28514,7 @@ "children": [ { "type": "text", - "id": "n1548", + "id": "n1653", "name": "callback", "width": "fit_content", "height": "fit_content", @@ -26811,7 +28535,7 @@ }, { "type": "rectangle", - "id": "n1549", + "id": "n1654", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -26825,9 +28549,9 @@ }, { "type": "frame", - "id": "n1550", + "id": "n1655", "name": "值", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -26839,7 +28563,7 @@ "children": [ { "type": "frame", - "id": "n1551", + "id": "n1656", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -26872,7 +28596,7 @@ "children": [ { "type": "icon_font", - "id": "n1552", + "id": "n1657", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -26886,7 +28610,7 @@ }, { "type": "text", - "id": "n1553", + "id": "n1658", "name": "函数 (next: 布尔) · 2 句", "width": "fit_content", "height": "fit_content", @@ -26940,7 +28664,7 @@ }, { "type": "rectangle", - "id": "n1554", + "id": "n1659", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -26954,7 +28678,7 @@ }, { "type": "frame", - "id": "n1555", + "id": "n1660", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -26965,7 +28689,7 @@ "children": [ { "type": "frame", - "id": "n1556", + "id": "n1661", "name": "参数", "width": 82.0, "height": "fit_content", @@ -26979,7 +28703,7 @@ "children": [ { "type": "text", - "id": "n1557", + "id": "n1662", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -27000,7 +28724,7 @@ }, { "type": "rectangle", - "id": "n1558", + "id": "n1663", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27014,9 +28738,9 @@ }, { "type": "frame", - "id": "n1559", + "id": "n1664", "name": "值", - "width": 523.0, + "width": 501.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27028,7 +28752,7 @@ "children": [ { "type": "text", - "id": "n1560", + "id": "n1665", "name": "仅挂载时", "width": "fit_content", "height": "fit_content", @@ -27055,7 +28779,7 @@ }, { "type": "frame", - "id": "n1561", + "id": "n1666", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -27066,7 +28790,7 @@ "children": [ { "type": "frame", - "id": "n1562", + "id": "n1667", "name": "Key", "width": 100.0, "height": 20.0, @@ -27077,7 +28801,7 @@ "children": [ { "type": "icon_font", - "id": "n1563", + "id": "n1668", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -27091,7 +28815,7 @@ }, { "type": "text", - "id": "n1564", + "id": "n1669", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -27112,7 +28836,7 @@ }, { "type": "text", - "id": "n1565", + "id": "n1670", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -27133,7 +28857,7 @@ }, { "type": "frame", - "id": "n1566", + "id": "n1671", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -27149,7 +28873,7 @@ "children": [ { "type": "frame", - "id": "n1567", + "id": "n1672", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -27169,7 +28893,7 @@ "children": [ { "type": "frame", - "id": "n1568", + "id": "n1673", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -27186,7 +28910,7 @@ "children": [ { "type": "frame", - "id": "n1569", + "id": "n1674", "name": "名称", "width": 66.0, "height": "fit_content", @@ -27200,7 +28924,7 @@ "children": [ { "type": "text", - "id": "n1570", + "id": "n1675", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -27221,7 +28945,7 @@ }, { "type": "rectangle", - "id": "n1571", + "id": "n1676", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27235,9 +28959,9 @@ }, { "type": "frame", - "id": "n1572", + "id": "n1677", "name": "是什么", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27249,7 +28973,7 @@ "children": [ { "type": "text", - "id": "n1573", + "id": "n1678", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -27272,7 +28996,7 @@ }, { "type": "rectangle", - "id": "n1574", + "id": "n1679", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -27286,7 +29010,7 @@ }, { "type": "frame", - "id": "n1575", + "id": "n1680", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -27297,7 +29021,7 @@ "children": [ { "type": "frame", - "id": "n1576", + "id": "n1681", "name": "名称", "width": 66.0, "height": "fit_content", @@ -27311,7 +29035,7 @@ "children": [ { "type": "text", - "id": "n1577", + "id": "n1682", "name": "toggle", "width": "fit_content", "height": "fit_content", @@ -27332,7 +29056,7 @@ }, { "type": "rectangle", - "id": "n1578", + "id": "n1683", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27346,9 +29070,9 @@ }, { "type": "frame", - "id": "n1579", + "id": "n1684", "name": "是什么", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27360,7 +29084,7 @@ "children": [ { "type": "text", - "id": "n1580", + "id": "n1685", "name": "记住的函数", "width": "fit_content", "height": "fit_content", @@ -27387,7 +29111,7 @@ }, { "type": "frame", - "id": "n1581", + "id": "n1686", "name": "Prop / 调用位置", "width": "fill_container", "height": "fit_content", @@ -27398,7 +29122,7 @@ "children": [ { "type": "frame", - "id": "n1582", + "id": "n1687", "name": "Key", "width": 100.0, "height": 20.0, @@ -27407,9 +29131,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1688", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1583", + "id": "n1689", "name": "调用位置", "width": "fit_content", "height": "fit_content", @@ -27430,18 +29168,12 @@ }, { "type": "text", - "id": "n1584", - "name": "handleClick", + "id": "n1690", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "handleClick", - "fill": "#dcdcaa", - "underline": true - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -27449,7 +29181,296 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1691", + "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": "n1692", + "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": "n1693", + "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": "n1694", + "name": "位置", + "width": 106.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1695", + "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": "n1696", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1697", + "name": "写法", + "width": 477.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1698", + "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": "n1699", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1700", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1701", + "name": "位置", + "width": 106.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1702", + "name": "handleClick", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "handleClick", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1703", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1704", + "name": "写法", + "width": 477.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1705", + "name": "toggle(open 不成立) 在过渡里", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "toggle", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "open", + "fill": "#9cdcfe" + }, + { + "text": " ", + "fill": "#cccccc" + }, + { + "text": "不成立", + "fill": "#569cd6" + }, + { + "text": ")", + "fill": "#cccccc" + }, + { + "text": " 在过渡里", + "fill": "#9d9d9d" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -27459,7 +29480,7 @@ }, { "type": "frame", - "id": "n1585", + "id": "n1706", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -27470,7 +29491,7 @@ "children": [ { "type": "frame", - "id": "n1586", + "id": "n1707", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -27483,7 +29504,7 @@ "children": [ { "type": "icon_font", - "id": "n1587", + "id": "n1708", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -27499,7 +29520,7 @@ }, { "type": "frame", - "id": "n1588", + "id": "n1709", "name": "pencil", "width": 22.0, "height": 20.0, @@ -27512,7 +29533,7 @@ "children": [ { "type": "icon_font", - "id": "n1589", + "id": "n1710", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -27540,7 +29561,7 @@ }, { "type": "frame", - "id": "n1590", + "id": "n1711", "name": "Lines 40–43", "width": "fill_container", "height": "fit_content", @@ -27551,7 +29572,7 @@ "children": [ { "type": "frame", - "id": "n1591", + "id": "n1712", "name": "Code", "width": 600.0, "height": "fill_container", @@ -27567,7 +29588,7 @@ "children": [ { "type": "frame", - "id": "n1592", + "id": "n1713", "name": "Line 40", "width": "fill_container", "height": 20.0, @@ -27578,7 +29599,7 @@ "children": [ { "type": "frame", - "id": "n1593", + "id": "n1714", "name": "Number", "width": 44.0, "height": 20.0, @@ -27590,7 +29611,7 @@ "children": [ { "type": "text", - "id": "n1594", + "id": "n1715", "name": "40", "width": "fit_content", "height": "fit_content", @@ -27611,7 +29632,7 @@ }, { "type": "frame", - "id": "n1595", + "id": "n1716", "name": "Margin", "width": 41.66, "height": 20.0, @@ -27619,7 +29640,7 @@ }, { "type": "text", - "id": "n1596", + "id": "n1717", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -27669,7 +29690,7 @@ }, { "type": "frame", - "id": "n1597", + "id": "n1718", "name": "Line 41", "width": "fill_container", "height": 20.0, @@ -27680,7 +29701,7 @@ "children": [ { "type": "frame", - "id": "n1598", + "id": "n1719", "name": "Number", "width": 44.0, "height": 20.0, @@ -27692,7 +29713,7 @@ "children": [ { "type": "text", - "id": "n1599", + "id": "n1720", "name": "41", "width": "fit_content", "height": "fit_content", @@ -27713,7 +29734,7 @@ }, { "type": "frame", - "id": "n1600", + "id": "n1721", "name": "Margin", "width": 57.32, "height": 20.0, @@ -27721,7 +29742,7 @@ }, { "type": "text", - "id": "n1601", + "id": "n1722", "name": "timer.current = window.setTimeout(() => ", "width": "fit_content", "height": "fit_content", @@ -27819,7 +29840,7 @@ }, { "type": "frame", - "id": "n1602", + "id": "n1723", "name": "Line 42", "width": "fill_container", "height": 20.0, @@ -27830,7 +29851,7 @@ "children": [ { "type": "frame", - "id": "n1603", + "id": "n1724", "name": "Number", "width": 44.0, "height": 20.0, @@ -27842,7 +29863,7 @@ "children": [ { "type": "text", - "id": "n1604", + "id": "n1725", "name": "42", "width": "fit_content", "height": "fit_content", @@ -27863,7 +29884,7 @@ }, { "type": "frame", - "id": "n1605", + "id": "n1726", "name": "Margin", "width": 57.32, "height": 20.0, @@ -27871,7 +29892,7 @@ }, { "type": "text", - "id": "n1606", + "id": "n1727", "name": "return () => clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -27941,7 +29962,7 @@ }, { "type": "frame", - "id": "n1607", + "id": "n1728", "name": "Line 43", "width": "fill_container", "height": 20.0, @@ -27952,7 +29973,7 @@ "children": [ { "type": "frame", - "id": "n1608", + "id": "n1729", "name": "Number", "width": 44.0, "height": 20.0, @@ -27964,7 +29985,7 @@ "children": [ { "type": "text", - "id": "n1609", + "id": "n1730", "name": "43", "width": "fit_content", "height": "fit_content", @@ -27985,7 +30006,7 @@ }, { "type": "frame", - "id": "n1610", + "id": "n1731", "name": "Margin", "width": 41.66, "height": 20.0, @@ -27993,7 +30014,7 @@ }, { "type": "text", - "id": "n1611", + "id": "n1732", "name": "}, [open])", "width": "fit_content", "height": "fit_content", @@ -28041,7 +30062,7 @@ }, { "type": "rectangle", - "id": "n1612", + "id": "n1733", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -28055,7 +30076,7 @@ }, { "type": "frame", - "id": "n1613", + "id": "n1734", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -28071,7 +30092,7 @@ "children": [ { "type": "frame", - "id": "n1614", + "id": "n1735", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -28082,7 +30103,7 @@ "children": [ { "type": "frame", - "id": "n1615", + "id": "n1736", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -28093,7 +30114,7 @@ "children": [ { "type": "rectangle", - "id": "n1616", + "id": "n1737", "name": "Line", "width": 1.0, "height": "fill_container", @@ -28109,7 +30130,7 @@ }, { "type": "frame", - "id": "n1617", + "id": "n1738", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -28125,7 +30146,7 @@ "children": [ { "type": "frame", - "id": "n1618", + "id": "n1739", "name": "钩子 / useEffect · open 变化时", "width": "fill_container", "height": "fit_content", @@ -28158,7 +30179,7 @@ "children": [ { "type": "frame", - "id": "n1619", + "id": "n1740", "name": "Fold", "width": 14.0, "height": 20.0, @@ -28170,7 +30191,7 @@ "children": [ { "type": "icon_font", - "id": "n1620", + "id": "n1741", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -28186,27 +30207,68 @@ }, { "type": "frame", - "id": "n1621", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1742", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1622", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1743", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1744", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1745", + "name": "Concept / 副作用", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1746", + "name": "zap", + "iconFontName": "zap", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -28214,7 +30276,7 @@ }, { "type": "frame", - "id": "n1623", + "id": "n1747", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -28224,7 +30286,7 @@ "children": [ { "type": "frame", - "id": "n1624", + "id": "n1748", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -28235,7 +30297,7 @@ "children": [ { "type": "frame", - "id": "n1625", + "id": "n1749", "name": "Key", "width": 100.0, "height": 20.0, @@ -28246,7 +30308,7 @@ "children": [ { "type": "text", - "id": "n1626", + "id": "n1750", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -28266,108 +30328,27 @@ ] }, { - "type": "frame", - "id": "n1627", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1751", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1628", - "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" - } - ] - }, + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1629", - "name": "Tag / 副作用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1630", - "name": "zap", - "iconFontName": "zap", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1631", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -28375,7 +30356,7 @@ }, { "type": "frame", - "id": "n1632", + "id": "n1752", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -28386,7 +30367,7 @@ "children": [ { "type": "frame", - "id": "n1633", + "id": "n1753", "name": "Key", "width": 100.0, "height": 20.0, @@ -28397,7 +30378,7 @@ "children": [ { "type": "icon_font", - "id": "n1634", + "id": "n1754", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -28411,7 +30392,7 @@ }, { "type": "text", - "id": "n1635", + "id": "n1755", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -28432,7 +30413,7 @@ }, { "type": "text", - "id": "n1636", + "id": "n1756", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -28453,7 +30434,7 @@ }, { "type": "frame", - "id": "n1637", + "id": "n1757", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -28469,7 +30450,7 @@ "children": [ { "type": "frame", - "id": "n1638", + "id": "n1758", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -28489,7 +30470,7 @@ "children": [ { "type": "frame", - "id": "n1639", + "id": "n1759", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -28506,7 +30487,7 @@ "children": [ { "type": "frame", - "id": "n1640", + "id": "n1760", "name": "参数", "width": 66.0, "height": "fit_content", @@ -28520,7 +30501,7 @@ "children": [ { "type": "text", - "id": "n1641", + "id": "n1761", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -28541,7 +30522,7 @@ }, { "type": "rectangle", - "id": "n1642", + "id": "n1762", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28555,9 +30536,9 @@ }, { "type": "frame", - "id": "n1643", + "id": "n1763", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28569,7 +30550,7 @@ "children": [ { "type": "text", - "id": "n1644", + "id": "n1764", "name": "值", "width": "fit_content", "height": "fit_content", @@ -28592,7 +30573,7 @@ }, { "type": "rectangle", - "id": "n1645", + "id": "n1765", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -28606,7 +30587,7 @@ }, { "type": "frame", - "id": "n1646", + "id": "n1766", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -28617,7 +30598,7 @@ "children": [ { "type": "frame", - "id": "n1647", + "id": "n1767", "name": "参数", "width": 66.0, "height": "fit_content", @@ -28631,7 +30612,7 @@ "children": [ { "type": "text", - "id": "n1648", + "id": "n1768", "name": "effect", "width": "fit_content", "height": "fit_content", @@ -28652,7 +30633,7 @@ }, { "type": "rectangle", - "id": "n1649", + "id": "n1769", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28666,9 +30647,9 @@ }, { "type": "frame", - "id": "n1650", + "id": "n1770", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28680,7 +30661,7 @@ "children": [ { "type": "frame", - "id": "n1651", + "id": "n1771", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -28713,7 +30694,7 @@ "children": [ { "type": "icon_font", - "id": "n1652", + "id": "n1772", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -28727,7 +30708,7 @@ }, { "type": "text", - "id": "n1653", + "id": "n1773", "name": "函数 · 2 句", "width": "fit_content", "height": "fit_content", @@ -28761,7 +30742,7 @@ }, { "type": "rectangle", - "id": "n1654", + "id": "n1774", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -28775,7 +30756,7 @@ }, { "type": "frame", - "id": "n1655", + "id": "n1775", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -28786,7 +30767,7 @@ "children": [ { "type": "frame", - "id": "n1656", + "id": "n1776", "name": "参数", "width": 66.0, "height": "fit_content", @@ -28800,7 +30781,7 @@ "children": [ { "type": "text", - "id": "n1657", + "id": "n1777", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -28821,7 +30802,7 @@ }, { "type": "rectangle", - "id": "n1658", + "id": "n1778", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28835,9 +30816,9 @@ }, { "type": "frame", - "id": "n1659", + "id": "n1779", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28849,7 +30830,7 @@ "children": [ { "type": "text", - "id": "n1660", + "id": "n1780", "name": "open 变化时", "width": "fit_content", "height": "fit_content", @@ -28885,84 +30866,7 @@ }, { "type": "frame", - "id": "n1661", - "name": "Prop / 用到", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1662", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1663", - "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": "n1664", - "name": "open、timer", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "open", - "fill": "#9cdcfe" - }, - { - "text": "、", - "fill": "#cccccc" - }, - { - "text": "timer", - "fill": "#9cdcfe" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1665", + "id": "n1781", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -28973,7 +30877,7 @@ "children": [ { "type": "frame", - "id": "n1666", + "id": "n1782", "name": "Key", "width": 100.0, "height": 20.0, @@ -28982,9 +30886,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1783", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1667", + "id": "n1784", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -29005,37 +30923,12 @@ }, { "type": "text", - "id": "n1668", - "name": "状态 open（1 秒后设为 假）、引用 timer", + "id": "n1785", + "name": "2 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "状态 ", - "fill": "#cccccc" - }, - { - "text": "open", - "fill": "#9cdcfe" - }, - { - "text": "（1 秒后设为 ", - "fill": "#cccccc" - }, - { - "text": "假", - "fill": "#b5cea8" - }, - { - "text": "）、引用 ", - "fill": "#cccccc" - }, - { - "text": "timer", - "fill": "#9cdcfe" - } - ], - "fontFamily": "Menlo", + "content": "2 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -29043,7 +30936,7 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -29051,7 +30944,440 @@ }, { "type": "frame", - "id": "n1669", + "id": "n1786", + "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": "n1787", + "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": "n1788", + "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": "n1789", + "name": "改了", + "width": 92.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1790", + "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": "n1791", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1792", + "name": "写法", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1793", + "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": "n1794", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1795", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1796", + "name": "改了", + "width": 92.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1797", + "name": "状态 open", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "状态 ", + "fill": "#cccccc" + }, + { + "text": "open", + "fill": "#9cdcfe" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1798", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1799", + "name": "写法", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1800", + "name": "setOpen(假)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "setOpen", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "假", + "fill": "#b5cea8" + }, + { + "text": ")", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1801", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1802", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1803", + "name": "改了", + "width": 92.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1804", + "name": "引用 timer", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "引用 ", + "fill": "#cccccc" + }, + { + "text": "timer", + "fill": "#9cdcfe" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1805", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1806", + "name": "写法", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1807", + "name": "timer.current = window.setTimeout(…)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "timer", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "current", + "fill": "#9cdcfe" + }, + { + "text": " = ", + "fill": "#cccccc" + }, + { + "text": "window", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "setTimeout", + "fill": "#dcdcaa" + }, + { + "text": "(…)", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1808", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -29062,7 +31388,7 @@ "children": [ { "type": "frame", - "id": "n1670", + "id": "n1809", "name": "Key", "width": 100.0, "height": 20.0, @@ -29073,7 +31399,7 @@ "children": [ { "type": "text", - "id": "n1671", + "id": "n1810", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -29094,7 +31420,7 @@ }, { "type": "text", - "id": "n1672", + "id": "n1811", "name": "clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -29142,7 +31468,7 @@ }, { "type": "frame", - "id": "n1673", + "id": "n1812", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -29153,7 +31479,7 @@ "children": [ { "type": "frame", - "id": "n1674", + "id": "n1813", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -29166,7 +31492,7 @@ "children": [ { "type": "icon_font", - "id": "n1675", + "id": "n1814", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -29182,7 +31508,7 @@ }, { "type": "frame", - "id": "n1676", + "id": "n1815", "name": "pencil", "width": 22.0, "height": 20.0, @@ -29195,7 +31521,7 @@ "children": [ { "type": "icon_font", - "id": "n1677", + "id": "n1816", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -29223,7 +31549,7 @@ }, { "type": "frame", - "id": "n1678", + "id": "n1817", "name": "Lines 44–46", "width": "fill_container", "height": "fit_content", @@ -29234,7 +31560,7 @@ "children": [ { "type": "frame", - "id": "n1679", + "id": "n1818", "name": "Code", "width": 600.0, "height": "fill_container", @@ -29250,7 +31576,7 @@ "children": [ { "type": "frame", - "id": "n1680", + "id": "n1819", "name": "Line 44", "width": "fill_container", "height": 20.0, @@ -29261,7 +31587,7 @@ "children": [ { "type": "frame", - "id": "n1681", + "id": "n1820", "name": "Number", "width": 44.0, "height": 20.0, @@ -29273,7 +31599,7 @@ "children": [ { "type": "text", - "id": "n1682", + "id": "n1821", "name": "44", "width": "fit_content", "height": "fit_content", @@ -29294,7 +31620,7 @@ }, { "type": "frame", - "id": "n1683", + "id": "n1822", "name": "Margin", "width": 41.66, "height": 20.0, @@ -29302,7 +31628,7 @@ }, { "type": "text", - "id": "n1684", + "id": "n1823", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -29352,7 +31678,7 @@ }, { "type": "frame", - "id": "n1685", + "id": "n1824", "name": "Line 45", "width": "fill_container", "height": 20.0, @@ -29363,7 +31689,7 @@ "children": [ { "type": "frame", - "id": "n1686", + "id": "n1825", "name": "Number", "width": 44.0, "height": 20.0, @@ -29375,7 +31701,7 @@ "children": [ { "type": "text", - "id": "n1687", + "id": "n1826", "name": "45", "width": "fit_content", "height": "fit_content", @@ -29396,7 +31722,7 @@ }, { "type": "frame", - "id": "n1688", + "id": "n1827", "name": "Margin", "width": 57.32, "height": 20.0, @@ -29404,7 +31730,7 @@ }, { "type": "text", - "id": "n1689", + "id": "n1828", "name": "document.title = String(total)", "width": "fit_content", "height": "fit_content", @@ -29458,7 +31784,7 @@ }, { "type": "frame", - "id": "n1690", + "id": "n1829", "name": "Line 46", "width": "fill_container", "height": 20.0, @@ -29469,7 +31795,7 @@ "children": [ { "type": "frame", - "id": "n1691", + "id": "n1830", "name": "Number", "width": 44.0, "height": 20.0, @@ -29481,7 +31807,7 @@ "children": [ { "type": "text", - "id": "n1692", + "id": "n1831", "name": "46", "width": "fit_content", "height": "fit_content", @@ -29502,7 +31828,7 @@ }, { "type": "frame", - "id": "n1693", + "id": "n1832", "name": "Margin", "width": 41.66, "height": 20.0, @@ -29510,7 +31836,7 @@ }, { "type": "text", - "id": "n1694", + "id": "n1833", "name": "})", "width": "fit_content", "height": "fit_content", @@ -29542,7 +31868,7 @@ }, { "type": "rectangle", - "id": "n1695", + "id": "n1834", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -29556,7 +31882,7 @@ }, { "type": "frame", - "id": "n1696", + "id": "n1835", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -29572,7 +31898,7 @@ "children": [ { "type": "frame", - "id": "n1697", + "id": "n1836", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -29583,7 +31909,7 @@ "children": [ { "type": "frame", - "id": "n1698", + "id": "n1837", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -29594,7 +31920,7 @@ "children": [ { "type": "rectangle", - "id": "n1699", + "id": "n1838", "name": "Line", "width": 1.0, "height": "fill_container", @@ -29610,7 +31936,7 @@ }, { "type": "frame", - "id": "n1700", + "id": "n1839", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -29626,7 +31952,7 @@ "children": [ { "type": "frame", - "id": "n1701", + "id": "n1840", "name": "钩子 / useEffect · 每次渲染后", "width": "fill_container", "height": "fit_content", @@ -29659,7 +31985,7 @@ "children": [ { "type": "frame", - "id": "n1702", + "id": "n1841", "name": "Fold", "width": 14.0, "height": 20.0, @@ -29671,7 +31997,7 @@ "children": [ { "type": "icon_font", - "id": "n1703", + "id": "n1842", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -29687,27 +32013,68 @@ }, { "type": "frame", - "id": "n1704", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1843", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1705", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1844", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1845", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1846", + "name": "Concept / 副作用", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1847", + "name": "zap", + "iconFontName": "zap", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -29715,7 +32082,7 @@ }, { "type": "frame", - "id": "n1706", + "id": "n1848", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -29725,7 +32092,7 @@ "children": [ { "type": "frame", - "id": "n1707", + "id": "n1849", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -29736,7 +32103,7 @@ "children": [ { "type": "frame", - "id": "n1708", + "id": "n1850", "name": "Key", "width": 100.0, "height": 20.0, @@ -29747,7 +32114,7 @@ "children": [ { "type": "text", - "id": "n1709", + "id": "n1851", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -29767,108 +32134,27 @@ ] }, { - "type": "frame", - "id": "n1710", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1852", + "name": "useEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1711", - "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" - } - ] - }, + "text": "useEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1712", - "name": "Tag / 副作用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1713", - "name": "zap", - "iconFontName": "zap", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1714", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -29876,7 +32162,7 @@ }, { "type": "frame", - "id": "n1715", + "id": "n1853", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -29887,7 +32173,7 @@ "children": [ { "type": "frame", - "id": "n1716", + "id": "n1854", "name": "Key", "width": 100.0, "height": 20.0, @@ -29898,7 +32184,7 @@ "children": [ { "type": "icon_font", - "id": "n1717", + "id": "n1855", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -29912,7 +32198,7 @@ }, { "type": "text", - "id": "n1718", + "id": "n1856", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -29933,7 +32219,7 @@ }, { "type": "text", - "id": "n1719", + "id": "n1857", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -29954,7 +32240,7 @@ }, { "type": "frame", - "id": "n1720", + "id": "n1858", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -29970,7 +32256,7 @@ "children": [ { "type": "frame", - "id": "n1721", + "id": "n1859", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -29990,7 +32276,7 @@ "children": [ { "type": "frame", - "id": "n1722", + "id": "n1860", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -30007,7 +32293,7 @@ "children": [ { "type": "frame", - "id": "n1723", + "id": "n1861", "name": "参数", "width": 66.0, "height": "fit_content", @@ -30021,7 +32307,7 @@ "children": [ { "type": "text", - "id": "n1724", + "id": "n1862", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -30042,7 +32328,7 @@ }, { "type": "rectangle", - "id": "n1725", + "id": "n1863", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30056,9 +32342,9 @@ }, { "type": "frame", - "id": "n1726", + "id": "n1864", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30070,7 +32356,7 @@ "children": [ { "type": "text", - "id": "n1727", + "id": "n1865", "name": "值", "width": "fit_content", "height": "fit_content", @@ -30093,7 +32379,7 @@ }, { "type": "rectangle", - "id": "n1728", + "id": "n1866", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -30107,7 +32393,7 @@ }, { "type": "frame", - "id": "n1729", + "id": "n1867", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -30118,7 +32404,7 @@ "children": [ { "type": "frame", - "id": "n1730", + "id": "n1868", "name": "参数", "width": 66.0, "height": "fit_content", @@ -30132,7 +32418,7 @@ "children": [ { "type": "text", - "id": "n1731", + "id": "n1869", "name": "effect", "width": "fit_content", "height": "fit_content", @@ -30153,7 +32439,7 @@ }, { "type": "rectangle", - "id": "n1732", + "id": "n1870", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30167,9 +32453,9 @@ }, { "type": "frame", - "id": "n1733", + "id": "n1871", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30181,7 +32467,7 @@ "children": [ { "type": "frame", - "id": "n1734", + "id": "n1872", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -30214,7 +32500,7 @@ "children": [ { "type": "icon_font", - "id": "n1735", + "id": "n1873", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -30228,7 +32514,7 @@ }, { "type": "text", - "id": "n1736", + "id": "n1874", "name": "函数 · 1 句", "width": "fit_content", "height": "fit_content", @@ -30262,7 +32548,7 @@ }, { "type": "rectangle", - "id": "n1737", + "id": "n1875", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -30276,7 +32562,7 @@ }, { "type": "frame", - "id": "n1738", + "id": "n1876", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -30287,7 +32573,7 @@ "children": [ { "type": "frame", - "id": "n1739", + "id": "n1877", "name": "参数", "width": 66.0, "height": "fit_content", @@ -30301,7 +32587,7 @@ "children": [ { "type": "text", - "id": "n1740", + "id": "n1878", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -30322,7 +32608,7 @@ }, { "type": "rectangle", - "id": "n1741", + "id": "n1879", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30336,9 +32622,9 @@ }, { "type": "frame", - "id": "n1742", + "id": "n1880", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30350,7 +32636,7 @@ "children": [ { "type": "text", - "id": "n1743", + "id": "n1881", "name": "没写，每次渲染后", "width": "fit_content", "height": "fit_content", @@ -30386,71 +32672,7 @@ }, { "type": "frame", - "id": "n1744", - "name": "Prop / 用到", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1745", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1746", - "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": "n1747", - "name": "total", - "width": "fit_content", - "height": "fit_content", - "content": "total", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1748", + "id": "n1882", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -30461,7 +32683,7 @@ "children": [ { "type": "frame", - "id": "n1749", + "id": "n1883", "name": "Key", "width": 100.0, "height": 20.0, @@ -30470,9 +32692,23 @@ "alignItems": "center", "clipContent": false, "children": [ + { + "type": "icon_font", + "id": "n1884", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, { "type": "text", - "id": "n1750", + "id": "n1885", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -30493,25 +32729,12 @@ }, { "type": "text", - "id": "n1751", - "name": "document.title", + "id": "n1886", + "name": "1 个", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "document", - "fill": "#9cdcfe" - }, - { - "text": ".", - "fill": "#cccccc" - }, - { - "text": "title", - "fill": "#9cdcfe" - } - ], - "fontFamily": "Menlo", + "content": "1 个", + "fontFamily": "PingFang SC", "fontSize": 13.0, "fontWeight": 400, "lineHeight": 1.5384615384615383, @@ -30519,7 +32742,291 @@ "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1887", + "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": "n1888", + "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": "n1889", + "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": "n1890", + "name": "改了", + "width": 130.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1891", + "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": "n1892", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1893", + "name": "写法", + "width": 453.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1894", + "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": "n1895", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1896", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1897", + "name": "改了", + "width": 130.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1898", + "name": "document.title", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "document", + "fill": "#9cdcfe" + }, + { + "text": ".", + "fill": "#cccccc" + }, + { + "text": "title", + "fill": "#9cdcfe" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1899", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1900", + "name": "写法", + "width": 453.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1901", + "name": "String(total)", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "String", + "fill": "#dcdcaa" + }, + { + "text": "(", + "fill": "#cccccc" + }, + { + "text": "total", + "fill": "#9cdcfe" + }, + { + "text": ")", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] } ] } @@ -30529,7 +33036,7 @@ }, { "type": "frame", - "id": "n1752", + "id": "n1902", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -30540,7 +33047,7 @@ "children": [ { "type": "frame", - "id": "n1753", + "id": "n1903", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -30553,7 +33060,7 @@ "children": [ { "type": "icon_font", - "id": "n1754", + "id": "n1904", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -30569,7 +33076,7 @@ }, { "type": "frame", - "id": "n1755", + "id": "n1905", "name": "pencil", "width": 22.0, "height": 20.0, @@ -30582,7 +33089,7 @@ "children": [ { "type": "icon_font", - "id": "n1756", + "id": "n1906", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -30610,7 +33117,7 @@ }, { "type": "frame", - "id": "n1757", + "id": "n1907", "name": "Lines 47–49", "width": "fill_container", "height": "fit_content", @@ -30621,7 +33128,7 @@ "children": [ { "type": "frame", - "id": "n1758", + "id": "n1908", "name": "Code", "width": 600.0, "height": "fill_container", @@ -30637,7 +33144,7 @@ "children": [ { "type": "frame", - "id": "n1759", + "id": "n1909", "name": "Line 47", "width": "fill_container", "height": 20.0, @@ -30648,7 +33155,7 @@ "children": [ { "type": "frame", - "id": "n1760", + "id": "n1910", "name": "Number", "width": 44.0, "height": 20.0, @@ -30660,7 +33167,7 @@ "children": [ { "type": "text", - "id": "n1761", + "id": "n1911", "name": "47", "width": "fit_content", "height": "fit_content", @@ -30681,7 +33188,7 @@ }, { "type": "frame", - "id": "n1762", + "id": "n1912", "name": "Margin", "width": 41.66, "height": 20.0, @@ -30689,7 +33196,7 @@ }, { "type": "text", - "id": "n1763", + "id": "n1913", "name": "useLayoutEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -30739,7 +33246,7 @@ }, { "type": "frame", - "id": "n1764", + "id": "n1914", "name": "Line 48", "width": "fill_container", "height": 20.0, @@ -30750,7 +33257,7 @@ "children": [ { "type": "frame", - "id": "n1765", + "id": "n1915", "name": "Number", "width": 44.0, "height": 20.0, @@ -30762,7 +33269,7 @@ "children": [ { "type": "text", - "id": "n1766", + "id": "n1916", "name": "48", "width": "fit_content", "height": "fit_content", @@ -30783,7 +33290,7 @@ }, { "type": "frame", - "id": "n1767", + "id": "n1917", "name": "Margin", "width": 57.32, "height": 20.0, @@ -30791,7 +33298,7 @@ }, { "type": "text", - "id": "n1768", + "id": "n1918", "name": "boxRef.current?.scrollTo(0, 0)", "width": "fit_content", "height": "fit_content", @@ -30853,7 +33360,7 @@ }, { "type": "frame", - "id": "n1769", + "id": "n1919", "name": "Line 49", "width": "fill_container", "height": 20.0, @@ -30864,7 +33371,7 @@ "children": [ { "type": "frame", - "id": "n1770", + "id": "n1920", "name": "Number", "width": 44.0, "height": 20.0, @@ -30876,7 +33383,7 @@ "children": [ { "type": "text", - "id": "n1771", + "id": "n1921", "name": "49", "width": "fit_content", "height": "fit_content", @@ -30897,7 +33404,7 @@ }, { "type": "frame", - "id": "n1772", + "id": "n1922", "name": "Margin", "width": 41.66, "height": 20.0, @@ -30905,7 +33412,7 @@ }, { "type": "text", - "id": "n1773", + "id": "n1923", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -30945,7 +33452,7 @@ }, { "type": "rectangle", - "id": "n1774", + "id": "n1924", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -30959,7 +33466,7 @@ }, { "type": "frame", - "id": "n1775", + "id": "n1925", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -30975,7 +33482,7 @@ "children": [ { "type": "frame", - "id": "n1776", + "id": "n1926", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -30986,7 +33493,7 @@ "children": [ { "type": "frame", - "id": "n1777", + "id": "n1927", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -30997,7 +33504,7 @@ "children": [ { "type": "rectangle", - "id": "n1778", + "id": "n1928", "name": "Line", "width": 1.0, "height": "fill_container", @@ -31013,7 +33520,7 @@ }, { "type": "frame", - "id": "n1779", + "id": "n1929", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -31029,7 +33536,7 @@ "children": [ { "type": "frame", - "id": "n1780", + "id": "n1930", "name": "钩子 / useLayoutEffect · 仅挂载时", "width": "fill_container", "height": "fit_content", @@ -31062,7 +33569,7 @@ "children": [ { "type": "frame", - "id": "n1781", + "id": "n1931", "name": "Fold", "width": 14.0, "height": 20.0, @@ -31074,7 +33581,7 @@ "children": [ { "type": "icon_font", - "id": "n1782", + "id": "n1932", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -31090,27 +33597,68 @@ }, { "type": "frame", - "id": "n1783", - "name": "Kind / 钩子", - "width": 20.0, + "id": "n1933", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1784", - "name": "fishing-hook", - "iconFontName": "fishing-hook", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n1934", + "name": "Concept / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#b180d7" + "type": "icon_font", + "id": "n1935", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1936", + "name": "Concept / 副作用 · 浏览器绘制前执行", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1937", + "name": "zap", + "iconFontName": "zap", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -31118,7 +33666,7 @@ }, { "type": "frame", - "id": "n1785", + "id": "n1938", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -31128,7 +33676,7 @@ "children": [ { "type": "frame", - "id": "n1786", + "id": "n1939", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -31139,7 +33687,7 @@ "children": [ { "type": "frame", - "id": "n1787", + "id": "n1940", "name": "Key", "width": 100.0, "height": 20.0, @@ -31150,7 +33698,7 @@ "children": [ { "type": "text", - "id": "n1788", + "id": "n1941", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -31170,162 +33718,27 @@ ] }, { - "type": "frame", - "id": "n1789", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n1942", + "name": "useLayoutEffect", + "width": "fit_content", + "height": "fit_content", + "content": [ { - "type": "text", - "id": "n1790", - "name": "useLayoutEffect", - "width": "fit_content", - "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" - } - ] - }, + "text": "useLayoutEffect", + "fontWeight": 600, + "fill": "#dcdcaa" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ { - "type": "frame", - "id": "n1791", - "name": "Tag / 副作用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 4.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "icon_font", - "id": "n1792", - "name": "zap", - "iconFontName": "zap", - "width": 11.0, - "height": 11.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1793", - "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": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1794", - "name": "Tag / 浏览器绘制前", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 3.0, - "padding": [ - 0.0, - 5.0, - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#31393b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#505658" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n1795", - "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": "#9d9d9d" - } - ] - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -31333,7 +33746,7 @@ }, { "type": "frame", - "id": "n1796", + "id": "n1943", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -31344,7 +33757,7 @@ "children": [ { "type": "frame", - "id": "n1797", + "id": "n1944", "name": "Key", "width": 100.0, "height": 20.0, @@ -31355,7 +33768,7 @@ "children": [ { "type": "icon_font", - "id": "n1798", + "id": "n1945", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -31369,7 +33782,7 @@ }, { "type": "text", - "id": "n1799", + "id": "n1946", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -31390,7 +33803,7 @@ }, { "type": "text", - "id": "n1800", + "id": "n1947", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -31411,7 +33824,7 @@ }, { "type": "frame", - "id": "n1801", + "id": "n1948", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -31427,7 +33840,7 @@ "children": [ { "type": "frame", - "id": "n1802", + "id": "n1949", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -31447,7 +33860,7 @@ "children": [ { "type": "frame", - "id": "n1803", + "id": "n1950", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -31464,7 +33877,7 @@ "children": [ { "type": "frame", - "id": "n1804", + "id": "n1951", "name": "参数", "width": 66.0, "height": "fit_content", @@ -31478,7 +33891,7 @@ "children": [ { "type": "text", - "id": "n1805", + "id": "n1952", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -31499,7 +33912,7 @@ }, { "type": "rectangle", - "id": "n1806", + "id": "n1953", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -31513,9 +33926,9 @@ }, { "type": "frame", - "id": "n1807", + "id": "n1954", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -31527,7 +33940,7 @@ "children": [ { "type": "text", - "id": "n1808", + "id": "n1955", "name": "值", "width": "fit_content", "height": "fit_content", @@ -31550,7 +33963,7 @@ }, { "type": "rectangle", - "id": "n1809", + "id": "n1956", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -31564,7 +33977,7 @@ }, { "type": "frame", - "id": "n1810", + "id": "n1957", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -31575,7 +33988,7 @@ "children": [ { "type": "frame", - "id": "n1811", + "id": "n1958", "name": "参数", "width": 66.0, "height": "fit_content", @@ -31589,7 +34002,7 @@ "children": [ { "type": "text", - "id": "n1812", + "id": "n1959", "name": "effect", "width": "fit_content", "height": "fit_content", @@ -31610,7 +34023,7 @@ }, { "type": "rectangle", - "id": "n1813", + "id": "n1960", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -31624,9 +34037,9 @@ }, { "type": "frame", - "id": "n1814", + "id": "n1961", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -31638,7 +34051,7 @@ "children": [ { "type": "frame", - "id": "n1815", + "id": "n1962", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -31671,7 +34084,7 @@ "children": [ { "type": "icon_font", - "id": "n1816", + "id": "n1963", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -31685,7 +34098,7 @@ }, { "type": "text", - "id": "n1817", + "id": "n1964", "name": "函数 · 1 句", "width": "fit_content", "height": "fit_content", @@ -31719,7 +34132,7 @@ }, { "type": "rectangle", - "id": "n1818", + "id": "n1965", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -31733,7 +34146,7 @@ }, { "type": "frame", - "id": "n1819", + "id": "n1966", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -31744,7 +34157,7 @@ "children": [ { "type": "frame", - "id": "n1820", + "id": "n1967", "name": "参数", "width": 66.0, "height": "fit_content", @@ -31758,7 +34171,7 @@ "children": [ { "type": "text", - "id": "n1821", + "id": "n1968", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -31779,7 +34192,7 @@ }, { "type": "rectangle", - "id": "n1822", + "id": "n1969", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -31793,9 +34206,9 @@ }, { "type": "frame", - "id": "n1823", + "id": "n1970", "name": "值", - "width": 539.0, + "width": 517.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -31807,7 +34220,7 @@ "children": [ { "type": "text", - "id": "n1824", + "id": "n1971", "name": "仅挂载时", "width": "fit_content", "height": "fit_content", @@ -31831,146 +34244,12 @@ ] } ] - }, - { - "type": "frame", - "id": "n1825", - "name": "Prop / 用到", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1826", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1827", - "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": "n1828", - "name": "boxRef", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "boxRef", - "fill": "#9cdcfe", - "underline": true - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1829", - "name": "Prop / 改动", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1830", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1831", - "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": "n1832", - "name": "无", - "width": "fit_content", - "height": "fit_content", - "content": "无", - "fontFamily": "PingFang SC", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] } ] }, { "type": "frame", - "id": "n1833", + "id": "n1972", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -31981,7 +34260,7 @@ "children": [ { "type": "frame", - "id": "n1834", + "id": "n1973", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -31994,7 +34273,7 @@ "children": [ { "type": "icon_font", - "id": "n1835", + "id": "n1974", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -32010,7 +34289,7 @@ }, { "type": "frame", - "id": "n1836", + "id": "n1975", "name": "pencil", "width": 22.0, "height": 20.0, @@ -32023,7 +34302,7 @@ "children": [ { "type": "icon_font", - "id": "n1837", + "id": "n1976", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -32051,7 +34330,7 @@ }, { "type": "frame", - "id": "n1838", + "id": "n1977", "name": "Lines 50–52", "width": "fill_container", "height": "fit_content", @@ -32062,7 +34341,7 @@ "children": [ { "type": "frame", - "id": "n1839", + "id": "n1978", "name": "Code", "width": 600.0, "height": "fill_container", @@ -32078,7 +34357,7 @@ "children": [ { "type": "frame", - "id": "n1840", + "id": "n1979", "name": "Line 50", "width": "fill_container", "height": 20.0, @@ -32089,7 +34368,7 @@ "children": [ { "type": "frame", - "id": "n1841", + "id": "n1980", "name": "Number", "width": 44.0, "height": 20.0, @@ -32101,7 +34380,7 @@ "children": [ { "type": "text", - "id": "n1842", + "id": "n1981", "name": "50", "width": "fit_content", "height": "fit_content", @@ -32122,7 +34401,7 @@ }, { "type": "frame", - "id": "n1843", + "id": "n1982", "name": "Margin", "width": 41.66, "height": 20.0, @@ -32130,7 +34409,7 @@ }, { "type": "text", - "id": "n1844", + "id": "n1983", "name": "function handleClick() {", "width": "fit_content", "height": "fit_content", @@ -32176,7 +34455,7 @@ }, { "type": "frame", - "id": "n1845", + "id": "n1984", "name": "Line 51", "width": "fill_container", "height": 20.0, @@ -32187,7 +34466,7 @@ "children": [ { "type": "frame", - "id": "n1846", + "id": "n1985", "name": "Number", "width": 44.0, "height": 20.0, @@ -32199,7 +34478,7 @@ "children": [ { "type": "text", - "id": "n1847", + "id": "n1986", "name": "51", "width": "fit_content", "height": "fit_content", @@ -32220,7 +34499,7 @@ }, { "type": "frame", - "id": "n1848", + "id": "n1987", "name": "Margin", "width": 57.32, "height": 20.0, @@ -32228,7 +34507,7 @@ }, { "type": "text", - "id": "n1849", + "id": "n1988", "name": "startTransition(() => toggle(!open))", "width": "fit_content", "height": "fit_content", @@ -32298,7 +34577,7 @@ }, { "type": "frame", - "id": "n1850", + "id": "n1989", "name": "Line 52", "width": "fill_container", "height": 20.0, @@ -32309,7 +34588,7 @@ "children": [ { "type": "frame", - "id": "n1851", + "id": "n1990", "name": "Number", "width": 44.0, "height": 20.0, @@ -32321,7 +34600,7 @@ "children": [ { "type": "text", - "id": "n1852", + "id": "n1991", "name": "52", "width": "fit_content", "height": "fit_content", @@ -32342,7 +34621,7 @@ }, { "type": "frame", - "id": "n1853", + "id": "n1992", "name": "Margin", "width": 41.66, "height": 20.0, @@ -32350,7 +34629,7 @@ }, { "type": "text", - "id": "n1854", + "id": "n1993", "name": "}", "width": "fit_content", "height": "fit_content", @@ -32373,7 +34652,7 @@ }, { "type": "rectangle", - "id": "n1855", + "id": "n1994", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -32387,7 +34666,7 @@ }, { "type": "frame", - "id": "n1856", + "id": "n1995", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -32403,7 +34682,7 @@ "children": [ { "type": "frame", - "id": "n1857", + "id": "n1996", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -32414,7 +34693,7 @@ "children": [ { "type": "frame", - "id": "n1858", + "id": "n1997", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -32425,7 +34704,7 @@ "children": [ { "type": "rectangle", - "id": "n1859", + "id": "n1998", "name": "Line", "width": 1.0, "height": "fill_container", @@ -32441,7 +34720,7 @@ }, { "type": "frame", - "id": "n1860", + "id": "n1999", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -32457,7 +34736,7 @@ "children": [ { "type": "frame", - "id": "n1861", + "id": "n2000", "name": "事件处理函数 / handleClick", "width": "fill_container", "height": "fit_content", @@ -32490,7 +34769,7 @@ "children": [ { "type": "frame", - "id": "n1862", + "id": "n2001", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32502,7 +34781,7 @@ "children": [ { "type": "icon_font", - "id": "n1863", + "id": "n2002", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -32518,27 +34797,40 @@ }, { "type": "frame", - "id": "n1864", - "name": "Kind / 事件处理函数", - "width": 20.0, + "id": "n2003", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1865", - "name": "mouse-pointer-click", - "iconFontName": "mouse-pointer-click", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n2004", + "name": "Concept / 事件处理函数", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#dcdcaa" + "type": "icon_font", + "id": "n2005", + "name": "mouse-pointer-click", + "iconFontName": "mouse-pointer-click", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] } ] } @@ -32546,7 +34838,7 @@ }, { "type": "frame", - "id": "n1866", + "id": "n2006", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -32556,7 +34848,7 @@ "children": [ { "type": "frame", - "id": "n1867", + "id": "n2007", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -32567,7 +34859,7 @@ "children": [ { "type": "frame", - "id": "n1868", + "id": "n2008", "name": "Key", "width": 76.0, "height": 20.0, @@ -32578,7 +34870,7 @@ "children": [ { "type": "text", - "id": "n1869", + "id": "n2009", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -32599,7 +34891,7 @@ }, { "type": "frame", - "id": "n1870", + "id": "n2010", "name": "Value", "width": "fill_container", "height": 20.0, @@ -32610,7 +34902,7 @@ "children": [ { "type": "text", - "id": "n1871", + "id": "n2011", "name": "handleClick", "width": "fit_content", "height": "fit_content", @@ -32633,7 +34925,7 @@ }, { "type": "frame", - "id": "n1872", + "id": "n2012", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -32644,7 +34936,7 @@ "children": [ { "type": "frame", - "id": "n1873", + "id": "n2013", "name": "Key", "width": 76.0, "height": 20.0, @@ -32655,7 +34947,7 @@ "children": [ { "type": "text", - "id": "n1874", + "id": "n2014", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -32676,7 +34968,7 @@ }, { "type": "text", - "id": "n1875", + "id": "n2015", "name": "无", "width": "fit_content", "height": "fit_content", @@ -32697,7 +34989,7 @@ }, { "type": "frame", - "id": "n1876", + "id": "n2016", "name": "Prop / 绑定事件", "width": "fill_container", "height": "fit_content", @@ -32708,7 +35000,7 @@ "children": [ { "type": "frame", - "id": "n1877", + "id": "n2017", "name": "Key", "width": 76.0, "height": 20.0, @@ -32719,7 +35011,7 @@ "children": [ { "type": "text", - "id": "n1878", + "id": "n2018", "name": "绑定事件", "width": "fit_content", "height": "fit_content", @@ -32740,7 +35032,7 @@ }, { "type": "text", - "id": "n1879", + "id": "n2019", "name": "
的 onClick", "width": "fit_content", "height": "fit_content", @@ -32770,7 +35062,7 @@ }, { "type": "frame", - "id": "n1880", + "id": "n2020", "name": "Prop / 调用", "width": "fill_container", "height": "fit_content", @@ -32781,7 +35073,7 @@ "children": [ { "type": "frame", - "id": "n1881", + "id": "n2021", "name": "Key", "width": 76.0, "height": 20.0, @@ -32792,7 +35084,7 @@ "children": [ { "type": "text", - "id": "n1882", + "id": "n2022", "name": "调用", "width": "fit_content", "height": "fit_content", @@ -32813,7 +35105,7 @@ }, { "type": "text", - "id": "n1883", + "id": "n2023", "name": "toggle（在过渡里）", "width": "fit_content", "height": "fit_content", @@ -32846,7 +35138,7 @@ }, { "type": "frame", - "id": "n1884", + "id": "n2024", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -32857,7 +35149,7 @@ "children": [ { "type": "frame", - "id": "n1885", + "id": "n2025", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -32870,7 +35162,7 @@ "children": [ { "type": "icon_font", - "id": "n1886", + "id": "n2026", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -32886,7 +35178,7 @@ }, { "type": "frame", - "id": "n1887", + "id": "n2027", "name": "pencil", "width": 22.0, "height": 20.0, @@ -32899,7 +35191,7 @@ "children": [ { "type": "icon_font", - "id": "n1888", + "id": "n2028", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -32927,7 +35219,7 @@ }, { "type": "frame", - "id": "n1889", + "id": "n2029", "name": "Lines 53–59", "width": "fill_container", "height": "fit_content", @@ -32938,7 +35230,7 @@ "children": [ { "type": "frame", - "id": "n1890", + "id": "n2030", "name": "Code", "width": 600.0, "height": "fill_container", @@ -32954,7 +35246,7 @@ "children": [ { "type": "frame", - "id": "n1891", + "id": "n2031", "name": "Line 53", "width": "fill_container", "height": 20.0, @@ -32965,7 +35257,7 @@ "children": [ { "type": "frame", - "id": "n1892", + "id": "n2032", "name": "Number", "width": 44.0, "height": 20.0, @@ -32977,7 +35269,7 @@ "children": [ { "type": "text", - "id": "n1893", + "id": "n2033", "name": "53", "width": "fit_content", "height": "fit_content", @@ -32998,7 +35290,7 @@ }, { "type": "frame", - "id": "n1894", + "id": "n2034", "name": "Margin", "width": 41.66, "height": 20.0, @@ -33006,7 +35298,7 @@ }, { "type": "text", - "id": "n1895", + "id": "n2035", "name": "return (", "width": "fit_content", "height": "fit_content", @@ -33040,7 +35332,7 @@ }, { "type": "frame", - "id": "n1896", + "id": "n2036", "name": "Line 54", "width": "fill_container", "height": 20.0, @@ -33051,7 +35343,7 @@ "children": [ { "type": "frame", - "id": "n1897", + "id": "n2037", "name": "Number", "width": 44.0, "height": 20.0, @@ -33063,7 +35355,7 @@ "children": [ { "type": "text", - "id": "n1898", + "id": "n2038", "name": "54", "width": "fit_content", "height": "fit_content", @@ -33084,7 +35376,7 @@ }, { "type": "frame", - "id": "n1899", + "id": "n2039", "name": "Margin", "width": 57.32, "height": 20.0, @@ -33092,7 +35384,7 @@ }, { "type": "text", - "id": "n1900", + "id": "n2040", "name": "
", "width": "fit_content", "height": "fit_content", @@ -33174,7 +35466,7 @@ }, { "type": "frame", - "id": "n1901", + "id": "n2041", "name": "Line 55", "width": "fill_container", "height": 20.0, @@ -33185,7 +35477,7 @@ "children": [ { "type": "frame", - "id": "n1902", + "id": "n2042", "name": "Number", "width": 44.0, "height": 20.0, @@ -33197,7 +35489,7 @@ "children": [ { "type": "text", - "id": "n1903", + "id": "n2043", "name": "55", "width": "fit_content", "height": "fit_content", @@ -33218,7 +35510,7 @@ }, { "type": "frame", - "id": "n1904", + "id": "n2044", "name": "Margin", "width": 72.98, "height": 20.0, @@ -33226,7 +35518,7 @@ }, { "type": "text", - "id": "n1905", + "id": "n2045", "name": "{isPending && }", "width": "fit_content", "height": "fit_content", @@ -33280,7 +35572,7 @@ }, { "type": "frame", - "id": "n1906", + "id": "n2046", "name": "Line 56", "width": "fill_container", "height": 20.0, @@ -33291,7 +35583,7 @@ "children": [ { "type": "frame", - "id": "n1907", + "id": "n2047", "name": "Number", "width": 44.0, "height": 20.0, @@ -33303,7 +35595,7 @@ "children": [ { "type": "text", - "id": "n1908", + "id": "n2048", "name": "56", "width": "fit_content", "height": "fit_content", @@ -33324,7 +35616,7 @@ }, { "type": "frame", - "id": "n1909", + "id": "n2049", "name": "Margin", "width": 72.98, "height": 20.0, @@ -33332,7 +35624,7 @@ }, { "type": "text", - "id": "n1910", + "id": "n2050", "name": "{messages.map(m => ", "width": "fit_content", "height": "fit_content", @@ -33650,7 +35942,7 @@ }, { "type": "frame", - "id": "n1921", + "id": "n2061", "name": "Line 59", "width": "fill_container", "height": 20.0, @@ -33661,7 +35953,7 @@ "children": [ { "type": "frame", - "id": "n1922", + "id": "n2062", "name": "Number", "width": 44.0, "height": 20.0, @@ -33673,7 +35965,7 @@ "children": [ { "type": "text", - "id": "n1923", + "id": "n2063", "name": "59", "width": "fit_content", "height": "fit_content", @@ -33694,7 +35986,7 @@ }, { "type": "frame", - "id": "n1924", + "id": "n2064", "name": "Margin", "width": 41.66, "height": 20.0, @@ -33702,7 +35994,7 @@ }, { "type": "text", - "id": "n1925", + "id": "n2065", "name": ")", "width": "fit_content", "height": "fit_content", @@ -33725,7 +36017,7 @@ }, { "type": "rectangle", - "id": "n1926", + "id": "n2066", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -33739,7 +36031,7 @@ }, { "type": "frame", - "id": "n1927", + "id": "n2067", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -33755,7 +36047,7 @@ "children": [ { "type": "frame", - "id": "n1928", + "id": "n2068", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -33766,7 +36058,7 @@ "children": [ { "type": "frame", - "id": "n1929", + "id": "n2069", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -33777,7 +36069,7 @@ "children": [ { "type": "rectangle", - "id": "n1930", + "id": "n2070", "name": "Line", "width": 1.0, "height": "fill_container", @@ -33793,7 +36085,7 @@ }, { "type": "frame", - "id": "n1931", + "id": "n2071", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -33809,7 +36101,7 @@ "children": [ { "type": "frame", - "id": "n1932", + "id": "n2072", "name": "渲染输出 / Panel", "width": "fill_container", "height": "fit_content", @@ -33842,7 +36134,7 @@ "children": [ { "type": "frame", - "id": "n1933", + "id": "n2073", "name": "Fold", "width": 14.0, "height": 20.0, @@ -33855,27 +36147,40 @@ }, { "type": "frame", - "id": "n1934", - "name": "Kind / 渲染输出", - "width": 20.0, + "id": "n2074", + "name": "Concepts", + "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "icon_font", - "id": "n1935", - "name": "layout-template", - "iconFontName": "layout-template", - "width": 16.0, - "height": 16.0, - "fill": [ + "type": "frame", + "id": "n2075", + "name": "Concept / 渲染输出", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#89d185" + "type": "icon_font", + "id": "n2076", + "name": "layout-template", + "iconFontName": "layout-template", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#89d185" + } + ] } ] } @@ -33883,7 +36188,7 @@ }, { "type": "frame", - "id": "n1936", + "id": "n2077", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -33893,7 +36198,7 @@ "children": [ { "type": "frame", - "id": "n1937", + "id": "n2078", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -33903,7 +36208,7 @@ "children": [ { "type": "frame", - "id": "n1938", + "id": "n2079", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -33914,7 +36219,7 @@ "children": [ { "type": "frame", - "id": "n1939", + "id": "n2080", "name": "Fold", "width": 14.0, "height": 20.0, @@ -33926,7 +36231,7 @@ "children": [ { "type": "icon_font", - "id": "n1940", + "id": "n2081", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -33942,7 +36247,7 @@ }, { "type": "frame", - "id": "n1941", + "id": "n2082", "name": "Line", "width": "fill_container", "height": 20.0, @@ -33953,7 +36258,7 @@ "children": [ { "type": "text", - "id": "n1942", + "id": "n2083", "name": "
", "width": "fit_content", "height": "fit_content", @@ -33972,7 +36277,7 @@ }, { "type": "text", - "id": "n1943", + "id": "n2084", "name": "ref=boxRef", "width": "fit_content", "height": "fit_content", @@ -34005,7 +36310,7 @@ }, { "type": "text", - "id": "n1944", + "id": "n2085", "name": "onClick=handleClick", "width": "fit_content", "height": "fit_content", @@ -34042,7 +36347,7 @@ }, { "type": "frame", - "id": "n1945", + "id": "n2086", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -34059,7 +36364,7 @@ "children": [ { "type": "rectangle", - "id": "n1946", + "id": "n2087", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -34073,7 +36378,7 @@ }, { "type": "frame", - "id": "n1947", + "id": "n2088", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -34083,7 +36388,7 @@ "children": [ { "type": "frame", - "id": "n1948", + "id": "n2089", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -34093,7 +36398,7 @@ "children": [ { "type": "frame", - "id": "n1949", + "id": "n2090", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -34104,7 +36409,7 @@ "children": [ { "type": "frame", - "id": "n1950", + "id": "n2091", "name": "Fold", "width": 14.0, "height": 20.0, @@ -34117,7 +36422,7 @@ }, { "type": "frame", - "id": "n1951", + "id": "n2092", "name": "Line", "width": "fill_container", "height": 20.0, @@ -34128,7 +36433,7 @@ "children": [ { "type": "frame", - "id": "n1952", + "id": "n2093", "name": "Group", "width": "fit_content", "height": 20.0, @@ -34159,7 +36464,7 @@ "children": [ { "type": "text", - "id": "n1953", + "id": "n2094", "name": "当 isPending 时", "width": "fit_content", "height": "fit_content", @@ -34201,7 +36506,7 @@ }, { "type": "text", - "id": "n1954", + "id": "n2095", "name": "", "width": "fit_content", "height": "fit_content", @@ -34224,7 +36529,7 @@ }, { "type": "frame", - "id": "n1955", + "id": "n2096", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -34235,7 +36540,7 @@ "children": [ { "type": "frame", - "id": "n1956", + "id": "n2097", "name": "Fold", "width": 14.0, "height": 20.0, @@ -34247,7 +36552,7 @@ "children": [ { "type": "icon_font", - "id": "n1957", + "id": "n2098", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -34263,7 +36568,7 @@ }, { "type": "frame", - "id": "n1958", + "id": "n2099", "name": "Line", "width": "fill_container", "height": 20.0, @@ -34274,7 +36579,7 @@ "children": [ { "type": "frame", - "id": "n1959", + "id": "n2100", "name": "Group", "width": "fit_content", "height": 20.0, @@ -34305,7 +36610,7 @@ "children": [ { "type": "text", - "id": "n1960", + "id": "n2101", "name": "对 messages 的每一项 m", "width": "fit_content", "height": "fit_content", @@ -34355,7 +36660,7 @@ }, { "type": "text", - "id": "n1961", + "id": "n2102", "name": "key m.id", "width": "fit_content", "height": "fit_content", @@ -34395,7 +36700,7 @@ }, { "type": "frame", - "id": "n1962", + "id": "n2103", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -34412,7 +36717,7 @@ "children": [ { "type": "rectangle", - "id": "n1963", + "id": "n2104", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -34426,7 +36731,7 @@ }, { "type": "frame", - "id": "n1964", + "id": "n2105", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -34436,7 +36741,7 @@ "children": [ { "type": "frame", - "id": "n1965", + "id": "n2106", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -34446,7 +36751,7 @@ "children": [ { "type": "frame", - "id": "n1966", + "id": "n2107", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -34457,7 +36762,7 @@ "children": [ { "type": "frame", - "id": "n1967", + "id": "n2108", "name": "Fold", "width": 14.0, "height": 20.0, @@ -34470,7 +36775,7 @@ }, { "type": "frame", - "id": "n1968", + "id": "n2109", "name": "Line", "width": "fill_container", "height": 20.0, @@ -34481,7 +36786,7 @@ "children": [ { "type": "text", - "id": "n1969", + "id": "n2110", "name": "", "width": "fit_content", "height": "fit_content", @@ -34500,7 +36805,7 @@ }, { "type": "text", - "id": "n1970", + "id": "n2111", "name": "m=m", "width": 27.0, "height": "fit_content", @@ -34542,7 +36847,7 @@ }, { "type": "frame", - "id": "n1971", + "id": "n2112", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -34553,7 +36858,7 @@ "children": [ { "type": "frame", - "id": "n1972", + "id": "n2113", "name": "Fold", "width": 14.0, "height": 20.0, @@ -34566,7 +36871,7 @@ }, { "type": "frame", - "id": "n1973", + "id": "n2114", "name": "Line", "width": "fill_container", "height": 20.0, @@ -34577,7 +36882,7 @@ "children": [ { "type": "text", - "id": "n1974", + "id": "n2115", "name": "{state.count}", "width": "fit_content", "height": "fit_content", @@ -34631,7 +36936,7 @@ }, { "type": "frame", - "id": "n1975", + "id": "n2116", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -34642,7 +36947,7 @@ "children": [ { "type": "frame", - "id": "n1976", + "id": "n2117", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -34655,7 +36960,7 @@ "children": [ { "type": "icon_font", - "id": "n1977", + "id": "n2118", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -34671,7 +36976,7 @@ }, { "type": "frame", - "id": "n1978", + "id": "n2119", "name": "pencil", "width": 22.0, "height": 20.0, @@ -34684,7 +36989,7 @@ "children": [ { "type": "icon_font", - "id": "n1979", + "id": "n2120", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -34712,7 +37017,7 @@ }, { "type": "frame", - "id": "n1980", + "id": "n2121", "name": "Lines 60–60", "width": "fill_container", "height": "fit_content", @@ -34723,7 +37028,7 @@ "children": [ { "type": "frame", - "id": "n1981", + "id": "n2122", "name": "Code", "width": 600.0, "height": "fill_container", @@ -34739,7 +37044,7 @@ "children": [ { "type": "frame", - "id": "n1982", + "id": "n2123", "name": "Line 60", "width": "fill_container", "height": 20.0, @@ -34750,7 +37055,7 @@ "children": [ { "type": "frame", - "id": "n1983", + "id": "n2124", "name": "Number", "width": 44.0, "height": 20.0, @@ -34762,7 +37067,7 @@ "children": [ { "type": "text", - "id": "n1984", + "id": "n2125", "name": "60", "width": "fit_content", "height": "fit_content", @@ -34783,7 +37088,7 @@ }, { "type": "frame", - "id": "n1985", + "id": "n2126", "name": "Margin", "width": 26.0, "height": 20.0, @@ -34791,7 +37096,7 @@ }, { "type": "text", - "id": "n1986", + "id": "n2127", "name": "}", "width": "fit_content", "height": "fit_content", @@ -34814,7 +37119,7 @@ }, { "type": "rectangle", - "id": "n1987", + "id": "n2128", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -34828,7 +37133,7 @@ }, { "type": "frame", - "id": "n1988", + "id": "n2129", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -34844,7 +37149,7 @@ "children": [ { "type": "frame", - "id": "n1989", + "id": "n2130", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -34860,7 +37165,7 @@ }, { "type": "frame", - "id": "n1990", + "id": "n2131", "name": "End", "width": "fill_container", "height": 28.0, @@ -34871,7 +37176,7 @@ "children": [ { "type": "frame", - "id": "n1991", + "id": "n2132", "name": "Code", "width": 600.0, "height": 28.0, @@ -34879,7 +37184,7 @@ }, { "type": "rectangle", - "id": "n1992", + "id": "n2133", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -34899,7 +37204,7 @@ }, { "type": "frame", - "id": "n1993", + "id": "n2134", "name": "Status", "width": "fill_container", "height": 26.0, @@ -34921,7 +37226,7 @@ "children": [ { "type": "frame", - "id": "n1994", + "id": "n2135", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -34932,7 +37237,7 @@ "children": [ { "type": "icon_font", - "id": "n1995", + "id": "n2136", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -34946,7 +37251,7 @@ }, { "type": "text", - "id": "n1996", + "id": "n2137", "name": "master", "width": "fit_content", "height": "fit_content", @@ -34967,7 +37272,7 @@ }, { "type": "frame", - "id": "n1997", + "id": "n2138", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -34978,7 +37283,7 @@ "children": [ { "type": "text", - "id": "n1998", + "id": "n2139", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -34997,7 +37302,7 @@ }, { "type": "text", - "id": "n1999", + "id": "n2140", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content",