@fecp/designer 5.6.28 → 5.6.30

package/lib/packages/mobile/src/components/all.js

@@ -23,64 +23,69 @@ const index$j = require("./dataDisplay/swipeItem/index.js");
 const index$k = require("./dataDisplay/textEllipsis/index.js");
 const index$l = require("./dataDisplay/timeLine/index.js");
 const index$m = require("./dataDisplay/cardList/index.js");
-const index$n = require("./dataDisplay/menuGrid/index.js");
-const index$o = require("./dataDisplay/dataStat/index.js");
-const index$p = require("./dataDisplay/homeTools/index.js");
-const index$q = require("./dataDisplay/rentCalcResult/index.js");
-const index$r = require("./dataDisplay/mine/index.js");
-const index$s = require("./dataDisplay/homeHeader/index.js");
-const index$t = require("./feedback/actionSheet/index.js");
-const index$u = require("./feedback/dropdownMenu/index.js");
-const index$v = require("./feedback/floatingPanel/index.js");
-const index$w = require("./feedback/floatingBubble/index.js");
-const index$x = require("./feedback/loading/index.js");
-const index$y = require("./feedback/pullRefresh/index.js");
-const index$z = require("./feedback/swipeCell/index.js");
-const index$A = require("./feedback/quickFilter/index.js");
-const index$B = require("./form/checkbox/index.js");
-const index$C = require("./form/checkboxGroup/index.js");
-const index$D = require("./form/field/index.js");
-const index$E = require("./form/fieldPicker/index.js");
-const index$F = require("./form/fieldCalendarPicker/index.js");
-const index$G = require("./form/fieldDatePicker/index.js");
-const index$H = require("./form/fieldTimePicker/index.js");
-const index$I = require("./form/fieldDateTimePicker/index.js");
-const index$J = require("./form/fieldCascaderPicker/index.js");
-const index$K = require("./form/fieldCheckbox/index.js");
-const index$L = require("./form/fieldRadio/index.js");
-const index$M = require("./form/fieldArea/index.js");
-const index$N = require("./form/fieldIndustry/index.js");
-const index$O = require("./form/form/index.js");
-const index$P = require("./form/formItem/index.js");
-const index$Q = require("./form/radioGroup/index.js");
-const index$R = require("./form/search/index.js");
-const index$S = require("./form/uploader/index.js");
-const index$T = require("./form/fieldUploader/index.js");
-const index$U = require("./form/submitButton/index.js");
-const index$V = require("./form/fieldSubTitle/index.js");
-const index$W = require("./navigation/actionBar/index.js");
-const index$X = require("./navigation/backTop/index.js");
-const index$Y = require("./navigation/grid/index.js");
-const index$Z = require("./navigation/indexBar/index.js");
-const index$_ = require("./navigation/indexAnchor/index.js");
-const index$$ = require("./navigation/navBar/index.js");
-const index$10 = require("./navigation/pagination/index.js");
-const index$11 = require("./navigation/sidebar/index.js");
-const index$12 = require("./navigation/sidebarItem/index.js");
-const index$13 = require("./navigation/tabs/index.js");
-const index$14 = require("./navigation/tabbar/index.js");
-const index$15 = require("./navigation/tabbarItem/index.js");
-const index$16 = require("./navigation/treeSelect/index.js");
-const index$17 = require("./layout/layout/index.js");
+const index$n = require("./dataDisplay/chart/index.js");
+const index$o = require("./dataDisplay/menuGrid/index.js");
+const index$p = require("./dataDisplay/dataStat/index.js");
+const index$q = require("./dataDisplay/homeTools/index.js");
+const index$r = require("./dataDisplay/rentCalcResult/index.js");
+const index$s = require("./dataDisplay/mine/index.js");
+const index$t = require("./dataDisplay/homeHeader/index.js");
+const index$u = require("./feedback/actionSheet/index.js");
+const index$v = require("./feedback/dropdownMenu/index.js");
+const index$w = require("./feedback/floatingPanel/index.js");
+const index$x = require("./feedback/floatingBubble/index.js");
+const index$y = require("./feedback/loading/index.js");
+const index$z = require("./feedback/pullRefresh/index.js");
+const index$A = require("./feedback/swipeCell/index.js");
+const index$B = require("./feedback/quickFilter/index.js");
+const index$C = require("./form/checkbox/index.js");
+const index$D = require("./form/checkboxGroup/index.js");
+const index$E = require("./form/field/index.js");
+const index$F = require("./form/fieldPicker/index.js");
+const index$G = require("./form/fieldDrawerSelect/index.js");
+const index$H = require("./form/fieldCalendarPicker/index.js");
+const index$I = require("./form/fieldDatePicker/index.js");
+const index$J = require("./form/fieldTimePicker/index.js");
+const index$K = require("./form/fieldDateTimePicker/index.js");
+const index$L = require("./form/fieldCascaderPicker/index.js");
+const index$M = require("./form/fieldCheckbox/index.js");
+const index$N = require("./form/fieldRadio/index.js");
+const index$O = require("./form/fieldArea/index.js");
+const index$P = require("./form/fieldIndustry/index.js");
+const index$Q = require("./form/form/index.js");
+const index$R = require("./form/formItem/index.js");
+const index$S = require("./form/radioGroup/index.js");
+const index$T = require("./form/search/index.js");
+const index$U = require("./form/uploader/index.js");
+const index$V = require("./form/fieldUploader/index.js");
+const index$W = require("./form/submitButton/index.js");
+const index$X = require("./form/fieldSubTitle/index.js");
+const index$Y = require("./navigation/actionBar/index.js");
+const index$Z = require("./navigation/anchorNav/index.js");
+const index$_ = require("./navigation/backTop/index.js");
+const index$$ = require("./navigation/grid/index.js");
+const index$10 = require("./navigation/indexBar/index.js");
+const index$11 = require("./navigation/indexAnchor/index.js");
+const index$12 = require("./navigation/navBar/index.js");
+const index$13 = require("./navigation/pagination/index.js");
+const index$14 = require("./navigation/sidebar/index.js");
+const index$15 = require("./navigation/sidebarItem/index.js");
+const index$16 = require("./navigation/tabs/index.js");
+const index$17 = require("./navigation/tabbar/index.js");
+const index$18 = require("./navigation/tabbarItem/index.js");
+const index$19 = require("./navigation/treeSelect/index.js");
+const index$1a = require("./layout/layout/index.js");
 require("./custom/timeLineFilter/index.js");
