@king-design/intact 3.6.2-beta.1 → 3.6.2

package/components/table/demos/hidden.md

@@ -16,10 +16,16 @@ import {Table, TableColumn} from 'kpc';
     </Table>
     <p>无数据展示</p>
     <Table data={this.get('data2')} resizable>
-        <TableColumn key="a" title="Title 1" />
-        <TableColumn key="b" title="Title 2" hidden/>
+        <TableColumn key="a" title="Title 1" hidden />
+        <TableColumn key="b" title="Title 2" />
         <TableColumn key="c" title="Title 3"/>
     </Table>
+    <Table data={this.get('data2')} resizable checkType="none">
+        <TableColumn key="a" title="Title 1" hidden />
+        <TableColumn key="b" title="Title 2" />
+        <TableColumn key="c" title="Title 3" hidden />
+        <TableColumn key="d" title="Title 4"/>
+    </Table>
 </div>
 ```
 

package/components/table/demos/sort.md

@@ -71,13 +71,13 @@ export default class extends Component<Props> {
 ```
 
 ```vue-methods
-_onSort(c, sort) {
+_onSort(sort?: TableSortValue<'name' | 'age'>) {
     console.log(sort);
     const data = this.data.slice(0);
     data.sort((a, b) => {
-        return sort.type === 'desc' ? 
-            (a[sort.key] > b[sort.key] ? -1 : 1) : 
-            (a[sort.key] > b[sort.key] ? 1 : -1);
+        return sort!.type === 'desc' ? 
+            (a[sort!.key!] > b[sort!.key!] ? -1 : 1) : 
+            (a[sort!.key!] > b[sort!.key!] ? 1 : -1);
     });
     this.data = data;
     this.sort = sort;

package/components/table/styles.ts

@@ -128,7 +128,9 @@ export const makeStyles = cache(function makeStyles(k: string) {
             position: relative;
             background: ${table.thead.bgColor};
             line-height: normal;
+            // hide all :before firstly, then show all :before except first th
             &:before {
+                display: none;
                 content: '';
                 height: ${table.thead.delimiterHeight};
                 position: absolute;
@@ -138,12 +140,12 @@ export const makeStyles = cache(function makeStyles(k: string) {
                 top: 50%;
                 transform: translateY(-50%);
             }
+            &:not(.${k}-hidden) ~ th:not(.${k}-hidden):before {
+                display: block;
+            }
             &.${k}-fixed-right:before {
                 left: -2px;
             }
-            &:first-of-type:before {
-                display: none;
-            }
         }
         .${k}-table-title {
             display: inline-flex;

package/es/components/table/styles.js

@@ -91,7 +91,7 @@ setDefault(function () {
 });
 export { table };
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", table.border, ";border-bottom-color:transparent;}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", table.border, ";border-bottom-color:transparent;}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{display:none;content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:not(.", k, "-hidden)~th:not(.", k, "-hidden):before{display:block;}&.", k, "-fixed-right:before{left:-2px;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}thead{position:sticky;top:0;}}&.", k, "-fix-footer{min-height:0;.", k, "-table-wrapper{height:100%;}tfoot{position:sticky;bottom:0;}}.", k, "-table-phantom{position:static;}");
 });

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2-beta.1
+ * @king-design v3.6.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -66,4 +66,4 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export declare const version = "3.6.2-beta.1";
+export declare const version = "3.6.2";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2-beta.1
+ * @king-design v3.6.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -67,5 +67,5 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.6.2-beta.1';
+export var version = '3.6.2';
 /* generate end */

package/es/site/data/components/table/demos/hidden/react.js

@@ -48,14 +48,32 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       resizable: true
     }, /*#__PURE__*/React.createElement(TableColumn, {
       key: "a",
-      title: "Title 1"
+      title: "Title 1",
+      hidden: true
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "b",
-      title: "Title 2",
-      hidden: true
+      title: "Title 2"
     }), /*#__PURE__*/React.createElement(TableColumn, {
       key: "c",
       title: "Title 3"
+    })), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data2,
+      resizable: true,
+      checkType: "none"
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "a",
+      title: "Title 1",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "b",
+      title: "Title 2"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "c",
+      title: "Title 3",
+      hidden: true
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "d",
+      title: "Title 4"
     })));
   };
   return Demo;

package/es/site/src/router/index.js

@@ -116,7 +116,7 @@ export default new Router({
   // // }
   // // },
   {
-    path: '/demo\/(.*)/',
+    path: /demo\/(.*)/,
     action: function () {
       var _action3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(context) {
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -290,14 +290,15 @@ export default new Router({
       return action;
     }()
   }, {
-    path: '/demo\/(.*)/',
+    path: /(.*)/,
+    name: 'otherwise',
     action: function () {
       var _action9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(context) {
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
               _context10.next = 2;
-              return import('../pages/demo');
+              return import('../pages/document');
             case 2:
               _context10.t0 = _context10.sent.default;
               _context10.t1 = {
@@ -318,36 +319,6 @@ export default new Router({
       }
       return action;
     }()
-  }, {
-    path: /(.*)/,
-    name: 'otherwise',
-    action: function () {
-      var _action10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(context) {
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
-            case 0:
-              _context11.next = 2;
-              return import('../pages/document');
-            case 2:
-              _context11.t0 = _context11.sent.default;
-              _context11.t1 = {
-                path: context.params[0]
-              };
-              return _context11.abrupt("return", {
-                Page: _context11.t0,
-                data: _context11.t1
-              });
-            case 5:
-            case "end":
-              return _context11.stop();
-          }
-        }, _callee11);
-      }));
-      function action(_x9) {
-        return _action10.apply(this, arguments);
-      }
-      return action;
-    }()
   }]
 }, {
   baseUrl: version

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2-beta.1
+ * @king-design v3.6.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -71,6 +71,6 @@ export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
 
-export const version = '3.6.2-beta.1';
+export const version = '3.6.2';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.6.2-beta.1",
+  "version": "3.6.2",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.44",
+    "intact": "^3.0.45",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",