cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

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

@@ -1 +1,6 @@
-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};
+import _sfc_main from './CardRender.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "CardRender.vue"]]);
+
+export { script as default };

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

@@ -1 +1,77 @@
-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};
+import { defineComponent, computed, provide, openBlock, createElementBlock, normalizeStyle, unref, Fragment, renderList, createBlock, resolveDynamicComponent, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { getComponent } from './components/index.js';
+import { findValueIsEmpty } from './utils/index.js';
+import { InjectionTemplateRender, InjectionTemplateRenderEmit } from './constants/index.js';
+import { useTheme } 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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CardRender",
+  props: {
+    config: {
+      type: Object
+    },
+    data: {
+      default: () => ({}),
+      type: Object
+    },
+    renders: {
+      type: Object
+    }
+  },
+  emits: ["module-click", "button-click"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const cssVars = useTheme();
+    const style = computed(() => {
+      var _a;
+      return {
+        ...cssVars,
+        ...(_a = props.config) == null ? void 0 : _a.templateStyle
+      };
+    });
+    const componentsFieldList = computed(() => {
+      var _a;
+      if (!((_a = props.config) == null ? void 0 : _a.templates))
+        return [];
+      return props.config.templates.filter((field) => !field.setting.emptyHide || findValueIsEmpty(field, props.data));
+    });
+    provide(InjectionTemplateRender, {
+      ...props,
+      globalData: props.data
+    });
+    provide(InjectionTemplateRenderEmit, emit);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "c-card-render",
+        style: normalizeStyle(unref(style))
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(componentsFieldList), (item, index) => {
+        return openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(item.type)), {
+          key: index,
+          config: item,
+          data: __props.data
+        }, createSlots({
+          _: 2
+        }, [renderList(_ctx.$slots, (v, k) => {
+          return {
+            name: k,
+            fn: withCtx((args) => [renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(args)))])
+          };
+        })]), 1032, ["config", "data"]);
+      }), 128))], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./Box.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","Box.vue"]]);export{o as default};
+import _sfc_main from './Box.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var Box = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Box.vue"]]);
+
+export { Box as default };

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