-const index$18 = require("./custom/appDetail/index.js");
-const index$19 = require("./custom/approvalBar/index.js");
-const index$1a = require("./custom/approvalList/index.js");
+const index$1b = require("./custom/appDetail/index.js");
+const index$1c = require("./custom/approvalBar/index.js");
+const index$1d = require("./custom/approvalList/index.js");
 require("./custom/appTimeLine/index.js");
-const index$1b = require("./custom/document/index.js");
-const index$1c = require("./custom/userSelect/index.js");
-const index$1d = require("./custom/customCode/index.js");
-const index$1e = require("./custom/aiAssistant/index.js");
+const index$1e = require("./custom/document/index.js");
+const index$1f = require("./custom/userSelect/index.js");
+const index$1g = require("./custom/customCode/index.js");
+const index$1h = require("./custom/aiAssistant/index.js");
+const layoutDefinitions = require("./dataDisplay/cardList/layoutDefinitions.js");
+const CardLayoutRenderer = require("./dataDisplay/cardList/CardLayoutRenderer.vue.js");
 exports.MobileAiChat = index.MobileAiChat;
 exports.MobileButton = index$1.MobileButton;
 exports.MobileIcon = index$2.MobileIcon;
@@ -104,59 +109,69 @@ exports.MobileSwipeItem = index$j.MobileSwipeItem;
 exports.MobileTextEllipsis = index$k.MobileTextEllipsis;
 exports.MobileTimeLine = index$l.MobileTimeLine;
 exports.MobileCardList = index$m.MobileCardList;
