assets-crypto-setting.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. const utils = Editor.require('packages://build-helper/core/libs/utils.js');
  2. let ListItem;
  3. (() => {
  4. 'use strict';
  5. return function init ( panel ) {
  6. let viewEL = panel.$.view;
  7. let tmpl = 'packages://build-helper/panel/assets-crypto-setting.tmpl';
  8. Editor.import(tmpl).then(content => {
  9. viewEL.innerHTML = content;
  10. let assetsCrypto = `assetsCrypto`;
  11. let crypto = panel.getSettingItem(assetsCrypto) || {};
  12. // 加密开关
  13. let checkboxEle = viewEL.querySelector('ui-checkbox');
  14. checkboxEle.value = crypto.enable;
  15. checkboxEle.addEventListener('change', (event) => {
  16. crypto.enable = event.target.value;
  17. panel.setSettingItem(assetsCrypto, crypto);
  18. });
  19. // 加密签名
  20. let signEle = viewEL.querySelector('#sign');
  21. signEle.value = crypto.sign;
  22. signEle.addEventListener('confirm', (event) => {
  23. crypto.sign = event.target.value;
  24. panel.setSettingItem(assetsCrypto, crypto);
  25. });
  26. // 加密目录
  27. let dirEle = viewEL.querySelector('#dir');
  28. dirEle.value = crypto.dir;
  29. dirEle.addEventListener('confirm', (event) => {
  30. crypto.dir = event.target.value;
  31. panel.setSettingItem(assetsCrypto, crypto);
  32. });
  33. // 打开临时项目脚本目录
  34. let openDirEle = viewEL.querySelector('#openDir');
  35. openDirEle.addEventListener('click', (event) => {
  36. let res = Editor.Dialog.openFile({
  37. title: '临时项目脚本目录',
  38. defaultPath: Editor.Project.path,
  39. properties: ['openDirectory']
  40. });
  41. if (res !== -1) {
  42. let newPath = res[0];
  43. let relative = utils.getRelative(Editor.Project.path, newPath);
  44. dirEle.value = relative;
  45. crypto.dir = relative;
  46. panel.setSettingItem(assetsCrypto, crypto);
  47. }
  48. });
  49. // 加密密钥
  50. let keyEle = viewEL.querySelector('#key');
  51. keyEle.value = crypto.key;
  52. keyEle.addEventListener('confirm', (event) => {
  53. crypto.key = event.target.value;
  54. panel.setSettingItem(assetsCrypto, crypto);
  55. });
  56. // 加密平台
  57. let platformEle = viewEL.querySelector('#platform');
  58. platformEle.value = crypto.platform;
  59. platformEle.addEventListener('confirm', (event) => {
  60. crypto.platform = event.target.value;
  61. panel.setSettingItem(assetsCrypto, crypto);
  62. });
  63. // 需要加密的后缀
  64. let extsEle = viewEL.querySelector('#exts');
  65. extsEle.value = crypto.exts;
  66. extsEle.addEventListener('confirm', (event) => {
  67. crypto.exts = event.target.value;
  68. panel.setSettingItem(assetsCrypto, crypto);
  69. });
  70. let list = crypto.list || [];
  71. let listEle = viewEL.querySelector('#list');
  72. if (!ListItem) {
  73. ListItem = Editor.UI.registerElement('crypto-list-item', {
  74. template: `
  75. <div class="item"">
  76. <ui-input id="path" class="path" disabled></ui-input>
  77. <ui-button id="del" class="tiny red">删除</ui-button>
  78. </div>
  79. `,
  80. style: `
  81. .item {
  82. display: flex;
  83. background-color: black;
  84. padding: 2px;
  85. }
  86. .path {
  87. flex: 1;
  88. }
  89. `,
  90. factoryImpl ( text ) {
  91. this.$ = {
  92. path: this.shadowRoot.querySelector('#path'),
  93. del: this.shadowRoot.querySelector('#del')
  94. };
  95. this.$.path.value = text;
  96. this.$.del.addEventListener('click', (event) => {
  97. listEle.removeChild(this);
  98. // 配置中删除
  99. for (let i = 0; i < list.length; i++) {
  100. const path = list[i];
  101. if (path == text) {
  102. list.splice(i, 1);
  103. break;
  104. }
  105. }
  106. });
  107. }
  108. });
  109. }
  110. // 资源列表
  111. list.forEach(path => {
  112. let el = new ListItem(path);
  113. listEle.appendChild(el);
  114. });
  115. // 添加资源
  116. let addEle = viewEL.querySelector('#add');
  117. addEle.addEventListener('click', (event) => {
  118. event.stopPropagation();
  119. let res = Editor.Dialog.openFile({
  120. title: '选择资源目录文件',
  121. defaultPath: Editor.Project.path,
  122. properties: ['openDirectory', 'openFile']
  123. });
  124. if (res !== -1) {
  125. let newPath = res[0];
  126. let relative = utils.getRelative(Editor.Project.path, newPath);
  127. for (const path of list) {
  128. if (path === relative) {
  129. Editor.log(relative + '已经存在!');
  130. return;
  131. }
  132. }
  133. let el = new ListItem(relative);
  134. listEle.appendChild(el);
  135. list.push(relative);
  136. crypto.list = list;
  137. panel.setSettingItem(assetsCrypto, crypto);
  138. }
  139. });
  140. });
  141. };
  142. })();