cnhis-design-vue 3.2.19-beta.1 → 3.2.19-beta.4

package/es/components/card-render/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as e}from"../../shared/utils/index.js";import a from"./src/CardRender.vue.js";const o=a;o.install=function(a){e(a,o,r+"CardRender")};export{o as default};

package/es/components/card-render/src/CardRender.vue.js

@@ -0,0 +1 @@
+import e from"./CardRender.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","CardRender.vue"]]);export{a as default};

package/es/components/card-render/src/CardRender.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,computed as t,provide as o,openBlock as s,createElementBlock as r,normalizeStyle as i,unref as a,Fragment as n,renderList as d,createBlock as m,resolveDynamicComponent as l,createSlots as p,withCtx as c,renderSlot as u,normalizeProps as f,guardReactiveProps as h}from"vue";import{getComponent as v}from"./components/index.js";import{findValueIsEmpty as j}from"./utils/index.js";import{InjectionTemplateRender as g,InjectionTemplateRenderEmit as y}from"./constants/index.js";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"naive-ui";import"../../../shared/hooks/useScrollLoading.js";var b=e({__name:"CardRender",props:{config:{type:Object},data:{default:()=>({}),type:Object},renders:{type:Object}},emits:["module-click","button-click"],setup(e,{emit:b}){const x=e,O=k(),S=t((()=>{var e;return{...O,...null==(e=x.config)?void 0:e.templateStyle}})),_=t((()=>{var e;return(null==(e=x.config)?void 0:e.templates)?x.config.templates.filter((e=>!e.setting.emptyHide||j(e,x.data))):[]}));return o(g,{...x,globalData:x.data}),o(y,b),(t,o)=>(s(),r("div",{class:"c-card-render",style:i(a(S))},[(s(!0),r(n,null,d(a(_),((o,r)=>(s(),m(l(a(v)(o.type)),{key:r,config:o,data:e.data},p({_:2},[d(t.$slots,((e,o)=>({name:o,fn:c((e=>[u(t.$slots,o,f(h(e)))]))})))]),1032,["config","data"])))),128))],4))}});export{b as default};

package/es/components/{template-render → card-render}/src/components/Button.vue2.js

