fast-table - npm Package Compare versions

Comparing version 1.4.8-beta.6 to 1.4.8-beta.8

lib/BaseTable.js

@@ -232,3 +232,4 @@ "use strict";
           top: record[_types.DS._top],
-          height: record[_types.DS._height]
+          height: record[_types.DS._height],
+          lineHeight: "".concat(record[_types.DS._height] - 1, "px")
         };
@@ -235,0 +236,0 @@

lib/ExpandedIcon.js

@@ -40,5 +40,25 @@ "use strict";
 
+  var path = 'M810.666667 469.333333h-256V213.333333a42.666667 42.666667 0 0 0-85.333334 0v256H213.333333a42.666667 42.666667 0 0 0 0 85.333334h256v256a42.666667 42.666667 0 0 0 85.333334 0v-256h256a42.666667 42.666667 0 0 0 0-85.333334z';
+
+  if (expanded) {
+    path = 'M810.666667 554.666667H213.333333a42.666667 42.666667 0 0 1 0-85.333334h597.333334a42.666667 42.666667 0 0 1 0 85.333334z';
+  }
+
   return _react.default.createElement("span", _extends({}, newProps, {
     "data-key": record[_types.DS._key]
-  }));
+  }), _react.default.createElement("svg", {
+    viewBox: "64 64 896 896",
+    className: "",
+    "data-icon": "plus",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    focusable: "false",
+    style: {
+      display: 'inline-block'
+    }
+  }, _react.default.createElement("path", {
+    d: path
+  })));
 }
@@ -72,5 +92,5 @@
     style: {
-      display: 'inline-flex',
-      flexDirection: 'row',
-      justifyContent: 'flex-start'
+      display: 'inline-block',
+      textAlign: 'left',
+      verticalAlign: 'middle'
     }
