@fecp/designer 5.5.35 → 5.5.36

package/es/packages/mobile/index.mjs

@@ -22,6 +22,7 @@ import { MobileSwipe } from "./src/components/dataDisplay/swipe/index.mjs";
 import { MobileSwipeItem } from "./src/components/dataDisplay/swipeItem/index.mjs";
 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 { 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";
@@ -82,6 +83,7 @@ export {
   MobileBackTop,
   MobileButton,
   MobileCard,
+  MobileCardList,
   MobileCell,
   MobileCellGroup,
   MobileCheckbox,

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

@@ -19,6 +19,7 @@ import { MobileSwipe } from "./dataDisplay/swipe/index.mjs";
 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 { MobileActionSheet } from "./feedback/actionSheet/index.mjs";
 import { MobileDropdownMenu } from "./feedback/dropdownMenu/index.mjs";
 import { MobileFloatingPanel } from "./feedback/floatingPanel/index.mjs";
@@ -68,6 +69,7 @@ export {
   MobileBackTop,
   MobileButton,
   MobileCard,
+  MobileCardList,
   MobileCell,
   MobileCellGroup,
   MobileCheckbox,

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

@@ -0,0 +1,169 @@
+/* empty css                                               */
+/* empty css                                                  */
+/* empty css                                               */
+import { getCurrentInstance, ref, onMounted, resolveComponent, createBlock, openBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList, createVNode } from "vue";
+import { createDataSource } from "../../../utils/datasource.mjs";
+import VueRender from "../../../utils/idea/VueRender.vue.mjs";
+/* empty css               */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { List } from "../../../../node_modules/vant/es/list/index.mjs";
+const _sfc_main = {
+  __name: "CardList",
+  props: {
+    modelValue: {
+      type: Array,
+      default: []
+    },
+    disabledLoad: {
+      type: Boolean,
+      default: false
+    },
+    offset: {
+      type: String,
+      default: "0"
+    },
+    direction: {
+      type: String,
+      default: "down"
+    },
+    dataSourceValue: {
+      type: String,
+      default: ""
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    swipeDelete: {
+      type: Boolean,
+      default: false
+    },
+    vueTemplate: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const listRef = ref();
+    let isDesigner = false;
+    onMounted(() => {
+      var _a, _b;
+      const device = (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.closest(".device-content");
+      if (device) {
+        isDesigner = true;
+      }
+      initDataSourceManager();
+    });
+    const tableData = ref([]);
+    const finished = ref(false);
+    const error = ref(false);
+    const loading = ref(false);
+    let pageNo = 1;
+    const dataSourceManager = ref();
+    function initDataSourceManager() {
+      dataSourceManager.value = createDataSource({
+        http: ctx.$http,
+        dataSources: props.dataSources,
+        currentDataSourceId: props.dataSourceValue,
+        pagination: {
+          pageNo,
+          pageSize: props.pageSize
+        }
+        // data: hiddenFormData.value,
+        // fields: fieldsData.value,
+        // sortRules: localConfig.value.sortRules,
+        // templateId: localConfig.value.templateKey,
+      });
+      dataSourceManager.value.on("loaded", (data) => {
+      });
+      dataSourceManager.value.on("error", (err) => {
+      });
+      if (dataSourceManager.value && isDesigner) {
+        tableData.value = [];
+        if (props.disabledLoad) {
+          tableData.value = [];
+          call();
+        } else {
+          pageNo = 0;
+        }
+      } else {
+        loading.value = false;
+      }
+    }
+    function onLoad() {
+      if (dataSourceManager.value && isDesigner) {
+        loading.value = true;
+        pageNo++;
+        call();
+      } else {
+        loading.value = false;
+      }
+    }
+    async function call() {
+      var _a;
+      error.value = false;
+      try {
+        dataSourceManager.value.updatePagination(pageNo, props.pageSize);
+        await dataSourceManager.value.fetch();
+        const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
+        tableData.value.push(...data);
+        if (tableData.value.length == 0) {
+          tableData.value = [{}];
+        }
+        if (data.length < props.pageSize) {
+          finished.value = true;
+        }
+        loading.value = false;
+      } catch (err) {
+        console.error(err);
+        error.value = true;
+        loading.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_fec_mobile_card = resolveComponent("fec-mobile-card");
+      const _component_van_list = List;
+      return openBlock(), createBlock(_component_van_list, {
+        ref_key: "listRef",
+        ref: listRef,
+        loading: unref(loading),
+        "onUpdate:loading": _cache[0] || (_cache[0] = ($event) => isRef(loading) ? loading.value = $event : null),
+        error: unref(error),
+        "onUpdate:error": _cache[1] || (_cache[1] = ($event) => isRef(error) ? error.value = $event : null),
+        finished: unref(finished),
+        disabled: __props.disabledLoad,
+        offset: __props.offset,
+        "finished-text": "没有更多了",
+        "error-text": "请求失败，点击重新加载",
+        onLoad,
+        class: "fec-card-list"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tableData), (item) => {
+            return openBlock(), createBlock(_component_fec_mobile_card, {
+              key: item.id,
+              swipeDelete: __props.swipeDelete
+            }, {
+              default: withCtx(() => [
+                createVNode(VueRender, { code: __props.vueTemplate }, null, 8, ["code"])
+              ]),
+              _: 2
+            }, 1032, ["swipeDelete"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["loading", "error", "finished", "disabled", "offset"]);
+    };
+  }
+};
+const _CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4837857b"]]);
+export {
+  _CardList as default
+};

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

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

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

@@ -2,9 +2,9 @@
 /* empty css                                                     */
 /* empty css                                                  */
 /* empty css                                               */
-import { computed, ref, onMounted, createVNode, render, watch, nextTick, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, isRef, createSlots, createElementBlock, createCommentVNode, Fragment, createElementVNode, renderList, renderSlot } from "vue";
+import { getCurrentInstance, computed, ref, onMounted, createVNode, render, nextTick, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, isRef, createSlots, createElementBlock, createCommentVNode, Fragment, createElementVNode, renderList, renderSlot } from "vue";
 import { VxeGrid } from "vxe-table";
-import { useDataSource } from "../../../utils/dataSourceUtil.mjs";
+import { createDataSource } from "../../../utils/datasource.mjs";
 /* empty css                                                      */
 import { textFormatter, dateFormatter, cascadeFormatter, multipleFormatter, selectFormatter } from "../../../utils/formatterUtil.mjs";
 /* empty css                                                     */
@@ -88,17 +88,17 @@ const _sfc_main = {
       type: Boolean,
       default: false
     },
-    dataSource: {
+    dataSourceValue: {
       type: String,
       default: ""
     },
-    params: {
-      type: Object,
-      default: {}
+    dataSources: {
+      type: Array,
+      default: () => []
     },
     pageSize: {
-      type: String,
-      default: "10"
+      type: Number,
+      default: 10
     },
     isCard: {
       //卡片风格
@@ -129,6 +129,8 @@ const _sfc_main = {
   ],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
     const emit = __emit;
     function cellClickEvent({ row, column }) {
       emit("clickCell", { row, column });
@@ -208,10 +210,11 @@ const _sfc_main = {
     let isDesigner = false;
     onMounted(() => {
       var _a, _b;
-      const uid = (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.getAttribute("data-uid");
-      if (uid) {
+      const device = (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.closest(".device-content");
+      if (device) {
         isDesigner = true;
       }
+      initDataSourceManager();
       setTimeout(() => {
         initSwipeCells();
       }, 500);
@@ -296,75 +299,67 @@ const _sfc_main = {
       gt: 0,
       threshold: 0
     };
-    const tableData = computed({
-      get: () => {
-        return props.modelValue;
-      },
-      set: (val) => {
-        emit("update:modelValue", val);
-      }
-    });
-    const dataSource = useDataSource(props.dataSource);
-    let pageNo = 1;
+    const tableData = ref([]);
+    const dataSourceManager = ref();
     const initLoading = ref(false);
     const loading = ref(false);
     const finished = ref(false);
     const listFinished = ref(false);
     const error = ref(false);
     const listError = ref(false);
-    if (dataSource && !isDesigner) {
-      tableData.value = [];
-      if (props.isFixedHead) {
-        initLoading.value = true;
-        call();
-      } else if (!props.scrollLoad) {
-        call();
+    let pageNo = 1;
+    function initDataSourceManager() {
+      dataSourceManager.value = createDataSource({
+        http: ctx.$http,
+        dataSources: props.dataSources,
+        currentDataSourceId: props.dataSourceValue,
+        pagination: {
+          pageNo,
+          pageSize: props.pageSize
+        }
+        // data: hiddenFormData.value,
+        // fields: fieldsData.value,
+        // sortRules: localConfig.value.sortRules,
+        // templateId: localConfig.value.templateKey,
+      });
+      dataSourceManager.value.on("loaded", (data) => {
+        emit("data-loaded", data);
+      });
+      dataSourceManager.value.on("error", (err) => {
+        emit("data-error", err);
+      });
+      if (dataSourceManager.value && isDesigner) {
+        tableData.value = [];
+        if (props.isFixedHead) {
+          initLoading.value = true;
+          call();
+        } else if (!props.scrollLoad) {
+          call();
+        } else {
+          pageNo = 0;
+        }
       } else {
-        pageNo = 0;
+        loading.value = false;
       }
-    } else {
-      loading.value = false;
     }
     function onScrollLoads({ direction }) {
       const isBottom = direction == "bottom";
       if (finished.value || loading.value || error.value) {
         return;
       }
-      if (props.scrollLoad && isBottom && dataSource) {
+      if (props.scrollLoad && isBottom) {
         pageNo++;
         loading.value = true;
         error.value = false;
         call();
       }
     }
-    watch(
-      () => props.params,
-      (newParams, oldParams) => {
-        const isParamsChanged = Object.keys(newParams).some(
-          (key) => newParams[key] !== oldParams[key]
-        );
-        if (isParamsChanged) {
-          tableData.value = [];
-          loading.value = false;
-          finished.value = false;
-          listFinished.value = false;
-          error.value = false;
-          listError.value = false;
-          pageNo = 1;
-          if (props.isFixedHead) {
-            initLoading.value = true;
-            call();
-          } else if (!props.scrollLoad) {
-            call();
-          }
-        }
-      },
-      { deep: true }
-    );
-    function call() {
-      dataSource == null ? void 0 : dataSource.load({ ...props.params, pageNo, pageSize: props.pageSize }).then((res) => {
-        var _a;
-        const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.records) || (res == null ? void 0 : res.data) || res || [];
+    async function call() {
+      var _a;
+      try {
+        dataSourceManager.value.updatePagination(pageNo, props.pageSize);
+        await dataSourceManager.value.fetch();
+        const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
         tableData.value.push(...data);
         if (data.length < props.pageSize) {
           if (props.isFixedHead) {
@@ -383,7 +378,7 @@ const _sfc_main = {
         setTimeout(() => {
           initSwipeCells();
         }, 500);
-      }).catch((err) => {
+      } catch (err) {
         console.error(err);
         if (props.isFixedHead) {
           error.value = isDesigner ? false : true;
@@ -392,7 +387,7 @@ const _sfc_main = {
         }
         loading.value = false;
         initLoading.value = false;
-      });
+      }
     }
     function errReload() {
       call();
@@ -549,7 +544,7 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a3c96a2"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb55356f"]]);
 export {
   _Table as default
 };

package/es/packages/mobile/src/utils/datasource.mjs

@@ -2,10 +2,8 @@ import { reactive } from "vue";
 import { parseRouteParams } from "./parseRouteParams.mjs";
 import "../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                          */
-/* empty css                                                                */
 /* empty css                                                              */
 /* empty css                                                                */
-import { ElLoading } from "../../../../node_modules/element-plus/es/components/loading/index.mjs";
 import { ElMessage } from "../../../../node_modules/element-plus/es/components/message/index.mjs";
 class DataSourceManager {
   constructor(options = {}) {
@@ -133,16 +131,7 @@ class DataSourceManager {
     this.loading = true;
     this.error = null;
     this.LoadingInstance.count++;
-    if (this.LoadingInstance.count === 1) {
-      this.LoadingInstance.target = ElLoading.service({
-        fullscreen: true,
-        lock: true,
-        text: "拼命加载中",
-        // spinner: loadingSvg,
-        background: "rgba(0, 0, 0, 0)",
-        customClass: "h-loading"
-      });
-    }
+    if (this.LoadingInstance.count === 1) ;
     try {
       const params = this.buildRequestParams(extraParams);
       const requestConfig = this.getRequestConfig();
@@ -154,27 +143,27 @@ class DataSourceManager {
           break;
         case "post":
           if (currentDs.contentType === "formData") {
-            response = await this.http.postForm(url, params, requestConfig);
+            response = await this.http.postForm(url, params, false);
           } else if (currentDs.contentType === "download") {
-            await this.http.download(url, params, requestConfig);
+            await this.http.download(url, params, false);
           } else if (currentDs.contentType === "upload") {
-            response = await this.http.upload(url, params, requestConfig);
+            response = await this.http.upload(url, params, false);
           } else {
-            response = await this.http.post(url, params, requestConfig);
+            response = await this.http.post(url, params, false);
           }
           break;
         case "put":
           if (currentDs.contentType === "formData") {
-            response = await this.http.putForm(url, params, requestConfig);
+            response = await this.http.putForm(url, params, false);
           } else {
-            response = await this.http.put(url, params, requestConfig);
+            response = await this.http.put(url, params, false);
           }
           break;
         case "delete":
-          response = await this.http.delete(url, { params });
+          response = await this.http.delete(url, { params }, false);
           break;
         default:
-          response = await this.http.get(url, { params });
+          response = await this.http.get(url, { params }, false);
       }
       if (response && typeof response === "object" && "code" in response) {
         if (response.code == 0) {

package/es/packages/mobile/src/utils/idea/VueRender.vue.mjs

@@ -0,0 +1,36 @@
+import { ref, watch, createElementBlock, openBlock, createBlock, resolveDynamicComponent } from "vue";
+import { loadVueComponent } from "./vue3sfc.mjs";
+/* empty css                */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "vue-render-container" };
+const _sfc_main = {
+  __name: "VueRender",
+  props: {
+    code: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const dynamicComponent = ref(null);
+    watch(
+      () => props.code,
+      async (val) => {
+        if (!val) return;
+        try {
+          dynamicComponent.value = await loadVueComponent(val);
+        } catch (e) {
+          console.error("渲染失败", e);
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(dynamicComponent.value)))
+      ]);
+    };
+  }
+};
+const VueRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e3d5a60"]]);
+export {
+  VueRender as default
+};

package/es/packages/mobile/src/utils/idea/vue3sfc.mjs

@@ -0,0 +1,31 @@
+import { loadModule as i } from "../../../../../node_modules/vue3-sfc-loader/dist/vue3-sfc-loader.esm.mjs";
+import * as Vue from "vue";
+const options = {
+  moduleCache: {
+    vue: Vue
+  },
+  getFile: (url) => {
+    return fetch(url).then((response) => {
+      if (!response.ok) throw new Error(`Failed to fetch ${url}`);
+      return response.text();
+    });
+  },
+  addStyle: (style) => {
+    const styleElement = document.createElement("style");
+    styleElement.textContent = style;
+    document.head.appendChild(styleElement);
+  },
+  log: (level) => {
+    console.log(`[vue3-sfc-loader] ${level}`);
+  }
+};
+async function loadVueComponent(sfcCode) {
+  const url = `virtual.vue?t=${Date.now()}`;
+  return await i(url, {
+    ...options,
+    getFile: () => Promise.resolve(sfcCode)
+  });
+}
+export {
+  loadVueComponent
+};