@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/CollapseItem.js

@@ -1,20 +1,29 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
+import { DownArrow } from "@nutui/icons-vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { r as renderIcon } from "./renderIcon-d470170e.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("collapse-item");
 const _sfc_main = create({
   props: {
+    collapseRef: {
+      type: Object
+    },
     title: {
       type: String,
       default: ""
     },
-    subTitle: {
+    value: {
+      type: String,
+      default: ""
+    },
+    label: {
       type: String,
       default: ""
     },
@@ -27,8 +36,17 @@ const _sfc_main = create({
       default: -1,
       required: true
     },
-    collapseRef: {
-      type: Object
+    border: {
+      type: Boolean,
+      default: true
+    },
+    icon: {
+      type: Object,
+      default: () => DownArrow
+    },
+    rotate: {
+      type: [String, Number],
+      default: 180
     }
   },
   setup(props, ctx) {
@@ -38,7 +56,7 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [`${prefixCls}-icon`]: parent.props.icon
+        [prefixCls + "__border"]: props.border
       };
     });
     const relation = (child) => {
@@ -48,25 +66,12 @@ const _sfc_main = create({
     };
     relation(getCurrentInstance());
     const proxyData = reactive({
-      icon: parent.props.icon,
-      iconSize: parent.props.iconSize,
-      iconColor: parent.props.iconColor,
-      openExpanded: false,
-      iconStyle: {
-        transform: "rotate(0deg)",
-        marginTop: parent.props.iconHeght ? "-" + parent.props.iconHeght / 2 + "px" : "-10px"
-      }
-    });
-    const titleIconStyle = reactive({
-      titleIcon: parent.props.titleIcon,
-      titleIconSize: parent.props.titleIconSize,
-      titleIconColor: parent.props.titleIconColor,
-      titleIconPosition: parent.props.titleIconPosition
+      openExpanded: false
     });
     const wrapperRef = ref(null);
     const contentRef = ref(null);
     const onTransitionEnd = () => {
-      const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
+      const wrapperRefEle = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
       if (wrapperRefEle) {
         wrapperRefEle.style.willChange = "auto";
       }
@@ -82,11 +87,6 @@ const _sfc_main = create({
         const contentHeight = `${offsetHeight}px`;
         wrapperRefEle.style.willChange = "height";
         wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
-        if (parent.props.icon && !proxyData.openExpanded) {
-          proxyData.iconStyle["transform"] = "rotate(0deg)";
-        } else {
-          proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
-        }
       }
       if (!proxyData.openExpanded) {
         onTransitionEnd();
@@ -98,9 +98,6 @@ const _sfc_main = create({
     };
     const defaultOpen = () => {
       open();
-      if (parent.props.icon) {
-        proxyData["iconStyle"]["transform"] = "rotate(" + parent.props.rotate + "deg)";
-      }
     };
     const currentName = computed(() => props.name);
     const toggleOpen = () => {
@@ -148,11 +145,10 @@ const _sfc_main = create({
       });
     };
     onMounted(() => {
-      const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
       var observer = new MutationObserver(() => {
         animation();
       });
-      const ele = document.getElementsByClassName("collapse-wrapper")[0];
+      const ele = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
       if (ele) {
         observer.observe(ele, {
           childList: true,
@@ -165,7 +161,7 @@ const _sfc_main = create({
       let ele = contentRef.value;
       let _class = "";
       if (!(ele == null ? void 0 : ele.innerText)) {
-        _class = "empty";
+        _class = "nut-collapse__item-wrapper__content--empty";
       }
       return _class;
     });
@@ -173,8 +169,7 @@ const _sfc_main = create({
       classes,
       emptyContent,
       ...toRefs(proxyData),
-      ...toRefs(parent.props),
-      ...toRefs(titleIconStyle),
+      renderIcon,
       wrapperRef,
       contentRef,
       open,
@@ -184,76 +179,67 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "collapse-title" };
-const _hoisted_2 = { class: "collapse-title-value" };
+const _hoisted_1 = { class: "nut-collapse-item__title-main" };
+const _hoisted_2 = { class: "nut-collapse-item__title-main-value" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = {
+  key: 2,
+  class: "nut-collapse-item__title-label"
+};
+const _hoisted_5 = {
   key: 0,
-  class: "subTitle"
+  class: "nut-collapse-item__title-sub"
 };
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = {
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
   key: 0,
-  class: "collapse-extraWrapper"
+  class: "nut-collapse__item-extraWrapper"
 };
-const _hoisted_7 = { class: "collapse-extraRender" };
-const _hoisted_8 = {
-  class: "collapse-wrapper",
+const _hoisted_8 = { class: "nut-collapse__item-extraWrapper__extraRender" };
+const _hoisted_9 = {
+  class: "nut-collapse__item-wrapper",
   ref: "wrapperRef"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
+      class: normalizeClass(["nut-collapse-item__title", { "nut-collapse-item__title--disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
       createElementVNode("view", _hoisted_1, [
-        createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2, [
-            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-              key: 0,
-              name: _ctx.titleIcon
-            }, _ctx.$attrs, {
-              size: _ctx.titleIconSize,
-              color: _ctx.titleIconColor,
-              class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
-            }), null, 16, ["name", "size", "color", "class"])) : createCommentVNode("", true),
-            _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
-              key: 2,
-              innerHTML: _ctx.title,
-              class: "collapse-icon-title"
-            }, null, 8, _hoisted_3))
-          ])
+        createElementVNode("view", _hoisted_2, [
+          _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 0 }) : (openBlock(), createElementBlock("view", {
+            key: 1,
+            innerHTML: _ctx.title,
+            class: "nut-collapse-item__title-mtitle"
+          }, null, 8, _hoisted_3)),
+          _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
         ])
       ]),
-      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4, [
-        renderSlot(_ctx.$slots, "sTitle")
+      _ctx.$slots.value ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        renderSlot(_ctx.$slots, "value")
       ])) : (openBlock(), createElementBlock("view", {
         key: 1,
-        innerHTML: _ctx.subTitle,
-        class: "subTitle"
-      }, null, 8, _hoisted_5)),
-      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-        key: 2,
-        name: _ctx.icon
-      }, _ctx.$attrs, {
-        size: _ctx.iconSize,
-        color: _ctx.iconColor,
-        class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
-        style: _ctx.iconStyle
-      }), null, 16, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
+        innerHTML: _ctx.value,
+        class: "nut-collapse-item__title-sub"
+      }, null, 8, _hoisted_6)),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-collapse-item__title-icon", { "nut-collapse-item__title-icon--expanded": _ctx.openExpanded }]),
+        style: normalizeStyle({ transform: "rotate(" + (_ctx.openExpanded ? _ctx.rotate : 0) + "deg)" })
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon))))
+      ], 6)
     ], 2),
