@nutui/nutui 4.1.0 → 4.1.1

package/dist/packages/_es/Animate.js

@@ -1,69 +1,67 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { toRefs, reactive, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("animate");
+const { create } = createComponent("animate");
 const _sfc_main = create({
   props: {
     type: {
       type: String,
       default: ""
     },
+    show: {
+      type: Boolean,
+      defualt: false
+    },
     action: {
       type: String,
-      default: "initial"
+      default: ""
     },
     loop: {
       type: Boolean,
       default: false
     },
     duration: {
-      type: [String, Number]
+      type: [String, Number],
+      defualt: 500
     }
   },
-  emits: ["click"],
+  emits: ["click", "animate"],
   setup(props, { emit }) {
-    const { type, loop, action } = toRefs(props);
-    const state = reactive({
-      clicked: false
-    });
-    let classes = computed(() => {
-      const prefixCls = componentName;
+    const animated = ref(props.action === "initial" || props.show === true || props.loop);
+    const classes = computed(() => {
+      const prefixCls = "nut-animate";
       return {
         "nut-animate__container": true,
-        [`${prefixCls}-${type.value}`]: action.value === "initial" || state.clicked ? type.value : false,
-        loop: loop.value
+        [`${prefixCls}-${props.type}`]: animated.value,
+        loop: props.loop
       };
     });
+    const animate = () => {
+      animated.value = false;
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          animated.value = true;
+        });
+      });
+    };
     const handleClick = (event) => {
-      state.clicked = true;
-      if (!loop.value) {
-        setTimeout(() => {
-          state.clicked = false;
-        }, 1e3);
+      if (props.action === "click") {
+        animate();
+        emit("click", event);
+        emit("animate");
       }
-      emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes, handleClick });
+    watch(
+      () => props.show,
+      (val) => {
+        if (val) {
+          animate();
+          emit("animate");
+        }
+      }
+    );
+    return { classes, handleClick };
   }
 });
 const _hoisted_1 = { class: "nut-animate" };

package/dist/packages/_es/Card.js

@@ -1,5 +1,5 @@
 import { c as createComponent } from "./component-0fbad28e.js";
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createBlock, createCommentVNode, Fragment, createVNode, withCtx, createTextVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createVNode, createCommentVNode, withCtx, createTextVNode } from "vue";
 import Price from "./Price.js";
 import Tag from "./Tag.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -13,38 +13,37 @@ const _sfc_main = create({
   },
   props: {
     imgUrl: {
-      type: String
+      type: String,
+      default: ""
     },
     title: {
-      type: String
+      type: String,
+      default: ""
     },
     price: {
-      type: String
+      type: String,
+      default: ""
     },
     vipPrice: {
-      type: String
+      type: String,
+      default: ""
     },
     shopDesc: {
-      type: String
+      type: String,
+      default: ""
     },
     delivery: {
-      type: String
+      type: String,
+      default: ""
     },
     shopName: {
-      type: String
+      type: String,
+      default: ""
     },
     isNeedPrice: {
       type: Boolean,
       default: true
     }
-  },
-  setup(props, { slots }) {
-    const isHaveSlot = (slot) => {
-      return slots[slot];
-    };
-    return {
-      isHaveSlot
-    };
   }
 });
 const _hoisted_1 = { class: "nut-card" };
