diff --git a/docs/prototype/code-reader/openpencil/exports/react-state-login.png b/docs/prototype/code-reader/openpencil/exports/react-state-login.png index 345af22..398989c 100644 Binary files a/docs/prototype/code-reader/openpencil/exports/react-state-login.png and b/docs/prototype/code-reader/openpencil/exports/react-state-login.png differ diff --git a/docs/prototype/code-reader/openpencil/exports/react-state-variants.png b/docs/prototype/code-reader/openpencil/exports/react-state-variants.png index a5935f9..1d99dfd 100644 Binary files a/docs/prototype/code-reader/openpencil/exports/react-state-variants.png and b/docs/prototype/code-reader/openpencil/exports/react-state-variants.png differ diff --git a/docs/prototype/code-reader/openpencil/react-shared.js b/docs/prototype/code-reader/openpencil/react-shared.js index 29e31ee..1cc7a3f 100644 --- a/docs/prototype/code-reader/openpencil/react-shared.js +++ b/docs/prototype/code-reader/openpencil/react-shared.js @@ -645,13 +645,15 @@ function nameProp(ctx, name, color, tags, label) { } /** - * 表格：`cols` 是 `{name, color?, mono?}`，最后一列分剩下的；格子是着色的段、字符串（按列色）或带 `draw` 的对象。 - * 列宽按整列的内容估，表头浅底，行和列之间一条分隔线。 + * 表格：`cols` 是 `{name, color?, mono?, width?, fill?}`；格子是着色的段、字符串（按列色）或带 `draw` 的对象。 + * 列宽按整列的内容估，给了 `width` 就用它；剩下的宽度归 `fill` 那一列，没有就归最后一列。表头浅底，行和列之间一条分隔线。 */ function table(ctx, cols, rows) { const tableW = ctx.w - 5; const cellText = (cell) => typeof cell === "string" ? cell : Array.isArray(cell) ? cell.map((s) => s.text).join("") : (cell.est || ""); const natural = cols.map((c, i) => { + if (c.width) + return c.width; let wMax = widthOf(c.name, 12, false); for (const r of rows) wMax = Math.max(wMax, widthOf(cellText(r[i]), 12.5, c.mono !== false) + (r[i] && r[i].extra ? r[i].extra : 0)); return Math.ceil(wMax + 18); @@ -659,7 +661,9 @@ function table(ctx, cols, rows) { const last = cols.length - 1; const avail = tableW - 2 - last; const widths = natural.slice(); - widths[last] = avail - widths.slice(0, last).reduce((a, b) => a + b, 0); + const fill = cols.findIndex((c) => c.fill); + const flex = fill >= 0 ? fill : last; + widths[flex] = avail - widths.reduce((sum, wd, i) => (i === flex ? sum : sum + wd), 0); const outer = col(ctx.content, "Table wrap", { padding: [2, 0, 2, 5] }); const grid = col(outer, "Table", { radius: 4, stroke: C.borderStrong, clip: true }); const headBg = mix("#ffffff", ctx.bg, 0.05); diff --git a/docs/prototype/code-reader/openpencil/react-state.js b/docs/prototype/code-reader/openpencil/react-state.js index 7c4786c..6bd8169 100644 --- a/docs/prototype/code-reader/openpencil/react-state.js +++ b/docs/prototype/code-reader/openpencil/react-state.js @@ -1,6 +1,7 @@ // 代码阅读 React 状态卡片：useState 不再写成「钩子 useState」，而是一张「状态」卡片，讲清楚五件事： // 它是普通变量也是 React 状态（左边变量、状态两个图标）；它是数组解构（名称照源码写出解构，展开是每一项）； -// 它来自 React 内置的 useState（悬停说明）；状态类型；默认值。解构出的每一项各有一个调用树按钮：当前值查谁用了它，修改函数查谁改了它。 +// 它来自 React 内置的 useState（悬停说明）；状态类型；默认值。解构表的「操作」一列放每一项能做的操作， +// 现在是调用树：当前值查谁用了它，修改函数查谁改了它。 // 画板一照抄 luffy-agent-platform 的 frontend/client-nextjs/src/app/desktop/login/page.tsx 第 1–37 行， // 画板二是手写的三行，讲没标类型、函数形式的默认值、只取当前值三种写法。 // 窗口、对齐、别的卡片的画法在同目录 react-shared.js，接在它后面跑：`cat react-shared.js react-state.js | op design - --script`。 @@ -85,35 +86,51 @@ const VARIANTS = sampleFile({ // 种类「状态」：描边、淡底、两个图标都用变量色；左边先是变量卡片的图标，再是状态图标，悬停才出名字 const STATE = { label: "状态", color: "#9cdcfe", icon: "variable" }; -// 解构出的每一项：是什么、它那一行调用树按钮查什么（悬停文字） +// 解构出的每一项：说明、它那一行调用树按钮查什么（悬停文字） const ITEMS = [ { what: "当前值", tip: "谁用了这个状态" }, { what: "修改函数", tip: "谁改了这个状态" }, ]; -/** - * 「是什么」一格：说法后面跟这一项自己的调用树按钮，`calls` 是它在样例里出现几次； - * `bubble` 时按钮右边画出它的悬停气泡（上方是上一行的按钮，放上面会挡住它）。 - */ -function whatCell(item, calls, bubble) { +/** 一个调用树按钮的宽度，同 [callTreeButton]：有次数时图标加小圆标，0 次只有图标。 */ +function callTreeWidth(calls) { + return calls === 0 ? 22 : 4 + 14 + 1 + 14 + 4; +} + +/** 「操作」一格：这一项能做的操作从左往右排，现在只有调用树。 */ +function opsCell(item, calls) { return { - est: item.what, - extra: 6 + 37, + est: "", draw: (frame) => { - const line = row(frame, "What", { gap: 6, height: 20, width: "fit_content" }); - text(line, item.what, { size: 12.5, lh: 20 }); + const line = row(frame, "Ops", { gap: 2, height: 20, width: "fit_content" }); callTreeButton(line, calls, item.tip); - if (bubble) - tooltip(line, item.tip); }, }; } /** - * 一处 useState：名称照源码写出解构（后面灰字「数组解构」，展开是「第几项 | 名称 | 是什么」，每一项一个调用树按钮）/ + * 第 `n` 行调用树按钮的悬停气泡在卡片里的位置：在按钮正下方居中、隔 6px。 + * 按钮上方是上一行的按钮，右边伸出卡片，只有下面空着（「来自」那一行的右半边）。 + * 卡片里的位置照 [card]、[table] 的排法算：内容区左边在 84px（内边距 8、折叠箭头 14、两个图标 42、两处间距 10）， + * 宽是卡片宽减 150；表从内容区上方 8 + 名称一行 20 + 间距 3 处开始，表格框留白 2、表头 24、每行前面 1px 分隔线、行高 24， + * 一行的各格从表格框左边 5px 排到内容区右边往回 2px，「操作」一格在最右，按钮在格子左边 8px、上边 2px。 + */ +function opsBubble(w, n, opsW, calls, tip) { + const contentX = 8 + 14 + 10 + 42 + 10; + const rowEnd = contentX + (w - 150) - 2; + const rowTop = 8 + 20 + 3 + 2 + 24 + (n - 1) * 25 + 1; + const buttonX = rowEnd - opsW + 8; + const buttonBottom = rowTop + 2 + 20; + return { x: buttonX + callTreeWidth(calls) / 2 - tooltipWidth(tip) / 2, y: buttonBottom + 6 }; +} + +/** + * 一处 useState：名称照源码写出解构（后面灰字「数组解构」，展开是「第几项 | 名称 | 说明 | 操作」）/ * 来自（悬停说是 React 内置钩子）/ 状态类型 / 默认值。 - * `names` 是解构出的名字，第二个是修改函数；`calls` 是各项在样例里出现几次。 - * `type` 是状态类型（没写时「未标注」），`initial` 是默认值的着色段；`bubble` 画出修改函数那一行调用树按钮的悬停气泡。 + * `names` 是解构出的名字，第二个是修改函数；`calls` 是各项在样例里出现几次，「操作」一格里调用树按钮上的数字。 + * 「操作」一列按这张卡里按钮最宽的那一行定宽（不窄于表头），「说明」一列分剩下的。 + * `type` 是状态类型（没写时「未标注」），`initial` 是默认值的着色段。 + * `bubble` 画出修改函数那一行调用树按钮的悬停气泡：卡片和气泡放进一个自由摆放的框，气泡在前，才画在卡片上层。 */ function stateCard(s) { return (parent, w) => { @@ -121,7 +138,16 @@ function stateCard(s) { { name: "variable", color: STATE.color, tip: "变量" }, { name: "toggle-right", color: STATE.color, tip: "React 状态" }, ]; - const ctx = card(parent, STATE, w, { name: s.names[0], icons }); + const opsW = Math.max(Math.ceil(widthOf("操作", 12, false) + 18), 8 + Math.max(...s.calls.map(callTreeWidth)) + 8); + let holder = parent; + let place = {}; + if (s.bubble) { + holder = box(parent, "Hover / 谁改了这个状态", { layout: "none", width: w, height: "fit_content" }); + const spot = opsBubble(w, 2, opsW, s.calls[1], ITEMS[1].tip); + tooltip(holder, ITEMS[1].tip, spot.x, spot.y); + place = { x: 0, y: 0 }; + } + const ctx = card(holder, STATE, w, Object.assign({ name: s.names[0], icons }, place)); prop(ctx, "名称", (frame) => { const line = row(frame, "Destructure", { gap: 8, height: 20, width: "fit_content" }); const parts = [seg("[", C.fg)]; @@ -134,8 +160,8 @@ function stateCard(s) { text(line, parts, { mono: true }); text(line, "数组解构", { size: 12.5, color: C.desc }); }, { fold: "open" }); - table(ctx, [{ name: "第几项", mono: false }, { name: "名称", color: C.variable }, { name: "是什么", mono: false }], - s.names.map((name, i) => [indexCell(i + 1), px(name, i === 0 ? C.variable : C.fn), whatCell(ITEMS[i], s.calls[i], s.bubble && i === 1)])); + table(ctx, [{ name: "第几项", mono: false }, { name: "名称", color: C.variable }, { name: "说明", mono: false, fill: true }, { name: "操作", width: opsW }], + s.names.map((name, i) => [indexCell(i + 1), px(name, i === 0 ? C.variable : C.fn), ITEMS[i].what, opsCell(ITEMS[i], s.calls[i])])); prop(ctx, "来自", (frame) => text(frame, px("useState", C.fn), { mono: true, name: "useState（悬停：React 内置钩子）" })); prop(ctx, "状态类型", s.type || px("未标注", C.desc), { mono: Boolean(s.type) }); prop(ctx, "默认值", s.initial); diff --git a/docs/prototype/code-reader/openpencil/react-state.op b/docs/prototype/code-reader/openpencil/react-state.op index 895e929..b5b5ede 100644 --- a/docs/prototype/code-reader/openpencil/react-state.op +++ b/docs/prototype/code-reader/openpencil/react-state.op @@ -8491,113 +8491,67 @@ { "type": "frame", "id": "n502", - "name": "状态 / activeTab", - "width": "fill_container", + "name": "Hover / 谁改了这个状态", + "width": 741.0, "height": "fit_content", - "layout": "horizontal", - "gap": 10.0, - "padding": [ - 8.0, - 10.0, - 8.0, - 8.0 - ], - "alignItems": "start", + "layout": "none", + "gap": 0.0, "clipContent": false, - "cornerRadius": 8.0, - "fill": [ - { - "type": "solid", - "color": "#282c2f" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#4b616d" - } - ] - }, "children": [ { "type": "frame", "id": "n503", - "name": "Fold", - "width": 14.0, - "height": 20.0, + "name": "Tooltip", + "x": 598.0, + "y": 111.0, + "width": 97.0, + "height": 22.0, "layout": "horizontal", - "gap": 0.0, "justifyContent": "center", "alignItems": "center", - "clipContent": false, - "children": [] - }, - { - "type": "frame", - "id": "n504", - "name": "Concepts", - "width": 42.0, - "height": 20.0, - "layout": "horizontal", - "gap": 2.0, - "alignItems": "center", - "clipContent": false, + "cornerRadius": 4.0, + "fill": [ + { + "type": "solid", + "color": "#202020" + } + ], + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#454545" + } + ] + }, + "effects": [ + { + "type": "shadow", + "offsetX": 0.0, + "offsetY": 2.0, + "blur": 8.0, + "spread": 0.0, + "color": "rgba(0,0,0,0.36)" + } + ], "children": [ { - "type": "frame", - "id": "n505", - "name": "Concept / 变量", - "width": 20.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "children": [ + "type": "text", + "id": "n504", + "name": "谁改了这个状态", + "width": "fit_content", + "height": "fit_content", + "content": "谁改了这个状态", + "fontFamily": "PingFang SC", + "fontSize": 11.0, + "fontWeight": 400, + "lineHeight": 1.2727272727272727, + "textGrowth": "auto", + "fill": [ { - "type": "icon_font", - "id": "n506", - "name": "variable", - "iconFontName": "variable", - "width": 16.0, - "height": 16.0, - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n507", - "name": "Concept / React 状态", - "width": 20.0, - "height": 20.0, - "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "icon_font", - "id": "n508", - "name": "toggle-right", - "iconFontName": "toggle-right", - "width": 16.0, - "height": 16.0, - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] + "type": "solid", + "color": "#cccccc" } ] } @@ -8605,66 +8559,86 @@ }, { "type": "frame", - "id": "n509", - "name": "Content", - "width": "fill_container", + "id": "n505", + "name": "状态 / activeTab", + "x": 0.0, + "y": 0.0, + "width": 741.0, "height": "fit_content", - "layout": "vertical", - "gap": 3.0, + "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": "n510", - "name": "Prop / 名称", - "width": "fill_container", - "height": "fit_content", + "id": "n506", + "name": "Fold", + "width": 14.0, + "height": 20.0, "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [] + }, + { + "type": "frame", + "id": "n507", + "name": "Concepts", + "width": 42.0, + "height": 20.0, + "layout": "horizontal", + "gap": 2.0, + "alignItems": "center", "clipContent": false, "children": [ { "type": "frame", - "id": "n511", - "name": "Key", - "width": 76.0, + "id": "n508", + "name": "Concept / 变量", + "width": 20.0, "height": 20.0, "layout": "horizontal", - "gap": 4.0, + "gap": 0.0, + "justifyContent": "center", "alignItems": "center", "clipContent": false, "children": [ { "type": "icon_font", - "id": "n512", - "name": "chevron-down", - "iconFontName": "chevron-down", - "width": 14.0, - "height": 14.0, + "id": "n509", + "name": "variable", + "iconFontName": "variable", + "width": 16.0, + "height": 16.0, "fill": [ { "type": "solid", - "color": "#9d9d9d" - } - ] - }, - { - "type": "text", - "id": "n513", - "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" + "color": "#9cdcfe" } ] } @@ -8672,74 +8646,87 @@ }, { "type": "frame", - "id": "n514", - "name": "Value", + "id": "n510", + "name": "Concept / React 状态", + "width": 20.0, + "height": 20.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "icon_font", + "id": "n511", + "name": "toggle-right", + "iconFontName": "toggle-right", + "width": 16.0, + "height": 16.0, + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n512", + "name": "Content", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n513", + "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", - "layout": "vertical", - "gap": 2.0, + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", "clipContent": false, "children": [ { "type": "frame", - "id": "n515", - "name": "Destructure", - "width": "fit_content", + "id": "n514", + "name": "Key", + "width": 76.0, "height": 20.0, "layout": "horizontal", - "gap": 8.0, + "gap": 4.0, "alignItems": "center", "clipContent": false, "children": [ { - "type": "text", - "id": "n516", - "name": "[activeTab, setActiveTab]", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "[", - "fill": "#cccccc" - }, - { - "text": "activeTab", - "fontWeight": 600, - "fill": "#9cdcfe" - }, - { - "text": ", ", - "fill": "#cccccc" - }, - { - "text": "setActiveTab", - "fontWeight": 600, - "fill": "#dcdcaa" - }, - { - "text": "]", - "fill": "#cccccc" - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", + "type": "icon_font", + "id": "n515", + "name": "chevron-down", + "iconFontName": "chevron-down", + "width": 14.0, + "height": 14.0, "fill": [ { "type": "solid", - "color": "#cccccc" + "color": "#9d9d9d" } ] }, { "type": "text", - "id": "n517", - "name": "数组解构", + "id": "n516", + "name": "名称", "width": "fit_content", "height": "fit_content", - "content": "数组解构", + "content": "名称", "fontFamily": "PingFang SC", "fontSize": 12.5, "fontWeight": 400, @@ -8753,187 +8740,81 @@ ] } ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n518", - "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": "n519", - "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": "n520", - "name": "Header", + "id": "n517", + "name": "Value", "width": "fill_container", "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", + "layout": "vertical", + "gap": 2.0, "clipContent": false, - "fill": [ - { - "type": "solid", - "color": "#333739" - } - ], "children": [ { "type": "frame", - "id": "n521", - "name": "第几项", - "width": 56.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], + "id": "n518", + "name": "Destructure", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 8.0, + "alignItems": "center", "clipContent": false, "children": [ { "type": "text", - "id": "n522", - "name": "第几项", + "id": "n519", + "name": "[activeTab, setActiveTab]", "width": "fit_content", "height": "fit_content", - "content": "第几项", - "fontFamily": "PingFang SC", - "fontSize": 12.0, + "content": [ + { + "text": "[", + "fill": "#cccccc" + }, + { + "text": "activeTab", + "fontWeight": 600, + "fill": "#9cdcfe" + }, + { + "text": ", ", + "fill": "#cccccc" + }, + { + "text": "setActiveTab", + "fontWeight": 600, + "fill": "#dcdcaa" + }, + { + "text": "]", + "fill": "#cccccc" + } + ], + "fontFamily": "Menlo", + "fontSize": 13.0, "fontWeight": 400, - "lineHeight": 1.6666666666666667, + "lineHeight": 1.5384615384615383, "textGrowth": "auto", "fill": [ { "type": "solid", - "color": "#9d9d9d" + "color": "#cccccc" } ] - } - ] - }, - { - "type": "rectangle", - "id": "n523", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n524", - "name": "名称", - "width": 114.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ + }, { "type": "text", - "id": "n525", - "name": "名称", + "id": "n520", + "name": "数组解构", "width": "fit_content", "height": "fit_content", - "content": "名称", + "content": "数组解构", "fontFamily": "PingFang SC", - "fontSize": 12.0, + "fontSize": 12.5, "fontWeight": 400, - "lineHeight": 1.6666666666666667, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n526", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n527", - "name": "是什么", - "width": 412.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n528", - "name": "是什么", - "width": "fit_content", - "height": "fit_content", - "content": "是什么", - "fontFamily": "PingFang SC", - "fontSize": 12.0, - "fontWeight": 400, - "lineHeight": 1.6666666666666667, + "lineHeight": 1.6, "textGrowth": "auto", "fill": [ { @@ -8945,158 +8826,386 @@ ] } ] - }, - { - "type": "rectangle", - "id": "n529", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, + } + ] + }, + { + "type": "frame", + "id": "n521", + "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": "n530", - "name": "Row", + "id": "n522", + "name": "Table", "width": "fill_container", "height": "fit_content", - "layout": "horizontal", + "layout": "vertical", "gap": 0.0, - "alignItems": "start", - "clipContent": false, + "clipContent": true, + "cornerRadius": 4.0, + "stroke": { + "thickness": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ] + }, "children": [ { "type": "frame", - "id": "n531", - "name": "第几项", - "width": 56.0, + "id": "n523", + "name": "Header", + "width": "fill_container", "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", "clipContent": false, - "children": [ - { - "type": "text", - "id": "n532", - "name": "1", - "width": 12.0, - "height": "fit_content", - "content": "1", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "fixed-width", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n533", - "name": "Sep", - "width": 1.0, - "height": "fill_container", "fill": [ { "type": "solid", - "color": "#3c3c3c" + "color": "#333739" } ], - "children": [] - }, - { - "type": "frame", - "id": "n534", - "name": "名称", - "width": 114.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n535", - "name": "activeTab", - "width": "fit_content", - "height": "fit_content", - "content": "activeTab", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#9cdcfe" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n536", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n537", - "name": "是什么", - "width": 412.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, "children": [ { "type": "frame", - "id": "n538", - "name": "What", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", + "id": "n524", + "name": "第几项", + "width": 56.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], "clipContent": false, "children": [ { "type": "text", - "id": "n539", + "id": "n525", + "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": "n526", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n527", + "name": "名称", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n528", + "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": "n529", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n530", + "name": "说明", + "width": 358.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n531", + "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": "n532", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n533", + "name": "操作", + "width": 53.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n534", + "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": "n535", + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n536", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n537", + "name": "第几项", + "width": 56.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n538", + "name": "1", + "width": 12.0, + "height": "fit_content", + "content": "1", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "fixed-width", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n539", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n540", + "name": "名称", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n541", + "name": "activeTab", + "width": "fit_content", + "height": "fit_content", + "content": "activeTab", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9cdcfe" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n542", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n543", + "name": "说明", + "width": 358.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n544", "name": "当前值", "width": "fit_content", "height": "fit_content", @@ -9112,72 +9221,115 @@ "color": "#cccccc" } ] - }, + } + ] + }, + { + "type": "rectangle", + "id": "n545", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n546", + "name": "操作", + "width": 53.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ { "type": "frame", - "id": "n540", - "name": "git-branch / 谁用了这个状态", + "id": "n547", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 1.0, - "padding": [ - 0.0, - 4.0 - ], + "gap": 2.0, "alignItems": "center", "clipContent": false, - "cornerRadius": 4.0, "children": [ - { - "type": "icon_font", - "id": "n541", - "name": "git-branch", - "iconFontName": "git-branch", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, { "type": "frame", - "id": "n542", - "name": "Count", - "width": 14.0, - "height": 14.0, + "id": "n548", + "name": "git-branch / 谁用了这个状态", + "width": "fit_content", + "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 1.0, + "padding": [ + 0.0, + 4.0 + ], "alignItems": "center", "clipContent": false, - "cornerRadius": 7.0, - "fill": [ - { - "type": "solid", - "color": "#616161" - } - ], + "cornerRadius": 4.0, "children": [ { - "type": "text", - "id": "n543", - "name": "1", - "width": 8.0, - "height": "fit_content", - "content": "1", - "fontFamily": "PingFang SC", - "fontSize": 9.0, - "fontWeight": 700, - "lineHeight": 1.5555555555555556, - "textGrowth": "fixed-width", + "type": "icon_font", + "id": "n549", + "name": "git-branch", + "iconFontName": "git-branch", + "width": 14.0, + "height": 14.0, "fill": [ { "type": "solid", - "color": "#f8f8f8" + "color": "#9d9d9d" + } + ] + }, + { + "type": "frame", + "id": "n550", + "name": "Count", + "width": 14.0, + "height": 14.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 7.0, + "fill": [ + { + "type": "solid", + "color": "#616161" + } + ], + "children": [ + { + "type": "text", + "id": "n551", + "name": "1", + "width": 8.0, + "height": "fit_content", + "content": "1", + "fontFamily": "PingFang SC", + "fontSize": 9.0, + "fontWeight": 700, + "lineHeight": 1.5555555555555556, + "textGrowth": "fixed-width", + "fill": [ + { + "type": "solid", + "color": "#f8f8f8" + } + ] } ] } @@ -9188,160 +9340,147 @@ ] } ] - } - ] - }, - { - "type": "rectangle", - "id": "n544", - "name": "Divider", - "width": "fill_container", - "height": 1.0, - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n545", - "name": "Row", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 0.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n546", - "name": "第几项", - "width": 56.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n547", - "name": "2", - "width": 12.0, - "height": "fit_content", - "content": "2", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "fixed-width", - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] }, { "type": "rectangle", - "id": "n548", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", - "id": "n549", - "name": "名称", - "width": 114.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 - ], - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n550", - "name": "setActiveTab", - "width": "fit_content", - "height": "fit_content", - "content": "setActiveTab", - "fontFamily": "Menlo", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#dcdcaa" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "n551", - "name": "Sep", - "width": 1.0, - "height": "fill_container", - "fill": [ - { - "type": "solid", - "color": "#3c3c3c" - } - ], - "children": [] - }, - { - "type": "frame", "id": "n552", - "name": "是什么", - "width": 412.0, - "height": "fit_content", - "layout": "vertical", - "gap": 3.0, - "padding": [ - 2.0, - 8.0 + "name": "Divider", + "width": "fill_container", + "height": 1.0, + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } ], + "children": [] + }, + { + "type": "frame", + "id": "n553", + "name": "Row", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 0.0, + "alignItems": "start", "clipContent": false, "children": [ { "type": "frame", - "id": "n553", - "name": "What", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 6.0, - "alignItems": "center", + "id": "n554", + "name": "第几项", + "width": 56.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], "clipContent": false, "children": [ { "type": "text", - "id": "n554", + "id": "n555", + "name": "2", + "width": 12.0, + "height": "fit_content", + "content": "2", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "fixed-width", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n556", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n557", + "name": "名称", + "width": 114.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n558", + "name": "setActiveTab", + "width": "fit_content", + "height": "fit_content", + "content": "setActiveTab", + "fontFamily": "Menlo", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n559", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n560", + "name": "说明", + "width": 358.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n561", "name": "修改函数", "width": "fit_content", "height": "fit_content", @@ -9357,131 +9496,117 @@ "color": "#cccccc" } ] - }, + } + ] + }, + { + "type": "rectangle", + "id": "n562", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n563", + "name": "操作", + "width": 53.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ { "type": "frame", - "id": "n555", - "name": "git-branch / 谁改了这个状态", + "id": "n564", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 1.0, - "padding": [ - 0.0, - 4.0 - ], + "gap": 2.0, "alignItems": "center", "clipContent": false, - "cornerRadius": 4.0, "children": [ - { - "type": "icon_font", - "id": "n556", - "name": "git-branch", - "iconFontName": "git-branch", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - }, { "type": "frame", - "id": "n557", - "name": "Count", - "width": 14.0, - "height": 14.0, + "id": "n565", + "name": "git-branch / 谁改了这个状态", + "width": "fit_content", + "height": 20.0, "layout": "horizontal", - "gap": 0.0, - "justifyContent": "center", + "gap": 1.0, + "padding": [ + 0.0, + 4.0 + ], "alignItems": "center", "clipContent": false, - "cornerRadius": 7.0, - "fill": [ - { - "type": "solid", - "color": "#616161" - } - ], + "cornerRadius": 4.0, "children": [ { - "type": "text", - "id": "n558", - "name": "1", - "width": 8.0, - "height": "fit_content", - "content": "1", - "fontFamily": "PingFang SC", - "fontSize": 9.0, - "fontWeight": 700, - "lineHeight": 1.5555555555555556, - "textGrowth": "fixed-width", + "type": "icon_font", + "id": "n566", + "name": "git-branch", + "iconFontName": "git-branch", + "width": 14.0, + "height": 14.0, "fill": [ { "type": "solid", - "color": "#f8f8f8" + "color": "#9d9d9d" } ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n559", - "name": "Tooltip", - "width": 97.0, - "height": 20.0, - "layout": "horizontal", - "justifyContent": "center", - "alignItems": "center", - "cornerRadius": 4.0, - "fill": [ - { - "type": "solid", - "color": "#202020" - } - ], - "stroke": { - "thickness": 1.0, - "fill": [ - { - "type": "solid", - "color": "#454545" - } - ] - }, - "effects": [ - { - "type": "shadow", - "offsetX": 0.0, - "offsetY": 2.0, - "blur": 8.0, - "spread": 0.0, - "color": "rgba(0,0,0,0.36)" - } - ], - "children": [ - { - "type": "text", - "id": "n560", - "name": "谁改了这个状态", - "width": "fit_content", - "height": "fit_content", - "content": "谁改了这个状态", - "fontFamily": "PingFang SC", - "fontSize": 11.0, - "fontWeight": 400, - "lineHeight": 1.2727272727272727, - "textGrowth": "auto", - "fill": [ + }, { - "type": "solid", - "color": "#cccccc" + "type": "frame", + "id": "n567", + "name": "Count", + "width": 14.0, + "height": 14.0, + "layout": "horizontal", + "gap": 0.0, + "justifyContent": "center", + "alignItems": "center", + "clipContent": false, + "cornerRadius": 7.0, + "fill": [ + { + "type": "solid", + "color": "#616161" + } + ], + "children": [ + { + "type": "text", + "id": "n568", + "name": "1", + "width": 8.0, + "height": "fit_content", + "content": "1", + "fontFamily": "PingFang SC", + "fontSize": 9.0, + "fontWeight": 700, + "lineHeight": 1.5555555555555556, + "textGrowth": "fixed-width", + "fill": [ + { + "type": "solid", + "color": "#f8f8f8" + } + ] + } + ] } ] } @@ -9494,47 +9619,78 @@ ] } ] - } - ] - }, - { - "type": "frame", - "id": "n561", - "name": "Prop / 来自", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ + }, { "type": "frame", - "id": "n562", - "name": "Key", - "width": 76.0, - "height": 20.0, + "id": "n569", + "name": "Prop / 来自", + "width": "fill_container", + "height": "fit_content", "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", + "gap": 12.0, + "alignItems": "start", "clipContent": false, "children": [ { - "type": "text", - "id": "n563", - "name": "来自", - "width": "fit_content", - "height": "fit_content", - "content": "来自", - "fontFamily": "PingFang SC", - "fontSize": 12.5, - "fontWeight": 400, - "lineHeight": 1.6, - "textGrowth": "auto", - "fill": [ + "type": "frame", + "id": "n570", + "name": "Key", + "width": 76.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#9d9d9d" + "type": "text", + "id": "n571", + "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": "n572", + "name": "Value", + "width": "fill_container", + "height": "fit_content", + "layout": "vertical", + "gap": 2.0, + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n573", + "name": "useState（悬停：React 内置钩子）", + "width": "fit_content", + "height": "fit_content", + "content": "useState", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#dcdcaa" + } + ] } ] } @@ -9542,21 +9698,60 @@ }, { "type": "frame", - "id": "n564", - "name": "Value", + "id": "n574", + "name": "Prop / 状态类型", "width": "fill_container", "height": "fit_content", - "layout": "vertical", - "gap": 2.0, + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", "clipContent": false, "children": [ + { + "type": "frame", + "id": "n575", + "name": "Key", + "width": 76.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n576", + "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": "n565", - "name": "useState（悬停：React 内置钩子）", + "id": "n577", + "name": "LoginTab", "width": "fit_content", "height": "fit_content", - "content": "useState", + "content": [ + { + "text": "LoginTab", + "fill": "#4ec9b0", + "underline": true + } + ], "fontFamily": "Menlo", "fontSize": 13.0, "fontWeight": 400, @@ -9565,214 +9760,144 @@ "fill": [ { "type": "solid", - "color": "#dcdcaa" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n566", - "name": "Prop / 状态类型", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n567", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n568", - "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" + "color": "#cccccc" } ] } ] }, - { - "type": "text", - "id": "n569", - "name": "LoginTab", - "width": "fit_content", - "height": "fit_content", - "content": [ - { - "text": "LoginTab", - "fill": "#4ec9b0", - "underline": true - } - ], - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#cccccc" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n570", - "name": "Prop / 默认值", - "width": "fill_container", - "height": "fit_content", - "layout": "horizontal", - "gap": 12.0, - "alignItems": "start", - "clipContent": false, - "children": [ { "type": "frame", - "id": "n571", - "name": "Key", - "width": 76.0, - "height": 20.0, - "layout": "horizontal", - "gap": 4.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "text", - "id": "n572", - "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": "n573", - "name": "\"sms\"", - "width": "fit_content", - "height": "fit_content", - "content": "\"sms\"", - "fontFamily": "Menlo", - "fontSize": 13.0, - "fontWeight": 400, - "lineHeight": 1.5384615384615383, - "textGrowth": "auto", - "fill": [ - { - "type": "solid", - "color": "#ce9178" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "n574", - "name": "Tools", - "width": "fit_content", - "height": 20.0, - "layout": "horizontal", - "gap": 2.0, - "alignItems": "center", - "clipContent": false, - "children": [ - { - "type": "frame", - "id": "n575", - "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": "n576", - "name": "sparkles", - "iconFontName": "sparkles", - "width": 14.0, - "height": 14.0, - "fill": [ - { - "type": "solid", - "color": "#9d9d9d" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n577", - "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": "n578", - "name": "pencil", - "iconFontName": "pencil", - "width": 14.0, - "height": 14.0, - "fill": [ + "name": "Prop / 默认值", + "width": "fill_container", + "height": "fit_content", + "layout": "horizontal", + "gap": 12.0, + "alignItems": "start", + "clipContent": false, + "children": [ { - "type": "solid", - "color": "#9d9d9d" + "type": "frame", + "id": "n579", + "name": "Key", + "width": 76.0, + "height": 20.0, + "layout": "horizontal", + "gap": 4.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n580", + "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": "n581", + "name": "\"sms\"", + "width": "fit_content", + "height": "fit_content", + "content": "\"sms\"", + "fontFamily": "Menlo", + "fontSize": 13.0, + "fontWeight": 400, + "lineHeight": 1.5384615384615383, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#ce9178" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "n582", + "name": "Tools", + "width": "fit_content", + "height": 20.0, + "layout": "horizontal", + "gap": 2.0, + "alignItems": "center", + "clipContent": false, + "children": [ + { + "type": "frame", + "id": "n583", + "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": "n584", + "name": "sparkles", + "iconFontName": "sparkles", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "frame", + "id": "n585", + "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": "n586", + "name": "pencil", + "iconFontName": "pencil", + "width": 14.0, + "height": 14.0, + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] } ] } @@ -9792,7 +9917,7 @@ }, { "type": "frame", - "id": "n579", + "id": "n587", "name": "Lines 20–21", "width": "fill_container", "height": "fit_content", @@ -9803,7 +9928,7 @@ "children": [ { "type": "frame", - "id": "n580", + "id": "n588", "name": "Code", "width": 600.0, "height": "fill_container", @@ -9819,7 +9944,7 @@ "children": [ { "type": "frame", - "id": "n581", + "id": "n589", "name": "Line 20", "width": "fill_container", "height": 20.0, @@ -9830,7 +9955,7 @@ "children": [ { "type": "frame", - "id": "n582", + "id": "n590", "name": "Number", "width": 44.0, "height": 20.0, @@ -9842,7 +9967,7 @@ "children": [ { "type": "text", - "id": "n583", + "id": "n591", "name": "20", "width": "fit_content", "height": "fit_content", @@ -9863,7 +9988,7 @@ }, { "type": "frame", - "id": "n584", + "id": "n592", "name": "Margin", "width": 41.66, "height": 20.0, @@ -9871,7 +9996,7 @@ }, { "type": "text", - "id": "n585", + "id": "n593", "name": "const [passwordView, setPasswordView] = ", "width": "fit_content", "height": "fit_content", @@ -9957,7 +10082,7 @@ }, { "type": "frame", - "id": "n586", + "id": "n594", "name": "Line 21", "width": "fill_container", "height": 20.0, @@ -9968,7 +10093,7 @@ "children": [ { "type": "frame", - "id": "n587", + "id": "n595", "name": "Number", "width": 44.0, "height": 20.0, @@ -9980,7 +10105,7 @@ "children": [ { "type": "text", - "id": "n588", + "id": "n596", "name": "21", "width": "fit_content", "height": "fit_content", @@ -10001,7 +10126,7 @@ }, { "type": "frame", - "id": "n589", + "id": "n597", "name": "Margin", "width": 26.0, "height": 20.0, @@ -10013,7 +10138,7 @@ }, { "type": "rectangle", - "id": "n590", + "id": "n598", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -10027,7 +10152,7 @@ }, { "type": "frame", - "id": "n591", + "id": "n599", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -10043,7 +10168,7 @@ "children": [ { "type": "frame", - "id": "n592", + "id": "n600", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -10054,7 +10179,7 @@ "children": [ { "type": "frame", - "id": "n593", + "id": "n601", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -10065,7 +10190,7 @@ "children": [ { "type": "rectangle", - "id": "n594", + "id": "n602", "name": "Line", "width": 1.0, "height": "fill_container", @@ -10081,7 +10206,7 @@ }, { "type": "frame", - "id": "n595", + "id": "n603", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -10097,7 +10222,7 @@ "children": [ { "type": "frame", - "id": "n596", + "id": "n604", "name": "状态 / passwordView", "width": "fill_container", "height": "fit_content", @@ -10130,7 +10255,7 @@ "children": [ { "type": "frame", - "id": "n597", + "id": "n605", "name": "Fold", "width": 14.0, "height": 20.0, @@ -10143,7 +10268,7 @@ }, { "type": "frame", - "id": "n598", + "id": "n606", "name": "Concepts", "width": 42.0, "height": 20.0, @@ -10154,7 +10279,7 @@ "children": [ { "type": "frame", - "id": "n599", + "id": "n607", "name": "Concept / 变量", "width": 20.0, "height": 20.0, @@ -10166,7 +10291,7 @@ "children": [ { "type": "icon_font", - "id": "n600", + "id": "n608", "name": "variable", "iconFontName": "variable", "width": 16.0, @@ -10182,7 +10307,7 @@ }, { "type": "frame", - "id": "n601", + "id": "n609", "name": "Concept / React 状态", "width": 20.0, "height": 20.0, @@ -10194,7 +10319,7 @@ "children": [ { "type": "icon_font", - "id": "n602", + "id": "n610", "name": "toggle-right", "iconFontName": "toggle-right", "width": 16.0, @@ -10212,7 +10337,7 @@ }, { "type": "frame", - "id": "n603", + "id": "n611", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -10222,7 +10347,7 @@ "children": [ { "type": "frame", - "id": "n604", + "id": "n612", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -10233,7 +10358,7 @@ "children": [ { "type": "frame", - "id": "n605", + "id": "n613", "name": "Key", "width": 76.0, "height": 20.0, @@ -10244,7 +10369,7 @@ "children": [ { "type": "icon_font", - "id": "n606", + "id": "n614", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -10258,7 +10383,7 @@ }, { "type": "text", - "id": "n607", + "id": "n615", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -10279,7 +10404,7 @@ }, { "type": "frame", - "id": "n608", + "id": "n616", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -10289,7 +10414,7 @@ "children": [ { "type": "frame", - "id": "n609", + "id": "n617", "name": "Destructure", "width": "fit_content", "height": 20.0, @@ -10300,7 +10425,7 @@ "children": [ { "type": "text", - "id": "n610", + "id": "n618", "name": "[passwordView, setPasswordView]", "width": "fit_content", "height": "fit_content", @@ -10342,7 +10467,7 @@ }, { "type": "text", - "id": "n611", + "id": "n619", "name": "数组解构", "width": "fit_content", "height": "fit_content", @@ -10367,7 +10492,7 @@ }, { "type": "frame", - "id": "n612", + "id": "n620", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -10383,7 +10508,7 @@ "children": [ { "type": "frame", - "id": "n613", + "id": "n621", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -10403,7 +10528,7 @@ "children": [ { "type": "frame", - "id": "n614", + "id": "n622", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -10420,7 +10545,7 @@ "children": [ { "type": "frame", - "id": "n615", + "id": "n623", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -10434,7 +10559,7 @@ "children": [ { "type": "text", - "id": "n616", + "id": "n624", "name": "第几项", "width": "fit_content", "height": "fit_content", @@ -10455,7 +10580,7 @@ }, { "type": "rectangle", - "id": "n617", + "id": "n625", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10469,7 +10594,7 @@ }, { "type": "frame", - "id": "n618", + "id": "n626", "name": "名称", "width": 137.0, "height": "fit_content", @@ -10483,7 +10608,7 @@ "children": [ { "type": "text", - "id": "n619", + "id": "n627", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -10504,7 +10629,7 @@ }, { "type": "rectangle", - "id": "n620", + "id": "n628", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10518,9 +10643,9 @@ }, { "type": "frame", - "id": "n621", - "name": "是什么", - "width": 389.0, + "id": "n629", + "name": "说明", + "width": 335.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -10532,11 +10657,60 @@ "children": [ { "type": "text", - "id": "n622", - "name": "是什么", + "id": "n630", + "name": "说明", "width": "fit_content", "height": "fit_content", - "content": "是什么", + "content": "说明", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n631", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n632", + "name": "操作", + "width": 53.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n633", + "name": "操作", + "width": "fit_content", + "height": "fit_content", + "content": "操作", "fontFamily": "PingFang SC", "fontSize": 12.0, "fontWeight": 400, @@ -10555,7 +10729,7 @@ }, { "type": "rectangle", - "id": "n623", + "id": "n634", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -10569,7 +10743,7 @@ }, { "type": "frame", - "id": "n624", + "id": "n635", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -10580,7 +10754,7 @@ "children": [ { "type": "frame", - "id": "n625", + "id": "n636", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -10594,7 +10768,7 @@ "children": [ { "type": "text", - "id": "n626", + "id": "n637", "name": "1", "width": 12.0, "height": "fit_content", @@ -10615,7 +10789,7 @@ }, { "type": "rectangle", - "id": "n627", + "id": "n638", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10629,7 +10803,7 @@ }, { "type": "frame", - "id": "n628", + "id": "n639", "name": "名称", "width": 137.0, "height": "fit_content", @@ -10643,7 +10817,7 @@ "children": [ { "type": "text", - "id": "n629", + "id": "n640", "name": "passwordView", "width": "fit_content", "height": "fit_content", @@ -10664,7 +10838,7 @@ }, { "type": "rectangle", - "id": "n630", + "id": "n641", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10678,9 +10852,58 @@ }, { "type": "frame", - "id": "n631", - "name": "是什么", - "width": 389.0, + "id": "n642", + "name": "说明", + "width": 335.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n643", + "name": "当前值", + "width": "fit_content", + "height": "fit_content", + "content": "当前值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n644", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n645", + "name": "操作", + "width": 53.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -10692,37 +10915,18 @@ "children": [ { "type": "frame", - "id": "n632", - "name": "What", + "id": "n646", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 6.0, + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ - { - "type": "text", - "id": "n633", - "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": "n634", + "id": "n647", "name": "git-branch / 谁用了这个状态", "width": "fit_content", "height": 20.0, @@ -10738,7 +10942,7 @@ "children": [ { "type": "icon_font", - "id": "n635", + "id": "n648", "name": "git-branch", "iconFontName": "git-branch", "width": 14.0, @@ -10752,7 +10956,7 @@ }, { "type": "frame", - "id": "n636", + "id": "n649", "name": "Count", "width": 14.0, "height": 14.0, @@ -10771,7 +10975,7 @@ "children": [ { "type": "text", - "id": "n637", + "id": "n650", "name": "1", "width": 8.0, "height": "fit_content", @@ -10800,7 +11004,7 @@ }, { "type": "rectangle", - "id": "n638", + "id": "n651", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -10814,7 +11018,7 @@ }, { "type": "frame", - "id": "n639", + "id": "n652", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -10825,7 +11029,7 @@ "children": [ { "type": "frame", - "id": "n640", + "id": "n653", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -10839,7 +11043,7 @@ "children": [ { "type": "text", - "id": "n641", + "id": "n654", "name": "2", "width": 12.0, "height": "fit_content", @@ -10860,7 +11064,7 @@ }, { "type": "rectangle", - "id": "n642", + "id": "n655", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10874,7 +11078,7 @@ }, { "type": "frame", - "id": "n643", + "id": "n656", "name": "名称", "width": 137.0, "height": "fit_content", @@ -10888,7 +11092,7 @@ "children": [ { "type": "text", - "id": "n644", + "id": "n657", "name": "setPasswordView", "width": "fit_content", "height": "fit_content", @@ -10909,7 +11113,7 @@ }, { "type": "rectangle", - "id": "n645", + "id": "n658", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -10923,9 +11127,58 @@ }, { "type": "frame", - "id": "n646", - "name": "是什么", - "width": 389.0, + "id": "n659", + "name": "说明", + "width": 335.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n660", + "name": "修改函数", + "width": "fit_content", + "height": "fit_content", + "content": "修改函数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n661", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n662", + "name": "操作", + "width": 53.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -10937,37 +11190,18 @@ "children": [ { "type": "frame", - "id": "n647", - "name": "What", + "id": "n663", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 6.0, + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ - { - "type": "text", - "id": "n648", - "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": "n649", + "id": "n664", "name": "git-branch / 谁改了这个状态", "width": "fit_content", "height": 20.0, @@ -10983,7 +11217,7 @@ "children": [ { "type": "icon_font", - "id": "n650", + "id": "n665", "name": "git-branch", "iconFontName": "git-branch", "width": 14.0, @@ -10997,7 +11231,7 @@ }, { "type": "frame", - "id": "n651", + "id": "n666", "name": "Count", "width": 14.0, "height": 14.0, @@ -11016,7 +11250,7 @@ "children": [ { "type": "text", - "id": "n652", + "id": "n667", "name": "1", "width": 8.0, "height": "fit_content", @@ -11049,7 +11283,7 @@ }, { "type": "frame", - "id": "n653", + "id": "n668", "name": "Prop / 来自", "width": "fill_container", "height": "fit_content", @@ -11060,7 +11294,7 @@ "children": [ { "type": "frame", - "id": "n654", + "id": "n669", "name": "Key", "width": 76.0, "height": 20.0, @@ -11071,7 +11305,7 @@ "children": [ { "type": "text", - "id": "n655", + "id": "n670", "name": "来自", "width": "fit_content", "height": "fit_content", @@ -11092,7 +11326,7 @@ }, { "type": "frame", - "id": "n656", + "id": "n671", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -11102,7 +11336,7 @@ "children": [ { "type": "text", - "id": "n657", + "id": "n672", "name": "useState（悬停：React 内置钩子）", "width": "fit_content", "height": "fit_content", @@ -11125,7 +11359,7 @@ }, { "type": "frame", - "id": "n658", + "id": "n673", "name": "Prop / 状态类型", "width": "fill_container", "height": "fit_content", @@ -11136,7 +11370,7 @@ "children": [ { "type": "frame", - "id": "n659", + "id": "n674", "name": "Key", "width": 76.0, "height": 20.0, @@ -11147,7 +11381,7 @@ "children": [ { "type": "text", - "id": "n660", + "id": "n675", "name": "状态类型", "width": "fit_content", "height": "fit_content", @@ -11168,7 +11402,7 @@ }, { "type": "text", - "id": "n661", + "id": "n676", "name": "PasswordView", "width": "fit_content", "height": "fit_content", @@ -11195,7 +11429,7 @@ }, { "type": "frame", - "id": "n662", + "id": "n677", "name": "Prop / 默认值", "width": "fill_container", "height": "fit_content", @@ -11206,7 +11440,7 @@ "children": [ { "type": "frame", - "id": "n663", + "id": "n678", "name": "Key", "width": 76.0, "height": 20.0, @@ -11217,7 +11451,7 @@ "children": [ { "type": "text", - "id": "n664", + "id": "n679", "name": "默认值", "width": "fit_content", "height": "fit_content", @@ -11238,7 +11472,7 @@ }, { "type": "text", - "id": "n665", + "id": "n680", "name": "\"login\"", "width": "fit_content", "height": "fit_content", @@ -11261,7 +11495,7 @@ }, { "type": "frame", - "id": "n666", + "id": "n681", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -11272,7 +11506,7 @@ "children": [ { "type": "frame", - "id": "n667", + "id": "n682", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -11285,7 +11519,7 @@ "children": [ { "type": "icon_font", - "id": "n668", + "id": "n683", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -11301,7 +11535,7 @@ }, { "type": "frame", - "id": "n669", + "id": "n684", "name": "pencil", "width": 22.0, "height": 20.0, @@ -11314,7 +11548,7 @@ "children": [ { "type": "icon_font", - "id": "n670", + "id": "n685", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -11342,7 +11576,7 @@ }, { "type": "frame", - "id": "n671", + "id": "n686", "name": "Lines 22–34", "width": "fill_container", "height": "fit_content", @@ -11353,7 +11587,7 @@ "children": [ { "type": "frame", - "id": "n672", + "id": "n687", "name": "Code", "width": 600.0, "height": "fill_container", @@ -11369,7 +11603,7 @@ "children": [ { "type": "frame", - "id": "n673", + "id": "n688", "name": "Line 22", "width": "fill_container", "height": 20.0, @@ -11380,7 +11614,7 @@ "children": [ { "type": "frame", - "id": "n674", + "id": "n689", "name": "Number", "width": 44.0, "height": 20.0, @@ -11392,7 +11626,7 @@ "children": [ { "type": "text", - "id": "n675", + "id": "n690", "name": "22", "width": "fit_content", "height": "fit_content", @@ -11413,7 +11647,7 @@ }, { "type": "frame", - "id": "n676", + "id": "n691", "name": "Margin", "width": 41.66, "height": 20.0, @@ -11421,7 +11655,7 @@ }, { "type": "text", - "id": "n677", + "id": "n692", "name": "return (", "width": "fit_content", "height": "fit_content", @@ -11455,7 +11689,7 @@ }, { "type": "frame", - "id": "n678", + "id": "n693", "name": "Line 23", "width": "fill_container", "height": 20.0, @@ -11466,7 +11700,7 @@ "children": [ { "type": "frame", - "id": "n679", + "id": "n694", "name": "Number", "width": 44.0, "height": 20.0, @@ -11478,7 +11712,7 @@ "children": [ { "type": "text", - "id": "n680", + "id": "n695", "name": "23", "width": "fit_content", "height": "fit_content", @@ -11499,7 +11733,7 @@ }, { "type": "frame", - "id": "n681", + "id": "n696", "name": "Margin", "width": 57.32, "height": 20.0, @@ -11507,7 +11741,7 @@ }, { "type": "text", - "id": "n682", + "id": "n697", "name": "
router.replace(from && ", "width": "fit_content", "height": "fit_content", @@ -12283,7 +12517,7 @@ }, { "type": "frame", - "id": "n718", + "id": "n733", "name": "Line 31", "width": "fill_container", "height": 20.0, @@ -12294,7 +12528,7 @@ "children": [ { "type": "frame", - "id": "n719", + "id": "n734", "name": "Number", "width": 44.0, "height": 20.0, @@ -12306,7 +12540,7 @@ "children": [ { "type": "text", - "id": "n720", + "id": "n735", "name": "31", "width": "fit_content", "height": "fit_content", @@ -12327,7 +12561,7 @@ }, { "type": "frame", - "id": "n721", + "id": "n736", "name": "Margin", "width": 88.64, "height": 20.0, @@ -12335,7 +12569,7 @@ }, { "type": "text", - "id": "n722", + "id": "n737", "name": "/>", "width": "fit_content", "height": "fit_content", @@ -12356,7 +12590,7 @@ }, { "type": "frame", - "id": "n723", + "id": "n738", "name": "Line 32", "width": "fill_container", "height": 20.0, @@ -12367,7 +12601,7 @@ "children": [ { "type": "frame", - "id": "n724", + "id": "n739", "name": "Number", "width": 44.0, "height": 20.0, @@ -12379,7 +12613,7 @@ "children": [ { "type": "text", - "id": "n725", + "id": "n740", "name": "32", "width": "fit_content", "height": "fit_content", @@ -12400,7 +12634,7 @@ }, { "type": "frame", - "id": "n726", + "id": "n741", "name": "Margin", "width": 72.98, "height": 20.0, @@ -12408,7 +12642,7 @@ }, { "type": "text", - "id": "n727", + "id": "n742", "name": "", "width": "fit_content", "height": "fit_content", @@ -12442,7 +12676,7 @@ }, { "type": "frame", - "id": "n728", + "id": "n743", "name": "Line 33", "width": "fill_container", "height": 20.0, @@ -12453,7 +12687,7 @@ "children": [ { "type": "frame", - "id": "n729", + "id": "n744", "name": "Number", "width": 44.0, "height": 20.0, @@ -12465,7 +12699,7 @@ "children": [ { "type": "text", - "id": "n730", + "id": "n745", "name": "33", "width": "fit_content", "height": "fit_content", @@ -12486,7 +12720,7 @@ }, { "type": "frame", - "id": "n731", + "id": "n746", "name": "Margin", "width": 57.32, "height": 20.0, @@ -12494,7 +12728,7 @@ }, { "type": "text", - "id": "n732", + "id": "n747", "name": "
", "width": "fit_content", "height": "fit_content", @@ -12528,7 +12762,7 @@ }, { "type": "frame", - "id": "n733", + "id": "n748", "name": "Line 34", "width": "fill_container", "height": 20.0, @@ -12539,7 +12773,7 @@ "children": [ { "type": "frame", - "id": "n734", + "id": "n749", "name": "Number", "width": 44.0, "height": 20.0, @@ -12551,7 +12785,7 @@ "children": [ { "type": "text", - "id": "n735", + "id": "n750", "name": "34", "width": "fit_content", "height": "fit_content", @@ -12572,7 +12806,7 @@ }, { "type": "frame", - "id": "n736", + "id": "n751", "name": "Margin", "width": 41.66, "height": 20.0, @@ -12580,7 +12814,7 @@ }, { "type": "text", - "id": "n737", + "id": "n752", "name": ");", "width": "fit_content", "height": "fit_content", @@ -12612,7 +12846,7 @@ }, { "type": "rectangle", - "id": "n738", + "id": "n753", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -12626,7 +12860,7 @@ }, { "type": "frame", - "id": "n739", + "id": "n754", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -12642,7 +12876,7 @@ "children": [ { "type": "frame", - "id": "n740", + "id": "n755", "name": "Level", "width": "fill_container", "height": "fit_content", @@ -12653,7 +12887,7 @@ "children": [ { "type": "frame", - "id": "n741", + "id": "n756", "name": "Guide", "width": 12.0, "height": "fill_container", @@ -12664,7 +12898,7 @@ "children": [ { "type": "rectangle", - "id": "n742", + "id": "n757", "name": "Line", "width": 1.0, "height": "fill_container", @@ -12680,7 +12914,7 @@ }, { "type": "frame", - "id": "n743", + "id": "n758", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -12696,7 +12930,7 @@ "children": [ { "type": "frame", - "id": "n744", + "id": "n759", "name": "渲染输出 / DesktopLoginPage", "width": "fill_container", "height": "fit_content", @@ -12729,7 +12963,7 @@ "children": [ { "type": "frame", - "id": "n745", + "id": "n760", "name": "Fold", "width": 14.0, "height": 20.0, @@ -12742,7 +12976,7 @@ }, { "type": "frame", - "id": "n746", + "id": "n761", "name": "Concepts", "width": 20.0, "height": 20.0, @@ -12753,7 +12987,7 @@ "children": [ { "type": "frame", - "id": "n747", + "id": "n762", "name": "Concept / 渲染输出", "width": 20.0, "height": 20.0, @@ -12765,7 +12999,7 @@ "children": [ { "type": "icon_font", - "id": "n748", + "id": "n763", "name": "layout-template", "iconFontName": "layout-template", "width": 16.0, @@ -12783,7 +13017,7 @@ }, { "type": "frame", - "id": "n749", + "id": "n764", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -12793,7 +13027,7 @@ "children": [ { "type": "frame", - "id": "n750", + "id": "n765", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -12803,7 +13037,7 @@ "children": [ { "type": "frame", - "id": "n751", + "id": "n766", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -12814,7 +13048,7 @@ "children": [ { "type": "frame", - "id": "n752", + "id": "n767", "name": "Fold", "width": 14.0, "height": 20.0, @@ -12826,7 +13060,7 @@ "children": [ { "type": "icon_font", - "id": "n753", + "id": "n768", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -12842,7 +13076,7 @@ }, { "type": "frame", - "id": "n754", + "id": "n769", "name": "Line", "width": "fill_container", "height": 20.0, @@ -12853,7 +13087,7 @@ "children": [ { "type": "text", - "id": "n755", + "id": "n770", "name": "
", "width": "fit_content", "height": "fit_content", @@ -12872,7 +13106,7 @@ }, { "type": "frame", - "id": "n756", + "id": "n771", "name": "Classes", "width": "fit_content", "height": 20.0, @@ -12903,7 +13137,7 @@ "children": [ { "type": "text", - "id": "n757", + "id": "n772", "name": "样式 4 个类", "width": "fit_content", "height": "fit_content", @@ -12928,7 +13162,7 @@ }, { "type": "frame", - "id": "n758", + "id": "n773", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -12945,7 +13179,7 @@ "children": [ { "type": "rectangle", - "id": "n759", + "id": "n774", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -12959,7 +13193,7 @@ }, { "type": "frame", - "id": "n760", + "id": "n775", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -12969,7 +13203,7 @@ "children": [ { "type": "frame", - "id": "n761", + "id": "n776", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -12979,7 +13213,7 @@ "children": [ { "type": "frame", - "id": "n762", + "id": "n777", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -12990,7 +13224,7 @@ "children": [ { "type": "frame", - "id": "n763", + "id": "n778", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13002,7 +13236,7 @@ "children": [ { "type": "icon_font", - "id": "n764", + "id": "n779", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -13018,7 +13252,7 @@ }, { "type": "frame", - "id": "n765", + "id": "n780", "name": "Line", "width": "fill_container", "height": 20.0, @@ -13029,7 +13263,7 @@ "children": [ { "type": "text", - "id": "n766", + "id": "n781", "name": "
", "width": "fit_content", "height": "fit_content", @@ -13048,7 +13282,7 @@ }, { "type": "frame", - "id": "n767", + "id": "n782", "name": "Classes", "width": "fit_content", "height": 20.0, @@ -13079,7 +13313,7 @@ "children": [ { "type": "text", - "id": "n768", + "id": "n783", "name": "样式 5 个类", "width": "fit_content", "height": "fit_content", @@ -13104,7 +13338,7 @@ }, { "type": "frame", - "id": "n769", + "id": "n784", "name": "Sub", "width": "fill_container", "height": "fit_content", @@ -13121,7 +13355,7 @@ "children": [ { "type": "rectangle", - "id": "n770", + "id": "n785", "name": "Guide", "width": 1.0, "height": "fill_container", @@ -13135,7 +13369,7 @@ }, { "type": "frame", - "id": "n771", + "id": "n786", "name": "Kids", "width": "fill_container", "height": "fit_content", @@ -13145,7 +13379,7 @@ "children": [ { "type": "frame", - "id": "n772", + "id": "n787", "name": "Outline", "width": "fill_container", "height": "fit_content", @@ -13155,7 +13389,7 @@ "children": [ { "type": "frame", - "id": "n773", + "id": "n788", "name": "Item", "width": "fill_container", "height": "fit_content", @@ -13166,7 +13400,7 @@ "children": [ { "type": "frame", - "id": "n774", + "id": "n789", "name": "Fold", "width": 14.0, "height": 20.0, @@ -13179,7 +13413,7 @@ }, { "type": "frame", - "id": "n775", + "id": "n790", "name": "Lines", "width": "fill_container", "height": "fit_content", @@ -13189,7 +13423,7 @@ "children": [ { "type": "frame", - "id": "n776", + "id": "n791", "name": "Line", "width": "fill_container", "height": "fit_content", @@ -13206,7 +13440,7 @@ "children": [ { "type": "text", - "id": "n777", + "id": "n792", "name": "", "width": "fit_content", "height": "fit_content", @@ -13225,7 +13459,7 @@ }, { "type": "text", - "id": "n778", + "id": "n793", "name": "activeTab=activeTab", "width": "fit_content", "height": "fit_content", @@ -13258,7 +13492,7 @@ }, { "type": "text", - "id": "n779", + "id": "n794", "name": "onTabChange=setActiveTab", "width": "fit_content", "height": "fit_content", @@ -13293,7 +13527,7 @@ }, { "type": "frame", - "id": "n780", + "id": "n795", "name": "Line", "width": "fill_container", "height": "fit_content", @@ -13310,7 +13544,7 @@ "children": [ { "type": "text", - "id": "n781", + "id": "n796", "name": "passwordView=passwordView", "width": "fit_content", "height": "fit_content", @@ -13343,7 +13577,7 @@ }, { "type": "text", - "id": "n782", + "id": "n797", "name": "onPasswordView=setPasswordView", "width": "fit_content", "height": "fit_content", @@ -13378,7 +13612,7 @@ }, { "type": "frame", - "id": "n783", + "id": "n798", "name": "Line", "width": "fill_container", "height": "fit_content", @@ -13395,7 +13629,7 @@ "children": [ { "type": "text", - "id": "n784", + "id": "n799", "name": "onSuccess=() => router.replace(如果 from 并", "width": "fit_content", "height": "fit_content", @@ -13533,7 +13767,7 @@ }, { "type": "frame", - "id": "n785", + "id": "n800", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -13544,7 +13778,7 @@ "children": [ { "type": "frame", - "id": "n786", + "id": "n801", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -13557,7 +13791,7 @@ "children": [ { "type": "icon_font", - "id": "n787", + "id": "n802", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -13573,7 +13807,7 @@ }, { "type": "frame", - "id": "n788", + "id": "n803", "name": "pencil", "width": 22.0, "height": 20.0, @@ -13586,7 +13820,7 @@ "children": [ { "type": "icon_font", - "id": "n789", + "id": "n804", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -13614,7 +13848,7 @@ }, { "type": "frame", - "id": "n790", + "id": "n805", "name": "Lines 35–37", "width": "fill_container", "height": "fit_content", @@ -13625,7 +13859,7 @@ "children": [ { "type": "frame", - "id": "n791", + "id": "n806", "name": "Code", "width": 600.0, "height": "fill_container", @@ -13641,7 +13875,7 @@ "children": [ { "type": "frame", - "id": "n792", + "id": "n807", "name": "Line 35", "width": "fill_container", "height": 20.0, @@ -13652,7 +13886,7 @@ "children": [ { "type": "frame", - "id": "n793", + "id": "n808", "name": "Number", "width": 44.0, "height": 20.0, @@ -13664,7 +13898,7 @@ "children": [ { "type": "text", - "id": "n794", + "id": "n809", "name": "35", "width": "fit_content", "height": "fit_content", @@ -13685,7 +13919,7 @@ }, { "type": "frame", - "id": "n795", + "id": "n810", "name": "Margin", "width": 26.0, "height": 20.0, @@ -13693,7 +13927,7 @@ }, { "type": "text", - "id": "n796", + "id": "n811", "name": "};", "width": "fit_content", "height": "fit_content", @@ -13723,7 +13957,7 @@ }, { "type": "frame", - "id": "n797", + "id": "n812", "name": "Line 36", "width": "fill_container", "height": 20.0, @@ -13734,7 +13968,7 @@ "children": [ { "type": "frame", - "id": "n798", + "id": "n813", "name": "Number", "width": 44.0, "height": 20.0, @@ -13746,7 +13980,7 @@ "children": [ { "type": "text", - "id": "n799", + "id": "n814", "name": "36", "width": "fit_content", "height": "fit_content", @@ -13767,7 +14001,7 @@ }, { "type": "frame", - "id": "n800", + "id": "n815", "name": "Margin", "width": 26.0, "height": 20.0, @@ -13777,7 +14011,7 @@ }, { "type": "frame", - "id": "n801", + "id": "n816", "name": "Line 37", "width": "fill_container", "height": 20.0, @@ -13788,7 +14022,7 @@ "children": [ { "type": "frame", - "id": "n802", + "id": "n817", "name": "Number", "width": 44.0, "height": 20.0, @@ -13800,7 +14034,7 @@ "children": [ { "type": "text", - "id": "n803", + "id": "n818", "name": "37", "width": "fit_content", "height": "fit_content", @@ -13821,7 +14055,7 @@ }, { "type": "frame", - "id": "n804", + "id": "n819", "name": "Margin", "width": 26.0, "height": 20.0, @@ -13829,7 +14063,7 @@ }, { "type": "text", - "id": "n805", + "id": "n820", "name": "export default DesktopLoginPage;", "width": "fit_content", "height": "fit_content", @@ -13877,7 +14111,7 @@ }, { "type": "rectangle", - "id": "n806", + "id": "n821", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -13891,7 +14125,7 @@ }, { "type": "frame", - "id": "n807", + "id": "n822", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -13907,7 +14141,7 @@ "children": [ { "type": "frame", - "id": "n808", + "id": "n823", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -13923,7 +14157,7 @@ }, { "type": "frame", - "id": "n809", + "id": "n824", "name": "End", "width": "fill_container", "height": 28.0, @@ -13934,7 +14168,7 @@ "children": [ { "type": "frame", - "id": "n810", + "id": "n825", "name": "Code", "width": 600.0, "height": 28.0, @@ -13942,7 +14176,7 @@ }, { "type": "rectangle", - "id": "n811", + "id": "n826", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -13962,7 +14196,7 @@ }, { "type": "frame", - "id": "n812", + "id": "n827", "name": "Status", "width": "fill_container", "height": 26.0, @@ -13984,7 +14218,7 @@ "children": [ { "type": "frame", - "id": "n813", + "id": "n828", "name": "Branch", "width": "fit_content", "height": "fit_content", @@ -13995,7 +14229,7 @@ "children": [ { "type": "icon_font", - "id": "n814", + "id": "n829", "name": "git-branch", "iconFontName": "git-branch", "width": 13.0, @@ -14009,7 +14243,7 @@ }, { "type": "text", - "id": "n815", + "id": "n830", "name": "master", "width": "fit_content", "height": "fit_content", @@ -14030,7 +14264,7 @@ }, { "type": "frame", - "id": "n816", + "id": "n831", "name": "Right", "width": "fit_content", "height": "fit_content", @@ -14041,7 +14275,7 @@ "children": [ { "type": "text", - "id": "n817", + "id": "n832", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -14060,7 +14294,7 @@ }, { "type": "text", - "id": "n818", + "id": "n833", "name": "TypeScript JSX", "width": "fit_content", "height": "fit_content", @@ -14085,7 +14319,7 @@ }, { "type": "frame", - "id": "n819", + "id": "n834", "name": "Prototype / React 状态 · 其他写法", "x": 1780.0, "y": 0.0, @@ -14103,7 +14337,7 @@ "children": [ { "type": "frame", - "id": "n820", + "id": "n835", "name": "Title bar", "width": "fill_container", "height": 36.0, @@ -14119,7 +14353,7 @@ "children": [ { "type": "frame", - "id": "n821", + "id": "n836", "name": "Lights", "width": "fit_content", "height": "fit_content", @@ -14130,7 +14364,7 @@ "children": [ { "type": "ellipse", - "id": "n822", + "id": "n837", "width": 12.0, "height": 12.0, "fill": [ @@ -14142,7 +14376,7 @@ }, { "type": "ellipse", - "id": "n823", + "id": "n838", "width": 12.0, "height": 12.0, "fill": [ @@ -14154,7 +14388,7 @@ }, { "type": "ellipse", - "id": "n824", + "id": "n839", "width": 12.0, "height": 12.0, "fill": [ @@ -14168,7 +14402,7 @@ }, { "type": "text", - "id": "n825", + "id": "n840", "name": "web — examples.tsx", "width": "fit_content", "height": "fit_content", @@ -14187,7 +14421,7 @@ }, { "type": "frame", - "id": "n826", + "id": "n841", "name": "Balance", "width": 52.0, "height": 12.0, @@ -14197,7 +14431,7 @@ }, { "type": "frame", - "id": "n827", + "id": "n842", "name": "Body", "width": "fill_container", "height": "fit_content", @@ -14214,7 +14448,7 @@ "children": [ { "type": "frame", - "id": "n828", + "id": "n843", "name": "Activity bar", "width": 48.0, "height": "fit_content", @@ -14230,7 +14464,7 @@ "children": [ { "type": "frame", - "id": "n829", + "id": "n844", "name": "Item / files", "width": 48.0, "height": 42.0, @@ -14242,7 +14476,7 @@ "children": [ { "type": "icon_font", - "id": "n830", + "id": "n845", "name": "files", "iconFontName": "files", "width": 22.0, @@ -14258,7 +14492,7 @@ }, { "type": "frame", - "id": "n831", + "id": "n846", "name": "Item / search", "width": 48.0, "height": 42.0, @@ -14270,7 +14504,7 @@ "children": [ { "type": "icon_font", - "id": "n832", + "id": "n847", "name": "search", "iconFontName": "search", "width": 22.0, @@ -14286,7 +14520,7 @@ }, { "type": "frame", - "id": "n833", + "id": "n848", "name": "Item / git-branch", "width": 48.0, "height": 42.0, @@ -14298,7 +14532,7 @@ "children": [ { "type": "icon_font", - "id": "n834", + "id": "n849", "name": "git-branch", "iconFontName": "git-branch", "width": 22.0, @@ -14314,7 +14548,7 @@ }, { "type": "frame", - "id": "n835", + "id": "n850", "name": "Item / play", "width": 48.0, "height": 42.0, @@ -14326,7 +14560,7 @@ "children": [ { "type": "icon_font", - "id": "n836", + "id": "n851", "name": "play", "iconFontName": "play", "width": 22.0, @@ -14342,7 +14576,7 @@ }, { "type": "frame", - "id": "n837", + "id": "n852", "name": "Item / monitor", "width": 48.0, "height": 42.0, @@ -14354,7 +14588,7 @@ "children": [ { "type": "icon_font", - "id": "n838", + "id": "n853", "name": "monitor", "iconFontName": "monitor", "width": 22.0, @@ -14370,7 +14604,7 @@ }, { "type": "frame", - "id": "n839", + "id": "n854", "name": "Item / blocks", "width": 48.0, "height": 42.0, @@ -14382,7 +14616,7 @@ "children": [ { "type": "icon_font", - "id": "n840", + "id": "n855", "name": "blocks", "iconFontName": "blocks", "width": 22.0, @@ -14398,7 +14632,7 @@ }, { "type": "frame", - "id": "n841", + "id": "n856", "name": "Item / rocket", "width": 48.0, "height": 42.0, @@ -14410,7 +14644,7 @@ "children": [ { "type": "icon_font", - "id": "n842", + "id": "n857", "name": "rocket", "iconFontName": "rocket", "width": 22.0, @@ -14426,7 +14660,7 @@ }, { "type": "frame", - "id": "n843", + "id": "n858", "name": "Item / book-open-text", "width": 48.0, "height": 42.0, @@ -14438,7 +14672,7 @@ "children": [ { "type": "rectangle", - "id": "n844", + "id": "n859", "name": "Active bar", "width": 2.0, "height": 42.0, @@ -14452,7 +14686,7 @@ }, { "type": "icon_font", - "id": "n845", + "id": "n860", "name": "book-open-text", "iconFontName": "book-open-text", "width": 22.0, @@ -14470,7 +14704,7 @@ }, { "type": "frame", - "id": "n846", + "id": "n861", "name": "Sidebar", "width": 250.0, "height": "fit_content", @@ -14486,7 +14720,7 @@ "children": [ { "type": "frame", - "id": "n847", + "id": "n862", "name": "Header", "width": "fill_container", "height": 34.0, @@ -14504,7 +14738,7 @@ "children": [ { "type": "text", - "id": "n848", + "id": "n863", "name": "代码阅读", "width": "fit_content", "height": "fit_content", @@ -14523,7 +14757,7 @@ }, { "type": "frame", - "id": "n849", + "id": "n864", "name": "Actions", "width": "fit_content", "height": "fit_content", @@ -14534,7 +14768,7 @@ "children": [ { "type": "icon_font", - "id": "n850", + "id": "n865", "name": "git-pull-request", "iconFontName": "git-pull-request", "width": 14.0, @@ -14548,7 +14782,7 @@ }, { "type": "icon_font", - "id": "n851", + "id": "n866", "name": "file-plus", "iconFontName": "file-plus", "width": 14.0, @@ -14562,7 +14796,7 @@ }, { "type": "icon_font", - "id": "n852", + "id": "n867", "name": "refresh-cw", "iconFontName": "refresh-cw", "width": 14.0, @@ -14580,7 +14814,7 @@ }, { "type": "frame", - "id": "n853", + "id": "n868", "name": "Tree", "width": "fill_container", "height": "fit_content", @@ -14596,7 +14830,7 @@ "children": [ { "type": "frame", - "id": "n854", + "id": "n869", "name": "src", "width": "fill_container", "height": 26.0, @@ -14613,7 +14847,7 @@ "children": [ { "type": "icon_font", - "id": "n855", + "id": "n870", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -14627,7 +14861,7 @@ }, { "type": "icon_font", - "id": "n856", + "id": "n871", "name": "folder", "iconFontName": "folder", "width": 15.0, @@ -14641,7 +14875,7 @@ }, { "type": "text", - "id": "n857", + "id": "n872", "name": "src", "width": "fit_content", "height": "fit_content", @@ -14662,7 +14896,7 @@ }, { "type": "frame", - "id": "n858", + "id": "n873", "name": "examples.tsx", "width": "fill_container", "height": 26.0, @@ -14685,7 +14919,7 @@ "children": [ { "type": "frame", - "id": "n859", + "id": "n874", "name": "Twisty", "width": 14.0, "height": 14.0, @@ -14693,7 +14927,7 @@ }, { "type": "icon_font", - "id": "n860", + "id": "n875", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -14707,7 +14941,7 @@ }, { "type": "text", - "id": "n861", + "id": "n876", "name": "examples.tsx", "width": "fit_content", "height": "fit_content", @@ -14732,7 +14966,7 @@ }, { "type": "frame", - "id": "n862", + "id": "n877", "name": "Editor", "width": "fill_container", "height": "fit_content", @@ -14748,7 +14982,7 @@ "children": [ { "type": "frame", - "id": "n863", + "id": "n878", "name": "Group heads", "width": "fill_container", "height": "fit_content", @@ -14759,7 +14993,7 @@ "children": [ { "type": "frame", - "id": "n864", + "id": "n879", "name": "Editor group 1", "width": 600.0, "height": "fit_content", @@ -14769,7 +15003,7 @@ "children": [ { "type": "frame", - "id": "n865", + "id": "n880", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -14787,7 +15021,7 @@ "children": [ { "type": "frame", - "id": "n866", + "id": "n881", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -14803,7 +15037,7 @@ "children": [ { "type": "rectangle", - "id": "n867", + "id": "n882", "name": "Active", "width": "fill_container", "height": 2.0, @@ -14817,7 +15051,7 @@ }, { "type": "frame", - "id": "n868", + "id": "n883", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -14832,7 +15066,7 @@ "children": [ { "type": "icon_font", - "id": "n869", + "id": "n884", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -14846,7 +15080,7 @@ }, { "type": "text", - "id": "n870", + "id": "n885", "name": "examples.tsx", "width": "fit_content", "height": "fit_content", @@ -14871,7 +15105,7 @@ }, { "type": "frame", - "id": "n871", + "id": "n886", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -14886,7 +15120,7 @@ "children": [ { "type": "text", - "id": "n872", + "id": "n887", "name": "src", "width": "fit_content", "height": "fit_content", @@ -14905,7 +15139,7 @@ }, { "type": "text", - "id": "n873", + "id": "n888", "name": "/", "width": "fit_content", "height": "fit_content", @@ -14924,7 +15158,7 @@ }, { "type": "text", - "id": "n874", + "id": "n889", "name": "examples.tsx", "width": "fit_content", "height": "fit_content", @@ -14945,7 +15179,7 @@ }, { "type": "frame", - "id": "n875", + "id": "n890", "name": "Filter room", "width": "fill_container", "height": 36.0, @@ -14955,7 +15189,7 @@ }, { "type": "rectangle", - "id": "n876", + "id": "n891", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -14969,7 +15203,7 @@ }, { "type": "frame", - "id": "n877", + "id": "n892", "name": "Editor group 2", "width": "fill_container", "height": "fit_content", @@ -14979,7 +15213,7 @@ "children": [ { "type": "frame", - "id": "n878", + "id": "n893", "name": "Editor title", "width": "fill_container", "height": 36.0, @@ -14997,7 +15231,7 @@ "children": [ { "type": "frame", - "id": "n879", + "id": "n894", "name": "Tab", "width": 140.0, "height": "fill_container", @@ -15013,7 +15247,7 @@ "children": [ { "type": "rectangle", - "id": "n880", + "id": "n895", "name": "Active", "width": "fill_container", "height": 2.0, @@ -15027,7 +15261,7 @@ }, { "type": "frame", - "id": "n881", + "id": "n896", "name": "Tab label", "width": "fill_container", "height": "fill_container", @@ -15042,7 +15276,7 @@ "children": [ { "type": "icon_font", - "id": "n882", + "id": "n897", "name": "atom", "iconFontName": "atom", "width": 14.0, @@ -15056,7 +15290,7 @@ }, { "type": "text", - "id": "n883", + "id": "n898", "name": "examples.tsx", "width": "fit_content", "height": "fit_content", @@ -15079,7 +15313,7 @@ }, { "type": "frame", - "id": "n884", + "id": "n899", "name": "Mode", "width": "fit_content", "height": "fit_content", @@ -15110,7 +15344,7 @@ "children": [ { "type": "frame", - "id": "n885", + "id": "n900", "name": "Seg / 编辑", "width": "fit_content", "height": "fit_content", @@ -15126,7 +15360,7 @@ "children": [ { "type": "icon_font", - "id": "n886", + "id": "n901", "name": "pencil", "iconFontName": "pencil", "width": 13.0, @@ -15140,7 +15374,7 @@ }, { "type": "text", - "id": "n887", + "id": "n902", "name": "编辑", "width": "fit_content", "height": "fit_content", @@ -15161,7 +15395,7 @@ }, { "type": "frame", - "id": "n888", + "id": "n903", "name": "Seg / 预览", "width": "fit_content", "height": "fit_content", @@ -15183,7 +15417,7 @@ "children": [ { "type": "icon_font", - "id": "n889", + "id": "n904", "name": "eye", "iconFontName": "eye", "width": 13.0, @@ -15197,7 +15431,7 @@ }, { "type": "text", - "id": "n890", + "id": "n905", "name": "预览", "width": "fit_content", "height": "fit_content", @@ -15220,7 +15454,7 @@ }, { "type": "frame", - "id": "n891", + "id": "n906", "name": "Pad", "width": 8.0, "height": 8.0, @@ -15230,7 +15464,7 @@ }, { "type": "frame", - "id": "n892", + "id": "n907", "name": "Breadcrumb", "width": "fill_container", "height": "fit_content", @@ -15245,7 +15479,7 @@ "children": [ { "type": "text", - "id": "n893", + "id": "n908", "name": "src", "width": "fit_content", "height": "fit_content", @@ -15264,7 +15498,7 @@ }, { "type": "text", - "id": "n894", + "id": "n909", "name": "/", "width": "fit_content", "height": "fit_content", @@ -15283,7 +15517,7 @@ }, { "type": "text", - "id": "n895", + "id": "n910", "name": "examples.tsx", "width": "fit_content", "height": "fit_content", @@ -15304,7 +15538,7 @@ }, { "type": "frame", - "id": "n896", + "id": "n911", "name": "Filter", "width": "fill_container", "height": 36.0, @@ -15319,7 +15553,7 @@ "children": [ { "type": "text", - "id": "n897", + "id": "n912", "name": "筛选", "width": "fit_content", "height": "fit_content", @@ -15338,7 +15572,7 @@ }, { "type": "frame", - "id": "n898", + "id": "n913", "name": "Chip / 种类", "width": "fit_content", "height": 24.0, @@ -15360,7 +15594,7 @@ "children": [ { "type": "text", - "id": "n899", + "id": "n914", "name": "种类", "width": "fit_content", "height": "fit_content", @@ -15379,7 +15613,7 @@ }, { "type": "icon_font", - "id": "n900", + "id": "n915", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -15395,7 +15629,7 @@ }, { "type": "frame", - "id": "n901", + "id": "n916", "name": "Chip / 访问级别", "width": "fit_content", "height": 24.0, @@ -15417,7 +15651,7 @@ "children": [ { "type": "text", - "id": "n902", + "id": "n917", "name": "访问级别", "width": "fit_content", "height": "fit_content", @@ -15436,7 +15670,7 @@ }, { "type": "icon_font", - "id": "n903", + "id": "n918", "name": "chevron-down", "iconFontName": "chevron-down", "width": 12.0, @@ -15452,7 +15686,7 @@ }, { "type": "frame", - "id": "n904", + "id": "n919", "name": "Spacer", "width": "fill_container", "height": 8.0, @@ -15460,7 +15694,7 @@ }, { "type": "text", - "id": "n905", + "id": "n920", "name": "3 块", "width": "fit_content", "height": "fit_content", @@ -15485,7 +15719,7 @@ }, { "type": "frame", - "id": "n906", + "id": "n921", "name": "Lines 1–1", "width": "fill_container", "height": "fit_content", @@ -15496,7 +15730,7 @@ "children": [ { "type": "frame", - "id": "n907", + "id": "n922", "name": "Code", "width": 600.0, "height": "fill_container", @@ -15512,7 +15746,7 @@ "children": [ { "type": "frame", - "id": "n908", + "id": "n923", "name": "Line 1", "width": "fill_container", "height": 20.0, @@ -15523,7 +15757,7 @@ "children": [ { "type": "frame", - "id": "n909", + "id": "n924", "name": "Number", "width": 44.0, "height": 20.0, @@ -15535,7 +15769,7 @@ "children": [ { "type": "text", - "id": "n910", + "id": "n925", "name": "1", "width": "fit_content", "height": "fit_content", @@ -15556,7 +15790,7 @@ }, { "type": "frame", - "id": "n911", + "id": "n926", "name": "Margin", "width": 26.0, "height": 20.0, @@ -15564,7 +15798,7 @@ }, { "type": "text", - "id": "n912", + "id": "n927", "name": "const [open, setOpen] = useState(false)", "width": "fit_content", "height": "fit_content", @@ -15636,7 +15870,7 @@ }, { "type": "rectangle", - "id": "n913", + "id": "n928", "name": "Sash", "width": 1.0, "height": "fill_container", @@ -15650,7 +15884,7 @@ }, { "type": "frame", - "id": "n914", + "id": "n929", "name": "Preview", "width": "fill_container", "height": "fill_container", @@ -15666,7 +15900,7 @@ "children": [ { "type": "frame", - "id": "n915", + "id": "n930", "name": "Level", "width": "fill_container", "height": "fill_container", @@ -15677,7 +15911,7 @@ "children": [ { "type": "frame", - "id": "n916", + "id": "n931", "name": "Cards", "width": "fill_container", "height": "fit_content", @@ -15693,7 +15927,7 @@ "children": [ { "type": "frame", - "id": "n917", + "id": "n932", "name": "状态 / open", "width": "fill_container", "height": "fit_content", @@ -15726,7 +15960,7 @@ "children": [ { "type": "frame", - "id": "n918", + "id": "n933", "name": "Fold", "width": 14.0, "height": 20.0, @@ -15739,7 +15973,7 @@ }, { "type": "frame", - "id": "n919", + "id": "n934", "name": "Concepts", "width": 42.0, "height": 20.0, @@ -15750,7 +15984,7 @@ "children": [ { "type": "frame", - "id": "n920", + "id": "n935", "name": "Concept / 变量", "width": 20.0, "height": 20.0, @@ -15762,7 +15996,7 @@ "children": [ { "type": "icon_font", - "id": "n921", + "id": "n936", "name": "variable", "iconFontName": "variable", "width": 16.0, @@ -15778,7 +16012,7 @@ }, { "type": "frame", - "id": "n922", + "id": "n937", "name": "Concept / React 状态", "width": 20.0, "height": 20.0, @@ -15790,7 +16024,7 @@ "children": [ { "type": "icon_font", - "id": "n923", + "id": "n938", "name": "toggle-right", "iconFontName": "toggle-right", "width": 16.0, @@ -15808,7 +16042,7 @@ }, { "type": "frame", - "id": "n924", + "id": "n939", "name": "Content", "width": "fill_container", "height": "fit_content", @@ -15818,7 +16052,7 @@ "children": [ { "type": "frame", - "id": "n925", + "id": "n940", "name": "Prop / 名称", "width": "fill_container", "height": "fit_content", @@ -15829,7 +16063,7 @@ "children": [ { "type": "frame", - "id": "n926", + "id": "n941", "name": "Key", "width": 76.0, "height": 20.0, @@ -15840,7 +16074,7 @@ "children": [ { "type": "icon_font", - "id": "n927", + "id": "n942", "name": "chevron-down", "iconFontName": "chevron-down", "width": 14.0, @@ -15854,7 +16088,7 @@ }, { "type": "text", - "id": "n928", + "id": "n943", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -15875,7 +16109,7 @@ }, { "type": "frame", - "id": "n929", + "id": "n944", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -15885,7 +16119,7 @@ "children": [ { "type": "frame", - "id": "n930", + "id": "n945", "name": "Destructure", "width": "fit_content", "height": 20.0, @@ -15896,7 +16130,7 @@ "children": [ { "type": "text", - "id": "n931", + "id": "n946", "name": "[open, setOpen]", "width": "fit_content", "height": "fit_content", @@ -15938,7 +16172,7 @@ }, { "type": "text", - "id": "n932", + "id": "n947", "name": "数组解构", "width": "fit_content", "height": "fit_content", @@ -15963,7 +16197,7 @@ }, { "type": "frame", - "id": "n933", + "id": "n948", "name": "Table wrap", "width": "fill_container", "height": "fit_content", @@ -15979,7 +16213,7 @@ "children": [ { "type": "frame", - "id": "n934", + "id": "n949", "name": "Table", "width": "fill_container", "height": "fit_content", @@ -15999,7 +16233,7 @@ "children": [ { "type": "frame", - "id": "n935", + "id": "n950", "name": "Header", "width": "fill_container", "height": "fit_content", @@ -16016,7 +16250,7 @@ "children": [ { "type": "frame", - "id": "n936", + "id": "n951", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -16030,7 +16264,7 @@ "children": [ { "type": "text", - "id": "n937", + "id": "n952", "name": "第几项", "width": "fit_content", "height": "fit_content", @@ -16051,7 +16285,7 @@ }, { "type": "rectangle", - "id": "n938", + "id": "n953", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16065,7 +16299,7 @@ }, { "type": "frame", - "id": "n939", + "id": "n954", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16079,7 +16313,7 @@ "children": [ { "type": "text", - "id": "n940", + "id": "n955", "name": "名称", "width": "fit_content", "height": "fit_content", @@ -16100,7 +16334,7 @@ }, { "type": "rectangle", - "id": "n941", + "id": "n956", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16114,9 +16348,9 @@ }, { "type": "frame", - "id": "n942", - "name": "是什么", - "width": 472.0, + "id": "n957", + "name": "说明", + "width": 428.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -16128,11 +16362,60 @@ "children": [ { "type": "text", - "id": "n943", - "name": "是什么", + "id": "n958", + "name": "说明", "width": "fit_content", "height": "fit_content", - "content": "是什么", + "content": "说明", + "fontFamily": "PingFang SC", + "fontSize": 12.0, + "fontWeight": 400, + "lineHeight": 1.6666666666666667, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#9d9d9d" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n959", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n960", + "name": "操作", + "width": 43.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n961", + "name": "操作", + "width": "fit_content", + "height": "fit_content", + "content": "操作", "fontFamily": "PingFang SC", "fontSize": 12.0, "fontWeight": 400, @@ -16151,7 +16434,7 @@ }, { "type": "rectangle", - "id": "n944", + "id": "n962", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16165,7 +16448,7 @@ }, { "type": "frame", - "id": "n945", + "id": "n963", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16176,7 +16459,7 @@ "children": [ { "type": "frame", - "id": "n946", + "id": "n964", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -16190,7 +16473,7 @@ "children": [ { "type": "text", - "id": "n947", + "id": "n965", "name": "1", "width": 12.0, "height": "fit_content", @@ -16211,7 +16494,7 @@ }, { "type": "rectangle", - "id": "n948", + "id": "n966", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16225,7 +16508,7 @@ }, { "type": "frame", - "id": "n949", + "id": "n967", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16239,7 +16522,7 @@ "children": [ { "type": "text", - "id": "n950", + "id": "n968", "name": "open", "width": "fit_content", "height": "fit_content", @@ -16260,7 +16543,7 @@ }, { "type": "rectangle", - "id": "n951", + "id": "n969", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16274,9 +16557,58 @@ }, { "type": "frame", - "id": "n952", - "name": "是什么", - "width": 472.0, + "id": "n970", + "name": "说明", + "width": 428.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n971", + "name": "当前值", + "width": "fit_content", + "height": "fit_content", + "content": "当前值", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n972", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n973", + "name": "操作", + "width": 43.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -16288,37 +16620,18 @@ "children": [ { "type": "frame", - "id": "n953", - "name": "What", + "id": "n974", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 6.0, + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ - { - "type": "text", - "id": "n954", - "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": "n955", + "id": "n975", "name": "git-branch / 谁用了这个状态", "width": 22.0, "height": 20.0, @@ -16331,7 +16644,7 @@ "children": [ { "type": "icon_font", - "id": "n956", + "id": "n976", "name": "git-branch", "iconFontName": "git-branch", "width": 14.0, @@ -16353,7 +16666,7 @@ }, { "type": "rectangle", - "id": "n957", + "id": "n977", "name": "Divider", "width": "fill_container", "height": 1.0, @@ -16367,7 +16680,7 @@ }, { "type": "frame", - "id": "n958", + "id": "n978", "name": "Row", "width": "fill_container", "height": "fit_content", @@ -16378,7 +16691,7 @@ "children": [ { "type": "frame", - "id": "n959", + "id": "n979", "name": "第几项", "width": 56.0, "height": "fit_content", @@ -16392,7 +16705,7 @@ "children": [ { "type": "text", - "id": "n960", + "id": "n980", "name": "2", "width": 12.0, "height": "fit_content", @@ -16413,7 +16726,7 @@ }, { "type": "rectangle", - "id": "n961", + "id": "n981", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16427,7 +16740,7 @@ }, { "type": "frame", - "id": "n962", + "id": "n982", "name": "名称", "width": 74.0, "height": "fit_content", @@ -16441,7 +16754,7 @@ "children": [ { "type": "text", - "id": "n963", + "id": "n983", "name": "setOpen", "width": "fit_content", "height": "fit_content", @@ -16462,7 +16775,7 @@ }, { "type": "rectangle", - "id": "n964", + "id": "n984", "name": "Sep", "width": 1.0, "height": "fill_container", @@ -16476,9 +16789,58 @@ }, { "type": "frame", - "id": "n965", - "name": "是什么", - "width": 472.0, + "id": "n985", + "name": "说明", + "width": 428.0, + "height": "fit_content", + "layout": "vertical", + "gap": 3.0, + "padding": [ + 2.0, + 8.0 + ], + "clipContent": false, + "children": [ + { + "type": "text", + "id": "n986", + "name": "修改函数", + "width": "fit_content", + "height": "fit_content", + "content": "修改函数", + "fontFamily": "PingFang SC", + "fontSize": 12.5, + "fontWeight": 400, + "lineHeight": 1.6, + "textGrowth": "auto", + "fill": [ + { + "type": "solid", + "color": "#cccccc" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "n987", + "name": "Sep", + "width": 1.0, + "height": "fill_container", + "fill": [ + { + "type": "solid", + "color": "#3c3c3c" + } + ], + "children": [] + }, + { + "type": "frame", + "id": "n988", + "name": "操作", + "width": 43.0, "height": "fit_content", "layout": "vertical", "gap": 3.0, @@ -16490,37 +16852,18 @@ "children": [ { "type": "frame", - "id": "n966", - "name": "What", + "id": "n989", + "name": "Ops", "width": "fit_content", "height": 20.0, "layout": "horizontal", - "gap": 6.0, + "gap": 2.0, "alignItems": "center", "clipContent": false, "children": [ - { - "type": "text", - "id": "n967", - "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": "n968", + "id": "n990", "name": "git-branch / 谁改了这个状态", "width": 22.0, "height": 20.0, @@ -16533,7 +16876,7 @@ "children": [ { "type": "icon_font", - "id": "n969", + "id": "n991", "name": "git-branch", "iconFontName": "git-branch", "width": 14.0, @@ -16559,7 +16902,7 @@ }, { "type": "frame", - "id": "n970", + "id": "n992", "name": "Prop / 来自", "width": "fill_container", "height": "fit_content", @@ -16570,7 +16913,7 @@ "children": [ { "type": "frame", - "id": "n971", + "id": "n993", "name": "Key", "width": 76.0, "height": 20.0, @@ -16581,7 +16924,7 @@ "children": [ { "type": "text", - "id": "n972", + "id": "n994", "name": "来自", "width": "fit_content", "height": "fit_content", @@ -16602,7 +16945,7 @@ }, { "type": "frame", - "id": "n973", + "id": "n995", "name": "Value", "width": "fill_container", "height": "fit_content", @@ -16612,7 +16955,7 @@ "children": [ { "type": "text", - "id": "n974", + "id": "n996", "name": "useState（悬停：React 内置钩子）", "width": "fit_content", "height": "fit_content", @@ -16635,7 +16978,7 @@ }, { "type": "frame", - "id": "n975", + "id": "n997", "name": "Prop / 状态类型", "width": "fill_container", "height": "fit_content", @@ -16646,7 +16989,7 @@ "children": [ { "type": "frame", - "id": "n976", + "id": "n998", "name": "Key", "width": 76.0, "height": 20.0, @@ -16657,7 +17000,7 @@ "children": [ { "type": "text", - "id": "n977", + "id": "n999", "name": "状态类型", "width": "fit_content", "height": "fit_content", @@ -16678,7 +17021,7 @@ }, { "type": "text", - "id": "n978", + "id": "n1000", "name": "未标注", "width": "fit_content", "height": "fit_content", @@ -16699,7 +17042,7 @@ }, { "type": "frame", - "id": "n979", + "id": "n1001", "name": "Prop / 默认值", "width": "fill_container", "height": "fit_content", @@ -16710,7 +17053,7 @@ "children": [ { "type": "frame", - "id": "n980", + "id": "n1002", "name": "Key", "width": 76.0, "height": 20.0, @@ -16721,7 +17064,7 @@ "children": [ { "type": "text", - "id": "n981", + "id": "n1003", "name": "默认值", "width": "fit_content", "height": "fit_content", @@ -16742,7 +17085,7 @@ }, { "type": "text", - "id": "n982", + "id": "n1004", "name": "假", "width": "fit_content", "height": "fit_content", @@ -16765,7 +17108,7 @@ }, { "type": "frame", - "id": "n983", + "id": "n1005", "name": "Tools", "width": "fit_content", "height": 20.0, @@ -16776,7 +17119,7 @@ "children": [ { "type": "frame", - "id": "n984", + "id": "n1006", "name": "sparkles", "width": 22.0, "height": 20.0, @@ -16789,7 +17132,7 @@ "children": [ { "type": "icon_font", - "id": "n985", + "id": "n1007", "name": "sparkles", "iconFontName": "sparkles", "width": 14.0, @@ -16805,7 +17148,7 @@ }, { "type": "frame", - "id": "n986", + "id": "n1008", "name": "pencil", "width": 22.0, "height": 20.0, @@ -16818,7 +17161,7 @@ "children": [ { "type": "icon_font", - "id": "n987", + "id": "n1009", "name": "pencil", "iconFontName": "pencil", "width": 14.0, @@ -16846,7 +17189,7 @@ }, { "type": "frame", - "id": "n988", + "id": "n1010", "name": "Lines 2–2", "width": "fill_container", "height": "fit_content", @@ -16857,7 +17200,7 @@ "children": [ { "type": "frame", - "id": "n989", + "id": "n1011", "name": "Code", "width": 600.0, "height": "fill_container", @@ -16873,7 +17216,7 @@ "children": [ { "type": "frame", - "id": "n990", + "id": "n1012", "name": "Line 2", "width": "fill_container", "height": 20.0, @@ -16884,7 +17227,7 @@ "children": [ { "type": "frame", - "id": "n991", + "id": "n1013", "name": "Number", "width": 44.0, "height": 20.0, @@ -16896,7 +17239,7 @@ "children": [ { "type": "text", - "id": "n992", + "id": "n1014", "name": "2", "width": "fit_content", "height": "fit_content", @@ -16917,7 +17260,7 @@ }, { "type": "frame", - "id": "n993", + "id": "n1015", "name": "Margin", "width": 26.0, "height": 20.0, @@ -16925,7 +17268,7 @@ }, { "type": "text", - "id": "n994", + "id": "n1016", "name": "const [items, setItems] = useState