gridjs-spreadsheet 24.4.0 → 24.6.0

package/{df0ac85291e8a4f9daef54c3c456ffa1.svg → d740084c6ca54e8e1fe35da0c088c135.svg}

@@ -26,18 +26,38 @@
    inkscape:pageopacity="0.0"
    inkscape:pagecheckerboard="0"
    showgrid="false"
-   inkscape:zoom="3.6911179"
-   inkscape:cx="126.38448"
-   inkscape:cy="67.594698"
+   inkscape:zoom="5.8070322"
+   inkscape:cx="197.08863"
+   inkscape:cy="82.572299"
    inkscape:window-width="1304"
    inkscape:window-height="760"
-   inkscape:window-x="100"
-   inkscape:window-y="194"
+   inkscape:window-x="214"
+   inkscape:window-y="110"
    inkscape:window-maximized="0"
-   inkscape:current-layer="图层_1"
+   inkscape:current-layer="g48"
    inkscape:showpageshadow="2"
    inkscape:deskcolor="#d1d1d1" /><defs
    id="defs365"><inkscape:path-effect
+   effect="spiro"
+   id="path-effect43"
+   is_visible="true"
+   lpeversion="1" /><inkscape:path-effect
+   effect="fillet_chamfer"
+   id="path-effect46"
+   is_visible="true"
+   lpeversion="1"
+   nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 | F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 | F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+   radius="0"
+   unit="px"
+   method="auto"
+   mode="F"
+   chamfer_steps="1"
+   flexible="false"
+   use_knot_distance="true"
+   apply_no_radius="true"
+   apply_with_radius="true"
+   only_selected="false"
+   hide_knots="false" /><inkscape:path-effect
    effect="fillet_chamfer"
    id="path-effect51"
    is_visible="true"
@@ -788,4 +808,38 @@
    id="g2"
    transform="matrix(0.9375,0,0,1.0833333,162.60835,89.833333)"><path
      d="M 0,4 A 2,2 0 0 1 2,2 h 12 a 2,2 0 0 1 2,2 v 8 a 2,2 0 0 1 -2,2 H 2 A 2,2 0 0 1 0,12 Z M 2,3 A 1,1 0 0 0 1,4 v 0.217 l 7,4.2 7,-4.2 V 4 A 1,1 0 0 0 14,3 Z M 15,5.383 10.292,8.208 15,11.105 Z M 14.966,12.259 9.326,8.788 8,9.583 6.674,8.788 1.034,12.258 A 1,1 0 0 0 2,13 h 12 a 1,1 0 0 0 0.966,-0.741 M 1,11.105 5.708,8.208 1,5.383 Z"
