@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/Switch.js

@@ -1,26 +1,121 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, resolveComponent as t, openBlock as a, createElementBlock as l, normalizeClass as o, normalizeStyle as i, createElementVNode as n, createBlock as c, createCommentVNode as u, Fragment as r, withDirectives as s, toDisplayString as d, vShow as p } from "vue";
-import { c as m } from "./component.js";
-import { _ as v } from "./plugin-vue_export-helper.js";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: g, create: f } = m("switch"), y = f({ props: { modelValue: { type: [String, Number, Boolean], default: false }, disable: { type: Boolean, default: false }, activeColor: { type: String, default: "" }, inactiveColor: { type: String, default: "" }, activeText: { type: String, default: "" }, inactiveText: { type: String, default: "" }, activeValue: { type: [String, Number, Boolean], default: true }, inactiveValue: { type: [String, Number, Boolean], default: false }, loading: { type: Boolean, default: false }, name: { type: String, default: "loading1" }, size: { type: [String, Number], default: "12px" }, color: { type: String, default: "" } }, emits: ["change", "update:modelValue", "update:loading"], setup(t2, { emit: a2 }) {
-  const l2 = e(() => t2.modelValue === t2.activeValue);
-  return { classes: e(() => {
-    const e2 = g;
-    return { [e2]: true, [l2.value ? "switch-open" : "switch-close"]: true, [`${e2}-disable`]: t2.disable, [`${e2}-base`]: true };
-  }), style: e(() => ({ backgroundColor: l2.value ? t2.activeColor : t2.inactiveColor })), onClick: (e2) => {
-    if (t2.disable || t2.loading)
-      return;
-    const o2 = l2.value ? t2.inactiveValue : t2.activeValue;
-    a2("update:modelValue", o2), a2("update:loading"), a2("change", o2, e2);
-  } };
-} }), b = { class: "switch-button" };
-var V = v(y, [["render", function(e2, m2, v2, g2, f2, y2) {
-  const V2 = t("nut-icon");
-  return a(), l("view", { class: o(e2.classes), onClick: m2[0] || (m2[0] = (...t2) => e2.onClick && e2.onClick(...t2)), style: i(e2.style) }, [n("view", b, [e2.loading ? (a(), c(V2, { key: 0, name: e2.name, size: e2.size, color: e2.color }, null, 8, ["name", "size", "color"])) : u("", true), e2.activeText ? (a(), l(r, { key: 1 }, [s(n("view", { class: "nut-switch-label open" }, d(e2.activeText), 513), [[p, e2.modelValue]]), s(n("view", { class: "nut-switch-label close" }, d(e2.inactiveText), 513), [[p, !e2.modelValue]])], 64)) : u("", true)])], 6);
-}]]);
-export { V as default };
+const { componentName, create } = createComponent("switch");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    },
+    activeColor: {
+      type: String,
+      default: ""
+    },
+    inactiveColor: {
+      type: String,
+      default: ""
+    },
+    activeText: {
+      type: String,
+      default: ""
+    },
+    inactiveText: {
+      type: String,
+      default: ""
+    },
+    activeValue: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    inactiveValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: "loading1"
+    },
+    size: {
+      type: [String, Number],
+      default: "12px"
+    },
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["change", "update:modelValue", "update:loading"],
+  setup(props, { emit }) {
+    const isActive = computed(() => props.modelValue === props.activeValue);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [isActive.value ? "switch-open" : "switch-close"]: true,
+        [`${prefixCls}-disable`]: props.disable,
+        [`${prefixCls}-base`]: true
+      };
+    });
+    const style = computed(() => {
+      return {
+        backgroundColor: isActive.value ? props.activeColor : props.inactiveColor
+      };
+    });
+    const onClick = (event) => {
+      if (props.disable || props.loading)
+        return;
+      const value = isActive.value ? props.inactiveValue : props.activeValue;
+      emit("update:modelValue", value);
+      emit("update:loading");
+      emit("change", value, event);
+    };
+    return {
+      classes,
+      style,
+      onClick
+    };
+  }
+});
+const _hoisted_1 = { class: "switch-button" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createElementVNode("view", _hoisted_1, [
+      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 0,
+        name: _ctx.name,
+        size: _ctx.size,
+        color: _ctx.color
+      }, null, 8, ["name", "size", "color"])) : createCommentVNode("", true),
+      _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
+          [vShow, _ctx.modelValue]
+        ]),
+        withDirectives(createElementVNode("view", { class: "nut-switch-label close" }, toDisplayString(_ctx.inactiveText), 513), [
+          [vShow, !_ctx.modelValue]
+        ])
+      ], 64)) : createCommentVNode("", true)
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TabPane.js