@@ -1 +1 @@
-import{defineComponent as t,inject as n,computed as e,openBlock as o,createElementBlock as i,normalizeStyle as l,unref as r,normalizeClass as s,Fragment as u,renderList as a,createBlock as d,mergeProps as c,withModifiers as f,withCtx as p,createTextVNode as m,toDisplayString as v}from"vue";import{cloneDeep as b,isObject as g}from"lodash-es";import{InjectionTemplateRenderEmit as y}from"../constants/index.js";import{getRealWidth as k,transNumberToPx as x,isFactor as _,getCurText as z}from"../utils/index.js";import{NButton as C}from"naive-ui";var h=t({__name:"Button",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(t){const h=t,j=n(y),O=e((()=>{var t;return b((null==(t=h.config)?void 0:t.setting)||{})})),S=e((()=>O.value.buttonList||[])),w=e((()=>{const{containerStyle:t={},unitConfig:n={}}=O.value,e=k(t,n);return{"font-size":"14px",...x(t),width:e,"box-sizing":"border-box"}}));function B(t,n){var e;return t.props.block||n===(null==(e=S.value)?void 0:e.length)-1}function L(t){var n,e;const o=(null==(n=null==t?void 0:t.advancedConfig)?void 0:n.disabled)||{};if((null==(e=o.conditions)?void 0:e.length)>0){if(o.conditions.some((t=>_(t,z(h.data[t.field_key])))))return{disabled:!0,title:null==o?void 0:o.title}}return!1}function T(t){const n=L(t),e=t.customTitle||t.name;return g(n)&&n.title?n.title:e}function q(t){return x(null==t?void 0:t.buttonStyle)||{}}return(t,n)=>(o(),i("div",{style:l(r(w)),class:s(r(O).containerClass)},[(o(!0),i(u,null,a(r(S),((t,n)=>(o(),d(r(C),c({class:B(t,n)?"":"c-template-render__mgr8",key:n},function(t){return{...t.props,size:"normal"===t.props.size?"medium":t.props.size}}(t),{style:q(t),disabled:!!L(t),onClick:f((()=>function(t){j("button-click",{...b(h),button:t})}(t)),["stop"])}),{default:p((()=>[m(v(T(t)),1)])),_:2},1040,["class","style","disabled","onClick"])))),128))],6))}});export{h as default};
+import{defineComponent as t,inject as n,computed as e,openBlock as o,createElementBlock as i,normalizeStyle as l,unref as r,normalizeClass as s,Fragment as u,renderList as a,createBlock as d,mergeProps as c,withModifiers as f,withCtx as p,createTextVNode as m,toDisplayString as v}from"vue";import{cloneDeep as b,isObject as g}from"lodash-es";import{InjectionTemplateRenderEmit as y}from"../constants/index.js";import{getRealWidth as k,transNumberToPx as x,isFactor as _,getCurText as z}from"../utils/index.js";import{NButton as C}from"naive-ui";var h=t({__name:"Button",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(t){const h=t,j=n(y),O=e((()=>{var t;return b((null==(t=h.config)?void 0:t.setting)||{})})),S=e((()=>O.value.buttonList||[])),w=e((()=>{const{containerStyle:t={},unitConfig:n={}}=O.value,e=k(t,n);return{"font-size":"14px",...x(t),width:e,"box-sizing":"border-box"}}));function B(t,n){var e;return t.props.block||n===(null==(e=S.value)?void 0:e.length)-1}function L(t){var n,e;const o=(null==(n=null==t?void 0:t.advancedConfig)?void 0:n.disabled)||{};if((null==(e=o.conditions)?void 0:e.length)>0){if(o.conditions.some((t=>_(t,z(h.data[t.field_key])))))return{disabled:!0,title:null==o?void 0:o.title}}return!1}function T(t){const n=L(t),e=t.customTitle||t.name;return g(n)&&n.title?n.title:e}function q(t){return x(null==t?void 0:t.buttonStyle)||{}}return(t,n)=>(o(),i("div",{style:l(r(w)),class:s(r(O).containerClass)},[(o(!0),i(u,null,a(r(S),((t,n)=>(o(),d(r(C),c({class:B(t,n)?"":"c-card-render__mgr8",key:n},function(t){return{...t.props,size:"normal"===t.props.size?"medium":t.props.size}}(t),{style:q(t),disabled:!!L(t),onClick:f((()=>function(t){j("button-click",{...b(h),button:t})}(t)),["stop"])}),{default:p((()=>[m(v(T(t)),1)])),_:2},1040,["class","style","disabled","onClick"])))),128))],6))}});export{h as default};

