poi-plugin-inventory-cleaner 1.12.2 → 1.14.0

package/i18n/en-US.json

@@ -23,6 +23,12 @@
   "stock.verdictDepends": "Depends on fleet",
   "stock.verdictUnknown": "Not in guide",
   "stock.materialNote": "Used as material: {{text}}",
+  "stock.materialNoteTitle": "Used as material by",
+  "stock.consumeImprove": "improvement",
+  "stock.consumeQuestScrap": "quest (scrap)",
+  "stock.consumeQuestEquip": "quest (equip)",
+  "stock.consumeQuestStore": "quest (store)",
+  "stock.consumeOther": "other",
   "stock.keepLabel": "Keep",
   "stock.keepUnit": "",
   "stock.keepPlaceholder": "guide",
@@ -31,6 +37,7 @@
   "stock.keepPlus": "Keep one more",
   "stock.batchToggle": "Batch keep",
   "stock.categoryAll": "All categories",
+  "stock.backToTop": "Back to top",
   "stock.categoryTitle": "Filter by in-game equipment type",
   "stock.sortTitle": "Sort by",
   "stock.sortVerdict": "Guide verdict",

package/i18n/zh-CN.json

@@ -23,6 +23,12 @@
   "stock.verdictDepends": "看舰队需求",
   "stock.verdictUnknown": "攻略未收录",
   "stock.materialNote": "素材用途：{{text}}",
+  "stock.materialNoteTitle": "素材用途",
+  "stock.consumeImprove": "改修",
+  "stock.consumeQuestScrap": "任务·拆",
+  "stock.consumeQuestEquip": "任务·装",
+  "stock.consumeQuestStore": "任务·库",
+  "stock.consumeOther": "其他",
   "stock.keepLabel": "保留",
   "stock.keepUnit": "件",
   "stock.keepPlaceholder": "攻略",
@@ -31,6 +37,7 @@
   "stock.keepPlus": "多留一件",
   "stock.batchToggle": "批量保留",
   "stock.categoryAll": "全部类别",
+  "stock.backToTop": "回到顶部",
   "stock.categoryTitle": "按游戏装备类型筛选",
   "stock.sortTitle": "排序方式",
   "stock.sortVerdict": "按攻略判定",

package/index.js

@@ -115,6 +115,18 @@ const VIEWS = [
   { id: 'plan', labelKey: 'stock.filterPlan' },
 ]
 
