@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/C_Chat2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as ee,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as te,createVNode as s,defineComponent as c,nextTick as l,normalizeClass as u,openBlock as d,ref as f,renderList as p,renderSlot as m,resolveComponent as h,toDisplayString as g,watch as ne,withCtx as _,withKeys as re,withModifiers as ie}from"vue";const v={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},ae={class:`c-chat`},oe={key:0,class:`c-chat__sidebar`},se={class:`c-chat__sidebar-header`},ce={class:`c-chat__search`},le={class:`c-chat__contact-list`},ue=[`onClick`],de={class:`c-chat__contact-avatar`},fe=[`src`,`alt`],pe={key:1,class:`c-chat__avatar-fallback`},me={key:2,class:`c-chat__online-dot`},he={class:`c-chat__contact-info`},ge={class:`c-chat__contact-name`},y={key:0,class:`c-chat__contact-time`},b={key:0,class:`c-chat__contact-last`},x={key:0,class:`c-chat__unread`},S={key:1,class:`c-chat__main`},C={class:`c-chat__header`},w={key:0,class:`c-chat__header-status`},T={key:0,class:`c-chat__load-more`},E={key:1,class:`c-chat__empty`},D={key:0,class:`c-chat__time-divider`},O={key:0,class:`c-chat__msg-avatar`},k=[`src`],A={key:1,class:`c-chat__avatar-fallback`},j={class:`c-chat__msg-body`},M={key:0,class:`c-chat__msg-username`},N={key:1,class:`c-chat__bubble`},P=[`src`,`onClick`],F=[`onClick`],I={class:`c-chat__file-info`},L={class:`c-chat__file-name`},_e={key:0,class:`c-chat__file-size`},ve={key:4,class:`c-chat__msg-time`},ye=[`onClick`],be={class:`c-chat__input-area`},xe={class:`c-chat__input-actions`},Se={class:`c-chat__input-wrap`},Ce={class:`c-chat__main c-chat__no-chat`};var R=t(c({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:v.placeholder},showContacts:{type:Boolean,default:v.showContacts},showTimestamp:{type:Boolean,default:v.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:v.showSendBtn},loadingHistory:{type:Boolean,default:v.loadingHistory},title:{default:v.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:c,emit:R}){let z=t,B=R,V=r(()=>({...v,...z})),H=f(``),U=f(``),W=f(null),G=r(()=>z.contacts??[]),K=r(()=>z.messages??[]),q=r(()=>z.currentContactId||G.value[0]?.id||``),J=r(()=>G.value.find(e=>e.id===q.value)),we=r(()=>{if(!U.value)return G.value;let e=U.value.toLowerCase();return G.value.filter(t=>t.name.toLowerCase().includes(e))}),Te=e=>{B(`select-contact`,e)},Y=()=>{let e=H.value.trim();e&&(B(`send`,e),H.value=``)},X=()=>{l(()=>{W.value&&(W.value.scrollTop=W.value.scrollHeight)})};ne(()=>z.messages?.length,()=>X(),{flush:`post`});let Z=()=>{W.value&&W.value.scrollTop===0&&!V.value.loadingHistory&&B(`load-more`)},Q=e=>e.sender===`self`&&z.selfAvatar||e.avatar,Ee=e=>e.sender===`self`?z.selfName||e.username||`Me`:e.username||`未知`,$=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},De=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?$(e):`${t.getMonth()+1}/${t.getDate()} ${$(e)}`},Oe=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?$(e):`${t.getMonth()+1}/${t.getDate()}`},ke=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,Ae=(e,t)=>{if(t===0)return!0;let n=K.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return c({scrollToBottom:X}),(t,r)=>{let c=h(`NInput`),l=h(`NSpin`),f=h(`NButton`);return d(),a(`div`,ae,[i(` ===== 联系人侧栏 ===== `),V.value.showContacts&&G.value.length?(d(),a(`aside`,oe,[o(`div`,se,[s(e,{name:`mdi:chat-outline`,size:20}),r[4]||=te(` 会话 `,-1)]),i(` 搜索框 `),o(`div`,ce,[s(c,{value:U.value,"onUpdate:value":r[0]||=e=>U.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:_(()=>[s(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),i(` 联系人列表 `),o(`div`,le,[(d(!0),a(n,null,p(we.value,e=>(d(),a(`div`,{key:e.id,class:u([`c-chat__contact`,{"is-active":e.id===q.value}]),onClick:t=>Te(e.id)},[o(`div`,de,[e.avatar?(d(),a(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,fe)):(d(),a(`div`,pe,g(e.name.charAt(0)),1)),e.online?(d(),a(`span`,me)):i(`v-if`,!0)]),o(`div`,he,[o(`div`,ge,[o(`span`,null,g(e.name),1),e.lastTime?(d(),a(`span`,y,g(Oe(e.lastTime)),1)):i(`v-if`,!0)]),e.lastMessage?(d(),a(`div`,b,g(e.lastMessage),1)):i(`v-if`,!0)]),e.unread?(d(),a(`span`,x,g(e.unread>99?`99+`:e.unread),1)):i(`v-if`,!0)],10,ue))),128))])])):i(`v-if`,!0),i(` ===== 主聊天区域 ===== `),J.value||!V.value.showContacts?(d(),a(`div`,S,[i(` 顶栏 `),o(`div`,C,[m(t.$slots,`header`,{},()=>[o(`span`,null,g(J.value?.name||V.value.title),1),J.value?.online?(d(),a(`span`,w,` 在线 `)):i(`v-if`,!0)],!0)]),i(` 消息列表 `),o(`div`,{ref_key:`messagesRef`,ref:W,class:`c-chat__messages`,onScroll:Z},[i(` 加载更多 `),V.value.loadingHistory?(d(),a(`div`,T,[s(l,{size:`small`})])):i(`v-if`,!0),i(` 消息为空 `),!K.value.length&&!V.value.loadingHistory?(d(),a(`div`,E,` 暂无消息，发送第一条吧 `)):i(`v-if`,!0),i(` 消息列表 `),(d(!0),a(n,null,p(K.value,(t,r)=>(d(),a(n,{key:t.id},[i(` 时间分割 `),Ae(t,r)?(d(),a(`div`,D,g(De(t.timestamp)),1)):i(`v-if`,!0),i(` 消息条目 `),o(`div`,{class:u([`c-chat__msg`,`is-${t.sender}`])},[i(` 头像 `),t.sender===`system`?i(`v-if`,!0):(d(),a(`div`,O,[Q(t)?(d(),a(`img`,{key:0,src:Q(t),class:`c-chat__avatar`},null,8,k)):(d(),a(`div`,A,g(Ee(t).charAt(0)),1))])),i(` 消息体 `),o(`div`,j,[t.sender===`other`&&t.username?(d(),a(`span`,M,g(t.username),1)):i(`v-if`,!0),i(` 文本消息 `),t.type===`text`||t.type===`system`?(d(),a(`div`,N,g(t.content),1)):t.type===`image`?(d(),a(n,{key:2},[i(` 图片消息 `),o(`img`,{src:t.content,class:`c-chat__msg-image`,onClick:e=>B(`image-preview`,t.content)},null,8,P)],2112)):t.type===`file`?(d(),a(n,{key:3},[i(` 文件消息 `),o(`div`,{class:`c-chat__msg-file`,onClick:e=>B(`file-click`,t)},[s(e,{name:`mdi:file-document-outline`,size:28}),o(`div`,I,[o(`span`,L,g(t.fileName||`文件`),1),t.fileSize?(d(),a(`span`,_e,g(ke(t.fileSize)),1)):i(`v-if`,!0)])],8,F)],2112)):i(`v-if`,!0),i(` 时间戳 `),V.value.showTimestamp&&t.sender!==`system`?(d(),a(`span`,ve,g($(t.timestamp)),1)):i(`v-if`,!0),i(` 发送状态 `),t.sender===`self`&&t.status?(d(),a(`span`,{key:5,class:u([`c-chat__msg-status`,`is-${t.status}`]),onClick:e=>t.status===`failed`&&B(`resend`,t)},g(t.status===`sending`?`发送中...`:t.status===`failed`?`发送失败，点击重试`:``),11,ye)):i(`v-if`,!0)])],2)],64))),128))],544),i(` 输入区域 `),o(`div`,be,[o(`div`,xe,[m(t.$slots,`input-actions`,{},()=>[s(f,{quaternary:``,circle:``,size:`small`,onClick:r[1]||=e=>B(`emoji-click`)},{icon:_(()=>[s(e,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),s(f,{quaternary:``,circle:``,size:`small`,onClick:r[2]||=e=>B(`file-upload`)},{icon:_(()=>[s(e,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),o(`div`,Se,[s(c,{value:H.value,"onUpdate:value":r[3]||=e=>H.value=e,placeholder:V.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:re(ie(Y,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),V.value.showSendBtn?(d(),ee(f,{key:0,type:`primary`,disabled:!H.value.trim(),class:`c-chat__send-btn`,onClick:Y},{icon:_(()=>[s(e,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):i(`v-if`,!0)])])):(d(),a(n,{key:2},[i(` ===== 未选中联系人空态 ===== `),o(`div`,Ce,[s(e,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),r[5]||=o(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}}),[[`__scopeId`,`data-v-2bbae884`]]);export{v as n,R as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NInput as ee,NSpin as te}from"naive-ui";import{Fragment as r,computed as i,createBlock as ne,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,ref as m,renderList as h,renderSlot as g,resolveComponent as re,toDisplayString as _,watch as ie,withCtx as v,withKeys as ae,withModifiers as oe}from"vue";const y={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},se={class:`c-chat`},ce={key:0,class:`c-chat__sidebar`},le={class:`c-chat__sidebar-header`},ue={class:`c-chat__search`},de={class:`c-chat__contact-list`},fe=[`onClick`],pe={class:`c-chat__contact-avatar`},me=[`src`,`alt`],b={key:1,class:`c-chat__avatar-fallback`},x={key:2,class:`c-chat__online-dot`},S={class:`c-chat__contact-info`},C={class:`c-chat__contact-name`},w={key:0,class:`c-chat__contact-time`},T={key:0,class:`c-chat__contact-last`},E={key:0,class:`c-chat__unread`},D={key:1,class:`c-chat__main`},O={class:`c-chat__header`},k={key:0,class:`c-chat__header-status`},A={key:0,class:`c-chat__load-more`},j={key:1,class:`c-chat__empty`},M={key:0,class:`c-chat__time-divider`},N={key:0,class:`c-chat__msg-avatar`},P=[`src`],F={key:1,class:`c-chat__avatar-fallback`},I={class:`c-chat__msg-body`},L={key:0,class:`c-chat__msg-username`},R={key:1,class:`c-chat__bubble`},z=[`src`,`onClick`],he=[`onClick`],ge={class:`c-chat__file-info`},_e={class:`c-chat__file-name`},ve={key:0,class:`c-chat__file-size`},ye={key:4,class:`c-chat__msg-time`},be=[`onClick`],xe={class:`c-chat__input-area`},Se={class:`c-chat__input-actions`},Ce={class:`c-chat__input-wrap`},we={class:`c-chat__main c-chat__no-chat`};var B=t(u({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:y.placeholder},showContacts:{type:Boolean,default:y.showContacts},showTimestamp:{type:Boolean,default:y.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:y.showSendBtn},loadingHistory:{type:Boolean,default:y.loadingHistory},title:{default:y.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:u,emit:re}){let B=t,V=re,H=i(()=>({...y,...B})),U=m(``),W=m(``),G=m(null),K=i(()=>B.contacts??[]),q=i(()=>B.messages??[]),J=i(()=>B.currentContactId||K.value[0]?.id||``),Y=i(()=>K.value.find(e=>e.id===J.value)),Te=i(()=>{if(!W.value)return K.value;let e=W.value.toLowerCase();return K.value.filter(t=>t.name.toLowerCase().includes(e))}),Ee=e=>{V(`select-contact`,e)},X=()=>{let e=U.value.trim();e&&(V(`send`,e),U.value=``)},Z=()=>{d(()=>{G.value&&(G.value.scrollTop=G.value.scrollHeight)})};ie(()=>B.messages?.length,()=>Z(),{flush:`post`});let De=()=>{G.value&&G.value.scrollTop===0&&!H.value.loadingHistory&&V(`load-more`)},Q=e=>e.sender===`self`&&B.selfAvatar||e.avatar,Oe=e=>e.sender===`self`?B.selfName||e.username||`Me`:e.username||`未知`,$=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},ke=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?$(e):`${t.getMonth()+1}/${t.getDate()} ${$(e)}`},Ae=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?$(e):`${t.getMonth()+1}/${t.getDate()}`},je=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,Me=(e,t)=>{if(t===0)return!0;let n=q.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return u({scrollToBottom:Z}),(t,i)=>{let u=ee,d=te,m=n;return p(),o(`div`,se,[a(` ===== 联系人侧栏 ===== `),H.value.showContacts&&K.value.length?(p(),o(`aside`,ce,[s(`div`,le,[l(e,{name:`mdi:chat-outline`,size:20}),i[4]||=c(` 会话 `,-1)]),a(` 搜索框 `),s(`div`,ue,[l(u,{value:W.value,"onUpdate:value":i[0]||=e=>W.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:v(()=>[l(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),a(` 联系人列表 `),s(`div`,de,[(p(!0),o(r,null,h(Te.value,e=>(p(),o(`div`,{key:e.id,class:f([`c-chat__contact`,{"is-active":e.id===J.value}]),onClick:t=>Ee(e.id)},[s(`div`,pe,[e.avatar?(p(),o(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,me)):(p(),o(`div`,b,_(e.name.charAt(0)),1)),e.online?(p(),o(`span`,x)):a(`v-if`,!0)]),s(`div`,S,[s(`div`,C,[s(`span`,null,_(e.name),1),e.lastTime?(p(),o(`span`,w,_(Ae(e.lastTime)),1)):a(`v-if`,!0)]),e.lastMessage?(p(),o(`div`,T,_(e.lastMessage),1)):a(`v-if`,!0)]),e.unread?(p(),o(`span`,E,_(e.unread>99?`99+`:e.unread),1)):a(`v-if`,!0)],10,fe))),128))])])):a(`v-if`,!0),a(` ===== 主聊天区域 ===== `),Y.value||!H.value.showContacts?(p(),o(`div`,D,[a(` 顶栏 `),s(`div`,O,[g(t.$slots,`header`,{},()=>[s(`span`,null,_(Y.value?.name||H.value.title),1),Y.value?.online?(p(),o(`span`,k,` 在线 `)):a(`v-if`,!0)],!0)]),a(` 消息列表 `),s(`div`,{ref_key:`messagesRef`,ref:G,class:`c-chat__messages`,onScroll:De},[a(` 加载更多 `),H.value.loadingHistory?(p(),o(`div`,A,[l(d,{size:`small`})])):a(`v-if`,!0),a(` 消息为空 `),!q.value.length&&!H.value.loadingHistory?(p(),o(`div`,j,` 暂无消息，发送第一条吧 `)):a(`v-if`,!0),a(` 消息列表 `),(p(!0),o(r,null,h(q.value,(t,n)=>(p(),o(r,{key:t.id},[a(` 时间分割 `),Me(t,n)?(p(),o(`div`,M,_(ke(t.timestamp)),1)):a(`v-if`,!0),a(` 消息条目 `),s(`div`,{class:f([`c-chat__msg`,`is-${t.sender}`])},[a(` 头像 `),t.sender===`system`?a(`v-if`,!0):(p(),o(`div`,N,[Q(t)?(p(),o(`img`,{key:0,src:Q(t),class:`c-chat__avatar`},null,8,P)):(p(),o(`div`,F,_(Oe(t).charAt(0)),1))])),a(` 消息体 `),s(`div`,I,[t.sender===`other`&&t.username?(p(),o(`span`,L,_(t.username),1)):a(`v-if`,!0),a(` 文本消息 `),t.type===`text`||t.type===`system`?(p(),o(`div`,R,_(t.content),1)):t.type===`image`?(p(),o(r,{key:2},[a(` 图片消息 `),s(`img`,{src:t.content,class:`c-chat__msg-image`,onClick:e=>V(`image-preview`,t.content)},null,8,z)],2112)):t.type===`file`?(p(),o(r,{key:3},[a(` 文件消息 `),s(`div`,{class:`c-chat__msg-file`,onClick:e=>V(`file-click`,t)},[l(e,{name:`mdi:file-document-outline`,size:28}),s(`div`,ge,[s(`span`,_e,_(t.fileName||`文件`),1),t.fileSize?(p(),o(`span`,ve,_(je(t.fileSize)),1)):a(`v-if`,!0)])],8,he)],2112)):a(`v-if`,!0),a(` 时间戳 `),H.value.showTimestamp&&t.sender!==`system`?(p(),o(`span`,ye,_($(t.timestamp)),1)):a(`v-if`,!0),a(` 发送状态 `),t.sender===`self`&&t.status?(p(),o(`span`,{key:5,class:f([`c-chat__msg-status`,`is-${t.status}`]),onClick:e=>t.status===`failed`&&V(`resend`,t)},_(t.status===`sending`?`发送中...`:t.status===`failed`?`发送失败，点击重试`:``),11,be)):a(`v-if`,!0)])],2)],64))),128))],544),a(` 输入区域 `),s(`div`,xe,[s(`div`,Se,[g(t.$slots,`input-actions`,{},()=>[l(m,{quaternary:``,circle:``,size:`small`,onClick:i[1]||=e=>V(`emoji-click`)},{icon:v(()=>[l(e,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),l(m,{quaternary:``,circle:``,size:`small`,onClick:i[2]||=e=>V(`file-upload`)},{icon:v(()=>[l(e,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),s(`div`,Ce,[l(u,{value:U.value,"onUpdate:value":i[3]||=e=>U.value=e,placeholder:H.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:ae(oe(X,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),H.value.showSendBtn?(p(),ne(m,{key:0,type:`primary`,disabled:!U.value.trim(),class:`c-chat__send-btn`,onClick:X},{icon:v(()=>[l(e,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):a(`v-if`,!0)])])):(p(),o(r,{key:2},[a(` ===== 未选中联系人空态 ===== `),s(`div`,we,[l(e,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),i[5]||=s(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}}),[[`__scopeId`,`data-v-5b4bf8dc`]]);export{y as n,B as t};
 //# sourceMappingURL=C_Chat2.js.map

package/dist/C_Chat2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Chat2.js","names":[],"sources":["../src/components/C_Chat/types.ts","../src/components/C_Chat/index.vue"],"sourcesContent":["/**\n * @Description: C_Chat 通用聊天组件 - 类型定义\n */\n\n// ================= 消息类型 =================\n\n/** 消息类型 */\nexport type MessageType = 'text' | 'image' | 'file' | 'system'\n\n/** 消息发送方 */\nexport type MessageSender = 'self' | 'other' | 'system'\n\n/** 消息状态 */\nexport type MessageStatus = 'sending' | 'sent' | 'failed'\n\n/** 单条消息 */\nexport interface ChatMessage {\n  /** 唯一标识 */\n  id: string\n  /** 消息内容（文本 / 图片 URL / 文件信息 JSON） */\n  content: string\n  /** 消息类型 */\n  type: MessageType\n  /** 发送方 */\n  sender: MessageSender\n  /** 发送时间（ISO 字符串 或 时间戳） */\n  timestamp: string | number\n  /** 发送者头像 URL */\n  avatar?: string\n  /** 发送者用户名 */\n  username?: string\n  /** 消息状态 */\n  status?: MessageStatus\n  /** 文件名（type = 'file' 时使用） */\n  fileName?: string\n  /** 文件大小（字节） */\n  fileSize?: number\n}\n\n// ================= 联系人 =================\n\n/** 联系人 / 会话 */\nexport interface ChatContact {\n  /** 唯一标识 */\n  id: string\n  /** 显示名称 */\n  name: string\n  /** 头像 URL */\n  avatar?: string\n  /** 最后一条消息摘要 */\n  lastMessage?: string\n  /** 最后消息时间 */\n  lastTime?: string | number\n  /** 未读数 */\n  unread?: number\n  /** 是否在线 */\n  online?: boolean\n}\n\n// ================= 组件 Props =================\n\nexport interface ChatProps {\n  /** 联系人列表 */\n  contacts?: ChatContact[]\n  /** 消息列表 */\n  messages?: ChatMessage[]\n  /** 当前选中的联系人 ID */\n  currentContactId?: string\n  /** 输入框占位符 */\n  placeholder?: string\n  /** 是否显示联系人侧栏 */\n  showContacts?: boolean\n  /** 是否显示消息时间戳 */\n  showTimestamp?: boolean\n  /** 当前用户头像 */\n  selfAvatar?: string\n  /** 当前用户名 */\n  selfName?: string\n  /** 是否显示发送按钮 */\n  showSendBtn?: boolean\n  /** 是否正在加载历史消息 */\n  loadingHistory?: boolean\n  /** 标题（无联系人模式时显示） */\n  title?: string\n}\n\n// ================= 默认值 =================\n\nexport const DEFAULT_CHAT_PROPS: Required<\n  Pick<\n    ChatProps,\n    | 'placeholder'\n    | 'showContacts'\n    | 'showTimestamp'\n    | 'showSendBtn'\n    | 'loadingHistory'\n    | 'title'\n  >\n> = {\n  placeholder: '输入消息...',\n  showContacts: true,\n  showTimestamp: true,\n  showSendBtn: true,\n  loadingHistory: false,\n  title: '聊天',\n}\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_Chat2.js","names":[],"sources":["../src/components/C_Chat/types.ts","../src/components/C_Chat/index.vue","../src/components/C_Chat/index.vue"],"sourcesContent":["/**\n * @Description: C_Chat 通用聊天组件 - 类型定义\n */\n\n// ================= 消息类型 =================\n\n/** 消息类型 */\nexport type MessageType = 'text' | 'image' | 'file' | 'system'\n\n/** 消息发送方 */\nexport type MessageSender = 'self' | 'other' | 'system'\n\n/** 消息状态 */\nexport type MessageStatus = 'sending' | 'sent' | 'failed'\n\n/** 单条消息 */\nexport interface ChatMessage {\n  /** 唯一标识 */\n  id: string\n  /** 消息内容（文本 / 图片 URL / 文件信息 JSON） */\n  content: string\n  /** 消息类型 */\n  type: MessageType\n  /** 发送方 */\n  sender: MessageSender\n  /** 发送时间（ISO 字符串 或 时间戳） */\n  timestamp: string | number\n  /** 发送者头像 URL */\n  avatar?: string\n  /** 发送者用户名 */\n  username?: string\n  /** 消息状态 */\n  status?: MessageStatus\n  /** 文件名（type = 'file' 时使用） */\n  fileName?: string\n  /** 文件大小（字节） */\n  fileSize?: number\n}\n\n// ================= 联系人 =================\n\n/** 联系人 / 会话 */\nexport interface ChatContact {\n  /** 唯一标识 */\n  id: string\n  /** 显示名称 */\n  name: string\n  /** 头像 URL */\n  avatar?: string\n  /** 最后一条消息摘要 */\n  lastMessage?: string\n  /** 最后消息时间 */\n  lastTime?: string | number\n  /** 未读数 */\n  unread?: number\n  /** 是否在线 */\n  online?: boolean\n}\n\n// ================= 组件 Props =================\n\nexport interface ChatProps {\n  /** 联系人列表 */\n  contacts?: ChatContact[]\n  /** 消息列表 */\n  messages?: ChatMessage[]\n  /** 当前选中的联系人 ID */\n  currentContactId?: string\n  /** 输入框占位符 */\n  placeholder?: string\n  /** 是否显示联系人侧栏 */\n  showContacts?: boolean\n  /** 是否显示消息时间戳 */\n  showTimestamp?: boolean\n  /** 当前用户头像 */\n  selfAvatar?: string\n  /** 当前用户名 */\n  selfName?: string\n  /** 是否显示发送按钮 */\n  showSendBtn?: boolean\n  /** 是否正在加载历史消息 */\n  loadingHistory?: boolean\n  /** 标题（无联系人模式时显示） */\n  title?: string\n}\n\n// ================= 默认值 =================\n\nexport const DEFAULT_CHAT_PROPS: Required<\n  Pick<\n    ChatProps,\n    | 'placeholder'\n    | 'showContacts'\n    | 'showTimestamp'\n    | 'showSendBtn'\n    | 'loadingHistory'\n    | 'title'\n  >\n> = {\n  placeholder: '输入消息...',\n  showContacts: true,\n  showTimestamp: true,\n  showSendBtn: true,\n  loadingHistory: false,\n  title: '聊天',\n}\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n","<!--\n * @Description: C_Chat — 通用聊天组件\n *\n * 支持联系人列表 + 消息气泡 + 输入框，可用于 IM、客服、AI 对话等场景。\n * 通过 CSS 变量可完全自定义主题风格。\n *\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div class=\"c-chat\">\n    <!-- ===== 联系人侧栏 ===== -->\n    <aside\n      v-if=\"mergedProps.showContacts && contactList.length\"\n      class=\"c-chat__sidebar\"\n    >\n      <div class=\"c-chat__sidebar-header\">\n        <C_Icon\n          name=\"mdi:chat-outline\"\n          :size=\"20\"\n        />\n        会话\n      </div>\n\n      <!-- 搜索框 -->\n      <div class=\"c-chat__search\">\n        <NInput\n          v-model:value=\"searchKeyword\"\n          placeholder=\"搜索联系人\"\n          clearable\n          size=\"small\"\n        >\n          <template #prefix>\n            <C_Icon\n              name=\"mdi:magnify\"\n              :size=\"16\"\n            />\n          </template>\n        </NInput>\n      </div>\n\n      <!-- 联系人列表 -->\n      <div class=\"c-chat__contact-list\">\n        <div\n          v-for=\"contact in filteredContacts\"\n          :key=\"contact.id\"\n          class=\"c-chat__contact\"\n          :class=\"{ 'is-active': contact.id === currentId }\"\n          @click=\"handleSelectContact(contact.id)\"\n        >\n          <div class=\"c-chat__contact-avatar\">\n            <img\n              v-if=\"contact.avatar\"\n              :src=\"contact.avatar\"\n              :alt=\"contact.name\"\n              class=\"c-chat__avatar\"\n            />\n            <div\n              v-else\n              class=\"c-chat__avatar-fallback\"\n            >\n              {{ contact.name.charAt(0) }}\n            </div>\n            <span\n              v-if=\"contact.online\"\n              class=\"c-chat__online-dot\"\n            />\n          </div>\n\n          <div class=\"c-chat__contact-info\">\n            <div class=\"c-chat__contact-name\">\n              <span>{{ contact.name }}</span>\n              <span\n                v-if=\"contact.lastTime\"\n                class=\"c-chat__contact-time\"\n              >\n                {{ formatContactTime(contact.lastTime) }}\n              </span>\n            </div>\n            <div\n              v-if=\"contact.lastMessage\"\n              class=\"c-chat__contact-last\"\n            >\n              {{ contact.lastMessage }}\n            </div>\n          </div>\n\n          <span\n            v-if=\"contact.unread\"\n            class=\"c-chat__unread\"\n          >\n            {{ contact.unread > 99 ? '99+' : contact.unread }}\n          </span>\n        </div>\n      </div>\n    </aside>\n\n    <!-- ===== 主聊天区域 ===== -->\n    <div\n      v-if=\"currentContact || !mergedProps.showContacts\"\n      class=\"c-chat__main\"\n    >\n      <!-- 顶栏 -->\n      <div class=\"c-chat__header\">\n        <slot name=\"header\">\n          <span>{{ currentContact?.name || mergedProps.title }}</span>\n          <span\n            v-if=\"currentContact?.online\"\n            class=\"c-chat__header-status\"\n          >\n            在线\n          </span>\n        </slot>\n      </div>\n\n      <!-- 消息列表 -->\n      <div\n        ref=\"messagesRef\"\n        class=\"c-chat__messages\"\n        @scroll=\"handleMessagesScroll\"\n      >\n        <!-- 加载更多 -->\n        <div\n          v-if=\"mergedProps.loadingHistory\"\n          class=\"c-chat__load-more\"\n        >\n          <NSpin size=\"small\" />\n        </div>\n\n        <!-- 消息为空 -->\n        <div\n          v-if=\"!messageList.length && !mergedProps.loadingHistory\"\n          class=\"c-chat__empty\"\n        >\n          暂无消息，发送第一条吧\n        </div>\n\n        <!-- 消息列表 -->\n        <template\n          v-for=\"(msg, idx) in messageList\"\n          :key=\"msg.id\"\n        >\n          <!-- 时间分割 -->\n          <div\n            v-if=\"shouldShowTimeDivider(msg, idx)\"\n            class=\"c-chat__time-divider\"\n          >\n            {{ formatMessageTime(msg.timestamp) }}\n          </div>\n\n          <!-- 消息条目 -->\n          <div\n            class=\"c-chat__msg\"\n            :class=\"`is-${msg.sender}`\"\n          >\n            <!-- 头像 -->\n            <div\n              v-if=\"msg.sender !== 'system'\"\n              class=\"c-chat__msg-avatar\"\n            >\n              <img\n                v-if=\"getAvatar(msg)\"\n                :src=\"getAvatar(msg)\"\n                class=\"c-chat__avatar\"\n              />\n              <div\n                v-else\n                class=\"c-chat__avatar-fallback\"\n              >\n                {{ getUsername(msg).charAt(0) }}\n              </div>\n            </div>\n\n            <!-- 消息体 -->\n            <div class=\"c-chat__msg-body\">\n              <span\n                v-if=\"msg.sender === 'other' && msg.username\"\n                class=\"c-chat__msg-username\"\n              >\n                {{ msg.username }}\n              </span>\n\n              <!-- 文本消息 -->\n              <div\n                v-if=\"msg.type === 'text' || msg.type === 'system'\"\n                class=\"c-chat__bubble\"\n              >\n                {{ msg.content }}\n              </div>\n\n              <!-- 图片消息 -->\n              <img\n                v-else-if=\"msg.type === 'image'\"\n                :src=\"msg.content\"\n                class=\"c-chat__msg-image\"\n                @click=\"emit('image-preview', msg.content)\"\n              />\n\n              <!-- 文件消息 -->\n              <div\n                v-else-if=\"msg.type === 'file'\"\n                class=\"c-chat__msg-file\"\n                @click=\"emit('file-click', msg)\"\n              >\n                <C_Icon\n                  name=\"mdi:file-document-outline\"\n                  :size=\"28\"\n                />\n                <div class=\"c-chat__file-info\">\n                  <span class=\"c-chat__file-name\">{{\n                    msg.fileName || '文件'\n                  }}</span>\n                  <span\n                    v-if=\"msg.fileSize\"\n                    class=\"c-chat__file-size\"\n                  >\n                    {{ formatFileSize(msg.fileSize) }}\n                  </span>\n                </div>\n              </div>\n\n              <!-- 时间戳 -->\n              <span\n                v-if=\"mergedProps.showTimestamp && msg.sender !== 'system'\"\n                class=\"c-chat__msg-time\"\n              >\n                {{ formatTime(msg.timestamp) }}\n              </span>\n\n              <!-- 发送状态 -->\n              <span\n                v-if=\"msg.sender === 'self' && msg.status\"\n                class=\"c-chat__msg-status\"\n                :class=\"`is-${msg.status}`\"\n                @click=\"msg.status === 'failed' && emit('resend', msg)\"\n              >\n                {{\n                  msg.status === 'sending'\n                    ? '发送中...'\n                    : msg.status === 'failed'\n                      ? '发送失败，点击重试'\n                      : ''\n                }}\n              </span>\n            </div>\n          </div>\n        </template>\n      </div>\n\n      <!-- 输入区域 -->\n      <div class=\"c-chat__input-area\">\n        <div class=\"c-chat__input-actions\">\n          <slot name=\"input-actions\">\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('emoji-click')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:emoticon-happy-outline\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n            <NButton\n              quaternary\n              circle\n              size=\"small\"\n              @click=\"emit('file-upload')\"\n            >\n              <template #icon>\n                <C_Icon\n                  name=\"mdi:paperclip\"\n                  :size=\"18\"\n                />\n              </template>\n            </NButton>\n          </slot>\n        </div>\n\n        <div class=\"c-chat__input-wrap\">\n          <NInput\n            v-model:value=\"inputText\"\n            :placeholder=\"mergedProps.placeholder\"\n            type=\"textarea\"\n            :autosize=\"{ minRows: 1, maxRows: 4 }\"\n            @keydown.enter.exact.prevent=\"handleSend\"\n          />\n        </div>\n\n        <NButton\n          v-if=\"mergedProps.showSendBtn\"\n          type=\"primary\"\n          :disabled=\"!inputText.trim()\"\n          class=\"c-chat__send-btn\"\n          @click=\"handleSend\"\n        >\n          <template #icon>\n            <C_Icon\n              name=\"mdi:send\"\n              :size=\"16\"\n            />\n          </template>\n        </NButton>\n      </div>\n    </div>\n\n    <!-- ===== 未选中联系人空态 ===== -->\n    <div\n      v-else\n      class=\"c-chat__main c-chat__no-chat\"\n    >\n      <C_Icon\n        name=\"mdi:chat-processing-outline\"\n        :size=\"48\"\n        class=\"c-chat__no-chat-icon\"\n      />\n      <span>选择一个会话开始聊天</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, nextTick, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_CHAT_PROPS,\n    type ChatProps,\n    type ChatMessage,\n    type ChatContact,\n  } from './types'\n\n  // ===== Props & Emits =====\n  const props = withDefaults(defineProps<ChatProps>(), {\n    contacts: () => [],\n    messages: () => [],\n    currentContactId: '',\n    placeholder: DEFAULT_CHAT_PROPS.placeholder,\n    showContacts: DEFAULT_CHAT_PROPS.showContacts,\n    showTimestamp: DEFAULT_CHAT_PROPS.showTimestamp,\n    showSendBtn: DEFAULT_CHAT_PROPS.showSendBtn,\n    loadingHistory: DEFAULT_CHAT_PROPS.loadingHistory,\n    title: DEFAULT_CHAT_PROPS.title,\n    selfAvatar: '',\n    selfName: '',\n  })\n\n  const emit = defineEmits<{\n    (e: 'send', content: string): void\n    (e: 'select-contact', id: string): void\n    (e: 'load-more'): void\n    (e: 'image-preview', url: string): void\n    (e: 'file-click', msg: ChatMessage): void\n    (e: 'file-upload'): void\n    (e: 'emoji-click'): void\n    (e: 'resend', msg: ChatMessage): void\n  }>()\n\n  // ===== 合并 Props =====\n  const mergedProps = computed(() => ({\n    ...DEFAULT_CHAT_PROPS,\n    ...props,\n  }))\n\n  // ===== 内部状态 =====\n  const inputText = ref('')\n  const searchKeyword = ref('')\n  const messagesRef = ref<HTMLElement | null>(null)\n\n  // ===== 计算属性 =====\n  const contactList = computed<ChatContact[]>(() => props.contacts ?? [])\n  const messageList = computed<ChatMessage[]>(() => props.messages ?? [])\n\n  const currentId = computed(\n    () => props.currentContactId || contactList.value[0]?.id || ''\n  )\n\n  const currentContact = computed(() =>\n    contactList.value.find(c => c.id === currentId.value)\n  )\n\n  const filteredContacts = computed(() => {\n    if (!searchKeyword.value) return contactList.value\n    const kw = searchKeyword.value.toLowerCase()\n    return contactList.value.filter(c => c.name.toLowerCase().includes(kw))\n  })\n\n  // ===== 方法 =====\n  const handleSelectContact = (id: string) => {\n    emit('select-contact', id)\n  }\n\n  const handleSend = () => {\n    const text = inputText.value.trim()\n    if (!text) return\n    emit('send', text)\n    inputText.value = ''\n  }\n\n  /** 自动滚动到底部 */\n  const scrollToBottom = () => {\n    nextTick(() => {\n      if (messagesRef.value) {\n        messagesRef.value.scrollTop = messagesRef.value.scrollHeight\n      }\n    })\n  }\n\n  // 消息变化时自动滚动\n  watch(\n    () => props.messages?.length,\n    () => scrollToBottom(),\n    { flush: 'post' }\n  )\n\n  /** 滚动到顶部时触发加载更多 */\n  const handleMessagesScroll = () => {\n    if (\n      messagesRef.value &&\n      messagesRef.value.scrollTop === 0 &&\n      !mergedProps.value.loadingHistory\n    ) {\n      emit('load-more')\n    }\n  }\n\n  // ===== 工具函数 =====\n  const getAvatar = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfAvatar || msg.avatar\n    return msg.avatar\n  }\n\n  const getUsername = (msg: ChatMessage) => {\n    if (msg.sender === 'self') return props.selfName || msg.username || 'Me'\n    return msg.username || '未知'\n  }\n\n  const formatTime = (ts: string | number) => {\n    const d = new Date(ts)\n    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`\n  }\n\n  const formatMessageTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const isToday =\n      d.getFullYear() === now.getFullYear() &&\n      d.getMonth() === now.getMonth() &&\n      d.getDate() === now.getDate()\n    if (isToday) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()} ${formatTime(ts)}`\n  }\n\n  const formatContactTime = (ts: string | number) => {\n    const d = new Date(ts)\n    const now = new Date()\n    const diff = now.getTime() - d.getTime()\n    if (diff < 60_000) return '刚刚'\n    if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}分钟前`\n    if (diff < 86_400_000) return formatTime(ts)\n    return `${d.getMonth() + 1}/${d.getDate()}`\n  }\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes < 1024) return `${bytes}B`\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`\n    return `${(bytes / 1048576).toFixed(1)}MB`\n  }\n\n  /** 是否显示时间分割线（两条消息间超过 5 分钟） */\n  const shouldShowTimeDivider = (msg: ChatMessage, idx: number) => {\n    if (idx === 0) return true\n    const prev = messageList.value[idx - 1]\n    const curr = new Date(msg.timestamp).getTime()\n    const prevTime = new Date(prev.timestamp).getTime()\n    return curr - prevTime > 5 * 60 * 1000\n  }\n\n  // ===== 暴露方法 =====\n  defineExpose({ scrollToBottom })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}

package/dist/{C_City-Bam08Qv3.css.map → C_City-DdkX6u64.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_City-Bam08Qv3.css","names":[],"sources":["../src/components/C_City/index.vue?vue&type=style&index=0&scoped=00b4ba0b&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.city-selector-trigger[data-v-00b4ba0b] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 200px;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid #e0e0e6;\n  border-radius: 3px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.city-selector-trigger[data-v-00b4ba0b]:hover {\n  border-color: var(--c-primary, #1890ff);\n}\n.city-selector-trigger__text[data-v-00b4ba0b] {\n  flex: 1;\n  font-size: 14px;\n}\n.city-selector-trigger__icon[data-v-00b4ba0b] {\n  margin-left: 8px;\n  color: #999;\n  font-size: 16px;\n  transition: transform 0.3s;\n}\n.city-selector-trigger__icon.is-active[data-v-00b4ba0b] {\n  transform: rotate(180deg);\n}\n.city-selector-content[data-v-00b4ba0b] {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n  padding: 0;\n}\n.city-selector-header[data-v-00b4ba0b] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n  flex-shrink: 0;\n}\n.city-selector-header .city-selector-search[data-v-00b4ba0b] {\n  flex: 1;\n}\n.city-selector-letters[data-v-00b4ba0b] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin: 0 12px 10px;\n  padding: 8px;\n  flex-shrink: 0;\n}\n.city-selector-letters .city-selector-letter[data-v-00b4ba0b] {\n  padding: 2px 6px;\n  cursor: pointer;\n  color: var(--c-primary, #1890ff);\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 0.3s;\n  min-width: 24px;\n  text-align: center;\n}\n.city-selector-letters .city-selector-letter[data-v-00b4ba0b]:hover {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n  border-radius: 2px;\n}\n.city-selector-body[data-v-00b4ba0b] {\n  flex: 1;\n  margin: 12px;\n  margin-top: 8px;\n  overflow: hidden;\n}\n.city-list[data-v-00b4ba0b],\n.province-list[data-v-00b4ba0b] {\n  padding: 0 8px;\n}\n.city-group[data-v-00b4ba0b],\n.province-group[data-v-00b4ba0b] {\n  display: flex;\n  margin-bottom: 12px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n}\n.city-group[data-v-00b4ba0b]:last-child,\n.province-group[data-v-00b4ba0b]:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.city-group__letter[data-v-00b4ba0b], .city-group__name[data-v-00b4ba0b],\n.province-group__letter[data-v-00b4ba0b],\n.province-group__name[data-v-00b4ba0b] {\n  flex-shrink: 0;\n  width: 70px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 28px;\n}\n.city-group__cities[data-v-00b4ba0b],\n.province-group__cities[data-v-00b4ba0b] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: flex-start;\n}\n.city-item[data-v-00b4ba0b] {\n  padding: 3px 10px;\n  cursor: pointer;\n  font-size: 13px;\n  border-radius: 2px;\n  transition: all 0.3s;\n  line-height: 20px;\n}\n.city-item[data-v-00b4ba0b]:hover {\n  background-color: #f0f0f0;\n  color: var(--c-primary, #1890ff);\n}\n.city-item.is-active[data-v-00b4ba0b] {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n}\n[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-rail {\n  right: 2px;\n}\n[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-content {\n  padding-right: 12px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_City-DdkX6u64.css","names":[],"sources":["../src/components/C_City/index.vue?vue&type=style&index=0&scoped=6286e78d&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.city-selector-trigger[data-v-6286e78d] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 200px;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid #e0e0e6;\n  border-radius: 3px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.city-selector-trigger[data-v-6286e78d]:hover {\n  border-color: var(--c-primary, #1890ff);\n}\n.city-selector-trigger__text[data-v-6286e78d] {\n  flex: 1;\n  font-size: 14px;\n}\n.city-selector-trigger__icon[data-v-6286e78d] {\n  margin-left: 8px;\n  color: #999;\n  font-size: 16px;\n  transition: transform 0.3s;\n}\n.city-selector-trigger__icon.is-active[data-v-6286e78d] {\n  transform: rotate(180deg);\n}\n.city-selector-content[data-v-6286e78d] {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n  padding: 0;\n}\n.city-selector-header[data-v-6286e78d] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n  flex-shrink: 0;\n}\n.city-selector-header .city-selector-search[data-v-6286e78d] {\n  flex: 1;\n}\n.city-selector-letters[data-v-6286e78d] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin: 0 12px 10px;\n  padding: 8px;\n  flex-shrink: 0;\n}\n.city-selector-letters .city-selector-letter[data-v-6286e78d] {\n  padding: 2px 6px;\n  cursor: pointer;\n  color: var(--c-primary, #1890ff);\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 0.3s;\n  min-width: 24px;\n  text-align: center;\n}\n.city-selector-letters .city-selector-letter[data-v-6286e78d]:hover {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n  border-radius: 2px;\n}\n.city-selector-body[data-v-6286e78d] {\n  flex: 1;\n  margin: 12px;\n  margin-top: 8px;\n  overflow: hidden;\n}\n.city-list[data-v-6286e78d],\n.province-list[data-v-6286e78d] {\n  padding: 0 8px;\n}\n.city-group[data-v-6286e78d],\n.province-group[data-v-6286e78d] {\n  display: flex;\n  margin-bottom: 12px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n}\n.city-group[data-v-6286e78d]:last-child,\n.province-group[data-v-6286e78d]:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.city-group__letter[data-v-6286e78d], .city-group__name[data-v-6286e78d],\n.province-group__letter[data-v-6286e78d],\n.province-group__name[data-v-6286e78d] {\n  flex-shrink: 0;\n  width: 70px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 28px;\n}\n.city-group__cities[data-v-6286e78d],\n.province-group__cities[data-v-6286e78d] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: flex-start;\n}\n.city-item[data-v-6286e78d] {\n  padding: 3px 10px;\n  cursor: pointer;\n  font-size: 13px;\n  border-radius: 2px;\n  transition: all 0.3s;\n  line-height: 20px;\n}\n.city-item[data-v-6286e78d]:hover {\n  background-color: #f0f0f0;\n  color: var(--c-primary, #1890ff);\n}\n.city-item.is-active[data-v-6286e78d] {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n}\n[data-v-6286e78d] .n-scrollbar .n-scrollbar-rail {\n  right: 2px;\n}\n[data-v-6286e78d] .n-scrollbar .n-scrollbar-content {\n  padding-right: 12px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_City-Bb3W-KaN.css.map → C_City-iP-dIvui.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_City-Bb3W-KaN.css","names":[],"sources":["../src/components/C_City/index.vue?vue&type=style&index=0&scoped=00b4ba0b&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.city-selector-trigger[data-v-00b4ba0b] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 200px;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid #e0e0e6;\n  border-radius: 3px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.city-selector-trigger[data-v-00b4ba0b]:hover {\n  border-color: var(--c-primary, #1890ff);\n}\n.city-selector-trigger__text[data-v-00b4ba0b] {\n  flex: 1;\n  font-size: 14px;\n}\n.city-selector-trigger__icon[data-v-00b4ba0b] {\n  margin-left: 8px;\n  color: #999;\n  font-size: 16px;\n  transition: transform 0.3s;\n}\n.city-selector-trigger__icon.is-active[data-v-00b4ba0b] {\n  transform: rotate(180deg);\n}\n.city-selector-content[data-v-00b4ba0b] {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n  padding: 0;\n}\n.city-selector-header[data-v-00b4ba0b] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n  flex-shrink: 0;\n}\n.city-selector-header .city-selector-search[data-v-00b4ba0b] {\n  flex: 1;\n}\n.city-selector-letters[data-v-00b4ba0b] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin: 0 12px 10px;\n  padding: 8px;\n  flex-shrink: 0;\n}\n.city-selector-letters .city-selector-letter[data-v-00b4ba0b] {\n  padding: 2px 6px;\n  cursor: pointer;\n  color: var(--c-primary, #1890ff);\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 0.3s;\n  min-width: 24px;\n  text-align: center;\n}\n.city-selector-letters .city-selector-letter[data-v-00b4ba0b]:hover {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n  border-radius: 2px;\n}\n.city-selector-body[data-v-00b4ba0b] {\n  flex: 1;\n  margin: 12px;\n  margin-top: 8px;\n  overflow: hidden;\n}\n.city-list[data-v-00b4ba0b],\n.province-list[data-v-00b4ba0b] {\n  padding: 0 8px;\n}\n.city-group[data-v-00b4ba0b],\n.province-group[data-v-00b4ba0b] {\n  display: flex;\n  margin-bottom: 12px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n}\n.city-group[data-v-00b4ba0b]:last-child,\n.province-group[data-v-00b4ba0b]:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.city-group__letter[data-v-00b4ba0b], .city-group__name[data-v-00b4ba0b],\n.province-group__letter[data-v-00b4ba0b],\n.province-group__name[data-v-00b4ba0b] {\n  flex-shrink: 0;\n  width: 70px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 28px;\n}\n.city-group__cities[data-v-00b4ba0b],\n.province-group__cities[data-v-00b4ba0b] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: flex-start;\n}\n.city-item[data-v-00b4ba0b] {\n  padding: 3px 10px;\n  cursor: pointer;\n  font-size: 13px;\n  border-radius: 2px;\n  transition: all 0.3s;\n  line-height: 20px;\n}\n.city-item[data-v-00b4ba0b]:hover {\n  background-color: #f0f0f0;\n  color: var(--c-primary, #1890ff);\n}\n.city-item.is-active[data-v-00b4ba0b] {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n}\n[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-rail {\n  right: 2px;\n}\n[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-content {\n  padding-right: 12px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_City-iP-dIvui.css","names":[],"sources":["../src/components/C_City/index.vue?vue&type=style&index=0&scoped=6286e78d&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.city-selector-trigger[data-v-6286e78d] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 200px;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid #e0e0e6;\n  border-radius: 3px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.city-selector-trigger[data-v-6286e78d]:hover {\n  border-color: var(--c-primary, #1890ff);\n}\n.city-selector-trigger__text[data-v-6286e78d] {\n  flex: 1;\n  font-size: 14px;\n}\n.city-selector-trigger__icon[data-v-6286e78d] {\n  margin-left: 8px;\n  color: #999;\n  font-size: 16px;\n  transition: transform 0.3s;\n}\n.city-selector-trigger__icon.is-active[data-v-6286e78d] {\n  transform: rotate(180deg);\n}\n.city-selector-content[data-v-6286e78d] {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n  padding: 0;\n}\n.city-selector-header[data-v-6286e78d] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n  flex-shrink: 0;\n}\n.city-selector-header .city-selector-search[data-v-6286e78d] {\n  flex: 1;\n}\n.city-selector-letters[data-v-6286e78d] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin: 0 12px 10px;\n  padding: 8px;\n  flex-shrink: 0;\n}\n.city-selector-letters .city-selector-letter[data-v-6286e78d] {\n  padding: 2px 6px;\n  cursor: pointer;\n  color: var(--c-primary, #1890ff);\n  font-size: 13px;\n  font-weight: 500;\n  transition: all 0.3s;\n  min-width: 24px;\n  text-align: center;\n}\n.city-selector-letters .city-selector-letter[data-v-6286e78d]:hover {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n  border-radius: 2px;\n}\n.city-selector-body[data-v-6286e78d] {\n  flex: 1;\n  margin: 12px;\n  margin-top: 8px;\n  overflow: hidden;\n}\n.city-list[data-v-6286e78d],\n.province-list[data-v-6286e78d] {\n  padding: 0 8px;\n}\n.city-group[data-v-6286e78d],\n.province-group[data-v-6286e78d] {\n  display: flex;\n  margin-bottom: 12px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(247, 247, 247, 0.514);\n}\n.city-group[data-v-6286e78d]:last-child,\n.province-group[data-v-6286e78d]:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.city-group__letter[data-v-6286e78d], .city-group__name[data-v-6286e78d],\n.province-group__letter[data-v-6286e78d],\n.province-group__name[data-v-6286e78d] {\n  flex-shrink: 0;\n  width: 70px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 28px;\n}\n.city-group__cities[data-v-6286e78d],\n.province-group__cities[data-v-6286e78d] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: flex-start;\n}\n.city-item[data-v-6286e78d] {\n  padding: 3px 10px;\n  cursor: pointer;\n  font-size: 13px;\n  border-radius: 2px;\n  transition: all 0.3s;\n  line-height: 20px;\n}\n.city-item[data-v-6286e78d]:hover {\n  background-color: #f0f0f0;\n  color: var(--c-primary, #1890ff);\n}\n.city-item.is-active[data-v-6286e78d] {\n  background-color: var(--c-primary, #1890ff);\n  color: #fff;\n}\n[data-v-6286e78d] .n-scrollbar .n-scrollbar-rail {\n  right: 2px;\n}\n[data-v-6286e78d] .n-scrollbar .n-scrollbar-content {\n  padding-right: 12px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_City.css

@@ -1,4 +1,4 @@
-/* unplugin-vue-components disabled */.city-selector-trigger[data-v-00b4ba0b] {
+/* unplugin-vue-components disabled */.city-selector-trigger[data-v-6286e78d] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -10,29 +10,29 @@
   cursor: pointer;
   transition: all 0.3s;
 }
-.city-selector-trigger[data-v-00b4ba0b]:hover {
+.city-selector-trigger[data-v-6286e78d]:hover {
   border-color: var(--c-primary, #1890ff);
 }
-.city-selector-trigger__text[data-v-00b4ba0b] {
+.city-selector-trigger__text[data-v-6286e78d] {
   flex: 1;
   font-size: 14px;
 }
-.city-selector-trigger__icon[data-v-00b4ba0b] {
+.city-selector-trigger__icon[data-v-6286e78d] {
   margin-left: 8px;
   color: #999;
   font-size: 16px;
   transition: transform 0.3s;
 }
-.city-selector-trigger__icon.is-active[data-v-00b4ba0b] {
+.city-selector-trigger__icon.is-active[data-v-6286e78d] {
   transform: rotate(180deg);
 }
-.city-selector-content[data-v-00b4ba0b] {
+.city-selector-content[data-v-6286e78d] {
   display: flex;
   flex-direction: column;
   height: 500px;
   padding: 0;
 }
-.city-selector-header[data-v-00b4ba0b] {
+.city-selector-header[data-v-6286e78d] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -40,10 +40,10 @@
   border-bottom: 1px solid rgba(247, 247, 247, 0.514);
   flex-shrink: 0;
 }
-.city-selector-header .city-selector-search[data-v-00b4ba0b] {
+.city-selector-header .city-selector-search[data-v-6286e78d] {
   flex: 1;
 }
-.city-selector-letters[data-v-00b4ba0b] {
+.city-selector-letters[data-v-6286e78d] {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
@@ -51,7 +51,7 @@
   padding: 8px;
   flex-shrink: 0;
 }
-.city-selector-letters .city-selector-letter[data-v-00b4ba0b] {
+.city-selector-letters .city-selector-letter[data-v-6286e78d] {
   padding: 2px 6px;
   cursor: pointer;
   color: var(--c-primary, #1890ff);
@@ -61,52 +61,52 @@
   min-width: 24px;
   text-align: center;
 }
-.city-selector-letters .city-selector-letter[data-v-00b4ba0b]:hover {
+.city-selector-letters .city-selector-letter[data-v-6286e78d]:hover {
   background-color: var(--c-primary, #1890ff);
   color: #fff;
   border-radius: 2px;
 }
-.city-selector-body[data-v-00b4ba0b] {
+.city-selector-body[data-v-6286e78d] {
   flex: 1;
   margin: 12px;
   margin-top: 8px;
   overflow: hidden;
 }
-.city-list[data-v-00b4ba0b],
-.province-list[data-v-00b4ba0b] {
+.city-list[data-v-6286e78d],
+.province-list[data-v-6286e78d] {
   padding: 0 8px;
 }
-.city-group[data-v-00b4ba0b],
-.province-group[data-v-00b4ba0b] {
+.city-group[data-v-6286e78d],
+.province-group[data-v-6286e78d] {
   display: flex;
   margin-bottom: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid rgba(247, 247, 247, 0.514);
 }
-.city-group[data-v-00b4ba0b]:last-child,
-.province-group[data-v-00b4ba0b]:last-child {
+.city-group[data-v-6286e78d]:last-child,
+.province-group[data-v-6286e78d]:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
 }
-.city-group__letter[data-v-00b4ba0b], .city-group__name[data-v-00b4ba0b],
-.province-group__letter[data-v-00b4ba0b],
-.province-group__name[data-v-00b4ba0b] {
+.city-group__letter[data-v-6286e78d], .city-group__name[data-v-6286e78d],
+.province-group__letter[data-v-6286e78d],
+.province-group__name[data-v-6286e78d] {
   flex-shrink: 0;
   width: 70px;
   font-weight: 500;
   font-size: 14px;
   line-height: 28px;
 }
-.city-group__cities[data-v-00b4ba0b],
-.province-group__cities[data-v-00b4ba0b] {
+.city-group__cities[data-v-6286e78d],
+.province-group__cities[data-v-6286e78d] {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   align-items: flex-start;
 }
-.city-item[data-v-00b4ba0b] {
+.city-item[data-v-6286e78d] {
   padding: 3px 10px;
   cursor: pointer;
   font-size: 13px;
@@ -114,19 +114,19 @@
   transition: all 0.3s;
   line-height: 20px;
 }
-.city-item[data-v-00b4ba0b]:hover {
+.city-item[data-v-6286e78d]:hover {
   background-color: #f0f0f0;
   color: var(--c-primary, #1890ff);
 }
-.city-item.is-active[data-v-00b4ba0b] {
+.city-item.is-active[data-v-6286e78d] {
   background-color: var(--c-primary, #1890ff);
   color: #fff;
 }
-[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-rail {
+[data-v-6286e78d] .n-scrollbar .n-scrollbar-rail {
   right: 2px;
 }
-[data-v-00b4ba0b] .n-scrollbar .n-scrollbar-content {
+[data-v-6286e78d] .n-scrollbar .n-scrollbar-content {
   padding-right: 12px;
 }
 
-/*# sourceMappingURL=C_City-Bam08Qv3.css.map*/
+/*# sourceMappingURL=C_City-DdkX6u64.css.map*/

package/dist/C_City.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_City.js","names":[],"sources":["../src/components/C_City/province.json","../src/components/C_City/index.vue"],"sourcesContent":["","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-30\n * @Description: 城市选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NPopover\n    v-model:show=\"visible\"\n    placement=\"bottom-start\"\n    :width=\"430\"\n    trigger=\"click\"\n    :show-arrow=\"false\"\n  >\n    <template #trigger>\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\n        <div class=\"city-selector-trigger\">\n          <span class=\"city-selector-trigger__text\">{{\n            modelValue || placeholder\n          }}</span>\n        </div>\n      </slot>\n    </template>\n\n    <div class=\"city-selector-content\">\n      <div class=\"city-selector-header\">\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\n          <NRadioButton value=\"city\">按城市</NRadioButton>\n          <NRadioButton value=\"province\">按省份</NRadioButton>\n        </NRadioGroup>\n        <NSelect\n          v-model:value=\"searchValue\"\n          class=\"city-selector-search\"\n          :options=\"searchOptions\"\n          filterable\n          clearable\n          placeholder=\"搜索城市\"\n          @update:value=\"handleSearchSelect\"\n        />\n      </div>\n\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\n        <span\n          v-for=\"letter in letters\"\n          :key=\"letter\"\n          class=\"city-selector-letter\"\n          @click=\"scrollToLetter(letter)\"\n        >\n          {{ letter }}\n        </span>\n      </div>\n\n      <NScrollbar class=\"city-selector-body\">\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\n          <div\n            v-for=\"(cities, letter) in cityDataByLetter\"\n            :key=\"letter\"\n            :id=\"`letter-${letter}`\"\n            class=\"city-group\"\n          >\n            <div class=\"city-group__letter\">{{ letter }}:</div>\n            <div class=\"city-group__cities\">\n              <span\n                v-for=\"(city, index) in cities\"\n                :key=\"`${letter}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city.name }\"\n                @click=\"handleCitySelect(city.name)\"\n              >\n                {{ city.name }}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        <div v-else class=\"province-list\">\n          <div\n            v-for=\"province in allProvinces\"\n            :key=\"province.id\"\n            :id=\"`letter-${province.id}`\"\n            class=\"province-group\"\n          >\n            <div class=\"province-group__name\">{{ province.name }}:</div>\n            <div class=\"province-group__cities\">\n              <span\n                v-for=\"(city, index) in province.data\"\n                :key=\"`${province.id}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city }\"\n                @click=\"handleCitySelect(city)\"\n              >\n                {{ city }}\n              </span>\n            </div>\n          </div>\n        </div>\n      </NScrollbar>\n    </div>\n  </NPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from \"vue\";\nimport {\n  NPopover,\n  NRadioGroup,\n  NRadioButton,\n  NSelect,\n  NScrollbar,\n} from \"naive-ui\";\nimport type { SelectOption } from \"naive-ui\";\nimport provinceData from \"./province.json\";\n\ndefineOptions({ name: \"C_City\" });\n\ninterface CityItem {\n  id: number;\n  spell: string;\n  name: string;\n}\n\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\n\nonMounted(async () => {\n  const mod = await import(\"./city.json\");\n  cityData.value = mod.default ?? mod;\n});\n\ninterface ProvinceItem {\n  id?: string;\n  name: string;\n  data: string[];\n}\n\ninterface Props {\n  modelValue?: string;\n  placeholder?: string;\n  showLetters?: boolean;\n}\n\ninterface Emits {\n  (e: \"update:modelValue\", value: string): void;\n  (e: \"change\", value: string): void;\n}\n\nwithDefaults(defineProps<Props>(), {\n  placeholder: \"请选择城市\",\n  showLetters: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst visible = ref(false);\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\nconst searchValue = ref(\"\");\n\nconst allProvinces = computed(() => {\n  const provinces: ProvinceItem[] = [];\n  Object.values(provinceData).forEach((group) => {\n    provinces.push(...(group as ProvinceItem[]));\n  });\n  return provinces;\n});\n\nconst cityDataByLetter = computed(() => {\n  if (cityData.value?.cities) {\n    return cityData.value.cities;\n  }\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\n  const cities: Record<string, CityItem[]> = {};\n  let cityId = 1;\n  const citySet = new Set<string>();\n  allProvinces.value.forEach((province) => {\n    province.data.forEach((cityName) => {\n      citySet.add(cityName);\n    });\n  });\n  Array.from(citySet).forEach((cityName) => {\n    const letter = cityName[0].toUpperCase();\n    if (!cities[letter]) cities[letter] = [];\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\n  });\n  const sortedCities: Record<string, CityItem[]> = {};\n  Object.keys(cities)\n    .sort()\n    .forEach((letter) => {\n      sortedCities[letter] = cities[letter].sort((a, b) =>\n        a.name.localeCompare(b.name, \"zh-CN\"),\n      );\n    });\n  return sortedCities;\n});\n\nconst letters = computed(() => {\n  if (radioValue.value === \"city\") {\n    return Object.keys(cityDataByLetter.value).sort();\n  } else {\n    const provinceLetters = new Set<string>();\n    Object.keys(provinceData).forEach((key) => {\n      if (key !== \"直辖市\" && key !== \"港澳\") {\n        provinceLetters.add(key);\n      }\n    });\n    const result = Array.from(provinceLetters).sort();\n    result.push(\"直辖市\", \"港澳\");\n    return result;\n  }\n});\n\nconst searchOptions = computed((): SelectOption[] => {\n  if (radioValue.value === \"city\") {\n    const options: SelectOption[] = [];\n    Object.values(cityDataByLetter.value).forEach((cities) => {\n      (cities as CityItem[]).forEach((city) => {\n        options.push({\n          label: city.name,\n          value: city.name,\n        });\n      });\n    });\n    return options;\n  } else {\n    return allProvinces.value.flatMap((province) =>\n      province.data.map((city) => ({\n        label: `${city} (${province.name})`,\n        value: city,\n      })),\n    );\n  }\n});\n\nconst handleCitySelect = (cityName: string): void => {\n  emit(\"update:modelValue\", cityName);\n  emit(\"change\", cityName);\n  visible.value = false;\n};\n\nconst handleSearchSelect = (value: string): void => {\n  if (value) {\n    handleCitySelect(value);\n    searchValue.value = \"\";\n  }\n};\n\nconst scrollToLetter = (letter: string): void => {\n  const element = document.getElementById(`letter-${letter}`);\n  if (element) {\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_City.js","names":["modelValue","placeholder","showLetters"],"sources":["../src/components/C_City/province.json","../src/components/C_City/index.vue","../src/components/C_City/index.vue"],"sourcesContent":["","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-30\n * @Description: 城市选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NPopover\n    v-model:show=\"visible\"\n    placement=\"bottom-start\"\n    :width=\"430\"\n    trigger=\"click\"\n    :show-arrow=\"false\"\n  >\n    <template #trigger>\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\n        <div class=\"city-selector-trigger\">\n          <span class=\"city-selector-trigger__text\">{{\n            modelValue || placeholder\n          }}</span>\n        </div>\n      </slot>\n    </template>\n\n    <div class=\"city-selector-content\">\n      <div class=\"city-selector-header\">\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\n          <NRadioButton value=\"city\">按城市</NRadioButton>\n          <NRadioButton value=\"province\">按省份</NRadioButton>\n        </NRadioGroup>\n        <NSelect\n          v-model:value=\"searchValue\"\n          class=\"city-selector-search\"\n          :options=\"searchOptions\"\n          filterable\n          clearable\n          placeholder=\"搜索城市\"\n          @update:value=\"handleSearchSelect\"\n        />\n      </div>\n\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\n        <span\n          v-for=\"letter in letters\"\n          :key=\"letter\"\n          class=\"city-selector-letter\"\n          @click=\"scrollToLetter(letter)\"\n        >\n          {{ letter }}\n        </span>\n      </div>\n\n      <NScrollbar class=\"city-selector-body\">\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\n          <div\n            v-for=\"(cities, letter) in cityDataByLetter\"\n            :key=\"letter\"\n            :id=\"`letter-${letter}`\"\n            class=\"city-group\"\n          >\n            <div class=\"city-group__letter\">{{ letter }}:</div>\n            <div class=\"city-group__cities\">\n              <span\n                v-for=\"(city, index) in cities\"\n                :key=\"`${letter}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city.name }\"\n                @click=\"handleCitySelect(city.name)\"\n              >\n                {{ city.name }}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        <div v-else class=\"province-list\">\n          <div\n            v-for=\"province in allProvinces\"\n            :key=\"province.id\"\n            :id=\"`letter-${province.id}`\"\n            class=\"province-group\"\n          >\n            <div class=\"province-group__name\">{{ province.name }}:</div>\n            <div class=\"province-group__cities\">\n              <span\n                v-for=\"(city, index) in province.data\"\n                :key=\"`${province.id}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city }\"\n                @click=\"handleCitySelect(city)\"\n              >\n                {{ city }}\n              </span>\n            </div>\n          </div>\n        </div>\n      </NScrollbar>\n    </div>\n  </NPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from \"vue\";\nimport {\n  NPopover,\n  NRadioGroup,\n  NRadioButton,\n  NSelect,\n  NScrollbar,\n} from \"naive-ui\";\nimport type { SelectOption } from \"naive-ui\";\nimport provinceData from \"./province.json\";\n\ndefineOptions({ name: \"C_City\" });\n\ninterface CityItem {\n  id: number;\n  spell: string;\n  name: string;\n}\n\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\n\nonMounted(async () => {\n  const mod = await import(\"./city.json\");\n  cityData.value = mod.default ?? mod;\n});\n\ninterface ProvinceItem {\n  id?: string;\n  name: string;\n  data: string[];\n}\n\ninterface Props {\n  modelValue?: string;\n  placeholder?: string;\n  showLetters?: boolean;\n}\n\ninterface Emits {\n  (e: \"update:modelValue\", value: string): void;\n  (e: \"change\", value: string): void;\n}\n\nwithDefaults(defineProps<Props>(), {\n  placeholder: \"请选择城市\",\n  showLetters: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst visible = ref(false);\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\nconst searchValue = ref(\"\");\n\nconst allProvinces = computed(() => {\n  const provinces: ProvinceItem[] = [];\n  Object.values(provinceData).forEach((group) => {\n    provinces.push(...(group as ProvinceItem[]));\n  });\n  return provinces;\n});\n\nconst cityDataByLetter = computed(() => {\n  if (cityData.value?.cities) {\n    return cityData.value.cities;\n  }\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\n  const cities: Record<string, CityItem[]> = {};\n  let cityId = 1;\n  const citySet = new Set<string>();\n  allProvinces.value.forEach((province) => {\n    province.data.forEach((cityName) => {\n      citySet.add(cityName);\n    });\n  });\n  Array.from(citySet).forEach((cityName) => {\n    const letter = cityName[0].toUpperCase();\n    if (!cities[letter]) cities[letter] = [];\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\n  });\n  const sortedCities: Record<string, CityItem[]> = {};\n  Object.keys(cities)\n    .sort()\n    .forEach((letter) => {\n      sortedCities[letter] = cities[letter].sort((a, b) =>\n        a.name.localeCompare(b.name, \"zh-CN\"),\n      );\n    });\n  return sortedCities;\n});\n\nconst letters = computed(() => {\n  if (radioValue.value === \"city\") {\n    return Object.keys(cityDataByLetter.value).sort();\n  } else {\n    const provinceLetters = new Set<string>();\n    Object.keys(provinceData).forEach((key) => {\n      if (key !== \"直辖市\" && key !== \"港澳\") {\n        provinceLetters.add(key);\n      }\n    });\n    const result = Array.from(provinceLetters).sort();\n    result.push(\"直辖市\", \"港澳\");\n    return result;\n  }\n});\n\nconst searchOptions = computed((): SelectOption[] => {\n  if (radioValue.value === \"city\") {\n    const options: SelectOption[] = [];\n    Object.values(cityDataByLetter.value).forEach((cities) => {\n      (cities as CityItem[]).forEach((city) => {\n        options.push({\n          label: city.name,\n          value: city.name,\n        });\n      });\n    });\n    return options;\n  } else {\n    return allProvinces.value.flatMap((province) =>\n      province.data.map((city) => ({\n        label: `${city} (${province.name})`,\n        value: city,\n      })),\n    );\n  }\n});\n\nconst handleCitySelect = (cityName: string): void => {\n  emit(\"update:modelValue\", cityName);\n  emit(\"change\", cityName);\n  visible.value = false;\n};\n\nconst handleSearchSelect = (value: string): void => {\n  if (value) {\n    handleCitySelect(value);\n    searchValue.value = \"\";\n  }\n};\n\nconst scrollToLetter = (letter: string): void => {\n  const element = document.getElementById(`letter-${letter}`);\n  if (element) {\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-30\n * @Description: 城市选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NPopover\n    v-model:show=\"visible\"\n    placement=\"bottom-start\"\n    :width=\"430\"\n    trigger=\"click\"\n    :show-arrow=\"false\"\n  >\n    <template #trigger>\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\n        <div class=\"city-selector-trigger\">\n          <span class=\"city-selector-trigger__text\">{{\n            modelValue || placeholder\n          }}</span>\n        </div>\n      </slot>\n    </template>\n\n    <div class=\"city-selector-content\">\n      <div class=\"city-selector-header\">\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\n          <NRadioButton value=\"city\">按城市</NRadioButton>\n          <NRadioButton value=\"province\">按省份</NRadioButton>\n        </NRadioGroup>\n        <NSelect\n          v-model:value=\"searchValue\"\n          class=\"city-selector-search\"\n          :options=\"searchOptions\"\n          filterable\n          clearable\n          placeholder=\"搜索城市\"\n          @update:value=\"handleSearchSelect\"\n        />\n      </div>\n\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\n        <span\n          v-for=\"letter in letters\"\n          :key=\"letter\"\n          class=\"city-selector-letter\"\n          @click=\"scrollToLetter(letter)\"\n        >\n          {{ letter }}\n        </span>\n      </div>\n\n      <NScrollbar class=\"city-selector-body\">\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\n          <div\n            v-for=\"(cities, letter) in cityDataByLetter\"\n            :key=\"letter\"\n            :id=\"`letter-${letter}`\"\n            class=\"city-group\"\n          >\n            <div class=\"city-group__letter\">{{ letter }}:</div>\n            <div class=\"city-group__cities\">\n              <span\n                v-for=\"(city, index) in cities\"\n                :key=\"`${letter}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city.name }\"\n                @click=\"handleCitySelect(city.name)\"\n              >\n                {{ city.name }}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        <div v-else class=\"province-list\">\n          <div\n            v-for=\"province in allProvinces\"\n            :key=\"province.id\"\n            :id=\"`letter-${province.id}`\"\n            class=\"province-group\"\n          >\n            <div class=\"province-group__name\">{{ province.name }}:</div>\n            <div class=\"province-group__cities\">\n              <span\n                v-for=\"(city, index) in province.data\"\n                :key=\"`${province.id}-${index}`\"\n                class=\"city-item\"\n                :class=\"{ 'is-active': modelValue === city }\"\n                @click=\"handleCitySelect(city)\"\n              >\n                {{ city }}\n              </span>\n            </div>\n          </div>\n        </div>\n      </NScrollbar>\n    </div>\n  </NPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from \"vue\";\nimport {\n  NPopover,\n  NRadioGroup,\n  NRadioButton,\n  NSelect,\n  NScrollbar,\n} from \"naive-ui\";\nimport type { SelectOption } from \"naive-ui\";\nimport provinceData from \"./province.json\";\n\ndefineOptions({ name: \"C_City\" });\n\ninterface CityItem {\n  id: number;\n  spell: string;\n  name: string;\n}\n\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\n\nonMounted(async () => {\n  const mod = await import(\"./city.json\");\n  cityData.value = mod.default ?? mod;\n});\n\ninterface ProvinceItem {\n  id?: string;\n  name: string;\n  data: string[];\n}\n\ninterface Props {\n  modelValue?: string;\n  placeholder?: string;\n  showLetters?: boolean;\n}\n\ninterface Emits {\n  (e: \"update:modelValue\", value: string): void;\n  (e: \"change\", value: string): void;\n}\n\nwithDefaults(defineProps<Props>(), {\n  placeholder: \"请选择城市\",\n  showLetters: true,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst visible = ref(false);\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\nconst searchValue = ref(\"\");\n\nconst allProvinces = computed(() => {\n  const provinces: ProvinceItem[] = [];\n  Object.values(provinceData).forEach((group) => {\n    provinces.push(...(group as ProvinceItem[]));\n  });\n  return provinces;\n});\n\nconst cityDataByLetter = computed(() => {\n  if (cityData.value?.cities) {\n    return cityData.value.cities;\n  }\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\n  const cities: Record<string, CityItem[]> = {};\n  let cityId = 1;\n  const citySet = new Set<string>();\n  allProvinces.value.forEach((province) => {\n    province.data.forEach((cityName) => {\n      citySet.add(cityName);\n    });\n  });\n  Array.from(citySet).forEach((cityName) => {\n    const letter = cityName[0].toUpperCase();\n    if (!cities[letter]) cities[letter] = [];\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\n  });\n  const sortedCities: Record<string, CityItem[]> = {};\n  Object.keys(cities)\n    .sort()\n    .forEach((letter) => {\n      sortedCities[letter] = cities[letter].sort((a, b) =>\n        a.name.localeCompare(b.name, \"zh-CN\"),\n      );\n    });\n  return sortedCities;\n});\n\nconst letters = computed(() => {\n  if (radioValue.value === \"city\") {\n    return Object.keys(cityDataByLetter.value).sort();\n  } else {\n    const provinceLetters = new Set<string>();\n    Object.keys(provinceData).forEach((key) => {\n      if (key !== \"直辖市\" && key !== \"港澳\") {\n        provinceLetters.add(key);\n      }\n    });\n    const result = Array.from(provinceLetters).sort();\n    result.push(\"直辖市\", \"港澳\");\n    return result;\n  }\n});\n\nconst searchOptions = computed((): SelectOption[] => {\n  if (radioValue.value === \"city\") {\n    const options: SelectOption[] = [];\n    Object.values(cityDataByLetter.value).forEach((cities) => {\n      (cities as CityItem[]).forEach((city) => {\n        options.push({\n          label: city.name,\n          value: city.name,\n        });\n      });\n    });\n    return options;\n  } else {\n    return allProvinces.value.flatMap((province) =>\n      province.data.map((city) => ({\n        label: `${city} (${province.name})`,\n        value: city,\n      })),\n    );\n  }\n});\n\nconst handleCitySelect = (cityName: string): void => {\n  emit(\"update:modelValue\", cityName);\n  emit(\"change\", cityName);\n  visible.value = false;\n};\n\nconst handleSearchSelect = (value: string): void => {\n  if (value) {\n    handleCitySelect(value);\n    searchValue.value = \"\";\n  }\n};\n\nconst scrollToLetter = (letter: string): void => {\n  const element = document.getElementById(`letter-${letter}`);\n  if (element) {\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/C_City2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,normalizeClass as u,onMounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toDisplayString as g,unref as _,withCtx as v}from"vue";import{NPopover as y,NRadioButton as b,NRadioGroup as x,NScrollbar as S,NSelect as C}from"naive-ui";var w={A:[{name:`安徽`,id:`A`,data:[`合肥`,`芜湖`,`蚌埠`,`淮南`,`马鞍山`,`淮北`,`铜陵`,`安庆`,`黄山`,`滁州`,`阜阳`,`宿州`,`六安`,`亳州`,`池州`,`宣城`]}],C:[{name:`重庆`,id:`C`,data:`万州.涪陵.渝中.大渡口.江北.沙坪坝.九龙坡.南岸.北碚.綦江.大足.渝北.巴南.黔江.长寿.江津.合川.永川.南川.璧山.铜梁.潼南.荣昌.开州.梁平.武隆.城口县.丰都县.垫江县.忠县.云阳县.奉节县.巫山县.巫溪县.石柱土家族自治县.秀山土家族苗族自治县.酉阳土家族苗族自治县.彭水苗族土家族自治县`.split(`.`)}],F:[{name:`福建`,id:`F`,data:[`福州`,`厦门`,`莆田`,`三明`,`泉州`,`漳州`,`南平`,`龙岩`,`宁德`]}],G:[{name:`广东`,id:`G`,data:[`广州`,`韶关`,`深圳`,`珠海`,`汕头`,`佛山`,`江门`,`湛江`,`茂名`,`肇庆`,`惠州`,`梅州`,`汕尾`,`河源`,`阳江`,`清远`,`东莞`,`中山`,`潮州`,`揭阳`,`云浮`]},{name:`广西`,data:[`南宁`,`柳州`,`桂林`,`梧州`,`北海`,`防城港`,`钦州`,`贵港`,`玉林`,`百色`,`贺州`,`河池`,`来宾`,`崇左`]},{name:`贵州`,data:[`贵阳`,`六盘水`,`遵义`,`安顺`,`毕节`,`铜仁`,`黔西南布依族苗族自治州`,`黔东南苗族侗族自治州`,`黔南布依族苗族自治州`]},{name:`甘肃`,data:[`兰州`,`嘉峪关`,`金昌`,`白银`,`天水`,`武威`,`张掖`,`平凉`,`酒泉`,`庆阳`,`定西`,`陇南`,`临夏回族自治州`,`甘南藏族自治州`]}],H:[{name:`河北`,id:`H`,data:[`石家庄`,`唐山`,`秦皇岛`,`邯郸`,`邢台`,`保定`,`张家口`,`承德`,`沧州`,`廊坊`,`衡水`]},{name:`黑龙江`,data:[`哈尔滨`,`齐齐哈尔`,`鸡西`,`鹤岗`,`双鸭山`,`大庆`,`伊春`,`佳木斯`,`七台河`,`牡丹江`,`黑河`,`绥化`,`大兴安岭地`]},{name:`河南`,data:[`郑州`,`开封`,`洛阳`,`平顶山`,`安阳`,`鹤壁`,`新乡`,`焦作`,`濮阳`,`许昌`,`漯河`,`三门峡`,`南阳`,`商丘`,`信阳`,`周口`,`驻马店`,`济源`]},{name:`湖北`,data:[`武汉`,`黄石`,`十堰`,`宜昌`,`襄阳`,`鄂州`,`荆门`,`孝感`,`荆州`,`黄冈`,`咸宁`,`随州`,`恩施土家族苗族自治州`,`仙桃`,`潜江`,`天门`,`神农架林`]},{name:`湖南`,data:[`长沙`,`株洲`,`湘潭`,`衡阳`,`邵阳`,`岳阳`,`常德`,`张家界`,`益阳`,`郴州`,`永州`,`怀化`,`娄底`,`湘西土家族苗族自治州`]},{name:`海南`,data:[`海口`,`三亚`,`三沙`,`儋州`,`五指山`,`琼海`,`文昌`,`万宁`,`东方`,`定安县`,`屯昌县`,`澄迈县`,`临高县`,`白沙黎族自治县`,`昌江黎族自治县`,`乐东黎族自治县`,`陵水黎族自治县`,`保亭黎族苗族自治县`,`琼中黎族苗族自治县`]}],J:[{name:`吉林`,id:`J`,data:[`长春`,`吉林`,`四平`,`辽源`,`通化`,`白山`,`松原`,`白城`,`延边朝鲜族自治州`]},{name:`江苏`,data:[`南京`,`无锡`,`徐州`,`常州`,`苏州`,`南通`,`连云港`,`淮安`,`盐城`,`扬州`,`镇江`,`泰州`,`宿迁`]},{name:`江西`,data:[`南昌`,`景德镇`,`萍乡`,`九江`,`新余`,`鹰潭`,`赣州`,`吉安`,`宜春`,`抚州`,`上饶`]}],L:[{name:`辽宁`,id:`L`,data:[`沈阳`,`大连`,`鞍山`,`抚顺`,`本溪`,`丹东`,`锦州`,`营口`,`阜新`,`辽阳`,`盘锦`,`铁岭`,`朝阳`,`葫芦岛`]}],N:[{name:`内蒙古`,id:`N`,data:[`呼和浩特`,`包头`,`乌海`,`赤峰`,`通辽`,`鄂尔多斯`,`呼伦贝尔`,`巴彦淖尔`,`乌兰察布`,`兴安盟`,`锡林郭勒盟`,`阿拉善盟`]},{name:`宁夏`,data:[`银川`,`石嘴山`,`吴忠`,`固原`,`中卫`]}],Q:[{name:`青海`,id:`Q`,data:[`西宁`,`海东`,`海北藏族自治州`,`黄南藏族自治州`,`海南藏族自治州`,`果洛藏族自治州`,`玉树藏族自治州`,`海西蒙古族藏族自治州`]}],S:[{name:`山西`,id:`S`,data:[`太原`,`大同`,`阳泉`,`长治`,`晋城`,`朔州`,`晋中`,`运城`,`忻州`,`临汾`,`吕梁`]},{name:`上海`,data:[`黄浦`,`徐汇`,`长宁`,`静安`,`普陀`,`虹口`,`杨浦`,`闵行`,`宝山`,`嘉定`,`浦东新`,`金山`,`松江`,`青浦`,`奉贤`,`崇明`]},{name:`山东`,data:[`济南`,`青岛`,`淄博`,`枣庄`,`东营`,`烟台`,`潍坊`,`济宁`,`泰安`,`威海`,`日照`,`临沂`,`德州`,`聊城`,`滨州`,`菏泽`]},{name:`四川`,data:[`成都`,`自贡`,`攀枝花`,`泸州`,`德阳`,`绵阳`,`广元`,`遂宁`,`内江`,`乐山`,`南充`,`眉山`,`宜宾`,`广安`,`达州`,`雅安`,`巴中`,`资阳`,`阿坝藏族羌族自治州`,`甘孜藏族自治州`,`凉山彝族自治州`]},{name:`陕西`,data:[`西安`,`铜川`,`宝鸡`,`咸阳`,`渭南`,`延安`,`汉中`,`榆林`,`安康`,`商洛`]}],T:[{name:`天津`,id:`T`,data:[`和平`,`河东`,`河西`,`南开`,`河北`,`红桥`,`东丽`,`西青`,`津南`,`北辰`,`武清`,`宝坻`,`滨海新`,`宁河`,`静海`,`蓟州`]}],X:[{name:`西藏`,id:`X`,data:[`拉萨`,`日喀则`,`昌都`,`林芝`,`山南`,`那曲`,`阿里地`]},{name:`新疆`,data:[`乌鲁木齐`,`克拉玛依`,`吐鲁番`,`哈密`,`昌吉回族自治州`,`博尔塔拉蒙古自治州`,`巴音郭楞蒙古自治州`,`阿克苏地`,`克孜勒苏柯尔克孜自治州`,`喀什地`,`和田地`,`伊犁哈萨克自治州`,`塔城地`,`阿勒泰地`,`石河子`,`阿拉尔`,`图木舒克`,`五家渠`,`北屯`,`铁门关`,`双河`,`可克达拉`,`昆玉`,`胡杨河`]}],Y:[{name:`云南`,id:`Y`,data:[`昆明`,`曲靖`,`玉溪`,`保山`,`昭通`,`丽江`,`普洱`,`临沧`,`楚雄彝族自治州`,`红河哈尼族彝族自治州`,`文山壮族苗族自治州`,`西双版纳傣族自治州`,`大理白族自治州`,`德宏傣族景颇族自治州`,`怒江傈僳族自治州`,`迪庆藏族自治州`]}],Z:[{name:`浙江`,id:`Z`,data:[`杭州`,`宁波`,`温州`,`嘉兴`,`湖州`,`绍兴`,`金华`,`衢州`,`舟山`,`台州`,`丽水`]}],直辖市:[{name:`直辖市`,id:`直辖市`,data:[`北京`,`天津`,`上海`,`重庆`]}],港澳:[{name:`港澳`,id:`港澳`,data:[`香港`,`澳门`]}]};const T={class:`city-selector-trigger`},E={class:`city-selector-trigger__text`},D={class:`city-selector-content`},O={class:`city-selector-header`},k={key:0,class:`city-selector-letters`},A=[`onClick`],j={key:0,class:`city-list`},M=[`id`],N={class:`city-group__letter`},P={class:`city-group__cities`},F=[`onClick`],I={key:1,class:`province-list`},L=[`id`],R={class:`province-group__name`},z={class:`province-group__cities`},B=[`onClick`];var V=e(l({name:`C_City`,__name:`index`,props:{modelValue:{},placeholder:{default:`请选择城市`},showLetters:{type:Boolean,default:!0}},emits:[`update:modelValue`,`change`],setup(e,{emit:l}){let V=p(null);d(async()=>{let e=await import(`./city.js`);V.value=e.default??e});let H=l,U=p(!1),W=p(`city`),G=p(``),K=n(()=>{let e=[];return Object.values(w).forEach(t=>{e.push(...t)}),e}),q=n(()=>{if(V.value?.cities)return V.value.cities;let e={},t=1,n=new Set;K.value.forEach(e=>{e.data.forEach(e=>{n.add(e)})}),Array.from(n).forEach(n=>{let r=n[0].toUpperCase();e[r]||(e[r]=[]),e[r].push({id:t++,name:n,spell:``})});let r={};return Object.keys(e).sort().forEach(t=>{r[t]=e[t].sort((e,t)=>e.name.localeCompare(t.name,`zh-CN`))}),r}),J=n(()=>{if(W.value===`city`)return Object.keys(q.value).sort();{let e=new Set;Object.keys(w).forEach(t=>{t!==`直辖市`&&t!==`港澳`&&e.add(t)});let t=Array.from(e).sort();return t.push(`直辖市`,`港澳`),t}}),Y=n(()=>{if(W.value===`city`){let e=[];return Object.values(q.value).forEach(t=>{t.forEach(t=>{e.push({label:t.name,value:t.name})})}),e}else return K.value.flatMap(e=>e.data.map(t=>({label:`${t} (${e.name})`,value:t})))}),X=e=>{H(`update:modelValue`,e),H(`change`,e),U.value=!1},Z=e=>{e&&(X(e),G.value=``)},Q=e=>{let t=document.getElementById(`letter-${e}`);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})};return(e,n)=>(f(),r(_(y),{show:U.value,"onUpdate:show":n[2]||=e=>U.value=e,placement:`bottom-start`,width:430,trigger:`click`,"show-arrow":!1},{trigger:v(()=>[h(e.$slots,`trigger`,{value:e.modelValue,visible:U.value},()=>[o(`div`,T,[o(`span`,E,g(e.modelValue||e.placeholder),1)])],!0)]),default:v(()=>[o(`div`,D,[o(`div`,O,[c(_(x),{value:W.value,"onUpdate:value":n[0]||=e=>W.value=e,size:`small`},{default:v(()=>[c(_(b),{value:`city`},{default:v(()=>n[3]||=[s(`按城市`,-1)]),_:1,__:[3]}),c(_(b),{value:`province`},{default:v(()=>n[4]||=[s(`按省份`,-1)]),_:1,__:[4]})]),_:1},8,[`value`]),c(_(C),{value:G.value,"onUpdate:value":[n[1]||=e=>G.value=e,Z],class:`city-selector-search`,options:Y.value,filterable:``,clearable:``,placeholder:`搜索城市`},null,8,[`value`,`options`])]),e.showLetters?(f(),a(`div`,k,[(f(!0),a(t,null,m(J.value,e=>(f(),a(`span`,{key:e,class:`city-selector-letter`,onClick:t=>Q(e)},g(e),9,A))),128))])):i(`v-if`,!0),c(_(S),{class:`city-selector-body`},{default:v(()=>[W.value===`city`?(f(),a(`div`,j,[(f(!0),a(t,null,m(q.value,(n,r)=>(f(),a(`div`,{key:r,id:`letter-${r}`,class:`city-group`},[o(`div`,N,g(r)+`:`,1),o(`div`,P,[(f(!0),a(t,null,m(n,(t,n)=>(f(),a(`span`,{key:`${r}-${n}`,class:u([`city-item`,{"is-active":e.modelValue===t.name}]),onClick:e=>X(t.name)},g(t.name),11,F))),128))])],8,M))),128))])):(f(),a(`div`,I,[(f(!0),a(t,null,m(K.value,n=>(f(),a(`div`,{key:n.id,id:`letter-${n.id}`,class:`province-group`},[o(`div`,R,g(n.name)+`:`,1),o(`div`,z,[(f(!0),a(t,null,m(n.data,(t,r)=>(f(),a(`span`,{key:`${n.id}-${r}`,class:u([`city-item`,{"is-active":e.modelValue===t}]),onClick:e=>X(t)},g(t),11,B))),128))])],8,L))),128))]))]),_:1})])]),_:3},8,[`show`]))}}),[[`__scopeId`,`data-v-00b4ba0b`]]);export{V as t};
+import{t as e}from"./export-helper.js";import{NPopover as t,NRadioButton as n,NRadioGroup as r,NScrollbar as i,NSelect as a}from"naive-ui";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,normalizeClass as h,onMounted as g,openBlock as _,ref as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";var w={A:[{name:`安徽`,id:`A`,data:[`合肥`,`芜湖`,`蚌埠`,`淮南`,`马鞍山`,`淮北`,`铜陵`,`安庆`,`黄山`,`滁州`,`阜阳`,`宿州`,`六安`,`亳州`,`池州`,`宣城`]}],C:[{name:`重庆`,id:`C`,data:`万州.涪陵.渝中.大渡口.江北.沙坪坝.九龙坡.南岸.北碚.綦江.大足.渝北.巴南.黔江.长寿.江津.合川.永川.南川.璧山.铜梁.潼南.荣昌.开州.梁平.武隆.城口县.丰都县.垫江县.忠县.云阳县.奉节县.巫山县.巫溪县.石柱土家族自治县.秀山土家族苗族自治县.酉阳土家族苗族自治县.彭水苗族土家族自治县`.split(`.`)}],F:[{name:`福建`,id:`F`,data:[`福州`,`厦门`,`莆田`,`三明`,`泉州`,`漳州`,`南平`,`龙岩`,`宁德`]}],G:[{name:`广东`,id:`G`,data:[`广州`,`韶关`,`深圳`,`珠海`,`汕头`,`佛山`,`江门`,`湛江`,`茂名`,`肇庆`,`惠州`,`梅州`,`汕尾`,`河源`,`阳江`,`清远`,`东莞`,`中山`,`潮州`,`揭阳`,`云浮`]},{name:`广西`,data:[`南宁`,`柳州`,`桂林`,`梧州`,`北海`,`防城港`,`钦州`,`贵港`,`玉林`,`百色`,`贺州`,`河池`,`来宾`,`崇左`]},{name:`贵州`,data:[`贵阳`,`六盘水`,`遵义`,`安顺`,`毕节`,`铜仁`,`黔西南布依族苗族自治州`,`黔东南苗族侗族自治州`,`黔南布依族苗族自治州`]},{name:`甘肃`,data:[`兰州`,`嘉峪关`,`金昌`,`白银`,`天水`,`武威`,`张掖`,`平凉`,`酒泉`,`庆阳`,`定西`,`陇南`,`临夏回族自治州`,`甘南藏族自治州`]}],H:[{name:`河北`,id:`H`,data:[`石家庄`,`唐山`,`秦皇岛`,`邯郸`,`邢台`,`保定`,`张家口`,`承德`,`沧州`,`廊坊`,`衡水`]},{name:`黑龙江`,data:[`哈尔滨`,`齐齐哈尔`,`鸡西`,`鹤岗`,`双鸭山`,`大庆`,`伊春`,`佳木斯`,`七台河`,`牡丹江`,`黑河`,`绥化`,`大兴安岭地`]},{name:`河南`,data:[`郑州`,`开封`,`洛阳`,`平顶山`,`安阳`,`鹤壁`,`新乡`,`焦作`,`濮阳`,`许昌`,`漯河`,`三门峡`,`南阳`,`商丘`,`信阳`,`周口`,`驻马店`,`济源`]},{name:`湖北`,data:[`武汉`,`黄石`,`十堰`,`宜昌`,`襄阳`,`鄂州`,`荆门`,`孝感`,`荆州`,`黄冈`,`咸宁`,`随州`,`恩施土家族苗族自治州`,`仙桃`,`潜江`,`天门`,`神农架林`]},{name:`湖南`,data:[`长沙`,`株洲`,`湘潭`,`衡阳`,`邵阳`,`岳阳`,`常德`,`张家界`,`益阳`,`郴州`,`永州`,`怀化`,`娄底`,`湘西土家族苗族自治州`]},{name:`海南`,data:[`海口`,`三亚`,`三沙`,`儋州`,`五指山`,`琼海`,`文昌`,`万宁`,`东方`,`定安县`,`屯昌县`,`澄迈县`,`临高县`,`白沙黎族自治县`,`昌江黎族自治县`,`乐东黎族自治县`,`陵水黎族自治县`,`保亭黎族苗族自治县`,`琼中黎族苗族自治县`]}],J:[{name:`吉林`,id:`J`,data:[`长春`,`吉林`,`四平`,`辽源`,`通化`,`白山`,`松原`,`白城`,`延边朝鲜族自治州`]},{name:`江苏`,data:[`南京`,`无锡`,`徐州`,`常州`,`苏州`,`南通`,`连云港`,`淮安`,`盐城`,`扬州`,`镇江`,`泰州`,`宿迁`]},{name:`江西`,data:[`南昌`,`景德镇`,`萍乡`,`九江`,`新余`,`鹰潭`,`赣州`,`吉安`,`宜春`,`抚州`,`上饶`]}],L:[{name:`辽宁`,id:`L`,data:[`沈阳`,`大连`,`鞍山`,`抚顺`,`本溪`,`丹东`,`锦州`,`营口`,`阜新`,`辽阳`,`盘锦`,`铁岭`,`朝阳`,`葫芦岛`]}],N:[{name:`内蒙古`,id:`N`,data:[`呼和浩特`,`包头`,`乌海`,`赤峰`,`通辽`,`鄂尔多斯`,`呼伦贝尔`,`巴彦淖尔`,`乌兰察布`,`兴安盟`,`锡林郭勒盟`,`阿拉善盟`]},{name:`宁夏`,data:[`银川`,`石嘴山`,`吴忠`,`固原`,`中卫`]}],Q:[{name:`青海`,id:`Q`,data:[`西宁`,`海东`,`海北藏族自治州`,`黄南藏族自治州`,`海南藏族自治州`,`果洛藏族自治州`,`玉树藏族自治州`,`海西蒙古族藏族自治州`]}],S:[{name:`山西`,id:`S`,data:[`太原`,`大同`,`阳泉`,`长治`,`晋城`,`朔州`,`晋中`,`运城`,`忻州`,`临汾`,`吕梁`]},{name:`上海`,data:[`黄浦`,`徐汇`,`长宁`,`静安`,`普陀`,`虹口`,`杨浦`,`闵行`,`宝山`,`嘉定`,`浦东新`,`金山`,`松江`,`青浦`,`奉贤`,`崇明`]},{name:`山东`,data:[`济南`,`青岛`,`淄博`,`枣庄`,`东营`,`烟台`,`潍坊`,`济宁`,`泰安`,`威海`,`日照`,`临沂`,`德州`,`聊城`,`滨州`,`菏泽`]},{name:`四川`,data:[`成都`,`自贡`,`攀枝花`,`泸州`,`德阳`,`绵阳`,`广元`,`遂宁`,`内江`,`乐山`,`南充`,`眉山`,`宜宾`,`广安`,`达州`,`雅安`,`巴中`,`资阳`,`阿坝藏族羌族自治州`,`甘孜藏族自治州`,`凉山彝族自治州`]},{name:`陕西`,data:[`西安`,`铜川`,`宝鸡`,`咸阳`,`渭南`,`延安`,`汉中`,`榆林`,`安康`,`商洛`]}],T:[{name:`天津`,id:`T`,data:[`和平`,`河东`,`河西`,`南开`,`河北`,`红桥`,`东丽`,`西青`,`津南`,`北辰`,`武清`,`宝坻`,`滨海新`,`宁河`,`静海`,`蓟州`]}],X:[{name:`西藏`,id:`X`,data:[`拉萨`,`日喀则`,`昌都`,`林芝`,`山南`,`那曲`,`阿里地`]},{name:`新疆`,data:[`乌鲁木齐`,`克拉玛依`,`吐鲁番`,`哈密`,`昌吉回族自治州`,`博尔塔拉蒙古自治州`,`巴音郭楞蒙古自治州`,`阿克苏地`,`克孜勒苏柯尔克孜自治州`,`喀什地`,`和田地`,`伊犁哈萨克自治州`,`塔城地`,`阿勒泰地`,`石河子`,`阿拉尔`,`图木舒克`,`五家渠`,`北屯`,`铁门关`,`双河`,`可克达拉`,`昆玉`,`胡杨河`]}],Y:[{name:`云南`,id:`Y`,data:[`昆明`,`曲靖`,`玉溪`,`保山`,`昭通`,`丽江`,`普洱`,`临沧`,`楚雄彝族自治州`,`红河哈尼族彝族自治州`,`文山壮族苗族自治州`,`西双版纳傣族自治州`,`大理白族自治州`,`德宏傣族景颇族自治州`,`怒江傈僳族自治州`,`迪庆藏族自治州`]}],Z:[{name:`浙江`,id:`Z`,data:[`杭州`,`宁波`,`温州`,`嘉兴`,`湖州`,`绍兴`,`金华`,`衢州`,`舟山`,`台州`,`丽水`]}],直辖市:[{name:`直辖市`,id:`直辖市`,data:[`北京`,`天津`,`上海`,`重庆`]}],港澳:[{name:`港澳`,id:`港澳`,data:[`香港`,`澳门`]}]};const T={class:`city-selector-trigger`},E={class:`city-selector-trigger__text`},D={class:`city-selector-content`},O={class:`city-selector-header`},k={key:0,class:`city-selector-letters`},A=[`onClick`],j={key:0,class:`city-list`},M=[`id`],N={class:`city-group__letter`},P={class:`city-group__cities`},F=[`onClick`],I={key:1,class:`province-list`},L=[`id`],R={class:`province-group__name`},z={class:`province-group__cities`},B=[`onClick`];var V=e(m({name:`C_City`,__name:`index`,props:{modelValue:{},placeholder:{default:`请选择城市`},showLetters:{type:Boolean,default:!0}},emits:[`update:modelValue`,`change`],setup(e,{emit:m}){let V=v(null);g(async()=>{let e=await import(`./city.js`);V.value=e.default??e});let H=m,U=v(!1),W=v(`city`),G=v(``),K=s(()=>{let e=[];return Object.values(w).forEach(t=>{e.push(...t)}),e}),q=s(()=>{if(V.value?.cities)return V.value.cities;let e={},t=1,n=new Set;K.value.forEach(e=>{e.data.forEach(e=>{n.add(e)})}),Array.from(n).forEach(n=>{let r=n[0].toUpperCase();e[r]||(e[r]=[]),e[r].push({id:t++,name:n,spell:``})});let r={};return Object.keys(e).sort().forEach(t=>{r[t]=e[t].sort((e,t)=>e.name.localeCompare(t.name,`zh-CN`))}),r}),J=s(()=>{if(W.value===`city`)return Object.keys(q.value).sort();{let e=new Set;Object.keys(w).forEach(t=>{t!==`直辖市`&&t!==`港澳`&&e.add(t)});let t=Array.from(e).sort();return t.push(`直辖市`,`港澳`),t}}),Y=s(()=>{if(W.value===`city`){let e=[];return Object.values(q.value).forEach(t=>{t.forEach(t=>{e.push({label:t.name,value:t.name})})}),e}else return K.value.flatMap(e=>e.data.map(t=>({label:`${t} (${e.name})`,value:t})))}),X=e=>{H(`update:modelValue`,e),H(`change`,e),U.value=!1},Z=e=>{e&&(X(e),G.value=``)},Q=e=>{let t=document.getElementById(`letter-${e}`);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})};return(e,s)=>(_(),c(S(t),{show:U.value,"onUpdate:show":s[2]||=e=>U.value=e,placement:`bottom-start`,width:430,trigger:`click`,"show-arrow":!1},{trigger:C(()=>[b(e.$slots,`trigger`,{value:e.modelValue,visible:U.value},()=>[d(`div`,T,[d(`span`,E,x(e.modelValue||e.placeholder),1)])],!0)]),default:C(()=>[d(`div`,D,[d(`div`,O,[p(S(r),{value:W.value,"onUpdate:value":s[0]||=e=>W.value=e,size:`small`},{default:C(()=>[p(S(n),{value:`city`},{default:C(()=>s[3]||=[f(`按城市`,-1)]),_:1,__:[3]}),p(S(n),{value:`province`},{default:C(()=>s[4]||=[f(`按省份`,-1)]),_:1,__:[4]})]),_:1},8,[`value`]),p(S(a),{value:G.value,"onUpdate:value":[s[1]||=e=>G.value=e,Z],class:`city-selector-search`,options:Y.value,filterable:``,clearable:``,placeholder:`搜索城市`},null,8,[`value`,`options`])]),e.showLetters?(_(),u(`div`,k,[(_(!0),u(o,null,y(J.value,e=>(_(),u(`span`,{key:e,class:`city-selector-letter`,onClick:t=>Q(e)},x(e),9,A))),128))])):l(`v-if`,!0),p(S(i),{class:`city-selector-body`},{default:C(()=>[W.value===`city`?(_(),u(`div`,j,[(_(!0),u(o,null,y(q.value,(t,n)=>(_(),u(`div`,{key:n,id:`letter-${n}`,class:`city-group`},[d(`div`,N,x(n)+`:`,1),d(`div`,P,[(_(!0),u(o,null,y(t,(t,r)=>(_(),u(`span`,{key:`${n}-${r}`,class:h([`city-item`,{"is-active":e.modelValue===t.name}]),onClick:e=>X(t.name)},x(t.name),11,F))),128))])],8,M))),128))])):(_(),u(`div`,I,[(_(!0),u(o,null,y(K.value,t=>(_(),u(`div`,{key:t.id,id:`letter-${t.id}`,class:`province-group`},[d(`div`,R,x(t.name)+`:`,1),d(`div`,z,[(_(!0),u(o,null,y(t.data,(n,r)=>(_(),u(`span`,{key:`${t.id}-${r}`,class:h([`city-item`,{"is-active":e.modelValue===n}]),onClick:e=>X(n)},x(n),11,B))),128))])],8,L))),128))]))]),_:1})])]),_:3},8,[`show`]))}}),[[`__scopeId`,`data-v-6286e78d`]]);export{V as t};
 //# sourceMappingURL=C_City2.js.map