@sheinx/shineout-style 3.1.0-rc.2 → 3.1.0

package/cjs/steps/steps.js

@@ -30,14 +30,14 @@ var stepsStyle = {
     '&$arrow': {
       '& $step:not(:last-child)': {
         '&:after': {
-          top: "calc((100% - ".concat(_theme.default.stepsSmallArrowHeight, ")/2)"),
-          width: _theme.default.stepsSmallArrowHeight,
-          height: _theme.default.stepsSmallArrowHeight
+          top: "calc(100% - 28px)",
+          width: 56,
+          height: 56
         },
         '&:before': {
-          top: "calc((100% - ".concat(_theme.default.stepsSmallArrowHeight, ")/2)"),
-          width: _theme.default.stepsSmallArrowHeight,
-          height: _theme.default.stepsSmallArrowHeight
+          top: "calc(100% - 28px)",
+          width: 56,
+          height: 56
         }
       },
       '& $content': {
@@ -63,7 +63,12 @@ var stepsStyle = {
     '&$default': {
       '&$horizontal': {
         '& $tail': {
-          left: 94,
+          '&[dir=ltr]': {
+            left: 94
+          },
+          '&[dir=rtl]': {
+            right: 94
+          },
           top: "calc(".concat(_theme.default.stepsSmallIconWidth, "/2)"),
           width: "calc(100% - 20px)",
           '&:after': {
@@ -77,7 +82,12 @@ var stepsStyle = {
         },
         '& $tail': {
           paddingTop: 28,
-          left: 12
+          '&[dir=ltr]': {
+            left: 12
+          },
+          '&[dir=rtl]': {
+            right: 12
+          }
         }
       },
       '& $verticalLabel': {
@@ -141,7 +151,12 @@ var stepsStyle = {
       },
       '&$horizontal': {
         '& $tail': {
-          left: 102,
+          '&[dir=ltr]': {
+            left: 102
+          },
+          '&[dir=rtl]': {
+            right: 102
+          },
           top: "calc(".concat(_theme.default.stepsLargeIconWidth, "/2)"),
           '&:after': {
             width: "calc(100% - ".concat(_theme.default.stepsLargeIconWidth, " + 4px)")
@@ -150,7 +165,12 @@ var stepsStyle = {
       },
       '&$vertical': {
         '& $tail': {
-          left: 16,
+          '&[dir=ltr]': {
+            left: 16
+          },
+          '&[dir=rtl]': {
+            right: 16
+          },
           paddingTop: 36
         }
       },
@@ -178,7 +198,12 @@ var stepsStyle = {
     '& $tail': {
       width: 1,
       height: '100%',
-      left: 13,
+      '&[dir=ltr]': {
+        left: 13
+      },
+      '&[dir=rtl]': {
+        right: 13
+      },
       '&:after': {
         position: 'relative',
         width: 1,
@@ -207,16 +232,21 @@ var stepsStyle = {
     '& $horizontalLabel': {
       '& $description': {},
       '& $title': {
-        '&:after': {
+        '&::after': {
           content: '""',
           display: 'block',
           background: _theme.default.stepsTailBackgroundColor,
           height: 1,
-          left: '100%',
           marginLeft: 12,
           top: '50%',
           width: 999,
           position: 'absolute'
+        },
+        '&[dir=ltr]::after': {
+          left: '100%'
+        },
+        '&[dir=rtl]::after': {
+          right: '100%'
         }
       }
     }
@@ -378,7 +408,12 @@ var stepsStyle = {
         marginLeft: 76
       },
       '& $tail': {
-        left: 88,
+        '&[dir=ltr]': {
+          left: 88
+        },
+        '&[dir=rtl]': {
+          right: 88
+        },
         overflow: 'hidden',
         width: 'calc(100% - 8px)',
         '&:after': {
@@ -446,25 +481,35 @@ var stepsStyle = {
         position: 'absolute',
         width: 0,
         height: 0,
-        left: 0,
         top: 0,
         borderLeftWidth: 16,
         borderTopWidth: 20,
         borderBottomWidth: 20,
         borderLeftColor: '#ffffff'
       },
+      '&[dir=ltr]:before': {
+        left: 0
+      },
+      '&[dir=rtl]:before': {
+        right: 0
+      },
       // after
       '&:after': {
         content: '""',
         position: 'absolute',
         width: 0,
         height: 0,
-        right: -16,
         top: 0,
         zIndex: 1,
         borderLeftWidth: 16,
         borderTopWidth: 20,
         borderBottomWidth: 20
+      },
+      '&[dir=ltr]:after': {
+        right: -16
+      },
+      '&[dir=rtl]:after': {
+        left: -16
       }
     },
     '&$horizontal': {
@@ -481,8 +526,13 @@ var stepsStyle = {
         '&:after': {
           borderLeftWidth: 26,
           borderTopWidth: 32,
-          borderBottomWidth: 32,
+          borderBottomWidth: 32
+        },
+        '&[dir=ltr]:after': {
           right: -26
+        },
+        '&[dir=rtl]:after': {
+          left: -26
         }
       }
     },
@@ -531,11 +581,16 @@ var stepsStyle = {
         color: _theme.default.stepsProcessFontColor
       },
       '&:after': {
-        right: -16,
         borderLeft: "16px solid ".concat(_theme.default.stepsProcessBackgroundColor),
         borderTop: "20px solid transparent",
         borderBottom: "20px solid transparent"
       },
+      '&[dir=ltr]:after': {
+        right: -16
+      },
+      '&[dir=rtl]:after': {
+        left: -16
+      },
       '&:before': {
         borderLeft: "16px solid #ffffff",
         borderTop: "20px solid transparent",
@@ -568,9 +623,14 @@ var stepsStyle = {
         '&:after': {
           borderLeftWidth: 26,
           borderTopWidth: 32,
-          borderBottomWidth: 32,
+          borderBottomWidth: 32
+        },
+        '&[dir=ltr]:after': {
           right: -26
         },
+        '&[dir=rtl]:after': {
+          left: -26
+        },
         '&:before': {
           borderLeftWidth: 26,
           borderTopWidth: 32,
@@ -594,7 +654,12 @@ var stepsStyle = {
     '&$horizontal': {
       '& $tail': {
         // left: `calc(50% + ${Token.stepsIconWidth}/2 + 4px)`,
-        left: 98,
+        '&[dir=ltr]': {
+          left: 98
+        },
+        '&[dir=rtl]': {
+          right: 98
+        },
         top: 13,
         '&:after': {
           width: "calc(100% - ".concat(_theme.default.stepsIconWidth, " + 4px)")

package/cjs/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgI9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAmJ9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/switch/switch.js

@@ -84,22 +84,45 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
   indicator: {
     width: _theme.default.switchCircleSize,
     height: _theme.default.switchCircleSize,
-    left: _theme.default.switchPaddingX,
+    '&[dir=ltr]': {
+      left: _theme.default.switchPaddingX
+    },
+    '&[dir=rtl]': {
+      right: _theme.default.switchPaddingX
+    },
     top: _theme.default.switchPaddingY,
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     color: 'red',
     '$wrapperChecked &': {
-      right: _theme.default.switchPaddingX,
-      left: "calc(100% - ".concat(_theme.default.switchCircleSize, " - ").concat(_theme.default.switchPaddingX, ")"),
+      '&[dir=ltr]': {
+        right: _theme.default.switchPaddingX,
+        left: "calc(100% - ".concat(_theme.default.switchCircleSize, " - ").concat(_theme.default.switchPaddingX, ")")
+      },
+      '&[dir=rtl]': {
+        left: _theme.default.switchPaddingX,
+        right: "calc(100% - ".concat(_theme.default.switchCircleSize, " - ").concat(_theme.default.switchPaddingX, ")")
+      },
       '$wrapperSmall&': {
-        right: _theme.default.switchSmallPaddingX,
-        left: "calc(100% - ".concat(_theme.default.switchSmallCircleSize, " - ").concat(_theme.default.switchSmallPaddingX, ")")
+        '&[dir=ltr]': {
+          right: _theme.default.switchSmallPaddingX,
+          left: "calc(100% - ".concat(_theme.default.switchSmallCircleSize, " - ").concat(_theme.default.switchSmallPaddingX, ")")
+        },
+        '&[dir=rtl]': {
+          left: _theme.default.switchSmallPaddingX,
+          right: "calc(100% - ".concat(_theme.default.switchSmallCircleSize, " - ").concat(_theme.default.switchSmallPaddingX, ")")
+        }
       },
       '$wrapperLarge&': {
-        right: _theme.default.switchLargePaddingX,
-        left: "calc(100% - ".concat(_theme.default.switchLargeCircleSize, " - ").concat(_theme.default.switchLargePaddingX, ")")
+        '&[dir=ltr]': {
+          right: _theme.default.switchLargePaddingX,
+          left: "calc(100% - ".concat(_theme.default.switchLargeCircleSize, " - ").concat(_theme.default.switchLargePaddingX, ")")
+        },
+        '&[dir=rtl]': {
+          left: _theme.default.switchLargePaddingX,
+          right: "calc(100% - ".concat(_theme.default.switchLargeCircleSize, " - ").concat(_theme.default.switchLargePaddingX, ")")
+        }
       }
     },
     '$wrapperSmall &': {

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;AASxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqXxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAgaxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -14,8 +14,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var cellBaseIndex = 4;
-var sorterIndex = 10;
-var fixedIndex = 8;
+var fixedIndex = 6;
+var resizeIndex = 8;
+var fixedFixedIndex = 10;
 var headerIndex = 12;
 var loadingIndex = 16;
 var globalStyle = {
@@ -35,7 +36,6 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
     minHeight: 0,
     fontSize: _theme.default.tableFontSize,
     '& table': {
-      textAlign: 'left',
       minWidth: '100%',
       boxSizing: 'border-box',
       tableLayout: 'fixed',
@@ -50,15 +50,22 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         '&$cellFixedLeft, &$cellFixedRight': {
           zIndex: fixedIndex
         },
-        '$bordered&::after': {
-          content: '""',
-          position: 'absolute',
-          zIndex: cellBaseIndex,
-          top: 0,
-          right: 0,
-          bottom: 0,
-          background: _theme.default.tableCellBorderColor,
-          borderLeft: "1px solid ".concat(_theme.default.tableCellBorderColor)
+        '$bordered&': {
+          '&::after': {
+            content: '""',
+            position: 'absolute',
+            zIndex: cellBaseIndex,
+            top: 0,
+            bottom: 0,
+            background: _theme.default.tableCellBorderColor,
+            borderLeft: "1px solid ".concat(_theme.default.tableCellBorderColor)
+          },
+          '&[dir=ltr]::after': {
+            right: 0
+          },
+          '&[dir=rtl]::after': {
+            left: 0
+          }
         }
       },
       '& td': {
@@ -160,6 +167,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
     position: 'sticky',
     left: 0,
     top: 0,
+    right: 0,
     justifyContent: 'center',
     display: 'flex',
     alignItems: 'center'
@@ -177,6 +185,9 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   cellFixedRight: {
     position: 'sticky'
   },
+  cellAlignLeft: {
+    textAlign: 'left'
+  },
   cellAlignCenter: {
     textAlign: 'center'
   },
@@ -203,25 +214,55 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
     }
   },
   floatLeft: {
-    '& $cellFixedLast$cellFixedLeft::after': {
-      content: '""',
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      width: '5px',
-      right: '-5px',
-      background: "linear-gradient(90deg, ".concat(_theme.default.tableFixedShadow, ", transparent)")
+    '& $cellFixedLast$cellFixedLeft': {
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        width: '5px'
+      },
+      '&[dir=ltr]::after': {
+        right: '-5px',
+        background: "linear-gradient(90deg, ".concat(_theme.default.tableFixedShadow, ", transparent)")
+      },
+      '&[dir=rtl]::after': {
+        left: '-5px',
+        background: "linear-gradient(270deg, ".concat(_theme.default.tableFixedShadow, ",transparent)")
+      }
+    },
+    '& table': {
+      '& th, & td': {
+        '&$cellFixedLeft': {
+          zIndex: fixedFixedIndex
+        }
+      }
     }
   },
   floatRight: {
-    '& $cellFixedLast$cellFixedRight::before': {
-      content: '""',
-      width: '5px',
-      left: '-5px',
-      background: "linear-gradient(270deg, ".concat(_theme.default.tableFixedShadow, ",transparent)"),
-      top: 0,
-      bottom: 0,
-      position: 'absolute'
+    '& $cellFixedLast$cellFixedRight': {
+      '&::before': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        width: '5px'
+      },
+      '&[dir=rtl]::before': {
+        right: '-5px',
+        background: "linear-gradient(90deg, ".concat(_theme.default.tableFixedShadow, ", transparent)")
+      },
+      '&[dir=ltr]::before': {
+        left: '-5px',
+        background: "linear-gradient(270deg, ".concat(_theme.default.tableFixedShadow, ",transparent)")
+      }
+    },
+    '& table': {
+      '& th, & td': {
+        '&$cellFixedRight': {
+          zIndex: fixedFixedIndex
+        }
+      }
     }
   },
   hasSorter: {
@@ -232,7 +273,12 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
     minWidth: '14px',
     width: '14px',
     position: 'relative',
-    transform: 'translateX(6px)',
+    '&[dir=rtl]': {
+      transform: 'translateX(-6px)'
+    },
+    '&[dir=ltr]': {
+      transform: 'translateX(6px)'
+    },
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -265,10 +311,15 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   },
   sorterActive: {},
   resizeSpanner: {
-    zIndex: sorterIndex,
+    zIndex: resizeIndex,
     position: 'absolute',
     opacity: 0,
-    right: '-1px',
+    '&[dir=rtl]': {
+      left: '-1px'
+    },
+    '&[dir=ltr]': {
+      right: '-1px'
+    },
     top: 0,
     bottom: 0,
     width: '3px',
@@ -391,6 +442,9 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
     }
   },
   simple: {
+    '& th, & td': {
+      textAlign: 'left'
+    },
     '& table tr:hover td': {
       background: "".concat(_theme.default.tableTbodyHoverBackgroundColor)
     }

package/cjs/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAub1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsSxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA6b1C,CAAC;AAEF,eAAe,SAAS,CAAC"}