@nutui/nutui 4.1.5 → 4.1.6

package/dist/packages/_es/Calendar.js

@@ -1,6 +1,6 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, createSlots, renderSlot } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
-import { C as CalendarItem, U as Utils } from "./index-7fdbc8f1.js";
+import { C as CalendarItem, U as Utils } from "./index-aef16dc6.js";
 import { P as Popup } from "./index-3032df15.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -98,6 +98,9 @@ const _sfc_main = create({
     const bottomInfo = computed(() => {
       return slots["bottom-info"];
     });
+    const footerInfo = computed(() => {
+      return slots["footer-info"];
+    });
     const calendarRef = ref(null);
     const scrollToDate = (date) => {
       var _a;
@@ -138,7 +141,8 @@ const _sfc_main = create({
       showTopBtn,
       topInfo,
       dayInfo,
-      bottomInfo
+      bottomInfo,
+      footerInfo
     };
   }
 });
@@ -213,6 +217,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ]),
           key: "3"
+        } : void 0,
+        _ctx.footerInfo ? {
+          name: "footer-info",
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "footer-info", {
+              date: date.date
+            })
+          ]),
+          key: "4"
         } : void 0
       ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "confirm-text", "start-text", "end-text", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week", "onUpdate", "onClose", "onChoose", "onSelect"])
     ]),

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-7fdbc8f1.js";
+import { C } from "./index-aef16dc6.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-0fbad28e.js";

package/dist/packages/_es/Cell.js

@@ -85,11 +85,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
       ])) : createCommentVNode("", true),
-      _ctx.desc ? (openBlock(), createElementBlock("view", {
+      _ctx.desc || _ctx.$slots.desc ? (openBlock(), createElementBlock("view", {
         key: 2,
         class: normalizeClass(["nut-cell__value", { "nut-cell__value--alone": !_ctx.title && !_ctx.subTitle && !_ctx.$slots.title }]),
         style: normalizeStyle({ "text-align": _ctx.descTextAlign })
-      }, toDisplayString(_ctx.desc), 7)) : createCommentVNode("", true),
+      }, [
+        renderSlot(_ctx.$slots, "desc", {}, () => [
+          createTextVNode(toDisplayString(_ctx.desc), 1)
+        ])
+      ], 6)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "link", {}, () => [
         _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_Right, {
           key: 0,

package/dist/packages/_es/ConfigProvider.js

@@ -9,7 +9,6 @@ const component = (tag) => {
       tag: { type: String, default: tag }
     },
     setup(props, { slots }) {
-      var _a;
       const hexToRgb = (color) => {
         const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
         if (!reg.test(color))
@@ -45,15 +44,15 @@ const component = (tag) => {
         return cssVars;
       };
       const themeStyle = computed(() => mapThemeVarsToCSSVars(props.themeVars));
-      const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
       return () => {
+        var _a;
         return h(
           props.tag,
           {
             class: `nut-theme-${props.theme}`,
             style: themeStyle.value
           },
-          defaultSlots
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
         );
       };
     }

package/dist/packages/_es/Searchbar.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, normalizeClass, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
 import { c as createComponent } from "./component-0fbad28e.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
@@ -85,6 +85,10 @@ const _sfc_main = create({
     inputAlign: {
       type: String,
       default: "left"
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -209,7 +213,7 @@ const _hoisted_5 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: "nut-searchbar",
+    class: normalizeClass(["nut-searchbar", { "safe-area-inset-bottom": _ctx.safeAreaInsetBottom }]),
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
     _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
@@ -272,7 +276,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
-  ], 4);
+  ], 6);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Uploader.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

@@ -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/{index-7fdbc8f1.js → index-aef16dc6.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/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.6",
   "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"
+              }
             }
           ]
         },