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

package/dist/packages/_es/Barrage.js

@@ -1,9 +1,8 @@
-import { useSlots, computed, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { useSlots as w, computed as S, ref as s, onMounted as k, onUnmounted as D, watch as W, nextTick as q, openBlock as E, createElementBlock as _, normalizeClass as p, createElementVNode as A, renderSlot as H, createCommentVNode as M } from "vue";
+import { c as V } from "./component-234624bc.js";
+import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("barrage");
-const _sfc_main = create({
+const { componentName: z, create: P } = V("barrage"), U = P({
   name: "barrage",
   props: {
     danmu: {
@@ -28,166 +27,90 @@ const _sfc_main = create({
     },
     loop: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
-  setup(props) {
-    const classTime = new Date().getTime();
-    const slotDefault = !!useSlots().default;
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    let dmBody = ref(document.createElement("div"));
-    let dmContainer = ref(document.createElement("div"));
-    let timer = 0;
-    const danmuList = ref(props.danmu);
-    const rows = ref(props.rows);
-    const top = ref(props.top);
-    const index2 = ref(0);
-    const speeds = props.speeds;
-    const danmuCWidth = ref(0);
-    onMounted(() => {
-      init();
-      if (slotDefault) {
-        document.addEventListener("visibilitychange", function() {
-          if (document.visibilityState === "hidden") {
-            clearTime();
-            index2.value = 0;
-            eleSlot("hidden");
-          } else if (document.visibilityState === "visible") {
-            init();
-          }
-        });
-      }
-    });
-    onUnmounted(() => {
-      danmuList.value = [];
-      clearTime();
+  setup(t) {
+    const v = (/* @__PURE__ */ new Date()).getTime(), o = !!w().default, h = S(() => ({
+      [z]: !0
+    }));
+    let c = s(document.createElement("div")), r = s(document.createElement("div")), m = null;
+    const a = s(t.danmu), B = s(t.rows), T = s(t.top), l = s(0), $ = t.speeds, g = s(0);
+    k(() => {
+      b(), o && document.addEventListener("visibilitychange", function() {
+        document.visibilityState === "hidden" ? (y(), l.value = 0, C("hidden")) : document.visibilityState === "visible" && b();
+      });
+    }), D(() => {
+      a.value = [], y();
     });
-    const init = () => {
-      danmuCWidth.value = dmBody.value.offsetWidth;
-      if (slotDefault) {
-        eleSlot("init");
-      }
-      setTimeout(() => {
-        var _a;
-        (_a = dmBody.value) == null ? void 0 : _a.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-        run();
+    const b = () => {
+      g.value = c.value.offsetWidth, o && C("init"), setTimeout(() => {
+        var n;
+        (n = c.value) == null || n.style.setProperty("--move-distance", `-${g.value}px`), L();
       }, 300);
+    }, C = (n) => {
+      var d;
+      const e = document.getElementsByClassName("slotBody" + v);
+      let u = ((d = e == null ? void 0 : e[0]) == null ? void 0 : d.children) || [];
+      const f = [];
+      u && Array.from(u).forEach((i) => {
+        n == "init" ? (i.style.opacity = "0", f.push(i)) : (i.classList = "", i.style = {});
+      }), n == "init" && (a.value = f);
+    }, y = () => {
+      m && (clearTimeout(m), m = null);
     };
-    const eleSlot = (flag) => {
-      var _a;
-      const list = document.getElementsByClassName("slotBody" + classTime);
-      let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
-      const dmList = [];
-      if (childrens) {
-        Array.from(childrens).forEach((item) => {
-          if (flag == "init") {
-            item.style.opacity = "0";
-            dmList.push(item);
-          } else {
-            item.classList = "";
-            item.style = {};
-          }
-        });
-      }
-      if (flag == "init") {
-        danmuList.value = dmList;
-      }
-    };
-    const clearTime = () => {
-      clearTimeout(timer);
-      timer = 0;
-    };
-    watch(
-      () => props.danmu,
-      (newValue) => {
-        if (props.danmu.length > 0) {
-          danmuList.value = [...newValue];
-        }
+    W(
+      () => t.danmu,
+      (n) => {
+        t.danmu.length > 0 && (a.value = [...n]);
       }
     );
-    const add = (word) => {
-      const _index = index2.value % danmuList.value.length;
-      if (!props.loop && index2.value === danmuList.value.length) {
-        danmuList.value.splice(danmuList.value.length, 0, word);
-      } else {
-        danmuList.value.splice(_index, 0, word);
-      }
-    };
-    const run = () => {
-      clearTime();
-      timer = setTimeout(() => {
-        play();
-      }, props.frequency);
-    };
-    const play = () => {
-      var _a;
-      if (!props.loop && index2.value >= danmuList.value.length) {
-        return;
-      }
-      const _index = props.loop ? index2.value % danmuList.value.length : index2.value;
-      let el = document.createElement(`view`);
-      if (slotDefault && typeof danmuList.value[_index] == "object") {
-        el = danmuList.value[_index];
-        (_a = el == null ? void 0 : el.classList) == null ? void 0 : _a.add("nut-barrage__item");
-      } else {
-        el.innerHTML = danmuList.value[_index];
-        el.classList.add("nut-barrage__item");
-        dmContainer.value.appendChild(el);
-      }
-      nextTick(() => {
-        var _a2;
-        const height = el.offsetHeight;
-        (_a2 = el == null ? void 0 : el.classList) == null ? void 0 : _a2.add("move");
-        el.style.animationDuration = `${speeds}ms`;
-        el.style.top = _index % rows.value * (height + top.value) + 20 + "px";
-        el.style.opacity = "1";
-        if (!slotDefault) {
-          const width = el.offsetWidth;
-          el.style.width = width + 20 + "px";
-        }
-        el.addEventListener("animationend", () => {
-          if (slotDefault) {
-            el.classList.remove("move");
-          } else {
-            dmContainer.value.removeChild(el);
-          }
-        });
-        index2.value++;
-        if (index2.value >= danmuList.value.length) {
-          index2.value = 0;
+    const x = (n) => {
+      const e = l.value % a.value.length;
+      !t.loop && l.value === a.value.length ? a.value.splice(a.value.length, 0, n) : a.value.splice(e, 0, n);
+    }, L = () => {
+      y(), m = setTimeout(() => {
+        N();
+      }, t.frequency);
+    }, N = () => {
+      var u;
+      const n = t.loop ? l.value % a.value.length : l.value;
+      let e = document.createElement("view");
+      o && typeof a.value[n] == "object" ? (e = a.value[n], (u = e == null ? void 0 : e.classList) == null || u.add("nut-barrage__item")) : (e.innerHTML = a.value[n], e.classList.add("nut-barrage__item"), r.value.appendChild(e)), q(() => {
+        var d;
+        const f = e.offsetHeight;
+        if ((d = e == null ? void 0 : e.classList) == null || d.add("move"), e.style.animationDuration = `${$}ms`, e.style.top = n % B.value * (f + T.value) + 20 + "px", e.style.opacity = "1", !o) {
+          const i = e.offsetWidth;
+          e.style.width = i + 20 + "px";
         }
-        el.removeEventListener("animationend", () => {
-        });
-        run();
+        e.addEventListener("animationend", () => {
+          o ? e.classList.remove("move") : r.value.removeChild(e);
+        }), !(!t.loop && l.value >= a.value.length - 1) && (l.value++, l.value >= a.value.length && (l.value = 0), e.removeEventListener("animationend", () => {
+        }), L());
       });
     };
-    return { classTime, classes, danmuList, dmBody, dmContainer, add };
+    return { classTime: v, classes: h, danmuList: a, dmBody: c, dmContainer: r, add: x };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
+function F(t, v, o, h, c, r) {
+  return E(), _("div", {
     ref: "dmBody",
-    class: normalizeClass(_ctx.classes)
+    class: p(t.classes)
   }, [
-    createElementVNode("div", {
+    A("div", {
       ref: "dmContainer",
-      class: normalizeClass(["dmContainer", _ctx.$slots.default && "slotContainer"])
+      class: p(["dmContainer", t.$slots.default && "slotContainer"])
     }, [
-      _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+      t.$slots.default ? (E(), _("div", {
         key: 0,
-        class: normalizeClass(["slotBody", "slotBody" + _ctx.classTime])
+        class: p(["slotBody", "slotBody" + t.classTime])
       }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2)) : createCommentVNode("", true)
+        H(t.$slots, "default")
+      ], 2)) : M("", !0)
     ], 2)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const O = /* @__PURE__ */ j(U, [["render", F]]);
 export {
-  index as default
+  O as default
 };

package/dist/packages/_es/Button.js

@@ -1,11 +1,10 @@
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { Loading } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as B, computed as f, resolveComponent as S, openBlock as u, createElementBlock as m, normalizeClass as v, normalizeStyle as h, createElementVNode as w, createBlock as z, createCommentVNode as d, renderSlot as g } from "vue";
+import { c as L } from "./component-234624bc.js";
+import { Loading as N } from "@nutui/icons-vue";
+import { _ } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("button");
-const _sfc_main = create({
-  components: { Loading },
+const { componentName: E, create: V } = L("button"), R = V({
+  components: { Loading: N },
   props: {
     color: String,
     shape: {
@@ -14,15 +13,15 @@ const _sfc_main = create({
     },
     plain: {
       type: Boolean,
-      default: false
+      default: !1
     },
     loading: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     type: {
       type: String,
@@ -34,78 +33,60 @@ const _sfc_main = create({
     },
     block: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["click"],
-  setup(props, { emit, slots }) {
-    const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
-    const handleClick = (event) => {
-      if (!loading.value && !disabled.value) {
-        emit("click", event);
-      }
-    };
-    const classes = computed(() => {
-      const prefixCls = componentName;
+  setup(o, { emit: t, slots: $ }) {
+    const { type: s, size: r, shape: i, disabled: a, loading: n, color: l, plain: c, block: k } = B(o), y = (e) => {
+      !n.value && !a.value && t("click", e);
+    }, b = f(() => {
+      const e = E;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}--${type.value}`]: type.value,
-        [`${prefixCls}--${size.value}`]: size.value,
-        [`${prefixCls}--${shape.value}`]: shape.value,
-        [`${prefixCls}--plain`]: plain.value,
-        [`${prefixCls}--block`]: block.value,
-        [`${prefixCls}--disabled`]: disabled.value,
-        [`${prefixCls}--loading`]: loading.value
+        [e]: !0,
+        [`${e}--${s.value}`]: s.value,
+        [`${e}--${r.value}`]: r.value,
+        [`${e}--${i.value}`]: i.value,
+        [`${e}--plain`]: c.value,
+        [`${e}--block`]: k.value,
+        [`${e}--disabled`]: a.value,
+        [`${e}--loading`]: n.value
       };
-    });
-    const getStyle = computed(() => {
-      var _a;
-      const style = {};
-      if (color == null ? void 0 : color.value) {
-        if (plain.value) {
-          style.color = color.value;
-          style.background = "#fff";
-          if (!((_a = color.value) == null ? void 0 : _a.includes("gradient"))) {
-            style.borderColor = color.value;
-          }
-        } else {
-          style.color = "#fff";
-          style.background = color.value;
-        }
-      }
-      return style;
+    }), C = f(() => {
+      var p;
+      const e = {};
+      return l != null && l.value && (c.value ? (e.color = l.value, e.background = "#fff", (p = l.value) != null && p.includes("gradient") || (e.borderColor = l.value)) : (e.color = "#fff", e.background = l.value)), e;
     });
     return {
-      handleClick,
-      classes,
-      getStyle
+      handleClick: y,
+      classes: b,
+      getStyle: C
     };
   }
-});
-const _hoisted_1 = { class: "nut-button__warp" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Loading = resolveComponent("Loading");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.getStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+}), j = { class: "nut-button__wrap" };
+function q(o, t, $, s, r, i) {
+  const a = S("Loading");
+  return u(), m("view", {
+    class: v(o.classes),
+    style: h(o.getStyle),
+    onClick: t[0] || (t[0] = (...n) => o.handleClick && o.handleClick(...n))
   }, [
-    createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? (openBlock(), createBlock(_component_Loading, {
+    w("view", j, [
+      o.loading ? (u(), z(a, {
         key: 0,
         class: "nut-icon-loading"
-      })) : createCommentVNode("", true),
-      _ctx.$slots.icon && !_ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 1 }) : createCommentVNode("", true),
-      _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
+      })) : d("", !0),
+      o.$slots.icon && !o.loading ? g(o.$slots, "icon", { key: 1 }) : d("", !0),
+      o.$slots.default ? (u(), m("view", {
         key: 2,
-        class: normalizeClass({ "nut-button__text": _ctx.$slots.icon || _ctx.loading })
+        class: v({ "nut-button__text": o.$slots.icon || o.loading })
       }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2)) : createCommentVNode("", true)
+        g(o.$slots, "default")
+      ], 2)) : d("", !0)
     ])
   ], 6);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const I = /* @__PURE__ */ _(R, [["render", q]]);
 export {
-  Button as default
+  I as default
 };