sakura-ui-plus 1.0.4 → 1.0.5

package/dist/es/index.js

@@ -2156,7 +2156,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 +2214,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

@@ -2158,7 +2158,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 +2216,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;
@@ -4827,7 +4828,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 +4924,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/package.json

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