@fecp/designer 5.5.39 → 5.5.43

package/lib/designer/src/packages/eventFlow/dialog/action/RiskSch.vue.js

@@ -6,7 +6,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                     */
 const Vue = require("vue");
 const RiskSchemeSelector = require("../../../../components/RiskSchemeSelector.vue2.js");
-const ValueSelector = require("../../../../components/ValueSelector.vue2.js");
+const ValueSelector = require("../../../../components/ValueSelector.vue.js");
 const ParamsConfig = require("../../../../components/ParamsConfig.vue2.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/form/index.js");
 const index$1 = require("../../../../../../node_modules/element-plus/es/components/switch/index.js");

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

@@ -13,7 +13,7 @@ require("../../../../../node_modules/element-plus/es/index.js");
 const Vue = require("vue");
 const common = require("../../utils/common.js");
 const eventBus = require("../../utils/eventBus.js");
-const ValueSelector = require("../../../components/ValueSelector.vue2.js");
+const ValueSelector = require("../../../components/ValueSelector.vue.js");
 const index = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
 const index$1 = require("../../../../../node_modules/element-plus/es/components/form/index.js");
 const index$2 = require("../../../../../node_modules/element-plus/es/components/input/index.js");

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

@@ -19,7 +19,7 @@ require("../../../../../node_modules/element-plus/es/index.js");
 const Vue = require("vue");
 const common = require("../../utils/common.js");
 require("../../utils/eventBus.js");
-const ValueSelector = require("../../../components/ValueSelector.vue2.js");
+const ValueSelector = require("../../../components/ValueSelector.vue.js");
 const index = require("../../../api/index.js");
 const ParamsConfig = require("../../../components/ParamsConfig.vue2.js");
 ;/* empty css               */

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

@@ -14,7 +14,7 @@ const Vue = require("vue");
 const common = require("../../utils/common.js");
 const TemplateSelector = require("../../../components/TemplateSelector.vue2.js");
 const eventBus = require("../../utils/eventBus.js");
-const ValueSelector = require("../../../components/ValueSelector.vue2.js");
+const ValueSelector = require("../../../components/ValueSelector.vue.js");
 const ParamsConfig = require("../../../components/ParamsConfig.vue2.js");
 const index = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
 const index$1 = require("../../../../../node_modules/element-plus/es/components/form/index.js");

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

