dsh-xueqiu 1.7.2 → 1.8.0

package/README.en.md

@@ -121,6 +121,7 @@ The data layer is defended in depth — safe to leave open for hours:
 
 ## Changelog
 
+- **1.8.0** (2025-08-19) — Pro polish: tabular-nums everywhere (no column jitter), red/green percent chips, and price-change flash animation on watchlist rows.
 - **1.7.2** (2025-08-19) — News tab pagination: scroll-to-bottom or "load earlier" fetches older items (max_id cursor, deduped); refresh resets to the latest page.
 - **1.7.1** (2025-08-19) — Fix static install (`dsh plugin add`) crashing `dsh web` startup: dual-mode RPC (harness.handle for dynamic runs, a loopback+same-origin fenced `/xq-rpc` webServer route for static installs) and a proper `__ModuleLoader__` CJS client bundle.
 - **1.7.0** (2025-08-19) — Hidden-tab polling pause + CN/HK/US market session hints.

package/README.md

@@ -151,6 +151,8 @@ dsh-xueqiu/
 
 ## 📋 更新日志
 
+- **1.8.0**（2025-08-19）
+  - 专业感升级三件套：全界面等宽数字（tabular-nums，价格跳动不抖列）；涨跌幅色块 chip（红涨/绿跌半透明底，扫一眼定位）；自选行价格变动闪烁动画（涨红闪/跌绿闪，0.8s 渐隐）。
 - **1.7.2**（2025-08-19）
   - 新增：快讯 tab 翻页——滚动到底或点「加载更早」自动加载历史快讯（max_id 游标，自动去重），「刷新」重置回最新一页。
 - **1.7.1**（2025-08-19）

package/dynamic/client.js

@@ -41,6 +41,17 @@ return {
       '.xq-up{color:var(--dsw-alias-state-error-primary);}\n' +
       '.xq-down{color:var(--dsw-alias-state-success-primary);}\n' +
       '.xq-flat{color:var(--dsw-alias-label-secondary);}\n' +
+      // 专业感三件套：①等宽数字 ②涨跌幅色块 ③价格闪烁
+      '.xq-dock,.xq-badge,.xq-ticker{font-variant-numeric:tabular-nums;}\n' +
+      '.xq-pct-chip{display:inline-block;min-width:52px;text-align:center;padding:1px 6px;border-radius:5px;font-size:11.5px;font-weight:600;}\n' +
+      '.xq-pct-chip.xq-up{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);}\n' +
+      '.xq-pct-chip.xq-down{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);}\n' +
+      '.xq-pct-chip.xq-flat{background:var(--dsw-alias-bg-layer-2);}\n' +
+      '.xq-idx-pct.xq-pct-chip{min-width:46px;padding:0 5px;font-size:10.5px;}\n' +
+      '@keyframes xq-flash-up{0%{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 18%, transparent);}100%{background:transparent;}}\n' +
+      '@keyframes xq-flash-down{0%{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 18%, transparent);}100%{background:transparent;}}\n' +
+      '.xq-flash-up{animation:xq-flash-up .8s ease-out;}\n' +
+      '.xq-flash-down{animation:xq-flash-down .8s ease-out;}\n' +
       '.xq-grid{display:grid;gap:0;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden;margin-bottom:8px;}\n' +
       '.xq-grid-hd,.xq-grid-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 84px;align-items:center;}\n' +
       '.xq-grid-hd{font-size:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);padding:5px 8px;}\n' +
@@ -459,6 +470,9 @@ return {
     function XueqiuPanel() {
       const [watchlist, setWatchlist] = React.useState([])
       const [quotes, setQuotes] = React.useState([])
+      // 价格闪烁：记录上一价与变化方向（symbol -> 1|-1），行渲染时挂一次性动画类
+      const prevPrices = React.useRef({})
+      const [flashDir, setFlashDir] = React.useState({})
       const [indices, setIndices] = React.useState([])
       const [hot, setHot] = React.useState([])
       const [hotMarket, setHotMarket] = React.useState('cn')
@@ -495,7 +509,15 @@ return {
           setErr('')
           if (!wl.length) return
           return call('quote', { symbols: wl }).then(function (data) {
-            setQuotes((data && data.list) || [])
+            const list = (data && data.list) || []
+            const dirs = {}
+            list.forEach(function (q) {
+              const prev = prevPrices.current[q.symbol]
+              if (prev !== undefined && q.current !== prev) dirs[q.symbol] = q.current > prev ? 1 : -1
+              prevPrices.current[q.symbol] = q.current
+            })
+            if (Object.keys(dirs).length) setFlashDir(dirs)
+            setQuotes(list)
           })
         }).catch(function (e) {
           setErr(String((e && e.message) || e))
@@ -689,7 +711,7 @@ return {
             el('div', { key: 'n', className: 'xq-idx-name' }, q.name),
             el('div', { key: 'r', className: 'xq-idx-row' }, [
               el('span', { key: 'c', className: 'xq-idx-cur ' + colorOf(q.percent) }, fmt(q.current)),
-              el('span', { key: 'p', className: 'xq-idx-pct ' + colorOf(q.percent) }, fmtPct(q.percent))
+              el('span', { key: 'p', className: 'xq-idx-pct xq-pct-chip ' + colorOf(q.percent) }, fmtPct(q.percent))
             ])
           ])
         })
@@ -699,8 +721,8 @@ return {
               el('div', { key: 'a', className: 'xq-name' }, q.name),
               el('div', { key: 'b', className: 'xq-sub' }, q.symbol)
             ]),
