@gct-paas/design-web 0.1.4-dev.12 → 0.1.4-dev.14

package/dist/index.min.css

@@ -1,2 +1,2 @@
-.i18n-select-container[data-v-0160ed5e]{padding:4px}[data-v-0160ed5e] .ant-form-horizontal .ant-form-item{flex-direction:row}.ant-btn[data-v-dc8ffb2c]{background-color:#fff!important}.ant-btn.ant-btn-icon-only[data-v-dc8ffb2c]{width:var(--btn-width,32px);height:var(--btn-height,32px)}.ant-btn.ant-btn-icon-only.ant-btn-sm[data-v-dc8ffb2c]{width:26px;height:26px}.ant-btn:hover .i18n-icon[data-v-dc8ffb2c]{color:var(--ant-primary-color);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-btn.is-highlight[data-v-dc8ffb2c]{color:var(--ant-primary-color);border-color:var(--ant-primary-color)}.ant-btn.is-highlight .i18n-icon[data-v-dc8ffb2c]{color:var(--ant-primary-color)}.i18n-icon[data-v-dc8ffb2c]{color:#7f8695;display:flex!important}.simple-btn[data-v-dc8ffb2c]:hover,.simple-btn.is-highlight[data-v-dc8ffb2c]{color:var(--ant-primary-color)}.i18n-tooltip-title[data-v-dc8ffb2c]{color:#303133;margin-bottom:12px;font-size:16px;line-height:1}.i18n-tooltip-item[data-v-dc8ffb2c]{color:#606266;font-size:14px}.custom-i18n-btn[data-v-dc8ffb2c]{vertical-align:middle;color:#303133;background:#fff;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.custom-i18n-btn.reg-i18n[data-v-dc8ffb2c]{position:absolute;bottom:0;right:-32px}[data-v-412e1309] .ant-form-item-has-error .ant-btn{border-color:var(--ant-error-color)!important}[data-v-cd95c416] .i18n-icon{color:#212528;cursor:pointer;font-size:16px;position:absolute;bottom:12px;right:16px}[data-v-cd95c416] div.ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-show-count:after{right:33px}[data-v-cd95c416] .ant-input{background:0 0;border:2px dashed #dbdbdb}
+.i18n-select-container[data-v-0160ed5e]{padding:4px}[data-v-0160ed5e] .ant-form-horizontal .ant-form-item{flex-direction:row}.ant-btn[data-v-dc8ffb2c]{background-color:#fff!important}.ant-btn.ant-btn-icon-only[data-v-dc8ffb2c]{width:var(--btn-width,32px);height:var(--btn-height,32px)}.ant-btn.ant-btn-icon-only.ant-btn-sm[data-v-dc8ffb2c]{width:26px;height:26px}.ant-btn:hover .i18n-icon[data-v-dc8ffb2c]{color:var(--ant-primary-color);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-btn.is-highlight[data-v-dc8ffb2c]{color:var(--ant-primary-color);border-color:var(--ant-primary-color)}.ant-btn.is-highlight .i18n-icon[data-v-dc8ffb2c]{color:var(--ant-primary-color)}.i18n-icon[data-v-dc8ffb2c]{color:#7f8695;display:flex!important}.simple-btn[data-v-dc8ffb2c]:hover,.simple-btn.is-highlight[data-v-dc8ffb2c]{color:var(--ant-primary-color)}.i18n-tooltip-title[data-v-dc8ffb2c]{color:#303133;margin-bottom:12px;font-size:16px;line-height:1}.i18n-tooltip-item[data-v-dc8ffb2c]{color:#606266;font-size:14px}.custom-i18n-btn[data-v-dc8ffb2c]{vertical-align:middle;color:#303133;background:#fff;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.custom-i18n-btn.reg-i18n[data-v-dc8ffb2c]{position:absolute;bottom:0;right:-32px}[data-v-64c5221c] .ant-form-item-has-error .ant-btn{border-color:var(--ant-error-color)!important}[data-v-cd95c416] .i18n-icon{color:#212528;cursor:pointer;font-size:16px;position:absolute;bottom:12px;right:16px}[data-v-cd95c416] div.ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-show-count:after{right:33px}[data-v-cd95c416] .ant-input{background:0 0;border:2px dashed #dbdbdb}.tag[data-v-3bf855f6]{padding:4px 6px;line-height:1}.tag+.tag[data-v-3bf855f6]{margin-left:5px}.tag-radius[data-v-3bf855f6]{background:var(--v650d3ac5);border-radius:4px}.tag-linear_radius[data-v-3bf855f6]{border:1px solid var(--v650d3ac5);border-radius:4px}.tag-big_radius[data-v-3bf855f6]{background:var(--v650d3ac5);border-radius:100px}.tag-linear_big_radius[data-v-3bf855f6]{border:1px solid var(--v650d3ac5);border-radius:100px}.tag-dashed_radius[data-v-3bf855f6]{border:1px dashed var(--v650d3ac5);border-radius:4px}.tag-status[data-v-3bf855f6]{background:var(--v650d3ac5);border-radius:14px 4px 4px}.tag-label-disabled[data-v-85e6a8f5]{opacity:.5}.label-ellipsis[data-v-85e6a8f5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-85e6a8f5]{word-break:break-all;white-space:wrap}.tag-label-disabled[data-v-a1ded441]{opacity:.5}.label-ellipsis[data-v-a1ded441]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-a1ded441]{word-break:break-all;white-space:wrap}.select-text[data-v-a1ded441]{min-width:16px}.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner{background-color:#fff;border:1px solid var(--ant-primary-3)!important}.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner:after{background:var(--ant-primary-3)}.field-radio-group--readonly .ant-radio-wrapper{pointer-events:none}.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner{background-color:#fff;border:1px solid var(--ant-primary-4)!important}.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after{background:var(--ant-primary-4)}.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--ant-primary-3);border:1px solid var(--ant-primary-3)!important}.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:#fff}.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled:after{border:1px solid var(--ant-primary-3)!important}.field-checkbox-group--readonly .ant-checkbox-wrapper{pointer-events:none}.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--ant-primary-4);border:1px solid var(--ant-primary-4)!important}.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked:after{border:1px solid var(--ant-primary-4)!important}
 /*$vite$:1*/

package/dist/loader.esm.min.js

@@ -0,0 +1 @@
+import{ButtonSize as e,FIELD_TYPE as t,FormComponents as a,TagTypeEnum as l,cssLoader as o,t as n}from"@gct-paas/core";import{Fragment as i,computed as s,createApp as r,createBlock as u,createCommentVNode as c,createElementBlock as d,createElementVNode as p,createTextVNode as g,createVNode as y,defineComponent as m,h as f,inject as v,isVNode as b,mergeProps as x,normalizeClass as h,normalizeStyle as _,onMounted as S,openBlock as w,reactive as k,ref as C,renderList as T,renderSlot as E,resolveComponent as I,toDisplayString as P,toRaw as O,toRef as N,toValue as L,unref as M,useCssVars as A,watch as R,withCtx as z,withModifiers as W}from"vue";import{has as j,isEmpty as B,isString as F,omit as $,pick as U}from"lodash-es";import{IconNext as K,transformUrl as q,useModal as V,useModalInner as H}from"@gct-paas/core-web";import{SearchOutlined as J}from"@ant-design/icons-vue";import{Avatar as D,Checkbox as G,CheckboxGroup as Z,Radio as Y,RadioGroup as Q,Select as X}from"ant-design-vue";import{schemaToStyle as ee,transformField2Component as te}from"@gct-paas/design";var ae=/* @__PURE__ */m({__name:"i18n-modal",props:{lang:{},getContainer:{type:Function}},emits:["ok","register"],setup(e,{emit:t}){const a=e,l=t,o=C(),s=k({id:""}),r=C(!1),c=e=>{e&&(r.value=!1)},[p,{closeModal:g}]=H(e=>{e&&m(e)}),m=e=>{r.value=!0,s.id=e.key;const{lang:t}=a;console.log(t,"lang========");for(const a of t){const t=a.dataIndex;s[t]=e[t]}},f=(e,t,a)=>{/^[a-zA-Z_.]*$/.test(t)||a(n("sys.i18n.validated18nKeyErrorMsg")),a()},v=async(e,t)=>/^\s*$/g.test(t)?Promise.reject(n("sys.notEmptySth",{sth:n("sys.i18n")})):Promise.resolve(),b=()=>{o.value?.validate().then(()=>{l("ok",{...O(s)},r.value),g()})},h=()=>{o.value?.resetFields()};return(t,l)=>{const g=I("a-input"),m=I("a-form-item"),_=I("a-form"),S=I("BasicModal");return w(),u(S,x(t.$attrs,{title:r.value?M(n)("sys.edit"):M(n)("sys.new"),centered:"",width:"640px","min-height":100,"mask-closable":!1,"after-close":h,"get-container":e.getContainer,onRegister:M(p),onOk:b,onVisibleChange:c}),{default:z(()=>[y(_,{ref_key:"formRef",ref:o,model:s,"label-col":{span:6},"wrapper-col":{span:16},autocomplete:"off",layout:"horizontal"},{default:z(()=>[y(m,{label:M(n)("sys.i18n.resourceIdentification"),name:"id",rules:[{required:!0,message:M(n)("sys.pleaseInputSth",{sth:M(n)("sys.i18n.resourceIdentification")})},{validator:f}]},{default:z(()=>[y(g,{value:s.id,"onUpdate:value":l[0]||(l[0]=e=>s.id=e),"show-count":"",maxlength:128,disabled:r.value},null,8,["value","disabled"])]),_:1},8,["label","rules"]),(w(!0),d(i,null,T(a.lang,e=>(w(),u(m,{key:e.dataIndex,label:e.title,name:e.dataIndex,rules:[{required:!0,message:M(n)("sys.pleaseInputSth",{sth:e.title})},{validator:v}]},{default:z(()=>[y(g,{value:s[e.dataIndex],"onUpdate:value":t=>s[e.dataIndex]=t,"show-count":"",maxlength:300},null,8,["value","onUpdate:value"])]),_:2},1032,["label","name","rules"]))),128))]),_:1},8,["model"])]),_:1},16,["title","get-container","onRegister"])}}}),le={class:"i18n-select-container"},oe={class:"table-wrap"},ne=(e,t)=>{const a=e.__vccOpts||e;for(const[l,o]of t)a[l]=o;return a},ie=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"i18n-select-container",props:{i18nModalKey:{},destroyCallback:{type:Function},saveCallback:{type:Function}},setup(e){const[t,{closeModal:a}]=H(),[l,{openModal:o}]=V(),i=e,r=()=>document.querySelector(`#${i.i18nModalKey}`),c=C(),d=k({keywords:""}),m=k({current:1,pageSize:5,total:0,size:"small",showTotal:e=>n("sys.component.table.total",{total:e})}),f=C([]),v=C(),b=C({type:"radio",hideSelectAll:!0,selectedRowKeys:[],onChange:A}),h=C(!1),_=s(()=>[]),T=async(e,t)=>{h.value=!0;const a=await _api.apaas.i18NInfo.getPageList({pageNo:t??m.current,pageSize:m.pageSize,searchKey:e});if(h.value=!1,a&&a.data){const e=a.data.map(e=>{const t=JSON.parse(e?.info);return{key:e.key,type:e.type,...Object.fromEntries(t.map(e=>[e.locale,e.info]))}});m.total=a.totalCount,f.value=e}};S(T);const E=()=>{c.value?.validate().then(async()=>{await T(d.keywords,1)})},O=e=>{const{current:t,total:a,pageSize:l}=e;m.current=t,m.total=a,m.pageSize=l,T()},N=()=>{o()},L=async(e,t)=>{const a=_.value.map(t=>({locale:t.dataIndex,info:e[t.dataIndex]}));h.value=!0;try{t?await _api.apaas.i18NInfo.putKey({key:e.id},{info:JSON.stringify(a)}):await _api.apaas.i18NInfo.post({info:JSON.stringify(a),key:e.id}),T(),A([e.id],[k(e)])}catch(l){h.value=!1}};function A(e,t){b.value.selectedRowKeys=e,v.value=t}const R=()=>{i.destroyCallback&&"function"==typeof i.destroyCallback&&i.destroyCallback()},W=async()=>{if(i.saveCallback&&"function"==typeof i.saveCallback){const e=b.value.selectedRowKeys,t={};if(e&&e[0]){const a=v.value?.[0];console.log("selectRow",a),Object.assign(t,{i18nKey:e[0]})}i.saveCallback(t)}a()};return(e,a)=>{const o=I("a-input"),i=I("a-form-item"),s=I("a-col"),v=I("a-button"),S=I("plus-outlined"),k=I("a-row"),C=I("a-form"),T=I("a-table"),A=I("basic-modal");return w(),u(A,x(e.$attrs,{"min-height":40,title:M(n)("sys.i18n.i18nConfig"),centered:"",width:"640px","can-fullscreen":!1,"mask-closable":!1,"after-close":R,"get-container":r,onRegister:M(t),onOk:W}),{default:z(()=>[p("div",le,[y(C,{ref_key:"formRef",ref:c,model:d,autocomplete:"off",layout:"horizontal"},{default:z(()=>[y(k,null,{default:z(()=>[y(s,{span:12},{default:z(()=>[y(i,{name:"keywords",label:M(n)("sys.keywords")},{default:z(()=>[y(o,{value:d.keywords,"onUpdate:value":a[0]||(a[0]=e=>d.keywords=e),placeholder:M(n)("sys.keywordsPlaceholder"),style:{display:"inline-flex"}},null,8,["value","placeholder"])]),_:1},8,["label"])]),_:1}),y(s,{span:12,style:{"text-align":"right"}},{default:z(()=>[y(v,{type:"primary",onClick:E},{icon:z(()=>[y(M(J))]),default:z(()=>[g(" "+P(M(n)("sys.queryText")),1)]),_:1}),y(v,{style:{margin:"0 8px"},type:"primary",onClick:N},{icon:z(()=>[y(S)]),default:z(()=>[g(" "+P(M(n)("sys.new")),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["model"]),p("div",oe,[y(T,{ref:"tableRef","data-source":f.value,columns:_.value,"show-index-column":!1,pagination:m,striped:!1,bordered:!0,"row-selection":b.value,loading:h.value,onChange:O},null,8,["data-source","columns","pagination","row-selection","loading"]),y(ae,{lang:_.value,"get-container":r,onRegister:M(l),onOk:L},null,8,["lang","onRegister"])])])]),_:1},16,["title","onRegister"])}}}),[["__scopeId","data-v-0160ed5e"]]),se=/* @__PURE__ */m({__name:"i18n-select-modal",setup(e,{expose:t}){const[a,{openModal:l}]=V();return t({open:()=>{l()}}),(e,t)=>(w(),u(ie,{onRegister:M(a)},null,8,["onRegister"]))}});function re(){let e=null,t=null;const a=C("");function l(t){"function"==typeof t&&t(),document.querySelector(`#${M(a)}`).remove(),e&&(e.unmount(),e=null)}return{open:function(o){let n,i=document.body;if(j(o,"target")||j(o,"props")){const e=o;n=e.props||{},i=e.target||document.body}else n=o;a.value=n.i18nModalKey||`i18n-select-modal-${Math.random().toString(16).substring(8)}`;const s={...n,destroyCallback:()=>l(n?.destroyCallback),i18nModalKey:M(a)};if(!e){const l=document.createElement("div");l.id=M(a),M(i)?.appendChild(l),e=r(se,s),t=e.mount(l)}t?.open()},close:l}}var ue={class:"i18n-tooltip-title"},ce={style:{"margin-left":"4px"}},de=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"i18n-select-btn",props:{i18nValue:{},buttonExtraProps:{},size:{},i18nModalKey:{},simpleBtn:{type:Boolean},btnHeight:{},btnWidth:{}},emits:["on-select-i18n","closed"],setup(e,{emit:t}){const a=C(),l=re(),o=e,n=t,r=k({}),c=s(()=>!B(o.i18nValue));R(()=>o.i18nValue,()=>{B(o.i18nValue)||(async e=>{const t=await _api.apaas.i18NInfo.getPageList({pageNo:1,pageSize:20,searchKey:e});if(t&&t.data){const e=t.data.find(e=>e.key===o.i18nValue);e&&Object.assign(r,Object.fromEntries(Object.entries(JSON.parse(e.info)).map(([e,t])=>[t.locale,t.info])))}})(o.i18nValue)},{immediate:!0});const g=()=>{l.open({i18nModalKey:o.i18nModalKey,saveCallback:e=>{n("on-select-i18n",{...e})},destroyCallback:()=>{n("closed")}})};return(t,l)=>{const o=I("Icon"),n=I("a-button"),s=I("a-tooltip");return e.simpleBtn?(w(),u(o,{key:0,class:h(["i18n-icon simple-btn",{"is-highlight":c.value}]),icon:"ion:language",onClick:g},null,8,["class"])):c.value?(w(),u(s,{key:1,color:"#fff",placement:"topRight"},{title:z(()=>[p("div",ue,"语言标识："+P(e.i18nValue),1),(w(!0),d(i,null,T(a.value,e=>(w(),d("div",{key:e.id,class:"i18n-tooltip-item"},[p("strong",null,P(e.language)+": ",1),p("span",ce,P(r[e.languageTag]),1)]))),128))]),default:z(()=>[y(n,x(e.buttonExtraProps,{class:{"is-highlight":c.value},style:{"--btn-width":e.btnWidth,"--btn-height":e.btnHeight},size:e.size,onClick:g}),{icon:z(()=>[y(o,{class:"i18n-icon",icon:"ion:language"})]),_:1},16,["class","style","size"])]),_:1})):(w(),u(n,x({key:2},e.buttonExtraProps,{class:{"is-highlight":c.value},style:{"--btn-width":e.btnWidth,"--btn-height":e.btnHeight},size:e.size,onClick:g}),{icon:z(()=>[y(o,{class:"i18n-icon",icon:"ion:language"})]),_:1},16,["class","style","size"]))}}}),[["__scopeId","data-v-dc8ffb2c"]]),pe="undefined"!=typeof window&&"undefined"!=typeof document,ge=("undefined"!=typeof WorkerGlobalScope&&(globalThis,WorkerGlobalScope),Object.prototype.toString),ye=()=>{},me=/* @__PURE__ */fe();function fe(){var e,t,a;return pe&&!!(null===(e=window)||void 0===e||null===(e=e.navigator)||void 0===e?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||(null===(t=window)||void 0===t||null===(t=t.navigator)||void 0===t?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(null===(a=window)||void 0===a?void 0:a.navigator.userAgent))}function ve(e){return Array.isArray(e)?e:[e]}function be(e){const t=Object.create(null);return a=>t[a]||(t[a]=e(a))}var xe=/\B([A-Z])/g,he=(be(e=>e.replace(xe,"-$1").toLowerCase()),/-(\w)/g);be(e=>e.replace(he,(e,t)=>t?t.toUpperCase():""));var _e=pe?window:void 0;function Se(e){var t;const a=L(e);return null!==(t=null==a?void 0:a.$el)&&void 0!==t?t:a}function we(...e){const t=s(()=>{const t=ve(L(e[0])).filter(e=>null!=e);return t.every(e=>"string"!=typeof e)?t:void 0});return a=([e,t,a,l],o,n)=>{if(!(null==e?void 0:e.length)||!(null==t?void 0:t.length)||!(null==a?void 0:a.length))return;const i=(s=l,"[object Object]"===ge.call(s)?{...l}:l);var s;const r=e.flatMap(e=>t.flatMap(t=>a.map(a=>((e,t,a,l)=>(e.addEventListener(t,a,l),()=>e.removeEventListener(t,a,l)))(e,t,a,i))));n(()=>{r.forEach(e=>e())})},l={flush:"post"},R(()=>{var a,l;return[null!==(a=null===(l=t.value)||void 0===l?void 0:l.map(e=>Se(e)))&&void 0!==a?a:[_e].filter(e=>null!=e),ve(L(t.value?e[1]:e[0])),ve(M(t.value?e[2]:e[1])),L(t.value?e[3]:e[2])]},a,{...l,immediate:!0});var a,l}pe&&window.document,pe&&window.navigator,pe&&window.location;var ke=!1;Number.POSITIVE_INFINITY;var Ce=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"i18n-select-input",props:{attr:{},inputExtraProps:{},i18nConfig:{},i18nText:{},placeholderText:{},size:{},i18nModalKey:{},forceUpdate:{type:Boolean},btnHeight:{},btnWidth:{}},emits:["update:i18nText","update:i18nConfig","on-i18n-select","clickOutside","focus","blur"],setup(t,{emit:a}){const l=s(()=>!!_gct.store.appInfo.id),o=t,n=a,i=s({get:()=>o.i18nText??"",set(e){e!==o.i18nText&&n("update:i18nText",e)}}),r=s(()=>B(o.i18nConfig)?{}:"string"==typeof o.i18nConfig?JSON.parse(o.i18nConfig)??{}:o.i18nConfig??{}),d=s(()=>r.value?.[o.attr]??""),p=e=>{console.log("emit",e),e&&((B(i.value)||!0===o.forceUpdate)&&n("update:i18nText",e.i18nTitle),n("update:i18nConfig",JSON.stringify(B(e)?$(r.value,o.attr):{...r.value,[o.attr]:e.i18nKey})),n("on-i18n-select",e))},g=C(),m=()=>{n("focus",g.value)},f=()=>{n("blur",g.value)},v=C();return function(e,t,a={}){const{window:l=_e,ignore:o=[],capture:n=!0,detectIframe:i=!1,controls:s=!1}=a;if(!l)return s?{stop:ye,cancel:ye,trigger:ye}:ye;if(me&&!ke){ke=!0;const e={passive:!0};Array.from(l.document.body.children).forEach(t=>t.addEventListener("click",ye,e)),l.document.documentElement.addEventListener("click",ye,e)}let r=!0;const u=e=>L(o).some(t=>{if("string"==typeof t)return Array.from(l.document.querySelectorAll(t)).some(t=>t===e.target||e.composedPath().includes(t));{const a=Se(t);return a&&(e.target===a||e.composedPath().includes(a))}}),c=a=>{const l=Se(e);null!=a.target&&(l instanceof Element||!function(e){const t=L(e);return t&&16===t.$.subTree.shapeFlag}(e)||!function(e,t){const a=L(e),l=a.$.subTree&&a.$.subTree.children;return!(null==l||!Array.isArray(l))&&l.some(e=>e.el===t.target||t.composedPath().includes(e.el))}(e,a))&&l&&l!==a.target&&!a.composedPath().includes(l)&&("detail"in a&&0===a.detail&&(r=!u(a)),r?t(a):r=!0)};let d=!1;const p=[we(l,"click",e=>{d||(d=!0,setTimeout(()=>{d=!1},0),c(e))},{passive:!0,capture:n}),we(l,"pointerdown",t=>{const a=Se(e);r=!u(t)&&!(!a||t.composedPath().includes(a))},{passive:!0}),i&&we(l,"blur",a=>{setTimeout(()=>{var o;const n=Se(e);"IFRAME"!==(null===(o=l.document.activeElement)||void 0===o?void 0:o.tagName)||(null==n?void 0:n.contains(l.document.activeElement))||t(a)},0)},{passive:!0})].filter(Boolean),g=()=>p.forEach(e=>e())}(v,()=>{n("clickOutside")}),(a,o)=>{const s=I("a-input"),r=I("a-input-group");return w(),u(r,{id:"i18nInputGroup",ref_key:"i18nInputGroup",ref:v,compact:""},{default:z(()=>[E(a.$slots,"i18n-input",{},()=>[y(s,x({ref_key:"inputRef",ref:g},t.inputExtraProps,{value:i.value,"onUpdate:value":o[0]||(o[0]=e=>i.value=e),valueModifiers:{trim:!0},style:{height:t.btnHeight?t.btnHeight:t.size===M(e).SMALL?"26px":"32px",width:l.value?`calc(100% - ${t.btnWidth?t.btnWidth:t.size===M(e).SMALL?"26px":"32px"}`:"100%"},placeholder:t.placeholderText,size:t.size,"allow-clear":"",onFocus:m,onBlur:f}),null,16,["value","style","placeholder","size"])],!0),l.value?(w(),u(de,{key:0,"btn-height":t.btnHeight,"btn-width":t.btnWidth,"i18n-value":d.value,size:t.size,"i18n-modal-key":t.i18nModalKey,onOnSelectI18n:p,onClosed:o[1]||(o[1]=e=>n("clickOutside"))},null,8,["btn-height","btn-width","i18n-value","size","i18n-modal-key"])):c("",!0)]),_:3},512)}}}),[["__scopeId","data-v-64c5221c"]]),Te=/* @__PURE__ */m({__name:"i18n-select-input-form",props:{formItemName:{},fromItemExtraProps:{},inputExtraProps:{},i18nConfig:{},text:{},formRef:{}},emits:["update:text"],setup(e,{emit:t}){const a=e,l=t,o=s({get:()=>a.text??"",set(e){l("update:text",e),a.formRef?.validateFields([a.formItemName])}});return(t,a)=>{const l=I("a-form-item");return w(),d(i,null,[y(l,x({name:e.formItemName},e.fromItemExtraProps),{default:z(()=>[y(Ce,x(t.$attrs,{"i18n-text":o.value,"onUpdate:i18nText":a[0]||(a[0]=e=>o.value=e),"input-extra-props":e.inputExtraProps,"i18n-config":e.i18nConfig,attr:Array.isArray(e.formItemName)?e.formItemName.join("."):e.formItemName,"placeholder-text":t.$t("sys.inputText")}),null,16,["i18n-text","input-extra-props","i18n-config","attr","placeholder-text"])]),_:1},16,["name"]),y(l,{name:"i18nConfig",hidden:""},{default:z(()=>[p("span",null,P(e.i18nConfig),1)]),_:1})],64)}}}),Ee={class:"inline-block w100% relative"},Ie=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"i18n-select-textarea",props:{attr:{},inputExtraProps:{},i18nConfig:{},i18nText:{},placeholderText:{},rows:{},style:{}},emits:["update:i18nText","update:i18nConfig","on-i18n-select","clickOutside","focus"],setup(e,{emit:t}){const a=e,l=t,o=s({get:()=>a.i18nText??"",set(e){l("update:i18nText",e)}}),n=s(()=>B(a.i18nConfig)?{}:"string"==typeof a.i18nConfig?JSON.parse(a.i18nConfig)??{}:a.i18nConfig??{}),i=s(()=>n.value?.[a.attr]),r=e=>{e&&(B(o.value)&&l("update:i18nText",e.i18nTitle),l("update:i18nConfig",JSON.stringify(B(e)?$(n.value,a.attr):{...n.value,[a.attr]:e.i18nKey})),l("on-i18n-select",e))},u=C(),c=()=>{l("focus",u.value)};return(t,a)=>{const n=I("a-textarea");return w(),d("div",Ee,[y(n,x({ref_key:"inputRef",ref:u,value:o.value,"onUpdate:value":a[0]||(a[0]=e=>o.value=e),placeholder:e.placeholderText},e.inputExtraProps,{style:{resize:"none",...e.style},onFocus:c}),null,16,["value","placeholder","style"]),y(de,{"i18n-value":i.value,"simple-btn":!0,type:"text",onOnSelectI18n:r,onClosed:a[1]||(a[1]=e=>l("clickOutside"))},null,8,["i18n-value"])])}}}),[["__scopeId","data-v-cd95c416"]]),Pe=/* @__PURE__ */m({__name:"i18n-select-textarea-form",props:{formItemName:{},fromItemExtraProps:{},inputExtraProps:{},i18nConfig:{},text:{},formRef:{}},emits:["update:text"],setup(e,{emit:t}){const a=e,l=t,o=s({get:()=>a.text??"",set(e){l("update:text",e),a.formRef?.validateFields([a.formItemName])}});return(t,a)=>{const l=I("a-form-item");return w(),d(i,null,[y(l,x({name:e.formItemName},e.fromItemExtraProps),{default:z(()=>[y(Ie,x(t.$attrs,{"i18n-text":o.value,"onUpdate:i18nText":a[0]||(a[0]=e=>o.value=e),"placeholder-text":t.$t("sys.inputText"),"input-extra-props":e.inputExtraProps,"i18n-config":e.i18nConfig,attr:Array.isArray(e.formItemName)?e.formItemName.join("."):e.formItemName}),null,16,["i18n-text","placeholder-text","input-extra-props","i18n-config","attr"])]),_:1},16,["name"]),y(l,{name:"i18nConfig",hidden:""},{default:z(()=>[p("span",null,P(e.i18nConfig),1)]),_:1})],64)}}}),Oe=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"tag-span",props:{tagStyle:{}},setup(e){A(e=>({v650d3ac5:o.value}));const t=e,a=N(()=>t.tagStyle?.tagType||l.RADIUS),o=N(()=>t.tagStyle?.color||"#f0f0f0"),n=N(()=>`tag-${a.value}`);return(e,t)=>(w(),d("span",{class:h(["tag cursor-pointer",n.value])},[E(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),Ne=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(t,a)=>(w(),d("span",{class:h([e.disabled?"tag-label-disabled":null,!e.labelLayout?.hasLabelWidth||"left"!==e.labelLayout?.layout.label&&"horizontal"!=e.labelLayout?.layout?"":"ellipsis"==e.labelLayout?.overLabelDisplay?"label-ellipsis":"label-wrap"])},[E(t.$slots,"default",{},void 0,!0)],2))}),[["__scopeId","data-v-85e6a8f5"]]),Le={class:"select-text"},Me={class:"select-text"},Ae={key:0},Re=/* @__PURE__ */ne(/* @__PURE__ */m({__name:"tag-label",props:{tagWidgetStyle:{},type:{},disabled:{type:Boolean},label:{},isDesign:{type:Boolean},closable:{type:Boolean},showTagStyle:{type:Boolean,default:!0},avatar:{},iconExtraProps:{},iconProps:{}},emits:["on-close"],setup(e){const a=e,l=_gct.platformStore.themeSetting,o=v("labelLayout",{}),r=s(()=>{let e=a.label??"";if((!e||e.length<=0)&&a.isDesign){const t=a.type&&te(a.type)?.example||"";e=t?F(t)?n(t):t.map(e=>n(e)):""}return a.showTagStyle&&a.tagWidgetStyle?.tagStyleOpen||a.type===t.ENUM_MULTI||a.type===t.ENUM?e?F(e)?e.split(","):e:[]:e instanceof Array?e.join("，"):e+""}),m=N(()=>{const e=a.tagWidgetStyle?.contentFont;return e?ee(e):{}}),b=(e="")=>{const t=a.iconExtraProps?.[e]||{},l={};return t?.textColor&&Object.assign(l,{color:t?.textColor}),m.value?.color?m.value:{wordBreak:"break-all",...m.value,...l}},x={render:({$attrs:e})=>{if(e.labelName){const t=a.iconExtraProps?.[e.labelName]||a.iconProps||{};if(!t?.icon)return;return f(K,{size:16,value:t?.icon,color:t?.iconColor||l.themeColor,style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(l,n)=>e.showTagStyle&&e.tagWidgetStyle?.tagStyleOpen?(w(),u(Ne,{key:0,disabled:!!e.disabled,"label-layout":M(o)},{default:z(()=>[(w(!0),d(i,null,T(r.value,(t,o)=>(w(),u(Oe,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:_(b(t))},{default:z(()=>[a.avatar?(w(),u(M(D),{key:0,src:M(q)(a.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):c("",!0),y(x,{"label-name":t},null,8,["label-name"]),p("span",Le,P(t),1),e.closable?(w(),u(M(K),{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:n[0]||(n[0]=W(e=>l.$emit("on-close"),["prevent","stop"]))})):c("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===M(t).ENUM_MULTI||e.type===M(t).ENUM?(w(),u(Ne,{key:1,disabled:!!e.disabled,"label-layout":M(o)},{default:z(()=>[(w(!0),d(i,null,T(r.value,(t,a)=>(w(),d("span",{key:a,style:_(b(t)),class:"mr-5px"},[y(x,{"label-name":t},null,8,["label-name"]),p("span",Me,P(t)+P(!e.tagWidgetStyle?.tagStyleOpen&&a<r.value.length-1?"，":""),1)],4))),128)),r.value.length?c("",!0):(w(),d("span",Ae," "))]),_:1},8,["disabled","label-layout"])):(w(),u(Ne,{key:2,style:_(b(r.value)),disabled:!!e.disabled,"label-layout":M(o),class:"select-text leading-none ell"},{default:z(()=>[g(P(r.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}),[["__scopeId","data-v-a1ded441"]]),ze={key:0,class:"w100% ell"},We={key:0,class:"gct-custom-tag ml8px"},je=/* @__PURE__ */m({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const a=e,l=C(!1),o=s(()=>Array.isArray(a.label)?a.label.join(","):a.label),n=s(()=>Re);function i(e){if(!a.isTooltip)return;const t=e.target?.parentNode;console.log(),t.scrollWidth>t.clientWidth&&(l.value=!0)}function r(){l.value=!1}return(s,p)=>{const m=I("a-tooltip");return w(),u(m,{placement:"topLeft",visible:l.value},{title:z(()=>[g(P(o.value),1)]),default:z(()=>[a.type===M(t).RDO_REF?(w(),d("div",ze,[y(M(n),x(s.$attrs,{label:e.label,"tag-widget-style":a.tagWidgetStyle,disabled:a.disabled,"icon-extra-props":a.iconExtraProps,onMouseenter:i,onMouseleave:r}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),a.type===M(t).RDO_REF&&a.modelValue&&!a.modelValue?.includes(":")?(w(),d("span",We," 默认 ")):c("",!0)])):(w(),u(M(n),x({key:1},s.$attrs,{label:e.label,"tag-widget-style":a.tagWidgetStyle,disabled:a.disabled,"icon-extra-props":a.iconExtraProps,onMouseenter:i,onMouseleave:r}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]),_:1},8,["visible"])}}}),Be=/* @__PURE__ */m({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const t=e,a=N(()=>t.tagWidgetStyle.tagStyleOpen?t.tagWidgetStyle:{tagStyleOpen:!0,contentFont:t.tagWidgetStyle?.contentFont});return(e,t)=>(w(),u(Re,{"tag-widget-style":a.value},null,8,["tag-widget-style"]))}}),Fe=/* @__PURE__ */m({name:"FieldSelect",props:{design:Boolean,disabled:Boolean,readonly:Boolean,selectExtraProps:Object,fieldType:{type:String,required:!0},type:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number],maxTagCount:{type:[Number,String],default:5},maxTagTextLength:{type:Number,default:6},selectOptionLabel:{type:String}},setup(e,{emit:t}){const l=s({get:()=>e.value,set(e){t("update:value",e)}}),o=(t,{name:a,iconExtraProps:l,otherParams:o={}})=>f(t,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:a,disabled:e.disabled,iconExtraProps:l,...o}),n=s(()=>(e.options??[]).map(t=>{const{iconColor:a,icon:l,textColor:n}=t._item||{};return{...t,[e.selectExtraProps?.optionLabelProp||"titleLabel"]:o(Re,{name:t.label,iconExtraProps:{[t.label]:{icon:l,iconColor:a,textColor:n}}})}}));function i(e,t){const{_DICT:a={}}=e,l=e[t];return a[t]?.[l]?.join("，")??l??e.id_}const r=s(()=>{if(e.readonly){const t=n.value?.filter(t=>"multiple"===e.selectExtraProps?.mode?Array.isArray(l.value)&&l.value.includes(t.value):t.value===l.value)??[],a=Object.fromEntries(t?.map(e=>[e.label,U(e?._item||{},["iconColor","icon","textColor"])])??[]);return{labels:t.map(e=>e.label),icons:a}}return{}}),u={option:t=>{const{label:l,_item:n={}}=t;return e.type===a.Userpicker?y("div",{class:"flex items-center"},[y(D,{size:30,style:"margin: 0 8px;min-width:32px",src:q(n.avatar)},null),y("div",{style:"width:calc(100% - 35px)"},[y("div",{class:" w100% ell",title:l},[l]),y("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[n.masterOrgName])])]):o(Re,{name:e.selectOptionLabel?i(n,e.selectOptionLabel):l,iconExtraProps:{[l]:U(n,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},c=t=>{const{label:a,option:l,closable:o,onClose:n}=t,{_item:i={}}=l||{};return(({name:t,title:a,iconExtraProps:l,avatar:o,otherParams:n={}})=>y(Be,x({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,avatar:o,title:a?.length>e.maxTagTextLength?a:null,disabled:e.disabled,iconExtraProps:l},n),null))({name:a,title:l?.label,avatar:l?._item?.avatar,iconExtraProps:{[a]:U(i,["iconColor","icon","textColor"])},otherParams:{closable:o,"onOn-close":n,style:"margin-right: 4px"}})};return()=>e.readonly?o(je,{name:r.value?.labels,iconExtraProps:r.value?.icons}):y(X,x({class:["field-select","w100%"],value:l.value,"onUpdate:value":e=>l.value=e,options:n.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:c,showArrow:!0,maxTagCount:e.maxTagCount,maxTagTextLength:e.maxTagTextLength,dropdownMatchSelectWidth:180,dropdownClassName:"multiple"===e.selectExtraProps?.mode?"gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear":"gct-project-select-dropdown vxe-table--ignore-clear"},e.selectExtraProps),e.selectExtraProps?.optionNoStyle?null:u)}}),$e=/* @__PURE__ */m({name:"FieldRadio",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:Object,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:t}){const a=s({get:()=>e.value,set(e){t("update:value",e)}});return()=>{let t;return y(Q,{value:a.value,"onUpdate:value":e=>a.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},"function"==typeof(l=t=(e.options??[]).map(t=>{const a=t,{icon:l,iconColor:o,textColor:n}=a?._item||{};return y(Y,{key:a.value,value:a.value},{default:()=>[y(je,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:a.label,disabled:e.disabled,iconExtraProps:{[a.label]:{icon:l,iconColor:o,textColor:n}}},null)]})}))||"[object Object]"===Object.prototype.toString.call(l)&&!b(l)?t:{default:()=>[t]});var l}}}),Ue=/* @__PURE__ */m({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:Object,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:a}){const l=e.fieldType===t.BOOLEAN,o=s({get:()=>l?[e.value]:Array.isArray(e.value)?e.value:e.value?e.value.split(","):void 0,set(e){if(l){const t=e?.[0];a("update:value",null==t||"boolean"!=typeof t?Boolean(t):!!t)}else a("update:value",e)}}),n=s(()=>l?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>y(Z,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:e.disabled,class:["field-checkbox-group",e.readonly?"field-checkbox-group--readonly":""]},{default:()=>[n.value?.map(t=>{const a=t,{icon:l,iconColor:o,textColor:n}=a?._item||{};return y(G,{key:a.value,value:a.value},{default:()=>[y(je,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:a.label,disabled:e.disabled,iconExtraProps:{[a.label]:{icon:l,iconColor:o,textColor:n}}},null)]})})]})}}),Ke=new URL("./index.min.css",import.meta.url);o.load(Ke.href);export{Ue as FieldCheckbox,$e as FieldRadio,Fe as FieldSelect,ae as I18Modal,de as I18nSelectBtn,Ce as I18nSelectInput,Te as I18nSelectInputForm,Ie as I18nSelectTextarea,Pe as I18nSelectTextareaForm,je as fieldReadonly,Be as selectTag,Re as taglabel,re as useI18nSelect};

package/es/components/I18nSelect/src/i18n-select-input.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default from "./i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs";
-import './i18n-select-input.vue_vue_type_style_index_0_scoped_412e1309_lang.css';/* empty css                                                                        */
+import './i18n-select-input.vue_vue_type_style_index_0_scoped_64c5221c_lang.css';/* empty css                                                                        */
 //#region src/components/I18nSelect/src/i18n-select-input.vue
-var i18n_select_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-412e1309"]]);
+var i18n_select_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-64c5221c"]]);
 //#endregion
 export { i18n_select_input_default as default };

package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs

@@ -46,7 +46,7 @@ var i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang
 			return props.i18nConfig ?? {};
 		});
 		const i18nValue = computed(() => {
-			return i18nConfigState.value?.[props.attr];
+			return i18nConfigState.value?.[props.attr] ?? "";
 		});
 		const handleSelectI18n = (params) => {
 			console.log("emit", params);

package/es/components/I18nSelect/src/i18n-select-input.vue_vue_type_style_index_0_scoped_64c5221c_lang.css

@@ -0,0 +1,3 @@
+[data-v-64c5221c] .ant-form-item-has-error .ant-btn {
+  border-color: var(--ant-error-color) !important;
+}

package/es/components/form-component/FieldCheckbox.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { CheckboxGroupProps } from 'ant-design-vue';
+import { FIELD_TYPE } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<CheckboxGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<CheckboxGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+    design: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,71 @@
+import field_readonly_default from "./field-readonly.vue.mjs";
+import './index.css';/* empty css            */
+import { computed, createVNode, defineComponent } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+import { Checkbox, CheckboxGroup } from "ant-design-vue";
+//#region src/components/form-component/FieldCheckbox.tsx
+var FieldCheckbox_default = /* @__PURE__ */ defineComponent({
+	name: "FieldCheckbox",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		fieldType: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: [String, Number]
+	},
+	setup(props, { emit }) {
+		const isBool = props.fieldType === FIELD_TYPE.BOOLEAN;
+		const currentValue = computed({
+			get() {
+				if (isBool) return [props.value];
+				return Array.isArray(props.value) ? props.value : props.value ? props.value.split(",") : void 0;
+			},
+			set(value) {
+				if (isBool) {
+					const bool = value?.[0];
+					if (bool === void 0 || bool === null || typeof bool !== "boolean") emit("update:value", Boolean(bool));
+					else emit("update:value", !!bool);
+				} else emit("update:value", value);
+			}
+		});
+		const options = computed(() => {
+			if (isBool) return (props.options ?? []).filter((item) => item.value);
+			return props.options ?? [];
+		});
+		return () => {
+			return createVNode(CheckboxGroup, {
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"disabled": props.disabled,
+				"class": ["field-checkbox-group", props.readonly ? "field-checkbox-group--readonly" : ""]
+			}, { default: () => [options.value?.map((option) => {
+				const optionItem = option;
+				const { icon, iconColor, textColor } = optionItem?._item || {};
+				return createVNode(Checkbox, {
+					"key": optionItem.value,
+					"value": optionItem.value
+				}, { default: () => [createVNode(field_readonly_default, {
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": optionItem.label,
+					"disabled": props.disabled,
+					"iconExtraProps": { [optionItem.label]: {
+						icon,
+						iconColor,
+						textColor
+					} }
+				}, null)] });
+			})] });
+		};
+	}
+});
+//#endregion
+export { FieldCheckbox_default as default };

package/es/components/form-component/FieldRadio.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { RadioGroupProps } from 'ant-design-vue';
+import { FIELD_TYPE } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<RadioGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<RadioGroupProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+    design: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,64 @@
+import field_readonly_default from "./field-readonly.vue.mjs";
+import './index.css';/* empty css            */
+import { computed, createVNode, defineComponent, isVNode } from "vue";
+import { Radio, RadioGroup } from "ant-design-vue";
+//#region src/components/form-component/FieldRadio.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FieldRadio_default = /* @__PURE__ */ defineComponent({
+	name: "FieldRadio",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		fieldType: {
+			type: Object,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: [String, Number]
+	},
+	setup(props, { emit }) {
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		return () => {
+			let _slot;
+			return createVNode(RadioGroup, {
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"disabled": props.disabled,
+				"class": ["field-radio-group", props.readonly ? "field-radio-group--readonly" : ""]
+			}, _isSlot(_slot = (props.options ?? []).map((option) => {
+				const optionItem = option;
+				const { icon, iconColor, textColor } = optionItem?._item || {};
+				return createVNode(Radio, {
+					"key": optionItem.value,
+					"value": optionItem.value
+				}, { default: () => [createVNode(field_readonly_default, {
+					"tagWidgetStyle": props.tagStyle,
+					"type": props.fieldType,
+					"label": optionItem.label,
+					"disabled": props.disabled,
+					"iconExtraProps": { [optionItem.label]: {
+						icon,
+						iconColor,
+						textColor
+					} }
+				}, null)] });
+			})) ? _slot : { default: () => [_slot] });
+		};
+	}
+});
+//#endregion
+export { FieldRadio_default as default };

package/es/components/form-component/FieldSelect.d.ts

@@ -0,0 +1,82 @@
+import { PropType } from 'vue';
+import { SelectProps } from 'ant-design-vue';
+import { LowCodeWidget } from '@gct-paas/schema';
+import { FIELD_TYPE, FormComponents } from '@gct-paas/core';
+interface ISelectExtraProps {
+    mode?: 'multiple' | undefined;
+    placeholder?: string;
+    optionLabelProp?: string | undefined;
+    allowClear?: boolean;
+    showSearch?: boolean;
+    optionNoStyle?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    selectExtraProps: PropType<ISelectExtraProps>;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    type: {
+        type: PropType<FormComponents>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<SelectProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+    maxTagCount: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    maxTagTextLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectOptionLabel: {
+        type: StringConstructor;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    design: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    selectExtraProps: PropType<ISelectExtraProps>;
+    fieldType: {
+        type: PropType<FIELD_TYPE>;
+        required: true;
+    };
+    type: {
+        type: PropType<FormComponents>;
+        required: true;
+    };
+    tagStyle: {
+        type: PropType<LowCodeWidget.BasicStyle>;
+        required: true;
+    };
+    options: PropType<SelectProps["options"]>;
+    value: (StringConstructor | NumberConstructor)[];
+    maxTagCount: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    maxTagTextLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectOptionLabel: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    readonly: boolean;
+    maxTagCount: string | number;
+    maxTagTextLength: number;
+    design: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,174 @@
+import tag_label_default from "./field-label/tag-label.vue.mjs";
+import field_readonly_default from "./field-readonly.vue.mjs";
+import selectTag_default from "./field-label/selectTag.vue.mjs";
+import './index.css';/* empty css            */
+import { computed, createVNode, defineComponent, h, mergeProps } from "vue";
+import { pick } from "lodash-es";
+import { transformUrl } from "@gct-paas/core-web";
+import { FormComponents } from "@gct-paas/core";
+import { Avatar, Select } from "ant-design-vue";
+//#region src/components/form-component/FieldSelect.tsx
+var FieldSelect_default = /* @__PURE__ */ defineComponent({
+	name: "FieldSelect",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		selectExtraProps: Object,
+		fieldType: {
+			type: String,
+			required: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		tagStyle: {
+			type: Object,
+			required: true
+		},
+		options: Array,
+		value: [String, Number],
+		maxTagCount: {
+			type: [Number, String],
+			default: 5
+		},
+		maxTagTextLength: {
+			type: Number,
+			default: 6
+		},
+		selectOptionLabel: { type: String }
+	},
+	setup(props, { emit }) {
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		const renderTag = (com, { name, iconExtraProps, otherParams = {} }) => {
+			return h(com, {
+				tagWidgetStyle: props.tagStyle,
+				type: props.fieldType,
+				label: name,
+				disabled: props.disabled,
+				iconExtraProps,
+				...otherParams
+			});
+		};
+		const renderSelectTag = ({ name, title, iconExtraProps, avatar, otherParams = {} }) => {
+			return createVNode(selectTag_default, mergeProps({
+				"tagWidgetStyle": props.tagStyle,
+				"type": props.fieldType,
+				"label": name,
+				"avatar": avatar,
+				"title": title?.length > props.maxTagTextLength ? title : null,
+				"disabled": props.disabled,
+				"iconExtraProps": iconExtraProps
+			}, otherParams), null);
+		};
+		const options = computed(() => {
+			return (props.options ?? []).map((item) => {
+				const { iconColor, icon, textColor } = item._item || {};
+				return {
+					...item,
+					[props.selectExtraProps?.optionLabelProp || "titleLabel"]: renderTag(tag_label_default, {
+						name: item.label,
+						iconExtraProps: { [item.label]: {
+							icon,
+							iconColor,
+							textColor
+						} }
+					})
+				};
+			});
+		});
+		function getLabelByDict(item, key) {
+			const { _DICT = {} } = item;
+			const value = item[key];
+			return _DICT[key]?.[value]?.join("，") ?? value ?? item.id_;
+		}
+		const selectInfo = computed(() => {
+			if (props.readonly) {
+				const list = options.value?.filter((item) => {
+					if (props.selectExtraProps?.mode === "multiple") return Array.isArray(currentValue.value) && currentValue.value.includes(item.value);
+					return item.value === currentValue.value;
+				}) ?? [];
+				const icons = Object.fromEntries(list?.map((item) => {
+					return [item.label, pick(item?._item || {}, [
+						"iconColor",
+						"icon",
+						"textColor"
+					])];
+				}) ?? []);
+				return {
+					labels: list.map((e) => e.label),
+					icons
+				};
+			}
+			return {};
+		});
+		const slot = { option: (data) => {
+			const { label, _item = {} } = data;
+			if (props.type === FormComponents.Userpicker) return createVNode("div", { "class": "flex items-center" }, [createVNode(Avatar, {
+				"size": 30,
+				"style": "margin: 0 8px;min-width:32px",
+				"src": transformUrl(_item.avatar)
+			}, null), createVNode("div", { "style": "width:calc(100% - 35px)" }, [createVNode("div", {
+				"class": " w100% ell",
+				"title": label
+			}, [label]), createVNode("div", { "class": "text-[#8F8F8F] text-[12px] mt2px" }, [_item.masterOrgName])])]);
+			else return renderTag(tag_label_default, {
+				name: props.selectOptionLabel ? getLabelByDict(_item, props.selectOptionLabel) : label,
+				iconExtraProps: { [label]: pick(_item, [
+					"iconColor",
+					"icon",
+					"textColor"
+				]) },
+				otherParams: { showTagStyle: false }
+			});
+		} };
+		const tagRender = (data) => {
+			const { label, option, closable, onClose } = data;
+			const { _item = {} } = option || {};
+			return renderSelectTag({
+				name: label,
+				title: option?.label,
+				avatar: option?._item?.avatar,
+				iconExtraProps: { [label]: pick(_item, [
+					"iconColor",
+					"icon",
+					"textColor"
+				]) },
+				otherParams: {
+					closable,
+					"onOn-close": onClose,
+					style: "margin-right: 4px"
+				}
+			});
+		};
+		return () => {
+			return props.readonly ? renderTag(field_readonly_default, {
+				name: selectInfo.value?.labels,
+				iconExtraProps: selectInfo.value?.icons
+			}) : createVNode(Select, mergeProps({
+				"class": ["field-select", "w100%"],
+				"value": currentValue.value,
+				"onUpdate:value": ($event) => currentValue.value = $event,
+				"options": options.value,
+				"disabled": props.disabled,
+				"optionLabelProp": "titleLabel",
+				"tagRender": tagRender,
+				"showArrow": true,
+				"maxTagCount": props.maxTagCount,
+				"maxTagTextLength": props.maxTagTextLength,
+				"dropdownMatchSelectWidth": 180,
+				"dropdownClassName": props.selectExtraProps?.mode === "multiple" ? "gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear" : "gct-project-select-dropdown vxe-table--ignore-clear"
+			}, props.selectExtraProps), props.selectExtraProps?.optionNoStyle ? null : slot);
+		};
+	}
+});
+//#endregion
+export { FieldSelect_default as default };

package/es/components/form-component/field-emptyValue.d.ts

@@ -0,0 +1,6 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/**空值显示逻辑 */
+export declare function emptyValueDisplay(widget: LowCodeWidget.FieldSchema, value: IObject): {
+    RenderEmptyValue: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+    isEmpty: import('vue').ComputedRef<boolean | undefined>;
+};

package/es/components/form-component/field-label/selectTag.vue.d.ts

@@ -0,0 +1,10 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+export interface Props {
+    tagWidgetStyle: {
+        tagStyleOpen: boolean;
+        contentFont: LowCodeWidget.FontStyle;
+        tagStyle?: LowCodeWidget.TagConfigStyle;
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/form-component/field-label/selectTag.vue.mjs

@@ -0,0 +1,5 @@
+import selectTag_vue_vue_type_script_setup_true_lang_default from "./selectTag.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/form-component/field-label/selectTag.vue
+var selectTag_default = selectTag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { selectTag_default as default };

package/es/components/form-component/field-label/selectTag.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,22 @@
+import tag_label_default from "./tag-label.vue.mjs";
+import { createBlock, defineComponent, openBlock, toRef } from "vue";
+//#region src/components/form-component/field-label/selectTag.vue?vue&type=script&setup=true&lang.ts
+var selectTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "selectTag",
+	props: { tagWidgetStyle: {} },
+	setup(__props) {
+		const props = __props;
+		const tagWidgetStyle = toRef(() => {
+			if (!props.tagWidgetStyle.tagStyleOpen) return {
+				tagStyleOpen: true,
+				contentFont: props.tagWidgetStyle?.contentFont
+			};
+			else return props.tagWidgetStyle;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(tag_label_default, { "tag-widget-style": tagWidgetStyle.value }, null, 8, ["tag-widget-style"]);
+		};
+	}
+});
+//#endregion
+export { selectTag_vue_vue_type_script_setup_true_lang_default as default };