@nutui/nutui 4.2.2 → 4.2.4

package/dist/packages/elevator/Elevator.js

@@ -18,9 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, watch, nextTick, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { u as useExpose } from "../index-79c5dc33.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("elevator");
 const _sfc_main = create({
   props: {
@@ -50,7 +49,7 @@ const _sfc_main = create({
     }
   },
   emits: ["clickItem", "clickIndex", "change"],
-  setup(props, context) {
+  setup(props, { emit, expose }) {
     const listview = ref(null);
     const state = reactive({
       anchorIndex: 0,
@@ -123,12 +122,12 @@ const _sfc_main = create({
       state.scrollStart = false;
     };
     const handleClickItem = (key, item) => {
-      context.emit("clickItem", key, item);
+      emit("clickItem", key, item);
       state.currentData = item;
       state.currentKey = key;
     };
     const handleClickIndex = (key) => {
-      context.emit("clickIndex", key);
+      emit("clickIndex", key);
     };
     const listViewScroll = (e) => {
       let target = e.target;
@@ -151,7 +150,7 @@ const _sfc_main = create({
         listview.value.addEventListener("scroll", listViewScroll);
       }
     });
-    useExpose({
+    expose({
       scrollTo
     });
     watch(
@@ -178,7 +177,7 @@ const _sfc_main = create({
     watch(
       () => state.currentIndex,
       (newVal) => {
-        context.emit("change", newVal);
+        emit("change", newVal);
       }
     );
     return __spreadProps(__spreadValues({}, toRefs(state)), {

package/dist/packages/ellipsis/Ellipsis.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, toDisplayString, createCommentVNode, createTextVNode, withModifiers } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("ellipsis");
 const _sfc_main = create({
   props: {

package/dist/packages/empty/Empty.js

@@ -1,10 +1,10 @@
 import { computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { p as pxCheck } from "../pxCheck-a27490eb.js";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/nutui/dist/packages/locale/lang";
-import "../util-6f26722f.js";
+import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("empty");
 const cN = "NutEmpty";
 const defaultStatus = {

package/dist/packages/fixednav/FixedNav.js

@@ -1,10 +1,10 @@
 import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { Left } from "@nutui/icons-vue";
 import NutOverlay from "../overlay/Overlay.js";
-import { c as createComponent } from "../component-669c158a.js";
-import { u as useLocale } from "../index-c0fa0f6b.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import "../util-6f26722f.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { u as useLocale } from "../index-s3RgMhc7.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../util-4Jkyw4BJ.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 const { create } = createComponent("fixed-nav");
 const cN = "NutFixedNav";

package/dist/packages/form/Form.js

@@ -33,11 +33,13 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { c as createComponent } from "../component-669c158a.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
-import { g as getPropByPath, f as isPromise } from "../util-6f26722f.js";
+import { g as getPropByPath, f as isPromise } from "../util-4Jkyw4BJ.js";
+import { F as FORM_KEY } from "../types-Ynmct7na.js";
+import { u as useChildren } from "../useChildren-GU_NVfD8.js";
 import NutCellGroup from "../cellgroup/CellGroup.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const component = (components) => {
   return {
     props: {
@@ -48,52 +50,20 @@ const component = (components) => {
       rules: {
         type: Object,
         default: () => ({})
+      },
+      labelPosition: {
+        type: String,
+        default: "left"
+      },
+      starPosition: {
+        type: String,
+        default: "left"
       }
     },
     components,
     emits: ["validate"],
     setup(props, { emit }) {
-      const useChildren = () => {
-        const publicChildren = reactive([]);
-        const internalChildren = reactive([]);
-        const linkChildren2 = (value) => {
-          const link = (child) => {
-            if (child.proxy) {
-              internalChildren.push(child);
-              publicChildren.push(child.proxy);
-            }
-          };
-          const removeLink = (child) => {
-            if (child.proxy) {
-              let internalIndex = internalChildren.indexOf(child);
-              if (internalIndex > -1) {
-                internalChildren.splice(internalIndex, 1);
-              }
-              let publicIndex = publicChildren.indexOf(child.proxy);
-              if (internalIndex > -1) {
-                publicChildren.splice(publicIndex, 1);
-              }
-            }
-          };
-          provide(
-            "NutFormParent",
-            Object.assign(
-              {
-                removeLink,
-                link,
-                children: publicChildren,
-                internalChildren
-              },
-              value
-            )
-          );
-        };
-        return {
-          children: publicChildren,
-          linkChildren: linkChildren2
-        };
-      };
-      const { children, linkChildren } = useChildren();
+      const { children, linkChildren } = useChildren(FORM_KEY);
       linkChildren({ props });
       const formErrorTip = computed(() => reactive({}));
       provide("formErrorTip", formErrorTip);
@@ -219,7 +189,6 @@ const _sfc_main = create(
     NutCellGroup
   })
 );
-const _hoisted_1 = ["onSubmit"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cell_group = resolveComponent("nut-cell-group");
   return openBlock(), createElementBlock("form", {
@@ -233,7 +202,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     })
-  ], 40, _hoisted_1);
+  ], 32);
 }
 const NutForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/formitem/FormItem.js

@@ -1,9 +1,11 @@
-import { p as pxCheck } from "../pxCheck-a27490eb.js";
-import { computed, inject, provide, getCurrentInstance, onUnmounted, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
+import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
+import { computed, inject, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import NutCell from "../cell/Cell.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
-import "../index-54d03fc1.js";
+import { F as FORM_KEY } from "../types-Ynmct7na.js";
+import { u as useParent } from "../useParent-KIxqkovs.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../index-Ii9XdkPy.js";
 import "@nutui/icons-vue";
 const { create } = createComponent("form-item");
 const _sfc_main = create({
@@ -48,25 +50,21 @@ const _sfc_main = create({
     bodyAlign: {
       type: String,
       default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: ""
+    },
+    starPosition: {
+      type: String,
+      default: ""
     }
   },
   components: {
     NutCell
   },
   setup(props, { slots }) {
-    const useParent = () => {
-      const parent2 = inject("NutFormParent", null);
-      if (parent2) {
-        const instance = getCurrentInstance();
-        const { link, removeLink } = parent2;
-        link(instance);
-        onUnmounted(() => {
-          removeLink(instance);
-        });
-        return { parent: parent2 };
-      }
-    };
-    const { parent: parentObj } = useParent();
+    const { parent: parentObj } = useParent(FORM_KEY);
     const isRequired = computed(() => {
       var _a;
       const rules = (_a = parentObj.props) == null ? void 0 : _a.rules;
@@ -78,10 +76,17 @@ const _sfc_main = create({
       }
       return props.required || props.rules.some((rule) => rule.required) || formRequired;
     });
-    const parent = inject("formErrorTip");
-    provide("form", {
-      props
+    const labelPositionClass = computed(() => {
+      const labelPosition = parentObj.props.labelPosition;
+      const position = props.labelPosition ? props.labelPosition : labelPosition;
+      return position !== "left" ? `nut-form-item__${position}` : "";
     });
+    const starPositionClass = computed(() => {
+      const starPosition = parentObj.props.starPosition;
+      const position = props.starPosition ? props.starPosition : starPosition;
+      return position !== "left" ? `nut-form-item__star-${position}` : "";
+    });
+    const parent = inject("formErrorTip");
     const labelStyle = computed(() => {
       return {
         width: pxCheck(props.labelWidth),
@@ -99,20 +104,29 @@ const _sfc_main = create({
       };
     });
     const getSlots = (name) => slots[name];
-    return { parent, labelStyle, bodyStyle, errorMessageStyle, getSlots, isRequired };
+    return {
+      parent,
+      labelStyle,
+      bodyStyle,
+      errorMessageStyle,
+      getSlots,
+      isRequired,
+      labelPositionClass,
+      starPositionClass
+    };
   }
 });
 const _hoisted_1 = { class: "nut-cell__value nut-form-item__body" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_cell = resolveComponent("nut-cell");
   return openBlock(), createBlock(_component_nut_cell, {
-    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
+    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class, _ctx.labelPositionClass]]),
     style: normalizeStyle(_ctx.$attrs.style)
   }, {
     default: withCtx(() => [
       _ctx.label || _ctx.getSlots("label") ? (openBlock(), createElementBlock("view", {
         key: 0,
-        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.isRequired }]),
+        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.isRequired, [_ctx.starPositionClass]: _ctx.starPositionClass }]),
         style: normalizeStyle(_ctx.labelStyle)
       }, [
         renderSlot(_ctx.$slots, "label", {}, () => [

package/dist/packages/formitem/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input-text{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);padding:0;margin:0}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}
+.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__label.required.nut-form-item__star-right::before{content:none}.nut-form-item__label.required.nut-form-item__star-right::after{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-left:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input-text{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);padding:0;margin:0}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}.nut-form-item__right{--nut-form-item-label-text-align: right}.nut-form-item__top{flex-direction:column}.nut-form-item__top .nut-form-item__label{padding-bottom:5px;width:100%;box-sizing:border-box;display:block;padding-right:24px}

package/dist/packages/formitem/index.scss

@@ -51,6 +51,16 @@
         color: $form-item-required-color;
         margin-right: $form-item-required-margin-right;
       }
+      &.nut-form-item__star-right {
+        &::before {
+          content: none;
+        }
+        &::after {
+          content: '*';
+          color: $form-item-required-color;
+          margin-left: $form-item-required-margin-right;
+        }
+      }
     }
   }
   &__body {
@@ -87,4 +97,19 @@
       color: $form-item-error-message-color;
     }
   }
+
+  &__right {
+    --nut-form-item-label-text-align: right;
+  }
+
+  &__top {
+    flex-direction: column;
+    .nut-form-item__label {
+      padding-bottom: 5px;
+      width: 100%;
+      box-sizing: border-box;
+      display: block;
+      padding-right: 24px;
+    }
+  }
 }

package/dist/packages/grid/Grid.js

@@ -1,7 +1,7 @@
-import { c as createComponent } from "../component-669c158a.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
 import "vue";
-import { c as component } from "../common-1579352e.js";
-import "../pxCheck-a27490eb.js";
+import { c as component } from "../common-4inKawxR.js";
+import "../pxCheck-OnXlN1NC.js";
 const { create } = createComponent("grid");
 const _sfc_main = create(component);
 export {

package/dist/packages/griditem/GridItem.js

@@ -1,9 +1,9 @@
 import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
-import { u as useRouter } from "../index-54d03fc1.js";
-import { c as createComponent } from "../component-669c158a.js";
-import { p as pxCheck } from "../pxCheck-a27490eb.js";
-import { G as GRID_KEY } from "../common-1579352e.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { u as useRouter } from "../index-Ii9XdkPy.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
+import { G as GRID_KEY } from "../common-4inKawxR.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 function useInject(key) {
   const parent = inject(key, null);
   if (parent) {

package/dist/packages/image/Image.js

@@ -18,10 +18,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { p as pxCheck } from "../pxCheck-a27490eb.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
 import { Image, ImageError } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { componentName, create } = createComponent("image");
 const _sfc_main = create({
   props: {

package/dist/packages/imagepreview/ImagePreview.js

@@ -23,23 +23,23 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, nextTick, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, h } from "vue";
-import { c as createComponent } from "../component-669c158a.js";
-import { e as clamp, d as preventDefault, a as isArray } from "../util-6f26722f.js";
-import { u as useRect } from "../index-29892cda.js";
-import { u as useTouch } from "../index-7a7385e4.js";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { e as clamp, d as preventDefault, a as isArray } from "../util-4Jkyw4BJ.js";
+import { u as useRect } from "../index-rf29bejW.js";
+import { u as useTouch } from "../index-084nl_oE.js";
 import NutVideo from "../video/Video.js";
 import NutSwiperItem from "../swiperitem/SwiperItem.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import { CircleClose } from "@nutui/icons-vue";
-import { N as NutPopup } from "../index-37ae1f41.js";
+import { N as NutPopup } from "../index-rbZsBckW.js";
 import NutSwiper from "../swiper/Swiper.js";
-import { f as funInterceptor } from "../Interceptor-6aab6fe0.js";
-import { C as CreateComponent } from "../mountComponent-867a9167.js";
+import { f as funInterceptor } from "../Interceptor-WYVtGbGC.js";
+import { C as CreateComponent } from "../mountComponent-uInXoTMp.js";
 import NutOverlay from "../overlay/Overlay.js";
-import "../index-c0fa0f6b.js";
+import "../index-s3RgMhc7.js";
 import "@nutui/nutui/dist/packages/locale/lang";
-import "../index-79c5dc33.js";
-import "../raf-729dad54.js";
+import "../types-9wCQwtH3.js";
+import "../raf-MQjoO-Ag.js";
 const baseProps = {
   show: { type: Boolean, default: false },
   initNo: { type: Number, default: 0 },

package/dist/packages/index--uVlasFu.js

@@ -0,0 +1,69 @@
+import { toRefs, inject, ref, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component-TCzwHGVq.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-yVxbj29m.js";
+const AVATAR_KEY = Symbol("nut-avatar");
+const { create } = createComponent("avatar");
+const _sfc_main = create({
+  props: {
+    size: {
+      type: [String, Number],
+      default: "normal"
+    },
+    shape: {
+      type: String,
+      default: "round"
+    },
+    bgColor: {
+      type: String,
+      default: "#eee"
+    },
+    color: {
+      type: String,
+      default: "#666"
+    }
+  },
+  setup(props) {
+    const { size, shape, bgColor, color } = toRefs(props);
+    const sizeValue = ["large", "normal", "small"];
+    const avatarGroup = inject(AVATAR_KEY, null);
+    const avatarRef = ref(null);
+    const classes = computed(() => {
+      var _a, _b;
+      const prefixCls = "nut-avatar";
+      return {
+        [prefixCls]: true,
+        [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
+        [`nut-avatar-${shape.value || ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.shape) || "round"}`]: true
+      };
+    });
+    const styles = computed(() => {
+      var _a, _b;
+      return {
+        width: size.value in sizeValue ? "" : `${size.value}px`,
+        height: size.value in sizeValue ? "" : `${size.value}px`,
+        backgroundColor: `${bgColor.value}`,
+        color: `${color.value}`,
+        marginLeft: ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.span) ? `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.span}px` : ""
+      };
+    });
+    return {
+      classes,
+      styles,
+      avatarRef
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    ref: "avatarRef",
+    style: normalizeStyle(_ctx.styles),
+    class: normalizeClass(_ctx.classes)
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 6);
+}
+const NutAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  AVATAR_KEY as A,
+  NutAvatar as N
+};

package/dist/packages/{index-914a76f0.js → index-NLe0VBkN.js}

@@ -18,11 +18,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component-669c158a.js";
-import { r as requestAniFrame } from "./raf-729dad54.js";
-import { u as useExpose } from "./index-79c5dc33.js";
-import { u as useLocale } from "./index-c0fa0f6b.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "./component-TCzwHGVq.js";
+import { r as requestAniFrame } from "./raf-MQjoO-Ag.js";
+import { u as useLocale } from "./index-s3RgMhc7.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-yVxbj29m.js";
 const Utils = {
   /**
    * 是否为闫年
@@ -232,7 +231,7 @@ const _sfc_main = create({
     disabledDate: Function
   },
   emits: ["choose", "update", "close", "select"],
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const translate = useLocale(cN);
     const weekdays = translate("weekdays").map((day, index) => ({
       day,
@@ -703,7 +702,7 @@ const _sfc_main = create({
         months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
       }
     };
-    useExpose({
+    expose({
       scrollToDate,
       initPosition
     });

package/dist/packages/{index-37ae1f41.js → index-rbZsBckW.js}

@@ -20,8 +20,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
 import { Close } from "@nutui/icons-vue";
 import NutOverlay from "./overlay/Overlay.js";
-import { c as createComponent } from "./component-669c158a.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { c as createComponent } from "./component-TCzwHGVq.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-yVxbj29m.js";
 const popupProps = {
   visible: {
     type: Boolean,

package/dist/packages/{index-c0fa0f6b.js → index-s3RgMhc7.js}

@@ -1,5 +1,5 @@
 import locale from "@nutui/nutui/dist/packages/locale/lang";
-import { g as getPropByPath, i as isFunction } from "./util-6f26722f.js";
+import { g as getPropByPath, i as isFunction } from "./util-4Jkyw4BJ.js";
 const useLocale = (name = "") => {
   return (keyPath, ...args) => {
     name = name.toLocaleLowerCase();

package/dist/packages/{index.vue_vue_type_script_lang-0185ccea.js → index.vue_vue_type_script_lang-54PRh3YM.js}

@@ -1,5 +1,6 @@
 import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-669c158a.js";
+import { c as createComponent } from "./component-TCzwHGVq.js";
+import { R as RADIO_KEY } from "./types-odSRziQJ.js";
 const { componentName, create } = createComponent("radio-group");
 const _sfc_main = create({
   props: {
@@ -10,7 +11,6 @@ const _sfc_main = create({
     direction: {
       type: String,
       default: "vertical"
-      //horizontal
     },
     textPosition: {
       type: String,
@@ -20,7 +20,7 @@ const _sfc_main = create({
   emits: ["change", "update:modelValue"],
   setup(props, { emit, slots }) {
     const updateValue = (value) => emit("update:modelValue", value);
-    provide("parent", {
+    provide(RADIO_KEY, {
       label: readonly(computed(() => props.modelValue)),
       position: readonly(computed(() => props.textPosition)),
       updateValue

package/dist/packages/{index.vue_vue_type_script_lang-825ed1e0.js → index.vue_vue_type_script_lang-MJYVRFbp.js}

@@ -1,7 +1,8 @@
-import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component-669c158a.js";
+import { toRefs, inject, computed, h } from "vue";
+import { c as createComponent } from "./component-TCzwHGVq.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
-import { p as pxCheck } from "./pxCheck-a27490eb.js";
+import { p as pxCheck } from "./pxCheck-OnXlN1NC.js";
+import { R as RADIO_KEY } from "./types-odSRziQJ.js";
 const { componentName, create } = createComponent("radio");
 const _sfc_main = create({
   components: {
@@ -16,7 +17,6 @@ const _sfc_main = create({
     shape: {
       type: String,
       default: "round"
-      // button
     },
     label: {
       type: [String, Number, Boolean],
@@ -25,10 +25,15 @@ const _sfc_main = create({
     iconSize: {
       type: [String, Number],
       default: ""
+    },
+    size: {
+      type: String,
+      default: "normal"
     }
   },
   setup(props, { slots }) {
-    let parent = inject("parent", null);
+    const { size } = toRefs(props);
+    let parent = inject(RADIO_KEY, null);
     const isCurValue = computed(() => {
       return parent.label.value === props.label;
     });
@@ -42,10 +47,10 @@ const _sfc_main = create({
         Checked: slots.checkedIcon ? slots.checkedIcon : CheckChecked
       };
       const iconNode = !isCurValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
-      const size = pxCheck(iconSize);
+      const size2 = pxCheck(iconSize);
       return h(iconNode, {
-        width: size,
-        height: size,
+        width: size2,
+        height: size2,
         class: color.value
       });
     };
@@ -64,7 +69,7 @@ const _sfc_main = create({
       return h(
         "view",
         {
-          class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
+          class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${componentName}__button--${size.value} ${props.disabled ? `${componentName}__button--disabled` : ""}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );