@nutui/nutui 4.3.4 → 4.3.6

package/dist/packages/skeleton/Skeleton.js

@@ -1,143 +1,108 @@
-import { c as createComponent } from "../component-DQf3CENX.js";
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
 import { N as NutAvatar } from "../index-Do4_KY74.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create } = createComponent("skeleton");
-const _sfc_main = create({
-  components: {
-    NutAvatar
-  },
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-skeleton"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "nut-skeleton-animation"
+};
+const _hoisted_4 = { class: "nut-skeleton-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutSkeleton"
+}), {
+  __name: "skeleton",
   props: {
-    // 每行宽度
-    width: {
-      type: String,
-      default: "100px"
-    },
-    // 每行高度
-    height: {
-      type: String,
-      default: "15px"
-    },
-    // 是否显示动画
-    animated: {
-      type: Boolean,
-      default: false
-    },
-    // 头像
-    avatar: {
-      type: Boolean,
-      default: false
-    },
-    // 头像形状：正方形/圆形
-    avatarShape: {
-      type: String,
-      default: "round"
-    },
-    // 头像大小
-    avatarSize: {
-      type: String,
-      default: "50px"
-    },
-    // 是否显示骨架屏
-    loading: {
-      type: Boolean,
-      default: true
-    },
-    // 标题/段落 圆角风格
-    round: {
-      type: Boolean,
-      default: false
-    },
-    // 显示段落行数
-    row: {
-      type: String,
-      default: "1"
-    },
-    // 是否显示段落标题
-    title: {
-      type: Boolean,
-      default: true
-    }
+    width: { default: "100px" },
+    height: { default: "15px" },
+    animated: { type: Boolean, default: false },
+    avatar: { type: Boolean, default: false },
+    avatarShape: { default: "round" },
+    avatarSize: { default: "50px" },
+    loading: { type: Boolean, default: true },
+    round: { type: Boolean, default: false },
+    row: { default: "1" },
+    title: { type: Boolean, default: true }
   },
-  setup(props) {
-    const { avatarShape, round, avatarSize } = toRefs(props);
+  setup(__props) {
+    const props = __props;
     const avatarClass = computed(() => {
       const prefixCls = "avatarClass";
       return {
         [prefixCls]: true,
-        [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+        [`${prefixCls}--${props.avatarShape}`]: props.avatarShape
       };
     });
     const getBlockClass = (prefixCls) => {
       return {
         [prefixCls]: true,
-        [`${prefixCls}--round`]: round.value
+        [`${prefixCls}--round`]: props.round
       };
     };
-    const getStyle = () => {
-      if (avatarSize.value) {
-        return {
-          width: avatarSize.value,
-          height: avatarSize.value
-        };
-      }
+    const avatarStyle = computed(() => {
       return {
-        width: "50px",
-        height: "50px"
+        width: props.avatarSize,
+        height: props.avatarSize
       };
-    };
-    return {
-      avatarShape,
-      avatarClass,
-      getBlockClass,
-      getStyle
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
+        _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_4, [
+          _ctx.avatar ? (openBlock(), createBlock(NutAvatar, {
+            key: 0,
+            class: normalizeClass(avatarClass.value),
+            shape: _ctx.avatarShape,
+            style: normalizeStyle(avatarStyle.value)
+          }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
+          createElementVNode("view", {
+            class: "nut-skeleton-content__line",
+            style: normalizeStyle({ width: _ctx.width })
+          }, [
+            _ctx.title ? (openBlock(), createElementBlock("view", {
+              key: 0,
+              class: normalizeClass(getBlockClass("nut-skeleton-blockTitle")),
+              style: normalizeStyle({ height: _ctx.height })
+            }, null, 6)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
+              return openBlock(), createElementBlock("view", {
+                key: _,
+                class: normalizeClass(getBlockClass("nut-skeleton-blockLine")),
+                style: normalizeStyle({ height: _ctx.height })
+              }, null, 6);
+            }), 128))
+          ], 4)
+        ])
+      ]));
     };
   }
