@fecp/designer 5.5.64 → 5.5.66

package/es/packages/mobile/src/components/feedback/quickFilter/QuickFilter.vue.mjs

@@ -0,0 +1,248 @@
+/* empty css                                               */
+/* empty css                                                        */
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                               */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                                        */
+/* empty css                                                  */
+/* empty css                                                 */
+import { ref, createBlock, createCommentVNode, openBlock, withCtx, createElementBlock, Fragment, renderList, unref, createElementVNode, normalizeClass, toDisplayString, createVNode, createTextVNode } from "vue";
+/* empty css                  */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { DropdownMenu } from "../../../../node_modules/vant/es/dropdown-menu/index.mjs";
+import { DropdownItem } from "../../../../node_modules/vant/es/dropdown-item/index.mjs";
+import { Button } from "../../../../node_modules/vant/es/button/index.mjs";
+const _hoisted_1 = { class: "dropdown-title" };
+const _hoisted_2 = {
+  key: 0,
+  class: "title-badge"
+};
+const _hoisted_3 = { class: "filter-container" };
+const _hoisted_4 = { class: "tag-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "filter-footer" };
+const _hoisted_7 = { class: "filter-container" };
+const _hoisted_8 = { class: "group-title" };
+const _hoisted_9 = { class: "tag-list" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "filter-footer" };
+const _sfc_main = {
+  __name: "QuickFilter",
+  props: {
+    filterData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeSelections = ref({});
+    const confirmedSelections = ref({});
+    const itemRefs = ref({});
+    const isOptionSelected = (fieldName, value) => {
+      var _a;
+      return ((_a = activeSelections.value[fieldName]) == null ? void 0 : _a.includes(value)) || false;
+    };
+    const getConfirmedCount = (fieldName) => {
+      var _a;
+      return ((_a = confirmedSelections.value[fieldName]) == null ? void 0 : _a.length) || 0;
+    };
+    const toggleOption = (fieldName, value) => {
+      if (!activeSelections.value[fieldName]) {
+        activeSelections.value[fieldName] = [];
+      }
+      const filter = props.filterData.find((f) => f.fieldName === fieldName);
+      const isMultiple = (filter == null ? void 0 : filter.dataType) === "multiple";
+      if (isMultiple) {
+        const idx = activeSelections.value[fieldName].indexOf(value);
+        if (idx > -1) {
+          activeSelections.value[fieldName].splice(idx, 1);
+        } else {
+          activeSelections.value[fieldName].push(value);
+        }
+      } else {
+        activeSelections.value[fieldName] = [value];
+      }
+    };
+    const getSelectedLabel = (filter) => {
+      var _a;
+      const selected = (_a = confirmedSelections.value[filter.fieldName]) == null ? void 0 : _a[0];
+      if (selected) {
+        const option = filter.options.find((o) => o.value === selected);
+        return (option == null ? void 0 : option.label) || "";
+      }
+      return "";
+    };
+    const resetFilter = (fieldName) => {
+      activeSelections.value[fieldName] = [];
+    };
+    const confirmFilter = (fieldName) => {
+      var _a;
+      confirmedSelections.value[fieldName] = [
+        ...activeSelections.value[fieldName] || []
+      ];
+      (_a = itemRefs.value[fieldName]) == null ? void 0 : _a.toggle();
+      emitChange();
+    };
+    const allFilterRef = ref(null);
+    const resetAllFilters = () => {
+      props.filterData.forEach((filter) => {
+        activeSelections.value[filter.fieldName] = [];
+      });
+    };
+    const confirmAllFilters = () => {
+      var _a;
+      props.filterData.forEach((filter) => {
+        confirmedSelections.value[filter.fieldName] = [
+          ...activeSelections.value[filter.fieldName] || []
+        ];
+      });
+      (_a = allFilterRef.value) == null ? void 0 : _a.toggle();
+      emitChange();
+    };
+    const dropdownItemOpen = (fieldName) => {
+      activeSelections.value[fieldName] = [
+        ...confirmedSelections.value[fieldName] || []
+      ];
+    };
+    const emitChange = () => {
+      const result = [];
+      props.filterData.forEach((filter) => {
+        const values = confirmedSelections.value[filter.fieldName] || [];
+        if (values.length > 0) {
+          result.push({
+            fieldName: filter.fieldName,
+            label: filter.label,
+            dataType: filter.dataType,
+            values
+          });
+        }
+      });
+      emit("change", result);
+    };
+    return (_ctx, _cache) => {
+      const _component_van_button = Button;
+      const _component_van_dropdown_item = DropdownItem;
+      const _component_van_dropdown_menu = DropdownMenu;
+      return __props.filterData.length > 0 ? (openBlock(), createBlock(_component_van_dropdown_menu, {
+        key: 0,
+        "auto-locate": "",
+        class: "fec-quick-filter"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filterData, (filter, index) => {
+            return openBlock(), createBlock(_component_van_dropdown_item, {
+              key: `${filter.label}-${index}`,
+              ref_for: true,
+              ref: (el) => unref(itemRefs)[filter.fieldName] = el,
+              onOpen: ($event) => dropdownItemOpen(filter.fieldName)
+            }, {
+              title: withCtx(() => [
+                createElementVNode("span", _hoisted_1, [
+                  createTextVNode(toDisplayString(filter.dataType === "select" ? getSelectedLabel(filter) || filter.label : filter.label) + " ", 1),
+                  filter.dataType === "multiple" && getConfirmedCount(filter.fieldName) > 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(getConfirmedCount(filter.fieldName)), 1)) : createCommentVNode("", true)
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (item) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: item.id || item.value,
+                        class: normalizeClass(["tag-item", { active: isOptionSelected(filter.fieldName, item.value) }]),
+                        onClick: ($event) => toggleOption(filter.fieldName, item.value)
+                      }, toDisplayString(item.label), 11, _hoisted_5);
+                    }), 128))
+                  ]),
+                  createElementVNode("div", _hoisted_6, [
+                    createVNode(_component_van_button, {
+                      size: "small",
+                      onClick: ($event) => resetFilter(filter.fieldName)
+                    }, {
+                      default: withCtx(() => _cache[0] || (_cache[0] = [
+                        createTextVNode("重置")
+                      ])),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(_component_van_button, {
+                      type: "primary",
+                      size: "small",
+                      onClick: ($event) => confirmFilter(filter.fieldName)
+                    }, {
+                      default: withCtx(() => _cache[1] || (_cache[1] = [
+                        createTextVNode("确定")
+                      ])),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["onOpen"]);
+          }), 128)),
+          __props.filterData.length > 0 ? (openBlock(), createBlock(_component_van_dropdown_item, {
+            key: 0,
+            ref_key: "allFilterRef",
+            ref: allFilterRef,
+            title: "全部筛选"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filterData, (filter, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: `all-${filter.label}-${index}`,
+                    class: "filter-group"
+                  }, [
+                    createElementVNode("h3", _hoisted_8, toDisplayString(filter.label), 1),
+                    createElementVNode("div", _hoisted_9, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filter.options, (item, optIndex) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: `${filter.label}-${item.value}-${optIndex}`,
+                          class: normalizeClass(["tag-item", {
+                            active: isOptionSelected(filter.fieldName, item.value)
+                          }]),
+                          onClick: ($event) => toggleOption(filter.fieldName, item.value)
+                        }, toDisplayString(item.label), 11, _hoisted_10);
+                      }), 128))
+                    ])
+                  ]);
+                }), 128)),
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(_component_van_button, {
+                    size: "small",
+                    onClick: resetAllFilters
+                  }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode("重置")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(_component_van_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: confirmAllFilters
+                  }, {
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                      createTextVNode("确定")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 512)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+};
+const QuickFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e7ddf36"]]);
+export {
+  QuickFilter as default
+};

