sakura-ui-plus 1.0.5 → 1.0.6

package/dist/es/index.js

@@ -622,8 +622,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             ],
             style: [selectStyle.value]
           }, _ctx.$attrs), [
-            (openBlock(), createBlock(resolveDynamicComponent(selectComponent.value), {
-              ref: "elSelectRef",
+            (openBlock(), createBlock(resolveDynamicComponent(selectComponent.value), mergeProps({ ref: "elSelectRef" }, _ctx.$attrs, {
               modelValue: selectValue.value,
               "onUpdate:modelValue": [
                 _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
@@ -639,7 +638,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               "empty-values": _emptyValues.value,
               size: __props.size,
               options: __props.options
-            }, createSlots({ _: 2 }, [
+            }), createSlots({ _: 2 }, [
               _ctx.$slots.header ? {
                 name: "header",
                 fn: withCtx(() => [
@@ -683,7 +682,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "3"
               } : void 0
-            ]), 1032, ["modelValue", "clearable", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled", "loading", "empty-values", "size", "options"]))
+            ]), 1040, ["modelValue", "clearable", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled", "loading", "empty-values", "size", "options"]))
           ], 16)
         ]),
         _: 3
@@ -1425,7 +1424,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     closeIconSize: { default: 16 },
     closeIconColor: { default: "#909399" },
     background: { default: "#fff" },
-    modal: { type: Boolean }
+    modal: { type: Boolean, default: true }
   }, {
     "modelValue": {
       type: Boolean,

package/dist/lib/index.js

@@ -624,8 +624,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             ],
             style: [selectStyle.value]
           }, _ctx.$attrs), [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(selectComponent.value), {
-              ref: "elSelectRef",
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(selectComponent.value), vue.mergeProps({ ref: "elSelectRef" }, _ctx.$attrs, {
               modelValue: selectValue.value,
               "onUpdate:modelValue": [
                 _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
@@ -641,7 +640,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
               "empty-values": _emptyValues.value,
               size: __props.size,
               options: __props.options
-            }, vue.createSlots({ _: 2 }, [
+            }), vue.createSlots({ _: 2 }, [
               _ctx.$slots.header ? {
                 name: "header",
                 fn: vue.withCtx(() => [
@@ -685,7 +684,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 key: "3"
               } : void 0
-            ]), 1032, ["modelValue", "clearable", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled", "loading", "empty-values", "size", "options"]))
+            ]), 1040, ["modelValue", "clearable", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled", "loading", "empty-values", "size", "options"]))
           ], 16)
         ]),
         _: 3
@@ -1427,7 +1426,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     closeIconSize: { default: 16 },
     closeIconColor: { default: "#909399" },
     background: { default: "#fff" },
-    modal: { type: Boolean }
+    modal: { type: Boolean, default: true }
   }, {
     "modelValue": {
       type: Boolean,

package/dist/style.css

@@ -4213,6 +4213,9 @@
   --sakura-dialog-title-font-size: var(--sakura-font-size-medium);
   --sakura-dialog-title-color: var(--sakura-text-color-primary);
   --sakura-dialog-title-font-weight: var(--sakura-font-weight-primary);
+  --sakura-dialog-header-padding: var(--sakura-dialog-padding);
+  --sakura-dialog-body-padding: var(--sakura-dialog-padding);
+  --sakura-dialog-footer-padding: var(--sakura-dialog-padding);
   padding: 0;
   border-radius: var(--sakura-dialog-border-radius);
   overflow: hidden;
@@ -4239,8 +4242,8 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-bottom: var(--sakura-dialog-padding);
-  padding: var(--sakura-dialog-padding);
+  margin-bottom: var(--sakura-dialog-header-padding);
+  padding: var(--sakura-dialog-header-padding);
   padding-bottom: 0;
 }
 .sakura-dialog {
@@ -4279,7 +4282,7 @@
 .sakura-dialog .sakura-dialog__body {
   display: flex;
   flex-direction: column;
-  padding: 0 var(--sakura-dialog-padding);
+  padding: 0 var(--sakura-dialog-body-padding);
 }
 .sakura-dialog {
   /**
@@ -4299,8 +4302,8 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-top: var(--sakura-dialog-padding);
-  padding: var(--sakura-dialog-padding);
+  margin-top: var(--sakura-dialog-footer-padding);
+  padding: var(--sakura-dialog-footer-padding);
   padding-top: 0;
 }
 .sakura-dialog {
@@ -4430,6 +4433,9 @@
   --sakura-drawer-title-font-size: var(--sakura-font-size-medium);
   --sakura-drawer-title-color: var(--sakura-text-color-primary);
   --sakura-drawer-title-font-weight: var(--sakura-font-weight-primary);
+  --sakura-drawer-header-padding: var(--sakura-drawer-padding);
+  --sakura-drawer-body-padding: var(--sakura-drawer-padding);
+  --sakura-drawer-footer-padding: var(--sakura-drawer-padding);
   padding: 0;
   border-radius: var(--sakura-drawer-border-radius) 0 0 var(--sakura-drawer-border-radius);
   overflow: hidden;
@@ -4464,7 +4470,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: var(--sakura-drawer-padding);
+  padding: var(--sakura-drawer-header-padding);
   padding-bottom: 0;
 }
 .sakura-drawer {
@@ -4504,7 +4510,7 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  padding: var(--sakura-drawer-padding);
+  padding: var(--sakura-drawer-body-padding);
   overflow: hidden;
 }
 .sakura-drawer {
@@ -4525,7 +4531,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  padding: var(--sakura-drawer-padding);
+  padding: var(--sakura-drawer-footer-padding);
   padding-top: 0;
 }
 .sakura-drawer {

package/dist/types/components/dialog/dialog.vue.d.ts

@@ -33,6 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     cancelButtonText: string;
     confirmButtonText: string;
     showClose: boolean;
+    modal: boolean;
     borderRadius: string | number;
     top: string | number;
     confirmButtonType: import('../../index.ts').ComponentType;

package/dist/types/components/index.d.ts

@@ -1860,6 +1860,7 @@ declare const _default: {
             cancelButtonText: string;
             confirmButtonText: string;
             showClose: boolean;
+            modal: boolean;
             borderRadius: string | number;
             top: string | number;
             confirmButtonType: import('..').ComponentType;
@@ -1896,6 +1897,7 @@ declare const _default: {
             cancelButtonText: string;
             confirmButtonText: string;
             showClose: boolean;
+            modal: boolean;
             borderRadius: string | number;
             top: string | number;
             confirmButtonType: import('..').ComponentType;
@@ -1934,6 +1936,7 @@ declare const _default: {
         cancelButtonText: string;
         confirmButtonText: string;
         showClose: boolean;
+        modal: boolean;
         borderRadius: string | number;
         top: string | number;
         confirmButtonType: import('..').ComponentType;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sakura-ui-plus",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "开发常用组件",
     "type": "module",
     "sideEffects": [