@fecp/designer 5.1.8 → 5.2.1

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

@@ -4,7 +4,7 @@
 /* empty css                                                                                                                                      */
 /* empty css                                                                                                                                      */
 /* empty css                                                                                                                                    */
-import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, normalizeStyle, createElementVNode, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, normalizeStyle, createElementVNode, Fragment, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import "../../../../../node_modules/.pnpm/vxe-table@4.17.47_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/components.mjs";
 /* empty css                                                                                                                     */
 import { createDataSource } from "../../utils/datasource.mjs";
@@ -12,6 +12,7 @@ import Pagination from "./Pagination.vue.mjs";
 import CustomButtons from "./CustomButtons.vue.mjs";
 import TableColumn from "./TableColumn.vue.mjs";
 import TableFilter from "./TableFilter.vue.mjs";
+import DynamicQuery from "./DynamicQuery.vue.mjs";
 import { getCurrentVueInstance } from "../../utils/getInstance.mjs";
 import { isEqual } from "../../utils/common.mjs";
 /* empty css                                                                                                                                      */
@@ -111,6 +112,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const ctx = getCurrentVueInstance();
     const configLoading = ref(true);
     const localConfig = ref({});
+    const fieldsData = ref({});
     const dataSourceOptions = ref({});
     const dictionaryOptions = ref({});
     const displayData = computed(() => {
@@ -158,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (!((_a = localConfig.value.dataSources) == null ? void 0 : _a.length)) return;
       dataSourceManager.value = createDataSource({
         http: ctx.$http,
-        initSearchData: props.initSearchData,
+        initSearchData: searchData.value,
         dataSources: localConfig.value.dataSources,
         currentDataSourceId: localConfig.value.dataSourceId,
         pagination: {
@@ -181,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
     const loadFieldDataSources = async () => {
       var _a, _b;
-      const fields = localConfig.value.fieldsData || [];
+      const fields = fieldsData.value || [];
       const fieldDataSources = /* @__PURE__ */ new Set();
       const dictionaryKeys = /* @__PURE__ */ new Set();
       for (const field of fields) {
@@ -243,8 +245,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       mergeOptionsToFields();
     };
     const mergeOptionsToFields = () => {
-      if (localConfig.value.fieldsData) {
-        localConfig.value.fieldsData.forEach((field) => {
+      if (fieldsData.value) {
+        fieldsData.value.forEach((field) => {
           if (!field.optionConfig) return;
           const {
             optionSource,
@@ -277,16 +279,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         });
       }
     };
-    const { handleEvent } = useEventFlow({
-      fields: localConfig.value.fieldsData,
-      instance,
-      localConfig: localConfig.value,
-      components: {
-        table: instance == null ? void 0 : instance.proxy
-      }
-    });
+    const handleFlowEvent = ref(null);
     const handleCustomBtnClick = ({ btn, event, type }) => {
-      var _a;
+      var _a, _b;
       switch (btn.btnType) {
         case "refresh":
           reset();
@@ -298,7 +293,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           handlePersonalize();
           break;
         default:
-          handleEvent(
+          (_b = handleFlowEvent.value) == null ? void 0 : _b.call(
+            handleFlowEvent,
             null,
             btn,
             (_a = btn.eventConfig) == null ? void 0 : _a.find((item) => item.name == "Click")
@@ -334,6 +330,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         dataSourceManager.value.updateParams(filters);
         dataSourceManager.value.fetch();
         clearSelection();
+      } else {
+        searchData.value = filters;
       }
     };
     const handleFilterReset = () => {
@@ -448,6 +446,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         if (props.initOption) {
           localConfig.value = Object.assign({}, props.initOption);
         }
+        fieldsData.value = localConfig.value.fieldsData || [];
+        initHandleEvent();
         emit("loaded", localConfig.value);
         configLoading.value = false;
         return;
@@ -461,20 +461,36 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           props.initOption
         );
         localConfig.value = option;
+        fieldsData.value = [
+          ...localConfig.value.fieldsData || [],
+          ...localConfig.value.hiddenFields || []
+        ];
+        initHandleEvent();
         emit("loaded", option);
       } catch (error) {
-        debugger;
         console.error("加载配置失败:", error);
         ElMessage.error("加载配置失败");
       } finally {
         configLoading.value = false;
       }
     };
+    function initHandleEvent() {
+      const { handleEvent } = useEventFlow({
+        fields: fieldsData.value,
+        instance,
+        localConfig: localConfig.value,
+        components: {
+          table: instance == null ? void 0 : instance.proxy
+        }
+      });
+      handleFlowEvent.value = handleEvent;
+    }
     onMounted(() => {
       loadConfig().then(() => {
         initDataSourceManager();
       });
     });
+    const searchData = ref(props.initSearchData);
     watch(
       () => props.initSearchData,
       (newVal, oldVal) => {
@@ -520,18 +536,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
               props.height && props.height > 0 ? { height: `${props.height}px` } : {}
             )
           }, [
-            !__props.isSubTable ? (openBlock(), createBlock(TableFilter, {
-              key: 0,
-              "query-config": localConfig.value.queryConfig,
-              "fields-data": localConfig.value.fieldsData,
-              onSearch: handleFilterSearch,
-              onReset: handleFilterReset
-            }, null, 8, ["query-config", "fields-data"])) : createCommentVNode("", true),
-            !__props.readonly ? (openBlock(), createBlock(CustomButtons, {
+            localConfig.value.queryConfig.mode == "fixed" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              !__props.isSubTable ? (openBlock(), createBlock(TableFilter, {
+                key: 0,
+                "query-config": localConfig.value.queryConfig,
+                "fields-data": fieldsData.value,
+                onSearch: handleFilterSearch,
+                onReset: handleFilterReset
+              }, null, 8, ["query-config", "fields-data"])) : createCommentVNode("", true),
+              !__props.readonly ? (openBlock(), createBlock(CustomButtons, {
+                key: 1,
+                "custom-btns": localConfig.value.customBtns,
+                localConfig: localConfig.value,
+                onClick: handleCustomBtnClick
+              }, null, 8, ["custom-btns", "localConfig"])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true),
+            localConfig.value.queryConfig.mode == "dynamic" ? (openBlock(), createBlock(DynamicQuery, {
               key: 1,
-              "custom-btns": localConfig.value.customBtns,
-              onClick: handleCustomBtnClick
-            }, null, 8, ["custom-btns"])) : createCommentVNode("", true),
+              localConfig: localConfig.value,
+              "fields-data": fieldsData.value,
+              onSearch: handleFilterSearch
+            }, null, 8, ["localConfig", "fields-data"])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_1, [
               createVNode(unref(VxeTable), {
                 ref_key: "tableRef",
@@ -553,7 +578,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                   var _a;
                   return [
                     createVNode(TableColumn, {
-                      "fields-data": localConfig.value.fieldsData,
+                      "fields-data": fieldsData.value,
                       "show-index": localConfig.value.showIndex,
                       "select-mode": __props.selectMode || localConfig.value.selectMode,
                       "is-opt-btns": localConfig.value.isOptBtns,
@@ -568,7 +593,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                       readonly: __props.readonly,
                       isDialog: __props.isDialog
                     }, createSlots({ _: 2 }, [
-                      renderList(localConfig.value.fieldsData, (field) => {
+                      renderList(fieldsData.value, (field) => {
                         return {
                           name: `cell-${field.fieldName}`,
                           fn: withCtx((scope) => [
@@ -595,7 +620,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ca545c2"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3fdb409"]]);
 export {
   _Table as default
 };

package/es/packages/vue/src/components/table/TableFilter.vue.mjs

@@ -16,6 +16,7 @@ import { Select } from "../forms/select/index.mjs";
 import { MultipleSelection } from "../forms/multipleSelection/index.mjs";
 import { Date } from "../forms/date/index.mjs";
 import { Number } from "../forms/number/index.mjs";
+import { handleSearchData } from "../../utils/common.mjs";
 /* empty css                  */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElForm, ElFormItem } from "../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
@@ -43,7 +44,7 @@ const _sfc_main = {
   emits: ["search", "reset"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "160605a0": `${config.value.collapseRows * 90}px`
+      "05c86e34": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -127,29 +128,10 @@ const _sfc_main = {
       isCollapsed.value = !isCollapsed.value;
     };
     const handleSearch = () => {
-      const filters = {};
-      Object.keys(filterValues.value).forEach((key) => {
-        const value = filterValues.value[key];
-        if (value !== "" && value !== null && value !== void 0) {
-          const fieldConfig = completeFilterFields.value.find(
-            (field) => field.id == key
-          );
-          const fieldName = (fieldConfig == null ? void 0 : fieldConfig.fieldName) || key;
-          const maxKey = `${key}_max`;
-          const maxValue = filterValues.value[maxKey];
-          if (maxValue !== "" && maxValue !== null && maxValue !== void 0) {
-            filters[fieldName] = value + "|" + maxValue;
-          } else if (key.endsWith("_max")) {
-            return;
-          } else {
-            if (Array.isArray(value)) {
-              filters[fieldName] = value.join("|");
-            } else {
-              filters[fieldName] = value;
-            }
-          }
-        }
-      });
+      const filters = handleSearchData(
+        filterValues.value,
+        completeFilterFields.value
+      );
       emit("search", { filters: JSON.stringify(filters) });
     };
     const handleReset = () => {
@@ -303,7 +285,7 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e8354e2"]]);
+const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-366e01c3"]]);
 export {
   TableFilter as default
 };

package/es/packages/vue/src/utils/common.mjs

@@ -26,8 +26,35 @@ function removeEmptyValues(data) {
   }
   return result;
 }
+const handleSearchData = (filterValues, completeFilterFields) => {
+  const filters = {};
+  Object.keys(filterValues).forEach((key) => {
+    const value = filterValues[key];
+    if (value !== "" && value !== null && value !== void 0) {
+      const fieldConfig = completeFilterFields.find(
+        (field) => field.id == key
+      );
+      const fieldName = (fieldConfig == null ? void 0 : fieldConfig.fieldName) || key;
+      const maxKey = `${key}_max`;
+      const maxValue = filterValues[maxKey];
+      if (maxValue !== "" && maxValue !== null && maxValue !== void 0) {
+        filters[fieldName] = value + "|" + maxValue;
+      } else if (key.endsWith("_max")) {
+        return;
+      } else {
+        if (Array.isArray(value)) {
+          filters[fieldName] = value.join("|");
+        } else {
+          filters[fieldName] = value;
+        }
+      }
+    }
+  });
+  return filters;
+};
 export {
   cloneDeep,
+  handleSearchData,
   isEqual,
   removeEmptyValues
 };

package/es/packages/vue/src/utils/eventFlow/actionHandlers.mjs

@@ -2,6 +2,7 @@ import { createDataSource } from "../datasource.mjs";
 import { parseRouteParams } from "../parseRouteParams.mjs";
 import { removeEmptyValues } from "../common.mjs";
 import { openDialog } from "../../components/dialog/index.mjs";
+import api from "../../api/index.mjs";
 /* empty css                                                                                                                                 */
 /* empty css                                                                                                                                           */
 /* empty css                                                                                                                                      */
@@ -436,14 +437,30 @@ async function handleDialog(node, data, fields, context) {
     console.error("ui-dialog: 缺少 dialogId 配置");
     return;
   }
-  const dialogList = context.localConfig.dialogs || [];
-  const dialog = dialogList.find((item) => item.id == (basic == null ? void 0 : basic.dialogId));
+  let dialog = null;
+  if (basic.dialogSource == "global") {
+    const data2 = await api.getTemplateDialogById(
+      context.ctx.$http,
+      basic.dialogId
+    );
+    dialog = JSON.parse(data2.config);
+    dialog.id = data2.id;
+    dialog.name = data2.name;
+    dialog.selectionMode = basic.selectionMode;
+    dialog.displayFormat = basic.displayFormat;
+    dialog.displayFormatText = basic.displayFormatText;
+    dialog.fieldMapping = basic.fieldMapping;
+    dialog.callbackEventConfig = basic.callbackEventConfig;
+  } else if (basic.dialogSource == "custom") {
+    const dialogList = context.localConfig.dialogs || [];
+    dialog = dialogList.find((item) => item.id == (basic == null ? void 0 : basic.dialogId));
+  }
   if (!dialog) {
     console.error("ui-dialog: 未找到匹配的弹层配置，" + (basic == null ? void 0 : basic.dialogId));
     return;
   }
   openDialog(
-    null,
+    basic.displayFieldName,
     dialog,
     context.instance,
     context.ctx,