poi-plugin-kai-planner 1.0.0

package/src/app/tabs/wishlist/components/MouseComboBox.js

@@ -0,0 +1,185 @@
+/* src/app/tabs/wishlist/components/MouseComboBox.js */
+
+const React = require("react");
+const {
+  COMBO_ROOT_ATTR,
+  EVENT_COMBO_OPENED,
+  EVENT_COMBO_CLOSE_ALL,
+  shouldCloseOnDocMouseDown,
+  shouldCloseOnComboOpened,
+} = require("../../../../services/wishlist/dropdownInteraction");
+let comboSeq = 1;
+
+class MouseComboBox extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { open: false };
+    this._rootRef = null;
+    this._id = `combo_${comboSeq++}`;
+    this.onDocMouseDown = this.onDocMouseDown.bind(this);
+    this.onComboOpened = this.onComboOpened.bind(this);
+    this.onCloseAll = this.onCloseAll.bind(this);
+    this.openDropdown = this.openDropdown.bind(this);
+    this.closeDropdown = this.closeDropdown.bind(this);
+  }
+
+  componentDidMount() {
+    if (typeof document !== "undefined" && document.addEventListener) {
+      document.addEventListener("mousedown", this.onDocMouseDown);
+      document.addEventListener(EVENT_COMBO_OPENED, this.onComboOpened);
+      document.addEventListener(EVENT_COMBO_CLOSE_ALL, this.onCloseAll);
+    }
+  }
+
+  componentWillUnmount() {
+    if (typeof document !== "undefined" && document.removeEventListener) {
+      document.removeEventListener("mousedown", this.onDocMouseDown);
+      document.removeEventListener(EVENT_COMBO_OPENED, this.onComboOpened);
+      document.removeEventListener(EVENT_COMBO_CLOSE_ALL, this.onCloseAll);
+    }
+  }
+
+  onDocMouseDown(e) {
+    if (shouldCloseOnDocMouseDown({ isOpen: this.state.open, rootRef: this._rootRef, target: e && e.target })) {
+      this.closeDropdown();
+    }
+  }
+
+  onComboOpened(e) {
+    if (
+      shouldCloseOnComboOpened({
+        isOpen: this.state.open,
+        selfId: this._id,
+        openedId: e && e.detail ? e.detail.id : "",
+      })
+    ) {
+      this.closeDropdown();
+    }
+  }
+
+  onCloseAll() {
+    this.closeDropdown();
+  }
+
+  openDropdown() {
+    if (this.state.open) return;
+    this.setState({ open: true });
+    if (typeof document !== "undefined" && typeof CustomEvent === "function" && document.dispatchEvent) {
+      document.dispatchEvent(new CustomEvent(EVENT_COMBO_OPENED, { detail: { id: this._id } }));
+    }
+  }
+
+  closeDropdown() {
+    if (!this.state.open) return;
+    this.setState({ open: false });
+  }
+
+  render() {
+    const {
+      disabled,
+      inputValue,
+      placeholder,
+      onInputChange,
+      onSelect,
+      options,
+      emptyText,
+      footerTip,
+      inputStyle,
+      dropdownWidth,
+      maxHeight,
+    } = this.props;
+
+    const wrapStyle = { position: "relative", display: "inline-block", minWidth: dropdownWidth || 300 };
+    const listStyle = {
+      position: "absolute",
+      top: "100%",
+      left: 0,
+      right: 0,
+      marginTop: 4,
+      maxHeight: maxHeight || 320,
+      overflowY: "auto",
+      border: "1px solid rgba(255,255,255,0.14)",
+      borderRadius: 8,
+      background: "rgba(12,18,28,0.98)",
+      zIndex: 30,
+      boxShadow: "0 10px 20px rgba(0,0,0,0.35)",
+    };
+
+    return React.createElement(
+      "div",
+      {
+        style: wrapStyle,
+        [COMBO_ROOT_ATTR]: "1",
+        ref: (el) => {
+          this._rootRef = el;
+        },
+      },
+      React.createElement("input", {
+        style: inputStyle,
+        disabled: !!disabled,
+        value: inputValue || "",
+        placeholder,
+        onFocus: this.openDropdown,
+        onClick: this.openDropdown,
+        onChange: (e) => {
+          if (onInputChange) onInputChange(e.target.value);
+          if (!this.state.open) this.openDropdown();
+        },
+      }),
+      this.state.open && !disabled
+        ? React.createElement(
+            "div",
+            { style: listStyle },
+            (options || []).length
+              ? (options || []).map((o) =>
+                  React.createElement(
+                    "div",
+                    {
+                      key: String(o.value),
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if (o.disabled) return;
+                        if (onSelect) onSelect(o.value, o);
+                        this.closeDropdown();
+                      },
+                      style: {
+                        padding: "7px 10px",
+                        borderBottom: "1px solid rgba(255,255,255,0.06)",
+                        opacity: o.disabled ? 0.55 : 1,
+                        cursor: o.disabled ? "not-allowed" : "pointer",
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                      },
+                      title: o.label,
+                    },
+                    o.label
+                  )
+                )
+              : React.createElement(
+                  "div",
+                  { style: { padding: "8px 10px", opacity: 0.72 } },
+                  emptyText || "无匹配项"
+                ),
+            footerTip
+              ? React.createElement(
+                  "div",
+                  {
+                    style: {
+                      padding: "8px 10px",
+                      opacity: 0.7,
+                      borderTop: "1px solid rgba(255,255,255,0.08)",
+                      fontSize: 11,
+                    },
+                  },
+                  footerTip
+                )
+              : null
+          )
+        : null
+    );
+  }
+}
+
+module.exports = { MouseComboBox };

