@gct-paas/design-web 0.1.4-dev.9 → 0.1.5-dev.1

package/dist/index.min.css

@@ -1 +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-6ebc99d2]{background-color:#fff!important}.ant-btn.ant-btn-icon-only[data-v-6ebc99d2]{width:var(--btn-width, 32px);height:var(--btn-height, 32px)}.ant-btn.ant-btn-icon-only.ant-btn-sm[data-v-6ebc99d2]{width:26px;height:26px}.ant-btn:hover .i18n-icon[data-v-6ebc99d2]{transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--ant-primary-color)}.ant-btn.is-highlight[data-v-6ebc99d2]{color:var(--ant-primary-color);border-color:var(--ant-primary-color)}.ant-btn.is-highlight .i18n-icon[data-v-6ebc99d2]{color:var(--ant-primary-color)}.i18n-icon[data-v-6ebc99d2]{color:#7f8695;display:flex!important}.simple-btn[data-v-6ebc99d2]:hover,.simple-btn.is-highlight[data-v-6ebc99d2]{color:var(--ant-primary-color)}.i18n-tooltip-title[data-v-6ebc99d2]{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.i18n-tooltip-item[data-v-6ebc99d2]{color:#606266;font-size:14px}.custom-i18n-btn[data-v-6ebc99d2]{vertical-align:middle;background:#fff;color:#303133;border:none;font-size:14px;display:inline-flex;justify-content:center;align-items:center;padding:0}.custom-i18n-btn.reg-i18n[data-v-6ebc99d2]{position:absolute;right:-32px;bottom:0}[data-v-b6406133] .ant-form-item-has-error .ant-btn{border-color:var(--ant-error-color)!important}[data-v-cd95c416] .i18n-icon{position:absolute;right:16px;bottom:12px;color:#212528;font-size:16px;cursor:pointer}[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{border:2px dashed #dbdbdb;background:transparent}
+.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}.gct-ref-card-popover{box-shadow:0 2px 6px #0000001a}.gct-ref-card-popover .ant-popover-inner-content{padding:0}.gct-ref-card-popover .ant-popover-arrow{display:none}
+/*$vite$:1*/

package/dist/loader.esm.min.js

@@ -0,0 +1 @@
+import{CARD_TRIGGER_ENUM as e,FIELD_TYPE as l,FormComponents as t,TagTypeEnum as a,cssLoader as o,t as r}from"@gct-paas/core";import{Fragment as i,computed as n,createBlock as s,createCommentVNode as d,createElementBlock as u,createElementVNode as p,createTextVNode as v,createVNode as c,defineComponent as g,h as y,inject as b,isVNode as m,mergeProps as f,normalizeClass as x,normalizeStyle as S,openBlock as h,reactive as _,ref as C,renderList as k,renderSlot as E,resolveComponent as T,toDisplayString as P,toRef as w,unref as L,useCssVars as O,withCtx as W,withModifiers as B}from"vue";import{Avatar as N,Checkbox as j,CheckboxGroup as A,Radio as F,RadioGroup as M,Select as R}from"ant-design-vue";import{isString as U,pick as I}from"lodash-es";import{IconNext as D,transformUrl as V}from"@gct-paas/core-web";import{schemaToStyle as q,transformField2Component as $}from"@gct-paas/design";var z=(e,l)=>{const t=e.__vccOpts||e;for(const[a,o]of l)t[a]=o;return t},K=/* @__PURE__ */z(/* @__PURE__ */g({__name:"tag-span",props:{tagStyle:{}},setup(e){O(e=>({v650d3ac5:o.value}));const l=e,t=w(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||a.RADIUS}),o=w(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),r=w(()=>`tag-${t.value}`);return(e,l)=>(h(),u("span",{class:x(["tag cursor-pointer",r.value])},[E(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),H=/* @__PURE__ */z(/* @__PURE__ */g({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(l,t)=>{var a,o,r,i;return h(),u("span",{class:x([e.disabled?"tag-label-disabled":null,!(null===(a=e.labelLayout)||void 0===a?void 0:a.hasLabelWidth)||"left"!==(null===(o=e.labelLayout)||void 0===o?void 0:o.layout.label)&&"horizontal"!=(null===(r=e.labelLayout)||void 0===r?void 0:r.layout)?"":"ellipsis"==(null===(i=e.labelLayout)||void 0===i?void 0:i.overLabelDisplay)?"label-ellipsis":"label-wrap"])},[E(l.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),G={class:"select-text"},J={class:"select-text"},Q={key:0},X=/* @__PURE__ */z(/* @__PURE__ */g({__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 t=e,a=_gct.platformStore.themeSetting,o=b("labelLayout",{}),g=n(()=>{var e;let a=t.label??"";if((!a||a.length<=0)&&t.isDesign){var o;const e=t.type&&(null===(o=$(t.type))||void 0===o?void 0:o.example)||"";a=e?U(e)?r(e):e.map(e=>r(e)):""}return t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||t.type===l.ENUM_MULTI||t.type===l.ENUM?a?U(a)?a.split(","):a:[]:a instanceof Array?a.join("，"):a+""}),m=w(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?q(l):{}}),f=(e="")=>{var l,a;const o=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e])||{},r={};return(null==o?void 0:o.textColor)&&Object.assign(r,{color:null==o?void 0:o.textColor}),(null===(a=m.value)||void 0===a?void 0:a.color)?m.value:{wordBreak:"break-all",...m.value,...r}},x={render:({$attrs:e})=>{if(e.labelName){var l;const o=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e.labelName])||t.iconProps||{};if(!(null==o?void 0:o.icon))return;return y(D,{size:16,value:null==o?void 0:o.icon,color:(null==o?void 0:o.iconColor)||a.themeColor,style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(a,r)=>{var n;return e.showTagStyle&&(null===(n=e.tagWidgetStyle)||void 0===n?void 0:n.tagStyleOpen)?(h(),s(H,{key:0,disabled:!!e.disabled,"label-layout":L(o)},{default:W(()=>[(h(!0),u(i,null,k(g.value,(l,o)=>(h(),s(K,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:S(f(l))},{default:W(()=>[t.avatar?(h(),s(L(N),{key:0,src:L(V)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):d("",!0),c(x,{"label-name":l},null,8,["label-name"]),p("span",G,P(l),1),e.closable?(h(),s(L(D),{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:r[0]||(r[0]=B(e=>a.$emit("on-close"),["prevent","stop"]))})):d("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===L(l).ENUM_MULTI||e.type===L(l).ENUM?(h(),s(H,{key:1,disabled:!!e.disabled,"label-layout":L(o)},{default:W(()=>[(h(!0),u(i,null,k(g.value,(l,t)=>{var a;return h(),u("span",{key:t,style:S(f(l)),class:"mr-5px"},[c(x,{"label-name":l},null,8,["label-name"]),p("span",J,P(l)+P(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&t<g.value.length-1?"，":""),1)],4)}),128)),g.value.length?d("",!0):(h(),u("span",Q," "))]),_:1},8,["disabled","label-layout"])):(h(),s(H,{key:2,style:S(f(g.value)),disabled:!!e.disabled,"label-layout":L(o),class:"select-text leading-none ell"},{default:W(()=>[v(P(g.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),[["__scopeId","data-v-a1ded441"]]),Y={key:0,class:"w100% ell"},Z={key:0,class:"gct-custom-tag ml8px"},ee=/* @__PURE__ */g({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=C(!1),o=n(()=>Array.isArray(t.label)?t.label.join(","):t.label),r=n(()=>X);function i(e){var l;if(!t.isTooltip)return;const o=null===(l=e.target)||void 0===l?void 0:l.parentNode;o.scrollWidth>o.clientWidth&&(a.value=!0)}function p(){a.value=!1}return(n,g)=>{const y=T("a-tooltip");return h(),s(y,{placement:"topLeft",visible:a.value},{title:W(()=>[v(P(o.value),1)]),default:W(()=>{var a;return[t.type===L(l).RDO_REF?(h(),u("div",Y,[c(L(r),f(n.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:i,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===L(l).RDO_REF&&t.modelValue&&!(null===(a=t.modelValue)||void 0===a?void 0:a.includes(":"))?(h(),u("span",Z," 默认 ")):d("",!0)])):(h(),s(L(r),f({key:1},n.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:i,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),le=/* @__PURE__ */g({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const l=e,t=w(()=>{return l.tagWidgetStyle.tagStyleOpen?l.tagWidgetStyle:{tagStyleOpen:!0,contentFont:null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont};var e});return(e,l)=>(h(),s(X,{"tag-widget-style":t.value},null,8,["tag-widget-style"]))}}),te=/* @__PURE__ */g({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:l}){const a=n({get:()=>e.value,set(e){l("update:value",e)}}),o=(l,{name:t,iconExtraProps:a,otherParams:o={}})=>y(l,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,disabled:e.disabled,iconExtraProps:a,...o}),r=n(()=>(e.options??[]).map(l=>{var t;const{iconColor:a,icon:r,textColor:i}=l._item||{};return{...l,[(null===(t=e.selectExtraProps)||void 0===t?void 0:t.optionLabelProp)||"titleLabel"]:o(X,{name:l.label,iconExtraProps:{[l.label]:{icon:r,iconColor:a,textColor:i}}})}}));function i(e,l){var t;const{_DICT:a={}}=e,o=e[l];return(null===(t=a[l])||void 0===t||null===(t=t[o])||void 0===t?void 0:t.join("，"))??o??e.id_}const s=n(()=>{if(e.readonly){var l;const t=(null===(l=r.value)||void 0===l?void 0:l.filter(l=>{var t;return"multiple"===(null===(t=e.selectExtraProps)||void 0===t?void 0:t.mode)?Array.isArray(a.value)&&a.value.includes(l.value):l.value===a.value}))??[],o=Object.fromEntries((null==t?void 0:t.map(e=>[e.label,I((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:t.map(e=>e.label),icons:o}}return{}}),d={option:l=>{const{label:a,_item:r={}}=l;return e.type===t.Userpicker?c("div",{class:"flex items-center"},[c(N,{size:30,style:"margin: 0 8px;min-width:32px",src:V(r.avatar)},null),c("div",{style:"width:calc(100% - 35px)"},[c("div",{class:" w100% ell",title:a},[a]),c("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(X,{name:e.selectOptionLabel?i(r,e.selectOptionLabel):a,iconExtraProps:{[a]:I(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},u=l=>{var t;const{label:a,option:o,closable:r,onClose:i}=l,{_item:n={}}=o||{};return(({name:l,title:t,iconExtraProps:a,avatar:o,otherParams:r={}})=>c(le,f({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,avatar:o,title:(null==t?void 0:t.length)>e.maxTagTextLength?t:null,disabled:e.disabled,iconExtraProps:a},r),null))({name:a,title:null==o?void 0:o.label,avatar:null==o||null===(t=o._item)||void 0===t?void 0:t.avatar,iconExtraProps:{[a]:I(n,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":i,style:"margin-right: 4px"}})};return()=>{var l,t,i,n;return e.readonly?o(ee,{name:null===(l=s.value)||void 0===l?void 0:l.labels,iconExtraProps:null===(t=s.value)||void 0===t?void 0:t.icons}):c(R,f({class:["field-select","w100%"],value:a.value,"onUpdate:value":e=>a.value=e,options:r.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:u,showArrow:!0,maxTagCount:e.maxTagCount,maxTagTextLength:e.maxTagTextLength,dropdownMatchSelectWidth:180,dropdownClassName:"multiple"===(null===(i=e.selectExtraProps)||void 0===i?void 0:i.mode)?"gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear":"gct-project-select-dropdown vxe-table--ignore-clear"},e.selectExtraProps),(null===(n=e.selectExtraProps)||void 0===n?void 0:n.optionNoStyle)?null:d)}}}),ae=/* @__PURE__ */g({name:"FieldRadio",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:l}){const t=n({get:()=>e.value,set(e){l("update:value",e)}});return()=>{let l;return c(M,{value:t.value,"onUpdate:value":e=>t.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},"function"==typeof(a=l=(e.options??[]).map(l=>{const t=l,{icon:a,iconColor:o,textColor:r}=(null==t?void 0:t._item)||{};return c(F,{key:t.value,value:t.value},{default:()=>[c(ee,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})}))||"[object Object]"===Object.prototype.toString.call(a)&&!m(a)?l:{default:()=>[l]});var a}}}),oe=/* @__PURE__ */g({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:t}){const a=e.fieldType===l.BOOLEAN,o=n({get:()=>a?[e.value]:Array.isArray(e.value)?e.value:e.value?e.value.split(","):void 0,set(e){if(a){const l=null==e?void 0:e[0];t("update:value",null==l||"boolean"!=typeof l?Boolean(l):!!l)}else t("update:value",e)}}),r=n(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>c(A,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:e.disabled,class:["field-checkbox-group",e.readonly?"field-checkbox-group--readonly":""]},{default:()=>{var l;return[null===(l=r.value)||void 0===l?void 0:l.map(l=>{const t=l,{icon:a,iconColor:o,textColor:r}=(null==t?void 0:t._item)||{};return c(j,{key:t.value,value:t.value},{default:()=>[c(ee,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),re=["src"],ie=["src"],ne=["onMouseup"],se={key:1},de=/* @__PURE__ */g({__name:"ref-card-label-design",props:{tagWidgetStyle:{},disabled:{type:Boolean},trigger:{},modelKey:{},refCardId:{},type:{}},setup(l){const t=l,a=C(""),o=w(()=>t.trigger===e.HOVER?"primary-gct-hover":"primary-gct"),d=b("labelLayout",{}),v=_({}),g=n(()=>{var e;const l=t.type?null===(e=$(t.type))||void 0===e?void 0:e.example:[];return(l?"string"==typeof l?[r(l)]:l.map(e=>r(e)):[]).map(e=>({value:e,label:e}))}),y=w(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?q(l):{}}),m=w(()=>{var e;return(null===(e=y.value)||void 0===e?void 0:e.color)?y.value:{wordBreak:"break-all",...y.value}}),f=async(e,l)=>{e&&(a.value=(await _api.apaas.commonInfoCard.getGetById({id:t.refCardId,modelKey:t.modelKey,type:"CARD"})).screenShoot??""),v[l.value]=e};function E(e){f(!0,e)}return(e,t)=>{const r=T("a-popover");return g.value.length?(h(),s(H,{key:0,disabled:!!l.disabled,"label-layout":L(d)},{default:W(()=>{var e;return[(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(h(!0),u(i,{key:0},k(g.value,(e,t)=>(h(),s(r,{key:t,trigger:l.trigger,visible:!!v[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:l=>f(l,e)},{content:W(()=>[p("img",{src:a.value},null,8,re)]),default:W(()=>[c(K,{"tag-style":l.tagWidgetStyle.tagStyle,onMouseup:B(l=>E(e),["stop"])},{default:W(()=>[p("span",{class:x(["select-text cursor-pointer",o.value]),style:S(m.value)},P(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(h(!0),u(i,{key:1},k(g.value,(e,n)=>(h(),u(i,{key:n},[p("span",null,P(n?"，":""),1),c(r,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!v[e.value],trigger:l.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:l=>f(l,e)},{content:W(()=>[p("img",{src:a.value},null,8,ie)]),default:W(()=>[p("span",{class:x(["select-text cursor-pointer",o.value]),style:S(m.value),onClick:t[0]||(t[0]=B(()=>{},["stop"])),onMouseup:B(l=>E(e),["stop"])},P(e.label),47,ne)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(h(),u("span",se," "))}}}),ue=new URL("./index.min.css",import.meta.url);o.load(ue.href);export{oe as FieldCheckbox,ae as FieldRadio,te as FieldSelect,de as RefCardLabelDesign,ee as fieldReadonly,le as selectTag,X as taglabel};

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,9 +1,8 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
 };
-
-export { _export_sfc as default };
+//#endregion
+export { _plugin_vue_export_helper_default as default };

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;
+    design: boolean;
+    readonly: 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 { Checkbox, CheckboxGroup } from "ant-design-vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/form-component/FieldCheckbox.tsx
+var FieldCheckbox_default = /* @__PURE__ */ defineComponent({
+	name: "FieldCheckbox",
+	props: {
+		design: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		fieldType: {
+			type: String,
+			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;
+    design: boolean;
+    readonly: 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: String,
+			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;
+    maxTagCount: string | number;
+    maxTagTextLength: number;
+    design: boolean;
+    readonly: 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 { Avatar, Select } from "ant-design-vue";
+import { FormComponents } from "@gct-paas/core";
+import { pick } from "lodash-es";
+import { transformUrl } from "@gct-paas/core-web";
+//#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/ref-card-label-design.vue.d.ts

@@ -0,0 +1,17 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+import { CARD_TRIGGER_ENUM, FIELD_TYPE } from '@gct-paas/core';
+export interface Props {
+    tagWidgetStyle?: {
+        tagStyleOpen: boolean;
+        contentFont: LowCodeWidget.FontStyle;
+        tagStyle?: LowCodeWidget.TagConfigStyle;
+    };
+    disabled?: boolean;
+    trigger: CARD_TRIGGER_ENUM;
+    modelKey: string;
+    /**信息卡的id */
+    refCardId: string;
+    type: FIELD_TYPE;
+}
+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/ref-card-label-design.vue.mjs

@@ -0,0 +1,6 @@
+import ref_card_label_design_vue_vue_type_script_setup_true_lang_default from "./ref-card-label-design.vue_vue_type_script_setup_true_lang.mjs";
+import './ref-card-label-design.vue_vue_type_style_index_0_lang.css';/* empty css                                                            */
+//#region src/components/form-component/field-label/ref-card-label-design.vue
+var ref_card_label_design_default = ref_card_label_design_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ref_card_label_design_default as default };