@@ -16,7 +16,7 @@ require("../../../../node_modules/element-plus/es/index.js");
 const Vue = require("vue");
 const index$6 = require("../../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const common = require("../utils/common.js");
-const ValueSelector = require("../../components/ValueSelector.vue2.js");
+const ValueSelector = require("../../components/ValueSelector.vue.js");
 const index = require("../../api/index.js");
 ;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");

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

@@ -47,7 +47,7 @@ const index$1 = require("../../../../node_modules/@element-plus/icons-vue/dist/i
 ;/* empty css                                                              */
 require("../../store/index.js");
 ;/* empty css                                         */
-;/* empty css                                  */
+;/* empty css                                   */
 ;/* empty css                                 */
 ;/* empty css                                                            */
 ;/* empty css                                                               */

package/lib/designer.css

@@ -5852,23 +5852,20 @@ body,
   outline: none;
   box-shadow: 0 1px 0 0 #c0c4cc inset, 0 -1px 0 0 #c0c4cc inset, -1px 0 0 0 #c0c4cc inset;
 }
-.info-icon[data-v-2860c795] {
+.info-icon[data-v-44a32b0c] {
   margin-left: 4px;
   color: #f5b041;
   cursor: help;
   font-size: 14px;
   pointer-events: all;
 }
-.credit-icon[data-v-2860c795] {
+.credit-icon[data-v-44a32b0c] {
   color: #2e8bff;
   margin-right: 2px;
 }
-.regulation-icon[data-v-2860c795] {
+.regulation-icon[data-v-44a32b0c] {
   color: #f56c6c;
   margin-right: 2px;
-}
-[data-v-2860c795] .el-form-item__label {
-  padding: 0 8px 0 0;
 }
 .el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{justify-content:space-between;align-items:center;line-height:24px;display:flex}.el-page-header__left{align-items:center;margin-right:40px;display:flex;position:relative}.el-page-header__back{cursor:pointer;align-items:center;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;margin-right:10px;font-size:16px;display:flex}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.fec-header[data-v-a55fc4ab] {
   padding: 0 20px;
@@ -5919,7 +5916,7 @@ body,
   display: flex;
   align-items: flex-end;
 }
-.form-details-footer[data-v-97973006] {
+.form-details-footer[data-v-69e1a97b] {
   background-color: #fff;
   height: 50px;
   display: flex;
@@ -5930,29 +5927,30 @@ body,
   padding: 0;
   z-index: 1;
 }
-.form-details-footer > .el-button[data-v-97973006] {
+.form-details-footer > .el-button[data-v-69e1a97b] {
   width: 80px;
   font-size: var(--el-font-size-extra-small);
 }
-.fec-form[data-v-71dda23e] {
+
+.fec-form[data-v-95d9b970] {
   height: 100%;
 }
-[data-v-71dda23e] .vgl-layout {
+[data-v-95d9b970] .vgl-layout {
   position: relative;
 }
-[data-v-71dda23e] .vgl-item {
+[data-v-95d9b970] .vgl-item {
   transition: none;
 }
-[data-v-71dda23e] .vgl-item > .el-form-item {
+[data-v-95d9b970] .vgl-item > .el-form-item {
   width: 100%;
   padding: 6px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-71dda23e] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-95d9b970] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-71dda23e] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-95d9b970] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: flex;
   align-items: center;
@@ -5960,14 +5958,48 @@ body,
   pointer-events: none;
   flex-wrap: wrap;
   white-space: normal;
+  padding: 0 8px 0 0;
+  width: 100% !important;
+  max-width: 160px;
+  min-width: 80px;
+  flex-shrink: 0;
 }
-[data-v-71dda23e] .vgl-item > .el-form-item {
+[data-v-95d9b970] .vgl-item > .el-form-item {
   /* .el-form-item__error {
     padding-top: 10px;
   } */
 }
-[data-v-71dda23e] .vgl-item > .el-container {
+[data-v-95d9b970] .vgl-item > .el-container {
   height: auto !important;
+}
+@media (min-width: 1440px) {
+[data-v-95d9b970] .vgl-item .el-form-item__label {
+    max-width: 160px !important;
+}
+}
+/* 标准 PC（1200px ~ 1439px）*/
+@media (min-width: 1200px) and (max-width: 1439px) {
+[data-v-95d9b970] .vgl-item .el-form-item__label {
+    max-width: 135px !important;
+}
+}
+/* 2. 标准 PC 992px ~ 1199px */
+@media (min-width: 992px) and (max-width: 1199px) {
+[data-v-95d9b970] .vgl-item .el-form-item__label {
+    max-width: 120px !important;
+}
+}
+/* 3. 小屏 PC / 窄窗口 <992px（最小到768px）*/
+@media (max-width: 991px) and (min-width: 768px) {
+[data-v-95d9b970] .vgl-item .el-form-item__label {
+    max-width: 100px !important;
+}
+}
+/* 超小屏 <768px */
+@media (max-width: 767px) {
+[data-v-95d9b970] .vgl-item .el-form-item__label {
+    max-width: 80px !important;
+}
 }.table-pagination[data-v-142fdd35] {
   display: flex;
   justify-content: flex-end;

package/lib/packages/vue/src/components/details/footer/Footer.vue.js

@@ -26,18 +26,29 @@ const _sfc_main = {
   },
   emits: ["cancel", "submit", "custom-button-click"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
+    const formDetailsFooterRef = Vue.ref();
     const handleButtonClick = (button) => {
       emit("custom-button-click", button);
     };
+    const showFooter = Vue.ref(true);
+    Vue.onMounted(() => {
+      const layoutDom = formDetailsFooterRef.value.$el.closest(".fec-layout-row");
+      if (layoutDom && props.formMode == "query") {
+        showFooter.value = false;
+      }
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_el_button = index$1.ElButton;
       const _component_el_footer = index.ElFooter;
       const _directive_fec_auth = Vue.resolveDirective("fec-auth");
-      return __props.pageFooterConfig.enabled && ((_a = __props.pageFooterConfig.actions) == null ? void 0 : _a.length) ? (Vue.openBlock(), Vue.createBlock(_component_el_footer, {
+      return __props.pageFooterConfig.enabled && ((_a = __props.pageFooterConfig.actions) == null ? void 0 : _a.length) && Vue.unref(showFooter) ? (Vue.openBlock(), Vue.createBlock(_component_el_footer, {
         key: 0,
-        class: "form-details-footer"
+        class: "form-details-footer",
+        ref_key: "formDetailsFooterRef",
+        ref: formDetailsFooterRef
       }, {
         default: Vue.withCtx(() => [
           (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.pageFooterConfig.actions, (button) => {
@@ -60,9 +71,9 @@ const _sfc_main = {
           }), 128))
         ]),
         _: 1
-      })) : Vue.createCommentVNode("", true);
+      }, 512)) : Vue.createCommentVNode("", true);
     };
   }
 };
-const component = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-97973006"]]);
+const component = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-69e1a97b"]]);
 exports.default = component;

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -119,6 +119,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const productData = Vue.ref({});
     const fieldsData = Vue.ref([]);
     const hiddenFields = Vue.ref([]);
+    const prevFormData = Vue.ref({});
+    let linkaged = false;
     const rowHeight = Vue.ref(1);
     const pageEvents = props.canPageEvent ? usePageEvents.usePageEvents(() => ({
       pageEventConfig: localConfig.value.pageEventConfig,
@@ -140,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       () => props.templateKey,
       (key) => {
         if (key) {
-          loadConfig();
+          loadConfig("dynamic");
         }
       }
     );
@@ -148,14 +150,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       () => props.modelValue,
       (newVal, oldVal) => {
         if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-          loadFormData(true);
+          loadFormData("change");
         }
       }
     );
-    const loadConfig = async () => {
+    const loadConfig = async (state) => {
       if (!props.templateKey && (!props.initOption || Object.keys(props.initOption).length == 0)) {
         return;
       }
+      prevFormData.value = {};
+      linkaged = false;
       configLoading.value = true;
       try {
         let option = await getJsonAsyncUtil.default(
@@ -178,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           return item.component;
         });
         hiddenFields.value = option.hiddenFields || [];
-        loadFormData();
+        loadFormData(state);
         loadEventFlow();
         if (pageEvents && localConfig.value.pageEventConfig) {
           const onCreatedEvent = localConfig.value.pageEventConfig.find(
@@ -209,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     function layoutUpdated(layoutData) {
       emit("layoutUpdated", layoutData);
     }
-    const loadFormData = (flag) => {
+    const loadFormData = (state) => {
       var _a;
       const defaultData = {};
       const rules = {};
@@ -222,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
             }
             defaultData[component.fieldName] = defaultValue;
           }
-          if (!flag) {
+          if (state != "change") {
             if (component.fieldName) {
               const fieldRules = validation.generateFieldRules(component, formData, [
                 ...fieldsData.value,
@@ -243,15 +247,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                 ...fieldsData.value,
                 ...hiddenFields.value
               ]);
-              defaultData[field.fieldName] = value !== void 0 ? value : null;
-            } else {
-              defaultData[field.fieldName] = field.value !== void 0 ? field.value : null;
+              if (value) {
+                defaultData[field.fieldName] = value;
+              }
+            } else if (field.value) {
+              defaultData[field.fieldName] = field.value;
             }
           }
         });
       }
-      formData.value = { ...defaultData, ...setFormData(props.modelValue, true) };
-      if (!flag) {
+      if (state == "dynamic") {
+        debugger;
+        formData.value = { ...setFormData(props.modelValue, true), ...defaultData };
+      } else {
+        formData.value = { ...defaultData, ...setFormData(props.modelValue, true) };
+      }
+      if (state != "change") {
         formRules.value = rules;
       }
     };
@@ -765,7 +776,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     Vue.onBeforeUnmount(() => {
       formItemRefs.value.clear();
     });
-    const prevFormData = Vue.ref({});
     const findChangedFields = (newData, oldData) => {
       const changedFields = [];
       const allKeys = /* @__PURE__ */ new Set([
@@ -951,7 +961,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       gridLayoutFieldsData.value = updatedLayoutData.filter((item) => !item.hidden);
       (_a = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a.resizeEvent();
     };
-    let linkaged = false;
     function initLinkage() {
       const changedFields = findChangedFields(formData.value, prevFormData.value);
       console.log("🚀 ~ initLinkage ~ changedFields:", changedFields);
@@ -1005,6 +1014,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     Vue.provide("setFormItemHeight", setFormItemHeight);
     Vue.provide("formCtx", ctx);
     Vue.provide("handleEvent", handleEvent);
+    Vue.provide("getFormData", getFormData);
     __expose({
       validate,
       resetFields,
@@ -1105,5 +1115,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-71dda23e"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-95d9b970"]]);
 exports.default = _Form;

package/lib/packages/vue/src/components/forms/formItem/FormItem.vue.js

@@ -207,5 +207,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-2860c795"]]);
+const _FormItem = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-44a32b0c"]]);
 exports.default = _FormItem;

package/lib/packages/vue/src/components/forms/subForm/SubForm.vue.js

@@ -50,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const formData = Vue.inject("formData");
+    Vue.inject("getFormData");
     Vue.inject("rowHeight");
     Vue.inject("gridLayout");
     const setFormItemHeight = Vue.inject("setFormItemHeight");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.5.39",
+  "version": "5.5.43",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [