@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/AudioOperate.js

@@ -1,22 +1,30 @@
-var v = Object.defineProperty, g = Object.defineProperties;
-var b = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var c = (t, e, o) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, d = (t, e) => {
-  for (var o in e || (e = {}))
-    w.call(e, o) && c(t, o, e[o]);
-  if (S)
-    for (var o of S(e))
-      z.call(e, o) && c(t, o, e[o]);
-  return t;
-}, $ = (t, e) => g(t, b(e));
-import { inject as D, reactive as M, ref as N, useSlots as E, toRefs as B, resolveComponent as F, openBlock as a, createElementBlock as n, createBlock as l, withCtx as i, createTextVNode as p, toDisplayString as f, createCommentVNode as r, renderSlot as m } from "vue";
-import { c as V } from "./component-234624bc.js";
-import C from "./Button.js";
-import { _ as j } 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 { inject, reactive, ref, useSlots, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
-const { componentName: Q, create: P, translate: R } = V("audio-operate"), T = P({
+const { componentName, create, translate } = createComponent("audio-operate");
+const _sfc_main = create({
   props: {
     // 展示的形式   back 倒退   play 开始 or 暂停  forward 快进 mute 静音
     type: {
@@ -25,88 +33,91 @@ const { componentName: Q, create: P, translate: R } = V("audio-operate"), T = P(
     }
   },
   components: {
-    [C.name]: C
+    [Button.name]: Button
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const o = D("audioParent"), y = M(o), k = N(E().default);
-    return $(d(d({}, B(t)), B(y)), { customSlot: k, translate: R });
+  setup(props, { emit }) {
+    const audio = inject("audioParent");
+    const parent = reactive(audio);
+    const customSlot = ref(useSlots().default);
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot, translate });
   }
-}), h = { class: "nut-audio-operate" };
-function q(t, e, o, y, k, A) {
-  const u = F("nut-button");
-  return a(), n("div", h, [
-    t.type == "back" ? (a(), n("div", {
+});
+const _hoisted_1 = { class: "nut-audio-operate" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.type == "back" ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "nut-audio-operate-item",
-      onClick: e[0] || (e[0] = (...s) => t.fastBack && t.fastBack(...s))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.fastBack && _ctx.fastBack(...args))
     }, [
-      t.customSlot ? r("", !0) : (a(), l(u, {
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
         key: 0,
         type: "primary",
         size: "small"
       }, {
-        default: i(() => [
-          p(f(t.translate("back")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.translate("back")), 1)
         ]),
         _: 1
-      })),
-      m(t.$slots, "default")
-    ])) : r("", !0),
-    t.type == "play" ? (a(), n("div", {
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "nut-audio-operate-item",
-      onClick: e[1] || (e[1] = (...s) => t.changeStatus && t.changeStatus(...s))
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
     }, [
-      t.customSlot ? r("", !0) : (a(), l(u, {
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
         key: 0,
         type: "primary",
         size: "small"
       }, {
-        default: i(() => [
-          p(f(t.audioData.playing ? `${t.translate("pause")}` : `${t.translate("start")}`), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(!_ctx.audioData.playing ? `${_ctx.translate("start")}` : `${_ctx.translate("pause")}`), 1)
         ]),
         _: 1
-      })),
-      m(t.$slots, "default")
-    ])) : r("", !0),
-    t.type == "forward" ? (a(), n("div", {
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
       key: 2,
       class: "nut-audio-operate-item",
-      onClick: e[2] || (e[2] = (...s) => t.forward && t.forward(...s))
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.forward && _ctx.forward(...args))
     }, [
-      t.customSlot ? r("", !0) : (a(), l(u, {
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
         key: 0,
         type: "primary",
         size: "small"
       }, {
-        default: i(() => [
-          p("快进")
+        default: withCtx(() => [
+          createTextVNode("快进")
         ]),
         _: 1
-      })),
-      m(t.$slots, "default")
-    ])) : r("", !0),
-    t.type == "mute" ? (a(), n("div", {
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
       key: 3,
       class: "nut-audio-operate-item",
-      onClick: e[3] || (e[3] = (...s) => t.handleMute && t.handleMute(...s))
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleMute && _ctx.handleMute(...args))
     }, [
-      t.customSlot ? r("", !0) : (a(), l(u, {
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
         key: 0,
-        type: t.audioData.hanMuted ? "default" : "primary",
+        type: !_ctx.audioData.hanMuted ? "primary" : "default",
         size: "small"
       }, {
-        default: i(() => [
-          p(f(t.translate("mute")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.translate("mute")), 1)
         ]),
         _: 1
-      }, 8, ["type"])),
-      m(t.$slots, "default")
-    ])) : r("", !0)
+      }, 8, ["type"])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true)
   ]);
 }
