@kezh/my-custom-js-converter 1.5.1 → 1.6.0

package/CLAUDE.md

@@ -48,3 +48,4 @@ When used as a dependency, the tool reads `config.json` from the parent project'
 - `decode.file`: `"coded.js"`, `decode.output`: `"decoded.js"`, `decode.mount`: `"customEvent"`
 - `settingDir`: `".setting"` (where `mod.map` is stored)
 - `target`: directories to scan relative to `baseDir`
+- `libs`: dependency library search directories (used by decode to supplement missing deps in `mod.map`). Supports `@/util` alias paths (`@` = project root) and `util` paths relative to `baseDir`. When decode finds unknown `__{mod}` suffixes in `coded.js` not present in `mod.map`, it searches these directories for `modName.js` / `modName/index.js` and auto-supplements `mod.map`. Duplicate names are resolved interactively after batch processing.

package/TASKS.md

@@ -1,399 +1,51 @@
 # 任务
-在其他项目依赖该项目时执行`npx decode`结果和当前项目测试结果不一致：
-+ decode后的依赖路径错误,@会紧贴util,导致依赖路径错误：
+`npx decode`功能反编其他人的`coded.js`文件时，如果本地的`.setting/mod.map`文件没有及时更新依赖模块，会导致部分依赖无法识别，导致没有引入依赖模块:
+1. 比如当前coded.js为:
 ```js
-const form = require("@util/@3.0.0/form");
-const http = require("@util/@3.0.0/http");
-const message = require("@util/@3.0.0/message");
-const dom = require("@util/@3.0.0/dom");
-const vue = require("@util/@3.0.0/vue");
-const tch = require("@util/@3.0.0/tch");
-const customEvent = {
-  onFormReady() {
-    this.initForm();
-    this.initHangupBtn();
-  },
-  onFormSubmit() {
-    if (form.getValue("REASON_TYPE_ORIGIN")) {
-      form.setValue(
-        "REASON_TYPE",
-        form.getSelectOptionLabel("REASON_TYPE_ORIGIN")
-      );
-    }
-    if ("挂起" == form.getValue("SUSPENDED_STATE")) {
-      message.warning("该流程已挂起，请解挂后提交工单!");
-      return false;
-    }
-    return true;
-  },
-  initForm() {
-    form.hidden("hiddenInfo");
-    if (form.getValue("SUSPENDED_STATE")) {
-      form.show("hangupInfo");
-    } else {
-      form.hidden("hangupInfo");
-    }
-  },
-  initHangupBtn() {
-    if ("告警处理" !== tch.getCurTchName()) {
-      return;
-    } // 注入弹出框样式
-    dom.addCss(
-      `
-      .hangup-dialog-overlay {
-        position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-        background: rgba(0, 0, 0, 0.5); z-index: 2000;
-        display: flex; align-items: center; justify-content: center;
-      }
-      .hangup-dialog {
-        background: #fff; border-radius: 4px; width: 420px; padding: 20px;
-        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-      }
-      .hangup-dialog__title {
-        font-size: 16px; font-weight: bold; margin-bottom: 16px; color: #303133;
-      }
-      .hangup-dialog__label {
-        display: block; font-size: 14px; color: #606266; margin-bottom: 6px;
-      }
-      .hangup-dialog__input {
-        width: 100%; box-sizing: border-box; padding: 8px 12px;
-        border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px;
-        margin-bottom: 16px; outline: none;
-      }
-      .hangup-dialog__input:focus {
-        border-color: #409eff;
-      }
-      .hangup-dialog__textarea {
-        width: 100%; box-sizing: border-box; padding: 8px 12px;
-        border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px;
-        margin-bottom: 16px; outline: none; resize: vertical; min-height: 80px;
-      }
-      .hangup-dialog__textarea:focus {
-        border-color: #409eff;
-      }
-      .hangup-dialog__footer {
-        text-align: right; margin-top: 8px;
-      }
-      .hangup-dialog__btn {
-        padding: 8px 20px; border-radius: 4px; font-size: 14px;
-        cursor: pointer; border: 1px solid #dcdfe6; margin-left: 10px;
-      }
-      .hangup-dialog__btn--primary {
-        background: #409eff; color: #fff; border-color: #409eff;
-      }
-      .hangup-dialog__btn--primary:hover {
-        background: #66b1ff; border-color: #66b1ff;
-      }
-      .hangup-dialog__btn--default {
-        background: #fff; color: #606266;
-      }
-      .hangup-dialog__btn--default:hover {
-        color: #409eff; border-color: #c6e2ff; background: #ecf5ff;
-      }
-    `,
-      "hangup-dialog-style"
-    ); // 等待DOM渲染完成后注入按钮
-    vue.nextTick(() => {
-      this.renderHangupBtn();
+onClickPickLevel() {
+  this.pop__drawer({
+    title: "关联隐患信息",
+    size: "65%",
+    name: "storeOfHiddenDangers",
+    param: {}
+  }, resp => {
+    Object.keys(resp).forEach(key => {
+      this.setValue__form(`${key}`, resp[key]);
     });
-  },
-  renderHangupBtn() {
-    const suspendedState = form.getValue("SUSPENDED_STATE", ""); // 查找锚点元素：优先按ID查找提交按钮，兜底查找菜单栏最后一个按钮
-    const submitBtn =
-      document.getElementById("220001") ||
-      document.querySelector(".fi-workflow-menu-item.btn:last-child");
-    if (!submitBtn) {
-      return;
-    }
-    if (suspendedState === "挂起") {
-      // 当前已挂起，显示解挂按钮
-      submitBtn.insertAdjacentHTML(
-        "afterend",
-        '<div class="fi-workflow-menu-item btn" id="hangupBtn"><div> <i class="fi el-icon-lock icon"></i>解挂</div></div>'
-      );
-      document.getElementById("hangupBtn").addEventListener("click", () => {
-        this.showResumeDialog();
-      });
-    } else {
-      // 当前未挂起，默认显示挂起按钮
-      submitBtn.insertAdjacentHTML(
-        "afterend",
-        '<div class="fi-workflow-menu-item btn" id="hangupBtn"><div> <i class="fi el-icon-unlock icon"></i>挂起</div></div>'
-      );
-      document.getElementById("hangupBtn").addEventListener("click", () => {
-        this.showHangupDialog();
-      });
-    }
-  },
-  showHangupDialog() {
-    const overlay = document.createElement("div");
-    overlay.className = "hangup-dialog-overlay";
-    overlay.id = "hangupDialogOverlay";
-    overlay.innerHTML = `
-      <div class="hangup-dialog">
-        <div class="hangup-dialog__title">挂起工单</div>
-        <label class="hangup-dialog__label">挂起原因</label>
-        <textarea class="hangup-dialog__textarea" id="hangupReason" placeholder="请输入挂起原因"></textarea>
-        <label class="hangup-dialog__label"><span style="color:#f56c6c">*</span> 自动解挂时间</label>
-        <input class="hangup-dialog__input" type="datetime-local" id="hangupUnbanTime" />
-        <div class="hangup-dialog__footer">
-          <button class="hangup-dialog__btn hangup-dialog__btn--default" id="hangupCancelBtn">取 消</button>
-          <button class="hangup-dialog__btn hangup-dialog__btn--primary" id="hangupConfirmBtn">确 定</button>
-        </div>
-      </div>
-    `;
-    document.body.appendChild(overlay); // 设置自动解挂时间默认值为当前时间+1天
-    var defaultTime = new Date(Date.now() + 24 * 60 * 60 * 1000);
-    var pad = function (n) {
-      return n < 10 ? "0" + n : "" + n;
-    };
-    var defaultTimeStr =
-      defaultTime.getFullYear() +
-      "-" +
-      pad(defaultTime.getMonth() + 1) +
-      "-" +
-      pad(defaultTime.getDate()) +
-      "T" +
-      pad(defaultTime.getHours()) +
-      ":" +
-      pad(defaultTime.getMinutes());
-    document.getElementById("hangupUnbanTime").value = defaultTimeStr; // 点击遮罩层关闭
-    overlay.addEventListener("click", (e) => {
-      if (e.target === overlay) {
-        this.closeDialog("hangupDialogOverlay");
-      }
-    }); // 取消按钮
-    document.getElementById("hangupCancelBtn").addEventListener("click", () => {
-      this.closeDialog("hangupDialogOverlay");
-    }); // 确定按钮
-    document
-      .getElementById("hangupConfirmBtn")
-      .addEventListener("click", () => {
-        this.confirmHangup();
-      });
-  },
-  async confirmHangup() {
-    const reason = document.getElementById("hangupReason").value;
-    const unbanTimeRaw = document.getElementById("hangupUnbanTime").value;
-    if (!unbanTimeRaw) {
-      message.warning("请填写自动解挂时间");
-      return;
-    } // datetime-local的值格式为 yyyy-MM-ddTHH:mm，转为 yyyy-MM-dd HH:mm:ss
-    const unbanTime = unbanTimeRaw.replace("T", " ") + ":00";
-    const orderCode = form.getValue("ORDER_CODE", "");
-    const flowId = form.getValue("FLOW_ID", "");
-    if (!orderCode) {
-      message.error("集团工单号为空，无法挂起");
-      return;
-    }
-    if (!flowId) {
-      message.error("工单ID为空，无法挂起");
-      return;
-    }
-    try {
-      const result = await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/hangupOrder",
-        {
-          ORDER_CODE: orderCode,
-          FLOW_ID: flowId,
-          TYPE: "1",
-          REASON: reason,
-          UNBAN_TIME: unbanTime
-        }
-      );
-      if (result && result.resultCode === 0) {
-        message.success("挂起成功");
-        this.closeDialog("hangupDialogOverlay"); // 更新按钮状态为解挂
-        this.updateHangupBtnState("解挂");
-      } else {
-        message.error((result && result.resultMsg) || "挂起失败");
-      }
-    } catch (e) {
-      message.error("挂起请求异常");
-      console.error(e);
-    }
-  },
-  showResumeDialog() {
-    const overlay = document.createElement("div");
-    overlay.className = "hangup-dialog-overlay";
-    overlay.id = "resumeDialogOverlay";
-    overlay.innerHTML = `
-      <div class="hangup-dialog">
-        <div class="hangup-dialog__title">解挂工单</div>
-        <label class="hangup-dialog__label">解挂原因</label>
-        <textarea class="hangup-dialog__textarea" id="resumeReason" placeholder="请输入解挂原因"></textarea>
-        <div class="hangup-dialog__footer">
-          <button class="hangup-dialog__btn hangup-dialog__btn--default" id="resumeCancelBtn">取 消</button>
-          <button class="hangup-dialog__btn hangup-dialog__btn--primary" id="resumeConfirmBtn">确 定</button>
-        </div>
-      </div>
-    `;
-    document.body.appendChild(overlay); // 点击遮罩层关闭
-    overlay.addEventListener("click", (e) => {
-      if (e.target === overlay) {
-        this.closeDialog("resumeDialogOverlay");
-      }
-    }); // 取消按钮
-    document.getElementById("resumeCancelBtn").addEventListener("click", () => {
-      this.closeDialog("resumeDialogOverlay");
-    }); // 确定按钮
-    document
-      .getElementById("resumeConfirmBtn")
-      .addEventListener("click", () => {
-        this.confirmResume();
-      });
-  },
-  async confirmResume() {
-    const reason = document.getElementById("resumeReason").value;
-    const orderCode = form.getValue("ORDER_CODE", "");
-    const flowId = form.getValue("FLOW_ID", "");
-    if (!orderCode) {
-      message.error("集团工单号为空，无法解挂");
-      return;
-    }
-    if (!flowId) {
-      message.error("工单ID为空，无法解挂");
-      return;
-    }
-    try {
-      const result = await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/resumeOrder",
-        { ORDER_CODE: orderCode, FLOW_ID: flowId, REASON: reason }
-      );
-      if (result && result.resultCode === 0) {
-        message.success("解挂成功");
-        this.closeDialog("resumeDialogOverlay"); // 更新按钮状态为挂起
-        this.updateHangupBtnState("挂起");
-      } else {
-        message.error((result && result.resultMsg) || "解挂失败");
-      }
-    } catch (e) {
-      message.error("解挂请求异常");
-      console.error(e);
-    }
-  },
-  updateHangupBtnState(prevState) {
-    const hangupBtn = document.getElementById("hangupBtn");
-    if (!hangupBtn) {
-      return;
-    } // 移除旧按钮的事件监听（通过替换节点实现）
-    const newBtn = hangupBtn.cloneNode(false);
-    if (prevState === "挂起") {
-      // 从挂起变为解挂 → 显示挂起按钮
-      newBtn.innerHTML =
-        '<div> <i class="fi el-icon-unlock icon"></i>挂起</div>';
-      newBtn.addEventListener("click", () => {
-        this.showHangupDialog();
-      }); // 同步更新表单字段
-      form.setValue("SUSPENDED_STATE", "解挂");
-    } else {
-      // 从解挂变为挂起 → 显示解挂按钮
-      newBtn.innerHTML = '<div> <i class="fi el-icon-lock icon"></i>解挂</div>';
-      newBtn.addEventListener("click", () => {
-        this.showResumeDialog();
-      }); // 同步更新表单字段
-      form.setValue("SUSPENDED_STATE", "挂起");
-    }
-    hangupBtn.parentNode.replaceChild(newBtn, hangupBtn);
-  },
-  closeDialog(overlayId) {
-    const overlay = document.getElementById(overlayId);
-    if (overlay) {
-      document.body.removeChild(overlay);
-    }
-  },
-  async receiveOrder() {
-    const orderCode = form.getValue("ORDER_CODE", "");
-    const flowId = form.getValue("FLOW_ID", "");
-    if (!orderCode) {
-      message.error("集团工单号为空，无法接单");
-      return false;
-    }
-    if (!flowId) {
-      message.error("工单ID为空，无法接单");
-      return false;
-    }
-    try {
-      const result = await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/receiveOrder",
-        this.form
-      );
-      if (result && result.resultCode === 0) {
-        message.success("接单成功");
-        return true;
-      } else {
-        message.error((result && result.resultMsg) || "接单失败");
-      }
-    } catch (e) {
-      message.error("接单请求异常");
-      console.error(e);
-    }
-    return false;
-  },
-  async handleAlarm() {
-    const orderCode = form.getValue("ORDER_CODE", "");
-    const flowId = form.getValue("FLOW_ID", "");
-    if (!orderCode) {
-      message.error("集团工单号为空，无法处理");
-      return false;
-    }
-    if (!flowId) {
-      message.error("工单ID为空，无法处理");
-      return false;
-    } // 1. 调用关联变更单接口（不判断结果）
-    try {
-      await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/relateChangeOrder",
-        this.form
-      );
-    } catch (e) {
-      console.error(e);
-    } // 2. 调用定位接口（不判断结果）
-    try {
-      await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/positioningOrder",
-        this.form
-      );
-    } catch (e) {
-      console.error(e);
-    } // 3. 调用回单接口
-    try {
-      const returnResult = await http.post(
-        "/aiops/api/v1/flow/group/province/alarm/dispatch/order/returnOrder",
-        this.form
-      );
-      if (returnResult && returnResult.resultCode === 0) {
-        message.success("告警处理成功");
-        return true;
-      }
-      message.error((returnResult && returnResult.resultMsg) || "回单失败");
-      return false;
-    } catch (e) {
-      message.error("回单请求异常");
-      console.error(e);
-      return false;
-    }
-  },
-  onChange_IF_RELATED_CHANGEORDER() {
-    form.removeRequired("CHANGE_ORDER");
-    if ("是" == form.getValue("IF_RELATED_CHANGEORDER")) {
-      const orderStr = form.getValue("CHANGE_ORDERS", "");
-      const orders = orderStr
-        .split(",")
-        .filter((order) => order.trim())
-        .map((order) => ({
-          label: order,
-          value: order,
-          children: null,
-          isShow: true,
-          pid: null,
-          state: null
-        }));
-      form.setSelectOptions("CHANGE_ORDER", orders);
-      form.setRequired("CHANGE_ORDER");
-    }
-  }
-};
-module.exports = customEvent;
-
-```
+  });
+}
+```
+2. 当时由于mod.map中没有定义`drawer`依赖，导致反编后的decoded.js为:
+```js
+onClickPickLevel() {
+  this.pop__drawer({
+    title: "关联隐患信息",
+    size: "65%",
+    name: "storeOfHiddenDangers",
+    param: {}
+  }, resp => {
+    Object.keys(resp).forEach(key => {
+      this.setValue__form(`${key}`, resp[key]);
+    });
+  });
+}
+```
+3. 但是我们期望的效果是:
+```js
+onClickPickLevel() {
+  drawer.pop({
+    title: "关联隐患信息",
+    size: "65%",
+    name: "storeOfHiddenDangers",
+    param: {}
+  }, resp => {
+    Object.keys(resp).forEach(key => {
+      this.setValue__form(`${key}`, resp[key]);
+    });
+  });
+}
+```
+我想到的解决方案是：
+1. `npx decode`时，先要将`.setting/mod.map`文件更新，此时需要先找到coded.js中可能的依赖`__{mod}`
+2. 扫描匹配可能得文件名称，并更新mod.map文件
+3. 依赖文件名可能存在重名问题，所以当出现重名时，需要交给用户指定依赖的js文件

package/core/config/index.js

@@ -25,6 +25,7 @@ function initConfig() {
         target: [""],
         settingDir: ".setting",
         customConfig: "config.js",
+        libs: [],
     };
     const curDir = __dirname;
     let baseDir = curDir.replace(/node_modules.*/g, "");

package/core/config/main_config.d.ts

@@ -5,6 +5,11 @@ export interface MainConfig {
     target: string[];
     settingDir: string;
     customConfig: string;
+    /**
+     * 依赖库搜索目录数组，用于 decode 时补充缺失依赖。
+     * 支持 "@/util" 别名路径（@ 代表项目根目录）和 "util" 相对 baseDir 路径。
+     */
+    libs: string[];
 }
 export interface EncodeConfig {
     file: string;

package/core/context/map_context.d.ts

@@ -13,6 +13,20 @@ export declare class MapContext {
     getDependencyNameByMod(name: string): string[];
     getSrcPathByMod(name: string): string | undefined;
     getAbsoluteSrcPathByMod(name: string): string | undefined;
+    /**
+     * 补充缺失的依赖到 mod.map
+     * 在 self.dependencies 下新增该依赖（让 importMods 生成 require），
+     * 并新增独立的 mod 条目（让 getAbsoluteSrcPathByMod 拿到源文件路径）。
+     * methods 留空数组，后续 npx encode 会自动补全。
+     * @param depName - 依赖名（如 "drawer"）
+     * @param absoluteSrcPath - 依赖文件的绝对路径
+     */
+    appendMissingDep(depName: string, absoluteSrcPath: string): void;
+    /**
+     * 将当前 map 写入指定目录的 mod.map 文件
+     * @param outDir - 输出目录
+     */
+    writeToLocalDir(outDir: string): void;
     static readFromLocal(inDir: string): MapContext;
     private init;
     private writeToLocal;

package/core/context/map_context.js

@@ -59,6 +59,48 @@ class MapContext {
             ? path_1.default.resolve(parentRootDir, srcPath)
             : srcPath;
     }
+    /**
+     * 补充缺失的依赖到 mod.map
+     * 在 self.dependencies 下新增该依赖（让 importMods 生成 require），
+     * 并新增独立的 mod 条目（让 getAbsoluteSrcPathByMod 拿到源文件路径）。
+     * methods 留空数组，后续 npx encode 会自动补全。
+     * @param depName - 依赖名（如 "drawer"）
+     * @param absoluteSrcPath - 依赖文件的绝对路径
+     */
+    appendMissingDep(depName, absoluteSrcPath) {
+        // self.dependencies[depName] = { methods: [] }
+        const selfMod = this.getMod("self");
+        if (selfMod) {
+            selfMod.dependencies[depName] = new map_config_1.Dependency([]);
+        }
+        else {
+            const mod = new map_config_1.Mod("", new map_config_1.Dependencies());
+            mod.dependencies[depName] = new map_config_1.Dependency([]);
+            this.appendModMap(mod, true);
+        }
+        // map[depName] = { src: <相对 parentRootDir 的路径>, dependencies: {} }
+        const parentRootDir = (0, parent_path_1.getParentRootDir)();
+        const src = parentRootDir
+            ? path_1.default.relative(parentRootDir, absoluteSrcPath)
+            : absoluteSrcPath;
+        this.appendModMap(new map_config_1.Mod(src, new map_config_1.Dependencies()), false, depName);
+    }
+    /**
+     * 将当前 map 写入指定目录的 mod.map 文件
+     * @param outDir - 输出目录
+     */
+    writeToLocalDir(outDir) {
+        const outPath = path_1.default.join(outDir, MapContext.SAVE_FILE);
+        logger.info(`write map: ${outPath}`);
+        const json = JSON.stringify(this.map, null, 4);
+        try {
+            fs_1.default.accessSync(outDir);
+        }
+        catch (err) {
+            fs_1.default.mkdirSync(outDir);
+        }
+        fs_1.default.writeFileSync(outPath, json.replace(/\n/gm, os_1.EOL), "utf-8");
+    }
     static readFromLocal(inDir) {
         const inPath = path_1.default.join(inDir, MapContext.SAVE_FILE);
         logger.info(`read map: ${inPath}`);
@@ -82,16 +124,7 @@ class MapContext {
         this.writeToLocal();
     }
     writeToLocal() {
-        const outPath = path_1.default.join(this.outDir, MapContext.SAVE_FILE);
-        logger.info(`write map: ${outPath}`);
-        const json = JSON.stringify(this.map, null, 4);
-        try {
-            fs_1.default.accessSync(this.outDir);
-        }
-        catch (err) {
-            fs_1.default.mkdirSync(this.outDir);
-        }
-        fs_1.default.writeFileSync(outPath, json.replace(/\n/gm, os_1.EOL), "utf-8");
+        this.writeToLocalDir(this.outDir);
     }
     buildMapContext(inPath, entry, root) {
         const srcAst = (0, ast_1.parseSrcAst)(inPath);