@sheinx/base 3.9.8-beta.2 → 3.9.8-beta.3

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAwxBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HA2xBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/cjs/cascader/cascader.js

@@ -47,6 +47,10 @@ var Cascader = function Cascader(props0) {
   var _useContext = (0, _react.useContext)(_formFieldContext.FormFieldContext),
     fieldId = _useContext.fieldId;
   var defaultHeight = 250;
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale,
+    direction = _useConfig.direction;
+  var isRtl = direction === 'rtl';
   var jssStyle = props.jssStyle,
     style = props.style,
     _props$adjust = props.adjust,
@@ -99,7 +103,7 @@ var Cascader = function Cascader(props0) {
     compressed = props.compressed,
     compressedBound = props.compressedBound,
     _props$position = props.position,
-    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
+    positionProp = _props$position === void 0 ? isRtl ? 'bottom-right' : 'bottom-left' : _props$position,
     absolute = props.absolute,
     zIndex = props.zIndex,
     emptyText = props.emptyText,
@@ -121,8 +125,6 @@ var Cascader = function Cascader(props0) {
   var rootStyle = Object.assign({
     width: width
   }, style);
-  var _useConfig = (0, _config.useConfig)(),
-    locale = _useConfig.locale;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
@@ -710,6 +712,7 @@ var Cascader = function Cascader(props0) {
       onFocus: handleFocus,
       onKeyDown: handleKeyDown,
       ref: targetRef,
+      dir: direction,
       children: [tipNode, renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
         adjust: adjust,
         focus: open,

package/cjs/cascader/node.js

@@ -150,7 +150,7 @@ var CascaderNode = function CascaderNode(props) {
     className: rootClass
   }, events), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(styles.optionInner),
+      className: (0, _classnames.default)(styles.optionInner, isRealLeafNode && styles.optionLeaf),
       role: "button",
       children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default
       // @ts-ignore

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA4Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHAmWf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -81,7 +81,7 @@ var DatePicker = function DatePicker(props0) {
   });
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var isRTL = direction === 'rtl';
-  var dfp = isRTL ? 'bottom-right' : 'bottom-left';
+  var dfp = 'bottom-left';
   var _React$useState9 = _react.default.useState(false),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     focused = _React$useState10[0],
@@ -92,6 +92,9 @@ var DatePicker = function DatePicker(props0) {
   } else if (!verticalPosition.includes(listPosition)) {
     listPosition = dfp;
   }
+  if (isRTL) {
+    if (listPosition === 'bottom-left') listPosition = 'bottom-right';else if (listPosition === 'bottom-right') listPosition = 'bottom-left';else if (listPosition === 'top-left') listPosition = 'top-right';else if (listPosition === 'top-right') listPosition = 'top-left';
+  }
   var options = {
     timeZone: props.timeZone,
     // 需要确保 weekStartsOn 是 number，否则后续的星期顺序计算都会出错

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCAiC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCA4C/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/modal/modal.js

@@ -10,6 +10,7 @@ var _react = require("react");
 var _modalContent = _interopRequireDefault(require("./modal-content"));
 var _useContainer2 = _interopRequireDefault(require("../absolute-list/use-container"));
 var _hooks = require("@sheinx/hooks");
+var _config = require("../config");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -45,6 +46,7 @@ var Modal = function Modal(props) {
       rendered: false
     }),
     context = _useRef.current;
+  var config = (0, _config.useConfig)();
   var destroyed = props.destroy && !props.visible && canDestroy;
   (0, _react.useEffect)(function () {
     if (destroyed) {
@@ -58,9 +60,19 @@ var Modal = function Modal(props) {
     return null;
   }
   context.rendered = true;
+  var isRtl = config.direction === 'rtl';
+  var position = props.position;
+  if (isRtl) {
+    if (position === 'left') {
+      position = 'right';
+    } else if (position === 'right') {
+      position = 'left';
+    }
+  }
   var Content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalContent.default, _objectSpread(_objectSpread({}, props), {}, {
     shouldDestroy: seCanDestroy,
-    autoShow: false
+    autoShow: false,
+    position: position
   }));
   var root = getRoot();
   if (!root) return null;

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

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAqVE"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAsVE"}

package/cjs/table/thead.js

@@ -160,6 +160,7 @@ var _default = exports.default = function _default(props) {
       dir: config.direction
     });
   };
+  var isRtl = config.direction === 'rtl';
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
     // 累加level 至 0 的所有高度
     var top = context.trHeights.slice(0, level).reduce(function (a, b) {
@@ -169,21 +170,13 @@ var _default = exports.default = function _default(props) {
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        left: left,
-        top: top,
-        position: 'sticky'
-      };
+      return _defineProperty(_defineProperty(_defineProperty({}, isRtl ? 'right' : 'left', left), "top", top), "position", 'sticky');
     }
     if (fixed === 'right') {
       var right = colgroup.slice(index + (typeof colSpan === 'function' ? 1 : colSpan)).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        right: right,
-        top: top,
-        position: 'sticky'
-      };
+      return _defineProperty(_defineProperty(_defineProperty({}, isRtl ? 'left' : 'right', right), "top", top), "position", 'sticky');
     }
     return {
       top: top,

package/cjs/table/tr.js

@@ -48,19 +48,17 @@ var Tr = function Tr(props) {
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        left: left
-      };
+      return _defineProperty({
+        position: 'sticky'
+      }, isRtl ? 'right' : 'left', left);
     }
     if (fixed === 'right') {
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        right: right
-      };
+      return _defineProperty({
+        position: 'sticky'
+      }, isRtl ? 'left' : 'right', right);
     }
     return undefined;
   };
