@gct-paas/design-web 0.1.4-dev.17 → 0.1.4-dev.19
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.
- package/dist/index.min.css +1 -1
- package/dist/loader.esm.min.js +1 -1
- package/es/components/form-component/FieldCheckbox.mjs +1 -1
- package/es/components/form-component/FieldRadio.mjs +1 -1
- package/es/components/form-component/field-label/ref-card-label-design.vue.d.ts +17 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue.mjs +6 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue_vue_type_script_setup_true_lang.mjs +125 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue_vue_type_style_index_0_lang.css +9 -0
- package/es/components/form-component/index.d.ts +2 -1
- package/es/components/form-component/index.mjs +1 -0
- package/es/components/index.mjs +1 -0
- package/es/index.mjs +2 -1
- package/package.json +8 -8
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-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}
|
|
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-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}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/loader.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{FIELD_TYPE as e,FormComponents as t,TagTypeEnum as l,cssLoader as a,t as o}from"@gct-paas/core";import{Fragment as r,computed as s,createBlock as n,createCommentVNode as i,createElementBlock as d,createElementVNode as p,createTextVNode as c,createVNode as u,defineComponent as y,h as g,inject as b,isVNode as m,mergeProps as v,normalizeClass as x,normalizeStyle as f,openBlock as S,ref as h,renderList as _,renderSlot as C,resolveComponent as T,toDisplayString as E,toRef as P,unref as w,useCssVars as L,withCtx as O,withModifiers as k}from"vue";import{Avatar as W,Checkbox as B,CheckboxGroup as j,Radio as N,RadioGroup as A,Select as F}from"ant-design-vue";import{isString as U,pick as M}from"lodash-es";import{IconNext as R,transformUrl as q}from"@gct-paas/core-web";import{schemaToStyle as D,transformField2Component as I}from"@gct-paas/design";var $=(e,t)=>{const l=e.__vccOpts||e;for(const[a,o]of t)l[a]=o;return l},z=/* @__PURE__ */$(/* @__PURE__ */y({__name:"tag-span",props:{tagStyle:{}},setup(e){L(e=>({v650d3ac5:o.value}));const t=e,a=P(()=>t.tagStyle?.tagType||l.RADIUS),o=P(()=>t.tagStyle?.color||"#f0f0f0"),r=P(()=>`tag-${a.value}`);return(e,t)=>(S(),d("span",{class:x(["tag cursor-pointer",r.value])},[C(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),V=/* @__PURE__ */$(/* @__PURE__ */y({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(t,l)=>(S(),d("span",{class:x([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"])},[C(t.$slots,"default",{},void 0,!0)],2))}),[["__scopeId","data-v-85e6a8f5"]]),H={class:"select-text"},G={class:"select-text"},J={key:0},K=/* @__PURE__ */$(/* @__PURE__ */y({__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(t){const l=t,a=_gct.platformStore.themeSetting,y=b("labelLayout",{}),m=s(()=>{let t=l.label??"";if((!t||t.length<=0)&&l.isDesign){const e=l.type&&I(l.type)?.example||"";t=e?U(e)?o(e):e.map(e=>o(e)):""}return l.showTagStyle&&l.tagWidgetStyle?.tagStyleOpen||l.type===e.ENUM_MULTI||l.type===e.ENUM?t?U(t)?t.split(","):t:[]:t instanceof Array?t.join("，"):t+""}),v=P(()=>{const e=l.tagWidgetStyle?.contentFont;return e?D(e):{}}),x=(e="")=>{const t=l.iconExtraProps?.[e]||{},a={};return t?.textColor&&Object.assign(a,{color:t?.textColor}),v.value?.color?v.value:{wordBreak:"break-all",...v.value,...a}},h={render:({$attrs:e})=>{if(e.labelName){const t=l.iconExtraProps?.[e.labelName]||l.iconProps||{};if(!t?.icon)return;return g(R,{size:16,value:t?.icon,color:t?.iconColor||a.themeColor,style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(a,o)=>t.showTagStyle&&t.tagWidgetStyle?.tagStyleOpen?(S(),n(V,{key:0,disabled:!!t.disabled,"label-layout":w(y)},{default:O(()=>[(S(!0),d(r,null,_(m.value,(e,r)=>(S(),n(z,{key:r,"tag-style":t.tagWidgetStyle.tagStyle,style:f(x(e))},{default:O(()=>[l.avatar?(S(),n(w(W),{key:0,src:w(q)(l.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):i("",!0),u(h,{"label-name":e},null,8,["label-name"]),p("span",H,E(e),1),t.closable?(S(),n(w(R),{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:o[0]||(o[0]=k(e=>a.$emit("on-close"),["prevent","stop"]))})):i("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):t.type===w(e).ENUM_MULTI||t.type===w(e).ENUM?(S(),n(V,{key:1,disabled:!!t.disabled,"label-layout":w(y)},{default:O(()=>[(S(!0),d(r,null,_(m.value,(e,l)=>(S(),d("span",{key:l,style:f(x(e)),class:"mr-5px"},[u(h,{"label-name":e},null,8,["label-name"]),p("span",G,E(e)+E(!t.tagWidgetStyle?.tagStyleOpen&&l<m.value.length-1?"，":""),1)],4))),128)),m.value.length?i("",!0):(S(),d("span",J," "))]),_:1},8,["disabled","label-layout"])):(S(),n(V,{key:2,style:f(x(m.value)),disabled:!!t.disabled,"label-layout":w(y),class:"select-text leading-none ell"},{default:O(()=>[c(E(m.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}),[["__scopeId","data-v-a1ded441"]]),Q={key:0,class:"w100% ell"},X={key:0,class:"gct-custom-tag ml8px"},Y=/* @__PURE__ */y({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(t){const l=t,a=h(!1),o=s(()=>Array.isArray(l.label)?l.label.join(","):l.label),r=s(()=>K);function p(e){if(!l.isTooltip)return;const t=e.target?.parentNode;console.log(),t.scrollWidth>t.clientWidth&&(a.value=!0)}function y(){a.value=!1}return(s,g)=>{const b=T("a-tooltip");return S(),n(b,{placement:"topLeft",visible:a.value},{title:O(()=>[c(E(o.value),1)]),default:O(()=>[l.type===w(e).RDO_REF?(S(),d("div",Q,[u(w(r),v(s.$attrs,{label:t.label,"tag-widget-style":l.tagWidgetStyle,disabled:l.disabled,"icon-extra-props":l.iconExtraProps,onMouseenter:p,onMouseleave:y}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),l.type===w(e).RDO_REF&&l.modelValue&&!l.modelValue?.includes(":")?(S(),d("span",X," 默认 ")):i("",!0)])):(S(),n(w(r),v({key:1},s.$attrs,{label:t.label,"tag-widget-style":l.tagWidgetStyle,disabled:l.disabled,"icon-extra-props":l.iconExtraProps,onMouseenter:p,onMouseleave:y}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]),_:1},8,["visible"])}}}),Z=/* @__PURE__ */y({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const t=e,l=P(()=>t.tagWidgetStyle.tagStyleOpen?t.tagWidgetStyle:{tagStyleOpen:!0,contentFont:t.tagWidgetStyle?.contentFont});return(e,t)=>(S(),n(K,{"tag-widget-style":l.value},null,8,["tag-widget-style"]))}}),ee=/* @__PURE__ */y({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=(t,{name:l,iconExtraProps:a,otherParams:o={}})=>g(t,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,disabled:e.disabled,iconExtraProps:a,...o}),r=s(()=>(e.options??[]).map(t=>{const{iconColor:l,icon:a,textColor:r}=t._item||{};return{...t,[e.selectExtraProps?.optionLabelProp||"titleLabel"]:o(K,{name:t.label,iconExtraProps:{[t.label]:{icon:a,iconColor:l,textColor:r}}})}}));function n(e,t){const{_DICT:l={}}=e,a=e[t];return l[t]?.[a]?.join("，")??a??e.id_}const i=s(()=>{if(e.readonly){const t=r.value?.filter(t=>"multiple"===e.selectExtraProps?.mode?Array.isArray(a.value)&&a.value.includes(t.value):t.value===a.value)??[],l=Object.fromEntries(t?.map(e=>[e.label,M(e?._item||{},["iconColor","icon","textColor"])])??[]);return{labels:t.map(e=>e.label),icons:l}}return{}}),d={option:l=>{const{label:a,_item:r={}}=l;return e.type===t.Userpicker?u("div",{class:"flex items-center"},[u(W,{size:30,style:"margin: 0 8px;min-width:32px",src:q(r.avatar)},null),u("div",{style:"width:calc(100% - 35px)"},[u("div",{class:" w100% ell",title:a},[a]),u("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(K,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):a,iconExtraProps:{[a]:M(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},p=t=>{const{label:l,option:a,closable:o,onClose:r}=t,{_item:s={}}=a||{};return(({name:t,title:l,iconExtraProps:a,avatar:o,otherParams:r={}})=>u(Z,v({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,avatar:o,title:l?.length>e.maxTagTextLength?l:null,disabled:e.disabled,iconExtraProps:a},r),null))({name:l,title:a?.label,avatar:a?._item?.avatar,iconExtraProps:{[l]:M(s,["iconColor","icon","textColor"])},otherParams:{closable:o,"onOn-close":r,style:"margin-right: 4px"}})};return()=>e.readonly?o(Y,{name:i.value?.labels,iconExtraProps:i.value?.icons}):u(F,v({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"===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:d)}}),te=/* @__PURE__ */y({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 l=s({get:()=>e.value,set(e){t("update:value",e)}});return()=>{let t;return u(A,{value:l.value,"onUpdate:value":e=>l.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},"function"==typeof(a=t=(e.options??[]).map(t=>{const l=t,{icon:a,iconColor:o,textColor:r}=l?._item||{};return u(N,{key:l.value,value:l.value},{default:()=>[u(Y,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})}))||"[object Object]"===Object.prototype.toString.call(a)&&!m(a)?t:{default:()=>[t]});var a}}}),le=/* @__PURE__ */y({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(t,{emit:l}){const a=t.fieldType===e.BOOLEAN,o=s({get:()=>a?[t.value]:Array.isArray(t.value)?t.value:t.value?t.value.split(","):void 0,set(e){if(a){const t=e?.[0];l("update:value",null==t||"boolean"!=typeof t?Boolean(t):!!t)}else l("update:value",e)}}),r=s(()=>a?(t.options??[]).filter(e=>e.value):t.options??[]);return()=>u(j,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:t.disabled,class:["field-checkbox-group",t.readonly?"field-checkbox-group--readonly":""]},{default:()=>[r.value?.map(e=>{const l=e,{icon:a,iconColor:o,textColor:r}=l?._item||{};return u(B,{key:l.value,value:l.value},{default:()=>[u(Y,{tagWidgetStyle:t.tagStyle,type:t.fieldType,label:l.label,disabled:t.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]})}}),ae=new URL("./index.min.css",import.meta.url);a.load(ae.href);export{le as FieldCheckbox,te as FieldRadio,ee as FieldSelect,Y as fieldReadonly,Z as selectTag,K as taglabel};
|
|
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;console.log(),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??"",console.log(a.value)),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};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { LowCodeWidget } from '@gct-paas/schema';
|
|
2
|
+
import { CARD_TRIGGER_ENUM, FIELD_TYPE } from '@gct-paas/core';
|
|
3
|
+
export interface Props {
|
|
4
|
+
tagWidgetStyle?: {
|
|
5
|
+
tagStyleOpen: boolean;
|
|
6
|
+
contentFont: LowCodeWidget.FontStyle;
|
|
7
|
+
tagStyle?: LowCodeWidget.TagConfigStyle;
|
|
8
|
+
};
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
trigger: CARD_TRIGGER_ENUM;
|
|
11
|
+
modelKey: string;
|
|
12
|
+
/**信息卡的id */
|
|
13
|
+
refCardId: string;
|
|
14
|
+
type: FIELD_TYPE;
|
|
15
|
+
}
|
|
16
|
+
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>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
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";
|
|
2
|
+
import './ref-card-label-design.vue_vue_type_style_index_0_lang.css';/* empty css */
|
|
3
|
+
//#region src/components/form-component/field-label/ref-card-label-design.vue
|
|
4
|
+
var ref_card_label_design_default = ref_card_label_design_vue_vue_type_script_setup_true_lang_default;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { ref_card_label_design_default as default };
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import tag_span_default from "./tag-span.vue.mjs";
|
|
2
|
+
import tag_layout_default from "./tag-layout.vue.mjs";
|
|
3
|
+
import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
|
|
4
|
+
import { CARD_TRIGGER_ENUM, t } from "@gct-paas/core";
|
|
5
|
+
import { schemaToStyle, transformField2Component } from "@gct-paas/design";
|
|
6
|
+
//#region src/components/form-component/field-label/ref-card-label-design.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var _hoisted_1 = ["src"];
|
|
8
|
+
var _hoisted_2 = ["src"];
|
|
9
|
+
var _hoisted_3 = ["onMouseup"];
|
|
10
|
+
var _hoisted_4 = { key: 1 };
|
|
11
|
+
var ref_card_label_design_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
12
|
+
__name: "ref-card-label-design",
|
|
13
|
+
props: {
|
|
14
|
+
tagWidgetStyle: {},
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
trigger: {},
|
|
17
|
+
modelKey: {},
|
|
18
|
+
refCardId: {},
|
|
19
|
+
type: {}
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
const imgSrc = ref("");
|
|
24
|
+
const classData = toRef(() => props.trigger === CARD_TRIGGER_ENUM.HOVER ? "primary-gct-hover" : "primary-gct");
|
|
25
|
+
const labelLayout = inject("labelLayout", {});
|
|
26
|
+
const tipMap = reactive({});
|
|
27
|
+
const showLabel = computed(() => {
|
|
28
|
+
const example = props.type ? transformField2Component(props.type)?.example : [];
|
|
29
|
+
return (example ? typeof example === "string" ? [t(example)] : example.map((e) => t(e)) : []).map((i) => {
|
|
30
|
+
return {
|
|
31
|
+
value: i,
|
|
32
|
+
label: i
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
const comStyle = toRef(() => {
|
|
37
|
+
const contentFont = props.tagWidgetStyle?.contentFont;
|
|
38
|
+
if (!contentFont) return {};
|
|
39
|
+
return schemaToStyle(contentFont);
|
|
40
|
+
});
|
|
41
|
+
const getMsgColor = toRef(() => {
|
|
42
|
+
if (comStyle.value?.color) return comStyle.value;
|
|
43
|
+
return {
|
|
44
|
+
wordBreak: "break-all",
|
|
45
|
+
...comStyle.value
|
|
46
|
+
};
|
|
47
|
+
});
|
|
48
|
+
const visibleChange = async (visible, row) => {
|
|
49
|
+
if (visible) {
|
|
50
|
+
imgSrc.value = (await _api.apaas.commonInfoCard.getGetById({
|
|
51
|
+
id: props.refCardId,
|
|
52
|
+
modelKey: props.modelKey,
|
|
53
|
+
type: "CARD"
|
|
54
|
+
})).screenShoot ?? "";
|
|
55
|
+
console.log(imgSrc.value);
|
|
56
|
+
}
|
|
57
|
+
tipMap[row.value] = visible;
|
|
58
|
+
};
|
|
59
|
+
function mouseup(row) {
|
|
60
|
+
visibleChange(true, row);
|
|
61
|
+
}
|
|
62
|
+
return (_ctx, _cache) => {
|
|
63
|
+
const _component_a_popover = resolveComponent("a-popover");
|
|
64
|
+
return !!showLabel.value.length ? (openBlock(), createBlock(tag_layout_default, {
|
|
65
|
+
key: 0,
|
|
66
|
+
disabled: !!__props.disabled,
|
|
67
|
+
"label-layout": unref(labelLayout)
|
|
68
|
+
}, {
|
|
69
|
+
default: withCtx(() => [__props.tagWidgetStyle?.tagStyleOpen ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(showLabel.value, (i, index) => {
|
|
70
|
+
return openBlock(), createBlock(_component_a_popover, {
|
|
71
|
+
key: index,
|
|
72
|
+
trigger: __props.trigger,
|
|
73
|
+
visible: !!tipMap[i.value],
|
|
74
|
+
placement: "bottomLeft",
|
|
75
|
+
color: "#fff",
|
|
76
|
+
"overlay-class-name": "gct-ref-card-popover min-w100px min-h30px max-h96vh",
|
|
77
|
+
onVisibleChange: (v) => visibleChange(v, i)
|
|
78
|
+
}, {
|
|
79
|
+
content: withCtx(() => [createElementVNode("img", { src: imgSrc.value }, null, 8, _hoisted_1)]),
|
|
80
|
+
default: withCtx(() => [createVNode(tag_span_default, {
|
|
81
|
+
"tag-style": __props.tagWidgetStyle.tagStyle,
|
|
82
|
+
onMouseup: withModifiers(($event) => mouseup(i), ["stop"])
|
|
83
|
+
}, {
|
|
84
|
+
default: withCtx(() => [createElementVNode("span", {
|
|
85
|
+
class: normalizeClass(["select-text cursor-pointer", classData.value]),
|
|
86
|
+
style: normalizeStyle(getMsgColor.value)
|
|
87
|
+
}, toDisplayString(i.label), 7)]),
|
|
88
|
+
_: 2
|
|
89
|
+
}, 1032, ["tag-style", "onMouseup"])]),
|
|
90
|
+
_: 2
|
|
91
|
+
}, 1032, [
|
|
92
|
+
"trigger",
|
|
93
|
+
"visible",
|
|
94
|
+
"onVisibleChange"
|
|
95
|
+
]);
|
|
96
|
+
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(showLabel.value, (i, index) => {
|
|
97
|
+
return openBlock(), createElementBlock(Fragment, { key: index }, [createElementVNode("span", null, toDisplayString(!!index ? "，" : ""), 1), createVNode(_component_a_popover, {
|
|
98
|
+
"overlay-class-name": "gct-ref-card-popover min-w100px min-h30px max-h96vh",
|
|
99
|
+
visible: !!tipMap[i.value],
|
|
100
|
+
trigger: __props.trigger,
|
|
101
|
+
color: "#fff",
|
|
102
|
+
placement: "bottomLeft",
|
|
103
|
+
onVisibleChange: (v) => visibleChange(v, i)
|
|
104
|
+
}, {
|
|
105
|
+
content: withCtx(() => [createElementVNode("img", { src: imgSrc.value }, null, 8, _hoisted_2)]),
|
|
106
|
+
default: withCtx(() => [createElementVNode("span", {
|
|
107
|
+
class: normalizeClass(["select-text cursor-pointer", classData.value]),
|
|
108
|
+
style: normalizeStyle(getMsgColor.value),
|
|
109
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
|
|
110
|
+
onMouseup: withModifiers(($event) => mouseup(i), ["stop"])
|
|
111
|
+
}, toDisplayString(i.label), 47, _hoisted_3)]),
|
|
112
|
+
_: 2
|
|
113
|
+
}, 1032, [
|
|
114
|
+
"visible",
|
|
115
|
+
"trigger",
|
|
116
|
+
"onVisibleChange"
|
|
117
|
+
])], 64);
|
|
118
|
+
}), 128))]),
|
|
119
|
+
_: 1
|
|
120
|
+
}, 8, ["disabled", "label-layout"])) : (openBlock(), createElementBlock("span", _hoisted_4, "\xA0"));
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
//#endregion
|
|
125
|
+
export { ref_card_label_design_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -4,4 +4,5 @@ import { default as FieldCheckbox } from './FieldCheckbox';
|
|
|
4
4
|
import { default as TagLabel } from './field-label/tag-label.vue';
|
|
5
5
|
import { default as selectTag } from './field-label/selectTag.vue';
|
|
6
6
|
import { default as fieldReadonly } from './field-readonly.vue';
|
|
7
|
-
|
|
7
|
+
import { default as RefCardLabelDesign } from './field-label/ref-card-label-design.vue';
|
|
8
|
+
export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, RefCardLabelDesign, };
|
package/es/components/index.mjs
CHANGED
|
@@ -4,4 +4,5 @@ import "./form-component/field-label/selectTag.vue.mjs";
|
|
|
4
4
|
import "./form-component/FieldSelect.mjs";
|
|
5
5
|
import "./form-component/FieldRadio.mjs";
|
|
6
6
|
import "./form-component/FieldCheckbox.mjs";
|
|
7
|
+
import "./form-component/field-label/ref-card-label-design.vue.mjs";
|
|
7
8
|
import "./form-component/index.mjs";
|
package/es/index.mjs
CHANGED
|
@@ -4,10 +4,11 @@ import selectTag_default from "./components/form-component/field-label/selectTag
|
|
|
4
4
|
import FieldSelect_default from "./components/form-component/FieldSelect.mjs";
|
|
5
5
|
import FieldRadio_default from "./components/form-component/FieldRadio.mjs";
|
|
6
6
|
import FieldCheckbox_default from "./components/form-component/FieldCheckbox.mjs";
|
|
7
|
+
import ref_card_label_design_default from "./components/form-component/field-label/ref-card-label-design.vue.mjs";
|
|
7
8
|
import "./components/index.mjs";
|
|
8
9
|
//#region src/index.ts
|
|
9
10
|
var src_default = { install(app) {
|
|
10
11
|
console.log("Design Web install", app);
|
|
11
12
|
} };
|
|
12
13
|
//#endregion
|
|
13
|
-
export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, src_default as default, field_readonly_default as fieldReadonly, selectTag_default as selectTag, tag_label_default as taglabel };
|
|
14
|
+
export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, ref_card_label_design_default as RefCardLabelDesign, src_default as default, field_readonly_default as fieldReadonly, selectTag_default as selectTag, tag_label_default as taglabel };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gct-paas/design-web",
|
|
3
|
-
"version": "0.1.4-dev.
|
|
3
|
+
"version": "0.1.4-dev.19",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台设计界面移动端底包",
|
|
6
6
|
"loader": "dist/loader.esm.min.js",
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@ant-design/icons-vue": "^6.1.0",
|
|
46
|
-
"@gct-paas/api": "^0.1.2-dev.
|
|
47
|
-
"@gct-paas/core": "0.1.4-dev.
|
|
48
|
-
"@gct-paas/core-web": "0.1.4-dev.
|
|
49
|
-
"@gct-paas/design": "0.1.4-dev.
|
|
50
|
-
"@gct-paas/schema": "0.1.4-dev.
|
|
51
|
-
"@gct-paas/scss": "0.1.4-dev.
|
|
46
|
+
"@gct-paas/api": "^0.1.2-dev.2",
|
|
47
|
+
"@gct-paas/core": "0.1.4-dev.19",
|
|
48
|
+
"@gct-paas/core-web": "0.1.4-dev.19",
|
|
49
|
+
"@gct-paas/design": "0.1.4-dev.19",
|
|
50
|
+
"@gct-paas/schema": "0.1.4-dev.19",
|
|
51
|
+
"@gct-paas/scss": "0.1.4-dev.19",
|
|
52
52
|
"@vueuse/core": "^14.1.0",
|
|
53
53
|
"ant-design-vue": "~3.2.20",
|
|
54
54
|
"vue": "^3.5.30"
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"@gct-paas/scss": "*",
|
|
63
63
|
"vue": ">=3"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "efd978bbe7552b0c5ef6dbc5b62780c68aa116ab"
|
|
66
66
|
}
|