chore: audio model deploy

src/components/highlight-code/code-viewer-dark.tsx

@@ -4,6 +4,7 @@ import './styles/dark.less';
 
 interface CodeViewerProps {
   code: string;
+  copyValue?: string;
   lang: string;
   autodetect?: boolean;
   ignoreIllegals?: boolean;
@@ -14,6 +15,7 @@ interface CodeViewerProps {
 const DarkViewer: React.FC<CodeViewerProps> = (props) => {
   const {
     code,
+    copyValue,
     lang,
     autodetect,
     ignoreIllegals,
@@ -26,6 +28,7 @@ const DarkViewer: React.FC<CodeViewerProps> = (props) => {
       style={props.style}
       height={height}
       code={code}
+      copyValue={copyValue}
       lang={lang}
       theme="dark"
       autodetect={autodetect}

src/components/highlight-code/code-viewer-light.tsx

@@ -4,6 +4,7 @@ import './styles/light.less';
 
 interface CodeViewerProps {
   code: string;
+  copyValue?: string;
   lang: string;
   autodetect?: boolean;
   ignoreIllegals?: boolean;
@@ -14,6 +15,7 @@ interface CodeViewerProps {
 const LightViewer: React.FC<CodeViewerProps> = (props) => {
   const {
     code,
+    copyValue,
     lang,
     autodetect,
     ignoreIllegals,
@@ -27,6 +29,7 @@ const LightViewer: React.FC<CodeViewerProps> = (props) => {
       style={style}
       height={height}
       code={code}
+      copyValue={copyValue}
       lang={lang}
       theme="light"
       autodetect={autodetect}

src/components/highlight-code/code-viewer.tsx

@@ -6,6 +6,7 @@ import { escapeHtml } from './utils';
 
 interface CodeViewerProps {
   code: string;
+  copyValue?: string;
   lang: string;
   autodetect?: boolean;
   ignoreIllegals?: boolean;
@@ -17,6 +18,7 @@ interface CodeViewerProps {
 const CodeViewer: React.FC<CodeViewerProps> = (props) => {
   const {
     code,
+    copyValue,
     lang,
     autodetect = true,
     ignoreIllegals = true,
@@ -87,7 +89,7 @@ const CodeViewer: React.FC<CodeViewerProps> = (props) => {
       ></code>
       {copyable && (
         <CopyButton
-          text={code}
+          text={copyValue || code}
           size="small"
           style={{ color: '#abb2bf' }}
         ></CopyButton>

src/components/highlight-code/index.tsx

@@ -10,10 +10,12 @@ const HighlightCode: React.FC<{
   theme?: 'light' | 'dark';
   height?: string | number;
   style?: React.CSSProperties;
+  copyValue?: string;
 }> = (props) => {
   const {
     style,
     code,
+    copyValue,
     lang = 'bash',
     copyable = true,
     theme = 'dark',
@@ -26,6 +28,7 @@ const HighlightCode: React.FC<{
         <CodeViewerDark
           lang={lang}
           code={code}
+          copyValue={copyValue}
           copyable={copyable}
           height={height}
           style={style}
@@ -35,6 +38,7 @@ const HighlightCode: React.FC<{
           style={style}
           lang={lang}
           code={code}
+          copyValue={copyValue}
           copyable={copyable}
           height={height}
         />