@fecp/mobile 1.0.26 → 1.0.28

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

@@ -8,6 +8,8 @@ import { MobileCollapseItem } from "./dataDisplay/collapseItem/index.mjs";
 import { MobileDivider } from "./dataDisplay/divider/index.mjs";
 import { MobileEmpty } from "./dataDisplay/empty/index.mjs";
 import { MobileHighlight } from "./dataDisplay/highlight/index.mjs";
+import { MobileList } from "./dataDisplay/list/index.mjs";
+import { MobileTable } from "./dataDisplay/table/index.mjs";
 import { MobileNoticeBar } from "./dataDisplay/noticeBar/index.mjs";
 import { MobileSteps } from "./dataDisplay/steps/index.mjs";
 import { MobileStep } from "./dataDisplay/step/index.mjs";
@@ -86,6 +88,7 @@ export {
   MobileImage,
   MobileIndexAnchor,
   MobileIndexBar,
+  MobileList,
   MobileLoading,
   MobileNavBar,
   MobileNoticeBar,
@@ -105,6 +108,7 @@ export {
   MobileTab,
   MobileTabbar,
   MobileTabbarItem,
+  MobileTable,
   MobileTabs,
   MobileTextEllipsis,
   MobileTreeSelect,

package/es/packages/mobile/src/components/dataDisplay/list/List.vue.mjs

@@ -0,0 +1,106 @@
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                                 */
+import { computed, ref, createBlock, openBlock, unref, isRef, withCtx, renderSlot } from "vue";
+import { useDataSource } from "../../../utils/dataSourceUtil.mjs";
+import { List } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/list/index.mjs";
+const _sfc_main = {
+  __name: "List",
+  props: {
+    modelValue: {
+      type: Array,
+      default: []
+    },
+    disabledLoad: {
+      type: Boolean,
+      default: false
+    },
+    offset: {
+      type: String,
+      default: "0"
+    },
+    direction: {
+      type: String,
+      default: "down"
+    },
+    dataSource: {
+      type: String,
+      default: ""
+    },
+    params: {
+      type: Object,
+      default: {}
+    },
+    pageSize: {
+      type: String,
+      default: "10"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const finished = ref(false);
+    const error = ref(false);
+    const loading = ref(false);
+    let pageNo = 0;
+    const dataSource = useDataSource(props.dataSource);
+    if (dataSource) {
+      tableData.value = [];
+    }
+    function onLoad() {
+      if (dataSource) {
+        loading.value = true;
+        pageNo++;
+        call();
+      }
+    }
+    function call() {
+      error.value = false;
+      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;
+        tableData.value.push(...data);
+        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_van_list = List;
+      return openBlock(), createBlock(_component_van_list, {
+        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
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["loading", "error", "finished", "disabled", "offset"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,291 @@
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                                 */
+import { ref, computed, nextTick, createElementBlock, openBlock, createVNode, unref, normalizeClass, isRef, withCtx, createSlots, createCommentVNode, Fragment, createElementVNode, renderList, renderSlot } from "vue";
+import "../../../../../../node_modules/.pnpm/vxe-table@4.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.mjs";
+import { useDataSource } from "../../../utils/dataSourceUtil.mjs";
+/* empty css                                                                                                                       */
+/* empty css            */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { VxeGrid } from "../../../../../../node_modules/.pnpm/vxe-table@4.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/grid/index.mjs";
+import { List } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/list/index.mjs";
+const _hoisted_1 = { class: "mTableContent" };
+const _hoisted_2 = {
+  key: 0,
+  class: "van-list__finished-text"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "van-list__loading"
+};
+const _sfc_main = {
+  __name: "Table",
+  props: {
+    modelValue: {
+      //数据
+      type: Array,
+      default: []
+    },
+    columns: {
+      //列配置
+      type: Array,
+      default: []
+    },
+    size: {
+      //大小尺寸: medium / small / mini
+      type: String,
+      default: "medium"
+    },
+    isFixedHead: {
+      type: Boolean,
+      default: true
+    },
+    border: {
+      //default:默认边框， full:完整边框,outer 显示外边框,inner 显示内边框,none 隐藏边框
+      type: String,
+      default: "default"
+    },
+    round: {
+      //显示圆角
+      type: Boolean,
+      default: false
+    },
+    stripe: {
+      //斑马线样式
+      type: Boolean,
+      default: false
+    },
+    showHeader: {
+      //显示表头
+      type: Boolean,
+      default: true
+    },
+    scrollLoad: {
+      //是否滚动加载
+      type: Boolean,
+      default: false
+    },
+    dataSource: {
+      type: String,
+      default: ""
+    },
+    params: {
+      type: Object,
+      default: {}
+    },
+    pageSize: {
+      type: String,
+      default: "10"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const gridRef = ref();
+    const virtualYConfig = {
+      enabled: false,
+      gt: 0,
+      threshold: 0
+    };
+    const emit = __emit;
+    const tableData = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const dataSource = useDataSource(props.dataSource);
+    let pageNo = props.isFixedHead ? 1 : 0;
+    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) {
+      tableData.value = [];
+      if (props.isFixedHead) {
+        initLoading.value = true;
+        call();
+      }
+    }
+    function onScrollLoads({ direction }) {
+      const isBottom = direction == "bottom";
+      if (finished.value || loading.value || error.value) {
+        return;
+      }
+      if (props.scrollLoad && isBottom && dataSource) {
+        pageNo++;
+        loading.value = true;
+        error.value = false;
+        call();
+      }
+    }
+    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;
+        tableData.value.push(...data);
+        if (data.length < props.pageSize) {
+          if (props.isFixedHead) {
+            finished.value = true;
+          } else {
+            listFinished.value = true;
+          }
+        }
+        loading.value = false;
+        initLoading.value = false;
+        nextTick(() => {
+          checkHasScroll();
+        });
+      }).catch((err) => {
+        console.error(err);
+        if (props.isFixedHead) {
+          error.value = true;
+        } else {
+          listError.value = true;
+        }
+        loading.value = false;
+        initLoading.value = false;
+      });
+    }
+    function errReload() {
+      call();
+    }
+    function checkHasScroll() {
+      if (!props.isFixedHead) {
+        return;
+      }
+      if (finished.value) {
+        return;
+      }
+      const scrollHeight = gridRef.value.getEl().querySelector(".vxe-table--body").scrollHeight;
+      const clientHeight = gridRef.value.getEl().querySelector(".vxe-table--body-inner-wrapper").clientHeight;
+      if (scrollHeight < clientHeight) {
+        onScrollLoads({ direction: "bottom" });
+      }
+    }
+    function onLoad() {
+      if (!props.isFixedHead) {
+        loading.value = true;
+        pageNo++;
+        if (pageNo == 1) {
+          initLoading.value = false;
+        } else {
+          loading.value = true;
+        }
+        listError.value = false;
+        call();
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_van_list = List;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_van_list, {
+          class: normalizeClass({ fixedHead: __props.isFixedHead }),
+          loading: unref(loading),
+          "onUpdate:loading": _cache[0] || (_cache[0] = ($event) => isRef(loading) ? loading.value = $event : null),
+          error: unref(listError),
+          "onUpdate:error": _cache[1] || (_cache[1] = ($event) => isRef(listError) ? listError.value = $event : null),
+          finished: unref(listFinished),
+          disabled: __props.isFixedHead,
+          offset: 0,
+          "finished-text": "没有更多了",
+          "error-text": "请求失败，点击重新加载",
+          onLoad
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(VxeGrid), {
+              ref_key: "gridRef",
+              ref: gridRef,
+              data: unref(tableData),
+              columns: __props.columns,
+              size: __props.size,
+              headerAlign: "center",
+              border: __props.border,
+              round: __props.round,
+              stripe: __props.stripe,
+              height: __props.isFixedHead ? "100%" : "",
+              loading: unref(initLoading),
+              showHeader: __props.showHeader,
+              onScrollBoundary: onScrollLoads,
+              virtualYConfig
+            }, createSlots({
+              loading: withCtx(() => [
+                _cache[2] || (_cache[2] = createElementVNode("div", {
+                  class: "custom-loading van-loading van-loading--circular van-list__loading-icon",
+                  "aria-live": "polite",
+                  "aria-busy": "true"
+                }, [
+                  createElementVNode("span", { class: "van-loading__spinner van-loading__spinner--circular" }, [
+                    createElementVNode("svg", {
+                      class: "van-loading__circular",
+                      viewBox: "25 25 50 50"
+                    }, [
+                      createElementVNode("circle", {
+                        cx: "50",
+                        cy: "50",
+                        r: "20",
+                        fill: "none"
+                      })
+                    ])
+                  ]),
+                  createElementVNode("span", { class: "van-loading__text" }, "加载中...")
+                ], -1))
+              ]),
+              bottom: withCtx(() => [
+                __props.isFixedHead ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  unref(finished) ? (openBlock(), createElementBlock("div", _hoisted_2, " 没有更多了 ")) : createCommentVNode("", true),
+                  unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[3] || (_cache[3] = [
+                    createElementVNode("div", {
+                      class: "van-loading van-loading--circular van-list__loading-icon",
+                      "aria-live": "polite",
+                      "aria-busy": "true"
+                    }, [
+                      createElementVNode("span", { class: "van-loading__spinner van-loading__spinner--circular" }, [
+                        createElementVNode("svg", {
+                          class: "van-loading__circular",
+                          viewBox: "25 25 50 50"
+                        }, [
+                          createElementVNode("circle", {
+                            cx: "50",
+                            cy: "50",
+                            r: "20",
+                            fill: "none"
+                          })
+                        ])
+                      ]),
+                      createElementVNode("span", { class: "van-loading__text" }, "加载中...")
+                    ], -1)
+                  ]))) : createCommentVNode("", true),
+                  unref(error) ? (openBlock(), createElementBlock("div", {
+                    key: 2,
+                    class: "van-list__error-text",
+                    onClick: errReload
+                  }, " 请求失败，点击重新加载 ")) : createCommentVNode("", true)
+                ], 64)) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, [
+              renderList(_ctx.$slots, (item, key) => {
+                return {
+                  name: key,
+                  fn: withCtx(() => [
+                    key != "bottom" ? renderSlot(_ctx.$slots, key, { key: 0 }, void 0, true) : createCommentVNode("", true)
+                  ])
+                };
+              })
+            ]), 1032, ["data", "columns", "size", "border", "round", "stripe", "height", "loading", "showHeader"])
+          ]),
+          _: 3
+        }, 8, ["class", "loading", "error", "finished", "disabled"])
+      ]);
+    };
+  }
+};
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbe040c0"]]);
+export {
+  _Table as default
+};

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

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

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

