mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-02-07 04:55:37 +00:00
6 lines
3.6 KiB
JavaScript
6 lines
3.6 KiB
JavaScript
import{ax as a,z as s,A as e,b2 as i}from"./chunks/framework.DkLJC2NO.js";const k=JSON.parse('{"title":"UISelect 组件选择器","description":"","frontmatter":{},"headers":[],"relativePath":"form-config/editor-fields/ui-select.md","filePath":"form-config/editor-fields/ui-select.md"}'),l={name:"form-config/editor-fields/ui-select.md"};function d(n,t,r,h,o,c){return e(),s("div",null,[...t[0]||(t[0]=[i(`<h1 id="uiselect-组件选择器" tabindex="-1">UISelect 组件选择器 <a class="header-anchor" href="#uiselect-组件选择器" aria-label="Permalink to "UISelect 组件选择器""></a></h1><p>用于在画布中选择组件的选择器。</p><div class="warning custom-block"><p class="custom-block-title">注意</p><p>此组件仅在编辑器环境中可用，需要配合 <code>@tmagic/editor</code> 使用。</p></div><h2 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to "基础用法""></a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'ui-select'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'targetId'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> text</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'目标组件'</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="attributes" tabindex="-1">Attributes <a class="header-anchor" href="#attributes" aria-label="Permalink to "Attributes""></a></h2><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>绑定值</td><td>string</td><td>—</td><td>—</td></tr><tr><td>text</td><td>表单标签</td><td>string</td><td>—</td><td>—</td></tr><tr><td>disabled</td><td>是否禁用</td><td>boolean / <a href="https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts" target="_blank" rel="noreferrer">FilterFunction</a></td><td>—</td><td>false</td></tr><tr><td>onChange</td><td>值变化时触发的函数</td><td><a href="https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts" target="_blank" rel="noreferrer">OnChangeHandler</a></td><td>—</td><td>-</td></tr></tbody></table><h2 id="使用说明" tabindex="-1">使用说明 <a class="header-anchor" href="#使用说明" aria-label="Permalink to "使用说明""></a></h2><ol><li>点击"点击此处选择"按钮进入选择模式</li><li>在画布中点击目标组件完成选择</li><li>选择后会显示组件名称和ID</li><li>可通过清除按钮清空选择</li><li>点击组件名称可跳转到对应组件</li></ol>`,9)])])}const g=a(l,[["render",d]]);export{k as __pageData,g as default};
|