@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/Switch.js

@@ -1,14 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, mergeProps, 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, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { Loading1 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("switch");
 const _sfc_main = create({
+  components: { Loading1 },
   props: {
     modelValue: {
       type: [String, Number, Boolean],
@@ -45,18 +47,6 @@ const _sfc_main = create({
     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"],
@@ -66,7 +56,7 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [isActive.value ? "switch-open" : "switch-close"]: true,
+        [isActive.value ? "nut-switch-open" : "nut-switch-close"]: true,
         [`${prefixCls}-disable`]: props.disable,
         [`${prefixCls}-base`]: true
       };
@@ -102,22 +92,18 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "switch-button" };
+const _hoisted_1 = { class: "nut-switch-button" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  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)
   }, [
     createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-        key: 0,
-        name: _ctx.name
-      }, _ctx.$attrs, {
-        size: _ctx.size,
-        color: _ctx.color
-      }), null, 16, ["name", "size", "color"])) : createCommentVNode("", true),
+      _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+        createVNode(_component_Loading1)
+      ]) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
           [vShow, _ctx.modelValue]
@@ -129,5 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/TabPane.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { create } = createComponent("tabpane");
+const { create } = createComponent("tab-pane");
 const _sfc_main = create({
   props: {
     title: {
@@ -35,10 +35,12 @@ const _sfc_main = create({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
+    class: normalizeClass(["nut-tab-pane", { 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 index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Tabbar.js

@@ -1,17 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { u as useRect } from "./index2.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { toRefs, ref, reactive, provide, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { create } = createComponent("tabbar");
 const _sfc_main = create({
   props: {
-    visible: {
+    modelValue: {
       type: [Number, String],
       default: 0
     },
@@ -19,9 +18,9 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    size: {
+    type: {
       type: String,
-      default: "20px"
+      default: "base"
     },
     unactiveColor: {
       type: String,
@@ -40,23 +39,22 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["tab-switch", "update:visible"],
+  emits: ["tab-switch", "update:modelValue"],
   setup(props, { emit, slots }) {
     const { bottom, placeholder } = toRefs(props);
     const height = ref();
     const mdValue = reactive({
-      val: props.visible,
+      val: props.modelValue,
       children: []
     });
-    const nutTabbar = ref();
+    const nutTabbar = ref(null);
     function changeIndex(index2, active) {
-      emit("update:visible", active);
+      emit("update:modelValue", active);
       parentData.modelValue = active;
       emit("tab-switch", parentData.children[index2], active);
     }
     let parentData = reactive({
       children: mdValue.children,
-      size: props.size,
       modelValue: mdValue.val,
       unactiveColor: props.unactiveColor,
       activeColor: props.activeColor,
@@ -64,7 +62,7 @@ const _sfc_main = create({
     });
     provide("parent", parentData);
     watch(
-      () => props.visible,
+      () => props.modelValue,
       (value) => {
         parentData.modelValue = value;
       }
@@ -72,7 +70,8 @@ const _sfc_main = create({
     onMounted(() => {
       if (bottom.value && placeholder.value) {
         nextTick(() => {
-          height.value = useRect(nutTabbar).height;
+          var _a;
+          height.value = (_a = nutTabbar == null ? void 0 : nutTabbar.value) == null ? void 0 : _a.getBoundingClientRect().height;
         });
       }
     });
@@ -84,9 +83,8 @@ const _sfc_main = create({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.bottom && _ctx.placeholder ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: "nut-tabbar__placeholder",
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass({ "nut-tabbar__placeholder": _ctx.bottom && _ctx.placeholder }),
     style: normalizeStyle({ height: _ctx.height + "px" })
   }, [
     createElementVNode("view", {
@@ -95,12 +93,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)
-  ], 4)) : (openBlock(), createElementBlock("view", {
-    key: 1,
-    class: normalizeClass(["nut-tabbar", { "nut-tabbar-bottom": _ctx.bottom, "nut-tabbar-safebottom": _ctx.safeAreaInsetBottom }])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2));
+  ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/TabbarItem.js

@@ -1,15 +1,18 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
-import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { u as useRouter } from "./index.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { r as renderIcon } from "./renderIcon-d470170e.js";
+import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { u as useRouter } from "./index-fe4c328e.js";
+import Badge from "./Badge.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { create } = createComponent("tabbar-item");
 const _sfc_main = create({
+  components: { [Badge.name]: Badge },
   props: {
     tabTitle: {
       type: String,
@@ -19,37 +22,12 @@ const _sfc_main = create({
       type: String
     },
     icon: {
-      type: String,
-      default: ""
+      type: Object
     },
     href: {
       type: String,
       default: ""
     },
-    num: {
-      type: Number,
-      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, { emit, slots }) {
@@ -58,7 +36,6 @@ const _sfc_main = create({
     };
     const parent = inject("parent");
     const state = reactive({
-      size: parent.size,
       unactiveColor: parent.unactiveColor,
       activeColor: parent.activeColor,
       active: parent.modelValue,
@@ -66,25 +43,23 @@ const _sfc_main = create({
     });
     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;
+        state.index = props.name ?? index2;
       }
     };
     relation(getCurrentInstance());
     const active = computed(() => state.index === state.active);
     function change() {
-      var _a;
-      let key = (_a = props.name) != null ? _a : state.index;
+      let key = props.name ?? state.index;
       let index2 = null;
       if (props.name) {
         index2 = parent.children.findIndex((item) => {
           return item.name == key;
         });
       }
-      parent.changeIndex(index2 != null ? index2 : key, state.index);
+      parent.changeIndex(index2 ?? key, state.index);
     }
     const choosed = computed(() => {
       if (parent) {
@@ -117,6 +92,7 @@ const _sfc_main = create({
     return {
       state,
       active,
+      renderIcon,
       isHaveSlot,
       change
     };
@@ -125,24 +101,12 @@ const _sfc_main = create({
 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,
   class: "nut-tabbar-item_icon-box_icon"
 };
-const _hoisted_6 = { key: 3 };
-const _hoisted_7 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  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({
@@ -150,42 +114,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.change())
   }, [
-    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.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_5, [
-        renderSlot(_ctx.$slots, "icon", { active: _ctx.active })
-      ])) : _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_6, [
-        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"])
-      ])) : _ctx.activeImg ? (openBlock(), createElementBlock("div", {
-        key: 4,
-        class: "nut-tabbar-item_icon-box_icon",
-        style: normalizeStyle({
-          backgroundImage: `url(${_ctx.active ? _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.$slots.icon }
+    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": !_ctx.icon && !_ctx.isHaveSlot("icon") }
+            ])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
+            ])
+          ], 2)
         ])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true)
-        ])
-      ], 2)
-    ])
+      ]),
+      _: 3
+    }, 16)
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Table.js

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component-48526d37.js";
 import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { DownArrow } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-var RenderColumn = {
+const RenderColumn = {
   setup(props) {
     return () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
   },
@@ -19,7 +20,8 @@ var RenderColumn = {
 const component = (componentName2, translate2) => {
   return {
     components: {
-      RenderColumn
+      RenderColumn,
+      DownArrow
     },
     props: {
       bordered: {
@@ -130,7 +132,7 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_DownArrow = resolveComponent("DownArrow");
   const _component_RenderColumn = resolveComponent("RenderColumn");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -149,10 +151,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               createTextVNode(toDisplayString(item.title) + " ", 1),
               renderSlot(_ctx.$slots, "icon"),
-              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_nut_icon, {
+              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_DownArrow, {
                 key: 0,
-                name: "down-arrow",
-                size: "12px"
+                width: "12px",
+                height: "12px"
               })) : createCommentVNode("", true)
             ], 14, _hoisted_3);
           }), 128))
@@ -197,5 +199,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Tabs.js

@@ -1,22 +1,33 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { g as getScrollTopRoot, T as TypeOfFun, c as createComponent } from "./component.js";
+import { c as createComponent, T as TypeOfFun } from "./component-48526d37.js";
 import { ref, provide, computed, watch, onMounted, onActivated, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
-import { p as pxCheck } from "./pxCheck.js";
-import { u as useRect } from "./index2.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { u as useRect } from "./index-c70386a5.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-5d693346.js";
+import { JoySmile } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 class Title {
   constructor() {
-    this.title = "";
-    this.paneKey = "";
-    this.disabled = false;
+    __publicField(this, "title", "");
+    __publicField(this, "titleSlot");
+    __publicField(this, "paneKey", "");
+    __publicField(this, "disabled", false);
   }
 }
-const component = {
+const { create } = createComponent("tabs");
+const _sfc_main = create({
+  components: { [_sfc_main$1.name]: _sfc_main$1, JoySmile },
   props: {
     modelValue: {
       type: [String, Number],
@@ -71,7 +82,6 @@ const component = {
       default: 0
     }
   },
-  components: {},
   emits: ["update:modelValue", "click", "change"],
   setup(props, { emit, slots }) {
     const container = ref(null);
@@ -84,7 +94,7 @@ const component = {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         let type = vnode.type;
         type = type.name || type;
-        if (type == "nut-tabpane") {
+        if (type == "nut-tab-pane") {
           let title = new Title();
           if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"]) || ((_c = vnode.props) == null ? void 0 : _c["paneKey"])) {
             let paneKeyType = TypeOfFun((_d = vnode.props) == null ? void 0 : _d["pane-key"]);
@@ -108,9 +118,9 @@ const component = {
     const findTabsIndex = (value) => {
       let index2 = titles.value.findIndex((item) => item.paneKey == value);
       if (titles.value.length == 0) {
-        console.error("[NutUI] <Tabs> \u5F53\u524D\u672A\u627E\u5230 TabPane \u7EC4\u4EF6\u5143\u7D20 , \u8BF7\u68C0\u67E5 .");
+        console.error("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
       } else if (index2 == -1) {
-        console.error("[NutUI] <Tabs> \u8BF7\u68C0\u67E5 v-model \u503C\u662F\u5426\u4E3A paneKey ,\u5982 paneKey \u672A\u8BBE\u7F6E\uFF0C\u8BF7\u91C7\u7528\u4E0B\u6807\u63A7\u5236 .");
+        console.error("[NutUI] <Tabs> 请检查 v-model 值是否为 paneKey ,如 paneKey 未设置，请采用下标控制 .");
       } else {
         currentIndex.value = index2;
       }
@@ -135,6 +145,9 @@ const component = {
         init(vnodes);
       }
     );
+    const getScrollTopRoot = () => {
+      return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    };
     watch(
       () => props.modelValue,
       (value) => {
@@ -196,13 +209,11 @@ const component = {
       ...methods
     };
   }
-};
-const { create } = createComponent("tabs");
-const _sfc_main = create(component);
+});
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_JoySmile = resolveComponent("JoySmile");
   const _component_nut_sticky = resolveComponent("nut-sticky");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabs", [_ctx.direction]]),
@@ -237,10 +248,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "nut-tabs__titles-item__smile",
                 style: normalizeStyle(_ctx.tabsActiveStyle)
               }, [
-                createVNode(_component_nut_icon, {
-                  color: _ctx.color,
-                  name: "joy-smile"
-                }, null, 8, ["color"])
+                createVNode(_component_JoySmile, { color: _ctx.color }, null, 8, ["color"])
               ], 4)) : createCommentVNode("", true),
               createElementVNode("view", {
                 class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
@@ -272,10 +280,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-tabs__titles-item__smile",
             style: normalizeStyle(_ctx.tabsActiveStyle)
           }, [
-            createVNode(_component_nut_icon, {
-              color: _ctx.color,
-              name: "joy-smile"
-            }, null, 8, ["color"])
+            createVNode(_component_JoySmile, { color: _ctx.color }, null, 8, ["color"])
           ], 4)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
@@ -291,5 +296,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Title,
+  index as default
+};