https://bmarket.vn/assets/IconPicker-G2HOwB_z.js

1import{d as L,a as M,D as u,g as o,E as S,G as m,i as c,j as r,k as t,h as a,F as g,r as q,t as d,p as w,P as D,q as V,z as y,y as C}from"./index-BF5iRU55.js";import{r as E,i as U,f as v}from"./icons-DFGl-d3d.js";import{S as j}from"./SearchOutline-QartJFSd.js";import{_ as G}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O={class:"sel-name"},$={key:1,class:"placeholder"},A={class:"picker"},H={class:"grid"},J=["title","onClick"],K={key:0,class:"empty"},Q={class:"count"},R=L({__name:"IconPicker",props:{modelValue:{}},emits:["update:modelValue"],setup(b,{emit:x}){const{t:i}=M(),n=b,k=x,p=y(!1),_=y(""),f=C(()=>{const l=_.value.trim().toLowerCase();return l?v.filter(s=>s.toLowerCase().includes(l)):v}),P=C(()=>v.length);function I(l){k("update:modelValue",l),p.value=!1}function z(){k("update:modelValue",null)}return(l,s)=>{const h=u("n-icon"),B=u("n-input"),N=u("n-scrollbar"),F=u("n-popover");return o(),S(F,{show:p.value,"onUpdate:show":s[1]||(s[1]=e=>p.value=e),trigger:"click",placement:"bottom-start","show-arrow":!1,style:{padding:"0"}},{trigger:m(()=>[c("div",{class:V(["icon-trigger",{active:p.value}])},[n.modelValue?(o(),a(g,{key:0},[r(h,{component:t(E)(n.modelValue),size:"18",class:"sel-icon"},null,8,["component"]),c("span",O,d(n.modelValue),1)],64)):(o(),a("span",$,d(t(i)("staff.iconPicker.placeholder")),1)),n.modelValue?(o(),a("span",{key:2,class:"clear",onClick:D(z,["stop"])},"✕")):w("",!0)],2)]),default:m(()=>[c("div",A,[r(B,{value:_.value,"onUpdate:value":s[0]||(s[0]=e=>_.value=e),placeholder:t(i)("staff.iconPicker.search"),clearable:"",size:"medium"},{prefix:m(()=>[r(h,{component:t(j)},null,8,["component"])]),_:1},8,["value","placeholder"]),r(N,{style:{"max-height":"340px","margin-top":"10px"}},{default:m(()=>[c("div",H,[(o(!0),a(g,null,q(f.value,e=>(o(),a("button",{key:e,type:"button",class:V(["cell",{active:e===n.modelValue}]),title:e,onClick:T=>I(e)},[r(h,{component:t(U)[e],size:"20"},null,8,["component"])],10,J))),128))]),f.value.length?w("",!0):(o(),a("div",K,d(t(i)("staff.iconPicker.notFound")),1))]),_:1}),c("div",Q,d(t(i)("staff.iconPicker.showing",{shown:f.value.length,total:P.value})),1)])]),_:1},8,["show"])}}}),ee=G(R,[["__scopeId","data-v-31b2bbc8"]]);export{ee as I};