@nutui/nutui-react 1.3.4 → 1.3.5-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.3.5
2
+ `2022-09-28`
3
+ * :sparkles: feat: cascader 组件适配 taro (#318) @ailululu
4
+ * :sparkles: feat: Address 组件Taro适配 (#327) @yangxiaolu1993
5
+ * :sparkles: feat: imagepreview 适配 taro (#326) @eiinu
6
+ * :sparkles: feat: 对话框 Dialog 适配Taro修改 (#323) @yangjinjun3
7
+ * :bug: fix:rate组件+switch组件 demo优化, rate组件lint问题修复 (#321) @libin0824
8
+ * :sparkles: feat: notify组件适配taro (#319) @vickyYe
9
+ * :sparkles: feat: table 组件适配小程序 (#320) @eiinu
10
+ * :bug: fix: AnimatingNumber 组件 Taro 适配完成 (#317) @irisSong
11
+ * :bug: fix: Infiniteloading修复ts报错 (#316) @junjun666
12
+
1
13
  ## v1.3.4
2
14
  `2022-09-21`
3
15
  * :sparkles: feat: Infiniteloading滚动taro适配优化开发 (#308) @junjun666
@@ -1,2 +1,3 @@
1
- import '../../Popup/style'
1
+ import '../../Popup/style'
2
+ import '../../Tabs/style'
2
3
  import '../../../packages/cascader/cascader.scss'
@@ -263,6 +263,7 @@ var Tree = /*#__PURE__*/function () {
263
263
  var defaultProps = _objectSpread({
264
264
  className: '',
265
265
  style: {},
266
+ poppable: true,
266
267
  visible: false,
267
268
  options: [],
268
269
  value: [],
@@ -285,6 +286,7 @@ var InternalCascader = function InternalCascader(props) {
285
286
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
286
287
  className = _defaultProps$props.className,
287
288
  style = _defaultProps$props.style,
289
+ poppable = _defaultProps$props.poppable,
288
290
  visible = _defaultProps$props.visible,
289
291
  options = _defaultProps$props.options,
290
292
  value = _defaultProps$props.value,
@@ -724,10 +726,57 @@ var InternalCascader = function InternalCascader(props) {
724
726
  };
725
727
  }();
726
728
 
727
- return React__default.createElement("div", {
728
- className: "".concat(classes, " ").concat(className),
729
- style: style
730
- }, React__default.createElement(Popup, {
729
+ var renderItem = function renderItem() {
730
+ return React__default.createElement("div", {
731
+ className: "".concat(classes, " ").concat(className),
732
+ style: style
733
+ }, poppable && React__default.createElement("div", {
734
+ className: b('title')
735
+ }, title), React__default.createElement(Tabs, {
736
+ value: tabvalue,
737
+ titleNode: function titleNode() {
738
+ return optiosData.map(function (pane, index) {
739
+ var _pane$selectedNode, _pane$selectedNode2;
740
+
741
+ return React__default.createElement("div", {
742
+ onClick: function onClick() {
743
+ setTabvalue(pane.paneKey);
744
+ state.tabsCursor = index;
745
+ },
746
+ className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? 'active' : ''),
747
+ key: pane.paneKey
748
+ }, React__default.createElement("span", {
749
+ className: "nut-tabs__titles-item__text"
750
+ }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && '请选择', !(!state.initLoading && state.panes.length) && 'Loading...'), React__default.createElement("span", {
751
+ className: "nut-tabs__titles-item__line"
752
+ }));
753
+ });
754
+ }
755
+ }, !state.initLoading && state.panes.length ? optiosData.map(function (pane) {
756
+ return React__default.createElement(TabPane, {
757
+ key: pane.paneKey,
758
+ paneKey: pane.paneKey
759
+ }, React__default.createElement("div", {
760
+ className: classesPane
761
+ }, pane.nodes && pane.nodes.map(function (node, index) {
762
+ var _pane$selectedNode3;
763
+
764
+ return React__default.createElement(CascaderItem, _objectSpread(_objectSpread({
765
+ key: index
766
+ }, props), {}, {
767
+ data: node,
768
+ checked: ((_pane$selectedNode3 = pane.selectedNode) === null || _pane$selectedNode3 === void 0 ? void 0 : _pane$selectedNode3.value) === node.value,
769
+ chooseItem: function chooseItem(node) {
770
+ return _chooseItem(node, false);
771
+ }
772
+ }));
773
+ })));
774
+ }) : React__default.createElement(TabPane, null, React__default.createElement("div", {
775
+ className: classesPane
776
+ }))));
777
+ };
778
+
779
+ return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
731
780
  popClass: "cascadar-popup",
732
781
  visible: visible,
733
782
  position: "bottom",
@@ -737,50 +786,7 @@ var InternalCascader = function InternalCascader(props) {
737
786
  closeIcon: closeIcon,
738
787
  onClickOverlay: closePopup,
739
788
  onClickCloseIcon: closePopup
740
- }, React__default.createElement("div", {
741
- className: b('title')
742
- }, title), React__default.createElement(Tabs, {
743
- value: tabvalue,
744
- titleNode: function titleNode() {
745
- return optiosData.map(function (pane, index) {
746
- var _pane$selectedNode, _pane$selectedNode2;
747
-
748
- return React__default.createElement("div", {
749
- onClick: function onClick() {
750
- setTabvalue(pane.paneKey);
751
- state.tabsCursor = index;
752
- },
753
- className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? 'active' : ''),
754
- key: pane.paneKey
755
- }, React__default.createElement("span", {
756
- className: "nut-tabs__titles-item__text"
757
- }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && '请选择', !(!state.initLoading && state.panes.length) && 'Loading...'), React__default.createElement("span", {
758
- className: "nut-tabs__titles-item__line"
759
- }));
760
- });
761
- }
762
- }, !state.initLoading && state.panes.length ? optiosData.map(function (pane) {
763
- return React__default.createElement(TabPane, {
764
- key: pane.paneKey,
765
- paneKey: pane.paneKey
766
- }, React__default.createElement("div", {
767
- className: classesPane
768
- }, pane.nodes && pane.nodes.map(function (node, index) {
769
- var _pane$selectedNode3;
770
-
771
- return React__default.createElement(CascaderItem, _objectSpread(_objectSpread({
772
- key: index
773
- }, props), {}, {
774
- data: node,
775
- checked: ((_pane$selectedNode3 = pane.selectedNode) === null || _pane$selectedNode3 === void 0 ? void 0 : _pane$selectedNode3.value) === node.value,
776
- chooseItem: function chooseItem(node) {
777
- return _chooseItem(node, false);
778
- }
779
- }));
780
- })));
781
- }) : React__default.createElement(TabPane, null, React__default.createElement("div", {
782
- className: classesPane
783
- })))));
789
+ }, renderItem()) : renderItem());
784
790
  };
785
791
 
786
792
  var Cascader = React__default.forwardRef(InternalCascader);
@@ -1,2 +1,4 @@
1
-
1
+ import '../../Popup/style'
2
+ import '../../Swiper/style'
3
+ import '../../Video/style'
2
4
  import '../../../packages/imagepreview/imagepreview.scss'
@@ -232,14 +232,14 @@ var ImagePreview = function ImagePreview(props) {
232
232
  initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
233
233
  paginationColor: paginationColor,
234
234
  paginationVisible: paginationVisible
235
- }, videos && videos.length > 0 && videos.map(function (item, index) {
235
+ }, (videos && videos.length > 0 ? videos.map(function (item, index) {
236
236
  return React__default.createElement(SwiperItem, {
237
237
  key: index
238
238
  }, React__default.createElement(Video, {
239
239
  source: item.source,
240
240
  options: item.options
241
241
  }));
242
- }), images && images.length > 0 && images.map(function (item, index) {
242
+ }) : []).concat(images && images.length > 0 ? images.map(function (item, index) {
243
243
  return React__default.createElement(SwiperItem, {
244
244
  key: index
245
245
  }, React__default.createElement("img", {
@@ -247,7 +247,7 @@ var ImagePreview = function ImagePreview(props) {
247
247
  alt: "",
248
248
  className: "nut-imagepreview-img"
249
249
  }));
250
- }))), React__default.createElement("div", {
250
+ }) : []))), React__default.createElement("div", {
251
251
  className: "nut-imagepreview-index"
252
252
  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
253
253
  };
package/dist/esm/Rate.js CHANGED
@@ -71,7 +71,7 @@ var Rate = function Rate(props) {
71
71
  }, [modelValue]);
72
72
 
73
73
  var pxCheck = function pxCheck(value) {
74
- return isNaN(Number(value)) ? String(value) : "".concat(value, "px");
74
+ return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
75
75
  };
76
76
 
77
77
  var _onClick = function onClick(e, index) {
@@ -79,7 +79,8 @@ var Rate = function Rate(props) {
79
79
  e.stopPropagation();
80
80
  if (disabled || readonly) return;
81
81
  var value = 0;
82
- if (index === 1 && score === index) ;else {
82
+
83
+ if (!(index === 1 && score === index)) {
83
84
  value = index;
84
85
 
85
86
  if (allowHalf) {
@@ -88,6 +89,7 @@ var Rate = function Rate(props) {
88
89
  }
89
90
  }
90
91
  }
92
+
91
93
  value = Math.max(value, Number(minimizeValue));
92
94
  setScore(value);
93
95
  onChange && onChange(value);
@@ -1,2 +1,2 @@
1
-
1
+ import '../../SwiperItem/style'
2
2
  import '../../../packages/swiper/swiper.scss'
@@ -3,6 +3,7 @@ import { CascaderOption } from './types';
3
3
  export interface CascaderProps {
4
4
  className: string;
5
5
  style: CSSProperties;
6
+ poppable: boolean;
6
7
  visible: boolean;
7
8
  options: CascaderOption[];
8
9
  value: string[];
@@ -1,2 +1,2 @@
1
- import Notify from './notify.taro';
1
+ import { Notify } from './notify.taro';
2
2
  export default Notify;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:59 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:59 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:59 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:59 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:28:28 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:59 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:27:51 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:15:31 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -4826,23 +4826,21 @@ function resolveWith(config2 = {}, resolvers) {
4826
4826
  }
4827
4827
  return result;
4828
4828
  }
4829
- function parse(config2, gestureKey) {
4830
- const _ref = config2, {
4829
+ function parse(newConfig, gestureKey, _config = {}) {
4830
+ const _ref = newConfig, {
4831
4831
  target,
4832
4832
  eventOptions,
4833
4833
  window: window2,
4834
4834
  enabled,
4835
4835
  transform
4836
4836
  } = _ref, rest = _objectWithoutProperties(_ref, _excluded$4);
4837
- const _config = {
4838
- shared: resolveWith({
4839
- target,
4840
- eventOptions,
4841
- window: window2,
4842
- enabled,
4843
- transform
4844
- }, sharedConfigResolver)
4845
- };
4837
+ _config.shared = resolveWith({
4838
+ target,
4839
+ eventOptions,
4840
+ window: window2,
4841
+ enabled,
4842
+ transform
4843
+ }, sharedConfigResolver);
4846
4844
  if (gestureKey) {
4847
4845
  const resolver = ConfigResolverMap.get(gestureKey);
4848
4846
  _config[gestureKey] = resolveWith(_objectSpread2({
@@ -4939,7 +4937,7 @@ class Controller$1 {
4939
4937
  this.nativeHandlers = nativeHandlers;
4940
4938
  }
4941
4939
  applyConfig(config2, gestureKey) {
4942
- this.config = parse(config2, gestureKey);
4940
+ this.config = parse(config2, gestureKey, this.config);
4943
4941
  }
4944
4942
  clean() {
4945
4943
  this._targetEventStore.clean();
@@ -12427,7 +12425,7 @@ const Rate = (props) => {
12427
12425
  setScore(Math.max(Number(modelValue), Number(minimizeValue)));
12428
12426
  }, [modelValue]);
12429
12427
  const pxCheck2 = (value) => {
12430
- return isNaN(Number(value)) ? String(value) : `${value}px`;
12428
+ return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
12431
12429
  };
12432
12430
  const onClick = (e2, index2) => {
12433
12431
  e2.preventDefault();
@@ -12435,9 +12433,7 @@ const Rate = (props) => {
12435
12433
  if (disabled || readonly)
12436
12434
  return;
12437
12435
  let value = 0;
12438
- if (index2 === 1 && score === index2)
12439
- ;
12440
- else {
12436
+ if (!(index2 === 1 && score === index2)) {
12441
12437
  value = index2;
12442
12438
  if (allowHalf) {
12443
12439
  if ((e2 == null ? void 0 : e2.target).className.includes("__icon--half")) {
@@ -13663,6 +13659,7 @@ class Tree {
13663
13659
  const defaultProps$H = {
13664
13660
  className: "",
13665
13661
  style: {},
13662
+ poppable: true,
13666
13663
  visible: false,
13667
13664
  options: [],
13668
13665
  value: [],
@@ -13689,6 +13686,7 @@ const InternalCascader = (props) => {
13689
13686
  const {
13690
13687
  className,
13691
13688
  style,
13689
+ poppable,
13692
13690
  visible,
13693
13691
  options: options2,
13694
13692
  value,
@@ -13908,10 +13906,50 @@ const InternalCascader = (props) => {
13908
13906
  }
13909
13907
  setOptiosData(state.panes);
13910
13908
  };
13911
- return /* @__PURE__ */ React__default.createElement("div", {
13912
- className: `${classes} ${className}`,
13913
- style
13914
- }, /* @__PURE__ */ React__default.createElement(Popup, {
13909
+ const renderItem = () => {
13910
+ return /* @__PURE__ */ React__default.createElement("div", {
13911
+ className: `${classes} ${className}`,
13912
+ style
13913
+ }, poppable && /* @__PURE__ */ React__default.createElement("div", {
13914
+ className: b2("title")
13915
+ }, title), /* @__PURE__ */ React__default.createElement(Tabs, {
13916
+ value: tabvalue,
13917
+ titleNode: () => {
13918
+ return optiosData.map((pane, index2) => {
13919
+ var _a, _b;
13920
+ return /* @__PURE__ */ React__default.createElement("div", {
13921
+ onClick: () => {
13922
+ setTabvalue(pane.paneKey);
13923
+ state.tabsCursor = index2;
13924
+ },
13925
+ className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "active" : ""}`,
13926
+ key: pane.paneKey
13927
+ }, /* @__PURE__ */ React__default.createElement("span", {
13928
+ className: "nut-tabs__titles-item__text"
13929
+ }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "\u8BF7\u9009\u62E9", !(!state.initLoading && state.panes.length) && "Loading..."), /* @__PURE__ */ React__default.createElement("span", {
13930
+ className: "nut-tabs__titles-item__line"
13931
+ }));
13932
+ });
13933
+ }
13934
+ }, !state.initLoading && state.panes.length ? optiosData.map((pane) => /* @__PURE__ */ React__default.createElement(TabPane, {
13935
+ key: pane.paneKey,
13936
+ paneKey: pane.paneKey
13937
+ }, /* @__PURE__ */ React__default.createElement("div", {
13938
+ className: classesPane
13939
+ }, pane.nodes && pane.nodes.map((node, index2) => {
13940
+ var _a;
13941
+ return /* @__PURE__ */ React__default.createElement(CascaderItem, {
13942
+ key: index2,
13943
+ ...props,
13944
+ data: node,
13945
+ checked: ((_a = pane.selectedNode) == null ? void 0 : _a.value) === node.value,
13946
+ chooseItem: (node2) => chooseItem(node2, false)
13947
+ });
13948
+ })))) : /* @__PURE__ */ React__default.createElement(TabPane, null, /* @__PURE__ */ React__default.createElement("div", {
13949
+ className: classesPane
13950
+ }))));
13951
+ };
13952
+ return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, poppable ? /* @__PURE__ */ React__default.createElement(Popup, {
13915
13953
  popClass: "cascadar-popup",
13916
13954
  visible,
13917
13955
  position: "bottom",
@@ -13921,44 +13959,7 @@ const InternalCascader = (props) => {
13921
13959
  closeIcon,
13922
13960
  onClickOverlay: closePopup,
13923
13961
  onClickCloseIcon: closePopup
13924
- }, /* @__PURE__ */ React__default.createElement("div", {
13925
- className: b2("title")
13926
- }, title), /* @__PURE__ */ React__default.createElement(Tabs, {
13927
- value: tabvalue,
13928
- titleNode: () => {
13929
- return optiosData.map((pane, index2) => {
13930
- var _a, _b;
13931
- return /* @__PURE__ */ React__default.createElement("div", {
13932
- onClick: () => {
13933
- setTabvalue(pane.paneKey);
13934
- state.tabsCursor = index2;
13935
- },
13936
- className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "active" : ""}`,
13937
- key: pane.paneKey
13938
- }, /* @__PURE__ */ React__default.createElement("span", {
13939
- className: "nut-tabs__titles-item__text"
13940
- }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "\u8BF7\u9009\u62E9", !(!state.initLoading && state.panes.length) && "Loading..."), /* @__PURE__ */ React__default.createElement("span", {
13941
- className: "nut-tabs__titles-item__line"
13942
- }));
13943
- });
13944
- }
13945
- }, !state.initLoading && state.panes.length ? optiosData.map((pane) => /* @__PURE__ */ React__default.createElement(TabPane, {
13946
- key: pane.paneKey,
13947
- paneKey: pane.paneKey
13948
- }, /* @__PURE__ */ React__default.createElement("div", {
13949
- className: classesPane
13950
- }, pane.nodes && pane.nodes.map((node, index2) => {
13951
- var _a;
13952
- return /* @__PURE__ */ React__default.createElement(CascaderItem, {
13953
- key: index2,
13954
- ...props,
13955
- data: node,
13956
- checked: ((_a = pane.selectedNode) == null ? void 0 : _a.value) === node.value,
13957
- chooseItem: (node2) => chooseItem(node2, false)
13958
- });
13959
- })))) : /* @__PURE__ */ React__default.createElement(TabPane, null, /* @__PURE__ */ React__default.createElement("div", {
13960
- className: classesPane
13961
- })))));
13962
+ }, renderItem()) : renderItem());
13962
13963
  };
13963
13964
  const Cascader = React__default.forwardRef(InternalCascader);
13964
13965
  Cascader.defaultProps = defaultProps$H;
@@ -18865,22 +18866,24 @@ const ImagePreview = (props) => {
18865
18866
  initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
18866
18867
  paginationColor,
18867
18868
  paginationVisible
18868
- }, videos && videos.length > 0 && videos.map((item, index2) => {
18869
+ }, (videos && videos.length > 0 ? videos.map((item, index2) => {
18869
18870
  return /* @__PURE__ */ React__default.createElement(SwiperItem, {
18870
18871
  key: index2
18871
18872
  }, /* @__PURE__ */ React__default.createElement(Video, {
18872
18873
  source: item.source,
18873
18874
  options: item.options
18874
18875
  }));
18875
- }), images && images.length > 0 && images.map((item, index2) => {
18876
- return /* @__PURE__ */ React__default.createElement(SwiperItem, {
18877
- key: index2
18878
- }, /* @__PURE__ */ React__default.createElement("img", {
18879
- src: item.src,
18880
- alt: "",
18881
- className: "nut-imagepreview-img"
18882
- }));
18883
- }))), /* @__PURE__ */ React__default.createElement("div", {
18876
+ }) : []).concat(
18877
+ images && images.length > 0 ? images.map((item, index2) => {
18878
+ return /* @__PURE__ */ React__default.createElement(SwiperItem, {
18879
+ key: index2
18880
+ }, /* @__PURE__ */ React__default.createElement("img", {
18881
+ src: item.src,
18882
+ alt: "",
18883
+ className: "nut-imagepreview-img"
18884
+ }));
18885
+ }) : []
18886
+ ))), /* @__PURE__ */ React__default.createElement("div", {
18884
18887
  className: "nut-imagepreview-index"
18885
18888
  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
18886
18889
  };