@@ -73,18 +72,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
       renderSlot(_ctx.$slots, "prolist"),
       _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6, [
-        _ctx.isHaveSlot("price") ? renderSlot(_ctx.$slots, "price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
-          key: 1,
-          price: _ctx.price
-        }, null, 8, ["price"])),
-        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 2 }) : (openBlock(), createBlock(_component_nut_price, {
-          key: 3,
-          class: "nut-card__right__price__origin",
-          price: _ctx.vipPrice
-        }, null, 8, ["price"]))
+        renderSlot(_ctx.$slots, "price", {}, () => [
+          createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"])
+        ]),
+        renderSlot(_ctx.$slots, "origin", {}, () => [
+          createVNode(_component_nut_price, {
+            class: "nut-card__right__price__origin",
+            price: _ctx.vipPrice
+          }, null, 8, ["price"])
+        ])
       ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_7, [
-        _ctx.isHaveSlot("shop-tag") ? renderSlot(_ctx.$slots, "shop-tag", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        renderSlot(_ctx.$slots, "shop-tag", {}, () => [
           createVNode(_component_nut_tag, { type: "danger" }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.shopDesc), 1)
@@ -97,7 +96,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           })
-        ], 64))
+        ])
       ]),
       createElementVNode("div", _hoisted_8, [
         createElementVNode("div", _hoisted_9, toDisplayString(_ctx.shopName), 1),

package/dist/packages/_es/CircleProgress.js

@@ -1,13 +1,13 @@
-import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString } from "vue";
 import { h as isObject, c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("circle-progress");
+const { create } = createComponent("circle-progress");
 const _sfc_main = create({
   props: {
     progress: {
       type: [Number, String],
-      required: true
+      defualt: 0
     },
     strokeWidth: {
       type: [Number, String],
@@ -35,14 +35,7 @@ const _sfc_main = create({
     }
   },
   setup(props) {
-    const slotDefault = !!useSlots().default;
     const refRandomId = Math.random().toString(36).slice(-8);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
     const path = computed(() => {
       const isWise = props.clockwise ? 1 : 0;
       return `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
@@ -82,13 +75,11 @@ const _sfc_main = create({
       return stopArr;
     });
     return {
-      classes,
       hoverStyle,
       pathStyle,
       path,
       hoverColor,
       stop,
-      slotDefault,
       refRandomId
     };
   }
@@ -99,10 +90,9 @@ const _hoisted_3 = ["offset", "stop-color"];
 const _hoisted_4 = ["d", "stroke-width"];
 const _hoisted_5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_6 = { class: "nut-circle-progress__text" };
-const _hoisted_7 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
+    class: "nut-circle-progress",
     style: normalizeStyle({ height: Number(_ctx.radius) * 2 + "px", width: Number(_ctx.radius) * 2 + "px" })
   }, [
     (openBlock(), createElementBlock("svg", _hoisted_1, [
@@ -141,10 +131,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 12, _hoisted_5)
     ])),
     createElementVNode("div", _hoisted_6, [
-      renderSlot(_ctx.$slots, "default"),
-      !_ctx.slotDefault ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.progress) + "%", 1)) : createCommentVNode("", true)
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createElementVNode("div", null, toDisplayString(_ctx.progress) + "%", 1)
+      ])
     ])
-  ], 6);
+  ], 4);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Empty.js

@@ -1,5 +1,6 @@
-import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
+import { computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create, translate } = createComponent("empty");
@@ -13,61 +14,57 @@ const _sfc_main = create({
     image: {
       type: String,
       default: "empty"
-      //默认empty
     },
     imageSize: {
       type: [Number, String],
-      // 图片大小，正方形
       default: ""
     },
     description: {
       type: String,
-      // 文字区
       default: ""
     }
   },
   setup(props) {
-    const { image, imageSize } = toRefs(props);
-    const imgStyle = computed(() => {
-      if (!imageSize.value) {
-        return "";
+    const style = computed(() => {
+      if (props.imageSize) {
+        return {
+          width: pxCheck(props.imageSize),
+          height: pxCheck(props.imageSize)
+        };
       }
-      if (typeof imageSize.value === "number") {
-        return `width:${imageSize.value}px;height:${imageSize.value}px`;
+      return {};
+    });
+    const src = computed(() => {
+      if (props.image.startsWith("https://") || props.image.startsWith("http://") || props.image.startsWith("//")) {
+        return props.image;
+      } else {
+        return defaultStatus[props.image];
       }
-      return `width:${imageSize.value};height:${imageSize.value}`;
     });
-    const isHttpUrl = image.value.startsWith("https://") || image.value.startsWith("http://") || image.value.startsWith("//");
-    const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
-    return {
-      imageUrl,
-      imgStyle,
-      translate
-    };
+    return { src, style, translate };
   }
 });
 const _hoisted_1 = { class: "nut-empty" };
 const _hoisted_2 = ["src"];
-const _hoisted_3 = {
-  key: 1,
-  class: "nut-empty__description"
-};
+const _hoisted_3 = { class: "nut-empty__description" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
       class: "nut-empty__box",
-      style: normalizeStyle(_ctx.imgStyle)
+      style: normalizeStyle(_ctx.style)
     }, [
-      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
+      renderSlot(_ctx.$slots, "image", {}, () => [
+        _ctx.src ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: "nut-empty__box--img",
-          src: _ctx.imageUrl
+          src: _ctx.src
         }, null, 8, _hoisted_2)) : createCommentVNode("", true)
-      ], 64))
+      ])
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
-    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
+    renderSlot(_ctx.$slots, "description", {}, () => [
+      createElementVNode("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)
+    ]),
+    renderSlot(_ctx.$slots, "default")
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/dist/packages/_es/Indicator.js

@@ -1,19 +1,17 @@
-import { toRefs, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
+import { computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
 import { p as padZero, c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("indicator");
+const { create } = createComponent("indicator");
 const _sfc_main = create({
   props: {
     size: {
       type: Number,
-      default: 3,
-      required: true
+      default: 3
     },
     current: {
       type: Number,
-      default: 1,
-      required: true
+      default: 1
     },
     block: {
       type: Boolean,
@@ -29,31 +27,32 @@ const _sfc_main = create({
     }
   },
   setup(props) {
-    const { block, align } = toRefs(props);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-indicator";
       return {
         [prefixCls]: true,
-        [`${prefixCls}--block`]: block.value,
-        [`${prefixCls}--align__${align.value}`]: block.value && align.value
+        [`${prefixCls}--block`]: props.block,
+        [`${prefixCls}--align__${props.align}`]: props.block && props.align
       };
     });
-    return { classes, componentName, padZero };
+    return { classes, padZero };
   }
 });
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-indicator--number"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-indicator--dot"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.size, (item) => {
       return openBlock(), createElementBlock(Fragment, { key: item }, [
-        item === _ctx.current ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: normalizeClass(`${_ctx.componentName}--number`)
-        }, toDisplayString(_ctx.fillZero && _ctx.padZero(item) || item), 3)) : (openBlock(), createElementBlock("view", {
-          key: 1,
-          class: normalizeClass(`${_ctx.componentName}--dot`)
-        }, null, 2))
+        item === _ctx.current ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.fillZero && _ctx.padZero(item) || item), 1)) : (openBlock(), createElementBlock("view", _hoisted_2))
       ], 64);
     }), 128))
   ], 2);

package/dist/packages/_es/Price.js

@@ -97,7 +97,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.needSymbol && _ctx.position == "before" ? (openBlock(), createElementBlock("view", {
+    _ctx.needSymbol && _ctx.position === "before" ? (openBlock(), createElementBlock("view", {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
@@ -112,7 +112,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
     }, toDisplayString(_ctx.formatDecimal(_ctx.price)), 3),
-    _ctx.needSymbol && _ctx.position == "after" ? (openBlock(), createElementBlock("view", {
+    _ctx.needSymbol && _ctx.position === "after" ? (openBlock(), createElementBlock("view", {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol

package/dist/packages/_es/Progress.js

@@ -1,6 +1,6 @@
-import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
+import { useSlots, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
 import { Checked } from "@nutui/icons-vue";
+import { c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { create } = createComponent("progress");
@@ -18,7 +18,7 @@ const _sfc_main = create({
     },
     status: {
       type: String,
-      default: ""
+      default: "text"
     },
     strokeWidth: {
       type: [Number, String],
@@ -51,11 +51,14 @@ const _sfc_main = create({
   },
   setup(props) {
     const slotDefault = !!useSlots().default;
-    const height = ref(props.strokeWidth + "px");
-    const progressOuter = ref();
-    const insideText = ref();
+    const height = computed(() => {
+      if (props.strokeWidth) {
+        return props.strokeWidth + "px";
+      }
+      return void 0;
+    });
     const percentage = computed(() => {
-      return props.percentage >= 100 ? 100 : props.percentage;
+      return Number(props.percentage) >= 100 ? 100 : Number(props.percentage);
     });
     const bgStyle = computed(() => {
       return {
@@ -68,40 +71,30 @@ const _sfc_main = create({
         color: props.textColor || ""
       };
     });
-    onMounted(() => {
-    });
     return {
       height,
       percentage,
       bgStyle,
       textStyle,
-      progressOuter,
-      insideText,
       slotDefault
     };
   }
 });
 const _hoisted_1 = { class: "nut-progress" };
-const _hoisted_2 = {
-  key: 0,
-  class: "nut-progress-text"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checked = resolveComponent("Checked");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
-      ref: "progressOuter",
       style: normalizeStyle({ height: _ctx.height })
     }, [
       createElementVNode("div", {
-        class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
+        class: normalizeClass(["nut-progress-inner", _ctx.status === "active" ? "nut-active" : ""]),
         style: normalizeStyle(_ctx.bgStyle)
       }, null, 6),
       _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "nut-progress-text nut-progress-insidetext",
-        ref: "insideText",
         style: normalizeStyle({
           lineHeight: _ctx.height,
           left: `${_ctx.percentage}%`,
@@ -115,7 +108,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4)) : createCommentVNode("", true),
       _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
         key: 1,
-        ref: "insideText",
+        class: "nut-progress-slot",
         style: normalizeStyle({
           position: `absolute`,
           top: `50%`,
@@ -126,18 +119,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "default")
       ], 4)) : createCommentVNode("", true)
     ], 6),
-    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
+    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "nut-progress-text",
+      style: normalizeStyle({ lineHeight: _ctx.height })
+    }, [
+      _ctx.status === "text" || _ctx.status === "active" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? renderSlot(_ctx.$slots, "icon-name", { key: 1 }, () => [
+      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status === "icon" ? renderSlot(_ctx.$slots, "icon-name", { key: 1 }, () => [
         createVNode(_component_Checked, {
           width: "15px",
           height: "15px",
           color: "#439422"
         })
       ]) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true)
+    ], 4)) : createCommentVNode("", true)
   ]);
 }
 const Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);