@nutui/nutui-react-taro 3.0.12 → 3.0.13

package/CHANGELOG.md

@@ -1,16 +1,32 @@
-# v3.0.12
-`2025-05-17`
+
+# v3.0.13
+`2025-05-30`
 
 
-* :sparkles: feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 (#3217)
-* :sparkles: feat(progress): 兼容并支持taro components的progressProps & v15适配 (#3202)
-* :sparkles: feat(searchbar): v15 适配,增加了受控和默认值 (#3209)
-* :sparkles: feat(steps): v15 (#3216)
-* :bug: fix(uploader): beforeUpload failed to work (#3219)
-* :bug: fix(uploader): 多端上传媒体文件逻辑与2x保持一致 (#3223)
-* :bug: fix(address): 构建单一样式文件 (#3220)
+* :sparkles: feat(lottie): 支持显示设置 dpr 设置宽高 (#3237)
+* :sparkles: feat(Textarea): 增加 ref 属性 (#3229)
+* :sparkles: feat(Swiper): 修订autoplay属性,并在taro版本上对齐了tc属性值 (#3225)
+* :bug: fix: 删除无用代码
+* :bug: fix: 适配td (#3241)
+* :bug: fix(input): 不需要加 get 属性的，用 nativeElement 就可了 (#3235)
+* :bug: fix(pickerview): 高度获取失败兜底值变更 (#3230)
+* :bug: fix(uploader): 修复官网蒙层层级、demo中ListItem类型的引入并更新文档 (#3239)
+* :bug: fix(textarea): 修订没有写placeholder时无法展示默认值的情况 (#3233)
+* :bug: fix(configprovider): 调整demo展示 (#3232)
 
 
+# v3.0.12
+
+`2025-05-17`
+
+- :sparkles: feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 (#3217)
+- :sparkles: feat(progress): 兼容并支持taro components的progressProps & v15适配 (#3202)
+- :sparkles: feat(searchbar): v15 适配,增加了受控和默认值 (#3209)
+- :sparkles: feat(steps): v15 (#3216)
+- :bug: fix(uploader): beforeUpload failed to work (#3219)
+- :bug: fix(uploader): 多端上传媒体文件逻辑与2x保持一致 (#3223)
+- :bug: fix(address): 构建单一样式文件 (#3220)
+
 # v3.0.11
 
 `2025-05-09`

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

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-color-background-sunken, #f7f8fc);

package/dist/cjs/packages/address/style/style.harmony.css

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: #f7f8fc;

package/dist/cjs/packages/address/style-jmapp/address.scss

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f8f8f8);

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

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

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

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f0f0f0);

package/dist/cjs/packages/avatar/avatar.js

@@ -24,7 +24,7 @@ var _platform = require("../../utils/taro/platform");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../avatargroup/index"));
 var _pxtransform = require("../../utils/taro/px-transform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
-    size: (0, _platform.harmony)() ? '40' : '',
+    size: (0, _platform.harmony)() || (0, _platform.td)() ? '40' : '',
     shape: 'round',
     icon: '',
     background: '#eee',

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

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/cjs/packages/button/style/style.harmony.css

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/cjs/packages/button/style-jmapp/button.scss

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

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

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

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

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

package/dist/cjs/packages/collapseitem/style/style.harmony.css

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

package/dist/cjs/packages/collapseitem/style-jmapp/collapseitem.scss

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, none);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

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

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, none);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

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

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 124px);

package/dist/cjs/packages/dialog/style/style.harmony.css

@@ -8,7 +8,7 @@
   align-items: center;
   width: 295px;
   min-width: 240px;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: 124px;

package/dist/cjs/packages/dialog/style-jmapp/dialog.scss

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 60px);

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

@@ -6,7 +6,7 @@
   align-items: center;
   width: $dialog-width;
   min-width: $dialog-min-width;
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: $dialog-min-height;

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

@@ -8,7 +8,7 @@
   align-items: center;
   width: var(--nutui-dialog-width, 295px);
   min-width: var(--nutui-dialog-min-width, 240px);
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   max-height: 67%;
   /* #endif */
   min-height: var(--nutui-dialog-min-height, 60px);

package/dist/cjs/packages/loading/loading.js

@@ -27,10 +27,6 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     type: 'circular',
     direction: 'horizontal'
 });
-var defaultLottieProps = {
-    loop: true,
-    autoplay: true
-};
 var Loading = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, style = _ref.style, children = _ref.children, direction = _ref.direction, icon = _ref.icon, rest = (0, _object_without_properties._)(_ref, [
         "className",

package/dist/cjs/packages/lottie/lottiemp.js

@@ -20,7 +20,7 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var id = "nutLottie-".concat(uuid);
     var animation = (0, _react.useRef)();
     var inited = (0, _react.useRef)(false);
-    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed;
+    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
     var setSpeed = function setSpeed() {
         if (animation.current) {
             animation.current.setSpeed(Math.abs(speed));
@@ -30,7 +30,7 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     (0, _react.useImperativeHandle)(ref, function() {
         return animation.current || {};
     });
-    var dpr = (0, _react.useRef)((0, _getsysteminfo.getWindowInfo)().pixelRatio);
+    var pixelRatio = (0, _react.useRef)((0, _getsysteminfo.getWindowInfo)().pixelRatio);
     (0, _taro.useReady)(function() {
         (0, _taro.createSelectorQuery)().select("#".concat(id)).fields({
             node: true,
@@ -39,11 +39,12 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             try {
                 var canvas = res.node;
                 var context = canvas.getContext('2d');
-                // scale canvas to adapt dpr
+                // scale canvas to adapt pixelRatio
                 if (style && style.width !== undefined && style.height !== undefined) {
-                    canvas.width = parseFloat(style.width.toString()) * dpr.current;
-                    canvas.height = parseFloat(style.height.toString()) * dpr.current;
-                    context.scale(dpr.current, dpr.current);
+                    var finalDpr = dpr ? pixelRatio.current : 1;
+                    canvas.width = parseFloat(style.width.toString()) * finalDpr;
+                    canvas.height = parseFloat(style.height.toString()) * finalDpr;
+                    context.scale(finalDpr, finalDpr);
                 }
                 _lottieminiprogram.default.setup(canvas);
                 animation.current = _lottieminiprogram.default.loadAnimation({

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

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style/style.harmony.css

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/numberkeyboard/style-jmapp/numberkeyboard.scss

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

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

@@ -48,10 +48,10 @@
     &-wrapper {
       position: relative;
       flex: 1;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       width: 33%;
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       flex-basis: 33%;
       /* #endif */
       box-sizing: border-box;

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

@@ -48,10 +48,10 @@
 .nut-numberkeyboard-body-wrapper {
   position: relative;
   flex: 1;
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   width: 33%;
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   flex-basis: 33%;
   /* #endif */
   box-sizing: border-box;

package/dist/cjs/packages/pagination/pagination.js

@@ -107,11 +107,11 @@ var Pagination = function Pagination(props) {
         }
     }, (0, _addcolorforharmony.addColorForHarmony)(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-lite")
-    }, /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-active")
-    }, current), /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, current), /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-spliterator")
-    }, "/"), /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, "/"), /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-lite-default")
     }, pageCount)));
 };