package/es/components/card-render/src/components/Field.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,computed as t,unref as l,openBlock as n,createElementBlock as a,normalizeClass as i,normalizeStyle as o,withModifiers as s,createElementVNode as r,toDisplayString as c,createCommentVNode as u,createBlock as d,withCtx as v,createTextVNode as f}from"vue";import{getCurText as p,transNumberToPx as y,getRealWidth as k,isFactor as m}from"../utils/index.js";import{NEllipsis as g}from"naive-ui";import{useCommon as b}from"../hooks/useCommon.js";const h={key:0},x={key:2},C={key:2};var w=e({__name:"Field",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const w=e,{setting:_,handleModuleClick:j}=b(w),O=t((()=>_.value.prefix||"")),S=t((()=>_.value.suffix||"")),z=t((()=>{const{conditionalShowList:e=[],mappingFiled:t=[]}=_.value.advancedConfig||{},l=H(e);if(Object.keys(l).length>0){const e=p(w.data[null==l?void 0:l.fieldName]||"");if(e)return e}const n=H(t);if(Object.keys(n).length>0){const e=null==n?void 0:n.key;if(e)return e}return p(w.data[_.value.fieldName])||""})),F=t((()=>z.value?O.value+z.value+S.value:E.value)),L=t((()=>_.value.rowNum||1)),N=t((()=>_.value.showTitle&&_.value.title)),M=t((()=>({...y(_.value.titleStyle),"box-sizing":"border-box"}))),B=t((()=>({...y(_.value.contentStyle),"word-break":"break-all","white-space":"normal","box-sizing":"border-box"}))),P=t((()=>{let e=_.value.containerClass||"";return _.value.prefixBar&&(e=`c-card-render__bar ${e}`),e})),T=t((()=>{const{containerStyle:e={},unitConfig:t={}}=_.value,l=k(e,t);return{"font-size":"14px",...y(e),width:l,"box-sizing":"border-box"}})),$=t((()=>"ellipsis"==_.value.textOverflow)),q=t((()=>"showMore"==_.value.textOverflow)),A=t((()=>{const{displayCondition:e=[]}=_.value.advancedConfig||{};return!e.length||e.some((e=>m(e,p(w.data[e.field_key]))))})),D=t((()=>{const{conditionalShowList:e=[]}=_.value.advancedConfig||{};return e.length>0?H(e):{}})),E=t((()=>_.value.emptyPlaceholder||"--")),G=t((()=>{const{conditionalShowList:e=[],mappingFiled:t=[]}=_.value.advancedConfig||{},l=H(e);if(Object.keys(l).length>0)return"";const n=H(t);return Object.keys(n).length>0?null==n?void 0:n.color:""}));function H(e){let t={};for(let l=0;l<e.length;l++){const n=e[l];if(n.conditions.some((e=>m(e,p(w.data[e.field_key]))))){t=n;break}}return t}return(t,p)=>l(A)?(n(),a("div",{key:0,class:i(l(P)),style:o(l(T))},[l(N)?(n(),a("span",{key:0,class:i(["c-card-render__color60",l(_).titleClass]),style:o(l(M)),onClick:p[0]||(p[0]=s((()=>l(j)(e.data)),["stop"]))},[r("span",null,c(l(D).title||l(_).title),1)],6)):u("v-if",!0),u(" 如果有枚举判断的颜色，则不考虑查看更多的筛选 "),l(G)?(n(),a("span",{key:1,style:o(l(B)),class:i(l(_).contentClass),onClick:p[1]||(p[1]=(...e)=>l(j)&&l(j)(...e))},[l(O)&&l(z)?(n(),a("span",h,c(l(O)),1)):u("v-if",!0),l(G)?(n(),a("span",{key:1,style:o({color:l(G)})},c(l(z)||l(E)),5)):u("v-if",!0),l(S)&&l(z)?(n(),a("span",x,c(l(S)),1)):u("v-if",!0)],6)):(n(),a("span",{key:2,style:o(l(B)),class:i(l(_).contentClass),onClick:p[2]||(p[2]=(...e)=>l(j)&&l(j)(...e))},[l($)?(n(),a("span",{key:0,class:"c-card-render__text-ellipsis",style:o({"-webkit-line-clamp":l(L)})},c(l(F)),5)):l(q)?(n(),d(l(g),{key:1,"expand-trigger":"click","line-clamp":l(L)},{default:v((()=>[f(c(l(F)),1)])),_:1},8,["line-clamp"])):(n(),a("span",C,c(l(F)),1))],6))],6)):u("v-if",!0)}});export{w as default};

