@fecp/designer 5.5.51 → 5.5.54

package/es/packages/vue/src/components/layout/Layout.vue.mjs

@@ -2,14 +2,12 @@ import "../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                             */
 /* empty css                                                               */
 /* empty css                                                               */
-/* empty css                                                                     */
 import { ref, resolveComponent, resolveDirective, withDirectives, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef, renderSlot, createCommentVNode } from "vue";
 import { cloneDeep } from "../../utils/common.mjs";
 /* empty css             */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElRow } from "../../../../../node_modules/element-plus/es/components/row/index.mjs";
 import { ElCol } from "../../../../../node_modules/element-plus/es/components/col/index.mjs";
-import { ElScrollbar } from "../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
 const _hoisted_1 = { class: "grid-content" };
 const _hoisted_2 = { class: "grid-content-statistics" };
 const _sfc_main = {
@@ -46,7 +44,6 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       const _component_fec_form = resolveComponent("fec-form");
-      const _component_el_scrollbar = ElScrollbar;
       const _component_el_col = ElCol;
       const _component_el_row = ElRow;
       const _directive_fec_layout = resolveDirective("fec-layout");
@@ -63,19 +60,14 @@ const _sfc_main = {
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
-                createVNode(_component_el_scrollbar, { ref: "scrollbarRef" }, {
-                  default: withCtx(() => [
-                    createVNode(_component_fec_form, {
-                      ref: "formRef",
-                      templateKey: __props.templateKey,
-                      modelValue: unref(formData),
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formData) ? formData.value = $event : null),
-                      onLoaded: loaded,
-                      initFormMode: __props.initFormMode
-                    }, null, 8, ["templateKey", "modelValue", "initFormMode"])
-                  ]),
-                  _: 1
-                }, 512)
+                createVNode(_component_fec_form, {
+                  ref: "formRef",
+                  templateKey: __props.templateKey,
+                  modelValue: unref(formData),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formData) ? formData.value = $event : null),
+                  onLoaded: loaded,
+                  initFormMode: __props.initFormMode
+                }, null, 8, ["templateKey", "modelValue", "initFormMode"])
               ])
             ]),
             _: 1
@@ -99,7 +91,7 @@ const _sfc_main = {
     };
   }
 };
-const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87f04a91"]]);
+const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1eb7b697"]]);
 export {
   _Layout as default
 };

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

