@nutui/nutui 4.0.0-beta.9 → 4.0.1-beta.0

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
-import { h, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
-import { StarN } from "@nutui/icons-vue";
+import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { StarFillN } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
@@ -17,12 +17,16 @@ const _sfc_main = create({
       type: [String, Number],
       default: 0
     },
-    icon: {
+    customIcon: {
       type: Object,
       default: () => {
-        return h(StarN, { width: 18, height: 18 });
+        return StarFillN;
       }
     },
+    size: {
+      type: [String, Number],
+      default: void 0
+    },
     activeColor: {
       type: String,
       default: ""
@@ -49,10 +53,10 @@ const _sfc_main = create({
     },
     spacing: {
       type: [String, Number],
-      default: 14
+      default: void 0
     }
   },
-  components: { StarN },
+  components: { StarFillN },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, slots }) {
     const rateRefs = ref([]);
@@ -98,12 +102,12 @@ const _sfc_main = create({
     const touch = useTouch();
     const touchMethods = {
       onTouchStart(event) {
-        if (!props.touchable)
+        if (!props.touchable || props.readonly)
           return;
         touch.start(event);
       },
       onTouchMove(event) {
-        if (!props.touchable || false)
+        if (!props.touchable)
           return;
         touch.move(event);
         if (touch.isHorizontal()) {
@@ -149,27 +153,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ref_for: true,
         ref: "rateRefs",
         id: "rateRefs-" + _ctx.refRandomId + n,
-        style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })
+        style: normalizeStyle(n < Number(_ctx.count) ? { marginRight: _ctx.pxCheck(_ctx.spacing) } : {})
       }, [
         createElementVNode("view", null, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor })), {
             class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-            color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(1, n)
-          }, null, 8, ["class", "color", "onClick"]))
+          }, null, 8, ["class", "onClick"]))
         ]),
         _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor })), {
             class: "nut-rate-item__icon",
-            color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: _ctx.voidColor })), {
             class: "nut-rate-item__icon nut-rate-item__icon--disabled",
-            color: _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : createCommentVNode("", true)
       ], 12, _hoisted_1);
     }), 128))

package/dist/packages/_es/Searchbar.js

@@ -1,4 +1,4 @@
-import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, normalizeClass, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
@@ -80,7 +80,6 @@ const _sfc_main = create({
     const state = reactive({
       active: false
     });
-    console.log(slots);
     const searchbarStyle = computed(() => {
       return {
         background: props.background
@@ -177,8 +176,11 @@ const _hoisted_2 = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3 = { class: "nut-searchbar__input-inner" };
-const _hoisted_4 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_3 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_4 = {
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__iptright-search-icon"
+};
 const _hoisted_5 = {
   key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
@@ -203,14 +205,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3, [
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner", _ctx.$slots.rightin && "nut-searchbar__input-inner-absolute"])
+      }, [
         createElementVNode("form", {
+          class: "nut-searchbar__input-form",
           action: "#",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
             ref: "inputsearch",
-            class: "nut-searchbar__input-bar",
+            class: normalizeClass(["nut-searchbar__input-bar", _ctx.clearable && "nut-searchbar__input-bar_clear"]),
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
@@ -222,25 +227,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
             style: normalizeStyle(_ctx.styleSearchbar)
-          }, null, 44, _hoisted_4)
-        ], 32),
+          }, null, 46, _hoisted_3)
+        ], 32)
+      ], 2),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner-icon", _ctx.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
+      }, [
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
           onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "nut-searchbar__input-clear"
+          class: "nut-searchbar__search-icon nut-searchbar__input-clear"
         }, [
-          _ctx.$slots.clearIcon ? renderSlot(_ctx.$slots, "clearIcon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
+          _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
         ], 512)), [
           [vShow, String(_ctx.modelValue).length > 0]
-        ]) : createCommentVNode("", true)
-      ]),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon",
-        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.rightIconClick && _ctx.rightIconClick(...args))
-      }, [
-        renderSlot(_ctx.$slots, "rightin")
-      ])) : createCommentVNode("", true)
+        ]) : createCommentVNode("", true),
+        _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_4, [
+          renderSlot(_ctx.$slots, "rightin")
+        ])) : createCommentVNode("", true)
+      ], 2)
     ], 4),
     _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")

