@easy-editor/materials-dashboard-audio 0.0.2 → 0.0.4

package/dist/component.js

@@ -1,173 +0,0 @@
-/* @easy-editor/materials-dashboard-image v0.0.1 (component) */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react/jsx-runtime')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsAudioComponent = {}, global.React, global.jsxRuntime));
-})(this, (function (exports, react, jsxRuntime) { 'use strict';
-
-  function styleInject(css, ref) {
-    if (ref === void 0) ref = {};
-    var insertAt = ref.insertAt;
-    if (typeof document === 'undefined') {
-      return;
-    }
-    var head = document.head || document.getElementsByTagName('head')[0];
-    var style = document.createElement('style');
-    style.type = 'text/css';
-    if (insertAt === 'top') {
-      if (head.firstChild) {
-        head.insertBefore(style, head.firstChild);
-      } else {
-        head.appendChild(style);
-      }
-    } else {
-      head.appendChild(style);
-    }
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-  }
-
-  var css_248z = ".component-module__container___VbZSk{align-items:center;background:rgba(10,10,26,.95);border:1px solid rgba(26,26,62,.8);border-radius:8px;display:flex;gap:12px;height:100%;padding:12px 16px;width:100%}.component-module__playButton___M6QVA{align-items:center;background:linear-gradient(135deg,#00d4ff,#9b59b6);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.component-module__playButton___M6QVA:hover{transform:scale(1.05)}.component-module__playIcon___t8-WV{border-bottom:8px solid transparent;border-left:12px solid #fff;border-top:8px solid transparent;height:0;margin-left:3px;width:0}.component-module__pauseIcon___8XmSk{display:flex;gap:3px}.component-module__pauseBar___eM6DG{background:#fff;border-radius:2px;height:14px;width:4px}.component-module__info___VyTlr{flex:1;min-width:0}.component-module__title___Hj54k{color:#e6e6e6;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-module__progressContainer___HvygE{align-items:center;display:flex;gap:8px;margin-top:4px}.component-module__progressBar___wROZC{background:rgba(26,26,62,.8);border-radius:2px;cursor:pointer;flex:1;height:4px;overflow:hidden}.component-module__progressFill___F8n5d{background:linear-gradient(90deg,#00d4ff,#9b59b6);border-radius:2px;height:100%;transition:width .1s linear}.component-module__time___-5GMu{color:hsla(0,0%,100%,.6);font-family:Courier New,Courier,monospace;font-size:12px;min-width:80px;text-align:right}.component-module__nativeAudio___vCo17{width:100%}";
-  var styles = {"container":"component-module__container___VbZSk","playButton":"component-module__playButton___M6QVA","playIcon":"component-module__playIcon___t8-WV","pauseIcon":"component-module__pauseIcon___8XmSk","pauseBar":"component-module__pauseBar___eM6DG","info":"component-module__info___VyTlr","title":"component-module__title___Hj54k","progressContainer":"component-module__progressContainer___HvygE","progressBar":"component-module__progressBar___wROZC","progressFill":"component-module__progressFill___F8n5d","time":"component-module__time___-5GMu","nativeAudio":"component-module__nativeAudio___vCo17"};
-  styleInject(css_248z);
-
-  /**
-   * Audio Component
-   * 音频播放组件
-   */
-
-  const formatTime = seconds => {
-    const mins = Math.floor(seconds / 60);
-    const secs = Math.floor(seconds % 60);
-    return `${mins}:${secs.toString().padStart(2, '0')}`;
-  };
-  const Audio = ({
-    ref,
-    src = '',
-    title = '音频文件',
-    autoPlay = false,
-    loop = false,
-    audioStyle = 'custom',
-    style: externalStyle
-  }) => {
-    const audioRef = react.useRef(null);
-    const [isPlaying, setIsPlaying] = react.useState(false);
-    const [currentTime, setCurrentTime] = react.useState(0);
-    const [duration, setDuration] = react.useState(0);
-    react.useEffect(() => {
-      const audio = audioRef.current;
-      if (!audio) {
-        return;
-      }
-      const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
-      const handleLoadedMetadata = () => setDuration(audio.duration);
-      const handleEnded = () => setIsPlaying(false);
-      audio.addEventListener('timeupdate', handleTimeUpdate);
-      audio.addEventListener('loadedmetadata', handleLoadedMetadata);
-      audio.addEventListener('ended', handleEnded);
-      return () => {
-        audio.removeEventListener('timeupdate', handleTimeUpdate);
-        audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
-        audio.removeEventListener('ended', handleEnded);
-      };
-    }, []);
-    const togglePlay = () => {
-      if (audioRef.current) {
-        if (isPlaying) {
-          audioRef.current.pause();
-        } else {
-          audioRef.current.play();
-        }
-        setIsPlaying(!isPlaying);
-      }
-    };
-    const handleProgressClick = e => {
-      if (audioRef.current && duration) {
-        const rect = e.currentTarget.getBoundingClientRect();
-        const percent = (e.clientX - rect.left) / rect.width;
-        audioRef.current.currentTime = percent * duration;
-      }
-    };
-    const progress = duration ? currentTime / duration * 100 : 0;
-
-    // 原生样式
-    if (audioStyle === 'native') {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: styles.container,
-        ref: ref,
-        style: externalStyle,
-        children: /*#__PURE__*/jsxRuntime.jsx("audio", {
-          autoPlay: autoPlay,
-          className: styles.nativeAudio,
-          controls: true,
-          loop: loop,
-          ref: audioRef,
-          src: src
-        })
-      });
-    }
-
-    // 自定义样式
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: styles.container,
-      ref: ref,
-      style: externalStyle,
-      children: [/*#__PURE__*/jsxRuntime.jsx("audio", {
-        autoPlay: autoPlay,
-        loop: loop,
-        ref: audioRef,
-        src: src
-      }), /*#__PURE__*/jsxRuntime.jsx("button", {
-        "aria-label": isPlaying ? 'Pause' : 'Play',
-        className: styles.playButton,
-        onClick: togglePlay,
-        type: "button",
-        children: isPlaying ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: styles.pauseIcon,
-          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: styles.pauseBar
-          }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: styles.pauseBar
-          })]
-        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: styles.playIcon
-        })
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: styles.info,
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: styles.title,
-          children: title
-        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: styles.progressContainer,
-          children: [/*#__PURE__*/jsxRuntime.jsx("button", {
-            "aria-label": "Seek to position",
-            className: styles.progressBar
-            // @ts-expect-error
-            ,
-            onClick: handleProgressClick,
-            type: "button",
-            children: /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: styles.progressFill,
-              style: {
-                width: `${progress}%`
-              }
-            })
-          }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: styles.time,
-            children: [formatTime(currentTime), " / ", formatTime(duration || 0)]
-          })]
-        })]
-      })]
-    });
-  };
-
-  exports.Audio = Audio;
-  exports.default = Audio;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","/**\n * Audio Component\n * 音频播放组件\n */\n\nimport { useState, useRef, useEffect, type CSSProperties, type Ref } from 'react'\nimport styles from './component.module.css'\n\nexport type AudioStyle = 'custom' | 'native'\n\nexport interface AudioProps {\n  ref?: Ref<HTMLDivElement>\n  /** 音频地址 */\n  src?: string\n  /** 标题 */\n  title?: string\n  /** 自动播放 */\n  autoPlay?: boolean\n  /** 循环播放 */\n  loop?: boolean\n  /** 样式类型 */\n  audioStyle?: AudioStyle\n  /** 外部样式 */\n  style?: CSSProperties\n}\n\nconst formatTime = (seconds: number): string => {\n  const mins = Math.floor(seconds / 60)\n  const secs = Math.floor(seconds % 60)\n  return `${mins}:${secs.toString().padStart(2, '0')}`\n}\n\nexport const Audio: React.FC<AudioProps> = ({\n  ref,\n  src = '',\n  title = '音频文件',\n  autoPlay = false,\n  loop = false,\n  audioStyle = 'custom',\n  style: externalStyle,\n}) => {\n  const audioRef = useRef<HTMLAudioElement>(null)\n  const [isPlaying, setIsPlaying] = useState(false)\n  const [currentTime, setCurrentTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n\n  useEffect(() => {\n    const audio = audioRef.current\n    if (!audio) {\n      return\n    }\n\n    const handleTimeUpdate = () => setCurrentTime(audio.currentTime)\n    const handleLoadedMetadata = () => setDuration(audio.duration)\n    const handleEnded = () => setIsPlaying(false)\n\n    audio.addEventListener('timeupdate', handleTimeUpdate)\n    audio.addEventListener('loadedmetadata', handleLoadedMetadata)\n    audio.addEventListener('ended', handleEnded)\n\n    return () => {\n      audio.removeEventListener('timeupdate', handleTimeUpdate)\n      audio.removeEventListener('loadedmetadata', handleLoadedMetadata)\n      audio.removeEventListener('ended', handleEnded)\n    }\n  }, [])\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      if (isPlaying) {\n        audioRef.current.pause()\n      } else {\n        audioRef.current.play()\n      }\n      setIsPlaying(!isPlaying)\n    }\n  }\n\n  const handleProgressClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (audioRef.current && duration) {\n      const rect = e.currentTarget.getBoundingClientRect()\n      const percent = (e.clientX - rect.left) / rect.width\n      audioRef.current.currentTime = percent * duration\n    }\n  }\n\n  const progress = duration ? (currentTime / duration) * 100 : 0\n\n  // 原生样式\n  if (audioStyle === 'native') {\n    return (\n      <div className={styles.container} ref={ref} style={externalStyle}>\n        <audio autoPlay={autoPlay} className={styles.nativeAudio} controls loop={loop} ref={audioRef} src={src} />\n      </div>\n    )\n  }\n\n  // 自定义样式\n  return (\n    <div className={styles.container} ref={ref} style={externalStyle}>\n      <audio autoPlay={autoPlay} loop={loop} ref={audioRef} src={src} />\n\n      <button\n        aria-label={isPlaying ? 'Pause' : 'Play'}\n        className={styles.playButton}\n        onClick={togglePlay}\n        type='button'\n      >\n        {isPlaying ? (\n          <div className={styles.pauseIcon}>\n            <div className={styles.pauseBar} />\n            <div className={styles.pauseBar} />\n          </div>\n        ) : (\n          <div className={styles.playIcon} />\n        )}\n      </button>\n\n      <div className={styles.info}>\n        <div className={styles.title}>{title}</div>\n        <div className={styles.progressContainer}>\n          <button\n            aria-label='Seek to position'\n            className={styles.progressBar}\n            // @ts-expect-error\n            onClick={handleProgressClick}\n            type='button'\n          >\n            <div className={styles.progressFill} style={{ width: `${progress}%` }} />\n          </button>\n          <span className={styles.time}>\n            {formatTime(currentTime)} / {formatTime(duration || 0)}\n          </span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Audio\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","formatTime","seconds","mins","Math","floor","secs","toString","padStart","Audio","src","title","autoPlay","loop","audioStyle","externalStyle","audioRef","useRef","isPlaying","setIsPlaying","useState","currentTime","setCurrentTime","duration","setDuration","useEffect","audio","current","handleTimeUpdate","handleLoadedMetadata","handleEnded","addEventListener","removeEventListener","togglePlay","pause","play","handleProgressClick","e","rect","currentTarget","getBoundingClientRect","percent","clientX","left","width","progress","_jsx","className","styles","container","children","nativeAudio","controls","_jsxs","playButton","onClick","pauseIcon","pauseBar","playIcon","info","progressContainer","progressBar","progressFill","time"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/component.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.min.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","/**\n * Audio Component\n * 音频播放组件\n */\n\nimport { useState, useRef, useEffect, type CSSProperties, type Ref } from 'react'\nimport styles from './component.module.css'\n\nexport type AudioStyle = 'custom' | 'native'\n\nexport interface AudioProps {\n  ref?: Ref<HTMLDivElement>\n  /** 音频地址 */\n  src?: string\n  /** 标题 */\n  title?: string\n  /** 自动播放 */\n  autoPlay?: boolean\n  /** 循环播放 */\n  loop?: boolean\n  /** 样式类型 */\n  audioStyle?: AudioStyle\n  /** 外部样式 */\n  style?: CSSProperties\n}\n\nconst formatTime = (seconds: number): string => {\n  const mins = Math.floor(seconds / 60)\n  const secs = Math.floor(seconds % 60)\n  return `${mins}:${secs.toString().padStart(2, '0')}`\n}\n\nexport const Audio: React.FC<AudioProps> = ({\n  ref,\n  src = '',\n  title = '音频文件',\n  autoPlay = false,\n  loop = false,\n  audioStyle = 'custom',\n  style: externalStyle,\n}) => {\n  const audioRef = useRef<HTMLAudioElement>(null)\n  const [isPlaying, setIsPlaying] = useState(false)\n  const [currentTime, setCurrentTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n\n  useEffect(() => {\n    const audio = audioRef.current\n    if (!audio) {\n      return\n    }\n\n    const handleTimeUpdate = () => setCurrentTime(audio.currentTime)\n    const handleLoadedMetadata = () => setDuration(audio.duration)\n    const handleEnded = () => setIsPlaying(false)\n\n    audio.addEventListener('timeupdate', handleTimeUpdate)\n    audio.addEventListener('loadedmetadata', handleLoadedMetadata)\n    audio.addEventListener('ended', handleEnded)\n\n    return () => {\n      audio.removeEventListener('timeupdate', handleTimeUpdate)\n      audio.removeEventListener('loadedmetadata', handleLoadedMetadata)\n      audio.removeEventListener('ended', handleEnded)\n    }\n  }, [])\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      if (isPlaying) {\n        audioRef.current.pause()\n      } else {\n        audioRef.current.play()\n      }\n      setIsPlaying(!isPlaying)\n    }\n  }\n\n  const handleProgressClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (audioRef.current && duration) {\n      const rect = e.currentTarget.getBoundingClientRect()\n      const percent = (e.clientX - rect.left) / rect.width\n      audioRef.current.currentTime = percent * duration\n    }\n  }\n\n  const progress = duration ? (currentTime / duration) * 100 : 0\n\n  // 原生样式\n  if (audioStyle === 'native') {\n    return (\n      <div className={styles.container} ref={ref} style={externalStyle}>\n        <audio autoPlay={autoPlay} className={styles.nativeAudio} controls loop={loop} ref={audioRef} src={src} />\n      </div>\n    )\n  }\n\n  // 自定义样式\n  return (\n    <div className={styles.container} ref={ref} style={externalStyle}>\n      <audio autoPlay={autoPlay} loop={loop} ref={audioRef} src={src} />\n\n      <button\n        aria-label={isPlaying ? 'Pause' : 'Play'}\n        className={styles.playButton}\n        onClick={togglePlay}\n        type='button'\n      >\n        {isPlaying ? (\n          <div className={styles.pauseIcon}>\n            <div className={styles.pauseBar} />\n            <div className={styles.pauseBar} />\n          </div>\n        ) : (\n          <div className={styles.playIcon} />\n        )}\n      </button>\n\n      <div className={styles.info}>\n        <div className={styles.title}>{title}</div>\n        <div className={styles.progressContainer}>\n          <button\n            aria-label='Seek to position'\n            className={styles.progressBar}\n            // @ts-expect-error\n            onClick={handleProgressClick}\n            type='button'\n          >\n            <div className={styles.progressFill} style={{ width: `${progress}%` }} />\n          </button>\n          <span className={styles.time}>\n            {formatTime(currentTime)} / {formatTime(duration || 0)}\n          </span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Audio\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","formatTime","seconds","Math","floor","toString","padStart","Audio","src","title","autoPlay","loop","audioStyle","externalStyle","audioRef","useRef","isPlaying","setIsPlaying","useState","currentTime","setCurrentTime","duration","setDuration","useEffect","audio","current","handleTimeUpdate","handleLoadedMetadata","handleEnded","addEventListener","removeEventListener","progress","_jsx","className","styles","children","controls","_jsxs","onClick","togglePlay","pause","play","e","rect","currentTarget","getBoundingClientRect","percent","clientX","left","width"],"mappings":"g1BAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,4kDCCA,MAAMe,EAAcC,GAGX,GAFMC,KAAKC,MAAMF,EAAU,OACrBC,KAAKC,MAAMF,EAAU,IACXG,WAAWC,SAAS,EAAG,OAGnCC,EAA8BA,EACzCpB,MACAqB,MAAM,GACNC,QAAQ,OACRC,YAAW,EACXC,QAAO,EACPC,aAAa,SACbpB,MAAOqB,MAEP,MAAMC,EAAWC,EAAAA,OAAyB,OACnCC,EAAWC,GAAgBC,EAAAA,UAAS,IACpCC,EAAaC,GAAkBF,EAAAA,SAAS,IACxCG,EAAUC,GAAeJ,EAAAA,SAAS,GAEzCK,EAAAA,UAAU,KACR,MAAMC,EAAQV,EAASW,QACvB,IAAKD,EACH,OAGF,MAAME,EAAmBA,IAAMN,EAAeI,EAAML,aAC9CQ,EAAuBA,IAAML,EAAYE,EAAMH,UAC/CO,EAAcA,IAAMX,GAAa,GAMvC,OAJAO,EAAMK,iBAAiB,aAAcH,GACrCF,EAAMK,iBAAiB,iBAAkBF,GACzCH,EAAMK,iBAAiB,QAASD,GAEzB,KACLJ,EAAMM,oBAAoB,aAAcJ,GACxCF,EAAMM,oBAAoB,iBAAkBH,GAC5CH,EAAMM,oBAAoB,QAASF,KAEpC,IAEH,MAmBMG,EAAWV,EAAYF,EAAcE,EAAY,IAAM,EAG7D,MAAmB,WAAfT,EAEAoB,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAkB/C,IAAKA,EAAKK,MAAOqB,EAAcsB,SAC/DH,EAAAA,IAAA,QAAA,CAAOtB,SAAUA,EAAUuB,UAAWC,EAAoBE,UAAQ,EAACzB,KAAMA,EAAMxB,IAAK2B,EAAUN,IAAKA,MAOvG6B,EAAAA,KAAA,MAAA,CAAKJ,UAAWC,EAAkB/C,IAAKA,EAAKK,MAAOqB,EAAcsB,UAC/DH,EAAAA,IAAA,QAAA,CAAOtB,SAAUA,EAAUC,KAAMA,EAAMxB,IAAK2B,EAAUN,IAAKA,IAE3DwB,EAAAA,IAAA,SAAA,CACE,aAAYhB,EAAY,QAAU,OAClCiB,UAAWC,EACXI,QAtCaC,KACbzB,EAASW,UACPT,EACFF,EAASW,QAAQe,QAEjB1B,EAASW,QAAQgB,OAEnBxB,GAAcD,KAgCZtB,KAAK,SAAQyC,SAEZnB,EACCqB,EAAAA,KAAA,MAAA,CAAKJ,UAAWC,EAAiBC,UAC/BH,EAAAA,IAAA,MAAA,CAAKC,UAAWC,IAChBF,EAAAA,IAAA,MAAA,CAAKC,UAAWC,OAGlBF,EAAAA,IAAA,MAAA,CAAKC,UAAWC,MAIpBG,EAAAA,KAAA,MAAA,CAAKJ,UAAWC,EAAYC,UAC1BH,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAaC,SAAE1B,IAC/B4B,EAAAA,KAAA,MAAA,CAAKJ,UAAWC,EAAyBC,UACvCH,EAAAA,IAAA,SAAA,CACE,aAAW,mBACXC,UAAWC,EAEXI,QA/CmBI,IAC3B,GAAI5B,EAASW,SAAWJ,EAAU,CAChC,MAAMsB,EAAOD,EAAEE,cAAcC,wBACvBC,GAAWJ,EAAEK,QAAUJ,EAAKK,MAAQL,EAAKM,MAC/CnC,EAASW,QAAQN,YAAc2B,EAAUzB,CAC3C,GA2CQ3B,KAAK,SAAQyC,SAEbH,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAqB1C,MAAO,CAAEyD,MAAO,GAAGlB,UAE1DM,EAAAA,KAAA,OAAA,CAAMJ,UAAWC,EAAYC,SAAA,CAC1BlC,EAAWkB,GAAa,MAAIlB,EAAWoB,GAAY","x_google_ignoreList":[0]}