-            el('div', { key: 'c', className: colorOf(q.percent) }, fmt(q.current)),
-            el('div', { key: 'p', className: colorOf(q.percent) }, fmtPct(q.percent)),
+            el('div', { key: 'c', className: colorOf(q.percent) + (flashDir[q.symbol] === 1 ? ' xq-flash-up' : flashDir[q.symbol] === -1 ? ' xq-flash-down' : '') }, fmt(q.current)),
+            el('div', { key: 'p' }, el('span', { key: 'pp', className: 'xq-pct-chip ' + colorOf(q.percent) }, fmtPct(q.percent))),
             el('div', { key: 'v', className: 'xq-sub' }, fmtVol(q.volume)),
             el('div', { key: 'a2', className: 'xq-actions' }, [
               el('button', { key: 'd', className: 'xq-btn-mini', onClick: function (e) { e.stopPropagation(); openDetail(q.symbol) } }, '详情'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-xueqiu",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "description": "雪球 mini 行情面板 — DeepSeek Harness 免登录 A股/港美股实时行情、K线(蜡烛/成交量/均线)、分时图、热榜、搜索、7x24 快讯、热议用户。嵌入式面板 + 可拖拽行情徽标，内置请求节流、TTL 缓存与 Cookie 自动续期。",
   "keywords": [
     "dsh",

package/src/client/index.js

@@ -60,6 +60,17 @@ exports.default = {
       '.xq-up{color:var(--dsw-alias-state-error-primary);}\n' +
       '.xq-down{color:var(--dsw-alias-state-success-primary);}\n' +
       '.xq-flat{color:var(--dsw-alias-label-secondary);}\n' +
+      // 专业感三件套：①等宽数字 ②涨跌幅色块 ③价格闪烁
+      '.xq-dock,.xq-badge,.xq-ticker{font-variant-numeric:tabular-nums;}\n' +
+      '.xq-pct-chip{display:inline-block;min-width:52px;text-align:center;padding:1px 6px;border-radius:5px;font-size:11.5px;font-weight:600;}\n' +
+      '.xq-pct-chip.xq-up{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);}\n' +
+      '.xq-pct-chip.xq-down{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);}\n' +
+      '.xq-pct-chip.xq-flat{background:var(--dsw-alias-bg-layer-2);}\n' +
+      '.xq-idx-pct.xq-pct-chip{min-width:46px;padding:0 5px;font-size:10.5px;}\n' +
+      '@keyframes xq-flash-up{0%{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 18%, transparent);}100%{background:transparent;}}\n' +
+      '@keyframes xq-flash-down{0%{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 18%, transparent);}100%{background:transparent;}}\n' +
+      '.xq-flash-up{animation:xq-flash-up .8s ease-out;}\n' +
+      '.xq-flash-down{animation:xq-flash-down .8s ease-out;}\n' +
       '.xq-grid{display:grid;gap:0;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden;margin-bottom:8px;}\n' +
       '.xq-grid-hd,.xq-grid-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 84px;align-items:center;}\n' +
       '.xq-grid-hd{font-size:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);padding:5px 8px;}\n' +
@@ -478,6 +489,9 @@ exports.default = {
     function XueqiuPanel() {
       const [watchlist, setWatchlist] = React.useState([])
       const [quotes, setQuotes] = React.useState([])
+      // 价格闪烁：记录上一价与变化方向（symbol -> 1|-1），行渲染时挂一次性动画类
+      const prevPrices = React.useRef({})
+      const [flashDir, setFlashDir] = React.useState({})
       const [indices, setIndices] = React.useState([])
       const [hot, setHot] = React.useState([])
       const [hotMarket, setHotMarket] = React.useState('cn')
@@ -514,7 +528,15 @@ exports.default = {
           setErr('')
           if (!wl.length) return
           return call('quote', { symbols: wl }).then(function (data) {
-            setQuotes((data && data.list) || [])
+            const list = (data && data.list) || []
+            const dirs = {}
+            list.forEach(function (q) {
+              const prev = prevPrices.current[q.symbol]
+              if (prev !== undefined && q.current !== prev) dirs[q.symbol] = q.current > prev ? 1 : -1
+              prevPrices.current[q.symbol] = q.current
+            })
+            if (Object.keys(dirs).length) setFlashDir(dirs)
+            setQuotes(list)
           })
         }).catch(function (e) {
           setErr(String((e && e.message) || e))
@@ -708,7 +730,7 @@ exports.default = {
             el('div', { key: 'n', className: 'xq-idx-name' }, q.name),
             el('div', { key: 'r', className: 'xq-idx-row' }, [
               el('span', { key: 'c', className: 'xq-idx-cur ' + colorOf(q.percent) }, fmt(q.current)),
-              el('span', { key: 'p', className: 'xq-idx-pct ' + colorOf(q.percent) }, fmtPct(q.percent))
+              el('span', { key: 'p', className: 'xq-idx-pct xq-pct-chip ' + colorOf(q.percent) }, fmtPct(q.percent))
             ])
           ])
         })
@@ -718,8 +740,8 @@ exports.default = {
               el('div', { key: 'a', className: 'xq-name' }, q.name),
               el('div', { key: 'b', className: 'xq-sub' }, q.symbol)
             ]),
-            el('div', { key: 'c', className: colorOf(q.percent) }, fmt(q.current)),
-            el('div', { key: 'p', className: colorOf(q.percent) }, fmtPct(q.percent)),
+            el('div', { key: 'c', className: colorOf(q.percent) + (flashDir[q.symbol] === 1 ? ' xq-flash-up' : flashDir[q.symbol] === -1 ? ' xq-flash-down' : '') }, fmt(q.current)),
+            el('div', { key: 'p' }, el('span', { key: 'pp', className: 'xq-pct-chip ' + colorOf(q.percent) }, fmtPct(q.percent))),
             el('div', { key: 'v', className: 'xq-sub' }, fmtVol(q.volume)),
             el('div', { key: 'a2', className: 'xq-actions' }, [
               el('button', { key: 'd', className: 'xq-btn-mini', onClick: function (e) { e.stopPropagation(); openDetail(q.symbol) } }, '详情'),