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

package/dist/packages/_es/Switch.js

@@ -1,19 +1,18 @@
-import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { Loading1 } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { computed as i, watch as y, resolveComponent as C, openBlock as d, createElementBlock as m, normalizeClass as w, normalizeStyle as V, createElementVNode as c, renderSlot as b, createVNode as h, createCommentVNode as v, Fragment as k, withDirectives as f, toDisplayString as g, vShow as p } from "vue";
+import { c as S } from "./component-234624bc.js";
+import { Loading1 as B } from "@nutui/icons-vue";
+import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("switch");
-const _sfc_main = create({
-  components: { Loading1 },
+const { componentName: $, create: T } = S("switch"), A = T({
+  components: { Loading1: B },
   props: {
     modelValue: {
       type: [String, Number, Boolean],
-      default: false
+      default: !1
     },
     disable: {
       type: Boolean,
-      default: false
+      default: !1
     },
     activeColor: {
       type: String,
@@ -33,84 +32,76 @@ const _sfc_main = create({
     },
     activeValue: {
       type: [String, Number, Boolean],
-      default: true
+      default: !0
     },
     inactiveValue: {
       type: [String, Number, Boolean],
-      default: false
+      default: !1
     },
     loading: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["change", "update:modelValue", "update:loading"],
-  setup(props, { emit }) {
-    const isActive = computed(() => props.modelValue === props.activeValue);
-    const classes = computed(() => {
-      const prefixCls = componentName;
+  setup(e, { emit: a }) {
+    const o = i(() => e.modelValue === e.activeValue), s = i(() => {
+      const t = $;
       return {
-        [prefixCls]: true,
-        [isActive.value ? "nut-switch-open" : "nut-switch-close"]: true,
-        [`${prefixCls}-disable`]: props.disable,
-        [`${prefixCls}-base`]: true
+        [t]: !0,
+        [o.value ? "nut-switch-open" : "nut-switch-close"]: !0,
+        [`${t}-disable`]: e.disable,
+        [`${t}-base`]: !0
       };
-    });
-    const style = computed(() => {
-      return {
-        backgroundColor: isActive.value ? props.activeColor : props.inactiveColor
-      };
-    });
-    let updateType = "";
-    const onClick = (event) => {
-      if (props.disable || props.loading)
+    }), r = i(() => ({
+      backgroundColor: o.value ? e.activeColor : e.inactiveColor
+    }));
+    let l = "";
+    const n = (t) => {
+      if (e.disable || e.loading)
         return;
-      const value = isActive.value ? props.inactiveValue : props.activeValue;
-      updateType = "click";
-      emit("update:modelValue", value);
-      emit("change", value, event);
+      const u = o.value ? e.inactiveValue : e.activeValue;
+      l = "click", a("update:modelValue", u), a("change", u, t);
     };
-    watch(
-      () => props.modelValue,
-      (v) => {
-        if (updateType == "click") {
-          updateType = "";
-        } else {
-          emit("change", v);
-        }
+    return y(
+      () => e.modelValue,
+      (t) => {
+        l == "click" ? l = "" : a("change", t);
       }
-    );
-    return {
-      classes,
-      style,
-      onClick
+    ), {
+      classes: s,
+      style: r,
+      isActive: o,
+      onClick: n
     };
   }
-});
-const _hoisted_1 = { class: "nut-switch-button" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Loading1 = resolveComponent("Loading1");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-    style: normalizeStyle(_ctx.style)
+}), L = { class: "nut-switch-button" };
+function z(e, a, o, s, r, l) {
+  const n = C("Loading1");
+  return d(), m("view", {
+    class: w(e.classes),
+    onClick: a[0] || (a[0] = (...t) => e.onClick && e.onClick(...t)),
+    style: V(e.style)
   }, [
-    createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-        createVNode(_component_Loading1, { name: "loading" })
-      ]) : createCommentVNode("", true),
-      _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
-          [vShow, _ctx.modelValue]
+    c("view", L, [
+      e.loading ? b(e.$slots, "icon", { key: 0 }, () => [
+        h(n, {
+          name: "loading",
+          color: e.activeColor
+        }, null, 8, ["color"])
+      ]) : v("", !0),
+      e.activeText ? (d(), m(k, { key: 1 }, [
+        f(c("view", { class: "nut-switch-label open" }, g(e.activeText), 513), [
+          [p, e.isActive]
         ]),
-        withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
-          [vShow, !_ctx.modelValue]
+        f(c("view", { class: "nut-switch-label close" }, g(e.inactiveText), 513), [
+          [p, !e.isActive]
         ])
-      ], 64)) : createCommentVNode("", true)
+      ], 64)) : v("", !0)
     ])
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const G = /* @__PURE__ */ N(A, [["render", z]]);
 export {
-  index as default
+  G as default
 };

package/dist/packages/_es/TabPane.js

@@ -1,9 +1,20 @@
-import { inject, 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";
+var s = Object.defineProperty, l = Object.defineProperties;
+var c = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var r = (e, a, t) => a in e ? s(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, p = (e, a) => {
+  for (var t in a || (a = {}))
+    m.call(a, t) && r(e, t, a[t]);
+  if (o)
+    for (var t of o(a))
+      u.call(a, t) && r(e, t, a[t]);
+  return e;
+}, i = (e, a) => l(e, c(a));
+import { inject as d, computed as f, openBlock as y, createElementBlock as b, normalizeClass as v, normalizeStyle as S, renderSlot as K } from "vue";
+import { c as $ } from "./component-234624bc.js";
+import { _ } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { create } = createComponent("tab-pane");
-const _sfc_main = create({
+const { create: g } = $("tab-pane"), k = g({
   props: {
     title: {
       type: [String, Number],
@@ -15,27 +26,28 @@ const _sfc_main = create({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const parent = inject("activeKey");
-    const parentOption = inject("autoHeight");
-    return {
-      activeKey: parent.activeKey,
-      autoHeight: parentOption.autoHeight
-    };
+  setup(e, { emit: a }) {
+    const t = d("tabsOpiton"), n = f(() => ({
+      display: t.animatedTime.value == 0 && e.paneKey != t.activeKey.value ? "none" : void 0
+    }));
+    return i(p({}, t), {
+      paneStyle: n
+    });
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tab-pane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
+function B(e, a, t, n, h, z) {
+  return y(), b("view", {
+    class: v(["nut-tab-pane", { inactive: e.paneKey != e.activeKey && e.autoHeight }]),
+    style: S(e.paneStyle)
   }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
+    K(e.$slots, "default")
+  ], 6);
 }
-const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const w = /* @__PURE__ */ _(k, [["render", B]]);
 export {
-  TabPane as default
+  w as default
 };

package/dist/packages/_es/Tabbar.js

@@ -1,9 +1,8 @@
-import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as h, ref as i, reactive as m, provide as b, watch as v, onMounted as g, nextTick as y, openBlock as V, createElementBlock as C, normalizeClass as f, normalizeStyle as B, createElementVNode as S, renderSlot as _ } from "vue";
+import { c as $ } from "./component-234624bc.js";
+import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { create } = createComponent("tabbar");
-const _sfc_main = create({
+const { create: k } = $("tabbar"), I = k({
   props: {
     modelValue: {
       type: [Number, String],
@@ -11,7 +10,7 @@ const _sfc_main = create({
     },
     bottom: {
       type: Boolean,
-      default: false
+      default: !1
     },
     type: {
       type: String,
@@ -27,70 +26,60 @@ const _sfc_main = create({
     },
     safeAreaInsetBottom: {
       type: Boolean,
-      default: false
+      default: !1
     },
     placeholder: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["tab-switch", "update:modelValue"],
-  setup(props, { emit, slots }) {
-    const { bottom, placeholder } = toRefs(props);
-    const height = ref();
-    const mdValue = reactive({
-      val: props.modelValue,
+  setup(e, { emit: l, slots: p }) {
+    const { bottom: u, placeholder: d } = h(e), n = i(), s = m({
+      val: e.modelValue,
       children: []
-    });
-    const nutTabbar = ref(null);
-    function changeIndex(index2, active) {
-      emit("update:modelValue", active);
-      parentData.modelValue = active;
-      emit("tab-switch", parentData.children[index2], active);
+    }), a = i(null);
+    function c(t, r) {
+      l("update:modelValue", r), o.modelValue = r, l("tab-switch", o.children[t], r);
     }
-    let parentData = reactive({
-      children: mdValue.children,
-      modelValue: mdValue.val,
-      unactiveColor: props.unactiveColor,
-      activeColor: props.activeColor,
-      changeIndex
+    let o = m({
+      children: s.children,
+      modelValue: s.val,
+      unactiveColor: e.unactiveColor,
+      activeColor: e.activeColor,
+      changeIndex: c
     });
-    provide("parent", parentData);
-    watch(
-      () => props.modelValue,
-      (value) => {
-        parentData.modelValue = value;
-      }
-    );
-    onMounted(() => {
-      if (bottom.value && placeholder.value) {
-        nextTick(() => {
-          var _a;
-          height.value = (_a = nutTabbar == null ? void 0 : nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
-        });
+    return b("parent", o), v(
+      () => e.modelValue,
+      (t) => {
+        o.modelValue = t;
       }
-    });
-    return {
-      changeIndex,
-      nutTabbar,
-      height
+    ), g(() => {
+      u.value && d.value && y(() => {
+        var t;
+        n.value = (t = a == null ? void 0 : a.value) == null ? void 0 : t.getBoundingClientRect().height;
+      });
+    }), {
+      changeIndex: c,
+      nutTabbar: a,
+      height: n
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass({ "nut-tabbar__placeholder": _ctx.bottom && _ctx.placeholder }),
-    style: normalizeStyle({ height: _ctx.height + "px" })
+function z(e, l, p, u, d, n) {
+  return V(), C("div", {
+    class: f({ "nut-tabbar__placeholder": e.bottom && e.placeholder }),
+    style: B({ height: e.height + "px" })
   }, [
-    createElementVNode("view", {
+    S("view", {
       ref: "nutTabbar",
-      class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
+      class: f(["nut-tabbar", { "nut-tabbar-bottom": e.bottom, "nut-tabbar-safebottom": e.safeAreaInsetBottom }])
     }, [
-      renderSlot(_ctx.$slots, "default")
+      _(e.$slots, "default")
     ], 2)
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const x = /* @__PURE__ */ w(I, [["render", z]]);
 export {
-  index as default
+  x as default
 };

package/dist/packages/_es/TabbarItem.js

@@ -1,15 +1,15 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
-import { inject, reactive, getCurrentInstance, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
-import { u as useRouter } from "./index-54d03fc1.js";
-import Badge from "./Badge.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { c as k } from "./component-234624bc.js";
+import { r as $ } from "./renderIcon-47498b32.js";
+import { inject as I, reactive as B, getCurrentInstance as H, computed as j, resolveComponent as z, openBlock as c, createElementBlock as l, normalizeClass as h, normalizeStyle as N, createVNode as O, normalizeProps as T, guardReactiveProps as D, withCtx as E, createElementVNode as g, renderSlot as y, createCommentVNode as d, createBlock as P, resolveDynamicComponent as R, toDisplayString as x } from "vue";
+import { u as V } from "./index-50eed3d9.js";
+import C from "./Badge.js";
+import { _ as q } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { create } = createComponent("tabbar-item");
-const _sfc_main = create({
-  components: { [Badge.name]: Badge },
+const { create: A } = k("tabbar-item"), F = A({
+  components: { [C.name]: C },
   props: {
     tabTitle: {
+      // 标签页的标题
       type: String,
       default: ""
     },
@@ -17,100 +17,85 @@ const _sfc_main = create({
       type: String
     },
     icon: {
+      // 标签页显示的icon
       type: Object
     },
     href: {
+      // 标签页的跳转链接
       type: String,
       default: ""
     },
     to: [Object, String]
   },
-  setup(props, { emit, slots }) {
-    const isHaveSlot = (slot) => {
-      return slots[slot];
-    };
-    const parent = inject("parent");
-    const state = reactive({
-      unactiveColor: parent.unactiveColor,
-      activeColor: parent.activeColor,
+  setup(e, { emit: m, slots: u }) {
+    const p = (n) => u[n], t = I("parent"), i = B({
+      unactiveColor: t.unactiveColor,
+      // 未选中的颜色
+      activeColor: t.activeColor,
+      // 选中的颜色
       index: 0
-    });
-    const router = useRouter();
-    const relation = (child) => {
-      if (child.proxy) {
-        parent.children.push(child.proxy);
-        const index2 = parent.children.indexOf(child.proxy);
-        state.index = props.name ?? index2;
-      }
-    };
-    relation(getCurrentInstance());
-    const active = computed(() => state.index === parent.modelValue);
-    function change() {
-      var _a, _b;
-      let key = props.name ?? state.index;
-      let indexValue = null;
-      if (props.name) {
-        indexValue = parent.children.findIndex((item) => {
-          return item.name == key;
-        });
+    }), s = V();
+    ((n) => {
+      var o;
+      if (n.proxy) {
+        t.children.push(n.proxy);
+        const r = t.children.indexOf(n.proxy);
+        i.index = (o = e.name) != null ? o : r;
       }
-      parent.changeIndex(indexValue ?? key, state.index);
-      let index2 = indexValue ?? key;
-      if ((_a = parent.children[index2]) == null ? void 0 : _a.href) {
-        window.location.href = parent.children[index2].href;
+    })(H());
+    const _ = j(() => i.index === t.modelValue);
+    function w() {
+      var v, f, b;
+      let n = (v = e.name) != null ? v : i.index, o = null;
+      e.name && (o = t.children.findIndex((a) => a.name == n)), t.changeIndex(o != null ? o : n, i.index);
+      let r = o != null ? o : n;
+      if ((f = t.children[r]) != null && f.href) {
+        window.location.href = t.children[r].href;
         return;
       }
-      if ((_b = parent.children[index2]) == null ? void 0 : _b.to) {
-        let to = parent.children[index2].to;
-        if (to && router) {
-          router.push(to);
-        } else {
-          location.replace(to);
-        }
+      if ((b = t.children[r]) != null && b.to) {
+        let a = t.children[r].to;
+        a && s ? s.push(a) : location.replace(a);
       }
     }
     return {
-      state,
-      active,
-      renderIcon,
-      isHaveSlot,
-      change
+      state: i,
+      active: _,
+      renderIcon: $,
+      isHaveSlot: p,
+      change: w
     };
   }
-});
-const _hoisted_1 = { class: "nut-tabbar-item_icon-box" };
-const _hoisted_2 = {
+}), G = { class: "nut-tabbar-item_icon-box" }, J = {
   key: 0,
   class: "nut-tabbar-item_icon-box_icon"
-};
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_badge = resolveComponent("nut-badge");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !_ctx.active }]),
-    style: normalizeStyle({
-      color: _ctx.active ? _ctx.state.activeColor : _ctx.state.unactiveColor
+}, K = { key: 1 }, L = { key: 0 };
+function M(e, m, u, p, t, i) {
+  const s = z("nut-badge");
+  return c(), l("div", {
+    class: h(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": !e.active }]),
+    style: N({
+      color: e.active ? e.state.activeColor : e.state.unactiveColor
     }),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
+    onClick: m[0] || (m[0] = (S) => e.change())
   }, [
-    createVNode(_component_nut_badge, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-      default: withCtx(() => [
-        createElementVNode("view", _hoisted_1, [
-          _ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "icon", { active: _ctx.active })
-          ])) : createCommentVNode("", true),
-          _ctx.icon && !_ctx.isHaveSlot("icon") ? (openBlock(), createElementBlock("view", _hoisted_3, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), { class: "nut-popover-item-img" }))
-          ])) : createCommentVNode("", true),
-          createElementVNode("view", {
-            class: normalizeClass([
+    O(s, T(D(e.$attrs)), {
+      default: E(() => [
+        g("view", G, [
+          e.isHaveSlot("icon") ? (c(), l("div", J, [
+            y(e.$slots, "icon", { active: e.active })
+          ])) : d("", !0),
+          e.icon && !e.isHaveSlot("icon") ? (c(), l("view", K, [
+            (c(), P(R(e.renderIcon(e.icon)), { class: "nut-popover-item-img" }))
+          ])) : d("", !0),
+          g("view", {
+            class: h([
               "nut-tabbar-item_icon-box_nav-word",
-              { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.isHaveSlot("icon") }
+              { "nut-tabbar-item_icon-box_big-word": !e.icon && !e.isHaveSlot("icon") }
             ])
           }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
+            y(e.$slots, "default", {}, () => [
+              e.tabTitle ? (c(), l("view", L, x(e.tabTitle), 1)) : d("", !0)
             ])
           ], 2)
         ])
@@ -119,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 16)
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const te = /* @__PURE__ */ q(F, [["render", M]]);
 export {
-  index as default
+  te as default
 };