gridjs-spreadsheet 26.1.0 → 26.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "26.1.0",
+  "version": "26.2.0",
   "description": "this is the client side script for GridJs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs based on JSON format.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",

package/readme.md

@@ -163,11 +163,11 @@ const s = new Spreadsheet("#gridjs-demo")
 
 ## Bind events
 ```javascript
-//single selection
+// single selection
 xs.on('cell-selected', (cell, ri, ci) => {});
-//range selection
+// range selection
 xs.on('cells-selected', (cell, { sri, sci, eri, eci }) => {});
-//shape/image selection
+// shape/image selection
 xs.on('object-selected', (obj) => {  console.log('obj id:', obj.id, ', type: ', obj.type); })
 // edited on cell
 xs.on('cell-edited', (text, ri, ci) => {});
@@ -352,7 +352,7 @@ v25.8:
 
 v25.9: 
 
-- Support to render pattern style for cell
+- Support to render pattern style for cell 
 
 v25.10: 
 
@@ -374,6 +374,11 @@ v26.1:
 - Support highlight text with rotation 
 - Support more charts rendering in client 
 
+v26.2: 
+
+- Improve client performance for large rows
+
+
 ## License
 
 MIT

package/xspreadsheet.css

@@ -558,6 +558,14 @@ body {
   background: white;
   margin: 2px;
 }
+.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain {
+  background: #ffffff !important;
+  color: #000000 !important;
+}
+.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain * {
+  color: #000000 !important;
+  background-color: transparent !important;
+}
 .x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
   overflow: hidden;
   visibility: hidden;
@@ -1566,6 +1574,19 @@ form fieldset select {
 .x-spreadsheet-toast-content {
   padding: 0.75em 1em;
 }
+.x-spreadsheet-modal-password .x-spreadsheet-modal-content {
+  padding: 16px 20px;
+}
+.x-spreadsheet-modal-password-message {
+  margin: 6px 0 10px;
+  font-size: 13px;
+}
+.x-spreadsheet-modal-password-caution {
+  margin-top: 8px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: #555;
+}
 @media screen and (min-width: 320px) and (max-width: 480px) {
   html,
   body {
@@ -1650,7 +1671,7 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(fa58a9189afab326b8fd7fe6b4751ae5.svg);
+  background-image: url(518518e5b3ddfea43df2735d38d6dc0d.svg);
   position: absolute;
   width: 262px;
   height: 444px;
@@ -2040,6 +2061,10 @@ form fieldset select {
   left: -216px;
   top: -108px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.protect {
+  left: -18px;
+  top: -126px;
+}
 .x-spreadsheet-formula-bar {
   height: 25px;
   line-height: 25px;