package/es/components/{template-render → card-render}/src/components/FieldGroup.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,computed as l,openBlock as t,createElementBlock as a,normalizeClass as r,unref as i,normalizeStyle as s,withModifiers as o,toDisplayString as n,createCommentVNode as u,createElementVNode as c,createBlock as d,withCtx as p,createTextVNode as v}from"vue";import{getCurText as f,transNumberToPx as m,getRealWidth as x}from"../utils/index.js";import{NEllipsis as b}from"naive-ui";import{useCommon as y}from"../hooks/useCommon.js";const k={key:2};var g=e({__name:"FieldGroup",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const g=e,{setting:h,handleModuleClick:w}=y(g),_=l((()=>{if(!h.value.fields)return"";const{delimiter:e,fieldNames:l}=h.value.fields,t=(null==e?void 0:e.length)||0;if((null==l?void 0:l.length)>0){const a=l.reduce(((l,a)=>{const r=t?e:"";return l+(g.data[a]?f(g.data[a])+r:"")}),"");return t>0?a.slice(0,-t):a}return""})),C=l((()=>{const{prefix:e,suffix:l}=h.value,t=e&&_.value?e:"",a=l&&_.value?l:"";return _.value?t+_.value+a:O.value})),j=l((()=>h.value.rowNum||1)),z=l((()=>h.value.showTitle&&h.value.title)),O=l((()=>h.value.emptyPlaceholder||"--")),S=l((()=>({...m(h.value.titleStyle),"box-sizing":"border-box"}))),M=l((()=>({...m(h.value.contentStyle),"word-break":"break-all","white-space":"normal","box-sizing":"border-box"}))),N=l((()=>{let e=h.value.containerClass||"";return h.value.prefixBar&&(e=`c-template-render__bar ${e}`),e})),B=l((()=>{const{containerStyle:e={},unitConfig:l={}}=h.value,t=x(e,l);return{"font-size":"14px",...m(e),width:t,"box-sizing":"border-box"}})),F=l((()=>"ellipsis"==h.value.textOverflow)),G=l((()=>"showMore"==h.value.textOverflow));return(l,f)=>(t(),a("div",{class:r(i(N)),style:s(i(B)),onClick:f[0]||(f[0]=o((()=>i(w)(e.data)),["stop"]))},[i(z)?(t(),a("span",{key:0,class:r(["c-template-render__color60",i(h).titleClass]),style:s(i(S))},n(i(h).title)+"： ",7)):u("v-if",!0),c("span",{style:s(i(M)),class:r(i(h).contentClass)},[i(F)?(t(),a("span",{key:0,class:"c-template-render__text-ellipsis",style:s({"-webkit-line-clamp":i(j)})},n(i(C)),5)):i(G)?(t(),d(i(b),{key:1,"expand-trigger":"click","line-clamp":i(j)},{default:p((()=>[v(n(i(C)),1)])),_:1},8,["line-clamp"])):(t(),a("span",k,n(i(C)),1))],6)],6))}});export{g as default};
+import{defineComponent as e,computed as l,openBlock as t,createElementBlock as a,normalizeClass as r,unref as i,normalizeStyle as s,withModifiers as o,toDisplayString as n,createCommentVNode as u,createElementVNode as c,createBlock as d,withCtx as v,createTextVNode as p}from"vue";import{getCurText as f,transNumberToPx as m,getRealWidth as x}from"../utils/index.js";import{NEllipsis as b}from"naive-ui";import{useCommon as y}from"../hooks/useCommon.js";const k={key:2};var g=e({__name:"FieldGroup",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const g=e,{setting:h,handleModuleClick:w}=y(g),_=l((()=>{if(!h.value.fields)return"";const{delimiter:e,fieldNames:l}=h.value.fields,t=(null==e?void 0:e.length)||0;if((null==l?void 0:l.length)>0){const a=l.reduce(((l,a)=>{const r=t?e:"";return l+(g.data[a]?f(g.data[a])+r:"")}),"");return t>0?a.slice(0,-t):a}return""})),C=l((()=>{const{prefix:e,suffix:l}=h.value,t=e&&_.value?e:"",a=l&&_.value?l:"";return _.value?t+_.value+a:O.value})),j=l((()=>h.value.rowNum||1)),z=l((()=>h.value.showTitle&&h.value.title)),O=l((()=>h.value.emptyPlaceholder||"--")),S=l((()=>({...m(h.value.titleStyle),"box-sizing":"border-box"}))),M=l((()=>({...m(h.value.contentStyle),"word-break":"break-all","white-space":"normal","box-sizing":"border-box"}))),N=l((()=>{let e=h.value.containerClass||"";return h.value.prefixBar&&(e=`c-card-render__bar ${e}`),e})),B=l((()=>{const{containerStyle:e={},unitConfig:l={}}=h.value,t=x(e,l);return{"font-size":"14px",...m(e),width:t,"box-sizing":"border-box"}})),F=l((()=>"ellipsis"==h.value.textOverflow)),G=l((()=>"showMore"==h.value.textOverflow));return(l,f)=>(t(),a("div",{class:r(i(N)),style:s(i(B)),onClick:f[0]||(f[0]=o((()=>i(w)(e.data)),["stop"]))},[i(z)?(t(),a("span",{key:0,class:r(["c-card-render__color60",i(h).titleClass]),style:s(i(S))},n(i(h).title)+"： ",7)):u("v-if",!0),c("span",{style:s(i(M)),class:r(i(h).contentClass)},[i(F)?(t(),a("span",{key:0,class:"c-card-render__text-ellipsis",style:s({"-webkit-line-clamp":i(j)})},n(i(C)),5)):i(G)?(t(),d(i(b),{key:1,"expand-trigger":"click","line-clamp":i(j)},{default:v((()=>[p(n(i(C)),1)])),_:1},8,["line-clamp"])):(t(),a("span",k,n(i(C)),1))],6)],6))}});export{g as default};