-});
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = {
-  key: 1,
-  class: "nut-skeleton"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "nut-skeleton-animation"
-};
-const _hoisted_4 = { class: "nut-skeleton-content" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_avatar = resolveComponent("nut-avatar");
-  return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
-    _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_4, [
-      _ctx.avatar ? (openBlock(), createBlock(_component_nut_avatar, {
-        key: 0,
-        class: normalizeClass(_ctx.avatarClass),
-        shape: _ctx.avatarShape,
-        style: normalizeStyle(_ctx.getStyle())
-      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
-      createElementVNode("view", {
-        class: "nut-skeleton-content__line",
-        style: normalizeStyle({ width: _ctx.width })
-      }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockTitle")),
-          style: normalizeStyle({ height: _ctx.height })
-        }, null, 6)) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
-          return openBlock(), createElementBlock("view", {
-            key: _,
-            class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockLine")),
-            style: normalizeStyle({ height: _ctx.height })
-          }, null, 6);
-        }), 128))
-      ], 4)
-    ])
-  ]));
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Skeleton,
+  _sfc_main as default
 };

package/dist/packages/step/Step.js

@@ -17,105 +17,86 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, unref, createCommentVNode } from "vue";
+import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { S as STEPS_KEY } from "../types-1HzUV14W.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create, componentName } = createComponent("step");
-const _sfc_main = create({
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-step-head" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3 = { class: "nut-step-icon-inner" };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-step-inner"
+};
+const _hoisted_5 = { class: "nut-step-main" };
+const _hoisted_6 = { class: "nut-step-title" };
+const _hoisted_7 = {
+  key: 0,
+  class: "nut-step-content"
+};
+const _hoisted_8 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutStep"
+}), {
+  __name: "step",
   props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    content: {
-      type: String,
-      default: ""
-    }
+    title: { default: "" },
+    content: { default: "" }
   },
-  emits: ["clickStep"],
-  setup() {
-    const { proxy } = getCurrentInstance();
-    const parent = inject(STEPS_KEY);
-    parent["relation"](proxy);
-    const state = reactive({
-      dot: parent.props.progressDot
-    });
-    const index2 = computed(() => parent.state.children.indexOf(proxy) + 1);
-    const getCurrentStatus = () => {
-      const activeIndex = index2.value;
+  setup(__props) {
+    const { index, parent } = useParent(STEPS_KEY);
+    const status = computed(() => {
+      const activeIndex = index.value + 1;
       if (activeIndex < +parent.props.current)
         return "finish";
       return activeIndex === +parent.props.current ? "process" : "wait";
-    };
-    const status = computed(() => {
-      return getCurrentStatus();
     });
+    const dot = computed(() => parent.props.progressDot);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-step";
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
       };
     });
     const handleClickStep = () => {
-      parent["onEmit"](index2.value);
+      parent.onEmit(index.value + 1);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      index: index2,
-      classes,
-      handleClickStep
-    });
-  }
-});
-const _hoisted_1 = { class: "nut-step-head" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3 = { class: "nut-step-icon-inner" };
-const _hoisted_4 = {
-  key: 1,
-  class: "nut-step-inner"
-};
-const _hoisted_5 = { class: "nut-step-main" };
-const _hoisted_6 = { class: "nut-step-title" };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = {
-  key: 0,
-  class: "nut-step-content"
-};
-const _hoisted_9 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
-  }, [
-    createElementVNode("view", _hoisted_1, [
-      _hoisted_2,
-      createElementVNode("view", {
-        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? "is-icon" : ""]])
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value),
+        onClick: handleClickStep
       }, [
-        createElementVNode("view", _hoisted_3, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.index), 1))
-          ])
+        createElementVNode("view", _hoisted_1, [
+          _hoisted_2,
+          createElementVNode("view", {
+            class: normalizeClass(["nut-step-icon", [!dot.value ? "is-icon" : ""]])
+          }, [
+            createElementVNode("view", _hoisted_3, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                !dot.value ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(unref(index) + 1), 1)) : createCommentVNode("", true)
+              ])
+            ])
+          ], 2)
+        ]),
+        createElementVNode("view", _hoisted_5, [
+          createElementVNode("view", _hoisted_6, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7, [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              createElementVNode("span", { innerHTML: _ctx.content }, null, 8, _hoisted_8)
+            ])
+          ])) : createCommentVNode("", true)
         ])
-      ], 2)
-    ]),
-    createElementVNode("view", _hoisted_5, [
-      createElementVNode("view", _hoisted_6, [
-        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "title")
-      ]),
-      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_8, [
-        !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          innerHTML: _ctx.content
-        }, null, 8, _hoisted_9)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "content")
-      ])) : createCommentVNode("", true)
-    ])
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      ], 2);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Step,
+  _sfc_main as default
 };

