@nutui/nutui 4.0.0-beta.9 → 4.0.1-2.beta-1

package/dist/packages/_es/Animate.js

@@ -1,9 +1,20 @@
-import { toRefs, reactive, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+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";
 import "../locale/lang";
-const { componentName, create } = createComponent("animate");
-const _sfc_main = create({
+const { componentName: b, create: D } = z("animate"), R = D({
   props: {
     type: {
       type: String,
@@ -15,47 +26,44 @@ const _sfc_main = create({
     },
     loop: {
       type: Boolean,
-      default: false
+      default: !1
+    },
+    duration: {
+      type: [String, Number]
     }
   },
   emits: ["click"],
-  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
-      };
+  setup(e, { emit: t }) {
+    const { type: o, loop: n, action: l } = d(e), a = $({
+      clicked: !1
     });
-    const handleClick = (event) => {
-      state.clicked = true;
-      if (!loop.value) {
-        setTimeout(() => {
-          state.clicked = false;
-        }, 1e3);
-      }
-      emit("click", event);
+    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);
     };
-    return { ...toRefs(state), classes, handleClick };
+    return u(p({}, d(a)), { classes: i, handleClick: m });
   }
-});
-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))
+}), 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
+      })
     }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2)
+      w(e.$slots, "default")
+    ], 6)
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const G = /* @__PURE__ */ E(R, [["render", V]]);
 export {
-  index as default
+  G as default
 };

package/dist/packages/_es/Audio.js

@@ -1,251 +1,205 @@
-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";
+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";
 import "../locale/lang";
-import "./index-7a7385e4.js";
-import "./index-29892cda.js";
-const { componentName, create } = createComponent("audio");
-const _sfc_main = create({
+import "./index-53ec2d4d.js";
+import "./index-192a3ef6.js";
+const { componentName: he, create: Y } = Q("audio"), Z = Y({
   props: {
     url: {
       type: String,
       default: ""
     },
+    // 静音
     muted: {
       type: Boolean,
-      default: false
+      default: !1
     },
+    // 自动播放
     autoplay: {
       type: Boolean,
-      default: false
+      default: !1
     },
+    // 循环播放
     loop: {
       type: Boolean,
-      default: false
+      default: !1
     },
+    // 是否预加载音频
     preload: {
       type: String,
       default: "auto"
     },
+    /* 总时长秒数 */
     second: {
       type: Number,
       default: 0
     },
+    // 展示的形式   controls 控制面板   progress 进度条  icon 图标 none 自定义
     type: {
       type: String,
       default: "progress"
     }
   },
   components: {
-    Service,
-    [Range.name]: Range
+    Service: W,
+    [P.name]: P
   },
   emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
-  setup(props, { emit, slots }) {
-    const audioRef = ref(null);
-    const audioData = reactive({
+  setup(e, { emit: n, slots: i }) {
+    const u = q(null), t = A({
       currentTime: 0,
       currentDuration: "00:00:00",
       percent: 0,
       duration: "00:00:00",
       second: 0,
-      hanMuted: props.muted,
-      playing: props.autoplay,
-      handPlaying: false
+      hanMuted: e.muted,
+      playing: e.autoplay,
+      handPlaying: !1
     });
-    onMounted(() => {
-      var arr = ["webkitVisibilityState", "visibilitychange"];
+    F(() => {
+      var o = ["webkitVisibilityState", "visibilitychange"];
       try {
-        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);
-              }
-            }
+        for (let a = 0; a < o.length; a++)
+          document.addEventListener(o[a], () => {
+            document.hidden ? u.value.pause() : t.playing && setTimeout(() => {
+              u.value.play();
+            }, 200);
           });
-        }
-      } catch (e) {
-        console.log(e.message);
+      } catch (a) {
+        console.log(a.message);
       }
     });
-    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) {
+    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)
         return "00:00:00";
-      }
-      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;
+      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;
     };
-    watch(
-      () => audioData.currentTime,
-      (value) => {
-        handle(value);
+    return G(
+      () => t.currentTime,
+      (o) => {
+        R(o);
       }
-    );
-    provide("audioParent", {
+    ), H("audioParent", {
       children: [],
-      props,
-      audioData,
-      handleMute,
-      forward,
-      fastBack,
-      changeStatus
+      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
     });
-    return {
-      ...toRefs(props),
-      ...toRefs(audioData),
-      audioRef,
-      fastBack,
-      forward,
-      changeStatus,
-      progressChange,
-      audioEnd,
-      onTimeupdate,
-      handleMute,
-      onCanplay,
-      slots
-    };
   }
-});
-const _hoisted_1 = { class: "nut-audio" };
-const _hoisted_2 = {
+}), x = { class: "nut-audio" }, ee = {
   key: 0,
   class: "nut-audio__progress"
-};
-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 = {
+}, 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 = {
   key: 1,
   class: "nut-audio__icon"
-};
-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),
+}, 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),
           "hidden-range": "",
-          onChange: _ctx.progressChange,
+          onChange: e.progressChange,
           "inactive-color": "#cccccc",
           "active-color": "#fa2c19"
         }, {
-          button: withCtx(() => [
-            _hoisted_5
+          button: K(() => [
+            oe
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
-      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))
+      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))
       }, [
-        _ctx.playing ? (openBlock(), createBlock(_component_Service, {
+        e.playing ? (s(), V(d, {
           key: 0,
           class: "nut-icon-am-rotate nut-icon-am-infinite"
-        })) : (openBlock(), createBlock(_component_Service, { key: 1 }))
+        })) : (s(), V(d, { key: 1 }))
       ], 2)
-    ])) : createCommentVNode("", true),
-    _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
+    ])) : m("", !0),
+    e.type == "none" ? (s(), p("div", {
       key: 2,
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+      onClick: n[2] || (n[2] = (...r) => e.changeStatus && e.changeStatus(...r))
     }, [
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
-    createElementVNode("audio", {
+      w(e.$slots, "default")
+    ])) : m("", !0),
+    e.type != "none" ? w(e.$slots, "default", { key: 3 }) : m("", !0),
+    l("audio", {
       class: "audioMain",
-      controls: _ctx.type == "controls",
+      controls: e.type == "controls",
       ref: "audioRef",
-      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)
+      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)
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ve = /* @__PURE__ */ X(Z, [["render", ue]]);
 export {
-  index as default
+  ve as default
 };