@@ -1 +1,91 @@
-import{defineComponent as t,computed as o,unref as n,openBlock as e,createElementBlock as i,Fragment as a,renderList as l,normalizeStyle as s,normalizeClass as r,withModifiers as d,createBlock as c,resolveDynamicComponent as f,createSlots as u,withCtx as p,renderSlot as m,normalizeProps as g,guardReactiveProps as y,createCommentVNode as v}from"vue";import{cloneDeep as C}from"lodash-es";import{isFactor as k,getCurText as h,getRealWidth as x,transNumberToPx as b,findValueIsEmpty as j}from"../utils/index.js";import{getComponent as _}from"./index.js";import{useCommon as z}from"../hooks/useCommon.js";const O=["onClick"];var S=t({__name:"Box",props:{config:{default:()=>({}),type:Object},data:{default:()=>({}),type:Object}},setup(t){const S=t,{setting:$,dataComp:w,handleModuleClick:B}=z(S),H=o((()=>{const{displayCondition:t=[]}=$.value.advancedConfig||{};return!t.length||t.some((t=>k(t,h(S.data[t.field_key]))))})),M=o((()=>{const{containerStyle:t={},colStyle:o={},unitConfig:n={}}=$.value,e=x(t,n);return{"font-size":"14px",...b(t),...b(o),width:e,"box-sizing":"border-box"}}));function q(t){var o,n,e;const i=(null==(e=null==(n=null==(o=S.config)?void 0:o.childrens)?void 0:n[0])?void 0:e.children)||[];return C(i).filter((o=>{const n={config:S.config,data:S.data};return o.parentConfig=n,!o.setting.emptyHide||j(o,t)}))}return(t,o)=>n(H)?(e(!0),i(a,{key:0},l(n(w),((o,v)=>(e(),i("div",{key:v,style:s(n(M)),class:r(n($).containerClass),onClick:d((()=>n(B)(o)),["stop"])},[(e(!0),i(a,null,l(q(o),((i,a)=>(e(),c(f(n(_)(i.type)),{key:a,config:i,data:o},u({_:2},[l(t.$slots,((o,n)=>({name:n,fn:p((o=>[m(t.$slots,n,g(y(o)))]))})))]),1032,["config","data"])))),128))],14,O)))),128)):v("v-if",!0)}});export{S as default};
+import { defineComponent, computed, unref, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, normalizeClass, withModifiers, createBlock, resolveDynamicComponent, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { isFactor, getCurText, getRealWidth, transNumberToPx, findValueIsEmpty } from '../utils/index.js';
+import { getComponent } from './index.js';
+import { useCommon } from '../hooks/useCommon.js';
+
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Box",
+  props: {
+    config: {
+      default: () => ({}),
+      type: Object
+    },
+    data: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      setting,
+      dataComp,
+      handleModuleClick
+    } = useCommon(props);
+    const isDisplayMatch = computed(() => {
+      const {
+        displayCondition = []
+      } = setting.value.advancedConfig || {};
+      if (!displayCondition.length)
+        return true;
+      return displayCondition.some((con) => isFactor(con, getCurText(props.data[con.field_key])));
+    });
+    const containerColStyle = computed(() => {
+      const {
+        containerStyle = {},
+        colStyle = {},
+        unitConfig = {}
+      } = setting.value;
+      const realWidth = getRealWidth(containerStyle, unitConfig);
+      const style = {
+        "font-size": "14px",
+        ...transNumberToPx(containerStyle),
+        ...transNumberToPx(colStyle),
+        width: realWidth,
+        "box-sizing": "border-box"
+      };
+      return style;
+    });
+    function componentsFieldList(_data) {
+      var _a, _b, _c;
+      const showChildrens = ((_c = (_b = (_a = props.config) == null ? void 0 : _a.childrens) == null ? void 0 : _b[0]) == null ? void 0 : _c.children) || [];
+      return cloneDeep(showChildrens).filter((field) => {
+        const parentConfig = {
+          config: props.config,
+          data: props.data
+        };
+        field.parentConfig = parentConfig;
+        return !field.setting.emptyHide || findValueIsEmpty(field, _data);
+      });
+    }
+    return (_ctx, _cache) => {
+      return unref(isDisplayMatch) ? (openBlock(true), createElementBlock(Fragment, {
+        key: 0
+      }, renderList(unref(dataComp), (_data, index) => {
+        return openBlock(), createElementBlock("div", {
+          key: index,
+          style: normalizeStyle(unref(containerColStyle)),
+          class: normalizeClass(unref(setting).containerClass),
+          onClick: withModifiers(() => unref(handleModuleClick)(_data), ["stop"])
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(componentsFieldList(_data), (comp, cIndex) => {
+          return openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(comp.type)), {
+            key: cIndex,
+            config: comp,
+            data: _data
+          }, createSlots({
+            _: 2
+          }, [renderList(_ctx.$slots, (v, k) => {
+            return {
+              name: k,
+              fn: withCtx((args) => [renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(args)))])
+            };
+          })]), 1032, ["config", "data"]);
+        }), 128))], 14, _hoisted_1);
+      }), 128)) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/card-render/src/components/Button.vue.d.ts

@@ -21,6 +21,9 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {}>>;
     emit: (event: string, ...args: any[]) => void;
+    attrs: {
+        [x: string]: unknown;
+    };
     setting: import("vue").ComputedRef<any>;
     showButtonList: import("vue").ComputedRef<any>;
     containerFlexStyle: import("vue").ComputedRef<any>;

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

@@ -1 +1,6 @@
-import t from"./Button.vue2.js";import e from"../../../../_virtual/_plugin-vue_export-helper.js";var r=e(t,[["__file","Button.vue"]]);export{r as default};
+import _sfc_main from './Button.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var RenderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Button.vue"]]);
+
+export { RenderButton as default };

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