package/es/components/{template-render → card-render}/src/components/Label.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,computed as o,openBlock as t,createElementBlock as s,normalizeClass as r,unref as a,normalizeStyle as i,withModifiers as l,Fragment as n,renderList as d,createBlock as m,withCtx as u,createTextVNode as c,toDisplayString as p}from"vue";import{getRealWidth as h,transNumberToPx as f}from"../utils/index.js";import{NTag as k}from"naive-ui";import{useTheme as v}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../shared/hooks/useScrollLoading.js";import{useCommon as b}from"../hooks/useCommon.js";var g=e({__name:"Label",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const g=e,{setting:y,handleModuleClick:j}=b(g),x=v(),C=o((()=>g.data[y.value.fieldName]||[])),S=o((()=>{const{containerStyle:e={},contentStyle:o={},unitConfig:t={}}=y.value||{},s=h(e,t);return{"font-size":"14px",...f(e),...f(o),width:s,"box-sizing":"border-box"}}));return(o,h)=>(t(),s("div",{class:r(a(y).containerClass),style:i(a(S)),onClick:h[0]||(h[0]=l((()=>a(j)(e.data)),["stop"]))},[(t(!0),s(n,null,d(a(C),((e,o)=>(t(),m(a(k),{class:r(o==a(C).length-1?"":"c-template-render__mgr8"),key:o,style:i({background:e.backgroundColor||a(x)["--c-primary-color"]})},{default:u((()=>[c(p(e.labelShowText),1)])),_:2},1032,["class","style"])))),128))],6))}});export{g as default};
+import{defineComponent as e,computed as o,openBlock as t,createElementBlock as s,normalizeClass as r,unref as a,normalizeStyle as i,withModifiers as n,Fragment as l,renderList as d,createBlock as u,withCtx as m,createTextVNode as c,toDisplayString as p}from"vue";import{getRealWidth as h,transNumberToPx as f}from"../utils/index.js";import{NTag as k}from"naive-ui";import{useTheme as v}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../shared/hooks/useScrollLoading.js";import{useCommon as b}from"../hooks/useCommon.js";var g=e({__name:"Label",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const g=e,{setting:y,handleModuleClick:j}=b(g),x=v(),C=o((()=>g.data[y.value.fieldName]||[])),S=o((()=>{const{containerStyle:e={},contentStyle:o={},unitConfig:t={}}=y.value||{},s=h(e,t);return{"font-size":"14px",...f(e),...f(o),width:s,"box-sizing":"border-box"}}));return(o,h)=>(t(),s("div",{class:r(a(y).containerClass),style:i(a(S)),onClick:h[0]||(h[0]=n((()=>a(j)(e.data)),["stop"]))},[(t(!0),s(l,null,d(a(C),((e,o)=>(t(),u(a(k),{class:r(o==a(C).length-1?"":"c-card-render__mgr8"),key:o,style:i({background:e.backgroundColor||a(x)["--c-primary-color"]})},{default:m((()=>[c(p(e.labelShowText),1)])),_:2},1032,["class","style"])))),128))],6))}});export{g as default};