@@ -320,6 +320,7 @@ const _sfc_main = {
                 placeholder: "请输入查询条件",
                 class: "search-input",
                 clearable: "",
+                size: "default",
                 onKeyup: onSearchInputKeyup
               }, createSlots({
                 suffix: withCtx(() => [
@@ -386,7 +387,8 @@ const _sfc_main = {
                   model: filterValues.value,
                   class: "filter-form",
                   "label-width": "100px",
-                  inline: ""
+                  inline: "",
+                  size: "default"
                 }, {
                   default: withCtx(() => [
                     createElementVNode("div", _hoisted_10, [
@@ -483,7 +485,7 @@ const _sfc_main = {
     };
   }
 };
-const DynamicQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e95c842d"]]);
+const DynamicQuery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba490486"]]);
 export {
   DynamicQuery as default
 };

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

@@ -5,7 +5,7 @@ import "../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                                  */
 /* empty css                                                                  */
 /* empty css                                                                */
-import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createBlock, openBlock, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode, Fragment, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ref, getCurrentInstance, computed, reactive, watch, onMounted, onUnmounted, createBlock, openBlock, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode, Fragment, createVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, nextTick } from "vue";
 import { VxeTable } from "vxe-table";
 import XEUtils from "xe-utils";
 /* empty css                                                   */
@@ -40,6 +40,7 @@ import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 /* empty css                                                                 */
 /* empty css                                                                       */
 import getJsonAsyncUtil from "../../utils/getJsonAsyncUtil.mjs";
+import emitter from "../../utils/eventBus.mjs";
 /* empty css            */
 import { ElContainer } from "../../../../../node_modules/element-plus/es/components/container/index.mjs";
 import { ElMessage } from "../../../../../node_modules/element-plus/es/components/message/index.mjs";
@@ -120,6 +121,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     btnRollbackEvent: {
       type: Object,
       default: {}
+    },
+    subTableConfig: {
+      type: Object,
+      default: {}
     }
   },
   emits: [
@@ -129,7 +134,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     "selection-change",
     "sort-change",
     "page-change",
-    "loaded"
+    "loaded",
+    "height-loaded"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -546,9 +552,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       emit("selection-change", [checked.row]);
     };
     const handleInitRendered = ({ visibleColumn, visibleData, $event }) => {
+      const offsetHeight = fecTableContainerRef.value.$el.offsetHeight;
+      emit("height-loaded", localConfig.value, offsetHeight);
       if ((visibleData == null ? void 0 : visibleData.length) > 0) {
-        const offsetHeight = fecTableContainerRef.value.$el.offsetHeight;
-        emit("height-loaded", localConfig.value, offsetHeight);
+        emitter.emit("onSubTableDataLoaded", {
+          subTableConfig: props.subTableConfig,
+          visibleData
+        });
       }
     };
     const handleDataRendered = ({
@@ -557,9 +567,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       visibleData,
       $event
     }) => {
+      const offsetHeight = fecTableContainerRef.value.$el.offsetHeight;
+      emit("height-loaded", localConfig.value, offsetHeight);
       if ((visibleData == null ? void 0 : visibleData.length) > 0) {
-        const offsetHeight = fecTableContainerRef.value.$el.offsetHeight;
-        emit("height-loaded", localConfig.value, offsetHeight);
+        emitter.emit("onSubTableDataLoaded", {
+          subTableConfig: props.subTableConfig,
+          visibleData
+        });
       }
     };
     const handleFilterSearch = (filters) => {
@@ -763,6 +777,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         });
         initHandleEvent();
         configLoading.value = false;
+        nextTick(() => {
+          var _a2;
+          const offsetHeight = ((_a2 = fecTableContainerRef.value) == null ? void 0 : _a2.$el.offsetHeight) || 300;
+          emit("height-loaded", localConfig.value, offsetHeight);
+        });
         return;
       }
       configLoading.value = true;
@@ -969,7 +988,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4cfc848"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3726d701"]]);
 export {
   _Table as default
 };

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

