@nutui/nutui 4.1.3 → 4.1.5-beta.1

package/dist/packages/_es/Noticebar.js

@@ -92,7 +92,7 @@ const _sfc_main = create({
     Notice,
     CircleClose
   },
-  emits: ["click", "close", "across-end"],
+  emits: ["click", "close", "acrossEnd"],
   setup(props, { emit, slots }) {
     const wrap = ref(null);
     const content = ref(null);
@@ -208,7 +208,7 @@ const _sfc_main = create({
     };
     const onAnimationEnd = (event) => {
       state.firstRound = false;
-      emit("across-end", event);
+      emit("acrossEnd", event);
       setTimeout(() => {
         state.duration = (state.offsetWidth + state.wrapWidth) / props.speed;
         state.animationClass = "play-infinite";
@@ -220,19 +220,25 @@ const _sfc_main = create({
     };
     const showhorseLamp = () => {
       state.animate = true;
-      setTimeout(() => {
-        state.scrollList.push(state.scrollList[0]);
-        state.scrollList.shift();
-        state.animate = false;
-      }, ~~(props.height / props.speed / 4 * 1e3));
+      setTimeout(
+        () => {
+          state.scrollList.push(state.scrollList[0]);
+          state.scrollList.shift();
+          state.animate = false;
+        },
+        ~~(props.height / props.speed / 4 * 1e3)
+      );
     };
     const startRoll = () => {
-      state.timer = setInterval(() => {
-        let chunk = 100;
-        for (let i = 0; i < chunk; i++) {
-          scroll(i, i < chunk - 1 ? false : true);
-        }
-      }, props.standTime + 100 * props.speed);
+      state.timer = setInterval(
+        () => {
+          let chunk = 100;
+          for (let i = 0; i < chunk; i++) {
+            scroll(i, i < chunk - 1 ? false : true);
+          }
+        },
+        props.standTime + 100 * props.speed
+      );
     };
     const scroll = (n, last) => {
       setTimeout(() => {
@@ -360,7 +366,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(_ctx.wrapContentClass),
           style: normalizeStyle(_ctx.contentStyle),
           onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
-          "on:webkitAnimationEnd": _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
+          onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(_ctx.text), 1)
@@ -407,8 +413,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
           return openBlock(), createElementBlock("li", {
-            class: "nut-noticebar__vertical-item",
             key: index2,
+            class: "nut-noticebar__vertical-item",
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.height), lineHeight: _ctx.pxCheck(_ctx.height) }),
             onClick: ($event) => _ctx.go(item)
           }, toDisplayString(item), 13, _hoisted_5);

package/dist/packages/_es/Notify.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";

package/dist/packages/_es/NumberKeyboard.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
@@ -137,7 +137,7 @@ const _sfc_main = create({
       clickKeyIndex.value = item.id;
       if (item.type == "number" || item.type == "custom") {
         emit("input", item.id);
-        if (props.modelValue.length < props.maxlength) {
+        if (props.modelValue.length < +props.maxlength) {
           emit("update:modelValue", props.modelValue + item.id);
         }
       }

package/dist/packages/_es/Overlay.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
+import { computed, watchEffect, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, withModifiers, renderSlot, vShow } from "vue";
 import { b as body, c as createComponent } from "./component-0fbad28e.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -107,8 +107,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
         class: normalizeClass(_ctx.classes),
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"])),
-        style: normalizeStyle(_ctx.style)
+        style: normalizeStyle(_ctx.style),
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 6), [

package/dist/packages/_es/Picker.js

@@ -17,72 +17,91 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, ref, computed, watch, toRefs, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, resolveComponent, renderSlot, createVNode } from "vue";
+import { reactive, computed, ref, watch, toRefs, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, resolveComponent, renderSlot, createVNode } from "vue";
 import { c as createComponent, d as preventDefault, e as clamp } from "./component-0fbad28e.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { u as useTouch } from "./index-7a7385e4.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName } = createComponent("picker");
+const DEFAULT_FILED_NAMES = {
+  text: "text",
+  value: "value",
+  children: "children"
+};
 const usePicker = (props, emit) => {
   const state = reactive({
     formattedColumns: props.columns
   });
+  const columnFieldNames = computed(() => {
+    return __spreadValues(__spreadValues({}, DEFAULT_FILED_NAMES), props.fieldNames);
+  });
   const defaultValues = ref([]);
+  const defaultIndexes = computed(() => {
+    const fields = columnFieldNames.value;
+    return columnsList.value.map((column2, index) => {
+      const targetIndex = column2.findIndex((item) => item[fields.value] === defaultValues.value[index]);
+      return targetIndex === -1 ? 0 : targetIndex;
+    });
+  });
   const pickerColumn = ref([]);
   const swipeRef = (el) => {
     if (el && pickerColumn.value.length < columnsList.value.length) {
       pickerColumn.value.push(el);
     }
   };
-  const classes = computed(() => {
-    const prefixCls = componentName;
-    return {
-      [prefixCls]: true
-    };
-  });
   const selectedOptions = computed(() => {
+    const fields = columnFieldNames.value;
     return columnsList.value.map((column2, index) => {
-      return column2.find((item) => item.value === defaultValues.value[index]);
+      return column2.find((item) => item[fields.value] === defaultValues.value[index]) || column2[0];
     });
   });
   const columnsType = computed(() => {
     const firstColumn = state.formattedColumns[0];
+    const fields = columnFieldNames.value;
     if (firstColumn) {
       if (Array.isArray(firstColumn)) {
         return "multiple";
       }
-      if ("children" in firstColumn) {
+      if (fields.children in firstColumn) {
         return "cascade";
       }
     }
     return "single";
   });
   const columnsList = computed(() => {
+    let result = [];
     switch (columnsType.value) {
       case "multiple":
-        return state.formattedColumns;
+        result = state.formattedColumns;
+        break;
       case "cascade":
-        return formatCascade(state.formattedColumns, defaultValues.value ? defaultValues.value : []);
+        result = formatCascade(
+          state.formattedColumns,
+          defaultValues.value ? defaultValues.value : []
+        );
+        break;
       default:
-        return [state.formattedColumns];
+        result = [state.formattedColumns];
+        break;
     }
+    return result;
   });
   const formatCascade = (columns, defaultValues2) => {
     const formatted = [];
+    const fields = columnFieldNames.value;
     let cursor = {
       text: "",
       value: "",
-      children: columns
+      [fields.children]: columns
     };
     let columnIndex = 0;
-    while (cursor && cursor.children) {
-      const options = cursor.children;
+    while (cursor && cursor[fields.children]) {
+      const options = cursor[fields.children];
       const value = defaultValues2[columnIndex];
-      let index = options.findIndex((columnItem) => columnItem.value === value);
+      let index = options.findIndex((columnItem) => columnItem[fields.value] === value);
       if (index === -1)
         index = 0;
-      cursor = cursor.children[index];
+      cursor = cursor[fields.children][index];
       columnIndex++;
       formatted.push(options);
     }
@@ -95,22 +114,24 @@ const usePicker = (props, emit) => {
     });
   };
   const changeHandler = (columnIndex, option) => {
+    var _a;
+    const fields = columnFieldNames.value;
     if (option && Object.keys(option).length) {
       defaultValues.value = defaultValues.value ? defaultValues.value : [];
       if (columnsType.value === "cascade") {
-        defaultValues.value[columnIndex] = option.value ? option.value : "";
+        defaultValues.value[columnIndex] = (_a = option[fields.value]) != null ? _a : "";
         let index = columnIndex;
         let cursor = option;
-        while (cursor && cursor.children && cursor.children[0]) {
-          defaultValues.value[index + 1] = cursor.children[0].value;
+        while (cursor && cursor[fields.children] && cursor[fields.children][0]) {
+          defaultValues.value[index + 1] = cursor[fields.children][0][fields.value];
           index++;
-          cursor = cursor.children[0];
+          cursor = cursor[fields.children][0];
         }
-        if (cursor && cursor.children && cursor.children.length === 0) {
+        if (cursor && cursor[fields.children] && cursor[fields.children].length === 0) {
           defaultValues.value = defaultValues.value.slice(0, index + 1);
         }
       } else {
-        defaultValues.value[columnIndex] = Object.prototype.hasOwnProperty.call(option, "value") ? option.value : "";
+        defaultValues.value[columnIndex] = Object.prototype.hasOwnProperty.call(option, fields.value) ? option[fields.value] : "";
       }
       emit("change", {
         columnIndex,
@@ -120,9 +141,10 @@ const usePicker = (props, emit) => {
     }
   };
   const confirm = () => {
+    const fields = columnFieldNames.value;
     if (defaultValues.value && !defaultValues.value.length) {
       columnsList.value.forEach((columns) => {
-        defaultValues.value.push(columns[0].value);
+        defaultValues.value.push(columns[0][fields.value]);
       });
     }
     emit("confirm", {
@@ -156,15 +178,15 @@ const usePicker = (props, emit) => {
         state.formattedColumns = val;
     }
   );
-  return __spreadProps(__spreadValues({
-    classes
-  }, toRefs(state)), {
+  return __spreadProps(__spreadValues({}, toRefs(state)), {
     columnsType,
     columnsList,
+    columnFieldNames,
     cancel,
     changeHandler,
     confirm,
     defaultValues,
+    defaultIndexes,
     pickerColumn,
     swipeRef,
     selectedOptions,
@@ -197,6 +219,15 @@ const _sfc_main$1 = create$1({
     optionHeight: {
       type: [Number, String],
       default: 36
+    },
+    fieldNames: {
+      type: Object,
+      default: () => ({})
+    },
+    // 特殊环境判断
+    taro: {
+      type: Boolean,
+      defualt: false
     }
   },
   emits: ["click", "change"],
@@ -249,8 +280,8 @@ const _sfc_main$1 = create$1({
     });
     const onTouchStart = (event) => {
       touch.start(event);
-      if (moving.value) {
-        let dom = roller.value;
+      if (moving.value && !props.taro) {
+        const dom = roller.value;
         const { transform } = window.getComputedStyle(dom);
         if (props.threeDimensional) {
           const circle = Math.floor(parseInt(touchDeg.value) / 360);
@@ -346,7 +377,7 @@ const _sfc_main$1 = create$1({
     };
     const modifyStatus = (type) => {
       const { column: column2 } = props;
-      let index = column2.findIndex((columnItem) => columnItem.value === props.value);
+      let index = column2.findIndex((columnItem) => columnItem[props.fieldNames.value] === props.value);
       state.currIndex = index === -1 ? 1 : index + 1;
       let move = index === -1 ? 0 : index * +props.optionHeight;
       type && setChooseValue();
@@ -406,25 +437,26 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
     createElementVNode("view", {
-      class: "nut-picker-roller",
       ref: "roller",
+      class: "nut-picker-roller",
       style: normalizeStyle(_ctx.threeDimensional ? _ctx.touchRollerStyle : _ctx.touchTileStyle),
       onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.column, (item, index) => {
+        var _a;
         return openBlock(), createElementBlock(Fragment, {
-          key: item.value ? item.value : index
+          key: (_a = item[_ctx.fieldNames.value]) != null ? _a : index
         }, [
-          item && item.text && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
+          item && item[_ctx.fieldNames.text] && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 0,
             class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
-          }, toDisplayString(item.text), 7)) : createCommentVNode("", true),
-          item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
+          }, toDisplayString(item[_ctx.fieldNames.text]), 7)) : createCommentVNode("", true),
+          item && item[_ctx.fieldNames.text] && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 1,
             class: "nut-picker-roller-item-tile",
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.optionHeight), lineHeight: _ctx.pxCheck(_ctx.optionHeight) })
-          }, toDisplayString(item.text), 5)) : createCommentVNode("", true)
+          }, toDisplayString(item[_ctx.fieldNames.text]), 5)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),
@@ -460,7 +492,7 @@ const baseProps = {
   },
   threeDimensional: {
     type: Boolean,
-    default: true
+    default: false
   },
   swipeDuration: {
     type: [Number, String],
@@ -477,6 +509,10 @@ const baseProps = {
   optionHeight: {
     type: [Number, String],
     default: 36
+  },
+  fieldNames: {
+    type: Object,
+    default: () => ({})
   }
 };
 const { create, translate } = createComponent("picker");
@@ -487,7 +523,10 @@ const _sfc_main = create({
   props: baseProps,
   emits: ["cancel", "change", "confirm", "update:modelValue"],
   setup(props, { emit }) {
-    const { changeHandler, confirm, defaultValues, columnsList, columnsType, classes, cancel } = usePicker(props, emit);
+    const { changeHandler, confirm, defaultValues, columnsList, columnsType, columnFieldNames, cancel } = usePicker(
+      props,
+      emit
+    );
     const pickerColumn = ref([]);
     const swipeRef = (el) => {
       if (el && pickerColumn.value.length < columnsList.value.length) {
@@ -507,10 +546,10 @@ const _sfc_main = create({
       confirm();
     };
     return {
-      classes,
       column,
       columnsType,
       columnsList,
+      columnFieldNames,
       cancel,
       changeHandler,
       confirmHandler,
@@ -522,25 +561,24 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-picker" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-picker__bar"
 };
-const _hoisted_2 = { class: "nut-picker__title" };
+const _hoisted_3 = { class: "nut-picker__title" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.showToolbar ? (openBlock(), createElementBlock("view", _hoisted_1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.showToolbar ? (openBlock(), createElementBlock("view", _hoisted_2, [
       createElementVNode("view", {
         class: "nut-picker__left",
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancel && _ctx.cancel(...args))
       }, toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
-      createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1),
+      createElementVNode("view", _hoisted_3, toDisplayString(_ctx.title), 1),
       createElementVNode("view", {
         class: "nut-picker__right",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirmHandler && _ctx.confirmHandler(...args))
       }, toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
     ])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "top"),
@@ -550,28 +588,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column2, columnIndex) => {
         return openBlock(), createElementBlock("view", {
-          class: "nut-picker__columnitem",
-          key: columnIndex
+          key: columnIndex,
+          class: "nut-picker__columnitem"
         }, [
           createVNode(_component_nut_picker_column, {
             ref_for: true,
             ref: _ctx.swipeRef,
             column: column2,
-            columnsType: _ctx.columnsType,
+            "columns-type": _ctx.columnsType,
+            "field-names": _ctx.columnFieldNames,
             value: _ctx.defaultValues && _ctx.defaultValues[columnIndex],
-            threeDimensional: _ctx.threeDimensional,
-            swipeDuration: _ctx.swipeDuration,
-            visibleOptionNum: _ctx.visibleOptionNum,
-            optionHeight: _ctx.optionHeight,
+            "three-dimensional": _ctx.threeDimensional,
+            "swipe-duration": _ctx.swipeDuration,
+            "visible-option-num": _ctx.visibleOptionNum,
+            "option-height": _ctx.optionHeight,
             onChange: (option) => {
               _ctx.changeHandler(columnIndex, option);
             }
-          }, null, 8, ["column", "columnsType", "value", "threeDimensional", "swipeDuration", "visibleOptionNum", "optionHeight", "onChange"])
+          }, null, 8, ["column", "columns-type", "field-names", "value", "three-dimensional", "swipe-duration", "visible-option-num", "option-height", "onChange"])
         ]);
       }), 128))
     ], 4),
     renderSlot(_ctx.$slots, "default")
-  ], 2);
+  ]);
 }
 const Picker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Popover.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, watch, resolveComponent, openBlock, createEle
 import { i as isArray, c as createComponent } from "./component-0fbad28e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { u as useRect } from "./index-29892cda.js";
-import { P as Popup } from "./index-7fe29a2f.js";
+import { P as Popup } from "./index-3032df15.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
@@ -223,9 +223,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(Fragment, null, [
     !_ctx.targetId ? (openBlock(), createElementBlock("div", {
       key: 0,
+      ref: "popoverRef",
       class: "nut-popover-wrapper",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openPopover && _ctx.openPopover(...args)),
-      ref: "popoverRef"
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openPopover && _ctx.openPopover(...args))
     }, [
       renderSlot(_ctx.$slots, "reference")
     ], 512)) : createCommentVNode("", true),
@@ -234,10 +234,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.getRootPosition)
     }, [
       createVNode(_component_nut_popup, {
-        popClass: `nut-popover-content nut-popover-content--${_ctx.location}`,
-        style: normalizeStyle(_ctx.customStyle),
         visible: _ctx.showPopup,
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+        popClass: `nut-popover-content nut-popover-content--${_ctx.location}`,
+        style: normalizeStyle(_ctx.customStyle),
         position: "",
         transition: "nut-popover",
         overlay: _ctx.overlay,
@@ -270,7 +270,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 512)
         ]),
         _: 3
-      }, 8, ["popClass", "style", "visible", "overlay", "duration", "overlayStyle", "overlayClass", "closeOnClickOverlay"])
+      }, 8, ["visible", "popClass", "style", "overlay", "duration", "overlayStyle", "overlayClass", "closeOnClickOverlay"])
     ], 6)
   ], 64);
 }

package/dist/packages/_es/Popup.js

@@ -1,4 +1,4 @@
-import { P } from "./index-7fe29a2f.js";
+import { P } from "./index-3032df15.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "@nutui/icons-vue";

package/dist/packages/_es/PullRefresh.js

@@ -199,8 +199,8 @@ const _hoisted_1 = { class: "nut-pull-refresh-container-topbox-text" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = resolveComponent("Loading");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
     ref: "scroller",
+    class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))

package/dist/packages/_es/Range.js

@@ -67,7 +67,7 @@ const _sfc_main = create({
       default: 0
     }
   },
-  emits: ["change", "drag-end", "drag-start", "update:modelValue"],
+  emits: ["change", "dragEnd", "dragStart", "update:modelValue"],
   setup(props, { emit }) {
     const buttonIndex = ref(0);
     let startValue;
@@ -78,7 +78,7 @@ const _sfc_main = create({
     const marksList = computed(() => {
       const { marks, max, min } = props;
       const marksKeys = Object.keys(marks);
-      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
+      const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= +min && point <= +max);
       return list;
     });
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -152,7 +152,7 @@ const _sfc_main = create({
       } else {
         upperBound = modelValue;
       }
-      let isActive = mark <= upperBound && mark >= lowerBound;
+      let isActive = mark <= +upperBound && mark >= lowerBound;
       return {
         [`${classPrefix}-text`]: true,
         [`${classPrefix}-text-active`]: isActive
@@ -253,7 +253,7 @@ const _sfc_main = create({
         return;
       }
       if (dragStatus.value === "start") {
-        emit("drag-start");
+        emit("dragStart");
       }
       touch.move(event);
       dragStatus.value = "draging";
@@ -281,7 +281,7 @@ const _sfc_main = create({
       }
       if (dragStatus.value === "draging") {
         updateValue(currentValue, true);
-        emit("drag-end");
+        emit("dragEnd");
       }
       dragStatus.value = "";
     };

package/dist/packages/_es/Row.js

@@ -26,7 +26,6 @@ const _sfc_main = create({
       default: "nowrap"
     }
   },
-  emits: [],
   setup(props) {
     const prefixCls = componentName;
     provide("gutter", props.gutter);

package/dist/packages/_es/Searchbar.js

@@ -94,9 +94,9 @@ const _sfc_main = create({
     "focus",
     "clear",
     "search",
-    "click-input",
-    "click-left-icon",
-    "click-right-icon"
+    "clickInput",
+    "clickLeftIcon",
+    "clickRightIcon"
   ],
   setup(props, { emit }) {
     const state = reactive({
@@ -150,13 +150,13 @@ const _sfc_main = create({
       emit("search", props.modelValue);
     };
     const clickInput = (event) => {
-      emit("click-input", event);
+      emit("clickInput", event);
     };
     const leftIconClick = (event) => {
-      emit("click-left-icon", props.modelValue, event);
+      emit("clickLeftIcon", props.modelValue, event);
     };
     const rightIconClick = (event) => {
-      emit("click-right-icon", props.modelValue, event);
+      emit("clickRightIcon", props.modelValue, event);
     };
     const styleSearchbar = computed(() => {
       const style = {
@@ -244,11 +244,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             value: _ctx.modelValue,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
+            style: normalizeStyle(_ctx.styleSearchbar),
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
             onInput: _cache[2] || (_cache[2] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             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)
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
           }, null, 46, _hoisted_3)
         ], 32)
       ], 2),
@@ -257,8 +257,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "nut-searchbar__search-icon nut-searchbar__input-clear"
+          class: "nut-searchbar__search-icon nut-searchbar__input-clear",
+          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
         }, [
           _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
         ], 512)), [