@fecp/designer 5.5.64 → 5.5.66

package/es/packages/mobile/index.mjs

@@ -1,6 +1,7 @@
 import * as all from "./src/components/all.mjs";
 import "./node_modules/@vant/touch-emulator/dist/index.mjs";
 /* empty css                     */
+import MobileApp from "./src/index.vue.mjs";
 import { MobileButton } from "./src/components/base/button/index.mjs";
 import { MobileIcon } from "./src/components/base/icon/index.mjs";
 import { MobileCell } from "./src/components/base/cell/index.mjs";
@@ -23,6 +24,8 @@ import { MobileSwipeItem } from "./src/components/dataDisplay/swipeItem/index.mj
 import { MobileTextEllipsis } from "./src/components/dataDisplay/textEllipsis/index.mjs";
 import { MobileTimeLine } from "./src/components/dataDisplay/timeLine/index.mjs";
 import { MobileCardList } from "./src/components/dataDisplay/cardList/index.mjs";
+import { MobileMenuGrid } from "./src/components/dataDisplay/menuGrid/index.mjs";
+import { MobileDataStat } from "./src/components/dataDisplay/dataStat/index.mjs";
 import { MobileActionSheet } from "./src/components/feedback/actionSheet/index.mjs";
 import { MobileDropdownMenu } from "./src/components/feedback/dropdownMenu/index.mjs";
 import { MobileFloatingPanel } from "./src/components/feedback/floatingPanel/index.mjs";
@@ -30,6 +33,7 @@ import { MobileFloatingBubble } from "./src/components/feedback/floatingBubble/i
 import { MobileLoading } from "./src/components/feedback/loading/index.mjs";
 import { MobilePullRefresh } from "./src/components/feedback/pullRefresh/index.mjs";
 import { MobileSwipeCell } from "./src/components/feedback/swipeCell/index.mjs";
+import { MobileQuickFilter } from "./src/components/feedback/quickFilter/index.mjs";
 import { MobileCheckbox } from "./src/components/form/checkbox/index.mjs";
 import { MobileCheckboxGroup } from "./src/components/form/checkboxGroup/index.mjs";
 import { MobileField } from "./src/components/form/field/index.mjs";