-     id="path1-79" /></g></svg>
+     id="path1-79" /></g><g
+   style="fill:#000000;fill-opacity:1"
+   id="g48"
+   transform="matrix(0.86291998,0,0,1.4609659,176.68953,81.237912)"
+   inkscape:groupmode="layer"><g
+     id="g52"><path
+       d="M 7.09808,14.689252 V 7.5383832 H 5.74066 L 3.83636,9.0859549 V 10.674997 L 5.65277,9.2104737 H 5.74066 V 14.689252 H 3.84125 v 1.405239 h 5.05859 v -1.405239 z"
+       fill="#101112"
+       id="path2-4"
+       style="fill:#000000;fill-opacity:1;stroke-width:1.10197" /><path
+       d="m 9.81781,10.117673 v 0.03558 h 1.28909 v -0.04151 c 0,-0.8182607 0.4687,-1.3756323 1.167,-1.3756323 0.6836,0 1.1279,0.486211 1.1279,1.2273978 0,0.5751495 -0.249,1.0257565 -1.2109,2.1938335 l -2.29496,2.757167 v 1.179978 h 4.96586 v -1.417139 h -3.0811 v -0.106741 l 1.377,-1.594919 c 1.1914,-1.387509 1.5966,-2.188004 1.5966,-3.1248463 0,-1.4823493 -0.9814,-2.4844257 -2.4365,-2.4844257 -1.4795,0 -2.49999,1.1147311 -2.49999,2.751253 z"
+       fill="#101112"
+       id="path3-9"
+       style="fill:#000000;fill-opacity:1;stroke-width:1.10197" /><path
+       d="m 17.6694,12.341197 h 0.8398 c 0.8106,0 1.333,0.492174 1.333,1.257089 0,0.753015 -0.5127,1.233287 -1.3183,1.233287 -0.7569,0 -1.2647,-0.462543 -1.3135,-1.191878 h -1.2842 c 0.0635,1.600991 1.0986,2.626747 2.6367,2.626747 1.5772,0 2.6563,-1.037657 2.6563,-2.555586 0,-1.132497 -0.5664,-1.891462 -1.5186,-2.027833 v -0.106741 c 0.7715,-0.18968 1.2451,-0.930915 1.2451,-1.9388936 0,-1.3519045 -0.9716,-2.2709684 -2.4023,-2.2709684 -1.4893,0 -2.4316,0.9842863 -2.4805,2.5911544 h 1.2354 c 0.0439,-0.7530267 0.5078,-1.2333117 1.2012,-1.2333117 0.708,0 1.1572,0.4506308 1.1572,1.1621633 0,0.71741 -0.459,1.185904 -1.1621,1.185904 h -0.8252 z"
+       fill="#101112"
+       id="path4-1"
+       style="fill:#000000;fill-opacity:1;stroke-width:1.10197" /></g><g
+     style="fill:none"
+     id="g53"
+     transform="matrix(0.87836067,0,0,0.64876843,22.855711,4.1678454)"><path
+       id="Vector"
+       d="M 13,18 8,6 3,18 m 8,-4 H 5 m 16,4 v -3 m 0,0 v -3 m 0,3 c 0,1.6569 -1.3431,3 -3,3 -1.6569,0 -3,-1.3431 -3,-3 0,-1.6569 1.3431,-3 3,-3 1.6569,0 3,1.3431 3,3 z"
+       stroke="#000000"
+       stroke-width="2"
+       stroke-linecap="round"
+       stroke-linejoin="round" /></g><g
+     style="fill:none"
+     id="g54"
+     transform="matrix(1.2505097,0,0,0.87426798,45.430764,5.5305356)"><path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="M 2.78233,2.21707 C 2.70732,2.14206 2.60557,2.09991 2.49949,2.09991 c -0.10609,0 -0.20783,0.04215 -0.28285,0.11716 l -1.999995,2 c -0.1562099,0.15621 -0.1562099,0.40948 0,0.56569 0.15621,0.15621 0.409476,0.15621 0.565685,0 L 2.09949,3.4656 v 8.0686 L 0.78233,10.2171 c -0.15621,-0.1562 -0.409476,-0.1562 -0.565685,0 -0.1562101,0.1562 -0.1562101,0.4094 0,0.5657 l 1.999995,2 c 0.07502,0.075 0.17676,0.1171 0.28285,0.1171 0.10608,0 0.20782,-0.0421 0.28284,-0.1171 l 2,-2 c 0.15621,-0.1563 0.15621,-0.4095 0,-0.5657 -0.15621,-0.1562 -0.40948,-0.1562 -0.56569,0 L 2.89949,11.5342 V 3.4656 l 1.31715,1.31716 c 0.15621,0.15621 0.40948,0.15621 0.56569,0 0.15621,-0.15621 0.15621,-0.40948 0,-0.56569 z M 10.5,2.74997 c 0.2107,0 0.3988,0.13214 0.4703,0.33039 l 3,8.31954 c 0.0937,0.2598 -0.041,0.5463 -0.3007,0.64 -0.2598,0.0937 -0.5463,-0.041 -0.64,-0.3007 L 12.0477,9.016 H 8.95228 L 7.97033,11.7392 C 7.87666,11.9989 7.59013,12.1336 7.33036,12.0399 7.07059,11.9462 6.93595,11.6597 7.02962,11.3999 L 10.0296,3.08036 C 10.1011,2.88211 10.2892,2.74997 10.5,2.74997 Z m 0,1.97399 1.2412,3.44204 H 9.25879 Z"
+       fill="#000000"
+       id="path1-27" /></g></g></svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.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.",
+  "version": "24.6.0",
+  "description": "A smart and simple to use Excel-like JavaScript Spreadsheet library allows you to view and edit spreadsheet file with ease and quick.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",
   "scripts": {

package/package.json.bak

@@ -1,7 +1,7 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.4.0",
-  "description": "this is the client 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.",
+  "version": "24.2.0",
+  "description": "A smart and simple to use Excel-like JavaScript Spreadsheet library allows you to view and edit spreadsheet file with ease and quick.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",
   "scripts": {

package/xspreadsheet.css

@@ -192,9 +192,13 @@ body {
 .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
   position: absolute;
   z-index: 200;
-  background: #f6f7f8db;
+  background: white;
+  border: 1px solid #ccc;
+  border-radius: 2px;
   box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
   max-height: 600px;
+  font-size: medium;
+  font-weight: 500;
   overflow-y: auto;
 }
 .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
@@ -256,6 +260,72 @@ body {
 .x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down {
   left: -130px;
 }
+.x-spreadsheet-autofill-option-group {
+  background-color: white;
+  position: absolute;
+  flex-direction: column;
+  display: flex;
+  width: max-content;
+  left: 0;
+  top: 25px;
+  border: 1px solid #ccc;
+  box-shadow: 4px 3px 2px 0 rgba(0, 0, 0, 0.1);
+  z-index: 999;
+}
+.x-spreadsheet-autofill-option-radio {
+  display: flex;
+  align-items: baseline;
+  padding: 5px;
+}
+.x-spreadsheet-autofill-option-radio:hover {
+  background-color: #f5f6f7;
+}
+.x-spreadsheet-autofill-option {
+  width: 30px;
+  height: 23px;
+  position: absolute;
+  z-index: 999;
+  background-color: white;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1px;
+  border: 1px solid #ccc;
+}
+.x-spreadsheet-chart-button-group {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  z-index: 1000;
+}
+.x-spreadsheet-chart-button {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding-left: 1px;
+  padding-right: 1px;
+  background-color: white;
+  border: 1px solid #bbb;
+}
+.x-spreadsheet-chart-color-row {
+  display: flex;
+  justify-content: center;
+  gap: 2px;
+  padding: 2px;
+}
+.x-spreadsheet-chart-color-row:hover {
+  background-color: #f5f6f7;
+  box-shadow: 0 0 0 1px #bbb;
+}
+.x-spreadsheet-chart-button-detail {
+  width: 180px;
+  background-color: white;
+  border: 1px solid #ccc;
+  position: absolute;
+  z-index: 1001;
+  padding: 5px;
+}
 /* resizer **/
 .x-spreadsheet-resizer {
   position: absolute;
@@ -578,6 +648,42 @@ body {
   padding: 0;
   justify-content: flex-start;
 }
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 5px;
+  /* 适当调整右侧间距 */
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid black;
+}
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn,
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item {
+  line-height: 25px;
+  height: unset;
+  padding: 2px 10px;
+  position: relative;
+}
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn .x-spreadsheet-menu-icon-text,
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item .x-spreadsheet-menu-icon-text {
+  align-items: center;
+  gap: 5px;
+  padding-right: 20px;
+}
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-menubar-btn .x-spreadsheet-menu-icon-text .x-spreadsheet-icon,
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-item .x-spreadsheet-menu-icon-text .x-spreadsheet-icon {
+  transform: scale(1.2);
+}
+.x-spreadsheet-toolbar.x-spreadsheet-menubar .x-spreadsheet-divider {
+  width: 90%;
+  height: 1px;
+  margin: 2px auto;
+  background: #e0e2e4;
+}
 .x-spreadsheet-toolbar {
   border-bottom: 1px solid #e0e2e4;
   justify-content: space-between;
@@ -1067,11 +1173,11 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(df0ac85291e8a4f9daef54c3c456ffa1.svg);
+  background-image: url(d740084c6ca54e8e1fe35da0c088c135.svg);
   position: absolute;
   width: 262px;
   height: 444px;
-  opacity: 0.56;
+  opacity: 0.86;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img.undo {
   left: 0;
@@ -1385,6 +1491,18 @@ form fieldset select {
   left: -162px;
   top: -90px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.number {
+  left: -180px;
+  top: -90px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.font-name {
+  left: -198px;
+  top: -90px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.font-size {
+  left: -216px;
+  top: -90px;
+}
 .x-spreadsheet-formula-bar {
   height: 25px;
   line-height: 25px;