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

package/dist/packages/_es/Switch.js

@@ -1,121 +1,26 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 };
+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 };

package/dist/packages/_es/TabPane.js

@@ -1,44 +1,17 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 };
+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 };

package/dist/packages/_es/Tabbar.js

@@ -1,78 +1,23 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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: "#000000"
-    },
-    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
-    };
+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);
   }
-});
-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 };
+  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 };

package/dist/packages/_es/TabbarItem.js

@@ -1,159 +1,37 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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);
+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 choosed = computed(() => {
-      if (parent) {
-        return parent.modelValue;
+  })(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);
       }
-      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);
-          }
-        }
-      });
     });
-    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 };
+  }), { 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 };