@nutui/nutui 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/packages/_es/Tabs.js

@@ -4,18 +4,13 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent, T as TypeOfFun } from "./component-0ea0483c.js";
+import { c as createComponent, T as TypeOfFun } from "./component-81a4c1d0.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-c22d207b.js";
-import { u as useRect } from "./index-3e9b0a98.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-a0678df2.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { u as useRect } from "./index-29892cda.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-cc5c4086.js";
 import { JoySmile } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 class Title {
   constructor() {
@@ -26,7 +21,7 @@ class Title {
   }
 }
 const { create } = createComponent("tabs");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: { [_sfc_main$1.name]: _sfc_main$1, JoySmile },
   props: {
     modelValue: {
@@ -40,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ create({
     direction: {
       type: String,
       default: "horizontal"
+      //vertical
     },
     size: {
       type: String,
@@ -48,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ create({
     type: {
       type: String,
       default: "line"
+      //card、line、smile
     },
     titleScroll: {
       type: Boolean,
@@ -90,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ create({
     provide("autoHeight", { autoHeight: computed(() => props.autoHeight) });
     const titles = ref([]);
     const renderTitles = (vnodes) => {
-      vnodes.forEach((vnode, index2) => {
+      vnodes.forEach((vnode, index) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         let type = vnode.type;
         type = type.name || type;
@@ -102,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ create({
             let camelPaneKeyType = TypeOfFun((_f = vnode.props) == null ? void 0 : _f["paneKey"]);
             let camelPaneIndex = camelPaneKeyType == "number" || camelPaneKeyType == "string" ? String((_g = vnode.props) == null ? void 0 : _g["paneKey"]) : null;
             title.title = (_h = vnode.props) == null ? void 0 : _h.title;
-            title.paneKey = paneIndex || camelPaneIndex || String(index2);
+            title.paneKey = paneIndex || camelPaneIndex || String(index);
             title.disabled = (_i = vnode.props) == null ? void 0 : _i.disabled;
           }
           titles.value.push(title);
@@ -116,13 +113,13 @@ const _sfc_main = /* @__PURE__ */ create({
     };
     const currentIndex = ref(props.modelValue || 0);
     const findTabsIndex = (value) => {
-      let index2 = titles.value.findIndex((item) => item.paneKey == value);
+      let index = titles.value.findIndex((item) => item.paneKey == value);
       if (titles.value.length == 0) {
         console.error("[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .");
-      } else if (index2 == -1) {
-        console.error("[NutUI] <Tabs> 请检查 v-model 值是否为 paneKey ,如 paneKey 未设置，请采用下标控制 .");
-      } else {
-        currentIndex.value = index2;
+      } else if (index == -1)
+        ;
+      else {
+        currentIndex.value = index;
       }
     };
     const init = (vnodes = ((_a) => (_a = slots.default) == null ? void 0 : _a.call(slots))()) => {
@@ -188,12 +185,12 @@ const _sfc_main = /* @__PURE__ */ create({
       };
     });
     const methods = {
-      tabChange: (item, index2) => {
+      tabChange: (item, index) => {
         emit("click", item);
         if (item.disabled) {
           return;
         }
-        currentIndex.value = index2;
+        currentIndex.value = index;
         emit("update:modelValue", item.paneKey);
         emit("change", item);
       }
@@ -231,11 +228,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
           style: normalizeStyle(_ctx.tabsNavStyle)
         }, [
-          _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
+          _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
             return openBlock(), createElementBlock("view", {
               class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
               style: normalizeStyle(_ctx.titleStyle),
-              onClick: ($event) => _ctx.tabChange(item, index2),
+              onClick: ($event) => _ctx.tabChange(item, index),
               key: item.paneKey
             }, [
               _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
@@ -263,11 +260,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle)
     }, [
-      _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
+      _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
         return openBlock(), createElementBlock("view", {
           class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
           style: normalizeStyle(_ctx.titleStyle),
-          onClick: ($event) => _ctx.tabChange(item, index2),
+          onClick: ($event) => _ctx.tabChange(item, index),
           key: item.paneKey
         }, [
           _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
@@ -296,8 +293,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
   Title,
-  index as default
+  Tabs as default
 };

package/dist/packages/_es/Tag.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { Close } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("tag");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     color: { type: String, default: "" },
     textColor: { type: String, default: "" },

package/dist/packages/_es/Textarea.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("textarea");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     modelValue: {
       type: String,
@@ -72,6 +67,7 @@ const _sfc_main = /* @__PURE__ */ create({
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
+        // resize: props.autosize ? 'vertical' : 'none'
       };
     });
     const getContentHeight = () => {
@@ -107,8 +103,14 @@ const _sfc_main = /* @__PURE__ */ 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)
@@ -127,6 +129,15 @@ const _sfc_main = /* @__PURE__ */ 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,
@@ -134,7 +145,9 @@ const _sfc_main = /* @__PURE__ */ create({
       change,
       focus,
       blur,
-      translate
+      translate,
+      startComposing,
+      endComposing
     };
   }
 });
@@ -160,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/TimeDetail.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("time-detail");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   name: "timedetail",
   props: {
     times: {
@@ -16,10 +11,6 @@ const _sfc_main = /* @__PURE__ */ create({
       default: () => {
         return [];
       }
-    },
-    detailKey: {
-      type: [Number, String],
-      default: 0
     }
   },
   emits: ["select"],

package/dist/packages/_es/TimePannel.js

@@ -1,14 +1,9 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("time-pannel");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   name: "timepannel",
   props: {
     name: {

package/dist/packages/_es/TimeSelect.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { P as Popup } from "./index-d5c47fab.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup } from "./index-991c279f.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("time-select");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Popup.name]: Popup
   },
@@ -40,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ create({
     },
     lockScroll: {
       type: [Boolean],
-      default: false
+      default: true
     },
     teleportDisable: {
       type: Boolean,

package/dist/packages/_es/Toast.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, onMounted, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, vShow, createVNode, render } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { r as renderIcon } from "./renderIcon-6bea5078.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-34479821.js";
+import { C as CreateComponent } from "./mountComponent-1ece4110.js";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
 const { create } = createComponent("toast");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {},
   props: {
     id: String,
@@ -201,7 +196,9 @@ const defaultOptions = {
   msg: "",
   id: "",
   duration: 2e3,
+  //显示时间(毫秒)
   center: true,
+  // 未实现
   type: "text",
   title: "",
   customClass: "",
@@ -210,13 +207,19 @@ const defaultOptions = {
   iconSize: "20",
   icon: null,
   textAlignCenter: true,
+  // 未实现
   loadingRotate: true,
+  // 未实现
   bgColor: "",
   onClose: null,
+  // 未实现
   unmount: null,
   cover: false,
+  //透明遮罩层 // 未实现
   coverColor: "",
+  // 未实现
   closeOnClickOverlay: false
+  // 未实现
 };
 let idsMap = [];
 let optsMap = [];
@@ -250,7 +253,7 @@ const updateToast = (opts) => {
     }
     const instance = createVNode(Toast, opts);
     render(instance, container);
-    return ToastFunction;
+    return showToast;
   }
 };
 const mountToast = (opts) => {
@@ -271,7 +274,7 @@ const mountToast = (opts) => {
   CreateComponent(opts, {
     wrapper: Toast
   });
-  return ToastFunction;
+  return showToast;
 };
 const errorMsg = (msg) => {
   if (!msg) {
@@ -279,7 +282,7 @@ const errorMsg = (msg) => {
     return;
   }
 };
-const ToastFunction = {
+const showToast = {
   text(msg, opts = {}) {
     errorMsg(msg);
     return mountToast({ ...opts, type: "text", msg });
@@ -309,11 +312,9 @@ const ToastFunction = {
   },
   install(app) {
     app.use(Toast);
-    app.config.globalProperties.$toast = ToastFunction;
   }
 };
 export {
-  Toast,
-  ToastFunction,
-  ToastFunction as default
+  Toast as default,
+  showToast
 };

package/dist/packages/_es/Tour.js

@@ -1,29 +1,25 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { u as useRect } from "./index-3e9b0a98.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useRect } from "./index-29892cda.js";
 import { Close } from "@nutui/icons-vue";
 import Popover from "./Popover.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./renderIcon-6bea5078.js";
-import "./index-d5c47fab.js";
+import "./renderIcon-3d0fd47c.js";
+import "./index-991c279f.js";
 import "./Overlay.js";
 const { create } = createComponent("tour");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Popover.name]: Popover,
     Close
   },
   props: {
-    visible: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: false },
     type: {
       type: String,
       default: "step"
+      // tile
     },
     steps: {
       type: Array,
@@ -86,10 +82,10 @@ const _sfc_main = /* @__PURE__ */ create({
       default: true
     }
   },
-  emits: ["update:visible", "change", "close"],
+  emits: ["update:modelValue", "change", "close"],
   setup(props, { emit }) {
     const state = reactive({
-      showTour: props.visible,
+      showTour: props.modelValue,
       showPopup: false,
       active: 0
     });
@@ -134,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ create({
       state.showTour = false;
       state.showPopup = false;
       emit("close", state.active);
-      emit("update:visible", false);
+      emit("update:modelValue", false);
     };
     const handleClickMask = () => {
       props.closeOnClickOverlay && close();
@@ -144,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ create({
       getRootPosition();
     });
     watch(
-      () => props.visible,
+      () => props.modelValue,
       (val) => {
         if (val) {
           getRootPosition();
@@ -230,7 +226,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("div", _hoisted_4, [
                     createElementVNode("div", _hoisted_5, toDisplayString(_ctx.active + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
                     createElementVNode("div", _hoisted_6, [
-                      renderSlot(_ctx.$slots, "prevStep", {}, () => [
+                      renderSlot(_ctx.$slots, "prev-step", {}, () => [
                         _ctx.active != 0 && _ctx.showPrevStep ? (openBlock(), createElementBlock("div", {
                           key: 0,
                           class: "nut-tour-content-bottom-operate-btn",
@@ -242,7 +238,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         class: "nut-tour-content-bottom-operate-btn active",
                         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.close && _ctx.close(...args))
                       }, toDisplayString(_ctx.completeTxt), 1)) : createCommentVNode("", true),
-                      renderSlot(_ctx.$slots, "nextStep", {}, () => [
+                      renderSlot(_ctx.$slots, "next-step", {}, () => [
                         _ctx.steps.length - 1 != _ctx.active ? (openBlock(), createElementBlock("div", {
                           key: 0,
                           class: "nut-tour-content-bottom-operate-btn active",

package/dist/packages/_es/TrendArrow.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { m as myFixed, c as createComponent } from "./component-0ea0483c.js";
+import { m as myFixed, c as createComponent } from "./component-81a4c1d0.js";
 import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("trend-arrow");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: { TriangleUp, TriangleDown },
   props: {
     rate: {
@@ -93,10 +88,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-trend-arrow-icon-before nut-trend-arrow-rate",
       style: normalizeStyle(_ctx.calcStyle)
     }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true),
-    Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "upIcon", { key: 1 }, () => [
+    Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "up-icon", { key: 1 }, () => [
       createVNode(_component_TriangleUp, { color: _ctx.riseColor }, null, 8, ["color"])
     ]) : createCommentVNode("", true),
-    Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "downIcon", { key: 2 }, () => [
+    Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "down-icon", { key: 2 }, () => [
       createVNode(_component_TriangleDown, { color: _ctx.dropColor }, null, 8, ["color"])
     ]) : createCommentVNode("", true),
     _ctx.arrowLeft ? (openBlock(), createElementBlock("span", {

package/dist/packages/_es/Uploader.js

@@ -4,17 +4,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { reactive, computed, h, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode, createTextVNode } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { f as funInterceptor } from "./interceptor-0db96410.js";
+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";
 import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 class UploadOptions {
   constructor() {
@@ -96,7 +91,7 @@ class FileItem {
   }
 }
 const { componentName, create, translate } = createComponent("uploader");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Progress.name]: Progress,
     Photograph,
@@ -108,9 +103,11 @@ const _sfc_main = /* @__PURE__ */ create({
   props: {
     name: { type: String, default: "file" },
     url: { type: String, default: "" },
+    // defaultFileList: { type: Array, default: () => new Array<FileItem>() },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
     isPreview: { type: Boolean, default: true },
+    // picture、list
     listType: { type: String, default: "picture" },
     isDeletable: { type: Boolean, default: true },
     method: { type: String, default: "post" },
@@ -367,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");
@@ -429,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",