@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Switch.js

@@ -1,18 +1,19 @@
-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 { 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 "../locale/lang";
-const { componentName: $, create: T } = S("switch"), A = T({
-  components: { Loading1: B },
+const { componentName, create } = createComponent("switch");
+const _sfc_main = create({
+  components: { Loading1 },
   props: {
     modelValue: {
       type: [String, Number, Boolean],
-      default: !1
+      default: false
     },
     disable: {
       type: Boolean,
-      default: !1
+      default: false
     },
     activeColor: {
       type: String,
@@ -32,76 +33,88 @@ const { componentName: $, create: T } = S("switch"), A = T({
     },
     activeValue: {
       type: [String, Number, Boolean],
-      default: !0
+      default: true
     },
     inactiveValue: {
       type: [String, Number, Boolean],
-      default: !1
+      default: false
     },
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["change", "update:modelValue", "update:loading"],
-  setup(e, { emit: a }) {
-    const o = i(() => e.modelValue === e.activeValue), s = i(() => {
-      const t = $;
+  setup(props, { emit }) {
+    const isActive = computed(() => props.modelValue === props.activeValue);
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [t]: !0,
-        [o.value ? "nut-switch-open" : "nut-switch-close"]: !0,
-        [`${t}-disable`]: e.disable,
-        [`${t}-base`]: !0
+        [prefixCls]: true,
+        [isActive.value ? "nut-switch-open" : "nut-switch-close"]: true,
+        [`${prefixCls}-disable`]: props.disable,
+        [`${prefixCls}-base`]: true
       };
-    }), r = i(() => ({
-      backgroundColor: o.value ? e.activeColor : e.inactiveColor
-    }));
-    let l = "";
-    const n = (t) => {
-      if (e.disable || e.loading)
+    });
+    const style = computed(() => {
+      return {
+        backgroundColor: isActive.value ? props.activeColor : props.inactiveColor
+      };
+    });
+    let updateType = "";
+    const onClick = (event) => {
+      if (props.disable || props.loading)
         return;
-      const u = o.value ? e.inactiveValue : e.activeValue;
-      l = "click", a("update:modelValue", u), a("change", u, t);
+      const value = isActive.value ? props.inactiveValue : props.activeValue;
+      updateType = "click";
+      emit("update:modelValue", value);
+      emit("change", value, event);
     };
-    return y(
-      () => e.modelValue,
-      (t) => {
-        l == "click" ? l = "" : a("change", t);
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (updateType == "click") {
+          updateType = "";
+        } else {
+          emit("change", v);
+        }
       }
-    ), {
-      classes: s,
-      style: r,
-      isActive: o,
-      onClick: n
+    );
+    return {
+      classes,
+      style,
+      isActive,
+      onClick
     };
   }
-}), 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)
+});
+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)
   }, [
-    c("view", L, [
-      e.loading ? b(e.$slots, "icon", { key: 0 }, () => [
-        h(n, {
+    createElementVNode("view", _hoisted_1, [
+      _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+        createVNode(_component_Loading1, {
           name: "loading",
-          color: e.activeColor
+          color: _ctx.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]
+      ]) : createCommentVNode("", true),
+      _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
+          [vShow, _ctx.isActive]
         ]),
-        f(c("view", { class: "nut-switch-label close" }, g(e.inactiveText), 513), [
-          [p, !e.isActive]
+        withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
+          [vShow, !_ctx.isActive]
         ])
-      ], 64)) : v("", !0)
+      ], 64)) : createCommentVNode("", true)
     ])
   ], 6);
 }
