@nutui/nutui 4.0.0-beta.20 → 4.0.0-beta.22

package/dist/packages/_es/Comment.js

@@ -73,10 +73,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_nut_rate, {
               modelValue: _ctx.info.score,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
-              size: "15",
+              size: "12",
               spacing: "5",
               readonly: "",
-              touchable: false,
               onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
@@ -99,10 +98,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_rate, {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
-        size: "15",
+        size: "12",
         spacing: "3",
-        readonly: "",
-        touchable: false
+        readonly: ""
       }, null, 8, ["modelValue"]),
       createElementVNode("i", {
         class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])

package/dist/packages/_es/InputNumber.js

@@ -147,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
-      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
+      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth), height: _ctx.pxCheck(_ctx.buttonSize) }),
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       value: _ctx.modelValue,

package/dist/packages/_es/Progress.js

@@ -97,35 +97,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
         style: normalizeStyle(_ctx.bgStyle)
+      }, null, 6),
+      _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "nut-progress-text nut-progress-insidetext",
+        ref: "insideText",
+        style: normalizeStyle({
+          lineHeight: _ctx.height,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`,
+          background: _ctx.textBackground || _ctx.strokeColor
+        })
+      }, [
+        createElementVNode("span", {
+          style: normalizeStyle(_ctx.textStyle)
+        }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
+      ], 4)) : createCommentVNode("", true),
+      _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        ref: "insideText",
+        style: normalizeStyle({
+          position: `absolute`,
+          top: `50%`,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`
+        })
       }, [
-        _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "nut-progress-text nut-progress-insidetext",
-          ref: "insideText",
-          style: normalizeStyle({
-            lineHeight: _ctx.height,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`,
-            background: _ctx.textBackground || _ctx.strokeColor
-          })
-        }, [
-          createElementVNode("span", {
-            style: normalizeStyle(_ctx.textStyle)
-          }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
-        ], 4)) : createCommentVNode("", true),
-        _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref: "insideText",
-          style: normalizeStyle({
-            position: `absolute`,
-            top: `50%`,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)) : createCommentVNode("", true)
-      ], 6)
+        renderSlot(_ctx.$slots, "default")
+      ], 4)) : createCommentVNode("", true)
     ], 6),
     _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_2, [
       _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {

package/dist/packages/_es/Sku.js

@@ -266,7 +266,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"
@@ -274,11 +277,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) => {

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/Textarea.js

@@ -103,8 +103,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)
@@ -123,6 +129,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,
@@ -130,7 +145,9 @@ const _sfc_main = create({
       change,
       focus,
       blur,
-      translate
+      translate,
+      startComposing,
+      endComposing
     };
   }
 });
@@ -156,7 +173,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);

package/dist/packages/_es/Uploader.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
+import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./interceptor-956b24fc.js";
 import Progress from "./Progress.js";
@@ -364,12 +364,14 @@ const _hoisted_7 = {
   class: "nut-uploader__preview-img__file"
 };
 const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "tips" };
-const _hoisted_10 = {
+const _hoisted_9 = { class: "file__name_tips" };
+const _hoisted_10 = { class: "tips" };
+const _hoisted_11 = {
   key: 1,
   class: "nut-uploader__preview-list"
 };
-const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "file__name_tips" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Failure = resolveComponent("Failure");
   const _component_Loading = resolveComponent("Loading");
@@ -426,24 +428,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
             }, [
-              createVNode(_component_Link, { color: "#808080" }),
-              createTextVNode(" " + toDisplayString(item.name), 1)
+              createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
             ], 8, _hoisted_8)
           ])),
-          createElementVNode("view", _hoisted_9, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_10, [
+          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
-            createVNode(_component_Link),
-            createTextVNode(" " + toDisplayString(item.name), 1)
-          ], 10, _hoisted_11),
-          createVNode(_component_Del, {
-            color: "#808080",
-            class: "nut-uploader__preview-img__file__del",
-            onClick: ($event) => _ctx.onDelete(item, index2)
-          }, null, 8, ["onClick"]),
+            createVNode(_component_Link, { class: "nut-uploader__preview-img__file__link" }),
+            createElementVNode("view", _hoisted_13, toDisplayString(item.name), 1),
+            createVNode(_component_Del, {
+              color: "#808080",
+              class: "nut-uploader__preview-img__file__del",
+              onClick: ($event) => _ctx.onDelete(item, index2)
+            }, null, 8, ["onClick"])
+          ], 10, _hoisted_12),
           item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
             key: 0,
             size: "small",

package/dist/packages/actionsheet/style.mjs

@@ -1,5 +1,4 @@
-import '../overlay/index.scss';
 import '../../styles/reset.css';
+import '../overlay/index.scss';
 import '../popup/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/address/style.mjs

@@ -1,7 +1,5 @@
-import '../elevator/index.scss';
 import '../../styles/reset.css';
+import '../elevator/index.scss';
 import '../overlay/index.scss';
-import '../../styles/reset.css';
 import '../popup/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/addresslist/style.mjs

@@ -1,5 +1,4 @@
-import '../swipe/index.scss';
 import '../../styles/reset.css';
+import '../swipe/index.scss';
 import '../button/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/animate/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/audio/style.mjs

@@ -1,3 +1,3 @@
-import '../range/index.scss';
 import '../../styles/reset.css';
+import '../range/index.scss';
 import './index.scss';

package/dist/packages/audiooperate/style.mjs

@@ -1,3 +1,3 @@
-import '../button/index.scss';
 import '../../styles/reset.css';
+import '../button/index.scss';
 import './index.scss';

package/dist/packages/avatar/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/avatargroup/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/backtop/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/badge/index.scss

@@ -10,16 +10,20 @@
   position: relative;
   display: inline-block;
   .nut-badge__icon {
+    display: flex;
+    align-items: center;
     line-height: normal;
     transform: $badge-content-transform;
     position: absolute;
     background: $badge-background-color;
-    padding: $badge-padding;
+    padding: $badge-icon-padding;
     text-align: center;
     border-radius: $badge-border-radius;
     z-index: $badge-z-index;
   }
   .nut-badge__content {
+    display: flex;
+    align-items: center;
     transform: $badge-content-transform;
     &--sup {
       position: absolute;

package/dist/packages/badge/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/barrage/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/button/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/calendar/style.mjs

@@ -1,7 +1,5 @@
-import '../calendaritem/index.scss';
 import '../../styles/reset.css';
+import '../calendaritem/index.scss';
 import '../overlay/index.scss';
-import '../../styles/reset.css';
 import '../popup/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/calendaritem/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/card/style.mjs

@@ -1,5 +1,4 @@
-import '../tag/index.scss';
 import '../../styles/reset.css';
+import '../tag/index.scss';
 import '../price/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/cascader/style.mjs

@@ -1,11 +1,7 @@
-import '../tabpane/index.scss';
 import '../../styles/reset.css';
+import '../tabpane/index.scss';
 import '../sticky/index.scss';
-import '../../styles/reset.css';
 import '../tabs/index.scss';
-import '../../styles/reset.css';
 import '../overlay/index.scss';
-import '../../styles/reset.css';
 import '../popup/index.scss';
-import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/category/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/categorypane/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/cell/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/cellgroup/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/checkbox/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/checkboxgroup/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/circleprogress/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/col/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/collapse/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';

package/dist/packages/collapseitem/style.mjs

@@ -1 +1,2 @@
+import '../../styles/reset.css';
 import './index.scss';