@nutui/nutui-react 3.0.17-beta.0 → 3.0.17-beta.2

package/dist/cjs/packages/drag/style-jmapp/index.js

@@ -0,0 +1 @@
+import './drag.scss';

package/dist/cjs/packages/drag/style-jmapp/style.css

@@ -0,0 +1,19 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-drag {
+  position: fixed;
+  z-index: 9997 !important;
+  width: 0;
+  height: 0;
+  touch-action: none;
+  user-select: none;
+  font-size: 0;
+}
+.nut-drag-inner {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  touch-action: none;
+}

package/dist/cjs/packages/drag/style-jrkf/css.js

@@ -0,0 +1 @@
+import './style.css';

package/dist/cjs/packages/drag/style-jrkf/drag.scss

@@ -0,0 +1,15 @@
+.nut-drag {
+  position: fixed;
+  z-index: 9997 !important;
+  width: 0;
+  height: 0;
+  touch-action: none;
+  user-select: none;
+  font-size: 0;
+  &-inner {
+    display: inline-flex;
+    width: fit-content;
+    height: fit-content;
+    touch-action: none;
+  }
+}

package/dist/cjs/packages/drag/style-jrkf/index.js

@@ -0,0 +1 @@
+import './drag.scss';

package/dist/cjs/packages/drag/style-jrkf/style.css

@@ -0,0 +1,19 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-drag {
+  position: fixed;
+  z-index: 9997 !important;
+  width: 0;
+  height: 0;
+  touch-action: none;
+  user-select: none;
+  font-size: 0;
+}
+.nut-drag-inner {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  touch-action: none;
+}

package/dist/cjs/packages/elevator/elevator.d.ts

@@ -0,0 +1,6 @@
+import React, { FunctionComponent } from 'react';
+import { ElevatorItem, WebElevatorProps } from "../../types";
+export declare const elevatorContext: React.Context<ElevatorItem>;
+export declare const Elevator: FunctionComponent<Partial<WebElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
+    Context: typeof elevatorContext;
+};

package/dist/cjs/packages/elevator/elevator.js