package/es/components/card-render/src/components/Row.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as t,computed as n,unref as e,openBlock as o,createElementBlock as i,Fragment as r,renderList as a,normalizeClass as l,normalizeStyle as s,withModifiers as u,createBlock as c,resolveDynamicComponent as d,createSlots as f,withCtx as p,createCommentVNode as g,renderSlot as m,normalizeProps as y,guardReactiveProps as v}from"vue";import{isFactor as h,getCurText as b,getRealWidth as x,transNumberToPx as C,findValueIsEmpty as k}from"../utils/index.js";import{getComponent as j}from"./index.js";import{useCommon as w}from"../hooks/useCommon.js";const _=["onClick"];var z=t({__name:"Row",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(t){const z=t,{setting:M,dataComp:S,handleModuleClick:N}=w(z),O=n((()=>{var t;return(null==(t=z.config)?void 0:t.childrens)||[]})),P=n((()=>{const{displayCondition:t=[]}=M.value.advancedConfig||{};return!t.length||t.some((t=>h(t,b(z.data[t.field_key]))))})),$=n((()=>{const{containerStyle:t={},rowProps:n={},unitConfig:e={}}=M.value||{},o=x(t,e),i={"justify-content":n.justify,"align-items":n.align};return{"font-size":"14px",...C(t),...i,width:o,"box-sizing":"border-box"}}));function H(t){var n;const e=(null==(n=M.value)?void 0:n.columnScale)||"";if(e){const n=e.split(":").reduce(((t,n)=>t+Number(n)),0)||24,o=100*Number(t)/n,i=Math.pow(10,4);return Math.floor(o*i)/i+"%"}}function R(t,n){const{colStyle:e={},rowProps:o={}}=M.value||{},i={};n!==O.value.length-1&&(i["padding-right"]=C(o).gutter);return{flex:t.span,width:H(t.span),...i,...e,"box-sizing":"border-box"}}function q(t,n){return t.filter((t=>{const e={config:z.config,data:z.data};return t.parentConfig=e,!t.setting.emptyHide||k(t,n)}))}return(t,n)=>e(P)?(o(!0),i(r,{key:0},a(e(S),((n,h)=>(o(),i("div",{class:l(["c-card-render__flex",e(M).containerClass]),key:h,style:s(e($)),onClick:u((()=>e(N)(n)),["stop"])},[(o(!0),i(r,null,a(e(O),((l,u)=>(o(),i("div",{key:u,style:s(R(l,u))},[(o(!0),i(r,null,a(q(l.children,n),((i,r)=>(o(),c(d(e(j)(i.type)),{key:r,config:i,data:n},f({_:2},[a(t.$slots,((n,e)=>({name:e,fn:p((n=>[g(" 动态插槽 "),m(t.$slots,e,y(v(n)))]))})))]),1032,["config","data"])))),128))],4)))),128))],14,_)))),128)):g("v-if",!0)}});export{z as default};

package/es/components/card-render/src/components/Text.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,computed as t,openBlock as o,createElementBlock as r,normalizeClass as a,unref as n,normalizeStyle as s,withModifiers as i,toDisplayString as l}from"vue";import{getRealWidth as u,transNumberToPx as d}from"../utils/index.js";import{useCommon as c}from"../hooks/useCommon.js";var p=e({__name:"Text",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(e){const p=e,{setting:f,handleModuleClick:m}=c(p),x=t((()=>{const{containerStyle:e={},style:t={},unitConfig:o={}}=f.value||{},r=u(e,o);return{"font-size":"14px",...d(e),...d(t),width:r,"box-sizing":"border-box"}})),b=t((()=>{let e=f.value.containerClass||"";return f.value.prefixBar&&(e=`c-card-render__bar ${e}`),e}));return(t,u)=>(o(),r("div",{class:a(n(b)),style:s(n(x)),onClick:u[0]||(u[0]=i((()=>n(m)(e.data)),["stop"]))},l(n(f).text),7))}});export{p as default};

package/es/components/card-render/style/index.css

