@nutui/nutui 4.1.5 → 4.1.7

package/dist/packages/_es/TimePannel.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
-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";
 import "../locale/lang";
 const { componentName, create } = createComponent("time-pannel");

package/dist/packages/_es/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
-import { P as Popup } from "./index-3032df15.js";
+import { c as createComponent } from "./component-f86a70df.js";
+import { P as Popup } from "./index-5a1e6d22.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "@nutui/icons-vue";

package/dist/packages/_es/Toast.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 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-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.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-a895e3f1.js";
+import { C as CreateComponent } from "./mountComponent-053caf41.js";
 import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
 const { create } = createComponent("toast");
 const _sfc_main = create({

package/dist/packages/_es/Tour.js

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 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-0fbad28e.js";
+import { c as createComponent } from "./component-f86a70df.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-cc2b3d55.js";
 import "../locale/lang";
 import "./renderIcon-3d0fd47c.js";
-import "./index-3032df15.js";
+import "./index-5a1e6d22.js";
 import "./Overlay.js";
 const { create } = createComponent("tour");
 const _sfc_main = create({

package/dist/packages/_es/TrendArrow.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
-import { m as myFixed, c as createComponent } from "./component-0fbad28e.js";
+import { m as myFixed, c as createComponent } from "./component-f86a70df.js";
 import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";

package/dist/packages/_es/Uploader.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { ref, watch, h, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode } from "vue";
-import { c as createComponent } from "./component-0fbad28e.js";
-import { f as funInterceptor } from "./Interceptor-c05a39f2.js";
+import { c as createComponent } from "./component-f86a70df.js";
+import { f as funInterceptor } from "./Interceptor-006f85b3.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-cc2b3d55.js";
@@ -168,8 +168,12 @@ const _sfc_main = create({
         name: props.name,
         disabled: props.disabled
       };
-      if (props.capture)
+      if (props.capture) {
         params.capture = "camera";
+        if (!params.accept) {
+          params.accept = "image/*";
+        }
+      }
       return h("input", params);
     };
     const clearInput = (el) => {

package/dist/packages/_es/Video.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
-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";
 import "../locale/lang";
 function throttle(fn, delay) {
@@ -71,7 +71,7 @@ const _sfc_main = create({
   },
   components: {},
   emits: ["click", "play", "pause", "playend", "time"],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
     const state = reactive({
       videoElm: null,
       initial: true,
@@ -297,6 +297,30 @@ const _sfc_main = create({
         document.webkitCancelFullScreen();
       }
     };
+    const pause = () => {
+      state.state.playing = false;
+      state.videoElm.pause();
+      emit("pause", state.videoElm);
+    };
+    const stop = () => {
+      playEnded();
+      state.videoElm.pause();
+    };
+    const muted = () => {
+      state.state.isMuted = true;
+      state.videoElm.muted = true;
+    };
+    const unmuted = () => {
+      state.state.isMuted = false;
+      state.videoElm.muted = false;
+    };
+    expose({
+      play,
+      pause,
+      stop,
+      muted,
+      unmuted
+    });
     onMounted(() => {
       init();
     });

package/dist/packages/_es/Watermark.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
-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";
 import "../locale/lang";
 const { componentName, create } = createComponent("watermark");

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-7fdbc8f1.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";
@@ -940,10 +940,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 512)
     ], 544),
     _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_15, [
-      createElementVNode("view", {
-        class: "nut-calendar__confirm",
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
-      }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
+      renderSlot(_ctx.$slots, "footer-info", { date: _ctx.chooseData }, () => [
+        createElementVNode("view", {
+          class: "nut-calendar__confirm",
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
+        }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
+      ])
     ])) : createCommentVNode("", true)
   ], 2);
 }

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/packages/searchbar/index.scss

@@ -28,6 +28,22 @@
   box-sizing: border-box;
   color: $searchbar-input-bar-color;
 
+  &.safe-area-inset-bottom {
+    position: relative;
+    margin-bottom: constant(safe-area-inset-bottom);
+    margin-bottom: env(safe-area-inset-bottom);
+    &::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      height: constant(safe-area-inset-bottom);
+      height: env(safe-area-inset-bottom);
+      background: $searchbar-background;
+    }
+  }
+
   &::placeholder {
     color: $searchbar-input-bar-placeholder-color;
   }
@@ -72,7 +88,6 @@
       input {
         width: 100%;
         height: 100%;
-        min-width: 214px;
         padding-left: 4px;
       }
     }
@@ -122,11 +137,15 @@
       margin: 0;
       background-color: transparent;
       border-color: transparent;
-      border-radius: 16px;
+      // border-radius: 16px;
       outline: none;
       font-size: 14px;
     }
 
+    .nut-searchbar__input-bar_clear {
+      max-width: 290px;
+    }
+
     .nut-searchbar__input-inner-absolute {
       .nut-searchbar__input-bar {
         box-sizing: border-box;

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.5",
+  "version": "4.1.7",
   "contributions": {
     "html": {
       "tags": [
@@ -5056,6 +5056,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "safe-area-inset-bottom",
+              "default": "`false`",
+              "description": "是否开启 iphone 系列全面屏底部安全区适配",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ]
         },