chore: ram vram usage in resource

src/components/image-editor/index.tsx

@@ -908,7 +908,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = forwardRef(
                 onClick={handleFitView}
                 size="middle"
                 type="text"
-                disabled={disabled}
+                disabled={isDisabled}
               >
                 <ExpandOutlined className="font-size-14" />
               </Button>

src/components/progress-bar/index.tsx

@@ -3,6 +3,7 @@ import { memo, useMemo } from 'react';
 
 const RenderProgress = memo(
   (props: {
+    open?: boolean;
     percent: number;
     steps?: number;
     download?: boolean;
@@ -11,6 +12,7 @@ const RenderProgress = memo(
     successColor?: string;
   }) => {
     const {
+      open,
       percent,
       steps = 5,
       download,
@@ -62,7 +64,9 @@ const RenderProgress = memo(
     return (
       <>
         {label ? (
-          <Tooltip title={label}>{renderProgress}</Tooltip>
+          <Tooltip title={label} open={open}>
+            {renderProgress}
+          </Tooltip>
         ) : (
           renderProgress
         )}

src/components/simple-table/info-column.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+import { convertFileSize } from '@/utils';
+import { useIntl } from '@umijs/max';
+import { Divider } from 'antd';
+
+interface InfoColumnProps {
+  fieldList: { label: string; key: string }[];
+  data: Record<string, any>;
+}
+const InfoColumn: React.FC<InfoColumnProps> = (props) => {
+  const { data, fieldList } = props;
+
+  const intl = useIntl();
+
+  return (
+    <span className="flex">
+      {fieldList.map((item, index) => {
+        return (
+          <>
+            <span className="flex-column flex-center">
+              <span> {intl.formatMessage({ id: item.label })}</span>
+              <span> {convertFileSize(data[item.key], 0)}</span>
+            </span>
+            {index < fieldList.length - 1 ? (
+              <Divider
+                type="vertical"
+                style={{
+                  height: 30,
+                  marginInline: 16,
+                  borderColor: 'var(--color-white-light-2)',
+                  alignSelf: 'center'
+                }}
+              ></Divider>
+            ) : null}
+          </>
+        );
+      })}
+    </span>
+  );
+};
+
+export default InfoColumn;