@fecp/mobile 1.1.35 → 1.1.36

package/lib/packages/mobile/src/components/custom/timeLineFilter/TimeLineFilter.vue.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                 */
+const vue = require("vue");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/steps/index.js");
+const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/step/index.js");
+const index$2 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.js");
+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 = vue.ref([]);
+    const targetId = vue.ref("0");
+    const listDataActId = vue.ref("");
+    const stepsActive = vue.ref(0);
+    let isDown = true;
+    vue.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 = vue.computed(() => {
+      return listToTree(props.data);
+    });
+    const listData = vue.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", "");
+      vue.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 index2 = selectedList.value.findIndex((t) => t.id === item.id);
+      if (index2 !== -1) {
+        selectedList.value.splice(index2 + 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", "");
+      vue.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 = index$2.Icon;
+      const _component_van_step = index$1.Step;
+      const _component_van_steps = index.Steps;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.unref(selectedList).length > 0 ? (vue.openBlock(), vue.createBlock(_component_van_steps, {
+            key: 0,
+            direction: "vertical",
+            active: vue.unref(stepsActive),
+            class: "selected-time-line"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(selectedList), (item, index2) => {
+                return vue.openBlock(), vue.createBlock(_component_van_step, {
+                  onClick: ($event) => clickSelectedItem(item)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_3, [
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(["label", { act: item.isAct || item.id == vue.unref(listDataActId) }])
+                      }, vue.toDisplayString(item.name), 3),
+                      item.isAct || item.id == vue.unref(listDataActId) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+                        key: 0,
+                        name: "arrow",
+                        color: "#ccc"
+                      })) : vue.createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 256))
+            ]),
+            _: 1
+          }, 8, ["active"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(listData), (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(["line-list-item", { act: item.id == vue.unref(listDataActId) }]),
+              onClick: ($event) => clickListItem(item)
+            }, [
+              vue.createElementVNode("span", null, vue.toDisplayString(item.name), 1),
+              item.id == vue.unref(listDataActId) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+                key: 0,
+                name: "success"
+              })) : vue.createCommentVNode("", true)
+            ], 10, _hoisted_5);
+          }), 256))
+        ])
+      ]);
+    };
+  }
+};
+const _TimeLineFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c5b57ddb"]]);
+exports.default = _TimeLineFilter;

package/lib/packages/mobile/src/components/custom/timeLineFilter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const TimeLineFilter = require("./TimeLineFilter.vue.js");
+const install = require("../../../utils/install.js");
+const MobileTimeLineFilter = install.default.withInstall(
+  "MobileTimeLineFilter",
+  TimeLineFilter.default
+);
+exports.MobileTimeLineFilter = MobileTimeLineFilter;
+exports.default = MobileTimeLineFilter;

package/lib/packages/mobile/src/components/dataDisplay/table/Table.vue.js

@@ -124,10 +124,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 = vue.computed(() => {
       if (props.autoHeight) {
         return "100%";
@@ -450,6 +458,7 @@ const _sfc_main = {
                 ref_key: "gridRef",
                 ref: gridRef,
                 class: "fec-table",
+                width: "100%",
                 "auto-resize": "",
                 data: vue.unref(tableData),
                 columns: vue.unref(columnOptions),
@@ -465,7 +474,8 @@ const _sfc_main = {
                 loading: vue.unref(initLoading),
                 showHeader: __props.showHeader,
                 onScrollBoundary: onScrollLoads,
-                virtualYConfig
+                virtualYConfig,
+                onCellClick: cellClickEvent
               }, vue.createSlots({
                 loading: vue.withCtx(() => [
                   _cache[2] || (_cache[2] = vue.createElementVNode("div", {
@@ -541,5 +551,5 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a3ac8e87"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2f2534dc"]]);
 exports.default = _Table;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.1.35",
+  "version": "1.1.36",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [