@gct-paas/design-web 0.1.6-dev.37 → 0.1.6-dev.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/loader.esm.min.js +2 -2
  3. package/es/components/form-component/FieldSelect.css +22 -0
  4. package/es/components/form-component/FieldSelect.d.ts +9 -0
  5. package/es/components/form-component/FieldSelect.mjs +13 -8
  6. package/es/components/form-component/field-label/tag-label.vue.d.ts +1 -0
  7. package/es/components/form-component/field-label/tag-label.vue.mjs +2 -2
  8. package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_lang.mjs +7 -4
  9. package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_c6835ec8_lang.css +18 -0
  10. package/es/components/form-component/field-readonly.vue.d.ts +2 -1
  11. package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs +26 -43
  12. package/package.json +13 -13
  13. package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_07809278_lang.css +0 -15
package/dist/index.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .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-07809278]{opacity:.5}.label-ellipsis[data-v-07809278]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-07809278]{word-break:break-all;white-space:wrap}.select-text[data-v-07809278]{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}
1
+ .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-c6835ec8]{opacity:.5}.label-ellipsis[data-v-c6835ec8]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-c6835ec8]{word-break:break-all;white-space:wrap}.select-text[data-v-c6835ec8]{min-width:16px}.leading-none[data-v-c6835ec8]{line-height:1.375}.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}.ant-select-selector,.multiple{height:100%}.ant-select-multiple .ant-select-selector{align-items:flex-start}.select-render .ant-select-selection-overflow{padding-top:3px}.select-render.ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item{margin-top:-1px}.select-render.ant-select-multiple .ant-select-selection-placeholder{top:6px;transform:translateY(0)}.ant-checkbox-group{width:100%}.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}
2
2
  /*$vite$:1*/
