@fecp/mobile 1.1.34 → 1.1.36

package/es/packages/mobile/src/components/custom/timeLineFilter/TimeLineFilter.vue.mjs

@@ -0,0 +1,282 @@
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                 */
+import { ref, watch, computed, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString, nextTick } from "vue";
+/* empty css                     */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Steps } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/steps/index.mjs";
+import { Step } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/step/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
+const _hoisted_1 = { class: "time-line-filter" };
+const _hoisted_2 = { class: "line-selected-content" };
+const _hoisted_3 = { class: "custom-item" };
+const _hoisted_4 = { class: "line-list-content" };
+const _hoisted_5 = ["onClick"];
+const _sfc_main = {
+  __name: "TimeLineFilter",
+  props: {
+    data: {
+      type: Array,
+      default: []
+    },
+    option: {
+      type: Object,
+      default: {
+        id: "id",
+        name: "name",
+        pid: "pid",
+        isLeaf: "isLeaf"
+      }
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedList = ref([]);
+    const targetId = ref("0");
+    const listDataActId = ref("");
+    const stepsActive = ref(0);
+    let isDown = true;
+    watch(
+      [() => props.modelValue, () => props.data],
+      ([value, data]) => {
+        if (value && data.length > 0 && isDown) {
+          const ids = value.split(",");
+          selectedList.value = data.filter((item) => ids.includes(item.id + ""));
+          selectedList.value = selectedList.value.map((s) => {
+            s.isAct = false;
+            return s;
+          });
+          const lastNode = selectedList.value[selectedList.value.length - 1];
+          const maxLevel = getMaxLevel(data);
+          if (ids.length < maxLevel && (lastNode == null ? void 0 : lastNode.isLeaf) != true) {
+            targetId.value = ids[ids.length - 1];
+            selectedList.value.push({
+              id: "pleaseSelect",
+              name: "请选择",
+              hollow: true,
+              isAct: true,
+              pid: targetId.value
+            });
+          } else {
+            selectedList.value[selectedList.value.length - 1].isAct = true;
+            targetId.value = ids[ids.length - 2];
+          }
+          listDataActId.value = selectedList.value[selectedList.value.length - 1].id;
+          stepsActive.value = selectedList.value.length - 1;
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    function getMaxLevel(list) {
+      const map = {};
+      let maxLevel = 0;
+      list.forEach((item) => {
+        map[item.id] = { pid: item.pid, lvl: 0 };
+      });
+      list.forEach((item) => {
+        let currentId = item.id;
+        let level = 1;
+        while (map[currentId] && map[currentId].pid != "0") {
+          currentId = map[currentId].pid;
+          level++;
+        }
+        map[item.id].lvl = level;
+        if (level > maxLevel) {
+          maxLevel = level;
+        }
+      });
+      return maxLevel;
+    }
+    function getChildrenById(tree, targetId2) {
+      if (!targetId2 || targetId2 == 0) {
+        return tree;
+      }
+      function findNode(node) {
+        if (node.id == targetId2) {
+          return node.children;
+        }
+        for (const child of node.children) {
+          const result = findNode(child);
+          if (result) {
+            return result;
+          }
+        }
+        return null;
+      }
+      for (const root of tree) {
+        const children = findNode(root);
+        if (children) {
+          return children;
+        }
+      }
+      return null;
+    }
+    function getNodeById(tree, id) {
+      if (Array.isArray(tree)) {
+        for (let i = 0; i < tree.length; i++) {
+          const node = tree[i];
+          if (node.id === id) {
+            return node;
+          }
+          if (node.children && node.children.length > 0) {
+            const found = getNodeById(node.children, id);
+            if (found) {
+              return found;
+            }
+          }
+        }
+      }
+      return null;
+    }
+    const treeData = computed(() => {
+      return listToTree(props.data);
+    });
+    const listData = computed(() => {
+      return getChildrenById(treeData.value, targetId.value);
+    });
+    function clickListItem(item) {
+      isDown = true;
+      if (selectedList.value.length >= item.lvl) {
+        selectedList.value = selectedList.value.slice(0, item.lvl - 1);
+      }
+      selectedList.value.push(item);
+      const selectedIdList = selectedList.value.map((s) => s.id);
+      emit("update:modelValue", "");
+      nextTick(() => {
+        emit("update:modelValue", selectedIdList.join(","));
+      });
+    }
+    function clickSelectedItem(item) {
+      if (item.id == "pleaseSelect") {
+        const t = getNodeById(treeData.value, item.pid);
+        clickListItem(t);
+        return;
+      }
+      isDown = false;
+      targetId.value = item.pid;
+      const index = selectedList.value.findIndex((t) => t.id === item.id);
+      if (index !== -1) {
+        selectedList.value.splice(index + 1);
+      }
+      listDataActId.value = item.id;
+      selectedList.value.forEach((s) => {
+        s.isAct = false;
+        if (item.id == s.id) {
+          s.isAct = true;
+        }
+      });
+      const selectedIdList = selectedList.value.map((s) => s.id);
+      const maxLevel = getMaxLevel(props.data);
+      if (selectedIdList.length < maxLevel) {
+        selectedList.value.push({
+          id: "pleaseSelect",
+          name: "请选择",
+          hollow: true,
+          isAct: false,
+          pid: item.id
+        });
+      }
+      emit("update:modelValue", "");
+      nextTick(() => {
+        emit("update:modelValue", selectedIdList.join(","));
+      });
+    }
+    function listToTree(list) {
+      const map = {};
+      const tree = [];
+      list = list.map((item) => {
+        const temp = {
+          id: item[props.option.id],
+          name: item[props.option.name],
+          pid: item[props.option.pid],
+          ...item
+        };
+        return temp;
+      });
+      list.forEach((item) => {
+        map[item.id] = { ...item, children: [], lvl: 0 };
+      });
+      list.forEach((item) => {
+        const node = map[item.id];
+        const parentId = item.pid;
+        if (parentId == "0") {
+          node.lvl = 1;
+          tree.push(node);
+        } else {
+          const parent = map[parentId];
+          if (parent) {
+            node.lvl = parent.lvl + 1;
+            parent.children.push(node);
+          }
+        }
+      });
+      return tree;
+    }
+    return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
+      const _component_van_step = Step;
+      const _component_van_steps = Steps;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          unref(selectedList).length > 0 ? (openBlock(), createBlock(_component_van_steps, {
+            key: 0,
+            direction: "vertical",
+            active: unref(stepsActive),
+            class: "selected-time-line"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedList), (item, index) => {
+                return openBlock(), createBlock(_component_van_step, {
+                  onClick: ($event) => clickSelectedItem(item)
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_3, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["label", { act: item.isAct || item.id == unref(listDataActId) }])
+                      }, toDisplayString(item.name), 3),
+                      item.isAct || item.id == unref(listDataActId) ? (openBlock(), createBlock(_component_van_icon, {
+                        key: 0,
+                        name: "arrow",
+                        color: "#ccc"
+                      })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 256))
+            ]),
+            _: 1
+          }, 8, ["active"])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(listData), (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["line-list-item", { act: item.id == unref(listDataActId) }]),
+              onClick: ($event) => clickListItem(item)
+            }, [
+              createElementVNode("span", null, toDisplayString(item.name), 1),
+              item.id == unref(listDataActId) ? (openBlock(), createBlock(_component_van_icon, {
+                key: 0,
+                name: "success"
+              })) : createCommentVNode("", true)
+            ], 10, _hoisted_5);
+          }), 256))
+        ])
+      ]);
+    };
+  }
+};
+const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5b57ddb"]]);
+export {
+  _TimeLineFilter as default
+};