-    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6, [
-      createElementVNode("div", _hoisted_7, [
+    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      createElementVNode("div", _hoisted_8, [
         renderSlot(_ctx.$slots, "extraRender")
       ])
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_8, [
+    createElementVNode("view", _hoisted_9, [
       createElementVNode("view", {
-        class: normalizeClass(["collapse-content", _ctx.emptyContent]),
+        class: normalizeClass(["nut-collapse__item-wrapper__content", _ctx.emptyContent]),
         ref: "contentRef"
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -261,5 +247,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Comment.js

@@ -1,12 +1,17 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, createBlock, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { Right, Fabulous, Comment, MoreX, JoySmile } from "@nutui/icons-vue";
+import Rate from "./Rate.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
+import "./renderIcon-d470170e.js";
+import "./pxCheck-524650ac.js";
+import "./index-c3e2c58b.js";
 const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
 const _sfc_main$3 = create$3({
   props: {
@@ -24,7 +29,6 @@ const _sfc_main$3 = create$3({
       default: () => ""
     }
   },
-  components: {},
   emits: ["handleClick"],
   setup(props, { emit }) {
     const handleClick = () => {
@@ -108,7 +112,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ]);
 }
-var CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
 const { componentName: componentName$2, create: create$2 } = createComponent("comment-images");
 const _sfc_main$2 = create$2({
   props: {
@@ -125,7 +129,7 @@ const _sfc_main$2 = create$2({
       default: () => []
     }
   },
-  components: {},
+  components: { Right },
   emits: ["click", "clickImages"],
   setup(props, { emit }) {
     const isShowImage = ref(false);
@@ -173,7 +177,7 @@ const _hoisted_6 = {
   class: "nut-comment-images__mask"
 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Right = resolveComponent("Right");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(`nut-comment-images nut-comment-images--${_ctx.type}`)
   }, [
@@ -181,7 +185,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("view", {
         class: "nut-comment-images__item nut-comment-images__item--video",
         key: itV.id,
-        onClick: ($event) => _ctx.showImages("video", index2, index2)
+        onClick: ($event) => _ctx.showImages("video", index2)
       }, [
         createElementVNode("img", {
           src: itV.mainUrl
@@ -202,18 +206,15 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             src: itI.smallImgUrl ? itI.smallImgUrl : itI.imgUrl
           }, null, 8, _hoisted_5),
           _ctx.type == "multi" && _ctx.totalImages.length > 9 && _ctx.videos.length + index2 > 7 ? (openBlock(), createElementBlock("view", _hoisted_6, [
-            createElementVNode("span", null, "\u5171 " + toDisplayString(_ctx.totalImages.length) + " \u5F20", 1),
-            createVNode(_component_nut_icon, {
-              name: "right",
-              size: "12"
-            })
+            createElementVNode("span", null, "共 " + toDisplayString(_ctx.totalImages.length) + " 张", 1),
+            createVNode(_component_Right, { style: { "width": "12px" } })
           ])) : createCommentVNode("", true)
         ], 8, _hoisted_4$2)) : createCommentVNode("", true)
       ], 64);
     }), 128))
   ], 2);
 }
-var CommentImages = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const CommentImages = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const { componentName: componentName$1, create: create$1, translate: translate$1 } = createComponent("comment-bottom");
 const _sfc_main$1 = create$1({
   props: {
@@ -231,7 +232,7 @@ const _sfc_main$1 = create$1({
       default: ["replay", "like", "more"]
     }
   },
-  components: {},
+  components: { Fabulous, Comment, MoreX },
   emits: ["clickOperate", "handleClick"],
   setup(props, { emit }) {
     const showPopver = ref(false);
@@ -263,7 +264,9 @@ const _hoisted_2$1 = { key: 0 };
 const _hoisted_3$1 = { class: "nut-comment-bottom__cpx" };
 const _hoisted_4$1 = ["onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Fabulous = resolveComponent("Fabulous");
+  const _component_Comment = resolveComponent("Comment");
+  const _component_MoreX = resolveComponent("MoreX");
   return openBlock(), createElementBlock("view", _hoisted_1$1, [
     createElementVNode("view", {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
@@ -280,12 +283,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           name != "more" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("span", null, toDisplayString(_ctx.info[name]), 1),
-            createVNode(_component_nut_icon, {
-              name: name == "like" ? "fabulous" : "comment"
-            }, null, 8, ["name"])
+            name == "like" ? (openBlock(), createBlock(_component_Fabulous, { key: 0 })) : (openBlock(), createBlock(_component_Comment, { key: 1 }))
           ], 64)) : createCommentVNode("", true),
           name == "more" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(_component_nut_icon, { name: "more-x" }),
+            createVNode(_component_MoreX),
             _ctx.showPopver ? (openBlock(), createElementBlock("view", {
               key: 0,
               class: "nut-comment-bottom__cpx-item-popover",
@@ -297,7 +298,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create, translate } = createComponent("comment");
 const _sfc_main = create({
   props: {
@@ -341,9 +342,12 @@ const _sfc_main = create({
     }
   },
   components: {
+    [Rate.name]: Rate,
     CommentHeader,
     CommentImages,
-    CommentBottom
+    CommentBottom,
+    Right,
+    JoySmile
   },
   emits: ["click", "clickImages", "clickOperate"],
   setup(props, { emit }) {
@@ -380,7 +384,7 @@ const _hoisted_4 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_comment_header = resolveComponent("comment-header");
   const _component_comment_images = resolveComponent("comment-images");
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Right = resolveComponent("Right");
   const _component_comment_bottom = resolveComponent("comment-bottom");
   return _ctx.info && Object.keys(_ctx.info) ? (openBlock(), createElementBlock("view", {
     key: 0,
@@ -415,20 +419,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-comment__follow",
       onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      createElementVNode("view", _hoisted_2, [
-        createVNode(_component_nut_icon, {
-          size: "14",
-          name: "joy-smile"
-        }),
-        createTextVNode(toDisplayString(_ctx.translate("additionalReview", _ctx.follow.days)), 1)
-      ]),
+      createElementVNode("view", _hoisted_2, toDisplayString(_ctx.translate("additionalReview", _ctx.follow.days)), 1),
       createElementVNode("view", _hoisted_3, toDisplayString(_ctx.follow.content), 1),
       _ctx.follow.images && _ctx.follow.images.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_4, [
         createTextVNode(toDisplayString(_ctx.translate("additionalImages", _ctx.follow.images.length)) + " ", 1),
-        createVNode(_component_nut_icon, {
-          size: "12",
-          name: "right"
-        })
+        createVNode(_component_Right, { width: "12px" })
       ])) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     createVNode(_component_comment_bottom, {
@@ -441,5 +436,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "comment-shop-reply")
   ], 2)) : createCommentVNode("", true);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/ConfigProvider.js

@@ -1,23 +1,40 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component-48526d37.js";
 import { h } from "vue";
 import "../locale/lang";
 const component = {
   props: {
     theme: { type: String, default: "" },
+    themeVars: { type: Object, default: () => {
+    } },
     tag: { type: String, default: "div" }
   },
   setup(props, { slots }) {
+    const kebabCase = (str) => {
+      str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
+      return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
+    };
+    const mapThemeVarsToCSSVars = (themeVars) => {
+      if (!themeVars)
+        return;
+      const cssVars = {};
+      Object.keys(themeVars).forEach((key) => {
+        cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
+      });
+      return cssVars;
+    };
+    console.log(mapThemeVarsToCSSVars(props.themeVars));
     return () => {
       var _a;
       return h(
         props.tag,
         {
-          class: `nut-theme-${props.theme}`
+          class: `nut-theme-${props.theme}`,
+          style: mapThemeVarsToCSSVars(props.themeVars)
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
@@ -26,4 +43,6 @@ const component = {
 };
 const { componentName, create } = createComponent("config-provider");
 const _sfc_main = create(component);
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/{CountDown.js → Countdown.js}

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, onBeforeMount, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { p as padZero, c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { p as padZero, c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const getTimeStamp = (timeStr) => {
   if (!timeStr)
@@ -241,10 +241,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
       key: 1,
-      class: "nut-cd-block",
+      class: "nut-countdown__content",
       innerHTML: _ctx.renderTime
     }, null, 8, _hoisted_1))
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/{CountUp.js → Countup.js}

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { getCurrentInstance, ref, reactive, watch, nextTick, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, Fragment, normalizeStyle, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 function useExtend(apis) {
   const instance = getCurrentInstance();
@@ -91,7 +91,9 @@ const _sfc_main = create({
     const runNumberImg = ref(null);
     const numberItemRef = ref([]);
     const setRef = (el) => {
-      numberItemRef.value.push(el);
+      if (el) {
+        numberItemRef.value.push(el);
+      }
     };
     const data = reactive({
       valFlag: false,
@@ -462,14 +464,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.customBgImg != "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.type == "machine" ? (openBlock(), createElementBlock("view", {
         key: 0,
-        class: "run-number-machine-img",
+        class: "nut-countup__machine",
         style: normalizeStyle({ height: _ctx.numHeight + "px" })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index2) => {
           return openBlock(), createElementBlock("view", {
-            class: "run-number-machine-img-li",
-            ref_for: true,
-            ref: "run-number-machine-img-li",
+            class: "nut-countup__machine-item",
             key: "mImg" + index2,
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
@@ -482,12 +482,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4)) : (openBlock(), createElementBlock("view", {
         key: 1,
         ref: "runNumberImg",
-        class: "run-number-img",
+        class: "nut-countup__numberimg",
         style: normalizeStyle({ height: _ctx.numHeight + "px" })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
           return openBlock(), createElementBlock("view", {
-            class: "run-number-img-li",
+            class: "nut-countup__numberimg__item",
             key: "cImg" + index2,
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
@@ -495,14 +495,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               left: _ctx.numWidth * (index2 > _ctx.num_total_len - _ctx.pointNum - 1 ? index2 == _ctx.num_total_len - _ctx.pointNum ? index2 * 1.5 : index2 * 1.3 : index2) + "px",
               backgroundImage: "url(" + _ctx.customBgImg + ")",
               backgroundPositionX: "0",
-              backgroundPositionY: -(String(_ctx.relNum)[index2] * _ctx.numHeight + _ctx.customSpacNum * String(_ctx.relNum)[index2]) + "px",
+              backgroundPositionY: -(+String(_ctx.relNum)[index2] * _ctx.numHeight + _ctx.customSpacNum * +String(_ctx.relNum)[index2]) + "px",
               transition: "all linear " + _ctx.during / 10 + "ms"
             })
           }, null, 4);
         }), 128)),
         _ctx.pointNum > 0 ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: "pointstyl",
+          class: "nut-countup-pointstyl",
           style: normalizeStyle({
             width: _ctx.numWidth / 2 + "px",
             bottom: 0,
@@ -514,7 +514,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
       _ctx.scrolling ? (openBlock(), createElementBlock("view", {
         key: 0,
-        class: "run-number",
+        class: "nut-countup__number",
         style: normalizeStyle({
           width: _ctx.numWidth * _ctx.num_total_len + _ctx.numWidth / 3 + "px",
           height: _ctx.numHeight + "px",
@@ -524,8 +524,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
           return openBlock(), createElementBlock("view", {
             ref_for: true,
-            ref: _ctx.setRef,
-            class: "numberItem",
+            ref: (el) => _ctx.setRef(el),
+            class: "nut-countup__number-item",
             key: val,
             style: normalizeStyle({
               top: _ctx.topNumber(index2),
@@ -535,7 +535,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.to0_10, (item, idx) => {
               return openBlock(), createElementBlock("view", {
-                class: "itemSpan",
+                class: "nut-countup__number-item__span",
                 key: "dote" + idx,
                 style: normalizeStyle({
                   width: _ctx.numWidth + "px",
@@ -548,7 +548,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128)),
         _ctx.pointNum > 0 ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: "pointstyl",
+          class: "nut-countup-pointstyl",
           style: normalizeStyle({
             width: _ctx.numWidth / 3 + "px",
             height: _ctx.numHeight + "px",
@@ -563,5 +563,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};