@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/esm/Card/style/css.js

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

package/dist/esm/Card/style/style.css

@@ -0,0 +1 @@
+.nut-price{font-size:var(--nutui-font-size-3, 16px);display:inline;color:var(--nutui-brand-color, #fa2c19)}.nut-price--line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-gray-2, #757575))!important}.nut-price__symbol,.nut-price__integer,.nut-price__decimal{display:inline-block}.nut-price__symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price__symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price__symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price__integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price__integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price__integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price__decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price__decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price__decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;background-color:var(--nutui-card-left-background-color, inherit);border-radius:var(--nutui-card-left-border-radius, 0)}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px}.nut-card .nut-card__right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-0, 10px)}.nut-card .nut-card__right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:#999;font-size:12px;padding-top:4px}

package/dist/esm/Card.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "imgUrl", "title", "price", "vipPrice", "shopDesc", "delivery", "shopName", "shopTagTpl", "originTpl", "prolistTpl", "footerTpl"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -26,42 +26,55 @@ import React__default from "react";
 import classNames from "classnames";
 import Price from "./Price.js";
 import Tag from "./Tag.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {};
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  src: "",
+  title: "",
+  price: "",
+  vipPrice: "",
+  shopDescription: "",
+  delivery: "",
+  shopName: "",
+  description: "",
+  tag: "",
+  priceTag: "",
+  extra: ""
+});
 var Card = function Card2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, imgUrl = _defaultProps$props.imgUrl, title = _defaultProps$props.title, price = _defaultProps$props.price, vipPrice = _defaultProps$props.vipPrice, shopDesc = _defaultProps$props.shopDesc, delivery = _defaultProps$props.delivery, shopName = _defaultProps$props.shopName, shopTagTpl = _defaultProps$props.shopTagTpl, originTpl = _defaultProps$props.originTpl, prolistTpl = _defaultProps$props.prolistTpl, footerTpl = _defaultProps$props.footerTpl, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("card");
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, src = _defaultProps$props.src, title = _defaultProps$props.title, price = _defaultProps$props.price, vipPrice = _defaultProps$props.vipPrice, shopDescription = _defaultProps$props.shopDescription, delivery = _defaultProps$props.delivery, shopName = _defaultProps$props.shopName, tag = _defaultProps$props.tag, priceTag = _defaultProps$props.priceTag, description = _defaultProps$props.description, extra = _defaultProps$props.extra, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-card";
   return React__default.createElement("div", _objectSpread({
-    className: classNames(b(), className),
+    className: classNames(classPrefix, className),
     style
   }, rest), React__default.createElement("div", {
-    className: b("left")
+    className: "".concat(classPrefix, "__left")
   }, React__default.createElement("img", {
-    src: imgUrl,
+    src,
     alt: ""
   })), React__default.createElement("div", {
-    className: b("right")
+    className: "".concat(classPrefix, "__right")
   }, React__default.createElement("div", {
-    className: b("right__title")
-  }, title), prolistTpl, React__default.createElement("div", {
-    className: b("right__price")
+    className: "".concat(classPrefix, "__right-title")
+  }, title), description, React__default.createElement("div", {
+    className: "".concat(classPrefix, "right-price")
   }, React__default.createElement(Price, {
+    size: "normal",
     price
-  }), originTpl || React__default.createElement(Price, {
-    className: b("right__price__origin"),
+  }), priceTag || React__default.createElement(Price, {
+    size: "normal",
+    className: "".concat(classPrefix, "right-price-origin"),
     price: vipPrice
   })), React__default.createElement("div", {
-    className: b("right__other")
-  }, shopTagTpl || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
+    className: "".concat(classPrefix, "right-other")
+  }, tag || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
     type: "danger"
-  }, shopDesc), React__default.createElement(Tag, {
+  }, shopDescription), React__default.createElement(Tag, {
     plain: true
   }, delivery))), React__default.createElement("div", {
-    className: b("right__shop")
+    className: "".concat(classPrefix, "right-shop")
   }, React__default.createElement("div", {
-    className: b("right__shop__name")
-  }, shopName), footerTpl)));
+    className: "".concat(classPrefix, "right-shop-name")
+  }, shopName), extra)));
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";

package/dist/esm/Cascader/style/css.js

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

package/dist/esm/Cascader/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;display:flex;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);flex-shrink:0;overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}