@@ -1,17 +1,44 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject as e, openBlock as t, createElementBlock as a, normalizeClass as i, renderSlot as o } from "vue";
-import { c as r } from "./component.js";
-import { _ as n } from "./plugin-vue_export-helper.js";
+import { inject, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create: p } = r("tabpane");
-var u = n(p({ props: { title: { type: [String, Number], default: "" }, paneKey: { type: [String, Number], default: "" }, disabled: { type: Boolean, default: false } }, emits: ["click"], setup(t2, { emit: a2 }) {
-  const i2 = e("activeKey"), o2 = e("autoHeight");
-  return { activeKey: i2.activeKey, autoHeight: o2.autoHeight };
-} }), [["render", function(e2, r2, n2, p2, u2, l) {
-  return t(), a("view", { class: i(["nut-tabpane", { inactive: e2.paneKey != e2.activeKey && e2.autoHeight }]) }, [o(e2.$slots, "default")], 2);
-}]]);
-export { u as default };
+const { create } = createComponent("tabpane");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: [String, Number],
+      default: ""
+    },
+    paneKey: {
+      type: [String, Number],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const parent = inject("activeKey");
+    const parentOption = inject("autoHeight");
+    return {
+      activeKey: parent.activeKey,
+      autoHeight: parentOption.autoHeight
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Tabbar.js

@@ -1,23 +1,78 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive as e, provide as t, watch as a, openBlock as o, createElementBlock as l, normalizeClass as r, renderSlot as i } from "vue";
-import { c as n } from "./component.js";
-import { _ as s } from "./plugin-vue_export-helper.js";
+import { reactive, provide, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create: u } = n("tabbar");
-var p = s(u({ props: { visible: { type: [Number, String], default: 0 }, bottom: { type: Boolean, default: false }, type: { type: String, default: "base" }, size: { type: String, default: "20px" }, unactiveColor: { type: String, default: "#000000" }, activeColor: { type: String, default: "" }, safeAreaInsetBottom: { type: Boolean, default: false } }, emits: ["tab-switch", "update:visible"], setup(o2, { emit: l2, slots: r2 }) {
-  const i2 = e({ val: o2.visible, children: [] });
-  function n2(e2) {
-    l2("update:visible", e2), s2.modelValue = e2, l2("tab-switch", s2.children[e2], e2);
+const { create } = createComponent("tabbar");
+const _sfc_main = create({
+  props: {
+    visible: {
+      type: [Number, String],
+      default: 0
+    },
+    bottom: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "base"
+    },
+    size: {
+      type: String,
+      default: "20px"
+    },
+    unactiveColor: {
+      type: String,
+      default: ""
+    },
+    activeColor: {
+      type: String,
+      default: ""
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["tab-switch", "update:visible"],
+  setup(props, { emit, slots }) {
+    const mdValue = reactive({
+      val: props.visible,
+      children: []
+    });
+    function changeIndex(active) {
+      emit("update:visible", active);
+      parentData.modelValue = active;
+      emit("tab-switch", parentData.children[active], active);
+    }
+    let parentData = reactive({
+      children: mdValue.children,
+      size: props.size,
+      modelValue: mdValue.val,
+      unactiveColor: props.unactiveColor,
+      activeColor: props.activeColor,
+      changeIndex
+    });
+    provide("parent", parentData);
+    watch(() => props.visible, (value) => {
+      parentData.modelValue = value;
+    });
+    return {
+      changeIndex
+    };
   }
-  let s2 = e({ children: i2.children, size: o2.size, modelValue: i2.val, unactiveColor: o2.unactiveColor, activeColor: o2.activeColor, changeIndex: n2 });
-  return t("parent", s2), a(() => o2.visible, (e2) => {
-    s2.modelValue = e2;
-  }), { changeIndex: n2 };
-} }), [["render", function(e2, t2, a2, n2, s2, u2) {
-  return o(), l("view", { class: r(["nut-tabbar", { "nut-tabbar-bottom": e2.bottom, "nut-tabbar-safebottom": e2.safeAreaInsetBottom }]) }, [i(e2.$slots, "default")], 2);
-}]]);
-export { p as default };
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TabbarItem.js

@@ -1,37 +1,159 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as t } from "./component.js";
-import { u as e } from "./index.js";
-import { inject as i, reactive as a, getCurrentInstance as n, computed as o, watch as c, resolveComponent as s, openBlock as l, createElementBlock as r, normalizeClass as u, normalizeStyle as m, createElementVNode as b, Fragment as d, toDisplayString as f, createCommentVNode as p, createVNode as v, renderSlot as x } from "vue";
-import { _ as g } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { u as useRouter } from "./index.js";
+import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, toDisplayString, createCommentVNode, createVNode, renderSlot } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create: _ } = t("tabbar-item"), y = _({ props: { tabTitle: { type: String, default: "" }, icon: { type: String, default: "" }, href: { type: String, default: "" }, num: { type: String, default: "" }, activeImg: { type: String, default: "" }, img: { type: String, default: "" }, classPrefix: { type: String, default: "nut-icon" }, dot: { type: Boolean, default: false }, fontClassName: { type: String, default: "nutui-iconfont" }, to: [Object, String] }, setup(t2, s2) {
-  const l2 = i("parent"), r2 = a({ size: l2.size, unactiveColor: l2.unactiveColor, activeColor: l2.activeColor, active: l2.modelValue, index: 0 }), u2 = e();
-  ((t3) => {
-    if (t3.proxy) {
-      let e2 = l2.children.length;
-      r2.index = e2, l2.children.push(t3.proxy);
+const { create } = createComponent("tabbar-item");
+const _sfc_main = create({
+  props: {
+    tabTitle: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    href: {
+      type: String,
+      default: ""
+    },
+    num: {
+      type: String,
+      default: ""
+    },
+    activeImg: {
+      type: String,
+      default: ""
+    },
+    img: {
+      type: String,
+      default: ""
+    },
+    classPrefix: {
+      type: String,
+      default: "nut-icon"
+    },
+    dot: {
+      type: Boolean,
+      default: false
+    },
+    fontClassName: {
+      type: String,
+      default: "nutui-iconfont"
+    },
+    to: [Object, String]
+  },
+  setup(props, ctx) {
+    const parent = inject("parent");
+    const state = reactive({
+      size: parent.size,
+      unactiveColor: parent.unactiveColor,
+      activeColor: parent.activeColor,
+      active: parent.modelValue,
+      index: 0
+    });
+    const router = useRouter();
+    const relation = (child) => {
+      if (child.proxy) {
+        let index2 = parent.children.length;
+        state.index = index2;
+        parent.children.push(child.proxy);
+      }
+    };
+    relation(getCurrentInstance());
+    function change(index2) {
+      parent.changeIndex(index2);
     }
-  })(n());
-  const m2 = o(() => l2 ? l2.modelValue : null);
-  return c(m2, (t3, e2) => {
-    r2.active = t3, setTimeout(() => {
-      if (l2.children[t3].href)
-        window.location.href = l2.children[t3].href;
-      else if (l2.children[t3].to) {
-        let e3 = l2.children[t3].to;
-        e3 && u2 ? u2.push(e3) : location.replace(e3);
+    const choosed = computed(() => {
+      if (parent) {
+        return parent.modelValue;
       }
+      return null;
+    });
+    watch(choosed, (value, oldValue) => {
+      state.active = value;
+      setTimeout(() => {
+        if (parent.children[value].href) {
+          window.location.href = parent.children[value].href;
+          return;
+        }
+        if (parent.children[value].to) {
+          let to = parent.children[value].to;
+          if (to && router) {
+            router.push(to);
+          } else {
+            location.replace(to);
+          }
+        }
+      });
     });
-  }), { state: r2, change: function(t3) {
-    l2.changeIndex(t3);
-  } };
-} }), h = { class: "nut-tabbar-item_icon-box" }, w = { key: 0, class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num" }, k = { key: 1, class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums" }, C = { key: 1, class: "nut-tabbar-item_icon-box_dot" }, S = { key: 2 }, z = { key: 0 };
-var I = g(y, [["render", function(t2, e2, i2, a2, n2, o2) {
-  const c2 = s("nut-icon");
-  return l(), r("div", { class: u(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": t2.state.active != t2.state.index }]), style: m({ color: t2.state.active == t2.state.index ? t2.state.activeColor : t2.state.unactiveColor }), onClick: e2[0] || (e2[0] = (e3) => t2.change(t2.state.index)) }, [b("view", h, [t2.dot ? p("", true) : (l(), r(d, { key: 0 }, [t2.num && t2.num <= 99 ? (l(), r("view", w, f(t2.num), 1)) : t2.num && t2.num > 100 ? (l(), r("view", k, f("99+"))) : p("", true)], 64)), t2.dot ? (l(), r("div", C)) : p("", true), t2.icon ? (l(), r("view", S, [v(c2, { class: "nut-tabbar-item_icon-box_icon", size: t2.state.size, name: t2.icon, "font-class-name": t2.fontClassName, "class-prefix": t2.classPrefix }, null, 8, ["size", "name", "font-class-name", "class-prefix"])])) : p("", true), !t2.icon && t2.activeImg ? (l(), r("div", { key: 3, class: "nut-tabbar-item_icon-box_icon", style: m({ backgroundImage: `url(${t2.state.active == t2.state.index ? t2.activeImg : t2.img})`, width: t2.state.size, height: t2.state.size }) }, null, 4)) : p("", true), b("view", { class: u(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !t2.icon && !t2.activeImg }]) }, [t2.tabTitle ? (l(), r("view", z, f(t2.tabTitle), 1)) : p("", true), t2.tabTitle ? p("", true) : x(t2.$slots, "default", { key: 1 })], 2)])], 6);
-}]]);
-export { I as default };
+    return {
+      state,
+      change
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-tabbar-item_icon-box" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "nut-tabbar-item_icon-box_dot"
+};
+const _hoisted_5 = { key: 2 };
+const _hoisted_6 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["nut-tabbar-item", { "nut-tabbar-item__icon--unactive": _ctx.state.active != _ctx.state.index }]),
+    style: normalizeStyle({
+      color: _ctx.state.active == _ctx.state.index ? _ctx.state.activeColor : _ctx.state.unactiveColor
+    }),
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change(_ctx.state.index))
+  }, [
+    createElementVNode("view", _hoisted_1, [
+      !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString("99+"))) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true),
+      _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+      _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        createVNode(_component_nut_icon, {
+          class: "nut-tabbar-item_icon-box_icon",
+          size: _ctx.state.size,
+          name: _ctx.icon,
+          "font-class-name": _ctx.fontClassName,
+          "class-prefix": _ctx.classPrefix
+        }, null, 8, ["size", "name", "font-class-name", "class-prefix"])
+      ])) : createCommentVNode("", true),
+      !_ctx.icon && _ctx.activeImg ? (openBlock(), createElementBlock("div", {
+        key: 3,
+        class: "nut-tabbar-item_icon-box_icon",
+        style: normalizeStyle({
+          backgroundImage: `url(${_ctx.state.active == _ctx.state.index ? _ctx.activeImg : _ctx.img})`,
+          width: _ctx.state.size,
+          height: _ctx.state.size
+        })
+      }, null, 4)) : createCommentVNode("", true),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg }])
+      }, [
+        _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true),
+        !_ctx.tabTitle ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true)
+      ], 2)
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };