2022.01.29，修复部分bug，准备发布3.0正式版。

src/components/form-designer/setting-panel/property-editor-factory.jsx

@@ -49,7 +49,7 @@ export const createBooleanEditor = function (propName, propLabelKey) {
     render(h) {
       return (
         <el-form-item label={translate(propLabelKey)}>
-          <el-checkbox v-model={this.optionModel[propName]} />
+          <el-switch v-model={this.optionModel[propName]} />
         </el-form-item>
       )
     }

src/components/form-designer/setting-panel/property-editor/allowCreate-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.allowCreate')">
-    <el-checkbox v-model="optionModel.allowCreate"></el-checkbox>
+    <el-switch v-model="optionModel.allowCreate"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue

@@ -4,7 +4,7 @@
       <el-divider class="custom-divider">{{i18nt('designer.setting.inputButton')}}</el-divider>
     </el-form-item>
     <el-form-item :label="i18nt('designer.setting.appendButton')">
-      <el-checkbox v-model="optionModel.appendButton"></el-checkbox>
+      <el-switch v-model="optionModel.appendButton"></el-switch>
     </el-form-item>
   </div>
 </template>

src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.appendButtonDisabled')">
-    <el-checkbox v-model="optionModel.appendButtonDisabled"></el-checkbox>
+    <el-switch v-model="optionModel.appendButtonDisabled"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.autoFullWidth')">
-    <el-checkbox v-model="optionModel.autoFullWidth"></el-checkbox>
+    <el-switch v-model="optionModel.autoFullWidth"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/automaticDropdown-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.automaticDropdown')">
-    <el-checkbox v-model="optionModel.automaticDropdown"></el-checkbox>
+    <el-switch v-model="optionModel.automaticDropdown"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/border-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.border')">
-    <el-checkbox v-model="optionModel.border"></el-checkbox>
+    <el-switch v-model="optionModel.border"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/buttonStyle-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.buttonStyle')">
-    <el-checkbox v-model="optionModel.buttonStyle"></el-checkbox>
+    <el-switch v-model="optionModel.buttonStyle"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/clearable-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.clearable')">
-    <el-checkbox v-model="optionModel.clearable"></el-checkbox>
+    <el-switch v-model="optionModel.clearable"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.responsive')">
-    <el-checkbox v-model="optionModel.responsive"></el-checkbox>
+    <el-switch v-model="optionModel.responsive"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showBlankRow')">
-    <el-checkbox v-model="optionModel.showBlankRow"></el-checkbox>
+    <el-switch v-model="optionModel.showBlankRow"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showRowNumber')">
-    <el-checkbox v-model="optionModel.showRowNumber"></el-checkbox>
+    <el-switch v-model="optionModel.showRowNumber"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/disabled-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.disabled')">
-    <el-checkbox v-model="optionModel.disabled"></el-checkbox>
+    <el-switch v-model="optionModel.disabled"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/editable-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.editable')">
-    <el-checkbox v-model="optionModel.editable"></el-checkbox>
+    <el-switch v-model="optionModel.editable"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-button/circle-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.circle')">
-    <el-checkbox v-model="optionModel.circle"></el-checkbox>
+    <el-switch v-model="optionModel.circle"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-button/plain-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.plain')">
-    <el-checkbox v-model="optionModel.plain"></el-checkbox>
+    <el-switch v-model="optionModel.plain"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-button/round-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.round')">
-    <el-checkbox v-model="optionModel.round"></el-checkbox>
+    <el-switch v-model="optionModel.round"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-rate/allowHalf-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.allowHalf')">
-    <el-checkbox v-model="optionModel.allowHalf"></el-checkbox>
+    <el-switch v-model="optionModel.allowHalf"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-rate/showScore-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showScore')">
-    <el-checkbox v-model="optionModel.showScore"></el-checkbox>
+    <el-switch v-model="optionModel.showScore"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-rate/showText-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showText')">
-    <el-checkbox v-model="optionModel.showText"></el-checkbox>
+    <el-switch v-model="optionModel.showText"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.range')">
-    <el-checkbox v-model="optionModel.range"></el-checkbox>
+    <el-switch v-model="optionModel.range"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-slider/showStops-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showStops')">
-    <el-checkbox v-model="optionModel.showStops"></el-checkbox>
+    <el-switch v-model="optionModel.showStops"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/field-slider/vertical-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.vertical')">
-    <el-checkbox v-model="optionModel.vertical"></el-checkbox>
+    <el-switch v-model="optionModel.vertical"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/filterable-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.filterable')">
-    <el-checkbox v-model="optionModel.filterable"></el-checkbox>
+    <el-switch v-model="optionModel.filterable"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/hidden-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.hidden')">
-    <el-checkbox v-model="optionModel.hidden"></el-checkbox>
+    <el-switch v-model="optionModel.hidden"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/labelHidden-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.labelHidden')">
-    <el-checkbox v-model="optionModel.labelHidden"></el-checkbox>
+    <el-switch v-model="optionModel.labelHidden"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/multiple-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.multiple')">
-    <el-checkbox v-model="optionModel.multiple" @change="onMultipleSelected"></el-checkbox>
+    <el-switch v-model="optionModel.multiple" @change="onMultipleSelected"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/multipleSelect-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.multipleSelect')">
-    <el-checkbox v-model="optionModel.multipleSelect"></el-checkbox>
+    <el-switch v-model="optionModel.multipleSelect"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/readonly-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.readonly')">
-    <el-checkbox v-model="optionModel.readonly"></el-checkbox>
+    <el-switch v-model="optionModel.readonly"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/remote-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.remote')">
-    <el-checkbox v-model="optionModel.remote" @change="onRemoteChange"></el-checkbox>
+    <el-switch v-model="optionModel.remote" @change="onRemoteChange"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/required-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.required')">
-    <el-checkbox v-model="optionModel.required"></el-checkbox>
+    <el-switch v-model="optionModel.required"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showFileList')">
-    <el-checkbox v-model="optionModel.showFileList"></el-checkbox>
+    <el-switch v-model="optionModel.showFileList"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/showPassword-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showPassword')" v-if="optionModel.type === 'password'">
-    <el-checkbox v-model="optionModel.showPassword"></el-checkbox>
+    <el-switch v-model="optionModel.showPassword"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/showWordLimit-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.showWordLimit')">
-    <el-checkbox v-model="optionModel.showWordLimit"></el-checkbox>
+    <el-switch v-model="optionModel.showWordLimit"></el-switch>
   </el-form-item>
 </template>
 

src/components/form-designer/setting-panel/property-editor/withCredentials-editor.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.withCredentials')">
-    <el-checkbox v-model="optionModel.withCredentials"></el-checkbox>
+    <el-switch v-model="optionModel.withCredentials"></el-switch>
   </el-form-item>
 </template>