+const CONSUME_LABELS = {
+  锤: 'stock.consumeImprove',
+  拆: 'stock.consumeQuestScrap',
+  装: 'stock.consumeQuestEquip',
+  库: 'stock.consumeQuestStore',
+}
+
+function consumeLabel(tag) {
+  const key = CONSUME_LABELS[tag]
+  return key ? t(key) : t('stock.consumeOther')
+}
+
 const VERDICT = {
   scrap: { className: 'is-scrap', labelKey: 'stock.verdictScrap' },
   keepSome: { className: 'is-keepsome', labelKey: 'stock.verdictKeepSome' },
@@ -345,11 +357,23 @@ function StockRow({ row, onKeepChange }) {
     row.usage
       ? h('p', { className: 'stock-note', title: row.usage }, row.usage)
       : null,
-    row.consumed
+    row.consumedItems && row.consumedItems.length
       ? h(
-          'p',
-          { className: 'stock-consume', title: row.consumed },
-          t('stock.materialNote', { text: row.consumed }),
+          'div',
+          { className: 'stock-consume' },
+          h('div', { className: 'stock-consume-title' }, t('stock.materialNoteTitle')),
+          h(
+            'ol',
+            { className: 'stock-consume-list' },
+            row.consumedItems.map((item, index) =>
+              h(
+                'li',
+                { key: index, className: 'is-' + item.kind },
+                h('span', { className: 'stock-consume-tag' }, consumeLabel(item.tag)),
+                h('span', { className: 'stock-consume-text' }, item.text),
+              ),
+            ),
+          ),
         )
       : null,
   )
@@ -403,6 +427,17 @@ function App() {
 
   const [batchOpen, setBatchOpen] = React.useState(false)
   const [batchValues, setBatchValues] = React.useState({})
+  const [showTop, setShowTop] = React.useState(false)
+  const rootRef = React.useRef(null)
+
+  const handleScroll = React.useCallback((event) => {
+    setShowTop(event.currentTarget.scrollTop > 400)
+  }, [])
+
+  const scrollToTop = React.useCallback(() => {
+    const element = rootRef.current
+    if (element) element.scrollTo({ top: 0, behavior: 'smooth' })
+  }, [])
 
   const firstKeepSave = React.useRef(true)
   React.useEffect(() => {
@@ -477,7 +512,7 @@ function App() {
 
   return h(
     'div',
-    { className: 'stock-root' },
+    { className: 'stock-root', ref: rootRef, onScroll: handleScroll },
     h('style', null, CSS),
     h(
       'header',
@@ -658,7 +693,18 @@ function App() {
         ),
     h('p', { className: 'stock-warn' }, t('stock.warn')),
     h('p', { className: 'stock-source' }, t('stock.source')),
-
+    showTop
+      ? h(
+          'button',
+          {
+            type: 'button',
+            className: 'stock-top',
+            title: t('stock.backToTop'),
+            onClick: scrollToTop,
+          },
+          '↑',
+        )
+      : null,
   )
 }
 

package/lib/inventory.js

@@ -26,6 +26,39 @@ function toNumber(value, fallback = 0) {
   return Number.isFinite(number) ? number : fallback
 }
 
+const CONSUME_KINDS = {
+  锤: 'improve',
+  拆: 'quest',
+  装: 'quest',
+  库: 'quest',
+}
+
+/**
+ * 把「《锤》xxx《拆》yyy」这种素材用途串拆成条目，任务类排在改修类前面。
+ */
+function parseConsumed(text) {
+  const value = String(text || '').trim()
+  if (!value) return []
+
+  const parts = value
+    .split(/(?=《)/)
+    .map((part) => part.trim())
+    .filter(Boolean)
+
+  const items = parts.map((raw) => {
+    const matched = raw.match(/^《([^》]{1,3})》\s*(.*)$/)
+    const tag = matched ? matched[1] : ''
+    const detail = matched ? matched[2] : raw
+    return { tag, kind: CONSUME_KINDS[tag] || 'other', text: detail }
+  })
+
+  const rank = { quest: 0, improve: 1, other: 2 }
+  return items
+    .map((item, index) => ({ item, index }))
+    .sort((a, b) => rank[a.item.kind] - rank[b.item.kind] || a.index - b.index)
+    .map(({ item }) => item)
+}
+
 function equipName(equipId) {
   const pair = INDEX[String(equipId)] || []
   return { jp: pair[0] || '', cn: pair[1] || '' }
@@ -118,6 +151,7 @@ function buildInventory(state, options = {}) {
       usage: rule ? rule.usage : '',
       obtain: rule ? rule.obtain : '',
       consumed,
+      consumedItems: parseConsumed(consumed),
       stage: guide ? guide.stage : '',
       note: guide ? guide.note : '',
       inPlan,
@@ -249,6 +283,7 @@ function filterRows(rows, options = {}) {
 
 module.exports = {
   OTHER_CATEGORY,
+  parseConsumed,
   SORTS,
   sortRows,
   applyCategoryKeep,

package/lib/style.js

@@ -373,25 +373,75 @@ const CSS = `
 .stock-note {
   margin: 6px 0 0;
   font-size: 11px;
-  line-height: 1.55;
-  opacity: 0.65;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
+  line-height: 1.6;
+  opacity: 0.7;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .stock-consume {
-  margin: 4px 0 0;
+  margin: 6px 0 0;
+  font-size: 10.5px;
+  line-height: 1.55;
+  opacity: 0.55;
+}
+
+.stock-consume-title {
+  margin-bottom: 2px;
   font-size: 10px;
-  line-height: 1.5;
+  opacity: 0.8;
+}
+
+.stock-consume-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: 2px;
+  counter-reset: consume;
+}
+
+.stock-consume-list li {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  counter-increment: consume;
+}
+
+.stock-consume-list li::before {
+  content: counter(consume) '.';
+  flex: none;
+  min-width: 14px;
+  text-align: right;
   opacity: 0.45;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
+  font-variant-numeric: tabular-nums;
+}
+
+.stock-consume-tag {
+  flex: none;
+  padding: 0 5px;
+  border-radius: 4px;
+  background: var(--stock-surface-2);
+  font-size: 9px;
+  white-space: nowrap;
+}
+
+.stock-consume-list li.is-quest .stock-consume-tag {
+  color: var(--stock-amber);
+  background: rgba(245, 158, 11, 0.16);
+}
+
+.stock-consume-list li.is-improve .stock-consume-tag {
+  color: var(--stock-cyan);
+  background: rgba(6, 182, 212, 0.14);
+}
+
+.stock-consume-text {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
 .stock-batchbar {
@@ -645,6 +695,53 @@ const CSS = `
   opacity: 0.42;
 }
 
+.stock-root::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+.stock-root::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.06);
+  border-radius: 6px;
+}
+
+.stock-root::-webkit-scrollbar-thumb {
+  background: rgba(170, 180, 195, 0.6);
+  border: 2px solid transparent;
+  border-radius: 6px;
+  background-clip: padding-box;
+}
+
+.stock-root::-webkit-scrollbar-thumb:hover {
+  background: rgba(205, 215, 230, 0.8);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+.stock-top {
+  position: fixed;
+  right: 22px;
+  bottom: 22px;
+  z-index: 70;
+  width: 42px;
+  height: 42px;
+  padding: 0;
+  border: 1px solid rgba(150, 160, 175, 0.55);
+  border-radius: 50%;
+  color: #e8edf4;
+  background: rgba(38, 44, 54, 0.94);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+  font-family: inherit;
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.stock-top:hover {
+  border-color: #818cf8;
+  color: #818cf8;
+}
+
 `
 
 module.exports = { CSS }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poi-plugin-inventory-cleaner",
-  "version": "1.12.2",
+  "version": "1.14.0",
   "description": "库存清理大师：对照改修攻略与保留上限，找出囤积过量、可以清理的装备，并标出不能拆的改修材料。",
   "main": "index.js",
   "files": [