sakura-ui-plus 1.0.4 → 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,
@@ -2156,7 +2155,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const message = useMessage();
     const onDrop = (e) => {
       var _a;
-      const { showMessage } = props;
+      const { showMessage, disabled } = props;
+      if (disabled) {
+        return;
+      }
       isDragging.value = false;
       const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
       const fileResult = getFileResult(files);
@@ -2211,7 +2213,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         class: normalizeClass([
           unref(ns).b(),
-          unref(ns).m(__props.type)
+          unref(ns).m(__props.type),
+          unref(ns).is("disabled", __props.disabled)
         ])
       }, [
         createVNode(unref(ElButton), {

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,
@@ -2158,7 +2157,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const message = useMessage();
     const onDrop = (e) => {
       var _a;
-      const { showMessage } = props;
+      const { showMessage, disabled } = props;
+      if (disabled) {
+        return;
+      }
       isDragging.value = false;
       const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
       const fileResult = getFileResult(files);
@@ -2213,7 +2215,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         key: 1,
         class: vue.normalizeClass([
           vue.unref(ns).b(),
-          vue.unref(ns).m(__props.type)
+          vue.unref(ns).m(__props.type),
+          vue.unref(ns).is("disabled", __props.disabled)
         ])
       }, [
         vue.createVNode(vue.unref(elementPlus.ElButton), {

package/dist/style.css

@@ -3869,6 +3869,7 @@
   border: var(--sakura-file-item-border);
   border-radius: var(--sakura-file-item-border-radius);
   cursor: pointer;
+  position: relative;
 }
 .sakura-file-item + .sakura-file-item {
   margin-top: 20px;
@@ -4212,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;
@@ -4238,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 {
@@ -4278,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 {
   /**
@@ -4298,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 {
@@ -4429,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;
@@ -4463,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 {
@@ -4503,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 {
@@ -4524,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 {
@@ -4827,7 +4834,7 @@
 .sakura-upload.is-active {
   border-color: var(--sakura-color-primary);
 }
-.sakura-upload:hover {
+.sakura-upload:not(.sakura-upload.is-disabled):hover {
   border-color: var(--sakura-color-primary);
 }
 .sakura-upload {
@@ -4923,4 +4930,34 @@
   cursor: pointer;
   width: 200%;
   height: 200%;
+}
+.sakura-upload.is-disabled {
+  cursor: not-allowed;
+}
+.sakura-upload.is-disabled:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 9;
+  cursor: not-allowed;
+}
+.sakura-upload.is-disabled {
+  /**
+  @at-root使用之后会将另起一行不在进行嵌套
+  .demo {
+      @at-root .a{
+          color: red;
+      }
+  }
+  .demo{}
+  .a{
+      color: red;
+  }
+   */
+}
+.sakura-upload.is-disabled .sakura-upload__file {
+  display: none;
 }

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.4",
+    "version": "1.0.6",
     "description": "开发常用组件",
     "type": "module",
     "sideEffects": [