jobsys-newbie/docs/.vuepress/dist/assets/NewbieAddress.html-e037374a.js

Enhanced component based on ant-design-vue

import{N as e}from"./NewbieAddress-a35b35ae.js";import{_ as p,r as o,o as l,c,b as u,t as i,d as r,u as d,a}from"./app-e5356031.js";import"./index-16cac109.js";import"./compact-item-45f3d050.js";import"./CloseCircleFilled-7d1a9da0.js";import"./ExclamationCircleFilled-71949edd.js";import"./FormItemContext-af84826a.js";import"./useFlexGapSupport-e1acb751.js";import"./styleChecker-8bbc1161.js";import"./network-3dbc60ad.js";import"./index-3761f557.js";import"./LeftOutlined-8f1bdfd3.js";import"./pickAttrs-024293c9.js";import"./vnode-8424d922.js";import"./statusUtils-41ec9e8f.js";import"./omit-dc457db2.js";const k=a(`<h1 id="newbieaddress" tabindex="-1"><a class="header-anchor" href="#newbieaddress" aria-hidden="true">#</a> NewbieAddress</h1><blockquote><p>地址组件</p></blockquote><p>数据优先级：<code>dataSource</code> &gt; <code>url</code> &gt; <code>本地数据</code></p><p>Version: 1.0.0</p><h2 id="props" tabindex="-1"><a class="header-anchor" href="#props" aria-hidden="true">#</a> Props</h2><table><thead><tr><th>Prop name</th><th>Description</th><th>Type</th><th>Values</th><th>Default</th></tr></thead><tbody><tr><td>value</td><td></td><td>string|number|array</td><td>-</td><td>() =&gt; []</td></tr><tr><td>level</td><td>生成哪个级别的数据<br> 1: 省, 2: 省市, 3: 省市区</td><td>number</td><td>-</td><td>3</td></tr><tr><td>disabled</td><td>是否禁用选择器</td><td>boolean</td><td>-</td><td>false</td></tr><tr><td>placeholder</td><td>占位符</td><td>string</td><td>-</td><td>&quot;请选择地区&quot;</td></tr><tr><td>url</td><td>获取数据的链接，如果不传则使用本地数据</td><td>string</td><td>-</td><td>&quot;&quot;</td></tr><tr><td>afterFetched</td><td>返回数据处理函数，处理后返回数据格式必需符合下面的 <a href="#%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F">数据格式</a></td><td>func</td><td>-</td><td>null</td></tr><tr><td>dataSource</td><td>自定义数据源</td><td>array</td><td>-</td><td>[]</td></tr></tbody></table><h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>update:value</td><td></td><td></td></tr></tbody></table><hr><h2 id="数据格式" tabindex="-1"><a class="header-anchor" href="#数据格式" aria-hidden="true">#</a> 数据格式</h2><div class="language-json line-numbers-mode" data-ext="json"><pre class="language-json"><code><span class="token punctuation">{</span>
        <span class="token property">&quot;value&quot;</span><span class="token operator">:</span> <span class="token string">&quot;440000&quot;</span><span class="token punctuation">,</span>
        <span class="token property">&quot;alias&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广东省&quot;</span><span class="token punctuation">,</span>
        <span class="token property">&quot;label&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广东&quot;</span><span class="token punctuation">,</span>
        <span class="token property">&quot;children&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span>
	            <span class="token property">&quot;value&quot;</span><span class="token operator">:</span> <span class="token string">&quot;440100&quot;</span><span class="token punctuation">,</span>
                <span class="token property">&quot;alias&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广东省广州市&quot;</span><span class="token punctuation">,</span>
                <span class="token property">&quot;label&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广州&quot;</span><span class="token punctuation">,</span>
                <span class="token property">&quot;children&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span>
                    <span class="token punctuation">{</span> <span class="token property">&quot;value&quot;</span><span class="token operator">:</span> <span class="token string">&quot;440101&quot;</span><span class="token punctuation">,</span> <span class="token property">&quot;alias&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广东省广州市&quot;</span><span class="token punctuation">,</span> <span class="token property">&quot;label&quot;</span><span class="token operator">:</span> <span class="token string">&quot;广州&quot;</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
                <span class="token punctuation">]</span>
        <span class="token punctuation">]</span>
<span class="token punctuation">}</span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例" aria-hidden="true">#</a> 示例</h2><hr>`,13),v=a(`<div class="language-vue line-numbers-mode" data-ext="vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">setup</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
<span class="token keyword">import</span> <span class="token punctuation">{</span> ref <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;vue&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> NewbieAddress <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;jobsys-newbie&quot;</span>

<span class="token keyword">const</span> content <span class="token operator">=</span> <span class="token function">ref</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">&quot;440000&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;440100&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;440103&quot;</span><span class="token punctuation">]</span><span class="token punctuation">)</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>NewbieAddress</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>content<span class="token punctuation">&quot;</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token value css language-css"><span class="token property">width</span><span class="token punctuation">:</span> 300px</span><span class="token punctuation">&quot;</span></span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>NewbieAddress</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>所选地区结果：{{ \`[\${content ? content.join(&quot;,&quot;) : &quot;&quot;}]\` }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,1),m={__name:"NewbieAddress.html",setup(b){const s=o(["440000","440100","440103"]);return(q,n)=>(l(),c("div",null,[k,u("p",null,"所选地区结果："+i(`[${s.value?s.value.join(","):""}]`),1),r(d(e),{value:s.value,"onUpdate:value":n[0]||(n[0]=t=>s.value=t),style:{width:"300px"}},null,8,["value"]),v]))}},C=p(m,[["__file","NewbieAddress.html.vue"]]);export{C as default};