-const U = /* @__PURE__ */ j(T, [["render", q]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  U as default
+  index as default
 };

package/dist/packages/_es/Avatar.js

@@ -1,19 +1,25 @@
-var N = Object.defineProperty;
-var b = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var k = (o, s, r) => s in o ? N(o, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[s] = r, w = (o, s) => {
-  for (var r in s || (s = {}))
-    V.call(s, r) && k(o, r, s[r]);
-  if (b)
-    for (var r of b(s))
-      A.call(s, r) && k(o, r, s[r]);
-  return o;
+var __defProp = Object.defineProperty;
+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;
 };
-import { toRefs as I, inject as O, ref as R, reactive as M, onMounted as T, computed as g, openBlock as L, createElementBlock as B, normalizeStyle as j, normalizeClass as D, renderSlot as E, createCommentVNode as h, Fragment as F, createTextVNode as q, toDisplayString as H } from "vue";
-import { c as J } from "./component-234624bc.js";
-import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
+import { toRefs, inject, ref, reactive, onMounted, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, Fragment, createTextVNode, toDisplayString } 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: P, create: Q } = J("avatar"), U = Q({
+const { componentName, create } = createComponent("avatar");
+const _sfc_main = create({
   props: {
     size: {
       type: String,
@@ -32,76 +38,93 @@ const { componentName: P, create: Q } = J("avatar"), U = Q({
       default: "#666"
     }
   },
-  setup(o) {
-    const { size: s, shape: r, bgColor: $, color: y } = I(o), C = ["large", "normal", "small"], e = O("avatarGroup", null), i = R(null), m = M({
-      lightTheme: !1
-    }), l = M({
+  setup(props) {
+    const { size, shape, bgColor, color } = toRefs(props);
+    const sizeValue = ["large", "normal", "small"];
+    const avatarGroup = inject("avatarGroup", null);
+    const avatarRef = ref(null);
+    const visible = reactive({
+      lightTheme: false
+    });
+    const state = reactive({
       index: 1,
-      showMax: !1,
+      showMax: false,
       // 是否显示的最大头像个数
       maxIndex: 0
       // avatarGroup里的avatar的个数
     });
-    T(() => {
-      var n, a;
-      const t = (a = (n = e == null ? void 0 : e.avatarGroupRef) == null ? void 0 : n.value) == null ? void 0 : a.children;
-      t && c(t);
+    onMounted(() => {
+      var _a, _b;
+      const children = (_b = (_a = avatarGroup == null ? void 0 : avatarGroup.avatarGroupRef) == null ? void 0 : _a.value) == null ? void 0 : _b.children;
+      if (children) {
+        avatarLength(children);
+      }
     });
-    const d = g(() => {
-      var n, a;
+    const classes = computed(() => {
+      var _a, _b;
+      const prefixCls = componentName;
       return {
-        [P]: !0,
-        [`nut-avatar-${s.value || ((n = e == null ? void 0 : e.props) == null ? void 0 : n.size) || "normal"}`]: !0,
-        [`nut-avatar-${r.value || ((a = e == null ? void 0 : e.props) == null ? void 0 : a.shape) || "normal"}`]: !0
+        [prefixCls]: true,
+        [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
+        [`nut-avatar-${shape.value || ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.shape) || "normal"}`]: true
       };
-    }), x = g(() => {
-      var t, n, a;
+    });
+    const styles = computed(() => {
+      var _a, _b, _c;
       return {
-        width: C.indexOf(s.value) > -1 ? "" : `${s.value}px`,
-        height: C.indexOf(s.value) > -1 ? "" : `${s.value}px`,
-        backgroundColor: `${$.value}`,
-        color: `${y.value}`,
-        marginLeft: l.index != 1 && ((t = e == null ? void 0 : e.props) != null && t.span ? `${(n = e == null ? void 0 : e.props) == null ? void 0 : n.span}px` : ""),
-        zIndex: ((a = e == null ? void 0 : e.props) == null ? void 0 : a.zIndex) == "right" ? `${Math.abs(l.maxIndex - l.index)}` : ""
+        width: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
+        height: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
+        backgroundColor: `${bgColor.value}`,
+        color: `${color.value}`,
+        marginLeft: state.index != 1 && (((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.span) ? `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.span}px` : ""),
+        zIndex: ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.zIndex) == "right" ? `${Math.abs(state.maxIndex - state.index)}` : ""
       };
-    }), f = g(() => {
-      var t, n;
+    });
+    const maxStyles = computed(() => {
+      var _a, _b;
       return {
-        backgroundColor: `${(t = e == null ? void 0 : e.props) == null ? void 0 : t.maxBgColor}`,
-        color: `${(n = e == null ? void 0 : e.props) == null ? void 0 : n.maxColor}`
+        backgroundColor: `${(_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.maxBgColor}`,
+        color: `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxColor}`
       };
-    }), c = (t) => {
-      var n, a, u;
-      l.maxIndex = t.length;
-      for (let p = 0; p < t.length; p++)
-        t[p] && t[p].classList && t[p].classList[0] == "nut-avatar" && t[p].setAttribute("data-index", p + 1);
-      l.index = (a = (n = i == null ? void 0 : i.value) == null ? void 0 : n.dataset) == null ? void 0 : a.index, l.index == l.maxIndex && l.index != ((u = e == null ? void 0 : e.props) == null ? void 0 : u.maxCount) && (l.showMax = !0);
+    });
+    const avatarLength = (children) => {
+      var _a, _b, _c;
+      state.maxIndex = children.length;
+      for (let i = 0; i < children.length; i++) {
+        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
+          children[i].setAttribute("data-index", i + 1);
+        }
+      }
+      state.index = (_b = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
+      if (state.index == state.maxIndex && state.index != ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.maxCount)) {
+        state.showMax = true;
+      }
     };
-    return w({
-      classes: d,
-      styles: x,
-      maxStyles: f,
-      avatarGroup: e,
-      visible: m,
-      avatarRef: i
-    }, I(l));
+    return __spreadValues({
+      classes,
+      styles,
+      maxStyles,
+      avatarGroup,
+      visible,
+      avatarRef
+    }, toRefs(state));
   }
 });
-function W(o, s, r, $, y, C) {
-  var e, i, m, l, d, x, f, c, t, n, a, u, p, v, S, z;
-  return o.showMax || !((i = (e = o.avatarGroup) == null ? void 0 : e.props) != null && i.maxCount) || o.index <= ((l = (m = o.avatarGroup) == null ? void 0 : m.props) == null ? void 0 : l.maxCount) ? (L(), B("view", {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  return _ctx.showMax || !((_b = (_a = _ctx.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || _ctx.index <= ((_d = (_c = _ctx.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (openBlock(), createElementBlock("view", {
     key: 0,
-    style: j(o.showMax ? o.maxStyles : o.styles),
-    class: D(o.classes),
+    style: normalizeStyle(!_ctx.showMax ? _ctx.styles : _ctx.maxStyles),
+    class: normalizeClass(_ctx.classes),
     ref: "avatarRef"
   }, [
-    !((x = (d = o.avatarGroup) == null ? void 0 : d.props) != null && x.maxCount) || o.index <= ((c = (f = o.avatarGroup) == null ? void 0 : f.props) == null ? void 0 : c.maxCount) ? E(o.$slots, "default", { key: 0 }) : h("", !0),
-    o.showMax && ((n = (t = o.avatarGroup) == null ? void 0 : t.props) != null && n.maxCount) ? (L(), B(F, { key: 1 }, [
-      q(H((u = (a = o.avatarGroup) == null ? void 0 : a.props) != null && u.maxContent ? (v = (p = o.avatarGroup) == null ? void 0 : p.props) == null ? void 0 : v.maxContent : `+ ${o.maxIndex - ((z = (S = o.avatarGroup) == null ? void 0 : S.props) == null ? void 0 : z.maxCount)}`), 1)
-    ], 64)) : h("", !0)
-  ], 6)) : h("", !0);
+    !((_f = (_e = _ctx.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || _ctx.index <= ((_h = (_g = _ctx.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+    _ctx.showMax && ((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxCount) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      createTextVNode(toDisplayString(((_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent) ? (_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxContent : `+ ${_ctx.maxIndex - ((_p = (_o = _ctx.avatarGroup) == null ? void 0 : _o.props) == null ? void 0 : _p.maxCount)}`), 1)
+    ], 64)) : createCommentVNode("", true)
+  ], 6)) : createCommentVNode("", true);
 }
-const ee = /* @__PURE__ */ K(U, [["render", W]]);
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ee as default
+  Avatar as default
 };

package/dist/packages/_es/AvatarGroup.js

@@ -1,8 +1,9 @@
-import { toRefs as p, ref as a, computed as l, onMounted as u, provide as f, openBlock as i, createElementBlock as c, normalizeClass as d, renderSlot as m } from "vue";
-import { c as g } from "./component-234624bc.js";
-import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
+import { toRefs, ref, computed, onMounted, provide, openBlock, createElementBlock, normalizeClass, 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: S, create: y } = g("avatar-group"), C = y({
+const { componentName, create } = createComponent("avatar-group");
+const _sfc_main = create({
   props: {
     maxContent: {
       type: String,
@@ -37,32 +38,39 @@ const { componentName: S, create: y } = g("avatar-group"), C = y({
       default: "left"
     }
   },
-  setup(e, { emit: n, slots: s }) {
-    p(e);
-    const t = a(null), r = a(0), o = l(() => ({
-      [S]: !0
-    }));
-    return u(() => {
-    }), f("avatarGroup", {
-      props: e,
-      avatarGroupRef: t,
-      index: r
-    }), {
-      classes: o,
+  setup(props, { emit, slots }) {
+    toRefs(props);
+    const avatarGroupRef = ref(null);
+    const index2 = ref(0);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    onMounted(() => {
+    });
+    provide("avatarGroup", {
+      props,
+      avatarGroupRef,
+      index: index2
+    });
+    return {
+      classes,
       // styles,
-      avatarGroupRef: t
+      avatarGroupRef
     };
   }
 });
-function _(e, n, s, t, r, o) {
-  return i(), c("view", {
-    class: d(e.classes),
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
     ref: "avatarGroupRef"
   }, [
-    m(e.$slots, "default")
+    renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const R = /* @__PURE__ */ x(C, [["render", _]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  R as default
+  index as default
 };