@nutui/nutui 4.1.6 → 4.1.7

package/dist/packages/_es/{common-8775d905.js → common-728db750.js}

@@ -1,5 +1,5 @@
 import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 function flattenVNodes(children, childName) {
   const result = [];

package/dist/packages/_es/{component-0fbad28e.js → component-f86a70df.js}

@@ -128,11 +128,11 @@ export {
   clamp as e,
   isPromise as f,
   getPropByPath as g,
-  isObject as h,
+  isString as h,
   isArray as i,
-  isString as j,
-  isFunction as k,
-  getScrollTopRoot as l,
+  isFunction as j,
+  getScrollTopRoot as k,
+  isObject as l,
   myFixed as m,
   floatData as n,
   padZero as p

package/dist/packages/_es/{index-3032df15.js → index-5a1e6d22.js}

@@ -20,7 +20,7 @@ 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 Overlay from "./Overlay.js";
-import { c as createComponent } from "./component-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 const popupProps = {
   visible: {

package/dist/packages/_es/{index-aef16dc6.js → index-b53aec83.js}

@@ -18,7 +18,7 @@ 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-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.js";
 import { r as requestAniFrame } from "./raf-729dad54.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/{index.vue_vue_type_script_lang-cdf21a24.js → index.vue_vue_type_script_lang-0ccf787e.js}

@@ -1,5 +1,5 @@
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 const { componentName, create } = createComponent("radio");
@@ -35,9 +35,6 @@ const _sfc_main = create({
     const color = computed(() => {
       return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
     });
-    const position = computed(() => {
-      return parent.position;
-    });
     const renderIcon = () => {
       const { iconSize } = props;
       const iconNodeMap = {
@@ -77,17 +74,15 @@ const _sfc_main = create({
         return;
       parent.updateValue(props.label);
     };
-    let reverseState = position.value === "left";
+    const reverseState = computed(() => parent.position.value === "left");
     return () => {
       return h(
         "view",
         {
-          class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
+          class: `${componentName} ${componentName}--${props.shape} ${reverseState.value ? `${componentName}--reverse` : ""}`,
           onClick: handleClick
         },
-        [
-          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-        ]
+        [props.shape === "button" ? renderButton() : [renderIcon(), renderLabel()]]
       );
     };
   }

package/dist/packages/_es/{index.vue_vue_type_script_lang-2852286e.js → index.vue_vue_type_script_lang-1e118ab6.js}

@@ -1,5 +1,5 @@
 import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.js";
 const { componentName, create } = createComponent("radio-group");
 const _sfc_main = create({
   props: {
@@ -22,7 +22,7 @@ const _sfc_main = create({
     const updateValue = (value) => emit("update:modelValue", value);
     provide("parent", {
       label: readonly(computed(() => props.modelValue)),
-      position: props.textPosition,
+      position: readonly(computed(() => props.textPosition)),
       updateValue
     });
     watch(

package/dist/packages/_es/{mountComponent-a895e3f1.js → mountComponent-053caf41.js}

@@ -1,5 +1,5 @@
 import { createApp } from "vue";
-import { j as isString, k as isFunction } from "./component-0fbad28e.js";
+import { h as isString, j as isFunction } from "./component-f86a70df.js";
 const CreateComponent = (options, component) => {
   let elWrap = document.body;
   const teleport = options.teleport || "body";

package/dist/packages/checkbox/index.scss

@@ -17,8 +17,9 @@
   }
 }
 .nut-checkbox {
-  display: flex;
+  display: $checkbox-display;
   align-items: center;
+  margin-right: $checkbox-margin-right;
   &--reverse {
     flex-direction: row-reverse;
     .nut-checkbox__label {

package/dist/packages/radio/index.scss

@@ -2,13 +2,16 @@
   .nut-radio {
     &__label {
       color: $dark-color;
+
       &--disabled {
         color: $radio-label-disable-color;
       }
     }
+
     &__button {
       background: $dark-background;
       color: $dark-color;
+
       &--disabled {
         color: $radio-label-disable-color;
         border: 1px solid $radio-label-disable-color;
@@ -16,6 +19,7 @@
     }
   }
 }
+
 .nut-radio {
   display: flex;
   align-items: center;
@@ -27,6 +31,8 @@
   }
 
   &--reverse {
+    flex-direction: row-reverse;
+
     .nut-radio__label {
       margin-right: $radio-label-margin-left;
       margin-left: 0;
@@ -43,11 +49,13 @@
     color: $radio-label-font-color;
     box-sizing: border-box;
     border: 1px solid #f6f7f9;
+
     &--active {
       background: transparent;
       color: $radio-label-font-active-color;
       border: 1px solid $radio-label-button-border-color;
       position: relative;
+
       &::after {
         position: absolute;
         top: 0;
@@ -57,10 +65,12 @@
         width: 100%;
         height: 100%;
         background-color: $radio-label-button-background;
+        border-radius: $radio-button-border-radius;
         opacity: 0.05;
         content: '';
       }
     }
+
     &--disabled {
       color: $radio-label-disable-color;
       border: none;
@@ -72,6 +82,7 @@
     margin-left: $radio-label-margin-left;
     font-size: $radio-label-font-size;
     color: $radio-label-font-color;
+
     &--disabled {
       color: $radio-label-disable-color;
     }
@@ -82,9 +93,11 @@
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
   }
+
   &__icon--unchecked {
     color: $radio-icon-disable-color;
   }
+
   &__icon--disable {
     color: $radio-icon-disable-color2;
   }

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.1.6",
+  "version": "4.1.7",
   "contributions": {
     "html": {
       "tags": [