gridjs-spreadsheet 25.2.0 → 25.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "25.2.0",
+  "version": "25.4.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

@@ -313,6 +313,20 @@ v25.1:
 
 - support copy/paste from MS-Excel
 
+v25.2: 
+
+- support copy/paste from MS-Excel
+- enhancement for automatic operations for user’s convenience, such as extending blank row/column, page scrolling, …
+
+v25.3: 
+
+- support more shotcut keys 
+- support pasting the content copied from excel to multiple target areas
+
+v25.4: 
+
+- support show statistics information in the lower right corner when cells are selected
+
 ## License
 
 MIT

package/xspreadsheet.css

@@ -656,6 +656,8 @@ body {
 .x-spreadsheet-bottombar {
   position: relative;
   border-top: 1px solid #e0e2e4;
+  display: flex;
+  justify-content: space-between;
 }
 .x-spreadsheet-bottombar .x-spreadsheet-menu > li {
   line-height: 40px;
@@ -665,6 +667,24 @@ body {
   vertical-align: middle;
   border-right: 1px solid #e8eaed;
 }
+.x-spreadsheet-bottombar .x-spreadsheet-stats {
+  border-left: 1px solid #e0e2e4;
+  padding: 0 10px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  color: #666;
+  font-size: 12px;
+  overflow: hidden;
+}
+.x-spreadsheet-bottombar .x-spreadsheet-stat-item {
+  margin-right: 12px;
+  white-space: nowrap;
+}
+.x-spreadsheet-bottombar [class^="x-spreadsheet-stat-value-"] {
+  font-weight: bold;
+  color: #333;
+}
 .x-spreadsheet-menu {
   list-style: none;
   margin: 0;
@@ -1835,6 +1855,34 @@ input[type=number]::-webkit-outer-spin-button {
   border-top: none;
   flex: 1;
 }
+.x-spreadsheet-selector-dropdown-button {
+  position: absolute;
+  width: 24px;
+  height: 18px;
+  background-color: rgba(224, 224, 224, 0.32);
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.2s;
+  z-index: 1000;
+}
+.x-spreadsheet-hover-highlight {
+  background-color: rgba(75, 137, 255, 0.1);
+  position: absolute;
+}
+.x-spreadsheet-selector-dropdown-button:hover {
+  background-color: #d5d5d5;
+}
+.x-spreadsheet-selector-dropdown-button::after {
+  content: '';
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 6px solid #777;
+}
 .x-spreadsheet-bar-label {
   flex: 0 0 auto;
   display: inline-block;