package/dist/index.cjs

@@ -1,456 +0,0 @@
-'use strict';
-
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".component-module__container___VbZSk{align-items:center;background:rgba(10,10,26,.95);border:1px solid rgba(26,26,62,.8);border-radius:8px;display:flex;gap:12px;height:100%;padding:12px 16px;width:100%}.component-module__playButton___M6QVA{align-items:center;background:linear-gradient(135deg,#00d4ff,#9b59b6);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.component-module__playButton___M6QVA:hover{transform:scale(1.05)}.component-module__playIcon___t8-WV{border-bottom:8px solid transparent;border-left:12px solid #fff;border-top:8px solid transparent;height:0;margin-left:3px;width:0}.component-module__pauseIcon___8XmSk{display:flex;gap:3px}.component-module__pauseBar___eM6DG{background:#fff;border-radius:2px;height:14px;width:4px}.component-module__info___VyTlr{flex:1;min-width:0}.component-module__title___Hj54k{color:#e6e6e6;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-module__progressContainer___HvygE{align-items:center;display:flex;gap:8px;margin-top:4px}.component-module__progressBar___wROZC{background:rgba(26,26,62,.8);border-radius:2px;cursor:pointer;flex:1;height:4px;overflow:hidden}.component-module__progressFill___F8n5d{background:linear-gradient(90deg,#00d4ff,#9b59b6);border-radius:2px;height:100%;transition:width .1s linear}.component-module__time___-5GMu{color:hsla(0,0%,100%,.6);font-family:Courier New,Courier,monospace;font-size:12px;min-width:80px;text-align:right}.component-module__nativeAudio___vCo17{width:100%}";
-var styles = {"container":"component-module__container___VbZSk","playButton":"component-module__playButton___M6QVA","playIcon":"component-module__playIcon___t8-WV","pauseIcon":"component-module__pauseIcon___8XmSk","pauseBar":"component-module__pauseBar___eM6DG","info":"component-module__info___VyTlr","title":"component-module__title___Hj54k","progressContainer":"component-module__progressContainer___HvygE","progressBar":"component-module__progressBar___wROZC","progressFill":"component-module__progressFill___F8n5d","time":"component-module__time___-5GMu","nativeAudio":"component-module__nativeAudio___vCo17"};
-styleInject(css_248z);
-
-/**
- * Audio Component
- * 音频播放组件
- */
-
-const formatTime = seconds => {
-  const mins = Math.floor(seconds / 60);
-  const secs = Math.floor(seconds % 60);
-  return `${mins}:${secs.toString().padStart(2, '0')}`;
-};
-const Audio = ({
-  ref,
-  src = '',
-  title = '音频文件',
-  autoPlay = false,
-  loop = false,
-  audioStyle = 'custom',
-  style: externalStyle
-}) => {
-  const audioRef = react.useRef(null);
-  const [isPlaying, setIsPlaying] = react.useState(false);
-  const [currentTime, setCurrentTime] = react.useState(0);
-  const [duration, setDuration] = react.useState(0);
-  react.useEffect(() => {
-    const audio = audioRef.current;
-    if (!audio) {
-      return;
-    }
-    const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
-    const handleLoadedMetadata = () => setDuration(audio.duration);
-    const handleEnded = () => setIsPlaying(false);
-    audio.addEventListener('timeupdate', handleTimeUpdate);
-    audio.addEventListener('loadedmetadata', handleLoadedMetadata);
-    audio.addEventListener('ended', handleEnded);
-    return () => {
-      audio.removeEventListener('timeupdate', handleTimeUpdate);
-      audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
-      audio.removeEventListener('ended', handleEnded);
-    };
-  }, []);
-  const togglePlay = () => {
-    if (audioRef.current) {
-      if (isPlaying) {
-        audioRef.current.pause();
-      } else {
-        audioRef.current.play();
-      }
-      setIsPlaying(!isPlaying);
-    }
-  };
-  const handleProgressClick = e => {
-    if (audioRef.current && duration) {
-      const rect = e.currentTarget.getBoundingClientRect();
-      const percent = (e.clientX - rect.left) / rect.width;
-      audioRef.current.currentTime = percent * duration;
-    }
-  };
-  const progress = duration ? currentTime / duration * 100 : 0;
-
-  // 原生样式
-  if (audioStyle === 'native') {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: styles.container,
-      ref: ref,
-      style: externalStyle,
-      children: /*#__PURE__*/jsxRuntime.jsx("audio", {
-        autoPlay: autoPlay,
-        className: styles.nativeAudio,
-        controls: true,
-        loop: loop,
-        ref: audioRef,
-        src: src
-      })
-    });
-  }
-
-  // 自定义样式
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: styles.container,
-    ref: ref,
-    style: externalStyle,
-    children: [/*#__PURE__*/jsxRuntime.jsx("audio", {
-      autoPlay: autoPlay,
-      loop: loop,
-      ref: audioRef,
-      src: src
-    }), /*#__PURE__*/jsxRuntime.jsx("button", {
-      "aria-label": isPlaying ? 'Pause' : 'Play',
-      className: styles.playButton,
-      onClick: togglePlay,
-      type: "button",
-      children: isPlaying ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: styles.pauseIcon,
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: styles.pauseBar
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: styles.pauseBar
-        })]
-      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: styles.playIcon
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: styles.info,
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: styles.title,
-        children: title
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: styles.progressContainer,
-        children: [/*#__PURE__*/jsxRuntime.jsx("button", {
-          "aria-label": "Seek to position",
-          className: styles.progressBar
-          // @ts-expect-error
-          ,
-          onClick: handleProgressClick,
-          type: "button",
-          children: /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: styles.progressFill,
-            style: {
-              width: `${progress}%`
-            }
-          })
-        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-          className: styles.time,
-          children: [formatTime(currentTime), " / ", formatTime(duration || 0)]
-        })]
-      })]
-    })]
-  });
-};
-
-const MaterialGroup = {
-  MEDIA: 'media'};
-
-const COMPONENT_NAME = 'EasyEditorMaterialsAudio';
-const PACKAGE_NAME = '@easy-editor/materials-dashboard-audio';
-
-const configure = {
-  props: [{
-    type: 'group',
-    title: '属性',
-    setter: 'TabSetter',
-    items: [{
-      type: 'group',
-      key: 'config',
-      title: '配置',
-      setter: {
-        componentName: 'CollapseSetter',
-        props: {
-          icon: false
-        }
-      },
-      items: [
-      {
-        name: 'id',
-        title: 'ID',
-        setter: 'NodeIdSetter',
-        extraProps: {
-          label: false
-        }
-      }, {
-        name: 'title',
-        title: '标题',
-        setter: 'StringSetter',
-        extraProps: {
-          getValue(target) {
-            return target.getExtraPropValue('title');
-          },
-          setValue(target, value) {
-            target.setExtraPropValue('title', value);
-          }
-        }
-      }, {
-        type: 'group',
-        title: '基础属性',
-        setter: {
-          componentName: 'CollapseSetter',
-          props: {
-            icon: false
-          }
-        },
-        items: [{
-          name: 'rect',
-          title: '位置尺寸',
-          setter: 'RectSetter',
-          extraProps: {
-            getValue(target) {
-              return target.getExtraPropValue('$dashboard.rect');
-            },
-            setValue(target, value) {
-              target.setExtraPropValue('$dashboard.rect', value);
-            }
-          }
-        }]
-      },
-      {
-        type: 'group',
-        title: '内容',
-        setter: {
-          componentName: 'CollapseSetter',
-          props: {
-            icon: false
-          }
-        },
-        items: [{
-          name: '__upload',
-          title: '上传',
-          setter: {
-            componentName: 'UploadSetter',
-            props: {
-              accept: '.mp3,.wav,.ogg'
-            }
-          },
-          extraProps: {
-            setValue(target, value) {
-              if (value) {
-                const {
-                  base64,
-                  raw
-                } = value;
-                if (base64) {
-                  target.parent.setPropValue('src', base64);
-                }
-                if (raw?.width) {
-                  target.parent.setExtraPropValue('$dashboard.rect.width', raw.width);
-                }
-                if (raw?.height) {
-                  target.parent.setExtraPropValue('$dashboard.rect.height', raw.height);
-                }
-              } else {
-                target.parent.clearPropValue('src');
-              }
-            }
-          }
-        }, {
-          name: 'src',
-          title: '音频地址',
-          setter: 'StringSetter'
-        }, {
-          name: 'title',
-          title: '标题',
-          setter: 'StringSetter',
-          extraProps: {
-            defaultValue: '音频文件'
-          }
-        }]
-      }, {
-        type: 'group',
-        title: '播放',
-        setter: {
-          componentName: 'CollapseSetter',
-          props: {
-            icon: false
-          }
-        },
-        items: [{
-          name: 'autoPlay',
-          title: '自动播放',
-          setter: 'SwitchSetter',
-          extraProps: {
-            defaultValue: false
-          }
-        }, {
-          name: 'loop',
-          title: '循环播放',
-          setter: 'SwitchSetter',
-          extraProps: {
-            defaultValue: false
-          }
-        }, {
-          name: 'audioStyle',
-          title: '样式类型',
-          setter: {
-            componentName: 'SelectSetter',
-            props: {
-              options: [{
-                label: '自定义',
-                value: 'custom'
-              }, {
-                label: '原生',
-                value: 'native'
-              }]
-            }
-          },
-          extraProps: {
-            defaultValue: 'custom'
-          }
-        }, {
-          name: 'playbackRate',
-          title: '播放速度',
-          setter: {
-            componentName: 'SelectSetter',
-            props: {
-              options: [{
-                label: '0.5x',
-                value: 0.5
-              }, {
-                label: '0.75x',
-                value: 0.75
-              }, {
-                label: '1x (正常)',
-                value: 1
-              }, {
-                label: '1.25x',
-                value: 1.25
-              }, {
-                label: '1.5x',
-                value: 1.5
-              }, {
-                label: '2x',
-                value: 2
-              }]
-            }
-          },
-          extraProps: {
-            defaultValue: 1
-          }
-        }, {
-          name: 'volume',
-          title: '音量',
-          setter: {
-            componentName: 'SliderSetter',
-            props: {
-              min: 0,
-              max: 100,
-              step: 1,
-              suffix: '%'
-            }
-          },
-          extraProps: {
-            defaultValue: 100
-          }
-        }]
-      }]
-    }, {
-      type: 'group',
-      key: 'data',
-      title: '数据',
-      items: [{
-        name: 'dataBinding',
-        title: '数据绑定',
-        setter: 'DataBindingSetter'
-      }]
-    }, {
-      type: 'group',
-      key: 'advanced',
-      title: '高级',
-      items: [{
-        name: 'condition',
-        title: '显隐控制',
-        setter: 'SwitchSetter',
-        extraProps: {
-          defaultValue: true,
-          supportVariable: true
-        }
-      }]
-    }]
-  }],
-  component: {},
-  supports: {},
-  advanced: {}
-};
-
-const snippets = [{
-  title: '音频播放器',
-  screenshot: '',
-  schema: {
-    componentName: COMPONENT_NAME,
-    props: {
-      src: '',
-      title: '音频文件',
-      autoPlay: false,
-      loop: false,
-      audioStyle: 'custom'
-    },
-    $dashboard: {
-      rect: {
-        width: 300,
-        height: 60
-      }
-    }
-  }
-}, {
-  title: '原生音频',
-  screenshot: '',
-  schema: {
-    componentName: COMPONENT_NAME,
-    props: {
-      src: '',
-      title: '音频文件',
-      audioStyle: 'native'
-    },
-    $dashboard: {
-      rect: {
-        width: 300,
-        height: 60
-      }
-    }
-  }
-}];
-
-var version = "0.0.1";
-var pkg = {
-	version: version};
-
-const meta = {
-  componentName: COMPONENT_NAME,
-  title: '音频',
-  group: MaterialGroup.MEDIA,
-  devMode: 'proCode',
-  npm: {
-    package: PACKAGE_NAME,
-    version: pkg.version,
-    globalName: COMPONENT_NAME,
-    componentName: COMPONENT_NAME
-  },
-  snippets,
-  configure
-};
-
-exports.component = Audio;
-exports.meta = meta;
-//# sourceMappingURL=index.cjs.map