@@ -52,7 +52,7 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     useCssVars((_ctx) => ({
-      "7cffb288": `${config.value.collapseRows * 90}px`
+      "12f9d7c1": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -188,6 +188,7 @@ const _sfc_main = {
           "label-position": "right",
           style: normalizeStyle({ "--column-count": config.value.columnCount }),
           tabindex: "0",
+          size: "default",
           onKeydown: withKeys(handleSearch, ["enter"])
         }, {
           default: withCtx(() => [
@@ -300,7 +301,7 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d77bdaf"]]);
+const TableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-220e0331"]]);
 export {
   TableFilter as default
 };

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

@@ -0,0 +1,5 @@
+import mitt from "../../../../node_modules/mitt/dist/mitt.mjs";
+const emitter = mitt();
+export {
+  emitter as default
+};

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.5.51";
+const version = "5.5.54";
 const packageJson = {
   version
 };

package/lib/designer/src/packages/dialog/useDialogDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogDialog() {
   const dialogDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/dialogGlobal/index.vue.js

@@ -86,7 +86,7 @@ const widgets = require("../table/property/widgets.vue.js");
 require("../../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js");
 ;/* empty css                                                              */
 ;/* empty css                                         */
-;/* empty css                                   */
+;/* empty css                                  */
 ;/* empty css                                                            */
 ;/* empty css                                                            */
 ;/* empty css                             */

package/lib/designer/src/packages/dialogGlobal/useDialogGlobalDialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index.vue.js");
+const index = require("./index.vue2.js");
 const Vue = require("vue");
 function useDialogGlobalDialog() {
   const dialogGlobalDialogVisible = Vue.ref(false);

package/lib/designer/src/packages/form/default.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const defaultFormConfig = {
   fieldsData: [],
   columns: 2,
+  navigationEnabled: false,
   labelWidth: 120,
   formMode: "edit",
   labelPosition: "right",

package/lib/designer/src/packages/form/formSetting.vue.js

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 require("../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                          */
-;/* empty css                                                               */
 ;/* empty css                                                              */
 ;/* empty css                                                                    */
 ;/* empty css                                                                     */
@@ -12,14 +11,15 @@ require("../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                               */
 ;/* empty css                                                                     */
 ;/* empty css                                                               */
+;/* empty css                                                               */
 const Vue = require("vue");
 const common = require("../utils/common.js");
 const useDataSourceDialog = require("../dataSource/useDataSourceDialog.js");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const index = require("../../../../node_modules/element-plus/es/components/select/index.js");
-const index$1 = require("../../../../node_modules/element-plus/es/components/radio/index.js");
-const index$2 = require("../../../../node_modules/element-plus/es/components/switch/index.js");
+const index = require("../../../../node_modules/element-plus/es/components/switch/index.js");
+const index$1 = require("../../../../node_modules/element-plus/es/components/select/index.js");
+const index$2 = require("../../../../node_modules/element-plus/es/components/radio/index.js");
 const _hoisted_1 = { class: "form-setting" };
 const _hoisted_2 = { class: "setting-left" };
 const _hoisted_3 = { class: "setting-right" };
@@ -50,18 +50,25 @@ const _sfc_main = {
       return formConfig.value.validationRules || [];
     });
     return (_ctx, _cache) => {
-      const _component_el_option = index.ElOption;
-      const _component_el_select = index.ElSelect;
-      const _component_el_radio_button = index$1.ElRadioButton;
-      const _component_el_radio_group = index$1.ElRadioGroup;
-      const _component_el_switch = index$2.ElSwitch;
+      const _component_el_switch = index.ElSwitch;
+      const _component_el_option = index$1.ElOption;
+      const _component_el_select = index$1.ElSelect;
+      const _component_el_radio_button = index$2.ElRadioButton;
+      const _component_el_radio_group = index$2.ElRadioGroup;
       return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
         Vue.createElementVNode("div", _hoisted_1, [
           Vue.createElementVNode("div", _hoisted_2, [
-            _cache[10] || (_cache[10] = Vue.createElementVNode("span", { class: "text-label" }, "列数", -1)),
+            _cache[11] || (_cache[11] = Vue.createElementVNode("span", { class: "text-label" }, "启用导航", -1)),
+            Vue.createVNode(_component_el_switch, {
+              modelValue: formConfig.value.navigationEnabled,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formConfig.value.navigationEnabled = $event),
+              size: "small"
+            }, null, 8, ["modelValue"]),
+            _cache[12] || (_cache[12] = Vue.createElementVNode("div", { class: "setting-divider" }, null, -1)),
+            _cache[13] || (_cache[13] = Vue.createElementVNode("span", { class: "text-label" }, "列数", -1)),
             Vue.createVNode(_component_el_select, {
               modelValue: formConfig.value.columns,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formConfig.value.columns = $event),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formConfig.value.columns = $event),
               size: "small",
               style: { "width": "100px" }
             }, {
@@ -85,28 +92,28 @@ const _sfc_main = {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[11] || (_cache[11] = Vue.createElementVNode("div", { class: "setting-divider" }, null, -1)),
-            _cache[12] || (_cache[12] = Vue.createElementVNode("span", { class: "text-label" }, "标签位置", -1)),
+            _cache[14] || (_cache[14] = Vue.createElementVNode("div", { class: "setting-divider" }, null, -1)),
+            _cache[15] || (_cache[15] = Vue.createElementVNode("span", { class: "text-label" }, "标签位置", -1)),
             Vue.createVNode(_component_el_radio_group, {
               modelValue: formConfig.value.labelPosition,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formConfig.value.labelPosition = $event),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formConfig.value.labelPosition = $event),
               size: "small"
             }, {
               default: Vue.withCtx(() => [
                 Vue.createVNode(_component_el_radio_button, { value: "left" }, {
-                  default: Vue.withCtx(() => _cache[5] || (_cache[5] = [
+                  default: Vue.withCtx(() => _cache[6] || (_cache[6] = [
                     Vue.createTextVNode("左对齐")
                   ])),
                   _: 1
                 }),
                 Vue.createVNode(_component_el_radio_button, { value: "right" }, {
-                  default: Vue.withCtx(() => _cache[6] || (_cache[6] = [
+                  default: Vue.withCtx(() => _cache[7] || (_cache[7] = [
                     Vue.createTextVNode("右对齐")
                   ])),
                   _: 1
                 }),
                 Vue.createVNode(_component_el_radio_button, { value: "top" }, {
-                  default: Vue.withCtx(() => _cache[7] || (_cache[7] = [
+                  default: Vue.withCtx(() => _cache[8] || (_cache[8] = [
                     Vue.createTextVNode("顶部对齐")
                   ])),
                   _: 1
@@ -114,22 +121,22 @@ const _sfc_main = {
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[13] || (_cache[13] = Vue.createElementVNode("div", { class: "setting-divider" }, null, -1)),
-            _cache[14] || (_cache[14] = Vue.createElementVNode("span", { class: "text-label" }, "表单模式", -1)),
+            _cache[16] || (_cache[16] = Vue.createElementVNode("div", { class: "setting-divider" }, null, -1)),
+            _cache[17] || (_cache[17] = Vue.createElementVNode("span", { class: "text-label" }, "表单模式", -1)),
             Vue.createVNode(_component_el_radio_group, {
               modelValue: formConfig.value.formMode,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formConfig.value.formMode = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formConfig.value.formMode = $event),
               size: "small"
             }, {
               default: Vue.withCtx(() => [
                 Vue.createVNode(_component_el_radio_button, { value: "edit" }, {
-                  default: Vue.withCtx(() => _cache[8] || (_cache[8] = [
+                  default: Vue.withCtx(() => _cache[9] || (_cache[9] = [
                     Vue.createTextVNode("编辑")
                   ])),
                   _: 1
                 }),
                 Vue.createVNode(_component_el_radio_button, { value: "query" }, {
-                  default: Vue.withCtx(() => _cache[9] || (_cache[9] = [
+                  default: Vue.withCtx(() => _cache[10] || (_cache[10] = [
                     Vue.createTextVNode("查看")
                   ])),
                   _: 1
@@ -139,21 +146,21 @@ const _sfc_main = {
             }, 8, ["modelValue"])
           ]),
           Vue.createElementVNode("div", _hoisted_3, [
-            _cache[15] || (_cache[15] = Vue.createElementVNode("span", { class: "text-label" }, "显示字段名", -1)),
+            _cache[18] || (_cache[18] = Vue.createElementVNode("span", { class: "text-label" }, "显示字段名", -1)),
             Vue.createVNode(_component_el_switch, {
               modelValue: formConfig.value.showFieldName,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formConfig.value.showFieldName = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formConfig.value.showFieldName = $event),
               size: "small"
             }, null, 8, ["modelValue"])
           ])
         ]),
         Vue.createVNode(Vue.unref(DataSourceDialog), {
           modelValue: Vue.unref(dataSourceDialogVisible),
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => Vue.isRef(dataSourceDialogVisible) ? dataSourceDialogVisible.value = $event : null)
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => Vue.isRef(dataSourceDialogVisible) ? dataSourceDialogVisible.value = $event : null)
         }, null, 8, ["modelValue"])
       ], 64);
     };
   }
 };
-const FormSetting = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-37091686"]]);
+const FormSetting = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-22405d4d"]]);
 exports.default = FormSetting;

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -54,8 +54,8 @@ const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_exp
 require("../../../components/TemplateSelector.vue.js");
 require("../../table/default.js");
 ;/* empty css                                 */
-;/* empty css                       */
-;/* empty css                             */
+;/* empty css                      */
+;/* empty css                            */
 require("../../../store/index.js");
 ;/* empty css              */
 const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");

package/lib/designer/src/packages/table/index.vue.js

@@ -325,5 +325,5 @@ const _sfc_main = {
     };
   }
 };
-const tableWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4248fdc3"]]);
+const tableWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-87fe3266"]]);
 exports.default = tableWorkArea;