@sheinx/shineout-style 3.9.10 → 3.9.11-beta.10

package/esm/button/button.js

@@ -35,172 +35,6 @@ var button = function button(type, styles) {
     }
   };
 };
-var beforeLine = function beforeLine() {
-  return {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: Token.buttonSplitlineFullBackgroundColor
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&$dashed:hover': {
-      '&::before': {
-        height: '100%',
-        top: 0,
-        bottom: 0,
-        borderLeft: '1px dashed currentColor',
-        background: 'none'
-      },
-      // 使用 ::after 在右侧创建分割线，颜色使用当前按钮的 currentColor
-      '&:not(:last-child)::after': {
-        content: '" "',
-        position: 'absolute',
-        height: '100%',
-        top: 0,
-        width: 1,
-        borderLeft: '1px dashed currentColor',
-        background: 'none',
-        zIndex: 1
-      },
-      '&:not(:last-child)[dir=ltr]::after': {
-        right: -1
-      },
-      '&:not(:last-child)[dir=rtl]::after': {
-        left: -1
-      },
-      // 隐藏相邻按钮的左侧分割线，因为已经被 ::after 覆盖了
-      '& + $button::before': {
-        opacity: 0
-      }
-    },
-    '&:not($disabled):not($dashed):hover': {
-      '&::before': {
-        background: 'transparent'
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          background: 'transparent'
-        }
-      }
-    }
-  };
-};
-var outlineBeforeLine = function outlineBeforeLine(type, styles) {
-  return {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: Token["button".concat(type).concat(styles, "BorderColor")]
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&:not(:disabled):hover': {
-      // before
-      '&::before': {
-        height: 'calc(100% + 1.8px)',
-        top: -0.8,
-        left: -1,
-        width: 1,
-        background: Token["button".concat(type).concat(styles, "HoverBorderColor")]
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          height: 'calc(100% + 1.8px)',
-          top: -0.8,
-          left: -1,
-          width: 1,
-          background: Token["button".concat(type).concat(styles, "HoverBorderColor")]
-        }
-      },
-      // active
-      '&:active': {
-        '&::before': {
-          background: Token["button".concat(type).concat(styles, "ActiveBorderColor")]
-        },
-        '& + $button,& + * $button': {
-          '&::before': {
-            background: Token["button".concat(type).concat(styles, "ActiveBorderColor")]
-          }
-        }
-      }
-    },
-    '&$primary,&$success,&$warning,&$danger,$secondary': {
-      '&::before': {
-        height: 'calc(100% + 2px)',
-        top: -1,
-        left: -1,
-        width: 1,
-        bottom: -1,
-        background: "".concat(Token["button".concat(type).concat(styles, "BorderColor")])
-      },
-      '& + :not(&)': {
-        '&::before': {
-          height: 'calc(100% + 2px)',
-          top: -1,
-          left: -1,
-          width: 1,
-          bottom: -1,
-          background: Token["button".concat(type).concat(styles, "BorderColor")]
-        }
-      },
-      '&:disabled': {
-        '&::before': {
-          background: Token["button".concat(type).concat(styles, "DisabledBorderColor")]
-        },
-        '& + :not(&)': {
-          '&::before': {
-            background: Token["button".concat(type).concat(styles, "DisabledBorderColor")]
-          }
-        }
-      }
-    }
-  };
-};
-var textBeforeLine = function textBeforeLine() {
-  return {
-    '&::before': {
-      transition: 'all 0.3s',
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: Token.buttonSplitlineOutlineBackgroundColor
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&:not($disabled):hover': {
-      '&::before': {
-        background: 'transparent'
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          background: 'transparent'
-        }
-      }
-    }
-  };
-};
-
 // const loading = (type: ButtonTypeWithoutLink, styles: ButtonStyleType) => {
 //   const buttonStyle = button(type, styles);
 
@@ -384,143 +218,6 @@ var ButtonStyle = {
     //   ...loading('Secondary', ''),
     // },
   },
