@gct-paas/render-web 0.1.6-dev.1 → 0.1.6-dev.10
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/card-view-render/card-view-render.css +71 -0
- package/es/components/card-view-render/card-view-render.d.ts +38 -0
- package/es/components/card-view-render/card-view-render.mjs +84 -0
- package/es/components/form-component/FieldSelect.mjs +1 -0
- package/es/components/form-component/field-label/ref-card-label-render.vue_vue_type_script_setup_true_lang.mjs +2 -1
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +1 -0
- package/es/index.mjs +2 -1
- package/package.json +11 -11
package/dist/index.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.tag[data-v-6c8c4c7a]{padding:4px 6px;line-height:1}.tag+.tag[data-v-6c8c4c7a]{margin-left:5px}.tag-radius[data-v-6c8c4c7a]{background:var(--v2ae1b805);border-radius:4px}.tag-linear_radius[data-v-6c8c4c7a]{border:1px solid var(--v2ae1b805);border-radius:4px}.tag-big_radius[data-v-6c8c4c7a]{background:var(--v2ae1b805);border-radius:100px}.tag-linear_big_radius[data-v-6c8c4c7a]{border:1px solid var(--v2ae1b805);border-radius:100px}.tag-dashed_radius[data-v-6c8c4c7a]{border:1px dashed var(--v2ae1b805);border-radius:4px}.tag-status[data-v-6c8c4c7a]{background:var(--v2ae1b805);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-6c507fe8]{opacity:.5}.label-ellipsis[data-v-6c507fe8]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-6c507fe8]{word-break:break-all;white-space:wrap}.select-text[data-v-6c507fe8]{min-width:16px}.gct-ref-card-popover{overflow-y:auto;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}.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}.tag[data-v-ddac8ce3]{white-space:nowrap;align-items:center;height:22px;margin-left:8px;font-size:12px;line-height:22px;display:flex}.radius[data-v-ddac8ce3],.surface_radius[data-v-ddac8ce3],.line_radius[data-v-ddac8ce3],.line_dashed_radius[data-v-ddac8ce3]{border-radius:3px;padding-left:6px;padding-right:6px}.big_radius[data-v-ddac8ce3],.surface_big_radius[data-v-ddac8ce3],.line_big_radius[data-v-ddac8ce3]{border-radius:50px;padding-left:8px;padding-right:8px}.line_status[data-v-ddac8ce3],.surface_status[data-v-ddac8ce3],.status[data-v-ddac8ce3]{border-radius:11px 3px 3px;padding-left:8px;padding-right:8px}.tag-area[data-v-0f2f02cc]{flex-wrap:nowrap;width:auto}
|
|
1
|
+
.tag[data-v-6c8c4c7a]{padding:4px 6px;line-height:1}.tag+.tag[data-v-6c8c4c7a]{margin-left:5px}.tag-radius[data-v-6c8c4c7a]{background:var(--v2ae1b805);border-radius:4px}.tag-linear_radius[data-v-6c8c4c7a]{border:1px solid var(--v2ae1b805);border-radius:4px}.tag-big_radius[data-v-6c8c4c7a]{background:var(--v2ae1b805);border-radius:100px}.tag-linear_big_radius[data-v-6c8c4c7a]{border:1px solid var(--v2ae1b805);border-radius:100px}.tag-dashed_radius[data-v-6c8c4c7a]{border:1px dashed var(--v2ae1b805);border-radius:4px}.tag-status[data-v-6c8c4c7a]{background:var(--v2ae1b805);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-6c507fe8]{opacity:.5}.label-ellipsis[data-v-6c507fe8]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-wrap[data-v-6c507fe8]{word-break:break-all;white-space:wrap}.select-text[data-v-6c507fe8]{min-width:16px}.gct-card-view-render{position:relative}.gct-card-view-render .gct-design-render{width:auto;height:auto}.gct-ref-card-popover{overflow-y:auto;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}.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}.tag[data-v-ddac8ce3]{white-space:nowrap;align-items:center;height:22px;margin-left:8px;font-size:12px;line-height:22px;display:flex}.radius[data-v-ddac8ce3],.surface_radius[data-v-ddac8ce3],.line_radius[data-v-ddac8ce3],.line_dashed_radius[data-v-ddac8ce3]{border-radius:3px;padding-left:6px;padding-right:6px}.big_radius[data-v-ddac8ce3],.surface_big_radius[data-v-ddac8ce3],.line_big_radius[data-v-ddac8ce3]{border-radius:50px;padding-left:8px;padding-right:8px}.line_status[data-v-ddac8ce3],.surface_status[data-v-ddac8ce3],.status[data-v-ddac8ce3]{border-radius:11px 3px 3px;padding-left:8px;padding-right:8px}.tag-area[data-v-0f2f02cc]{flex-wrap:nowrap;width:auto}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/loader.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{CARD_TRIGGER_ENUM as e,EntityModelCategoryEnum as t,FIELD_TYPE as l,FormComponents as a,MaterialEnum as o,TagTypeEnum as r,cssLoader as n,gctMemoizeAsync as i,transformUrl as s}from"@gct-paas/core";import{CardViewRender as d,schemaToStyle as u,transformDataToDict as c}from"@gct-paas/render";import{Fragment as p,computed as g,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as f,createTextVNode as m,createVNode as h,defineComponent as x,h as S,inject as _,isVNode as C,mergeProps as w,normalizeClass as T,normalizeStyle as E,onMounted as k,openBlock as N,provide as P,reactive as B,ref as I,renderList as L,renderSlot as O,resolveComponent as M,toDisplayString as R,toRef as F,unref as W,useCssVars as D,withCtx as V,withModifiers as j}from"vue";import{Avatar as A,Checkbox as K,CheckboxGroup as $,Radio as U,RadioGroup as q,Select as H}from"ant-design-vue";import{isString as z,pick as G}from"lodash-es";var Y=Symbol("PAGE_EVENT"),J=e=>P(Y,e),Q=()=>{const e=_(Y);if(!e)throw new Error("PAGE_EVENT not provided");return e},X=(e,t)=>{const l=e.__vccOpts||e;for(const[a,o]of t)l[a]=o;return l},Z=/* @__PURE__ */X(/* @__PURE__ */x({__name:"tag-span",props:{tagStyle:{}},setup(e){D(e=>({v2ae1b805:a.value}));const t=e,l=F(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.tagType)||r.RADIUS}),a=F(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),o=F(()=>`tag-${l.value}`);return(e,t)=>(N(),b("span",{class:T(["tag cursor-pointer",o.value])},[O(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-6c8c4c7a"]]),ee=/* @__PURE__ */X(/* @__PURE__ */x({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(t,l)=>{var a,o,r,n;return N(),b("span",{class:T([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===(n=e.labelLayout)||void 0===n?void 0:n.overLabelDisplay)?"label-ellipsis":"label-wrap"])},[O(t.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),te={class:"select-text"},le={class:"select-text"},ae={key:0},oe=/* @__PURE__ */x({__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=_("labelLayout",{}),r=F(()=>{var e;let a=t.label??"";return t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||t.type===l.ENUM_MULTI||t.type===l.ENUM?a?z(a)?a.split(","):a:[]:a instanceof Array?a.join(","):a+""}),n=F(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?u(l):{}}),i=(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=n.value)||void 0===a?void 0:a.color)?n.value:{wordBreak:"break-all",...n.value,...r}},d={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 S(M("icon-next"),{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,n)=>{var u;const c=M("icon-next");return e.showTagStyle&&(null===(u=e.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(N(),v(ee,{key:0,disabled:!!e.disabled,"label-layout":W(o)},{default:V(()=>[(N(!0),b(p,null,L(r.value,(l,o)=>(N(),v(Z,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:E(i(l))},{default:V(()=>[t.avatar?(N(),v(W(A),{key:0,src:W(s)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):y("",!0),h(d,{"label-name":l},null,8,["label-name"]),f("span",te,R(l),1),e.closable?(N(),v(c,{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:n[0]||(n[0]=j(e=>a.$emit("on-close"),["prevent","stop"]))})):y("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===W(l).ENUM_MULTI||e.type===W(l).ENUM?(N(),v(ee,{key:1,disabled:!!e.disabled,"label-layout":W(o)},{default:V(()=>[(N(!0),b(p,null,L(r.value,(t,l)=>{var a;return N(),b("span",{key:l,style:E(i(t)),class:"mr-5px"},[h(d,{"label-name":t},null,8,["label-name"]),f("span",le,R(t)+R(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&l<r.value.length-1?",":""),1)],4)}),128)),r.value.length?y("",!0):(N(),b("span",ae," "))]),_:1},8,["disabled","label-layout"])):(N(),v(ee,{key:2,style:E(i(r.value)),disabled:!!e.disabled,"label-layout":W(o),class:"select-text leading-none"},{default:V(()=>[m(R(r.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),re=/* @__PURE__ */X(oe,[["__scopeId","data-v-6c507fe8"]]),ne=/* @__PURE__ */x({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const t=e,l=F(()=>{return t.tagWidgetStyle.tagStyleOpen?t.tagWidgetStyle:{tagStyleOpen:!0,contentFont:null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont};var e});return(e,t)=>(N(),v(re,{"tag-widget-style":l.value},null,8,["tag-widget-style"]))}}),ie=["onMouseup"],se={key:1},de=/* @__PURE__ */x({__name:"ref-card-label-render",props:{tagWidgetStyle:{},disabled:{type:Boolean},values:{},label:{},showTagStyle:{type:Boolean,default:!0},trigger:{},getCardData:{},modelKey:{},refCardId:{}},setup(t){const l=t,a=l.trigger===e.HOVER?"primary-gct-hover":"primary-gct",o=_("labelLayout",{}),r=B({}),n=g(()=>{var e;const t=("string"==typeof l.label?(l.label??"").split(","):l.label)??[];return(null===(e=l.values)||void 0===e?void 0:e.filter((e,l)=>t[l]).map((e,l)=>({value:e,label:t[l]})))??[]}),i=F(()=>{var e;const t=null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return t?u(t):{}}),s=F(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.color)?i.value:{wordBreak:"break-all",...i.value}}),c=async(e,t)=>{r[t.value]=e};function y(e){c(!0,e)}function m(e){return l.getCardData.bind(null,e)}return(e,l)=>{const i=M("a-spin"),u=M("a-popover");return n.value.length?(N(),v(ee,{key:0,disabled:!!t.disabled,"label-layout":W(o)},{default:V(()=>{var e;return[t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(N(!0),b(p,{key:0},L(n.value,(e,l)=>(N(),v(u,{key:l,trigger:t.trigger,visible:!!r[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:t=>c(t,e)},{content:V(()=>[h(W(d),{id:t.refCardId,"model-key":t.modelKey,fetch:m(e.value)},{loading:V(()=>[h(i)]),_:1},8,["id","model-key","fetch"])]),default:V(()=>[h(Z,{"tag-style":t.tagWidgetStyle.tagStyle,onMouseup:t=>y(e)},{default:V(()=>[f("span",{class:T(["select-text cursor-pointer",W(a)]),style:E(s.value)},R(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(N(!0),b(p,{key:1},L(n.value,(e,o)=>(N(),b(p,{key:o},[f("span",null,R(o?",":""),1),h(u,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!r[e.value],trigger:t.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:t=>c(t,e)},{content:V(()=>[h(W(d),{id:t.refCardId,"model-key":t.modelKey,fetch:m(e.value)},{loading:V(()=>[h(i)]),_:1},8,["id","model-key","fetch"])]),default:V(()=>[f("span",{class:T(["select-text cursor-pointer",W(a)]),style:E(s.value),onClick:l[0]||(l[0]=j(()=>{},["stop"])),onMouseup:t=>y(e)},R(e.label),47,ie)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(N(),b("span",se," "))}}}),ue=de;function ce(e){const{fieldType:t,refCard:a,refCardId:o,readonly:r}=e.widget.props;(t===l.REF||t===l.REF_MULTI||t===l.RDO_REF)&&a&&o&&r&&P("refCardValues",{refCardValues:F(()=>{const t=e.modelValue??[];return t instanceof Array?t:t.split(",")}),widget:e.widget})}function pe(){var e;const t=_("refCardValues");if(!t)return{};const{fieldType:l,bindModelKey:a,refCardId:o,cardTrigger:r}=(null==t||null===(e=t.widget)||void 0===e?void 0:e.props)||{};return{refCardValues:null==t?void 0:t.refCardValues,trigger:r,getCardData:i(ge,{fieldType:l,modelKey:a}),modelKey:a,refCardId:o}}async function ge({fieldType:e,modelKey:a},o){if(e===l.RDO_REF){const{data:e={},dict:l={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"rdoGetVersionByRefId",modelCategory:t.ENTITY},{foreignFields:[]},{includeDeleted:1,refId:o});return c(e,l)}{const{data:e={},dict:l={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"getOne",modelCategory:t.ENTITY},{query:{"id_.eq":o},foreignFields:[]},{includeDeleted:1});return c(e,l)}}var ve={key:0,class:"w100% ell"},ye={key:0,class:"gct-custom-tag ml8px"},be=/* @__PURE__ */x({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=I(!1),o=g(()=>Array.isArray(t.label)?t.label.join(","):t.label),{refCardValues:r,trigger:n,getCardData:i,modelKey:s,refCardId:d}=pe(),u=g(()=>{var e;return(null==r||null===(e=r.value)||void 0===e?void 0:e.length)?S(ue,{values:r.value,trigger:n,getCardData:i,modelKey:s,refCardId:d}):re});function c(e){var l;if(!t.isTooltip)return;const o=null===(l=e.target)||void 0===l?void 0:l.parentNode;o.scrollWidth>o.clientWidth&&(a.value=!0)}function p(){a.value=!1}return(r,n)=>{const i=M("a-tooltip");return N(),v(i,{placement:"topLeft",visible:a.value},{title:V(()=>[m(R(o.value),1)]),default:V(()=>{var a;return[t.type===W(l).RDO_REF?(N(),b("div",ve,[h(W(u),w(r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:c,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===W(l).RDO_REF&&t.modelValue&&!(null===(a=t.modelValue)||void 0===a?void 0:a.includes(":"))?(N(),b("span",ye," 默认 ")):y("",!0)])):(N(),v(W(u),w({key:1},r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:c,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),fe=be,me=/* @__PURE__ */x({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,Array],maxTagCount:{type:[Number,String],default:5},maxTagTextLength:{type:Number,default:6},selectOptionLabel:{type:String}},setup(e,{emit:t}){const l=g({get:()=>e.value,set(e){t("update:value",e)}}),o=(t,{name:l,iconExtraProps:a,otherParams:o={}})=>S(t,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,disabled:e.disabled,iconExtraProps:a,...o}),r=g(()=>(e.options??[]).map(t=>{var l;const{iconColor:a,icon:r,textColor:n}=t._item||{};return{...t,[(null===(l=e.selectExtraProps)||void 0===l?void 0:l.optionLabelProp)||"titleLabel"]:o(re,{name:t.label,iconExtraProps:{[t.label]:{icon:r,iconColor:a,textColor:n}}})}}));function n(e,t){var l;const{_DICT:a={}}=e,o=e[t];return(null===(l=a[t])||void 0===l||null===(l=l[o])||void 0===l?void 0:l.join(","))??o??e.id_}const i=g(()=>{if(e.readonly){var t;const a=(null===(t=r.value)||void 0===t?void 0:t.filter(t=>{var a;if("multiple"===(null===(a=e.selectExtraProps)||void 0===a?void 0:a.mode))return Array.isArray(l.value)&&l.value.includes(t.value)}))??[],o=Object.fromEntries((null==a?void 0:a.map(e=>[e.label,G((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:a.map(e=>e.label),icons:o}}return{}}),d={option:t=>{const{label:l,_item:r={}}=t;return e.type===a.Userpicker?h("div",{class:"flex items-center"},[h(A,{size:30,style:"margin: 0 8px;min-width:32px",src:s(r.avatar)},null),h("div",{style:"width:calc(100% - 35px)"},[h("div",{class:" w100% ell",title:l},[l]),h("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(re,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):l,iconExtraProps:{[l]:G(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},u=t=>{var l;const{label:a,option:o,closable:r,onClose:n}=t,{_item:i={}}=o||{};return(({name:t,title:l,iconExtraProps:a,avatar:o,otherParams:r={}})=>h(ne,w({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,avatar:o,title:(null==l?void 0:l.length)>e.maxTagTextLength?l:null,disabled:e.disabled,iconExtraProps:a},r),null))({name:a,title:null==o?void 0:o.label,avatar:null==o||null===(l=o._item)||void 0===l?void 0:l.avatar,iconExtraProps:{[a]:G(i,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":n,style:"margin-right: 4px"}})};return()=>{var t,a,n,s;return e.readonly?o(fe,{name:null===(t=i.value)||void 0===t?void 0:t.labels,iconExtraProps:null===(a=i.value)||void 0===a?void 0:a.icons}):h(H,w({class:["field-select","w100%"],value:l.value,"onUpdate:value":e=>l.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===(n=e.selectExtraProps)||void 0===n?void 0:n.mode)?"gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear":"gct-project-select-dropdown vxe-table--ignore-clear"},e.selectExtraProps),(null===(s=e.selectExtraProps)||void 0===s?void 0:s.optionNoStyle)?null:d)}}}),he=/* @__PURE__ */x({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=g({get:()=>e.value,set(e){t("update:value",e)}});return()=>{let t;return h(q,{value:l.value,"onUpdate:value":e=>l.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!C(e)}(t=(e.options??[]).map(t=>{const l=t,{icon:a,iconColor:o,textColor:r}=(null==l?void 0:l._item)||{};return h(U,{key:l.value,value:l.value},{default:()=>[h(fe,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})}))?t:{default:()=>[t]})}}}),xe=/* @__PURE__ */x({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:Object,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:{type:[String,Array],required:!0}},setup(e,{emit:t}){const a=e.fieldType===l.BOOLEAN,o=g({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=g(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>h($,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:e.disabled,class:["field-checkbox-group",e.readonly?"field-checkbox-group--readonly":""]},{default:()=>{var t;return[null===(t=r.value)||void 0===t?void 0:t.map(t=>{const l=t,{icon:a,iconColor:o,textColor:r}=(null==l?void 0:l._item)||{};return h(K,{key:l.value,value:l.value},{default:()=>[h(fe,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),Se={grad:.9,turn:360,rad:360/(2*Math.PI)},_e=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},Ce=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=Math.pow(10,t)),Math.round(l*e)/l+0},we=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=1),e>l?l:e>t?e:t},Te=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},Ee=function(e){return{r:we(e.r,0,255),g:we(e.g,0,255),b:we(e.b,0,255),a:we(e.a)}},ke=function(e){return{r:Ce(e.r),g:Ce(e.g),b:Ce(e.b),a:Ce(e.a,3)}},Ne=/^#([0-9a-f]{3,8})$/i,Pe=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Be=function(e){var t=e.r,l=e.g,a=e.b,o=e.a,r=Math.max(t,l,a),n=r-Math.min(t,l,a),i=n?r===t?(l-a)/n:r===l?2+(a-t)/n:4+(t-l)/n:0;return{h:60*(i<0?i+6:i),s:r?n/r*100:0,v:r/255*100,a:o}},Ie=function(e){var t=e.h,l=e.s,a=e.v,o=e.a;t=t/360*6,l/=100,a/=100;var r=Math.floor(t),n=a*(1-l),i=a*(1-(t-r)*l),s=a*(1-(1-t+r)*l),d=r%6;return{r:255*[a,i,n,n,s,a][d],g:255*[s,a,a,i,n,n][d],b:255*[n,n,s,a,a,i][d],a:o}},Le=function(e){return{h:Te(e.h),s:we(e.s,0,100),l:we(e.l,0,100),a:we(e.a)}},Oe=function(e){return{h:Ce(e.h),s:Ce(e.s),l:Ce(e.l),a:Ce(e.a,3)}},Me=function(e){return Ie((l=(t=e).s,{h:t.h,s:(l*=((a=t.l)<50?a:100-a)/100)>0?2*l/(a+l)*100:0,v:a+l,a:t.a}));var t,l,a},Re=function(e){return{h:(t=Be(e)).h,s:(o=(200-(l=t.s))*(a=t.v)/100)>0&&o<200?l*a/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,l,a,o},Fe=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,We=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,De=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ve=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,je={string:[[function(e){var t=Ne.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?Ce(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?Ce(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=De.exec(e)||Ve.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:Ee({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t,l,a=Fe.exec(e)||We.exec(e);return a?Me(Le({h:(t=a[1],l=a[2],void 0===l&&(l="deg"),Number(t)*(Se[l]||1)),s:Number(a[3]),l:Number(a[4]),a:void 0===a[5]?1:Number(a[5])/(a[6]?100:1)})):null},"hsl"]],object:[[function(e){var t=e.r,l=e.g,a=e.b,o=e.a,r=void 0===o?1:o;return _e(t)&&_e(l)&&_e(a)?Ee({r:Number(t),g:Number(l),b:Number(a),a:Number(r)}):null},"rgb"],[function(e){var t=e.h,l=e.s,a=e.l,o=e.a,r=void 0===o?1:o;return _e(t)&&_e(l)&&_e(a)?Me(Le({h:Number(t),s:Number(l),l:Number(a),a:Number(r)})):null},"hsl"],[function(e){var t=e.h,l=e.s,a=e.v,o=e.a,r=void 0===o?1:o;return _e(t)&&_e(l)&&_e(a)?Ie(function(e){return{h:Te(e.h),s:we(e.s,0,100),v:we(e.v,0,100),a:we(e.a)}}({h:Number(t),s:Number(l),v:Number(a),a:Number(r)})):null},"hsv"]]},Ae=function(e,t){for(var l=0;l<t.length;l++){var a=t[l][0](e);if(a)return[a,t[l][1]]}return[null,void 0]},Ke=function(e,t){var l=Re(e);return{h:l.h,s:we(l.s+100*t,0,100),l:l.l,a:l.a}},$e=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},Ue=function(e,t){var l=Re(e);return{h:l.h,s:l.s,l:we(l.l+100*t,0,100),a:l.a}},qe=function(){function e(e){this.parsed=function(e){return"string"==typeof e?Ae(e.trim(),je.string):"object"==typeof e&&null!==e?Ae(e,je.object):[null,void 0]}(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return null!==this.parsed},e.prototype.brightness=function(){return Ce($e(this.rgba),2)},e.prototype.isDark=function(){return $e(this.rgba)<.5},e.prototype.isLight=function(){return $e(this.rgba)>=.5},e.prototype.toHex=function(){return t=(e=ke(this.rgba)).r,l=e.g,a=e.b,r=(o=e.a)<1?Pe(Ce(255*o)):"","#"+Pe(t)+Pe(l)+Pe(a)+r;var e,t,l,a,o,r},e.prototype.toRgb=function(){return ke(this.rgba)},e.prototype.toRgbString=function(){return t=(e=ke(this.rgba)).r,l=e.g,a=e.b,(o=e.a)<1?"rgba("+t+", "+l+", "+a+", "+o+")":"rgb("+t+", "+l+", "+a+")";var e,t,l,a,o},e.prototype.toHsl=function(){return Oe(Re(this.rgba))},e.prototype.toHslString=function(){return t=(e=Oe(Re(this.rgba))).h,l=e.s,a=e.l,(o=e.a)<1?"hsla("+t+", "+l+"%, "+a+"%, "+o+")":"hsl("+t+", "+l+"%, "+a+"%)";var e,t,l,a,o},e.prototype.toHsv=function(){return e=Be(this.rgba),{h:Ce(e.h),s:Ce(e.s),v:Ce(e.v),a:Ce(e.a,3)};var e},e.prototype.invert=function(){return He({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&&(e=.1),He(Ke(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),He(Ke(this.rgba,-e))},e.prototype.grayscale=function(){return He(Ke(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),He(Ue(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),He(Ue(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&&(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return"number"==typeof e?He({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):Ce(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=Re(this.rgba);return"number"==typeof e?He({h:e,s:t.s,l:t.l,a:t.a}):Ce(t.h)},e.prototype.isEqual=function(e){return this.toHex()===He(e).toHex()},e}(),He=function(e){return e instanceof qe?e:new qe(e)},ze=/* @__PURE__ */X(/* @__PURE__ */x({__name:"multi-field-item",props:{config:{},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=Q(),a=I(),o=g(()=>{var e;return(null===(e=t.config)||void 0===e||null===(e=e.event)||void 0===e?void 0:e.name)?t.isDesign?"辅助字段":a.value:""}),r=g(()=>t.config.style.labelType.includes("surface_")?{background:t.config.style.color,color:"#fff"}:t.config.style.labelType.includes("line_dashed_")?{border:`1px dashed ${He(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:t.config.style.labelType.includes("line_")?{border:`1px solid ${He(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:{background:He(t.config.style.color).alpha(.1).toRgbString(),color:t.config.style.color,border:`1px solid ${He(t.config.style.color).alpha(.5).toRgbString()}`});return k(async()=>{var e,o,r;(null===(e=t.config)||void 0===e||null===(e=e.event)||void 0===e?void 0:e.name)&&!t.isDesign&&(a.value=await l.runExportByName(null===(o=t.config)||void 0===o||null===(o=o.event)||void 0===o?void 0:o.name,{},t.rowValue,null===(r=t.config)||void 0===r||null===(r=r.event)||void 0===r?void 0:r.extraParams))}),(e,l)=>o.value?(N(),b("div",{key:0,class:T(["tag",t.config.style.labelType]),style:E(r.value)},R(o.value),7)):y("",!0)}}),[["__scopeId","data-v-ddac8ce3"]]),Ge={key:0,class:"flex tag-area"},Ye=/* @__PURE__ */X(/* @__PURE__ */x({__name:"multi-field-display",props:{widget:{},rowReadonly:{type:Boolean},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=g(()=>t.rowReadonly&&t.widget.materialType===o.MaterialTableField&&t.widget.props.multiFieldDisplay);return(a,o)=>l.value?(N(),b("div",Ge,[(N(!0),b(p,null,L(t.widget.props.multiFieldConfig,(l,a)=>(N(),b("div",{key:a},[h(ze,{config:l,"is-design":t.isDesign,"row-value":e.rowValue},null,8,["config","is-design","row-value"])]))),128))])):y("",!0)}}),[["__scopeId","data-v-0f2f02cc"]]);function Je(){console.log("Hello World!")}var Qe=new URL("./index.min.css",import.meta.url);n.load(Qe.href);export{xe as FieldCheckbox,he as FieldRadio,me as FieldSelect,Ye as MultiFieldDisplay,Z as Tag,fe as fieldReadonly,ge as getDataByModelType,ue as refCardLabelRender,Je as run,ne as selectTag,J as setupPageEvent,re as taglabel,pe as useGetRefCard,Q as usePageEvent,ce as useRefCardData};
|
|
1
|
+
import{CARD_TRIGGER_ENUM as e,EntityModelCategoryEnum as t,FIELD_TYPE as l,FormComponents as a,MaterialEnum as o,TagTypeEnum as r,cssLoader as n,gctMemoizeAsync as i,transformUrl as s,useNamespace as d}from"@gct-paas/core";import{DesignRender as u,DesignRenderViewPrefix as c,schemaToStyle as p,transformDataToDict as v}from"@gct-paas/render";import{Fragment as g,computed as y,createBlock as b,createCommentVNode as f,createElementBlock as m,createElementVNode as h,createTextVNode as x,createVNode as S,defineComponent as C,h as _,inject as w,isVNode as T,mergeProps as E,nextTick as N,normalizeClass as k,normalizeStyle as I,onMounted as P,openBlock as B,provide as R,reactive as L,ref as O,renderList as M,renderSlot as W,resolveComponent as F,toDisplayString as D,toRef as V,unref as A,useCssVars as K,withCtx as j,withModifiers as $}from"vue";import{Avatar as U,Checkbox as q,CheckboxGroup as H,Radio as z,RadioGroup as G,Select as J}from"ant-design-vue";import{isString as Y,pick as Q}from"lodash-es";var X=Symbol("PAGE_EVENT"),Z=e=>R(X,e),ee=()=>{const e=w(X);if(!e)throw new Error("PAGE_EVENT not provided");return e},te=(e,t)=>{const l=e.__vccOpts||e;for(const[a,o]of t)l[a]=o;return l},le=/* @__PURE__ */te(/* @__PURE__ */C({__name:"tag-span",props:{tagStyle:{}},setup(e){K(e=>({v2ae1b805:a.value}));const t=e,l=V(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.tagType)||r.RADIUS}),a=V(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),o=V(()=>`tag-${l.value}`);return(e,t)=>(B(),m("span",{class:k(["tag cursor-pointer",o.value])},[W(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-6c8c4c7a"]]),ae=/* @__PURE__ */te(/* @__PURE__ */C({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(t,l)=>{var a,o,r,n;return B(),m("span",{class:k([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===(n=e.labelLayout)||void 0===n?void 0:n.overLabelDisplay)?"label-ellipsis":"label-wrap"])},[W(t.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),oe={class:"select-text"},re={class:"select-text"},ne={key:0},ie=/* @__PURE__ */C({__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=w("labelLayout",{}),r=V(()=>{var e;let a=t.label??"";return t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||t.type===l.ENUM_MULTI||t.type===l.ENUM?a?Y(a)?a.split(","):a:[]:a instanceof Array?a.join(","):a+""}),n=V(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?p(l):{}}),i=(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=n.value)||void 0===a?void 0:a.color)?n.value:{wordBreak:"break-all",...n.value,...r}},d={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 _(F("icon-next"),{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,n)=>{var u;const c=F("icon-next");return e.showTagStyle&&(null===(u=e.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(B(),b(ae,{key:0,disabled:!!e.disabled,"label-layout":A(o)},{default:j(()=>[(B(!0),m(g,null,M(r.value,(l,o)=>(B(),b(le,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:I(i(l))},{default:j(()=>[t.avatar?(B(),b(A(U),{key:0,src:A(s)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):f("",!0),S(d,{"label-name":l},null,8,["label-name"]),h("span",oe,D(l),1),e.closable?(B(),b(c,{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:n[0]||(n[0]=$(e=>a.$emit("on-close"),["prevent","stop"]))})):f("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===A(l).ENUM_MULTI||e.type===A(l).ENUM?(B(),b(ae,{key:1,disabled:!!e.disabled,"label-layout":A(o)},{default:j(()=>[(B(!0),m(g,null,M(r.value,(t,l)=>{var a;return B(),m("span",{key:l,style:I(i(t)),class:"mr-5px"},[S(d,{"label-name":t},null,8,["label-name"]),h("span",re,D(t)+D(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&l<r.value.length-1?",":""),1)],4)}),128)),r.value.length?f("",!0):(B(),m("span",ne," "))]),_:1},8,["disabled","label-layout"])):(B(),b(ae,{key:2,style:I(i(r.value)),disabled:!!e.disabled,"label-layout":A(o),class:"select-text leading-none"},{default:j(()=>[x(D(r.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),se=/* @__PURE__ */te(ie,[["__scopeId","data-v-6c507fe8"]]),de=/* @__PURE__ */C({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const t=e,l=V(()=>{return t.tagWidgetStyle.tagStyleOpen?t.tagWidgetStyle:{tagStyleOpen:!0,contentFont:null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont};var e});return(e,t)=>(B(),b(se,{"tag-widget-style":l.value},null,8,["tag-widget-style"]))}}),ue=i(_api.apaas.commonInfoCard.getGetById),ce=/* @__PURE__ */C({name:"CardViewRender",props:{id:{type:String,required:!0},modelKey:{type:String,required:!0},fetch:{type:Function},preview:{type:Boolean,default:!1}},emits:["mounted"],setup(e,{emit:t,slots:l}){const a=d("card-view-render"),o=O(!1),r=O(!1),n=O(null),i=O({}),s=y(()=>{var e;return n.value?{width:(null===(e=n.value.pageNode)||void 0===e?void 0:e.data.width)?`${n.value.pageNode.data.width}px`:""}:{}});return async function(){if(e.id){try{o.value=!0,await async function(){const t=await ue({id:e.id,modelKey:e.modelKey,type:"CARD"});t&&t.designerJson&&(n.value=JSON.parse(decodeURIComponent(t.designerJson)))}(),!0!==e.preview&&e.fetch&&(i.value=await e.fetch()||{})}catch(l){console.error(l)}finally{o.value=!1}r.value=!0,await N(),setTimeout(()=>{var e;t("mounted",null===(e=n.value)||void 0===e||null===(e=e.pageNode)||void 0===e?void 0:e.data)})}}(),()=>{var t;return S("div",{class:a.b(),style:s.value},[o.value&&l.loading?null===(t=l.loading)||void 0===t?void 0:t.call(l):null,n.value&&r.value?S(u,{context:{data:i.value,id:e.id,modelKey:e.modelKey},model:{nodes:n.value.nodes,pageNode:n.value.pageNode,tree:n.value.tree,type:c.CARD_VIEW},prefix:c.CARD_VIEW,preview:e.preview},null):null])}}}),pe=["onMouseup"],ve={key:1},ge=/* @__PURE__ */C({__name:"ref-card-label-render",props:{tagWidgetStyle:{},disabled:{type:Boolean},values:{},label:{},showTagStyle:{type:Boolean,default:!0},trigger:{},getCardData:{},modelKey:{},refCardId:{}},setup(t){const l=t,a=l.trigger===e.HOVER?"primary-gct-hover":"primary-gct",o=w("labelLayout",{}),r=L({}),n=y(()=>{var e;const t=("string"==typeof l.label?(l.label??"").split(","):l.label)??[];return(null===(e=l.values)||void 0===e?void 0:e.filter((e,l)=>t[l]).map((e,l)=>({value:e,label:t[l]})))??[]}),i=V(()=>{var e;const t=null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return t?p(t):{}}),s=V(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.color)?i.value:{wordBreak:"break-all",...i.value}}),d=async(e,t)=>{r[t.value]=e};function u(e){d(!0,e)}function c(e){return l.getCardData.bind(null,e)}return(e,l)=>{const i=F("a-spin"),p=F("a-popover");return n.value.length?(B(),b(ae,{key:0,disabled:!!t.disabled,"label-layout":A(o)},{default:j(()=>{var e;return[t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(B(!0),m(g,{key:0},M(n.value,(e,l)=>(B(),b(p,{key:l,trigger:t.trigger,visible:!!r[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:t=>d(t,e)},{content:j(()=>[S(A(ce),{id:t.refCardId,"model-key":t.modelKey,fetch:c(e.value)},{loading:j(()=>[S(i)]),_:1},8,["id","model-key","fetch"])]),default:j(()=>[S(le,{"tag-style":t.tagWidgetStyle.tagStyle,onMouseup:t=>u(e)},{default:j(()=>[h("span",{class:k(["select-text cursor-pointer",A(a)]),style:I(s.value)},D(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(B(!0),m(g,{key:1},M(n.value,(e,o)=>(B(),m(g,{key:o},[h("span",null,D(o?",":""),1),S(p,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!r[e.value],trigger:t.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:t=>d(t,e)},{content:j(()=>[S(A(ce),{id:t.refCardId,"model-key":t.modelKey,fetch:c(e.value)},{loading:j(()=>[S(i)]),_:1},8,["id","model-key","fetch"])]),default:j(()=>[h("span",{class:k(["select-text cursor-pointer",A(a)]),style:I(s.value),onClick:l[0]||(l[0]=$(()=>{},["stop"])),onMouseup:t=>u(e)},D(e.label),47,pe)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(B(),m("span",ve," "))}}}),ye=ge;function be(e){const{fieldType:t,refCard:a,refCardId:o,readonly:r}=e.widget.props;(t===l.REF||t===l.REF_MULTI||t===l.RDO_REF)&&a&&o&&r&&R("refCardValues",{refCardValues:V(()=>{const t=e.modelValue??[];return t instanceof Array?t:t.split(",")}),widget:e.widget})}function fe(){var e;const t=w("refCardValues");if(!t)return{};const{fieldType:l,bindModelKey:a,refCardId:o,cardTrigger:r}=(null==t||null===(e=t.widget)||void 0===e?void 0:e.props)||{};return{refCardValues:null==t?void 0:t.refCardValues,trigger:r,getCardData:i(me,{fieldType:l,modelKey:a}),modelKey:a,refCardId:o}}async function me({fieldType:e,modelKey:a},o){if(e===l.RDO_REF){const{data:e={},dict:l={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"rdoGetVersionByRefId",modelCategory:t.ENTITY},{foreignFields:[]},{includeDeleted:1,refId:o});return v(e,l)}{const{data:e={},dict:l={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"getOne",modelCategory:t.ENTITY},{query:{"id_.eq":o},foreignFields:[]},{includeDeleted:1});return v(e,l)}}var he={key:0,class:"w100% ell"},xe={key:0,class:"gct-custom-tag ml8px"},Se=/* @__PURE__ */C({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=O(!1),o=y(()=>Array.isArray(t.label)?t.label.join(","):t.label),{refCardValues:r,trigger:n,getCardData:i,modelKey:s,refCardId:d}=fe(),u=y(()=>{var e;return(null==r||null===(e=r.value)||void 0===e?void 0:e.length)?_(ye,{values:r.value,trigger:n,getCardData:i,modelKey:s,refCardId:d}):se});function c(e){var l;if(!t.isTooltip)return;const o=null===(l=e.target)||void 0===l?void 0:l.parentNode;o.scrollWidth>o.clientWidth&&(a.value=!0)}function p(){a.value=!1}return(r,n)=>{const i=F("a-tooltip");return B(),b(i,{placement:"topLeft",visible:a.value},{title:j(()=>[x(D(o.value),1)]),default:j(()=>{var a;return[t.type===A(l).RDO_REF?(B(),m("div",he,[S(A(u),E(r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:c,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===A(l).RDO_REF&&t.modelValue&&!(null===(a=t.modelValue)||void 0===a?void 0:a.includes(":"))?(B(),m("span",xe," 默认 ")):f("",!0)])):(B(),b(A(u),E({key:1},r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:c,onMouseleave:p}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),Ce=Se,_e=/* @__PURE__ */C({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,Array],maxTagCount:{type:[Number,String],default:5},maxTagTextLength:{type:Number,default:6},selectOptionLabel:{type:String}},setup(e,{emit:t}){const l=y({get:()=>e.value,set(e){t("update:value",e)}}),o=(t,{name:l,iconExtraProps:a,otherParams:o={}})=>_(t,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,disabled:e.disabled,iconExtraProps:a,...o}),r=y(()=>(e.options??[]).map(t=>{var l;const{iconColor:a,icon:r,textColor:n}=t._item||{};return{...t,[(null===(l=e.selectExtraProps)||void 0===l?void 0:l.optionLabelProp)||"titleLabel"]:o(se,{name:t.label,iconExtraProps:{[t.label]:{icon:r,iconColor:a,textColor:n}}})}}));function n(e,t){var l;const{_DICT:a={}}=e,o=e[t];return(null===(l=a[t])||void 0===l||null===(l=l[o])||void 0===l?void 0:l.join(","))??o??e.id_}const i=y(()=>{if(e.readonly){var t;const a=(null===(t=r.value)||void 0===t?void 0:t.filter(t=>{var a;return"multiple"===(null===(a=e.selectExtraProps)||void 0===a?void 0:a.mode)?Array.isArray(l.value)&&l.value.includes(t.value):t.value===l.value}))??[],o=Object.fromEntries((null==a?void 0:a.map(e=>[e.label,Q((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:a.map(e=>e.label),icons:o}}return{}}),d={option:t=>{const{label:l,_item:r={}}=t;return e.type===a.Userpicker?S("div",{class:"flex items-center"},[S(U,{size:30,style:"margin: 0 8px;min-width:32px",src:s(r.avatar)},null),S("div",{style:"width:calc(100% - 35px)"},[S("div",{class:" w100% ell",title:l},[l]),S("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(se,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):l,iconExtraProps:{[l]:Q(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},u=t=>{var l;const{label:a,option:o,closable:r,onClose:n}=t,{_item:i={}}=o||{};return(({name:t,title:l,iconExtraProps:a,avatar:o,otherParams:r={}})=>S(de,E({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,avatar:o,title:(null==l?void 0:l.length)>e.maxTagTextLength?l:null,disabled:e.disabled,iconExtraProps:a},r),null))({name:a,title:null==o?void 0:o.label,avatar:null==o||null===(l=o._item)||void 0===l?void 0:l.avatar,iconExtraProps:{[a]:Q(i,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":n,style:"margin-right: 4px"}})};return()=>{var t,a,n,s;return e.readonly?o(Ce,{name:null===(t=i.value)||void 0===t?void 0:t.labels,iconExtraProps:null===(a=i.value)||void 0===a?void 0:a.icons}):S(J,E({class:["field-select","w100%"],value:l.value,"onUpdate:value":e=>l.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===(n=e.selectExtraProps)||void 0===n?void 0:n.mode)?"gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear":"gct-project-select-dropdown vxe-table--ignore-clear"},e.selectExtraProps),(null===(s=e.selectExtraProps)||void 0===s?void 0:s.optionNoStyle)?null:d)}}}),we=/* @__PURE__ */C({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=y({get:()=>e.value,set(e){t("update:value",e)}});return()=>{let t;return S(G,{value:l.value,"onUpdate:value":e=>l.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!T(e)}(t=(e.options??[]).map(t=>{const l=t,{icon:a,iconColor:o,textColor:r}=(null==l?void 0:l._item)||{};return S(z,{key:l.value,value:l.value},{default:()=>[S(Ce,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})}))?t:{default:()=>[t]})}}}),Te=/* @__PURE__ */C({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:Object,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:{type:[String,Array],required:!0}},setup(e,{emit:t}){const a=e.fieldType===l.BOOLEAN,o=y({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=y(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>S(H,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:e.disabled,class:["field-checkbox-group",e.readonly?"field-checkbox-group--readonly":""]},{default:()=>{var t;return[null===(t=r.value)||void 0===t?void 0:t.map(t=>{const l=t,{icon:a,iconColor:o,textColor:r}=(null==l?void 0:l._item)||{};return S(q,{key:l.value,value:l.value},{default:()=>[S(Ce,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),Ee={grad:.9,turn:360,rad:360/(2*Math.PI)},Ne=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},ke=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=Math.pow(10,t)),Math.round(l*e)/l+0},Ie=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=1),e>l?l:e>t?e:t},Pe=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},Be=function(e){return{r:Ie(e.r,0,255),g:Ie(e.g,0,255),b:Ie(e.b,0,255),a:Ie(e.a)}},Re=function(e){return{r:ke(e.r),g:ke(e.g),b:ke(e.b),a:ke(e.a,3)}},Le=/^#([0-9a-f]{3,8})$/i,Oe=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Me=function(e){var t=e.r,l=e.g,a=e.b,o=e.a,r=Math.max(t,l,a),n=r-Math.min(t,l,a),i=n?r===t?(l-a)/n:r===l?2+(a-t)/n:4+(t-l)/n:0;return{h:60*(i<0?i+6:i),s:r?n/r*100:0,v:r/255*100,a:o}},We=function(e){var t=e.h,l=e.s,a=e.v,o=e.a;t=t/360*6,l/=100,a/=100;var r=Math.floor(t),n=a*(1-l),i=a*(1-(t-r)*l),s=a*(1-(1-t+r)*l),d=r%6;return{r:255*[a,i,n,n,s,a][d],g:255*[s,a,a,i,n,n][d],b:255*[n,n,s,a,a,i][d],a:o}},Fe=function(e){return{h:Pe(e.h),s:Ie(e.s,0,100),l:Ie(e.l,0,100),a:Ie(e.a)}},De=function(e){return{h:ke(e.h),s:ke(e.s),l:ke(e.l),a:ke(e.a,3)}},Ve=function(e){return We((l=(t=e).s,{h:t.h,s:(l*=((a=t.l)<50?a:100-a)/100)>0?2*l/(a+l)*100:0,v:a+l,a:t.a}));var t,l,a},Ae=function(e){return{h:(t=Me(e)).h,s:(o=(200-(l=t.s))*(a=t.v)/100)>0&&o<200?l*a/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,l,a,o},Ke=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,je=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$e=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ue=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,qe={string:[[function(e){var t=Le.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?ke(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?ke(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=$e.exec(e)||Ue.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:Be({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t,l,a=Ke.exec(e)||je.exec(e);return a?Ve(Fe({h:(t=a[1],l=a[2],void 0===l&&(l="deg"),Number(t)*(Ee[l]||1)),s:Number(a[3]),l:Number(a[4]),a:void 0===a[5]?1:Number(a[5])/(a[6]?100:1)})):null},"hsl"]],object:[[function(e){var t=e.r,l=e.g,a=e.b,o=e.a,r=void 0===o?1:o;return Ne(t)&&Ne(l)&&Ne(a)?Be({r:Number(t),g:Number(l),b:Number(a),a:Number(r)}):null},"rgb"],[function(e){var t=e.h,l=e.s,a=e.l,o=e.a,r=void 0===o?1:o;return Ne(t)&&Ne(l)&&Ne(a)?Ve(Fe({h:Number(t),s:Number(l),l:Number(a),a:Number(r)})):null},"hsl"],[function(e){var t=e.h,l=e.s,a=e.v,o=e.a,r=void 0===o?1:o;return Ne(t)&&Ne(l)&&Ne(a)?We(function(e){return{h:Pe(e.h),s:Ie(e.s,0,100),v:Ie(e.v,0,100),a:Ie(e.a)}}({h:Number(t),s:Number(l),v:Number(a),a:Number(r)})):null},"hsv"]]},He=function(e,t){for(var l=0;l<t.length;l++){var a=t[l][0](e);if(a)return[a,t[l][1]]}return[null,void 0]},ze=function(e,t){var l=Ae(e);return{h:l.h,s:Ie(l.s+100*t,0,100),l:l.l,a:l.a}},Ge=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},Je=function(e,t){var l=Ae(e);return{h:l.h,s:l.s,l:Ie(l.l+100*t,0,100),a:l.a}},Ye=function(){function e(e){this.parsed=function(e){return"string"==typeof e?He(e.trim(),qe.string):"object"==typeof e&&null!==e?He(e,qe.object):[null,void 0]}(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return null!==this.parsed},e.prototype.brightness=function(){return ke(Ge(this.rgba),2)},e.prototype.isDark=function(){return Ge(this.rgba)<.5},e.prototype.isLight=function(){return Ge(this.rgba)>=.5},e.prototype.toHex=function(){return t=(e=Re(this.rgba)).r,l=e.g,a=e.b,r=(o=e.a)<1?Oe(ke(255*o)):"","#"+Oe(t)+Oe(l)+Oe(a)+r;var e,t,l,a,o,r},e.prototype.toRgb=function(){return Re(this.rgba)},e.prototype.toRgbString=function(){return t=(e=Re(this.rgba)).r,l=e.g,a=e.b,(o=e.a)<1?"rgba("+t+", "+l+", "+a+", "+o+")":"rgb("+t+", "+l+", "+a+")";var e,t,l,a,o},e.prototype.toHsl=function(){return De(Ae(this.rgba))},e.prototype.toHslString=function(){return t=(e=De(Ae(this.rgba))).h,l=e.s,a=e.l,(o=e.a)<1?"hsla("+t+", "+l+"%, "+a+"%, "+o+")":"hsl("+t+", "+l+"%, "+a+"%)";var e,t,l,a,o},e.prototype.toHsv=function(){return e=Me(this.rgba),{h:ke(e.h),s:ke(e.s),v:ke(e.v),a:ke(e.a,3)};var e},e.prototype.invert=function(){return Qe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&&(e=.1),Qe(ze(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),Qe(ze(this.rgba,-e))},e.prototype.grayscale=function(){return Qe(ze(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),Qe(Je(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),Qe(Je(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&&(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return"number"==typeof e?Qe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):ke(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=Ae(this.rgba);return"number"==typeof e?Qe({h:e,s:t.s,l:t.l,a:t.a}):ke(t.h)},e.prototype.isEqual=function(e){return this.toHex()===Qe(e).toHex()},e}(),Qe=function(e){return e instanceof Ye?e:new Ye(e)},Xe=/* @__PURE__ */te(/* @__PURE__ */C({__name:"multi-field-item",props:{config:{},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=ee(),a=O(),o=y(()=>{var e;return(null===(e=t.config)||void 0===e||null===(e=e.event)||void 0===e?void 0:e.name)?t.isDesign?"辅助字段":a.value:""}),r=y(()=>t.config.style.labelType.includes("surface_")?{background:t.config.style.color,color:"#fff"}:t.config.style.labelType.includes("line_dashed_")?{border:`1px dashed ${Qe(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:t.config.style.labelType.includes("line_")?{border:`1px solid ${Qe(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:{background:Qe(t.config.style.color).alpha(.1).toRgbString(),color:t.config.style.color,border:`1px solid ${Qe(t.config.style.color).alpha(.5).toRgbString()}`});return P(async()=>{var e,o,r;(null===(e=t.config)||void 0===e||null===(e=e.event)||void 0===e?void 0:e.name)&&!t.isDesign&&(a.value=await l.runExportByName(null===(o=t.config)||void 0===o||null===(o=o.event)||void 0===o?void 0:o.name,{},t.rowValue,null===(r=t.config)||void 0===r||null===(r=r.event)||void 0===r?void 0:r.extraParams))}),(e,l)=>o.value?(B(),m("div",{key:0,class:k(["tag",t.config.style.labelType]),style:I(r.value)},D(o.value),7)):f("",!0)}}),[["__scopeId","data-v-ddac8ce3"]]),Ze={key:0,class:"flex tag-area"},et=/* @__PURE__ */te(/* @__PURE__ */C({__name:"multi-field-display",props:{widget:{},rowReadonly:{type:Boolean},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=y(()=>t.rowReadonly&&t.widget.materialType===o.MaterialTableField&&t.widget.props.multiFieldDisplay);return(a,o)=>l.value?(B(),m("div",Ze,[(B(!0),m(g,null,M(t.widget.props.multiFieldConfig,(l,a)=>(B(),m("div",{key:a},[S(Xe,{config:l,"is-design":t.isDesign,"row-value":e.rowValue},null,8,["config","is-design","row-value"])]))),128))])):f("",!0)}}),[["__scopeId","data-v-0f2f02cc"]]);function tt(){console.log("Hello World!")}var lt=new URL("./index.min.css",import.meta.url);n.load(lt.href);export{ce as CardViewRender,Te as FieldCheckbox,we as FieldRadio,_e as FieldSelect,et as MultiFieldDisplay,le as Tag,Ce as fieldReadonly,me as getDataByModelType,ye as refCardLabelRender,tt as run,de as selectTag,Z as setupPageEvent,se as taglabel,fe as useGetRefCard,ee as usePageEvent,be as useRefCardData};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/* stylelint-disable scss/no-global-function-names */
|
|
3
|
+
/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
|
|
4
|
+
/**
|
|
5
|
+
* 定义 Block 块
|
|
6
|
+
* @param {String} $block - Block 块名称
|
|
7
|
+
* @example
|
|
8
|
+
* @include b('button') {
|
|
9
|
+
* padding: 10px;
|
|
10
|
+
* }
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* 定义 Element 元素
|
|
14
|
+
* @param {String|List} $element - Element 元素名称,支持单个或多个
|
|
15
|
+
* @example
|
|
16
|
+
* @include b('button') {
|
|
17
|
+
* @include e('text') {
|
|
18
|
+
* color: #000;
|
|
19
|
+
* }
|
|
20
|
+
* }
|
|
21
|
+
* // 或传入多个元素
|
|
22
|
+
* @include b('button') {
|
|
23
|
+
* @include e(('text', 'icon')) {
|
|
24
|
+
* margin: 5px;
|
|
25
|
+
* }
|
|
26
|
+
* }
|
|
27
|
+
*/
|
|
28
|
+
/**
|
|
29
|
+
* 定义 Modifier 修饰符
|
|
30
|
+
* @param {String|List} $modifier - Modifier 修饰符名称,支持单个或多个
|
|
31
|
+
* @example
|
|
32
|
+
* @include b('button') {
|
|
33
|
+
* @include m('primary') {
|
|
34
|
+
* background: blue;
|
|
35
|
+
* }
|
|
36
|
+
* }
|
|
37
|
+
* // 或传入多个修饰符
|
|
38
|
+
* @include b('button') {
|
|
39
|
+
* @include m(('primary', 'large')) {
|
|
40
|
+
* background: blue;
|
|
41
|
+
* font-size: 16px;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* 定义状态选择器
|
|
47
|
+
* @param {String} $state - 状态名称
|
|
48
|
+
* @example
|
|
49
|
+
* @include b('button') {
|
|
50
|
+
* @include when('disabled') {
|
|
51
|
+
* opacity: 0.5;
|
|
52
|
+
* }
|
|
53
|
+
* }
|
|
54
|
+
*/
|
|
55
|
+
/**
|
|
56
|
+
* 深色主题样式
|
|
57
|
+
* @param {String} $block - Block 块名称
|
|
58
|
+
* @example
|
|
59
|
+
* @include dark('button') {
|
|
60
|
+
* background: #333;
|
|
61
|
+
* color: #fff;
|
|
62
|
+
* }
|
|
63
|
+
*/
|
|
64
|
+
/* stylelint-disable scss/no-global-function-names */
|
|
65
|
+
.gct-card-view-render {
|
|
66
|
+
position: relative;
|
|
67
|
+
}
|
|
68
|
+
.gct-card-view-render .gct-design-render {
|
|
69
|
+
width: auto;
|
|
70
|
+
height: auto;
|
|
71
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export declare const CardViewRender: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3
|
+
id: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
required: true;
|
|
6
|
+
};
|
|
7
|
+
modelKey: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
fetch: {
|
|
12
|
+
type: PropType<() => Promise<IObject>>;
|
|
13
|
+
};
|
|
14
|
+
preview: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mounted"[], "mounted", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
19
|
+
id: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
modelKey: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
fetch: {
|
|
28
|
+
type: PropType<() => Promise<IObject>>;
|
|
29
|
+
};
|
|
30
|
+
preview: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
}>> & Readonly<{
|
|
35
|
+
onMounted?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
}>, {
|
|
37
|
+
preview: boolean;
|
|
38
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import './card-view-render.css';/* empty css */
|
|
2
|
+
import { DesignRender, DesignRenderViewPrefix } from "@gct-paas/render";
|
|
3
|
+
import { computed, createVNode, defineComponent, nextTick, ref } from "vue";
|
|
4
|
+
import { gctMemoizeAsync, useNamespace } from "@gct-paas/core";
|
|
5
|
+
//#region src/components/card-view-render/card-view-render.tsx
|
|
6
|
+
var loadModelAsync = gctMemoizeAsync(_api.apaas.commonInfoCard.getGetById);
|
|
7
|
+
var CardViewRender = /* @__PURE__ */ defineComponent({
|
|
8
|
+
name: "CardViewRender",
|
|
9
|
+
props: {
|
|
10
|
+
id: {
|
|
11
|
+
type: String,
|
|
12
|
+
required: true
|
|
13
|
+
},
|
|
14
|
+
modelKey: {
|
|
15
|
+
type: String,
|
|
16
|
+
required: true
|
|
17
|
+
},
|
|
18
|
+
fetch: { type: Function },
|
|
19
|
+
preview: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: false
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
emits: ["mounted"],
|
|
25
|
+
setup(props, { emit, slots }) {
|
|
26
|
+
const ns = useNamespace("card-view-render");
|
|
27
|
+
const isLoading = ref(false);
|
|
28
|
+
const isLoaded = ref(false);
|
|
29
|
+
const json = ref(null);
|
|
30
|
+
const data = ref({});
|
|
31
|
+
const style = computed(() => {
|
|
32
|
+
if (json.value) return { width: json.value.pageNode?.data.width ? `${json.value.pageNode.data.width}px` : "" };
|
|
33
|
+
return {};
|
|
34
|
+
});
|
|
35
|
+
async function loadModel() {
|
|
36
|
+
const res = await loadModelAsync({
|
|
37
|
+
id: props.id,
|
|
38
|
+
modelKey: props.modelKey,
|
|
39
|
+
type: "CARD"
|
|
40
|
+
});
|
|
41
|
+
if (res && res.designerJson) json.value = JSON.parse(decodeURIComponent(res.designerJson));
|
|
42
|
+
}
|
|
43
|
+
async function onInit() {
|
|
44
|
+
if (!props.id) return;
|
|
45
|
+
try {
|
|
46
|
+
isLoading.value = true;
|
|
47
|
+
await loadModel();
|
|
48
|
+
if (props.preview !== true && props.fetch) data.value = await props.fetch() || {};
|
|
49
|
+
} catch (error) {
|
|
50
|
+
console.error(error);
|
|
51
|
+
} finally {
|
|
52
|
+
isLoading.value = false;
|
|
53
|
+
}
|
|
54
|
+
isLoaded.value = true;
|
|
55
|
+
await nextTick();
|
|
56
|
+
setTimeout(() => {
|
|
57
|
+
emit("mounted", json.value?.pageNode?.data);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
onInit();
|
|
61
|
+
return () => {
|
|
62
|
+
return createVNode("div", {
|
|
63
|
+
"class": ns.b(),
|
|
64
|
+
"style": style.value
|
|
65
|
+
}, [isLoading.value && slots.loading ? slots.loading?.() : null, !json.value || !isLoaded.value ? null : createVNode(DesignRender, {
|
|
66
|
+
"context": {
|
|
67
|
+
data: data.value,
|
|
68
|
+
id: props.id,
|
|
69
|
+
modelKey: props.modelKey
|
|
70
|
+
},
|
|
71
|
+
"model": {
|
|
72
|
+
nodes: json.value.nodes,
|
|
73
|
+
pageNode: json.value.pageNode,
|
|
74
|
+
tree: json.value.tree,
|
|
75
|
+
type: DesignRenderViewPrefix.CARD_VIEW
|
|
76
|
+
},
|
|
77
|
+
"prefix": DesignRenderViewPrefix.CARD_VIEW,
|
|
78
|
+
"preview": props.preview
|
|
79
|
+
}, null)]);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
//#endregion
|
|
84
|
+
export { CardViewRender };
|
|
@@ -97,6 +97,7 @@ var FieldSelect_default = /* @__PURE__ */ defineComponent({
|
|
|
97
97
|
if (props.readonly) {
|
|
98
98
|
const list = options.value?.filter((item) => {
|
|
99
99
|
if (props.selectExtraProps?.mode === "multiple") return Array.isArray(currentValue.value) && currentValue.value.includes(item.value);
|
|
100
|
+
return item.value === currentValue.value;
|
|
100
101
|
}) ?? [];
|
|
101
102
|
const icons = Object.fromEntries(list?.map((item) => {
|
|
102
103
|
return [item.label, pick(item?._item || {}, [
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import tag_span_default from "./tag-span.vue.mjs";
|
|
2
2
|
import tag_layout_default from "./tag-layout.vue.mjs";
|
|
3
|
-
import { CardViewRender
|
|
3
|
+
import { CardViewRender } from "../../card-view-render/card-view-render.mjs";
|
|
4
|
+
import { schemaToStyle } from "@gct-paas/render";
|
|
4
5
|
import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, reactive, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
|
|
5
6
|
import { CARD_TRIGGER_ENUM } from "@gct-paas/core";
|
|
6
7
|
//#region src/components/form-component/field-label/ref-card-label-render.vue?vue&type=script&setup=true&lang.ts
|
package/es/components/index.d.ts
CHANGED
package/es/components/index.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import "./form-component/field-label/tag-span.vue.mjs";
|
|
2
2
|
import "./form-component/field-label/tag-label.vue.mjs";
|
|
3
3
|
import "./form-component/field-label/selectTag.vue.mjs";
|
|
4
|
+
import "./card-view-render/card-view-render.mjs";
|
|
4
5
|
import "./form-component/field-label/ref-card-label-render.vue.mjs";
|
|
5
6
|
import "./form-component/field-readonly.vue.mjs";
|
|
6
7
|
import "./form-component/FieldSelect.mjs";
|
package/es/index.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import { setupPageEvent, usePageEvent } from "./Event/Events.mjs";
|
|
|
2
2
|
import tag_span_default from "./components/form-component/field-label/tag-span.vue.mjs";
|
|
3
3
|
import tag_label_default from "./components/form-component/field-label/tag-label.vue.mjs";
|
|
4
4
|
import selectTag_default from "./components/form-component/field-label/selectTag.vue.mjs";
|
|
5
|
+
import { CardViewRender } from "./components/card-view-render/card-view-render.mjs";
|
|
5
6
|
import ref_card_label_render_default from "./components/form-component/field-label/ref-card-label-render.vue.mjs";
|
|
6
7
|
import { getDataByModelType, useGetRefCard, useRefCardData } from "./hooks/refCardList.mjs";
|
|
7
8
|
import "./hooks/index.mjs";
|
|
@@ -16,4 +17,4 @@ function run() {
|
|
|
16
17
|
console.log("Hello World!");
|
|
17
18
|
}
|
|
18
19
|
//#endregion
|
|
19
|
-
export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, multi_field_display_default as MultiFieldDisplay, tag_span_default as Tag, field_readonly_default as fieldReadonly, getDataByModelType, ref_card_label_render_default as refCardLabelRender, run, selectTag_default as selectTag, setupPageEvent, tag_label_default as taglabel, useGetRefCard, usePageEvent, useRefCardData };
|
|
20
|
+
export { CardViewRender, FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, multi_field_display_default as MultiFieldDisplay, tag_span_default as Tag, field_readonly_default as fieldReadonly, getDataByModelType, ref_card_label_render_default as refCardLabelRender, run, selectTag_default as selectTag, setupPageEvent, tag_label_default as taglabel, useGetRefCard, usePageEvent, useRefCardData };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gct-paas/render-web",
|
|
3
|
-
"version": "0.1.6-dev.
|
|
3
|
+
"version": "0.1.6-dev.10",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台网页端底包",
|
|
6
6
|
"loader": "dist/loader.esm.min.js",
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
"colord": "^2.9.3",
|
|
36
36
|
"exceljs": "^4.4.0",
|
|
37
37
|
"vue": "^3.5.30",
|
|
38
|
-
"@gct-paas/core
|
|
39
|
-
"@gct-paas/core": "0.1.6-dev.
|
|
40
|
-
"@gct-paas/scss": "0.1.6-dev.
|
|
41
|
-
"@gct-paas/render": "0.1.6-dev.
|
|
42
|
-
"@gct-paas/schema": "0.1.6-dev.
|
|
38
|
+
"@gct-paas/core": "0.1.6-dev.10",
|
|
39
|
+
"@gct-paas/core-web": "0.1.6-dev.10",
|
|
40
|
+
"@gct-paas/scss": "0.1.6-dev.10",
|
|
41
|
+
"@gct-paas/render": "0.1.6-dev.10",
|
|
42
|
+
"@gct-paas/schema": "0.1.6-dev.10"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"vue": ">=3",
|
|
46
|
-
"@gct-paas/core": "0.1.6-dev.
|
|
47
|
-
"@gct-paas/core
|
|
48
|
-
"@gct-paas/
|
|
49
|
-
"@gct-paas/
|
|
50
|
-
"@gct-paas/scss": "0.1.6-dev.
|
|
46
|
+
"@gct-paas/core-web": "0.1.6-dev.10",
|
|
47
|
+
"@gct-paas/core": "0.1.6-dev.10",
|
|
48
|
+
"@gct-paas/render": "0.1.6-dev.10",
|
|
49
|
+
"@gct-paas/schema": "0.1.6-dev.10",
|
|
50
|
+
"@gct-paas/scss": "0.1.6-dev.10"
|
|
51
51
|
},
|
|
52
52
|
"scripts": {
|
|
53
53
|
"dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
|