@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/CircleProgress.js

@@ -1,75 +1,40 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { a as isObject } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  strokeWidth: 5,
-  radius: 50,
-  strokeLinecap: "round",
-  color: "#fa2c19",
-  background: "#e5e9f2",
-  clockwise: true
-});
-var classPrefix = "nut-circleprogress";
-var CircleProgress = function CircleProgress2(props) {
-  var _stop;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = classNames(classPrefix, className);
-  var refRandomId = Math.random().toString(36).slice(-8);
-  var styles = _objectSpread({
-    height: "".concat(Number(radius) * 2, "px"),
-    width: "".concat(Number(radius) * 2, "px")
-  }, style);
-  var pathStyle = {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { strokeWidth: 5, radius: 50, strokeLinecap: "round", color: "#fa2c19", background: "#e5e9f2", clockwise: true });
+const classPrefix = `nut-circleprogress`;
+const CircleProgress = (props) => {
+  var _a;
+  const _b = Object.assign(Object.assign({}, defaultProps), props), { children, percent, className, radius, clockwise, strokeWidth, color, background, style, strokeLinecap } = _b, restProps = __rest(_b, ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"]);
+  const classes = classNames(classPrefix, className);
+  const refRandomId = Math.random().toString(36).slice(-8);
+  const styles = Object.assign({ height: `${Number(radius) * 2}px`, width: `${Number(radius) * 2}px` }, style);
+  const pathStyle = {
     stroke: background
   };
-  var hoverStyle = function hoverStyle2() {
-    var perimeter = 283;
-    var offset = perimeter * Number(percent) / 100;
+  const hoverStyle = () => {
+    const perimeter = 283;
+    const offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(color) ? "url(#".concat(refRandomId, ")") : color,
-      strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
+      stroke: isObject(color) ? `url(#${refRandomId})` : color,
+      strokeDasharray: `${offset}px ${perimeter}px`
     };
   };
-  var path = function path2() {
-    var isWise = clockwise ? 1 : 0;
-    return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
+  const path = () => {
+    const isWise = clockwise ? 1 : 0;
+    return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
-  var stop = function stop2() {
+  const stop = () => {
     if (!isObject(props.color)) {
       return;
     }
-    var color2 = props.color;
-    var colorArr = Object.keys(color2).sort(function(a, b) {
-      return parseFloat(a) - parseFloat(b);
-    });
-    var stopArr = [];
-    colorArr.forEach(function(item) {
-      var obj = {
+    const color2 = props.color;
+    const colorArr = Object.keys(color2).sort((a, b) => parseFloat(a) - parseFloat(b));
+    const stopArr = [];
+    colorArr.forEach((item) => {
+      const obj = {
         key: "",
         value: ""
       };
@@ -79,40 +44,24 @@ var CircleProgress = function CircleProgress2(props) {
     });
     return stopArr;
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style: styles
-  }, restProps), React__default.createElement("svg", {
-    viewBox: "0 0 100 100"
-  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
-    id: refRandomId,
-    x1: "100%",
-    y1: "0%",
-    x2: "0%",
-    y2: "0%"
-  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function(item, index) {
-    return React__default.createElement("stop", {
-      key: index,
-      offset: item.key,
-      stopColor: item.value
-    });
-  }))), React__default.createElement("path", {
-    className: "nut-circleprogress-path",
-    d: path(),
-    style: pathStyle,
-    fill: "none",
-    strokeWidth
-  }), React__default.createElement("path", {
-    className: "nut-circleprogress-hover",
-    style: hoverStyle(),
-    d: path(),
-    fill: "none",
-    strokeLinecap,
-    transform: "rotate(90,50,50)",
-    strokeWidth
-  })), React__default.createElement("div", {
-    className: "nut-circleprogress-text"
-  }, children));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style: styles }, restProps),
+    React__default.createElement(
+      "svg",
+      { viewBox: "0 0 100 100" },
+      React__default.createElement(
+        "defs",
+        null,
+        React__default.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a = stop()) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
+          return React__default.createElement("stop", { key: index, offset: item.key, stopColor: item.value });
+        }))
+      ),
+      React__default.createElement("path", { className: "nut-circleprogress-path", d: path(), style: pathStyle, fill: "none", strokeWidth }),
+      React__default.createElement("path", { className: "nut-circleprogress-hover", style: hoverStyle(), d: path(), fill: "none", strokeLinecap, transform: "rotate(90,50,50)", strokeWidth })
+    ),
+    React__default.createElement("div", { className: "nut-circleprogress-text" }, children)
+  );
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";

package/dist/esm/Col.js

