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 4b6265e..bb97962 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 c2d5879..2ae4021 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 1f5936d..697d473 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.js +++ b/docs/prototype/code-reader/openpencil/react-hooks.js @@ -1,8 +1,8 @@ // 代码阅读 React 钩子卡片：一个 VS Code 窗口里左边是编辑器、右边是代码阅读预览，每张卡片和它那段源码的第一行对齐， // 卡片比源码高时，编辑器在那段源码下面留空，下一段源码再和下一张卡片对齐。 -// 每处钩子调用都是同一种「钩子」卡片：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，各类钩子只在后面追加自己的行， -// 描边、图标按 React 类型定义里钩子的分组取。 -// 样例源码 `src/chat/Panel.tsx` 是手写的，两张画板共用：一张画第 1–20 行，一张画第 22–58 行。 +// 每处钩子调用都是同一种「钩子」卡片：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，各类钩子只在后面追加自己的行； +// 图标、描边所有钩子一样，淡底按来源分，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。 // OpenPencil 自动折行量不准，长文字按估出的宽度手动断行，文字框都按内容长。 @@ -77,6 +77,7 @@ const CRUMBS = ["src", "chat", FILE]; const SOURCE = [ "import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition } from 'react'", + "import { useRouter } from 'next/navigation'", "", "const ThemeContext = createContext('light')", "", @@ -98,6 +99,7 @@ const SOURCE = [ "}", "", "export function Panel({ id, onClose }: Props) {", + " const router = useRouter()", " const theme = useContext(ThemeContext)", " const { messages } = useChatSession(id)", " const [open, setOpen] = useState(() => readOpen(id))", @@ -584,11 +586,12 @@ function tools(parent) { /** * 一张卡片：折叠箭头（有子块才有：`open` 展开、`closed` 收起）、种类图标、内容、右上角两个按钮。 + * 淡底默认用种类色，给了 `tint` 用它（钩子卡片按来源分底色）。 * `w` 是卡片外宽；返回内容区和内容区的宽度，属性行、表格按它断行。 */ function card(parent, kind, w, o) { const opt = o || {}; - const bg = mix(kind.color, C.editor, 0.07); + const bg = mix(opt.tint || kind.color, C.editor, 0.07); const node = box(parent, kind.label + (opt.name ? " / " + opt.name : ""), { layout: "horizontal", gap: 10, @@ -723,19 +726,21 @@ function outline(parent, items, bg) { return list; } -// ─── 卡片内容：第 1–20 行 ──────────────────────────────────────────────────── +// ─── 卡片内容：第 1–21 行 ──────────────────────────────────────────────────── const EXPORTED = ["具名导出", C.keyword]; /** 导入收起时只剩一行：来源和导入项个数。 */ -function importCard(parent, w) { - const ctx = card(parent, K.import, w, { name: "'react'", fold: "closed" }); - const line = row(ctx.content, "Summary", { gap: 6, height: 20 }); - text(line, "来源", { size: 12.5, color: C.desc }); - text(line, "'react'", { mono: true, color: C.string }); - text(line, "·", { color: C.dim }); - text(line, "导入项", { size: 12.5, color: C.desc }); - text(line, "10 个", { size: 12.5, color: C.desc }); +function importCard(from, count) { + return (parent, w) => { + const ctx = card(parent, K.import, w, { name: from, fold: "closed" }); + const line = row(ctx.content, "Summary", { gap: 6, height: 20 }); + text(line, "来源", { size: 12.5, color: C.desc }); + text(line, from, { mono: true, color: C.string }); + text(line, "·", { color: C.dim }); + text(line, "导入项", { size: 12.5, color: C.desc }); + text(line, count + " 个", { size: 12.5, color: C.desc }); + }; } function contextCard(parent, w) { @@ -765,20 +770,23 @@ function hookCard(parent, w) { prop(ctx, "参数", px("1 个", C.desc), { mono: false, fold: "open" }); table(ctx, [{ name: "名称", color: C.variable }, { name: "类型", color: C.type }], [["id", cx("字符串")]]); prop(ctx, "返回", px("1 个", C.desc), { mono: false, fold: "open" }); - table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], [["messages", [link("状态 messages", HOOK.state.color)]]]); + table(ctx, [{ name: "名称", color: C.variable }, { name: "是什么", mono: false }], [["messages", [link("状态 messages", HOOK.color)]]]); } // ─── 钩子调用：基础卡片加扩展行 ────────────────────────────────────────────── -// 钩子的分类，同 React 类型定义里钩子的分组：卡片描边、图标和钩子名后面的分类小标签按它取 -const HOOK = { - state: { label: "状态", color: "#9cdcfe", icon: "toggle-right" }, - effect: { label: "副作用", color: "#e5c07b", icon: "zap" }, - ref: { label: "引用", color: "#9cdcfe", icon: "anchor" }, - perf: { label: "性能", color: "#9cdcfe", icon: "sigma" }, - context: { label: "上下文", color: "#4ec9b0", icon: "share-2" }, - concurrent: { label: "并发", color: "#9cdcfe", icon: "hourglass" }, - custom: { label: "自定义钩子", color: "#61dafb", icon: "plug" }, +// 所有钩子卡片同一个图标、同一个描边色；淡底按钩子从哪来分：React 自带、第三方库、项目里自己写的 +const HOOK = { label: "钩子", color: "#b180d7", icon: "fishing-hook" }; +const ORIGIN = { react: "#61dafb", library: "#e5c07b", own: "#89d185" }; + +// React 自带钩子的作用，同 React 类型定义里钩子的分组：钩子名后面的小标签带这个图标 +const ROLE = { + state: { label: "状态", icon: "toggle-right" }, + effect: { label: "副作用", icon: "zap" }, + ref: { label: "引用", icon: "anchor" }, + perf: { label: "性能", icon: "sigma" }, + context: { label: "上下文", icon: "share-2" }, + concurrent: { label: "并发", icon: "hourglass" }, }; // 所有钩子卡片同一个标签列宽，最长的标签是上下文的「没有外层提供时」 @@ -789,6 +797,23 @@ 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)] @@ -814,18 +839,23 @@ function fnBox(params, count) { /** * 钩子调用的卡片，所有钩子共用一种：钩子 / 类型参数 / 参数 / 返回四行照钩子签名排，没有的行不显示， - * `extend` 在后面追加这类钩子自己的行。描边、图标、分类小标签按 `cat` 取；`fold` 表示有函数参数，函数体子块收起。 - * `params` 每项是「参数 | 值」，`returns` 每项是「名称 | 是什么」，格子同 [table]。 + * `extend` 在后面追加这类钩子自己的行。图标、描边所有钩子一样，淡底按来源取： + * React 自带的（给 `role`）钩子名后面跟作用小标签，第三方库的（给 `lib`）跟库名小标签，自己写的（`own`）不跟小标签、钩子名能点到定义。 + * `fold` 表示有函数参数，函数体子块收起。`params` 每项是「参数 | 值」，`returns` 每项是「名称 | 是什么」，格子同 [table]。 */ function hookCall(parent, w, h) { - const kind = { label: "钩子", color: h.cat.color, icon: h.cat.icon }; - const ctx = card(parent, kind, w, { name: h.name + " · " + h.target, fold: h.fold ? "closed" : null, labelW: HOOK_LABEL_W }); + const 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 line = row(ctx.content, "Prop / 钩子", { gap: 12, align: "start" }); const key = row(line, "Key", { width: ctx.labelW, height: 20 }); text(key, "钩子", { size: 12.5, color: C.desc, lh: 20 }); const value = row(line, "Value", { gap: 6, height: 20 }); - text(value, [seg(h.name, C.fn, h.link ? { w: 600, u: true } : { w: 600 })], { mono: true }); - for (const [label, color] of [[h.cat.label, h.cat.color]].concat(h.tags || [])) tag(value, label, color, ctx.bg); + 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); if (h.typeArg) prop(ctx, "类型参数", cx(h.typeArg)); if (h.params) { @@ -852,38 +882,48 @@ function effectRows(o) { // ─── 钩子调用：样例里的每一处 ──────────────────────────────────────────────── +// 别的卡片点到副作用时用的名字；链接色是它要跳去的钩子卡片的颜色 const SESSION_EFFECT = "副作用「id 变化时」"; const OPEN_EFFECT = "副作用「open 变化时」"; const MOUNT_EFFECT = "副作用「仅挂载时」"; -/** 第 13 行：自定义钩子里的 `useState`。 */ +/** 第 14 行：自定义钩子里的 `useState`。 */ function messagesStateHook(parent, w) { hookCall(parent, w, { - cat: HOOK.state, + role: ROLE.state, name: "useState", target: "messages", typeArg: "Message[]", params: [["initialState", cx("空数组")]], returns: [["messages", "当前值"], [px("setMessages", C.fn), "修改函数"]], - extend: (ctx) => prop(ctx, "在哪改", [link(SESSION_EFFECT, HOOK.effect.color), seg(" 里的 ", C.fg)].concat(cx("ws.onmessage"))), + extend: (ctx) => prop(ctx, "在哪改", [link(SESSION_EFFECT, HOOK.color), seg(" 里的 ", C.fg)].concat(cx("ws.onmessage"))), }); } -/** 第 14 行：自定义钩子里的 `useEffect`。 */ +/** 第 15 行：自定义钩子里的 `useEffect`。 */ function sessionEffectHook(parent, w) { hookCall(parent, w, { - cat: HOOK.effect, + role: ROLE.effect, name: "useEffect", target: "id 变化时", fold: true, - params: [["setup", fnBox(null, 3)], ["deps", changed("id")]], + 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()" }), }); } +function routerHook(parent, w) { + hookCall(parent, w, { + lib: "next/navigation", + name: "useRouter", + target: "router", + returns: [["router", "路由器，用于页面跳转"]], + }); +} + function themeHook(parent, w) { hookCall(parent, w, { - cat: HOOK.context, + role: ROLE.context, name: "useContext", target: "theme", params: [["context", [link("ThemeContext", K.context.color)]]], @@ -894,32 +934,31 @@ function themeHook(parent, w) { function sessionHook(parent, w) { hookCall(parent, w, { - cat: HOOK.custom, + own: true, name: "useChatSession", - link: true, target: "messages", params: [["id", cx("id")]], - returns: [["messages", [link("状态 messages", HOOK.state.color)]]], + returns: [["messages", [link("状态 messages", HOOK.color)]]], }); } function openStateHook(parent, w) { hookCall(parent, w, { - cat: HOOK.state, + role: ROLE.state, name: "useState", target: "open", params: [["initialState", [seg("首次渲染时调用 ", C.fg)].concat(cx("readOpen(id)"))]], returns: [["open", "当前值"], [px("setOpen", C.fn), "修改函数"]], - extend: (ctx) => prop(ctx, "在哪改", [link("toggle", C.fn), seg("、", C.fg), link(OPEN_EFFECT, HOOK.effect.color)]), + extend: (ctx) => prop(ctx, "在哪改", [link("toggle", C.fn), seg("、", C.fg), link(OPEN_EFFECT, HOOK.color)]), }); } function reducerHook(parent, w) { hookCall(parent, w, { - cat: HOOK.state, + role: ROLE.state, name: "useReducer", target: "state", - params: [["reducer", [link("reducer", C.fn)]], ["initialArg", cx("{ count: 0 }")]], + params: [["reducer", [link("reducer", C.fn)]], ["initialState", cx("{ count: 0 }")]], returns: [["state", "当前值"], [px("dispatch", C.fn), "派发函数"]], extend: (ctx) => { prop(ctx, "动作", "", { fold: "open" }); @@ -934,7 +973,7 @@ function reducerHook(parent, w) { function transitionHook(parent, w) { hookCall(parent, w, { - cat: HOOK.concurrent, + role: ROLE.concurrent, name: "useTransition", target: "isPending", returns: [["isPending", "是否正在过渡"], [px("startTransition", C.fn), "启动过渡的函数"]], @@ -943,7 +982,7 @@ function transitionHook(parent, w) { function boxRefHook(parent, w) { hookCall(parent, w, { - cat: HOOK.ref, + role: ROLE.ref, name: "useRef", target: "boxRef", typeArg: "HTMLDivElement", @@ -951,29 +990,29 @@ 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.effect.color)]); + prop(ctx, "用在", [seg("
", C.nativeTag), seg(" 的 ref 属性、", C.fg), link(MOUNT_EFFECT, HOOK.color)]); }, }); } function timerHook(parent, w) { hookCall(parent, w, { - cat: HOOK.ref, + role: ROLE.ref, name: "useRef", target: "timer", typeArg: "数值", params: [["initialValue", [seg("没写，", C.desc), seg("未定义", C.number)]]], returns: [["timer", "引用对象"]], extend: (ctx) => { - prop(ctx, "写入", [link(OPEN_EFFECT, HOOK.effect.color)]); - prop(ctx, "读取", [link(OPEN_EFFECT, HOOK.effect.color), seg(" 的清理函数", C.fg)]); + prop(ctx, "写入", [link(OPEN_EFFECT, HOOK.color)]); + prop(ctx, "读取", [link(OPEN_EFFECT, HOOK.color), seg(" 的清理函数", C.fg)]); }, }); } function totalHook(parent, w) { hookCall(parent, w, { - cat: HOOK.perf, + role: ROLE.perf, name: "useMemo", target: "total", fold: true, @@ -988,7 +1027,7 @@ function totalHook(parent, w) { function toggleHook(parent, w) { hookCall(parent, w, { - cat: HOOK.perf, + role: ROLE.perf, name: "useCallback", target: "toggle", fold: true, @@ -1000,11 +1039,11 @@ function toggleHook(parent, w) { function openEffectHook(parent, w) { hookCall(parent, w, { - cat: HOOK.effect, + role: ROLE.effect, name: "useEffect", target: "open 变化时", fold: true, - params: [["setup", fnBox(null, 2)], ["deps", changed("open")]], + params: [["effect", fnBox(null, 2)], ["deps", changed("open")]], extend: effectRows({ uses: [seg("open", C.variable), seg("、", C.fg), seg("timer", C.variable)], changes: [ @@ -1022,28 +1061,28 @@ function openEffectHook(parent, w) { function renderEffectHook(parent, w) { hookCall(parent, w, { - cat: HOOK.effect, + role: ROLE.effect, name: "useEffect", target: "每次渲染后", fold: true, - params: [["setup", fnBox(null, 1)], ["deps", NO_DEPS]], + params: [["effect", fnBox(null, 1)], ["deps", NO_DEPS]], extend: effectRows({ uses: px("total", C.variable), changes: cx("document.title") }), }); } function layoutEffectHook(parent, w) { hookCall(parent, w, { - cat: HOOK.effect, + role: ROLE.effect, name: "useLayoutEffect", target: "仅挂载时", - tags: [["浏览器绘制前", HOOK.effect.color]], + tags: ["浏览器绘制前"], fold: true, - params: [["setup", fnBox(null, 1)], ["deps", ON_MOUNT]], + params: [["effect", fnBox(null, 1)], ["deps", ON_MOUNT]], extend: effectRows({ uses: [link("boxRef", C.variable)], changes: px("无", C.desc), changesMono: false }), }); } -// ─── 卡片内容：第 22–58 行 ─────────────────────────────────────────────────── +// ─── 卡片内容：第 23–60 行 ─────────────────────────────────────────────────── const CALLBACK = "回调"; const PROP_COLS = [ @@ -1231,7 +1270,7 @@ function groupHeads(parent) { const right = col(line, "Editor group 2", {}); editorTitle(right, true); crumb(right); - filters(right, ["种类", "访问级别"], 5); + filters(right, ["种类", "访问级别"], 6); } function status(parent) { @@ -1268,30 +1307,32 @@ function windowOf(name, x, bands) { // ─── 画板 ──────────────────────────────────────────────────────────────────── windowOf("Prototype / React 钩子 · 自定义钩子与上下文", 0, [ - { from: 1, to: 2, draw: importCard }, - { from: 3, to: 4, draw: contextCard }, - { from: 5, to: 11, draw: reducerCard }, - { from: 12, to: 12, draw: hookCard }, - { from: 13, to: 13, depth: 1, draw: messagesStateHook }, - { from: 14, to: 18, depth: 1, last: true, draw: sessionEffectHook }, - { from: 19, to: 20 }, + { from: 1, to: 1, draw: importCard("'react'", 10) }, + { from: 2, to: 3, draw: importCard("'next/navigation'", 1) }, + { from: 4, to: 5, draw: contextCard }, + { from: 6, to: 12, draw: reducerCard }, + { from: 13, to: 13, draw: hookCard }, + { from: 14, to: 14, depth: 1, draw: messagesStateHook }, + { from: 15, to: 19, depth: 1, last: true, draw: sessionEffectHook }, + { from: 20, to: 21 }, ]); windowOf("Prototype / React 钩子 · 组件 Panel", WIN_W + BOARD_GAP, [ - { from: 22, to: 22, draw: panelCard }, - { from: 23, to: 23, depth: 1, draw: themeHook }, - { from: 24, to: 24, depth: 1, draw: sessionHook }, - { from: 25, to: 25, depth: 1, draw: openStateHook }, - { from: 26, to: 26, depth: 1, draw: reducerHook }, - { from: 27, to: 27, depth: 1, draw: transitionHook }, - { from: 28, to: 28, depth: 1, draw: boxRefHook }, - { from: 29, to: 29, depth: 1, draw: timerHook }, - { from: 30, to: 33, depth: 1, draw: totalHook }, - { from: 34, to: 37, depth: 1, draw: toggleHook }, - { from: 38, to: 41, depth: 1, draw: openEffectHook }, - { from: 42, to: 44, depth: 1, draw: renderEffectHook }, - { from: 45, to: 47, depth: 1, draw: layoutEffectHook }, - { from: 48, to: 50, depth: 1, draw: handleClickCard }, - { from: 51, to: 57, depth: 1, last: true, draw: renderCard }, - { from: 58, to: 58 }, + { from: 23, to: 23, draw: panelCard }, + { from: 24, to: 24, depth: 1, draw: routerHook }, + { from: 25, to: 25, depth: 1, draw: themeHook }, + { from: 26, to: 26, depth: 1, draw: sessionHook }, + { from: 27, to: 27, depth: 1, draw: openStateHook }, + { from: 28, to: 28, depth: 1, draw: reducerHook }, + { from: 29, to: 29, depth: 1, draw: transitionHook }, + { from: 30, to: 30, depth: 1, draw: boxRefHook }, + { from: 31, to: 31, depth: 1, draw: timerHook }, + { from: 32, to: 35, depth: 1, draw: totalHook }, + { from: 36, to: 39, depth: 1, draw: toggleHook }, + { from: 40, to: 43, depth: 1, draw: openEffectHook }, + { from: 44, to: 46, depth: 1, draw: renderEffectHook }, + { from: 47, to: 49, depth: 1, draw: layoutEffectHook }, + { from: 50, to: 52, depth: 1, draw: handleClickCard }, + { from: 53, to: 59, depth: 1, last: true, draw: renderCard }, + { from: 60, to: 60 }, ]); diff --git a/docs/prototype/code-reader/openpencil/react-hooks.op b/docs/prototype/code-reader/openpencil/react-hooks.op index 6f435a4..c7c2fd5 100644 --- a/docs/prototype/code-reader/openpencil/react-hooks.op +++ b/docs/prototype/code-reader/openpencil/react-hooks.op @@ -1768,10 +1768,10 @@ { "type": "text", "id": "n111", - "name": "5 块", + "name": "6 块", "width": "fit_content", "height": "fit_content", - "content": "5 块", + "content": "6 块", "fontFamily": "PingFang SC", "fontSize": 12.0, "fontWeight": 400, @@ -1793,7 +1793,7 @@ { "type": "frame", "id": "n112", - "name": "Lines 1–2", + "name": "Lines 1–1", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -2006,66 +2006,12 @@ ] } ] - }, - { - "type": "frame", - "id": "n119", - "name": "Line 2", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n120", - "name": "Number", - "width": 44.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "end", - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n121", - "name": "2", - "width": "fit_content", - "height": "fit_content", - "content": "2", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#6e7681" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n122", - "name": "Margin", - "width": 26.0, - "height": 20.0, - "children": [] - } - ] } ] }, { "type": "rectangle", - "id": "n123", + "id": "n119", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -2079,7 +2025,7 @@ }, { "type": "frame", - "id": "n124", + "id": "n120", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -2095,7 +2041,7 @@ "children": [ { "type": "frame", - "id": "n125", + "id": "n121", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -2106,7 +2052,7 @@ "children": [ { "type": "frame", - "id": "n126", + "id": "n122", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -2122,7 +2068,7 @@ "children": [ { "type": "frame", - "id": "n127", + "id": "n123", "name": "导入 / 'react'", "width": "fill_container", "height": "fit_content", @@ -2155,7 +2101,7 @@ "children": [ { "type": "frame", - "id": "n128", + "id": "n124", "name": "Fold", "width": 14.0, "height": 20.0, @@ -2167,7 +2113,7 @@ "children": [ { "type": "icon_font", - "id": "n129", + "id": "n125", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -2183,7 +2129,7 @@ }, { "type": "frame", - "id": "n130", + "id": "n126", "name": "Kind / 导入", "width": 20.0, "height": 20.0, @@ -2195,7 +2141,7 @@ "children": [ { "type": "icon_font", - "id": "n131", + "id": "n127", "name": "import", "iconFontName": "import", "width": 16.0, @@ -2211,7 +2157,7 @@ }, { "type": "frame", - "id": "n132", + "id": "n128", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -2221,7 +2167,7 @@ "children": [ { "type": "frame", - "id": "n133", + "id": "n129", "name": "Summary", "width": "fill_container", "height": 20.0, @@ -2232,7 +2178,7 @@ "children": [ { "type": "text", - "id": "n134", + "id": "n130", "name": "来源", "width": "fit_content", "height": "fit_content", @@ -2251,7 +2197,7 @@ }, { "type": "text", - "id": "n135", + "id": "n131", "name": "'react'", "width": "fit_content", "height": "fit_content", @@ -2270,7 +2216,7 @@ }, { "type": "text", - "id": "n136", + "id": "n132", "name": "·", "width": "fit_content", "height": "fit_content", @@ -2289,7 +2235,7 @@ }, { "type": "text", - "id": "n137", + "id": "n133", "name": "导入项", "width": "fit_content", "height": "fit_content", @@ -2308,7 +2254,7 @@ }, { "type": "text", - "id": "n138", + "id": "n134", "name": "10 个", "width": "fit_content", "height": "fit_content", @@ -2331,7 +2277,7 @@ }, { "type": "frame", - "id": "n139", + "id": "n135", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -2342,7 +2288,7 @@ "children": [ { "type": "frame", - "id": "n140", + "id": "n136", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -2355,7 +2301,7 @@ "children": [ { "type": "icon_font", - "id": "n141", + "id": "n137", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -2371,7 +2317,7 @@ }, { "type": "frame", - "id": "n142", + "id": "n138", "name": "pencil", "width": 22.0, "height": 20.0, @@ -2384,7 +2330,7 @@ "children": [ { "type": "icon_font", - "id": "n143", + "id": "n139", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -2412,8 +2358,8 @@ }, { "type": "frame", - "id": "n144", - "name": "Lines 3–4", + "id": "n140", + "name": "Lines 2–3", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -2423,7 +2369,7 @@ "children": [ { "type": "frame", - "id": "n145", + "id": "n141", "name": "Code", "width": 600.0, "height": "fill_container", @@ -2439,8 +2385,8 @@ "children": [ { "type": "frame", - "id": "n146", - "name": "Line 3", + "id": "n142", + "name": "Line 2", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -2450,7 +2396,7 @@ "children": [ { "type": "frame", - "id": "n147", + "id": "n143", "name": "Number", "width": 44.0, "height": 20.0, @@ -2462,7 +2408,125 @@ "children": [ { "type": "text", - "id": "n148", + "id": "n144", + "name": "2", + "width": "fit_content", + "height": "fit_content", + "content": "2", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#6e7681" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n145", + "name": "Margin", + "width": 26.0, + "height": 20.0, + "children": [] + }, + { + "type": "text", + "id": "n146", + "name": "import { useRouter } from 'next/navigati", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "import", + "fill": "#c586c0" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "{", + "fill": "#ffd700" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "useRouter", + "fill": "#9cdcfe" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "}", + "fill": "#ffd700" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "from", + "fill": "#c586c0" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "'next/navigation'", + "fill": "#ce9178" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n147", + "name": "Line 3", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n148", + "name": "Number", + "width": 44.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "end", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n149", "name": "3", "width": "fit_content", "height": "fit_content", @@ -2483,7 +2547,437 @@ }, { "type": "frame", - "id": "n149", + "id": "n150", + "name": "Margin", + "width": 26.0, + "height": 20.0, + "children": [] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n151", + "name": "Sash", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#2b2b2b" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n152", + "name": "Preview", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 20.0, + 0.0, + 20.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n153", + "name": "Level", + "width": "fill_container", + "height": "fill_container", + "layout": "horizontal", + "gap": 8.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n154", + "name": "Cards", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 0.0, + 8.0, + 0.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n155", + "name": "导入 / 'next/navigation'", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 10.0, + "padding": [ + 8.0, + 10.0, + 8.0, + 8.0 + ], + "alignItems": "start", + "clipContent": false, + "cornerRadius": 8.0, + "fill": [ + { + "type": "solid", + "color": "#2b262a" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#594357" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n156", + "name": "Fold", + "width": 14.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n157", + "name": "chevron-right", + "iconFontName": "chevron-right", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n158", + "name": "Kind / 导入", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n159", + "name": "import", + "iconFontName": "import", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#c586c0" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n160", + "name": "Content", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n161", + "name": "Summary", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n162", + "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": "n163", + "name": "'next/navigation'", + "width": "fit_content", + "height": "fit_content", + "content": "'next/navigation'", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#ce9178" + } + ] + }, + { + "type": "text", + "id": "n164", + "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": "#6e7681" + } + ] + }, + { + "type": "text", + "id": "n165", + "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": "n166", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n167", + "name": "Tools", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 2.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n168", + "name": "sparkles", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n169", + "name": "sparkles", + "iconFontName": "sparkles", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n170", + "name": "pencil", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n171", + "name": "pencil", + "iconFontName": "pencil", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n172", + "name": "Lines 4–5", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n173", + "name": "Code", + "width": 600.0, + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 8.0, + 0.0, + 0.0, + 0.0 + ], + "clipContent": true, + "children": [ + { + "type": "frame", + "id": "n174", + "name": "Line 4", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n175", + "name": "Number", + "width": 44.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "end", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n176", + "name": "4", + "width": "fit_content", + "height": "fit_content", + "content": "4", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#6e7681" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n177", "name": "Margin", "width": 26.0, "height": 20.0, @@ -2491,7 +2985,7 @@ }, { "type": "text", - "id": "n150", + "id": "n178", "name": "const ThemeContext = createContext {", "width": "fit_content", "height": "fit_content", @@ -7632,8 +8142,8 @@ }, { "type": "frame", - "id": "n445", - "name": "Line 15", + "id": "n474", + "name": "Line 16", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -7643,7 +8153,7 @@ "children": [ { "type": "frame", - "id": "n446", + "id": "n475", "name": "Number", "width": 44.0, "height": 20.0, @@ -7655,11 +8165,11 @@ "children": [ { "type": "text", - "id": "n447", - "name": "15", + "id": "n476", + "name": "16", "width": "fit_content", "height": "fit_content", - "content": "15", + "content": "16", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -7676,7 +8186,7 @@ }, { "type": "frame", - "id": "n448", + "id": "n477", "name": "Margin", "width": 57.32, "height": 20.0, @@ -7684,7 +8194,7 @@ }, { "type": "text", - "id": "n449", + "id": "n478", "name": "const ws = connect(id)", "width": "fit_content", "height": "fit_content", @@ -7738,8 +8248,8 @@ }, { "type": "frame", - "id": "n450", - "name": "Line 16", + "id": "n479", + "name": "Line 17", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -7749,7 +8259,7 @@ "children": [ { "type": "frame", - "id": "n451", + "id": "n480", "name": "Number", "width": 44.0, "height": 20.0, @@ -7761,11 +8271,11 @@ "children": [ { "type": "text", - "id": "n452", - "name": "16", + "id": "n481", + "name": "17", "width": "fit_content", "height": "fit_content", - "content": "16", + "content": "17", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -7782,7 +8292,7 @@ }, { "type": "frame", - "id": "n453", + "id": "n482", "name": "Margin", "width": 57.32, "height": 20.0, @@ -7790,7 +8300,7 @@ }, { "type": "text", - "id": "n454", + "id": "n483", "name": "ws.onmessage = e => setMessages(m => [..", "width": "fit_content", "height": "fit_content", @@ -7904,8 +8414,8 @@ }, { "type": "frame", - "id": "n455", - "name": "Line 17", + "id": "n484", + "name": "Line 18", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -7915,7 +8425,7 @@ "children": [ { "type": "frame", - "id": "n456", + "id": "n485", "name": "Number", "width": 44.0, "height": 20.0, @@ -7927,11 +8437,11 @@ "children": [ { "type": "text", - "id": "n457", - "name": "17", + "id": "n486", + "name": "18", "width": "fit_content", "height": "fit_content", - "content": "17", + "content": "18", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -7948,7 +8458,7 @@ }, { "type": "frame", - "id": "n458", + "id": "n487", "name": "Margin", "width": 57.32, "height": 20.0, @@ -7956,7 +8466,7 @@ }, { "type": "text", - "id": "n459", + "id": "n488", "name": "return () => ws.close()", "width": "fit_content", "height": "fit_content", @@ -8018,8 +8528,8 @@ }, { "type": "frame", - "id": "n460", - "name": "Line 18", + "id": "n489", + "name": "Line 19", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -8029,7 +8539,7 @@ "children": [ { "type": "frame", - "id": "n461", + "id": "n490", "name": "Number", "width": 44.0, "height": 20.0, @@ -8041,11 +8551,11 @@ "children": [ { "type": "text", - "id": "n462", - "name": "18", + "id": "n491", + "name": "19", "width": "fit_content", "height": "fit_content", - "content": "18", + "content": "19", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -8062,7 +8572,7 @@ }, { "type": "frame", - "id": "n463", + "id": "n492", "name": "Margin", "width": 41.66, "height": 20.0, @@ -8070,7 +8580,7 @@ }, { "type": "text", - "id": "n464", + "id": "n493", "name": "}, [id])", "width": "fit_content", "height": "fit_content", @@ -8118,7 +8628,7 @@ }, { "type": "rectangle", - "id": "n465", + "id": "n494", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -8132,7 +8642,7 @@ }, { "type": "frame", - "id": "n466", + "id": "n495", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -8148,7 +8658,7 @@ "children": [ { "type": "frame", - "id": "n467", + "id": "n496", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -8159,7 +8669,7 @@ "children": [ { "type": "frame", - "id": "n468", + "id": "n497", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -8170,7 +8680,7 @@ "children": [ { "type": "rectangle", - "id": "n469", + "id": "n498", "name": "Line", "width": 1.0, "height": "fill_container", @@ -8186,7 +8696,7 @@ }, { "type": "frame", - "id": "n470", + "id": "n499", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -8202,7 +8712,7 @@ "children": [ { "type": "frame", - "id": "n471", + "id": "n500", "name": "钩子 / useEffect · id 变化时", "width": "fill_container", "height": "fit_content", @@ -8220,7 +8730,7 @@ "fill": [ { "type": "solid", - "color": "#2d2a25" + "color": "#242c2e" } ], "stroke": { @@ -8228,14 +8738,14 @@ "fill": [ { "type": "solid", - "color": "#64573f" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n472", + "id": "n501", "name": "Fold", "width": 14.0, "height": 20.0, @@ -8247,7 +8757,7 @@ "children": [ { "type": "icon_font", - "id": "n473", + "id": "n502", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -8263,7 +8773,7 @@ }, { "type": "frame", - "id": "n474", + "id": "n503", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -8275,15 +8785,15 @@ "children": [ { "type": "icon_font", - "id": "n475", - "name": "zap", - "iconFontName": "zap", + "id": "n504", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#b180d7" } ] } @@ -8291,7 +8801,7 @@ }, { "type": "frame", - "id": "n476", + "id": "n505", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -8301,7 +8811,7 @@ "children": [ { "type": "frame", - "id": "n477", + "id": "n506", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -8312,7 +8822,7 @@ "children": [ { "type": "frame", - "id": "n478", + "id": "n507", "name": "Key", "width": 100.0, "height": 20.0, @@ -8323,7 +8833,7 @@ "children": [ { "type": "text", - "id": "n479", + "id": "n508", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -8344,7 +8854,7 @@ }, { "type": "frame", - "id": "n480", + "id": "n509", "name": "Value", "width": "fill_container", "height": 20.0, @@ -8355,7 +8865,7 @@ "children": [ { "type": "text", - "id": "n481", + "id": "n510", "name": "useEffect", "width": "fit_content", "height": "fit_content", @@ -8380,15 +8890,17 @@ }, { "type": "frame", - "id": "n482", + "id": "n511", "name": "Tag / 副作用", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -8396,7 +8908,7 @@ "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#31393b" } ], "stroke": { @@ -8404,14 +8916,28 @@ "fill": [ { "type": "solid", - "color": "#806e4c" + "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": "n483", + "id": "n513", "name": "副作用", "width": "fit_content", "height": "fit_content", @@ -8424,7 +8950,7 @@ "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" } ] } @@ -8436,7 +8962,7 @@ }, { "type": "frame", - "id": "n484", + "id": "n514", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -8447,7 +8973,7 @@ "children": [ { "type": "frame", - "id": "n485", + "id": "n515", "name": "Key", "width": 100.0, "height": 20.0, @@ -8458,7 +8984,7 @@ "children": [ { "type": "icon_font", - "id": "n486", + "id": "n516", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -8472,7 +8998,7 @@ }, { "type": "text", - "id": "n487", + "id": "n517", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -8493,7 +9019,7 @@ }, { "type": "text", - "id": "n488", + "id": "n518", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -8514,7 +9040,7 @@ }, { "type": "frame", - "id": "n489", + "id": "n519", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -8530,7 +9056,7 @@ "children": [ { "type": "frame", - "id": "n490", + "id": "n520", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -8550,7 +9076,7 @@ "children": [ { "type": "frame", - "id": "n491", + "id": "n521", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -8561,15 +9087,15 @@ "fill": [ { "type": "solid", - "color": "#383530" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n492", + "id": "n522", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8581,7 +9107,7 @@ "children": [ { "type": "text", - "id": "n493", + "id": "n523", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -8602,7 +9128,7 @@ }, { "type": "rectangle", - "id": "n494", + "id": "n524", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -8616,9 +9142,9 @@ }, { "type": "frame", - "id": "n495", + "id": "n525", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8630,7 +9156,7 @@ "children": [ { "type": "text", - "id": "n496", + "id": "n526", "name": "值", "width": "fit_content", "height": "fit_content", @@ -8653,7 +9179,7 @@ }, { "type": "rectangle", - "id": "n497", + "id": "n527", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -8667,7 +9193,7 @@ }, { "type": "frame", - "id": "n498", + "id": "n528", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -8678,9 +9204,9 @@ "children": [ { "type": "frame", - "id": "n499", + "id": "n529", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8692,11 +9218,11 @@ "children": [ { "type": "text", - "id": "n500", - "name": "setup", + "id": "n530", + "name": "effect", "width": "fit_content", "height": "fit_content", - "content": "setup", + "content": "effect", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -8713,7 +9239,7 @@ }, { "type": "rectangle", - "id": "n501", + "id": "n531", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -8727,9 +9253,9 @@ }, { "type": "frame", - "id": "n502", + "id": "n532", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8741,7 +9267,7 @@ "children": [ { "type": "frame", - "id": "n503", + "id": "n533", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -8774,7 +9300,7 @@ "children": [ { "type": "icon_font", - "id": "n504", + "id": "n534", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -8788,7 +9314,7 @@ }, { "type": "text", - "id": "n505", + "id": "n535", "name": "函数 · 3 句", "width": "fit_content", "height": "fit_content", @@ -8822,7 +9348,7 @@ }, { "type": "rectangle", - "id": "n506", + "id": "n536", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -8836,7 +9362,7 @@ }, { "type": "frame", - "id": "n507", + "id": "n537", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -8847,9 +9373,9 @@ "children": [ { "type": "frame", - "id": "n508", + "id": "n538", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8861,7 +9387,7 @@ "children": [ { "type": "text", - "id": "n509", + "id": "n539", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -8882,7 +9408,7 @@ }, { "type": "rectangle", - "id": "n510", + "id": "n540", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -8896,9 +9422,9 @@ }, { "type": "frame", - "id": "n511", + "id": "n541", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -8910,7 +9436,7 @@ "children": [ { "type": "text", - "id": "n512", + "id": "n542", "name": "id 变化时", "width": "fit_content", "height": "fit_content", @@ -8946,7 +9472,7 @@ }, { "type": "frame", - "id": "n513", + "id": "n543", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -8957,7 +9483,7 @@ "children": [ { "type": "frame", - "id": "n514", + "id": "n544", "name": "Key", "width": 100.0, "height": 20.0, @@ -8968,7 +9494,7 @@ "children": [ { "type": "text", - "id": "n515", + "id": "n545", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -8989,7 +9515,7 @@ }, { "type": "text", - "id": "n516", + "id": "n546", "name": "id", "width": "fit_content", "height": "fit_content", @@ -9010,7 +9536,7 @@ }, { "type": "frame", - "id": "n517", + "id": "n547", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -9021,7 +9547,7 @@ "children": [ { "type": "frame", - "id": "n518", + "id": "n548", "name": "Key", "width": 100.0, "height": 20.0, @@ -9032,7 +9558,7 @@ "children": [ { "type": "text", - "id": "n519", + "id": "n549", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -9053,7 +9579,7 @@ }, { "type": "text", - "id": "n520", + "id": "n550", "name": "状态 messages", "width": "fit_content", "height": "fit_content", @@ -9083,7 +9609,7 @@ }, { "type": "frame", - "id": "n521", + "id": "n551", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -9094,7 +9620,7 @@ "children": [ { "type": "frame", - "id": "n522", + "id": "n552", "name": "Key", "width": 100.0, "height": 20.0, @@ -9105,7 +9631,7 @@ "children": [ { "type": "text", - "id": "n523", + "id": "n553", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -9126,7 +9652,7 @@ }, { "type": "text", - "id": "n524", + "id": "n554", "name": "ws.close()", "width": "fit_content", "height": "fit_content", @@ -9166,7 +9692,7 @@ }, { "type": "frame", - "id": "n525", + "id": "n555", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -9177,7 +9703,7 @@ "children": [ { "type": "frame", - "id": "n526", + "id": "n556", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -9190,7 +9716,7 @@ "children": [ { "type": "icon_font", - "id": "n527", + "id": "n557", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -9206,7 +9732,7 @@ }, { "type": "frame", - "id": "n528", + "id": "n558", "name": "pencil", "width": 22.0, "height": 20.0, @@ -9219,7 +9745,7 @@ "children": [ { "type": "icon_font", - "id": "n529", + "id": "n559", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -9247,8 +9773,8 @@ }, { "type": "frame", - "id": "n530", - "name": "Lines 19–20", + "id": "n560", + "name": "Lines 20–21", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -9258,7 +9784,7 @@ "children": [ { "type": "frame", - "id": "n531", + "id": "n561", "name": "Code", "width": 600.0, "height": "fill_container", @@ -9274,8 +9800,8 @@ "children": [ { "type": "frame", - "id": "n532", - "name": "Line 19", + "id": "n562", + "name": "Line 20", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -9285,7 +9811,7 @@ "children": [ { "type": "frame", - "id": "n533", + "id": "n563", "name": "Number", "width": 44.0, "height": 20.0, @@ -9297,11 +9823,11 @@ "children": [ { "type": "text", - "id": "n534", - "name": "19", + "id": "n564", + "name": "20", "width": "fit_content", "height": "fit_content", - "content": "19", + "content": "20", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -9318,7 +9844,7 @@ }, { "type": "frame", - "id": "n535", + "id": "n565", "name": "Margin", "width": 41.66, "height": 20.0, @@ -9326,7 +9852,7 @@ }, { "type": "text", - "id": "n536", + "id": "n566", "name": "return { messages }", "width": "fit_content", "height": "fit_content", @@ -9376,8 +9902,8 @@ }, { "type": "frame", - "id": "n537", - "name": "Line 20", + "id": "n567", + "name": "Line 21", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -9387,7 +9913,7 @@ "children": [ { "type": "frame", - "id": "n538", + "id": "n568", "name": "Number", "width": 44.0, "height": 20.0, @@ -9399,11 +9925,11 @@ "children": [ { "type": "text", - "id": "n539", - "name": "20", + "id": "n569", + "name": "21", "width": "fit_content", "height": "fit_content", - "content": "20", + "content": "21", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -9420,7 +9946,7 @@ }, { "type": "frame", - "id": "n540", + "id": "n570", "name": "Margin", "width": 26.0, "height": 20.0, @@ -9428,7 +9954,7 @@ }, { "type": "text", - "id": "n541", + "id": "n571", "name": "}", "width": "fit_content", "height": "fit_content", @@ -9451,7 +9977,7 @@ }, { "type": "rectangle", - "id": "n542", + "id": "n572", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -9465,7 +9991,7 @@ }, { "type": "frame", - "id": "n543", + "id": "n573", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -9481,7 +10007,7 @@ "children": [ { "type": "frame", - "id": "n544", + "id": "n574", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -9497,7 +10023,7 @@ }, { "type": "frame", - "id": "n545", + "id": "n575", "name": "End", "width": "fill_container", "height": 28.0, @@ -9508,7 +10034,7 @@ "children": [ { "type": "frame", - "id": "n546", + "id": "n576", "name": "Code", "width": 600.0, "height": 28.0, @@ -9516,7 +10042,7 @@ }, { "type": "rectangle", - "id": "n547", + "id": "n577", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -9536,7 +10062,7 @@ }, { "type": "frame", - "id": "n548", + "id": "n578", "name": "Status", "width": "fill_container", "height": 26.0, @@ -9558,7 +10084,7 @@ "children": [ { "type": "frame", - "id": "n549", + "id": "n579", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -9569,7 +10095,7 @@ "children": [ { "type": "icon_font", - "id": "n550", + "id": "n580", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -9583,7 +10109,7 @@ }, { "type": "text", - "id": "n551", + "id": "n581", "name": "master", "width": "fit_content", "height": "fit_content", @@ -9604,7 +10130,7 @@ }, { "type": "frame", - "id": "n552", + "id": "n582", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -9615,7 +10141,7 @@ "children": [ { "type": "text", - "id": "n553", + "id": "n583", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -9634,7 +10160,7 @@ }, { "type": "text", - "id": "n554", + "id": "n584", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content", @@ -9659,7 +10185,7 @@ }, { "type": "frame", - "id": "n555", + "id": "n585", "name": "Prototype / React 钩子 · 组件 Panel", "x": 1780.0, "y": 0.0, @@ -9677,7 +10203,7 @@ "children": [ { "type": "frame", - "id": "n556", + "id": "n586", "name": "Title bar", "width": "fill_container", "height": 36.0, @@ -9693,7 +10219,7 @@ "children": [ { "type": "frame", - "id": "n557", + "id": "n587", "name": "Lights", "width": "fit_content", "height": "fit_content", @@ -9704,7 +10230,7 @@ "children": [ { "type": "ellipse", - "id": "n558", + "id": "n588", "width": 12.0, "height": 12.0, "fill": [ @@ -9716,7 +10242,7 @@ }, { "type": "ellipse", - "id": "n559", + "id": "n589", "width": 12.0, "height": 12.0, "fill": [ @@ -9728,7 +10254,7 @@ }, { "type": "ellipse", - "id": "n560", + "id": "n590", "width": 12.0, "height": 12.0, "fill": [ @@ -9742,7 +10268,7 @@ }, { "type": "text", - "id": "n561", + "id": "n591", "name": "web — Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -9761,7 +10287,7 @@ }, { "type": "frame", - "id": "n562", + "id": "n592", "name": "Balance", "width": 52.0, "height": 12.0, @@ -9771,7 +10297,7 @@ }, { "type": "frame", - "id": "n563", + "id": "n593", "name": "Body", "width": "fill_container", "height": "fit_content", @@ -9788,7 +10314,7 @@ "children": [ { "type": "frame", - "id": "n564", + "id": "n594", "name": "Activity bar", "width": 48.0, "height": "fit_content", @@ -9804,7 +10330,7 @@ "children": [ { "type": "frame", - "id": "n565", + "id": "n595", "name": "Item / files", "width": 48.0, "height": 42.0, @@ -9816,7 +10342,7 @@ "children": [ { "type": "icon_font", - "id": "n566", + "id": "n596", "name": "files", "iconFontName": "files", "width": 22.0, @@ -9832,7 +10358,7 @@ }, { "type": "frame", - "id": "n567", + "id": "n597", "name": "Item / search", "width": 48.0, "height": 42.0, @@ -9844,7 +10370,7 @@ "children": [ { "type": "icon_font", - "id": "n568", + "id": "n598", "name": "search", "iconFontName": "search", "width": 22.0, @@ -9860,7 +10386,7 @@ }, { "type": "frame", - "id": "n569", + "id": "n599", "name": "Item / git-branch", "width": 48.0, "height": 42.0, @@ -9872,7 +10398,7 @@ "children": [ { "type": "icon_font", - "id": "n570", + "id": "n600", "name": "git-branch", "iconFontName": "git-branch", "width": 22.0, @@ -9888,7 +10414,7 @@ }, { "type": "frame", - "id": "n571", + "id": "n601", "name": "Item / play", "width": 48.0, "height": 42.0, @@ -9900,7 +10426,7 @@ "children": [ { "type": "icon_font", - "id": "n572", + "id": "n602", "name": "play", "iconFontName": "play", "width": 22.0, @@ -9916,7 +10442,7 @@ }, { "type": "frame", - "id": "n573", + "id": "n603", "name": "Item / monitor", "width": 48.0, "height": 42.0, @@ -9928,7 +10454,7 @@ "children": [ { "type": "icon_font", - "id": "n574", + "id": "n604", "name": "monitor", "iconFontName": "monitor", "width": 22.0, @@ -9944,7 +10470,7 @@ }, { "type": "frame", - "id": "n575", + "id": "n605", "name": "Item / blocks", "width": 48.0, "height": 42.0, @@ -9956,7 +10482,7 @@ "children": [ { "type": "icon_font", - "id": "n576", + "id": "n606", "name": "blocks", "iconFontName": "blocks", "width": 22.0, @@ -9972,7 +10498,7 @@ }, { "type": "frame", - "id": "n577", + "id": "n607", "name": "Item / rocket", "width": 48.0, "height": 42.0, @@ -9984,7 +10510,7 @@ "children": [ { "type": "icon_font", - "id": "n578", + "id": "n608", "name": "rocket", "iconFontName": "rocket", "width": 22.0, @@ -10000,7 +10526,7 @@ }, { "type": "frame", - "id": "n579", + "id": "n609", "name": "Item / book-open-text", "width": 48.0, "height": 42.0, @@ -10012,7 +10538,7 @@ "children": [ { "type": "rectangle", - "id": "n580", + "id": "n610", "name": "Active bar", "width": 2.0, "height": 42.0, @@ -10026,7 +10552,7 @@ }, { "type": "icon_font", - "id": "n581", + "id": "n611", "name": "book-open-text", "iconFontName": "book-open-text", "width": 22.0, @@ -10044,7 +10570,7 @@ }, { "type": "frame", - "id": "n582", + "id": "n612", "name": "Sidebar", "width": 250.0, "height": "fit_content", @@ -10060,7 +10586,7 @@ "children": [ { "type": "frame", - "id": "n583", + "id": "n613", "name": "Header", "width": "fill_container", "height": 34.0, @@ -10078,7 +10604,7 @@ "children": [ { "type": "text", - "id": "n584", + "id": "n614", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -10097,7 +10623,7 @@ }, { "type": "frame", - "id": "n585", + "id": "n615", "name": "Actions", "width": "fit_content", "height": "fit_content", @@ -10108,7 +10634,7 @@ "children": [ { "type": "icon_font", - "id": "n586", + "id": "n616", "name": "git-pull-request", "iconFontName": "git-pull-request", "width": 14.0, @@ -10122,7 +10648,7 @@ }, { "type": "icon_font", - "id": "n587", + "id": "n617", "name": "file-plus", "iconFontName": "file-plus", "width": 14.0, @@ -10136,7 +10662,7 @@ }, { "type": "icon_font", - "id": "n588", + "id": "n618", "name": "refresh-cw", "iconFontName": "refresh-cw", "width": 14.0, @@ -10154,7 +10680,7 @@ }, { "type": "frame", - "id": "n589", + "id": "n619", "name": "Tree", "width": "fill_container", "height": "fit_content", @@ -10170,7 +10696,7 @@ "children": [ { "type": "frame", - "id": "n590", + "id": "n620", "name": "src", "width": "fill_container", "height": 26.0, @@ -10187,7 +10713,7 @@ "children": [ { "type": "icon_font", - "id": "n591", + "id": "n621", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10201,7 +10727,7 @@ }, { "type": "icon_font", - "id": "n592", + "id": "n622", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -10215,7 +10741,7 @@ }, { "type": "text", - "id": "n593", + "id": "n623", "name": "src", "width": "fit_content", "height": "fit_content", @@ -10236,7 +10762,7 @@ }, { "type": "frame", - "id": "n594", + "id": "n624", "name": "chat", "width": "fill_container", "height": 26.0, @@ -10253,7 +10779,7 @@ "children": [ { "type": "icon_font", - "id": "n595", + "id": "n625", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10267,7 +10793,7 @@ }, { "type": "icon_font", - "id": "n596", + "id": "n626", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -10281,7 +10807,7 @@ }, { "type": "text", - "id": "n597", + "id": "n627", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -10302,7 +10828,7 @@ }, { "type": "frame", - "id": "n598", + "id": "n628", "name": "Panel.tsx", "width": "fill_container", "height": 26.0, @@ -10325,7 +10851,7 @@ "children": [ { "type": "frame", - "id": "n599", + "id": "n629", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10333,7 +10859,7 @@ }, { "type": "icon_font", - "id": "n600", + "id": "n630", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10347,7 +10873,7 @@ }, { "type": "text", - "id": "n601", + "id": "n631", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -10368,7 +10894,7 @@ }, { "type": "frame", - "id": "n602", + "id": "n632", "name": "Row.tsx", "width": "fill_container", "height": 26.0, @@ -10385,7 +10911,7 @@ "children": [ { "type": "frame", - "id": "n603", + "id": "n633", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10393,7 +10919,7 @@ }, { "type": "icon_font", - "id": "n604", + "id": "n634", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10407,7 +10933,7 @@ }, { "type": "text", - "id": "n605", + "id": "n635", "name": "Row.tsx", "width": "fit_content", "height": "fit_content", @@ -10428,7 +10954,7 @@ }, { "type": "frame", - "id": "n606", + "id": "n636", "name": "Spinner.tsx", "width": "fill_container", "height": 26.0, @@ -10445,7 +10971,7 @@ "children": [ { "type": "frame", - "id": "n607", + "id": "n637", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10453,7 +10979,7 @@ }, { "type": "icon_font", - "id": "n608", + "id": "n638", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10467,7 +10993,7 @@ }, { "type": "text", - "id": "n609", + "id": "n639", "name": "Spinner.tsx", "width": "fit_content", "height": "fit_content", @@ -10488,7 +11014,7 @@ }, { "type": "frame", - "id": "n610", + "id": "n640", "name": "lib", "width": "fill_container", "height": 26.0, @@ -10505,7 +11031,7 @@ "children": [ { "type": "icon_font", - "id": "n611", + "id": "n641", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -10519,7 +11045,7 @@ }, { "type": "icon_font", - "id": "n612", + "id": "n642", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -10533,7 +11059,7 @@ }, { "type": "text", - "id": "n613", + "id": "n643", "name": "lib", "width": "fit_content", "height": "fit_content", @@ -10554,7 +11080,7 @@ }, { "type": "frame", - "id": "n614", + "id": "n644", "name": "App.tsx", "width": "fill_container", "height": 26.0, @@ -10571,7 +11097,7 @@ "children": [ { "type": "frame", - "id": "n615", + "id": "n645", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -10579,7 +11105,7 @@ }, { "type": "icon_font", - "id": "n616", + "id": "n646", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10593,7 +11119,7 @@ }, { "type": "text", - "id": "n617", + "id": "n647", "name": "App.tsx", "width": "fit_content", "height": "fit_content", @@ -10618,7 +11144,7 @@ }, { "type": "frame", - "id": "n618", + "id": "n648", "name": "Editor", "width": "fill_container", "height": "fit_content", @@ -10634,7 +11160,7 @@ "children": [ { "type": "frame", - "id": "n619", + "id": "n649", "name": "Group heads", "width": "fill_container", "height": "fit_content", @@ -10645,7 +11171,7 @@ "children": [ { "type": "frame", - "id": "n620", + "id": "n650", "name": "Editor group 1", "width": 600.0, "height": "fit_content", @@ -10655,7 +11181,7 @@ "children": [ { "type": "frame", - "id": "n621", + "id": "n651", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -10673,7 +11199,7 @@ "children": [ { "type": "frame", - "id": "n622", + "id": "n652", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -10689,7 +11215,7 @@ "children": [ { "type": "rectangle", - "id": "n623", + "id": "n653", "name": "Active", "width": "fill_container", "height": 2.0, @@ -10703,7 +11229,7 @@ }, { "type": "frame", - "id": "n624", + "id": "n654", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -10718,7 +11244,7 @@ "children": [ { "type": "icon_font", - "id": "n625", + "id": "n655", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10732,7 +11258,7 @@ }, { "type": "text", - "id": "n626", + "id": "n656", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -10757,7 +11283,7 @@ }, { "type": "frame", - "id": "n627", + "id": "n657", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -10772,7 +11298,7 @@ "children": [ { "type": "text", - "id": "n628", + "id": "n658", "name": "src", "width": "fit_content", "height": "fit_content", @@ -10791,7 +11317,7 @@ }, { "type": "text", - "id": "n629", + "id": "n659", "name": "/", "width": "fit_content", "height": "fit_content", @@ -10810,7 +11336,7 @@ }, { "type": "text", - "id": "n630", + "id": "n660", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -10829,7 +11355,7 @@ }, { "type": "text", - "id": "n631", + "id": "n661", "name": "/", "width": "fit_content", "height": "fit_content", @@ -10848,7 +11374,7 @@ }, { "type": "text", - "id": "n632", + "id": "n662", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -10869,7 +11395,7 @@ }, { "type": "frame", - "id": "n633", + "id": "n663", "name": "Filter room", "width": "fill_container", "height": 36.0, @@ -10879,7 +11405,7 @@ }, { "type": "rectangle", - "id": "n634", + "id": "n664", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -10893,7 +11419,7 @@ }, { "type": "frame", - "id": "n635", + "id": "n665", "name": "Editor group 2", "width": "fill_container", "height": "fit_content", @@ -10903,7 +11429,7 @@ "children": [ { "type": "frame", - "id": "n636", + "id": "n666", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -10921,7 +11447,7 @@ "children": [ { "type": "frame", - "id": "n637", + "id": "n667", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -10937,7 +11463,7 @@ "children": [ { "type": "rectangle", - "id": "n638", + "id": "n668", "name": "Active", "width": "fill_container", "height": 2.0, @@ -10951,7 +11477,7 @@ }, { "type": "frame", - "id": "n639", + "id": "n669", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -10966,7 +11492,7 @@ "children": [ { "type": "icon_font", - "id": "n640", + "id": "n670", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -10980,7 +11506,7 @@ }, { "type": "text", - "id": "n641", + "id": "n671", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11003,7 +11529,7 @@ }, { "type": "frame", - "id": "n642", + "id": "n672", "name": "Mode", "width": "fit_content", "height": "fit_content", @@ -11034,7 +11560,7 @@ "children": [ { "type": "frame", - "id": "n643", + "id": "n673", "name": "Seg / 编辑", "width": "fit_content", "height": "fit_content", @@ -11050,7 +11576,7 @@ "children": [ { "type": "icon_font", - "id": "n644", + "id": "n674", "name": "pencil", "iconFontName": "pencil", "width": 13.0, @@ -11064,7 +11590,7 @@ }, { "type": "text", - "id": "n645", + "id": "n675", "name": "编辑", "width": "fit_content", "height": "fit_content", @@ -11085,7 +11611,7 @@ }, { "type": "frame", - "id": "n646", + "id": "n676", "name": "Seg / 预览", "width": "fit_content", "height": "fit_content", @@ -11107,7 +11633,7 @@ "children": [ { "type": "icon_font", - "id": "n647", + "id": "n677", "name": "eye", "iconFontName": "eye", "width": 13.0, @@ -11121,7 +11647,7 @@ }, { "type": "text", - "id": "n648", + "id": "n678", "name": "预览", "width": "fit_content", "height": "fit_content", @@ -11144,7 +11670,7 @@ }, { "type": "frame", - "id": "n649", + "id": "n679", "name": "Pad", "width": 8.0, "height": 8.0, @@ -11154,7 +11680,7 @@ }, { "type": "frame", - "id": "n650", + "id": "n680", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -11169,7 +11695,7 @@ "children": [ { "type": "text", - "id": "n651", + "id": "n681", "name": "src", "width": "fit_content", "height": "fit_content", @@ -11188,7 +11714,7 @@ }, { "type": "text", - "id": "n652", + "id": "n682", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11207,7 +11733,7 @@ }, { "type": "text", - "id": "n653", + "id": "n683", "name": "chat", "width": "fit_content", "height": "fit_content", @@ -11226,7 +11752,7 @@ }, { "type": "text", - "id": "n654", + "id": "n684", "name": "/", "width": "fit_content", "height": "fit_content", @@ -11245,7 +11771,7 @@ }, { "type": "text", - "id": "n655", + "id": "n685", "name": "Panel.tsx", "width": "fit_content", "height": "fit_content", @@ -11266,7 +11792,7 @@ }, { "type": "frame", - "id": "n656", + "id": "n686", "name": "Filter", "width": "fill_container", "height": 36.0, @@ -11281,7 +11807,7 @@ "children": [ { "type": "text", - "id": "n657", + "id": "n687", "name": "筛选", "width": "fit_content", "height": "fit_content", @@ -11300,7 +11826,7 @@ }, { "type": "frame", - "id": "n658", + "id": "n688", "name": "Chip / 种类", "width": "fit_content", "height": 24.0, @@ -11322,7 +11848,7 @@ "children": [ { "type": "text", - "id": "n659", + "id": "n689", "name": "种类", "width": "fit_content", "height": "fit_content", @@ -11341,7 +11867,7 @@ }, { "type": "icon_font", - "id": "n660", + "id": "n690", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -11357,7 +11883,7 @@ }, { "type": "frame", - "id": "n661", + "id": "n691", "name": "Chip / 访问级别", "width": "fit_content", "height": 24.0, @@ -11379,7 +11905,7 @@ "children": [ { "type": "text", - "id": "n662", + "id": "n692", "name": "访问级别", "width": "fit_content", "height": "fit_content", @@ -11398,7 +11924,7 @@ }, { "type": "icon_font", - "id": "n663", + "id": "n693", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -11414,7 +11940,7 @@ }, { "type": "frame", - "id": "n664", + "id": "n694", "name": "Spacer", "width": "fill_container", "height": 8.0, @@ -11422,11 +11948,11 @@ }, { "type": "text", - "id": "n665", - "name": "5 块", + "id": "n695", + "name": "6 块", "width": "fit_content", "height": "fit_content", - "content": "5 块", + "content": "6 块", "fontFamily": "PingFang SC", "fontSize": 12.0, "fontWeight": 400, @@ -11447,8 +11973,8 @@ }, { "type": "frame", - "id": "n666", - "name": "Lines 22–22", + "id": "n696", + "name": "Lines 23–23", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -11458,7 +11984,7 @@ "children": [ { "type": "frame", - "id": "n667", + "id": "n697", "name": "Code", "width": 600.0, "height": "fill_container", @@ -11474,8 +12000,8 @@ "children": [ { "type": "frame", - "id": "n668", - "name": "Line 22", + "id": "n698", + "name": "Line 23", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -11485,7 +12011,7 @@ "children": [ { "type": "frame", - "id": "n669", + "id": "n699", "name": "Number", "width": 44.0, "height": 20.0, @@ -11497,11 +12023,11 @@ "children": [ { "type": "text", - "id": "n670", - "name": "22", + "id": "n700", + "name": "23", "width": "fit_content", "height": "fit_content", - "content": "22", + "content": "23", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -11518,7 +12044,7 @@ }, { "type": "frame", - "id": "n671", + "id": "n701", "name": "Margin", "width": 26.0, "height": 20.0, @@ -11526,7 +12052,7 @@ }, { "type": "text", - "id": "n672", + "id": "n702", "name": "export function Panel({ id, onClose }: P", "width": "fit_content", "height": "fit_content", @@ -11622,7 +12148,7 @@ }, { "type": "rectangle", - "id": "n673", + "id": "n703", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -11636,7 +12162,7 @@ }, { "type": "frame", - "id": "n674", + "id": "n704", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -11652,7 +12178,7 @@ "children": [ { "type": "frame", - "id": "n675", + "id": "n705", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -11663,7 +12189,7 @@ "children": [ { "type": "frame", - "id": "n676", + "id": "n706", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -11679,7 +12205,7 @@ "children": [ { "type": "frame", - "id": "n677", + "id": "n707", "name": "React 组件 / Panel", "width": "fill_container", "height": "fit_content", @@ -11712,7 +12238,7 @@ "children": [ { "type": "frame", - "id": "n678", + "id": "n708", "name": "Fold", "width": 14.0, "height": 20.0, @@ -11724,7 +12250,7 @@ "children": [ { "type": "icon_font", - "id": "n679", + "id": "n709", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -11740,7 +12266,7 @@ }, { "type": "frame", - "id": "n680", + "id": "n710", "name": "Kind / React 组件", "width": 20.0, "height": 20.0, @@ -11752,7 +12278,7 @@ "children": [ { "type": "icon_font", - "id": "n681", + "id": "n711", "name": "atom", "iconFontName": "atom", "width": 16.0, @@ -11768,7 +12294,7 @@ }, { "type": "frame", - "id": "n682", + "id": "n712", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -11778,7 +12304,7 @@ "children": [ { "type": "frame", - "id": "n683", + "id": "n713", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -11789,7 +12315,7 @@ "children": [ { "type": "frame", - "id": "n684", + "id": "n714", "name": "Key", "width": 76.0, "height": 20.0, @@ -11800,7 +12326,7 @@ "children": [ { "type": "text", - "id": "n685", + "id": "n715", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -11821,7 +12347,7 @@ }, { "type": "frame", - "id": "n686", + "id": "n716", "name": "Value", "width": "fill_container", "height": 20.0, @@ -11832,7 +12358,7 @@ "children": [ { "type": "text", - "id": "n687", + "id": "n717", "name": "Panel", "width": "fit_content", "height": "fit_content", @@ -11851,7 +12377,7 @@ }, { "type": "frame", - "id": "n688", + "id": "n718", "name": "Tag / 具名导出", "width": "fit_content", "height": 18.0, @@ -11882,7 +12408,7 @@ "children": [ { "type": "text", - "id": "n689", + "id": "n719", "name": "具名导出", "width": "fit_content", "height": "fit_content", @@ -11907,7 +12433,7 @@ }, { "type": "frame", - "id": "n690", + "id": "n720", "name": "Prop / 构造参数", "width": "fill_container", "height": "fit_content", @@ -11918,7 +12444,7 @@ "children": [ { "type": "frame", - "id": "n691", + "id": "n721", "name": "Key", "width": 76.0, "height": 20.0, @@ -11929,7 +12455,7 @@ "children": [ { "type": "icon_font", - "id": "n692", + "id": "n722", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -11943,7 +12469,7 @@ }, { "type": "text", - "id": "n693", + "id": "n723", "name": "构造参数", "width": "fit_content", "height": "fit_content", @@ -11964,7 +12490,7 @@ }, { "type": "text", - "id": "n694", + "id": "n724", "name": "2 个 · 类型 Props", "width": "fit_content", "height": "fit_content", @@ -11995,7 +12521,7 @@ }, { "type": "frame", - "id": "n695", + "id": "n725", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -12011,7 +12537,7 @@ "children": [ { "type": "frame", - "id": "n696", + "id": "n726", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -12031,7 +12557,7 @@ "children": [ { "type": "frame", - "id": "n697", + "id": "n727", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -12048,7 +12574,7 @@ "children": [ { "type": "frame", - "id": "n698", + "id": "n728", "name": "名称", "width": 115.0, "height": "fit_content", @@ -12062,7 +12588,7 @@ "children": [ { "type": "text", - "id": "n699", + "id": "n729", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -12081,502 +12607,6 @@ } ] }, - { - "type": "rectangle", - "id": "n700", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n701", - "name": "类型", - "width": 79.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n702", - "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": "n703", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n704", - "name": "默认值", - "width": 56.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n705", - "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": "n706", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n707", - "name": "必填", - "width": 373.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n708", - "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": "n709", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n710", - "name": "Row", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n711", - "name": "名称", - "width": 115.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n712", - "name": "Name", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n713", - "name": "id", - "width": "fit_content", - "height": "fit_content", - "content": "id", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n714", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n715", - "name": "类型", - "width": 79.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n716", - "name": "字符串", - "width": "fit_content", - "height": "fit_content", - "content": "字符串", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#4ec9b0" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n717", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n718", - "name": "默认值", - "width": 56.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n719", - "name": "—", - "width": "fit_content", - "height": "fit_content", - "content": "—", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n720", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n721", - "name": "必填", - "width": 373.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n722", - "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": "#569cd6" - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n723", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n724", - "name": "Row", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n725", - "name": "名称", - "width": 115.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n726", - "name": "Name", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n727", - "name": "onClose", - "width": "fit_content", - "height": "fit_content", - "content": "onClose", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - }, - { - "type": "frame", - "id": "n728", - "name": "Tag / 回调", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, - "padding": [ - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#2d444b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3f7a8a" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n729", - "name": "回调", - "width": "fit_content", - "height": "fit_content", - "content": "回调", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#61dafb" - } - ] - } - ] - } - ] - } - ] - }, { "type": "rectangle", "id": "n730", @@ -12608,28 +12638,19 @@ { "type": "text", "id": "n732", - "name": "() => 无", + "name": "类型", "width": "fit_content", "height": "fit_content", - "content": [ - { - "text": "() => ", - "fill": "#cccccc" - }, - { - "text": "无", - "fill": "#4ec9b0" - } - ], - "fontFamily": "Menlo", - "fontSize": 12.5, + "content": "类型", + "fontFamily": "PingFang SC", + "fontSize": 12.0, "fontWeight": 400, - "lineHeight": 1.6, + "lineHeight": 1.6666666666666667, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] } @@ -12666,14 +12687,14 @@ { "type": "text", "id": "n735", - "name": "—", + "name": "默认值", "width": "fit_content", "height": "fit_content", - "content": "—", - "fontFamily": "Menlo", - "fontSize": 12.5, + "content": "默认值", + "fontFamily": "PingFang SC", + "fontSize": 12.0, "fontWeight": 400, - "lineHeight": 1.6, + "lineHeight": 1.6666666666666667, "textGrowth": "auto", "fill": [ { @@ -12715,6 +12736,511 @@ { "type": "text", "id": "n738", + "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": "n739", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n740", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n741", + "name": "名称", + "width": 115.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n742", + "name": "Name", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n743", + "name": "id", + "width": "fit_content", + "height": "fit_content", + "content": "id", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n744", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n745", + "name": "类型", + "width": 79.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n746", + "name": "字符串", + "width": "fit_content", + "height": "fit_content", + "content": "字符串", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#4ec9b0" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n747", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n748", + "name": "默认值", + "width": 56.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n749", + "name": "—", + "width": "fit_content", + "height": "fit_content", + "content": "—", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n750", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n751", + "name": "必填", + "width": 373.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n752", + "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": "#569cd6" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n753", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n754", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n755", + "name": "名称", + "width": 115.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n756", + "name": "Name", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n757", + "name": "onClose", + "width": "fit_content", + "height": "fit_content", + "content": "onClose", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + }, + { + "type": "frame", + "id": "n758", + "name": "Tag / 回调", + "width": "fit_content", + "height": 18.0, + "layout": "horizontal", + "gap": 0.0, + "padding": [ + 0.0, + 5.0 + ], + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#2d444b" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3f7a8a" + } + ] + }, + "children": [ + { + "type": "text", + "id": "n759", + "name": "回调", + "width": "fit_content", + "height": "fit_content", + "content": "回调", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 500, + "lineHeight": 1.4545454545454546, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#61dafb" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n760", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n761", + "name": "类型", + "width": 79.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n762", + "name": "() => 无", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "() => ", + "fill": "#cccccc" + }, + { + "text": "无", + "fill": "#4ec9b0" + } + ], + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n763", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n764", + "name": "默认值", + "width": 56.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n765", + "name": "—", + "width": "fit_content", + "height": "fit_content", + "content": "—", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n766", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n767", + "name": "必填", + "width": 373.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n768", "name": "是", "width": "fit_content", "height": "fit_content", @@ -12743,7 +13269,7 @@ }, { "type": "frame", - "id": "n739", + "id": "n769", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -12754,7 +13280,7 @@ "children": [ { "type": "frame", - "id": "n740", + "id": "n770", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -12767,7 +13293,7 @@ "children": [ { "type": "icon_font", - "id": "n741", + "id": "n771", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -12783,7 +13309,7 @@ }, { "type": "frame", - "id": "n742", + "id": "n772", "name": "pencil", "width": 22.0, "height": 20.0, @@ -12796,7 +13322,7 @@ "children": [ { "type": "icon_font", - "id": "n743", + "id": "n773", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -12824,8 +13350,8 @@ }, { "type": "frame", - "id": "n744", - "name": "Lines 23–23", + "id": "n774", + "name": "Lines 24–24", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -12835,7 +13361,7 @@ "children": [ { "type": "frame", - "id": "n745", + "id": "n775", "name": "Code", "width": 600.0, "height": "fill_container", @@ -12851,8 +13377,8 @@ "children": [ { "type": "frame", - "id": "n746", - "name": "Line 23", + "id": "n776", + "name": "Line 24", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -12862,7 +13388,7 @@ "children": [ { "type": "frame", - "id": "n747", + "id": "n777", "name": "Number", "width": 44.0, "height": 20.0, @@ -12874,11 +13400,11 @@ "children": [ { "type": "text", - "id": "n748", - "name": "23", + "id": "n778", + "name": "24", "width": "fit_content", "height": "fit_content", - "content": "23", + "content": "24", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -12895,7 +13421,7 @@ }, { "type": "frame", - "id": "n749", + "id": "n779", "name": "Margin", "width": 41.66, "height": 20.0, @@ -12903,7 +13429,854 @@ }, { "type": "text", - "id": "n750", + "id": "n780", + "name": "const router = useRouter()", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "const", + "fill": "#569cd6" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "router", + "fill": "#9cdcfe" + }, + { + "text": " = ", + "fill": "#d4d4d4" + }, + { + "text": "useRouter", + "fill": "#dcdcaa" + }, + { + "text": "()", + "fill": "#da70d6" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n781", + "name": "Sash", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#2b2b2b" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n782", + "name": "Preview", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 20.0, + 0.0, + 20.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n783", + "name": "Level", + "width": "fill_container", + "height": "fill_container", + "layout": "horizontal", + "gap": 8.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n784", + "name": "Guide", + "width": 12.0, + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "rectangle", + "id": "n785", + "name": "Line", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#404040" + } + ], + "children": [] + } + ] + }, + { + "type": "frame", + "id": "n786", + "name": "Cards", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 0.0, + 8.0, + 0.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n787", + "name": "钩子 / useRouter · router", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 10.0, + "padding": [ + 8.0, + 10.0, + 8.0, + 8.0 + ], + "alignItems": "start", + "clipContent": false, + "cornerRadius": 8.0, + "fill": [ + { + "type": "solid", + "color": "#2d2a25" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#52415f" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n788", + "name": "Fold", + "width": 14.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [] + }, + { + "type": "frame", + "id": "n789", + "name": "Kind / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n790", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n791", + "name": "Content", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n792", + "name": "Prop / 钩子", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n793", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n794", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n795", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "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" + } + ] + }, + { + "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": "frame", + "id": "n799", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n800", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n801", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n802", + "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": "n803", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n804", + "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": "n805", + "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": "n806", + "name": "Header", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "fill": [ + { + "type": "solid", + "color": "#383530" + } + ], + "children": [ + { + "type": "frame", + "id": "n807", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n808", + "name": "名称", + "width": "fit_content", + "height": "fit_content", + "content": "名称", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n809", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n810", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n811", + "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": "n812", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n813", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n814", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n815", + "name": "router", + "width": "fit_content", + "height": "fit_content", + "content": "router", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n816", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n817", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n818", + "name": "路由器，用于页面跳转", + "width": "fit_content", + "height": "fit_content", + "content": "路由器，用于页面跳转", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n819", + "name": "Tools", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 2.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n820", + "name": "sparkles", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n821", + "name": "sparkles", + "iconFontName": "sparkles", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n822", + "name": "pencil", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n823", + "name": "pencil", + "iconFontName": "pencil", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n824", + "name": "Lines 25–25", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n825", + "name": "Code", + "width": 600.0, + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 8.0, + 0.0, + 0.0, + 0.0 + ], + "clipContent": true, + "children": [ + { + "type": "frame", + "id": "n826", + "name": "Line 25", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n827", + "name": "Number", + "width": 44.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "end", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n828", + "name": "25", + "width": "fit_content", + "height": "fit_content", + "content": "25", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#6e7681" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n829", + "name": "Margin", + "width": 41.66, + "height": 20.0, + "children": [] + }, + { + "type": "text", + "id": "n830", "name": "const theme = useContext(ThemeContext)", "width": "fit_content", "height": "fit_content", @@ -12959,7 +14332,7 @@ }, { "type": "rectangle", - "id": "n751", + "id": "n831", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -12973,7 +14346,7 @@ }, { "type": "frame", - "id": "n752", + "id": "n832", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -12989,7 +14362,7 @@ "children": [ { "type": "frame", - "id": "n753", + "id": "n833", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -13000,7 +14373,7 @@ "children": [ { "type": "frame", - "id": "n754", + "id": "n834", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -13011,7 +14384,7 @@ "children": [ { "type": "rectangle", - "id": "n755", + "id": "n835", "name": "Line", "width": 1.0, "height": "fill_container", @@ -13027,7 +14400,7 @@ }, { "type": "frame", - "id": "n756", + "id": "n836", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -13043,7 +14416,7 @@ "children": [ { "type": "frame", - "id": "n757", + "id": "n837", "name": "钩子 / useContext · theme", "width": "fill_container", "height": "fit_content", @@ -13061,7 +14434,7 @@ "fill": [ { "type": "solid", - "color": "#222b29" + "color": "#242c2e" } ], "stroke": { @@ -13069,14 +14442,14 @@ "fill": [ { "type": "solid", - "color": "#2f5b52" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n758", + "id": "n838", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13089,7 +14462,7 @@ }, { "type": "frame", - "id": "n759", + "id": "n839", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -13101,15 +14474,15 @@ "children": [ { "type": "icon_font", - "id": "n760", - "name": "share-2", - "iconFontName": "share-2", + "id": "n840", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#4ec9b0" + "color": "#b180d7" } ] } @@ -13117,7 +14490,7 @@ }, { "type": "frame", - "id": "n761", + "id": "n841", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -13127,7 +14500,7 @@ "children": [ { "type": "frame", - "id": "n762", + "id": "n842", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -13138,7 +14511,7 @@ "children": [ { "type": "frame", - "id": "n763", + "id": "n843", "name": "Key", "width": 100.0, "height": 20.0, @@ -13149,7 +14522,7 @@ "children": [ { "type": "text", - "id": "n764", + "id": "n844", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -13170,7 +14543,7 @@ }, { "type": "frame", - "id": "n765", + "id": "n845", "name": "Value", "width": "fill_container", "height": 20.0, @@ -13181,7 +14554,7 @@ "children": [ { "type": "text", - "id": "n766", + "id": "n846", "name": "useContext", "width": "fit_content", "height": "fit_content", @@ -13206,15 +14579,17 @@ }, { "type": "frame", - "id": "n767", + "id": "n847", "name": "Tag / 上下文", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -13222,7 +14597,7 @@ "fill": [ { "type": "solid", - "color": "#28413c" + "color": "#31393b" } ], "stroke": { @@ -13230,14 +14605,28 @@ "fill": [ { "type": "solid", - "color": "#367266" + "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": "n768", + "id": "n849", "name": "上下文", "width": "fit_content", "height": "fit_content", @@ -13250,7 +14639,7 @@ "fill": [ { "type": "solid", - "color": "#4ec9b0" + "color": "#9d9d9d" } ] } @@ -13262,7 +14651,7 @@ }, { "type": "frame", - "id": "n769", + "id": "n850", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -13273,7 +14662,7 @@ "children": [ { "type": "frame", - "id": "n770", + "id": "n851", "name": "Key", "width": 100.0, "height": 20.0, @@ -13284,7 +14673,7 @@ "children": [ { "type": "icon_font", - "id": "n771", + "id": "n852", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -13298,7 +14687,7 @@ }, { "type": "text", - "id": "n772", + "id": "n853", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -13319,7 +14708,7 @@ }, { "type": "text", - "id": "n773", + "id": "n854", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -13340,7 +14729,7 @@ }, { "type": "frame", - "id": "n774", + "id": "n855", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -13356,7 +14745,7 @@ "children": [ { "type": "frame", - "id": "n775", + "id": "n856", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -13376,7 +14765,7 @@ "children": [ { "type": "frame", - "id": "n776", + "id": "n857", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -13387,13 +14776,13 @@ "fill": [ { "type": "solid", - "color": "#2d3634" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n777", + "id": "n858", "name": "参数", "width": 74.0, "height": "fit_content", @@ -13407,7 +14796,7 @@ "children": [ { "type": "text", - "id": "n778", + "id": "n859", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -13428,7 +14817,7 @@ }, { "type": "rectangle", - "id": "n779", + "id": "n860", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13442,7 +14831,7 @@ }, { "type": "frame", - "id": "n780", + "id": "n861", "name": "值", "width": 531.0, "height": "fit_content", @@ -13456,7 +14845,7 @@ "children": [ { "type": "text", - "id": "n781", + "id": "n862", "name": "值", "width": "fit_content", "height": "fit_content", @@ -13479,7 +14868,7 @@ }, { "type": "rectangle", - "id": "n782", + "id": "n863", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -13493,7 +14882,7 @@ }, { "type": "frame", - "id": "n783", + "id": "n864", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -13504,7 +14893,7 @@ "children": [ { "type": "frame", - "id": "n784", + "id": "n865", "name": "参数", "width": 74.0, "height": "fit_content", @@ -13518,7 +14907,7 @@ "children": [ { "type": "text", - "id": "n785", + "id": "n866", "name": "context", "width": "fit_content", "height": "fit_content", @@ -13539,7 +14928,7 @@ }, { "type": "rectangle", - "id": "n786", + "id": "n867", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13553,7 +14942,7 @@ }, { "type": "frame", - "id": "n787", + "id": "n868", "name": "值", "width": 531.0, "height": "fit_content", @@ -13567,7 +14956,7 @@ "children": [ { "type": "text", - "id": "n788", + "id": "n869", "name": "ThemeContext", "width": "fit_content", "height": "fit_content", @@ -13600,7 +14989,7 @@ }, { "type": "frame", - "id": "n789", + "id": "n870", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -13611,7 +15000,7 @@ "children": [ { "type": "frame", - "id": "n790", + "id": "n871", "name": "Key", "width": 100.0, "height": 20.0, @@ -13622,7 +15011,7 @@ "children": [ { "type": "icon_font", - "id": "n791", + "id": "n872", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -13636,7 +15025,7 @@ }, { "type": "text", - "id": "n792", + "id": "n873", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -13657,7 +15046,7 @@ }, { "type": "text", - "id": "n793", + "id": "n874", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -13678,7 +15067,7 @@ }, { "type": "frame", - "id": "n794", + "id": "n875", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -13694,7 +15083,7 @@ "children": [ { "type": "frame", - "id": "n795", + "id": "n876", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -13714,7 +15103,7 @@ "children": [ { "type": "frame", - "id": "n796", + "id": "n877", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -13725,13 +15114,13 @@ "fill": [ { "type": "solid", - "color": "#2d3634" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n797", + "id": "n878", "name": "名称", "width": 58.0, "height": "fit_content", @@ -13745,7 +15134,7 @@ "children": [ { "type": "text", - "id": "n798", + "id": "n879", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -13766,7 +15155,7 @@ }, { "type": "rectangle", - "id": "n799", + "id": "n880", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13780,7 +15169,7 @@ }, { "type": "frame", - "id": "n800", + "id": "n881", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -13794,7 +15183,7 @@ "children": [ { "type": "text", - "id": "n801", + "id": "n882", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -13817,7 +15206,7 @@ }, { "type": "rectangle", - "id": "n802", + "id": "n883", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -13831,7 +15220,7 @@ }, { "type": "frame", - "id": "n803", + "id": "n884", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -13842,7 +15231,7 @@ "children": [ { "type": "frame", - "id": "n804", + "id": "n885", "name": "名称", "width": 58.0, "height": "fit_content", @@ -13856,7 +15245,7 @@ "children": [ { "type": "text", - "id": "n805", + "id": "n886", "name": "theme", "width": "fit_content", "height": "fit_content", @@ -13877,7 +15266,7 @@ }, { "type": "rectangle", - "id": "n806", + "id": "n887", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -13891,7 +15280,7 @@ }, { "type": "frame", - "id": "n807", + "id": "n888", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -13905,7 +15294,7 @@ "children": [ { "type": "text", - "id": "n808", + "id": "n889", "name": "上下文的值", "width": "fit_content", "height": "fit_content", @@ -13932,7 +15321,7 @@ }, { "type": "frame", - "id": "n809", + "id": "n890", "name": "Prop / 没有外层提供时", "width": "fill_container", "height": "fit_content", @@ -13943,7 +15332,7 @@ "children": [ { "type": "frame", - "id": "n810", + "id": "n891", "name": "Key", "width": 100.0, "height": 20.0, @@ -13954,7 +15343,7 @@ "children": [ { "type": "text", - "id": "n811", + "id": "n892", "name": "没有外层提供时", "width": "fit_content", "height": "fit_content", @@ -13975,7 +15364,7 @@ }, { "type": "text", - "id": "n812", + "id": "n893", "name": "'light'", "width": "fit_content", "height": "fit_content", @@ -13998,7 +15387,7 @@ }, { "type": "frame", - "id": "n813", + "id": "n894", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -14009,7 +15398,7 @@ "children": [ { "type": "frame", - "id": "n814", + "id": "n895", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -14022,7 +15411,7 @@ "children": [ { "type": "icon_font", - "id": "n815", + "id": "n896", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -14038,7 +15427,7 @@ }, { "type": "frame", - "id": "n816", + "id": "n897", "name": "pencil", "width": 22.0, "height": 20.0, @@ -14051,7 +15440,7 @@ "children": [ { "type": "icon_font", - "id": "n817", + "id": "n898", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -14079,8 +15468,8 @@ }, { "type": "frame", - "id": "n818", - "name": "Lines 24–24", + "id": "n899", + "name": "Lines 26–26", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -14090,7 +15479,7 @@ "children": [ { "type": "frame", - "id": "n819", + "id": "n900", "name": "Code", "width": 600.0, "height": "fill_container", @@ -14106,8 +15495,8 @@ "children": [ { "type": "frame", - "id": "n820", - "name": "Line 24", + "id": "n901", + "name": "Line 26", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -14117,7 +15506,7 @@ "children": [ { "type": "frame", - "id": "n821", + "id": "n902", "name": "Number", "width": 44.0, "height": 20.0, @@ -14129,11 +15518,11 @@ "children": [ { "type": "text", - "id": "n822", - "name": "24", + "id": "n903", + "name": "26", "width": "fit_content", "height": "fit_content", - "content": "24", + "content": "26", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -14150,7 +15539,7 @@ }, { "type": "frame", - "id": "n823", + "id": "n904", "name": "Margin", "width": 41.66, "height": 20.0, @@ -14158,7 +15547,7 @@ }, { "type": "text", - "id": "n824", + "id": "n905", "name": "const { messages } = useChatSession(id)", "width": "fit_content", "height": "fit_content", @@ -14230,7 +15619,7 @@ }, { "type": "rectangle", - "id": "n825", + "id": "n906", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -14244,7 +15633,7 @@ }, { "type": "frame", - "id": "n826", + "id": "n907", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -14260,7 +15649,7 @@ "children": [ { "type": "frame", - "id": "n827", + "id": "n908", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -14271,7 +15660,7 @@ "children": [ { "type": "frame", - "id": "n828", + "id": "n909", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -14282,7 +15671,7 @@ "children": [ { "type": "rectangle", - "id": "n829", + "id": "n910", "name": "Line", "width": 1.0, "height": "fill_container", @@ -14298,7 +15687,7 @@ }, { "type": "frame", - "id": "n830", + "id": "n911", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -14314,7 +15703,7 @@ "children": [ { "type": "frame", - "id": "n831", + "id": "n912", "name": "钩子 / useChatSession · messages", "width": "fill_container", "height": "fit_content", @@ -14332,7 +15721,7 @@ "fill": [ { "type": "solid", - "color": "#242c2e" + "color": "#262b26" } ], "stroke": { @@ -14340,14 +15729,14 @@ "fill": [ { "type": "solid", - "color": "#36606c" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n832", + "id": "n913", "name": "Fold", "width": 14.0, "height": 20.0, @@ -14360,7 +15749,7 @@ }, { "type": "frame", - "id": "n833", + "id": "n914", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -14372,15 +15761,15 @@ "children": [ { "type": "icon_font", - "id": "n834", - "name": "plug", - "iconFontName": "plug", + "id": "n915", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#61dafb" + "color": "#b180d7" } ] } @@ -14388,7 +15777,7 @@ }, { "type": "frame", - "id": "n835", + "id": "n916", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -14398,7 +15787,7 @@ "children": [ { "type": "frame", - "id": "n836", + "id": "n917", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -14409,7 +15798,7 @@ "children": [ { "type": "frame", - "id": "n837", + "id": "n918", "name": "Key", "width": 100.0, "height": 20.0, @@ -14420,7 +15809,7 @@ "children": [ { "type": "text", - "id": "n838", + "id": "n919", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -14441,7 +15830,7 @@ }, { "type": "frame", - "id": "n839", + "id": "n920", "name": "Value", "width": "fill_container", "height": 20.0, @@ -14452,7 +15841,7 @@ "children": [ { "type": "text", - "id": "n840", + "id": "n921", "name": "useChatSession", "width": "fit_content", "height": "fit_content", @@ -14475,58 +15864,6 @@ "color": "#cccccc" } ] - }, - { - "type": "frame", - "id": "n841", - "name": "Tag / 自定义钩子", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, - "padding": [ - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#2d444b" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3f7a8a" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n842", - "name": "自定义钩子", - "width": "fit_content", - "height": "fit_content", - "content": "自定义钩子", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#61dafb" - } - ] - } - ] } ] } @@ -14534,7 +15871,7 @@ }, { "type": "frame", - "id": "n843", + "id": "n922", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -14545,7 +15882,7 @@ "children": [ { "type": "frame", - "id": "n844", + "id": "n923", "name": "Key", "width": 100.0, "height": 20.0, @@ -14556,7 +15893,7 @@ "children": [ { "type": "icon_font", - "id": "n845", + "id": "n924", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -14570,7 +15907,7 @@ }, { "type": "text", - "id": "n846", + "id": "n925", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -14591,7 +15928,7 @@ }, { "type": "text", - "id": "n847", + "id": "n926", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -14612,7 +15949,7 @@ }, { "type": "frame", - "id": "n848", + "id": "n927", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -14628,7 +15965,7 @@ "children": [ { "type": "frame", - "id": "n849", + "id": "n928", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -14648,7 +15985,7 @@ "children": [ { "type": "frame", - "id": "n850", + "id": "n929", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -14659,13 +15996,13 @@ "fill": [ { "type": "solid", - "color": "#2f3738" + "color": "#313631" } ], "children": [ { "type": "frame", - "id": "n851", + "id": "n930", "name": "参数", "width": 43.0, "height": "fit_content", @@ -14679,7 +16016,7 @@ "children": [ { "type": "text", - "id": "n852", + "id": "n931", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -14700,7 +16037,7 @@ }, { "type": "rectangle", - "id": "n853", + "id": "n932", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14714,7 +16051,7 @@ }, { "type": "frame", - "id": "n854", + "id": "n933", "name": "值", "width": 562.0, "height": "fit_content", @@ -14728,7 +16065,7 @@ "children": [ { "type": "text", - "id": "n855", + "id": "n934", "name": "值", "width": "fit_content", "height": "fit_content", @@ -14751,7 +16088,7 @@ }, { "type": "rectangle", - "id": "n856", + "id": "n935", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -14765,7 +16102,7 @@ }, { "type": "frame", - "id": "n857", + "id": "n936", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -14776,7 +16113,7 @@ "children": [ { "type": "frame", - "id": "n858", + "id": "n937", "name": "参数", "width": 43.0, "height": "fit_content", @@ -14790,7 +16127,7 @@ "children": [ { "type": "text", - "id": "n859", + "id": "n938", "name": "id", "width": "fit_content", "height": "fit_content", @@ -14811,7 +16148,7 @@ }, { "type": "rectangle", - "id": "n860", + "id": "n939", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -14825,7 +16162,7 @@ }, { "type": "frame", - "id": "n861", + "id": "n940", "name": "值", "width": 562.0, "height": "fit_content", @@ -14839,7 +16176,7 @@ "children": [ { "type": "text", - "id": "n862", + "id": "n941", "name": "id", "width": "fit_content", "height": "fit_content", @@ -14866,7 +16203,7 @@ }, { "type": "frame", - "id": "n863", + "id": "n942", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -14877,7 +16214,7 @@ "children": [ { "type": "frame", - "id": "n864", + "id": "n943", "name": "Key", "width": 100.0, "height": 20.0, @@ -14888,7 +16225,7 @@ "children": [ { "type": "icon_font", - "id": "n865", + "id": "n944", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -14902,7 +16239,7 @@ }, { "type": "text", - "id": "n866", + "id": "n945", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -14923,7 +16260,7 @@ }, { "type": "text", - "id": "n867", + "id": "n946", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -14944,7 +16281,7 @@ }, { "type": "frame", - "id": "n868", + "id": "n947", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -14960,7 +16297,7 @@ "children": [ { "type": "frame", - "id": "n869", + "id": "n948", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -14980,7 +16317,7 @@ "children": [ { "type": "frame", - "id": "n870", + "id": "n949", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -14991,13 +16328,13 @@ "fill": [ { "type": "solid", - "color": "#2f3738" + "color": "#313631" } ], "children": [ { "type": "frame", - "id": "n871", + "id": "n950", "name": "名称", "width": 82.0, "height": "fit_content", @@ -15011,7 +16348,7 @@ "children": [ { "type": "text", - "id": "n872", + "id": "n951", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -15032,7 +16369,7 @@ }, { "type": "rectangle", - "id": "n873", + "id": "n952", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15046,7 +16383,7 @@ }, { "type": "frame", - "id": "n874", + "id": "n953", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -15060,7 +16397,7 @@ "children": [ { "type": "text", - "id": "n875", + "id": "n954", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -15083,7 +16420,7 @@ }, { "type": "rectangle", - "id": "n876", + "id": "n955", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -15097,7 +16434,7 @@ }, { "type": "frame", - "id": "n877", + "id": "n956", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -15108,7 +16445,7 @@ "children": [ { "type": "frame", - "id": "n878", + "id": "n957", "name": "名称", "width": 82.0, "height": "fit_content", @@ -15122,7 +16459,7 @@ "children": [ { "type": "text", - "id": "n879", + "id": "n958", "name": "messages", "width": "fit_content", "height": "fit_content", @@ -15143,7 +16480,7 @@ }, { "type": "rectangle", - "id": "n880", + "id": "n959", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15157,7 +16494,7 @@ }, { "type": "frame", - "id": "n881", + "id": "n960", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -15171,14 +16508,14 @@ "children": [ { "type": "text", - "id": "n882", + "id": "n961", "name": "状态 messages", "width": "fit_content", "height": "fit_content", "content": [ { "text": "状态 messages", - "fill": "#9cdcfe", + "fill": "#b180d7", "underline": true } ], @@ -15206,7 +16543,7 @@ }, { "type": "frame", - "id": "n883", + "id": "n962", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -15217,7 +16554,7 @@ "children": [ { "type": "frame", - "id": "n884", + "id": "n963", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -15230,7 +16567,7 @@ "children": [ { "type": "icon_font", - "id": "n885", + "id": "n964", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -15246,7 +16583,7 @@ }, { "type": "frame", - "id": "n886", + "id": "n965", "name": "pencil", "width": 22.0, "height": 20.0, @@ -15259,7 +16596,7 @@ "children": [ { "type": "icon_font", - "id": "n887", + "id": "n966", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -15287,8 +16624,8 @@ }, { "type": "frame", - "id": "n888", - "name": "Lines 25–25", + "id": "n967", + "name": "Lines 27–27", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -15298,7 +16635,7 @@ "children": [ { "type": "frame", - "id": "n889", + "id": "n968", "name": "Code", "width": 600.0, "height": "fill_container", @@ -15314,8 +16651,8 @@ "children": [ { "type": "frame", - "id": "n890", - "name": "Line 25", + "id": "n969", + "name": "Line 27", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -15325,7 +16662,7 @@ "children": [ { "type": "frame", - "id": "n891", + "id": "n970", "name": "Number", "width": 44.0, "height": 20.0, @@ -15337,11 +16674,11 @@ "children": [ { "type": "text", - "id": "n892", - "name": "25", + "id": "n971", + "name": "27", "width": "fit_content", "height": "fit_content", - "content": "25", + "content": "27", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -15358,7 +16695,7 @@ }, { "type": "frame", - "id": "n893", + "id": "n972", "name": "Margin", "width": 41.66, "height": 20.0, @@ -15366,7 +16703,7 @@ }, { "type": "text", - "id": "n894", + "id": "n973", "name": "const [open, setOpen] = useState(() => r", "width": "fit_content", "height": "fit_content", @@ -15466,7 +16803,7 @@ }, { "type": "rectangle", - "id": "n895", + "id": "n974", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -15480,7 +16817,7 @@ }, { "type": "frame", - "id": "n896", + "id": "n975", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -15496,7 +16833,7 @@ "children": [ { "type": "frame", - "id": "n897", + "id": "n976", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -15507,7 +16844,7 @@ "children": [ { "type": "frame", - "id": "n898", + "id": "n977", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -15518,7 +16855,7 @@ "children": [ { "type": "rectangle", - "id": "n899", + "id": "n978", "name": "Line", "width": 1.0, "height": "fill_container", @@ -15534,7 +16871,7 @@ }, { "type": "frame", - "id": "n900", + "id": "n979", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -15550,7 +16887,7 @@ "children": [ { "type": "frame", - "id": "n901", + "id": "n980", "name": "钩子 / useState · open", "width": "fill_container", "height": "fit_content", @@ -15568,7 +16905,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -15576,14 +16913,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n902", + "id": "n981", "name": "Fold", "width": 14.0, "height": 20.0, @@ -15596,7 +16933,7 @@ }, { "type": "frame", - "id": "n903", + "id": "n982", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -15608,15 +16945,15 @@ "children": [ { "type": "icon_font", - "id": "n904", - "name": "toggle-right", - "iconFontName": "toggle-right", + "id": "n983", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -15624,7 +16961,7 @@ }, { "type": "frame", - "id": "n905", + "id": "n984", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -15634,7 +16971,7 @@ "children": [ { "type": "frame", - "id": "n906", + "id": "n985", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -15645,7 +16982,7 @@ "children": [ { "type": "frame", - "id": "n907", + "id": "n986", "name": "Key", "width": 100.0, "height": 20.0, @@ -15656,7 +16993,7 @@ "children": [ { "type": "text", - "id": "n908", + "id": "n987", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -15677,7 +17014,7 @@ }, { "type": "frame", - "id": "n909", + "id": "n988", "name": "Value", "width": "fill_container", "height": 20.0, @@ -15688,7 +17025,7 @@ "children": [ { "type": "text", - "id": "n910", + "id": "n989", "name": "useState", "width": "fit_content", "height": "fit_content", @@ -15713,15 +17050,17 @@ }, { "type": "frame", - "id": "n911", + "id": "n990", "name": "Tag / 状态", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -15729,7 +17068,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -15737,14 +17076,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "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": "n912", + "id": "n992", "name": "状态", "width": "fit_content", "height": "fit_content", @@ -15757,7 +17110,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -15769,7 +17122,7 @@ }, { "type": "frame", - "id": "n913", + "id": "n993", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -15780,7 +17133,7 @@ "children": [ { "type": "frame", - "id": "n914", + "id": "n994", "name": "Key", "width": 100.0, "height": 20.0, @@ -15791,7 +17144,7 @@ "children": [ { "type": "icon_font", - "id": "n915", + "id": "n995", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -15805,7 +17158,7 @@ }, { "type": "text", - "id": "n916", + "id": "n996", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -15826,7 +17179,7 @@ }, { "type": "text", - "id": "n917", + "id": "n997", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -15847,7 +17200,7 @@ }, { "type": "frame", - "id": "n918", + "id": "n998", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -15863,7 +17216,7 @@ "children": [ { "type": "frame", - "id": "n919", + "id": "n999", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -15883,7 +17236,7 @@ "children": [ { "type": "frame", - "id": "n920", + "id": "n1000", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -15894,13 +17247,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n921", + "id": "n1001", "name": "参数", "width": 114.0, "height": "fit_content", @@ -15914,7 +17267,7 @@ "children": [ { "type": "text", - "id": "n922", + "id": "n1002", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -15935,7 +17288,7 @@ }, { "type": "rectangle", - "id": "n923", + "id": "n1003", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -15949,7 +17302,7 @@ }, { "type": "frame", - "id": "n924", + "id": "n1004", "name": "值", "width": 491.0, "height": "fit_content", @@ -15963,7 +17316,7 @@ "children": [ { "type": "text", - "id": "n925", + "id": "n1005", "name": "值", "width": "fit_content", "height": "fit_content", @@ -15986,7 +17339,7 @@ }, { "type": "rectangle", - "id": "n926", + "id": "n1006", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16000,7 +17353,7 @@ }, { "type": "frame", - "id": "n927", + "id": "n1007", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16011,7 +17364,7 @@ "children": [ { "type": "frame", - "id": "n928", + "id": "n1008", "name": "参数", "width": 114.0, "height": "fit_content", @@ -16025,7 +17378,7 @@ "children": [ { "type": "text", - "id": "n929", + "id": "n1009", "name": "initialState", "width": "fit_content", "height": "fit_content", @@ -16046,7 +17399,7 @@ }, { "type": "rectangle", - "id": "n930", + "id": "n1010", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16060,7 +17413,7 @@ }, { "type": "frame", - "id": "n931", + "id": "n1011", "name": "值", "width": 491.0, "height": "fit_content", @@ -16074,7 +17427,7 @@ "children": [ { "type": "text", - "id": "n932", + "id": "n1012", "name": "首次渲染时调用 readOpen(id)", "width": "fit_content", "height": "fit_content", @@ -16122,7 +17475,7 @@ }, { "type": "frame", - "id": "n933", + "id": "n1013", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -16133,7 +17486,7 @@ "children": [ { "type": "frame", - "id": "n934", + "id": "n1014", "name": "Key", "width": 100.0, "height": 20.0, @@ -16144,7 +17497,7 @@ "children": [ { "type": "icon_font", - "id": "n935", + "id": "n1015", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -16158,7 +17511,7 @@ }, { "type": "text", - "id": "n936", + "id": "n1016", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -16179,7 +17532,7 @@ }, { "type": "text", - "id": "n937", + "id": "n1017", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -16200,7 +17553,7 @@ }, { "type": "frame", - "id": "n938", + "id": "n1018", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -16216,7 +17569,7 @@ "children": [ { "type": "frame", - "id": "n939", + "id": "n1019", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -16236,7 +17589,7 @@ "children": [ { "type": "frame", - "id": "n940", + "id": "n1020", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -16247,13 +17600,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n941", + "id": "n1021", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16267,7 +17620,7 @@ "children": [ { "type": "text", - "id": "n942", + "id": "n1022", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -16288,7 +17641,7 @@ }, { "type": "rectangle", - "id": "n943", + "id": "n1023", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16302,7 +17655,7 @@ }, { "type": "frame", - "id": "n944", + "id": "n1024", "name": "是什么", "width": 531.0, "height": "fit_content", @@ -16316,7 +17669,7 @@ "children": [ { "type": "text", - "id": "n945", + "id": "n1025", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -16339,7 +17692,7 @@ }, { "type": "rectangle", - "id": "n946", + "id": "n1026", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16353,7 +17706,7 @@ }, { "type": "frame", - "id": "n947", + "id": "n1027", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16364,7 +17717,7 @@ "children": [ { "type": "frame", - "id": "n948", + "id": "n1028", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16378,7 +17731,7 @@ "children": [ { "type": "text", - "id": "n949", + "id": "n1029", "name": "open", "width": "fit_content", "height": "fit_content", @@ -16399,7 +17752,7 @@ }, { "type": "rectangle", - "id": "n950", + "id": "n1030", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16413,7 +17766,7 @@ }, { "type": "frame", - "id": "n951", + "id": "n1031", "name": "是什么", "width": 531.0, "height": "fit_content", @@ -16427,7 +17780,7 @@ "children": [ { "type": "text", - "id": "n952", + "id": "n1032", "name": "当前值", "width": "fit_content", "height": "fit_content", @@ -16450,7 +17803,7 @@ }, { "type": "rectangle", - "id": "n953", + "id": "n1033", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16464,7 +17817,7 @@ }, { "type": "frame", - "id": "n954", + "id": "n1034", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16475,7 +17828,7 @@ "children": [ { "type": "frame", - "id": "n955", + "id": "n1035", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16489,7 +17842,7 @@ "children": [ { "type": "text", - "id": "n956", + "id": "n1036", "name": "setOpen", "width": "fit_content", "height": "fit_content", @@ -16510,7 +17863,7 @@ }, { "type": "rectangle", - "id": "n957", + "id": "n1037", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16524,7 +17877,7 @@ }, { "type": "frame", - "id": "n958", + "id": "n1038", "name": "是什么", "width": 531.0, "height": "fit_content", @@ -16538,7 +17891,7 @@ "children": [ { "type": "text", - "id": "n959", + "id": "n1039", "name": "修改函数", "width": "fit_content", "height": "fit_content", @@ -16565,7 +17918,7 @@ }, { "type": "frame", - "id": "n960", + "id": "n1040", "name": "Prop / 在哪改", "width": "fill_container", "height": "fit_content", @@ -16576,7 +17929,7 @@ "children": [ { "type": "frame", - "id": "n961", + "id": "n1041", "name": "Key", "width": 100.0, "height": 20.0, @@ -16587,7 +17940,7 @@ "children": [ { "type": "text", - "id": "n962", + "id": "n1042", "name": "在哪改", "width": "fit_content", "height": "fit_content", @@ -16608,7 +17961,7 @@ }, { "type": "text", - "id": "n963", + "id": "n1043", "name": "toggle、副作用「open 变化时」", "width": "fit_content", "height": "fit_content", @@ -16624,7 +17977,7 @@ }, { "text": "副作用「open 变化时」", - "fill": "#e5c07b", + "fill": "#b180d7", "underline": true } ], @@ -16646,7 +17999,7 @@ }, { "type": "frame", - "id": "n964", + "id": "n1044", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -16657,7 +18010,7 @@ "children": [ { "type": "frame", - "id": "n965", + "id": "n1045", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -16670,7 +18023,7 @@ "children": [ { "type": "icon_font", - "id": "n966", + "id": "n1046", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -16686,7 +18039,7 @@ }, { "type": "frame", - "id": "n967", + "id": "n1047", "name": "pencil", "width": 22.0, "height": 20.0, @@ -16699,7 +18052,7 @@ "children": [ { "type": "icon_font", - "id": "n968", + "id": "n1048", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -16727,8 +18080,8 @@ }, { "type": "frame", - "id": "n969", - "name": "Lines 26–26", + "id": "n1049", + "name": "Lines 28–28", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -16738,7 +18091,7 @@ "children": [ { "type": "frame", - "id": "n970", + "id": "n1050", "name": "Code", "width": 600.0, "height": "fill_container", @@ -16754,8 +18107,8 @@ "children": [ { "type": "frame", - "id": "n971", - "name": "Line 26", + "id": "n1051", + "name": "Line 28", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -16765,7 +18118,7 @@ "children": [ { "type": "frame", - "id": "n972", + "id": "n1052", "name": "Number", "width": 44.0, "height": 20.0, @@ -16777,11 +18130,11 @@ "children": [ { "type": "text", - "id": "n973", - "name": "26", + "id": "n1053", + "name": "28", "width": "fit_content", "height": "fit_content", - "content": "26", + "content": "28", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -16798,7 +18151,7 @@ }, { "type": "frame", - "id": "n974", + "id": "n1054", "name": "Margin", "width": 41.66, "height": 20.0, @@ -16806,7 +18159,7 @@ }, { "type": "text", - "id": "n975", + "id": "n1055", "name": "const [state, dispatch] = useReducer(red", "width": "fit_content", "height": "fit_content", @@ -16910,7 +18263,7 @@ }, { "type": "rectangle", - "id": "n976", + "id": "n1056", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -16924,7 +18277,7 @@ }, { "type": "frame", - "id": "n977", + "id": "n1057", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -16940,7 +18293,7 @@ "children": [ { "type": "frame", - "id": "n978", + "id": "n1058", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -16951,7 +18304,7 @@ "children": [ { "type": "frame", - "id": "n979", + "id": "n1059", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -16962,7 +18315,7 @@ "children": [ { "type": "rectangle", - "id": "n980", + "id": "n1060", "name": "Line", "width": 1.0, "height": "fill_container", @@ -16978,7 +18331,7 @@ }, { "type": "frame", - "id": "n981", + "id": "n1061", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -16994,7 +18347,7 @@ "children": [ { "type": "frame", - "id": "n982", + "id": "n1062", "name": "钩子 / useReducer · state", "width": "fill_container", "height": "fit_content", @@ -17012,7 +18365,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -17020,14 +18373,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n983", + "id": "n1063", "name": "Fold", "width": 14.0, "height": 20.0, @@ -17040,7 +18393,7 @@ }, { "type": "frame", - "id": "n984", + "id": "n1064", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -17052,15 +18405,15 @@ "children": [ { "type": "icon_font", - "id": "n985", - "name": "toggle-right", - "iconFontName": "toggle-right", + "id": "n1065", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -17068,7 +18421,7 @@ }, { "type": "frame", - "id": "n986", + "id": "n1066", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -17078,7 +18431,7 @@ "children": [ { "type": "frame", - "id": "n987", + "id": "n1067", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -17089,7 +18442,7 @@ "children": [ { "type": "frame", - "id": "n988", + "id": "n1068", "name": "Key", "width": 100.0, "height": 20.0, @@ -17100,7 +18453,7 @@ "children": [ { "type": "text", - "id": "n989", + "id": "n1069", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -17121,7 +18474,7 @@ }, { "type": "frame", - "id": "n990", + "id": "n1070", "name": "Value", "width": "fill_container", "height": 20.0, @@ -17132,7 +18485,7 @@ "children": [ { "type": "text", - "id": "n991", + "id": "n1071", "name": "useReducer", "width": "fit_content", "height": "fit_content", @@ -17157,15 +18510,17 @@ }, { "type": "frame", - "id": "n992", + "id": "n1072", "name": "Tag / 状态", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -17173,7 +18528,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -17181,14 +18536,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "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": "n993", + "id": "n1074", "name": "状态", "width": "fit_content", "height": "fit_content", @@ -17201,7 +18570,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -17213,7 +18582,7 @@ }, { "type": "frame", - "id": "n994", + "id": "n1075", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -17224,7 +18593,7 @@ "children": [ { "type": "frame", - "id": "n995", + "id": "n1076", "name": "Key", "width": 100.0, "height": 20.0, @@ -17235,7 +18604,7 @@ "children": [ { "type": "icon_font", - "id": "n996", + "id": "n1077", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -17249,7 +18618,7 @@ }, { "type": "text", - "id": "n997", + "id": "n1078", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -17270,7 +18639,7 @@ }, { "type": "text", - "id": "n998", + "id": "n1079", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -17291,7 +18660,7 @@ }, { "type": "frame", - "id": "n999", + "id": "n1080", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -17307,7 +18676,7 @@ "children": [ { "type": "frame", - "id": "n1000", + "id": "n1081", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -17327,7 +18696,7 @@ "children": [ { "type": "frame", - "id": "n1001", + "id": "n1082", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -17338,15 +18707,15 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1002", + "id": "n1083", "name": "参数", - "width": 98.0, + "width": 114.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17358,7 +18727,7 @@ "children": [ { "type": "text", - "id": "n1003", + "id": "n1084", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -17379,7 +18748,7 @@ }, { "type": "rectangle", - "id": "n1004", + "id": "n1085", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17393,9 +18762,9 @@ }, { "type": "frame", - "id": "n1005", + "id": "n1086", "name": "值", - "width": 507.0, + "width": 491.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17407,7 +18776,7 @@ "children": [ { "type": "text", - "id": "n1006", + "id": "n1087", "name": "值", "width": "fit_content", "height": "fit_content", @@ -17430,7 +18799,7 @@ }, { "type": "rectangle", - "id": "n1007", + "id": "n1088", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17444,7 +18813,7 @@ }, { "type": "frame", - "id": "n1008", + "id": "n1089", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17455,9 +18824,9 @@ "children": [ { "type": "frame", - "id": "n1009", + "id": "n1090", "name": "参数", - "width": 98.0, + "width": 114.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17469,7 +18838,7 @@ "children": [ { "type": "text", - "id": "n1010", + "id": "n1091", "name": "reducer", "width": "fit_content", "height": "fit_content", @@ -17490,7 +18859,7 @@ }, { "type": "rectangle", - "id": "n1011", + "id": "n1092", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17504,9 +18873,9 @@ }, { "type": "frame", - "id": "n1012", + "id": "n1093", "name": "值", - "width": 507.0, + "width": 491.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17518,7 +18887,7 @@ "children": [ { "type": "text", - "id": "n1013", + "id": "n1094", "name": "reducer", "width": "fit_content", "height": "fit_content", @@ -17547,7 +18916,7 @@ }, { "type": "rectangle", - "id": "n1014", + "id": "n1095", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17561,7 +18930,7 @@ }, { "type": "frame", - "id": "n1015", + "id": "n1096", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17572,9 +18941,9 @@ "children": [ { "type": "frame", - "id": "n1016", + "id": "n1097", "name": "参数", - "width": 98.0, + "width": 114.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17586,11 +18955,11 @@ "children": [ { "type": "text", - "id": "n1017", - "name": "initialArg", + "id": "n1098", + "name": "initialState", "width": "fit_content", "height": "fit_content", - "content": "initialArg", + "content": "initialState", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -17607,7 +18976,7 @@ }, { "type": "rectangle", - "id": "n1018", + "id": "n1099", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17621,9 +18990,9 @@ }, { "type": "frame", - "id": "n1019", + "id": "n1100", "name": "值", - "width": 507.0, + "width": 491.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -17635,7 +19004,7 @@ "children": [ { "type": "text", - "id": "n1020", + "id": "n1101", "name": "{ count: 0 }", "width": "fit_content", "height": "fit_content", @@ -17683,7 +19052,7 @@ }, { "type": "frame", - "id": "n1021", + "id": "n1102", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -17694,7 +19063,7 @@ "children": [ { "type": "frame", - "id": "n1022", + "id": "n1103", "name": "Key", "width": 100.0, "height": 20.0, @@ -17705,7 +19074,7 @@ "children": [ { "type": "icon_font", - "id": "n1023", + "id": "n1104", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -17719,7 +19088,7 @@ }, { "type": "text", - "id": "n1024", + "id": "n1105", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -17740,7 +19109,7 @@ }, { "type": "text", - "id": "n1025", + "id": "n1106", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -17761,7 +19130,7 @@ }, { "type": "frame", - "id": "n1026", + "id": "n1107", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -17777,7 +19146,7 @@ "children": [ { "type": "frame", - "id": "n1027", + "id": "n1108", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -17797,7 +19166,7 @@ "children": [ { "type": "frame", - "id": "n1028", + "id": "n1109", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -17808,13 +19177,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1029", + "id": "n1110", "name": "名称", "width": 82.0, "height": "fit_content", @@ -17828,7 +19197,7 @@ "children": [ { "type": "text", - "id": "n1030", + "id": "n1111", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -17849,7 +19218,7 @@ }, { "type": "rectangle", - "id": "n1031", + "id": "n1112", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17863,7 +19232,7 @@ }, { "type": "frame", - "id": "n1032", + "id": "n1113", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -17877,7 +19246,7 @@ "children": [ { "type": "text", - "id": "n1033", + "id": "n1114", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -17900,7 +19269,7 @@ }, { "type": "rectangle", - "id": "n1034", + "id": "n1115", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -17914,7 +19283,7 @@ }, { "type": "frame", - "id": "n1035", + "id": "n1116", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -17925,7 +19294,7 @@ "children": [ { "type": "frame", - "id": "n1036", + "id": "n1117", "name": "名称", "width": 82.0, "height": "fit_content", @@ -17939,7 +19308,7 @@ "children": [ { "type": "text", - "id": "n1037", + "id": "n1118", "name": "state", "width": "fit_content", "height": "fit_content", @@ -17960,7 +19329,7 @@ }, { "type": "rectangle", - "id": "n1038", + "id": "n1119", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -17974,7 +19343,7 @@ }, { "type": "frame", - "id": "n1039", + "id": "n1120", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -17988,7 +19357,7 @@ "children": [ { "type": "text", - "id": "n1040", + "id": "n1121", "name": "当前值", "width": "fit_content", "height": "fit_content", @@ -18011,7 +19380,7 @@ }, { "type": "rectangle", - "id": "n1041", + "id": "n1122", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -18025,7 +19394,7 @@ }, { "type": "frame", - "id": "n1042", + "id": "n1123", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -18036,7 +19405,7 @@ "children": [ { "type": "frame", - "id": "n1043", + "id": "n1124", "name": "名称", "width": 82.0, "height": "fit_content", @@ -18050,7 +19419,7 @@ "children": [ { "type": "text", - "id": "n1044", + "id": "n1125", "name": "dispatch", "width": "fit_content", "height": "fit_content", @@ -18071,7 +19440,7 @@ }, { "type": "rectangle", - "id": "n1045", + "id": "n1126", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18085,7 +19454,7 @@ }, { "type": "frame", - "id": "n1046", + "id": "n1127", "name": "是什么", "width": 523.0, "height": "fit_content", @@ -18099,7 +19468,7 @@ "children": [ { "type": "text", - "id": "n1047", + "id": "n1128", "name": "派发函数", "width": "fit_content", "height": "fit_content", @@ -18126,7 +19495,7 @@ }, { "type": "frame", - "id": "n1048", + "id": "n1129", "name": "Prop / 动作", "width": "fill_container", "height": "fit_content", @@ -18137,7 +19506,7 @@ "children": [ { "type": "frame", - "id": "n1049", + "id": "n1130", "name": "Key", "width": 100.0, "height": 20.0, @@ -18148,7 +19517,7 @@ "children": [ { "type": "icon_font", - "id": "n1050", + "id": "n1131", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -18162,7 +19531,7 @@ }, { "type": "text", - "id": "n1051", + "id": "n1132", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -18185,7 +19554,7 @@ }, { "type": "frame", - "id": "n1052", + "id": "n1133", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -18201,7 +19570,7 @@ "children": [ { "type": "frame", - "id": "n1053", + "id": "n1134", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -18221,7 +19590,7 @@ "children": [ { "type": "frame", - "id": "n1054", + "id": "n1135", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -18232,13 +19601,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1055", + "id": "n1136", "name": "动作", "width": 58.0, "height": "fit_content", @@ -18252,7 +19621,7 @@ "children": [ { "type": "text", - "id": "n1056", + "id": "n1137", "name": "动作", "width": "fit_content", "height": "fit_content", @@ -18273,7 +19642,7 @@ }, { "type": "rectangle", - "id": "n1057", + "id": "n1138", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18287,7 +19656,7 @@ }, { "type": "frame", - "id": "n1058", + "id": "n1139", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -18301,7 +19670,7 @@ "children": [ { "type": "text", - "id": "n1059", + "id": "n1140", "name": "状态怎么变", "width": "fit_content", "height": "fit_content", @@ -18324,7 +19693,7 @@ }, { "type": "rectangle", - "id": "n1060", + "id": "n1141", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -18338,7 +19707,7 @@ }, { "type": "frame", - "id": "n1061", + "id": "n1142", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -18349,7 +19718,7 @@ "children": [ { "type": "frame", - "id": "n1062", + "id": "n1143", "name": "动作", "width": 58.0, "height": "fit_content", @@ -18363,7 +19732,7 @@ "children": [ { "type": "text", - "id": "n1063", + "id": "n1144", "name": "'add'", "width": "fit_content", "height": "fit_content", @@ -18384,7 +19753,7 @@ }, { "type": "rectangle", - "id": "n1064", + "id": "n1145", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18398,7 +19767,7 @@ }, { "type": "frame", - "id": "n1065", + "id": "n1146", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -18412,7 +19781,7 @@ "children": [ { "type": "text", - "id": "n1066", + "id": "n1147", "name": "count 加 1", "width": "fit_content", "height": "fit_content", @@ -18448,7 +19817,7 @@ }, { "type": "rectangle", - "id": "n1067", + "id": "n1148", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -18462,7 +19831,7 @@ }, { "type": "frame", - "id": "n1068", + "id": "n1149", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -18473,7 +19842,7 @@ "children": [ { "type": "frame", - "id": "n1069", + "id": "n1150", "name": "动作", "width": 58.0, "height": "fit_content", @@ -18487,7 +19856,7 @@ "children": [ { "type": "text", - "id": "n1070", + "id": "n1151", "name": "其他", "width": "fit_content", "height": "fit_content", @@ -18508,7 +19877,7 @@ }, { "type": "rectangle", - "id": "n1071", + "id": "n1152", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -18522,7 +19891,7 @@ }, { "type": "frame", - "id": "n1072", + "id": "n1153", "name": "状态怎么变", "width": 547.0, "height": "fit_content", @@ -18536,7 +19905,7 @@ "children": [ { "type": "text", - "id": "n1073", + "id": "n1154", "name": "不变", "width": "fit_content", "height": "fit_content", @@ -18563,7 +19932,7 @@ }, { "type": "frame", - "id": "n1074", + "id": "n1155", "name": "Prop / 在哪派发", "width": "fill_container", "height": "fit_content", @@ -18574,7 +19943,7 @@ "children": [ { "type": "frame", - "id": "n1075", + "id": "n1156", "name": "Key", "width": 100.0, "height": 20.0, @@ -18585,7 +19954,7 @@ "children": [ { "type": "text", - "id": "n1076", + "id": "n1157", "name": "在哪派发", "width": "fit_content", "height": "fit_content", @@ -18606,7 +19975,7 @@ }, { "type": "text", - "id": "n1077", + "id": "n1158", "name": "toggle（'add'）", "width": "fit_content", "height": "fit_content", @@ -18647,7 +20016,7 @@ }, { "type": "frame", - "id": "n1078", + "id": "n1159", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -18658,7 +20027,7 @@ "children": [ { "type": "frame", - "id": "n1079", + "id": "n1160", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -18671,7 +20040,7 @@ "children": [ { "type": "icon_font", - "id": "n1080", + "id": "n1161", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -18687,7 +20056,7 @@ }, { "type": "frame", - "id": "n1081", + "id": "n1162", "name": "pencil", "width": 22.0, "height": 20.0, @@ -18700,7 +20069,7 @@ "children": [ { "type": "icon_font", - "id": "n1082", + "id": "n1163", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -18728,8 +20097,8 @@ }, { "type": "frame", - "id": "n1083", - "name": "Lines 27–27", + "id": "n1164", + "name": "Lines 29–29", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -18739,7 +20108,7 @@ "children": [ { "type": "frame", - "id": "n1084", + "id": "n1165", "name": "Code", "width": 600.0, "height": "fill_container", @@ -18755,8 +20124,8 @@ "children": [ { "type": "frame", - "id": "n1085", - "name": "Line 27", + "id": "n1166", + "name": "Line 29", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -18766,7 +20135,7 @@ "children": [ { "type": "frame", - "id": "n1086", + "id": "n1167", "name": "Number", "width": 44.0, "height": 20.0, @@ -18778,11 +20147,11 @@ "children": [ { "type": "text", - "id": "n1087", - "name": "27", + "id": "n1168", + "name": "29", "width": "fit_content", "height": "fit_content", - "content": "27", + "content": "29", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -18799,7 +20168,7 @@ }, { "type": "frame", - "id": "n1088", + "id": "n1169", "name": "Margin", "width": 41.66, "height": 20.0, @@ -18807,7 +20176,7 @@ }, { "type": "text", - "id": "n1089", + "id": "n1170", "name": "const [isPending, startTransition] = use", "width": "fit_content", "height": "fit_content", @@ -18871,7 +20240,7 @@ }, { "type": "rectangle", - "id": "n1090", + "id": "n1171", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -18885,7 +20254,7 @@ }, { "type": "frame", - "id": "n1091", + "id": "n1172", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -18901,7 +20270,7 @@ "children": [ { "type": "frame", - "id": "n1092", + "id": "n1173", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -18912,7 +20281,7 @@ "children": [ { "type": "frame", - "id": "n1093", + "id": "n1174", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -18923,7 +20292,7 @@ "children": [ { "type": "rectangle", - "id": "n1094", + "id": "n1175", "name": "Line", "width": 1.0, "height": "fill_container", @@ -18939,7 +20308,7 @@ }, { "type": "frame", - "id": "n1095", + "id": "n1176", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -18955,7 +20324,7 @@ "children": [ { "type": "frame", - "id": "n1096", + "id": "n1177", "name": "钩子 / useTransition · isPending", "width": "fill_container", "height": "fit_content", @@ -18973,7 +20342,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -18981,14 +20350,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1097", + "id": "n1178", "name": "Fold", "width": 14.0, "height": 20.0, @@ -19001,7 +20370,7 @@ }, { "type": "frame", - "id": "n1098", + "id": "n1179", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -19013,15 +20382,15 @@ "children": [ { "type": "icon_font", - "id": "n1099", - "name": "hourglass", - "iconFontName": "hourglass", + "id": "n1180", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -19029,7 +20398,7 @@ }, { "type": "frame", - "id": "n1100", + "id": "n1181", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -19039,7 +20408,7 @@ "children": [ { "type": "frame", - "id": "n1101", + "id": "n1182", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -19050,7 +20419,7 @@ "children": [ { "type": "frame", - "id": "n1102", + "id": "n1183", "name": "Key", "width": 100.0, "height": 20.0, @@ -19061,7 +20430,7 @@ "children": [ { "type": "text", - "id": "n1103", + "id": "n1184", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -19082,7 +20451,7 @@ }, { "type": "frame", - "id": "n1104", + "id": "n1185", "name": "Value", "width": "fill_container", "height": 20.0, @@ -19093,7 +20462,7 @@ "children": [ { "type": "text", - "id": "n1105", + "id": "n1186", "name": "useTransition", "width": "fit_content", "height": "fit_content", @@ -19118,15 +20487,17 @@ }, { "type": "frame", - "id": "n1106", + "id": "n1187", "name": "Tag / 并发", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -19134,7 +20505,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -19142,14 +20513,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "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": "n1107", + "id": "n1189", "name": "并发", "width": "fit_content", "height": "fit_content", @@ -19162,7 +20547,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -19174,7 +20559,7 @@ }, { "type": "frame", - "id": "n1108", + "id": "n1190", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -19185,7 +20570,7 @@ "children": [ { "type": "frame", - "id": "n1109", + "id": "n1191", "name": "Key", "width": 100.0, "height": 20.0, @@ -19196,7 +20581,7 @@ "children": [ { "type": "icon_font", - "id": "n1110", + "id": "n1192", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -19210,7 +20595,7 @@ }, { "type": "text", - "id": "n1111", + "id": "n1193", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -19231,7 +20616,7 @@ }, { "type": "text", - "id": "n1112", + "id": "n1194", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -19252,7 +20637,7 @@ }, { "type": "frame", - "id": "n1113", + "id": "n1195", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -19268,7 +20653,7 @@ "children": [ { "type": "frame", - "id": "n1114", + "id": "n1196", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -19288,7 +20673,7 @@ "children": [ { "type": "frame", - "id": "n1115", + "id": "n1197", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -19299,13 +20684,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1116", + "id": "n1198", "name": "名称", "width": 137.0, "height": "fit_content", @@ -19319,7 +20704,7 @@ "children": [ { "type": "text", - "id": "n1117", + "id": "n1199", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -19340,7 +20725,7 @@ }, { "type": "rectangle", - "id": "n1118", + "id": "n1200", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19354,7 +20739,7 @@ }, { "type": "frame", - "id": "n1119", + "id": "n1201", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -19368,7 +20753,7 @@ "children": [ { "type": "text", - "id": "n1120", + "id": "n1202", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -19391,7 +20776,7 @@ }, { "type": "rectangle", - "id": "n1121", + "id": "n1203", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19405,7 +20790,7 @@ }, { "type": "frame", - "id": "n1122", + "id": "n1204", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19416,7 +20801,7 @@ "children": [ { "type": "frame", - "id": "n1123", + "id": "n1205", "name": "名称", "width": 137.0, "height": "fit_content", @@ -19430,7 +20815,7 @@ "children": [ { "type": "text", - "id": "n1124", + "id": "n1206", "name": "isPending", "width": "fit_content", "height": "fit_content", @@ -19451,7 +20836,7 @@ }, { "type": "rectangle", - "id": "n1125", + "id": "n1207", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19465,7 +20850,7 @@ }, { "type": "frame", - "id": "n1126", + "id": "n1208", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -19479,7 +20864,7 @@ "children": [ { "type": "text", - "id": "n1127", + "id": "n1209", "name": "是否正在过渡", "width": "fit_content", "height": "fit_content", @@ -19502,7 +20887,7 @@ }, { "type": "rectangle", - "id": "n1128", + "id": "n1210", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -19516,7 +20901,7 @@ }, { "type": "frame", - "id": "n1129", + "id": "n1211", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -19527,7 +20912,7 @@ "children": [ { "type": "frame", - "id": "n1130", + "id": "n1212", "name": "名称", "width": 137.0, "height": "fit_content", @@ -19541,7 +20926,7 @@ "children": [ { "type": "text", - "id": "n1131", + "id": "n1213", "name": "startTransition", "width": "fit_content", "height": "fit_content", @@ -19562,7 +20947,7 @@ }, { "type": "rectangle", - "id": "n1132", + "id": "n1214", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -19576,7 +20961,7 @@ }, { "type": "frame", - "id": "n1133", + "id": "n1215", "name": "是什么", "width": 468.0, "height": "fit_content", @@ -19590,7 +20975,7 @@ "children": [ { "type": "text", - "id": "n1134", + "id": "n1216", "name": "启动过渡的函数", "width": "fit_content", "height": "fit_content", @@ -19617,1418 +21002,6 @@ } ] }, - { - "type": "frame", - "id": "n1135", - "name": "Tools", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 2.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1136", - "name": "sparkles", - "width": 22.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "children": [ - { - "type": "icon_font", - "id": "n1137", - "name": "sparkles", - "iconFontName": "sparkles", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1138", - "name": "pencil", - "width": 22.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "children": [ - { - "type": "icon_font", - "id": "n1139", - "name": "pencil", - "iconFontName": "pencil", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1140", - "name": "Lines 28–28", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1141", - "name": "Code", - "width": 600.0, - "height": "fill_container", - "layout": "vertical", - "gap": 0.0, - "padding": [ - 8.0, - 0.0, - 0.0, - 0.0 - ], - "clipContent": true, - "children": [ - { - "type": "frame", - "id": "n1142", - "name": "Line 28", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1143", - "name": "Number", - "width": 44.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "end", - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1144", - "name": "28", - "width": "fit_content", - "height": "fit_content", - "content": "28", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#6e7681" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1145", - "name": "Margin", - "width": 41.66, - "height": 20.0, - "children": [] - }, - { - "type": "text", - "id": "n1146", - "name": "const boxRef = useRef(nu", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "const", - "fill": "#569cd6" - }, - { - "text": " ", - "fill": "#d4d4d4" - }, - { - "text": "boxRef", - "fill": "#9cdcfe" - }, - { - "text": " = ", - "fill": "#d4d4d4" - }, - { - "text": "useRef", - "fill": "#dcdcaa" - }, - { - "text": "<", - "fill": "#d4d4d4" - }, - { - "text": "HTMLDivElement", - "fill": "#4ec9b0" - }, - { - "text": ">", - "fill": "#d4d4d4" - }, - { - "text": "(", - "fill": "#da70d6" - }, - { - "text": "null", - "fill": "#569cd6" - }, - { - "text": ")", - "fill": "#da70d6" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1147", - "name": "Sash", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#2b2b2b" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1148", - "name": "Preview", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 0.0, - "padding": [ - 0.0, - 20.0, - 0.0, - 20.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1149", - "name": "Level", - "width": "fill_container", - "height": "fill_container", - "layout": "horizontal", - "gap": 8.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1150", - "name": "Guide", - "width": 12.0, - "height": "fill_container", - "layout": "vertical", - "gap": 0.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "rectangle", - "id": "n1151", - "name": "Line", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#404040" - } - ], - "children": [] - } - ] - }, - { - "type": "frame", - "id": "n1152", - "name": "Cards", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 0.0, - "padding": [ - 0.0, - 0.0, - 8.0, - 0.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1153", - "name": "钩子 / useRef · boxRef", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 10.0, - "padding": [ - 8.0, - 10.0, - 8.0, - 8.0 - ], - "alignItems": "start", - "clipContent": false, - "cornerRadius": 8.0, - "fill": [ - { - "type": "solid", - "color": "#282c2f" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#4b616d" - } - ] - }, - "children": [ - { - "type": "frame", - "id": "n1154", - "name": "Fold", - "width": 14.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "children": [] - }, - { - "type": "frame", - "id": "n1155", - "name": "Kind / 钩子", - "width": 20.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "icon_font", - "id": "n1156", - "name": "anchor", - "iconFontName": "anchor", - "width": 16.0, - "height": 16.0, - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1157", - "name": "Content", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1158", - "name": "Prop / 钩子", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1159", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1160", - "name": "钩子", - "width": "fit_content", - "height": "fit_content", - "content": "钩子", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1161", - "name": "Value", - "width": "fill_container", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1162", - "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" - } - ] - }, - { - "type": "frame", - "id": "n1163", - "name": "Tag / 引用", - "width": "fit_content", - "height": 18.0, - "layout": "horizontal", - "gap": 0.0, - "padding": [ - 0.0, - 5.0 - ], - "alignItems": "center", - "clipContent": false, - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#38454c" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#5c7b8c" - } - ] - }, - "children": [ - { - "type": "text", - "id": "n1164", - "name": "引用", - "width": "fit_content", - "height": "fit_content", - "content": "引用", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 500, - "lineHeight": 1.4545454545454546, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1165", - "name": "Prop / 类型参数", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1166", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1167", - "name": "类型参数", - "width": "fit_content", - "height": "fit_content", - "content": "类型参数", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n1168", - "name": "HTMLDivElement", - "width": "fit_content", - "height": "fit_content", - "content": "HTMLDivElement", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#4ec9b0" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1169", - "name": "Prop / 参数", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1170", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "icon_font", - "id": "n1171", - "name": "chevron-down", - "iconFontName": "chevron-down", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1172", - "name": "参数", - "width": "fit_content", - "height": "fit_content", - "content": "参数", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n1173", - "name": "1 个", - "width": "fit_content", - "height": "fit_content", - "content": "1 个", - "fontFamily": "PingFang SC", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1174", - "name": "Table wrap", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 0.0, - "padding": [ - 2.0, - 0.0, - 2.0, - 5.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1175", - "name": "Table", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 0.0, - "clipContent": true, - "cornerRadius": 4.0, - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ] - }, - "children": [ - { - "type": "frame", - "id": "n1176", - "name": "Header", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "fill": [ - { - "type": "solid", - "color": "#333739" - } - ], - "children": [ - { - "type": "frame", - "id": "n1177", - "name": "参数", - "width": 114.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1178", - "name": "参数", - "width": "fit_content", - "height": "fit_content", - "content": "参数", - "fontFamily": "PingFang SC", - "fontSize": 12.0, - "fontWeight": 400, - "lineHeight": 1.6666666666666667, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1179", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1180", - "name": "值", - "width": 491.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1181", - "name": "值", - "width": "fit_content", - "height": "fit_content", - "content": "值", - "fontFamily": "PingFang SC", - "fontSize": 12.0, - "fontWeight": 400, - "lineHeight": 1.6666666666666667, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1182", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1183", - "name": "Row", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1184", - "name": "参数", - "width": 114.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1185", - "name": "initialValue", - "width": "fit_content", - "height": "fit_content", - "content": "initialValue", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1186", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1187", - "name": "值", - "width": 491.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1188", - "name": "空", - "width": "fit_content", - "height": "fit_content", - "content": "空", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#b5cea8" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1189", - "name": "Prop / 返回", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1190", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "icon_font", - "id": "n1191", - "name": "chevron-down", - "iconFontName": "chevron-down", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n1192", - "name": "返回", - "width": "fit_content", - "height": "fit_content", - "content": "返回", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "text", - "id": "n1193", - "name": "1 个", - "width": "fit_content", - "height": "fit_content", - "content": "1 个", - "fontFamily": "PingFang SC", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1194", - "name": "Table wrap", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 0.0, - "padding": [ - 2.0, - 0.0, - 2.0, - 5.0 - ], - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1195", - "name": "Table", - "width": "fill_container", - "height": "fit_content", - "layout": "vertical", - "gap": 0.0, - "clipContent": true, - "cornerRadius": 4.0, - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ] - }, - "children": [ - { - "type": "frame", - "id": "n1196", - "name": "Header", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "fill": [ - { - "type": "solid", - "color": "#333739" - } - ], - "children": [ - { - "type": "frame", - "id": "n1197", - "name": "名称", - "width": 66.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1198", - "name": "名称", - "width": "fit_content", - "height": "fit_content", - "content": "名称", - "fontFamily": "PingFang SC", - "fontSize": 12.0, - "fontWeight": 400, - "lineHeight": 1.6666666666666667, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1199", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1200", - "name": "是什么", - "width": 539.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1201", - "name": "是什么", - "width": "fit_content", - "height": "fit_content", - "content": "是什么", - "fontFamily": "PingFang SC", - "fontSize": 12.0, - "fontWeight": 400, - "lineHeight": 1.6666666666666667, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1202", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1203", - "name": "Row", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1204", - "name": "名称", - "width": 66.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1205", - "name": "boxRef", - "width": "fit_content", - "height": "fit_content", - "content": "boxRef", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n1206", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n1207", - "name": "是什么", - "width": 539.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1208", - "name": "引用对象", - "width": "fit_content", - "height": "fit_content", - "content": "引用对象", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1209", - "name": "Prop / 指向", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1210", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1211", - "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": "n1212", - "name": "
元素", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "
", - "fill": "#808080" - }, - { - "text": " 元素", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n1213", - "name": "Prop / 用在", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n1214", - "name": "Key", - "width": 100.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n1215", - "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": "n1216", - "name": "
的 ref 属性、副作用「仅挂载时」", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "
", - "fill": "#808080" - }, - { - "text": " 的 ref 属性、", - "fill": "#cccccc" - }, - { - "text": "副作用「仅挂载时」", - "fill": "#e5c07b", - "underline": true - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - } - ] - }, { "type": "frame", "id": "n1217", @@ -21113,7 +21086,7 @@ { "type": "frame", "id": "n1222", - "name": "Lines 29–29", + "name": "Lines 30–30", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -21140,7 +21113,7 @@ { "type": "frame", "id": "n1224", - "name": "Line 29", + "name": "Line 30", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -21163,10 +21136,10 @@ { "type": "text", "id": "n1226", - "name": "29", + "name": "30", "width": "fit_content", "height": "fit_content", - "content": "29", + "content": "30", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -21192,7 +21165,7 @@ { "type": "text", "id": "n1228", - "name": "const timer = useRef()", + "name": "const boxRef = useRef(nu", "width": "fit_content", "height": "fit_content", "content": [ @@ -21205,7 +21178,7 @@ "fill": "#d4d4d4" }, { - "text": "timer", + "text": "boxRef", "fill": "#9cdcfe" }, { @@ -21221,7 +21194,7 @@ "fill": "#d4d4d4" }, { - "text": "number", + "text": "HTMLDivElement", "fill": "#4ec9b0" }, { @@ -21229,7 +21202,15 @@ "fill": "#d4d4d4" }, { - "text": "()", + "text": "(", + "fill": "#da70d6" + }, + { + "text": "null", + "fill": "#569cd6" + }, + { + "text": ")", "fill": "#da70d6" } ], @@ -21336,7 +21317,7 @@ { "type": "frame", "id": "n1235", - "name": "钩子 / useRef · timer", + "name": "钩子 / useRef · boxRef", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -21353,7 +21334,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -21361,7 +21342,7 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, @@ -21394,14 +21375,14 @@ { "type": "icon_font", "id": "n1238", - "name": "anchor", - "iconFontName": "anchor", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -21503,10 +21484,12 @@ "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -21514,7 +21497,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -21522,14 +21505,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "color": "#505658" } ] }, "children": [ { - "type": "text", + "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", @@ -21542,7 +21539,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -21554,7 +21551,7 @@ }, { "type": "frame", - "id": "n1247", + "id": "n1248", "name": "Prop / 类型参数", "width": "fill_container", "height": "fit_content", @@ -21565,7 +21562,7 @@ "children": [ { "type": "frame", - "id": "n1248", + "id": "n1249", "name": "Key", "width": 100.0, "height": 20.0, @@ -21576,7 +21573,7 @@ "children": [ { "type": "text", - "id": "n1249", + "id": "n1250", "name": "类型参数", "width": "fit_content", "height": "fit_content", @@ -21597,11 +21594,11 @@ }, { "type": "text", - "id": "n1250", - "name": "数值", + "id": "n1251", + "name": "HTMLDivElement", "width": "fit_content", "height": "fit_content", - "content": "数值", + "content": "HTMLDivElement", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -21618,7 +21615,7 @@ }, { "type": "frame", - "id": "n1251", + "id": "n1252", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -21629,7 +21626,7 @@ "children": [ { "type": "frame", - "id": "n1252", + "id": "n1253", "name": "Key", "width": 100.0, "height": 20.0, @@ -21640,7 +21637,7 @@ "children": [ { "type": "icon_font", - "id": "n1253", + "id": "n1254", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -21654,7 +21651,7 @@ }, { "type": "text", - "id": "n1254", + "id": "n1255", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -21675,7 +21672,7 @@ }, { "type": "text", - "id": "n1255", + "id": "n1256", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -21696,7 +21693,7 @@ }, { "type": "frame", - "id": "n1256", + "id": "n1257", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -21712,7 +21709,7 @@ "children": [ { "type": "frame", - "id": "n1257", + "id": "n1258", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -21732,7 +21729,7 @@ "children": [ { "type": "frame", - "id": "n1258", + "id": "n1259", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -21743,13 +21740,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1259", + "id": "n1260", "name": "参数", "width": 114.0, "height": "fit_content", @@ -21763,7 +21760,7 @@ "children": [ { "type": "text", - "id": "n1260", + "id": "n1261", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -21784,7 +21781,7 @@ }, { "type": "rectangle", - "id": "n1261", + "id": "n1262", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -21798,7 +21795,7 @@ }, { "type": "frame", - "id": "n1262", + "id": "n1263", "name": "值", "width": 491.0, "height": "fit_content", @@ -21812,7 +21809,7 @@ "children": [ { "type": "text", - "id": "n1263", + "id": "n1264", "name": "值", "width": "fit_content", "height": "fit_content", @@ -21835,7 +21832,7 @@ }, { "type": "rectangle", - "id": "n1264", + "id": "n1265", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -21849,7 +21846,7 @@ }, { "type": "frame", - "id": "n1265", + "id": "n1266", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -21860,7 +21857,7 @@ "children": [ { "type": "frame", - "id": "n1266", + "id": "n1267", "name": "参数", "width": 114.0, "height": "fit_content", @@ -21874,7 +21871,7 @@ "children": [ { "type": "text", - "id": "n1267", + "id": "n1268", "name": "initialValue", "width": "fit_content", "height": "fit_content", @@ -21895,7 +21892,7 @@ }, { "type": "rectangle", - "id": "n1268", + "id": "n1269", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -21909,7 +21906,7 @@ }, { "type": "frame", - "id": "n1269", + "id": "n1270", "name": "值", "width": 491.0, "height": "fit_content", @@ -21923,7 +21920,1427 @@ "children": [ { "type": "text", - "id": "n1270", + "id": "n1271", + "name": "空", + "width": "fit_content", + "height": "fit_content", + "content": "空", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#b5cea8" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1272", + "name": "Prop / 返回", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1273", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1274", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1275", + "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": "n1276", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1277", + "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": "n1278", + "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": "n1279", + "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": "n1280", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1281", + "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": "n1282", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1283", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1284", + "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": "n1285", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1286", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1287", + "name": "名称", + "width": 66.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1288", + "name": "boxRef", + "width": "fit_content", + "height": "fit_content", + "content": "boxRef", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1289", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1290", + "name": "是什么", + "width": 539.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1291", + "name": "引用对象", + "width": "fit_content", + "height": "fit_content", + "content": "引用对象", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1292", + "name": "Prop / 指向", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1293", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1294", + "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": "n1295", + "name": "
元素", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "
", + "fill": "#808080" + }, + { + "text": " 元素", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1296", + "name": "Prop / 用在", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1297", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1298", + "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": "n1299", + "name": "
的 ref 属性、副作用「仅挂载时」", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "
", + "fill": "#808080" + }, + { + "text": " 的 ref 属性、", + "fill": "#cccccc" + }, + { + "text": "副作用「仅挂载时」", + "fill": "#b180d7", + "underline": true + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1300", + "name": "Tools", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 2.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1301", + "name": "sparkles", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n1302", + "name": "sparkles", + "iconFontName": "sparkles", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1303", + "name": "pencil", + "width": 22.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 4.0, + "children": [ + { + "type": "icon_font", + "id": "n1304", + "name": "pencil", + "iconFontName": "pencil", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1305", + "name": "Lines 31–31", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1306", + "name": "Code", + "width": 600.0, + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 8.0, + 0.0, + 0.0, + 0.0 + ], + "clipContent": true, + "children": [ + { + "type": "frame", + "id": "n1307", + "name": "Line 31", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1308", + "name": "Number", + "width": 44.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "end", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1309", + "name": "31", + "width": "fit_content", + "height": "fit_content", + "content": "31", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#6e7681" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1310", + "name": "Margin", + "width": 41.66, + "height": 20.0, + "children": [] + }, + { + "type": "text", + "id": "n1311", + "name": "const timer = useRef()", + "width": "fit_content", + "height": "fit_content", + "content": [ + { + "text": "const", + "fill": "#569cd6" + }, + { + "text": " ", + "fill": "#d4d4d4" + }, + { + "text": "timer", + "fill": "#9cdcfe" + }, + { + "text": " = ", + "fill": "#d4d4d4" + }, + { + "text": "useRef", + "fill": "#dcdcaa" + }, + { + "text": "<", + "fill": "#d4d4d4" + }, + { + "text": "number", + "fill": "#4ec9b0" + }, + { + "text": ">", + "fill": "#d4d4d4" + }, + { + "text": "()", + "fill": "#da70d6" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1312", + "name": "Sash", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#2b2b2b" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1313", + "name": "Preview", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 20.0, + 0.0, + 20.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1314", + "name": "Level", + "width": "fill_container", + "height": "fill_container", + "layout": "horizontal", + "gap": 8.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1315", + "name": "Guide", + "width": 12.0, + "height": "fill_container", + "layout": "vertical", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "rectangle", + "id": "n1316", + "name": "Line", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#404040" + } + ], + "children": [] + } + ] + }, + { + "type": "frame", + "id": "n1317", + "name": "Cards", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 0.0, + "padding": [ + 0.0, + 0.0, + 8.0, + 0.0 + ], + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1318", + "name": "钩子 / useRef · timer", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 10.0, + "padding": [ + 8.0, + 10.0, + 8.0, + 8.0 + ], + "alignItems": "start", + "clipContent": false, + "cornerRadius": 8.0, + "fill": [ + { + "type": "solid", + "color": "#242c2e" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#52415f" + } + ] + }, + "children": [ + { + "type": "frame", + "id": "n1319", + "name": "Fold", + "width": 14.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [] + }, + { + "type": "frame", + "id": "n1320", + "name": "Kind / 钩子", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1321", + "name": "fishing-hook", + "iconFontName": "fishing-hook", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#b180d7" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1322", + "name": "Content", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1323", + "name": "Prop / 钩子", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1324", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1325", + "name": "钩子", + "width": "fit_content", + "height": "fit_content", + "content": "钩子", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1326", + "name": "Value", + "width": "fill_container", + "height": 20.0, + "layout": "horizontal", + "gap": 6.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "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" + } + ] + }, + { + "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": "frame", + "id": "n1331", + "name": "Prop / 类型参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1332", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1333", + "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": "n1334", + "name": "数值", + "width": "fit_content", + "height": "fit_content", + "content": "数值", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#4ec9b0" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1335", + "name": "Prop / 参数", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1336", + "name": "Key", + "width": 100.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n1337", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + }, + { + "type": "text", + "id": "n1338", + "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": "n1339", + "name": "1 个", + "width": "fit_content", + "height": "fit_content", + "content": "1 个", + "fontFamily": "PingFang SC", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n1340", + "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": "n1341", + "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": "n1342", + "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": "n1343", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1344", + "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": "n1345", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1346", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1347", + "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": "n1348", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1349", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n1350", + "name": "参数", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1351", + "name": "initialValue", + "width": "fit_content", + "height": "fit_content", + "content": "initialValue", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n1352", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n1353", + "name": "值", + "width": 491.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n1354", "name": "没写，未定义", "width": "fit_content", "height": "fit_content", @@ -21959,7 +23376,7 @@ }, { "type": "frame", - "id": "n1271", + "id": "n1355", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -21970,7 +23387,7 @@ "children": [ { "type": "frame", - "id": "n1272", + "id": "n1356", "name": "Key", "width": 100.0, "height": 20.0, @@ -21981,7 +23398,7 @@ "children": [ { "type": "icon_font", - "id": "n1273", + "id": "n1357", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -21995,7 +23412,7 @@ }, { "type": "text", - "id": "n1274", + "id": "n1358", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -22016,7 +23433,7 @@ }, { "type": "text", - "id": "n1275", + "id": "n1359", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -22037,7 +23454,7 @@ }, { "type": "frame", - "id": "n1276", + "id": "n1360", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -22053,7 +23470,7 @@ "children": [ { "type": "frame", - "id": "n1277", + "id": "n1361", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -22073,7 +23490,7 @@ "children": [ { "type": "frame", - "id": "n1278", + "id": "n1362", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -22084,13 +23501,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1279", + "id": "n1363", "name": "名称", "width": 58.0, "height": "fit_content", @@ -22104,7 +23521,7 @@ "children": [ { "type": "text", - "id": "n1280", + "id": "n1364", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -22125,7 +23542,7 @@ }, { "type": "rectangle", - "id": "n1281", + "id": "n1365", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -22139,7 +23556,7 @@ }, { "type": "frame", - "id": "n1282", + "id": "n1366", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -22153,7 +23570,7 @@ "children": [ { "type": "text", - "id": "n1283", + "id": "n1367", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -22176,7 +23593,7 @@ }, { "type": "rectangle", - "id": "n1284", + "id": "n1368", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -22190,7 +23607,7 @@ }, { "type": "frame", - "id": "n1285", + "id": "n1369", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -22201,7 +23618,7 @@ "children": [ { "type": "frame", - "id": "n1286", + "id": "n1370", "name": "名称", "width": 58.0, "height": "fit_content", @@ -22215,7 +23632,7 @@ "children": [ { "type": "text", - "id": "n1287", + "id": "n1371", "name": "timer", "width": "fit_content", "height": "fit_content", @@ -22236,7 +23653,7 @@ }, { "type": "rectangle", - "id": "n1288", + "id": "n1372", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -22250,7 +23667,7 @@ }, { "type": "frame", - "id": "n1289", + "id": "n1373", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -22264,7 +23681,7 @@ "children": [ { "type": "text", - "id": "n1290", + "id": "n1374", "name": "引用对象", "width": "fit_content", "height": "fit_content", @@ -22291,7 +23708,7 @@ }, { "type": "frame", - "id": "n1291", + "id": "n1375", "name": "Prop / 写入", "width": "fill_container", "height": "fit_content", @@ -22302,7 +23719,7 @@ "children": [ { "type": "frame", - "id": "n1292", + "id": "n1376", "name": "Key", "width": 100.0, "height": 20.0, @@ -22313,7 +23730,7 @@ "children": [ { "type": "text", - "id": "n1293", + "id": "n1377", "name": "写入", "width": "fit_content", "height": "fit_content", @@ -22334,14 +23751,14 @@ }, { "type": "text", - "id": "n1294", + "id": "n1378", "name": "副作用「open 变化时」", "width": "fit_content", "height": "fit_content", "content": [ { "text": "副作用「open 变化时」", - "fill": "#e5c07b", + "fill": "#b180d7", "underline": true } ], @@ -22361,7 +23778,7 @@ }, { "type": "frame", - "id": "n1295", + "id": "n1379", "name": "Prop / 读取", "width": "fill_container", "height": "fit_content", @@ -22372,7 +23789,7 @@ "children": [ { "type": "frame", - "id": "n1296", + "id": "n1380", "name": "Key", "width": 100.0, "height": 20.0, @@ -22383,7 +23800,7 @@ "children": [ { "type": "text", - "id": "n1297", + "id": "n1381", "name": "读取", "width": "fit_content", "height": "fit_content", @@ -22404,14 +23821,14 @@ }, { "type": "text", - "id": "n1298", + "id": "n1382", "name": "副作用「open 变化时」 的清理函数", "width": "fit_content", "height": "fit_content", "content": [ { "text": "副作用「open 变化时」", - "fill": "#e5c07b", + "fill": "#b180d7", "underline": true }, { @@ -22437,7 +23854,7 @@ }, { "type": "frame", - "id": "n1299", + "id": "n1383", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -22448,7 +23865,7 @@ "children": [ { "type": "frame", - "id": "n1300", + "id": "n1384", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -22461,7 +23878,7 @@ "children": [ { "type": "icon_font", - "id": "n1301", + "id": "n1385", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -22477,7 +23894,7 @@ }, { "type": "frame", - "id": "n1302", + "id": "n1386", "name": "pencil", "width": 22.0, "height": 20.0, @@ -22490,7 +23907,7 @@ "children": [ { "type": "icon_font", - "id": "n1303", + "id": "n1387", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -22518,8 +23935,8 @@ }, { "type": "frame", - "id": "n1304", - "name": "Lines 30–33", + "id": "n1388", + "name": "Lines 32–35", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -22529,7 +23946,7 @@ "children": [ { "type": "frame", - "id": "n1305", + "id": "n1389", "name": "Code", "width": 600.0, "height": "fill_container", @@ -22545,8 +23962,8 @@ "children": [ { "type": "frame", - "id": "n1306", - "name": "Line 30", + "id": "n1390", + "name": "Line 32", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -22556,7 +23973,7 @@ "children": [ { "type": "frame", - "id": "n1307", + "id": "n1391", "name": "Number", "width": 44.0, "height": 20.0, @@ -22568,11 +23985,11 @@ "children": [ { "type": "text", - "id": "n1308", - "name": "30", + "id": "n1392", + "name": "32", "width": "fit_content", "height": "fit_content", - "content": "30", + "content": "32", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -22589,7 +24006,7 @@ }, { "type": "frame", - "id": "n1309", + "id": "n1393", "name": "Margin", "width": 41.66, "height": 20.0, @@ -22597,7 +24014,7 @@ }, { "type": "text", - "id": "n1310", + "id": "n1394", "name": "const total = useMemo(() => {", "width": "fit_content", "height": "fit_content", @@ -22663,8 +24080,8 @@ }, { "type": "frame", - "id": "n1311", - "name": "Line 31", + "id": "n1395", + "name": "Line 33", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -22674,7 +24091,7 @@ "children": [ { "type": "frame", - "id": "n1312", + "id": "n1396", "name": "Number", "width": 44.0, "height": 20.0, @@ -22686,11 +24103,11 @@ "children": [ { "type": "text", - "id": "n1313", - "name": "31", + "id": "n1397", + "name": "33", "width": "fit_content", "height": "fit_content", - "content": "31", + "content": "33", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -22707,7 +24124,7 @@ }, { "type": "frame", - "id": "n1314", + "id": "n1398", "name": "Margin", "width": 57.32, "height": 20.0, @@ -22715,7 +24132,7 @@ }, { "type": "text", - "id": "n1315", + "id": "n1399", "name": "const sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -22765,8 +24182,8 @@ }, { "type": "frame", - "id": "n1316", - "name": "Line 32", + "id": "n1400", + "name": "Line 34", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -22776,7 +24193,7 @@ "children": [ { "type": "frame", - "id": "n1317", + "id": "n1401", "name": "Number", "width": 44.0, "height": 20.0, @@ -22788,11 +24205,11 @@ "children": [ { "type": "text", - "id": "n1318", - "name": "32", + "id": "n1402", + "name": "34", "width": "fit_content", "height": "fit_content", - "content": "32", + "content": "34", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -22809,7 +24226,7 @@ }, { "type": "frame", - "id": "n1319", + "id": "n1403", "name": "Margin", "width": 57.32, "height": 20.0, @@ -22817,7 +24234,7 @@ }, { "type": "text", - "id": "n1320", + "id": "n1404", "name": "return sum * 2", "width": "fit_content", "height": "fit_content", @@ -22859,8 +24276,8 @@ }, { "type": "frame", - "id": "n1321", - "name": "Line 33", + "id": "n1405", + "name": "Line 35", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -22870,7 +24287,7 @@ "children": [ { "type": "frame", - "id": "n1322", + "id": "n1406", "name": "Number", "width": 44.0, "height": 20.0, @@ -22882,11 +24299,11 @@ "children": [ { "type": "text", - "id": "n1323", - "name": "33", + "id": "n1407", + "name": "35", "width": "fit_content", "height": "fit_content", - "content": "33", + "content": "35", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -22903,7 +24320,7 @@ }, { "type": "frame", - "id": "n1324", + "id": "n1408", "name": "Margin", "width": 41.66, "height": 20.0, @@ -22911,7 +24328,7 @@ }, { "type": "text", - "id": "n1325", + "id": "n1409", "name": "}, [messages])", "width": "fit_content", "height": "fit_content", @@ -22959,7 +24376,7 @@ }, { "type": "rectangle", - "id": "n1326", + "id": "n1410", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -22973,7 +24390,7 @@ }, { "type": "frame", - "id": "n1327", + "id": "n1411", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -22989,7 +24406,7 @@ "children": [ { "type": "frame", - "id": "n1328", + "id": "n1412", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -23000,7 +24417,7 @@ "children": [ { "type": "frame", - "id": "n1329", + "id": "n1413", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -23011,7 +24428,7 @@ "children": [ { "type": "rectangle", - "id": "n1330", + "id": "n1414", "name": "Line", "width": 1.0, "height": "fill_container", @@ -23027,7 +24444,7 @@ }, { "type": "frame", - "id": "n1331", + "id": "n1415", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -23043,7 +24460,7 @@ "children": [ { "type": "frame", - "id": "n1332", + "id": "n1416", "name": "钩子 / useMemo · total", "width": "fill_container", "height": "fit_content", @@ -23061,7 +24478,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -23069,14 +24486,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1333", + "id": "n1417", "name": "Fold", "width": 14.0, "height": 20.0, @@ -23088,7 +24505,7 @@ "children": [ { "type": "icon_font", - "id": "n1334", + "id": "n1418", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -23104,7 +24521,7 @@ }, { "type": "frame", - "id": "n1335", + "id": "n1419", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -23116,15 +24533,15 @@ "children": [ { "type": "icon_font", - "id": "n1336", - "name": "sigma", - "iconFontName": "sigma", + "id": "n1420", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -23132,7 +24549,7 @@ }, { "type": "frame", - "id": "n1337", + "id": "n1421", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -23142,7 +24559,7 @@ "children": [ { "type": "frame", - "id": "n1338", + "id": "n1422", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -23153,7 +24570,7 @@ "children": [ { "type": "frame", - "id": "n1339", + "id": "n1423", "name": "Key", "width": 100.0, "height": 20.0, @@ -23164,7 +24581,7 @@ "children": [ { "type": "text", - "id": "n1340", + "id": "n1424", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -23185,7 +24602,7 @@ }, { "type": "frame", - "id": "n1341", + "id": "n1425", "name": "Value", "width": "fill_container", "height": 20.0, @@ -23196,7 +24613,7 @@ "children": [ { "type": "text", - "id": "n1342", + "id": "n1426", "name": "useMemo", "width": "fit_content", "height": "fit_content", @@ -23221,15 +24638,17 @@ }, { "type": "frame", - "id": "n1343", + "id": "n1427", "name": "Tag / 性能", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -23237,7 +24656,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -23245,14 +24664,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "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": "n1344", + "id": "n1429", "name": "性能", "width": "fit_content", "height": "fit_content", @@ -23265,7 +24698,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -23277,7 +24710,7 @@ }, { "type": "frame", - "id": "n1345", + "id": "n1430", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -23288,7 +24721,7 @@ "children": [ { "type": "frame", - "id": "n1346", + "id": "n1431", "name": "Key", "width": 100.0, "height": 20.0, @@ -23299,7 +24732,7 @@ "children": [ { "type": "icon_font", - "id": "n1347", + "id": "n1432", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -23313,7 +24746,7 @@ }, { "type": "text", - "id": "n1348", + "id": "n1433", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -23334,7 +24767,7 @@ }, { "type": "text", - "id": "n1349", + "id": "n1434", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -23355,7 +24788,7 @@ }, { "type": "frame", - "id": "n1350", + "id": "n1435", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -23371,7 +24804,7 @@ "children": [ { "type": "frame", - "id": "n1351", + "id": "n1436", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -23391,7 +24824,7 @@ "children": [ { "type": "frame", - "id": "n1352", + "id": "n1437", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -23402,13 +24835,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1353", + "id": "n1438", "name": "参数", "width": 74.0, "height": "fit_content", @@ -23422,7 +24855,7 @@ "children": [ { "type": "text", - "id": "n1354", + "id": "n1439", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -23443,7 +24876,7 @@ }, { "type": "rectangle", - "id": "n1355", + "id": "n1440", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23457,7 +24890,7 @@ }, { "type": "frame", - "id": "n1356", + "id": "n1441", "name": "值", "width": 531.0, "height": "fit_content", @@ -23471,7 +24904,7 @@ "children": [ { "type": "text", - "id": "n1357", + "id": "n1442", "name": "值", "width": "fit_content", "height": "fit_content", @@ -23494,7 +24927,7 @@ }, { "type": "rectangle", - "id": "n1358", + "id": "n1443", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -23508,7 +24941,7 @@ }, { "type": "frame", - "id": "n1359", + "id": "n1444", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -23519,7 +24952,7 @@ "children": [ { "type": "frame", - "id": "n1360", + "id": "n1445", "name": "参数", "width": 74.0, "height": "fit_content", @@ -23533,7 +24966,7 @@ "children": [ { "type": "text", - "id": "n1361", + "id": "n1446", "name": "factory", "width": "fit_content", "height": "fit_content", @@ -23554,7 +24987,7 @@ }, { "type": "rectangle", - "id": "n1362", + "id": "n1447", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23568,7 +25001,7 @@ }, { "type": "frame", - "id": "n1363", + "id": "n1448", "name": "值", "width": 531.0, "height": "fit_content", @@ -23582,7 +25015,7 @@ "children": [ { "type": "frame", - "id": "n1364", + "id": "n1449", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -23615,7 +25048,7 @@ "children": [ { "type": "icon_font", - "id": "n1365", + "id": "n1450", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -23629,7 +25062,7 @@ }, { "type": "text", - "id": "n1366", + "id": "n1451", "name": "函数 · 2 句", "width": "fit_content", "height": "fit_content", @@ -23663,7 +25096,7 @@ }, { "type": "rectangle", - "id": "n1367", + "id": "n1452", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -23677,7 +25110,7 @@ }, { "type": "frame", - "id": "n1368", + "id": "n1453", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -23688,7 +25121,7 @@ "children": [ { "type": "frame", - "id": "n1369", + "id": "n1454", "name": "参数", "width": 74.0, "height": "fit_content", @@ -23702,7 +25135,7 @@ "children": [ { "type": "text", - "id": "n1370", + "id": "n1455", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -23723,7 +25156,7 @@ }, { "type": "rectangle", - "id": "n1371", + "id": "n1456", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23737,7 +25170,7 @@ }, { "type": "frame", - "id": "n1372", + "id": "n1457", "name": "值", "width": 531.0, "height": "fit_content", @@ -23751,7 +25184,7 @@ "children": [ { "type": "text", - "id": "n1373", + "id": "n1458", "name": "messages 变化时", "width": "fit_content", "height": "fit_content", @@ -23787,7 +25220,7 @@ }, { "type": "frame", - "id": "n1374", + "id": "n1459", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -23798,7 +25231,7 @@ "children": [ { "type": "frame", - "id": "n1375", + "id": "n1460", "name": "Key", "width": 100.0, "height": 20.0, @@ -23809,7 +25242,7 @@ "children": [ { "type": "icon_font", - "id": "n1376", + "id": "n1461", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -23823,7 +25256,7 @@ }, { "type": "text", - "id": "n1377", + "id": "n1462", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -23844,7 +25277,7 @@ }, { "type": "text", - "id": "n1378", + "id": "n1463", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -23865,7 +25298,7 @@ }, { "type": "frame", - "id": "n1379", + "id": "n1464", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -23881,7 +25314,7 @@ "children": [ { "type": "frame", - "id": "n1380", + "id": "n1465", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -23901,7 +25334,7 @@ "children": [ { "type": "frame", - "id": "n1381", + "id": "n1466", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -23912,13 +25345,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1382", + "id": "n1467", "name": "名称", "width": 58.0, "height": "fit_content", @@ -23932,7 +25365,7 @@ "children": [ { "type": "text", - "id": "n1383", + "id": "n1468", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -23953,7 +25386,7 @@ }, { "type": "rectangle", - "id": "n1384", + "id": "n1469", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -23967,7 +25400,7 @@ }, { "type": "frame", - "id": "n1385", + "id": "n1470", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -23981,7 +25414,7 @@ "children": [ { "type": "text", - "id": "n1386", + "id": "n1471", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -24004,7 +25437,7 @@ }, { "type": "rectangle", - "id": "n1387", + "id": "n1472", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -24018,7 +25451,7 @@ }, { "type": "frame", - "id": "n1388", + "id": "n1473", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -24029,7 +25462,7 @@ "children": [ { "type": "frame", - "id": "n1389", + "id": "n1474", "name": "名称", "width": 58.0, "height": "fit_content", @@ -24043,7 +25476,7 @@ "children": [ { "type": "text", - "id": "n1390", + "id": "n1475", "name": "total", "width": "fit_content", "height": "fit_content", @@ -24064,7 +25497,7 @@ }, { "type": "rectangle", - "id": "n1391", + "id": "n1476", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -24078,7 +25511,7 @@ }, { "type": "frame", - "id": "n1392", + "id": "n1477", "name": "是什么", "width": 547.0, "height": "fit_content", @@ -24092,7 +25525,7 @@ "children": [ { "type": "text", - "id": "n1393", + "id": "n1478", "name": "算出的值", "width": "fit_content", "height": "fit_content", @@ -24119,7 +25552,7 @@ }, { "type": "frame", - "id": "n1394", + "id": "n1479", "name": "Prop / 算出", "width": "fill_container", "height": "fit_content", @@ -24130,7 +25563,7 @@ "children": [ { "type": "frame", - "id": "n1395", + "id": "n1480", "name": "Key", "width": 100.0, "height": 20.0, @@ -24141,7 +25574,7 @@ "children": [ { "type": "text", - "id": "n1396", + "id": "n1481", "name": "算出", "width": "fit_content", "height": "fit_content", @@ -24162,7 +25595,7 @@ }, { "type": "frame", - "id": "n1397", + "id": "n1482", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -24172,7 +25605,7 @@ "children": [ { "type": "text", - "id": "n1398", + "id": "n1483", "name": "sum * 2", "width": "fit_content", "height": "fit_content", @@ -24204,7 +25637,7 @@ }, { "type": "text", - "id": "n1399", + "id": "n1484", "name": "其中 sum = messages.length", "width": "fit_content", "height": "fit_content", @@ -24229,7 +25662,7 @@ }, { "type": "frame", - "id": "n1400", + "id": "n1485", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -24240,7 +25673,7 @@ "children": [ { "type": "frame", - "id": "n1401", + "id": "n1486", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -24253,7 +25686,7 @@ "children": [ { "type": "icon_font", - "id": "n1402", + "id": "n1487", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -24269,7 +25702,7 @@ }, { "type": "frame", - "id": "n1403", + "id": "n1488", "name": "pencil", "width": 22.0, "height": 20.0, @@ -24282,7 +25715,7 @@ "children": [ { "type": "icon_font", - "id": "n1404", + "id": "n1489", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -24310,8 +25743,8 @@ }, { "type": "frame", - "id": "n1405", - "name": "Lines 34–37", + "id": "n1490", + "name": "Lines 36–39", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -24321,7 +25754,7 @@ "children": [ { "type": "frame", - "id": "n1406", + "id": "n1491", "name": "Code", "width": 600.0, "height": "fill_container", @@ -24337,8 +25770,8 @@ "children": [ { "type": "frame", - "id": "n1407", - "name": "Line 34", + "id": "n1492", + "name": "Line 36", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -24348,7 +25781,7 @@ "children": [ { "type": "frame", - "id": "n1408", + "id": "n1493", "name": "Number", "width": 44.0, "height": 20.0, @@ -24360,11 +25793,11 @@ "children": [ { "type": "text", - "id": "n1409", - "name": "34", + "id": "n1494", + "name": "36", "width": "fit_content", "height": "fit_content", - "content": "34", + "content": "36", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -24381,7 +25814,7 @@ }, { "type": "frame", - "id": "n1410", + "id": "n1495", "name": "Margin", "width": 41.66, "height": 20.0, @@ -24389,7 +25822,7 @@ }, { "type": "text", - "id": "n1411", + "id": "n1496", "name": "const toggle = useCallback((next: boolea", "width": "fit_content", "height": "fit_content", @@ -24471,8 +25904,8 @@ }, { "type": "frame", - "id": "n1412", - "name": "Line 35", + "id": "n1497", + "name": "Line 37", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -24482,7 +25915,7 @@ "children": [ { "type": "frame", - "id": "n1413", + "id": "n1498", "name": "Number", "width": 44.0, "height": 20.0, @@ -24494,11 +25927,11 @@ "children": [ { "type": "text", - "id": "n1414", - "name": "35", + "id": "n1499", + "name": "37", "width": "fit_content", "height": "fit_content", - "content": "35", + "content": "37", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -24515,7 +25948,7 @@ }, { "type": "frame", - "id": "n1415", + "id": "n1500", "name": "Margin", "width": 57.32, "height": 20.0, @@ -24523,7 +25956,7 @@ }, { "type": "text", - "id": "n1416", + "id": "n1501", "name": "setOpen(next)", "width": "fit_content", "height": "fit_content", @@ -24561,8 +25994,8 @@ }, { "type": "frame", - "id": "n1417", - "name": "Line 36", + "id": "n1502", + "name": "Line 38", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -24572,7 +26005,7 @@ "children": [ { "type": "frame", - "id": "n1418", + "id": "n1503", "name": "Number", "width": 44.0, "height": 20.0, @@ -24584,11 +26017,11 @@ "children": [ { "type": "text", - "id": "n1419", - "name": "36", + "id": "n1504", + "name": "38", "width": "fit_content", "height": "fit_content", - "content": "36", + "content": "38", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -24605,7 +26038,7 @@ }, { "type": "frame", - "id": "n1420", + "id": "n1505", "name": "Margin", "width": 57.32, "height": 20.0, @@ -24613,7 +26046,7 @@ }, { "type": "text", - "id": "n1421", + "id": "n1506", "name": "dispatch({ type: 'add' })", "width": "fit_content", "height": "fit_content", @@ -24675,8 +26108,8 @@ }, { "type": "frame", - "id": "n1422", - "name": "Line 37", + "id": "n1507", + "name": "Line 39", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -24686,7 +26119,7 @@ "children": [ { "type": "frame", - "id": "n1423", + "id": "n1508", "name": "Number", "width": 44.0, "height": 20.0, @@ -24698,11 +26131,11 @@ "children": [ { "type": "text", - "id": "n1424", - "name": "37", + "id": "n1509", + "name": "39", "width": "fit_content", "height": "fit_content", - "content": "37", + "content": "39", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -24719,7 +26152,7 @@ }, { "type": "frame", - "id": "n1425", + "id": "n1510", "name": "Margin", "width": 41.66, "height": 20.0, @@ -24727,7 +26160,7 @@ }, { "type": "text", - "id": "n1426", + "id": "n1511", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -24767,7 +26200,7 @@ }, { "type": "rectangle", - "id": "n1427", + "id": "n1512", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -24781,7 +26214,7 @@ }, { "type": "frame", - "id": "n1428", + "id": "n1513", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -24797,7 +26230,7 @@ "children": [ { "type": "frame", - "id": "n1429", + "id": "n1514", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -24808,7 +26241,7 @@ "children": [ { "type": "frame", - "id": "n1430", + "id": "n1515", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -24819,7 +26252,7 @@ "children": [ { "type": "rectangle", - "id": "n1431", + "id": "n1516", "name": "Line", "width": 1.0, "height": "fill_container", @@ -24835,7 +26268,7 @@ }, { "type": "frame", - "id": "n1432", + "id": "n1517", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -24851,7 +26284,7 @@ "children": [ { "type": "frame", - "id": "n1433", + "id": "n1518", "name": "钩子 / useCallback · toggle", "width": "fill_container", "height": "fit_content", @@ -24869,7 +26302,7 @@ "fill": [ { "type": "solid", - "color": "#282c2f" + "color": "#242c2e" } ], "stroke": { @@ -24877,14 +26310,14 @@ "fill": [ { "type": "solid", - "color": "#4b616d" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1434", + "id": "n1519", "name": "Fold", "width": 14.0, "height": 20.0, @@ -24896,7 +26329,7 @@ "children": [ { "type": "icon_font", - "id": "n1435", + "id": "n1520", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -24912,7 +26345,7 @@ }, { "type": "frame", - "id": "n1436", + "id": "n1521", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -24924,15 +26357,15 @@ "children": [ { "type": "icon_font", - "id": "n1437", - "name": "sigma", - "iconFontName": "sigma", + "id": "n1522", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#b180d7" } ] } @@ -24940,7 +26373,7 @@ }, { "type": "frame", - "id": "n1438", + "id": "n1523", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -24950,7 +26383,7 @@ "children": [ { "type": "frame", - "id": "n1439", + "id": "n1524", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -24961,7 +26394,7 @@ "children": [ { "type": "frame", - "id": "n1440", + "id": "n1525", "name": "Key", "width": 100.0, "height": 20.0, @@ -24972,7 +26405,7 @@ "children": [ { "type": "text", - "id": "n1441", + "id": "n1526", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -24993,7 +26426,7 @@ }, { "type": "frame", - "id": "n1442", + "id": "n1527", "name": "Value", "width": "fill_container", "height": 20.0, @@ -25004,7 +26437,7 @@ "children": [ { "type": "text", - "id": "n1443", + "id": "n1528", "name": "useCallback", "width": "fit_content", "height": "fit_content", @@ -25029,15 +26462,17 @@ }, { "type": "frame", - "id": "n1444", + "id": "n1529", "name": "Tag / 性能", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -25045,7 +26480,7 @@ "fill": [ { "type": "solid", - "color": "#38454c" + "color": "#31393b" } ], "stroke": { @@ -25053,14 +26488,28 @@ "fill": [ { "type": "solid", - "color": "#5c7b8c" + "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": "n1445", + "id": "n1531", "name": "性能", "width": "fit_content", "height": "fit_content", @@ -25073,7 +26522,7 @@ "fill": [ { "type": "solid", - "color": "#9cdcfe" + "color": "#9d9d9d" } ] } @@ -25085,7 +26534,7 @@ }, { "type": "frame", - "id": "n1446", + "id": "n1532", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -25096,7 +26545,7 @@ "children": [ { "type": "frame", - "id": "n1447", + "id": "n1533", "name": "Key", "width": 100.0, "height": 20.0, @@ -25107,7 +26556,7 @@ "children": [ { "type": "icon_font", - "id": "n1448", + "id": "n1534", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -25121,7 +26570,7 @@ }, { "type": "text", - "id": "n1449", + "id": "n1535", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -25142,7 +26591,7 @@ }, { "type": "text", - "id": "n1450", + "id": "n1536", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -25163,7 +26612,7 @@ }, { "type": "frame", - "id": "n1451", + "id": "n1537", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -25179,7 +26628,7 @@ "children": [ { "type": "frame", - "id": "n1452", + "id": "n1538", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -25199,7 +26648,7 @@ "children": [ { "type": "frame", - "id": "n1453", + "id": "n1539", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -25210,13 +26659,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1454", + "id": "n1540", "name": "参数", "width": 82.0, "height": "fit_content", @@ -25230,7 +26679,7 @@ "children": [ { "type": "text", - "id": "n1455", + "id": "n1541", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -25251,7 +26700,7 @@ }, { "type": "rectangle", - "id": "n1456", + "id": "n1542", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25265,7 +26714,7 @@ }, { "type": "frame", - "id": "n1457", + "id": "n1543", "name": "值", "width": 523.0, "height": "fit_content", @@ -25279,7 +26728,7 @@ "children": [ { "type": "text", - "id": "n1458", + "id": "n1544", "name": "值", "width": "fit_content", "height": "fit_content", @@ -25302,7 +26751,7 @@ }, { "type": "rectangle", - "id": "n1459", + "id": "n1545", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -25316,7 +26765,7 @@ }, { "type": "frame", - "id": "n1460", + "id": "n1546", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -25327,7 +26776,7 @@ "children": [ { "type": "frame", - "id": "n1461", + "id": "n1547", "name": "参数", "width": 82.0, "height": "fit_content", @@ -25341,7 +26790,7 @@ "children": [ { "type": "text", - "id": "n1462", + "id": "n1548", "name": "callback", "width": "fit_content", "height": "fit_content", @@ -25362,7 +26811,7 @@ }, { "type": "rectangle", - "id": "n1463", + "id": "n1549", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25376,7 +26825,7 @@ }, { "type": "frame", - "id": "n1464", + "id": "n1550", "name": "值", "width": 523.0, "height": "fit_content", @@ -25390,7 +26839,7 @@ "children": [ { "type": "frame", - "id": "n1465", + "id": "n1551", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -25423,7 +26872,7 @@ "children": [ { "type": "icon_font", - "id": "n1466", + "id": "n1552", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -25437,7 +26886,7 @@ }, { "type": "text", - "id": "n1467", + "id": "n1553", "name": "函数 (next: 布尔) · 2 句", "width": "fit_content", "height": "fit_content", @@ -25491,7 +26940,7 @@ }, { "type": "rectangle", - "id": "n1468", + "id": "n1554", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -25505,7 +26954,7 @@ }, { "type": "frame", - "id": "n1469", + "id": "n1555", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -25516,7 +26965,7 @@ "children": [ { "type": "frame", - "id": "n1470", + "id": "n1556", "name": "参数", "width": 82.0, "height": "fit_content", @@ -25530,7 +26979,7 @@ "children": [ { "type": "text", - "id": "n1471", + "id": "n1557", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -25551,7 +27000,7 @@ }, { "type": "rectangle", - "id": "n1472", + "id": "n1558", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25565,7 +27014,7 @@ }, { "type": "frame", - "id": "n1473", + "id": "n1559", "name": "值", "width": 523.0, "height": "fit_content", @@ -25579,7 +27028,7 @@ "children": [ { "type": "text", - "id": "n1474", + "id": "n1560", "name": "仅挂载时", "width": "fit_content", "height": "fit_content", @@ -25606,7 +27055,7 @@ }, { "type": "frame", - "id": "n1475", + "id": "n1561", "name": "Prop / 返回", "width": "fill_container", "height": "fit_content", @@ -25617,7 +27066,7 @@ "children": [ { "type": "frame", - "id": "n1476", + "id": "n1562", "name": "Key", "width": 100.0, "height": 20.0, @@ -25628,7 +27077,7 @@ "children": [ { "type": "icon_font", - "id": "n1477", + "id": "n1563", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -25642,7 +27091,7 @@ }, { "type": "text", - "id": "n1478", + "id": "n1564", "name": "返回", "width": "fit_content", "height": "fit_content", @@ -25663,7 +27112,7 @@ }, { "type": "text", - "id": "n1479", + "id": "n1565", "name": "1 个", "width": "fit_content", "height": "fit_content", @@ -25684,7 +27133,7 @@ }, { "type": "frame", - "id": "n1480", + "id": "n1566", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -25700,7 +27149,7 @@ "children": [ { "type": "frame", - "id": "n1481", + "id": "n1567", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -25720,7 +27169,7 @@ "children": [ { "type": "frame", - "id": "n1482", + "id": "n1568", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -25731,13 +27180,13 @@ "fill": [ { "type": "solid", - "color": "#333739" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1483", + "id": "n1569", "name": "名称", "width": 66.0, "height": "fit_content", @@ -25751,7 +27200,7 @@ "children": [ { "type": "text", - "id": "n1484", + "id": "n1570", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -25772,7 +27221,7 @@ }, { "type": "rectangle", - "id": "n1485", + "id": "n1571", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25786,7 +27235,7 @@ }, { "type": "frame", - "id": "n1486", + "id": "n1572", "name": "是什么", "width": 539.0, "height": "fit_content", @@ -25800,7 +27249,7 @@ "children": [ { "type": "text", - "id": "n1487", + "id": "n1573", "name": "是什么", "width": "fit_content", "height": "fit_content", @@ -25823,7 +27272,7 @@ }, { "type": "rectangle", - "id": "n1488", + "id": "n1574", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -25837,7 +27286,7 @@ }, { "type": "frame", - "id": "n1489", + "id": "n1575", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -25848,7 +27297,7 @@ "children": [ { "type": "frame", - "id": "n1490", + "id": "n1576", "name": "名称", "width": 66.0, "height": "fit_content", @@ -25862,7 +27311,7 @@ "children": [ { "type": "text", - "id": "n1491", + "id": "n1577", "name": "toggle", "width": "fit_content", "height": "fit_content", @@ -25883,7 +27332,7 @@ }, { "type": "rectangle", - "id": "n1492", + "id": "n1578", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -25897,7 +27346,7 @@ }, { "type": "frame", - "id": "n1493", + "id": "n1579", "name": "是什么", "width": 539.0, "height": "fit_content", @@ -25911,7 +27360,7 @@ "children": [ { "type": "text", - "id": "n1494", + "id": "n1580", "name": "记住的函数", "width": "fit_content", "height": "fit_content", @@ -25938,7 +27387,7 @@ }, { "type": "frame", - "id": "n1495", + "id": "n1581", "name": "Prop / 调用位置", "width": "fill_container", "height": "fit_content", @@ -25949,7 +27398,7 @@ "children": [ { "type": "frame", - "id": "n1496", + "id": "n1582", "name": "Key", "width": 100.0, "height": 20.0, @@ -25960,7 +27409,7 @@ "children": [ { "type": "text", - "id": "n1497", + "id": "n1583", "name": "调用位置", "width": "fit_content", "height": "fit_content", @@ -25981,7 +27430,7 @@ }, { "type": "text", - "id": "n1498", + "id": "n1584", "name": "handleClick", "width": "fit_content", "height": "fit_content", @@ -26010,7 +27459,7 @@ }, { "type": "frame", - "id": "n1499", + "id": "n1585", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -26021,7 +27470,7 @@ "children": [ { "type": "frame", - "id": "n1500", + "id": "n1586", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -26034,7 +27483,7 @@ "children": [ { "type": "icon_font", - "id": "n1501", + "id": "n1587", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -26050,7 +27499,7 @@ }, { "type": "frame", - "id": "n1502", + "id": "n1588", "name": "pencil", "width": 22.0, "height": 20.0, @@ -26063,7 +27512,7 @@ "children": [ { "type": "icon_font", - "id": "n1503", + "id": "n1589", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -26091,8 +27540,8 @@ }, { "type": "frame", - "id": "n1504", - "name": "Lines 38–41", + "id": "n1590", + "name": "Lines 40–43", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -26102,7 +27551,7 @@ "children": [ { "type": "frame", - "id": "n1505", + "id": "n1591", "name": "Code", "width": 600.0, "height": "fill_container", @@ -26118,8 +27567,8 @@ "children": [ { "type": "frame", - "id": "n1506", - "name": "Line 38", + "id": "n1592", + "name": "Line 40", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -26129,7 +27578,7 @@ "children": [ { "type": "frame", - "id": "n1507", + "id": "n1593", "name": "Number", "width": 44.0, "height": 20.0, @@ -26141,11 +27590,11 @@ "children": [ { "type": "text", - "id": "n1508", - "name": "38", + "id": "n1594", + "name": "40", "width": "fit_content", "height": "fit_content", - "content": "38", + "content": "40", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -26162,7 +27611,7 @@ }, { "type": "frame", - "id": "n1509", + "id": "n1595", "name": "Margin", "width": 41.66, "height": 20.0, @@ -26170,7 +27619,7 @@ }, { "type": "text", - "id": "n1510", + "id": "n1596", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -26220,8 +27669,8 @@ }, { "type": "frame", - "id": "n1511", - "name": "Line 39", + "id": "n1597", + "name": "Line 41", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -26231,7 +27680,7 @@ "children": [ { "type": "frame", - "id": "n1512", + "id": "n1598", "name": "Number", "width": 44.0, "height": 20.0, @@ -26243,11 +27692,11 @@ "children": [ { "type": "text", - "id": "n1513", - "name": "39", + "id": "n1599", + "name": "41", "width": "fit_content", "height": "fit_content", - "content": "39", + "content": "41", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -26264,7 +27713,7 @@ }, { "type": "frame", - "id": "n1514", + "id": "n1600", "name": "Margin", "width": 57.32, "height": 20.0, @@ -26272,7 +27721,7 @@ }, { "type": "text", - "id": "n1515", + "id": "n1601", "name": "timer.current = window.setTimeout(() => ", "width": "fit_content", "height": "fit_content", @@ -26370,8 +27819,8 @@ }, { "type": "frame", - "id": "n1516", - "name": "Line 40", + "id": "n1602", + "name": "Line 42", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -26381,7 +27830,7 @@ "children": [ { "type": "frame", - "id": "n1517", + "id": "n1603", "name": "Number", "width": 44.0, "height": 20.0, @@ -26393,11 +27842,11 @@ "children": [ { "type": "text", - "id": "n1518", - "name": "40", + "id": "n1604", + "name": "42", "width": "fit_content", "height": "fit_content", - "content": "40", + "content": "42", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -26414,7 +27863,7 @@ }, { "type": "frame", - "id": "n1519", + "id": "n1605", "name": "Margin", "width": 57.32, "height": 20.0, @@ -26422,7 +27871,7 @@ }, { "type": "text", - "id": "n1520", + "id": "n1606", "name": "return () => clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -26492,8 +27941,8 @@ }, { "type": "frame", - "id": "n1521", - "name": "Line 41", + "id": "n1607", + "name": "Line 43", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -26503,7 +27952,7 @@ "children": [ { "type": "frame", - "id": "n1522", + "id": "n1608", "name": "Number", "width": 44.0, "height": 20.0, @@ -26515,11 +27964,11 @@ "children": [ { "type": "text", - "id": "n1523", - "name": "41", + "id": "n1609", + "name": "43", "width": "fit_content", "height": "fit_content", - "content": "41", + "content": "43", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -26536,7 +27985,7 @@ }, { "type": "frame", - "id": "n1524", + "id": "n1610", "name": "Margin", "width": 41.66, "height": 20.0, @@ -26544,7 +27993,7 @@ }, { "type": "text", - "id": "n1525", + "id": "n1611", "name": "}, [open])", "width": "fit_content", "height": "fit_content", @@ -26592,7 +28041,7 @@ }, { "type": "rectangle", - "id": "n1526", + "id": "n1612", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -26606,7 +28055,7 @@ }, { "type": "frame", - "id": "n1527", + "id": "n1613", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -26622,7 +28071,7 @@ "children": [ { "type": "frame", - "id": "n1528", + "id": "n1614", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -26633,7 +28082,7 @@ "children": [ { "type": "frame", - "id": "n1529", + "id": "n1615", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -26644,7 +28093,7 @@ "children": [ { "type": "rectangle", - "id": "n1530", + "id": "n1616", "name": "Line", "width": 1.0, "height": "fill_container", @@ -26660,7 +28109,7 @@ }, { "type": "frame", - "id": "n1531", + "id": "n1617", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -26676,7 +28125,7 @@ "children": [ { "type": "frame", - "id": "n1532", + "id": "n1618", "name": "钩子 / useEffect · open 变化时", "width": "fill_container", "height": "fit_content", @@ -26694,7 +28143,7 @@ "fill": [ { "type": "solid", - "color": "#2d2a25" + "color": "#242c2e" } ], "stroke": { @@ -26702,14 +28151,14 @@ "fill": [ { "type": "solid", - "color": "#64573f" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1533", + "id": "n1619", "name": "Fold", "width": 14.0, "height": 20.0, @@ -26721,7 +28170,7 @@ "children": [ { "type": "icon_font", - "id": "n1534", + "id": "n1620", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -26737,7 +28186,7 @@ }, { "type": "frame", - "id": "n1535", + "id": "n1621", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -26749,15 +28198,15 @@ "children": [ { "type": "icon_font", - "id": "n1536", - "name": "zap", - "iconFontName": "zap", + "id": "n1622", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#b180d7" } ] } @@ -26765,7 +28214,7 @@ }, { "type": "frame", - "id": "n1537", + "id": "n1623", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -26775,7 +28224,7 @@ "children": [ { "type": "frame", - "id": "n1538", + "id": "n1624", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -26786,7 +28235,7 @@ "children": [ { "type": "frame", - "id": "n1539", + "id": "n1625", "name": "Key", "width": 100.0, "height": 20.0, @@ -26797,7 +28246,7 @@ "children": [ { "type": "text", - "id": "n1540", + "id": "n1626", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -26818,7 +28267,7 @@ }, { "type": "frame", - "id": "n1541", + "id": "n1627", "name": "Value", "width": "fill_container", "height": 20.0, @@ -26829,7 +28278,7 @@ "children": [ { "type": "text", - "id": "n1542", + "id": "n1628", "name": "useEffect", "width": "fit_content", "height": "fit_content", @@ -26854,15 +28303,17 @@ }, { "type": "frame", - "id": "n1543", + "id": "n1629", "name": "Tag / 副作用", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -26870,7 +28321,7 @@ "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#31393b" } ], "stroke": { @@ -26878,14 +28329,28 @@ "fill": [ { "type": "solid", - "color": "#806e4c" + "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": "n1544", + "id": "n1631", "name": "副作用", "width": "fit_content", "height": "fit_content", @@ -26898,7 +28363,7 @@ "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" } ] } @@ -26910,7 +28375,7 @@ }, { "type": "frame", - "id": "n1545", + "id": "n1632", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -26921,7 +28386,7 @@ "children": [ { "type": "frame", - "id": "n1546", + "id": "n1633", "name": "Key", "width": 100.0, "height": 20.0, @@ -26932,7 +28397,7 @@ "children": [ { "type": "icon_font", - "id": "n1547", + "id": "n1634", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -26946,7 +28411,7 @@ }, { "type": "text", - "id": "n1548", + "id": "n1635", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -26967,7 +28432,7 @@ }, { "type": "text", - "id": "n1549", + "id": "n1636", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -26988,7 +28453,7 @@ }, { "type": "frame", - "id": "n1550", + "id": "n1637", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -27004,7 +28469,7 @@ "children": [ { "type": "frame", - "id": "n1551", + "id": "n1638", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -27024,7 +28489,7 @@ "children": [ { "type": "frame", - "id": "n1552", + "id": "n1639", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -27035,15 +28500,15 @@ "fill": [ { "type": "solid", - "color": "#383530" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1553", + "id": "n1640", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27055,7 +28520,7 @@ "children": [ { "type": "text", - "id": "n1554", + "id": "n1641", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -27076,7 +28541,7 @@ }, { "type": "rectangle", - "id": "n1555", + "id": "n1642", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27090,9 +28555,9 @@ }, { "type": "frame", - "id": "n1556", + "id": "n1643", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27104,7 +28569,7 @@ "children": [ { "type": "text", - "id": "n1557", + "id": "n1644", "name": "值", "width": "fit_content", "height": "fit_content", @@ -27127,7 +28592,7 @@ }, { "type": "rectangle", - "id": "n1558", + "id": "n1645", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -27141,7 +28606,7 @@ }, { "type": "frame", - "id": "n1559", + "id": "n1646", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -27152,9 +28617,9 @@ "children": [ { "type": "frame", - "id": "n1560", + "id": "n1647", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27166,11 +28631,11 @@ "children": [ { "type": "text", - "id": "n1561", - "name": "setup", + "id": "n1648", + "name": "effect", "width": "fit_content", "height": "fit_content", - "content": "setup", + "content": "effect", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -27187,7 +28652,7 @@ }, { "type": "rectangle", - "id": "n1562", + "id": "n1649", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27201,9 +28666,9 @@ }, { "type": "frame", - "id": "n1563", + "id": "n1650", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27215,7 +28680,7 @@ "children": [ { "type": "frame", - "id": "n1564", + "id": "n1651", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -27248,7 +28713,7 @@ "children": [ { "type": "icon_font", - "id": "n1565", + "id": "n1652", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -27262,7 +28727,7 @@ }, { "type": "text", - "id": "n1566", + "id": "n1653", "name": "函数 · 2 句", "width": "fit_content", "height": "fit_content", @@ -27296,7 +28761,7 @@ }, { "type": "rectangle", - "id": "n1567", + "id": "n1654", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -27310,7 +28775,7 @@ }, { "type": "frame", - "id": "n1568", + "id": "n1655", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -27321,9 +28786,9 @@ "children": [ { "type": "frame", - "id": "n1569", + "id": "n1656", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27335,7 +28800,7 @@ "children": [ { "type": "text", - "id": "n1570", + "id": "n1657", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -27356,7 +28821,7 @@ }, { "type": "rectangle", - "id": "n1571", + "id": "n1658", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -27370,9 +28835,9 @@ }, { "type": "frame", - "id": "n1572", + "id": "n1659", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -27384,7 +28849,7 @@ "children": [ { "type": "text", - "id": "n1573", + "id": "n1660", "name": "open 变化时", "width": "fit_content", "height": "fit_content", @@ -27420,7 +28885,7 @@ }, { "type": "frame", - "id": "n1574", + "id": "n1661", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -27431,7 +28896,7 @@ "children": [ { "type": "frame", - "id": "n1575", + "id": "n1662", "name": "Key", "width": 100.0, "height": 20.0, @@ -27442,7 +28907,7 @@ "children": [ { "type": "text", - "id": "n1576", + "id": "n1663", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -27463,7 +28928,7 @@ }, { "type": "text", - "id": "n1577", + "id": "n1664", "name": "open、timer", "width": "fit_content", "height": "fit_content", @@ -27497,7 +28962,7 @@ }, { "type": "frame", - "id": "n1578", + "id": "n1665", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -27508,7 +28973,7 @@ "children": [ { "type": "frame", - "id": "n1579", + "id": "n1666", "name": "Key", "width": 100.0, "height": 20.0, @@ -27519,7 +28984,7 @@ "children": [ { "type": "text", - "id": "n1580", + "id": "n1667", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -27540,7 +29005,7 @@ }, { "type": "text", - "id": "n1581", + "id": "n1668", "name": "状态 open（1 秒后设为 假）、引用 timer", "width": "fit_content", "height": "fit_content", @@ -27586,7 +29051,7 @@ }, { "type": "frame", - "id": "n1582", + "id": "n1669", "name": "Prop / 清理函数", "width": "fill_container", "height": "fit_content", @@ -27597,7 +29062,7 @@ "children": [ { "type": "frame", - "id": "n1583", + "id": "n1670", "name": "Key", "width": 100.0, "height": 20.0, @@ -27608,7 +29073,7 @@ "children": [ { "type": "text", - "id": "n1584", + "id": "n1671", "name": "清理函数", "width": "fit_content", "height": "fit_content", @@ -27629,7 +29094,7 @@ }, { "type": "text", - "id": "n1585", + "id": "n1672", "name": "clearTimeout(timer.current)", "width": "fit_content", "height": "fit_content", @@ -27677,7 +29142,7 @@ }, { "type": "frame", - "id": "n1586", + "id": "n1673", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -27688,7 +29153,7 @@ "children": [ { "type": "frame", - "id": "n1587", + "id": "n1674", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -27701,7 +29166,7 @@ "children": [ { "type": "icon_font", - "id": "n1588", + "id": "n1675", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -27717,7 +29182,7 @@ }, { "type": "frame", - "id": "n1589", + "id": "n1676", "name": "pencil", "width": 22.0, "height": 20.0, @@ -27730,7 +29195,7 @@ "children": [ { "type": "icon_font", - "id": "n1590", + "id": "n1677", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -27758,8 +29223,8 @@ }, { "type": "frame", - "id": "n1591", - "name": "Lines 42–44", + "id": "n1678", + "name": "Lines 44–46", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -27769,7 +29234,7 @@ "children": [ { "type": "frame", - "id": "n1592", + "id": "n1679", "name": "Code", "width": 600.0, "height": "fill_container", @@ -27785,8 +29250,8 @@ "children": [ { "type": "frame", - "id": "n1593", - "name": "Line 42", + "id": "n1680", + "name": "Line 44", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -27796,7 +29261,7 @@ "children": [ { "type": "frame", - "id": "n1594", + "id": "n1681", "name": "Number", "width": 44.0, "height": 20.0, @@ -27808,11 +29273,11 @@ "children": [ { "type": "text", - "id": "n1595", - "name": "42", + "id": "n1682", + "name": "44", "width": "fit_content", "height": "fit_content", - "content": "42", + "content": "44", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -27829,7 +29294,7 @@ }, { "type": "frame", - "id": "n1596", + "id": "n1683", "name": "Margin", "width": 41.66, "height": 20.0, @@ -27837,7 +29302,7 @@ }, { "type": "text", - "id": "n1597", + "id": "n1684", "name": "useEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -27887,8 +29352,8 @@ }, { "type": "frame", - "id": "n1598", - "name": "Line 43", + "id": "n1685", + "name": "Line 45", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -27898,7 +29363,7 @@ "children": [ { "type": "frame", - "id": "n1599", + "id": "n1686", "name": "Number", "width": 44.0, "height": 20.0, @@ -27910,11 +29375,11 @@ "children": [ { "type": "text", - "id": "n1600", - "name": "43", + "id": "n1687", + "name": "45", "width": "fit_content", "height": "fit_content", - "content": "43", + "content": "45", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -27931,7 +29396,7 @@ }, { "type": "frame", - "id": "n1601", + "id": "n1688", "name": "Margin", "width": 57.32, "height": 20.0, @@ -27939,7 +29404,7 @@ }, { "type": "text", - "id": "n1602", + "id": "n1689", "name": "document.title = String(total)", "width": "fit_content", "height": "fit_content", @@ -27993,8 +29458,8 @@ }, { "type": "frame", - "id": "n1603", - "name": "Line 44", + "id": "n1690", + "name": "Line 46", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -28004,7 +29469,7 @@ "children": [ { "type": "frame", - "id": "n1604", + "id": "n1691", "name": "Number", "width": 44.0, "height": 20.0, @@ -28016,11 +29481,11 @@ "children": [ { "type": "text", - "id": "n1605", - "name": "44", + "id": "n1692", + "name": "46", "width": "fit_content", "height": "fit_content", - "content": "44", + "content": "46", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -28037,7 +29502,7 @@ }, { "type": "frame", - "id": "n1606", + "id": "n1693", "name": "Margin", "width": 41.66, "height": 20.0, @@ -28045,7 +29510,7 @@ }, { "type": "text", - "id": "n1607", + "id": "n1694", "name": "})", "width": "fit_content", "height": "fit_content", @@ -28077,7 +29542,7 @@ }, { "type": "rectangle", - "id": "n1608", + "id": "n1695", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -28091,7 +29556,7 @@ }, { "type": "frame", - "id": "n1609", + "id": "n1696", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -28107,7 +29572,7 @@ "children": [ { "type": "frame", - "id": "n1610", + "id": "n1697", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -28118,7 +29583,7 @@ "children": [ { "type": "frame", - "id": "n1611", + "id": "n1698", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -28129,7 +29594,7 @@ "children": [ { "type": "rectangle", - "id": "n1612", + "id": "n1699", "name": "Line", "width": 1.0, "height": "fill_container", @@ -28145,7 +29610,7 @@ }, { "type": "frame", - "id": "n1613", + "id": "n1700", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -28161,7 +29626,7 @@ "children": [ { "type": "frame", - "id": "n1614", + "id": "n1701", "name": "钩子 / useEffect · 每次渲染后", "width": "fill_container", "height": "fit_content", @@ -28179,7 +29644,7 @@ "fill": [ { "type": "solid", - "color": "#2d2a25" + "color": "#242c2e" } ], "stroke": { @@ -28187,14 +29652,14 @@ "fill": [ { "type": "solid", - "color": "#64573f" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1615", + "id": "n1702", "name": "Fold", "width": 14.0, "height": 20.0, @@ -28206,7 +29671,7 @@ "children": [ { "type": "icon_font", - "id": "n1616", + "id": "n1703", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -28222,7 +29687,7 @@ }, { "type": "frame", - "id": "n1617", + "id": "n1704", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -28234,15 +29699,15 @@ "children": [ { "type": "icon_font", - "id": "n1618", - "name": "zap", - "iconFontName": "zap", + "id": "n1705", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#b180d7" } ] } @@ -28250,7 +29715,7 @@ }, { "type": "frame", - "id": "n1619", + "id": "n1706", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -28260,7 +29725,7 @@ "children": [ { "type": "frame", - "id": "n1620", + "id": "n1707", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -28271,7 +29736,7 @@ "children": [ { "type": "frame", - "id": "n1621", + "id": "n1708", "name": "Key", "width": 100.0, "height": 20.0, @@ -28282,7 +29747,7 @@ "children": [ { "type": "text", - "id": "n1622", + "id": "n1709", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -28303,7 +29768,7 @@ }, { "type": "frame", - "id": "n1623", + "id": "n1710", "name": "Value", "width": "fill_container", "height": 20.0, @@ -28314,7 +29779,7 @@ "children": [ { "type": "text", - "id": "n1624", + "id": "n1711", "name": "useEffect", "width": "fit_content", "height": "fit_content", @@ -28339,15 +29804,17 @@ }, { "type": "frame", - "id": "n1625", + "id": "n1712", "name": "Tag / 副作用", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -28355,7 +29822,7 @@ "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#31393b" } ], "stroke": { @@ -28363,14 +29830,28 @@ "fill": [ { "type": "solid", - "color": "#806e4c" + "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": "n1626", + "id": "n1714", "name": "副作用", "width": "fit_content", "height": "fit_content", @@ -28383,7 +29864,7 @@ "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" } ] } @@ -28395,7 +29876,7 @@ }, { "type": "frame", - "id": "n1627", + "id": "n1715", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -28406,7 +29887,7 @@ "children": [ { "type": "frame", - "id": "n1628", + "id": "n1716", "name": "Key", "width": 100.0, "height": 20.0, @@ -28417,7 +29898,7 @@ "children": [ { "type": "icon_font", - "id": "n1629", + "id": "n1717", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -28431,7 +29912,7 @@ }, { "type": "text", - "id": "n1630", + "id": "n1718", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -28452,7 +29933,7 @@ }, { "type": "text", - "id": "n1631", + "id": "n1719", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -28473,7 +29954,7 @@ }, { "type": "frame", - "id": "n1632", + "id": "n1720", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -28489,7 +29970,7 @@ "children": [ { "type": "frame", - "id": "n1633", + "id": "n1721", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -28509,7 +29990,7 @@ "children": [ { "type": "frame", - "id": "n1634", + "id": "n1722", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -28520,15 +30001,15 @@ "fill": [ { "type": "solid", - "color": "#383530" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1635", + "id": "n1723", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28540,7 +30021,7 @@ "children": [ { "type": "text", - "id": "n1636", + "id": "n1724", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -28561,7 +30042,7 @@ }, { "type": "rectangle", - "id": "n1637", + "id": "n1725", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28575,9 +30056,9 @@ }, { "type": "frame", - "id": "n1638", + "id": "n1726", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28589,7 +30070,7 @@ "children": [ { "type": "text", - "id": "n1639", + "id": "n1727", "name": "值", "width": "fit_content", "height": "fit_content", @@ -28612,7 +30093,7 @@ }, { "type": "rectangle", - "id": "n1640", + "id": "n1728", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -28626,7 +30107,7 @@ }, { "type": "frame", - "id": "n1641", + "id": "n1729", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -28637,9 +30118,9 @@ "children": [ { "type": "frame", - "id": "n1642", + "id": "n1730", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28651,11 +30132,11 @@ "children": [ { "type": "text", - "id": "n1643", - "name": "setup", + "id": "n1731", + "name": "effect", "width": "fit_content", "height": "fit_content", - "content": "setup", + "content": "effect", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -28672,7 +30153,7 @@ }, { "type": "rectangle", - "id": "n1644", + "id": "n1732", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28686,9 +30167,9 @@ }, { "type": "frame", - "id": "n1645", + "id": "n1733", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28700,7 +30181,7 @@ "children": [ { "type": "frame", - "id": "n1646", + "id": "n1734", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -28733,7 +30214,7 @@ "children": [ { "type": "icon_font", - "id": "n1647", + "id": "n1735", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -28747,7 +30228,7 @@ }, { "type": "text", - "id": "n1648", + "id": "n1736", "name": "函数 · 1 句", "width": "fit_content", "height": "fit_content", @@ -28781,7 +30262,7 @@ }, { "type": "rectangle", - "id": "n1649", + "id": "n1737", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -28795,7 +30276,7 @@ }, { "type": "frame", - "id": "n1650", + "id": "n1738", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -28806,9 +30287,9 @@ "children": [ { "type": "frame", - "id": "n1651", + "id": "n1739", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28820,7 +30301,7 @@ "children": [ { "type": "text", - "id": "n1652", + "id": "n1740", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -28841,7 +30322,7 @@ }, { "type": "rectangle", - "id": "n1653", + "id": "n1741", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -28855,9 +30336,9 @@ }, { "type": "frame", - "id": "n1654", + "id": "n1742", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -28869,7 +30350,7 @@ "children": [ { "type": "text", - "id": "n1655", + "id": "n1743", "name": "没写，每次渲染后", "width": "fit_content", "height": "fit_content", @@ -28905,7 +30386,7 @@ }, { "type": "frame", - "id": "n1656", + "id": "n1744", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -28916,7 +30397,7 @@ "children": [ { "type": "frame", - "id": "n1657", + "id": "n1745", "name": "Key", "width": 100.0, "height": 20.0, @@ -28927,7 +30408,7 @@ "children": [ { "type": "text", - "id": "n1658", + "id": "n1746", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -28948,7 +30429,7 @@ }, { "type": "text", - "id": "n1659", + "id": "n1747", "name": "total", "width": "fit_content", "height": "fit_content", @@ -28969,7 +30450,7 @@ }, { "type": "frame", - "id": "n1660", + "id": "n1748", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -28980,7 +30461,7 @@ "children": [ { "type": "frame", - "id": "n1661", + "id": "n1749", "name": "Key", "width": 100.0, "height": 20.0, @@ -28991,7 +30472,7 @@ "children": [ { "type": "text", - "id": "n1662", + "id": "n1750", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -29012,7 +30493,7 @@ }, { "type": "text", - "id": "n1663", + "id": "n1751", "name": "document.title", "width": "fit_content", "height": "fit_content", @@ -29048,7 +30529,7 @@ }, { "type": "frame", - "id": "n1664", + "id": "n1752", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -29059,7 +30540,7 @@ "children": [ { "type": "frame", - "id": "n1665", + "id": "n1753", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -29072,7 +30553,7 @@ "children": [ { "type": "icon_font", - "id": "n1666", + "id": "n1754", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -29088,7 +30569,7 @@ }, { "type": "frame", - "id": "n1667", + "id": "n1755", "name": "pencil", "width": 22.0, "height": 20.0, @@ -29101,7 +30582,7 @@ "children": [ { "type": "icon_font", - "id": "n1668", + "id": "n1756", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -29129,8 +30610,8 @@ }, { "type": "frame", - "id": "n1669", - "name": "Lines 45–47", + "id": "n1757", + "name": "Lines 47–49", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -29140,7 +30621,7 @@ "children": [ { "type": "frame", - "id": "n1670", + "id": "n1758", "name": "Code", "width": 600.0, "height": "fill_container", @@ -29156,8 +30637,8 @@ "children": [ { "type": "frame", - "id": "n1671", - "name": "Line 45", + "id": "n1759", + "name": "Line 47", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -29167,7 +30648,7 @@ "children": [ { "type": "frame", - "id": "n1672", + "id": "n1760", "name": "Number", "width": 44.0, "height": 20.0, @@ -29179,11 +30660,11 @@ "children": [ { "type": "text", - "id": "n1673", - "name": "45", + "id": "n1761", + "name": "47", "width": "fit_content", "height": "fit_content", - "content": "45", + "content": "47", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -29200,7 +30681,7 @@ }, { "type": "frame", - "id": "n1674", + "id": "n1762", "name": "Margin", "width": 41.66, "height": 20.0, @@ -29208,7 +30689,7 @@ }, { "type": "text", - "id": "n1675", + "id": "n1763", "name": "useLayoutEffect(() => {", "width": "fit_content", "height": "fit_content", @@ -29258,8 +30739,8 @@ }, { "type": "frame", - "id": "n1676", - "name": "Line 46", + "id": "n1764", + "name": "Line 48", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -29269,7 +30750,7 @@ "children": [ { "type": "frame", - "id": "n1677", + "id": "n1765", "name": "Number", "width": 44.0, "height": 20.0, @@ -29281,11 +30762,11 @@ "children": [ { "type": "text", - "id": "n1678", - "name": "46", + "id": "n1766", + "name": "48", "width": "fit_content", "height": "fit_content", - "content": "46", + "content": "48", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -29302,7 +30783,7 @@ }, { "type": "frame", - "id": "n1679", + "id": "n1767", "name": "Margin", "width": 57.32, "height": 20.0, @@ -29310,7 +30791,7 @@ }, { "type": "text", - "id": "n1680", + "id": "n1768", "name": "boxRef.current?.scrollTo(0, 0)", "width": "fit_content", "height": "fit_content", @@ -29372,8 +30853,8 @@ }, { "type": "frame", - "id": "n1681", - "name": "Line 47", + "id": "n1769", + "name": "Line 49", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -29383,7 +30864,7 @@ "children": [ { "type": "frame", - "id": "n1682", + "id": "n1770", "name": "Number", "width": 44.0, "height": 20.0, @@ -29395,11 +30876,11 @@ "children": [ { "type": "text", - "id": "n1683", - "name": "47", + "id": "n1771", + "name": "49", "width": "fit_content", "height": "fit_content", - "content": "47", + "content": "49", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -29416,7 +30897,7 @@ }, { "type": "frame", - "id": "n1684", + "id": "n1772", "name": "Margin", "width": 41.66, "height": 20.0, @@ -29424,7 +30905,7 @@ }, { "type": "text", - "id": "n1685", + "id": "n1773", "name": "}, [])", "width": "fit_content", "height": "fit_content", @@ -29464,7 +30945,7 @@ }, { "type": "rectangle", - "id": "n1686", + "id": "n1774", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -29478,7 +30959,7 @@ }, { "type": "frame", - "id": "n1687", + "id": "n1775", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -29494,7 +30975,7 @@ "children": [ { "type": "frame", - "id": "n1688", + "id": "n1776", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -29505,7 +30986,7 @@ "children": [ { "type": "frame", - "id": "n1689", + "id": "n1777", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -29516,7 +30997,7 @@ "children": [ { "type": "rectangle", - "id": "n1690", + "id": "n1778", "name": "Line", "width": 1.0, "height": "fill_container", @@ -29532,7 +31013,7 @@ }, { "type": "frame", - "id": "n1691", + "id": "n1779", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -29548,7 +31029,7 @@ "children": [ { "type": "frame", - "id": "n1692", + "id": "n1780", "name": "钩子 / useLayoutEffect · 仅挂载时", "width": "fill_container", "height": "fit_content", @@ -29566,7 +31047,7 @@ "fill": [ { "type": "solid", - "color": "#2d2a25" + "color": "#242c2e" } ], "stroke": { @@ -29574,14 +31055,14 @@ "fill": [ { "type": "solid", - "color": "#64573f" + "color": "#52415f" } ] }, "children": [ { "type": "frame", - "id": "n1693", + "id": "n1781", "name": "Fold", "width": 14.0, "height": 20.0, @@ -29593,7 +31074,7 @@ "children": [ { "type": "icon_font", - "id": "n1694", + "id": "n1782", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -29609,7 +31090,7 @@ }, { "type": "frame", - "id": "n1695", + "id": "n1783", "name": "Kind / 钩子", "width": 20.0, "height": 20.0, @@ -29621,15 +31102,15 @@ "children": [ { "type": "icon_font", - "id": "n1696", - "name": "zap", - "iconFontName": "zap", + "id": "n1784", + "name": "fishing-hook", + "iconFontName": "fishing-hook", "width": 16.0, "height": 16.0, "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#b180d7" } ] } @@ -29637,7 +31118,7 @@ }, { "type": "frame", - "id": "n1697", + "id": "n1785", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -29647,7 +31128,7 @@ "children": [ { "type": "frame", - "id": "n1698", + "id": "n1786", "name": "Prop / 钩子", "width": "fill_container", "height": "fit_content", @@ -29658,7 +31139,7 @@ "children": [ { "type": "frame", - "id": "n1699", + "id": "n1787", "name": "Key", "width": 100.0, "height": 20.0, @@ -29669,7 +31150,7 @@ "children": [ { "type": "text", - "id": "n1700", + "id": "n1788", "name": "钩子", "width": "fit_content", "height": "fit_content", @@ -29690,7 +31171,7 @@ }, { "type": "frame", - "id": "n1701", + "id": "n1789", "name": "Value", "width": "fill_container", "height": 20.0, @@ -29701,7 +31182,7 @@ "children": [ { "type": "text", - "id": "n1702", + "id": "n1790", "name": "useLayoutEffect", "width": "fit_content", "height": "fit_content", @@ -29726,15 +31207,17 @@ }, { "type": "frame", - "id": "n1703", + "id": "n1791", "name": "Tag / 副作用", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ 0.0, - 5.0 + 5.0, + 0.0, + 4.0 ], "alignItems": "center", "clipContent": false, @@ -29742,7 +31225,7 @@ "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#31393b" } ], "stroke": { @@ -29750,14 +31233,28 @@ "fill": [ { "type": "solid", - "color": "#806e4c" + "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": "n1704", + "id": "n1793", "name": "副作用", "width": "fit_content", "height": "fit_content", @@ -29770,7 +31267,7 @@ "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" } ] } @@ -29778,13 +31275,15 @@ }, { "type": "frame", - "id": "n1705", + "id": "n1794", "name": "Tag / 浏览器绘制前", "width": "fit_content", "height": 18.0, "layout": "horizontal", - "gap": 0.0, + "gap": 3.0, "padding": [ + 0.0, + 5.0, 0.0, 5.0 ], @@ -29794,7 +31293,7 @@ "fill": [ { "type": "solid", - "color": "#473f31" + "color": "#31393b" } ], "stroke": { @@ -29802,14 +31301,14 @@ "fill": [ { "type": "solid", - "color": "#806e4c" + "color": "#505658" } ] }, "children": [ { "type": "text", - "id": "n1706", + "id": "n1795", "name": "浏览器绘制前", "width": "fit_content", "height": "fit_content", @@ -29822,7 +31321,7 @@ "fill": [ { "type": "solid", - "color": "#e5c07b" + "color": "#9d9d9d" } ] } @@ -29834,7 +31333,7 @@ }, { "type": "frame", - "id": "n1707", + "id": "n1796", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -29845,7 +31344,7 @@ "children": [ { "type": "frame", - "id": "n1708", + "id": "n1797", "name": "Key", "width": 100.0, "height": 20.0, @@ -29856,7 +31355,7 @@ "children": [ { "type": "icon_font", - "id": "n1709", + "id": "n1798", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -29870,7 +31369,7 @@ }, { "type": "text", - "id": "n1710", + "id": "n1799", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -29891,7 +31390,7 @@ }, { "type": "text", - "id": "n1711", + "id": "n1800", "name": "2 个", "width": "fit_content", "height": "fit_content", @@ -29912,7 +31411,7 @@ }, { "type": "frame", - "id": "n1712", + "id": "n1801", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -29928,7 +31427,7 @@ "children": [ { "type": "frame", - "id": "n1713", + "id": "n1802", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -29948,7 +31447,7 @@ "children": [ { "type": "frame", - "id": "n1714", + "id": "n1803", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -29959,15 +31458,15 @@ "fill": [ { "type": "solid", - "color": "#383530" + "color": "#2f3738" } ], "children": [ { "type": "frame", - "id": "n1715", + "id": "n1804", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -29979,7 +31478,7 @@ "children": [ { "type": "text", - "id": "n1716", + "id": "n1805", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -30000,7 +31499,7 @@ }, { "type": "rectangle", - "id": "n1717", + "id": "n1806", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30014,9 +31513,9 @@ }, { "type": "frame", - "id": "n1718", + "id": "n1807", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30028,7 +31527,7 @@ "children": [ { "type": "text", - "id": "n1719", + "id": "n1808", "name": "值", "width": "fit_content", "height": "fit_content", @@ -30051,7 +31550,7 @@ }, { "type": "rectangle", - "id": "n1720", + "id": "n1809", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -30065,7 +31564,7 @@ }, { "type": "frame", - "id": "n1721", + "id": "n1810", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -30076,9 +31575,9 @@ "children": [ { "type": "frame", - "id": "n1722", + "id": "n1811", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30090,11 +31589,11 @@ "children": [ { "type": "text", - "id": "n1723", - "name": "setup", + "id": "n1812", + "name": "effect", "width": "fit_content", "height": "fit_content", - "content": "setup", + "content": "effect", "fontFamily": "Menlo", "fontSize": 12.5, "fontWeight": 400, @@ -30111,7 +31610,7 @@ }, { "type": "rectangle", - "id": "n1724", + "id": "n1813", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30125,9 +31624,9 @@ }, { "type": "frame", - "id": "n1725", + "id": "n1814", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30139,7 +31638,7 @@ "children": [ { "type": "frame", - "id": "n1726", + "id": "n1815", "name": "Fold box", "width": "fit_content", "height": 20.0, @@ -30172,7 +31671,7 @@ "children": [ { "type": "icon_font", - "id": "n1727", + "id": "n1816", "name": "chevron-right", "iconFontName": "chevron-right", "width": 13.0, @@ -30186,7 +31685,7 @@ }, { "type": "text", - "id": "n1728", + "id": "n1817", "name": "函数 · 1 句", "width": "fit_content", "height": "fit_content", @@ -30220,7 +31719,7 @@ }, { "type": "rectangle", - "id": "n1729", + "id": "n1818", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -30234,7 +31733,7 @@ }, { "type": "frame", - "id": "n1730", + "id": "n1819", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -30245,9 +31744,9 @@ "children": [ { "type": "frame", - "id": "n1731", + "id": "n1820", "name": "参数", - "width": 58.0, + "width": 66.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30259,7 +31758,7 @@ "children": [ { "type": "text", - "id": "n1732", + "id": "n1821", "name": "deps", "width": "fit_content", "height": "fit_content", @@ -30280,7 +31779,7 @@ }, { "type": "rectangle", - "id": "n1733", + "id": "n1822", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -30294,9 +31793,9 @@ }, { "type": "frame", - "id": "n1734", + "id": "n1823", "name": "值", - "width": 547.0, + "width": 539.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -30308,7 +31807,7 @@ "children": [ { "type": "text", - "id": "n1735", + "id": "n1824", "name": "仅挂载时", "width": "fit_content", "height": "fit_content", @@ -30335,7 +31834,7 @@ }, { "type": "frame", - "id": "n1736", + "id": "n1825", "name": "Prop / 用到", "width": "fill_container", "height": "fit_content", @@ -30346,7 +31845,7 @@ "children": [ { "type": "frame", - "id": "n1737", + "id": "n1826", "name": "Key", "width": 100.0, "height": 20.0, @@ -30357,7 +31856,7 @@ "children": [ { "type": "text", - "id": "n1738", + "id": "n1827", "name": "用到", "width": "fit_content", "height": "fit_content", @@ -30378,7 +31877,7 @@ }, { "type": "text", - "id": "n1739", + "id": "n1828", "name": "boxRef", "width": "fit_content", "height": "fit_content", @@ -30405,7 +31904,7 @@ }, { "type": "frame", - "id": "n1740", + "id": "n1829", "name": "Prop / 改动", "width": "fill_container", "height": "fit_content", @@ -30416,7 +31915,7 @@ "children": [ { "type": "frame", - "id": "n1741", + "id": "n1830", "name": "Key", "width": 100.0, "height": 20.0, @@ -30427,7 +31926,7 @@ "children": [ { "type": "text", - "id": "n1742", + "id": "n1831", "name": "改动", "width": "fit_content", "height": "fit_content", @@ -30448,7 +31947,7 @@ }, { "type": "text", - "id": "n1743", + "id": "n1832", "name": "无", "width": "fit_content", "height": "fit_content", @@ -30471,7 +31970,7 @@ }, { "type": "frame", - "id": "n1744", + "id": "n1833", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -30482,7 +31981,7 @@ "children": [ { "type": "frame", - "id": "n1745", + "id": "n1834", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -30495,7 +31994,7 @@ "children": [ { "type": "icon_font", - "id": "n1746", + "id": "n1835", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -30511,7 +32010,7 @@ }, { "type": "frame", - "id": "n1747", + "id": "n1836", "name": "pencil", "width": 22.0, "height": 20.0, @@ -30524,7 +32023,7 @@ "children": [ { "type": "icon_font", - "id": "n1748", + "id": "n1837", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -30552,8 +32051,8 @@ }, { "type": "frame", - "id": "n1749", - "name": "Lines 48–50", + "id": "n1838", + "name": "Lines 50–52", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -30563,7 +32062,7 @@ "children": [ { "type": "frame", - "id": "n1750", + "id": "n1839", "name": "Code", "width": 600.0, "height": "fill_container", @@ -30579,8 +32078,8 @@ "children": [ { "type": "frame", - "id": "n1751", - "name": "Line 48", + "id": "n1840", + "name": "Line 50", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -30590,7 +32089,7 @@ "children": [ { "type": "frame", - "id": "n1752", + "id": "n1841", "name": "Number", "width": 44.0, "height": 20.0, @@ -30602,11 +32101,11 @@ "children": [ { "type": "text", - "id": "n1753", - "name": "48", + "id": "n1842", + "name": "50", "width": "fit_content", "height": "fit_content", - "content": "48", + "content": "50", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -30623,7 +32122,7 @@ }, { "type": "frame", - "id": "n1754", + "id": "n1843", "name": "Margin", "width": 41.66, "height": 20.0, @@ -30631,7 +32130,7 @@ }, { "type": "text", - "id": "n1755", + "id": "n1844", "name": "function handleClick() {", "width": "fit_content", "height": "fit_content", @@ -30677,8 +32176,8 @@ }, { "type": "frame", - "id": "n1756", - "name": "Line 49", + "id": "n1845", + "name": "Line 51", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -30688,7 +32187,7 @@ "children": [ { "type": "frame", - "id": "n1757", + "id": "n1846", "name": "Number", "width": 44.0, "height": 20.0, @@ -30700,11 +32199,11 @@ "children": [ { "type": "text", - "id": "n1758", - "name": "49", + "id": "n1847", + "name": "51", "width": "fit_content", "height": "fit_content", - "content": "49", + "content": "51", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -30721,7 +32220,7 @@ }, { "type": "frame", - "id": "n1759", + "id": "n1848", "name": "Margin", "width": 57.32, "height": 20.0, @@ -30729,7 +32228,7 @@ }, { "type": "text", - "id": "n1760", + "id": "n1849", "name": "startTransition(() => toggle(!open))", "width": "fit_content", "height": "fit_content", @@ -30799,8 +32298,8 @@ }, { "type": "frame", - "id": "n1761", - "name": "Line 50", + "id": "n1850", + "name": "Line 52", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -30810,7 +32309,7 @@ "children": [ { "type": "frame", - "id": "n1762", + "id": "n1851", "name": "Number", "width": 44.0, "height": 20.0, @@ -30822,11 +32321,11 @@ "children": [ { "type": "text", - "id": "n1763", - "name": "50", + "id": "n1852", + "name": "52", "width": "fit_content", "height": "fit_content", - "content": "50", + "content": "52", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -30843,7 +32342,7 @@ }, { "type": "frame", - "id": "n1764", + "id": "n1853", "name": "Margin", "width": 41.66, "height": 20.0, @@ -30851,7 +32350,7 @@ }, { "type": "text", - "id": "n1765", + "id": "n1854", "name": "}", "width": "fit_content", "height": "fit_content", @@ -30874,7 +32373,7 @@ }, { "type": "rectangle", - "id": "n1766", + "id": "n1855", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -30888,7 +32387,7 @@ }, { "type": "frame", - "id": "n1767", + "id": "n1856", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -30904,7 +32403,7 @@ "children": [ { "type": "frame", - "id": "n1768", + "id": "n1857", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -30915,7 +32414,7 @@ "children": [ { "type": "frame", - "id": "n1769", + "id": "n1858", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -30926,7 +32425,7 @@ "children": [ { "type": "rectangle", - "id": "n1770", + "id": "n1859", "name": "Line", "width": 1.0, "height": "fill_container", @@ -30942,7 +32441,7 @@ }, { "type": "frame", - "id": "n1771", + "id": "n1860", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -30958,7 +32457,7 @@ "children": [ { "type": "frame", - "id": "n1772", + "id": "n1861", "name": "事件处理函数 / handleClick", "width": "fill_container", "height": "fit_content", @@ -30991,7 +32490,7 @@ "children": [ { "type": "frame", - "id": "n1773", + "id": "n1862", "name": "Fold", "width": 14.0, "height": 20.0, @@ -31003,7 +32502,7 @@ "children": [ { "type": "icon_font", - "id": "n1774", + "id": "n1863", "name": "chevron-right", "iconFontName": "chevron-right", "width": 14.0, @@ -31019,7 +32518,7 @@ }, { "type": "frame", - "id": "n1775", + "id": "n1864", "name": "Kind / 事件处理函数", "width": 20.0, "height": 20.0, @@ -31031,7 +32530,7 @@ "children": [ { "type": "icon_font", - "id": "n1776", + "id": "n1865", "name": "mouse-pointer-click", "iconFontName": "mouse-pointer-click", "width": 16.0, @@ -31047,7 +32546,7 @@ }, { "type": "frame", - "id": "n1777", + "id": "n1866", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -31057,7 +32556,7 @@ "children": [ { "type": "frame", - "id": "n1778", + "id": "n1867", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -31068,7 +32567,7 @@ "children": [ { "type": "frame", - "id": "n1779", + "id": "n1868", "name": "Key", "width": 76.0, "height": 20.0, @@ -31079,7 +32578,7 @@ "children": [ { "type": "text", - "id": "n1780", + "id": "n1869", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -31100,7 +32599,7 @@ }, { "type": "frame", - "id": "n1781", + "id": "n1870", "name": "Value", "width": "fill_container", "height": 20.0, @@ -31111,7 +32610,7 @@ "children": [ { "type": "text", - "id": "n1782", + "id": "n1871", "name": "handleClick", "width": "fit_content", "height": "fit_content", @@ -31134,7 +32633,7 @@ }, { "type": "frame", - "id": "n1783", + "id": "n1872", "name": "Prop / 参数", "width": "fill_container", "height": "fit_content", @@ -31145,7 +32644,7 @@ "children": [ { "type": "frame", - "id": "n1784", + "id": "n1873", "name": "Key", "width": 76.0, "height": 20.0, @@ -31156,7 +32655,7 @@ "children": [ { "type": "text", - "id": "n1785", + "id": "n1874", "name": "参数", "width": "fit_content", "height": "fit_content", @@ -31177,7 +32676,7 @@ }, { "type": "text", - "id": "n1786", + "id": "n1875", "name": "无", "width": "fit_content", "height": "fit_content", @@ -31198,7 +32697,7 @@ }, { "type": "frame", - "id": "n1787", + "id": "n1876", "name": "Prop / 绑定事件", "width": "fill_container", "height": "fit_content", @@ -31209,7 +32708,7 @@ "children": [ { "type": "frame", - "id": "n1788", + "id": "n1877", "name": "Key", "width": 76.0, "height": 20.0, @@ -31220,7 +32719,7 @@ "children": [ { "type": "text", - "id": "n1789", + "id": "n1878", "name": "绑定事件", "width": "fit_content", "height": "fit_content", @@ -31241,7 +32740,7 @@ }, { "type": "text", - "id": "n1790", + "id": "n1879", "name": "
的 onClick", "width": "fit_content", "height": "fit_content", @@ -31271,7 +32770,7 @@ }, { "type": "frame", - "id": "n1791", + "id": "n1880", "name": "Prop / 调用", "width": "fill_container", "height": "fit_content", @@ -31282,7 +32781,7 @@ "children": [ { "type": "frame", - "id": "n1792", + "id": "n1881", "name": "Key", "width": 76.0, "height": 20.0, @@ -31293,7 +32792,7 @@ "children": [ { "type": "text", - "id": "n1793", + "id": "n1882", "name": "调用", "width": "fit_content", "height": "fit_content", @@ -31314,7 +32813,7 @@ }, { "type": "text", - "id": "n1794", + "id": "n1883", "name": "toggle（在过渡里）", "width": "fit_content", "height": "fit_content", @@ -31347,7 +32846,7 @@ }, { "type": "frame", - "id": "n1795", + "id": "n1884", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -31358,7 +32857,7 @@ "children": [ { "type": "frame", - "id": "n1796", + "id": "n1885", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -31371,7 +32870,7 @@ "children": [ { "type": "icon_font", - "id": "n1797", + "id": "n1886", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -31387,7 +32886,7 @@ }, { "type": "frame", - "id": "n1798", + "id": "n1887", "name": "pencil", "width": 22.0, "height": 20.0, @@ -31400,7 +32899,7 @@ "children": [ { "type": "icon_font", - "id": "n1799", + "id": "n1888", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -31428,8 +32927,8 @@ }, { "type": "frame", - "id": "n1800", - "name": "Lines 51–57", + "id": "n1889", + "name": "Lines 53–59", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -31439,7 +32938,7 @@ "children": [ { "type": "frame", - "id": "n1801", + "id": "n1890", "name": "Code", "width": 600.0, "height": "fill_container", @@ -31455,8 +32954,8 @@ "children": [ { "type": "frame", - "id": "n1802", - "name": "Line 51", + "id": "n1891", + "name": "Line 53", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -31466,7 +32965,7 @@ "children": [ { "type": "frame", - "id": "n1803", + "id": "n1892", "name": "Number", "width": 44.0, "height": 20.0, @@ -31478,11 +32977,11 @@ "children": [ { "type": "text", - "id": "n1804", - "name": "51", + "id": "n1893", + "name": "53", "width": "fit_content", "height": "fit_content", - "content": "51", + "content": "53", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -31499,7 +32998,7 @@ }, { "type": "frame", - "id": "n1805", + "id": "n1894", "name": "Margin", "width": 41.66, "height": 20.0, @@ -31507,7 +33006,7 @@ }, { "type": "text", - "id": "n1806", + "id": "n1895", "name": "return (", "width": "fit_content", "height": "fit_content", @@ -31541,8 +33040,8 @@ }, { "type": "frame", - "id": "n1807", - "name": "Line 52", + "id": "n1896", + "name": "Line 54", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -31552,7 +33051,7 @@ "children": [ { "type": "frame", - "id": "n1808", + "id": "n1897", "name": "Number", "width": 44.0, "height": 20.0, @@ -31564,11 +33063,11 @@ "children": [ { "type": "text", - "id": "n1809", - "name": "52", + "id": "n1898", + "name": "54", "width": "fit_content", "height": "fit_content", - "content": "52", + "content": "54", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -31585,7 +33084,7 @@ }, { "type": "frame", - "id": "n1810", + "id": "n1899", "name": "Margin", "width": 57.32, "height": 20.0, @@ -31593,7 +33092,7 @@ }, { "type": "text", - "id": "n1811", + "id": "n1900", "name": "
", "width": "fit_content", "height": "fit_content", @@ -31675,8 +33174,8 @@ }, { "type": "frame", - "id": "n1812", - "name": "Line 53", + "id": "n1901", + "name": "Line 55", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -31686,7 +33185,7 @@ "children": [ { "type": "frame", - "id": "n1813", + "id": "n1902", "name": "Number", "width": 44.0, "height": 20.0, @@ -31698,11 +33197,11 @@ "children": [ { "type": "text", - "id": "n1814", - "name": "53", + "id": "n1903", + "name": "55", "width": "fit_content", "height": "fit_content", - "content": "53", + "content": "55", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -31719,7 +33218,7 @@ }, { "type": "frame", - "id": "n1815", + "id": "n1904", "name": "Margin", "width": 72.98, "height": 20.0, @@ -31727,7 +33226,7 @@ }, { "type": "text", - "id": "n1816", + "id": "n1905", "name": "{isPending && }", "width": "fit_content", "height": "fit_content", @@ -31781,8 +33280,8 @@ }, { "type": "frame", - "id": "n1817", - "name": "Line 54", + "id": "n1906", + "name": "Line 56", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -31792,7 +33291,7 @@ "children": [ { "type": "frame", - "id": "n1818", + "id": "n1907", "name": "Number", "width": 44.0, "height": 20.0, @@ -31804,11 +33303,11 @@ "children": [ { "type": "text", - "id": "n1819", - "name": "54", + "id": "n1908", + "name": "56", "width": "fit_content", "height": "fit_content", - "content": "54", + "content": "56", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -31825,7 +33324,7 @@ }, { "type": "frame", - "id": "n1820", + "id": "n1909", "name": "Margin", "width": 72.98, "height": 20.0, @@ -31833,7 +33332,7 @@ }, { "type": "text", - "id": "n1821", + "id": "n1910", "name": "{messages.map(m => ", "width": "fit_content", "height": "fit_content", @@ -32151,8 +33650,8 @@ }, { "type": "frame", - "id": "n1832", - "name": "Line 57", + "id": "n1921", + "name": "Line 59", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -32162,7 +33661,7 @@ "children": [ { "type": "frame", - "id": "n1833", + "id": "n1922", "name": "Number", "width": 44.0, "height": 20.0, @@ -32174,11 +33673,11 @@ "children": [ { "type": "text", - "id": "n1834", - "name": "57", + "id": "n1923", + "name": "59", "width": "fit_content", "height": "fit_content", - "content": "57", + "content": "59", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -32195,7 +33694,7 @@ }, { "type": "frame", - "id": "n1835", + "id": "n1924", "name": "Margin", "width": 41.66, "height": 20.0, @@ -32203,7 +33702,7 @@ }, { "type": "text", - "id": "n1836", + "id": "n1925", "name": ")", "width": "fit_content", "height": "fit_content", @@ -32226,7 +33725,7 @@ }, { "type": "rectangle", - "id": "n1837", + "id": "n1926", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -32240,7 +33739,7 @@ }, { "type": "frame", - "id": "n1838", + "id": "n1927", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -32256,7 +33755,7 @@ "children": [ { "type": "frame", - "id": "n1839", + "id": "n1928", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -32267,7 +33766,7 @@ "children": [ { "type": "frame", - "id": "n1840", + "id": "n1929", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -32278,7 +33777,7 @@ "children": [ { "type": "rectangle", - "id": "n1841", + "id": "n1930", "name": "Line", "width": 1.0, "height": "fill_container", @@ -32294,7 +33793,7 @@ }, { "type": "frame", - "id": "n1842", + "id": "n1931", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -32310,7 +33809,7 @@ "children": [ { "type": "frame", - "id": "n1843", + "id": "n1932", "name": "渲染输出 / Panel", "width": "fill_container", "height": "fit_content", @@ -32343,7 +33842,7 @@ "children": [ { "type": "frame", - "id": "n1844", + "id": "n1933", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32356,7 +33855,7 @@ }, { "type": "frame", - "id": "n1845", + "id": "n1934", "name": "Kind / 渲染输出", "width": 20.0, "height": 20.0, @@ -32368,7 +33867,7 @@ "children": [ { "type": "icon_font", - "id": "n1846", + "id": "n1935", "name": "layout-template", "iconFontName": "layout-template", "width": 16.0, @@ -32384,7 +33883,7 @@ }, { "type": "frame", - "id": "n1847", + "id": "n1936", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -32394,7 +33893,7 @@ "children": [ { "type": "frame", - "id": "n1848", + "id": "n1937", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -32404,7 +33903,7 @@ "children": [ { "type": "frame", - "id": "n1849", + "id": "n1938", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -32415,7 +33914,7 @@ "children": [ { "type": "frame", - "id": "n1850", + "id": "n1939", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32427,7 +33926,7 @@ "children": [ { "type": "icon_font", - "id": "n1851", + "id": "n1940", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -32443,7 +33942,7 @@ }, { "type": "frame", - "id": "n1852", + "id": "n1941", "name": "Line", "width": "fill_container", "height": 20.0, @@ -32454,7 +33953,7 @@ "children": [ { "type": "text", - "id": "n1853", + "id": "n1942", "name": "
", "width": "fit_content", "height": "fit_content", @@ -32473,7 +33972,7 @@ }, { "type": "text", - "id": "n1854", + "id": "n1943", "name": "ref=boxRef", "width": "fit_content", "height": "fit_content", @@ -32506,7 +34005,7 @@ }, { "type": "text", - "id": "n1855", + "id": "n1944", "name": "onClick=handleClick", "width": "fit_content", "height": "fit_content", @@ -32543,7 +34042,7 @@ }, { "type": "frame", - "id": "n1856", + "id": "n1945", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -32560,7 +34059,7 @@ "children": [ { "type": "rectangle", - "id": "n1857", + "id": "n1946", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -32574,7 +34073,7 @@ }, { "type": "frame", - "id": "n1858", + "id": "n1947", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -32584,7 +34083,7 @@ "children": [ { "type": "frame", - "id": "n1859", + "id": "n1948", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -32594,7 +34093,7 @@ "children": [ { "type": "frame", - "id": "n1860", + "id": "n1949", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -32605,7 +34104,7 @@ "children": [ { "type": "frame", - "id": "n1861", + "id": "n1950", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32618,7 +34117,7 @@ }, { "type": "frame", - "id": "n1862", + "id": "n1951", "name": "Line", "width": "fill_container", "height": 20.0, @@ -32629,7 +34128,7 @@ "children": [ { "type": "frame", - "id": "n1863", + "id": "n1952", "name": "Group", "width": "fit_content", "height": 20.0, @@ -32660,7 +34159,7 @@ "children": [ { "type": "text", - "id": "n1864", + "id": "n1953", "name": "当 isPending 时", "width": "fit_content", "height": "fit_content", @@ -32702,7 +34201,7 @@ }, { "type": "text", - "id": "n1865", + "id": "n1954", "name": "", "width": "fit_content", "height": "fit_content", @@ -32725,7 +34224,7 @@ }, { "type": "frame", - "id": "n1866", + "id": "n1955", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -32736,7 +34235,7 @@ "children": [ { "type": "frame", - "id": "n1867", + "id": "n1956", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32748,7 +34247,7 @@ "children": [ { "type": "icon_font", - "id": "n1868", + "id": "n1957", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -32764,7 +34263,7 @@ }, { "type": "frame", - "id": "n1869", + "id": "n1958", "name": "Line", "width": "fill_container", "height": 20.0, @@ -32775,7 +34274,7 @@ "children": [ { "type": "frame", - "id": "n1870", + "id": "n1959", "name": "Group", "width": "fit_content", "height": 20.0, @@ -32806,7 +34305,7 @@ "children": [ { "type": "text", - "id": "n1871", + "id": "n1960", "name": "对 messages 的每一项 m", "width": "fit_content", "height": "fit_content", @@ -32856,7 +34355,7 @@ }, { "type": "text", - "id": "n1872", + "id": "n1961", "name": "key m.id", "width": "fit_content", "height": "fit_content", @@ -32896,7 +34395,7 @@ }, { "type": "frame", - "id": "n1873", + "id": "n1962", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -32913,7 +34412,7 @@ "children": [ { "type": "rectangle", - "id": "n1874", + "id": "n1963", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -32927,7 +34426,7 @@ }, { "type": "frame", - "id": "n1875", + "id": "n1964", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -32937,7 +34436,7 @@ "children": [ { "type": "frame", - "id": "n1876", + "id": "n1965", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -32947,7 +34446,7 @@ "children": [ { "type": "frame", - "id": "n1877", + "id": "n1966", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -32958,7 +34457,7 @@ "children": [ { "type": "frame", - "id": "n1878", + "id": "n1967", "name": "Fold", "width": 14.0, "height": 20.0, @@ -32971,7 +34470,7 @@ }, { "type": "frame", - "id": "n1879", + "id": "n1968", "name": "Line", "width": "fill_container", "height": 20.0, @@ -32982,7 +34481,7 @@ "children": [ { "type": "text", - "id": "n1880", + "id": "n1969", "name": "", "width": "fit_content", "height": "fit_content", @@ -33001,7 +34500,7 @@ }, { "type": "text", - "id": "n1881", + "id": "n1970", "name": "m=m", "width": 27.0, "height": "fit_content", @@ -33043,7 +34542,7 @@ }, { "type": "frame", - "id": "n1882", + "id": "n1971", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -33054,7 +34553,7 @@ "children": [ { "type": "frame", - "id": "n1883", + "id": "n1972", "name": "Fold", "width": 14.0, "height": 20.0, @@ -33067,7 +34566,7 @@ }, { "type": "frame", - "id": "n1884", + "id": "n1973", "name": "Line", "width": "fill_container", "height": 20.0, @@ -33078,7 +34577,7 @@ "children": [ { "type": "text", - "id": "n1885", + "id": "n1974", "name": "{state.count}", "width": "fit_content", "height": "fit_content", @@ -33132,7 +34631,7 @@ }, { "type": "frame", - "id": "n1886", + "id": "n1975", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -33143,7 +34642,7 @@ "children": [ { "type": "frame", - "id": "n1887", + "id": "n1976", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -33156,7 +34655,7 @@ "children": [ { "type": "icon_font", - "id": "n1888", + "id": "n1977", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -33172,7 +34671,7 @@ }, { "type": "frame", - "id": "n1889", + "id": "n1978", "name": "pencil", "width": 22.0, "height": 20.0, @@ -33185,7 +34684,7 @@ "children": [ { "type": "icon_font", - "id": "n1890", + "id": "n1979", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -33213,8 +34712,8 @@ }, { "type": "frame", - "id": "n1891", - "name": "Lines 58–58", + "id": "n1980", + "name": "Lines 60–60", "width": "fill_container", "height": "fit_content", "layout": "horizontal", @@ -33224,7 +34723,7 @@ "children": [ { "type": "frame", - "id": "n1892", + "id": "n1981", "name": "Code", "width": 600.0, "height": "fill_container", @@ -33240,8 +34739,8 @@ "children": [ { "type": "frame", - "id": "n1893", - "name": "Line 58", + "id": "n1982", + "name": "Line 60", "width": "fill_container", "height": 20.0, "layout": "horizontal", @@ -33251,7 +34750,7 @@ "children": [ { "type": "frame", - "id": "n1894", + "id": "n1983", "name": "Number", "width": 44.0, "height": 20.0, @@ -33263,11 +34762,11 @@ "children": [ { "type": "text", - "id": "n1895", - "name": "58", + "id": "n1984", + "name": "60", "width": "fit_content", "height": "fit_content", - "content": "58", + "content": "60", "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -33284,7 +34783,7 @@ }, { "type": "frame", - "id": "n1896", + "id": "n1985", "name": "Margin", "width": 26.0, "height": 20.0, @@ -33292,7 +34791,7 @@ }, { "type": "text", - "id": "n1897", + "id": "n1986", "name": "}", "width": "fit_content", "height": "fit_content", @@ -33315,7 +34814,7 @@ }, { "type": "rectangle", - "id": "n1898", + "id": "n1987", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -33329,7 +34828,7 @@ }, { "type": "frame", - "id": "n1899", + "id": "n1988", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -33345,7 +34844,7 @@ "children": [ { "type": "frame", - "id": "n1900", + "id": "n1989", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -33361,7 +34860,7 @@ }, { "type": "frame", - "id": "n1901", + "id": "n1990", "name": "End", "width": "fill_container", "height": 28.0, @@ -33372,7 +34871,7 @@ "children": [ { "type": "frame", - "id": "n1902", + "id": "n1991", "name": "Code", "width": 600.0, "height": 28.0, @@ -33380,7 +34879,7 @@ }, { "type": "rectangle", - "id": "n1903", + "id": "n1992", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -33400,7 +34899,7 @@ }, { "type": "frame", - "id": "n1904", + "id": "n1993", "name": "Status", "width": "fill_container", "height": 26.0, @@ -33422,7 +34921,7 @@ "children": [ { "type": "frame", - "id": "n1905", + "id": "n1994", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -33433,7 +34932,7 @@ "children": [ { "type": "icon_font", - "id": "n1906", + "id": "n1995", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -33447,7 +34946,7 @@ }, { "type": "text", - "id": "n1907", + "id": "n1996", "name": "master", "width": "fit_content", "height": "fit_content", @@ -33468,7 +34967,7 @@ }, { "type": "frame", - "id": "n1908", + "id": "n1997", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -33479,7 +34978,7 @@ "children": [ { "type": "text", - "id": "n1909", + "id": "n1998", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -33498,7 +34997,7 @@ }, { "type": "text", - "id": "n1910", + "id": "n1999", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content",