package/dist/packages/_es/ShortPassword.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { P as Popup } from "./index-991c279f.js";
 import { Tips } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -50,10 +50,10 @@ const _sfc_main = create({
     const realInput = ref(props.modelValue);
     const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
-    function focus(event) {
+    const onTouchStart = (event) => {
       event.stopPropagation();
       emit("focus");
-    }
+    };
     watch(
       () => props.visible,
       (value) => {
@@ -69,20 +69,20 @@ const _sfc_main = create({
         }
       }
     );
-    function close() {
+    const close = () => {
       emit("update:visible", false);
       emit("close");
-    }
-    function range(val) {
+    };
+    const range = (val) => {
       return Math.min(Math.max(4, val), 6);
-    }
-    function onTips() {
+    };
+    const onTips = () => {
       emit("tips");
-    }
+    };
     return {
       comLen,
       realInput,
-      focus,
+      onTouchStart,
       range,
       close,
       onTips,
@@ -129,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_3, [
           createElementVNode("view", {
             class: "nut-short-password__list",
-            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
               return openBlock(), createElementBlock("view", {

package/dist/packages/_es/Signature.js

@@ -104,6 +104,15 @@ const _sfc_main = create({
     const confirm = () => {
       onSave(canvas.value);
     };
+    const isCanvasBlank = (canvas2) => {
+      if (!canvas2) {
+        return true;
+      }
+      var blank = document.createElement("canvas");
+      blank.width = canvas2.width;
+      blank.height = canvas2.height;
+      return (canvas2 == null ? void 0 : canvas2.toDataURL()) == blank.toDataURL();
+    };
     const onSave = (canvas2) => {
       let dataurl;
       switch (props.type) {
@@ -114,8 +123,10 @@ const _sfc_main = create({
           dataurl = canvas2.toDataURL("image/jpeg", 0.8);
           break;
       }
+      const _canvas = isCanvasBlank(canvas2) ? "请绘制签名" : canvas2;
+      const _filePath = isCanvasBlank(canvas2) ? "" : dataurl;
       clear();
-      emit("confirm", canvas2, dataurl);
+      emit("confirm", _canvas, _filePath);
     };
     onMounted(() => {
       if (isCanvasSupported()) {

package/dist/packages/_es/Skeleton.js

@@ -1,5 +1,5 @@
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import Avatar from "./Avatar.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -13,7 +13,7 @@ const component = (components) => {
       },
       height: {
         type: String,
-        default: "100px"
+        default: "15px"
       },
       animated: {
         type: Boolean,
@@ -75,8 +75,6 @@ const component = (components) => {
           height: "50px"
         };
       };
-      onMounted(() => {
-      });
       return {
         avatarShape,
         avatarClass,

package/dist/packages/_es/Sku.js

@@ -1,13 +1,13 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
+import Price from "./Price.js";
 import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
-import { p as popupProps, P as Popup } from "./index-da7aa231.js";
-import Price from "./Price.js";
 import InputNumber from "./InputNumber.js";
+import { p as popupProps, P as Popup } from "./index-991c279f.js";
 import "../locale/lang";
-import "./Overlay.js";
-import "@nutui/icons-vue";
 import "./pxCheck-c6b9f6b7.js";
+import "@nutui/icons-vue";
+import "./Overlay.js";
 const { componentName: componentName$4, create: create$4, translate: translate$1 } = createComponent("sku-header");
 const _sfc_main$4 = create$4({
   props: {
@@ -17,6 +17,9 @@ const _sfc_main$4 = create$4({
     }
   },
   emits: [],
+  components: {
+    [Price.name]: Price
+  },
   setup(props, { emit, slots }) {
     const getSlots = (name) => slots[name];
     return {
@@ -36,6 +39,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_price = resolveComponent("nut-price");
   return openBlock(), createElementBlock("view", _hoisted_1$4, [
     createElementVNode("img", {
+      class: "nut-sku-header-img",
       src: _ctx.goods.imagePath
     }, null, 8, _hoisted_2$4),
     createElementVNode("view", _hoisted_3$3, [
@@ -138,6 +142,9 @@ const _sfc_main$2 = create$2({
     }
   },
   emits: ["click", "changeSku", "changeStepper", "clickBtnOptions", "overLimit", "reduce", "add"],
+  components: {
+    [InputNumber.name]: InputNumber
+  },
   setup(props, { emit }) {
     const goodsCount = ref(props.stepperMin);
     onMounted(() => {
@@ -253,7 +260,10 @@ const _hoisted_1$1 = {
   key: 0,
   class: "nut-sku-operate"
 };
-const _hoisted_2$1 = ["innerHTML"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "nut-sku-operate-desc"
+};
 const _hoisted_3 = {
   key: 1,
   class: "nut-sku-operate-btn"
@@ -261,11 +271,7 @@ const _hoisted_3 = {
 const _hoisted_4 = ["onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.btnOptions.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_1$1, [
-    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: "nut-sku-operate-desc",
-      innerHTML: _ctx.btnExtraText
-    }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
+    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", _hoisted_2$1, toDisplayString(_ctx.btnExtraText), 1)) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "operate-btn"),
     !_ctx.getSlots("operate-btn") ? (openBlock(), createElementBlock("view", _hoisted_3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btnOptions, (btn, i) => {
@@ -345,9 +351,7 @@ const _sfc_main = create({
     SkuSelect,
     SkuStepper,
     SkuOperate,
-    [Popup.name]: Popup,
-    [Price.name]: Price,
-    [InputNumber.name]: InputNumber
+    [Popup.name]: Popup
   },
   setup(props, { emit, slots }) {
     const showPopup = ref(props.visible);

package/dist/packages/_es/Swiper.js

@@ -55,10 +55,6 @@ const _sfc_main = create({
     isStopPropagation: {
       type: Boolean,
       default: true
-    },
-    isCenter: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ["change"],

package/dist/packages/_es/Switch.js

@@ -97,7 +97,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1, [
       _ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-        createVNode(_component_Loading1, { name: "loading" })
+        createVNode(_component_Loading1, {
+          name: "loading",
+          color: _ctx.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), [

package/dist/packages/_es/Table.js

@@ -1,9 +1,9 @@
+import { defineComponent, h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
 import { DownArrow } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const RenderColumn = {
+const RenderColumn = defineComponent({
   setup(props) {
     return () => h(`view`, {}, props.slots[0] ? props.slots[0](props.record) : props.slots[1](props.record));
   },
@@ -11,103 +11,100 @@ const RenderColumn = {
     slots: Array,
     record: Object
   }
-};
-const component = (componentName2, translate2) => {
-  return {
-    components: {
-      RenderColumn,
-      DownArrow
+});
+const { componentName, create, translate } = createComponent("table");
+const _sfc_main = create({
+  components: {
+    RenderColumn,
+    DownArrow
+  },
+  props: {
+    bordered: {
+      type: Boolean,
+      default: true
     },
-    props: {
-      bordered: {
-        type: Boolean,
-        default: true
-      },
-      columns: {
-        type: Array,
-        default: () => {
-          return [];
-        }
-      },
-      data: {
-        type: Object,
-        default: () => {
-          return {};
-        }
-      },
-      summary: {
-        type: Function,
-        default: null
-      },
-      striped: {
-        type: Boolean,
-        default: false
+    columns: {
+      type: Array,
+      default: () => {
+        return [];
       }
     },
-    emits: ["sorter"],
-    setup(props, { emit, slots }) {
-      const state = reactive({
-        curData: props.data
-      });
-      const classes = computed(() => {
-        const prefixCls = componentName2;
-        return {
-          [prefixCls]: true
-        };
-      });
-      const cellClasses = (item) => {
-        return {
-          "nut-table__main__head__tr--border": props.bordered,
-          [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
-        };
-      };
-      const stylehead = (item) => {
-        return item.stylehead ? item.stylehead : "";
-      };
-      const stylecolumn = (item) => {
-        return item.stylecolumn ? item.stylecolumn : "";
-      };
-      const getColumnItem = (value) => {
-        return props.columns.filter((item) => item.key === value)[0];
-      };
-      const getColumnItemStyle = (value) => {
-        const style = props.columns.filter((item) => item.key === value);
-        return style[0].stylecolumn ? style[0].stylecolumn : "";
-      };
-      const handleSorterClick = (item) => {
-        if (item.sorter) {
-          emit("sorter", item);
-          state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
-        }
-      };
-      const sortDataItem = () => {
-        return props.columns.map((columns) => {
-          return [columns.key, columns.render];
-        });
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    summary: {
+      type: Function,
+      default: null
+    },
+    striped: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["sorter"],
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      curData: props.data
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
       };
-      watch(
-        () => props.data,
-        (val) => {
-          state.curData = val.slice();
-        }
-      );
+    });
+    const cellClasses = (item) => {
       return {
-        ...toRefs(state),
-        classes,
-        cellClasses,
-        getColumnItem,
-        getColumnItemStyle,
-        handleSorterClick,
-        sortDataItem,
-        translate: translate2,
-        stylehead,
-        stylecolumn
+        "nut-table__main__head__tr--border": props.bordered,
+        [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
       };
-    }
-  };
-};
-const { componentName, create, translate } = createComponent("table");
-const _sfc_main = create(component(componentName, translate));
+    };
+    const stylehead = (item) => {
+      return item.stylehead ? item.stylehead : "";
+    };
+    const stylecolumn = (item) => {
+      return item.stylecolumn ? item.stylecolumn : "";
+    };
+    const getColumnItem = (value) => {
+      return props.columns.filter((item) => item.key === value)[0];
+    };
+    const getColumnItemStyle = (value) => {
+      const style = props.columns.filter((item) => item.key === value);
+      return style[0].stylecolumn ? style[0].stylecolumn : "";
+    };
+    const handleSorterClick = (item) => {
+      if (item.sorter) {
+        emit("sorter", item);
+        state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
+      }
+    };
+    const sortDataItem = () => {
+      return props.columns.map((columns) => {
+        return [columns.key, columns.render];
+      });
+    };
+    watch(
+      () => props.data,
+      (val) => {
+        state.curData = val.slice();
+      }
+    );
+    return {
+      ...toRefs(state),
+      classes,
+      cellClasses,
+      getColumnItem,
+      getColumnItemStyle,
+      handleSorterClick,
+      sortDataItem,
+      translate,
+      stylehead,
+      stylecolumn
+    };
+  }
+});
 const _hoisted_1 = { class: "nut-table__main__head" };
 const _hoisted_2 = { class: "nut-table__main__head__tr" };
 const _hoisted_3 = ["onClick"];

package/dist/packages/_es/Tabs.js

@@ -114,9 +114,9 @@ const _sfc_main = create({
       let index = titles.value.findIndex((item) => item.paneKey == value);
       if (titles.value.length == 0) {
         console.error("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
-      } else if (index == -1) {
-        console.error("[NutUI] <Tabs> 请检查 v-model 值是否为 paneKey ,如 paneKey 未设置，请采用下标控制 .");
-      } else {
+      } else if (index == -1)
+        ;
+      else {
         currentIndex.value = index;
       }
     };

package/dist/packages/_es/Textarea.js

@@ -102,8 +102,14 @@ const _sfc_main = create({
       emit("change", value, event);
     };
     const change = (event) => {
-      const input = event.target;
-      emitChange(input.value, event);
+      if (!event.target.composing) {
+        const input = event.target;
+        let value = input.value;
+        if (props.maxLength && value.length > Number(props.maxLength)) {
+          value = value.slice(0, Number(props.maxLength));
+        }
+        emitChange(input.value, event);
+      }
     };
     const focus = (event) => {
       if (props.disabled)
@@ -122,6 +128,15 @@ const _sfc_main = create({
       emitChange(value, event);
       emit("blur", { value, event });
     };
+    const startComposing = ({ target }) => {
+      target.composing = true;
+    };
+    const endComposing = ({ target }) => {
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event("input"));
+      }
+    };
     return {
       textareaRef,
       classes,
@@ -129,7 +144,9 @@ const _sfc_main = create({
       change,
       focus,
       blur,
-      translate
+      translate,
+      startComposing,
+      endComposing
     };
   }
 });
@@ -155,7 +172,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
       maxlength: _ctx.maxLength,
       placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-      autofocus: _ctx.autofocus
+      autofocus: _ctx.autofocus,
+      onChange: _cache[3] || (_cache[3] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
+      onCompositionend: _cache[4] || (_cache[4] = (...args) => _ctx.endComposing && _ctx.endComposing(...args)),
+      onCompositionstart: _cache[5] || (_cache[5] = (...args) => _ctx.startComposing && _ctx.startComposing(...args))
     }, null, 44, _hoisted_1),
     _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
   ], 2);