@@ -0,0 +1 @@
+.c-card-render{box-sizing:border-box;color:#000;font-size:0;line-height:1.6}.c-card-render__flex{display:flex}.c-card-render__flexAlignCenter{align-items:center}.c-card-render__flex-wrap{flex-wrap:wrap}.c-card-render__flex1{flex:1}.c-card-render__width100{width:100%}.c-card-render__color60{color:rgba(0,0,0,.6)}.c-card-render__color100{color:#000}.c-card-render__text-ellipsis{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box!important;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-all}.c-card-render__nowrap{white-space:nowrap}.c-card-render__mgr8{margin-right:8px!important}.c-card-render__mgb8{margin-bottom:8px!important}.c-card-render__mgt4{margin-top:4px!important}.c-card-render__mgb4{margin-bottom:4px!important}.c-card-render__un-mgr8{margin-right:-8px!important}.c-card-render__bar{padding-left:8px;position:relative}.c-card-render__bar:before{background:var(--c-primary-color);border-radius:4px;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.c-card-render__inline{display:inline}

package/es/components/form-render/src/components/renderer/combination/jsonCombination.js

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as r,watch as n,onMounted as t,createVNode as i}from"vue";import{isField as l}from"@formily/core";import{Path as a}from"@formily/path";import{AddCircleOutline as u,RemoveCircle as m}from"@vicons/ionicons5";import{range as s,isNumber as p,isArray as c,isEqual as f}from"lodash-es";import"../../../../index.js";import{useDeepValidate as v}from"./hooks/useDeepValidate.js";import{connect as d,mapProps as y}from"@formily/vue";import{useDebounceFn as h,isObject as N}from"@vueuse/core";import{NButton as g,NIcon as b}from"naive-ui";import x from"../../../FormRender.vue.js";import{formRenderLog as C,mergeDeepProperties as _}from"../../../utils/index.js";import{assignUpdateValue as j}from"../../../utils/schema.js";const G=d(e({name:"FormJsonCombination",props:{title:{type:String,default:""},value:{type:[String,Array]},maxGroupNum:{type:Number},minGroupNum:{type:Number,default:1},properties:{type:Array,default:()=>[]},showLabel:Boolean,onInput:{},onBlur:{},onChange:{}},emits:["update:value"],setup(e,{emit:d}){C("当前COMBINATION控件为json模式,推荐使用非json模式,FieldItem.jsonCombination=false");const y=h((function(){d("update:value",JSON.stringify(j.value))}),300),j=o([]),G=r((()=>j.value.length));function I(o,r=!1){c(o)&&(o.length||o.push(...s(e.minGroupNum).map((()=>({})))),o=JSON.stringify(o));const n=function(e){try{if(!e)return null;const o=JSON.parse(e);return Array.isArray(o)?o:null}catch(e){return null}}(o);var t;(t=n)&&!f(t,j.value)&&(n.splice(F.value),n.forEach((function(o,n){if(!N(o))return;j.value[n]=o,r&&_(o,e.properties)})),j.value.splice(n.length),j.value.forEach(w))}n((()=>e.value),(e=>I(e))),t((()=>{const o=`[${s(e.minGroupNum).map((()=>"{}")).join(",")}]`;I(e.value||o,!0),y()}));const S=o([]);function w(e,o){var r;null==(r=S.value[o])||r.setFieldState("*",(o=>{l(o)&&(o.value=a.getIn(e,o.path))}))}function A(){j.value.push(_({},e.properties)),y()}v().bindDeepValidate(S);const F=r((()=>p(e.maxGroupNum)?e.maxGroupNum<1?0:~~e.maxGroupNum:1/0));n(F,(e=>{G.value<=e||(j.value.splice(e),y(),S.value.splice(e))}),{immediate:!0});const J=x;return()=>i("section",{class:"form-render__combination"},[i("header",{class:"form-render__combinationHeader"},[i("div",{class:"form-render__combinationHeaderText"},[e.title]),i(g,{onClick:A,style:{"--n-text-color":"var(--c-primary-color)"},text:!0,disabled:G.value>=F.value},{icon:()=>i(b,{component:u},null),default:()=>{var e;return(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.279"))||"新增"}})]),s(G.value).map(((o,r)=>i("section",{class:"form-render__combinationContentJson"},[i(J,{ref:e=>function(e,o){S.value[e]=o,w(j.value[e]||{},e)}(r,e),fieldList:e.properties,onFormChange:e=>function(e,{fieldKey:o,value:r}){!j.value[e]&&(j.value[e]={}),a.setIn(j.value[e],o,r),y()}(r,e)},null),i(g,{text:!0,class:"form-render__combinationClose",type:"error",onClick:()=>function(o){j.value.length>e.minGroupNum?(j.value.splice(o,1),S.value.splice(o,1)):j.value.splice(o,1,{}),y()}(r)},{icon:()=>i(b,{component:m},null)})])))])}}),y(j));export{G as JSON_COMBINATION};
+import{defineComponent as e,ref as o,computed as n,watch as r,onMounted as t,inject as i,createVNode as l}from"vue";import{isField as a}from"@formily/core";import{Path as u}from"@formily/path";import{AddCircleOutline as m,RemoveCircle as s}from"@vicons/ionicons5";import{range as p,isNumber as c,isArray as f,isEqual as v}from"lodash-es";import"../../../../index.js";import{useDeepValidate as d}from"./hooks/useDeepValidate.js";import{connect as y,mapProps as h}from"@formily/vue";import{useDebounceFn as N,isObject as g}from"@vueuse/core";import{NButton as b,NIcon as x}from"naive-ui";import j from"../../../FormRender.vue.js";import{InjectionFormGlobalProps as C}from"../../../constants/index.js";import{formRenderLog as _,mergeDeepProperties as G}from"../../../utils/index.js";import{assignUpdateValue as I}from"../../../utils/schema.js";const S=y(e({name:"FormJsonCombination",props:{title:{type:String,default:""},value:{type:[String,Array]},maxGroupNum:{type:Number},minGroupNum:{type:Number,default:1},properties:{type:Array,default:()=>[]},showLabel:Boolean,onInput:{},onBlur:{},onChange:{}},emits:["update:value"],setup(e,{emit:y}){_("当前COMBINATION控件为json模式,推荐使用非json模式,FieldItem.jsonCombination=false");const h=N((function(){y("update:value",JSON.stringify(I.value))}),300),I=o([]),S=n((()=>I.value.length));function w(o,n=!1){f(o)&&(o.length||o.push(...p(e.minGroupNum).map((()=>({})))),o=JSON.stringify(o));const r=function(e){try{if(!e)return null;const o=JSON.parse(e);return Array.isArray(o)?o:null}catch(e){return null}}(o);var t;(t=r)&&!v(t,I.value)&&(r.splice(O.value),r.forEach((function(o,r){if(!g(o))return;I.value[r]=o,n&&G(o,e.properties)})),I.value.splice(r.length),I.value.forEach(F))}r((()=>e.value),(e=>w(e))),t((()=>{const o=`[${p(e.minGroupNum).map((()=>"{}")).join(",")}]`;w(e.value||o,!0),h()}));const A=o([]);function F(e,o){var n;null==(n=A.value[o])||n.setFieldState("*",(o=>{a(o)&&(o.value=u.getIn(e,o.path))}))}function J(){I.value.push(G({},e.properties)),h()}d().bindDeepValidate(A);const O=n((()=>c(e.maxGroupNum)?e.maxGroupNum<1?0:~~e.maxGroupNum:1/0));r(O,(e=>{S.value<=e||(I.value.splice(e),h(),A.value.splice(e))}),{immediate:!0});const B=j,k=i(C);return()=>l("section",{class:"form-render__combination"},[l("header",{class:"form-render__combinationHeader"},[l("div",{class:"form-render__combinationHeaderText"},[e.title]),l(b,{onClick:J,style:{"--n-text-color":"var(--c-primary-color)"},text:!0,disabled:S.value>=O.value},{icon:()=>l(x,{component:m},null),default:()=>{var e;return(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.279"))||"新增"}})]),p(S.value).map(((o,n)=>l("section",{class:"form-render__combinationContentJson"},[l(B,{ref:e=>function(e,o){A.value[e]=o,F(I.value[e]||{},e)}(n,e),fieldList:e.properties,components:null==k?void 0:k.components,onFormChange:e=>function(e,{fieldKey:o,value:n}){!I.value[e]&&(I.value[e]={}),u.setIn(I.value[e],o,n),h()}(n,e)},null),l(b,{text:!0,class:"form-render__combinationClose",type:"error",onClick:()=>function(o){I.value.length>e.minGroupNum?(I.value.splice(o,1),A.value.splice(o,1)):I.value.splice(o,1,{}),h()}(n)},{icon:()=>l(x,{component:s},null)})])))])}}),h(I));export{S as JSON_COMBINATION};