@gct-paas/render-web 0.1.5-dev.1 → 0.1.5-dev.11
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/design-render/design-render.d.ts +4 -3
- package/es/components/form-component/FieldCheckbox.d.ts +3 -3
- package/es/components/form-component/FieldRadio.d.ts +3 -3
- package/es/components/form-component/FieldSelect.d.ts +6 -8
- package/es/components/form-component/FieldSelect.mjs +1 -2
- package/es/components/form-component/field-label/tag-label.vue.mjs +2 -2
- package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_name_TagLabel_lang.mjs +6 -6
- package/es/components/form-component/field-label/{tag-label.vue_vue_type_style_index_0_scoped_8b3c7ae1_lang.css → tag-label.vue_vue_type_style_index_0_scoped_6c507fe8_lang.css} +4 -4
- package/es/components/form-component/index.d.ts +1 -2
- package/es/components/form-component/index.mjs +0 -1
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +2 -1
- package/es/components/multi-field/index.d.ts +2 -0
- package/es/components/multi-field/index.mjs +1 -0
- package/es/components/multi-field/multi-field-display.vue.d.ts +9 -0
- package/es/components/multi-field/multi-field-display.vue.mjs +7 -0
- package/es/components/multi-field/multi-field-display.vue_vue_type_script_setup_true_lang.mjs +38 -0
- package/es/components/multi-field/multi-field-display.vue_vue_type_style_index_0_scoped_0f2f02cc_lang.css +4 -0
- package/es/components/multi-field/multi-field-item.vue.d.ts +7 -0
- package/es/components/multi-field/multi-field-item.vue.mjs +7 -0
- package/es/components/multi-field/multi-field-item.vue_vue_type_script_setup_true_lang.mjs +53 -0
- package/es/components/multi-field/multi-field-item.vue_vue_type_style_index_0_scoped_ddac8ce3_lang.css +31 -0
- package/es/index.mjs +2 -2
- package/package.json +23 -23
- package/es/components/form-component/field-empty-value.d.ts +0 -6
- package/es/components/form-component/field-empty-value.mjs +0 -17
package/dist/index.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.gct-design-render{background-color:#f7f8fa;width:100%;height:100%;position:relative;overflow:hidden auto}.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-
|
|
1
|
+
.gct-design-render{background-color:#f7f8fa;width:100%;height:100%;position:relative;overflow:hidden auto}.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 l,FIELD_TYPE as t,FormComponents as a,TagTypeEnum as o,calcStyle as r,cssLoader as n,gctMemoizeAsync as i,useNamespace as d}from"@gct-paas/core";import{DesignRenderViewPrefix as s,RenderNodeRegister as u,schemaToStyle as p,transformDataToDict as c,useDesignRenderController as v}from"@gct-paas/render";import{Fragment as y,computed as g,createBlock as m,createCommentVNode as b,createElementBlock as f,createElementVNode as x,createTextVNode as h,createVNode as C,defineComponent as S,h as w,inject as _,isVNode as E,mergeProps as T,nextTick as N,normalizeClass as k,normalizeStyle as O,openBlock as P,provide as B,reactive as L,ref as I,renderList as R,renderSlot as W,resolveComponent as M,toDisplayString as A,toRef as F,unref as K,useCssVars as V,watch as D,withCtx as j,withModifiers as q}from"vue";import{DesignNodeMode as U}from"@gct-paas/schema";import{IconNext as $,transformUrl as z}from"@gct-paas/core-web";import{Avatar as G,Checkbox as H,CheckboxGroup as J,Radio as Y,RadioGroup as Q,Select as X}from"ant-design-vue";import{isString as Z,pick as ee}from"lodash-es";var le=Symbol("PAGE_EVENT"),te=e=>B(le,e),ae=()=>{const e=_(le);if(!e)throw new Error("PAGE_EVENT not provided");return e},oe=/* @__PURE__ */S({name:"DesignRenderItem",props:{model:{type:Object,required:!0}},setup:e=>({ns:d("design-render-item"),style:r(e.model.data)}),render(){var e,l;return C("div",{class:this.ns.b(),style:this.style},[null===(e=(l=this.$slots).default)||void 0===e?void 0:e.call(l)])}}),re=/* @__PURE__ */S({name:"DesignRender",props:{model:{type:Object,required:!0},prefix:{type:String,default:""},preview:{type:Boolean,default:!1},context:{type:Object,default:()=>({})}},setup(e){const l=d("design-render"),t=v();t.prefix=e.prefix,t.preview=e.preview,t.setNodes(e.model.nodes),t.setTree(e.model.tree),D(()=>e.context,()=>{t.state.context=e.context},{immediate:!0});const a=g(()=>e.model.pageNode?r(e.model.pageNode.data):{}),o=t.getNodes();return{ns:l,c:t,style:a,rootNodes:o,renderNode:function l(a,o){const r=u.get(a.type,t.prefix);if(!r)return console.warn(`未找到节点类型为${a.type}的渲染器`),null;let n=null;return n=r.mode===U.CONTAINER?function(a,o){const r=u.get(a.type,t.prefix),n=t.getNodes(a.id),i=t.getController(a.id);return w(M(r.component),{key:a.id,c:i,model:a,parent:o,preview:e.preview,context:t.state.context,pageModel:e.model.pageNode},n.map(e=>l(e,a)))}(a,o):r.mode===U.ITEM?function(l,a){const o=u.get(l.type,t.prefix),r=t.getController(l.id);return w(M(o.component),{key:l.id,c:r,model:l,parent:a,preview:e.preview,context:t.state.context,pageModel:e.model.pageNode})}(a,o):C("div",null,[h("未支持的适配器模式["),r.mode,h("]")]),C(oe,{model:a},{default:()=>n})},renderPageNode:function(l){if(!e.model.pageNode)return l;const a=u.get(e.model.pageNode.type,t.prefix);if(!a)return console.warn(`未找到页面节点类型为${e.model.pageNode.type}的渲染器`),l;const o=t.getController(e.model.pageNode.id);return w(M(a.component),{key:e.model.pageNode.id,c:o,model:e.model.pageNode,parent:void 0,preview:e.preview,context:t.state.context},l)}}},render(){return C("div",{class:this.ns.b(),style:this.style},[this.renderPageNode(this.rootNodes.map(e=>this.renderNode(e)))])}}),ne=(e,l)=>{const t=e.__vccOpts||e;for(const[a,o]of l)t[a]=o;return t},ie=/* @__PURE__ */ne(/* @__PURE__ */S({__name:"tag-span",props:{tagStyle:{}},setup(e){V(e=>({v2ae1b805:a.value}));const l=e,t=F(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||o.RADIUS}),a=F(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),r=F(()=>`tag-${t.value}`);return(e,l)=>(P(),f("span",{class:k(["tag cursor-pointer",r.value])},[W(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-6c8c4c7a"]]),de=/* @__PURE__ */ne(/* @__PURE__ */S({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(l,t)=>{var a,o,r,n;return P(),f("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(l.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),se={class:"select-text"},ue={class:"select-text"},pe={key:0},ce=/* @__PURE__ */ne(/* @__PURE__ */S({__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 l=e,a=_gct.platformStore.themeSetting,o=_("labelLayout",{}),r=F(()=>{var e;let a=l.label??"";return l.showTagStyle&&(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||l.type===t.ENUM_MULTI||l.type===t.ENUM?a?Z(a)?a.split(","):a:[]:a instanceof Array?a.join(","):a+""}),n=F(()=>{var e;const t=null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return t?p(t):{}}),i=(e="")=>{var t,a;const o=(null===(t=l.iconExtraProps)||void 0===t?void 0:t[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 t;const o=(null===(t=l.iconExtraProps)||void 0===t?void 0:t[e.labelName])||l.iconProps||{};if(!(null==o?void 0:o.icon))return;return w($,{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 s;return e.showTagStyle&&(null===(s=e.tagWidgetStyle)||void 0===s?void 0:s.tagStyleOpen)?(P(),m(de,{key:0,disabled:!!e.disabled,"label-layout":K(o)},{default:j(()=>[(P(!0),f(y,null,R(r.value,(t,o)=>(P(),m(ie,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:O(i(t))},{default:j(()=>[l.avatar?(P(),m(K(G),{key:0,src:K(z)(l.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):b("",!0),C(d,{"label-name":t},null,8,["label-name"]),x("span",se,A(t),1),e.closable?(P(),m(K($),{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:n[0]||(n[0]=q(e=>a.$emit("on-close"),["prevent","stop"]))})):b("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===K(t).ENUM_MULTI||e.type===K(t).ENUM?(P(),m(de,{key:1,disabled:!!e.disabled,"label-layout":K(o)},{default:j(()=>[(P(!0),f(y,null,R(r.value,(l,t)=>{var a;return P(),f("span",{key:t,style:O(i(l)),class:"mr-5px"},[C(d,{"label-name":l},null,8,["label-name"]),x("span",ue,A(l)+A(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&t<r.value.length-1?",":""),1)],4)}),128)),r.value.length?b("",!0):(P(),f("span",pe," "))]),_:1},8,["disabled","label-layout"])):(P(),m(de,{key:2,style:O(i(r.value)),disabled:!!e.disabled,"label-layout":K(o),class:"select-text leading-none ell"},{default:j(()=>[h(A(r.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),[["__scopeId","data-v-8b3c7ae1"]]),ve=/* @__PURE__ */S({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const l=e,t=F(()=>{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)=>(P(),m(ce,{"tag-widget-style":t.value},null,8,["tag-widget-style"]))}}),ye=i(_api.apaas.commonInfoCard.getGetById),ge=/* @__PURE__ */S({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:l}){const t=d("card-view-render"),a=I(!1),o=I(!1),r=I(null),n=I({}),i=g(()=>{var e;return r.value?{width:(null===(e=r.value.pageNode)||void 0===e?void 0:e.data.width)?`${r.value.pageNode.data.width}px`:""}:{}});return async function(){if(e.id){try{a.value=!0,await async function(){const l=await ye({id:e.id,modelKey:e.modelKey,type:"CARD"});l&&l.designerJson&&(r.value=JSON.parse(decodeURIComponent(l.designerJson)))}(),!0!==e.preview&&e.fetch&&(n.value=await e.fetch()||{})}catch(t){console.error(t)}finally{a.value=!1}o.value=!0,await N(),setTimeout(()=>{var e;l("mounted",null===(e=r.value)||void 0===e||null===(e=e.pageNode)||void 0===e?void 0:e.data)})}}(),()=>C("div",{class:t.b(),style:i.value},[a.value?C(M("a-spin"),null,null):null,r.value&&o.value?C(re,{context:{data:n.value,id:e.id,modelKey:e.modelKey},model:{nodes:r.value.nodes,pageNode:r.value.pageNode,tree:r.value.tree,type:s.CARD_VIEW},prefix:s.CARD_VIEW,preview:e.preview},null):null])}}),me=["onMouseup"],be={key:1},fe=/* @__PURE__ */S({__name:"ref-card-label-render",props:{tagWidgetStyle:{},disabled:{type:Boolean},values:{},label:{},showTagStyle:{type:Boolean,default:!0},trigger:{},getCardData:{},modelKey:{},refCardId:{}},setup(l){const t=l,a=t.trigger===e.HOVER?"primary-gct-hover":"primary-gct",o=_("labelLayout",{}),r=L({}),n=g(()=>{var e;const l=("string"==typeof t.label?(t.label??"").split(","):t.label)??[];return(null===(e=t.values)||void 0===e?void 0:e.filter((e,t)=>l[t]).map((e,t)=>({value:e,label:l[t]})))??[]}),i=F(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?p(l):{}}),d=F(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.color)?i.value:{wordBreak:"break-all",...i.value}}),s=async(e,l)=>{r[l.value]=e};function u(e){s(!0,e)}function c(e){return t.getCardData.bind(null,e)}return(e,t)=>{const i=M("a-popover");return n.value.length?(P(),m(de,{key:0,disabled:!!l.disabled,"label-layout":K(o)},{default:j(()=>{var e;return[l.showTagStyle&&(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(P(!0),f(y,{key:0},R(n.value,(e,t)=>(P(),m(i,{key:t,trigger:l.trigger,visible:!!r[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:l=>s(l,e)},{content:j(()=>[C(K(ge),{id:l.refCardId,"model-key":l.modelKey,fetch:c(e.value)},null,8,["id","model-key","fetch"])]),default:j(()=>[C(ie,{"tag-style":l.tagWidgetStyle.tagStyle,onMouseup:l=>u(e)},{default:j(()=>[x("span",{class:k(["select-text cursor-pointer",K(a)]),style:O(d.value)},A(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(P(!0),f(y,{key:1},R(n.value,(e,o)=>(P(),f(y,{key:o},[x("span",null,A(o?",":""),1),C(i,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!r[e.value],trigger:l.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:l=>s(l,e)},{content:j(()=>[C(K(ge),{id:l.refCardId,"model-key":l.modelKey,fetch:c(e.value)},null,8,["id","model-key","fetch"])]),default:j(()=>[x("span",{class:k(["select-text cursor-pointer",K(a)]),style:O(d.value),onClick:t[0]||(t[0]=q(()=>{},["stop"])),onMouseup:l=>u(e)},A(e.label),47,me)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(P(),f("span",be," "))}}});function xe(e){const{fieldType:l,refCard:a,refCardId:o,readonly:r}=e.widget.props;(l===t.REF||l===t.REF_MULTI||l===t.RDO_REF)&&a&&o&&r&&B("refCardValues",{refCardValues:F(()=>{const l=e.modelValue??[];return l instanceof Array?l:l.split(",")}),widget:e.widget})}function he(){var e;const l=_("refCardValues");if(!l)return{};const{fieldType:t,bindModelKey:a,refCardId:o,cardTrigger:r}=(null==l||null===(e=l.widget)||void 0===e?void 0:e.props)||{};return{refCardValues:null==l?void 0:l.refCardValues,trigger:r,getCardData:i(Ce,{fieldType:t,modelKey:a}),modelKey:a,refCardId:o}}async function Ce({fieldType:e,modelKey:a},o){if(e===t.RDO_REF){const{data:e={},dict:t={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"rdoGetVersionByRefId",modelCategory:l.ENTITY},{foreignFields:[]},{includeDeleted:1,refId:o});return c(e,t)}{const{data:e={},dict:t={}}=await _api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({modelKey:a,bsKey:"getOne",modelCategory:l.ENTITY},{query:{"id_.eq":o},foreignFields:[]},{includeDeleted:1});return c(e,t)}}var Se={key:0,class:"w100% ell"},we={key:0,class:"gct-custom-tag ml8px"},_e=/* @__PURE__ */S({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const l=e,a=I(!1),o=g(()=>Array.isArray(l.label)?l.label.join(","):l.label),{refCardValues:r,trigger:n,getCardData:i,modelKey:d,refCardId:s}=he(),u=g(()=>{var e;return(null==r||null===(e=r.value)||void 0===e?void 0:e.length)?w(fe,{values:r.value,trigger:n,getCardData:i,modelKey:d,refCardId:s}):ce});function p(e){var t;if(!l.isTooltip)return;const o=null===(t=e.target)||void 0===t?void 0:t.parentNode;o.scrollWidth>o.clientWidth&&(a.value=!0)}function c(){a.value=!1}return(r,n)=>{const i=M("a-tooltip");return P(),m(i,{placement:"topLeft",visible:a.value},{title:j(()=>[h(A(o.value),1)]),default:j(()=>{var a;return[l.type===K(t).RDO_REF?(P(),f("div",Se,[C(K(u),T(r.$attrs,{label:e.label,"tag-widget-style":l.tagWidgetStyle,disabled:l.disabled,"icon-extra-props":l.iconExtraProps,onMouseenter:p,onMouseleave:c}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),l.type===K(t).RDO_REF&&l.modelValue&&!(null===(a=l.modelValue)||void 0===a?void 0:a.includes(":"))?(P(),f("span",we," 默认 ")):b("",!0)])):(P(),m(K(u),T({key:1},r.$attrs,{label:e.label,"tag-widget-style":l.tagWidgetStyle,disabled:l.disabled,"icon-extra-props":l.iconExtraProps,onMouseenter:p,onMouseleave:c}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),Ee=/* @__PURE__ */S({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:l}){const t=g({get:()=>e.value,set(e){l("update:value",e)}}),o=(l,{name:t,iconExtraProps:a,otherParams:o={}})=>w(l,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,disabled:e.disabled,iconExtraProps:a,...o}),r=g(()=>(e.options??[]).map(l=>{var t;const{iconColor:a,icon:r,textColor:n}=l._item||{};return{...l,[(null===(t=e.selectExtraProps)||void 0===t?void 0:t.optionLabelProp)||"titleLabel"]:o(ce,{name:l.label,iconExtraProps:{[l.label]:{icon:r,iconColor:a,textColor:n}}})}}));function n(e,l){var t;const{_DICT:a={}}=e,o=e[l];return(null===(t=a[l])||void 0===t||null===(t=t[o])||void 0===t?void 0:t.join(","))??o??e.id_}const i=g(()=>{if(e.readonly){var l;const a=(null===(l=r.value)||void 0===l?void 0:l.filter(l=>{var a;if("multiple"===(null===(a=e.selectExtraProps)||void 0===a?void 0:a.mode))return Array.isArray(t.value)&&t.value.includes(l.value)}))??[],o=Object.fromEntries((null==a?void 0:a.map(e=>[e.label,ee((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:a.map(e=>e.label),icons:o}}return{}}),d={option:l=>{const{label:t,_item:r={}}=l;return e.type===a.Userpicker?C("div",{class:"flex items-center"},[C(G,{size:30,style:"margin: 0 8px;min-width:32px",src:z(r.avatar)},null),C("div",{style:"width:calc(100% - 35px)"},[C("div",{class:" w100% ell",title:t},[t]),C("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(ce,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):t,iconExtraProps:{[t]:ee(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},s=l=>{var t;const{label:a,option:o,closable:r,onClose:n}=l,{_item:i={}}=o||{};return(({name:l,title:t,iconExtraProps:a,avatar:o,otherParams:r={}})=>C(ve,T({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]:ee(i,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":n,style:"margin-right: 4px"}})};return()=>{var l,a,n,u;return e.readonly?o(_e,{name:null===(l=i.value)||void 0===l?void 0:l.labels,iconExtraProps:null===(a=i.value)||void 0===a?void 0:a.icons}):C(X,T({class:["field-select","w100%"],value:t.value,"onUpdate:value":e=>t.value=e,options:r.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:s,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===(u=e.selectExtraProps)||void 0===u?void 0:u.optionNoStyle)?null:d)}}}),Te=/* @__PURE__ */S({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:l}){const t=g({get:()=>e.value,set(e){l("update:value",e)}});return()=>{let l;return C(Q,{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(Y,{key:t.value,value:t.value},{default:()=>[C(_e,{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)&&!E(a)?l:{default:()=>[l]});var a}}}),Ne=/* @__PURE__ */S({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:l}){const a=e.fieldType===t.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 t=null==e?void 0:e[0];l("update:value",null==t||"boolean"!=typeof t?Boolean(t):!!t)}else l("update:value",e)}}),r=g(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>C(J,{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(H,{key:t.value,value:t.value},{default:()=>[C(_e,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}});function ke(e,l){const t=[],a=e.props.fieldType,o=g(()=>e.props.readonly&&a&&!t.includes(a)&&(void 0===l.value||""===l.value||null===l.value));return{RenderEmptyValue:/* @__PURE__ */S((e,l)=>()=>_gct.store.getEmptyDisplay),isEmpty:o}}function Oe(){console.log("Hello World!")}var Pe=new URL("./index.min.css",import.meta.url);n.load(Pe.href);export{re as DesignRender,Ne as FieldCheckbox,Te as FieldRadio,Ee as FieldSelect,ie as Tag,ke as emptyValueDisplay,_e as fieldReadonly,Ce as getDataByModelType,fe as refCardLabelRender,Oe as run,ve as selectTag,te as setupPageEvent,ce as taglabel,he as useGetRefCard,ae as usePageEvent,xe 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,calcStyle as n,cssLoader as i,gctMemoizeAsync as d,transformUrl as s,useNamespace as u}from"@gct-paas/core";import{DesignRenderViewPrefix as p,RenderNodeRegister as c,schemaToStyle as v,transformDataToDict as g,useDesignRenderController as y}from"@gct-paas/render";import{Fragment as b,computed as f,createBlock as m,createCommentVNode as h,createElementBlock as x,createElementVNode as w,createTextVNode as C,createVNode as S,defineComponent as N,h as _,inject as T,isVNode as E,mergeProps as k,nextTick as I,normalizeClass as P,normalizeStyle as O,onMounted as R,openBlock as B,provide as M,reactive as L,ref as D,renderList as W,renderSlot as F,resolveComponent as V,toDisplayString as j,toRef as A,unref as K,useCssVars as $,watch as q,withCtx as U,withModifiers as H}from"vue";import{DesignNodeMode as z}from"@gct-paas/schema";import{Avatar as G,Checkbox as J,CheckboxGroup as Y,Radio as Q,RadioGroup as X,Select as Z}from"ant-design-vue";import{isString as ee,pick as te}from"lodash-es";var le=Symbol("PAGE_EVENT"),ae=e=>M(le,e),oe=()=>{const e=T(le);if(!e)throw new Error("PAGE_EVENT not provided");return e},re=/* @__PURE__ */N({name:"DesignRenderItem",props:{model:{type:Object,required:!0}},setup:e=>({ns:u("design-render-item"),style:n(e.model.data)}),render(){var e,t;return S("div",{class:this.ns.b(),style:this.style},[null===(e=(t=this.$slots).default)||void 0===e?void 0:e.call(t)])}}),ne=/* @__PURE__ */N({name:"DesignRender",props:{model:{type:Object,required:!0},prefix:{type:String,default:""},preview:{type:Boolean,default:!1},context:{type:Object,default:()=>({})}},setup(e){const t=u("design-render"),l=y();l.prefix=e.prefix,l.preview=e.preview,l.setNodes(e.model.nodes),l.setTree(e.model.tree),q(()=>e.context,()=>{l.state.context=e.context},{immediate:!0});const a=f(()=>e.model.pageNode?n(e.model.pageNode.data):{}),o=l.getNodes();return{ns:t,c:l,style:a,rootNodes:o,renderNode:function t(a,o){const r=c.get(a.type,l.prefix);if(!r)return console.warn(`未找到节点类型为${a.type}的渲染器`),null;let n=null;return n=r.mode===z.CONTAINER?function(a,o){const r=c.get(a.type,l.prefix),n=l.getNodes(a.id),i=l.getController(a.id);return _(V(r.component),{key:a.id,c:i,model:a,parent:o,preview:e.preview,context:l.state.context,pageModel:e.model.pageNode},n.map(e=>t(e,a)))}(a,o):r.mode===z.ITEM?function(t,a){const o=c.get(t.type,l.prefix),r=l.getController(t.id);return _(V(o.component),{key:t.id,c:r,model:t,parent:a,preview:e.preview,context:l.state.context,pageModel:e.model.pageNode})}(a,o):S("div",null,[C("未支持的适配器模式["),r.mode,C("]")]),S(re,{model:a},{default:()=>n})},renderPageNode:function(t){if(!e.model.pageNode)return t;const a=c.get(e.model.pageNode.type,l.prefix);if(!a)return console.warn(`未找到页面节点类型为${e.model.pageNode.type}的渲染器`),t;const o=l.getController(e.model.pageNode.id);return _(V(a.component),{key:e.model.pageNode.id,c:o,model:e.model.pageNode,parent:void 0,preview:e.preview,context:l.state.context},t)}}},render(){return S("div",{class:this.ns.b(),style:this.style},[this.renderPageNode(this.rootNodes.map(e=>this.renderNode(e)))])}}),ie=(e,t)=>{const l=e.__vccOpts||e;for(const[a,o]of t)l[a]=o;return l},de=/* @__PURE__ */ie(/* @__PURE__ */N({__name:"tag-span",props:{tagStyle:{}},setup(e){$(e=>({v2ae1b805:a.value}));const t=e,l=A(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.tagType)||r.RADIUS}),a=A(()=>{var e;return(null===(e=t.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),o=A(()=>`tag-${l.value}`);return(e,t)=>(B(),x("span",{class:P(["tag cursor-pointer",o.value])},[F(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-6c8c4c7a"]]),se=/* @__PURE__ */ie(/* @__PURE__ */N({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(t,l)=>{var a,o,r,n;return B(),x("span",{class:P([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"])},[F(t.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),ue={class:"select-text"},pe={class:"select-text"},ce={key:0},ve=/* @__PURE__ */N({__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=T("labelLayout",{}),r=A(()=>{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?ee(a)?a.split(","):a:[]:a instanceof Array?a.join(","):a+""}),n=A(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?v(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 _(V("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 p=V("icon-next");return e.showTagStyle&&(null===(u=e.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(B(),m(se,{key:0,disabled:!!e.disabled,"label-layout":K(o)},{default:U(()=>[(B(!0),x(b,null,W(r.value,(l,o)=>(B(),m(de,{key:o,"tag-style":e.tagWidgetStyle.tagStyle,style:O(i(l))},{default:U(()=>[t.avatar?(B(),m(K(G),{key:0,src:K(s)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):h("",!0),S(d,{"label-name":l},null,8,["label-name"]),w("span",ue,j(l),1),e.closable?(B(),m(p,{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]=H(e=>a.$emit("on-close"),["prevent","stop"]))})):h("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===K(l).ENUM_MULTI||e.type===K(l).ENUM?(B(),m(se,{key:1,disabled:!!e.disabled,"label-layout":K(o)},{default:U(()=>[(B(!0),x(b,null,W(r.value,(t,l)=>{var a;return B(),x("span",{key:l,style:O(i(t)),class:"mr-5px"},[S(d,{"label-name":t},null,8,["label-name"]),w("span",pe,j(t)+j(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&l<r.value.length-1?",":""),1)],4)}),128)),r.value.length?h("",!0):(B(),x("span",ce," "))]),_:1},8,["disabled","label-layout"])):(B(),m(se,{key:2,style:O(i(r.value)),disabled:!!e.disabled,"label-layout":K(o),class:"select-text leading-none"},{default:U(()=>[C(j(r.value||" "),1)]),_:1},8,["style","disabled","label-layout"]))}}}),ge=/* @__PURE__ */ie(ve,[["__scopeId","data-v-6c507fe8"]]),ye=/* @__PURE__ */N({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const t=e,l=A(()=>{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(),m(ge,{"tag-widget-style":l.value},null,8,["tag-widget-style"]))}}),be=d(_api.apaas.commonInfoCard.getGetById),fe=/* @__PURE__ */N({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}){const l=u("card-view-render"),a=D(!1),o=D(!1),r=D(null),n=D({}),i=f(()=>{var e;return r.value?{width:(null===(e=r.value.pageNode)||void 0===e?void 0:e.data.width)?`${r.value.pageNode.data.width}px`:""}:{}});return async function(){if(e.id){try{a.value=!0,await async function(){const t=await be({id:e.id,modelKey:e.modelKey,type:"CARD"});t&&t.designerJson&&(r.value=JSON.parse(decodeURIComponent(t.designerJson)))}(),!0!==e.preview&&e.fetch&&(n.value=await e.fetch()||{})}catch(l){console.error(l)}finally{a.value=!1}o.value=!0,await I(),setTimeout(()=>{var e;t("mounted",null===(e=r.value)||void 0===e||null===(e=e.pageNode)||void 0===e?void 0:e.data)})}}(),()=>S("div",{class:l.b(),style:i.value},[a.value?S(V("a-spin"),null,null):null,r.value&&o.value?S(ne,{context:{data:n.value,id:e.id,modelKey:e.modelKey},model:{nodes:r.value.nodes,pageNode:r.value.pageNode,tree:r.value.tree,type:p.CARD_VIEW},prefix:p.CARD_VIEW,preview:e.preview},null):null])}}),me=["onMouseup"],he={key:1},xe=/* @__PURE__ */N({__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=T("labelLayout",{}),r=L({}),n=f(()=>{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=A(()=>{var e;const t=null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return t?v(t):{}}),d=A(()=>{var e;return(null===(e=i.value)||void 0===e?void 0:e.color)?i.value:{wordBreak:"break-all",...i.value}}),s=async(e,t)=>{r[t.value]=e};function u(e){s(!0,e)}function p(e){return l.getCardData.bind(null,e)}return(e,l)=>{const i=V("a-popover");return n.value.length?(B(),m(se,{key:0,disabled:!!t.disabled,"label-layout":K(o)},{default:U(()=>{var e;return[t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(B(!0),x(b,{key:0},W(n.value,(e,l)=>(B(),m(i,{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=>s(t,e)},{content:U(()=>[S(K(fe),{id:t.refCardId,"model-key":t.modelKey,fetch:p(e.value)},null,8,["id","model-key","fetch"])]),default:U(()=>[S(de,{"tag-style":t.tagWidgetStyle.tagStyle,onMouseup:t=>u(e)},{default:U(()=>[w("span",{class:P(["select-text cursor-pointer",K(a)]),style:O(d.value)},j(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(B(!0),x(b,{key:1},W(n.value,(e,o)=>(B(),x(b,{key:o},[w("span",null,j(o?",":""),1),S(i,{"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=>s(t,e)},{content:U(()=>[S(K(fe),{id:t.refCardId,"model-key":t.modelKey,fetch:p(e.value)},null,8,["id","model-key","fetch"])]),default:U(()=>[w("span",{class:P(["select-text cursor-pointer",K(a)]),style:O(d.value),onClick:l[0]||(l[0]=H(()=>{},["stop"])),onMouseup:t=>u(e)},j(e.label),47,me)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(B(),x("span",he," "))}}}),we=xe;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&&M("refCardValues",{refCardValues:A(()=>{const t=e.modelValue??[];return t instanceof Array?t:t.split(",")}),widget:e.widget})}function Se(){var e;const t=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:d(Ne,{fieldType:l,modelKey:a}),modelKey:a,refCardId:o}}async function Ne({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 g(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 g(e,l)}}var _e={key:0,class:"w100% ell"},Te={key:0,class:"gct-custom-tag ml8px"},Ee=/* @__PURE__ */N({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=D(!1),o=f(()=>Array.isArray(t.label)?t.label.join(","):t.label),{refCardValues:r,trigger:n,getCardData:i,modelKey:d,refCardId:s}=Se(),u=f(()=>{var e;return(null==r||null===(e=r.value)||void 0===e?void 0:e.length)?_(we,{values:r.value,trigger:n,getCardData:i,modelKey:d,refCardId:s}):ge});function p(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 c(){a.value=!1}return(r,n)=>{const i=V("a-tooltip");return B(),m(i,{placement:"topLeft",visible:a.value},{title:U(()=>[C(j(o.value),1)]),default:U(()=>{var a;return[t.type===K(l).RDO_REF?(B(),x("div",_e,[S(K(u),k(r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:p,onMouseleave:c}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===K(l).RDO_REF&&t.modelValue&&!(null===(a=t.modelValue)||void 0===a?void 0:a.includes(":"))?(B(),x("span",Te," 默认 ")):h("",!0)])):(B(),m(K(u),k({key:1},r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,onMouseenter:p,onMouseleave:c}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]))]}),_:1},8,["visible"])}}}),ke=Ee,Ie=/* @__PURE__ */N({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=f({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=f(()=>(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(ge,{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=f(()=>{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,te((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(G,{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(ge,{name:e.selectOptionLabel?n(r,e.selectOptionLabel):l,iconExtraProps:{[l]:te(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(ye,k({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]:te(i,["iconColor","icon","textColor"])},otherParams:{closable:r,"onOn-close":n,style:"margin-right: 4px"}})};return()=>{var t,a,n,s;return e.readonly?o(ke,{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(Z,k({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)}}}),Pe=/* @__PURE__ */N({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=f({get:()=>e.value,set(e){t("update:value",e)}});return()=>{let t;return S(X,{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)&&!E(e)}(t=(e.options??[]).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(ke,{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]})}}}),Oe=/* @__PURE__ */N({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=f({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=f(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>S(Y,{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(J,{key:l.value,value:l.value},{default:()=>[S(ke,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l.label,disabled:e.disabled,iconExtraProps:{[l.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),Re={grad:.9,turn:360,rad:360/(2*Math.PI)},Be=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},Me=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=Math.pow(10,t)),Math.round(l*e)/l+0},Le=function(e,t,l){return void 0===t&&(t=0),void 0===l&&(l=1),e>l?l:e>t?e:t},De=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},We=function(e){return{r:Le(e.r,0,255),g:Le(e.g,0,255),b:Le(e.b,0,255),a:Le(e.a)}},Fe=function(e){return{r:Me(e.r),g:Me(e.g),b:Me(e.b),a:Me(e.a,3)}},Ve=/^#([0-9a-f]{3,8})$/i,je=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Ae=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}},Ke=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),d=a*(1-(1-t+r)*l),s=r%6;return{r:255*[a,i,n,n,d,a][s],g:255*[d,a,a,i,n,n][s],b:255*[n,n,d,a,a,i][s],a:o}},$e=function(e){return{h:De(e.h),s:Le(e.s,0,100),l:Le(e.l,0,100),a:Le(e.a)}},qe=function(e){return{h:Me(e.h),s:Me(e.s),l:Me(e.l),a:Me(e.a,3)}},Ue=function(e){return Ke((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},He=function(e){return{h:(t=Ae(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},ze=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ge=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Je=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ye=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Qe={string:[[function(e){var t=Ve.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?Me(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?Me(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=Je.exec(e)||Ye.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:We({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=ze.exec(e)||Ge.exec(e);return a?Ue($e({h:(t=a[1],l=a[2],void 0===l&&(l="deg"),Number(t)*(Re[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 Be(t)&&Be(l)&&Be(a)?We({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 Be(t)&&Be(l)&&Be(a)?Ue($e({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 Be(t)&&Be(l)&&Be(a)?Ke(function(e){return{h:De(e.h),s:Le(e.s,0,100),v:Le(e.v,0,100),a:Le(e.a)}}({h:Number(t),s:Number(l),v:Number(a),a:Number(r)})):null},"hsv"]]},Xe=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=He(e);return{h:l.h,s:Le(l.s+100*t,0,100),l:l.l,a:l.a}},et=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},tt=function(e,t){var l=He(e);return{h:l.h,s:l.s,l:Le(l.l+100*t,0,100),a:l.a}},lt=function(){function e(e){this.parsed=function(e){return"string"==typeof e?Xe(e.trim(),Qe.string):"object"==typeof e&&null!==e?Xe(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 Me(et(this.rgba),2)},e.prototype.isDark=function(){return et(this.rgba)<.5},e.prototype.isLight=function(){return et(this.rgba)>=.5},e.prototype.toHex=function(){return t=(e=Fe(this.rgba)).r,l=e.g,a=e.b,r=(o=e.a)<1?je(Me(255*o)):"","#"+je(t)+je(l)+je(a)+r;var e,t,l,a,o,r},e.prototype.toRgb=function(){return Fe(this.rgba)},e.prototype.toRgbString=function(){return t=(e=Fe(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 qe(He(this.rgba))},e.prototype.toHslString=function(){return t=(e=qe(He(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=Ae(this.rgba),{h:Me(e.h),s:Me(e.s),v:Me(e.v),a:Me(e.a,3)};var e},e.prototype.invert=function(){return at({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),at(Ze(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),at(Ze(this.rgba,-e))},e.prototype.grayscale=function(){return at(Ze(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),at(tt(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),at(tt(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?at({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):Me(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=He(this.rgba);return"number"==typeof e?at({h:e,s:t.s,l:t.l,a:t.a}):Me(t.h)},e.prototype.isEqual=function(e){return this.toHex()===at(e).toHex()},e}(),at=function(e){return e instanceof lt?e:new lt(e)},ot=/* @__PURE__ */ie(/* @__PURE__ */N({__name:"multi-field-item",props:{config:{},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=oe(),a=D(),o=f(()=>{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=f(()=>t.config.style.labelType.includes("surface_")?{background:t.config.style.color,color:"#fff"}:t.config.style.labelType.includes("line_dashed_")?{border:`1px dashed ${at(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:t.config.style.labelType.includes("line_")?{border:`1px solid ${at(t.config.style.color).alpha(.5).toRgbString()}`,color:t.config.style.color}:{background:at(t.config.style.color).alpha(.1).toRgbString(),color:t.config.style.color,border:`1px solid ${at(t.config.style.color).alpha(.5).toRgbString()}`});return R(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(),x("div",{key:0,class:P(["tag",t.config.style.labelType]),style:O(r.value)},j(o.value),7)):h("",!0)}}),[["__scopeId","data-v-ddac8ce3"]]),rt={key:0,class:"flex tag-area"},nt=/* @__PURE__ */ie(/* @__PURE__ */N({__name:"multi-field-display",props:{widget:{},rowReadonly:{type:Boolean},isDesign:{type:Boolean},rowValue:{}},setup(e){const t=e,l=f(()=>t.rowReadonly&&t.widget.materialType===o.MaterialTableField&&t.widget.props.multiFieldDisplay);return(a,o)=>l.value?(B(),x("div",rt,[(B(!0),x(b,null,W(t.widget.props.multiFieldConfig,(l,a)=>(B(),x("div",{key:a},[S(ot,{config:l,"is-design":t.isDesign,"row-value":e.rowValue},null,8,["config","is-design","row-value"])]))),128))])):h("",!0)}}),[["__scopeId","data-v-0f2f02cc"]]);function it(){console.log("Hello World!")}var dt=new URL("./index.min.css",import.meta.url);i.load(dt.href);export{ne as DesignRender,Oe as FieldCheckbox,Pe as FieldRadio,Ie as FieldSelect,nt as MultiFieldDisplay,de as Tag,ke as fieldReadonly,Ne as getDataByModelType,we as refCardLabelRender,it as run,ye as selectTag,ae as setupPageEvent,ge as taglabel,Se as useGetRefCard,oe as usePageEvent,Ce as useRefCardData};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropType, VNode } from 'vue';
|
|
2
2
|
import { IDesignData, IDesignNode } from '@gct-paas/schema';
|
|
3
|
+
import { IDesignRenderController } from '@gct-paas/render';
|
|
3
4
|
export declare const DesignRender: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
5
|
model: {
|
|
5
6
|
type: PropType<IDesignData>;
|
|
@@ -19,15 +20,15 @@ export declare const DesignRender: import('vue').DefineComponent<import('vue').E
|
|
|
19
20
|
};
|
|
20
21
|
}>, {
|
|
21
22
|
ns: import('@gct-paas/core').Namespace;
|
|
22
|
-
c:
|
|
23
|
+
c: IDesignRenderController;
|
|
23
24
|
style: import('vue').ComputedRef<IObject>;
|
|
24
25
|
rootNodes: IDesignNode<import('@gct-paas/schema').IDesignNodeData>[];
|
|
25
26
|
renderNode: (node: IDesignNode, parent?: IDesignNode) => import("vue/jsx-runtime").JSX.Element | null;
|
|
26
27
|
renderPageNode: (child: VNode[]) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
27
28
|
[key: string]: any;
|
|
28
|
-
}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
29
|
+
}>[] | VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
29
30
|
[key: string]: any;
|
|
30
|
-
}
|
|
31
|
+
}>;
|
|
31
32
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
32
33
|
model: {
|
|
33
34
|
type: PropType<IDesignData>;
|
|
@@ -15,7 +15,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
15
15
|
};
|
|
16
16
|
options: PropType<CheckboxGroupProps["options"]>;
|
|
17
17
|
value: {
|
|
18
|
-
type: (
|
|
18
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
19
19
|
required: true;
|
|
20
20
|
};
|
|
21
21
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -32,12 +32,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
32
32
|
};
|
|
33
33
|
options: PropType<CheckboxGroupProps["options"]>;
|
|
34
34
|
value: {
|
|
35
|
-
type: (
|
|
35
|
+
type: (ArrayConstructor | StringConstructor)[];
|
|
36
36
|
required: true;
|
|
37
37
|
};
|
|
38
38
|
}>> & Readonly<{}>, {
|
|
39
|
+
design: boolean;
|
|
39
40
|
disabled: boolean;
|
|
40
41
|
readonly: boolean;
|
|
41
|
-
design: boolean;
|
|
42
42
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
43
43
|
export default _default;
|
|
@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
14
14
|
required: true;
|
|
15
15
|
};
|
|
16
16
|
options: PropType<RadioGroupProps["options"]>;
|
|
17
|
-
value: (
|
|
17
|
+
value: (NumberConstructor | StringConstructor)[];
|
|
18
18
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
19
19
|
design: BooleanConstructor;
|
|
20
20
|
disabled: BooleanConstructor;
|
|
@@ -28,10 +28,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
28
28
|
required: true;
|
|
29
29
|
};
|
|
30
30
|
options: PropType<RadioGroupProps["options"]>;
|
|
31
|
-
value: (
|
|
31
|
+
value: (NumberConstructor | StringConstructor)[];
|
|
32
32
|
}>> & Readonly<{}>, {
|
|
33
|
+
design: boolean;
|
|
33
34
|
disabled: boolean;
|
|
34
35
|
readonly: boolean;
|
|
35
|
-
design: boolean;
|
|
36
36
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
37
37
|
export default _default;
|
|
@@ -28,9 +28,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
28
28
|
required: true;
|
|
29
29
|
};
|
|
30
30
|
options: PropType<SelectProps["options"]>;
|
|
31
|
-
value: (
|
|
31
|
+
value: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
32
32
|
maxTagCount: {
|
|
33
|
-
type: (
|
|
33
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
34
34
|
default: number;
|
|
35
35
|
};
|
|
36
36
|
maxTagTextLength: {
|
|
@@ -40,9 +40,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
40
40
|
selectOptionLabel: {
|
|
41
41
|
type: StringConstructor;
|
|
42
42
|
};
|
|
43
|
-
}>, () => import('vue').
|
|
44
|
-
[key: string]: any;
|
|
45
|
-
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
43
|
+
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
46
44
|
design: BooleanConstructor;
|
|
47
45
|
disabled: BooleanConstructor;
|
|
48
46
|
readonly: BooleanConstructor;
|
|
@@ -60,9 +58,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
60
58
|
required: true;
|
|
61
59
|
};
|
|
62
60
|
options: PropType<SelectProps["options"]>;
|
|
63
|
-
value: (
|
|
61
|
+
value: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
64
62
|
maxTagCount: {
|
|
65
|
-
type: (
|
|
63
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
66
64
|
default: number;
|
|
67
65
|
};
|
|
68
66
|
maxTagTextLength: {
|
|
@@ -73,10 +71,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
73
71
|
type: StringConstructor;
|
|
74
72
|
};
|
|
75
73
|
}>> & Readonly<{}>, {
|
|
74
|
+
design: boolean;
|
|
76
75
|
disabled: boolean;
|
|
77
76
|
readonly: boolean;
|
|
78
77
|
maxTagCount: string | number;
|
|
79
78
|
maxTagTextLength: number;
|
|
80
|
-
design: boolean;
|
|
81
79
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
82
80
|
export default _default;
|
|
@@ -3,8 +3,7 @@ import selectTag_default from "./field-label/selectTag.vue.mjs";
|
|
|
3
3
|
import field_readonly_default from "./field-readonly.vue.mjs";
|
|
4
4
|
import './index.css';/* empty css */
|
|
5
5
|
import { computed, createVNode, defineComponent, h, mergeProps } from "vue";
|
|
6
|
-
import { FormComponents } from "@gct-paas/core";
|
|
7
|
-
import { transformUrl } from "@gct-paas/core-web";
|
|
6
|
+
import { FormComponents, transformUrl } from "@gct-paas/core";
|
|
8
7
|
import { Avatar, Select } from "ant-design-vue";
|
|
9
8
|
import { pick } from "lodash-es";
|
|
10
9
|
//#region src/components/form-component/FieldSelect.tsx
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
2
2
|
import tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default from "./tag-label.vue_vue_type_script_setup_true_name_TagLabel_lang.mjs";
|
|
3
|
-
import './tag-label.
|
|
3
|
+
import './tag-label.vue_vue_type_style_index_0_scoped_6c507fe8_lang.css';/* empty css */
|
|
4
4
|
//#region src/components/form-component/field-label/tag-label.vue
|
|
5
|
-
var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default, [["__scopeId", "data-v-
|
|
5
|
+
var tag_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default, [["__scopeId", "data-v-6c507fe8"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { tag_label_default as default };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import tag_span_default from "./tag-span.vue.mjs";
|
|
2
2
|
import tag_layout_default from "./tag-layout.vue.mjs";
|
|
3
3
|
import { schemaToStyle } from "@gct-paas/render";
|
|
4
|
-
import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeStyle, openBlock, renderList, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
|
|
5
|
-
import { FIELD_TYPE } from "@gct-paas/core";
|
|
6
|
-
import { IconNext, transformUrl } from "@gct-paas/core-web";
|
|
4
|
+
import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx, withModifiers } from "vue";
|
|
5
|
+
import { FIELD_TYPE, transformUrl } from "@gct-paas/core";
|
|
7
6
|
import { Avatar } from "ant-design-vue";
|
|
8
7
|
import { isString } from "lodash-es";
|
|
9
8
|
//#region src/components/form-component/field-label/tag-label.vue?vue&type=script&setup=true&name=TagLabel&lang.ts
|
|
@@ -58,7 +57,7 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
|
|
|
58
57
|
if ($attrs.labelName) {
|
|
59
58
|
const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || props.iconProps || {};
|
|
60
59
|
if (!iconAttrs?.icon) return;
|
|
61
|
-
return h(
|
|
60
|
+
return h(resolveComponent("icon-next"), {
|
|
62
61
|
size: 16,
|
|
63
62
|
value: iconAttrs?.icon,
|
|
64
63
|
color: iconAttrs?.iconColor || themeSetting.themeColor,
|
|
@@ -67,6 +66,7 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
|
|
|
67
66
|
}
|
|
68
67
|
} };
|
|
69
68
|
return (_ctx, _cache) => {
|
|
69
|
+
const _component_icon_next = resolveComponent("icon-next");
|
|
70
70
|
return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createBlock(tag_layout_default, {
|
|
71
71
|
key: 0,
|
|
72
72
|
disabled: !!__props.disabled,
|
|
@@ -88,7 +88,7 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
|
|
|
88
88
|
}, null, 8, ["src"])) : createCommentVNode("", true),
|
|
89
89
|
createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]),
|
|
90
90
|
createElementVNode("span", _hoisted_1, toDisplayString(i), 1),
|
|
91
|
-
__props.closable ? (openBlock(), createBlock(
|
|
91
|
+
__props.closable ? (openBlock(), createBlock(_component_icon_next, {
|
|
92
92
|
key: 1,
|
|
93
93
|
size: 15,
|
|
94
94
|
value: "icon-park:close-small",
|
|
@@ -123,7 +123,7 @@ var tag_label_vue_vue_type_script_setup_true_name_TagLabel_lang_default = /* @__
|
|
|
123
123
|
style: normalizeStyle(getMsgColor(showLabel.value)),
|
|
124
124
|
disabled: !!__props.disabled,
|
|
125
125
|
"label-layout": unref(labelLayout),
|
|
126
|
-
class: "select-text leading-none
|
|
126
|
+
class: "select-text leading-none"
|
|
127
127
|
}, {
|
|
128
128
|
default: withCtx(() => [createTextVNode(toDisplayString(showLabel.value || "\xA0"), 1)]),
|
|
129
129
|
_: 1
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.tag-label-disabled[data-v-
|
|
1
|
+
.tag-label-disabled[data-v-6c507fe8] {
|
|
2
2
|
opacity: 0.5;
|
|
3
3
|
}
|
|
4
|
-
.label-ellipsis[data-v-
|
|
4
|
+
.label-ellipsis[data-v-6c507fe8] {
|
|
5
5
|
overflow: hidden;
|
|
6
6
|
text-overflow: ellipsis;
|
|
7
7
|
white-space: nowrap;
|
|
8
8
|
}
|
|
9
|
-
.label-wrap[data-v-
|
|
9
|
+
.label-wrap[data-v-6c507fe8] {
|
|
10
10
|
word-break: break-all;
|
|
11
11
|
white-space: wrap;
|
|
12
12
|
}
|
|
13
|
-
.select-text[data-v-
|
|
13
|
+
.select-text[data-v-6c507fe8] {
|
|
14
14
|
min-width: 16px;
|
|
15
15
|
}
|
|
@@ -6,5 +6,4 @@ import { default as selectTag } from './field-label/selectTag.vue';
|
|
|
6
6
|
import { default as fieldReadonly } from './field-readonly.vue';
|
|
7
7
|
import { default as refCardLabelRender } from './field-label/ref-card-label-render.vue';
|
|
8
8
|
import { default as Tag } from './field-label/tag-span.vue';
|
|
9
|
-
|
|
10
|
-
export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, refCardLabelRender, Tag, emptyValueDisplay, };
|
|
9
|
+
export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, refCardLabelRender, Tag, };
|
package/es/components/index.d.ts
CHANGED
package/es/components/index.mjs
CHANGED
|
@@ -7,5 +7,6 @@ import "./form-component/field-readonly.vue.mjs";
|
|
|
7
7
|
import "./form-component/FieldSelect.mjs";
|
|
8
8
|
import "./form-component/FieldRadio.mjs";
|
|
9
9
|
import "./form-component/FieldCheckbox.mjs";
|
|
10
|
-
import "./form-component/field-empty-value.mjs";
|
|
11
10
|
import "./form-component/index.mjs";
|
|
11
|
+
import "./multi-field/multi-field-display.vue.mjs";
|
|
12
|
+
import "./multi-field/index.mjs";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./multi-field-display.vue.mjs";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IBasicSchema } from '@gct-paas/schema';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
widget: IBasicSchema;
|
|
4
|
+
rowReadonly?: boolean;
|
|
5
|
+
isDesign?: boolean;
|
|
6
|
+
rowValue?: IObject;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
2
|
+
import multi_field_display_vue_vue_type_script_setup_true_lang_default from "./multi-field-display.vue_vue_type_script_setup_true_lang.mjs";
|
|
3
|
+
import './multi-field-display.vue_vue_type_style_index_0_scoped_0f2f02cc_lang.css';/* empty css */
|
|
4
|
+
//#region src/components/multi-field/multi-field-display.vue
|
|
5
|
+
var multi_field_display_default = /* @__PURE__ */ _plugin_vue_export_helper_default(multi_field_display_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0f2f02cc"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { multi_field_display_default as default };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import multi_field_item_default from "./multi-field-item.vue.mjs";
|
|
2
|
+
import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, renderList } from "vue";
|
|
3
|
+
import { MaterialEnum } from "@gct-paas/core";
|
|
4
|
+
//#region src/components/multi-field/multi-field-display.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var _hoisted_1 = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "flex tag-area"
|
|
8
|
+
};
|
|
9
|
+
var multi_field_display_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "multi-field-display",
|
|
11
|
+
props: {
|
|
12
|
+
widget: {},
|
|
13
|
+
rowReadonly: { type: Boolean },
|
|
14
|
+
isDesign: { type: Boolean },
|
|
15
|
+
rowValue: {}
|
|
16
|
+
},
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const defProps = __props;
|
|
19
|
+
const showTag = computed(() => {
|
|
20
|
+
return defProps.rowReadonly && defProps.widget.materialType === MaterialEnum.MaterialTableField && defProps.widget.props.multiFieldDisplay;
|
|
21
|
+
});
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return showTag.value ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(defProps.widget.props.multiFieldConfig, (item, idx) => {
|
|
24
|
+
return openBlock(), createElementBlock("div", { key: idx }, [createVNode(multi_field_item_default, {
|
|
25
|
+
config: item,
|
|
26
|
+
"is-design": defProps.isDesign,
|
|
27
|
+
"row-value": __props.rowValue
|
|
28
|
+
}, null, 8, [
|
|
29
|
+
"config",
|
|
30
|
+
"is-design",
|
|
31
|
+
"row-value"
|
|
32
|
+
])]);
|
|
33
|
+
}), 128))])) : createCommentVNode("", true);
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { multi_field_display_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
config: IObject;
|
|
3
|
+
isDesign: boolean;
|
|
4
|
+
rowValue?: IObject;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
2
|
+
import multi_field_item_vue_vue_type_script_setup_true_lang_default from "./multi-field-item.vue_vue_type_script_setup_true_lang.mjs";
|
|
3
|
+
import './multi-field-item.vue_vue_type_style_index_0_scoped_ddac8ce3_lang.css';/* empty css */
|
|
4
|
+
//#region src/components/multi-field/multi-field-item.vue
|
|
5
|
+
var multi_field_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(multi_field_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ddac8ce3"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { multi_field_item_default as default };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { usePageEvent } from "../../Event/Events.mjs";
|
|
2
|
+
import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, toDisplayString } from "vue";
|
|
3
|
+
import { colord } from "colord";
|
|
4
|
+
//#region src/components/multi-field/multi-field-item.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var multi_field_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "multi-field-item",
|
|
7
|
+
props: {
|
|
8
|
+
config: {},
|
|
9
|
+
isDesign: { type: Boolean },
|
|
10
|
+
rowValue: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const Event = usePageEvent();
|
|
15
|
+
const runName = ref();
|
|
16
|
+
const name = computed(() => {
|
|
17
|
+
if (!props.config?.event?.name) return "";
|
|
18
|
+
if (props.isDesign) return "辅助字段";
|
|
19
|
+
return runName.value;
|
|
20
|
+
});
|
|
21
|
+
const style = computed(() => {
|
|
22
|
+
if (props.config.style.labelType.includes("surface_")) return {
|
|
23
|
+
background: props.config.style.color,
|
|
24
|
+
color: "#fff"
|
|
25
|
+
};
|
|
26
|
+
if (props.config.style.labelType.includes("line_dashed_")) return {
|
|
27
|
+
border: `1px dashed ${colord(props.config.style.color).alpha(.5).toRgbString()}`,
|
|
28
|
+
color: props.config.style.color
|
|
29
|
+
};
|
|
30
|
+
if (props.config.style.labelType.includes("line_")) return {
|
|
31
|
+
border: `1px solid ${colord(props.config.style.color).alpha(.5).toRgbString()}`,
|
|
32
|
+
color: props.config.style.color
|
|
33
|
+
};
|
|
34
|
+
return {
|
|
35
|
+
background: colord(props.config.style.color).alpha(.1).toRgbString(),
|
|
36
|
+
color: props.config.style.color,
|
|
37
|
+
border: `1px solid ${colord(props.config.style.color).alpha(.5).toRgbString()}`
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
onMounted(async () => {
|
|
41
|
+
if (props.config?.event?.name && !props.isDesign) runName.value = await Event.runExportByName(props.config?.event?.name, {}, props.rowValue, props.config?.event?.extraParams);
|
|
42
|
+
});
|
|
43
|
+
return (_ctx, _cache) => {
|
|
44
|
+
return name.value ? (openBlock(), createElementBlock("div", {
|
|
45
|
+
key: 0,
|
|
46
|
+
class: normalizeClass(["tag", props.config.style.labelType]),
|
|
47
|
+
style: normalizeStyle(style.value)
|
|
48
|
+
}, toDisplayString(name.value), 7)) : createCommentVNode("", true);
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
//#endregion
|
|
53
|
+
export { multi_field_item_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.tag[data-v-ddac8ce3] {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
height: 22px;
|
|
5
|
+
margin-left: 8px;
|
|
6
|
+
font-size: 12px;
|
|
7
|
+
line-height: 22px;
|
|
8
|
+
white-space: nowrap;
|
|
9
|
+
}
|
|
10
|
+
.radius[data-v-ddac8ce3],
|
|
11
|
+
.surface_radius[data-v-ddac8ce3],
|
|
12
|
+
.line_radius[data-v-ddac8ce3],
|
|
13
|
+
.line_dashed_radius[data-v-ddac8ce3] {
|
|
14
|
+
padding-right: 6px;
|
|
15
|
+
padding-left: 6px;
|
|
16
|
+
border-radius: 3px;
|
|
17
|
+
}
|
|
18
|
+
.big_radius[data-v-ddac8ce3],
|
|
19
|
+
.surface_big_radius[data-v-ddac8ce3],
|
|
20
|
+
.line_big_radius[data-v-ddac8ce3] {
|
|
21
|
+
padding-right: 8px;
|
|
22
|
+
padding-left: 8px;
|
|
23
|
+
border-radius: 50px;
|
|
24
|
+
}
|
|
25
|
+
.line_status[data-v-ddac8ce3],
|
|
26
|
+
.surface_status[data-v-ddac8ce3],
|
|
27
|
+
.status[data-v-ddac8ce3] {
|
|
28
|
+
padding-right: 8px;
|
|
29
|
+
padding-left: 8px;
|
|
30
|
+
border-radius: 11px 3px 3px;
|
|
31
|
+
}
|
package/es/index.mjs
CHANGED
|
@@ -10,11 +10,11 @@ import field_readonly_default from "./components/form-component/field-readonly.v
|
|
|
10
10
|
import FieldSelect_default from "./components/form-component/FieldSelect.mjs";
|
|
11
11
|
import FieldRadio_default from "./components/form-component/FieldRadio.mjs";
|
|
12
12
|
import FieldCheckbox_default from "./components/form-component/FieldCheckbox.mjs";
|
|
13
|
-
import
|
|
13
|
+
import multi_field_display_default from "./components/multi-field/multi-field-display.vue.mjs";
|
|
14
14
|
import "./components/index.mjs";
|
|
15
15
|
//#region src/index.ts
|
|
16
16
|
function run() {
|
|
17
17
|
console.log("Hello World!");
|
|
18
18
|
}
|
|
19
19
|
//#endregion
|
|
20
|
-
export { DesignRender, FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, tag_span_default as Tag,
|
|
20
|
+
export { DesignRender, 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.5-dev.
|
|
3
|
+
"version": "0.1.5-dev.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台网页端底包",
|
|
6
6
|
"loader": "dist/loader.esm.min.js",
|
|
@@ -30,34 +30,34 @@
|
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
32
|
"author": "gct",
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"ant-design-vue": "~3.2.20",
|
|
35
|
+
"colord": "^2.9.3",
|
|
36
|
+
"exceljs": "^4.4.0",
|
|
37
|
+
"vue": "^3.5.30",
|
|
38
|
+
"@gct-paas/core": "0.1.5-dev.11",
|
|
39
|
+
"@gct-paas/render": "0.1.5-dev.11",
|
|
40
|
+
"@gct-paas/core-web": "0.1.5-dev.11",
|
|
41
|
+
"@gct-paas/schema": "0.1.5-dev.11",
|
|
42
|
+
"@gct-paas/scss": "0.1.5-dev.11"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"vue": ">=3",
|
|
46
|
+
"@gct-paas/core": "0.1.5-dev.11",
|
|
47
|
+
"@gct-paas/core-web": "0.1.5-dev.11",
|
|
48
|
+
"@gct-paas/render": "0.1.5-dev.11",
|
|
49
|
+
"@gct-paas/schema": "0.1.5-dev.11",
|
|
50
|
+
"@gct-paas/scss": "0.1.5-dev.11"
|
|
51
|
+
},
|
|
33
52
|
"scripts": {
|
|
34
53
|
"dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
|
|
35
54
|
"es:build": "vite build --config vite.dev.config.ts",
|
|
36
|
-
"build": "npm run lint && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
|
|
55
|
+
"build": "npm run lint && vue-tsc --noEmit && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
|
|
37
56
|
"lint": "eslint src/",
|
|
38
57
|
"publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
|
|
39
58
|
"publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
|
|
40
59
|
"publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
|
|
41
60
|
"publish:beta": "npm run build && npm publish --access public --tag=beta --registry=https://registry.npmjs.org/",
|
|
42
61
|
"publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
"@gct-paas/core": "0.1.5-dev.1",
|
|
46
|
-
"@gct-paas/core-web": "0.1.5-dev.1",
|
|
47
|
-
"@gct-paas/render": "0.1.5-dev.1",
|
|
48
|
-
"@gct-paas/schema": "0.1.5-dev.1",
|
|
49
|
-
"@gct-paas/scss": "0.1.5-dev.1",
|
|
50
|
-
"ant-design-vue": "~3.2.20",
|
|
51
|
-
"exceljs": "^4.4.0",
|
|
52
|
-
"vue": "^3.5.30"
|
|
53
|
-
},
|
|
54
|
-
"peerDependencies": {
|
|
55
|
-
"@gct-paas/core": "*",
|
|
56
|
-
"@gct-paas/core-web": "*",
|
|
57
|
-
"@gct-paas/render": "*",
|
|
58
|
-
"@gct-paas/schema": "*",
|
|
59
|
-
"@gct-paas/scss": "*",
|
|
60
|
-
"vue": ">=3"
|
|
61
|
-
},
|
|
62
|
-
"gitHead": "d554696d0991c1d14dd5a2a43b277bafe3976371"
|
|
63
|
-
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { LowCodeWidget } from '@gct-paas/schema';
|
|
2
|
-
/**空值显示逻辑 */
|
|
3
|
-
export declare function emptyValueDisplay(widget: LowCodeWidget.FieldSchema, value: IObject): {
|
|
4
|
-
RenderEmptyValue: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
|
|
5
|
-
isEmpty: import('vue').ComputedRef<boolean | undefined>;
|
|
6
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { computed, defineComponent } from "vue";
|
|
2
|
-
//#region src/components/form-component/field-empty-value.tsx
|
|
3
|
-
/**空值显示逻辑 */
|
|
4
|
-
function emptyValueDisplay(widget, value) {
|
|
5
|
-
/**部分字段排除空值显示 */
|
|
6
|
-
const exclude = [];
|
|
7
|
-
const fieldType = widget.props.fieldType;
|
|
8
|
-
const isEmpty = computed(() => {
|
|
9
|
-
return widget.props.readonly && fieldType && !exclude.includes(fieldType) && (value.value === void 0 || value.value === "" || value.value === null);
|
|
10
|
-
});
|
|
11
|
-
return {
|
|
12
|
-
RenderEmptyValue: /* @__PURE__ */ defineComponent((_props, _slots) => () => _gct.store.getEmptyDisplay),
|
|
13
|
-
isEmpty
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
//#endregion
|
|
17
|
-
export { emptyValueDisplay };
|