@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.3

package/dist/icon-next-picker-B_S_yInJ.js

@@ -0,0 +1 @@
+import{usePlatformConfigStore as e}from"@gct-paas/core";import{Fragment as l,computed as a,createBlock as o,createCommentVNode as n,createElementBlock as t,createElementVNode as i,createVNode as c,defineComponent as u,nextTick as r,normalizeClass as s,normalizeStyle as d,openBlock as v,ref as p,renderList as k,resolveComponent as _,toDisplayString as g,unref as m,vModelText as f,withCtx as y,withDirectives as h}from"vue";import{cloneDeep as b,debounce as C}from"lodash-es";import{Empty as x,Form as F}from"ant-design-vue";import{IconNamespaceEnum as w,IconNext as I,useIconAsset as S,useIconPark as E,useIconPlatform as B}from"@gct-paas/core-components";var A={class:"icon-picker-next"},V={class:"p-12px"},z={class:"flex icon-picker-next__container"},P={class:"icon-picker-next__cats"},j=["title","data-id","onClick"],D={class:"icon-picker-next__panel"},R={class:"icon-picker-next__icons"},U={class:"icon__list"},L=["title","data-id","onClick"],M={key:0,class:"color__setting"},N={class:"color__list"},O=["onClick"],T={class:"color__input"},q={key:1,class:"color__setting"},G={class:"color__list"},W=["onClick"],H={class:"color__input"},J={key:1,class:"flex items-center justify-center h-full"},K="#FFFFFF",Q=/* @__PURE__ */u({__name:"icon-next-picker",props:{value:{type:String,required:!0},disabled:{type:Boolean,default:!1},color:{type:String,default:"#FFFFFF"},size:{type:Number,default:30},showColor:{type:Boolean,default:!1},background:{type:String},showBackground:{type:Boolean,default:!1}},emits:["update:value","update:color","update:background"],setup(u,{emit:Q}){const{themeSetting:X}=e(),Y=u,Z=Q,{getIconAssetCats:$}=S(),{getIconParkCats:ee}=E(),{getIconPlatformCats:le}=B(),{onFieldChange:ae}=F.useInjectFormItemContext(),oe=p(),ne=p(),te=p(!1),ie=["#3370FF","#0DAA9C","#EF3232","#EFA332","#18C8D3","#A33FF2"],ce=[K,...ie],ue=["transparent",...ie],re=p(K),se=p(!1),de=p(K),ve=p(!1);let pe=[];const ke=p([]),_e=p([]),ge=p([]),me=p(""),fe=a(()=>_e.value.length>0&&!_e.value[0].id.startsWith(w.Asset)),ye=()=>{let e,l=ke.value[0]||{};var a;l&&(e=l.icons?l:null===(a=l.children)||void 0===a?void 0:a[0]),e?(ge.value=[e.id],_e.value=e.icons):(ge.value=[],_e.value=[])},he=async e=>{if(e){if(te.value=!0,pe.length>0)ke.value=pe;else{const e=ee(),l=await $(),a=le();pe=l.concat(e).concat(a),ke.value=pe}Y.color?ce.includes(Y.color)?(re.value=K,se.value=!1):(re.value=Y.color,se.value=!0):Z("update:color",K),Y.background?ue.includes(Y.background)?(de.value=K,ve.value=!1):(de.value=Y.background,ve.value=!0):Z("update:background","#3370FF"),(async()=>{if(Y.value){let a=ke.value.reduce((e,l)=>("children"in l?e.push(...l.children):e.push(l),e),[]).find(e=>e.icons.map(e=>e.id).includes(Y.value));var e,l;a?(ge.value=[a.id],_e.value=a.icons,await r(),null===(e=oe.value)||void 0===e||null===(e=e.getElement())||void 0===e||e.scrollIntoView({block:"center"}),null===(l=ne.value)||void 0===l||null===(l=l.getElement())||void 0===l||l.scrollIntoView({block:"center"})):ye()}else ye()})(),te.value=!1}else me.value=""};function be(e,l){return e.map(e=>{const a=["children","icons"].find(l=>!!e[l]);return a?(e[a]=be(e[a],l),e[a].length>0?e:void 0):e._filter_.some(e=>e.includes(l))?e:void 0}).filter(Boolean)}const Ce=C(e=>{var l;te.value=!0;const a=null===(l=e.target.value)||void 0===l?void 0:l.trim();ke.value=a?be(b(pe),a):pe,ye(),te.value=!1},500),xe=(e,l=!1)=>{se.value=l,Z("update:color",e),ae()},Fe=()=>{se.value&&(Z("update:color",re.value),ae())},we=(e,l=!1)=>{ve.value=l,Z("update:background",e),ae()},Ie=()=>{ve.value&&(Z("update:background",de.value),ae())};return(e,a)=>{const r=_("a-input"),p=_("a-tree"),b=_("OverlayScrollbarsComponent"),C=_("overlayScrollbarsComponent"),F=_("CheckOutlined"),w=_("a-empty"),S=_("a-spin"),E=_("a-popover");return v(),t("div",A,[c(E,{placement:"bottomLeft",trigger:"click","overlay-class-name":"icon-picker-next__popover",onVisibleChange:he},{content:y(()=>[i("div",V,[c(r,{value:me.value,"onUpdate:value":a[0]||(a[0]=e=>me.value=e),class:"icon-picker-next__search",placeholder:"搜索图标","allow-clear":"",onChange:a[1]||(a[1]=e=>{te.value=!0,m(Ce)(e)})},{prefix:y(()=>[...a[6]||(a[6]=[i("i",{class:"iconfont icon-sousuo1"},null,-1)])]),_:1},8,["value"])]),c(S,{spinning:te.value},{default:y(()=>{var e;return[i("div",z,[i("div",P,[c(b,{ref_key:"TreeScrollRef",ref:oe,class:"icon-picker-next__scrollbar"},{default:y(()=>[ke.value.length>0?(v(),o(p,{key:0,"selected-keys":ge.value,"default-expand-all":"","block-node":"","field-names":{children:"children",title:"name",key:"id"},"tree-data":ke.value},{title:y(({data:e})=>[i("div",{class:"ell",title:e.name,"data-id":e.id,onClick:l=>(e=>{(null==e?void 0:e.children)&&(null==e?void 0:e.children.length)||(_e.value=e.icons??[],ge.value=[e.id])})(e)},g(e.name),9,j)]),_:1},8,["selected-keys","tree-data"])):n("",!0)]),_:1},512)]),i("div",D,[(null===(e=_e.value)||void 0===e?void 0:e.length)>0?(v(),t(l,{key:0},[i("div",R,[c(C,{ref_key:"IconsScrollRef",ref:ne,class:"icon-picker-next__scrollbar"},{default:y(()=>[i("ul",U,[(v(!0),t(l,null,k(_e.value,e=>(v(),t("li",{key:e.name,style:d({"--background":u.background||m(X).themeColor}),class:s({"icon-picker-next--selected":e.id===u.value}),title:e.name,"data-id":e.id,onClick:l=>function(e){Z("update:value",e),ae()}(e.id)},[c(m(I),{value:e.id,color:e.id===u.value?u.color:K},null,8,["value","color"])],14,L))),128))])]),_:1},512)]),u.showBackground?(v(),t("div",M,[a[7]||(a[7]=i("div",{class:"color__title"},"背景颜色",-1)),i("div",N,[(v(),t(l,null,k(ue,e=>i("span",{key:e,class:s(["color__item","color__item--"+e]),style:d({backgroundColor:e}),onClick:()=>we(e)},[u.background===e?(v(),o(F,{key:0})):n("",!0)],14,O)),64))]),i("div",T,[i("div",{class:"color__preview",style:d({"--custom-bg":de.value}),onClick:a[2]||(a[2]=()=>we(de.value,!0))},[ve.value?(v(),o(F,{key:0})):n("",!0)],4),h(i("input",{"onUpdate:modelValue":a[3]||(a[3]=e=>de.value=e),type:"text",onBlur:Ie},null,544),[[f,de.value]])])])):n("",!0),u.showColor&&fe.value?(v(),t("div",q,[a[8]||(a[8]=i("div",{class:"color__title"},"图标色",-1)),i("div",G,[(v(),t(l,null,k(ce,e=>i("span",{key:e,class:"color__item",style:d({backgroundColor:e}),onClick:()=>xe(e)},[u.color===e?(v(),o(F,{key:0})):n("",!0)],12,W)),64))]),i("div",H,[i("div",{class:"color__preview",style:d({"--custom-bg":re.value}),onClick:a[4]||(a[4]=()=>xe(re.value,!0))},[se.value?(v(),o(F,{key:0})):n("",!0)],4),h(i("input",{"onUpdate:modelValue":a[5]||(a[5]=e=>re.value=e),type:"text",onBlur:Fe},null,544),[[f,re.value]])])])):n("",!0)],64)):(v(),t("div",J,[c(w,{image:m(x).PRESENTED_IMAGE_SIMPLE,description:null},null,8,["image"])]))])])]}),_:1},8,["spinning"])]),default:y(()=>[i("div",{class:s(["icon-picker-next__trigger cursor-pointer",{"icon-picker-next--selected":u.value}]),style:d({"--background":u.background||m(X).themeColor})},[u.value?(v(),o(m(I),{key:0,value:u.value,size:u.size,color:u.color},null,8,["value","size","color"])):n("",!0),a[9]||(a[9]=i("div",null,[i("i",{class:"iconfont icon-bianji"})],-1))],6)]),_:1})])}}});export{Q as default};