-exports.MobileMenuGrid = index$n.MobileMenuGrid;
-exports.MobileDataStat = index$o.MobileDataStat;
-exports.MobileHomeTools = index$p.MobileHomeTools;
-exports.MobileRentCalcResult = index$q.MobileRentCalcResult;
-exports.MobileMine = index$r.MobileMine;
-exports.MobileHomeHeader = index$s.MobileHomeHeader;
-exports.MobileActionSheet = index$t.MobileActionSheet;
-exports.MobileDropdownMenu = index$u.MobileDropdownMenu;
-exports.MobileFloatingPanel = index$v.MobileFloatingPanel;
-exports.MobileFloatingBubble = index$w.MobileFloatingBubble;
-exports.MobileLoading = index$x.MobileLoading;
-exports.MobilePullRefresh = index$y.MobilePullRefresh;
-exports.MobileSwipeCell = index$z.MobileSwipeCell;
-exports.MobileQuickFilter = index$A.MobileQuickFilter;
-exports.MobileCheckbox = index$B.MobileCheckbox;
-exports.MobileCheckboxGroup = index$C.MobileCheckboxGroup;
-exports.MobileField = index$D.MobileField;
-exports.MobileFieldPicker = index$E.MobileFieldPicker;
-exports.MobileFieldCalendarPicker = index$F.MobileFieldCalendarPicker;
-exports.MobileFieldDatePicker = index$G.MobileFieldDatePicker;
-exports.MobileFieldTimePicker = index$H.MobileFieldTimePicker;
-exports.MobileFieldDateTimePicker = index$I.MobileFieldDateTimePicker;
-exports.MobileFieldCascaderPicker = index$J.MobileFieldCascaderPicker;
-exports.MobileFieldCheckbox = index$K.MobileFieldCheckbox;
-exports.MobileFieldRadio = index$L.MobileFieldRadio;
-exports.MobileFieldArea = index$M.MobileFieldArea;
-exports.MobileFieldIndustry = index$N.MobileFieldIndustry;
-exports.MobileForm = index$O.MobileForm;
-exports.MobileFormItem = index$P.MobileFormItem;
-exports.MobileRadioGroup = index$Q.MobileRadioGroup;
-exports.MobileSearch = index$R.MobileSearch;
-exports.MobileUploader = index$S.MobileUploader;
-exports.MobileFieldUploader = index$T.MobileFieldUploader;
-exports.MobileSubmitButton = index$U.MobileSubmitButton;
-exports.MobileFieldSubTitle = index$V.MobileFieldSubTitle;
-exports.MobileActionBar = index$W.MobileActionBar;
-exports.MobileBackTop = index$X.MobileBackTop;
-exports.MobileGrid = index$Y.MobileGrid;
-exports.MobileIndexBar = index$Z.MobileIndexBar;
-exports.MobileIndexAnchor = index$_.MobileIndexAnchor;
-exports.MobileNavBar = index$$.MobileNavBar;
-exports.MobilePagination = index$10.MobilePagination;
-exports.MobileSidebar = index$11.MobileSidebar;
-exports.MobileSidebarItem = index$12.MobileSidebarItem;
-exports.MobileTabs = index$13.MobileTabs;
-exports.MobileTabbar = index$14.MobileTabbar;
-exports.MobileTabbarItem = index$15.MobileTabbarItem;
-exports.MobileTreeSelect = index$16.MobileTreeSelect;
-exports.MobileLayout = index$17.MobileLayout;
-exports.MobileAppDetail = index$18.MobileAppDetail;
-exports.MobileApprovalBar = index$19.MobileApprovalBar;
-exports.MobileApprovalList = index$1a.MobileApprovalList;
-exports.MobileDocument = index$1b.MobileDocument;
-exports.MobileUserSelect = index$1c.MobileUserSelect;
-exports.MobileCustomCode = index$1d.MobileCustomCode;
-exports.MobileAiAssistant = index$1e.MobileAiAssistant;
+exports.MobileChart = index$n.MobileChart;
+exports.MobileMenuGrid = index$o.MobileMenuGrid;
+exports.MobileDataStat = index$p.MobileDataStat;
+exports.MobileHomeTools = index$q.MobileHomeTools;
+exports.MobileRentCalcResult = index$r.MobileRentCalcResult;
+exports.MobileMine = index$s.MobileMine;
+exports.MobileHomeHeader = index$t.MobileHomeHeader;
+exports.MobileActionSheet = index$u.MobileActionSheet;
+exports.MobileDropdownMenu = index$v.MobileDropdownMenu;
+exports.MobileFloatingPanel = index$w.MobileFloatingPanel;
+exports.MobileFloatingBubble = index$x.MobileFloatingBubble;
+exports.MobileLoading = index$y.MobileLoading;
+exports.MobilePullRefresh = index$z.MobilePullRefresh;
+exports.MobileSwipeCell = index$A.MobileSwipeCell;
+exports.MobileQuickFilter = index$B.MobileQuickFilter;
+exports.MobileCheckbox = index$C.MobileCheckbox;
+exports.MobileCheckboxGroup = index$D.MobileCheckboxGroup;
+exports.MobileField = index$E.MobileField;
+exports.MobileFieldPicker = index$F.MobileFieldPicker;
+exports.MobileFieldDrawerSelect = index$G.MobileFieldDrawerSelect;
+exports.MobileFieldCalendarPicker = index$H.MobileFieldCalendarPicker;
+exports.MobileFieldDatePicker = index$I.MobileFieldDatePicker;
+exports.MobileFieldTimePicker = index$J.MobileFieldTimePicker;
+exports.MobileFieldDateTimePicker = index$K.MobileFieldDateTimePicker;
+exports.MobileFieldCascaderPicker = index$L.MobileFieldCascaderPicker;
+exports.MobileFieldCheckbox = index$M.MobileFieldCheckbox;
+exports.MobileFieldRadio = index$N.MobileFieldRadio;
+exports.MobileFieldArea = index$O.MobileFieldArea;
+exports.MobileFieldIndustry = index$P.MobileFieldIndustry;
+exports.MobileForm = index$Q.MobileForm;
+exports.MobileFormItem = index$R.MobileFormItem;
+exports.MobileRadioGroup = index$S.MobileRadioGroup;
+exports.MobileSearch = index$T.MobileSearch;
+exports.MobileUploader = index$U.MobileUploader;
+exports.MobileFieldUploader = index$V.MobileFieldUploader;
+exports.MobileSubmitButton = index$W.MobileSubmitButton;
+exports.MobileFieldSubTitle = index$X.MobileFieldSubTitle;
+exports.MobileActionBar = index$Y.MobileActionBar;
+exports.MobileAnchorNav = index$Z.MobileAnchorNav;
+exports.MobileBackTop = index$_.MobileBackTop;
+exports.MobileGrid = index$$.MobileGrid;
+exports.MobileIndexBar = index$10.MobileIndexBar;
+exports.MobileIndexAnchor = index$11.MobileIndexAnchor;
+exports.MobileNavBar = index$12.MobileNavBar;
+exports.MobilePagination = index$13.MobilePagination;
+exports.MobileSidebar = index$14.MobileSidebar;
+exports.MobileSidebarItem = index$15.MobileSidebarItem;
+exports.MobileTabs = index$16.MobileTabs;
+exports.MobileTabbar = index$17.MobileTabbar;
+exports.MobileTabbarItem = index$18.MobileTabbarItem;
+exports.MobileTreeSelect = index$19.MobileTreeSelect;
+exports.MobileLayout = index$1a.MobileLayout;
+exports.MobileAppDetail = index$1b.MobileAppDetail;
+exports.MobileApprovalBar = index$1c.MobileApprovalBar;
+exports.MobileApprovalList = index$1d.MobileApprovalList;
+exports.MobileDocument = index$1e.MobileDocument;
+exports.MobileUserSelect = index$1f.MobileUserSelect;
+exports.MobileCustomCode = index$1g.MobileCustomCode;
+exports.MobileAiAssistant = index$1h.MobileAiAssistant;
+exports.LAYOUT_DEFINITIONS = layoutDefinitions.LAYOUT_DEFINITIONS;
+exports.STATUS_COLOR_MAP = layoutDefinitions.STATUS_COLOR_MAP;
+exports.TAG_PRESET_COLORS = layoutDefinitions.TAG_PRESET_COLORS;
+exports.createEmptySlotBindings = layoutDefinitions.createEmptySlotBindings;
+exports.getLayoutDef = layoutDefinitions.getLayoutDef;
+exports.getTagPresetColor = layoutDefinitions.getTagPresetColor;
+exports.CardLayoutRenderer = CardLayoutRenderer.default;