package/dist/packages/steps/Steps.js

@@ -1,59 +1,63 @@
-import { reactive, computed, provide, h } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { u as useChildren } from "../useChildren-BZ4-J79J.js";
 import { S as STEPS_KEY } from "../types-1HzUV14W.js";
-const { create, componentName } = createComponent("steps");
-const _sfc_main = create({
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutSteps"
+}), {
+  __name: "steps",
   props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    current: {
-      type: [String, Number],
-      default: "0"
-    },
-    progressDot: {
-      type: Boolean,
-      default: false
-    }
+    direction: { default: "horizontal" },
+    current: { default: "0" },
+    progressDot: { type: Boolean, default: false }
   },
   emits: ["clickStep"],
-  setup(props, { emit, slots }) {
-    const state = reactive({
-      children: []
-    });
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-steps";
       return {
         [prefixCls]: true,
         [`${prefixCls}-${props.direction}`]: true,
         [`${prefixCls}-dot`]: !!props.progressDot
       };
     });
-    const relation = (child) => {
-      child && state.children.push(child);
-    };
+    const { linkChildren } = useChildren(STEPS_KEY);
     const onEmit = (index) => {
       emit("clickStep", index);
     };
-    provide(STEPS_KEY, {
-      relation,
-      state,
-      props,
-      onEmit
-    });
-    return () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: classes.value
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
+    linkChildren({ props, onEmit });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
-});
+}));
+withInstall(_sfc_main);
 export {
+  _sfc_main as Steps,
   _sfc_main as default
 };

package/dist/packages/switch/Switch.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, computed, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, Fragment, withDirectives, toDisplayString, vShow } from "vue";
 import { Loading1 } from "@nutui/icons-vue";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = { class: "nut-switch-button" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {

package/dist/packages/tabpane/TabPane.js

@@ -19,6 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
+import { T as TABS_KEY } from "../types-BXlnzugj.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("tab-pane");
 const _sfc_main = create({
@@ -38,7 +39,7 @@ const _sfc_main = create({
   },
   emits: ["click"],
   setup(props) {
-    const parentOption = inject("tabsOpiton");
+    const parentOption = inject(TABS_KEY);
     const paneStyle = computed(() => {
       return {
         display: parentOption.animatedTime.value == 0 && props.paneKey != parentOption.activeKey.value ? "none" : void 0

package/dist/packages/tabs/Tabs.js

@@ -47,6 +47,7 @@ import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
 import { u as useRect } from "../index-B1qsj2XR.js";
 import { r as requestAniFrame } from "../raf-c01wDYCo.js";
 import { u as useTouch } from "../index-I8tfW3Kf.js";
+import { T as TABS_KEY } from "../types-BXlnzugj.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
   const tabsContentRef = ref();
@@ -231,7 +232,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     const container = ref(null);
     let stickyFixed;
-    provide("tabsOpiton", {
+    provide(TABS_KEY, {
       activeKey: computed(() => props.modelValue || "0"),
       autoHeight: computed(() => props.autoHeight),
       animatedTime: computed(() => props.animatedTime)

package/dist/packages/textarea/Textarea.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, toRef, ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, unref, toDisplayString, createCommentVNode } from "vue";
 import { u as useLocale } from "../index-CFigyH92.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
 const _hoisted_2 = {

package/dist/packages/types-BMA1Y94E.js

@@ -0,0 +1,4 @@
+const AUDIO_KEY = Symbol("nut-audio");
+export {
+  AUDIO_KEY as A
+};

package/dist/packages/types-BXlnzugj.js

@@ -0,0 +1,4 @@
+const TABS_KEY = Symbol("nut-tab");
+export {
+  TABS_KEY as T
+};

package/dist/packages/types-CJeZIBld.js

@@ -0,0 +1,4 @@
+const GRID_KEY = Symbol("grid");
+export {
+  GRID_KEY as G
+};

package/dist/packages/uploader/Uploader.js

@@ -10,7 +10,7 @@ import { f as funInterceptor } from "../Interceptor-DlY2h6Y7.js";
 import { Progress as _sfc_main$1 } from "../progress/Progress.js";
 import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
 import { u as useLocale } from "../index-CFigyH92.js";
-import { u as useFormDisabled } from "../common-DRG0ue26.js";
+import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 class UploadOptions {
   constructor() {