Dev bqx

packages/ui-react/lib/Checkbox/Checkbox.tsx

@@ -23,11 +23,28 @@ export interface CheckboxProps extends React.ButtonHTMLAttributes<HTMLButtonElem
    * onchange of the checkbox
    */
   onChecked?: (type: 'add' | 'delete', value: string) => void;
+  /**
+   * fontsize
+   */
+  fontsize?: number;
+  /**
+   * labelClass
+   */
+  labelClass?: string;
 }
 
 export const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(
   (
-    { value, checked, label = 'SAST', disabled = false, onChecked = function () {}, ...rest },
+    {
+      value,
+      checked,
+      label = 'SAST',
+      disabled = false,
+      fontsize,
+      labelClass,
+      onChecked = function () {},
+      ...rest
+    },
     ref,
   ) => {
     const checkboxClass = classNames(`${styles['base']} ${styles[disabled ? 'disabled' : '']}`);
@@ -62,7 +79,12 @@ export const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(
             />
           )}
         </button>
-        <label className={styles['labelSpan']}>{label}</label>
+        <label
+          className={`${labelClass} ${styles['labelSpan']}`}
+          style={{ fontSize: `${fontsize}px` }}
+        >
+          {label}
+        </label>
       </div>
     );
   },

packages/ui-react/lib/Sheet/Sheet.module.scss

@@ -48,7 +48,7 @@ $padding-left-right-distance: 20px;
   position: fixed;
   left: 0;
   top: 0;
-  z-index: 1;
+  z-index: 999;
   box-sizing: border-box;
   &.mask {
     backdrop-filter: blur(var(--blur));
@@ -60,7 +60,7 @@ $padding-left-right-distance: 20px;
     height: 100vh;
     background-color: $white-color;
     position: absolute;
-    z-index: 2;
+    z-index: 1000;
     box-sizing: border-box;
     right: 0;
     padding: $padding-left-right-distance;

packages/ui-react/lib/Sheet/Sheet.tsx

@@ -51,6 +51,10 @@ export interface SheetProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
    * placement : left|right
    */
   placement?: 'left' | 'right';
+  /**
+   * isFooter
+   */
+  isFooter?: boolean;
 }
 
 export const Sheet = React.forwardRef<HTMLDivElement, SheetProps>(
@@ -67,6 +71,7 @@ export const Sheet = React.forwardRef<HTMLDivElement, SheetProps>(
       mask = true,
       maskStyle,
       placement = 'right',
+      isFooter,
       ...rest
     },
     ref,
@@ -124,7 +129,7 @@ export const Sheet = React.forwardRef<HTMLDivElement, SheetProps>(
                     content={sheetTitle}
                   ></SheetHeader>
                   <div className={styles['sheetMainContent']}>{mainContent}</div>
-                  <SheetFooter onCancel={onCancel}>{sheetFooter}</SheetFooter>
+                  {isFooter && <SheetFooter onCancel={onCancel}>{sheetFooter}</SheetFooter>}
                 </div>
               </div>
             )}

packages/ui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui-aurora/react",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "A React UI library built for SASTOJ",
   "author": "sast",
   "license": "MIT",