@@ -1 +1,103 @@
-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};
+import { defineComponent, inject, useAttrs, computed, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, Fragment, renderList, createBlock, mergeProps, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { cloneDeep, isObject } from 'lodash-es';
+import { InjectionTemplateRenderEmit } from '../constants/index.js';
+import { getRealWidth, transNumberToPx, isFactor, getCurText } from '../utils/index.js';
+import { NButton } from 'naive-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    config: {
+      default: () => ({}),
+      type: Object
+    },
+    data: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const emit = inject(InjectionTemplateRenderEmit);
+    const attrs = useAttrs();
+    const setting = computed(() => {
+      var _a;
+      return cloneDeep(((_a = props.config) == null ? void 0 : _a.setting) || {});
+    });
+    const showButtonList = computed(() => setting.value.buttonList || []);
+    const containerFlexStyle = computed(() => {
+      const {
+        containerStyle = {},
+        unitConfig = {}
+      } = setting.value;
+      const realWidth = getRealWidth(containerStyle, unitConfig);
+      const style = {
+        "font-size": "14px",
+        ...transNumberToPx(containerStyle),
+        width: realWidth,
+        "box-sizing": "border-box"
+      };
+      return style;
+    });
+    function noMargin(buttonItem, index) {
+      var _a, _b;
+      return ((_a = buttonItem.props) == null ? void 0 : _a.block) || index === ((_b = showButtonList.value) == null ? void 0 : _b.length) - 1;
+    }
+    function getButtonDisabledStatus(button) {
+      var _a, _b;
+      const isDisabledSetting = ((_a = button == null ? void 0 : button.advancedConfig) == null ? void 0 : _a.disabled) || {};
+      if (((_b = isDisabledSetting.conditions) == null ? void 0 : _b.length) > 0) {
+        const isFulfill = isDisabledSetting.conditions.some((con) => isFactor(con, getCurText(props.data[con.field_key])));
+        if (isFulfill) {
+          return {
+            disabled: true,
+            title: isDisabledSetting == null ? void 0 : isDisabledSetting.title
+          };
+        }
+      }
+      return false;
+    }
+    function getDisabledText(button) {
+      const disabledObj = getButtonDisabledStatus(button);
+      const defaultTitle = button.customTitle || button.name;
+      return isObject(disabledObj) && disabledObj.title ? disabledObj.title : defaultTitle;
+    }
+    function getButtonStyle(button) {
+      return transNumberToPx(button == null ? void 0 : button.buttonStyle) || {};
+    }
+    function getButtonProps(button) {
+      var _a, _b;
+      return {
+        ...button.props,
+        size: ((_a = button.props) == null ? void 0 : _a.size) === "normal" ? "medium" : (_b = button.props) == null ? void 0 : _b.size
+      };
+    }
+    function handleButtonClick(button) {
+      emit("button-click", {
+        ...cloneDeep(attrs),
+        ...cloneDeep(props),
+        button
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(containerFlexStyle)),
+        class: normalizeClass(unref(setting).containerClass)
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(showButtonList), (button, index) => {
+        return openBlock(), createBlock(unref(NButton), mergeProps({
+          class: noMargin(button, index) ? "" : "c-card-render__mgr8",
+          key: index
+        }, getButtonProps(button), {
+          style: getButtonStyle(button),
+          disabled: !!getButtonDisabledStatus(button),
+          onClick: withModifiers(() => handleButtonClick(button), ["stop"])
+        }), {
+          default: withCtx(() => [createTextVNode(toDisplayString(getDisabledText(button)), 1)]),
+          _: 2
+        }, 1040, ["class", "style", "disabled", "onClick"]);
+      }), 128))], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./Divider.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","Divider.vue"]]);export{i as default};
+import _sfc_main from './Divider.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Divider.vue"]]);
+
+export { Divider as default };

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

