@gct-paas/design-mobile 0.1.6-dev.1 → 0.1.6-dev.3

package/dist/loader.esm.min.js

@@ -1 +1 @@
-import{Fragment as e,computed as l,createBlock as a,createCommentVNode as o,createElementBlock as t,createElementVNode as i,createTextVNode as n,createVNode as r,defineComponent as d,h as s,inject as u,isVNode as v,normalizeClass as p,normalizeStyle as c,openBlock as y,ref as g,renderList as m,renderSlot as b,resolveComponent as f,toDisplayString as x,toRef as h,unref as S,useCssVars as w,vShow as T,watch as k,withCtx as L,withDirectives as _}from"vue";import{Cell as C,Checkbox as O,CheckboxGroup as B,Picker as E,Popup as U,Radio as N,RadioGroup as M}from"vant";import{EntityModelTypeEnum as P,FIELD_TYPE as R,TagTypeEnum as I,t as W}from"@gct-paas/core";import{schemaToStyle as z,transformField2Component as F}from"@gct-paas/design";import{cloneDeep as j,debounce as A,isString as q}from"lodash-es";var G=(e,l)=>()=>(l||e((l={exports:{}}).exports,l),l.exports),K=(e,l)=>{const a=e.__vccOpts||e;for(const[o,t]of l)a[o]=t;return a},V=/* @__PURE__ */K(/* @__PURE__ */d({__name:"tag-span",props:{tagStyle:{}},setup(e){w(e=>({v4f612305:o.value}));const l=e,a=h(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||I.RADIUS}),o=h(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),i=h(()=>`tag-${a.value}`);return(e,l)=>(y(),t("div",{class:p(["tag cursor-pointer",i.value])},[b(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-1f0f2305"]]),D={key:0,class:"gct-iconfont icon-ziduan-bumen primary-gct"},$=/* @__PURE__ */K(/* @__PURE__ */d({__name:"tag-label",props:{tagWidgetStyle:{},type:{},disabled:{type:Boolean},label:{},isDesign:{type:Boolean},showTagStyle:{type:Boolean,default:!0},iconExtraProps:{},avatarProps:{}},emits:["on-close"],setup(l){const n=l,d=u("labelLayout",{}),v=h(()=>{var e;let l=n.label??"";if((!l||l.length<=0)&&n.isDesign){var a;const e=n.type&&(null===(a=F(n.type))||void 0===a?void 0:a.example)||"";l=e?q(e)?W(e):e.map(e=>W(e)):""}return n.showTagStyle&&(null===(e=n.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||n.type===R.ENUM_MULTI||n.type===R.ENUM||[R.ORG_MULTI,R.ORG,R.USER,R.USER_MULTI].includes(n.type)?l?q(l)?[l]:l:[]:l+""}),g=h(()=>{var e;const l=null===(e=n.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?z(l):{}}),b=e=>{var l,a;const o=(null===(l=n.iconExtraProps)||void 0===l?void 0:l[e])||{},t={};return Object.assign(t,{color:(null==o?void 0:o.textColor)||"#000000"}),(null===(a=g.value)||void 0===a?void 0:a.color)?g.value:{wordBreak:"break-all",...g.value,...t}},w={render:({$attrs:e})=>{if(e.labelName){var l;const a=(null===(l=n.iconExtraProps)||void 0===l?void 0:l[e.labelName])||{};if(!(null==a?void 0:a.icon))return;return s(f("icon-next"),{size:16,value:null==a?void 0:a.icon,color:null==a?void 0:a.iconColor,style:"vertical-align: text-bottom; margin-right: 4px"})}}};return(n,s)=>{var u,g,f,h,T,k,_,C,O,B,E,U,N;return l.showTagStyle&&(null===(u=l.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(y(),t("div",{key:0,class:p([l.disabled?"tag-label-disabled":null,(null===(g=S(d))||void 0===g?void 0:g.hasLabelWidth)&&"left"===(null===(f=S(d))||void 0===f?void 0:f.layout.label)?"ellipsis"==(null===(h=S(d))||void 0===h?void 0:h.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,o)=>(y(),a(V,{key:o,"tag-style":l.tagWidgetStyle.tagStyle,style:c(b(e))},{default:L(()=>[r(w,{"label-name":e},null,8,["label-name"]),i("span",null,x(e),1)]),_:2},1032,["tag-style","style"]))),128))],2)):l.type===S(R).ENUM_MULTI||l.type===S(R).ENUM?(y(),t("div",{key:1,class:p([l.disabled?"tag-label-disabled":null,"tag-text",(null===(T=S(d))||void 0===T?void 0:T.hasLabelWidth)&&"left"===(null===(k=S(d))||void 0===k?void 0:k.layout.label)?"ellipsis"==(null===(_=S(d))||void 0===_?void 0:_.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,a)=>{var o;return y(),t("span",{key:a,style:c(b(e)),class:"mr-5px"},[r(w,{"label-name":e},null,8,["label-name"]),i("span",null,x(e)+x(!(null===(o=l.tagWidgetStyle)||void 0===o?void 0:o.tagStyleOpen)&&a<v.value.length-1?",":""),1)],4)}),128))],2)):[S(R).ORG_MULTI,S(R).ORG,S(R).USER,S(R).USER_MULTI].includes(l.type)?(y(),t("div",{key:2,class:p([l.disabled?"tag-label-disabled":null,"tag-text",(null===(C=S(d))||void 0===C?void 0:C.hasLabelWidth)&&"left"===(null===(O=S(d))||void 0===O?void 0:O.layout.label)?"ellipsis"==(null===(B=S(d))||void 0===B?void 0:B.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,a)=>{var n;return y(),t("span",{key:a,style:c(b(e)),class:"mr-5px"},[l.type===S(R).ORG_MULTI||l.type===S(R).ORG?(y(),t("span",D)):o("",!0),i("span",null,x(e)+" "+x(!(null===(n=l.tagWidgetStyle)||void 0===n?void 0:n.tagStyleOpen)&&a<v.value.length-1?",":""),1)],4)}),128))],2)):(y(),t("div",{key:3,style:c(b(v.value)),class:p([l.disabled?"tag-label-disabled":null,"text-[#000000]",(null===(E=S(d))||void 0===E?void 0:E.hasLabelWidth)&&"left"===(null===(U=S(d))||void 0===U?void 0:U.layout.label)?"ellipsis"==(null===(N=S(d))||void 0===N?void 0:N.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},x(v.value),7))}}}),[["__scopeId","data-v-8b6c533e"]]),H=/* @__PURE__ */function(e){return e.SINGLE="single",e.MULTIPLE="multiple",e}({}),J={class:"pt50px flex flex-col h-full"},Q={class:"text-left text-16px font-bold p12px absolute title"},X={class:"flex flex-items-center"},Y={key:0,class:"px2 color-[#dddddd]",style:{"font-style":"normal"}},Z={class:"overflow-y-auto flex-1 mx-14px"},ee=["innerHTML"],le={class:"ks-row-middle"},ae={class:"w-full p-12px mt-4px shadow-top"},oe={class:"pr-8px text-sm mr-8px border-r"},te={style:{color:"var(--van-primary-color)"}},ie=/* @__PURE__ */K(/* @__PURE__ */d({__name:"optionList",props:{api:{},options:{},activeKey:{type:[String,Number,Boolean,Array]},title:{},type:{},showSearch:{type:Boolean},lazy:{type:Boolean},selectedOptions:{},remote:{type:Boolean},iconNode:{type:Boolean},onloadMore:{},scan:{type:Boolean},optionLabelProp:{},customSearch:{},filterFn:{},ignoreCase:{},maxTagTextLength:{}},emits:["checked","handleSearch","update:activeKey"],setup(d,{emit:u}){const v=d,b=u,h=g(""),w=g([]),C=g(!1),O=g(!1),B=g(!1),E=g(!v.lazy),U=g(j(v.options)),N=g([]),M=l(()=>C.value?w.value:v.options),P=l(()=>N.value.length?N.value:M.value),R=l(()=>{var e;return(null===(e=v.selectedOptions)||void 0===e?void 0:e.length)&&v.selectedOptions.forEach(e=>{U.value.some(l=>l.value===e.value)||U.value.push(e)}),I.value.map(e=>U.value.find(l=>l.value===e))}),I=l({get:()=>v.activeKey&&"string"==typeof v.activeKey?v.activeKey.split(","):v.activeKey||[],set(e){b("update:activeKey",e)}});k(()=>v.options,()=>{v.remote&&v.options.length?G(h.value):C.value=!1},{deep:!0});const W={render:({$attrs:e})=>{if(e.labelName){const{iconColor:l,icon:a}=e.item||{},o={iconColor:l,icon:a};if(!(null==o?void 0:o.icon))return;return s(f("icon-next"),{size:16,value:null==o?void 0:o.icon,color:null==o?void 0:o.iconColor,style:"vertical-align: text-bottom; margin-right: 4px"})}}};function z(){b("checked",R.value)}const F=g(1),q=A(async e=>{if(e=e&&e.trim(),v.remote){if(!e&&""!=e)return w.value=[],void(C.value=!0);F.value=2,await $({keyword:e.trim(),pageNo:1})}else{if(""==e)return void(C.value=!1);G(e)}},300),G=e=>{C.value=!0;const l=v.options.filter(l=>{var a,o;return v.filterFn?v.filterFn(e):v.ignoreCase?-1!==(null===(o=l.label)||void 0===o?void 0:o.toLowerCase().indexOf(e.toLowerCase())):-1!==(null===(a=l.label)||void 0===a?void 0:a.indexOf(e))});w.value=JSON.parse(JSON.stringify(l)),w.value.forEach(l=>{var a;const o=null===(a=l.label)||void 0===a?void 0:a.split(new RegExp(`(${e})`,"gi")),t=null==o?void 0:o.map((l,a)=>l.toLowerCase()===e.toLowerCase()?`<span key=${a} style='color: var(--van-primary-color);'>${l}</span>`:l);l.label=null==t?void 0:t.join("")})},K=()=>{O.value=!O.value},V=async()=>{v.lazy&&$({keyword:h.value,pageNo:F.value+=1})},D=g();async function $({keyword:e,pageNo:l=1}){const a=v.onloadMore&&"function"==typeof v.onloadMore&&l>1?v.onloadMore:v.api;if(B.value=!0,v.customSearch){D.value!==e&&(N.value=[]),D.value=e;const a=await v.customSearch({keyword:e,pageNo:l});U.value=a.allOpts,N.value=N.value.concat(a.data),E.value=a.finished}else{const o=a&&await a({keyword:e,pageNo:l});v.options.forEach(e=>{U.value.find(l=>l.value===e.value)||U.value.push(e)}),E.value=!1!==o}B.value=!1}return(l,s)=>{const u=f("van-icon"),g=f("van-search"),b=f("van-cell"),w=f("van-list"),k=f("van-tag"),C=f("van-button");return y(),t("div",J,[i("div",Q,x(d.title),1),d.showSearch?(y(),a(g,{key:0,modelValue:h.value,"onUpdate:modelValue":[s[0]||(s[0]=e=>h.value=e),S(q)],class:p(["border-b",{"border-all":h.value}]),placeholder:"请输入",onClear:s[1]||(s[1]=e=>S(q)(""))},{"left-icon":L(()=>[...s[2]||(s[2]=[])]),"right-icon":L(()=>[i("div",X,[r(u,{name:"search"}),d.scan?(y(),t("i",Y,"|")):o("",!0),d.scan?(y(),a(u,{key:1,name:"scan",color:"var(--van-primary-color)"})):o("",!0)])]),_:1},8,["modelValue","class","onUpdate:modelValue"])):o("",!0),i("div",Z,[r(w,{loading:B.value,finished:E.value,"finished-text":"",onLoad:V},{default:L(()=>[(y(!0),t(e,null,m(P.value,(e,l)=>(y(),a(b,{key:l,border:!1,class:p(["mt-8px",{"is-active":I.value[0]===e.value||R.value.map(e=>null==e?void 0:e.value).includes(e.value)}])},{title:L(()=>{var l;return[d.iconNode&&e._item.icon?(y(),a(W,{key:0,"label-name":e.label,item:e._item},null,8,["label-name","item"])):o("",!0),i("span",{class:"text-color",style:c({"--text-color":null===(l=e._item)||void 0===l?void 0:l.textColor}),innerHTML:e[d.optionLabelProp]||e.label},null,12,ee)]}),"right-icon":L(()=>[i("div",le,[R.value.map(e=>null==e?void 0:e.value).includes(e.value)?(y(),a(u,{key:0,name:"success",class:"text-18px primary-color"})):o("",!0)])]),_:2},1032,["class"]))),128))]),_:1},8,["loading","finished"])]),_(i("div",ae,[R.value.length?(y(),t("div",{key:0,class:p(["mb-12px w-full flex-1 overflow-y-auto",{"toggle-box":O.value}])},[i("span",oe,[s[3]||(s[3]=n(" 已选 ",-1)),i("span",te,[n(x(R.value.length)+" ",1),r(u,{name:O.value?"arrow-up":"arrow-down",onClick:K},null,8,["name"])])]),(y(!0),t(e,null,m(R.value,(e,l)=>(y(),a(k,{key:(null==e?void 0:e.label)+"_"+l,class:"mx-2px px-2px tag-wrap",size:"medium",round:"",color:"color-mix(in oklch, var(--van-primary-color), transparent 92%)","text-color":"var(--van-primary-color)",closeable:""},{default:L(()=>{return[n(x((l=null==e?void 0:e.label,v.maxTagTextLength&&l.length>v.maxTagTextLength?l.slice(0,v.maxTagTextLength)+"...":l)),1)];var l}),_:2},1024))),128))],2)):o("",!0),r(C,{class:"w-full px-4px",type:"primary",onClick:z},{default:L(()=>[...s[4]||(s[4]=[n("完成",-1)])]),_:1})],512),[[T,d.type===S(H).MULTIPLE]])])}}}),[["__scopeId","data-v-d6c8e197"]]),ne=/* @__PURE__ */d({name:"FieldSelect",props:{design:Boolean,disabled:Boolean,readonly:Boolean,showPop:Boolean,fieldType:{type:String,required:!0},type:{type:Object,required:!0},tagStyle:{type:Object,required:!0},isLinkageMode:{type:Boolean},options:Array,value:[String,Number,Boolean,Array],multiple:{type:Boolean,default:!1},placeholder:{type:String,default:"请选择"},refModelType:{type:String,default:""},useSwitchComp:{type:Boolean,default:!1},maxTagTextLength:{type:Number,default:12}},setup(a,{emit:o}){const t=u("form-layout",{}),i=l(()=>(a.options??[]).map(e=>({...e}))),n=l(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.filter(e=>{var l;return a.multiple?null===(l=a.value)||void 0===l?void 0:l.includes(e.value):a.value===e.value}))??[]}),d={value:()=>{var e,l;if((null===(e=a.value)||void 0===e?void 0:e.length)||["boolean","enum"].includes(a.fieldType)&&void 0!==a.value&&""!==a.value){const e={},l={},o=[];return n.value.forEach(t=>{const i=y(t.label),{icon:n,iconColor:r,textColor:d}=t._item||{};var s;e[i]={icon:n,iconColor:r,textColor:d},(a.fieldType===R.USER_MULTI||a.fieldType===R.USER)&&(l[i]={avatar:null===(s=t._item)||void 0===s?void 0:s.avatar}),o.push(a.refModelType!==P.TREE||a.isLinkageMode?i:function(e){var l;const o=(null===(l=e._item)||void 0===l?void 0:l.full_path_.split("/"))||[];return(a.options??[]).filter(e=>o.includes(e.value)).map(e=>e.label).join("/")}(t))}),r($,{class:"mr-4px",tagWidgetStyle:a.tagStyle,type:a.fieldType,label:o,disabled:a.disabled,iconExtraProps:e,avatarProps:l},null)}return r($,{type:a.fieldType,disabled:a.disabled,label:a.readonly?"":a.placeholder,style:{color:"var(--van-gray-5)",paddingRight:(null==t||null===(l=t.value)||void 0===l?void 0:l.inputBg)?"12px":"",fontSize:"14px"}},null)}},s={option:e=>r($,{tagWidgetStyle:a.tagStyle,type:a.fieldType,label:e.label,disabled:a.disabled,showTagStyle:!1},null)},v=({selectedOptions:e})=>{o("confirm",e[0].value),o("update:value",e[0].value),o("update:showPop",!1)},p=()=>{o("update:showPop",!1)},c=e=>{o("update:value",e.value),o("checked",e.value),o("update:showPop",!1)},y=e=>a.readonly?e:e.length>a.maxTagTextLength?e.slice(0,a.maxTagTextLength)+"...":e;return()=>a.design?r(C,{"is-link":!a.readonly,border:!1,style:{padding:0}},d):r(e,null,[r(C,{class:"app-tag-cell-box","is-link":!a.readonly,border:!1,style:{padding:0,background:"transparent"}},d),r(U,{show:a.showPop,"onUpdate:show":e=>a.showPop=e,position:"bottom",round:!0,teleport:"body",onClickOverlay:p,style:a.useSwitchComp?{height:"60%"}:{}},{default:()=>[a.useSwitchComp?a.showPop?r(ie,{type:H.SINGLE,options:a.options||[],activeKey:a.value??"",title:"请选择",onChecked:c},null):null:r(E,{columns:a.options||[],columnsFieldNames:{text:"label",value:"value"},onConfirm:v,onCancel:p},s)]})])}}),re=/* @__PURE__ */G(()=>{}),de=/* @__PURE__ */G(()=>{});re(),de();var se=/* @__PURE__ */G(()=>{}),ue=/* @__PURE__ */G(()=>{}),ve=/* @__PURE__ */G(()=>{}),pe=/* @__PURE__ */G(()=>{});re(),se(),ue(),de(),ve(),pe();var ce=/* @__PURE__ */d({name:"FieldRadio",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number,Boolean]},setup(e,{emit:a}){const o=l({get:()=>e.value,set(e){a("update:value",e)}});return()=>{let l;return r(M,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,disabled:e.disabled,direction:"horizontal",shape:"dot",class:["mobile-field-radio-group",e.readonly?"mobile-field-radio-group--readonly":""]},"function"==typeof(a=l=(e.options??[]).map(l=>{const{iconColor:a,icon:o,textColor:t}=l._item||{},i={[l.label]:{icon:o,iconColor:a,textColor:t}};return r(N,{key:l.value,name:l.value,"icon-size":"16px"},{default:()=>[r($,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:i},null)]})}))||"[object Object]"===Object.prototype.toString.call(a)&&!v(a)?l:{default:()=>[l]});var a}}}),ye=/* @__PURE__ */G(()=>{});re(),ye(),re(),se(),ue(),ye(),ve();var ge=/* @__PURE__ */d({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:a}){const o=e.fieldType===R.BOOLEAN,t=l(()=>o?(e.options??[]).filter(e=>e.value):e.options??[]),i=l({get:()=>Array.isArray(e.value)?e.value:t.value.some(l=>l.value===e.value)?[e.value]:[],set(e){if(o){const l=null==e?void 0:e[0];a("update:value",null==l||"boolean"!=typeof l?Boolean(l):!!l)}else a("update:value",e)}});return()=>r(B,{modelValue:i.value,"onUpdate:modelValue":e=>i.value=e,disabled:e.disabled,shape:"square",class:["flex","mobile-field-checkbox-group",e.readonly?"mobile-field-checkbox-group--readonly":""]},{default:()=>{var l;return[null===(l=t.value)||void 0===l?void 0:l.map(l=>r(O,{key:l.value,name:l.value,"icon-size":"16px",class:"mr-12px"},{default:()=>[r($,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled},null)]}))]}})}});function me(){console.log("Hello World!")}export{ge as FieldCheckbox,ce as FieldRadio,ne as FieldSelect,H as SelectType,$ as Taglabel,me as run};
+import{Fragment as e,computed as l,createBlock as a,createCommentVNode as o,createElementBlock as t,createElementVNode as i,createTextVNode as n,createVNode as r,defineComponent as d,h as s,inject as u,isVNode as v,normalizeClass as p,normalizeStyle as c,openBlock as y,ref as g,renderList as m,renderSlot as b,resolveComponent as f,toDisplayString as x,toRef as h,unref as S,useCssVars as w,vShow as T,watch as k,withCtx as L,withDirectives as _}from"vue";import{Cell as C,Checkbox as O,CheckboxGroup as B,Picker as E,Popup as U,Radio as N,RadioGroup as M}from"vant";import{EntityModelTypeEnum as P,FIELD_TYPE as R,TagTypeEnum as I,t as W}from"@gct-paas/core";import{schemaToStyle as z,transformField2Component as F}from"@gct-paas/design";import{cloneDeep as j,debounce as A,isString as q}from"lodash-es";var G=(e,l)=>()=>(l||(e((l={exports:{}}).exports,l),e=null),l.exports),K=(e,l)=>{const a=e.__vccOpts||e;for(const[o,t]of l)a[o]=t;return a},V=/* @__PURE__ */K(/* @__PURE__ */d({__name:"tag-span",props:{tagStyle:{}},setup(e){w(e=>({v4f612305:o.value}));const l=e,a=h(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||I.RADIUS}),o=h(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),i=h(()=>`tag-${a.value}`);return(e,l)=>(y(),t("div",{class:p(["tag cursor-pointer",i.value])},[b(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-1f0f2305"]]),D={key:0,class:"gct-iconfont icon-ziduan-bumen primary-gct"},$=/* @__PURE__ */K(/* @__PURE__ */d({__name:"tag-label",props:{tagWidgetStyle:{},type:{},disabled:{type:Boolean},label:{},isDesign:{type:Boolean},showTagStyle:{type:Boolean,default:!0},iconExtraProps:{},avatarProps:{}},emits:["on-close"],setup(l){const n=l,d=u("labelLayout",{}),v=h(()=>{var e;let l=n.label??"";if((!l||l.length<=0)&&n.isDesign){var a;const e=n.type&&(null===(a=F(n.type))||void 0===a?void 0:a.example)||"";l=e?q(e)?W(e):e.map(e=>W(e)):""}return n.showTagStyle&&(null===(e=n.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||n.type===R.ENUM_MULTI||n.type===R.ENUM||[R.ORG_MULTI,R.ORG,R.USER,R.USER_MULTI].includes(n.type)?l?q(l)?[l]:l:[]:l+""}),g=h(()=>{var e;const l=null===(e=n.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?z(l):{}}),b=e=>{var l,a;const o=(null===(l=n.iconExtraProps)||void 0===l?void 0:l[e])||{},t={};return Object.assign(t,{color:(null==o?void 0:o.textColor)||"#000000"}),(null===(a=g.value)||void 0===a?void 0:a.color)?g.value:{wordBreak:"break-all",...g.value,...t}},w={render:({$attrs:e})=>{if(e.labelName){var l;const a=(null===(l=n.iconExtraProps)||void 0===l?void 0:l[e.labelName])||{};if(!(null==a?void 0:a.icon))return;return s(f("icon-next"),{size:16,value:null==a?void 0:a.icon,color:null==a?void 0:a.iconColor,style:"vertical-align: text-bottom; margin-right: 4px"})}}};return(n,s)=>{var u,g,f,h,T,k,_,C,O,B,E,U,N;return l.showTagStyle&&(null===(u=l.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(y(),t("div",{key:0,class:p([l.disabled?"tag-label-disabled":null,(null===(g=S(d))||void 0===g?void 0:g.hasLabelWidth)&&"left"===(null===(f=S(d))||void 0===f?void 0:f.layout.label)?"ellipsis"==(null===(h=S(d))||void 0===h?void 0:h.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,o)=>(y(),a(V,{key:o,"tag-style":l.tagWidgetStyle.tagStyle,style:c(b(e))},{default:L(()=>[r(w,{"label-name":e},null,8,["label-name"]),i("span",null,x(e),1)]),_:2},1032,["tag-style","style"]))),128))],2)):l.type===S(R).ENUM_MULTI||l.type===S(R).ENUM?(y(),t("div",{key:1,class:p([l.disabled?"tag-label-disabled":null,"tag-text",(null===(T=S(d))||void 0===T?void 0:T.hasLabelWidth)&&"left"===(null===(k=S(d))||void 0===k?void 0:k.layout.label)?"ellipsis"==(null===(_=S(d))||void 0===_?void 0:_.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,a)=>{var o;return y(),t("span",{key:a,style:c(b(e)),class:"mr-5px"},[r(w,{"label-name":e},null,8,["label-name"]),i("span",null,x(e)+x(!(null===(o=l.tagWidgetStyle)||void 0===o?void 0:o.tagStyleOpen)&&a<v.value.length-1?",":""),1)],4)}),128))],2)):[S(R).ORG_MULTI,S(R).ORG,S(R).USER,S(R).USER_MULTI].includes(l.type)?(y(),t("div",{key:2,class:p([l.disabled?"tag-label-disabled":null,"tag-text",(null===(C=S(d))||void 0===C?void 0:C.hasLabelWidth)&&"left"===(null===(O=S(d))||void 0===O?void 0:O.layout.label)?"ellipsis"==(null===(B=S(d))||void 0===B?void 0:B.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},[(y(!0),t(e,null,m(v.value,(e,a)=>{var n;return y(),t("span",{key:a,style:c(b(e)),class:"mr-5px"},[l.type===S(R).ORG_MULTI||l.type===S(R).ORG?(y(),t("span",D)):o("",!0),i("span",null,x(e)+" "+x(!(null===(n=l.tagWidgetStyle)||void 0===n?void 0:n.tagStyleOpen)&&a<v.value.length-1?",":""),1)],4)}),128))],2)):(y(),t("div",{key:3,style:c(b(v.value)),class:p([l.disabled?"tag-label-disabled":null,"text-[#000000]",(null===(E=S(d))||void 0===E?void 0:E.hasLabelWidth)&&"left"===(null===(U=S(d))||void 0===U?void 0:U.layout.label)?"ellipsis"==(null===(N=S(d))||void 0===N?void 0:N.overLabelDisplay)?"label-ellipsis":"label-wrap":""])},x(v.value),7))}}}),[["__scopeId","data-v-8b6c533e"]]),H=/* @__PURE__ */function(e){return e.SINGLE="single",e.MULTIPLE="multiple",e}({}),J={class:"pt50px flex flex-col h-full"},Q={class:"text-left text-16px font-bold p12px absolute title"},X={class:"flex flex-items-center"},Y={key:0,class:"px2 color-[#dddddd]",style:{"font-style":"normal"}},Z={class:"overflow-y-auto flex-1 mx-14px"},ee=["innerHTML"],le={class:"ks-row-middle"},ae={class:"w-full p-12px mt-4px shadow-top"},oe={class:"pr-8px text-sm mr-8px border-r"},te={style:{color:"var(--van-primary-color)"}},ie=/* @__PURE__ */K(/* @__PURE__ */d({__name:"optionList",props:{api:{},options:{},activeKey:{type:[String,Number,Boolean,Array]},title:{},type:{},showSearch:{type:Boolean},lazy:{type:Boolean},selectedOptions:{},remote:{type:Boolean},iconNode:{type:Boolean},onloadMore:{},scan:{type:Boolean},optionLabelProp:{},customSearch:{},filterFn:{},ignoreCase:{},maxTagTextLength:{}},emits:["checked","handleSearch","update:activeKey"],setup(d,{emit:u}){const v=d,b=u,h=g(""),w=g([]),C=g(!1),O=g(!1),B=g(!1),E=g(!v.lazy),U=g(j(v.options)),N=g([]),M=l(()=>C.value?w.value:v.options),P=l(()=>N.value.length?N.value:M.value),R=l(()=>{var e;return(null===(e=v.selectedOptions)||void 0===e?void 0:e.length)&&v.selectedOptions.forEach(e=>{U.value.some(l=>l.value===e.value)||U.value.push(e)}),I.value.map(e=>U.value.find(l=>l.value===e))}),I=l({get:()=>v.activeKey&&"string"==typeof v.activeKey?v.activeKey.split(","):v.activeKey||[],set(e){b("update:activeKey",e)}});k(()=>v.options,()=>{v.remote&&v.options.length?G(h.value):C.value=!1},{deep:!0});const W={render:({$attrs:e})=>{if(e.labelName){const{iconColor:l,icon:a}=e.item||{},o={iconColor:l,icon:a};if(!(null==o?void 0:o.icon))return;return s(f("icon-next"),{size:16,value:null==o?void 0:o.icon,color:null==o?void 0:o.iconColor,style:"vertical-align: text-bottom; margin-right: 4px"})}}};function z(){b("checked",R.value)}const F=g(1),q=A(async e=>{if(e=e&&e.trim(),v.remote){if(!e&&""!=e)return w.value=[],void(C.value=!0);F.value=2,await $({keyword:e.trim(),pageNo:1})}else{if(""==e)return void(C.value=!1);G(e)}},300),G=e=>{C.value=!0;const l=v.options.filter(l=>{var a,o;return v.filterFn?v.filterFn(e):v.ignoreCase?-1!==(null===(o=l.label)||void 0===o?void 0:o.toLowerCase().indexOf(e.toLowerCase())):-1!==(null===(a=l.label)||void 0===a?void 0:a.indexOf(e))});w.value=JSON.parse(JSON.stringify(l)),w.value.forEach(l=>{var a;const o=null===(a=l.label)||void 0===a?void 0:a.split(new RegExp(`(${e})`,"gi")),t=null==o?void 0:o.map((l,a)=>l.toLowerCase()===e.toLowerCase()?`<span key=${a} style='color: var(--van-primary-color);'>${l}</span>`:l);l.label=null==t?void 0:t.join("")})},K=()=>{O.value=!O.value},V=async()=>{v.lazy&&$({keyword:h.value,pageNo:F.value+=1})},D=g();async function $({keyword:e,pageNo:l=1}){const a=v.onloadMore&&"function"==typeof v.onloadMore&&l>1?v.onloadMore:v.api;if(B.value=!0,v.customSearch){D.value!==e&&(N.value=[]),D.value=e;const a=await v.customSearch({keyword:e,pageNo:l});U.value=a.allOpts,N.value=N.value.concat(a.data),E.value=a.finished}else{const o=a&&await a({keyword:e,pageNo:l});v.options.forEach(e=>{U.value.find(l=>l.value===e.value)||U.value.push(e)}),E.value=!1!==o}B.value=!1}return(l,s)=>{const u=f("van-icon"),g=f("van-search"),b=f("van-cell"),w=f("van-list"),k=f("van-tag"),C=f("van-button");return y(),t("div",J,[i("div",Q,x(d.title),1),d.showSearch?(y(),a(g,{key:0,modelValue:h.value,"onUpdate:modelValue":[s[0]||(s[0]=e=>h.value=e),S(q)],class:p(["border-b",{"border-all":h.value}]),placeholder:"请输入",onClear:s[1]||(s[1]=e=>S(q)(""))},{"left-icon":L(()=>[...s[2]||(s[2]=[])]),"right-icon":L(()=>[i("div",X,[r(u,{name:"search"}),d.scan?(y(),t("i",Y,"|")):o("",!0),d.scan?(y(),a(u,{key:1,name:"scan",color:"var(--van-primary-color)"})):o("",!0)])]),_:1},8,["modelValue","class","onUpdate:modelValue"])):o("",!0),i("div",Z,[r(w,{loading:B.value,finished:E.value,"finished-text":"",onLoad:V},{default:L(()=>[(y(!0),t(e,null,m(P.value,(e,l)=>(y(),a(b,{key:l,border:!1,class:p(["mt-8px",{"is-active":I.value[0]===e.value||R.value.map(e=>null==e?void 0:e.value).includes(e.value)}])},{title:L(()=>{var l;return[d.iconNode&&e._item.icon?(y(),a(W,{key:0,"label-name":e.label,item:e._item},null,8,["label-name","item"])):o("",!0),i("span",{class:"text-color",style:c({"--text-color":null===(l=e._item)||void 0===l?void 0:l.textColor}),innerHTML:e[d.optionLabelProp]||e.label},null,12,ee)]}),"right-icon":L(()=>[i("div",le,[R.value.map(e=>null==e?void 0:e.value).includes(e.value)?(y(),a(u,{key:0,name:"success",class:"text-18px primary-color"})):o("",!0)])]),_:2},1032,["class"]))),128))]),_:1},8,["loading","finished"])]),_(i("div",ae,[R.value.length?(y(),t("div",{key:0,class:p(["mb-12px w-full flex-1 overflow-y-auto",{"toggle-box":O.value}])},[i("span",oe,[s[3]||(s[3]=n(" 已选 ",-1)),i("span",te,[n(x(R.value.length)+" ",1),r(u,{name:O.value?"arrow-up":"arrow-down",onClick:K},null,8,["name"])])]),(y(!0),t(e,null,m(R.value,(e,l)=>(y(),a(k,{key:(null==e?void 0:e.label)+"_"+l,class:"mx-2px px-2px tag-wrap",size:"medium",round:"",color:"color-mix(in oklch, var(--van-primary-color), transparent 92%)","text-color":"var(--van-primary-color)",closeable:""},{default:L(()=>{return[n(x((l=null==e?void 0:e.label,v.maxTagTextLength&&l.length>v.maxTagTextLength?l.slice(0,v.maxTagTextLength)+"...":l)),1)];var l}),_:2},1024))),128))],2)):o("",!0),r(C,{class:"w-full px-4px",type:"primary",onClick:z},{default:L(()=>[...s[4]||(s[4]=[n("完成",-1)])]),_:1})],512),[[T,d.type===S(H).MULTIPLE]])])}}}),[["__scopeId","data-v-d6c8e197"]]),ne=/* @__PURE__ */d({name:"FieldSelect",props:{design:Boolean,disabled:Boolean,readonly:Boolean,showPop:Boolean,fieldType:{type:String,required:!0},type:{type:Object,required:!0},tagStyle:{type:Object,required:!0},isLinkageMode:{type:Boolean},options:Array,value:[String,Number,Boolean,Array],multiple:{type:Boolean,default:!1},placeholder:{type:String,default:"请选择"},refModelType:{type:String,default:""},useSwitchComp:{type:Boolean,default:!1},maxTagTextLength:{type:Number,default:12}},setup(a,{emit:o}){const t=u("form-layout",{}),i=l(()=>(a.options??[]).map(e=>({...e}))),n=l(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.filter(e=>{var l;return a.multiple?null===(l=a.value)||void 0===l?void 0:l.includes(e.value):a.value===e.value}))??[]}),d={value:()=>{var e,l;if((null===(e=a.value)||void 0===e?void 0:e.length)||["boolean","enum"].includes(a.fieldType)&&void 0!==a.value&&""!==a.value){const e={},l={},o=[];return n.value.forEach(t=>{const i=y(t.label),{icon:n,iconColor:r,textColor:d}=t._item||{};var s;e[i]={icon:n,iconColor:r,textColor:d},(a.fieldType===R.USER_MULTI||a.fieldType===R.USER)&&(l[i]={avatar:null===(s=t._item)||void 0===s?void 0:s.avatar}),o.push(a.refModelType!==P.TREE||a.isLinkageMode?i:function(e){var l;const o=(null===(l=e._item)||void 0===l?void 0:l.full_path_.split("/"))||[];return(a.options??[]).filter(e=>o.includes(e.value)).map(e=>e.label).join("/")}(t))}),r($,{class:"mr-4px",tagWidgetStyle:a.tagStyle,type:a.fieldType,label:o,disabled:a.disabled,iconExtraProps:e,avatarProps:l},null)}return r($,{type:a.fieldType,disabled:a.disabled,label:a.readonly?"":a.placeholder,style:{color:"var(--van-gray-5)",paddingRight:(null==t||null===(l=t.value)||void 0===l?void 0:l.inputBg)?"12px":"",fontSize:"14px"}},null)}},s={option:e=>r($,{tagWidgetStyle:a.tagStyle,type:a.fieldType,label:e.label,disabled:a.disabled,showTagStyle:!1},null)},v=({selectedOptions:e})=>{o("confirm",e[0].value),o("update:value",e[0].value),o("update:showPop",!1)},p=()=>{o("update:showPop",!1)},c=e=>{o("update:value",e.value),o("checked",e.value),o("update:showPop",!1)},y=e=>a.readonly?e:e.length>a.maxTagTextLength?e.slice(0,a.maxTagTextLength)+"...":e;return()=>a.design?r(C,{"is-link":!a.readonly,border:!1,style:{padding:0}},d):r(e,null,[r(C,{class:"app-tag-cell-box","is-link":!a.readonly,border:!1,style:{padding:0,background:"transparent"}},d),r(U,{show:a.showPop,"onUpdate:show":e=>a.showPop=e,position:"bottom",round:!0,teleport:"body",onClickOverlay:p,style:a.useSwitchComp?{height:"60%"}:{}},{default:()=>[a.useSwitchComp?a.showPop?r(ie,{type:H.SINGLE,options:a.options||[],activeKey:a.value??"",title:"请选择",onChecked:c},null):null:r(E,{columns:a.options||[],columnsFieldNames:{text:"label",value:"value"},onConfirm:v,onCancel:p},s)]})])}}),re=/* @__PURE__ */G(()=>{}),de=/* @__PURE__ */G(()=>{});re(),de();var se=/* @__PURE__ */G(()=>{}),ue=/* @__PURE__ */G(()=>{}),ve=/* @__PURE__ */G(()=>{}),pe=/* @__PURE__ */G(()=>{});re(),se(),ue(),de(),ve(),pe();var ce=/* @__PURE__ */d({name:"FieldRadio",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number,Boolean]},setup(e,{emit:a}){const o=l({get:()=>e.value,set(e){a("update:value",e)}});return()=>{let l;return r(M,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,disabled:e.disabled,direction:"horizontal",shape:"dot",class:["mobile-field-radio-group",e.readonly?"mobile-field-radio-group--readonly":""]},"function"==typeof(a=l=(e.options??[]).map(l=>{const{iconColor:a,icon:o,textColor:t}=l._item||{},i={[l.label]:{icon:o,iconColor:a,textColor:t}};return r(N,{key:l.value,name:l.value,"icon-size":"16px"},{default:()=>[r($,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:i},null)]})}))||"[object Object]"===Object.prototype.toString.call(a)&&!v(a)?l:{default:()=>[l]});var a}}}),ye=/* @__PURE__ */G(()=>{});re(),ye(),re(),se(),ue(),ye(),ve();var ge=/* @__PURE__ */d({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:a}){const o=e.fieldType===R.BOOLEAN,t=l(()=>o?(e.options??[]).filter(e=>e.value):e.options??[]),i=l({get:()=>Array.isArray(e.value)?e.value:t.value.some(l=>l.value===e.value)?[e.value]:[],set(e){if(o){const l=null==e?void 0:e[0];a("update:value",null==l||"boolean"!=typeof l?Boolean(l):!!l)}else a("update:value",e)}});return()=>r(B,{modelValue:i.value,"onUpdate:modelValue":e=>i.value=e,disabled:e.disabled,shape:"square",class:["flex","mobile-field-checkbox-group",e.readonly?"mobile-field-checkbox-group--readonly":""]},{default:()=>{var l;return[null===(l=t.value)||void 0===l?void 0:l.map(l=>r(O,{key:l.value,name:l.value,"icon-size":"16px",class:"mr-12px"},{default:()=>[r($,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled},null)]}))]}})}});function me(){console.log("Hello World!")}export{ge as FieldCheckbox,ce as FieldRadio,ne as FieldSelect,H as SelectType,$ as Taglabel,me as run};

package/es/components/form-component/FieldSelect.mjs

@@ -44,6 +44,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			default: ""
 		},
+		/** 是否寄生开关组件 */
 		useSwitchComp: {
 			type: Boolean,
 			default: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design-mobile",
-  "version": "0.1.6-dev.1",
+  "version": "0.1.6-dev.3",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
   "loader": "dist/loader.esm.min.js",
@@ -33,16 +33,16 @@
   "dependencies": {
     "vant": "4.9.22",
     "vue": "^3.5.30",
-    "@gct-paas/core": "0.1.6-dev.1",
-    "@gct-paas/design": "0.1.6-dev.1",
-    "@gct-paas/core-mobile": "0.1.6-dev.1",
-    "@gct-paas/schema": "0.1.6-dev.1"
+    "@gct-paas/design": "0.1.6-dev.3",
+    "@gct-paas/core-mobile": "0.1.6-dev.3",
+    "@gct-paas/core": "0.1.6-dev.3",
+    "@gct-paas/schema": "0.1.6-dev.3"
   },
   "peerDependencies": {
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.1",
-    "@gct-paas/core-mobile": "0.1.6-dev.1",
-    "@gct-paas/design": "0.1.6-dev.1"
+    "@gct-paas/core": "0.1.6-dev.3",
+    "@gct-paas/core-mobile": "0.1.6-dev.3",
+    "@gct-paas/design": "0.1.6-dev.3"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",