package/src/app/tabs/wishlist/components/WishlistExpandedDetail.js

@@ -0,0 +1,170 @@
+/* src/app/tabs/wishlist/components/WishlistExpandedDetail.js */
+
+const React = require("react");
+
+function WishlistExpandedDetail({ plan, planWrap, masterEquipsById, getEquipName, toInt, stockStatusMark }) {
+  const result = planWrap.result;
+  const shortage = result && result.shortage ? result.shortage : null;
+  const position = planWrap.position;
+  const completedCount = planWrap.completedCount || 0;
+  const fullSteps = Array.isArray(planWrap.fullSteps)
+    ? planWrap.fullSteps
+    : Array.isArray(plan.snapshotSteps)
+      ? plan.snapshotSteps
+      : [];
+  const completedSteps = Array.isArray(planWrap.completedSteps) ? planWrap.completedSteps : fullSteps.slice(0, completedCount);
+  const remainingSteps = Array.isArray(planWrap.remainingSteps) ? planWrap.remainingSteps : fullSteps.slice(completedCount);
+  const tableStyle = { width: "100%", borderCollapse: "collapse", marginTop: 8 };
+  const th = { textAlign: "left", padding: "8px", borderBottom: "1px solid rgba(255,255,255,0.12)", opacity: 0.9 };
+  const td = { padding: "8px", borderBottom: "1px solid rgba(255,255,255,0.08)", verticalAlign: "top" };
+  const realtimeStartText =
+    position && position.isValid
+      ? `${getEquipName(masterEquipsById, position.currentEquipId)} +${position.currentLevel}${
+          planWrap.ownerShipName ? `（${planWrap.ownerShipName}）` : ""
+        }`
+      : "失效";
+
+  const renderNeedOwnedList = (rows) => {
+    if (!rows || !rows.length) return React.createElement("div", null, "无");
+    return React.createElement(
+      "div",
+      null,
+      rows.map((r, i) =>
+        React.createElement(
+          "div",
+          { key: `n_${i}`, style: { marginTop: i === 0 ? 0 : 4 } },
+          `${r.name}（${r.need}/${r.owned}）`,
+          stockStatusMark(r.need, r.owned)
+        )
+      )
+    );
+  };
+
+  const renderItemCost = (step, kind) => {
+    const items = ((step && step.calcCost) ? step.calcCost.items : []) || [];
+    const picked = items.filter((x) => x && x.kind === kind);
+    if (!picked.length) return "0";
+    return picked.map((x) => `${x.name}：${x.count}`).join("；");
+  };
+
+  const renderStepText = (s) =>
+    s.kind === "improve"
+      ? `${getEquipName(masterEquipsById, s.equipId)} +${s.fromStar} -> +${s.toStar}`
+      : `${getEquipName(masterEquipsById, s.equipId)} MAX -> ${getEquipName(masterEquipsById, s.nextEquipId)} +0`;
+
+  const renderStepsTable = ({ title, steps, statusText, startIndex }) =>
+    React.createElement(
+      React.Fragment,
+      null,
+      React.createElement("div", { style: { marginTop: 10, fontWeight: 700 } }, title),
+      React.createElement(
+        "table",
+        { style: tableStyle },
+        React.createElement(
+          "thead",
+          null,
+          React.createElement(
+            "tr",
+            null,
+            React.createElement("th", { style: th }, "任务步骤"),
+            React.createElement("th", { style: th }, "资材消耗"),
+            React.createElement("th", { style: th }, "螺丝消耗"),
+            React.createElement("th", { style: th }, "装备消耗"),
+            React.createElement("th", { style: th }, "道具消耗")
+          )
+        ),
+        React.createElement(
+          "tbody",
+          null,
+          ...(steps.length
+            ? steps.map((s, i) =>
+                React.createElement(
+                  "tr",
+                  { key: `${title}_${i}` },
+                  React.createElement("td", { style: td }, `${statusText} ${startIndex + i + 1}. ${renderStepText(s)}`),
+                  React.createElement("td", { style: td }, toInt((s.calcCost || {}).dev, 0)),
+                  React.createElement("td", { style: td }, toInt((s.calcCost || {}).screw, 0)),
+                  React.createElement("td", { style: td }, renderItemCost(s, "equipment")),
+                  React.createElement("td", { style: td }, renderItemCost(s, "material"))
+                )
+              )
+            : [
+                React.createElement(
+                  "tr",
+                  { key: `${title}_none` },
+                  React.createElement("td", { style: td, colSpan: 5 }, "无")
+                ),
+              ])
+        )
+      )
+    );
+
+  return React.createElement(
+    "div",
+    null,
+    React.createElement(
+      "table",
+      { style: tableStyle },
+      React.createElement(
+        "thead",
+        null,
+        React.createElement(
+          "tr",
+          null,
+          React.createElement("th", { style: th }, "起点装备（实时状态）"),
+          React.createElement("th", { style: th }, "待消耗资材"),
+          React.createElement("th", { style: th }, "待消耗螺丝")
+        )
+      ),
+      React.createElement(
+        "tbody",
+        null,
+        React.createElement(
+          "tr",
+          null,
+          React.createElement("td", { style: td }, realtimeStartText),
+          React.createElement("td", { style: td }, shortage ? shortage.dev.need : "-"),
+          React.createElement("td", { style: td }, shortage ? shortage.screw.need : "-")
+        )
+      )
+    ),
+    React.createElement(
+      "table",
+      { style: tableStyle },
+      React.createElement(
+        "thead",
+        null,
+        React.createElement(
+          "tr",
+          null,
+          React.createElement("th", { style: th }, "待消耗装备（待消耗/当前持有）"),
+          React.createElement("th", { style: th }, "待消耗道具（待消耗/当前持有）")
+        )
+      ),
+      React.createElement(
+        "tbody",
+        null,
+        React.createElement(
+          "tr",
+          null,
+          React.createElement("td", { style: td }, renderNeedOwnedList(shortage && shortage.equipments)),
+          React.createElement("td", { style: td }, renderNeedOwnedList(shortage && shortage.materials))
+        )
+      )
+    ),
+    renderStepsTable({ title: "已完成步骤（实时）", steps: completedSteps, statusText: "[已完成]", startIndex: 0 }),
+    renderStepsTable({
+      title: "未完成步骤（实时）",
+      steps: remainingSteps,
+      statusText: "[未完成]",
+      startIndex: completedSteps.length,
+    }),
+    React.createElement(
+      "div",
+      { style: { marginTop: 6, opacity: 0.75 } },
+      "说明：6→7~MAX→upgrade 的资材和螺丝消耗，按照改修确保值展示。"
+    )
+  );
+}
+
+module.exports = { WishlistExpandedDetail };

