Home Explore Help
Sign In
githab
/
nutui
3
0
Fork 0
Files
Tree: c07d6c4e18
Branches Tags
nutui
/
3.1.10
/
doc3.js

doc3.js 42 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380 
  1. import{e as a,o as n,G as t}from"./vendor.js";const l={class:"markdown-body"},p=t(`<h1>Address \u5730\u5740</h1><h3>\u4ECB\u7ECD</h3><p>\u6309\u9700\u52A0\u8F7D\u8BF7\u52A0\u8F7D\u5BF9\u5E94\u4F9D\u8D56\u7EC4\u4EF6 Icon Popup Elevator</p><h3>\u5B89\u88C5</h3><pre><code class="language-javascript"><span class="hljs-keyword">import</span> { createApp } <span class="hljs-keyword">from</span> <span class="hljs-string">&#39;vue&#39;</span>;
    2. 

  2. <span class="hljs-comment">//vue</span>
    3. 

  3. <span class="hljs-keyword">import</span> { Address, Popup, Elevator } <span class="hljs-keyword">from</span> <span class="hljs-string">&#39;@nutui/nutui&#39;</span>;
    4. 

  4. <span class="hljs-comment">//taro</span>
    5. 

  5. <span class="hljs-keyword">import</span> { Address, Popup, Elevator } <span class="hljs-keyword">from</span> <span class="hljs-string">&#39;@nutui/nutui-taro&#39;</span>;
    6. 

  6. 

  7. <span class="hljs-keyword">const</span> app = createApp();
    8. 

  8. app.use(Address);
    9. 

  9. app.use(Popup);
    10. 

  10. app.use(Elevator);
    11. 

  11. 

  12. </code></pre><h2>\u4EE3\u7801\u6F14\u793A</h2><h3>\u9009\u62E9\u81EA\u5B9A\u4E49\u5730\u5740</h3><pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nut-cell</span> <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5730\u5740&quot;</span> <span class="hljs-attr">:desc</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">is-link</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">&quot;showAddress&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-cell</span>&gt;</span>
    13. 

  13. <span class="hljs-tag">&lt;<span class="hljs-name">nut-address</span>
    14. 

  14.     <span class="hljs-attr">v-model:visible</span>=<span class="hljs-string">&quot;showPopup&quot;</span>
    15. 

  15.     <span class="hljs-attr">:province</span>=<span class="hljs-string">&quot;province&quot;</span>
    16. 

  16.     <span class="hljs-attr">:city</span>=<span class="hljs-string">&quot;city&quot;</span>
    17. 

  17.     <span class="hljs-attr">:country</span>=<span class="hljs-string">&quot;country&quot;</span>
    18. 

  18.     <span class="hljs-attr">:town</span>=<span class="hljs-string">&quot;town&quot;</span>
    19. 

  19.     @<span class="hljs-attr">change</span>=<span class="hljs-string">&quot;onChange&quot;</span>
    20. 

  20.     @<span class="hljs-attr">close</span>=<span class="hljs-string">&quot;close&quot;</span>
    21. 

  21.     <span class="hljs-attr">custom-address-title</span>=<span class="hljs-string">&quot;\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A&quot;</span>
    22. 

  22. &gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-address</span>&gt;</span>
    23. 

  23. </code></pre><pre><code class="language-javascript"><span class="hljs-function"><span class="hljs-title">setup</span>(<span class="hljs-params"></span>)</span> {
    24. 

  24.     <span class="hljs-keyword">const</span> showPopup = ref(<span class="hljs-literal">false</span>);
    25. 

  25.     <span class="hljs-keyword">const</span> address = reactive({
    26. 

  26.       <span class="hljs-attr">province</span>:[
    27. 

  27.         { <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span> },
    28. 

  28.         { <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E7F\u897F&#39;</span> },
    29. 

  29.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u6C5F\u897F&#39;</span> },
    30. 

  30.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u56DB\u5DDD&#39;</span> }
    31. 

  31.       ],
    32. 

  32.       <span class="hljs-attr">city</span>:[
    33. 

  33.         { <span class="hljs-attr">id</span>: <span class="hljs-number">7</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u671D\u9633\u533A&#39;</span> },
    34. 

  34.         { <span class="hljs-attr">id</span>: <span class="hljs-number">8</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5D07\u6587\u533A&#39;</span> },
    35. 

  35.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u660C\u5E73\u533A&#39;</span> },
    36. 

  36.         { <span class="hljs-attr">id</span>: <span class="hljs-number">6</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span> }
    37. 

  37.       ],
    38. 

  38.       <span class="hljs-attr">country</span>:[
    39. 

  39.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span> },
    40. 

  40.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u82D1&#39;</span> },
    41. 

  41.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E38\u8425\u4E61&#39;</span> }
    42. 

  42.       ],
    43. 

  43.       <span class="hljs-attr">town</span>:[]
    44. 

  44.     })
    45. 

  45. 

  46.     <span class="hljs-keyword">const</span> text = ref(<span class="hljs-string">&#39;\u8BF7\u9009\u62E9\u5730\u5740&#39;</span>)
    47. 

  47. 

  48.     <span class="hljs-keyword">const</span> showAddress = <span class="hljs-function">() =&gt;</span> {
    49. 

  49.       showPopup.value = !showPopup.value;
    50. 

  50.     };
    51. 

  51. 

  52.     <span class="hljs-keyword">const</span> onChange = <span class="hljs-function">(<span class="hljs-params">cal</span>) =&gt;</span> {
    53. 

  53.       <span class="hljs-keyword">const</span> name = address[cal.next]
    54. 

  54.       <span class="hljs-keyword">if</span> (name.length &lt; <span class="hljs-number">1</span>) {
    55. 

  55.         showPopup.value = <span class="hljs-literal">false</span>;
    56. 

  56.       }
    57. 

  57.     };
    58. 

  58.     <span class="hljs-keyword">const</span> close = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    59. 

  59.       <span class="hljs-built_in">console</span>.log(val);
    60. 

  60.       text.value = val.data.addressStr;
    61. 

  61.     };
    62. 

  62. 

  63.     <span class="hljs-keyword">return</span> { showPopup, text, showAddress, onChange, close, ...toRefs(address) };
    64. 

  64. }
    65. 

  65. </code></pre><h3>\u9009\u62E9\u81EA\u5B9A\u4E49\u5730\u57402</h3><pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nut-cell</span> <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5730\u5740&quot;</span> <span class="hljs-attr">:desc</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;custom2&quot;</span> <span class="hljs-attr">is-link</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">&quot;showAddress&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-cell</span>&gt;</span>
    66. 

  66. <span class="hljs-tag">&lt;<span class="hljs-name">nut-address</span>
    67. 

  67.     <span class="hljs-attr">v-model:visible</span>=<span class="hljs-string">&quot;showPopup&quot;</span>
    68. 

  68.     <span class="hljs-attr">:province</span>=<span class="hljs-string">&quot;province&quot;</span>
    69. 

  69.     <span class="hljs-attr">:city</span>=<span class="hljs-string">&quot;city&quot;</span>
    70. 

  70.     <span class="hljs-attr">:country</span>=<span class="hljs-string">&quot;country&quot;</span>
    71. 

  71.     <span class="hljs-attr">:town</span>=<span class="hljs-string">&quot;town&quot;</span>
    72. 

  72.     @<span class="hljs-attr">change</span>=<span class="hljs-string">&quot;onChange&quot;</span>
    73. 

  73.     @<span class="hljs-attr">close</span>=<span class="hljs-string">&quot;close&quot;</span>
    74. 

  74.     <span class="hljs-attr">custom-address-title</span>=<span class="hljs-string">&quot;\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A&quot;</span>
    75. 

  75. &gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-address</span>&gt;</span>
    76. 

  76. </code></pre><pre><code class="language-javascript"><span class="hljs-function"><span class="hljs-title">setup</span>(<span class="hljs-params"></span>)</span> {
    77. 

  77.     <span class="hljs-keyword">const</span> showPopup = ref(<span class="hljs-literal">false</span>);
    78. 

  78.     <span class="hljs-keyword">const</span> address = reactive({
    79. 

  79.       <span class="hljs-attr">province</span>: [
    80. 

  80.         { <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;B&#39;</span> },
    81. 

  81.         { <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E7F\u897F&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;G&#39;</span> },
    82. 

  82.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u6C5F\u897F&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;J&#39;</span> },
    83. 

  83.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u56DB\u5DDD&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;S&#39;</span> },
    84. 

  84.         { <span class="hljs-attr">id</span>: <span class="hljs-number">5</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u6D59\u6C5F&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;Z&#39;</span> }
    85. 

  85.       ],
    86. 

  86.       <span class="hljs-attr">city</span>: [
    87. 

  87.         { <span class="hljs-attr">id</span>: <span class="hljs-number">7</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u671D\u9633\u533A&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;C&#39;</span> },
    88. 

  88.         { <span class="hljs-attr">id</span>: <span class="hljs-number">8</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5D07\u6587\u533A&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;C&#39;</span> },
    89. 

  89.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u660C\u5E73\u533A&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;C&#39;</span> },
    90. 

  90.         { <span class="hljs-attr">id</span>: <span class="hljs-number">6</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;S&#39;</span> },
    91. 

  91.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;B&#39;</span> },
    92. 

  92.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u82D1&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;B&#39;</span> }
    93. 

  93.       ],
    94. 

  94.       <span class="hljs-attr">country</span>: [
    95. 

  95.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;B&#39;</span> },
    96. 

  96.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u82D1&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;B&#39;</span> },
    97. 

  97.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E38\u8425\u4E61&#39;</span>, <span class="hljs-attr">title</span>: <span class="hljs-string">&#39;C&#39;</span> }
    98. 

  98.       ],
    99. 

  99.       <span class="hljs-attr">town</span>:[]
    100. 

  100.     })
    101. 

  101. 

  102.     <span class="hljs-keyword">const</span> text = ref(<span class="hljs-string">&#39;\u8BF7\u9009\u62E9\u5730\u5740&#39;</span>)
    103. 

  103. 

  104.     <span class="hljs-keyword">const</span> showAddress = <span class="hljs-function">() =&gt;</span> {
    105. 

  105.       showPopup.value = !showPopup.value;
    106. 

  106.     };
    107. 

  107. 

  108.     <span class="hljs-keyword">const</span> onChange = <span class="hljs-function">(<span class="hljs-params">cal</span>) =&gt;</span> {
    109. 

  109.       <span class="hljs-keyword">const</span> name = address[cal.next]
    110. 

  110.       <span class="hljs-keyword">if</span> (name.length &lt; <span class="hljs-number">1</span>) {
    111. 

  111.         showPopup.value = <span class="hljs-literal">false</span>;
    112. 

  112.       }
    113. 

  113.     };
    114. 

  114.     <span class="hljs-keyword">const</span> close = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    115. 

  115.       <span class="hljs-built_in">console</span>.log(val);
    116. 

  116.       text.value = val.data.addressStr;
    117. 

  117.     };
    118. 

  118. 

  119.     <span class="hljs-keyword">return</span> { showPopup, text, showAddress, onChange, close, ...toRefs(address) };
    120. 

  120. }
    121. 

  121. </code></pre><h3>\u9009\u62E9\u5DF2\u6709\u5730\u5740</h3><pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nut-cell</span> <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5730\u5740&quot;</span> <span class="hljs-attr">:desc</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">is-link</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">&quot;showAddressExist&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-cell</span>&gt;</span>
    122. 

  122. <span class="hljs-tag">&lt;<span class="hljs-name">nut-address</span>
    123. 

  123.     <span class="hljs-attr">v-model:visible</span>=<span class="hljs-string">&quot;showPopupExist&quot;</span>
    124. 

  124.     <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;exist&quot;</span>
    125. 

  125.     <span class="hljs-attr">:exist-address</span>=<span class="hljs-string">&quot;existAddress&quot;</span>
    126. 

  126.     @<span class="hljs-attr">close</span>=<span class="hljs-string">&quot;close&quot;</span>
    127. 

  127.     <span class="hljs-attr">:is-show-custom-address</span>=<span class="hljs-string">&quot;false&quot;</span>
    128. 

  128.     @<span class="hljs-attr">selected</span>=<span class="hljs-string">&quot;selected&quot;</span>
    129. 

  129.     <span class="hljs-attr">exist-address-title</span>=<span class="hljs-string">&quot;\u914D\u9001\u81F3&quot;</span>
    130. 

  130. &gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-address</span>&gt;</span>
    131. 

  131. </code></pre><pre><code class="language-javascript"><span class="hljs-function"><span class="hljs-title">setup</span>(<span class="hljs-params"></span>)</span> {
    132. 

  132.     <span class="hljs-keyword">const</span> showPopupExist = ref(<span class="hljs-literal">false</span>);
    133. 

  133.     <span class="hljs-keyword">const</span> existAddress = ref([
    134. 

  134.       {
    135. 

  135.         <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>,
    136. 

  136.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;th &#39;</span>,
    137. 

  137.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span>,
    138. 

  138.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u57CE\u533A&#39;</span>,
    139. 

  139.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    140. 

  140.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">true</span>,
    141. 

  141.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    142. 

  142.       },{
    143. 

  143.         <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>,
    144. 

  144.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;12_ &#39;</span>,
    145. 

  145.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7535\u996D\u9505&#39;</span>,
    146. 

  146.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u6276\u7EE5\u53BF&#39;</span>,
    147. 

  147.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    148. 

  148.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    149. 

  149.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    150. 

  150.       },{
    151. 

  151.         <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>,
    152. 

  152.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u53D1\u5927\u6C34\u6BD4 &#39;</span>,
    153. 

  153.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u653E\u5230&#39;</span>,
    154. 

  154.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u5E7F\u5B81\u8857\u9053&#39;</span>,
    155. 

  155.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u9493\u9C7C\u5C9B\u5168\u533A&#39;</span>,
    156. 

  156.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    157. 

  157.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    158. 

  158.       },{
    159. 

  159.         <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>,
    160. 

  160.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u8FD8\u662F\u60F3\u5427\u767E\u5EA6\u5427 &#39;</span>,
    161. 

  161.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7814\u53D1&#39;</span>,
    162. 

  162.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span>,
    163. 

  163.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    164. 

  164.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    165. 

  165.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    166. 

  166.       }
    167. 

  167.     ]);
    168. 

  168. 

  169.     <span class="hljs-keyword">const</span> text = ref(<span class="hljs-string">&#39;\u8BF7\u9009\u62E9\u5730\u5740&#39;</span>)
    170. 

  170. 

  171.     <span class="hljs-keyword">const</span> showAddressExist = <span class="hljs-function">() =&gt;</span> {
    172. 

  172.       showPopupExist.value = <span class="hljs-literal">true</span>;
    173. 

  173.     };
    174. 

  174. 

  175.     <span class="hljs-keyword">const</span> close = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    176. 

  176.       <span class="hljs-keyword">if</span> (val.type == <span class="hljs-string">&#39;exist&#39;</span>) {
    177. 

  177.         <span class="hljs-keyword">const</span> {provinceName,cityName,countyName,townName,addressDetail} = val.data
    178. 

  178.         text.value = provinceName + cityName + countyName + townName + addressDetail;
    179. 

  179.       } <span class="hljs-keyword">else</span> {
    180. 

  180.         text.value = val.data.addressStr;
    181. 

  181.       }
    182. 

  182.     };
    183. 

  183. 

  184.     <span class="hljs-keyword">const</span> selected = <span class="hljs-function">(<span class="hljs-params">prevExistAdd, nowExistAdd, arr</span>) =&gt;</span> {
    185. 

  185.       <span class="hljs-built_in">console</span>.log(prevExistAdd);
    186. 

  186.       <span class="hljs-built_in">console</span>.log(nowExistAdd);
    187. 

  187.     };
    188. 

  188. 

  189.     <span class="hljs-keyword">return</span> { showPopupExist, existAddress, showAddressExist, text, close, selected };
    190. 

  190. }
    191. 

  191. </code></pre><h3>\u81EA\u5B9A\u4E49\u56FE\u6807</h3><pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nut-cell</span> <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5730\u5740&quot;</span> <span class="hljs-attr">:desc</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">is-link</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">&quot;showCustomImg&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-cell</span>&gt;</span>
    192. 

  192. <span class="hljs-tag">&lt;<span class="hljs-name">nut-address</span>
    193. 

  193.     <span class="hljs-attr">v-model:visible</span>=<span class="hljs-string">&quot;showPopupCustomImg&quot;</span>
    194. 

  194.     <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;exist&quot;</span>
    195. 

  195.     <span class="hljs-attr">:existAddress</span>=<span class="hljs-string">&quot;existAddress&quot;</span>
    196. 

  196.     @<span class="hljs-attr">close</span>=<span class="hljs-string">&quot;close&quot;</span>
    197. 

  197.     <span class="hljs-attr">:is-show-custom-address</span>=<span class="hljs-string">&quot;false&quot;</span>
    198. 

  198.     @<span class="hljs-attr">selected</span>=<span class="hljs-string">&quot;selected3&quot;</span>
    199. 

  199.     <span class="hljs-attr">:default-icon</span>=<span class="hljs-string">&quot;defaultIcon&quot;</span>
    200. 

  200.     <span class="hljs-attr">:selected-icon</span>=<span class="hljs-string">&quot;selectedIcon&quot;</span>
    201. 

  201.     <span class="hljs-attr">:close-btn-icon</span>=<span class="hljs-string">&quot;closeBtnIcon&quot;</span>
    202. 

  202. &gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-address</span>&gt;</span>
    203. 

  203. </code></pre><pre><code class="language-javascript"><span class="hljs-function"><span class="hljs-title">setup</span>(<span class="hljs-params"></span>)</span> {
    204. 

  204.     <span class="hljs-keyword">const</span> showPopupCustomImg = ref(<span class="hljs-literal">false</span>);
    205. 

  205.     <span class="hljs-keyword">const</span> icon = reactive({
    206. 

  206.       <span class="hljs-attr">selectedIcon</span>: <span class="hljs-string">&#39;heart-fill&#39;</span>,
    207. 

  207.       <span class="hljs-attr">defaultIcon</span>: <span class="hljs-string">&#39;heart1&#39;</span>,
    208. 

  208.       <span class="hljs-attr">closeBtnIcon</span>: <span class="hljs-string">&#39;close&#39;</span>,
    209. 

  209.       <span class="hljs-attr">backBtnIcon</span>: <span class="hljs-string">&#39;left&#39;</span>
    210. 

  210.     });
    211. 

  211.     <span class="hljs-keyword">const</span> existAddress = ref([
    212. 

  212.       {
    213. 

  213.         <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>,
    214. 

  214.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;th &#39;</span>,
    215. 

  215.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span>,
    216. 

  216.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u57CE\u533A&#39;</span>,
    217. 

  217.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    218. 

  218.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">true</span>,
    219. 

  219.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    220. 

  220.       },{
    221. 

  221.         <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>,
    222. 

  222.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;12_ &#39;</span>,
    223. 

  223.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7535\u996D\u9505&#39;</span>,
    224. 

  224.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u6276\u7EE5\u53BF&#39;</span>,
    225. 

  225.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    226. 

  226.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    227. 

  227.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    228. 

  228.       },{
    229. 

  229.         <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>,
    230. 

  230.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u53D1\u5927\u6C34\u6BD4 &#39;</span>,
    231. 

  231.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u653E\u5230&#39;</span>,
    232. 

  232.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u5E7F\u5B81\u8857\u9053&#39;</span>,
    233. 

  233.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u9493\u9C7C\u5C9B\u5168\u533A&#39;</span>,
    234. 

  234.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    235. 

  235.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    236. 

  236.       },{
    237. 

  237.         <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>,
    238. 

  238.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u8FD8\u662F\u60F3\u5427\u767E\u5EA6\u5427 &#39;</span>,
    239. 

  239.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7814\u53D1&#39;</span>,
    240. 

  240.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span>,
    241. 

  241.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    242. 

  242.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    243. 

  243.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    244. 

  244.       }
    245. 

  245.     ]);
    246. 

  246. 

  247.     <span class="hljs-keyword">const</span> text = ref(<span class="hljs-string">&#39;\u8BF7\u9009\u62E9\u5730\u5740&#39;</span>)
    248. 

  248. 

  249.     <span class="hljs-keyword">const</span> showCustomImg = <span class="hljs-function">() =&gt;</span> {
    250. 

  250.       showPopupCustomImg.value = <span class="hljs-literal">true</span>;
    251. 

  251.     };
    252. 

  252. 

  253.     <span class="hljs-keyword">const</span> close = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    254. 

  254.       <span class="hljs-keyword">if</span> (val.type == <span class="hljs-string">&#39;exist&#39;</span>) {
    255. 

  255.         <span class="hljs-keyword">const</span> {provinceName,cityName,countyName,townName,addressDetail} = val.data
    256. 

  256.         text.value = provinceName + cityName + countyName + townName + addressDetail;
    257. 

  257.       } <span class="hljs-keyword">else</span> {
    258. 

  258.         text.value = val.data.addressStr;
    259. 

  259.       }
    260. 

  260.     };
    261. 

  261. 

  262.     <span class="hljs-keyword">const</span> selected = <span class="hljs-function">(<span class="hljs-params">prevExistAdd, nowExistAdd, arr</span>) =&gt;</span> {
    263. 

  263.       <span class="hljs-built_in">console</span>.log(prevExistAdd);
    264. 

  264.       <span class="hljs-built_in">console</span>.log(nowExistAdd);
    265. 

  265.     };
    266. 

  266. 

  267.     <span class="hljs-keyword">return</span> { showPopupCustomImg, existAddress, text, showCustomImg, close, selected, ...toRefs(icon) };
    268. 

  268. }
    269. 

  269. </code></pre><h3>\u81EA\u5B9A\u4E49\u5730\u5740\u4E0E\u5DF2\u6709\u5730\u5740\u5207\u6362</h3><pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">nut-cell</span> <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5730\u5740&quot;</span> <span class="hljs-attr">:desc</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">is-link</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">&quot;showAddressOther&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-cell</span>&gt;</span>
    270. 

  270. <span class="hljs-tag">&lt;<span class="hljs-name">nut-address</span>
    271. 

  271.     <span class="hljs-attr">v-model:visible</span>=<span class="hljs-string">&quot;showPopupOther&quot;</span>
    272. 

  272.     <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;exist&quot;</span>
    273. 

  273.     <span class="hljs-attr">:exist-address</span>=<span class="hljs-string">&quot;existAddress&quot;</span>
    274. 

  274.     <span class="hljs-attr">:province</span>=<span class="hljs-string">&quot;province&quot;</span>
    275. 

  275.     <span class="hljs-attr">:city</span>=<span class="hljs-string">&quot;city&quot;</span>
    276. 

  276.     <span class="hljs-attr">:country</span>=<span class="hljs-string">&quot;country&quot;</span>
    277. 

  277.     <span class="hljs-attr">:town</span>=<span class="hljs-string">&quot;town&quot;</span>
    278. 

  278.     <span class="hljs-attr">:back-btn-icon</span>=<span class="hljs-string">&quot;backBtnIcon&quot;</span>
    279. 

  279.     @<span class="hljs-attr">close</span>=<span class="hljs-string">&quot;close&quot;</span>
    280. 

  280.     @<span class="hljs-attr">selected</span>=<span class="hljs-string">&quot;selected&quot;</span>
    281. 

  281.     <span class="hljs-attr">custom-and-exist-title</span>=<span class="hljs-string">&quot;\u9009\u62E9\u5176\u4ED6\u5730\u5740&quot;</span>
    282. 

  282.     @<span class="hljs-attr">switch-module</span>=<span class="hljs-string">&quot;switchModule&quot;</span>
    283. 

  283.     @<span class="hljs-attr">close-mask</span>=<span class="hljs-string">&quot;closeMask&quot;</span>
    284. 

  284. &gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">nut-address</span>&gt;</span>
    285. 

  285. </code></pre><pre><code class="language-javascript"><span class="hljs-function"><span class="hljs-title">setup</span>(<span class="hljs-params"></span>)</span> {
    286. 

  286.     <span class="hljs-keyword">const</span> showPopupOther = ref(<span class="hljs-literal">false</span>);
    287. 

  287.     <span class="hljs-keyword">const</span> address = reactive({
    288. 

  288.       <span class="hljs-attr">province</span>:[
    289. 

  289.         { <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span> },
    290. 

  290.         { <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E7F\u897F&#39;</span> },
    291. 

  291.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u6C5F\u897F&#39;</span> },
    292. 

  292.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u56DB\u5DDD&#39;</span> }
    293. 

  293.       ],
    294. 

  294.       <span class="hljs-attr">city</span>:[
    295. 

  295.         { <span class="hljs-attr">id</span>: <span class="hljs-number">7</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u671D\u9633\u533A&#39;</span> },
    296. 

  296.         { <span class="hljs-attr">id</span>: <span class="hljs-number">8</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5D07\u6587\u533A&#39;</span> },
    297. 

  297.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u660C\u5E73\u533A&#39;</span> },
    298. 

  298.         { <span class="hljs-attr">id</span>: <span class="hljs-number">6</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span> }
    299. 

  299.       ],
    300. 

  300.       <span class="hljs-attr">country</span>:[
    301. 

  301.         { <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span> },
    302. 

  302.         { <span class="hljs-attr">id</span>: <span class="hljs-number">9</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5317\u82D1&#39;</span> },
    303. 

  303.         { <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>, <span class="hljs-attr">name</span>: <span class="hljs-string">&#39;\u5E38\u8425\u4E61&#39;</span> }
    304. 

  304.       ],
    305. 

  305.       <span class="hljs-attr">town</span>:[]
    306. 

  306.     })
    307. 

  307.     <span class="hljs-keyword">const</span> existAddress = ref([
    308. 

  308.       {
    309. 

  309.         <span class="hljs-attr">id</span>: <span class="hljs-number">1</span>,
    310. 

  310.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;th &#39;</span>,
    311. 

  311.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u77F3\u666F\u5C71\u533A&#39;</span>,
    312. 

  312.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u57CE\u533A&#39;</span>,
    313. 

  313.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    314. 

  314.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">true</span>,
    315. 

  315.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    316. 

  316.       },
    317. 

  317.       {
    318. 

  318.         <span class="hljs-attr">id</span>: <span class="hljs-number">2</span>,
    319. 

  319.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;12_ &#39;</span>,
    320. 

  320.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7535\u996D\u9505&#39;</span>,
    321. 

  321.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u6276\u7EE5\u53BF&#39;</span>,
    322. 

  322.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    323. 

  323.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    324. 

  324.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    325. 

  325.       },
    326. 

  326.       {
    327. 

  327.         <span class="hljs-attr">id</span>: <span class="hljs-number">3</span>,
    328. 

  328.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u53D1\u5927\u6C34\u6BD4 &#39;</span>,
    329. 

  329.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u653E\u5230&#39;</span>,
    330. 

  330.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u5E7F\u5B81\u8857\u9053&#39;</span>,
    331. 

  331.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u9493\u9C7C\u5C9B\u5168\u533A&#39;</span>,
    332. 

  332.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    333. 

  333.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    334. 

  334.       },
    335. 

  335.       {
    336. 

  336.         <span class="hljs-attr">id</span>: <span class="hljs-number">4</span>,
    337. 

  337.         <span class="hljs-attr">addressDetail</span>: <span class="hljs-string">&#39;\u8FD8\u662F\u60F3\u5427\u767E\u5EA6\u5427 &#39;</span>,
    338. 

  338.         <span class="hljs-attr">cityName</span>: <span class="hljs-string">&#39;\u7814\u53D1&#39;</span>,
    339. 

  339.         <span class="hljs-attr">countyName</span>: <span class="hljs-string">&#39;\u516B\u91CC\u5E84\u8857\u9053&#39;</span>,
    340. 

  340.         <span class="hljs-attr">provinceName</span>: <span class="hljs-string">&#39;\u5317\u4EAC&#39;</span>,
    341. 

  341.         <span class="hljs-attr">selectedAddress</span>: <span class="hljs-literal">false</span>,
    342. 

  342.         <span class="hljs-attr">townName</span>: <span class="hljs-string">&#39;&#39;</span>
    343. 

  343.       }
    344. 

  344.     ]);
    345. 

  345.     <span class="hljs-keyword">const</span> backBtnIcon = ref(<span class="hljs-string">&#39;left&#39;</span>)
    346. 

  346.     <span class="hljs-keyword">const</span> text = ref(<span class="hljs-string">&#39;\u8BF7\u9009\u62E9\u5730\u5740&#39;</span>)
    347. 

  347. 

  348.     <span class="hljs-keyword">const</span> showAddressOther = <span class="hljs-function">() =&gt;</span> {
    349. 

  349.       showPopupOther.value = <span class="hljs-literal">true</span>;
    350. 

  350.     };
    351. 

  351. 

  352.     <span class="hljs-keyword">const</span> close = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    353. 

  353.       <span class="hljs-keyword">if</span> (val.type == <span class="hljs-string">&#39;exist&#39;</span>) {
    354. 

  354.         <span class="hljs-keyword">const</span> {provinceName,cityName,countyName,townName,addressDetail} = val.data
    355. 

  355.         text.value = provinceName + cityName + countyName + townName + addressDetail;
    356. 

  356.       } <span class="hljs-keyword">else</span> {
    357. 

  357.         text.value = val.data.addressStr;
    358. 

  358.       }
    359. 

  359.     };
    360. 

  360. 

  361.     <span class="hljs-keyword">const</span> selected = <span class="hljs-function">(<span class="hljs-params">prevExistAdd, nowExistAdd, arr</span>) =&gt;</span> {
    362. 

  362.       <span class="hljs-built_in">console</span>.log(prevExistAdd);
    363. 

  363.       <span class="hljs-built_in">console</span>.log(nowExistAdd);
    364. 

  364.     };
    365. 

  365. 

  366.     <span class="hljs-keyword">const</span> switchModule = <span class="hljs-function"><span class="hljs-params">cal</span> =&gt;</span> {
    367. 

  367.       <span class="hljs-keyword">if</span> (cal.type == <span class="hljs-string">&#39;custom&#39;</span>) {
    368. 

  368.         <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&#39;\u70B9\u51FB\u4E86\u201C\u9009\u62E9\u5176\u4ED6\u5730\u5740\u201D\u6309\u94AE&#39;</span>);
    369. 

  369.       } <span class="hljs-keyword">else</span> {
    370. 

  370.         <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&#39;\u70B9\u51FB\u4E86\u81EA\u5B9A\u4E49\u5730\u5740\u5DE6\u4E0A\u89D2\u7684\u8FD4\u56DE\u6309\u94AE&#39;</span>);
    371. 

  371.       }
    372. 

  372.     };
    373. 

  373. 

  374.     <span class="hljs-keyword">const</span> closeMask = <span class="hljs-function"><span class="hljs-params">val</span> =&gt;</span> {
    375. 

  375.       <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&#39;\u5173\u95ED\u5F39\u5C42&#39;</span>, val);
    376. 

  376.     };
    377. 

  377. 

  378.     <span class="hljs-keyword">return</span> { showPopupOther, text, showAddressOther, switchModule, closeMask, close, selected, backBtnIcon, ...toRefs(address) };
    379. 

  379. }
    380. 

  380. </code></pre><h1>API</h1><table><thead><tr><th>\u5B57\u6BB5</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>v-model:visible</td><td>\u662F\u5426\u6253\u5F00\u5730\u5740\u9009\u62E9</td><td>String</td><td>\u2018\u2019</td></tr><tr><td>type</td><td>\u5730\u5740\u9009\u62E9\u7C7B\u578B exist/custom/custom2</td><td>String</td><td>\u2018custom\u2019</td></tr><tr><td>province</td><td>\u7701\uFF0C\u6BCF\u4E2A\u7701\u7684\u5BF9\u8C61\u4E2D\uFF0C\u5FC5\u987B\u6709 name \u5B57\u6BB5\uFF0C\u5982\u679C\u7C7B\u578B\u9009\u62E9 custom2\uFF0C\u5FC5\u987B\u6307\u5B9A title \u5B57\u6BB5\u4E3A\u9996\u5B57\u6BCD</td><td>Array</td><td>[]</td></tr><tr><td>city</td><td>\u5E02\uFF0C\u6BCF\u4E2A\u5E02\u7684\u5BF9\u8C61\u4E2D\uFF0C\u5FC5\u987B\u6709 name \u5B57\u6BB5\uFF0C\u5982\u679C\u7C7B\u578B\u9009\u62E9 custom2\uFF0C\u5FC5\u987B\u6307\u5B9A title \u5B57\u6BB5\u4E3A\u9996\u5B57\u6BCD</td><td>Array</td><td>[]</td></tr><tr><td>country</td><td>\u53BF\uFF0C\u6BCF\u4E2A\u53BF\u7684\u5BF9\u8C61\u4E2D\uFF0C\u5FC5\u987B\u6709 name \u5B57\u6BB5\uFF0C\u5982\u679C\u7C7B\u578B\u9009\u62E9 custom2\uFF0C\u5FC5\u987B\u6307\u5B9A title \u5B57\u6BB5\u4E3A\u9996\u5B57\u6BCD</td><td>Array</td><td>[]</td></tr><tr><td>town</td><td>\u4E61/\u9547\uFF0C\u6BCF\u4E2A\u4E61/\u9547\u7684\u5BF9\u8C61\u4E2D\uFF0C\u5FC5\u987B\u6709 name \u5B57\u6BB5\uFF0C\u5982\u679C\u7C7B\u578B\u9009\u62E9 custom2\uFF0C\u5FC5\u987B\u6307\u5B9A title \u5B57\u6BB5\u4E3A\u9996\u5B57\u6BCD</td><td>Array</td><td>[]</td></tr><tr><td>height</td><td>\u5F39\u5C42\u4E2D\u5185\u5BB9\u5BB9\u5668\u7684\u9AD8\u5EA6\uFF0C\u4EC5\u5728type=&quot;custom2&quot;\u65F6\u6709\u6548</td><td>String\u3001Number</td><td>\u2018200px\u2019</td></tr><tr><td>exist-address</td><td>\u5DF2\u5B58\u5728\u5730\u5740\u5217\u8868\uFF0C\u6BCF\u4E2A\u5730\u5740\u5BF9\u8C61\u4E2D\uFF0C\u5FC5\u4F20\u503CprovinceName\u3001cityName\u3001countyName\u3001townName\u3001addressDetail\u3001selectedAddress\uFF08\u5B57\u6BB5\u89E3\u91CA\u89C1\u4E0B\uFF09</td><td>Array</td><td>[]</td></tr><tr><td>default-icon</td><td>\u5DF2\u6709\u5730\u5740\u5217\u8868\u9ED8\u8BA4\u56FE\u6807\uFF0Ctype=\u2018exist\u2019 \u65F6\u751F\u6548</td><td>String</td><td>\u2018\u2019</td></tr><tr><td>selected-icon</td><td>\u5DF2\u6709\u5730\u5740\u5217\u8868\u9009\u4E2D\u56FE\u6807\uFF0Ctype=\u2018exist\u2019 \u65F6\u751F\u6548</td><td>String</td><td>\u2018\u2019</td></tr><tr><td>close-btn-icon</td><td>\u81EA\u5B9A\u4E49\u5173\u95ED\u5F39\u6846\u6309\u94AE\u56FE\u6807</td><td>string</td><td>-</td></tr><tr><td>back-btn-icon</td><td>\u81EA\u5B9A\u4E49\u5730\u5740\u4E0E\u5DF2\u6709\u5730\u5740\u5207\u6362\u65F6\uFF0C\u81EA\u5B9A\u4E49\u8FD4\u56DE\u7684\u6309\u94AE\u56FE\u6807</td><td>String</td><td>-</td></tr><tr><td>is-show-custom-address</td><td>\u662F\u5426\u53EF\u4EE5\u5207\u6362\u81EA\u5B9A\u4E49\u5730\u5740\u9009\u62E9\uFF0Ctype=\u2018exist\u2019 \u65F6\u751F\u6548</td><td>Boolean</td><td>true</td></tr><tr><td>custom-address-title</td><td>\u81EA\u5B9A\u4E49\u5730\u5740\u9009\u62E9\u6587\u6848\uFF0Ctype=\u2018custom\u2019 \u65F6\u751F\u6548</td><td>String</td><td>\u2018\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A\u2019</td></tr><tr><td>exist-address-title</td><td>\u5DF2\u6709\u5730\u5740\u6587\u6848 \uFF0Ctype=\u2018exist\u2019 \u65F6\u751F\u6548</td><td>String</td><td>\u2018\u914D\u9001\u81F3\u2019</td></tr><tr><td>custom-and-exist-title</td><td>\u81EA\u5B9A\u4E49\u5730\u5740\u4E0E\u5DF2\u6709\u5730\u5740\u5207\u6362\u6309\u94AE\u6587\u6848 \uFF0Ctype=\u2018exist\u2019 \u65F6\u751F\u6548</td><td>String</td><td>\u2018\u9009\u62E9\u5176\u4ED6\u5730\u5740\u2019</td></tr></tbody></table><ul><li>provinceName \u7701\u7684\u540D\u5B57</li><li>cityName \u5E02\u7684\u540D\u5B57</li><li>countyName \u53BF\u7684\u540D\u5B57</li><li>townName \u4E61/\u9547\u7684\u540D\u5B57</li><li>addressDetail \u5177\u4F53\u5730\u5740</li><li>selectedAddress \u5B57\u6BB5\u7528\u4E8E\u5224\u65AD\u5F53\u524D\u5730\u5740\u5217\u8868\u7684\u9009\u4E2D\u9879\u3002</li></ul><h2>Event</h2><table><thead><tr><th>\u5B57\u6BB5</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u81EA\u5B9A\u4E49\u9009\u62E9\u5730\u5740\u65F6\uFF0C\u9009\u62E9\u5730\u533A\u65F6\u89E6\u53D1</td><td>\u53C2\u8003 onChange</td></tr><tr><td>selected</td><td>\u9009\u62E9\u5DF2\u6709\u5730\u5740\u5217\u8868\u65F6\u89E6\u53D1</td><td>\u53C2\u8003 selected</td></tr><tr><td>close</td><td>\u5730\u5740\u9009\u62E9\u5F39\u6846\u5173\u95ED\u65F6\u89E6\u53D1</td><td>\u53C2\u8003 close</td></tr><tr><td>close-mask</td><td>\u70B9\u51FB\u906E\u7F69\u5C42\u6216\u70B9\u51FB\u53F3\u4E0A\u89D2\u53C9\u53F7\u5173\u95ED\u65F6\u89E6\u53D1</td><td>{closeWay:\u2018mask\u2019/\u2018cross\u2019}</td></tr><tr><td>switch-module</td><td>\u70B9\u51FB\u2018\u9009\u62E9\u5176\u4ED6\u5730\u5740\u2019\u6216\u81EA\u5B9A\u4E49\u5730\u5740\u9009\u62E9\u5DE6\u4E0A\u89D2\u8FD4\u56DE\u6309\u94AE\u89E6\u53D1</td><td>{type:\u2018exist\u2019/\u2018custom\u2019/\u2018custom2\u2019}</td></tr></tbody></table><h2>change \u56DE\u8C03\u53C2\u6570</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u53EF\u80FD\u503C</th></tr></thead><tbody><tr><td>custom</td><td>\u5F53\u524D\u70B9\u51FB\u7684\u884C\u653F\u533A\u57DF</td><td>province(\u7701) / city(\u5E02) / country(\u53BF) / town(\u4E61)</td></tr><tr><td>next</td><td>\u5F53\u524D\u70B9\u51FB\u7684\u884C\u653F\u533A\u57DF\u7684\u4E0B\u4E00\u7EA7</td><td>province(\u7701) / city(\u5E02) / country(\u53BF) / town(\u4E61)</td></tr><tr><td>value</td><td>\u5F53\u524D\u70B9\u51FB\u7684\u884C\u653F\u533A\u57DF\u7684\u503C\uFF08\u8FD4\u56DE\u4F20\u5165\u7684\u503C\uFF09</td><td>{}</td></tr></tbody></table><h2>selected \u56DE\u8C03\u53C2\u6570</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u53EF\u80FD\u503C</th></tr></thead><tbody><tr><td>\u7B2C\u4E00\u4E2A\u53C2\u6570\uFF08prevExistAdd\uFF09</td><td>\u9009\u62E9\u524D\u9009\u4E2D\u7684\u5730\u5740</td><td>{}</td></tr><tr><td>\u7B2C\u4E8C\u4E2A\u53C2\u6570\uFF08nowExistAdd\uFF09</td><td>\u5F53\u524D\u9009\u4E2D\u7684\u5730\u5740</td><td>{}</td></tr><tr><td>\u7B2C\u4E09\u4E2A\u53C2\u6570\uFF08arr\uFF09</td><td>\u9009\u62E9\u5B8C\u4E4B\u540E\u7684\u5DF2\u6709\u5730\u5740\u5217\u8868\uFF08selectedAddress \u503C\u53D1\u751F\u6539\u53D8\uFF09</td><td>{}</td></tr></tbody></table><h2>close \u56DE\u8C03\u53C2\u6570</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u53EF\u80FD\u503C</th></tr></thead><tbody><tr><td>type</td><td>\u5730\u5740\u9009\u62E9\u7C7B\u578B exist/custom/custom2</td><td>exist/custom/custom2</td></tr><tr><td>data</td><td>\u9009\u62E9\u5730\u5740\u7684\u503C,custom \u65F6\uFF0CaddressStr \u4E3A\u9009\u62E9\u7684\u5730\u5740\u7EC4\u5408</td><td>{}</td></tr></tbody></table>`,32),c=[p],o={setup(e,{expose:s}){return s({frontmatter:{}}),(h,j)=>(n(),a("div",l,c))}};export{o as default};
    381.