-  groupItem: {},
-  group: {
-    // 2.x 之前非 inline-block
-    display: 'inline-flex',
-    // 处理 dropdown 下的 button
-    '& [data-role="dropdown"]': {
-      '& $button': {
-        height: '100%'
-      },
-      '& [data-role="caret"]': {
-        margin: 0
-      }
-    },
-    '& > :first-child$button,& > :first-child $button': {
-      '&::before': {
-        display: 'none'
-      }
-    },
-    // 第一个元素下的所有 button 标签的元素
-    '& > :first-child:not(:last-child)$button,& > :first-child:not(:last-child) $button': {
-      '&[dir=ltr]': {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
-        borderRight: 'none'
-      },
-      '&[dir=rtl]': {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        borderRight: 'none'
-      }
-    },
-    // 最后一个元素下的所有 button 标签的元素
-    '& > :last-child:not(:first-child)$button,& > :last-child:not(:first-child) $button': {
-      '&[dir=ltr]': {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        borderLeft: 'none'
-      },
-      '&[dir=rtl]': {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
-        borderLeft: 'none'
-      }
-    },
-    '& > :not(:first-child):not(:last-child)$button,& > :not(:first-child):not(:last-child) $button': {
-      borderRadius: 0,
-      borderLeft: 'none',
-      borderRight: 'none'
-    },
-    // 填充型 button
-    '& $button:not($outline):not($text)': {
-      position: 'relative',
-      '&::before': {
-        transition: 'all 0.3s'
-      },
-      // secondary 比较特殊，单独拎出来写覆盖掉 &::before
-      '&$secondary': _objectSpread(_objectSpread({}, beforeLine()), {}, {
-        '&::before': {
-          position: 'absolute',
-          content: '" "',
-          height: 'calc(50% - 2px)',
-          top: 'calc(25% + 1px)',
-          width: 1,
-          background: Token.buttonSplitlineOutlineBackgroundColor,
-          transition: 'none'
-        },
-        '&[dir=ltr]::before': {
-          left: -1
-        },
-        '&[dir=rtl]::before': {
-          right: -1
-        },
-        '& + :not(&),& + * $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        },
-        '& + $groupItem $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        }
-      }),
-      // primary, success, warning, danger 分割线样式
-      '&$primary,&$success,&$warning,&$danger': _objectSpread({}, beforeLine()),
-      // priamry success warning danger secondary 两两之间如果不是紧挨着，则去除中间的分割线
-      '&$primary,&$success,&$warning,&$danger,$secondary': {
-        '& + :not(&),& + * $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        },
-        '& + $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        }
-      }
-    },
-    // outline 型 button
-    '& $outline': {
-      position: 'relative',
-      '&::before': {
-        transition: 'all 0.3s'
-      },
-      // secondary 比较特殊，单独拎出来写覆盖掉 &::before
-      '&$secondary': _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-        '&::before': {
-          position: 'absolute',
-          content: '" "',
-          height: 'calc(50% - 2px)',
-          top: 'calc(25% + 1px)',
-          width: 1,
-          background: Token.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-        },
-        '&[dir=ltr]::before': {
-          left: -1
-        },
-        '&[dir=rtl]::before': {
-          right: -1
-        }
-      }),
-      '&$primary': _objectSpread({}, outlineBeforeLine('Primary', 'Outline')),
-      '&$success': _objectSpread({}, outlineBeforeLine('Success', 'Outline')),
-      '&$warning': _objectSpread({}, outlineBeforeLine('Warning', 'Outline')),
-      '&$danger': _objectSpread({}, outlineBeforeLine('Danger', 'Outline'))
-    },
-    // text 型 button
-    '& $text': _objectSpread({
-      position: 'relative'
-    }, textBeforeLine()),
-    // dashed 型 button
-    '&$dashed': {
-      position: 'relative',
-      borderStyle: 'none'
-    }
-  },
   spin: {
     display: 'inline-block',
     marginRight: Token.buttonSpinMargin,

package/esm/button/index.d.ts

@@ -1,5 +1,8 @@
 import buttonStyle from './button';
+import buttonGroupStyle from './button-group';
 declare const useButtonStyle: () => import("jss").Classes<keyof import("@sheinx/base").ButtonClasses>;
+declare const useButtonGroupStyle: () => import("jss").Classes<keyof import("@sheinx/base").ButtonGroupClasses>;
 export { buttonStyle, useButtonStyle };
+export { buttonGroupStyle, useButtonGroupStyle };
 export default useButtonStyle;
 //# sourceMappingURL=index.d.ts.map

package/esm/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,yEAAgC,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AACnC,OAAO,gBAAgB,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,cAAc,yEAAgC,CAAC;AACrD,QAAA,MAAM,mBAAmB,8EAA2C,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AACjD,eAAe,cAAc,CAAC"}

package/esm/button/index.js

@@ -1,6 +1,9 @@
 "use client";
 import { styled } from "../jss-style";
 import buttonStyle from "./button";
+import buttonGroupStyle from "./button-group";
 var useButtonStyle = styled(buttonStyle, 'button');
+var useButtonGroupStyle = styled(buttonGroupStyle, 'button-group');
 export { buttonStyle, useButtonStyle };
+export { buttonGroupStyle, useButtonGroupStyle };
 export default useButtonStyle;

package/esm/jss-style/index.d.ts

@@ -1,6 +1,7 @@
 import { JssProvider, SheetsRegistry, jss } from 'react-jss';
 import { JssStyle, GenerateId, Classes } from 'jss';
 export { JssProvider, SheetsRegistry, jss };
+export declare const prefix = "soui";
 export declare const setJssConfig: (newConfig: {
     generateId?: GenerateId;
     styleAttributes?: Record<string, string>;

package/esm/jss-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAQ5C,eAAO,MAAM,YAAY,cAAe;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,SAEA,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAAe,CAAC;AAezC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAsCtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAC5C,eAAO,MAAM,MAAM,SAAS,CAAC;AAO7B,eAAO,MAAM,YAAY,cAAe;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,SAEA,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAAe,CAAC;AAezC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAsCtE,CAAC"}

package/esm/jss-style/index.js

@@ -9,7 +9,7 @@ import { createUseStyles, JssProvider, SheetsRegistry, jss } from 'react-jss';
 import handleStyle from "./handleStyle";
 import version from "../version";
 export { JssProvider, SheetsRegistry, jss };
-var prefix = 'soui';
+export var prefix = 'soui';
 var config = {};
 export var setJssConfig = function setJssConfig(newConfig) {
   Object.assign(config, newConfig);

package/esm/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CAgItC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/list/list.js

@@ -82,7 +82,10 @@ var listStyle = {
     minWidth: 0
   },
   pagination: {
-    margin: "".concat(token.listPaginationMarginY, " 0")
+    marginTop: token.listPaginationMarginTop,
+    marginBottom: token.listPaginationMarginBottom,
+    marginLeft: 0,
+    marginRight: 0
   },
   // baseItem
   baseItem: {

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8iBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAijBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -77,15 +77,18 @@ var menuStyle = {
   },
   popArrow: {
     '&&&': {
-      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
-      width: '6px',
-      height: '6px'
+      filter: 'drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))',
+      '&::before': {
+        backgroundColor: token.menuItemBackgroundColor
+      }
     }
   },
   popArrowDark: {
     '&&&': {
-      backgroundColor: token.menuDarkItemBackgroundColor,
-      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
+      filter: 'drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))',
+      '&::before': {
+        backgroundColor: token.menuDarkItemBackgroundColor
+      }
     }
   },
   scrollbox: {

package/esm/modal/modal.js

@@ -270,26 +270,26 @@ var modalStyle = _objectSpread(_objectSpread({
     }
   },
   wrapperDrawerLeft: {
-    '& $panel': {
+    '& > $mask > $panel': {
       left: 0,
       height: '100vh'
     }
   },
   wrapperDrawerRight: {
-    '& $panel': {
+    '& > $mask > $panel': {
       right: 0,
       height: '100vh'
     }
   },
   wrapperDrawerTop: {
-    '& $panel': {
+    '& > $mask > $panel': {
       top: 0,
       left: 0,
       width: '100vw'
     }
   },
   wrapperDrawerBottom: {
-    '& $panel': {
+    '& > $mask > $panel': {
       bottom: 0,
       left: 0,
       width: '100vw'

package/esm/popover/popover.js

@@ -37,7 +37,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
         bottom: 0,
         width: '100%',
         height: '100%',
-        backgroundColor: token.popoverBackgroundColor,
+        backgroundColor: "var(--popover-background-color, ".concat(token.popoverBackgroundColor, ")"),
         clipPath: "path('".concat(arrowClipPath, "')")
       }
     },

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,CA+oBxC,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,CA6nBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -42,23 +42,11 @@ var tableStyle = _objectSpread(_objectSpread({
         wordBreak: 'break-all',
         position: 'relative',
         borderBottom: "1px solid ".concat(token.tableCellBorderColor),
+        borderRight: "var(--table-cell-border-width, 0px) solid ".concat(token.tableCellBorderColor),
         boxSizing: 'border-box',
         lineHeight: token.lineHeightDynamic,
-        '$bordered&': {
-          '&::after': {
-            content: '""',
-            position: 'absolute',
-            zIndex: cellBaseIndex,
-            top: 0,
-            bottom: 0,
-            borderLeft: "1px solid ".concat(token.tableCellBorderColor)
-          },
-          '[dir=ltr]&::after': {
-            right: 0
-          },
-          '[dir=rtl]&::after': {
-            left: 0
-          }
+        '&$cellIgnoreBorder': {
+          borderRight: 'none'
         }
       },
       '& td': {
@@ -141,6 +129,7 @@ var tableStyle = _objectSpread(_objectSpread({
     borderRight: "1px solid ".concat(token.tableCellBorderColor),
     borderBottom: 'none',
     borderTop: 'none',
+    '--table-cell-border-width': '1px',
     '&::before': {
       position: 'absolute',
       zIndex: fixedFixedIndex + 3,
@@ -310,12 +299,12 @@ var tableStyle = _objectSpread(_objectSpread({
     }
   },
   cellHover: {
-    'table tbody td&&': {
+    'table tbody td&': {
       background: "".concat(token.tableTbodyHoverBackgroundColor)
     }
   },
   rowHover: {
-    '&&:hover td': {
+    '&:hover > td': {
       transition: 'background-color 0.2s',
       background: "".concat(token.tableTbodyHoverBackgroundColor)
     }
@@ -564,11 +553,7 @@ var tableStyle = _objectSpread(_objectSpread({
       opacity: 0
     }
   },
-  cellIgnoreBorder: {
-    '&::after': {
-      display: 'none'
-    }
-  },
+  cellIgnoreBorder: {},
   cellSortable: {
     cursor: 'pointer',
     '&:hover': {
@@ -627,17 +612,17 @@ var tableStyle = _objectSpread(_objectSpread({
     alignItems: 'center'
   },
   rowStriped: {
-    '&& td': {
+    'table & > td': {
       background: token.tableTbodyStripedBackgroundColor
     }
   },
   rowChecked: {
-    '&& td': {
+    'table & > td': {
       background: token.tableTbodyActiveBackgroundColor
     }
   },
   rowExpand: {
-    '&& > td': {
+    'table & > td': {
       background: token.tableExpandBackgroundColor
     }
   },
@@ -654,10 +639,11 @@ var tableStyle = _objectSpread(_objectSpread({
       textAlign: 'left'
     },
     '$bordered&': {
-      '& th:last-child, & td:last-child': {
-        '&:after': {
-          display: 'none'
-        }
+      '& th:last-child[dir=ltr], & td:last-child[dir=ltr]': {
+        borderRight: 'none'
+      },
+      '& th:last-child[dir=rtl], & td:last-child[dir=rtl]': {
+        borderLeft: 'none'
       }
     },
     '& table tr:hover td': {

package/esm/version.d.ts

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

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAwB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAgC"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.10';
+export default '3.9.11-beta.10';

package/package.json

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