package/src/app/tabs/wishlist/components/WishlistTable.js

@@ -0,0 +1,253 @@
+/* src/app/tabs/wishlist/components/WishlistTable.js */
+
+const React = require("react");
+
+function WishlistTable({
+  rows,
+  expandedById,
+  rebindInputById,
+  editById,
+  priorities,
+  styles,
+  getPlanStartSnapshotText,
+  isTargetImprovable,
+  onToggleExpand,
+  onRefreshPlan,
+  onDeletePlan,
+  onRebindInputChange,
+  onRebindConfirm,
+  onStartEdit,
+  onCancelEdit,
+  onPatchEdit,
+  onSaveEdit,
+  renderExpandedRow,
+}) {
+  const { row, input, th, td } = styles;
+
+  return React.createElement(
+    "table",
+    { style: { width: "100%", borderCollapse: "collapse" } },
+    React.createElement(
+      "thead",
+      null,
+      React.createElement(
+        "tr",
+        null,
+        React.createElement("th", { style: th }, "目标装备"),
+        React.createElement("th", { style: th }, "起点装备（快照）"),
+        React.createElement("th", { style: th }, "优先级"),
+        React.createElement("th", { style: th }, "目标星数"),
+        React.createElement("th", { style: th }, "备注"),
+        React.createElement("th", { style: th }, "已完成步数"),
+        React.createElement("th", { style: th }, "今日可改修"),
+        React.createElement("th", { style: th }, "操作")
+      )
+    ),
+    React.createElement(
+      "tbody",
+      null,
+      (rows || []).flatMap((rowVm) => {
+        const p = rowVm.plan;
+        const wrap = rowVm.wrap || {};
+        const completedCount = rowVm.completedCount || 0;
+        const totalSteps = rowVm.totalSteps || 0;
+        const today = rowVm.today || "不可";
+        const isExp = !!(expandedById || {})[p.id];
+        const targetName = rowVm.targetName || "";
+        const expandIcon = isExp ? "▾" : "▸";
+        const edit = (editById || {})[p.id] || null;
+        const isEditing = !!(edit && edit.isEditing);
+        const canEditTargetLevel = isTargetImprovable ? !!isTargetImprovable(p.targetEquipId) : true;
+
+        const main = React.createElement(
+          "tr",
+          {
+            key: `row_${p.id}`,
+            onClick: () => onToggleExpand(p.id, isExp),
+            style: { cursor: "pointer" },
+            title: "点击展开/收起",
+          },
+          React.createElement(
+            "td",
+            { style: td },
+            React.createElement(
+              "div",
+              { style: { display: "flex", gap: 8, alignItems: "center" } },
+              React.createElement(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onToggleExpand(p.id, isExp);
+                  },
+                  style: {
+                    width: 28,
+                    height: 28,
+                    borderRadius: 8,
+                    border: "1px solid rgba(255,255,255,0.12)",
+                    background: "rgba(255,255,255,0.06)",
+                    color: "#e5e7eb",
+                    cursor: "pointer",
+                  },
+                  title: "展开/收起",
+                },
+                expandIcon
+              ),
+              React.createElement("span", null, `${targetName} (equipId:${p.targetEquipId})`)
+            )
+          ),
+          React.createElement("td", { style: td }, getPlanStartSnapshotText(p)),
+          React.createElement(
+            "td",
+            { style: td },
+            isEditing
+              ? React.createElement(
+                  "select",
+                  {
+                    value: String(edit.priority || "P0"),
+                    onClick: (e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
+                    },
+                    onChange: (e) => onPatchEdit(p.id, { priority: e.target.value }),
+                    style: { ...input, width: 80 },
+                  },
+                  (priorities || []).map((x) => React.createElement("option", { key: x, value: x }, x))
+                )
+              : p.priority || "P0"
+          ),
+          React.createElement(
+            "td",
+            { style: td },
+            isEditing
+              ? React.createElement("input", {
+                  type: "number",
+                  min: 0,
+                  max: 10,
+                  disabled: !canEditTargetLevel || !!edit.saving,
+                  value: String(edit.targetLevel == null ? "0" : edit.targetLevel),
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  },
+                  onChange: (e) => onPatchEdit(p.id, { targetLevel: e.target.value }),
+                  style: { ...input, width: 88, opacity: canEditTargetLevel ? 1 : 0.6 },
+                  title: canEditTargetLevel ? "输入目标星数（0-10）" : "该目标装备不可改修，目标星数固定为 0",
+                })
+              : p.targetLevel
+          ),
+          React.createElement("td", { style: td }, p.note || ""),
+          React.createElement("td", { style: td }, `${completedCount}/${totalSteps}`),
+          React.createElement("td", { style: td }, today),
+          React.createElement(
+            "td",
+            { style: td },
+            React.createElement(
+              "div",
+              { style: row },
+              React.createElement(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onRefreshPlan(p.id);
+                  },
+                  disabled: isEditing,
+                },
+                "刷新"
+              ),
+              isEditing
+                ? React.createElement(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onSaveEdit(p.id);
+                      },
+                      disabled: !!edit.saving,
+                    },
+                    edit.saving ? "保存中..." : "保存"
+                  )
+                : React.createElement(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onStartEdit(p);
+                      },
+                    },
+                    "编辑"
+                  ),
+              isEditing
+                ? React.createElement(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onCancelEdit(p.id);
+                      },
+                      disabled: !!edit.saving,
+                    },
+                    "取消"
+                  )
+                : null,
+              React.createElement(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onDeletePlan(p.id);
+                  },
+                  disabled: isEditing,
+                },
+                "删除"
+              )
+            )
+          )
+        );
+
+        const expanded = isExp
+          ? React.createElement(
+              "tr",
+              { key: `exp_${p.id}` },
+              React.createElement(
+                "td",
+                { style: { ...td, background: "rgba(0,0,0,0.12)" }, colSpan: 8 },
+                renderExpandedRow(p, wrap),
+                !wrap.position || !wrap.position.isValid
+                  ? React.createElement(
+                      "div",
+                      { style: { ...row, marginTop: 8 } },
+                      React.createElement("input", {
+                        style: { ...input, width: 200 },
+                        placeholder: "重新绑定起点 api_id",
+                        value: (rebindInputById || {})[p.id] || "",
+                        onChange: (e) => onRebindInputChange(p.id, e.target.value),
+                      }),
+                      React.createElement(
+                        "button",
+                        {
+                          onClick: () => onRebindConfirm(p.id, (rebindInputById || {})[p.id]),
+                        },
+                        "重新绑定"
+                      ),
+                      null
+                    )
+                  : null
+              )
+            )
+          : null;
+
+        return expanded ? [main, expanded] : [main];
+      })
+    )
+  );
+}
+
+module.exports = { WishlistTable };

