@sheinx/shineout-style 3.6.0-beta.18 → 3.6.0-beta.19

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2exC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmjBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -344,6 +344,69 @@ var tableStyle = _objectSpread(_objectSpread({
     display: 'inline-flex',
     alignItems: 'center'
   },
+  hasFilter: {
+    display: 'inline-flex',
+    alignItems: 'center'
+  },
+  filterIconContainer: {
+    '&:hover $filterIcon': {
+      color: _theme.default.tableFilterIconHoverColor
+    }
+  },
+  filterIcon: {
+    width: _theme.default.tableFilterIconSize,
+    height: _theme.default.tableFilterIconSize,
+    color: _theme.default.tableFilterIconColor,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterActive: {
+    '& $filterIcon, &:hover $filterIcon': {
+      color: _theme.default.tableFilterIconActiveColor
+    }
+  },
+  filterContainer: {
+    minWidth: '120px'
+  },
+  filterHeader: {
+    padding: "".concat(_theme.default.tableFilterHeaderPaddingY, " ").concat(_theme.default.tableFilterHeaderPaddingX),
+    '& + $filterBody': {
+      paddingTop: 0
+    }
+  },
+  filterBody: {
+    padding: "".concat(_theme.default.tableFilterBodyPaddingY, " ").concat(_theme.default.tableFilterBodyPaddingX),
+    maxHeight: '300px',
+    overflow: 'auto'
+  },
+  filterFooter: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: "".concat(_theme.default.tableFilterFooterPaddingY, " ").concat(_theme.default.tableFilterFooterPaddingX),
+    borderTop: "1px solid ".concat(_theme.default.tableFilterFooterBorderColor)
+  },
+  filterInput: {
+    cursor: 'pointer'
+  },
+  filterInputIcon: {
+    color: _theme.default.tableFilterInputIconColor,
+    flexShrink: 0,
+    width: _theme.default.tableFilterInputIconSize,
+    height: _theme.default.tableFilterInputIconSize,
+    marginRight: _theme.default.tableFilterInputIconMarginRight,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterRadio: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '& > div': {
+      marginRight: 0
+    }
+  },
   sorterContainer: {
     minWidth: '14px',
     width: '14px',

package/cjs/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgPtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6PtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -10,6 +10,11 @@ var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  notTree: {
+    '&$root > $node$leaf': {
+      paddingLeft: 0
+    }
+  },
   line: {
     '& $node': {
       '&[dir=ltr]::before': {
@@ -158,25 +163,25 @@ var treeStyle = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
-    cursor: 'pointer',
-    padding: "0 ".concat(_theme.default.treePaddingX),
-    borderRadius: _theme.default.treeContentBorderRadius,
+    // 'label&': {
+    //   cursor: 'pointer',
+    //   userSelect: 'none',
+    // },
+
+    '$iconWrapper + &': {
+      marginLeft: 4
+    },
     '$contentDisabled &': {
       '& $text': {
         color: _theme.default.treeContentDisabledFontColor
       }
     },
     '&[data-active="true"]': {
-      background: _theme.default.treeContentActiveBackgroundColor,
       '& $text': {
+        background: _theme.default.treeContentActiveBackgroundColor,
+        borderRadius: _theme.default.treeContentActiveBorderRadius,
         color: _theme.default.treeContentActiveFontColor
       }
-    },
-    '&:hover:not([data-active="true"])': {
-      background: _theme.default.treeContentHoverBackgroundColor,
-      '& $text': {
-        color: _theme.default.treeContentHoverFontColor
-      }
     }
   },
   checkbox: {
@@ -186,13 +191,22 @@ var treeStyle = {
     }
   },
   text: {
+    flex: 1,
+    minWidth: 0,
     fontSize: _theme.default.treeFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
     color: _theme.default.treeFontColor,
     fontWeight: _theme.default.treeFontWeight,
-    paddingTop: _theme.default.treeTextPaddingY,
-    paddingBottom: _theme.default.treeTextPaddingY,
-    whiteSpace: 'nowrap'
+    padding: "".concat(_theme.default.treeTextPaddingY, " ").concat(_theme.default.treeTextPaddingX),
+    whiteSpace: 'nowrap',
+    borderRadius: _theme.default.treeContentBorderRadius,
+    '$content:not([data-active="true"]) &:hover': {
+      color: _theme.default.treeContentHoverFontColor,
+      background: _theme.default.treeContentHoverBackgroundColor
+    }
+  },
+  textClickable: {
+    cursor: 'pointer'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.6.0-beta.18";
+declare const _default: "3.6.0-beta.19";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.6.0-beta.18';
+var _default = exports.default = '3.6.0-beta.19';

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA2exC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmjBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -337,6 +337,69 @@ var tableStyle = _objectSpread(_objectSpread({
     display: 'inline-flex',
     alignItems: 'center'
   },
+  hasFilter: {
+    display: 'inline-flex',
+    alignItems: 'center'
+  },
+  filterIconContainer: {
+    '&:hover $filterIcon': {
+      color: token.tableFilterIconHoverColor
+    }
+  },
+  filterIcon: {
+    width: token.tableFilterIconSize,
+    height: token.tableFilterIconSize,
+    color: token.tableFilterIconColor,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterActive: {
+    '& $filterIcon, &:hover $filterIcon': {
+      color: token.tableFilterIconActiveColor
+    }
+  },
+  filterContainer: {
+    minWidth: '120px'
+  },
+  filterHeader: {
+    padding: "".concat(token.tableFilterHeaderPaddingY, " ").concat(token.tableFilterHeaderPaddingX),
+    '& + $filterBody': {
+      paddingTop: 0
+    }
+  },
+  filterBody: {
+    padding: "".concat(token.tableFilterBodyPaddingY, " ").concat(token.tableFilterBodyPaddingX),
+    maxHeight: '300px',
+    overflow: 'auto'
+  },
+  filterFooter: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: "".concat(token.tableFilterFooterPaddingY, " ").concat(token.tableFilterFooterPaddingX),
+    borderTop: "1px solid ".concat(token.tableFilterFooterBorderColor)
+  },
+  filterInput: {
+    cursor: 'pointer'
+  },
+  filterInputIcon: {
+    color: token.tableFilterInputIconColor,
+    flexShrink: 0,
+    width: token.tableFilterInputIconSize,
+    height: token.tableFilterInputIconSize,
+    marginRight: token.tableFilterInputIconMarginRight,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterRadio: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '& > div': {
+      marginRight: 0
+    }
+  },
   sorterContainer: {
     minWidth: '14px',
     width: '14px',

package/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgPtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6PtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tree/tree.js

@@ -3,6 +3,11 @@ var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  notTree: {
+    '&$root > $node$leaf': {
+      paddingLeft: 0
+    }
+  },
   line: {
     '& $node': {
       '&[dir=ltr]::before': {
@@ -151,25 +156,25 @@ var treeStyle = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
-    cursor: 'pointer',
-    padding: "0 ".concat(Token.treePaddingX),
-    borderRadius: Token.treeContentBorderRadius,
+    // 'label&': {
+    //   cursor: 'pointer',
+    //   userSelect: 'none',
+    // },
+
+    '$iconWrapper + &': {
+      marginLeft: 4
+    },
     '$contentDisabled &': {
       '& $text': {
         color: Token.treeContentDisabledFontColor
       }
     },
     '&[data-active="true"]': {
-      background: Token.treeContentActiveBackgroundColor,
       '& $text': {
+        background: Token.treeContentActiveBackgroundColor,
+        borderRadius: Token.treeContentActiveBorderRadius,
         color: Token.treeContentActiveFontColor
       }
-    },
-    '&:hover:not([data-active="true"])': {
-      background: Token.treeContentHoverBackgroundColor,
-      '& $text': {
-        color: Token.treeContentHoverFontColor
-      }
     }
   },
   checkbox: {
@@ -179,13 +184,22 @@ var treeStyle = {
     }
   },
   text: {
+    flex: 1,
+    minWidth: 0,
     fontSize: Token.treeFontSize,
     lineHeight: Token.lineHeightDynamic,
     color: Token.treeFontColor,
     fontWeight: Token.treeFontWeight,
-    paddingTop: Token.treeTextPaddingY,
-    paddingBottom: Token.treeTextPaddingY,
-    whiteSpace: 'nowrap'
+    padding: "".concat(Token.treeTextPaddingY, " ").concat(Token.treeTextPaddingX),
+    whiteSpace: 'nowrap',
+    borderRadius: Token.treeContentBorderRadius,
+    '$content:not([data-active="true"]) &:hover': {
+      color: Token.treeContentHoverFontColor,
+      background: Token.treeContentHoverBackgroundColor
+    }
+  },
+  textClickable: {
+    cursor: 'pointer'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.6.0-beta.18";
+declare const _default: "3.6.0-beta.19";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.js

@@ -1 +1 @@
-export default '3.6.0-beta.18';
+export default '3.6.0-beta.19';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.6.0-beta.18",
+  "version": "3.6.0-beta.19",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.6.0-beta.18",
-    "@sheinx/base": "3.6.0-beta.18"
+    "@sheinx/theme": "3.6.0-beta.19",
+    "@sheinx/base": "3.6.0-beta.19"
   },
   "peerDependencies": {
     "core-js": ">=3"