feat: add codeProps props.

Author: jaywcjlove

core/README.md

@@ -207,6 +207,7 @@ interface CodeLayoutProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
   disablePreview?: boolean;
   /** 禁用方格背景 */
   disableCheckered?: boolean;
+  codeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
   /**
    * 是否需要边框
    * @default true

core/src/index.tsx

@@ -19,6 +19,7 @@ export interface CodeLayoutProps extends React.DetailedHTMLProps<React.HTMLAttri
   disableCheckered?: boolean;
   /** Configure the preview background color. */
   background?: string;
+  codeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
   /**
    * 是否需要边框
    * @default true
@@ -51,6 +52,7 @@ const CodeLayout = forwardRef<HTMLDivElement, CodeLayoutProps>((props, ref) => {
     code,
     prefixCls = PRE_FIX,
     className,
+    codeProps,
     ...other
   } = props;
   const cls = [prefixCls, className, bordered ? `w-bordered` : null, disableCheckered ? `w-disable-checkered` : null]
@@ -86,7 +88,9 @@ const CodeLayout = forwardRef<HTMLDivElement, CodeLayoutProps>((props, ref) => {
         </div>
       )}
       {!disableCode && !disableToolbar && (
-        <div className={`${prefixCls}-code ${showCode ? 'w-display' : 'w-hidden'}`}>{code}</div>
+        <div className={`${prefixCls}-code ${showCode ? 'w-display' : 'w-hidden'}`} {...codeProps}>
+          {code}
+        </div>
       )}
     </div>
   );

website/package.json

@@ -23,7 +23,7 @@
     "@uiw/react-codepen": "~1.0.2",
     "@uiw/react-codesandbox": "~1.1.5",
     "@uiw/react-github-corners": "^1.5.14",
-    "@uiw/react-markdown-preview": "^4.0.9",
+    "@uiw/react-markdown-preview": "^4.1.0",
     "@wcj/dark-mode": "^1.0.14",
     "react-code-preview-layout": "2.0.2",
     "react-router-dom": "^6.3.0",