@nutui/nutui 4.0.11 → 4.0.12

package/dist/packages/_es/Animate.js

@@ -1,20 +1,28 @@
-var f = Object.defineProperty, k = Object.defineProperties;
-var v = Object.getOwnPropertyDescriptors;
-var r = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var c = (e, t, o) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, p = (e, t) => {
-  for (var o in t || (t = {}))
-    y.call(t, o) && c(e, o, t[o]);
-  if (r)
-    for (var o of r(t))
-      C.call(t, o) && c(e, o, t[o]);
-  return e;
-}, u = (e, t) => k(e, v(t));
-import { toRefs as d, reactive as $, computed as S, openBlock as _, createElementBlock as g, createElementVNode as h, normalizeClass as B, normalizeStyle as N, renderSlot as w } from "vue";
-import { c as z } from "./component-234624bc.js";
-import { _ as E } from "./_plugin-vue_export-helper-dad06003.js";
+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 { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: b, create: D } = z("animate"), R = D({
+const { componentName, create } = createComponent("animate");
+const _sfc_main = create({
   props: {
     type: {
       type: String,
@@ -26,44 +34,53 @@ const { componentName: b, create: D } = z("animate"), R = D({
     },
     loop: {
       type: Boolean,
-      default: !1
+      default: false
     },
     duration: {
       type: [String, Number]
     }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const { type: o, loop: n, action: l } = d(e), a = $({
-      clicked: !1
+  setup(props, { emit }) {
+    const { type, loop, action } = toRefs(props);
+    const state = reactive({
+      clicked: false
+    });
+    let classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        "nut-animate__container": true,
+        [`${prefixCls}-${type.value}`]: action.value === "initial" || state.clicked ? type.value : false,
+        loop: loop.value
+      };
     });
-    let i = S(() => ({
-      "nut-animate__container": !0,
-      [`${b}-${o.value}`]: l.value === "initial" || a.clicked ? o.value : !1,
-      loop: n.value
-    }));
-    const m = (s) => {
-      a.clicked = !0, n.value || setTimeout(() => {
-        a.clicked = !1;
-      }, 1e3), t("click", s);
+    const handleClick = (event) => {
+      state.clicked = true;
+      if (!loop.value) {
+        setTimeout(() => {
+          state.clicked = false;
+        }, 1e3);
+      }
+      emit("click", event);
     };
-    return u(p({}, d(a)), { classes: i, handleClick: m });
+    return __spreadProps(__spreadValues({}, toRefs(state)), { classes, handleClick });
   }
-}), T = { class: "nut-animate" };
-function V(e, t, o, n, l, a) {
-  return _(), g("view", T, [
-    h("view", {
-      class: B(e.classes),
-      onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i)),
-      style: N({
-        animationDuration: e.duration ? `${e.duration}ms` : void 0
+});
+const _hoisted_1 = { class: "nut-animate" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.classes),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      style: normalizeStyle({
+        animationDuration: _ctx.duration ? `${_ctx.duration}ms` : void 0
       })
     }, [
-      w(e.$slots, "default")
+      renderSlot(_ctx.$slots, "default")
     ], 6)
   ]);
 }
-const G = /* @__PURE__ */ E(R, [["render", V]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  G as default
+  index as default
 };

package/dist/packages/_es/Audio.js

@@ -1,24 +1,32 @@
-var I = Object.defineProperty, z = Object.defineProperties;
-var L = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
-var M = (e, n, i) => n in e ? I(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i, g = (e, n) => {
-  for (var i in n || (n = {}))
-    U.call(n, i) && M(e, i, n[i]);
-  if (C)
-    for (var i of C(n))
-      j.call(n, i) && M(e, i, n[i]);
-  return e;
-}, B = (e, n) => z(e, L(n));
-import { ref as q, reactive as A, onMounted as F, watch as G, provide as H, toRefs as b, resolveComponent as _, openBlock as s, createElementBlock as p, createElementVNode as l, toDisplayString as E, createVNode as J, withCtx as K, createCommentVNode as m, normalizeClass as O, createBlock as V, renderSlot as w } from "vue";
-import { c as Q } from "./component-234624bc.js";
-import { Service as W } from "@nutui/icons-vue";
-import P from "./Range.js";
-import { _ as X } from "./_plugin-vue_export-helper-dad06003.js";
+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 { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Service } from "@nutui/icons-vue";
+import Range from "./Range.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./index-53ec2d4d.js";
-import "./index-192a3ef6.js";
-const { componentName: he, create: Y } = Q("audio"), Z = Y({
+import "./index-7a7385e4.js";
+import "./index-29892cda.js";
+const { componentName, create } = createComponent("audio");
+const _sfc_main = create({
   props: {
     url: {
       type: String,
@@ -27,17 +35,17 @@ const { componentName: he, create: Y } = Q("audio"), Z = Y({
     // 静音
     muted: {
       type: Boolean,
-      default: !1
+      default: false
     },
     // 自动播放
     autoplay: {
       type: Boolean,
-      default: !1
+      default: false
     },
     // 循环播放
     loop: {
       type: Boolean,
-      default: !1
+      default: false
     },
     // 是否预加载音频
     preload: {
@@ -56,150 +64,211 @@ const { componentName: he, create: Y } = Q("audio"), Z = Y({
     }
   },
   components: {
-    Service: W,
-    [P.name]: P
+    Service,
+    [Range.name]: Range
   },
   emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
-  setup(e, { emit: n, slots: i }) {
-    const u = q(null), t = A({
+  setup(props, { emit, slots }) {
+    const audioRef = ref(null);
+    const audioData = reactive({
       currentTime: 0,
       currentDuration: "00:00:00",
       percent: 0,
       duration: "00:00:00",
       second: 0,
-      hanMuted: e.muted,
-      playing: e.autoplay,
-      handPlaying: !1
+      hanMuted: props.muted,
+      playing: props.autoplay,
+      handPlaying: false
     });
-    F(() => {
-      var o = ["webkitVisibilityState", "visibilitychange"];
+    onMounted(() => {
+      var arr = ["webkitVisibilityState", "visibilitychange"];
       try {
-        for (let a = 0; a < o.length; a++)
-          document.addEventListener(o[a], () => {
-            document.hidden ? u.value.pause() : t.playing && setTimeout(() => {
-              u.value.play();
-            }, 200);
+        for (let i = 0; i < arr.length; i++) {
+          document.addEventListener(arr[i], () => {
+            if (document.hidden) {
+              audioRef.value.pause();
+            } else {
+              if (audioData.playing) {
+                setTimeout(() => {
+                  audioRef.value.play();
+                }, 200);
+              }
+            }
           });
-      } catch (a) {
-        console.log(a.message);
+        }
+      } catch (e) {
+        console.log(e.message);
       }
     });
-    const h = (o) => {
-      const a = u.value;
-      e.autoplay && a && a.paused && a.play(), t.second = a.duration, t.duration = S(a.duration), n("can-play", o);
-    }, y = (o) => {
-      t.currentTime = parseInt(o.target.currentTime);
-    }, d = () => {
-      t.currentTime > 0 && t.currentTime--, u.value.currentTime = t.currentTime, n("fastBack", t.currentTime);
-    }, r = () => {
-      const o = u.value;
-      t.playing ? (o.pause(), t.handPlaying = !1) : (o.play(), t.handPlaying = !0), t.playing = !t.playing, n("play", t.playing);
-    }, v = () => {
-      t.currentTime++, u.value.currentTime = t.currentTime, n("forward", t.currentTime);
-    }, R = (o) => {
-      t.currentDuration = S(o), t.percent = o / t.second * 100;
-    }, $ = () => {
-      t.playing = !1, n("ended");
-    }, D = (o) => {
-      const a = u.value;
-      a.currentTime = t.second * o / 100, n("changeProgress", a.currentTime);
-    }, T = () => {
-      t.hanMuted = !t.hanMuted, n("mute", t.hanMuted);
-    }, S = (o) => {
-      if (!o)
+    const onCanplay = (e) => {
+      const audioR = audioRef.value;
+      if (props.autoplay) {
+        if (audioR && audioR.paused) {
+          audioR.play();
+        }
+      }
+      audioData.second = audioR.duration;
+      audioData.duration = formatSeconds(audioR.duration);
+      emit("can-play", e);
+    };
+    const onTimeupdate = (e) => {
+      audioData.currentTime = parseInt(e.target.currentTime);
+    };
+    const fastBack = () => {
+      if (audioData.currentTime > 0) {
+        audioData.currentTime--;
+      }
+      audioRef.value.currentTime = audioData.currentTime;
+      emit("fastBack", audioData.currentTime);
+    };
+    const changeStatus = () => {
+      const audioR = audioRef.value;
+      if (audioData.playing) {
+        audioR.pause();
+        audioData.handPlaying = false;
+      } else {
+        audioR.play();
+        audioData.handPlaying = true;
+      }
+      audioData.playing = !audioData.playing;
+      emit("play", audioData.playing);
+    };
+    const forward = () => {
+      audioData.currentTime++;
+      audioRef.value.currentTime = audioData.currentTime;
+      emit("forward", audioData.currentTime);
+    };
+    const handle = (val) => {
+      audioData.currentDuration = formatSeconds(val);
+      audioData.percent = val / audioData.second * 100;
+    };
+    const audioEnd = () => {
+      audioData.playing = false;
+      emit("ended");
+    };
+    const progressChange = (val) => {
+      const ar = audioRef.value;
+      ar.currentTime = audioData.second * val / 100;
+      emit("changeProgress", ar.currentTime);
+    };
+    const handleMute = () => {
+      audioData.hanMuted = !audioData.hanMuted;
+      emit("mute", audioData.hanMuted);
+    };
+    const formatSeconds = (value) => {
+      if (!value) {
         return "00:00:00";
-      let a = parseInt(o), f = Math.floor(a / 3600), k = Math.floor((a - f * 3600) / 60), N = a - f * 3600 - k * 60, c = "";
-      return c += ("0" + f.toString()).slice(-2) + ":", c += ("0" + k.toString()).slice(-2) + ":", c += ("0" + N.toString()).slice(-2), c;
+      }
+      let time = parseInt(value);
+      let hours = Math.floor(time / 3600);
+      let minutes = Math.floor((time - hours * 3600) / 60);
+      let seconds = time - hours * 3600 - minutes * 60;
+      let result = "";
+      result += ("0" + hours.toString()).slice(-2) + ":";
+      result += ("0" + minutes.toString()).slice(-2) + ":";
+      result += ("0" + seconds.toString()).slice(-2);
+      return result;
     };
-    return G(
-      () => t.currentTime,
-      (o) => {
-        R(o);
+    watch(
+      () => audioData.currentTime,
+      (value) => {
+        handle(value);
       }
-    ), H("audioParent", {
+    );
+    provide("audioParent", {
       children: [],
-      props: e,
-      audioData: t,
-      handleMute: T,
-      forward: v,
-      fastBack: d,
-      changeStatus: r
-    }), B(g(g({}, b(e)), b(t)), {
-      audioRef: u,
-      fastBack: d,
-      forward: v,
-      changeStatus: r,
-      progressChange: D,
-      audioEnd: $,
-      onTimeupdate: y,
-      handleMute: T,
-      onCanplay: h,
-      slots: i
+      props,
+      audioData,
+      handleMute,
+      forward,
+      fastBack,
+      changeStatus
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
+      audioRef,
+      fastBack,
+      forward,
+      changeStatus,
+      progressChange,
+      audioEnd,
+      onTimeupdate,
+      handleMute,
+      onCanplay,
+      slots
     });
   }
-}), x = { class: "nut-audio" }, ee = {
+});
+const _hoisted_1 = { class: "nut-audio" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-audio__progress"
-}, ne = { class: "nut-audio__time" }, te = { class: "nut-audio__bar" }, oe = /* @__PURE__ */ l("div", { class: "nut-audio__button--custom" }, null, -1), ae = { class: "nut-audio__time" }, re = {
+};
+const _hoisted_3 = { class: "nut-audio__time" };
+const _hoisted_4 = { class: "nut-audio__bar" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "nut-audio__button--custom" }, null, -1);
+const _hoisted_6 = { class: "nut-audio__time" };
+const _hoisted_7 = {
   key: 1,
   class: "nut-audio__icon"
-}, ie = ["controls", "src", "preload", "autoplay", "loop", "muted"];
-function ue(e, n, i, u, t, h) {
-  const y = _("nut-range"), d = _("Service");
-  return s(), p("div", x, [
-    e.type == "progress" ? (s(), p("div", ee, [
-      l("div", ne, E(e.currentDuration), 1),
-      l("div", te, [
-        J(y, {
-          modelValue: e.percent,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => e.percent = r),
+};
+const _hoisted_8 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_range = resolveComponent("nut-range");
+  const _component_Service = resolveComponent("Service");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, toDisplayString(_ctx.currentDuration), 1),
+      createElementVNode("div", _hoisted_4, [
+        createVNode(_component_nut_range, {
+          modelValue: _ctx.percent,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.percent = $event),
           "hidden-range": "",
-          onChange: e.progressChange,
+          onChange: _ctx.progressChange,
           "inactive-color": "#cccccc",
           "active-color": "#fa2c19"
         }, {
-          button: K(() => [
-            oe
+          button: withCtx(() => [
+            _hoisted_5
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
-      l("div", ae, E(e.duration), 1)
-    ])) : m("", !0),
-    e.type == "icon" ? (s(), p("div", re, [
-      l("div", {
-        class: O(["nut-audio__icon--box", e.playing ? "nut-audio__icon--play" : "nut-audio__icon--stop"]),
-        onClick: n[1] || (n[1] = (...r) => e.changeStatus && e.changeStatus(...r))
+      createElementVNode("div", _hoisted_6, toDisplayString(_ctx.duration), 1)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-audio__icon--box", _ctx.playing ? "nut-audio__icon--play" : "nut-audio__icon--stop"]),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
       }, [
-        e.playing ? (s(), V(d, {
+        _ctx.playing ? (openBlock(), createBlock(_component_Service, {
           key: 0,
           class: "nut-icon-am-rotate nut-icon-am-infinite"
-        })) : (s(), V(d, { key: 1 }))
+        })) : (openBlock(), createBlock(_component_Service, { key: 1 }))
       ], 2)
-    ])) : m("", !0),
-    e.type == "none" ? (s(), p("div", {
+    ])) : createCommentVNode("", true),
+    _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
       key: 2,
-      onClick: n[2] || (n[2] = (...r) => e.changeStatus && e.changeStatus(...r))
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
     }, [
-      w(e.$slots, "default")
-    ])) : m("", !0),
-    e.type != "none" ? w(e.$slots, "default", { key: 3 }) : m("", !0),
-    l("audio", {
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
+    createElementVNode("audio", {
       class: "audioMain",
-      controls: e.type == "controls",
+      controls: _ctx.type == "controls",
       ref: "audioRef",
-      src: e.url,
-      preload: e.preload,
-      autoplay: e.autoplay,
-      loop: e.loop,
-      onTimeupdate: n[3] || (n[3] = (...r) => e.onTimeupdate && e.onTimeupdate(...r)),
-      onCanplay: n[4] || (n[4] = (...r) => e.onCanplay && e.onCanplay(...r)),
-      onEnded: n[5] || (n[5] = (...r) => e.audioEnd && e.audioEnd(...r)),
-      muted: e.hanMuted
-    }, null, 40, ie)
+      src: _ctx.url,
+      preload: _ctx.preload,
+      autoplay: _ctx.autoplay,
+      loop: _ctx.loop,
+      onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
+      onCanplay: _cache[4] || (_cache[4] = (...args) => _ctx.onCanplay && _ctx.onCanplay(...args)),
+      onEnded: _cache[5] || (_cache[5] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
+      muted: _ctx.hanMuted
+    }, null, 40, _hoisted_8)
   ]);
 }
-const ve = /* @__PURE__ */ X(Z, [["render", ue]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ve as default
+  index as default
 };