package/es/packages/mobile/src/components/feedback/quickFilter/index.mjs

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

package/es/packages/mobile/src/components/form/search/Search.vue.mjs

@@ -4,7 +4,9 @@
 /* empty css                                               */
 /* empty css                                                */
 /* empty css                                                 */
-import { ref, createBlock, openBlock, unref } from "vue";
+import { getCurrentInstance, ref, watch, createElementBlock, openBlock, Fragment, createVNode, withModifiers, unref, isRef, withCtx, createElementVNode } from "vue";
+import { createDataSource } from "../../../utils/datasource.mjs";
+import QuickFilter from "../../feedback/quickFilter/QuickFilter.vue.mjs";
 import { Search } from "../../../../node_modules/vant/es/search/index.mjs";
 const _sfc_main = {
   __name: "Search",
@@ -12,29 +14,171 @@ const _sfc_main = {
     placeholder: {
       type: String,
       default: ""
+    },
+    filterMode: {
+      type: String,
+      default: "input"
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    filterConfig: {
+      type: Array,
+      default: () => []
     }
   },
-  setup(__props) {
-    const showAction = ref(false);
+  emits: ["filterChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const searchData = ref("");
     function onClickFilter() {
-      showAction.value = true;
+    }
+    function onClickButton() {
+      onSearch(searchData.value);
     }
     function onSearch(val) {
     }
-    function onCancel() {
-      showAction.value = false;
+    function onQuickFilterChange(result) {
+      console.log("筛选数据:", result);
+      emit("filterChange", result);
     }
+    const filterData = ref([]);
+    const fieldDataSources = /* @__PURE__ */ new Set();
+    const dictionaryKeys = /* @__PURE__ */ new Set();
+    const dataSourceOptions = ref({});
+    const dictionaryOptions = ref({});
+    const loadFieldDataSources = async () => {
+      var _a, _b;
+      const optionsDatas = [];
+      const fields = props.filterConfig;
+      for (const component of fields) {
+        const { optionSource, dataSourceValue, dictionaryValue } = component.optionConfig;
+        if (optionSource === "dataSource" && dataSourceValue) {
+          fieldDataSources.add(dataSourceValue);
+        } else if (optionSource === "dictionary" && dictionaryValue) {
+          dictionaryKeys.add(dictionaryValue);
+        }
+      }
+      for (const dataSourceId of fieldDataSources) {
+        if (dataSourceOptions.value[dataSourceId]) continue;
+        try {
+          const dsManager = createDataSource({
+            http: ctx.$http,
+            dataSources: props.dataSources,
+            currentDataSourceId: dataSourceId
+          });
+          const data = await dsManager.fetch();
+          let options = [];
+          if (Array.isArray(data)) {
+            options = data;
+          } else if (typeof data === "object") {
+            options = Array.isArray(data.data) ? data.data : ((_a = data.data) == null ? void 0 : _a.records) || ((_b = data.data) == null ? void 0 : _b.list) || [];
+          }
+          dataSourceOptions.value[dataSourceId] = options;
+          dsManager.destroy();
+        } catch (error) {
+          console.error(`Failed to load data source ${dataSourceId}:`, error);
+        }
+      }
+      if (dictionaryKeys.size > 0) {
+        try {
+          const keyName = Array.from(dictionaryKeys).join(",");
+          const response = await ctx.$http.postForm(
+            "/base-server/parm/sysParmDic/getDicListByKey",
+            {
+              keyName
+            }
+          );
+          const dictionaryData = response;
+          if (typeof dictionaryData === "object") {
+            Object.keys(dictionaryData).forEach((dictKey) => {
+              if (dictionaryKeys.has(dictKey)) {
+                const dictItems = dictionaryData[dictKey];
+                if (Array.isArray(dictItems)) {
+                  dictionaryOptions.value[dictKey] = dictItems;
+                }
+              }
+            });
+          }
+        } catch (error) {
+          console.error("Failed to load dictionary data:", error);
+        }
+      }
+      fields.forEach((component) => {
+        if (!component.optionConfig) return;
+        let options = [];
+        const {
+          optionSource,
+          dataSourceValue,
+          dictionaryValue,
+          displayField,
+          valueField,
+          idField,
+          pidField
+        } = component.optionConfig;
+        if (optionSource === "dataSource" && dataSourceOptions.value[dataSourceValue]) {
+          const rawOptions = dataSourceOptions.value[dataSourceValue];
+          const labelField = displayField || "label";
+          const keyField = valueField || "value";
+          options = rawOptions.map((item) => ({
+            label: item[labelField],
+            value: item[keyField],
+            ...item
+          }));
+          optionsDatas.push({ ...component, options });
+        } else if (optionSource === "dictionary" && dictionaryOptions.value[dictionaryValue]) {
+          const rawOptions = dictionaryOptions.value[dictionaryValue];
+          const labelField = "optName";
+          const keyField = "optCode";
+          options = rawOptions.map((item) => ({
+            label: item[labelField],
+            value: item[keyField]
+          }));
+          optionsDatas.push({ ...component, options });
+        } else if (optionSource === "custom") {
+          optionsDatas.push({
+            ...component,
+            options: component.optionConfig.options || []
+          });
+        }
+      });
+      filterData.value = [...optionsDatas];
+    };
+    watch(
+      () => props.filterConfig.map((item) => ({
+        label: item.label
+      })),
+      () => {
+        loadFieldDataSources();
+      },
+      { deep: true, immediate: true }
+    );
     return (_ctx, _cache) => {
       const _component_van_search = Search;
-      return openBlock(), createBlock(_component_van_search, {
-        shape: "round",
-        placeholder: __props.placeholder,
-        "show-action": unref(showAction),
-        clearable: "",
-        onSearch,
-        onCancel,
-        onClickInput: onClickFilter
-      }, null, 8, ["placeholder", "show-action"]);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_van_search, {
+          modelValue: unref(searchData),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchData) ? searchData.value = $event : null),
+          shape: "round",
+          placeholder: __props.placeholder,
+          "show-action": __props.filterMode == "input",
+          clearable: "",
+          onClickInput: _cache[1] || (_cache[1] = withModifiers(($event) => __props.filterMode == "router" && onClickFilter, ["stop"]))
+        }, {
+          action: withCtx(() => [
+            createElementVNode("div", { onClick: onClickButton }, "搜索")
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder", "show-action"]),
+        createVNode(QuickFilter, {
+          "filter-data": unref(filterData),
+          onChange: onQuickFilterChange
+        }, null, 8, ["filter-data"])
+      ], 64);
     };
   }
 };

package/es/packages/mobile/src/components/navigation/actionBar/ActionBar.vue.mjs

@@ -36,7 +36,7 @@ const _sfc_main = {
     };
   }
 };