package/dist/loader.esm.min.js CHANGED
@@ -1,2 +1,2 @@
1
- /*! @gct-paas/design-web v0.1.6-dev.37 */
2
- import{CARD_TRIGGER_ENUM as e,FIELD_TYPE as l,FormComponents as t,TagTypeEnum as a,cssLoader as o,t as r,transformUrl as i}from"@gct-paas/core";import{Fragment as n,computed as s,createBlock as d,createCommentVNode as u,createElementBlock as p,createElementVNode as v,createTextVNode as c,createVNode as y,defineComponent as g,h as b,inject as m,isVNode as x,mergeProps as f,normalizeClass as S,normalizeStyle as h,openBlock as _,reactive as C,ref as k,renderList as E,renderSlot as T,resolveComponent as P,toDisplayString as L,toRef as w,unref as O,useCssVars as W,withCtx as B,withModifiers as N}from"vue";import{Avatar as j,Checkbox as A,CheckboxGroup as F,Radio as M,RadioGroup as R,Select as U}from"ant-design-vue";import{isString as I,pick as D}from"lodash-es";import{schemaToStyle as V,transformField2Component as q}from"@gct-paas/design";var $=(e,l)=>{const t=e.__vccOpts||e;for(const[a,o]of l)t[a]=o;return t},z=/* @__PURE__ */$(/* @__PURE__ */g({__name:"tag-span",props:{tagStyle:{}},setup(e){W(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)=>(_(),p("span",{class:S(["tag cursor-pointer",r.value])},[T(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),K=/* @__PURE__ */$(/* @__PURE__ */g({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(l,t)=>{var a,o,r,i;return _(),p("span",{class:S([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"])},[T(l.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),H={class:"select-text"},G={class:"select-text"},J={key:0},Q=/* @__PURE__ */$(/* @__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=m("labelLayout",{}),o=s(()=>{var e;let a=t.label??"";if((!a||a.length<=0)&&t.isDesign){var o;const e=t.type&&(null===(o=q(t.type))||void 0===o?void 0:o.example)||"";a=e?I(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?I(a)?a.split(","):a:[]:a instanceof Array?a.join("，"):a+""}),g=w(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?V(l):{}}),x=(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=g.value)||void 0===a?void 0:a.color)?g.value:{wordBreak:"break-all",...g.value,...r}},f={render:({$attrs:e})=>{if(e.labelName){var l;const a=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e.labelName])||t.iconProps||{};if(!(null==a?void 0:a.icon))return;return b(P("icon-next"),{size:16,value:null==a?void 0:a.icon,color:(null==a?void 0:a.iconColor)||"var(--gct-color-primary)",style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(r,s)=>{var g;const b=P("icon-next");return e.showTagStyle&&(null===(g=e.tagWidgetStyle)||void 0===g?void 0:g.tagStyleOpen)?(_(),d(K,{key:0,disabled:!!e.disabled,"label-layout":O(a)},{default:B(()=>[(_(!0),p(n,null,E(o.value,(l,a)=>(_(),d(z,{key:a,"tag-style":e.tagWidgetStyle.tagStyle,style:h(x(l))},{default:B(()=>[t.avatar?(_(),d(O(j),{key:0,src:O(i)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):u("",!0),y(f,{"label-name":l},null,8,["label-name"]),v("span",H,L(l),1),e.closable?(_(),d(b,{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:s[0]||(s[0]=N(e=>r.$emit("on-close"),["prevent","stop"]))})):u("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===O(l).ENUM_MULTI||e.type===O(l).ENUM?(_(),d(K,{key:1,disabled:!!e.disabled,"label-layout":O(a)},{default:B(()=>[(_(!0),p(n,null,E(o.value,(l,t)=>{var a;return _(),p("span",{key:t,style:h(x(l)),class:"mr-5px"},[y(f,{"label-name":l},null,8,["label-name"]),v("span",G,L(l)+L(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&t<o.value.length-1?"，":""),1)],4)}),128)),o.value.length?u("",!0):(_(),p("span",J," "))]),_:1},8,["disabled","label-layout"])):(_(),d(K,{key:2,style:h(x(o.value)),disabled:!!e.disabled,"label-layout":O(a),class:"select-text leading-none"},{default:B(()=>[c(L(o.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),[["__scopeId","data-v-07809278"]]),X={key:0,class:"w100% ell"},Y={key:0,class:"gct-custom-tag ml8px"},Z=/* @__PURE__ */g({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=k(!1),o=s(()=>Array.isArray(t.label)?t.label.join(","):t.label),r=s(()=>Q);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 n(){a.value=!1}return(s,v)=>{const g=P("a-tooltip");return _(),d(g,{placement:"topLeft",visible:a.value},{title:B(()=>[c(L(o.value),1)]),default:B(()=>{var a;return[t.type===O(l).RDO_REF?(_(),p("div",X,[y(O(r),f(s.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:i,onMouseleave:n}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===O(l).RDO_REF&&t.modelValue&&!(null===(a=t.modelValue)||void 0===a?void 0:a.includes(":"))?(_(),p("span",Y," 默认 ")):u("",!0)])):(_(),d(O(r),f({key:1},s.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:i,onMouseleave:n}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),ee=/* @__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)=>(_(),d(Q,{"tag-widget-style":t.value},null,8,["tag-widget-style"]))}}),le=/* @__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=s({get:()=>e.value,set(e){l("update:value",e)}}),o=(l,{name:t,iconExtraProps:a,otherParams:o={}})=>b(l,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,disabled:e.disabled,iconExtraProps:a,...o}),r=s(()=>(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(Q,{name:l.label,iconExtraProps:{[l.label]:{icon:r,iconColor:a,textColor:i}}})}}));function n(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 d=s(()=>{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,D((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:t.map(e=>e.label),icons:o}}return{}}),u={option:l=>{const{label:a,_item:r={}}=l;return e.type===t.Userpicker?y("div",{class:"flex items-center"},[y(j,{size:30,style:"margin: 0 8px;min-width:32px",src:i(r.avatar)},null),y("div",{style:"width:calc(100% - 35px)"},[y("div",{class:" w100% ell",title:a},[a]),y("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(Q,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):a,iconExtraProps:{[a]:D(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},p=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={}})=>y(ee,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]:D(n,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":i,style:"margin-right: 4px"}})};return()=>{var l,t,i,n;return e.readonly?o(Z,{name:null===(l=d.value)||void 0===l?void 0:l.labels,iconExtraProps:null===(t=d.value)||void 0===t?void 0:t.icons}):y(U,f({class:["field-select","w100%"],value:a.value,"onUpdate:value":e=>a.value=e,options:r.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:p,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:u)}}}),te=/* @__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=s({get:()=>e.value,set(e){l("update:value",e)}});return()=>{let l;return y(R,{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 y(M,{key:t.value,value:t.value},{default:()=>[y(Z,{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)&&!x(a)?l:{default:()=>[l]});var a}}}),ae=/* @__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=s({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=s(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>y(F,{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 y(A,{key:t.value,value:t.value},{default:()=>[y(Z,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),oe=["src"],re=["src"],ie=["onMouseup"],ne={key:1},se=/* @__PURE__ */g({__name:"ref-card-label-design",props:{tagWidgetStyle:{},disabled:{type:Boolean},trigger:{},modelKey:{},refCardId:{},type:{}},setup(l){const t=l,a=k(""),o=w(()=>t.trigger===e.HOVER?"primary-gct-hover":"primary-gct"),i=m("labelLayout",{}),u=C({}),c=s(()=>{var e;const l=t.type?null===(e=q(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}))}),g=w(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?V(l):{}}),b=w(()=>{var e;return(null===(e=g.value)||void 0===e?void 0:e.color)?g.value:{wordBreak:"break-all",...g.value}}),x=async(e,l)=>{e&&(a.value=(await _api.apaas.commonInfoCard.getGetById({id:t.refCardId,modelKey:t.modelKey,type:"CARD"})).screenShoot??""),u[l.value]=e};function f(e){x(!0,e)}return(e,t)=>{const r=P("a-popover");return c.value.length?(_(),d(K,{key:0,disabled:!!l.disabled,"label-layout":O(i)},{default:B(()=>{var e;return[(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(_(!0),p(n,{key:0},E(c.value,(e,t)=>(_(),d(r,{key:t,trigger:l.trigger,visible:!!u[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:l=>x(l,e)},{content:B(()=>[v("img",{src:a.value},null,8,oe)]),default:B(()=>[y(z,{"tag-style":l.tagWidgetStyle.tagStyle,onMouseup:N(l=>f(e),["stop"])},{default:B(()=>[v("span",{class:S(["select-text cursor-pointer",o.value]),style:h(b.value)},L(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(_(!0),p(n,{key:1},E(c.value,(e,i)=>(_(),p(n,{key:i},[v("span",null,L(i?"，":""),1),y(r,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!u[e.value],trigger:l.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:l=>x(l,e)},{content:B(()=>[v("img",{src:a.value},null,8,re)]),default:B(()=>[v("span",{class:S(["select-text cursor-pointer",o.value]),style:h(b.value),onClick:t[0]||(t[0]=N(()=>{},["stop"])),onMouseup:N(l=>f(e),["stop"])},L(e.label),47,ie)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(_(),p("span",ne," "))}}}),de=new URL("./index.min.css",import.meta.url);o.load(de.href);export{ae as FieldCheckbox,te as FieldRadio,le as FieldSelect,se as RefCardLabelDesign,Z as fieldReadonly,ee as selectTag,Q as taglabel};
1
+ /*! @gct-paas/design-web v0.1.6-dev.39 */
2
+ import{CARD_TRIGGER_ENUM as e,FIELD_TYPE as l,FormComponents as t,TagTypeEnum as a,cssLoader as o,measureText as r,t as i,transformUrl as n,truncateText as s}from"@gct-paas/core";import{Fragment as d,computed as u,createBlock as p,createCommentVNode as c,createElementBlock as v,createElementVNode as y,createTextVNode as g,createVNode as b,defineComponent as m,h as x,inject as f,isVNode as S,mergeProps as h,normalizeClass as _,normalizeStyle as C,openBlock as T,reactive as k,ref as E,renderList as P,renderSlot as w,resolveComponent as L,toDisplayString as W,toRef as O,unref as B,useCssVars as N,withCtx as j,withModifiers as A}from"vue";import{Avatar as F,Checkbox as R,CheckboxGroup as U,Radio as I,RadioGroup as M,Select as D}from"ant-design-vue";import{isString as V,pick as q}from"lodash-es";import{schemaToStyle as $,transformField2Component as z}from"@gct-paas/design";import{typePadding as K}from"@gct-paas/core-web";var H=(e,l)=>{const t=e.__vccOpts||e;for(const[a,o]of l)t[a]=o;return t},G=/* @__PURE__ */H(/* @__PURE__ */m({__name:"tag-span",props:{tagStyle:{}},setup(e){N(e=>({v650d3ac5:o.value}));const l=e,t=O(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||a.RADIUS}),o=O(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),r=O(()=>`tag-${t.value}`);return(e,l)=>(T(),v("span",{class:_(["tag cursor-pointer",r.value])},[w(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),J=/* @__PURE__ */H(/* @__PURE__ */m({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(l,t)=>{var a,o,r,i;return T(),v("span",{class:_([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"])},[w(l.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),Q={class:"select-text"},X={class:"select-text"},Y={key:0},Z=/* @__PURE__ */H(/* @__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:{},title:{}},emits:["on-close"],setup(e){const t=e,a=f("labelLayout",{}),o=u(()=>{var e;let a=t.label??"";if((!a||a.length<=0)&&t.isDesign){var o;const e=t.type&&(null===(o=z(t.type))||void 0===o?void 0:o.example)||"";a=e?V(e)?i(e):e.map(e=>i(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?V(a)?a.split(","):a:[]:a instanceof Array?a.join("，"):a+""}),r=O(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?$(l):{}}),s=(e="")=>{var l,a;const o=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e])||{},i={};return(null==o?void 0:o.textColor)&&Object.assign(i,{color:null==o?void 0:o.textColor}),(null===(a=r.value)||void 0===a?void 0:a.color)?r.value:{wordBreak:"break-all",...r.value,...i}},m={render:({$attrs:e})=>{if(e.labelName){var l;const a=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e.labelName])||t.iconProps||{};if(!(null==a?void 0:a.icon))return;return x(L("icon-next"),{size:16,value:null==a?void 0:a.icon,color:(null==a?void 0:a.iconColor)||"var(--gct-color-primary)",style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(r,i)=>{var u;const x=L("icon-next");return e.showTagStyle&&(null===(u=e.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(T(),p(J,{key:0,disabled:!!e.disabled,"label-layout":B(a)},{default:j(()=>[(T(!0),v(d,null,P(o.value,(l,a)=>(T(),p(G,{key:a,"tag-style":e.tagWidgetStyle.tagStyle,style:C(s(l))},{default:j(()=>[t.avatar?(T(),p(B(F),{key:0,src:B(n)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):c("",!0),b(m,{"label-name":l},null,8,["label-name"]),y("span",Q,W(l),1),e.closable?(T(),p(x,{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:i[0]||(i[0]=A(e=>r.$emit("on-close"),["prevent","stop"]))})):c("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===B(l).ENUM_MULTI||e.type===B(l).ENUM?(T(),p(J,{key:1,disabled:!!e.disabled,"label-layout":B(a)},{default:j(()=>[(T(!0),v(d,null,P(o.value,(l,t)=>{var a;return T(),v("span",{key:t,style:C(s(l)),class:"mr-5px"},[b(m,{"label-name":l},null,8,["label-name"]),y("span",X,W(l)+W(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&t<o.value.length-1?"，":""),1)],4)}),128)),o.value.length?c("",!0):(T(),v("span",Y," "))]),_:1},8,["disabled","label-layout"])):(T(),p(J,{key:2,style:C(s(o.value)),disabled:!!e.disabled,"label-layout":B(a),class:"select-text leading-none",title:t.title},{default:j(()=>[g(W(o.value),1)]),_:1},8,["style","disabled","label-layout","title"]))}}}),[["__scopeId","data-v-c6835ec8"]]),ee={key:0,class:"w100% ell"},le={key:0,class:"gct-custom-tag ml8px"},te=/* @__PURE__ */m({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=u(()=>Array.isArray(t.label)?t.label.join(","):t.label),o=u(()=>Z);return(r,i)=>{var n;return t.type===B(l).RDO_REF?(T(),v("div",ee,[b(B(o),h(r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===B(l).RDO_REF&&t.modelValue&&!(null===(n=t.modelValue)||void 0===n?void 0:n.includes(":"))?(T(),v("span",le," 默认 ")):c("",!0)])):(T(),p(B(o),h({key:1},r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,title:a.value,type:e.type}),null,16,["label","tag-widget-style","disabled","icon-extra-props","title","type"]))}}}),ae=/* @__PURE__ */m({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const l=e,t=O(()=>{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)=>(T(),p(Z,{"tag-widget-style":t.value},null,8,["tag-widget-style"]))}}),oe=/* @__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},selectorWidth:{type:Number,default:1400}},setup(e,{emit:l}){const a=u({get:()=>e.value,set(e){l("update:value",e)}}),o=(l,{name:t,iconExtraProps:a,otherParams:o={}})=>x(l,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,disabled:e.disabled,iconExtraProps:a,...o}),i=u(()=>(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(Z,{name:l.label,iconExtraProps:{[l.label]:{icon:r,iconColor:a,textColor:i}}})}}));function d(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 p=u(()=>{if(e.readonly){var l;const t=(null===(l=i.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,q((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:t.map(e=>e.label),icons:o}}return{}}),c={option:l=>{const{label:a,_item:r={}}=l;return e.type===t.Userpicker?b("div",{class:"flex items-center"},[b(F,{size:30,style:"margin: 0 8px;min-width:32px",src:n(r.avatar)},null),b("div",{style:"width:calc(100% - 35px)"},[b("div",{class:" w100% ell",title:a},[a]),b("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(Z,{name:e.selectOptionLabel?d(r,e.selectOptionLabel):a,iconExtraProps:{[a]:q(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},v=l=>{var t;const{label:a,option:o,closable:i,onClose:n}=l,{_item:d={}}=o||{};return(({name:l,title:t,iconExtraProps:a,avatar:o,otherParams:i={}})=>b(ae,h({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,avatar:o,title:(null==t?void 0:t.length)>e.maxTagTextLength||r(t)>r(l)?t:null,iconExtraProps:a},i),null))({name:s(a.slice(0,e.maxTagTextLength+3),e.selectorWidth-K(o||l)),title:null==o?void 0:o.label,avatar:e.selectorWidth>73?null==o||null===(t=o._item)||void 0===t?void 0:t.avatar:"",iconExtraProps:{[a]:q(d,["iconColor","icon","textColor"])},otherParams:{closable:i,"onOn-close":n,style:"margin-right: 3px"}})};return()=>{var l,t,r,n;return e.readonly?o(te,{name:null===(l=p.value)||void 0===l?void 0:l.labels,iconExtraProps:null===(t=p.value)||void 0===t?void 0:t.icons}):b(D,h({class:["field-select","w100%"],value:a.value,"onUpdate:value":e=>a.value=e,options:i.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:v,showArrow:!0,maxTagCount:e.maxTagCount,maxTagTextLength:e.maxTagTextLength,dropdownMatchSelectWidth:180,dropdownClassName:"multiple"===(null===(r=e.selectExtraProps)||void 0===r?void 0:r.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:c)}}}),re=/* @__PURE__ */m({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=u({get:()=>e.value,set(e){l("update:value",e)}});return()=>{let l;return b(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 b(I,{key:t.value,value:t.value},{default:()=>[b(te,{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)&&!S(a)?l:{default:()=>[l]});var a}}}),ie=/* @__PURE__ */m({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=u({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=u(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>b(U,{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 b(R,{key:t.value,value:t.value},{default:()=>[b(te,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),ne=["src"],se=["src"],de=["onMouseup"],ue={key:1},pe=/* @__PURE__ */m({__name:"ref-card-label-design",props:{tagWidgetStyle:{},disabled:{type:Boolean},trigger:{},modelKey:{},refCardId:{},type:{}},setup(l){const t=l,a=E(""),o=O(()=>t.trigger===e.HOVER?"primary-gct-hover":"primary-gct"),r=f("labelLayout",{}),n=k({}),s=u(()=>{var e;const l=t.type?null===(e=z(t.type))||void 0===e?void 0:e.example:[];return(l?"string"==typeof l?[i(l)]:l.map(e=>i(e)):[]).map(e=>({value:e,label:e}))}),c=O(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?$(l):{}}),g=O(()=>{var e;return(null===(e=c.value)||void 0===e?void 0:e.color)?c.value:{wordBreak:"break-all",...c.value}}),m=async(e,l)=>{e&&(a.value=(await _api.apaas.commonInfoCard.getGetById({id:t.refCardId,modelKey:t.modelKey,type:"CARD"})).screenShoot??""),n[l.value]=e};function x(e){m(!0,e)}return(e,t)=>{const i=L("a-popover");return s.value.length?(T(),p(J,{key:0,disabled:!!l.disabled,"label-layout":B(r)},{default:j(()=>{var e;return[(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(T(!0),v(d,{key:0},P(s.value,(e,t)=>(T(),p(i,{key:t,trigger:l.trigger,visible:!!n[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:l=>m(l,e)},{content:j(()=>[y("img",{src:a.value},null,8,ne)]),default:j(()=>[b(G,{"tag-style":l.tagWidgetStyle.tagStyle,onMouseup:A(l=>x(e),["stop"])},{default:j(()=>[y("span",{class:_(["select-text cursor-pointer",o.value]),style:C(g.value)},W(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(T(!0),v(d,{key:1},P(s.value,(e,r)=>(T(),v(d,{key:r},[y("span",null,W(r?"，":""),1),b(i,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!n[e.value],trigger:l.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:l=>m(l,e)},{content:j(()=>[y("img",{src:a.value},null,8,se)]),default:j(()=>[y("span",{class:_(["select-text cursor-pointer",o.value]),style:C(g.value),onClick:t[0]||(t[0]=A(()=>{},["stop"])),onMouseup:A(l=>x(e),["stop"])},W(e.label),47,de)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(T(),v("span",ue," "))}}}),ce=new URL("./index.min.css",import.meta.url);o.load(ce.href);export{ie as FieldCheckbox,re as FieldRadio,oe as FieldSelect,pe as RefCardLabelDesign,te as fieldReadonly,ae as selectTag,Z as taglabel};
package/es/components/form-component/FieldSelect.css ADDED
@@ -0,0 +1,22 @@
1
+ .ant-select-selector {
2
+ height: 100%;
3
+ }
4
+ .multiple {
5
+ height: 100%;
6
+ }
7
+ .ant-select-multiple .ant-select-selector {
8
+ align-items: flex-start;
9
+ }
10
+ .select-render .ant-select-selection-overflow {
11
+ padding-top: 3px;
12
+ }
13
+ .select-render.ant-select-multiple .ant-select-selection-overflow-item-rest .ant-select-selection-item {
14
+ margin-top: -1px;
15
+ }
16
+ .select-render.ant-select-multiple .ant-select-selection-placeholder {
17
+ top: 6px;
18
+ transform: translateY(0);
19
+ }
20
+ .ant-checkbox-group {
21
+ width: 100%;
22
+ }
package/es/components/form-component/FieldSelect.d.ts CHANGED
@@ -40,6 +40,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
40
40
  selectOptionLabel: {
41
41
  type: StringConstructor;
42
42
  };
43
+ selectorWidth: {
44
+ type: NumberConstructor;
45
+ default: number;
46
+ };
43
47
  }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
44
48
  design: BooleanConstructor;
45
49
  disabled: BooleanConstructor;
@@ -70,11 +74,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
70
74
  selectOptionLabel: {
71
75
  type: StringConstructor;
72
76
  };
77
+ selectorWidth: {
78
+ type: NumberConstructor;
79
+ default: number;
80
+ };
73
81
  }>> & Readonly<{}>, {
74
82
  design: boolean;
75
83
  disabled: boolean;
76
84
  readonly: boolean;
77
85
  maxTagCount: string | number;
78
86
  maxTagTextLength: number;
87
+ selectorWidth: number;
79
88
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
80
89
  export default _default;
package/es/components/form-component/FieldSelect.mjs CHANGED
@@ -1,11 +1,13 @@
1
1
  import tag_label_default from "./field-label/tag-label.vue.mjs";
2
2
  import field_readonly_default from "./field-readonly.vue.mjs";
3
3
  import selectTag_default from "./field-label/selectTag.vue.mjs";
4
- import './index.css';/* empty css */
4
+ import './index.css';import './FieldSelect.css';/* empty css */
5
+ /* empty css */
5
6
  import { computed, createVNode, defineComponent, h, mergeProps } from "vue";
6
7
  import { Avatar, Select } from "ant-design-vue";
7
- import { FormComponents, transformUrl } from "@gct-paas/core";
8
+ import { FormComponents, measureText, transformUrl, truncateText } from "@gct-paas/core";
8
9
  import { pick } from "lodash-es";
10
+ import { typePadding } from "@gct-paas/core-web";
9
11
  //#region src/components/form-component/FieldSelect.tsx
10
12
  var FieldSelect_default = /* @__PURE__ */ defineComponent({
11
13
  name: "FieldSelect",
@@ -36,7 +38,11 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
36
38
  type: Number,
37
39
  default: 6
38
40
  },
39
- selectOptionLabel: { type: String }
41
+ selectOptionLabel: { type: String },
42
+ selectorWidth: {
43
+ type: Number,
44
+ default: 1400
45
+ }
40
46
  },
41
47
  setup(props, { emit }) {
42
48
  const currentValue = computed({
@@ -63,8 +69,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
63
69
  "type": props.fieldType,
64
70
  "label": name,
65
71
  "avatar": avatar,
66
- "title": title?.length > props.maxTagTextLength ? title : null,
67
- "disabled": props.disabled,
72
+ "title": title?.length > props.maxTagTextLength || measureText(title) > measureText(name) ? title : null,
68
73
  "iconExtraProps": iconExtraProps
69
74
  }, otherParams), null);
70
75
  };
@@ -133,9 +138,9 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
133
138
  const { label, option, closable, onClose } = data;
134
139
  const { _item = {} } = option || {};
135
140
  return renderSelectTag({
136
- name: label,
141
+ name: truncateText(label.slice(0, props.maxTagTextLength + 3), props.selectorWidth - typePadding(option || data)),
137
142
  title: option?.label,
138
- avatar: option?._item?.avatar,
143
+ avatar: props.selectorWidth > 73 ? option?._item?.avatar : "",
139
144
  iconExtraProps: { [label]: pick(_item, [
140
145
  "iconColor",
141
146
  "icon",
@@ -144,7 +149,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
144
149
  otherParams: {
145
150
  closable,
146
151
  "onOn-close": onClose,
147
- style: "margin-right: 4px"
152
+ style: "margin-right: 3px"
148
153
  }
149
154
  });
150
155
  };
package/es/components/form-component/field-label/tag-label.vue.d.ts CHANGED
@@ -25,6 +25,7 @@ export interface Props {
25
25
  iconColor: string;
26
26
  textColor: string;
27
27
  };
28
+ title?: string;
28
29
  }
29
30
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
30
31
  "on-close": (...args: any[]) => void;
package/es/components/form-component/field-label/tag-label.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
2
2
  import tag_label_vue_vue_type_script_setup_true_lang_default from "./tag-label.vue_vue_type_script_setup_true_lang.mjs";
3
- import './tag-label.vue_vue_type_style_index_0_scoped_07809278_lang.css';/* empty css */
3
+ import './tag-label.vue_vue_type_style_index_0_scoped_c6835ec8_lang.css';/* empty css */
4
4
  //#region src/components/form-component/field-label/tag-label.vue
5
- var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-07809278"]]);
5
+ var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c6835ec8"]]);
6
6
  //#endregion
7
7
  export { tag_label_default as default };
package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_lang.mjs CHANGED
@@ -24,7 +24,8 @@ var tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
24
24
  },
25
25
  avatar: {},
26
26
  iconExtraProps: {},
27
- iconProps: {}
27
+ iconProps: {},
28
+ title: {}
28
29
  },
29
30
  emits: ["on-close"],
30
31
  setup(__props) {
@@ -126,14 +127,16 @@ var tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
126
127
  style: normalizeStyle(getMsgColor(showLabel.value)),
127
128
  disabled: !!__props.disabled,
128
129
  "label-layout": unref(labelLayout),
129
- class: "select-text leading-none"
130
+ class: "select-text leading-none",
131
+ title: props.title
130
132
  }, {
131
- default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value || "\xA0"), 1)]),
133
+ default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value), 1)]),
132
134
  _: 1
133
135
  }, 8, [
134
136
  "style",
135
137
  "disabled",
136
- "label-layout"
138
+ "label-layout",
139
+ "title"
137
140
  ]));
138
141
  };
139
142
  }
package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_c6835ec8_lang.css ADDED
@@ -0,0 +1,18 @@
1
+ .tag-label-disabled[data-v-c6835ec8] {
2
+ opacity: 0.5;
3
+ }
4
+ .label-ellipsis[data-v-c6835ec8] {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
9
+ .label-wrap[data-v-c6835ec8] {
10
+ word-break: break-all;
11
+ white-space: wrap;
12
+ }
13
+ .select-text[data-v-c6835ec8] {
14
+ min-width: 16px;
15
+ }
16
+ .leading-none[data-v-c6835ec8] {
17
+ line-height: 1.375;
18
+ }
package/es/components/form-component/field-readonly.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { FIELD_TYPE } from '@gct-paas/core';
1
2
  import { LowCodeWidget } from '@gct-paas/schema';
2
3
  /** 与 FieldRadio 传入的 tagStyle 一致，避免依赖 @gct-paas/schema */
3
4
  interface TagWidgetStyle {
@@ -8,7 +9,7 @@ interface TagWidgetStyle {
8
9
  type __VLS_Props = {
9
10
  isTooltip?: boolean;
10
11
  label?: string | (string | number)[];
11
- type?: string;
12
+ type?: FIELD_TYPE;
12
13
  modelValue?: string;
13
14
  tagWidgetStyle?: TagWidgetStyle;
14
15
  disabled?: boolean;
package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import tag_label_default from "./field-label/tag-label.vue.mjs";
2
- import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
2
+ import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
3
3
  import { FIELD_TYPE } from "@gct-paas/core";
4
4
  //#region src/components/form-component/field-readonly.vue?vue&type=script&setup=true&lang.ts
5
5
  var _hoisted_1 = {
@@ -23,7 +23,6 @@ var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
23
23
  },
24
24
  setup(__props) {
25
25
  const props = __props;
26
- const visible = ref(false);
27
26
  const showLabel = computed(() => {
28
27
  if (Array.isArray(props.label)) return props.label.join(",");
29
28
  else return props.label;
@@ -32,48 +31,32 @@ var field_readonly_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
32
31
  return tag_label_default;
33
32
  });
34
33
  /**超出内容出现tip显示全部 */
35
- function onMouseenter(e) {
36
- if (!props.isTooltip) return;
37
- const el = e.target?.parentNode;
38
- if (el.scrollWidth > el.clientWidth) visible.value = true;
39
- }
40
- function onMouseleave() {
41
- visible.value = false;
42
- }
43
34
  return (_ctx, _cache) => {
44
- const _component_a_tooltip = resolveComponent("a-tooltip");
45
- return openBlock(), createBlock(_component_a_tooltip, {
46
- placement: "topLeft",
47
- visible: visible.value
48
- }, {
49
- title: withCtx(() => [createTextVNode(toDisplayString(showLabel.value), 1)]),
50
- default: withCtx(() => [props.type === unref(FIELD_TYPE).RDO_REF ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(FieldLabel), mergeProps(_ctx.$attrs, {
51
- label: __props.label,
52
- "tag-widget-style": props.tagWidgetStyle,
53
- disabled: props.disabled,
54
- "icon-extra-props": props.iconExtraProps,
55
- onMouseenter,
56
- onMouseleave
57
- }), null, 16, [
58
- "label",
59
- "tag-widget-style",
60
- "disabled",
61
- "icon-extra-props"
62
- ]), props.type === unref(FIELD_TYPE).RDO_REF && props.modelValue && !props.modelValue?.includes(":") ? (openBlock(), createElementBlock("span", _hoisted_2, " 默认 ")) : createCommentVNode("", true)])) : (openBlock(), createBlock(unref(FieldLabel), mergeProps({ key: 1 }, _ctx.$attrs, {
63
- label: __props.label,
64
- "tag-widget-style": props.tagWidgetStyle,
65
- disabled: props.disabled,
66
- "icon-extra-props": props.iconExtraProps,
67
- onMouseenter,
68
- onMouseleave
69
- }), null, 16, [
70
- "label",
71
- "tag-widget-style",
72
- "disabled",
73
- "icon-extra-props"
74
- ]))]),
75
- _: 1
76
- }, 8, ["visible"]);
35
+ return props.type === unref(FIELD_TYPE).RDO_REF ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(FieldLabel), mergeProps(_ctx.$attrs, {
36
+ label: __props.label,
37
+ "tag-widget-style": props.tagWidgetStyle,
38
+ disabled: props.disabled,
39
+ "icon-extra-props": props.iconExtraProps
40
+ }), null, 16, [
41
+ "label",
42
+ "tag-widget-style",
43
+ "disabled",
44
+ "icon-extra-props"
45
+ ]), props.type === unref(FIELD_TYPE).RDO_REF && props.modelValue && !props.modelValue?.includes(":") ? (openBlock(), createElementBlock("span", _hoisted_2, " 默认 ")) : createCommentVNode("", true)])) : (openBlock(), createBlock(unref(FieldLabel), mergeProps({ key: 1 }, _ctx.$attrs, {
46
+ label: __props.label,
47
+ "tag-widget-style": props.tagWidgetStyle,
48
+ disabled: props.disabled,
49
+ "icon-extra-props": props.iconExtraProps,
50
+ title: showLabel.value,
51
+ type: __props.type
52
+ }), null, 16, [
53
+ "label",
54
+ "tag-widget-style",
55
+ "disabled",
56
+ "icon-extra-props",
57
+ "title",
58
+ "type"
59
+ ]));
77
60
  };
78
61
  }
79
62
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gct-paas/design-web",
3
- "version": "0.1.6-dev.37",
3
+ "version": "0.1.6-dev.39",
4
4
  "type": "module",
5
5
  "description": "paas 平台设计界面移动端底包",
6
6
  "loader": "dist/loader.esm.min.js",
@@ -32,24 +32,24 @@
32
32
  "author": "gct",
33
33
  "dependencies": {
34
34
  "@ant-design/icons-vue": "^6.1.0",
35
- "@gct-paas/api": "^0.1.6-dev.15",
35
+ "@gct-paas/api": "^6.0.0-dev.2",
36
36
  "@vueuse/core": "^14.1.0",
37
37
  "ant-design-vue": "npm:@gct-paas/ant-design-vue@3.2.21",
38
38
  "vue": "^3.5.30",
39
- "@gct-paas/core": "0.1.6-dev.37",
40
- "@gct-paas/core-web": "0.1.6-dev.37",
41
- "@gct-paas/design": "0.1.6-dev.37",
42
- "@gct-paas/schema": "0.1.6-dev.37",
43
- "@gct-paas/scss": "0.1.6-dev.37"
39
+ "@gct-paas/core": "0.1.6-dev.39",
40
+ "@gct-paas/design": "0.1.6-dev.39",
41
+ "@gct-paas/core-web": "0.1.6-dev.39",
42
+ "@gct-paas/schema": "0.1.6-dev.39",
43
+ "@gct-paas/scss": "0.1.6-dev.39"
44
44
  },
45
45
  "peerDependencies": {
46
- "@gct-paas/api": "^0.1.6-dev.15",
46
+ "@gct-paas/api": "^6.0.0-dev.2",
47
47
  "vue": ">=3",
48
- "@gct-paas/core": "0.1.6-dev.37",
49
- "@gct-paas/core-web": "0.1.6-dev.37",
50
- "@gct-paas/design": "0.1.6-dev.37",
51
- "@gct-paas/scss": "0.1.6-dev.37",
52
- "@gct-paas/schema": "0.1.6-dev.37"
48
+ "@gct-paas/core": "0.1.6-dev.39",
49
+ "@gct-paas/core-web": "0.1.6-dev.39",
50
+ "@gct-paas/scss": "0.1.6-dev.39",
51
+ "@gct-paas/design": "0.1.6-dev.39",
52
+ "@gct-paas/schema": "0.1.6-dev.39"
53
53
  },
54
54
  "scripts": {
55
55
  "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_07809278_lang.css DELETED
@@ -1,15 +0,0 @@
1
- .tag-label-disabled[data-v-07809278] {
2
- opacity: 0.5;
3
- }
4
- .label-ellipsis[data-v-07809278] {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
9
- .label-wrap[data-v-07809278] {
10
- word-break: break-all;
11
- white-space: wrap;
12
- }
13
- .select-text[data-v-07809278] {
14
- min-width: 16px;
15
- }