@@ -75,6 +79,7 @@ const index = {
     for (let c in all) {
       app.use(all[c]);
     }
+    app.component("FecMobileApp", MobileApp);
   }
 };
 export {
@@ -90,6 +95,7 @@ export {
   MobileCheckboxGroup,
   MobileCollapse,
   MobileCollapseItem,
+  MobileDataStat,
   MobileDivider,
   MobileDropdownMenu,
   MobileEmpty,
@@ -119,11 +125,13 @@ export {
   MobileLayout,
   MobileList,
   MobileLoading,
+  MobileMenuGrid,
   MobileNavBar,
   MobileNoticeBar,
   MobilePagination,
   MobilePopup,
   MobilePullRefresh,
+  MobileQuickFilter,
   MobileRadioGroup,
   MobileSearch,
   MobileSidebar,

package/es/packages/mobile/src/api/index.mjs

@@ -0,0 +1,8 @@
+const api = {
+  getAppById: ($http, id) => {
+    return $http.postForm(`${$servers.base}/sysMobileApp/getById`, { id });
+  }
+};
+export {
+  api as default
+};

package/es/packages/mobile/src/components/all.mjs

@@ -20,6 +20,8 @@ import { MobileSwipeItem } from "./dataDisplay/swipeItem/index.mjs";
 import { MobileTextEllipsis } from "./dataDisplay/textEllipsis/index.mjs";
 import { MobileTimeLine } from "./dataDisplay/timeLine/index.mjs";
 import { MobileCardList } from "./dataDisplay/cardList/index.mjs";
+import { MobileMenuGrid } from "./dataDisplay/menuGrid/index.mjs";
+import { MobileDataStat } from "./dataDisplay/dataStat/index.mjs";
 import { MobileActionSheet } from "./feedback/actionSheet/index.mjs";
 import { MobileDropdownMenu } from "./feedback/dropdownMenu/index.mjs";
 import { MobileFloatingPanel } from "./feedback/floatingPanel/index.mjs";
@@ -27,6 +29,7 @@ import { MobileFloatingBubble } from "./feedback/floatingBubble/index.mjs";
 import { MobileLoading } from "./feedback/loading/index.mjs";
 import { MobilePullRefresh } from "./feedback/pullRefresh/index.mjs";
 import { MobileSwipeCell } from "./feedback/swipeCell/index.mjs";
+import { MobileQuickFilter } from "./feedback/quickFilter/index.mjs";
 import { MobileCheckbox } from "./form/checkbox/index.mjs";
 import { MobileCheckboxGroup } from "./form/checkboxGroup/index.mjs";
 import { MobileField } from "./form/field/index.mjs";
@@ -76,6 +79,7 @@ export {
   MobileCheckboxGroup,
   MobileCollapse,
   MobileCollapseItem,
+  MobileDataStat,
   MobileDivider,
   MobileDropdownMenu,
   MobileEmpty,
@@ -105,11 +109,13 @@ export {
   MobileLayout,
   MobileList,
   MobileLoading,
+  MobileMenuGrid,
   MobileNavBar,
   MobileNoticeBar,
   MobilePagination,
   MobilePopup,
   MobilePullRefresh,
+  MobileQuickFilter,
   MobileRadioGroup,
   MobileSearch,
   MobileSidebar,

package/es/packages/mobile/src/components/dataDisplay/cardList/CardList.vue.mjs

@@ -1,7 +1,7 @@
 /* empty css                                               */
 /* empty css                                                  */
 /* empty css                                               */
-import { getCurrentInstance, ref, onMounted, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, isRef, withCtx, renderList } from "vue";
+import { getCurrentInstance, ref, onMounted, computed, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, isRef, withCtx, renderList } from "vue";
 import { createDataSource } from "../../../utils/datasource.mjs";
 import VueRender from "../../../utils/idea/VueRender.vue.mjs";
 /* empty css               */
@@ -53,6 +53,14 @@ const _sfc_main = {
     filterPlaceholder: {
       type: String,
       default: ""
+    },
+    filterMode: {
+      type: String,
+      default: ""
+    },
+    quickFilter: {
+      type: Array,
+      default: []
     }
   },
   setup(__props) {
@@ -138,6 +146,9 @@ const _sfc_main = {
         loading.value = false;
       }
     }
+    const quickFilterConfig = computed(() => {
+      return props.quickFilter;
+    });
     return (_ctx, _cache) => {
       const _component_fec_mobile_search = resolveComponent("fec-mobile-search");
       const _component_fec_mobile_card = resolveComponent("fec-mobile-card");
@@ -145,8 +156,11 @@ const _sfc_main = {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.enableFilter ? (openBlock(), createBlock(_component_fec_mobile_search, {
           key: 0,
-          placeholder: __props.filterPlaceholder
-        }, null, 8, ["placeholder"])) : createCommentVNode("", true),
+          placeholder: __props.filterPlaceholder,
+          filterMode: __props.filterMode,
+          dataSources: __props.dataSources,
+          filterConfig: unref(quickFilterConfig)
+        }, null, 8, ["placeholder", "filterMode", "dataSources", "filterConfig"])) : createCommentVNode("", true),
         createVNode(_component_van_list, {
           ref_key: "listRef",
           ref: listRef,
@@ -184,7 +198,7 @@ const _sfc_main = {
     };
   }
 };
-const _CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97044b6f"]]);
+const _CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77da18e2"]]);
 export {
   _CardList as default
 };

package/es/packages/mobile/src/components/dataDisplay/dataStat/DataStat.vue.mjs

@@ -0,0 +1,14 @@
+import { createElementBlock, openBlock, createStaticVNode } from "vue";
+/* empty css               */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = { class: "stat-card" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, _cache[0] || (_cache[0] = [
+    createStaticVNode('<div class="stat-top" data-v-fa8fbc8a><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日认购金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>4,012</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日回款金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>1,336</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div><div class="stat-item" data-v-fa8fbc8a><div class="label" data-v-fa8fbc8a>今日交楼金额</div><div class="num" data-v-fa8fbc8a><span class="value" data-v-fa8fbc8a>306</span><span class="unit" data-v-fa8fbc8a>万元</span></div></div></div><div class="detail-row" data-v-fa8fbc8a><div class="detail-left" data-v-fa8fbc8a><div class="detail-group" data-v-fa8fbc8a><div class="detail-label" data-v-fa8fbc8a>实际完成(万元)</div><div class="detail-num" data-v-fa8fbc8a>101.342</div></div><div class="detail-group" data-v-fa8fbc8a><div class="detail-label" data-v-fa8fbc8a>目标金额(万元)</div><div class="detail-num" data-v-fa8fbc8a>223.764</div></div></div><div class="detail-right" data-v-fa8fbc8a><div class="detail-item" data-v-fa8fbc8a><div class="detail-item-top" data-v-fa8fbc8a><div class="detail-item-title" data-v-fa8fbc8a>年度回款(万元)</div><div class="detail-percent" data-v-fa8fbc8a>70%</div></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>实际</span><span class="v" data-v-fa8fbc8a>342.234</span></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>目标</span><span class="v" data-v-fa8fbc8a>432.340</span></div></div><div class="detail-item" data-v-fa8fbc8a><div class="detail-item-top" data-v-fa8fbc8a><div class="detail-item-title" data-v-fa8fbc8a>年度回款(万元)</div><div class="detail-percent" data-v-fa8fbc8a>70%</div></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>实际</span><span class="v" data-v-fa8fbc8a>342.234</span></div><div class="detail-kv" data-v-fa8fbc8a><span class="k" data-v-fa8fbc8a>目标</span><span class="v" data-v-fa8fbc8a>432.340</span></div></div></div></div>', 2)
+  ]));
+}
+const _DataStat = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fa8fbc8a"]]);
+export {
+  _DataStat as default
+};

package/es/packages/mobile/src/components/dataDisplay/dataStat/index.mjs

@@ -0,0 +1,10 @@
+import _DataStat from "./DataStat.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileDataStat = install.withInstall(
+  "MobileDataStat",
+  _DataStat
+);
+export {
+  MobileDataStat,
+  MobileDataStat as default
+};

package/es/packages/mobile/src/components/dataDisplay/menuGrid/MenuGrid.vue.mjs

@@ -0,0 +1,123 @@
+/* empty css                                               */
+/* empty css                                               */
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                                    */
+import { createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, Fragment, renderList, createBlock, normalizeClass } from "vue";
+import emitter from "../../../utils/eventBus.mjs";
+/* empty css               */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Grid } from "../../../../node_modules/vant/es/grid/index.mjs";
+import { GridItem } from "../../../../node_modules/vant/es/grid-item/index.mjs";
+import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
+const _hoisted_1 = { class: "menu-grid-wrap" };
+const _hoisted_2 = {
+  key: 0,
+  class: "menu-header"
+};
+const _hoisted_3 = { class: "header-left" };
+const _hoisted_4 = { class: "header-title" };
+const _hoisted_5 = {
+  key: 0,
+  class: "header-right"
+};
+const _hoisted_6 = { class: "more-btn" };
+const _hoisted_7 = { class: "menu-item" };
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
+  key: 1,
+  class: "icon-text"
+};
+const _hoisted_10 = { class: "menu-text" };
+const _sfc_main = {
+  __name: "MenuGrid",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    showMore: {
+      type: Boolean,
+      default: true
+    },
+    moreText: {
+      type: String,
+      default: ""
+    },
+    columnNum: {
+      type: Number,
+      default: 5
+    },
+    menuItems: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    function clickHandler(item) {
+      console.log("🚀 ~ clickHandler ~ item:", item);
+      emitter.emit("loadPage", item.pageId);
+    }
+    return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
+      const _component_van_grid_item = GridItem;
+      const _component_van_grid = Grid;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1)
+          ]),
+          __props.showMore ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("span", _hoisted_6, toDisplayString(__props.moreText), 1),
+            createVNode(_component_van_icon, {
+              name: "arrow",
+              class: "more-icon"
+            })
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(_component_van_grid, {
+          "column-num": __props.columnNum,
+          border: "false",
+          class: "menu-grid"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index) => {
+              return openBlock(), createBlock(_component_van_grid_item, {
+                key: index,
+                onClick: ($event) => clickHandler(item)
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_7, [
+                    createElementVNode("div", {
+                      class: normalizeClass(["icon-box", item.bgClass || "icon-blue"])
+                    }, [
+                      item.iconType === "image" ? (openBlock(), createElementBlock("img", {
+                        key: 0,
+                        src: item.icon,
+                        class: "icon-img"
+                      }, null, 8, _hoisted_8)) : item.iconText ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(item.iconText), 1)) : (openBlock(), createBlock(_component_van_icon, {
+                        key: 2,
+                        name: item.icon || "apps-o"
+                      }, null, 8, ["name"]))
+                    ], 2),
+                    createElementVNode("div", _hoisted_10, toDisplayString(item.label), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["column-num"])
+      ]);
+    };
+  }
+};
+const _MenuGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bde7e748"]]);
+export {
+  _MenuGrid as default
+};

