@nutui/nutui 4.0.9-beta.2 → 4.0.9

package/dist/packages/_es/Collapse.js

@@ -1,4 +1,4 @@
-import { ref, computed, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { ref, computed, watch, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -7,7 +7,7 @@ const _sfc_main = create({
   props: {
     modelValue: {
       type: [String, Number, Array],
-      default: () => []
+      default: ""
     },
     accordion: {
       type: Boolean,
@@ -17,30 +17,35 @@ const _sfc_main = create({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const collapseDom = ref(null);
+    const innerValue = ref(props.modelValue || (props.accordion ? "" : []));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
+    watch(() => props.modelValue, (val) => {
+      innerValue.value = val;
+    });
     const changeVal = (val, name, status = true) => {
+      innerValue.value = val;
       emit("update:modelValue", val);
       emit("change", val, name, status);
     };
     const updateVal = (name) => {
       if (props.accordion) {
-        if (props.modelValue === name) {
+        if (innerValue.value === name) {
           changeVal("", name, false);
         } else {
           changeVal(name, name, true);
         }
       } else {
-        if (Array.isArray(props.modelValue)) {
-          if (props.modelValue.includes(name)) {
-            const newValue = props.modelValue.filter((v) => v !== name);
+        if (Array.isArray(innerValue.value)) {
+          if (innerValue.value.includes(name)) {
+            const newValue = innerValue.value.filter((v) => v !== name);
             changeVal(newValue, name, false);
           } else {
-            const newValue = props.modelValue.concat([name]);
+            const newValue = innerValue.value.concat([name]);
             changeVal(newValue, name, true);
           }
         } else {
@@ -50,9 +55,9 @@ const _sfc_main = create({
     };
     const isExpanded = (name) => {
       if (props.accordion) {
-        return props.modelValue === name;
-      } else if (Array.isArray(props.modelValue)) {
-        return props.modelValue.includes(name);
+        return innerValue.value === name;
+      } else if (Array.isArray(innerValue.value)) {
+        return innerValue.value.includes(name);
       }
       return false;
     };

package/dist/packages/_es/Dialog.js

@@ -41,7 +41,7 @@ const _sfc_main = create({
   props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
@@ -147,6 +147,11 @@ const _sfc_main = create({
       emit("ok");
       closed("ok");
     };
+    const onClickOverlay = () => {
+      if (props.closeOnClickOverlay) {
+        closed("");
+      }
+    };
     const contentStyle = computed(() => {
       return {
         textAlign: props.textAlign
@@ -158,6 +163,7 @@ const _sfc_main = create({
       onCancel,
       onOk,
       showPopup,
+      onClickOverlay,
       contentStyle,
       translate
     };
@@ -175,14 +181,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     teleport: _ctx.teleport,
     visible: _ctx.showPopup,
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
-    "close-on-click-overlay": _ctx.closeOnClickOverlay,
+    "close-on-click-overlay": false,
     "lock-scroll": _ctx.lockScroll,
     "pop-class": _ctx.popClass,
     "overlay-class": _ctx.overlayClass,
     "overlay-style": _ctx.overlayStyle,
     style: normalizeStyle(_ctx.popStyle),
     round: "",
-    onClickOverlay: _ctx.closed,
+    onClickOverlay: _ctx.onClickOverlay,
     onClickCloseIcon: _ctx.closed
   }, {
     default: withCtx(() => [
@@ -238,7 +244,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 class DialogOptions {
@@ -270,6 +276,7 @@ class DialogOptions {
     __publicField(this, "noCancelBtn", false);
     __publicField(this, "okBtnDisabled", false);
     __publicField(this, "closeOnPopstate", false);
+    __publicField(this, "closeOnClickOverlay", true);
     __publicField(this, "lockScroll", true);
   }
 }

package/dist/packages/_es/ImagePreview.js

@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, h } from "vue";
+import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, nextTick, h } from "vue";
 import { c as createComponent, e as clamp, d as preventDefault, i as isArray } from "./component-81a4c1d0.js";
 import { u as useRect } from "./index-29892cda.js";
 import { u as useTouch } from "./index-7a7385e4.js";
@@ -63,6 +63,10 @@ const _sfc_main$1 = create$1({
     rootHeight: {
       type: Number,
       default: 0
+    },
+    contentClose: {
+      type: Boolean,
+      default: true
     }
   }),
   emits: ["close", "scale"],
@@ -204,7 +208,9 @@ const _sfc_main$1 = create$1({
           toggleScale();
         } else {
           doubleTapTimer = setTimeout(() => {
-            emit("close");
+            if (props.contentClose) {
+              emit("close");
+            }
             doubleTapTimer = null;
           }, TAP_TIME);
         }
@@ -445,9 +451,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 show: _ctx.showPop,
                 "init-no": _ctx.active + 1,
                 onClose: _ctx.onClose,
+                "content-close": _ctx.contentClose,
                 maxZoom: _ctx.maxZoom,
                 minZoom: _ctx.minZoom
-              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "onClose", "maxZoom", "minZoom"]);
+              }, null, 8, ["video", "image", "rootHeight", "rootWidth", "show", "init-no", "onClose", "content-close", "maxZoom", "minZoom"]);
             }), 128))
           ]),
           _: 1
@@ -502,7 +509,10 @@ class ImagePreviewFunction {
           setup() {
             return () => {
               options.onClose = () => {
-                unmount();
+                options.show = false;
+                nextTick(() => {
+                  unmount();
+                });
               };
               return h(ImagePreview, options);
             };

package/dist/packages/_es/Tabs.js

@@ -404,10 +404,13 @@ const _sfc_main = create({
       };
     });
     const titleStyle = computed(() => {
-      return {
-        marginLeft: pxCheck(props.titleGutter),
-        marginRight: pxCheck(props.titleGutter)
-      };
+      if (!props.titleGutter)
+        return {};
+      const px = pxCheck(props.titleGutter);
+      if (props.direction === "vertical") {
+        return { marginTop: px, marginBottom: px };
+      }
+      return { marginLeft: px, marginRight: px };
     });
     return __spreadValues(__spreadValues({
       navRef,
@@ -430,8 +433,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_sticky = resolveComponent("nut-sticky");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(["nut-tabs", [_ctx.direction]]),
-    ref: "container",
-    id: "container"
+    ref: "container"
   }, [
     _ctx.sticky ? (openBlock(), createBlock(_component_nut_sticky, {
       key: 0,

package/dist/packages/imagepreview/index.scss

@@ -18,11 +18,6 @@
     object-fit: contain;
   }
 
-  &-taro-img {
-    width: 100%;
-    height: 100%;
-  }
-
   &-index {
     position: fixed;
     z-index: 2002;

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.0.9-beta.2",
+  "version": "4.0.9",
   "contributions": {
     "html": {
       "tags": [
@@ -2794,7 +2794,7 @@
             },
             {
               "name": "content-close",
-              "default": "`false`",
+              "default": "`true`",
               "description": "点击图片可以退出预览",
               "value": {
                 "type": "boolean",