@@ -77,0 +97,0 @@ }, _react.default.createElement("span", {

lib/HeadCell.js

@@ -57,2 +57,3 @@ "use strict";
   style.height = (rowSpan || 1) * headerRowHeight;
+  style.lineHeight = "".concat(style.height - 1, "px");
 
@@ -59,0 +60,0 @@ if (onHeaderCell) {

lib/types.js

@@ -68,26 +68,51 @@ "use strict";
 var CS = {
-  _path: Symbol('_path'),
-  _pathKey: Symbol('_pathKey'),
-  _currentRow: Symbol('_currentRow'),
-  _width: Symbol('_width'),
-  _minWidth: Symbol('_minWidth'),
-  path: Symbol('path'),
-  rowSpan: Symbol('rowSpan'),
-  colSpan: Symbol('colSpan')
+  _path: String('_path'),
+  _pathKey: String('_pathKey'),
+  _currentRow: String('_currentRow'),
+  _width: String('_width'),
+  _minWidth: String('_minWidth'),
+  path: String('path'),
+  rowSpan: String('rowSpan'),
+  colSpan: String('colSpan')
 };
 exports.CS = CS;
 var DS = {
-  _index: Symbol('_index'),
-  _showIndex: Symbol('_showIndex'),
-  _path: Symbol('_path'),
-  _expandedLevel: Symbol('_expandedLevel'),
-  _height: Symbol('_height'),
-  key: Symbol('key'),
-  _expandedEnable: Symbol('_expandedEnable'),
-  _isFixed: Symbol('_isFixed'),
-  _top: Symbol('_top'),
-  _expanded: Symbol('_expanded'),
-  _key: Symbol('_key'),
-  _rowClassName: Symbol('_rowClassName')
-};
+  _index: String('_index'),
+  _showIndex: String('_showIndex'),
+  _path: String('_path'),
+  _expandedLevel: String('_expandedLevel'),
+  _height: String('_height'),
+  key: String('key'),
+  _expandedEnable: String('_expandedEnable'),
+  _isFixed: String('_isFixed'),
+  _top: String('_top'),
+  _expanded: String('_expanded'),
+  _key: String('_key'),
+  _rowClassName: String('_rowClassName')
+}; // export const CS = {
+//   _path: Symbol('_path'),
+//   _pathKey: Symbol('_pathKey'),
+//   _currentRow: Symbol('_currentRow'),
+//   _width: Symbol('_width'),
+//   _minWidth: Symbol('_minWidth'),
+//   path: Symbol('path'),
+//   rowSpan: Symbol('rowSpan'),
+//   colSpan: Symbol('colSpan')
+// };
+//
+// export const DS = {
+//   _index: Symbol('_index'),
+//   _showIndex: Symbol('_showIndex'),
+//   _path: Symbol('_path'),
+//   _expandedLevel: Symbol('_expandedLevel'),
+//   _height: Symbol('_height'),
+//   key: Symbol('key'),
+//   _expandedEnable: Symbol('_expandedEnable'),
+//   _isFixed: Symbol('_isFixed'),
+//   _top: Symbol('_top'),
+//   _expanded: Symbol('_expanded'),
+//   _key: Symbol('_key'),
+//   _rowClassName: Symbol('_rowClassName')
+// };
+
 exports.DS = DS;
@@ -94,0 +119,0 @@ var rowEvents = ['onMouseEnter', 'onMouseLeave', 'onClick', 'onDoubleClick', 'onBlur', 'onFocus', 'onAnimationStart', 'onAnimationEnd', 'onTransitionEnd'];

lib/utils/index.js

@@ -74,2 +74,3 @@ "use strict";
         style.justifyContent = 'center';
+        style.textAlign = 'center';
         break;
@@ -79,2 +80,3 @@
         style.justifyContent = 'flex-start';
+        style.textAlign = 'left';
         break;
@@ -84,2 +86,3 @@
         style.justifyContent = 'flex-end';
+        style.textAlign = 'right';
         break;
@@ -86,0 +89,0 @@ }

package.json

 {
   "name": "fast-table",
-  "version": "1.4.8-beta.6",
+  "version": "1.4.8-beta.8",
   "description": "react table fast",
@@ -12,3 +12,3 @@ "main": "./lib/index.js",
   "scripts": {
-    "build": "babel src -d lib",
+    "build": "babel src -d lib && gulp build-css",
     "init": "npm i -d --registry=https://registry.npm.taobao.org"
@@ -52,3 +52,6 @@ },
     "cssnano": "^3.10.0",
+    "gulp": "^4.0.1",
+    "gulp-less": "^4.0.1",
     "less": "^3.0.1",
+    "less-plugin-autoprefix": "^2.0.0",
     "lodash": "^4.17.5",
@@ -55,0 +58,0 @@ "prettier": "^1.15.3",

src/BaseTable.js

@@ -185,3 +185,4 @@ import React from 'react';
         top: record[DS._top],
-        height: record[DS._height]
+        height: record[DS._height],
+        lineHeight: `${record[DS._height] - 1}px`
       };
@@ -188,0 +189,0 @@ if (record[DS._isFixed] === true || record[DS._isFixed] === 'top') {

src/ExpandedIcon.js

@@ -17,3 +17,25 @@ import React from 'react';
   };
-  return <span {...newProps} data-key={record[DS._key]} />;
+  let path =
+    'M810.666667 469.333333h-256V213.333333a42.666667 42.666667 0 0 0-85.333334 0v256H213.333333a42.666667 42.666667 0 0 0 0 85.333334h256v256a42.666667 42.666667 0 0 0 85.333334 0v-256h256a42.666667 42.666667 0 0 0 0-85.333334z';
+  if (expanded) {
+    path =
+      'M810.666667 554.666667H213.333333a42.666667 42.666667 0 0 1 0-85.333334h597.333334a42.666667 42.666667 0 0 1 0 85.333334z';
+  }
+  return (
+    <span {...newProps} data-key={record[DS._key]}>
+      <svg
+        viewBox='64 64 896 896'
+        className=''
+        data-icon='plus'
+        width='1em'
+        height='1em'
+        fill='currentColor'
+        aria-hidden='true'
+        focusable='false'
+        style={{display: 'inline-block'}}
+      >
+        <path d={path} />
+      </svg>
+    </span>
+  );
 }