@@ -0,0 +1,74 @@
+import useHttp from "../axios/index.mjs";
+const useDataSource = (dataSourceJson) => {
+  var _a, _b;
+  if (!dataSourceJson) {
+    return;
+  }
+  const dataSource = JSON.parse(dataSourceJson.replace(/'/g, '"'));
+  const globalDataHandle = dataSource.dataHandler ? createFn(dataSource.dataHandler.value) : (res) => res;
+  const http = useHttp(globalDataHandle);
+  const shouldFetch = ((_a = dataSource.shouldFetch) == null ? void 0 : _a.value) ? createFn(dataSource.shouldFetch.value) : () => true;
+  const willFetch = ((_b = dataSource.willFetch) == null ? void 0 : _b.value) ? createFn(dataSource.willFetch.value) : (options) => options;
+  const dataHandler = (res) => {
+    var _a2;
+    const data = ((_a2 = dataSource.dataHandler) == null ? void 0 : _a2.value) ? createFn(dataSource.dataHandler.value)(res) : res;
+    return data;
+  };
+  const errorHandler = (error) => {
+    var _a2;
+    if ((_a2 = dataSource.errorHandler) == null ? void 0 : _a2.value) {
+      createFn(dataSource.errorHandler.value)(error);
+    }
+  };
+  http.interceptors.request.use(willFetch, errorHandler);
+  http.interceptors.response.use(dataHandler, errorHandler);
+  return {
+    load: createLoad(http, dataSource, shouldFetch)
+  };
+};
+const createFn = (fnContent) => {
+  return (...args) => {
+    window.eval("var fn = " + fnContent);
+    return fn.apply(void 0, args);
+  };
+};
+const createLoad = (http, dataSource, shouldFetch) => (params) => {
+  if (!shouldFetch()) {
+    return;
+  }
+  if (dataSource.mockSwitch == "1") {
+    let mockData = dataSource.mockData;
+    return new Promise((resolve) => {
+      const mockDataHandle = createFn(dataSource.mockDataHandlerValue);
+      resolve(mockDataHandle(mockData));
+    });
+  }
+  const {
+    method,
+    uri: url,
+    params: defaultParams,
+    timeout,
+    headers,
+    serviceAddr
+  } = dataSource.options;
+  const config = { method, url, headers, timeout };
+  const data = params && JSON.stringify(params) != "{}" ? params : defaultParams;
+  if (serviceAddr) {
+    const serviceAddrValue = dataSource == null ? void 0 : dataSource.serviceAddr;
+    const serviceAddrItem = serviceAddrValue == null ? void 0 : serviceAddrValue.find(
+      (item) => item.name == serviceAddr
+    );
+    config.url = (serviceAddrItem == null ? void 0 : serviceAddrItem.url) ? serviceAddrItem.url + config.url : config.url;
+  } else {
+    config.url = config.url;
+  }
+  if (method.toLowerCase() === "get") {
+    config.params = data;
+  } else {
+    config.data = data;
+  }
+  return http.request(config);
+};
+export {
+  useDataSource
+};

package/lib/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/lib/_virtual/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.js");
+const index = require("../node_modules/.pnpm/xe-utils@3.7.4/node_modules/xe-utils/index.js");
+var xeUtilsExports = index.__require();
+const XEUtils = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(xeUtilsExports);
+exports.default = XEUtils;