package/es/packages/mobile/src/components/dataDisplay/menuGrid/index.mjs

@@ -0,0 +1,7 @@
+import _MenuGrid from "./MenuGrid.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileMenuGrid = install.withInstall("MobileMenuGrid", _MenuGrid);
+export {
+  MobileMenuGrid,
+  MobileMenuGrid as default
+};

package/es/packages/mobile/src/components/dataDisplay/noticeBar/NoticeBar.vue.mjs

@@ -2,24 +2,106 @@
 /* empty css                                                */
 /* empty css                                               */
 /* empty css                                                     */
-import { createBlock, openBlock, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+/* empty css                                                */
+/* empty css                                                     */
+import { createElementBlock, openBlock, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, renderSlot } from "vue";
+/* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { NoticeBar } from "../../../../node_modules/vant/es/notice-bar/index.mjs";
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_notice_bar = NoticeBar;
-  return openBlock(), createBlock(_component_van_notice_bar, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({ _: 2 }, [
-    renderList(_ctx.$slots, (item, key) => {
-      return {
-        name: key,
-        fn: withCtx(() => [
-          renderSlot(_ctx.$slots, key)
-        ])
-      };
-    })
-  ]), 1040);
-}
-const _NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { Swipe } from "../../../../node_modules/vant/es/swipe/index.mjs";
+import { SwipeItem } from "../../../../node_modules/vant/es/swipe-item/index.mjs";
+const _hoisted_1 = { class: "notice-wrap" };
+const _hoisted_2 = { class: "notice-label" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "label-text"
+};
+const _hoisted_5 = { class: "notice-title" };
+const _hoisted_6 = { class: "title-text" };
+const _hoisted_7 = { class: "notice-time" };
+const _sfc_main = {
+  __name: "NoticeBar",
+  props: {
+    labelImage: {
+      type: String,
+      default: ""
+    },
+    noticeList: {
+      type: Array,
+      default: () => [
+        {
+          title: "集团公告 客研体系和品牌升级项目定义会...",
+          time: "2020-09-02 11:31"
+        },
+        {
+          title: "关于中秋节放假安排的通知...",
+          time: "2020-09-01 09:00"
+        }
+      ]
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_van_swipe_item = SwipeItem;
+      const _component_van_swipe = Swipe;
+      const _component_van_notice_bar = NoticeBar;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_van_notice_bar, {
+          scrollable: false,
+          class: "notice-bar",
+          background: "#FFF"
+        }, {
+          "left-icon": withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "label-image", {}, () => [
+                __props.labelImage ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: __props.labelImage,
+                  class: "label-img"
+                }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, _cache[0] || (_cache[0] = [
+                  createElementVNode("span", { class: "text-top" }, "公告", -1),
+                  createElementVNode("span", { class: "text-bottom" }, "事项", -1)
+                ])))
+              ], true)
+            ]),
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "divider" }, null, -1))
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_van_swipe, {
+              vertical: "",
+              class: "notice-swipe",
+              autoplay: 3e3,
+              touchable: false,
+              "show-indicators": false
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.noticeList, (item, index) => {
+                  return openBlock(), createBlock(_component_van_swipe_item, {
+                    key: index,
+                    class: "notice-item"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_5, [
+                        _cache[2] || (_cache[2] = createElementVNode("span", { class: "dot" }, null, -1)),
+                        createElementVNode("span", _hoisted_6, toDisplayString(item.title), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_7, toDisplayString(item.time), 1)
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+};
+const _NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b72b4f6"]]);
 export {
   _NoticeBar as default
 };

package/es/packages/mobile/src/components/dataDisplay/table/Table.vue.mjs

@@ -2,7 +2,7 @@
 /* empty css                                                     */
 /* empty css                                                  */
 /* empty css                                               */
-import { getCurrentInstance, computed, ref, onMounted, createVNode, render, nextTick, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, normalizeStyle, normalizeClass, unref, withCtx, isRef, createSlots, createElementVNode, renderList, renderSlot } from "vue";
+import { getCurrentInstance, computed, ref, onMounted, createVNode, render, nextTick, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, unref, normalizeStyle, normalizeClass, withCtx, isRef, createSlots, createElementVNode, renderList, renderSlot } from "vue";
 import { VxeGrid } from "vxe-table";
 import { createDataSource } from "../../../utils/datasource.mjs";
 /* empty css                                                      */
@@ -127,6 +127,14 @@ const _sfc_main = {
     filterPlaceholder: {
       type: String,
       default: ""
+    },
+    filterMode: {
+      type: String,
+      default: ""
+    },
+    quickFilter: {
+      type: Array,
+      default: []
     }
   },
   emits: [
@@ -427,6 +435,10 @@ const _sfc_main = {
         call();
       }
     }
+    const quickFilterConfig = computed(() => {
+      const list = props.quickFilter.map((fieldName) => props.columns.find((col) => col.fieldName == fieldName)).filter(Boolean);
+      return list;
+    });
     return (_ctx, _cache) => {
       const _component_fec_mobile_search = resolveComponent("fec-mobile-search");
       const _component_van_list = List;
@@ -434,8 +446,11 @@ const _sfc_main = {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.enableFilter ? (openBlock(), createBlock(_component_fec_mobile_search, {
           key: 0,
-          placeholder: __props.filterPlaceholder
-        }, null, 8, ["placeholder"])) : createCommentVNode("", true),
+          placeholder: __props.filterPlaceholder,
+          filterMode: __props.filterMode,
+          dataSources: __props.dataSources,
+          filterConfig: unref(quickFilterConfig)
+        }, null, 8, ["placeholder", "filterMode", "dataSources", "filterConfig"])) : createCommentVNode("", true),
         createVNode(_component_van_cell_group, {
           class: normalizeClass(["mTableContent", {
             notAutoHeight: !__props.autoHeight,
@@ -559,7 +574,7 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2f747af"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee91bb34"]]);
 export {
   _Table as default
 };