@varlet/ui 3.11.5-alpha.1757700927355 → 3.12.0

package/es/dialog/Dialog.mjs

@@ -16,6 +16,7 @@ var __spreadValues = (a, b) => {
 };
 import { defineComponent, ref, watch } from "vue";
 import { call } from "@varlet/shared";
+import { useVModel } from "@varlet/use";
 import VarButton from "../button/index.mjs";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
@@ -111,6 +112,8 @@ function __render__(_ctx, _cache) {
                   text: "",
                   "text-color": _ctx.cancelButtonTextColor,
                   color: _ctx.cancelButtonColor,
+                  loading: _ctx.cancelButtonLoading,
+                  disabled: _ctx.cancelButtonDisabled,
                   onClick: _ctx.cancel
                 }, {
                   default: _withCtx(() => {
@@ -125,7 +128,7 @@ function __render__(_ctx, _cache) {
                   }),
                   _: 1
                   /* STABLE */
-                }, 8, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true),
+                }, 8, ["class", "text-color", "color", "loading", "disabled", "onClick"])) : _createCommentVNode("v-if", true),
                 _ctx.confirmButton ? (_openBlock(), _createBlock(_component_var_button, {
                   key: 1,
                   class: _normalizeClass(_ctx.classes(_ctx.n("button"), _ctx.n("confirm-button"))),
@@ -133,6 +136,8 @@ function __render__(_ctx, _cache) {
                   text: "",
                   "text-color": _ctx.confirmButtonTextColor,
                   color: _ctx.confirmButtonColor,
+                  loading: _ctx.confirmButtonLoading,
+                  disabled: _ctx.confirmButtonDisabled,
                   onClick: _ctx.confirm
                 }, {
                   default: _withCtx(() => {
@@ -147,7 +152,7 @@ function __render__(_ctx, _cache) {
                   }),
                   _: 1
                   /* STABLE */
-                }, 8, ["class", "text-color", "color", "onClick"])) : _createCommentVNode("v-if", true)
+                }, 8, ["class", "text-color", "color", "loading", "disabled", "onClick"])) : _createCommentVNode("v-if", true)
               ],
               2
               /* CLASS */
