@dhccmobile/vue3-lo-form 0.1.2 → 0.1.3

package/package.json

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

package/src/App.vue

@@ -101,7 +101,7 @@
         </div>
         <div class="lo-input">
           <!--styleMode="credit-rd" :formId="'773549593606574080'"-->
-          <dy-form v-if="showForm" :formId="'961203806267904000'" 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="'987017065575092224'" 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:updateTime="{ 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

@@ -84,7 +84,7 @@
                 <template v-slot:suffix v-if="$slots['input:suffix:' + formControl.key]">
                   <slot :name="'input:suffix:' + formControl.key"></slot>
                 </template>
-                <template v-slot:addonBefore v-if="$slots['input:addonBefore:' + formControl.key] || controlAttr.bindingPrefix || controlAttr.builtInFrontLabel" @click="onAddonBeforeHandler(control)">
+                <template v-slot:addonBefore v-if="$slots['input:addonBefore:' + formControl.key] || controlAttr.bindingPrefix || controlAttr.builtInFrontLabel">
                   <template v-if="$slots['input:addonBefore:' + formControl.key]">
                     <slot :name="'input:addonBefore:' + formControl.key"> </slot>
                   </template>
@@ -94,8 +94,9 @@
                   <template v-else-if="controlAttr.builtInFrontLabel">
                     <ordered-list-outlined class="addon-icon" />
                   </template>
+                  <span class="addon-inner" @click="onAddonBeforeHandler(control)"></span>
                 </template>
-                <template v-slot:addonAfter v-if="$slots['input:addonAfter:' + formControl.key] || controlAttr.bindingSuffix || controlAttr.builtInPostLabel" @click="onAddonAfterHandler(control)">
+                <template v-slot:addonAfter v-if="$slots['input:addonAfter:' + formControl.key] || controlAttr.bindingSuffix || controlAttr.builtInPostLabel">
                   <template v-if="$slots['input:addonAfter:' + formControl.key]">
                     <slot :name="'input:addonAfter:' + formControl.key"></slot>
                   </template>
@@ -105,6 +106,7 @@
                   <template v-else-if="controlAttr.builtInPostLabel">
                     <ordered-list-outlined class="addon-icon" />
                   </template>
+                  <span class="addon-inner" @click="onAddonAfterHandler(control)"></span>
                 </template>
               </component>
             </template>
@@ -1522,10 +1524,25 @@ export default class DvFormLayout extends Vue {
           color: #333333;
         }
       }
+      :deep(.ant-input-group-addon:last-child) {
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+      }
       .addon-icon {
         font-size: 15px;
         cursor: pointer;
       }
+      .addon-inner {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        cursor: pointer;
+      }
+      .addon-inner:active {
+        background: rgba(240, 240, 240, 0.3);
+      }
     }
     .lo-textarea-count {
       position: absolute;

package/src/main.ts

@@ -10,7 +10,7 @@ app.config.performance = true;
 app
   .use(VueLoForm, {
     url: "http://82.157.46.222:9135/ms-loong/api/v1/des-cache-info/permit_endpoint/query-cacheversion-by-appid-cachetype",
-    appId: "881201085290409985",
+    appId: "986199063717875712",
     onlySimpleLoadConfig: false,
     loadMode: "dynamic",
   })