-const _ActionBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44eb199a"]]);
+const _ActionBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac26522e"]]);
 export {
   _ActionBar as default
 };

package/es/packages/mobile/src/components/navigation/navBar/NavBar.vue.mjs

@@ -3,6 +3,10 @@
 /* empty css                                               */
 /* empty css                                                  */
 import { createBlock, openBlock, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { pageHistory } from "../../../utils/pageHistory.mjs";
+import emitter from "../../../utils/eventBus.mjs";
+/* empty css             */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { NavBar } from "../../../../node_modules/vant/es/nav-bar/index.mjs";
 const _sfc_main = {
   __name: "NavBar",
@@ -25,7 +29,12 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    const onClickLeft = () => history.back();
+    const onClickLeft = () => {
+      const prevPage = pageHistory.back();
+      if (prevPage) {
+        emitter.emit("loadPage", prevPage.id);
+      }
+    };
     return (_ctx, _cache) => {
       const _component_van_nav_bar = NavBar;
       return openBlock(), createBlock(_component_van_nav_bar, mergeProps(_ctx.$attrs, {
@@ -41,7 +50,7 @@ const _sfc_main = {
           return {
             name: key,
             fn: withCtx(() => [
-              renderSlot(_ctx.$slots, key)
+              renderSlot(_ctx.$slots, key, {}, void 0, true)
             ])
           };
         })
@@ -49,6 +58,7 @@ const _sfc_main = {
     };
   }
 };
+const _NavBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6340561"]]);
 export {
-  _sfc_main as default
+  _NavBar as default
 };

package/es/packages/mobile/src/components/navigation/navBar/index.mjs

@@ -1,6 +1,6 @@
-import _sfc_main from "./NavBar.vue.mjs";
+import _NavBar from "./NavBar.vue.mjs";
 import install from "../../../utils/install.mjs";
-const MobileNavBar = install.withInstall("MobileNavBar", _sfc_main);
+const MobileNavBar = install.withInstall("MobileNavBar", _NavBar);
 export {
   MobileNavBar,
   MobileNavBar as default

package/es/packages/mobile/src/components/navigation/tabbar/Tabbar.vue.mjs

@@ -4,6 +4,8 @@
 /* empty css                                               */
 /* empty css                                                      */
 import { computed, createBlock, openBlock, mergeProps, unref, isRef, withCtx, createElementBlock, renderSlot, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+/* empty css             */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { Tabbar } from "../../../../node_modules/vant/es/tabbar/index.mjs";
 import { TabbarItem } from "../../../../node_modules/vant/es/tabbar-item/index.mjs";
 const _sfc_main = {
@@ -42,21 +44,23 @@ const _sfc_main = {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabbarOptions, (item) => {
             return openBlock(), createBlock(_component_van_tabbar_item, {
-              icon: item.icon
+              icon: item.icon,
+              name: item.pageId
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(item.title), 1)
               ]),
               _: 2
-            }, 1032, ["icon"]);
+            }, 1032, ["icon", "name"]);
           }), 256)),
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
       }, 16, ["modelValue"]);
     };
   }
 };
+const _Tabbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04abcf62"]]);
 export {
-  _sfc_main as default
+  _Tabbar as default
 };

package/es/packages/mobile/src/components/navigation/tabbar/index.mjs

@@ -1,6 +1,6 @@
-import _sfc_main from "./Tabbar.vue.mjs";
+import _Tabbar from "./Tabbar.vue.mjs";
 import install from "../../../utils/install.mjs";
-const MobileTabbar = install.withInstall("MobileTabbar", _sfc_main);
+const MobileTabbar = install.withInstall("MobileTabbar", _Tabbar);
 export {
   MobileTabbar,
   MobileTabbar as default