Merge pull request #383 from hoyo/fix-checkbox-option

Fix misspelling

Author: huangshuwei

examples/src/demo/index.vue

@@ -93,7 +93,7 @@
                 :cell-style-option="cellStyleOption"
                 :expand-option="expandOption"
                 :radio-option="radioOption"
-                :checkbox-optipon="checkboxOptipon"
+                :checkbox-option="checkboxOption"
             />
         </div>
         <!-- <Footer /> -->
@@ -151,7 +151,7 @@ export default {
                     //console.log(row);
                 }
             },
-            checkboxOptipon: {
+            checkboxOption: {
                 // row select change event
                 selectedRowChange: ({ row, isSelected, selectedRowKeys }) => {
                     //console.log(row, isSelected, selectedRowKeys);

examples/src/docs/en/ve-table/row-checkbox/base.md

@@ -10,7 +10,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -19,7 +19,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           // row select change event
           selectedRowChange: ({ row, isSelected, selectedRowKeys }) => {
             console.log(row, isSelected, selectedRowKeys);

examples/src/docs/en/ve-table/row-checkbox/explain.md

@@ -1,5 +1,5 @@
 :::tip
-1、Enable the multi selection function through the `checkboxoptipon` attribute<br>
+1、Enable the multi selection function through the `checkboxOption` attribute<br>
 2、By setting `type=checkbox` in `columns` as a multiple selection column<br>
 3、The `rowKeyFieldName` property must be set<br>
 4、`selectedRowChange` is row change event. The event receives 3 parameters,`row`:Current row data,`isSelected`Whether the current row is selected,`selectedRowKeys` all the selected rowkeys.<br>

examples/src/docs/en/ve-table/row-checkbox/selected-all-hide.md

@@ -10,7 +10,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -19,7 +19,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           hideSelectAll: true,
           // 行选择改变事件
           selectedRowChange: ({ row, isSelected, selectedRowKeys }) => {

examples/src/docs/en/ve-table/row-checkbox/selected-column.md

@@ -10,7 +10,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -19,7 +19,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           // 行选择改变事件
           selectedRowChange: ({ row, isSelected, selectedRowKeys }) => {
             console.log(row, isSelected, selectedRowKeys);

examples/src/docs/en/ve-table/row-checkbox/selected-control.md

@@ -15,7 +15,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -24,7 +24,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           // 可控属性
           selectedRowKeys: [1003],
           // 行选择改变事件
@@ -93,11 +93,11 @@
     methods: {
       // 给可控属性重新赋值
       changeSelectedRowKeys(keys) {
-        this.checkboxOptipon.selectedRowKeys = keys;
+        this.checkboxOption.selectedRowKeys = keys;
       },
       // 切换选中行
       selectedSwitch(key) {
-        let selectedRowKeys = this.checkboxOptipon.selectedRowKeys;
+        let selectedRowKeys = this.checkboxOption.selectedRowKeys;
 
         const rowKeyIndex = selectedRowKeys.indexOf(key);
 
@@ -109,11 +109,11 @@
       },
       // 选中全部
       selectedAll() {
-        this.checkboxOptipon.selectedRowKeys = this.tableData.map((x) => x.rowKey);
+        this.checkboxOption.selectedRowKeys = this.tableData.map((x) => x.rowKey);
       },
       // 取消选中全部
       unselectedAll() {
-        this.checkboxOptipon.selectedRowKeys = [];
+        this.checkboxOption.selectedRowKeys = [];
       },
     },
   };

examples/src/docs/en/ve-table/row-checkbox/selected-default.md

@@ -10,7 +10,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -19,7 +19,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           defaultSelectedRowKeys: [1001, 1003, 1004],
           // 行选择改变事件
           selectedRowChange: ({ row, isSelected, selectedRowKeys }) => {

examples/src/docs/en/ve-table/row-checkbox/selected-disable.md

@@ -10,7 +10,7 @@
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
     />
   </div>
 </template>
@@ -19,7 +19,7 @@
   export default {
     data() {
       return {
-        checkboxOptipon: {
+        checkboxOption: {
           // 禁用的选择（禁止勾选或者禁止取消勾选）
           disableSelectedRowKeys: [1002, 1005],
           // 默认选择

examples/src/docs/en/ve-table/row-checkbox/selected-row-click.md

@@ -11,7 +11,7 @@ This example is row click trigger selection. You can also achieve column click s
       :columns="columns"
       :table-data="tableData"
       row-key-field-name="rowKey"
-      :checkbox-optipon="checkboxOptipon"
+      :checkbox-option="checkboxOption"
       :event-custom-option="eventCustomOption"
     />
   </div>
@@ -31,7 +31,7 @@ This example is row click trigger selection. You can also achieve column click s
             };
           },
         },
-        checkboxOptipon: {
+        checkboxOption: {
           // 可控属性
           selectedRowKeys: [1003],
           // 行选择改变事件
@@ -98,11 +98,11 @@ This example is row click trigger selection. You can also achieve column click s
     methods: {
       // 给可控属性重新赋值
       changeSelectedRowKeys(keys) {
-        this.checkboxOptipon.selectedRowKeys = keys;
+        this.checkboxOption.selectedRowKeys = keys;
       },
       // 行点击触发
       changeSelectedRowKeysByRowClick(currentRowKey) {
-        const { selectedRowKeys } = this.checkboxOptipon;
+        const { selectedRowKeys } = this.checkboxOption;
 
         if (selectedRowKeys.includes(currentRowKey)) {
           const rowKeyIndex = selectedRowKeys.indexOf(currentRowKey);

examples/src/docs/en/ve-table/row-radio/explain.md

@@ -1,5 +1,5 @@
 :::tip
-1、Use the `radioOptipon` attribute to enable the row radio.<br>
+1、Use the `radioOption` attribute to enable the row radio.<br>
 2、Set `type=radio` in `columns` as a radio column<br>
 3、The `rowKeyFieldName` property must be set<br>
 4、`Selectedrowchange` is row change event.Event receives 1 parameter,`row`:current row data