@@ -0,0 +1,253 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Elevator: function() {
+        return Elevator;
+    },
+    elevatorContext: function() {
+        return elevatorContext;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _react1 = require("@use-gesture/react");
+var _web = require("@react-spring/web");
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _typings = require("../../utils/typings");
+var _hooks = require("../../hooks");
+var elevatorContext = /*#__PURE__*/ (0, _react.createContext)({});
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    mode: 'horizontal',
+    height: '200px',
+    floorKey: 'title',
+    list: [],
+    sticky: false,
+    spaceHeight: 18,
+    showKeys: true,
+    defaultValue: undefined,
+    value: undefined
+});
+var Elevator = function Elevator(props) {
+    var _ref = (0, _object_spread._)({}, defaultProps, props), value = _ref.value, defaultValue = _ref.defaultValue, mode = _ref.mode, height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight, showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = (0, _object_without_properties._)(_ref, [
+        "value",
+        "defaultValue",
+        "mode",
+        "height",
+        "floorKey",
+        "list",
+        "sticky",
+        "spaceHeight",
+        "showKeys",
+        "className",
+        "style",
+        "onItemClick",
+        "onIndexClick",
+        "children"
+    ]);
+    var classPrefix = 'nut-elevator';
+    var listview = (0, _react.useRef)(null);
+    var initData = {
+        anchorIndex: 0,
+        listHeight: [],
+        listGroup: [],
+        scrollY: 0
+    };
+    var touchState = (0, _react.useRef)({
+        y1: 0,
+        y2: 0
+    });
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollY = _useState[0], setScrollY = _useState[1];
+    var _usePropsValue = (0, _sliced_to_array._)((0, _hooks.usePropsValue)({
+        value: value,
+        defaultValue: defaultValue || {}
+    }), 2), currentData = _usePropsValue[0], setCurrentData = _usePropsValue[1];
+    var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), currentIndex = _useState1[0], setCurrentIndex = _useState1[1];
+    var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), codeIndex = _useState2[0], setCodeIndex = _useState2[1];
+    var _useState3 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), scrollStart = _useState3[0], setScrollStart = _useState3[1];
+    var state = (0, _react.useRef)(initData);
+    var resetScrollState = function resetScrollState() {
+        setScrollStart(false);
+    };
+    var getData = function getData(el, name) {
+        var prefix = 'data-';
+        // 检查点击的元素是否直接包含 data-index 属性
+        if (el.hasAttribute('data-index')) {
+            return el.getAttribute(prefix + name);
+        }
+        return '-1';
+    };
+    var calculateHeight = function calculateHeight() {
+        var height = 0;
+        state.current.listHeight.push(height);
+        for(var i = 0; i < state.current.listGroup.length; i++){
+            var item = state.current.listGroup[i];
+            height += item.clientHeight;
+            state.current.listHeight.push(height);
+        }
+    };
+    var scrollTo = function scrollTo(index) {
+        if (!index && index !== 0) {
+            return;
+        }
+        if (!state.current.listHeight.length) {
+            calculateHeight();
+        }
+        var cacheIndex = index;
+        if (index < 0) {
+            cacheIndex = 0;
+        }
+        if (index > state.current.listHeight.length - 2) {
+            cacheIndex = Math.max(0, state.current.listHeight.length - 2);
+        }
+        setCodeIndex(cacheIndex);
+        if (listview.current) {
+            listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
+        }
+    };
+    var bind = (0, _react1.useGesture)({
+        onDragStart: function onDragStart(param) {
+            var target = param.target, offset = param.offset;
+            setScrollStart(true);
+            var index = Number(getData(target, 'index'));
+            if (index < 0) {
+                setScrollStart(false);
+                return;
+            }
+            touchState.current.y1 = offset[1];
+            state.current.anchorIndex = +index;
+            setCodeIndex(function(codeIndex) {
+                return codeIndex + index;
+            });
+            scrollTo(index);
+        },
+        onDragEnd: function onDragEnd(param) {
+            var offset = param.offset;
+            touchState.current.y2 = offset[1];
+            var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
+            // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
+            var cacheIndex = state.current.anchorIndex + Math.round(delta);
+            setCodeIndex(cacheIndex);
+            scrollTo(cacheIndex);
+            resetScrollState();
+        }
+    });
+    var handleClickItem = function handleClickItem(key, item) {
+        onItemClick && onItemClick(key, item);
+        setCurrentData(item);
+    };
+    var handleClickIndex = function handleClickIndex(key) {
+        onIndexClick && onIndexClick(key);
+    };
+    var setListGroup = function setListGroup() {
+        if (listview.current) {
+            var els = listview.current.querySelectorAll('.nut-elevator-list-item');
+            els.forEach(function(el) {
+                if (el != null && !state.current.listGroup.includes(el)) {
+                    state.current.listGroup.push(el);
+                }
+            });
+        }
+    };
+    var listViewScroll = function listViewScroll(e) {
+        var listHeight = state.current.listHeight;
+        if (!listHeight.length) {
+            calculateHeight();
+        }
+        var target = e.target;
+        var scrollTop = target.scrollTop;
+        scrollTop = Math.ceil(scrollTop);
+        state.current.scrollY = scrollTop;
+        setScrollY(scrollTop);
+        for(var i = 0; i < listHeight.length - 1; i++){
+            var height1 = listHeight[i];
+            var height2 = listHeight[i + 1];
+            if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
+                setCurrentIndex(i);
+                return;
+            }
+        }
+        setCurrentIndex(listHeight.length - 2);
+    };
+    (0, _react.useEffect)(function() {
+        if (listview.current) {
+            setListGroup();
+            listview.current.addEventListener('scroll', listViewScroll);
+        }
+    }, [
+        listview
+    ]);
+    var _obj;
+    return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
+        className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(mode, " ").concat(className),
+        style: style
+    }, rest), mode === 'vertical' && sticky && scrollY > 0 ? /*#__PURE__*/ _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-list-fixed")
+    }, /*#__PURE__*/ _react.default.createElement("span", {
+        className: "".concat(classPrefix, "-list-fixed-title")
+    }, list[currentIndex] && String(list[currentIndex][floorKey]))) : null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-list"),
+        style: {
+            height: Number.isNaN(+height) ? height : "".concat(height, "px")
+        }
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-list-inner"),
+        ref: listview
+    }, list.map(function(item, idx) {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-list-item"),
+            key: idx
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-list-item-code")
+        }, item[floorKey]), /*#__PURE__*/ _react.default.createElement("div", {
+            className: "".concat(classPrefix, "-list-item-sublist")
+        }, item.list.map(function(subitem) {
+            var _obj;
+            return /*#__PURE__*/ _react.default.createElement("div", {
+                className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-list-item-name"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id), _obj)),
+                key: subitem.id,
+                onClick: function onClick() {
+                    return handleClickItem(item[floorKey], subitem);
+                }
+            }, children ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(elevatorContext.Provider, {
+                value: subitem
+            }, children)) : subitem.name);
+        })));
+    }))), showKeys ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, list.length && scrollStart ? /*#__PURE__*/ _react.default.createElement("div", {
+        className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-code-current"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-code-current-current"), true), _obj))
+    }, list[codeIndex] && String(list[codeIndex][floorKey])) : null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-bars")
+    }, /*#__PURE__*/ _react.default.createElement(_web.animated.div, (0, _object_spread_props._)((0, _object_spread._)({
+        className: "".concat(classPrefix, "-bars-inner")
+    }, bind()), {
+        style: {
+            touchAction: 'pan-y'
+        }
+    }), list.map(function(item, index) {
+        var _list_currentIndex;
+        var _obj;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === ((_list_currentIndex = list[currentIndex]) === null || _list_currentIndex === void 0 ? void 0 : _list_currentIndex[floorKey])), _obj)),
+            "data-index": index,
+            key: index,
+            onClick: function onClick() {
+                return handleClickIndex(item[floorKey]);
+            }
+        }, String(item[floorKey]));
+    })))) : null);
+};
+Elevator.displayName = 'NutElevator';
+Elevator.Context = elevatorContext;