package/lib/packages/mobile/src/components/custom/document/Document.vue.js

@@ -37,10 +37,10 @@ const index$5 = ;/* empty css                   */
 ;/* empty css               */
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const index$1 = require("../../../../../../node_modules/vant/es/tabs/index.js");
-const index$2 = require("../../../../../../node_modules/vant/es/tab/index.js");
 const index$4 = require("../../../../../../node_modules/vant/es/image-preview/index.js");
 const index = require("../../../../../../node_modules/vant/es/loading/index.js");
+const index$1 = require("../../../../../../node_modules/vant/es/tabs/index.js");
+const index$2 = require("../../../../../../node_modules/vant/es/tab/index.js");
 const index$3 = require("../../../../../../node_modules/vant/es/empty/index.js");
 const _hoisted_1 = {
   key: 0,

package/lib/packages/mobile/src/components/dataDisplay/cardList/CardLayoutRenderer.vue.js

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const layoutDefinitions = require("./layoutDefinitions.js");
+;/* empty css                         */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "card-head"
+};
+const _hoisted_2 = { class: "title-block" };
+const _hoisted_3 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "sub"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "info-list"
+};
+const _hoisted_6 = { class: "label" };
+const _hoisted_7 = { class: "value" };
+const _hoisted_8 = {
+  key: 2,
+  class: "tag-cloud"
+};
+const _hoisted_9 = { class: "chip-label" };
+const _hoisted_10 = { class: "chip-value" };
+const _hoisted_11 = {
+  key: 0,
+  class: "card-head"
+};
+const _hoisted_12 = { class: "title-block" };
+const _hoisted_13 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_14 = {
+  key: 1,
+  class: "sub"
+};
+const _hoisted_15 = {
+  key: 1,
+  class: "stats-grid"
+};
+const _hoisted_16 = { class: "stat-value" };
+const _hoisted_17 = { class: "stat-label" };
+const _hoisted_18 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_19 = {
+  key: 1,
+  class: "info-list"
+};
+const _hoisted_20 = { class: "label" };
+const _hoisted_21 = { class: "value" };
+const _sfc_main = {
+  __name: "CardLayoutRenderer",
+  props: {
+    /** 行数据（已经过 CardList 格式化） */
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 卡片配置 { templateMode, layoutType, slotBindings } */
+    cardConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 事件处理函数 */
+    eventHandler: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const layoutType = Vue.computed(() => {
+      var _a;
+      return ((_a = props.cardConfig) == null ? void 0 : _a.layoutType) || "";
+    });
+    const slotBindings = Vue.computed(() => {
+      var _a;
+      return ((_a = props.cardConfig) == null ? void 0 : _a.slotBindings) || [];
+    });
+    const layoutDef = Vue.computed(() => layoutDefinitions.LAYOUT_DEFINITIONS[layoutType.value]);
+    function resolveSlotType(name) {
+      var _a;
+      if (!name) return null;
+      const s = (_a = layoutDef.value) == null ? void 0 : _a.slots.find((x) => x.name === name);
+      if (s) return s.type;
+      if (typeof name === "string") {
+        if (name.startsWith("info")) return "info";
+        if (name.startsWith("tag")) return "tag";
+        if (name.startsWith("stat")) return "stat";
+      }
+      return null;
+    }
+    const typedBindings = Vue.computed(
+      () => slotBindings.value.filter((b) => b && b.field).map((b) => ({ ...b, type: resolveSlotType(b.slot) }))
+    );
+    const titleBinding = Vue.computed(
+      () => typedBindings.value.find((b) => b.type === "title")
+    );
+    const subtitleBinding = Vue.computed(
+      () => typedBindings.value.find((b) => b.type === "subtitle")
+    );
+    const statusBinding = Vue.computed(
+      () => typedBindings.value.find((b) => b.type === "status")
+    );
+    const infoSlots = Vue.computed(
+      () => typedBindings.value.filter((b) => b.type === "info")
+    );
+    const tagSlots = Vue.computed(
+      () => typedBindings.value.filter((b) => b.type === "tag")
+    );
+    const statSlots = Vue.computed(
+      () => typedBindings.value.filter((b) => b.type === "stat")
+    );
+    function valOf(binding) {
+      var _a;
+      if (!binding || !binding.field) return "";
+      return ((_a = props.data) == null ? void 0 : _a[binding.field]) ?? "";
+    }
+    function labelOf(binding) {
+      return (binding == null ? void 0 : binding.label) || "";
+    }
+    const statusStyle = Vue.computed(() => {
+      var _a;
+      const val = valOf(statusBinding.value);
+      const colors = (_a = statusBinding.value) == null ? void 0 : _a.statusColors;
+      if (colors && colors.length) {
+        const match = colors.find((c) => c.value === val);
+        if (match && match.colorKey) {
+          const preset = layoutDefinitions.TAG_PRESET_COLORS.find((c) => c.key === match.colorKey);
+          if (preset) return { backgroundColor: preset.bg, color: preset.color };
+        }
+      }
+      const defaultKey = layoutDefinitions.STATUS_COLOR_MAP[val];
+      if (defaultKey) {
+        const preset = layoutDefinitions.TAG_PRESET_COLORS.find((c) => c.key === defaultKey);
+        if (preset) return { backgroundColor: preset.bg, color: preset.color };
+      }
+      const grayPreset = layoutDefinitions.TAG_PRESET_COLORS.find((c) => c.key === "gray");
+      return grayPreset ? { backgroundColor: grayPreset.bg, color: grayPreset.color } : {};
+    });
+    function tagStyle(binding) {
+      if (!binding || !binding.tagColorKey) return {};
+      const preset = layoutDefinitions.TAG_PRESET_COLORS.find((c) => c.key === binding.tagColorKey);
+      if (!preset) return {};
+      return {
+        backgroundColor: preset.bg,
+        color: preset.color
+      };
+    }
+    function handleClick() {
+      var _a;
+      (_a = props.eventHandler) == null ? void 0 : _a.call(props, "clickHandler", props.data);
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "card-layout-renderer",
+        onClick: handleClick
+      }, [
+        layoutType.value === "title+list+tags" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+          titleBinding.value || subtitleBinding.value || statusBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+            Vue.createElementVNode("div", _hoisted_2, [
+              titleBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, Vue.toDisplayString(valOf(titleBinding.value)), 1)) : Vue.createCommentVNode("", true),
+              subtitleBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, Vue.toDisplayString(valOf(subtitleBinding.value)), 1)) : Vue.createCommentVNode("", true)
+            ]),
+            statusBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+              key: 0,
+              class: "rel-tag",
+              style: Vue.normalizeStyle(statusStyle.value)
+            }, Vue.toDisplayString(valOf(statusBinding.value)), 5)) : Vue.createCommentVNode("", true)
+          ])) : Vue.createCommentVNode("", true),
+          infoSlots.value.length ? (Vue.openBlock(), Vue.createElementBlock("ul", _hoisted_5, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(infoSlots.value, (slot, i) => {
+              return Vue.openBlock(), Vue.createElementBlock("li", {
+                class: "info-item",
+                key: i
+              }, [
+                Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(labelOf(slot)), 1),
+                Vue.createElementVNode("span", _hoisted_7, Vue.toDisplayString(valOf(slot)), 1)
+              ]);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true),
+          tagSlots.value.length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_8, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(tagSlots.value, (slot, i) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                class: "tag-chip",
+                style: Vue.normalizeStyle(tagStyle(slot)),
+                key: i
+              }, [
+                Vue.createElementVNode("span", _hoisted_9, Vue.toDisplayString(labelOf(slot)), 1),
+                Vue.createElementVNode("span", _hoisted_10, Vue.toDisplayString(valOf(slot)), 1)
+              ], 4);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true)
+        ], 64)) : layoutType.value === "title+stats" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+          titleBinding.value || subtitleBinding.value || statusBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_11, [
+            Vue.createElementVNode("div", _hoisted_12, [
+              titleBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_13, Vue.toDisplayString(valOf(titleBinding.value)), 1)) : Vue.createCommentVNode("", true),
+              subtitleBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_14, Vue.toDisplayString(valOf(subtitleBinding.value)), 1)) : Vue.createCommentVNode("", true)
+            ]),
+            statusBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
+              key: 0,
+              class: "rel-tag",
+              style: Vue.normalizeStyle(statusStyle.value)
+            }, Vue.toDisplayString(valOf(statusBinding.value)), 5)) : Vue.createCommentVNode("", true)
+          ])) : Vue.createCommentVNode("", true),
+          statSlots.value.length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_15, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(statSlots.value, (slot, i) => {
+              return Vue.openBlock(), Vue.createElementBlock("div", {
+                class: "stat-card",
+                key: i
+              }, [
+                Vue.createElementVNode("div", _hoisted_16, Vue.toDisplayString(valOf(slot)), 1),
+                Vue.createElementVNode("div", _hoisted_17, Vue.toDisplayString(labelOf(slot)), 1)
+              ]);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true)
+        ], 64)) : layoutType.value === "simple+list" ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 2 }, [
+          titleBinding.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_18, Vue.toDisplayString(valOf(titleBinding.value)), 1)) : Vue.createCommentVNode("", true),
+          infoSlots.value.length ? (Vue.openBlock(), Vue.createElementBlock("ul", _hoisted_19, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(infoSlots.value, (slot, i) => {
+              return Vue.openBlock(), Vue.createElementBlock("li", {
+                class: "info-item",
+                key: i
+              }, [
+                Vue.createElementVNode("span", _hoisted_20, Vue.toDisplayString(labelOf(slot)), 1),
+                Vue.createElementVNode("span", _hoisted_21, Vue.toDisplayString(valOf(slot)), 1)
+              ]);
+            }), 128))
+          ])) : Vue.createCommentVNode("", true)
+        ], 64)) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const CardLayoutRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-27fb6883"]]);
+exports.default = CardLayoutRenderer;