package/src/core/poi/secretaryName.js

@@ -0,0 +1,64 @@
+/* src/core/poi/secretaryName.js */
+/* Resolve secretary display name:
+   - secretary_id is ship sortno
+   - if secretary_variant === "b": go one step via aftershipid (api_id)
+*/
+
+function toInt(x) {
+  if (x === null || x === undefined) return null;
+  const n = Number(x);
+  return Number.isFinite(n) ? n : null;
+}
+
+/**
+ * @param {Object} params
+ * @param {number} params.secretarySortno - master ships api_sortno
+ * @param {string|null} params.secretaryVariant - only "b" or null
+ * @param {Object} params.shipBySortno - map sortno -> ship
+ * @param {Object} params.shipByApiId - map api_id -> ship
+ * @returns {{ name: string, baseName: string, variantName: string|null, usedVariant: boolean, debug?: any }}
+ */
+function resolveSecretaryName({ secretarySortno, secretaryVariant, shipBySortno, shipByApiId }) {
+  const baseShip = shipBySortno ? shipBySortno[String(secretarySortno)] : null;
+  const baseName = baseShip && baseShip.api_name ? String(baseShip.api_name) : `UnknownShip(sortno=${secretarySortno})`;
+
+  // only "b" supported; walk aftershipid exactly once
+  if (secretaryVariant === "b") {
+    const afterApiId = baseShip ? toInt(baseShip.api_aftershipid) : null;
+    if (afterApiId != null && shipByApiId && shipByApiId[String(afterApiId)]) {
+      const afterShip = shipByApiId[String(afterApiId)];
+      const variantName = afterShip && afterShip.api_name ? String(afterShip.api_name) : null;
+      if (variantName) {
+        return {
+          name: variantName,
+          baseName,
+          variantName,
+          usedVariant: true,
+        };
+      }
+    }
+    // fallback: cannot find after form, use baseName
+    return {
+      name: baseName,
+      baseName,
+      variantName: null,
+      usedVariant: false,
+      debug: {
+        reason: "aftership_not_found",
+        afterApiId: baseShip ? baseShip.api_aftershipid : null,
+      },
+    };
+  }
+
+  // default base name
+  return {
+    name: baseName,
+    baseName,
+    variantName: null,
+    usedVariant: false,
+  };
+}
+
+module.exports = {
+  resolveSecretaryName,
+};