@dhccmobile/vue3-lo-form 2.0.2 → 2.0.3

package/package.json

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

package/src/App.vue

@@ -102,7 +102,7 @@
         </div>
         <div class="lo-input">
           <!--styleMode="credit-rd" :formId="'773549593606574080'"-->
-          <dy-form v-if="showForm" :formId="'995416144285929472'" 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)">
+          <dy-form v-if="showForm" :formId="'984034993956851712'" 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/DvFormLayout.vue

@@ -17,6 +17,7 @@
           ['form-model-item-' + controlAttr.boundProperty]: true,
           ['form-model-item-' + control.code]: true,
           'lo-form-model-item-textarea-box': control.code === formFieldType.Textarea.code,
+          'lo-form-item-mobile': isMobileBrowser(),
         }"
       >
         <template v-slot:label>
@@ -726,6 +727,9 @@ export default class DvFormLayout extends Vue {
   get labelSpanWidth(): any {
     const controlAttr: DesFormControl = this.controlAttr as DesFormControl;
     const parentControlAttr: DesFormLayout = this.parentControlAttr as DesFormLayout;
+    if (this.isMobileBrowser()) {
+      return "120px";
+    }
     if (controlAttr.titleWidth) {
       return controlAttr.titleWidth;
     } else if (parentControlAttr.labelSpan) {
@@ -1589,4 +1593,14 @@ export default class DvFormLayout extends Vue {
 </script>
 <style lang="scss" scoped>
 @import "../../styles/themes.scss";
+
+.lo-form-item-mobile {
+  display: flex;
+  :deep(.ant-form-item-label) {
+    flex: 1 !important;
+  }
+  :deep(.ant-form-item-control) {
+    flex: 3 !important;
+  }
+}
 </style>

package/src/main.ts

@@ -9,8 +9,8 @@ const app = createApp(App);
 app.config.performance = true;
 app
   .use(VueLoForm, {
-    url: "http://http://82.156.213.34:8080/",
-    appId: "1009549605007003648",
+    url: "http://82.156.213.34:8080",
+    appId: "1009549397931601920",
     onlySimpleLoadConfig: false,
     loadMode: "dynamic",
   })