package/lib/packages/mobile/src/components/dataDisplay/cardList/CardList.vue.js

@@ -6,6 +6,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 const datasource = require("../../../utils/datasource.js");
 const VueRender = require("../../../utils/idea/VueRender.vue.js");
+const CardLayoutRenderer = require("./CardLayoutRenderer.vue.js");
 const formatterUtil = require("../../../utils/formatterUtil.js");
 ;/* empty css               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
@@ -67,6 +68,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       type: String,
       default: ""
     },
+    cardConfig: {
+      type: Object,
+      default: () => ({})
+    },
     enableFilter: {
       type: Boolean,
       default: false
@@ -102,6 +107,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const formData = Vue.inject("formData");
     const currentInstance = Vue.getCurrentInstance();
     const ctx = currentInstance.proxy;
+    const effectiveCardConfig = Vue.computed(() => {
+      const cfg = props.cardConfig || {};
+      if (cfg.templateMode !== "preset") return cfg;
+      const cols = props.columns || [];
+      const hasSlotOnColumns = cols.some((c) => c.slot);
+      if (hasSlotOnColumns) {
+        const slotBindings = cols.filter((c) => c.slot).map((c) => ({
+          slot: c.slot,
+          field: c.fieldName,
+          label: c.label,
+          statusColors: c.statusColors,
+          tagColorKey: c.tagColorKey
+        }));
+        return { ...cfg, slotBindings };
+      }
+      return cfg;
+    });
     const listRef = Vue.ref();
     let isDesigner = false;
     Vue.onMounted(async () => {
@@ -142,6 +164,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     let pageNo = 1;
     const dataSourceManager = Vue.ref();
     const formattedColumns = Vue.ref(null);
+    const rawTableData = Vue.ref([]);
+    Vue.watch(
+      () => props.columns,
+      async () => {
+        formattedColumns.value = null;
+        if (rawTableData.value.length > 0) {
+          await formattedTableData();
+          tableData.value = parseTableData(
+            rawTableData.value.map((item) => ({ ...item }))
+          );
+        }
+      },
+      { deep: true }
+    );
     function initDataSourceManager() {
       dataSourceManager.value = datasource.createDataSource({
         http: ctx.$http,
@@ -163,6 +199,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       });
       if (dataSourceManager.value) {
         tableData.value = [];
+        rawTableData.value = [];
         if (props.disabledLoad) {
           tableData.value = [];
           call();
@@ -193,7 +230,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         dataSourceManager.value.updatePagination(pageNo, props.pageSize);
         await dataSourceManager.value.fetch(searchData.value);
         const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
-        tableData.value.push(...parseTableData(data));
+        rawTableData.value.push(...data.map((item) => ({ ...item })));
+        tableData.value.push(
+          ...parseTableData(data.map((item) => ({ ...item })))
+        );
         if (tableData.value.length == 0 && isDesigner) {
           tableData.value = [{}];
         }
@@ -217,6 +257,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         filters: JSON.stringify({ ...filter, dynamicFilterFieldName })
       };
       tableData.value = [];
+      rawTableData.value = [];
       finished.value = false;
       loading.value = true;
       pageNo = 1;
@@ -385,7 +426,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           placeholder: __props.filterPlaceholder,
           filterMode: __props.filterMode,
           dataSources: __props.dataSources,
-          filterConfig: Vue.unref(quickFilterConfig),
+          filterConfig: quickFilterConfig.value,
           onFilterChange
         }, null, 8, ["placeholder", "filterMode", "dataSources", "filterConfig"])) : Vue.createCommentVNode("", true),
         Vue.createVNode(_component_van_list, {
@@ -409,12 +450,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                 key: item.id,
                 swipeDelete: __props.swipeDelete
               }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(VueRender.default, {
-                    code: __props.vueTemplate,
-                    params: { data: item, eventHandler, dicHandler }
-                  }, null, 8, ["code", "params"])
-                ]),
+                default: Vue.withCtx(() => {
+                  var _a;
+                  return [
+                    ((_a = __props.cardConfig) == null ? void 0 : _a.templateMode) === "preset" ? (Vue.openBlock(), Vue.createBlock(CardLayoutRenderer.default, {
+                      key: 0,
+                      data: item,
+                      cardConfig: effectiveCardConfig.value,
+                      eventHandler
+                    }, null, 8, ["data", "cardConfig"])) : (Vue.openBlock(), Vue.createBlock(VueRender.default, {
+                      key: 1,
+                      code: __props.vueTemplate,
+                      params: { data: item, eventHandler, dicHandler }
+                    }, null, 8, ["code", "params"]))
+                  ];
+                }),
                 _: 2
               }, 1032, ["swipeDelete"]);
             }), 128))
@@ -425,5 +475,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-13759ee7"]]);
+const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a0ad2a21"]]);
 exports.default = _CardList;