@@ -171,9 +176,19 @@ const __sfc__ = defineComponent({
   inheritAttrs: false,
   props,
   setup(props2) {
+    const { t: pt } = injectLocaleProvider();
     const popupShow = ref(false);
     const popupCloseOnClickOverlay = ref(false);
-    const { t: pt } = injectLocaleProvider();
+    const confirmButtonLoading = useVModel(props2, "confirmButtonLoading");
+    const cancelButtonLoading = useVModel(props2, "cancelButtonLoading");
+    const confirmButtonDisabled = useVModel(props2, "confirmButtonDisabled");
+    const cancelButtonDisabled = useVModel(props2, "cancelButtonDisabled");
+    const exposedRefs = {
+      confirmButtonLoading,
+      cancelButtonLoading,
+      confirmButtonDisabled,
+      cancelButtonDisabled
+    };
     watch(
       () => props2.show,
       (newValue) => {
@@ -202,7 +217,7 @@ const __sfc__ = defineComponent({
         return;
       }
       if (onBeforeClose != null) {
-        call(onBeforeClose, "close", done);
+        call(onBeforeClose, "close", done, exposedRefs);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -211,7 +226,7 @@ const __sfc__ = defineComponent({
       const { onBeforeClose, onConfirm } = props2;
       call(onConfirm);
       if (onBeforeClose != null) {
-        call(onBeforeClose, "confirm", done);
+        call(onBeforeClose, "confirm", done, exposedRefs);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -220,7 +235,7 @@ const __sfc__ = defineComponent({
       const { onBeforeClose, onCancel } = props2;
       call(onCancel);
       if (onBeforeClose != null) {
-        call(onBeforeClose, "cancel", done);
+        call(onBeforeClose, "cancel", done, exposedRefs);
         return;
       }
       call(props2["onUpdate:show"], false);
@@ -235,6 +250,10 @@ const __sfc__ = defineComponent({
     return {
       popupShow,
       popupCloseOnClickOverlay,
+      confirmButtonLoading,
+      cancelButtonLoading,
+      confirmButtonDisabled,
+      cancelButtonDisabled,
       pt,
       t,
       n,

package/es/dialog/dialog.css

@@ -1 +1 @@
-:root { --dialog-width: 280px; --dialog-border-radius: 3px; --dialog-title-padding: 20px 20px 0; --dialog-message-color: #888; --dialog-message-padding: 12px 20px; --dialog-message-line-height: 24px; --dialog-message-font-size: var(--font-size-md); --dialog-title-font-size: var(--font-size-lg); --dialog-actions-padding: 0 12px 12px; --dialog-button-margin-left: 6px; --dialog-title-color: #555; --dialog-confirm-button-color: var(--color-primary); --dialog-cancel-button-color: var(--color-primary); --dialog-background: var(--color-surface-container-low);}.var-dialog { width: var(--dialog-width); background: var(--dialog-background); transition: 0.25s background-color;}.var-dialog__popup[var-dialog-cover] { background: transparent; border-radius: var(--dialog-border-radius);}.var-dialog__title { font-size: var(--dialog-title-font-size); font-weight: 400; padding: var(--dialog-title-padding); color: var(--dialog-title-color);}.var-dialog__message { padding: var(--dialog-message-padding); color: var(--dialog-message-color); line-height: var(--dialog-message-line-height); font-size: var(--dialog-message-font-size); word-wrap: break-word;}.var-dialog__actions { display: flex; justify-content: flex-end; padding: var(--dialog-actions-padding);}.var-dialog__button[var-dialog-cover] { margin-left: var(--dialog-button-margin-left); background-color: transparent; box-shadow: none;}.var-dialog__button[var-dialog-cover]:active { box-shadow: none;}.var-dialog__confirm-button[var-dialog-cover] { color: var(--dialog-confirm-button-color);}.var-dialog__cancel-button[var-dialog-cover] { color: var(--dialog-cancel-button-color);}
+:root { --dialog-width: 280px; --dialog-border-radius: 3px; --dialog-title-padding: 20px 20px 0; --dialog-message-color: #888; --dialog-message-padding: 12px 20px; --dialog-message-line-height: 24px; --dialog-message-font-size: var(--font-size-md); --dialog-title-font-size: var(--font-size-lg); --dialog-actions-padding: 0 12px 12px; --dialog-button-margin-left: 6px; --dialog-title-color: #555; --dialog-confirm-button-color: var(--color-primary); --dialog-cancel-button-color: var(--color-primary); --dialog-background: var(--color-surface-container-low);}.var-dialog { width: var(--dialog-width); background: var(--dialog-background); transition: 0.25s background-color;}.var-dialog__popup[var-dialog-cover] { background: transparent; border-radius: var(--dialog-border-radius);}.var-dialog__title { font-size: var(--dialog-title-font-size); font-weight: 400; padding: var(--dialog-title-padding); color: var(--dialog-title-color);}.var-dialog__message { padding: var(--dialog-message-padding); color: var(--dialog-message-color); line-height: var(--dialog-message-line-height); font-size: var(--dialog-message-font-size); word-wrap: break-word;}.var-dialog__actions { display: flex; justify-content: flex-end; padding: var(--dialog-actions-padding);}.var-dialog__button[var-dialog-cover] { margin-left: var(--dialog-button-margin-left); background-color: transparent; box-shadow: none;}.var-dialog__button[var-dialog-cover]:active { box-shadow: none;}.var-dialog__confirm-button[var-dialog-cover]:not(.var-button--disabled) { color: var(--dialog-confirm-button-color);}.var-dialog__cancel-button[var-dialog-cover]:not(.var-button--disabled) { color: var(--dialog-cancel-button-color);}

package/es/dialog/props.mjs

@@ -39,6 +39,10 @@ const props = __spreadValues({
   cancelButtonTextColor: String,
   confirmButtonColor: String,
   cancelButtonColor: String,
+  confirmButtonLoading: Boolean,
+  cancelButtonLoading: Boolean,
+  confirmButtonDisabled: Boolean,
+  cancelButtonDisabled: Boolean,
   dialogClass: String,
   dialogStyle: Object,
   onBeforeClose: defineListenerProp(),

package/es/index.bundle.mjs

@@ -283,7 +283,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.11.5-alpha.1757700927355'
+const version = '3.12.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -188,7 +188,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.11.5-alpha.1757700927355'
+const version = '3.12.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/utils/components.mjs

@@ -123,9 +123,7 @@ function flatFragment(vNodes) {
       return;
     }
     if (vNode.type === Fragment && isArray(vNode.children)) {
-      vNode.children.forEach((item) => {
-        result.push(item);
-      });
+      result.push(...flatFragment(vNode.children));
       return;
     }
     result.push(vNode);