index.ts 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824
  1. import { h, unref } from 'vue';
  2. import type { App, Plugin } from 'vue';
  3. import { NIcon, NTag } from 'naive-ui';
  4. import { PageEnum } from '@/enums/pageEnum';
  5. import { isObject } from './is/index';
  6. import { cloneDeep } from 'lodash';
  7. import dayjs from 'dayjs';
  8. import EventEmitter from 'eventemitter3';
  9. import { parseQuery } from '../router';
  10. export const eventGlobal = new EventEmitter();
  11. /**
  12. * render 图标
  13. * */
  14. export function renderIcon(icon: any) {
  15. return () => h(NIcon, null, { default: () => h(icon) });
  16. }
  17. /**
  18. * font 图标(Font class)
  19. * */
  20. export function renderFontClassIcon(icon: string, iconName = 'iconfont') {
  21. return () => h('span', { class: [iconName, icon] });
  22. }
  23. /**
  24. * font 图标(Unicode)
  25. * */
  26. export function renderUnicodeIcon(icon: string, iconName = 'iconfont') {
  27. return () => h('span', { class: [iconName], innerHTML: icon });
  28. }
  29. /**
  30. * font svg 图标
  31. * */
  32. export function renderfontsvg(icon: any) {
  33. return () =>
  34. h(NIcon, null, {
  35. default: () =>
  36. h(
  37. 'svg',
  38. { class: `icon`, 'aria-hidden': 'true' },
  39. h('use', { 'xlink:href': `#${icon}` })
  40. )
  41. });
  42. }
  43. /**
  44. * render new Tag
  45. * */
  46. const newTagColors = { color: '#f90', textColor: '#fff', borderColor: '#f90' };
  47. export function renderNew(
  48. type = 'warning',
  49. text = 'New',
  50. color: object = newTagColors
  51. ) {
  52. return () =>
  53. h(
  54. NTag as any,
  55. {
  56. type,
  57. round: true,
  58. size: 'small',
  59. color
  60. },
  61. { default: () => text }
  62. );
  63. }
  64. /**
  65. * 递归组装菜单格式
  66. */
  67. export function generatorMenu(routerMap: Array<any>) {
  68. return filterRouter(routerMap).map(item => {
  69. const isRoot = isRootRouter(item);
  70. if (isRoot) {
  71. console.log(item.children[0], 'isRoot');
  72. }
  73. const info = isRoot ? item.children[0] : item;
  74. // console.log(item)
  75. const currentMenu = {
  76. ...info,
  77. ...info.meta,
  78. label: info.meta?.title,
  79. key: info.key,
  80. icon: info.meta?.icon
  81. };
  82. // 是否有子菜单,并递归处理
  83. if (info.children && info.children.length > 0) {
  84. // Recursion
  85. currentMenu.children = generatorMenu(info.children);
  86. }
  87. return currentMenu;
  88. });
  89. }
  90. /**
  91. * 混合菜单
  92. * */
  93. export function generatorMenuMix(
  94. routerMap: Array<any>,
  95. routerName: string,
  96. location: string
  97. ) {
  98. const cloneRouterMap = cloneDeep(routerMap);
  99. const newRouter = filterRouter(cloneRouterMap);
  100. if (location === 'header') {
  101. const firstRouter: any[] = [];
  102. newRouter.forEach(item => {
  103. const isRoot = isRootRouter(item);
  104. const info = isRoot ? item.children[0] : item;
  105. info.children = undefined;
  106. const currentMenu = {
  107. ...info,
  108. ...info.meta,
  109. label: info.meta?.title,
  110. key: info.name
  111. };
  112. firstRouter.push(currentMenu);
  113. });
  114. return firstRouter;
  115. } else {
  116. // 混合菜单
  117. console.log('混合菜单');
  118. return getChildrenRouter(
  119. newRouter.filter(item => item.name === routerName)
  120. );
  121. }
  122. }
  123. /**
  124. * 递归组装子菜单
  125. * */
  126. export function getChildrenRouter(routerMap: Array<any>) {
  127. return filterRouter(routerMap).map(item => {
  128. const isRoot = isRootRouter(item);
  129. const info = isRoot ? item.children[0] : item;
  130. const currentMenu = {
  131. ...info,
  132. ...info.meta,
  133. label: info.meta?.title,
  134. key: info.name
  135. };
  136. // 是否有子菜单,并递归处理
  137. if (info.children && info.children.length > 0) {
  138. // Recursion
  139. currentMenu.children = getChildrenRouter(info.children);
  140. }
  141. return currentMenu;
  142. });
  143. }
  144. /**
  145. * 判断根路由 Router
  146. * */
  147. export function isRootRouter(item: any) {
  148. return item.meta?.isRoot === true;
  149. }
  150. /**
  151. * 排除Router
  152. * */
  153. export function filterRouter(routerMap: Array<any>) {
  154. return routerMap.filter(item => {
  155. // console.log(
  156. // (item.meta?.hidden || false) != true &&
  157. // !['/:path(.*)*', PageEnum.REDIRECT, PageEnum.BASE_LOGIN].includes(item.path),
  158. // '过滤完之后的路由'
  159. // )
  160. return (
  161. (item.meta?.hidden || false) != true &&
  162. !['/:path(.*)*', PageEnum.REDIRECT, PageEnum.BASE_LOGIN].includes(
  163. item.path
  164. )
  165. );
  166. });
  167. }
  168. export const withInstall = <T>(component: T, alias?: string) => {
  169. const comp = component as any;
  170. comp.install = (app: App) => {
  171. app.component(comp.name || comp.displayName, component as any);
  172. if (alias) {
  173. app.config.globalProperties[alias] = component;
  174. }
  175. };
  176. return component as T & Plugin;
  177. };
  178. /**
  179. * 找到对应的节点
  180. * */
  181. let result = null as any;
  182. export function getTreeItem(data: any[], key?: string | number): any {
  183. data.map(item => {
  184. if (item.key === key) {
  185. result = item;
  186. } else {
  187. if (item.children && item.children.length) {
  188. getTreeItem(item.children, key);
  189. }
  190. }
  191. });
  192. return result;
  193. }
  194. /**
  195. * 找到所有节点
  196. * */
  197. const treeAll: any[] = [];
  198. export function getTreeAll(data: any[]): any[] {
  199. data.map(item => {
  200. treeAll.push(item.key);
  201. if (item.children && item.children.length) {
  202. getTreeAll(item.children);
  203. }
  204. });
  205. return treeAll;
  206. }
  207. export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
  208. let key: string;
  209. for (key in target) {
  210. src[key] = isObject(src[key])
  211. ? deepMerge(src[key], target[key])
  212. : (src[key] = target[key]);
  213. }
  214. return src;
  215. }
  216. /**
  217. * Sums the passed percentage to the R, G or B of a HEX color
  218. * @param {string} color The color to change
  219. * @param {number} amount The amount to change the color by
  220. * @returns {string} The processed part of the color
  221. */
  222. function addLight(color: string, amount: number) {
  223. const cc = parseInt(color, 16) + amount;
  224. const c = cc > 255 ? 255 : cc;
  225. return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`;
  226. }
  227. /**
  228. * Lightens a 6 char HEX color according to the passed percentage
  229. * @param {string} color The color to change
  230. * @param {number} amount The amount to change the color by
  231. * @returns {string} The processed color represented as HEX
  232. */
  233. export function lighten(color: string, amount: number) {
  234. color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color;
  235. amount = Math.trunc((255 * amount) / 100);
  236. return `#${addLight(color.substring(0, 2), amount)}${addLight(
  237. color.substring(2, 4),
  238. amount
  239. )}${addLight(color.substring(4, 6), amount)}`;
  240. }
  241. /**
  242. * 判断是否 url
  243. * */
  244. export function isUrl(url: string) {
  245. return /^(http|https):\/\//g.test(url);
  246. }
  247. /** 递归清除空数据 */
  248. export function clearEmtryData(list: any[], key: string) {
  249. for (let i = 0; i < list.length; i++) {
  250. if (Array.isArray(list[i][key]) && !list[i][key].length) {
  251. list[i][key] = '';
  252. } else {
  253. list[i][key] = clearEmtryData(list[i][key], key);
  254. }
  255. }
  256. return list;
  257. }
  258. // 秒转分
  259. export const getSecondRPM = (second: number, type?: string) => {
  260. if (isNaN(second)) return '00:00';
  261. const mm = Math.floor(second / 60)
  262. .toString()
  263. .padStart(2, '0');
  264. const dd = Math.floor(second % 60)
  265. .toString()
  266. .padStart(2, '0');
  267. if (type === 'cn') {
  268. return mm + '分' + dd + '秒';
  269. } else {
  270. return mm + ':' + dd;
  271. }
  272. };
  273. // 秒转分
  274. export const getSecond = (second: number, type?: string) => {
  275. if (isNaN(second)) return '0000';
  276. const mm = Math.floor(second / 60)
  277. .toString()
  278. .padStart(2, '0');
  279. const dd = Math.floor(second % 60)
  280. .toString()
  281. .padStart(2, '0');
  282. return `${mm}${dd}`;
  283. };
  284. /** 滚动到表单填写错误的地方 */
  285. export function scrollToErrorForm() {
  286. const isError =
  287. document.querySelector('.n-input--error-status') ||
  288. document.querySelector('.n-base-selection--error-status');
  289. isError?.scrollIntoView({
  290. block: 'center',
  291. behavior: 'smooth'
  292. });
  293. }
  294. export const getTimes = (
  295. times: any,
  296. keys: Array<string> = [],
  297. format = 'YYYY-MM-DD'
  298. ) => {
  299. if (times && times.length) {
  300. return format == 'YYYY-MM-DD'
  301. ? {
  302. [keys[0] || 'start']: dayjs(times[0]).isValid()
  303. ? dayjs(times[0]).format(format) + ' 00:00:00'
  304. : '',
  305. [keys[1] || 'end']: dayjs(times[1]).isValid()
  306. ? dayjs(times[1]).format(format) + ' 23:59:59'
  307. : ''
  308. }
  309. : {
  310. [keys[0] || 'start']: dayjs(times[0]).isValid()
  311. ? dayjs(times[0]).format(format)
  312. : '',
  313. [keys[1] || 'end']: dayjs(times[1]).isValid()
  314. ? dayjs(times[1]).format(format)
  315. : ''
  316. };
  317. }
  318. return {};
  319. };
  320. export const px2vw = (px: number): string => `${(px / 1920) * 100}vw`;
  321. export const px2vwH = (px: number): string =>
  322. `${(((px / 1920) * 1920) / 1188) * 100}vw`;
  323. export const fscreen = () => {
  324. const el = document.documentElement;
  325. //进入全屏
  326. (el.requestFullscreen && el.requestFullscreen()) ||
  327. (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
  328. (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
  329. (el.msRequestFullscreen && el.msRequestFullscreen());
  330. };
  331. //退出全屏
  332. export const exitFullscreen = () => {
  333. document.exitFullscreen
  334. ? document.exitFullscreen()
  335. : document.mozCancelFullScreen
  336. ? document.mozCancelFullScreen()
  337. : document.webkitExitFullscreen
  338. ? document.webkitExitFullscreen()
  339. : '';
  340. };
  341. /** 检测链接格式 */
  342. export function checkUrlType(urlType: string) {
  343. const subfix = (urlType || '').split('.').pop();
  344. if (subfix === 'wav' || subfix === 'mp3' || subfix === 'm4a') {
  345. return 'audio';
  346. }
  347. return 'video';
  348. }
  349. const instruments: any = {
  350. 'Acoustic Grand Piano': '大钢琴',
  351. 'Bright Acoustic Piano': '明亮的钢琴',
  352. 'Electric Grand Piano': '电钢琴',
  353. 'Rhodes Piano': '柔和的电钢琴',
  354. 'Chorused Piano': '加合唱效果的电钢琴',
  355. Harpsichord: '羽管键琴',
  356. Clavichord: '科拉维科特琴',
  357. Celesta: '钢片琴',
  358. Glockenspiel: '钢片琴',
  359. 'Music box': '八音盒',
  360. Vibraphone: '颤音琴',
  361. Marimba: '马林巴',
  362. Xylophone: '木琴',
  363. 'Tubular Bells': '管钟',
  364. Dulcimer: '大扬琴',
  365. 'Hammond Organ': '击杆风琴',
  366. 'Percussive Organ': '打击式风琴',
  367. 'Rock Organ': '摇滚风琴',
  368. 'Church Organ': '教堂风琴',
  369. 'Reed Organ': '簧管风琴',
  370. Accordian: '手风琴',
  371. Harmonica: '口琴',
  372. 'Tango Accordian': '探戈手风琴',
  373. 'Acoustic Guitar': '钢弦吉他',
  374. 'Electric Guitar': '闷音电吉他',
  375. 'Overdriven Guitar': '加驱动效果的电吉他',
  376. 'Distortion Guitar': '加失真效果的电吉他',
  377. 'Guitar Harmonics': '吉他和音',
  378. 'Acoustic Bass': '大贝司',
  379. 'Electric Bass': '电贝司',
  380. 'Fretless Bass': '无品贝司',
  381. 'Slap Bass': '掌击',
  382. 'Synth Bass': '电子合成',
  383. Violin: '小提琴',
  384. Viola: '中提琴',
  385. Cello: '大提琴',
  386. Contrabass: '低音大提琴',
  387. 'Tremolo Strings': '弦乐群颤音音色',
  388. 'Pizzicato Strings': '弦乐群拨弦音色',
  389. 'Orchestral Harp': '竖琴',
  390. Timpani: '定音鼓',
  391. 'String Ensemble': '弦乐合奏音色',
  392. 'Synth Strings': '合成弦乐合奏音色',
  393. 'Choir Aahs': '人声合唱',
  394. 'Voice Oohs': '人声',
  395. 'Synth Voice': '合成人声',
  396. 'Orchestra Hit': '管弦乐敲击齐奏',
  397. Trumpet: '小号',
  398. Trombone: '长号',
  399. Tuba: '大号',
  400. 'Muted Trumpet': '加弱音器小号',
  401. 'French Horn': '法国号',
  402. 'Brass Section': '铜管组',
  403. 'Synth Brass': '合成铜管音色',
  404. 'Soprano Sax': '高音萨克斯管',
  405. 'Alto Sax': '中音萨克斯管',
  406. 'Tenor Sax': '次中音萨克斯管',
  407. 'Baritone Sax': '低音萨克斯管',
  408. Oboe: '双簧管',
  409. 'English Horn': '英国管',
  410. Bassoon: '巴松',
  411. 'Soprano Saxophone': '高音萨克斯管',
  412. 'Alto Saxophone': '中音萨克斯管',
  413. 'Tenor Saxophone': '次中音萨克斯管',
  414. 'Baritone Saxophone': '低音萨克斯管',
  415. Piccolo: '短笛',
  416. Flute: '长笛',
  417. Recorder: '竖笛',
  418. 'Soprano Recorder': '高音竖笛',
  419. 'Pan Flute': '排箫',
  420. 'Bottle Blow': '瓶木管',
  421. Whistle: '口哨声',
  422. Ocarina: '陶笛',
  423. Lead: '合成主音',
  424. 'Lead lead': '合成主音',
  425. 'Pad age': '合成音色',
  426. Pad: '合成音色',
  427. FX: '合成效果 科幻',
  428. Sitar: '西塔尔',
  429. Banjo: '班卓琴',
  430. Shamisen: '三昧线',
  431. Koto: '十三弦筝',
  432. Kalimba: '卡林巴',
  433. Bagpipe: '风笛',
  434. Fiddle: '民族提琴',
  435. Shanai: '山奈',
  436. 'Tinkle Bell': '叮当铃',
  437. Agogos: '阿戈戈铃',
  438. 'Steel Drums': '钢鼓',
  439. 'Taiko Drum': '太鼓',
  440. 'Melodic Toms': '嗵嗵鼓',
  441. 'Synth Drums': '合成鼓',
  442. 'Reverse Cymbals': '反向镲',
  443. 'Agogo Bells': '阿戈戈铃',
  444. 'Taiko Drums': '太鼓',
  445. Bongos: '邦戈鼓',
  446. 'Bongo Bell': '邦戈铃',
  447. Congas: '康加鼓',
  448. Guiro: '刮壶',
  449. 'Guitar Fret Noise': '吉他换把杂音',
  450. 'Breath Noise': '呼吸声',
  451. Seashore: '海浪声',
  452. 'Bird Tweet': '鸟鸣',
  453. 'Telephone Ring': '电话铃',
  454. Helicopter: '直升机',
  455. Applause: '鼓掌声',
  456. Gunshot: '枪声',
  457. 'Acoustic Bass Drum': '大鼓',
  458. 'Bass Drum': '大鼓',
  459. 'Side Drum': '小鼓鼓边',
  460. 'Acoustic Snare': '小鼓',
  461. 'Hand Claps': '拍手',
  462. 'Electric Snare': '小鼓',
  463. 'Low Floor Tom': '低音嗵鼓',
  464. 'Closed Hi-Hat': '闭合踩镲',
  465. 'High Floor Tom': '高音落地嗵鼓',
  466. 'Pedal Hi-Hat': '脚踏踩镲',
  467. 'Low Tom': '低音嗵鼓',
  468. 'Open Hi-Hat': '开音踩镲',
  469. 'Low-Mid Tom': '中低音嗵鼓',
  470. 'Hi Mid Tom': '高音鼓',
  471. 'Crash Cymbals': '对镲',
  472. 'High Tom': '高音嗵鼓',
  473. 'Ride Cymbals': '叮叮镲',
  474. 'Chinese Cymbals': '中国镲',
  475. 'Ride Bell': '圆铃',
  476. Tambourine: '铃鼓',
  477. 'Splash Cymbal': '溅音镲',
  478. Cowbell: '牛铃',
  479. 'Crash Cymbal': '强音钹',
  480. 'Vibra-Slap': '颤音器',
  481. 'Ride Cymbal': '打点钹',
  482. 'Hi Bongo': '高音邦戈鼓',
  483. 'Low Bongo': '低音邦戈鼓',
  484. 'Mute Hi Conga': '弱音高音康加鼓',
  485. 'Open Hi Conga': '强音高音康加鼓',
  486. 'Low Conga': '低音康加鼓',
  487. 'High Timbale': '高音天巴鼓',
  488. 'Low Timbale': '低音天巴鼓',
  489. 'High Agogo': '高音阿戈戈铃',
  490. 'Low Agogo': '低音阿戈戈铃',
  491. Cabasa: '卡巴萨',
  492. Maracas: '沙锤',
  493. 'Short Whistle': '短口哨',
  494. 'Long Whistle': '长口哨',
  495. 'Short Guiro': '短刮壶',
  496. 'Long Guiro': '长刮壶',
  497. Claves: '响棒',
  498. 'Hi Wood Block': '高音木鱼',
  499. 'Low Wood Block': '低音木鱼',
  500. 'Mute Triangle': '弱音三角铁',
  501. 'Open Triangle': '强音三角铁',
  502. 'Drum Set': '架子鼓',
  503. 'Hulusi flute': '葫芦丝',
  504. Melodica: '口风琴',
  505. 'Snare Drum': '小军鼓',
  506. 'Horn in F': '圆号',
  507. Triangle: '三角铁',
  508. Vibrato: '颤音琴',
  509. 'Suspend Cymbals': '吊镲',
  510. 'Suspended Cymbals': '吊镲',
  511. 'Tom-Toms': '嗵嗵鼓',
  512. Bell: '铃铛',
  513. Bells: '铃铛',
  514. 'Alto Clarinet': '中音单簧管',
  515. 'Bass Clarinet': '低音单簧管',
  516. Clarinet: '单簧管',
  517. Cornet: '短号',
  518. Euphonium: '上低音号',
  519. 'crash cymbals': '对镲',
  520. Castanets: '响板',
  521. Shaker: '沙锤',
  522. 'Mark tree': '音树',
  523. Chimes: '管钟',
  524. 'Mark Tree': '音树',
  525. 'Tom-toms': '嗵嗵鼓',
  526. 'Hi-Hat': '踩镲',
  527. 'Sleigh Bells': '雪橇铃',
  528. Flexatone: '弹音器',
  529. 'Brake drum': '闸鼓',
  530. Gong: '锣',
  531. 'concert tom': '音乐会嗵嗵鼓',
  532. 'brake drum': '车轮鼓',
  533. 'finger cymbal': '指钹',
  534. 'ride cymbal': '叮叮镲',
  535. 'Concert Toms': '音乐会嗵嗵鼓',
  536. Vibraslap: '弹音器',
  537. 'Wood Blocks': '木鱼',
  538. 'Temple Blocks': '木鱼',
  539. 'Wood Block': '木鱼',
  540. 'Field Drum': '军鼓',
  541. 'Quad-Toms': '筒鼓',
  542. Quads: '筒鼓',
  543. 'Drums set': '架子鼓',
  544. 'High Bongo': '邦戈',
  545. Timbales: '天巴鼓',
  546. 'rain stick': '雨棒',
  547. 'String Bass': '弦乐低音',
  548. 'Floor Tom': '侧嗵鼓',
  549. 'Brake Drum': '闸鼓',
  550. 'Tam-tam': '大锣',
  551. Cymbal: '镲',
  552. Cymbals: '镲'
  553. };
  554. /** 获取分轨名称 */
  555. export const getInstrumentName = (name = '') => {
  556. name = name.toLocaleLowerCase().replace(/ /g, '');
  557. if (!name) return '';
  558. for (const key in instruments) {
  559. const _key = key.toLocaleLowerCase().replace(/ /g, '');
  560. if (_key.includes(name)) {
  561. return instruments[key];
  562. }
  563. }
  564. for (const key in instruments) {
  565. const _key = key.toLocaleLowerCase().replace(/ /g, '');
  566. if (name.includes(_key)) {
  567. return instruments[key];
  568. }
  569. }
  570. return '';
  571. };
  572. /**
  573. * 乐器排序
  574. * 排序顺序:长笛、单簧管、中音单簧管、低音单簧管、高音萨克斯风、中音萨克斯风、次中音萨克斯风、低音萨克斯风、小号、长号、圆号、大号、上低音号
  575. * */
  576. export const sortMusical = (name: string, index: number) => {
  577. let sortId = 0;
  578. switch (name) {
  579. case '长笛':
  580. sortId = 1;
  581. break;
  582. case '单簧管':
  583. sortId = 2;
  584. break;
  585. case '中音单簧管':
  586. sortId = 3;
  587. break;
  588. case '低音单簧管':
  589. sortId = 4;
  590. break;
  591. case '高音萨克斯风':
  592. sortId = 5;
  593. break;
  594. case '中音萨克斯风':
  595. sortId = 6;
  596. break;
  597. case '次中音萨克斯风':
  598. sortId = 7;
  599. break;
  600. case '低音萨克斯风':
  601. sortId = 8;
  602. break;
  603. case '小号':
  604. sortId = 9;
  605. break;
  606. case '长号':
  607. sortId = 10;
  608. break;
  609. case '圆号':
  610. sortId = 11;
  611. break;
  612. case '大号':
  613. sortId = 12;
  614. break;
  615. case '上低音号':
  616. sortId = 13;
  617. break;
  618. default:
  619. sortId = index + 14;
  620. break;
  621. }
  622. return sortId;
  623. };
  624. // 课堂乐器声轨名称集合
  625. const trackNames: any = {
  626. Piccolo: 'Tenor Recorder',
  627. flute: 'Flute',
  628. Flute: 'Flute',
  629. 'Flute 1': 'Flute',
  630. 'Flute 2': 'Flute',
  631. Oboe: 'Clarinet',
  632. oboe: 'Clarinet',
  633. clarinet: 'Clarinet',
  634. 'Clarinet in Bb': 'Clarinet',
  635. 'Clarinet in Bb 1': 'Clarinet',
  636. 'Clarinet in Bb 2': 'Clarinet',
  637. 'Alto Clarinet in Eb': 'Clarinet',
  638. 'Bass Clarinet in Bb': 'Clarinet',
  639. Bassoon: 'Bassoon',
  640. 'Alto Saxophone': 'Alto Saxophone',
  641. 'Tenor Saxophone': 'Alto Saxophone',
  642. 'Baritone Saxophone': 'Alto Saxophone',
  643. altosaxophone: 'Alto Saxophone',
  644. tenorsaxophone: 'Alto Saxophone',
  645. saxophone: 'Alto Saxophone',
  646. 'Trumpet in Bb 1': 'Trumpet',
  647. 'Trumpet in Bb 2': 'Trumpet',
  648. trumpet: 'Trumpet',
  649. 'Horn in F': 'Horn',
  650. 'Horn in F 1': 'Horn',
  651. 'Horn in F 2': 'Horn',
  652. horn: 'Horn',
  653. trombone: 'Trombone',
  654. 'Trombone 1': 'Trombone',
  655. 'Trombone 2': 'Trombone',
  656. 'Trombone 3': 'Trombone',
  657. Euphonium: 'Baritone',
  658. upbasshorn: 'Baritone',
  659. Tuba: 'Tuba',
  660. tuba: 'Tuba',
  661. Chimes: 'Chimes',
  662. Bells: 'Bells',
  663. Xylophone: 'Xylophone',
  664. 'Snare Drum': 'Snare Drum',
  665. 'Bass Drum': 'Bass Drum',
  666. Triangle: 'Triangle',
  667. 'Suspended Cymbal': 'Suspended Cymbal',
  668. 'Crash Cymbals': 'Crash Cymbals',
  669. 'Concert Toms': 'Concert Toms',
  670. Timpani: 'Timpani',
  671. 'Drum Set': 'Drum Set',
  672. Marimba: 'Marimba',
  673. Vibraphone: 'Vibraphone',
  674. 'Tubular Bells': 'Tubular Bells',
  675. Mallets: 'Mallets',
  676. recorder: 'Piccolo',
  677. tenorrecorder: 'piccolo',
  678. melodica: 'melodica',
  679. hulusiFlute: 'hulusiFlute',
  680. panflute: 'panflute',
  681. ukulele: 'ukulele',
  682. mouthorgan: 'mouthorgan',
  683. piano: 'piano',
  684. woodwind: 'Woodwind',
  685. panpipes: 'Panpipes',
  686. ocarina: 'Ocarina',
  687. nai: 'Nai',
  688. BaroqueRecorder: 'Baroque Recorder'
  689. };
  690. /** 声轨track转换成乐器code */
  691. export const trackToCode = (track: any) => {
  692. return trackNames[track] || track;
  693. };
  694. export const iframeDislableKeyboard = (iframeDom: any) => {
  695. // 在 iframe 内部注入脚本禁用右键菜单
  696. const script = document.createElement('script');
  697. script.innerHTML = `
  698. document.addEventListener('contextmenu', function(e) {
  699. e.preventDefault();
  700. });
  701. document.addEventListener('keydown', function (event) {
  702. // 屏蔽 F12 和 Ctrl+Shift+I
  703. if (
  704. event.key === 'F12' ||
  705. (event.ctrlKey && event.shiftKey && event.key === 'I') ||
  706. (event.metaKey && event.altKey && event.key === 'I')
  707. ) {
  708. event.preventDefault();
  709. }
  710. });
  711. `;
  712. if (iframeDom.contentWindow.document.body) {
  713. iframeDom?.contentDocument?.body.appendChild(script);
  714. }
  715. };
  716. // 后台打开老师端页面时初始化数据
  717. export const getAuthForAdmin = () => {
  718. const search = location.href.split('??');
  719. const userAuth = {
  720. Authorization: "" as any,
  721. authSource: ""
  722. }
  723. if(search[1]) {
  724. const parse = search[1];
  725. const result = parseQuery(parse);
  726. if (result.Authorization) {
  727. // storage.set(ACCESS_TOKEN_ADMIN, result.Authorization, ex);
  728. // sessionStorage.setItem('authLoadNum', '1');
  729. // sessionStorage.setItem('authSource', result.source?.toString() || '');
  730. userAuth.Authorization = result.Authorization
  731. userAuth.authSource = result.source?.toString() || ''
  732. }
  733. }
  734. return userAuth
  735. // const authLoadNum = sessionStorage.getItem('authLoadNum');
  736. // const search = location.href.split('??');
  737. // if (search[1] && authLoadNum !== '1') {
  738. // const parse = search[1];
  739. // console.log(parse, 'parse');
  740. // const result = parseQuery(parse);
  741. // if (result.Authorization) {
  742. // const ex = 7 * 24 * 60 * 60 * 1000;
  743. // storage.set(ACCESS_TOKEN_ADMIN, result.Authorization, ex);
  744. // sessionStorage.setItem('authLoadNum', '1');
  745. // sessionStorage.setItem('authSource', result.source?.toString() || '');
  746. // }
  747. // console.log(result, 'result');
  748. // } else {
  749. // sessionStorage.removeItem('authLoadNum');
  750. // storage.remove(ACCESS_TOKEN_ADMIN);
  751. // }
  752. }
  753. export function convertToChineseNumeral(num: number) {
  754. if (num == 10) {
  755. return '十'
  756. } else if (num == 1) {
  757. return '一'
  758. }
  759. const digits = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']
  760. const units = ['', '十', '百', '千', '万']
  761. let result = ''
  762. let numStr = num.toString()
  763. for (let i = 0; i < numStr.length; i++) {
  764. let digit = parseInt(numStr.charAt(i))
  765. let unit = units[numStr.length - i - 1]
  766. if (digit === 0) {
  767. // 当前数字为0时不需要输出汉字,但需要考虑上一个数字是否为0,避免出现连续的零
  768. if (result.charAt(result.length - 1) !== '零') {
  769. result += '零'
  770. }
  771. } else {
  772. result += digits[digit] + unit
  773. }
  774. }
  775. // 对于一些特殊的数字,如10、100等,需要在最前面加上“一”
  776. if (result.charAt(0) === '一') {
  777. result = result.substr(1, result.length)
  778. } else if (result.charAt(0) === '百') {
  779. result = '一' + result
  780. } else if (result.charAt(0) === '千') {
  781. result = '一' + result
  782. }
  783. return result
  784. }