- add sorting API

 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v0.5.9
+
+ - add sorting API
+
+
 ## v0.5.8
 
  - support html parsing when HTML code is detected in paste event.

README.md

@@ -72,6 +72,10 @@ initialize:
        - `rowspan`: span of row. will be 1 if omitted 
      - `{}` = the whole table selected, based on the definition of the selection object.
    - otherwise, set selection based on the `opt` selection range object described as above.
+ - `slice()`: delete selected rows/columns
+ - `insert()`: insert empty row/column at selected location.
+ - `sort(opt)`: sort data based on selected column. `opt` is an object with following fields as options:
+   - `dir`: direction. either `asc` or `desc`, by default `asc`.
 
 
 ## Event

dist/index.js

@@ -1181,6 +1181,53 @@
       this._data = it;
       return this.render();
     },
+    sort: function(o){
+      var ref$, sc, ec, sr, er, d, this$ = this;
+      o == null && (o = {});
+      ref$ = this._bound({
+        defined: false
+      }), sc = ref$.sc, ec = ref$.ec, sr = ref$.sr, er = ref$.er;
+      d = this._data.map(function(d, i){
+        return {
+          d: d,
+          i: i
+        };
+      });
+      d.sort(function(a, b){
+        if (a.i < this$.frozen.row) {
+          if (b.i >= this$.frozen.row) {
+            return -1;
+          }
+        }
+        if (b.i < this$.frozen.row) {
+          if (a.i >= this$.frozen.row) {
+            return 1;
+          }
+        }
+        a = isNaN(+a.d[sc])
+          ? a.d[sc]
+          : +a.d[sc];
+        b = isNaN(+b.d[sc])
+          ? b.d[sc]
+          : +b.d[sc];
+        return (o.dir === 'asc'
+          ? 1
+          : -1) * (a > b
+          ? 1
+          : a < b ? -1 : 0);
+      });
+      this._data = d.map(function(d){
+        return d.d;
+      });
+      this.fire('change', {
+        row: 0,
+        col: 0,
+        data: this._data,
+        range: true
+      });
+      this.renderSelection();
+      return this.render();
+    },
     insert: function(){
       var ref$, sc, ec, sr, er, d;
       ref$ = this._bound({

dist/index.min.js

@@ -3,7 +3,7 @@
   "name": "@plotdb/sheet",
   "license": "MIT",
   "description": "spreadsheet",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "style": "dist/index.min.css",
   "browser": "dist/index.min.js",
   "main": "dist/index.min.js",

package-lock.json

@@ -593,6 +593,20 @@ sheet.prototype = Object.create(Object.prototype) <<< do
     @_data = it
     @render!
 
+  sort: (o={}) ->
+    {sc,ec,sr,er} = @_bound defined: false
+    d = @_data.map (d,i) -> {d,i}
+    d.sort (a,b) ~>
+      if a.i < @frozen.row => if b.i >= @frozen.row => return -1
+      if b.i < @frozen.row => if a.i >= @frozen.row => return 1
+      a = if isNaN(+a.d[sc]) => a.d[sc] else +a.d[sc]
+      b = if isNaN(+b.d[sc]) => b.d[sc] else +b.d[sc]
+      (if o.dir == \asc => 1 else -1) * (if a > b => 1 else if a < b => -1 else 0)
+    @_data = d.map (d) -> d.d
+    @fire \change, {row: 0, col: 0, data: @_data, range: true}
+    @render-selection!
+    @render!
+
   insert: ->
     {sc,ec,sr,er} = @_bound defined: false
     if !ec? => d = @_data.splice sr, 0, []

package.json

@@ -1181,6 +1181,53 @@
       this._data = it;
       return this.render();
     },
+    sort: function(o){
+      var ref$, sc, ec, sr, er, d, this$ = this;
+      o == null && (o = {});
+      ref$ = this._bound({
+        defined: false
+      }), sc = ref$.sc, ec = ref$.ec, sr = ref$.sr, er = ref$.er;
+      d = this._data.map(function(d, i){
+        return {
+          d: d,
+          i: i
+        };
+      });
+      d.sort(function(a, b){
+        if (a.i < this$.frozen.row) {
+          if (b.i >= this$.frozen.row) {
+            return -1;
+          }
+        }
+        if (b.i < this$.frozen.row) {
+          if (a.i >= this$.frozen.row) {
+            return 1;
+          }
+        }
+        a = isNaN(+a.d[sc])
+          ? a.d[sc]
+          : +a.d[sc];
+        b = isNaN(+b.d[sc])
+          ? b.d[sc]
+          : +b.d[sc];
+        return (o.dir === 'asc'
+          ? 1
+          : -1) * (a > b
+          ? 1
+          : a < b ? -1 : 0);
+      });
+      this._data = d.map(function(d){
+        return d.d;
+      });
+      this.fire('change', {
+        row: 0,
+        col: 0,
+        data: this._data,
+        range: true
+      });
+      this.renderSelection();
+      return this.render();
+    },
     insert: function(){
       var ref$, sc, ec, sr, er, d;
       ref$ = this._bound({