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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js DELETED
@@ -1,460 +0,0 @@
1
- /* @easy-editor/materials-dashboard-audio v0.0.2 */
2
- (function (global, factory) {
3
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react/jsx-runtime')) :
4
- typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime'], factory) :
5
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsAudio = {}, global.React, global.jsxRuntime));
6
- })(this, (function (exports, react, jsxRuntime) { 'use strict';
7
-
8
- function styleInject(css, ref) {
9
- if (ref === void 0) ref = {};
10
- var insertAt = ref.insertAt;
11
- if (typeof document === 'undefined') {
12
- return;
13
- }
14
- var head = document.head || document.getElementsByTagName('head')[0];
15
- var style = document.createElement('style');
16
- style.type = 'text/css';
17
- if (insertAt === 'top') {
18
- if (head.firstChild) {
19
- head.insertBefore(style, head.firstChild);
20
- } else {
21
- head.appendChild(style);
22
- }
23
- } else {
24
- head.appendChild(style);
25
- }
26
- if (style.styleSheet) {
27
- style.styleSheet.cssText = css;
28
- } else {
29
- style.appendChild(document.createTextNode(css));
30
- }
31
- }
32
-
33
- 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%}";
34
- 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"};
35
- styleInject(css_248z);
36
-
37
- /**
38
- * Audio Component
39
- * 音频播放组件
40
- */
41
-
42
- const formatTime = seconds => {
43
- const mins = Math.floor(seconds / 60);
44
- const secs = Math.floor(seconds % 60);
45
- return `${mins}:${secs.toString().padStart(2, '0')}`;
46
- };
47
- const Audio = ({
48
- ref,
49
- src = '',
50
- title = '音频文件',
51
- autoPlay = false,
52
- loop = false,
53
- audioStyle = 'custom',
54
- style: externalStyle
55
- }) => {
56
- const audioRef = react.useRef(null);
57
- const [isPlaying, setIsPlaying] = react.useState(false);
58
- const [currentTime, setCurrentTime] = react.useState(0);
59
- const [duration, setDuration] = react.useState(0);
60
- react.useEffect(() => {
61
- const audio = audioRef.current;
62
- if (!audio) {
63
- return;
64
- }
65
- const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
66
- const handleLoadedMetadata = () => setDuration(audio.duration);
67
- const handleEnded = () => setIsPlaying(false);
68
- audio.addEventListener('timeupdate', handleTimeUpdate);
69
- audio.addEventListener('loadedmetadata', handleLoadedMetadata);
70
- audio.addEventListener('ended', handleEnded);
71
- return () => {
72
- audio.removeEventListener('timeupdate', handleTimeUpdate);
73
- audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
74
- audio.removeEventListener('ended', handleEnded);
75
- };
76
- }, []);
77
- const togglePlay = () => {
78
- if (audioRef.current) {
79
- if (isPlaying) {
80
- audioRef.current.pause();
81
- } else {
82
- audioRef.current.play();
83
- }
84
- setIsPlaying(!isPlaying);
85
- }
86
- };
87
- const handleProgressClick = e => {
88
- if (audioRef.current && duration) {
89
- const rect = e.currentTarget.getBoundingClientRect();
90
- const percent = (e.clientX - rect.left) / rect.width;
91
- audioRef.current.currentTime = percent * duration;
92
- }
93
- };
94
- const progress = duration ? currentTime / duration * 100 : 0;
95
-
96
- // 原生样式
97
- if (audioStyle === 'native') {
98
- return /*#__PURE__*/jsxRuntime.jsx("div", {
99
- className: styles.container,
100
- ref: ref,
101
- style: externalStyle,
102
- children: /*#__PURE__*/jsxRuntime.jsx("audio", {
103
- autoPlay: autoPlay,
104
- className: styles.nativeAudio,
105
- controls: true,
106
- loop: loop,
107
- ref: audioRef,
108
- src: src
109
- })
110
- });
111
- }
112
-
113
- // 自定义样式
114
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
115
- className: styles.container,
116
- ref: ref,
117
- style: externalStyle,
118
- children: [/*#__PURE__*/jsxRuntime.jsx("audio", {
119
- autoPlay: autoPlay,
120
- loop: loop,
121
- ref: audioRef,
122
- src: src
123
- }), /*#__PURE__*/jsxRuntime.jsx("button", {
124
- "aria-label": isPlaying ? 'Pause' : 'Play',
125
- className: styles.playButton,
126
- onClick: togglePlay,
127
- type: "button",
128
- children: isPlaying ? /*#__PURE__*/jsxRuntime.jsxs("div", {
129
- className: styles.pauseIcon,
130
- children: [/*#__PURE__*/jsxRuntime.jsx("div", {
131
- className: styles.pauseBar
132
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
133
- className: styles.pauseBar
134
- })]
135
- }) : /*#__PURE__*/jsxRuntime.jsx("div", {
136
- className: styles.playIcon
137
- })
138
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
139
- className: styles.info,
140
- children: [/*#__PURE__*/jsxRuntime.jsx("div", {
141
- className: styles.title,
142
- children: title
143
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
144
- className: styles.progressContainer,
145
- children: [/*#__PURE__*/jsxRuntime.jsx("button", {
146
- "aria-label": "Seek to position",
147
- className: styles.progressBar
148
- // @ts-expect-error
149
- ,
150
- onClick: handleProgressClick,
151
- type: "button",
152
- children: /*#__PURE__*/jsxRuntime.jsx("div", {
153
- className: styles.progressFill,
154
- style: {
155
- width: `${progress}%`
156
- }
157
- })
158
- }), /*#__PURE__*/jsxRuntime.jsxs("span", {
159
- className: styles.time,
160
- children: [formatTime(currentTime), " / ", formatTime(duration || 0)]
161
- })]
162
- })]
163
- })]
164
- });
165
- };
166
-
167
- const MaterialGroup = {
168
- MEDIA: 'media'};
169
-
170
- const COMPONENT_NAME = 'EasyEditorMaterialsAudio';
171
- const PACKAGE_NAME = '@easy-editor/materials-dashboard-audio';
172
-
173
- const configure = {
174
- props: [{
175
- type: 'group',
176
- title: '属性',
177
- setter: 'TabSetter',
178
- items: [{
179
- type: 'group',
180
- key: 'config',
181
- title: '配置',
182
- setter: {
183
- componentName: 'CollapseSetter',
184
- props: {
185
- icon: false
186
- }
187
- },
188
- items: [
189
- {
190
- name: 'id',
191
- title: 'ID',
192
- setter: 'NodeIdSetter',
193
- extraProps: {
194
- label: false
195
- }
196
- }, {
197
- name: 'title',
198
- title: '标题',
199
- setter: 'StringSetter',
200
- extraProps: {
201
- getValue(target) {
202
- return target.getExtraPropValue('title');
203
- },
204
- setValue(target, value) {
205
- target.setExtraPropValue('title', value);
206
- }
207
- }
208
- }, {
209
- type: 'group',
210
- title: '基础属性',
211
- setter: {
212
- componentName: 'CollapseSetter',
213
- props: {
214
- icon: false
215
- }
216
- },
217
- items: [{
218
- name: 'rect',
219
- title: '位置尺寸',
220
- setter: 'RectSetter',
221
- extraProps: {
222
- getValue(target) {
223
- return target.getExtraPropValue('$dashboard.rect');
224
- },
225
- setValue(target, value) {
226
- target.setExtraPropValue('$dashboard.rect', value);
227
- }
228
- }
229
- }]
230
- },
231
- {
232
- type: 'group',
233
- title: '内容',
234
- setter: {
235
- componentName: 'CollapseSetter',
236
- props: {
237
- icon: false
238
- }
239
- },
240
- items: [{
241
- name: '__upload',
242
- title: '上传',
243
- setter: {
244
- componentName: 'UploadSetter',
245
- props: {
246
- accept: '.mp3,.wav,.ogg'
247
- }
248
- },
249
- extraProps: {
250
- setValue(target, value) {
251
- if (value) {
252
- const {
253
- base64,
254
- raw
255
- } = value;
256
- if (base64) {
257
- target.parent.setPropValue('src', base64);
258
- }
259
- if (raw?.width) {
260
- target.parent.setExtraPropValue('$dashboard.rect.width', raw.width);
261
- }
262
- if (raw?.height) {
263
- target.parent.setExtraPropValue('$dashboard.rect.height', raw.height);
264
- }
265
- } else {
266
- target.parent.clearPropValue('src');
267
- }
268
- }
269
- }
270
- }, {
271
- name: 'src',
272
- title: '音频地址',
273
- setter: 'StringSetter'
274
- }, {
275
- name: 'title',
276
- title: '标题',
277
- setter: 'StringSetter',
278
- extraProps: {
279
- defaultValue: '音频文件'
280
- }
281
- }]
282
- }, {
283
- type: 'group',
284
- title: '播放',
285
- setter: {
286
- componentName: 'CollapseSetter',
287
- props: {
288
- icon: false
289
- }
290
- },
291
- items: [{
292
- name: 'autoPlay',
293
- title: '自动播放',
294
- setter: 'SwitchSetter',
295
- extraProps: {
296
- defaultValue: false
297
- }
298
- }, {
299
- name: 'loop',
300
- title: '循环播放',
301
- setter: 'SwitchSetter',
302
- extraProps: {
303
- defaultValue: false
304
- }
305
- }, {
306
- name: 'audioStyle',
307
- title: '样式类型',
308
- setter: {
309
- componentName: 'SelectSetter',
310
- props: {
311
- options: [{
312
- label: '自定义',
313
- value: 'custom'
314
- }, {
315
- label: '原生',
316
- value: 'native'
317
- }]
318
- }
319
- },
320
- extraProps: {
321
- defaultValue: 'custom'
322
- }
323
- }, {
324
- name: 'playbackRate',
325
- title: '播放速度',
326
- setter: {
327
- componentName: 'SelectSetter',
328
- props: {
329
- options: [{
330
- label: '0.5x',
331
- value: 0.5
332
- }, {
333
- label: '0.75x',
334
- value: 0.75
335
- }, {
336
- label: '1x (正常)',
337
- value: 1
338
- }, {
339
- label: '1.25x',
340
- value: 1.25
341
- }, {
342
- label: '1.5x',
343
- value: 1.5
344
- }, {
345
- label: '2x',
346
- value: 2
347
- }]
348
- }
349
- },
350
- extraProps: {
351
- defaultValue: 1
352
- }
353
- }, {
354
- name: 'volume',
355
- title: '音量',
356
- setter: {
357
- componentName: 'SliderSetter',
358
- props: {
359
- min: 0,
360
- max: 100,
361
- step: 1,
362
- suffix: '%'
363
- }
364
- },
365
- extraProps: {
366
- defaultValue: 100
367
- }
368
- }]
369
- }]
370
- }, {
371
- type: 'group',
372
- key: 'data',
373
- title: '数据',
374
- items: [{
375
- name: 'dataBinding',
376
- title: '数据绑定',
377
- setter: 'DataBindingSetter'
378
- }]
379
- }, {
380
- type: 'group',
381
- key: 'advanced',
382
- title: '高级',
383
- items: [{
384
- name: 'condition',
385
- title: '显隐控制',
386
- setter: 'SwitchSetter',
387
- extraProps: {
388
- defaultValue: true,
389
- supportVariable: true
390
- }
391
- }]
392
- }]
393
- }],
394
- component: {},
395
- supports: {},
396
- advanced: {}
397
- };
398
-
399
- const snippets = [{
400
- title: '音频播放器',
401
- screenshot: '',
402
- schema: {
403
- componentName: COMPONENT_NAME,
404
- props: {
405
- src: '',
406
- title: '音频文件',
407
- autoPlay: false,
408
- loop: false,
409
- audioStyle: 'custom'
410
- },
411
- $dashboard: {
412
- rect: {
413
- width: 300,
414
- height: 60
415
- }
416
- }
417
- }
418
- }, {
419
- title: '原生音频',
420
- screenshot: '',
421
- schema: {
422
- componentName: COMPONENT_NAME,
423
- props: {
424
- src: '',
425
- title: '音频文件',
426
- audioStyle: 'native'
427
- },
428
- $dashboard: {
429
- rect: {
430
- width: 300,
431
- height: 60
432
- }
433
- }
434
- }
435
- }];
436
-
437
- var version = "0.0.2";
438
- var pkg = {
439
- version: version};
440
-
441
- const meta = {
442
- componentName: COMPONENT_NAME,
443
- title: '音频',
444
- group: MaterialGroup.MEDIA,
445
- devMode: 'proCode',
446
- npm: {
447
- package: PACKAGE_NAME,
448
- version: pkg.version,
449
- globalName: COMPONENT_NAME,
450
- componentName: COMPONENT_NAME
451
- },
452
- snippets,
453
- configure
454
- };
455
-
456
- exports.component = Audio;
457
- exports.meta = meta;
458
-
459
- }));
460
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"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","/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n /** 内置 */\n INNER: 'inner',\n /** 基础 */\n BASIC: 'basic',\n /** 图表 */\n CHART: 'chart',\n /** 数据展示 */\n DISPLAY: 'display',\n /** 媒体 */\n MEDIA: 'media',\n /** 交互 */\n INTERACTION: 'interaction',\n /** 地图 */\n MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置,确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n * 用于构建:\n * - 元数据:${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsAudioMeta)\n * - 组件:${GLOBAL_NAME}Component (例如: EasyEditorMaterialsAudioComponent)\n * - 完整构建:${GLOBAL_NAME} (例如: EasyEditorMaterialsAudio)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsAudio'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-audio'\n","/**\n * Audio Configure\n * 音频组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\nimport type { UploadValue } from '@easy-editor/materials-shared'\n\nexport const configure: Configure = {\n props: [\n {\n type: 'group',\n title: '属性',\n setter: 'TabSetter',\n items: [\n {\n type: 'group',\n key: 'config',\n title: '配置',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n // 基础配置\n {\n name: 'id',\n title: 'ID',\n setter: 'NodeIdSetter',\n extraProps: {\n // @ts-expect-error label is not a valid extra prop\n label: false,\n },\n },\n {\n name: 'title',\n title: '标题',\n setter: 'StringSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('title')\n },\n setValue(target, value) {\n target.setExtraPropValue('title', value)\n },\n },\n },\n {\n type: 'group',\n title: '基础属性',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'rect',\n title: '位置尺寸',\n setter: 'RectSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('$dashboard.rect')\n },\n setValue(target, value) {\n target.setExtraPropValue('$dashboard.rect', value)\n },\n },\n },\n ],\n },\n // 组件配置\n {\n type: 'group',\n title: '内容',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: '__upload',\n title: '上传',\n setter: {\n componentName: 'UploadSetter',\n props: {\n accept: '.mp3,.wav,.ogg',\n },\n },\n extraProps: {\n setValue(target, value: UploadValue) {\n if (value) {\n const { base64, raw } = value\n if (base64) {\n target.parent.setPropValue('src', base64)\n }\n if (raw?.width) {\n target.parent.setExtraPropValue('$dashboard.rect.width', raw.width)\n }\n if (raw?.height) {\n target.parent.setExtraPropValue('$dashboard.rect.height', raw.height)\n }\n } else {\n target.parent.clearPropValue('src')\n }\n },\n },\n },\n {\n name: 'src',\n title: '音频地址',\n setter: 'StringSetter',\n },\n {\n name: 'title',\n title: '标题',\n setter: 'StringSetter',\n extraProps: {\n defaultValue: '音频文件',\n },\n },\n ],\n },\n {\n type: 'group',\n title: '播放',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'autoPlay',\n title: '自动播放',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'loop',\n title: '循环播放',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'audioStyle',\n title: '样式类型',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '自定义', value: 'custom' },\n { label: '原生', value: 'native' },\n ],\n },\n },\n extraProps: {\n defaultValue: 'custom',\n },\n },\n {\n name: 'playbackRate',\n title: '播放速度',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '0.5x', value: 0.5 },\n { label: '0.75x', value: 0.75 },\n { label: '1x (正常)', value: 1 },\n { label: '1.25x', value: 1.25 },\n { label: '1.5x', value: 1.5 },\n { label: '2x', value: 2 },\n ],\n },\n },\n extraProps: {\n defaultValue: 1,\n },\n },\n {\n name: 'volume',\n title: '音量',\n setter: {\n componentName: 'SliderSetter',\n props: {\n min: 0,\n max: 100,\n step: 1,\n suffix: '%',\n },\n },\n extraProps: {\n defaultValue: 100,\n },\n },\n ],\n },\n ],\n },\n {\n type: 'group',\n key: 'data',\n title: '数据',\n items: [\n {\n name: 'dataBinding',\n title: '数据绑定',\n setter: 'DataBindingSetter',\n },\n ],\n },\n {\n type: 'group',\n key: 'advanced',\n title: '高级',\n items: [\n {\n name: 'condition',\n title: '显隐控制',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: true,\n supportVariable: true,\n },\n },\n ],\n },\n ],\n },\n ],\n component: {},\n supports: {},\n advanced: {},\n}\n\nexport default configure\n","/**\n * Audio Snippets\n * 音频组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n {\n title: '音频播放器',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n src: '',\n title: '音频文件',\n autoPlay: false,\n loop: false,\n audioStyle: 'custom',\n },\n $dashboard: {\n rect: {\n width: 300,\n height: 60,\n },\n },\n },\n },\n {\n title: '原生音频',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n src: '',\n title: '音频文件',\n audioStyle: 'native',\n },\n $dashboard: {\n rect: {\n width: 300,\n height: 60,\n },\n },\n },\n },\n]\n\nexport default snippets\n","/**\n * Audio Meta\n * 音频组件元数据\n */\n\nimport type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nexport const meta: ComponentMetadata = {\n componentName: COMPONENT_NAME,\n title: '音频',\n group: MaterialGroup.MEDIA,\n devMode: 'proCode',\n npm: {\n package: PACKAGE_NAME,\n version: pkg.version,\n globalName: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n },\n snippets,\n configure,\n}\n\nexport default meta\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","MaterialGroup","INNER","MEDIA","COMPONENT_NAME","PACKAGE_NAME","configure","props","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","accept","base64","raw","parent","setPropValue","height","clearPropValue","defaultValue","options","min","max","step","suffix","supportVariable","component","supports","advanced","snippets","screenshot","schema","$dashboard","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.min.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../src/constants.ts","../src/meta.ts","../../../../shared/src/index.ts","../src/snippets.ts","../src/configure.ts"],"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","/**\n * 物料常量配置\n * 统一管理全局变量名等配置,确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n * 用于构建:\n * - 元数据:${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsAudioMeta)\n * - 组件:${GLOBAL_NAME}Component (例如: EasyEditorMaterialsAudioComponent)\n * - 完整构建:${GLOBAL_NAME} (例如: EasyEditorMaterialsAudio)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsAudio'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-audio'\n","/**\n * Audio Meta\n * 音频组件元数据\n */\n\nimport type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nexport const meta: ComponentMetadata = {\n componentName: COMPONENT_NAME,\n title: '音频',\n group: MaterialGroup.MEDIA,\n devMode: 'proCode',\n npm: {\n package: PACKAGE_NAME,\n version: pkg.version,\n globalName: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n },\n snippets,\n configure,\n}\n\nexport default meta\n","/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n /** 内置 */\n INNER: 'inner',\n /** 基础 */\n BASIC: 'basic',\n /** 图表 */\n CHART: 'chart',\n /** 数据展示 */\n DISPLAY: 'display',\n /** 媒体 */\n MEDIA: 'media',\n /** 交互 */\n INTERACTION: 'interaction',\n /** 地图 */\n MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * Audio Snippets\n * 音频组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n {\n title: '音频播放器',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n src: '',\n title: '音频文件',\n autoPlay: false,\n loop: false,\n audioStyle: 'custom',\n },\n $dashboard: {\n rect: {\n width: 300,\n height: 60,\n },\n },\n },\n },\n {\n title: '原生音频',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n src: '',\n title: '音频文件',\n audioStyle: 'native',\n },\n $dashboard: {\n rect: {\n width: 300,\n height: 60,\n },\n },\n },\n },\n]\n\nexport default snippets\n","/**\n * Audio Configure\n * 音频组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\nimport type { UploadValue } from '@easy-editor/materials-shared'\n\nexport const configure: Configure = {\n props: [\n {\n type: 'group',\n title: '属性',\n setter: 'TabSetter',\n items: [\n {\n type: 'group',\n key: 'config',\n title: '配置',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n // 基础配置\n {\n name: 'id',\n title: 'ID',\n setter: 'NodeIdSetter',\n extraProps: {\n // @ts-expect-error label is not a valid extra prop\n label: false,\n },\n },\n {\n name: 'title',\n title: '标题',\n setter: 'StringSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('title')\n },\n setValue(target, value) {\n target.setExtraPropValue('title', value)\n },\n },\n },\n {\n type: 'group',\n title: '基础属性',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'rect',\n title: '位置尺寸',\n setter: 'RectSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('$dashboard.rect')\n },\n setValue(target, value) {\n target.setExtraPropValue('$dashboard.rect', value)\n },\n },\n },\n ],\n },\n // 组件配置\n {\n type: 'group',\n title: '内容',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: '__upload',\n title: '上传',\n setter: {\n componentName: 'UploadSetter',\n props: {\n accept: '.mp3,.wav,.ogg',\n },\n },\n extraProps: {\n setValue(target, value: UploadValue) {\n if (value) {\n const { base64, raw } = value\n if (base64) {\n target.parent.setPropValue('src', base64)\n }\n if (raw?.width) {\n target.parent.setExtraPropValue('$dashboard.rect.width', raw.width)\n }\n if (raw?.height) {\n target.parent.setExtraPropValue('$dashboard.rect.height', raw.height)\n }\n } else {\n target.parent.clearPropValue('src')\n }\n },\n },\n },\n {\n name: 'src',\n title: '音频地址',\n setter: 'StringSetter',\n },\n {\n name: 'title',\n title: '标题',\n setter: 'StringSetter',\n extraProps: {\n defaultValue: '音频文件',\n },\n },\n ],\n },\n {\n type: 'group',\n title: '播放',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'autoPlay',\n title: '自动播放',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'loop',\n title: '循环播放',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'audioStyle',\n title: '样式类型',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '自定义', value: 'custom' },\n { label: '原生', value: 'native' },\n ],\n },\n },\n extraProps: {\n defaultValue: 'custom',\n },\n },\n {\n name: 'playbackRate',\n title: '播放速度',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '0.5x', value: 0.5 },\n { label: '0.75x', value: 0.75 },\n { label: '1x (正常)', value: 1 },\n { label: '1.25x', value: 1.25 },\n { label: '1.5x', value: 1.5 },\n { label: '2x', value: 2 },\n ],\n },\n },\n extraProps: {\n defaultValue: 1,\n },\n },\n {\n name: 'volume',\n title: '音量',\n setter: {\n componentName: 'SliderSetter',\n props: {\n min: 0,\n max: 100,\n step: 1,\n suffix: '%',\n },\n },\n extraProps: {\n defaultValue: 100,\n },\n },\n ],\n },\n ],\n },\n {\n type: 'group',\n key: 'data',\n title: '数据',\n items: [\n {\n name: 'dataBinding',\n title: '数据绑定',\n setter: 'DataBindingSetter',\n },\n ],\n },\n {\n type: 'group',\n key: 'advanced',\n title: '高级',\n items: [\n {\n name: 'condition',\n title: '显隐控制',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: true,\n supportVariable: true,\n },\n },\n ],\n },\n ],\n },\n ],\n component: {},\n supports: {},\n advanced: {},\n}\n\nexport default configure\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","formatTime","seconds","Math","floor","toString","padStart","COMPONENT_NAME","meta","componentName","title","group","devMode","npm","package","version","globalName","snippets","screenshot","schema","props","src","autoPlay","loop","audioStyle","$dashboard","rect","width","height","configure","setter","items","key","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","accept","base64","raw","parent","setPropValue","clearPropValue","defaultValue","options","min","max","step","suffix","supportVariable","component","supports","advanced","Audio","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","currentTarget","getBoundingClientRect","percent","clientX","left"],"mappings":"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","x_google_ignoreList":[0]}