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

package/dist/packages/_es/index-360c5092.js

@@ -0,0 +1,210 @@
+var A = Object.defineProperty, E = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var v = (e, l, o) => l in e ? A(e, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[l] = o, i = (e, l) => {
+  for (var o in l || (l = {}))
+    T.call(l, o) && v(e, o, l[o]);
+  if (f)
+    for (var o of f(l))
+      V.call(l, o) && v(e, o, l[o]);
+  return e;
+}, C = (e, l) => E(e, D(l));
+import { c as j } from "./component-234624bc.js";
+import { reactive as L, computed as u, watch as R, watchEffect as q, toRefs as F, resolveComponent as k, openBlock as d, createBlock as m, Teleport as G, mergeProps as H, createCommentVNode as p, createVNode as b, Transition as J, withCtx as K, withDirectives as M, createElementVNode as Q, normalizeClass as S, normalizeStyle as U, renderSlot as I, createElementBlock as W, vShow as X } from "vue";
+import O from "./Overlay.js";
+import { Close as Y } from "@nutui/icons-vue";
+import { _ as Z } from "./_plugin-vue_export-helper-dad06003.js";
+const x = {
+  visible: {
+    type: Boolean,
+    default: !1
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: !0
+  },
+  position: {
+    type: String,
+    default: "center"
+  },
+  transition: {
+    type: String,
+    default: ""
+  },
+  style: {
+    type: Object,
+    default: {}
+  },
+  popClass: {
+    type: String,
+    default: ""
+  },
+  closeable: {
+    type: Boolean,
+    default: !1
+  },
+  closeIconPosition: {
+    type: String,
+    default: "top-right"
+  },
+  closeIcon: {
+    type: String,
+    default: "close"
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: !0
+  },
+  teleport: {
+    type: [String, Element],
+    default: "body"
+  },
+  overlay: {
+    type: Boolean,
+    default: !0
+  },
+  round: {
+    type: Boolean,
+    default: !1
+  },
+  teleportDisable: {
+    type: Boolean,
+    default: !1
+  },
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: !1
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  overlayStyle: {
+    type: Object,
+    default: {}
+  }
+}, B = 2e3;
+let z = B;
+const _ = (e, l) => ({
+  components: l,
+  props: i({}, x),
+  emits: ["click-pop", "click-close-icon", "open", "close", "opend", "closed", "click-overlay", "update:visible"],
+  setup(o, { emit: t }) {
+    const s = L({
+      zIndex: o.zIndex,
+      showSlot: !0,
+      closed: o.closeable
+    }), y = u(() => ({
+      [e]: !0,
+      round: o.round,
+      [`nut-popup--${o.position}`]: !0,
+      [`nut-popup--${o.position}--safebottom`]: o.position === "bottom" && o.safeAreaInsetBottom,
+      [o.popClass]: !0
+    })), r = u(() => i({
+      zIndex: s.zIndex,
+      transitionDuration: `${o.duration}s`
+    }, o.style)), c = u(() => o.transition ? o.transition : `nut-popup-slide-${o.position}`), a = () => {
+      o.zIndex !== B && (z = Number(o.zIndex)), t("update:visible", !0), s.zIndex = ++z, o.destroyOnClose && (s.showSlot = !0), t("open");
+    }, g = () => {
+      t("update:visible", !1), t("close"), o.destroyOnClose && setTimeout(() => {
+        s.showSlot = !1;
+      }, +o.duration * 1e3);
+    }, w = (n) => {
+      t("click-pop", n);
+    }, $ = (n) => {
+      n.stopPropagation(), t("click-close-icon", n), t("update:visible", !1);
+    }, h = (n) => {
+      t("click-overlay", n), o.closeOnClickOverlay && t("update:visible", !1);
+    }, N = (n) => {
+      t("opend", n);
+    }, P = (n) => {
+      t("closed", n);
+    };
+    return R(
+      () => o.visible,
+      (n) => {
+        o.visible ? a() : g();
+      }
+    ), q(() => {
+      s.closed = o.closeable;
+    }), C(i({}, F(s)), {
+      popStyle: r,
+      transitionName: c,
+      classes: y,
+      onClick: w,
+      onClickCloseIcon: $,
+      onClickOverlay: h,
+      onOpened: N,
+      onClosed: P
+    });
+  }
+}), { componentName: ee, create: oe } = j("popup"), le = oe(
+  _(ee, {
+    [O.name]: O,
+    Close: Y
+  })
+);
+function te(e, l, o, t, s, y) {
+  const r = k("nut-overlay"), c = k("Close");
+  return d(), m(G, {
+    to: e.teleport,
+    disabled: !e.teleportDisable
+  }, [
+    e.overlay ? (d(), m(r, H({
+      key: 0,
+      visible: e.visible,
+      "close-on-click-overlay": e.closeOnClickOverlay,
+      "z-index": e.zIndex,
+      "lock-scroll": e.lockScroll,
+      duration: e.duration,
+      "overlay-class": e.overlayClass,
+      "overlay-style": e.overlayStyle,
+      onClick: e.onClickOverlay
+    }, e.$attrs), null, 16, ["visible", "close-on-click-overlay", "z-index", "lock-scroll", "duration", "overlay-class", "overlay-style", "onClick"])) : p("", !0),
+    b(J, {
+      name: e.transitionName,
+      onAfterEnter: e.onOpened,
+      onAfterLeave: e.onClosed
+    }, {
+      default: K(() => [
+        M(Q("view", {
+          class: S(e.classes),
+          style: U(e.popStyle),
+          onClick: l[1] || (l[1] = (...a) => e.onClick && e.onClick(...a))
+        }, [
+          e.showSlot ? I(e.$slots, "default", { key: 0 }) : p("", !0),
+          e.closed ? (d(), W("view", {
+            key: 1,
+            onClick: l[0] || (l[0] = (...a) => e.onClickCloseIcon && e.onClickCloseIcon(...a)),
+            class: S(["nut-popup__close-icon", "nut-popup__close-icon--" + e.closeIconPosition])
+          }, [
+            I(e.$slots, "close-icon", {}, () => [
+              b(c, { height: "12px" })
+            ])
+          ], 2)) : p("", !0)
+        ], 6), [
+          [X, e.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to", "disabled"]);
+}
+const ue = /* @__PURE__ */ Z(le, [["render", te]]);
+export {
+  ue as P,
+  x as p
+};

package/dist/packages/_es/index-496e6e05.js

@@ -0,0 +1,24 @@
+import { ref as l, onMounted as u } from "vue";
+const a = /scroll|auto|overlay/i, n = window;
+function c(t) {
+  return t.tagName !== "HTML" && t.tagName !== "BODY" && t.nodeType === 1;
+}
+function i(t, o = n) {
+  let e = t;
+  for (; e && e !== o && c(e); ) {
+    const { overflowY: r } = window.getComputedStyle(e);
+    if (a.test(r))
+      return e;
+    e = e.parentNode;
+  }
+  return o;
+}
+function E(t, o = n) {
+  const e = l();
+  return u(() => {
+    t.value && (e.value = i(t.value, o));
+  }), e;
+}
+export {
+  E as u
+};

package/dist/packages/_es/index-50eed3d9.js

@@ -0,0 +1,7 @@
+import { getCurrentInstance as r } from "vue";
+function e() {
+  return r().proxy.$router || null;
+}
+export {
+  e as u
+};

package/dist/packages/_es/index-53ec2d4d.js

@@ -0,0 +1,34 @@
+import { ref as t } from "vue";
+const h = 10;
+function m(e, a) {
+  return e > a && e > h ? "horizontal" : a > e && a > h ? "vertical" : "";
+}
+function b() {
+  const e = t(0), a = t(0), r = t(0), i = t(0), l = t(0), u = t(0), c = t(0), n = t(0), o = t(""), X = () => o.value === "vertical", Y = () => o.value === "horizontal", f = () => {
+    l.value = 0, u.value = 0, c.value = 0, n.value = 0, o.value = "";
+  };
+  return {
+    move: (s) => {
+      const v = s.touches[0];
+      l.value = v.clientX - e.value, u.value = v.clientY - a.value, r.value = v.clientX, i.value = v.clientY, c.value = Math.abs(l.value), n.value = Math.abs(u.value), o.value || (o.value = m(c.value, n.value));
+    },
+    start: (s) => {
+      f(), e.value = s.touches[0].clientX, a.value = s.touches[0].clientY;
+    },
+    reset: f,
+    startX: e,
+    startY: a,
+    moveX: r,
+    moveY: i,
+    deltaX: l,
+    deltaY: u,
+    offsetX: c,
+    offsetY: n,
+    direction: o,
+    isVertical: X,
+    isHorizontal: Y
+  };
+}
+export {
+  b as u
+};

package/dist/packages/_es/index-fadb0974.js

@@ -0,0 +1,8 @@
+import { getCurrentInstance as e } from "vue";
+function o(t) {
+  const n = e();
+  n && Object.assign(n.proxy, t);
+}
+export {
+  o as u
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-1139b29a.js

@@ -0,0 +1,43 @@
+import { provide as i, readonly as u, computed as d, watch as l, h as c } from "vue";
+import { c as m } from "./component-234624bc.js";
+const { componentName: n, create: p } = m("radio-group"), V = p({
+  props: {
+    modelValue: {
+      type: [Number, String, Boolean],
+      default: ""
+    },
+    direction: {
+      type: String,
+      default: "vertical"
+      //horizontal
+    },
+    textPosition: {
+      type: String,
+      default: "right"
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(t, { emit: o, slots: a }) {
+    const r = (e) => o("update:modelValue", e);
+    return i("parent", {
+      label: u(d(() => t.modelValue)),
+      position: t.textPosition,
+      updateValue: r
+    }), l(
+      () => t.modelValue,
+      (e) => o("change", e)
+    ), () => {
+      var e;
+      return c(
+        "view",
+        {
+          class: `${n} ${n}--${t.direction}`
+        },
+        (e = a.default) == null ? void 0 : e.call(a)
+      );
+    };
+  }
+});
+export {
+  V as _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-43b774dd.js

@@ -0,0 +1,77 @@
+import { inject as C, computed as o, h as r } from "vue";
+import { c as p } from "./component-234624bc.js";
+import { CheckNormal as h, CheckChecked as _ } from "@nutui/icons-vue";
+import { p as N } from "./pxCheck-38173291.js";
+const { componentName: t, create: S } = p("radio"), I = S({
+  components: {
+    CheckNormal: h,
+    CheckChecked: _
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    shape: {
+      type: String,
+      default: "round"
+      // button
+    },
+    label: {
+      type: [String, Number, Boolean],
+      default: ""
+    },
+    iconSize: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  setup(n, { emit: g, slots: e }) {
+    let i = C("parent", null);
+    const c = o(() => i.label.value === n.label), f = o(() => n.disabled ? "nut-radio__icon--disable" : c.value ? "nut-radio__icon" : "nut-radio__icon--unchecked"), k = o(() => i.position), l = () => {
+      const { iconSize: a } = n, b = {
+        CheckNormal: e.icon ? e.icon : h,
+        Checked: e.checkedIcon ? e.checkedIcon : _
+      }, s = c.value ? b.Checked : b.CheckNormal, m = N(a);
+      return r(s, {
+        width: m,
+        height: m,
+        class: f.value
+      });
+    }, d = () => {
+      var a;
+      return r(
+        "view",
+        {
+          class: `${t}__label ${n.disabled ? `${t}__label--disabled` : ""}`
+        },
+        (a = e.default) == null ? void 0 : a.call(e)
+      );
+    }, v = () => {
+      var a;
+      return r(
+        "view",
+        {
+          class: `${t}__button ${c.value && `${t}__button--active`} ${n.disabled ? `${t}__button--disabled` : ""}`
+        },
+        (a = e.default) == null ? void 0 : a.call(e)
+      );
+    }, $ = () => {
+      c.value || n.disabled || i.updateValue(n.label);
+    };
+    let u = k.value === "left";
+    return () => r(
+      "view",
+      {
+        class: `${t} ${t}--${n.shape} ${u ? `${t}--reverse` : ""}`,
+        onClick: $
+      },
+      [
+        n.shape == "button" ? v() : u ? [d(), l()] : [l(), d()]
+      ]
+    );
+  }
+});
+export {
+  I as _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-f44c159d.js

@@ -0,0 +1,110 @@
+import { ref as R, reactive as E, computed as u, watch as H, onMounted as N, onUnmounted as T, h as x, unref as k } from "vue";
+import { c as z } from "./component-234624bc.js";
+import { u as h } from "./index-192a3ef6.js";
+const { componentName: g, create: I } = z("sticky"), M = I({
+  props: {
+    position: {
+      type: String,
+      default: "top"
+    },
+    top: {
+      type: [Number, String],
+      default: 0
+    },
+    bottom: {
+      type: [Number, String],
+      default: 0
+    },
+    container: {
+      type: Object
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 2e3
+    }
+  },
+  emits: ["change", "scroll"],
+  setup(s, { emit: m, slots: a }) {
+    const d = R(), e = E({
+      width: 0,
+      height: 0,
+      fixed: !1,
+      transform: 0
+    }), w = u(() => {
+      const { fixed: t, width: i, height: c } = e;
+      if (t)
+        return {
+          width: `${i}px`,
+          height: `${c}px`
+        };
+    }), v = u(() => {
+      if (!e.fixed)
+        return;
+      const t = {
+        width: `${e.width}px`,
+        height: `${e.height}px`,
+        [s.position]: `${r.value}px`,
+        zIndex: +s.zIndex
+      };
+      return e.transform && (t.transform = `translate3d(0, ${e.transform}px, 0)`), t;
+    }), r = u(() => s.position === "top" ? s.top : s.bottom), y = (t) => {
+      const i = k(t);
+      if (!i)
+        return !1;
+      const c = window.getComputedStyle(i), o = c.display === "none", n = i.offsetParent === null && c.position !== "fixed";
+      return o || n;
+    }, b = () => !(!d.value || y(d)), S = (t) => Math.max(0, "scrollTop" in t ? t.scrollTop : t.pageYOffset), $ = () => {
+      var t;
+      return x(
+        "view",
+        {
+          style: v.value,
+          class: e.fixed ? `${g} nut-sticky--fixed` : g
+        },
+        (t = a.default) == null ? void 0 : t.call(a)
+      );
+    }, l = () => {
+      if (!b())
+        return;
+      const { container: t, position: i } = s, c = S(window), o = h(d);
+      if ((o.width || o.height) && (e.width = o.width, e.height = o.height), i === "top")
+        if (t) {
+          const n = h(t), f = n.bottom - +r.value - e.height;
+          e.fixed = +r.value > o.top && n.bottom > 0, e.transform = f < 0 ? f : 0;
+        } else
+          e.fixed = r.value > o.top;
+      else if (i === "bottom") {
+        const n = document.documentElement.clientHeight;
+        if (t) {
+          const f = h(t), p = n - f.top - +r.value - e.height;
+          e.fixed = n - +r.value < o.bottom && n > f.top, e.transform = p < 0 ? -p : 0;
+        } else
+          e.fixed = n - +r.value < o.bottom;
+      }
+      m("scroll", {
+        top: c,
+        fixed: e.fixed
+      });
+    };
+    return H(
+      () => e.fixed,
+      (t) => {
+        m("change", t);
+      }
+    ), N(() => {
+      window.addEventListener("scroll", l), l();
+    }), T(() => {
+      window.removeEventListener("scroll", l);
+    }), () => x(
+      "view",
+      {
+        style: w.value,
+        ref: d
+      },
+      [$()]
+    );
+  }
+});
+export {
+  M as _
+};

package/dist/packages/_es/mountComponent-6d4ff200.js

@@ -0,0 +1,23 @@
+import { createApp as d } from "vue";
+import { j as l, k as u } from "./component-234624bc.js";
+const C = (n, e) => {
+  let t = document.body;
+  const o = n.teleport || "body";
+  o != "body" && (l(o) ? t = document.querySelector(o) : t = n.teleport);
+  const r = document.createElement("view"), c = e.name ? e.name + "-" : "", m = n.id || (/* @__PURE__ */ new Date()).getTime();
+  r.id = c + m;
+  let a = {};
+  u(e.wrapper) ? a = e.wrapper(t, r) : a = e.wrapper;
+  const s = d(a, n), i = e.components;
+  return i && i.forEach((p) => {
+    s.use(p);
+  }), t.appendChild(r), {
+    instance: s.mount(r),
+    unmount: () => {
+      s.unmount(), t.removeChild(r);
+    }
+  };
+};
+export {
+  C
+};

package/dist/packages/_es/pxCheck-38173291.js

@@ -0,0 +1,4 @@
+const p = (r) => isNaN(Number(r)) ? String(r) : `${r}px`;
+export {
+  p
+};

package/dist/packages/_es/raf-a74f1a06.js

@@ -0,0 +1,16 @@
+const n = window, t = typeof window != "undefined";
+function i() {
+  return typeof n != "undefined" ? n.requestAnimationFrame || n.webkitRequestAnimationFrame || function(e) {
+    n.setTimeout(e, 1e3 / 60);
+  } : function(e) {
+    setTimeout(e, 1e3 / 60);
+  };
+}
+function o(e) {
+  t ? cancelAnimationFrame(e) : clearTimeout(e);
+}
+const r = i();
+export {
+  o as c,
+  r
+};

package/dist/packages/_es/renderIcon-47498b32.js

@@ -0,0 +1,5 @@
+import { h as t } from "vue";
+const o = (r, e) => r ? t(r, e) : "";
+export {
+  o as r
+};

package/dist/packages/actionsheet/index.scss

@@ -1,3 +1,5 @@
+@import '../popup/index.scss';
+
 .nut-theme-dark {
   .nut-action-sheet {
     .nut-action-sheet__cancel {

package/dist/packages/actionsheet/style.mjs

@@ -1,4 +1,2 @@
 import '../../styles/reset.css';
-import '../overlay/index.scss';
-import '../popup/index.scss';
 import './index.scss';

package/dist/packages/address/index.scss

@@ -1,3 +1,6 @@
+@import '../popup/index.scss';
+@import '../elevator/index.scss';
+
 .nut-theme-dark {
   .nut-address {
     &__header {
@@ -63,7 +66,7 @@
     display: block;
     .nut-address__region {
       position: relative;
-      margin-top: 32px;
+      // margin-top: 32px;
       padding: 0 20px;
       display: flex;
       font-size: $address-region-tab-font-size;
@@ -132,7 +135,7 @@
       .nut-address__detail-list {
         padding-top: 15px;
         height: 270px;
-        overflow-y: auto;
+        // overflow-y: auto;
         box-sizing: border-box;
         padding: 0;
         .nut-address__detail-item {

package/dist/packages/address/style.mjs

@@ -1,5 +1,2 @@
 import '../../styles/reset.css';
-import '../elevator/index.scss';
-import '../overlay/index.scss';
-import '../popup/index.scss';
 import './index.scss';

package/dist/packages/addresslist/index.scss

@@ -1,3 +1,6 @@
+@import '../button/index.scss';
+@import '../swipe/index.scss';
+
 .nut-theme-dark {
   .nut-address-list {
     &-swipe,

package/dist/packages/addresslist/style.mjs

@@ -1,4 +1,2 @@
 import '../../styles/reset.css';
-import '../swipe/index.scss';
-import '../button/index.scss';
 import './index.scss';

package/dist/packages/audio/index.scss

@@ -1,3 +1,5 @@
+@import '../range/index.scss';
+
 .nut-theme-dark {
   .nut-audio__icon {
     .nut-audio__icon--box {

package/dist/packages/audio/style.mjs

@@ -1,3 +1,2 @@
 import '../../styles/reset.css';
-import '../range/index.scss';
 import './index.scss';

package/dist/packages/audiooperate/index.scss

@@ -1,3 +1,5 @@
+@import '../button/index.scss';
+
 .nut-audio-operate-group {
   display: flex;
   display: flex;

package/dist/packages/audiooperate/style.mjs

@@ -1,3 +1,2 @@
 import '../../styles/reset.css';
-import '../button/index.scss';
 import './index.scss';

package/dist/packages/badge/index.scss

@@ -41,5 +41,8 @@
       border-radius: $badge-dot-border-radius;
       padding: $badge-dot-padding;
     }
+    &--bubble {
+      border-bottom-left-radius: 0;
+    }
   }
 }

package/dist/packages/button/index.scss

@@ -42,7 +42,7 @@
   &:active::before {
     opacity: 0.1;
   }
-  &__warp {
+  &__wrap {
     height: 100%;
     width: 100%;
     display: flex;

package/dist/packages/calendar/index.scss

@@ -1,3 +1,6 @@
+@import '../popup/index.scss';
+@import '../calendaritem/index.scss';
+
 .nut-theme-dark {
   .nut-calendar {
     background: $dark-background;