feat(data verification): data verification

data verification

README-zh.md

@@ -10,10 +10,11 @@
 🚀Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。
 
 ## 文档
-[在线demo](https://mengshukeji.github.io/LuckysheetDemo/)
 
 [在线文档](https://mengshukeji.github.io/LuckysheetDocs/zh/)
 
+[在线demo](https://mengshukeji.github.io/LuckysheetDemo/) / [导入excel demo](https://mengshukeji.github.io/LuckyexcelDemo/)
+
 ![演示](/docs/.vuepress/public/img/LuckysheetDemo.gif)
 
 ## 插件
@@ -123,23 +124,21 @@ npm run build
 ## 用法
 
 #### 第一步
-`npm run build`后`dist`文件夹下的所有文件复制到项目目录
+通过CDN引入依赖
 
-#### 第二步
-引入依赖
 ```
-<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
-<link rel='stylesheet' href='./plugins/plugins.css' />
-<link rel='stylesheet' href='./css/luckysheet.css' />
-<script src="./plugins/js/plugin.js"></script>
-<script src="./luckysheet.umd.js"></script>
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
 ```
-#### 第三步
+#### 第二步
 指定一个表格容器
 ```
 <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
 ```
-#### 第四步
+#### 第三步
 创建一个表格
 ```
 <script>

README.md

@@ -16,10 +16,11 @@ English| [简体中文](./README-zh.md)
 🚀Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
 
 ## Documentation
-[Online demo](https://mengshukeji.github.io/LuckysheetDemo/)
 
 [Online documentation](https://mengshukeji.github.io/LuckysheetDocs/)
 
+[Online demo](https://mengshukeji.github.io/LuckysheetDemo/) / [Import excel demo](https://mengshukeji.github.io/LuckyexcelDemo/)
+
 ![Demo](/docs/.vuepress/public/img/LuckysheetDemo.gif)
 
 ## Plugins
@@ -129,23 +130,20 @@ npm run build
 ## Usage
 
 #### First step
-Copy all files in the `dist` folder after `npm run build` to the project directory
-
-#### Second step
-Introduce dependencies
+Introduce dependencies through CDN
 ```
-<link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
-<link rel='stylesheet' href='./plugins/plugins.css' />
-<link rel='stylesheet' href='./css/luckysheet.css' />
-<script src="./plugins/js/plugin.js"></script>
-<script src="./luckysheet.umd.js"></script>
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
 ```
-#### Third step
+#### Second step
 Specify a table container
 ```
 <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
 ```
-#### Fourth step
+#### Third step
 Create a table
 ```
 <script>

docs/guide/FAQ.md

@@ -24,9 +24,12 @@ luckysheet.buildGridData(luckysheetfile)
 
 ------------
 
-## **<span style="font-size:20px;">Q</span>** How to use Luckysheet in vue project?
+## **<span style="font-size:20px;">Q</span>** How to use Luckysheet in Vue/React project?
 
-**<span style="font-size:20px;">A</span>** : Reference [Luckysheet-vue-demo](https://github.com/Dushusir/vue-demo)
+**<span style="font-size:20px;">A</span>**:
+
+- Vue case: [luckysheet-vue](https://github.com/mengshukeji/luckysheet-vue)
+- React case: [luckysheet-react](https://github.com/mengshukeji/luckysheet-react)
 
 ------------
 

docs/guide/README.md

@@ -6,7 +6,7 @@ Luckysheet is an online spreadsheet like excel that is powerful, simple to confi
 ## Demo
 [Online demo](https://mengshukeji.github.io/LuckysheetDemo/)
 
-![Demo](/img/LuckysheetDemo.gif)
+![Demo](/LuckysheetDocs/img/LuckysheetDemo.gif)
 
 ## Features
 
@@ -113,23 +113,37 @@ npm run build
 ## Steps for usage
 
 ### First step
-After `npm run build`, all files in the `dist` folder are copied to the project directory
 
-### Second step
-Introduce dependencies
+There are two ways to introduce dependencies
+
+#### CDN
+```html
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
+```
+
+Note that `https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js` will pull the latest luckysheet code. If you want to specify the luckysheet version, please add the version number after the luckysheet , Such as: `https://cdn.jsdelivr.net/npm/[email protected]/dist/luckysheet.umd.js`
+
+If it is not convenient to access jsdelivr.net, you can also import it locally
+
+#### Import locally
+After `npm run build`, all files in the `dist` folder are copied to the project directory
 ```html
 <link rel='stylesheet' href='./plugins/css/pluginsCss.css' />
 <link rel='stylesheet' href='./plugins/plugins.css' />
 <link rel='stylesheet' href='./css/luckysheet.css' />
 <script src="./plugins/js/plugin.js"></script>
 <script src="./luckysheet.umd.js"></script>
 ```
-### Third step
+### Second step
 Specify a table container
 ```html
 <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
 ```
-### Fourth step
+### Third step
 Create a table
 ```javascript
 <script>
@@ -153,7 +167,7 @@ An example of a Luckysheet file is as follows, the table contains 3 sheets:`
 luckysheetfile = [{sheet1 settings}, {sheet2 settings}, {sheet3 settings}]`
 Equivalent to 3 sheets of excel
 
-![excel sheet](/docs/.vuepress/public/img/excel.png)
+![excel sheet](/LuckysheetDocs/img/excel.png)
 
 An example of a sheet in the file is as follows:
 ```javascript

docs/guide/data.md

@@ -29,15 +29,15 @@
                 "colhidden":{}, //hidden columns
                 "borderInfo":{}, //borders
             },
-            "celldata": [], //initialize the cell data used
-            "data": [], //Update and store the cell data used
+            "celldata": [], //initialize the cell data
+            "data": [], //Update and store the cell data 
             "scrollLeft": 0, //Left and right scroll bar position
             "scrollTop": 315, //Up and down scroll bar position
             "luckysheet_select_save": [], //selected area
             "luckysheet_conditionformat_save": {},//Conditional format
             "calcChain": [],//Formula chain
             "isPivotTable":false,//Whether to pivot table
-            "pivotTable":{},//Pivot table settings
+            "pivotTable":{},//Pivot table configuration
             "filter_select": null,//Filter range
             "filter": null,//Filter configuration
             "luckysheet_alternateformat_save": [], //Alternate colors
@@ -91,13 +91,13 @@
     ## status
     - Type：Number
     - Default：1
-    - Usage： Active state, there is only one active worksheet, other worksheets are 0
+    - Usage：Active state, there is only one active worksheet which number will be 1 and the other worksheets are 0
 
     ------------
     ## order
     - Type：Number
     - Default：0
-    - Usage： The index of the worksheets, it will increase when a worksheet is added, starting from 0
+    - Usage： The index of the worksheets is starting from 0. it will increase when a worksheet is added.
 
     ------------
     ## hide
@@ -109,13 +109,13 @@
     ## row
     - Type：Number
     - Default：36
-    - Usage： Number of cell rows
+    - Usage： The number of cell rows
 
     ------------
     ## column
     - Type：Number
     - Default：18
-    - Usage： Number of cell columns
+    - Usage： The number of cell columns
 
     ------------
     ## scrollLeft
@@ -195,7 +195,7 @@
     - Default：{}
     - Usage：Hidden row information, Rows：`rowhidden[Rows]: 0`,
 
-        `key` specify the number of rows,`value` is always `0`
+        you should specify the number of rows by `key`,`value` is always `0`
     - example:
         ```js
         "rowhidden": {
@@ -267,7 +267,7 @@
                         }]
                     }]
         ```
-    There are two types of range: single cell and selection
+    The range type can be divided into single cell and selected area
     1. selection `rangeType: "range"`
 
        + Border type `borderType："border-left" | "border-right" | "border-top" | "border-bottom" | "border-all" | "border-outside" | "border-inside" | "border-horizontal" | "border-vertical" | "border-none"`,