@@ -1 +1,42 @@
-import{defineComponent as t,computed as r,openBlock as e,createBlock as i,unref as o,normalizeStyle as n}from"vue";import{getRealWidth as u,transNumberToPx as l}from"../utils/index.js";import{NDivider as s}from"naive-ui";var a=t({__name:"Divider",props:{config:{default:()=>({}),type:Object}},setup(t){const a=t,f=r((()=>{var t;return(null==(t=a.config)?void 0:t.setting)||{}})),m=r((()=>{const{containerStyle:t={},unitConfig:r={}}=f.value,e=u(t,r);return{color:"#EBEBEB",margin:0,...l(t),width:e,"box-sizing":"border-box"}}));return(t,r)=>(e(),i(o(s),{style:n(o(m))},null,8,["style"]))}});export{a as default};
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeStyle } from 'vue';
+import { getRealWidth, transNumberToPx } from '../utils/index.js';
+import { NDivider } from 'naive-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Divider",
+  props: {
+    config: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const setting = computed(() => {
+      var _a;
+      return ((_a = props.config) == null ? void 0 : _a.setting) || {};
+    });
+    const containerDividerStyle = computed(() => {
+      const {
+        containerStyle = {},
+        unitConfig = {}
+      } = setting.value;
+      const realWidth = getRealWidth(containerStyle, unitConfig);
+      const style = {
+        color: "#EBEBEB",
+        margin: 0,
+        ...transNumberToPx(containerStyle),
+        width: realWidth,
+        "box-sizing": "border-box"
+      };
+      return style;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDivider), {
+        style: normalizeStyle(unref(containerDividerStyle))
+      }, null, 8, ["style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./Field.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","Field.vue"]]);export{i as default};
+import _sfc_main from './Field.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Field.vue"]]);
+
+export { Field as default };

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