package/es/packages/mobile/src/components/custom/timeLineFilter/index.mjs

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

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

@@ -122,10 +122,18 @@ const _sfc_main = {
       default: false
     }
   },
-  emits: ["update:modelValue", "deleteRow", "editRow"],
+  emits: [
+    "update:modelValue",
+    "deleteRow",
+    "editRow",
+    "clickCell"
+  ],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    function cellClickEvent({ row, column }) {
+      emit("clickCell", { row, column });
+    }
     const compHeight = computed(() => {
       if (props.autoHeight) {
         return "100%";
@@ -448,6 +456,7 @@ const _sfc_main = {
                 ref_key: "gridRef",
                 ref: gridRef,
                 class: "fec-table",
+                width: "100%",
                 "auto-resize": "",
                 data: unref(tableData),
                 columns: unref(columnOptions),
@@ -463,7 +472,8 @@ const _sfc_main = {
                 loading: unref(initLoading),
                 showHeader: __props.showHeader,
                 onScrollBoundary: onScrollLoads,
-                virtualYConfig
+                virtualYConfig,
+                onCellClick: cellClickEvent
               }, createSlots({
                 loading: withCtx(() => [
                   _cache[2] || (_cache[2] = createElementVNode("div", {
@@ -539,7 +549,7 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3ac8e87"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f2534dc"]]);
 export {
   _Table as default
 };