@@ -1,61 +1,30 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./UserContext.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  span: "24",
-  offset: "0",
-  gutter: "0"
-});
-var Col = function Col2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, span = _defaultProps$props.span, offset = _defaultProps$props.offset, children = _defaultProps$props.children, _onClick = _defaultProps$props.onClick;
-  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), colName = _useState2[0], setColName = _useState2[1];
-  var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), colStyle = _useState4[0], setColStyle = _useState4[1];
-  var _useContext = useContext(DataContext), gutter = _useContext.gutter;
-  var classs = function classs2() {
-    var prefixCls = "nut-col";
-    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : "", " ").concat(prefixCls, "-offset-").concat(offset);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { span: "24", offset: "0", gutter: "0" });
+const Col = (props) => {
+  const { className, style, span, offset, children, onClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const [colName, setColName] = useState("");
+  const [colStyle, setColStyle] = useState({});
+  const { gutter } = useContext(DataContext);
+  const classs = () => {
+    const prefixCls = "nut-col";
+    return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-offset-${offset}`;
   };
-  var getStyle = function getStyle2() {
-    var style2 = {};
-    style2.paddingLeft = "".concat(gutter / 2, "px");
-    style2.paddingRight = "".concat(gutter / 2, "px");
+  const getStyle = () => {
+    const style2 = {};
+    style2.paddingLeft = `${gutter / 2}px`;
+    style2.paddingRight = `${gutter / 2}px`;
     return style2;
   };
-  useEffect(function() {
+  useEffect(() => {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
-  return React__default.createElement("div", {
-    className: classNames(colName, className),
-    style: _objectSpread(_objectSpread({}, style), colStyle),
-    onClick: function onClick(e) {
-      _onClick && _onClick(e, "col");
-    }
-  }, children);
+  return React__default.createElement("div", { className: classNames(colName, className), style: Object.assign(Object.assign({}, style), colStyle), onClick: (e) => {
+    onClick && onClick(e, "col");
+  } }, children);
 };
 Col.defaultProps = defaultProps;
 Col.displayName = "NutCol";

package/dist/esm/Collapse/style/style.css

@@ -1 +1 @@
-.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 0px 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;padding-right:40px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon-box,.nut-rtl .nut-collapse-item-icon-box{padding-right:0;padding-left:40px}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}
+.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;width:24px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}

package/dist/esm/Collapse.js

@@ -1,50 +1,22 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useCallback } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { a as CollapseContext, C as CollapseItem } from "./collapseitem2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  defaultActiveName: [],
-  accordion: false,
-  expandIcon: null,
-  rotate: 180
-});
-var Collapse = function Collapse2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, activeName = _defaultProps$props.activeName, defaultActiveName = _defaultProps$props.defaultActiveName, accordion = _defaultProps$props.accordion, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, onChange = _defaultProps$props.onChange;
-  var classPrefix = "nut-collapse";
-  var _usePropsValue = usePropsValue({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultActiveName: [], accordion: false, expandIcon: null, rotate: 180 });
+const Collapse = (props) => {
+  const { className, style, children, activeName, defaultActiveName, accordion, expandIcon, rotate, onChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-collapse";
+  const [value, setValue] = usePropsValue({
     value: activeName,
     defaultValue: defaultActiveName,
     finalValue: []
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
-  var changeVal = function changeVal2(newValue, name, isOpen2) {
+  });
+  const changeVal = (newValue, name, isOpen2) => {
     setValue(newValue);
     onChange && onChange(newValue, name, isOpen2);
   };
-  var updateValue = function updateValue2(name) {
+  const updateValue = (name) => {
     if (accordion) {
       if (value === name) {
         changeVal("", name, false);
@@ -53,19 +25,17 @@ var Collapse = function Collapse2(props) {
       }
     } else if (Array.isArray(value)) {
       if (value.includes(name)) {
-        var newValue = value.filter(function(v) {
-          return v !== name;
-        });
+        const newValue = value.filter((v) => v !== name);
         changeVal(newValue, name, false);
       } else {
-        var _newValue = value.concat([name]);
-        changeVal(_newValue, name, true);
+        const newValue = value.concat([name]);
+        changeVal(newValue, name, true);
       }
     } else {
       console.warn("[NutUI] <Collapse> 未开启手风琴模式时 activeName 应为数组");
     }
   };
-  var isOpen = useCallback(function(name) {
+  const isOpen = useCallback((name) => {
     if (accordion) {
       return value === name;
     }
@@ -74,17 +44,16 @@ var Collapse = function Collapse2(props) {
     }
     return false;
   }, [accordion, value]);
-  return React__default.createElement(CollapseContext.Provider, {
-    value: {
+  return React__default.createElement(
+    CollapseContext.Provider,
+    { value: {
       isOpen,
       updateValue,
       expandIcon,
       rotate
-    }
-  }, React__default.createElement("div", {
-    className: classNames(classPrefix, className),
-    style
-  }, children));
+    } },
+    React__default.createElement("div", { className: classNames(classPrefix, className), style }, children)
+  );
 };
 Collapse.defaultProps = defaultProps;
 Collapse.displayName = "NutCollapse";

package/dist/esm/CollapseItem/style/style.css

@@ -1 +1 @@
-.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 0px 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;padding-right:40px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon-box,.nut-rtl .nut-collapse-item-icon-box{padding-right:0;padding-left:40px}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}
+.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;width:24px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}

package/dist/esm/ConfigProvider.js

@@ -1,8 +1,9 @@
 import { C as ConfigProvider } from "./configprovider2.js";
-import { g, s, u } from "./configprovider2.js";
+import { g, s, u, a } from "./configprovider2.js";
 export {
   ConfigProvider as default,
   g as getDefaultConfig,
   s as setDefaultConfig,
-  u as useConfig
+  u as useConfig,
+  a as useRtl
 };