@nutui/nutui 4.0.10-beta.1 → 4.0.10

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,88 +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,
-      isActive,
-      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, {
+    c("view", L, [
+      e.loading ? b(e.$slots, "icon", { key: 0 }, () => [
+        h(n, {
           name: "loading",
-          color: _ctx.activeColor
+          color: e.activeColor
         }, null, 8, ["color"])
-      ]) : createCommentVNode("", true),
-      _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
-          [vShow, _ctx.isActive]
+      ]) : 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.isActive]
+        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,28 +1,20 @@
-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";
+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],
@@ -34,31 +26,28 @@ const _sfc_main = create({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["click"],
-  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
+  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 }]),
-    style: normalizeStyle(_ctx.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)
   }, [
-    renderSlot(_ctx.$slots, "default")
+    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,13 +1,12 @@
-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: {
       // 标签页的标题
@@ -28,95 +27,75 @@ const _sfc_main = create({
     },
     to: [Object, String]
   },
-  setup(props, { emit, slots }) {
-    const isHaveSlot = (slot) => {
-      return slots[slot];
-    };
-    const parent = inject("parent");
-    const state = reactive({
-      unactiveColor: parent.unactiveColor,
+  setup(e, { emit: m, slots: u }) {
+    const p = (n) => u[n], t = I("parent"), i = B({
+      unactiveColor: t.unactiveColor,
       // 未选中的颜色
-      activeColor: parent.activeColor,
+      activeColor: t.activeColor,
       // 选中的颜色
       index: 0
-    });
-    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;
-        });
+    }), 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 != 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;
+    })(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 ((_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);
-        }
+      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)
         ])
@@ -125,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
 };