feat: uploader disabled add less opacity

hellof2e · Dec 6, 2022 · e15ac47 · e15ac47
1 parent 097d325
commit e15ac47
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/quark/src/uploader/index.tsx b/packages/quark/src/uploader/index.tsx
@@ -263,7 +263,7 @@ class QuarkUploader extends QuarkElement {
       <Fragment>
         {!this.readonly && (
           <div
-            class="quark-uploader"
+            class={ `quark-uploader ${disabled && 'uploader-disabled'}`}
             style={{ display: !hiddenUpload ? "block" : "none" }}
           >
             <slot name="uploader">

diff --git a/packages/quark/src/uploader/style.css b/packages/quark/src/uploader/style.css
@@ -95,6 +95,11 @@
 }
 
 :host .uploading-text {
-  font-size: var(--van-uploader-mask-font-size, 10px);
-  color: var(--van-uploader-mask-color, #fff);
+  font-size: var(--uploader-mask-font-size, 10px);
+  color: var(--uploader-mask-color, #fff);
 }
+:host .uploader-disabled {
+  opacity: var(--uploader-disabled-opacity, .5);
+  cursor: not-allowed;
+  pointer-events: none;
+}