perf(cascader): 优化级联选择器交互

package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-pro-crud",
-  "version": "0.8.7-1",
+  "version": "0.8.7-2",
   "author": "BoBo<[email protected]>",
   "main": "lib/ProCrud.umd.min.js",
   "files": [

src/component/form-designer/src/GenerateFormItem.vue

@@ -216,6 +216,9 @@
     </template>
     <template v-if="widget.type == 'cascader'">
       <el-cascader
+        ref="cascader"
+        @visible-change="elCascaderOnlick"
+        @expand-change="elCascaderOnlick"
         v-model="dataModel"
         :disabled="readOnly || widget.options.disabled"
         :clearable="widget.options.clearable"
@@ -373,6 +376,7 @@ import AvatarUpload from './components/AvatarUpload/AvatarUpload.vue';
 export default class GenerateFormItem extends Vue {
   $refs!: {
     table: HTMLFormElement
+    cascader: HTMLFormElement
   }
 
   @Prop({
@@ -668,6 +672,27 @@ export default class GenerateFormItem extends Vue {
     });
   }
 
+  elCascaderOnlick() {
+    const that = this;
+    setTimeout(() => {
+      document.querySelectorAll('.el-cascader-node__label').forEach((el) => {
+        // eslint-disable-next-line func-names
+        (el as any).onclick = function () {
+          this.previousElementSibling.click();
+          that.$refs.cascader.dropDownVisible = false;
+        };
+      });
+      document
+        .querySelectorAll('.el-cascader-panel .el-radio')
+        .forEach((el) => {
+          // eslint-disable-next-line func-names
+          (el as any).onclick = function () {
+            that.$refs.cascader.dropDownVisible = false;
+          };
+        });
+    }, 100);
+  }
+
   // 按钮点击
   btnOnClick(widget) {
     this.$emit('btnOnClick', widget.options.eventName);