@@ -101,7 +99,7 @@ var Tr = function Tr(props) {
     isExpandLoading = _useState2[0],
     setIsExpandLoading = _useState2[1];
   var innerExpandClick = (0, _hooks.usePersistFn)( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -131,7 +129,7 @@ var Tr = function Tr(props) {
       }, _callee, null, [[2,, 6, 9]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }());
   var renderTreeExpand = function renderTreeExpand(content) {

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAwxBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HA2xBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/esm/cascader/cascader.js

@@ -40,6 +40,10 @@ var Cascader = function Cascader(props0) {
   var _useContext = useContext(FormFieldContext),
     fieldId = _useContext.fieldId;
   var defaultHeight = 250;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale,
+    direction = _useConfig.direction;
+  var isRtl = direction === 'rtl';
   var jssStyle = props.jssStyle,
     style = props.style,
     _props$adjust = props.adjust,
@@ -92,7 +96,7 @@ var Cascader = function Cascader(props0) {
     compressed = props.compressed,
     compressedBound = props.compressedBound,
     _props$position = props.position,
-    positionProp = _props$position === void 0 ? 'bottom-left' : _props$position,
+    positionProp = _props$position === void 0 ? isRtl ? 'bottom-right' : 'bottom-left' : _props$position,
     absolute = props.absolute,
     zIndex = props.zIndex,
     emptyText = props.emptyText,
@@ -114,8 +118,6 @@ var Cascader = function Cascader(props0) {
   var rootStyle = Object.assign({
     width: width
   }, style);
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
@@ -703,6 +705,7 @@ var Cascader = function Cascader(props0) {
       onFocus: handleFocus,
       onKeyDown: handleKeyDown,
       ref: targetRef,
+      dir: direction,
       children: [tipNode, renderResult(), /*#__PURE__*/_jsx(AbsoluteList, {
         adjust: adjust,
         focus: open,

package/esm/cascader/node.js

@@ -144,7 +144,7 @@ var CascaderNode = function CascaderNode(props) {
     className: rootClass
   }, events), {}, {
     children: /*#__PURE__*/_jsxs("div", {
-      className: classNames(styles.optionInner),
+      className: classNames(styles.optionInner, isRealLeafNode && styles.optionLeaf),
       role: "button",
       children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/_jsx(Checkbox
       // @ts-ignore

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA4Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHAmWf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/date-picker/date-picker.js

@@ -74,7 +74,7 @@ var DatePicker = function DatePicker(props0) {
   });
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var isRTL = direction === 'rtl';
-  var dfp = isRTL ? 'bottom-right' : 'bottom-left';
+  var dfp = 'bottom-left';
   var _React$useState9 = React.useState(false),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     focused = _React$useState10[0],
@@ -85,6 +85,9 @@ var DatePicker = function DatePicker(props0) {
   } else if (!verticalPosition.includes(listPosition)) {
     listPosition = dfp;
   }
+  if (isRTL) {
+    if (listPosition === 'bottom-left') listPosition = 'bottom-right';else if (listPosition === 'bottom-right') listPosition = 'bottom-left';else if (listPosition === 'top-left') listPosition = 'top-right';else if (listPosition === 'top-right') listPosition = 'top-left';
+  }
   var options = {
     timeZone: props.timeZone,
     // 需要确保 weekStartsOn 是 number，否则后续的星期顺序计算都会出错

package/esm/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCAiC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCA4C/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/modal/modal.js

@@ -15,6 +15,7 @@ import { useEffect, useState, useRef } from 'react';
 import ModalContent from "./modal-content";
 import useContainer from "../absolute-list/use-container";
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 var devUseWarning = util.devUseWarning;
 var Modal = function Modal(props) {
@@ -38,6 +39,7 @@ var Modal = function Modal(props) {
       rendered: false
     }),
     context = _useRef.current;
+  var config = useConfig();
   var destroyed = props.destroy && !props.visible && canDestroy;
   useEffect(function () {
     if (destroyed) {
@@ -51,9 +53,19 @@ var Modal = function Modal(props) {
     return null;
   }
   context.rendered = true;
+  var isRtl = config.direction === 'rtl';
+  var position = props.position;
+  if (isRtl) {
+    if (position === 'left') {
+      position = 'right';
+    } else if (position === 'right') {
+      position = 'left';
+    }
+  }
   var Content = /*#__PURE__*/_jsx(ModalContent, _objectSpread(_objectSpread({}, props), {}, {
     shouldDestroy: seCanDestroy,
-    autoShow: false
+    autoShow: false,
+    position: position
   }));
   var root = getRoot();
   if (!root) return null;

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

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAqVE"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAsVE"}

package/esm/table/thead.js

@@ -153,6 +153,7 @@ export default (function (props) {
       dir: config.direction
     });
   };
+  var isRtl = config.direction === 'rtl';
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
     // 累加level 至 0 的所有高度
     var top = context.trHeights.slice(0, level).reduce(function (a, b) {
@@ -162,21 +163,13 @@ export default (function (props) {
       var left = colgroup.slice(0, index).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        left: left,
-        top: top,
-        position: 'sticky'
-      };
+      return _defineProperty(_defineProperty(_defineProperty({}, isRtl ? 'right' : 'left', left), "top", top), "position", 'sticky');
     }
     if (fixed === 'right') {
       var right = colgroup.slice(index + (typeof colSpan === 'function' ? 1 : colSpan)).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        right: right,
-        top: top,
-        position: 'sticky'
-      };
+      return _defineProperty(_defineProperty(_defineProperty({}, isRtl ? 'left' : 'right', right), "top", top), "position", 'sticky');
     }
     return {
       top: top,

package/esm/table/tr.js

@@ -42,19 +42,17 @@ var Tr = function Tr(props) {
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        left: left
-      };
+      return _defineProperty({
+        position: 'sticky'
+      }, isRtl ? 'right' : 'left', left);
     }
     if (fixed === 'right') {
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
         return toNum(a) + toNum(b);
       }, 0);
-      return {
-        position: 'sticky',
-        right: right
-      };
+      return _defineProperty({
+        position: 'sticky'
+      }, isRtl ? 'left' : 'right', right);
     }
     return undefined;
   };
@@ -95,7 +93,7 @@ var Tr = function Tr(props) {
     isExpandLoading = _useState2[0],
     setIsExpandLoading = _useState2[1];
   var innerExpandClick = usePersistFn( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -125,7 +123,7 @@ var Tr = function Tr(props) {
       }, _callee, null, [[2,, 6, 9]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }());
   var renderTreeExpand = function renderTreeExpand(content) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.9.8-beta.2",
+  "version": "3.9.8-beta.3",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.9.8-beta.2",
+    "@sheinx/hooks": "3.9.8-beta.3",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.3.3"