@@ -1 +1,186 @@
-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};
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode } from 'vue';
+import { getCurText, transNumberToPx, getRealWidth, isFactor } from '../utils/index.js';
+import { NEllipsis } from 'naive-ui';
+import { useCommon } from '../hooks/useCommon.js';
+
+const _hoisted_1 = {
+  key: 0
+};
+const _hoisted_2 = {
+  key: 2
+};
+const _hoisted_3 = {
+  key: 2
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Field",
+  props: {
+    config: {
+      default: () => ({}),
+      type: Object
+    },
+    data: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      setting,
+      handleModuleClick
+    } = useCommon(props);
+    const prefixText = computed(() => setting.value.prefix || "");
+    const suffixText = computed(() => setting.value.suffix || "");
+    const getFieldText = computed(() => {
+      const {
+        conditionalShowList = [],
+        mappingFiled = []
+      } = setting.value.advancedConfig || {};
+      const conditionResult = conditionMatch(conditionalShowList);
+      if (Object.keys(conditionResult).length > 0) {
+        const conditionText = getCurText(props.data[conditionResult == null ? void 0 : conditionResult.fieldName] || "");
+        if (conditionText)
+          return conditionText;
+      }
+      const mappingResult = conditionMatch(mappingFiled);
+      if (Object.keys(mappingResult).length > 0) {
+        const mappingText = mappingResult == null ? void 0 : mappingResult.key;
+        if (mappingText)
+          return mappingText;
+      }
+      return getCurText(props.data[setting.value.fieldName]) || "";
+    });
+    const finalContent = computed(() => {
+      return getFieldText.value ? prefixText.value + getFieldText.value + suffixText.value : emptyPlaceholder.value;
+    });
+    const showRowNum = computed(() => setting.value.rowNum || 1);
+    const isShowTitle = computed(() => setting.value.showTitle && setting.value.title);
+    const titleStyle = computed(() => {
+      const style = {
+        ...transNumberToPx(setting.value.titleStyle),
+        "box-sizing": "border-box"
+      };
+      return style;
+    });
+    const contentStyle = computed(() => {
+      const style = {
+        ...transNumberToPx(setting.value.contentStyle),
+        "word-break": "break-all",
+        "white-space": "normal",
+        "box-sizing": "border-box"
+      };
+      return style;
+    });
+    const showClass = computed(() => {
+      let className = setting.value.containerClass || "";
+      if (setting.value.prefixBar) {
+        className = `c-card-render__bar ${className}`;
+      }
+      return className;
+    });
+    const containerStyle = computed(() => {
+      const {
+        containerStyle: containerStyle2 = {},
+        unitConfig = {}
+      } = setting.value;
+      const realWidth = getRealWidth(containerStyle2, unitConfig);
+      const showContainerStyle = {
+        "font-size": "14px",
+        ...transNumberToPx(containerStyle2),
+        width: realWidth,
+        "box-sizing": "border-box"
+      };
+      return showContainerStyle;
+    });
+    const onlyShowEllipsis = computed(() => setting.value.textOverflow == "ellipsis");
+    const onlyShowMore = computed(() => setting.value.textOverflow == "showMore");
+    const isDisplayMatch = computed(() => {
+      const {
+        displayCondition = []
+      } = setting.value.advancedConfig || {};
+      if (!displayCondition.length)
+        return true;
+      return displayCondition.some((con) => isFactor(con, getCurText(props.data[con.field_key])));
+    });
+    const conditionalObj = computed(() => {
+      const {
+        conditionalShowList = []
+      } = setting.value.advancedConfig || {};
+      if (conditionalShowList.length > 0) {
+        return conditionMatch(conditionalShowList);
+      }
+      return {};
+    });
+    const emptyPlaceholder = computed(() => setting.value.emptyPlaceholder || "--");
+    const getFieldColor = computed(() => {
+      const {
+        conditionalShowList = [],
+        mappingFiled = []
+      } = setting.value.advancedConfig || {};
+      const conditionResult = conditionMatch(conditionalShowList);
+      if (Object.keys(conditionResult).length > 0) {
+        return "";
+      }
+      const mappingResult = conditionMatch(mappingFiled);
+      if (Object.keys(mappingResult).length > 0) {
+        return mappingResult == null ? void 0 : mappingResult.color;
+      }
+      return "";
+    });
+    function conditionMatch(list) {
+      let matchObj = {};
+      for (let i = 0; i < list.length; i++) {
+        const item = list[i];
+        const isFulfill = item.conditions.some((con) => isFactor(con, getCurText(props.data[con.field_key])));
+        if (isFulfill) {
+          matchObj = item;
+          break;
+        }
+      }
+      return matchObj;
+    }
+    return (_ctx, _cache) => {
+      return unref(isDisplayMatch) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(unref(showClass)),
+        style: normalizeStyle(unref(containerStyle))
+      }, [unref(isShowTitle) ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(["c-card-render__color60", unref(setting).titleClass]),
+        style: normalizeStyle(unref(titleStyle)),
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => unref(handleModuleClick)(__props.data), ["stop"]))
+      }, [createElementVNode("span", null, toDisplayString(unref(conditionalObj).title || unref(setting).title), 1)], 6)) : createCommentVNode("v-if", true), createCommentVNode(" \u5982\u679C\u6709\u679A\u4E3E\u5224\u65AD\u7684\u989C\u8272\uFF0C\u5219\u4E0D\u8003\u8651\u67E5\u770B\u66F4\u591A\u7684\u7B5B\u9009 "), unref(getFieldColor) ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        style: normalizeStyle(unref(contentStyle)),
+        class: normalizeClass(unref(setting).contentClass),
+        onClick: _cache[1] || (_cache[1] = (...args) => unref(handleModuleClick) && unref(handleModuleClick)(...args))
+      }, [unref(prefixText) && unref(getFieldText) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(prefixText)), 1)) : createCommentVNode("v-if", true), unref(getFieldColor) ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        style: normalizeStyle({
+          color: unref(getFieldColor)
+        })
+      }, toDisplayString(unref(getFieldText) || unref(emptyPlaceholder)), 5)) : createCommentVNode("v-if", true), unref(suffixText) && unref(getFieldText) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(suffixText)), 1)) : createCommentVNode("v-if", true)], 6)) : (openBlock(), createElementBlock("span", {
+        key: 2,
+        style: normalizeStyle(unref(contentStyle)),
+        class: normalizeClass(unref(setting).contentClass),
+        onClick: _cache[2] || (_cache[2] = (...args) => unref(handleModuleClick) && unref(handleModuleClick)(...args))
+      }, [unref(onlyShowEllipsis) ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "c-card-render__text-ellipsis",
+        style: normalizeStyle({
+          "-webkit-line-clamp": unref(showRowNum)
+        })
+      }, toDisplayString(unref(finalContent)), 5)) : unref(onlyShowMore) ? (openBlock(), createBlock(unref(NEllipsis), {
+        key: 1,
+        "expand-trigger": "click",
+        "line-clamp": unref(showRowNum)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(unref(finalContent)), 1)]),
+        _: 1
+      }, 8, ["line-clamp"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(finalContent)), 1))], 6))], 6)) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./FieldGroup.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","FieldGroup.vue"]]);export{o as default};
+import _sfc_main from './FieldGroup.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var FieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FieldGroup.vue"]]);
+
+export { FieldGroup as default };