@dhccmobile/vue3-lo-form 2.0.5 → 2.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhccmobile/vue3-lo-form",
-  "version": "2.0.5",
+  "version": "2.0.53",
   "description": "VUE3动态表单",
   "private": false,
   "main": "dist/vue3-lo-form.umd.js",

package/src/App.vue

@@ -101,8 +101,8 @@
           </div>
         </div>
         <div class="lo-input">
-          <!--styleMode="credit-rd" :formId="'773549593606574080'"-->
-          <dy-form v-if="showForm" :formId="'984119606230257664'" v-model:edit="formApi.edit" v-model:formApi="formApi" @change="onChange($event)" @click="onClick($event)" @focus="onFocus($event)" @blur="onBlur($event)" @addon-before="onAddonBeforeHandler($event)" @addon-after="onAddonAfterHandler($event)" @add-item="selectAddItem($event)">
+          <!--styleMode="credit-rd" :formId="'984119606230257664'"-->
+          <dy-form v-if="showForm" :formId="'1486032085101092864'" v-model:edit="formApi.edit" v-model:formApi="formApi" @change="onChange($event)" @click="onClick($event)" @focus="onFocus($event)" @blur="onBlur($event)" @addon-before="onAddonBeforeHandler($event)" @addon-after="onAddonAfterHandler($event)" @add-item="selectAddItem($event)">
             <template #combinationSelector="{ control, onChange }">
               <div class="lo-custom-control-box">
                 <a-input v-model:value="control.formControl.value" @input="onChange(control.formControl)" v-if="control && control.formControl" />

package/src/components/form/DvForm.vue

@@ -184,8 +184,10 @@ export default class DyForm extends Vue {
    */
   private initDesForm(): void {
     if (this.formId != null && this.formId !== "") {
-      this.desForm = formToolsService.loadResource(this.formId);
-      this.formatDesForm();
+      formToolsService.initResource(this.formId).then((form: any) => {
+        this.desForm = form;
+        this.formatDesForm();
+      });
     }
   }
 

package/src/main.ts

@@ -10,7 +10,8 @@ app.config.performance = true;
 app
   .use(VueLoForm, {
     url: "http://82.156.213.34:8080",
-    appId: "1009549397931601920",
+    // appId: "1009549397931601920",
+    appId: "1461652844787691520",
     onlySimpleLoadConfig: false,
     loadMode: "dynamic",
   })

package/src/services/form-tools.service.ts

@@ -702,6 +702,34 @@ class FormToolsService {
     }
   }
 
+  initResource(formId: string): Promise<void | DesForm> {
+    if (this.desForms.length === 0) {
+      return new Promise((resolve, reject) => {
+        Promise.all([dictStore.getDicts(), dictStore.getTreeDicts(), dictStore.getMapDicts(), dictStore.getMapTreeDicts(), formStore.getForms()]).then(([dicts, treeDicts, mapDicts, mapTreeDicts, forms]: any[]) => {
+          this.desForms = forms;
+          this.sysDictDetailOptions = dicts;
+          this.sysDictTreeDetailOptions = treeDicts;
+          this.mapSysDictDetailOptions = mapDicts;
+          this.mapSysDictTreeDetailOptions = mapTreeDicts;
+          const desForm: DesForm | undefined = this.desForms.find((item) => item.formId === formId);
+          if (desForm != null) {
+            resolve(formBeanUtilsService.copy(desForm));
+            return formBeanUtilsService.copy(desForm);
+          } else {
+            reject(new DesForm({ formId: formId }));
+          }
+        });
+      });
+    } else {
+      const desForm: DesForm | undefined = this.desForms.find((item) => item.formId === formId);
+      if (desForm != null) {
+        return Promise.resolve(formBeanUtilsService.copy(desForm));
+      } else {
+        return Promise.reject(new DesForm({ formId: formId }));
+      }
+    }
+  }
+
   /**
    * @description: rest客户端
    * @author ChenRui

package/src/styles/index.scss

@@ -193,3 +193,9 @@
 .ant-select-arrow {
   z-index: 10;
 }
+/** 下拉框占位符的样式 */
+.ant-select-selection-placeholder {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: start;
+}

package/types/services/form-tools.service.d.ts

@@ -125,6 +125,7 @@ declare class FormToolsService {
      * @date 2020/11/23 11:00
      */
     loadResource(formId: string): DesForm;
+    initResource(formId: string): Promise<void | DesForm>;
     /**
      * @description: rest客户端
      * @author ChenRui