package/dist/cjs/packages/elevator/index.d.ts

@@ -0,0 +1,3 @@
+import { Elevator } from './elevator';
+export type { WebElevatorProps as ElevatorProps } from "../../types";
+export default Elevator;

package/dist/cjs/packages/elevator/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _elevator = require("./elevator");
+var _default = _elevator.Elevator;

package/dist/cjs/packages/elevator/style/css.js

@@ -0,0 +1 @@
+import './style.css';

package/dist/cjs/packages/elevator/style/elevator.scss

@@ -0,0 +1,162 @@
+.nut-elevator {
+  position: relative;
+  display: flex;
+  width: 100%;
+
+  &-list {
+    position: relative;
+    top: 0;
+    display: flex;
+    width: 100%;
+    overflow: hidden;
+
+    &-inner {
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
+      width: 100%;
+      background-color: $elevator-list-bg-color;
+      overflow: auto;
+    }
+
+    &-item {
+      display: flex;
+      &-sublist {
+        display: flex;
+        flex-direction: column;
+      }
+      &-code {
+        display: flex;
+        align-items: center;
+        height: $elevator-list-item-code-height;
+        font-size: $elevator-list-item-code-font-size;
+        color: $elevator-list-item-code-color;
+        font-weight: $elevator-list-item-code-font-weight;
+      }
+
+      &-name {
+        display: flex;
+        align-items: center;
+        height: $elevator-list-item-name-height;
+        font-size: $elevator-list-font-size;
+        color: $elevator-list-color;
+
+        &-highcolor {
+          color: $color-primary;
+          font-weight: 600;
+        }
+      }
+    }
+
+    &-fixed {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      padding: $elevator-list-item-padding;
+      height: $elevator-list-item-code-height;
+      box-sizing: border-box;
+      box-shadow: $elevator-list-fixed-box-shadow;
+      background-color: $elevator-list-fixed-bg-color;
+      &-title {
+        font-size: $elevator-list-item-code-font-size;
+        color: $elevator-list-fixed-color;
+        font-weight: $elevator-list-item-code-font-weight;
+      }
+    }
+  }
+
+  &-code-current {
+    position: absolute;
+    right: $elevator-list-item-code-current-right;
+    top: $elevator-list-item-code-current-top;
+    transform: $elevator-bars-transform;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: $elevator-list-item-code-current-width;
+    height: $elevator-list-item-code-current-height;
+    border-radius: $elevator-list-item-code-current-border-radius;
+    background: $elevator-list-item-code-current-bg-color;
+    box-shadow: $elevator-list-item-code-current-box-shadow;
+    color: $elevator-list-item-code-current-color;
+  }
+
+  &-bars {
+    position: absolute;
+    right: $elevator-bars-right;
+    top: $elevator-bars-top;
+    transform: $elevator-bars-transform;
+    z-index: $elevator-bars-z-index;
+
+    &-inner {
+      display: flex;
+      flex-direction: column;
+      &-item {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        height: 16px;
+        width: 16px;
+        border-radius: 50%;
+        margin: 1px 0;
+        color: $elevator-bars-color;
+        font-size: $elevator-bars-font-size;
+        cursor: pointer;
+        &-active {
+          font-weight: $font-weight-bold;
+          color: $elevator-bars-active-color;
+          /* #ifndef weapp jd*/
+          background: linear-gradient(to right, #ff475d, #ff0f23);
+          /* #endif */
+          /* #ifdef weapp jd*/
+          background: #ff0f23;
+          /* #endif */
+        }
+      }
+    }
+  }
+  &-horizontal {
+    .nut-elevator-list-item {
+      &-code {
+        width: $elevator-list-item-code-width;
+        justify-content: center;
+      }
+    }
+  }
+  &-vertical {
+    .nut-elevator-list-item {
+      flex-direction: column;
+      &-code {
+        border-bottom: $elevator-list-item-code-border-bottom;
+      }
+      &-name,
+      &-code {
+        padding: $elevator-list-item-padding;
+      }
+    }
+  }
+}
+
+[dir='rtl'] .nut-elevator,
+.nut-rtl .nut-elevator {
+  &-list {
+    &-fixed {
+      left: auto;
+      right: 0;
+    }
+  }
+
+  &-code-current {
+    right: auto;
+    left: $elevator-list-item-code-current-right;
+  }
+
+  &-bars {
+    right: auto;
+    left: $elevator-bars-right;
+  }
+}

package/dist/cjs/packages/elevator/style/index.js

@@ -0,0 +1 @@
+import './elevator.scss';

package/dist/cjs/packages/elevator/style/style.css

@@ -0,0 +1,146 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-elevator {
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+.nut-elevator-list {
+  position: relative;
+  top: 0;
+  display: flex;
+  width: 100%;
+  overflow: hidden;
+}
+.nut-elevator-list-inner {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  width: 100%;
+  background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  overflow: auto;
+}
+.nut-elevator-list-item {
+  display: flex;
+}
+.nut-elevator-list-item-sublist {
+  display: flex;
+  flex-direction: column;
+}
+.nut-elevator-list-item-code {
+  display: flex;
+  align-items: center;
+  height: var(--nutui-elevator-list-item-code-height, 34px);
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-text-help, #888b94));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
+}
+.nut-elevator-list-item-name {
+  display: flex;
+  align-items: center;
+  height: var(--nutui-elevator-list-item-name-height, 34px);
+  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
+}
+.nut-elevator-list-item-name-highcolor {
+  color: var(--nutui-color-primary, #ff0f23);
+  font-weight: 600;
+}
+.nut-elevator-list-fixed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
+  height: var(--nutui-elevator-list-item-code-height, 34px);
+  box-sizing: border-box;
+  box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
+  background-color: var(--nutui-elevator-list-fixed-bg-color, #ffffff);
+}
+.nut-elevator-list-fixed-title {
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
+}
+.nut-elevator-code-current {
+  position: absolute;
+  right: var(--nutui-elevator-list-item-code-current-right, 60px);
+  top: var(--nutui-elevator-list-item-code-current-top, 50%);
+  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--nutui-elevator-list-item-code-current-width, 45px);
+  height: var(--nutui-elevator-list-item-code-current-height, 45px);
+  border-radius: var(--nutui-elevator-list-item-code-current-border-radius, 50%);
+  background: var(--nutui-elevator-list-item-code-current-bg-color, var(--nutui-color-text-disabled, #c2c4cc));
+  box-shadow: 0 3px 3px 1px rgb(240, 240, 240);
+  color: var(--nutui-elevator-list-item-code-current-color, #ffffff);
+}
+.nut-elevator-bars {
+  position: absolute;
+  right: var(--nutui-elevator-bars-right, 16px);
+  top: var(--nutui-elevator-bars-top, 50%);
+  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
+  z-index: var(--nutui-elevator-bars-z-index, 1);
+}
+.nut-elevator-bars-inner {
+  display: flex;
+  flex-direction: column;
+}
+.nut-elevator-bars-inner-item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin: 1px 0;
+  color: var(--nutui-elevator-bars-color, var(--nutui-color-text-help, #888b94));
+  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-xxs, 10px));
+  cursor: pointer;
+}
+.nut-elevator-bars-inner-item-active {
+  font-weight: var(--nutui-font-weight-bold, 600);
+  color: var(--nutui-elevator-bars-active-color, #ffffff);
+  /* #ifndef weapp jd*/
+  background: linear-gradient(to right, #ff475d, #ff0f23);
+  /* #endif */
+  /* #ifdef weapp jd*/
+  background: #ff0f23;
+  /* #endif */
+}
+.nut-elevator-horizontal .nut-elevator-list-item-code {
+  width: var(--nutui-elevator-list-item-code-width, 34px);
+  justify-content: center;
+}
+.nut-elevator-vertical .nut-elevator-list-item {
+  flex-direction: column;
+}
+.nut-elevator-vertical .nut-elevator-list-item-code {
+  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+}
+.nut-elevator-vertical .nut-elevator-list-item-name, .nut-elevator-vertical .nut-elevator-list-item-code {
+  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
+}
+
+[dir=rtl] .nut-elevator-list-fixed,
+.nut-rtl .nut-elevator-list-fixed {
+  left: auto;
+  right: 0;
+}
+[dir=rtl] .nut-elevator-code-current,
+.nut-rtl .nut-elevator-code-current {
+  right: auto;
+  left: var(--nutui-elevator-list-item-code-current-right, 60px);
+}
+[dir=rtl] .nut-elevator-bars,
+.nut-rtl .nut-elevator-bars {
+  right: auto;
+  left: var(--nutui-elevator-bars-right, 16px);
+}

package/dist/cjs/packages/elevator/style-jmapp/css.js

@@ -0,0 +1 @@
+import './style.css';