-const G = /* @__PURE__ */ N(A, [["render", z]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  G as default
+  index as default
 };

package/dist/packages/_es/TabPane.js

@@ -1,20 +1,28 @@
-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";
+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, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, 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 { create: g } = $("tab-pane"), k = g({
+const { create } = createComponent("tab-pane");
+const _sfc_main = create({
   props: {
     title: {
       type: [String, Number],
@@ -26,28 +34,31 @@ const { create: g } = $("tab-pane"), k = g({
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["click"],
-  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
+  setup(props, { emit }) {
+    const parentOption = inject("tabsOpiton");
+    const paneStyle = computed(() => {
+      return {
+        display: parentOption.animatedTime.value == 0 && props.paneKey != parentOption.activeKey.value ? "none" : void 0
+      };
+    });
+    return __spreadProps(__spreadValues({}, parentOption), {
+      paneStyle
     });
   }
 });
-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)
+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 }]),
+    style: normalizeStyle(_ctx.paneStyle)
   }, [
-    K(e.$slots, "default")
+    renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-const w = /* @__PURE__ */ _(k, [["render", B]]);
+const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  w as default
+  TabPane as default
 };

package/dist/packages/_es/Tabbar.js

@@ -1,8 +1,9 @@
-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 { 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 "../locale/lang";
-const { create: k } = $("tabbar"), I = k({
+const { create } = createComponent("tabbar");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: [Number, String],
@@ -10,7 +11,7 @@ const { create: k } = $("tabbar"), I = k({
     },
     bottom: {
       type: Boolean,
-      default: !1
+      default: false
     },
     type: {
       type: String,
@@ -26,60 +27,70 @@ const { create: k } = $("tabbar"), I = k({
     },
     safeAreaInsetBottom: {
       type: Boolean,
-      default: !1
+      default: false
     },
     placeholder: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["tab-switch", "update:modelValue"],
-  setup(e, { emit: l, slots: p }) {
-    const { bottom: u, placeholder: d } = h(e), n = i(), s = m({
-      val: e.modelValue,
+  setup(props, { emit, slots }) {
+    const { bottom, placeholder } = toRefs(props);
+    const height = ref();
+    const mdValue = reactive({
+      val: props.modelValue,
       children: []
-    }), a = i(null);
-    function c(t, r) {
-      l("update:modelValue", r), o.modelValue = r, l("tab-switch", o.children[t], r);
+    });
+    const nutTabbar = ref(null);
+    function changeIndex(index2, active) {
+      emit("update:modelValue", active);
+      parentData.modelValue = active;
+      emit("tab-switch", parentData.children[index2], active);
     }
-    let o = m({
-      children: s.children,
-      modelValue: s.val,
-      unactiveColor: e.unactiveColor,
-      activeColor: e.activeColor,
-      changeIndex: c
+    let parentData = reactive({
+      children: mdValue.children,
+      modelValue: mdValue.val,
+      unactiveColor: props.unactiveColor,
+      activeColor: props.activeColor,
+      changeIndex
     });
-    return b("parent", o), v(
-      () => e.modelValue,
-      (t) => {
-        o.modelValue = t;
+    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;
+        });
       }
-    ), 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
+    });
+    return {
+      changeIndex,
+      nutTabbar,
+      height
     };
   }
 });
-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" })
+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" })
   }, [
-    S("view", {
+    createElementVNode("view", {
       ref: "nutTabbar",
-      class: f(["nut-tabbar", { "nut-tabbar-bottom": e.bottom, "nut-tabbar-safebottom": e.safeAreaInsetBottom }])
+      class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
     }, [
-      _(e.$slots, "default")
+      renderSlot(_ctx.$slots, "default")
     ], 2)
   ], 6);
 }
-const x = /* @__PURE__ */ w(I, [["render", z]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  x as default
+  index as default
 };

package/dist/packages/_es/TabbarItem.js

@@ -1,12 +1,13 @@
-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 { 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 "../locale/lang";
-const { create: A } = k("tabbar-item"), F = A({
-  components: { [C.name]: C },
+const { create } = createComponent("tabbar-item");
+const _sfc_main = create({
+  components: { [Badge.name]: Badge },
   props: {
     tabTitle: {
       // 标签页的标题
@@ -27,75 +28,95 @@ const { create: A } = k("tabbar-item"), F = A({
     },
     to: [Object, String]
   },
-  setup(e, { emit: m, slots: u }) {
-    const p = (n) => u[n], t = I("parent"), i = B({
-      unactiveColor: t.unactiveColor,
+  setup(props, { emit, slots }) {
+    const isHaveSlot = (slot) => {
+      return slots[slot];
+    };
+    const parent = inject("parent");
+    const state = reactive({
+      unactiveColor: parent.unactiveColor,
       // 未选中的颜色
-      activeColor: t.activeColor,
+      activeColor: parent.activeColor,
       // 选中的颜色
       index: 0
-    }), 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;
+    });
+    const router = useRouter();
+    const relation = (child) => {
+      var _a;
+      if (child.proxy) {
+        parent.children.push(child.proxy);
+        const index2 = parent.children.indexOf(child.proxy);
+        state.index = (_a = props.name) != null ? _a : index2;
+      }
+    };
+    relation(getCurrentInstance());
+    const active = computed(() => state.index === parent.modelValue);
+    function change() {
+      var _a, _b, _c;
+      let key = (_a = props.name) != null ? _a : state.index;
+      let indexValue = null;
+      if (props.name) {
+        indexValue = parent.children.findIndex((item) => {
+          return item.name == key;
+        });
       }
-    })(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;
+      parent.changeIndex(indexValue != null ? indexValue : key, state.index);
+      let index2 = indexValue != null ? indexValue : key;
+      if ((_b = parent.children[index2]) == null ? void 0 : _b.href) {
+        window.location.href = parent.children[index2].href;
         return;
       }
-      if ((b = t.children[r]) != null && b.to) {
-        let a = t.children[r].to;
-        a && s ? s.push(a) : location.replace(a);
+      if ((_c = parent.children[index2]) == null ? void 0 : _c.to) {
+        let to = parent.children[index2].to;
+        if (to && router) {
+          router.push(to);
+        } else {
+          location.replace(to);
+        }
       }
     }
     return {
-      state: i,
-      active: _,
-      renderIcon: $,
-      isHaveSlot: p,
-      change: w
+      state,
+      active,
+      renderIcon,
+      isHaveSlot,
+      change
     };
   }
-}), G = { class: "nut-tabbar-item_icon-box" }, J = {
+});
+const _hoisted_1 = { class: "nut-tabbar-item_icon-box" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-tabbar-item_icon-box_icon"
-}, 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
+};
+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
     }),
-    onClick: m[0] || (m[0] = (S) => e.change())
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
   }, [
-    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([
+    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([
               "nut-tabbar-item_icon-box_nav-word",
-              { "nut-tabbar-item_icon-box_big-word": !e.icon && !e.isHaveSlot("icon") }
+              { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.isHaveSlot("icon") }
             ])
           }, [
-            y(e.$slots, "default", {}, () => [
-              e.tabTitle ? (c(), l("view", L, x(e.tabTitle), 1)) : d("", !0)
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
             ])
           ], 2)
         ])
@@ -104,7 +125,7 @@ function M(e, m, u, p, t, i) {
     }, 16)
   ], 6);
 }
-const te = /* @__PURE__ */ q(F, [["render", M]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  te as default
+  index as default
 };