@@ -49,5 +71,5 @@
       style={{
-        display: 'inline-flex',
-        flexDirection: 'row',
-        justifyContent: 'flex-start'
+        display: 'inline-block',
+        textAlign: 'left',
+        verticalAlign: 'middle'
       }}
@@ -54,0 +76,0 @@ >

src/HeadCell.js

@@ -47,2 +47,3 @@ import React from 'react';
   style.height = (rowSpan || 1) * headerRowHeight;
+  style.lineHeight = `${style.height - 1}px`;
   if (onHeaderCell) {
@@ -49,0 +50,0 @@ style = {...style, ...onHeaderCell(column)};

src/types.js

@@ -89,27 +89,53 @@ import React from 'react';
 export const CS = {
-  _path: Symbol('_path'),
-  _pathKey: Symbol('_pathKey'),
-  _currentRow: Symbol('_currentRow'),
-  _width: Symbol('_width'),
-  _minWidth: Symbol('_minWidth'),
-  path: Symbol('path'),
-  rowSpan: Symbol('rowSpan'),
-  colSpan: Symbol('colSpan')
+  _path: String('_path'),
+  _pathKey: String('_pathKey'),
+  _currentRow: String('_currentRow'),
+  _width: String('_width'),
+  _minWidth: String('_minWidth'),
+  path: String('path'),
+  rowSpan: String('rowSpan'),
+  colSpan: String('colSpan')
 };
 
 export const DS = {
-  _index: Symbol('_index'),
-  _showIndex: Symbol('_showIndex'),
-  _path: Symbol('_path'),
-  _expandedLevel: Symbol('_expandedLevel'),
-  _height: Symbol('_height'),
-  key: Symbol('key'),
-  _expandedEnable: Symbol('_expandedEnable'),
-  _isFixed: Symbol('_isFixed'),
-  _top: Symbol('_top'),
-  _expanded: Symbol('_expanded'),
-  _key: Symbol('_key'),
-  _rowClassName: Symbol('_rowClassName')
+  _index: String('_index'),
+  _showIndex: String('_showIndex'),
+  _path: String('_path'),
+  _expandedLevel: String('_expandedLevel'),
+  _height: String('_height'),
+  key: String('key'),
+  _expandedEnable: String('_expandedEnable'),
+  _isFixed: String('_isFixed'),
+  _top: String('_top'),
+  _expanded: String('_expanded'),
+  _key: String('_key'),
+  _rowClassName: String('_rowClassName')
 };
 
+// export const CS = {
+//   _path: Symbol('_path'),
+//   _pathKey: Symbol('_pathKey'),
+//   _currentRow: Symbol('_currentRow'),
+//   _width: Symbol('_width'),
+//   _minWidth: Symbol('_minWidth'),
+//   path: Symbol('path'),
+//   rowSpan: Symbol('rowSpan'),
+//   colSpan: Symbol('colSpan')
+// };
+//
+// export const DS = {
+//   _index: Symbol('_index'),
+//   _showIndex: Symbol('_showIndex'),
+//   _path: Symbol('_path'),
+//   _expandedLevel: Symbol('_expandedLevel'),
+//   _height: Symbol('_height'),
+//   key: Symbol('key'),
+//   _expandedEnable: Symbol('_expandedEnable'),
+//   _isFixed: Symbol('_isFixed'),
+//   _top: Symbol('_top'),
+//   _expanded: Symbol('_expanded'),
+//   _key: Symbol('_key'),
+//   _rowClassName: Symbol('_rowClassName')
+// };
+
 export const rowEvents = [
@@ -116,0 +142,0 @@ 'onMouseEnter',

src/utils/index.js

@@ -55,8 +55,11 @@ import React from 'react';
         style.justifyContent = 'center';
+        style.textAlign = 'center';
         break;
       case 'left':
         style.justifyContent = 'flex-start';
+        style.textAlign = 'left';
         break;
       case 'right':
         style.justifyContent = 'flex-end';
+        style.textAlign = 'right';
         break;
@@ -63,0 +66,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

241002

increased by0.99%

Lines of code

6185

increased by1.14%

Worsened metrics

Dev dependency count

23

increased by15%

No dependency changes