@usethink/shared-frontend 0.1.3 → 0.1.5

package/dist/src/styles/theme.less

@@ -0,0 +1,50 @@
+// @import 'ant-design-vue/lib/style/themes/default.less';
+// @import 'ant-design-vue/dist/antd.dark.less';
+// @root-entry-name: variable;
+
+@white: #fff;
+@black: #000;
+
+html:not(.dark) {
+  @component-background: @white;
+}
+
+// html.dark {
+// }
+
+.setStyle(@className, @propName) {
+  html {
+    &.dark {
+      .@{className} {
+        @{propName}: @black;
+      }
+    }
+
+    &:not(.dark) {
+      .@{className} {
+        @{propName}: @white;
+      }
+    }
+  }
+}
+
+.themeColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
+  @className: extract(@classNames, @i);
+
+  .setStyle(@className, background-color);
+  .setStyle(@className, color);
+
+  .themeColor(@classNames, (@i + 1));
+}
+
+.themeTextColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
+  @className: extract(@classNames, @i);
+  .setStyle(@className, color);
+  .themeColor(@classNames, (@i + 1));
+}
+
+.themeBgColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
+  @className: extract(@classNames, @i);
+  .setStyle(@className, background-color);
+  .themeColor(@classNames, (@i + 1));
+}

package/dist/src/styles/transition.less

@@ -0,0 +1,60 @@
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  transform: translateX(20px);
+  opacity: 0;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-slide */
+.fade-slide-leave-active,
+.fade-slide-enter-active {
+  transition: all 0.5s;
+}
+
+.fade-slide-enter-from {
+  transform: translateX(-30px);
+  opacity: 0;
+}
+
+.fade-slide-leave-to {
+  transform: translateX(30px);
+  opacity: 0;
+}
+
+/* router view transition */
+.zoom-fade-enter-active,
+.zoom-fade-leave-active {
+  transition:
+    transform 0.35s,
+    opacity 0.28s ease-in-out;
+}
+
+.zoom-fade-enter-from {
+  transform: scale(0.97);
+  opacity: 0;
+}
+
+.zoom-fade-leave-to {
+  transform: scale(1.03);
+  opacity: 0;
+}

package/dist/src/styles/variables.less

@@ -0,0 +1,51 @@
+// @import 'ant-design-vue/lib/style/themes/default.less';
+
+// @header-height: 64px;
+// @footer-height: 70px;
+// @primary-color: #00b96b;
+
+:root {
+  --app-header-height: 64px;
+  --app-footer-height: 0px;
+  --app-primary-color: #00b96b;
+}
+
+// 紧凑布局的样式
+.compact {
+  .tabs-view-content {
+    padding: 10px 10px 0 !important;
+  }
+
+  .schemaForm {
+    margin-bottom: 10px !important;
+    padding-top: 12px !important;
+  }
+
+  .ant-col-24.form-action {
+    margin-top: -10px !important;
+    margin-bottom: -10px !important;
+  }
+
+  #mom-dynamic-toolbar {
+    padding: 10px 10px 0 !important;
+  }
+
+  .ant-table-tbody > tr > td {
+    padding: 4px !important;
+  }
+
+  .ant-table-measure-row {
+    display: none !important;
+  }
+}
+
+.monaco-editor {
+  .monaco-scrollable-element {
+    left: 43px !important;
+    width: 100% !important;
+  }
+
+  .line-numbers {
+    width: 30px !important;
+  }
+}

package/dist/src/utils/index.js

@@ -1,73 +1,74 @@
 import "dayjs";
-import { dateUtil as n, formatToCustomWeek as f, formatToDate as u, formatToDateTime as x, formatToWeek as d, renderCustomWeekToDayjs as y } from "./dateUtil.js";
+import { dateUtil as f, formatToCustomWeek as u, formatToDate as x, formatToDateTime as d, formatToWeek as y, renderCustomWeekToDayjs as b } from "./dateUtil.js";
 import "./eventBus.js";
 import "../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
-import { isArguments as c, isArray as k, isArrayBuffer as A, isArrayLike as S, isArrayLikeObject as T, isBoolean as U, isBuffer as g, isDate as W, isElement as h, isEmpty as D, isEqual as E, isEqualWith as M, isError as j, isFinite as C, isFunction as I, isLength as L, isMap as N, isMatch as q, isMatchWith as B, isNative as F, isNil as O, isNull as R, isNumber as _, isObjectLike as v, isPlainObject as H, isRegExp as P, isSafeInteger as w, isSet as z, isString as G, isSymbol as J, isTypedArray as K, isUndefined as Q, isWeakMap as V, isWeakSet as X } from "lodash-es";
-import { i18nRender as Z } from "./i18n.js";
+import { isArguments as k, isArray as A, isArrayBuffer as S, isArrayLike as T, isArrayLikeObject as U, isBoolean as g, isBuffer as W, isDate as h, isElement as D, isEmpty as E, isEqual as M, isEqualWith as j, isError as C, isFinite as I, isFunction as L, isLength as N, isMap as q, isMatch as B, isMatchWith as F, isNative as O, isNil as R, isNull as _, isNumber as v, isObjectLike as H, isPlainObject as P, isRegExp as w, isSafeInteger as z, isSet as G, isString as J, isSymbol as K, isTypedArray as Q, isUndefined as V, isWeakMap as X, isWeakSet as Y } from "lodash-es";
+import { i18nRender as $ } from "./i18n.js";
 import "vue";
 /* empty css                     */
-import { close as ee, start as ie } from "./nprogress.js";
+import { close as ie, start as re } from "./nprogress.js";
 import "./performanceMonitor.js";
 import "./SignalRConnectionManager.js";
-import { propTypes as te } from "./propTypes.js";
-import { aotClientHttp as se, baseAotClientUrl as ae, baseApiUrl as me, request as pe, uploadFile as le } from "./request.js";
-import { Storage as fe, createStorage as ue } from "./Storage.js";
-import { buildShortUUID as de, buildUUID as ye } from "./uuid.js";
-const m = !0;
+import { propTypes as oe } from "./propTypes.js";
+import { aotClientHttp as ae, baseAotClientUrl as me, baseApiUrl as pe, request as le, uploadFile as ne } from "./request.js";
+import { Storage as ue, createStorage as xe } from "./Storage.js";
+import { buildShortUUID as ye, buildUUID as be } from "./uuid.js";
+import "ant-design-vue";
+const p = !0;
 export {
-  fe as Storage,
-  m as __utilsIndexMarker,
-  se as aotClientHttp,
-  ae as baseAotClientUrl,
-  me as baseApiUrl,
-  de as buildShortUUID,
-  ye as buildUUID,
-  ee as close,
-  ue as createStorage,
-  n as dateUtil,
-  f as formatToCustomWeek,
-  u as formatToDate,
-  x as formatToDateTime,
-  d as formatToWeek,
-  Z as i18nRender,
-  c as isArguments,
-  k as isArray,
-  A as isArrayBuffer,
-  S as isArrayLike,
-  T as isArrayLikeObject,
-  U as isBoolean,
-  g as isBuffer,
-  W as isDate,
-  h as isElement,
-  D as isEmpty,
-  E as isEqual,
-  M as isEqualWith,
-  j as isError,
-  C as isFinite,
-  I as isFunction,
-  L as isLength,
-  N as isMap,
-  q as isMatch,
-  B as isMatchWith,
-  F as isNative,
-  O as isNil,
-  R as isNull,
-  _ as isNumber,
-  v as isObjectLike,
-  H as isPlainObject,
-  P as isRegExp,
-  w as isSafeInteger,
-  z as isSet,
-  G as isString,
-  J as isSymbol,
-  K as isTypedArray,
-  Q as isUndefined,
-  V as isWeakMap,
-  X as isWeakSet,
-  te as propTypes,
-  y as renderCustomWeekToDayjs,
-  pe as request,
-  ie as start,
-  le as uploadFile
+  ue as Storage,
+  p as __utilsIndexMarker,
+  ae as aotClientHttp,
+  me as baseAotClientUrl,
+  pe as baseApiUrl,
+  ye as buildShortUUID,
+  be as buildUUID,
+  ie as close,
+  xe as createStorage,
+  f as dateUtil,
+  u as formatToCustomWeek,
+  x as formatToDate,
+  d as formatToDateTime,
+  y as formatToWeek,
+  $ as i18nRender,
+  k as isArguments,
+  A as isArray,
+  S as isArrayBuffer,
+  T as isArrayLike,
+  U as isArrayLikeObject,
+  g as isBoolean,
+  W as isBuffer,
+  h as isDate,
+  D as isElement,
+  E as isEmpty,
+  M as isEqual,
+  j as isEqualWith,
+  C as isError,
+  I as isFinite,
+  L as isFunction,
+  N as isLength,
+  q as isMap,
+  B as isMatch,
+  F as isMatchWith,
+  O as isNative,
+  R as isNil,
+  _ as isNull,
+  v as isNumber,
+  H as isObjectLike,
+  P as isPlainObject,
+  w as isRegExp,
+  z as isSafeInteger,
+  G as isSet,
+  J as isString,
+  K as isSymbol,
+  Q as isTypedArray,
+  V as isUndefined,
+  X as isWeakMap,
+  Y as isWeakSet,
+  oe as propTypes,
+  b as renderCustomWeekToDayjs,
+  le as request,
+  re as start,
+  ne as uploadFile
 };
 //# sourceMappingURL=index.js.map

package/dist/src/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * 工具函数模块入口\n * 导出所有共享工具函数\n */\n\nexport * from \"./awaitTo\";\nexport { default as BrowserType } from \"./browser-type\";\nexport { default } from \"./browser-type\";\nexport * from \"./common\";\nexport * from \"./component\";\nexport * from \"./dateUtil\";\nexport * from \"./digit\";\nexport * from \"./downloadFile\";\nexport * from \"./eventBus\";\nexport * from \"./Export2Excel\";\nexport * from \"./global\";\nexport * from \"./helper\";\nexport * from \"./i18n\";\nexport * from \"./importExport\";\nexport * from \"./is\";\nexport * from \"./loading\";\nexport * from \"./log\";\nexport * from \"./nprogress\";\nexport * from \"./performanceMonitor\";\nexport * from \"./plcSignalR\";\nexport * from \"./propTypes\";\nexport * from \"./request\";\nexport * from \"./Storage\";\nexport * from \"./toolsValidate\";\nexport * from \"./tree\";\nexport * from \"./urlUtils\";\nexport * from \"./uuid\";\nexport * from \"./validate\";\nexport * from \"./format\";\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __utilsIndexMarker = true\n"],"names":["__utilsIndexMarker"],"mappings":";;;;;;;;;;;;;;;AAoCO,MAAMA,IAAqB;"}
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * 工具函数模块入口\n * 导出所有共享工具函数\n */\n\nexport * from \"./awaitTo\";\nexport { default as BrowserType } from \"./browser-type\";\nexport { default } from \"./browser-type\";\nexport * from \"./common\";\nexport * from \"./component\";\nexport * from \"./dateUtil\";\nexport * from \"./digit\";\nexport * from \"./downloadFile\";\nexport * from \"./eventBus\";\nexport * from \"./Export2Excel\";\nexport * from \"./global\";\nexport * from \"./helper\";\nexport * from \"./i18n\";\nexport * from \"./importExport\";\nexport * from \"./is\";\nexport * from \"./loading\";\nexport * from \"./log\";\nexport * from \"./nprogress\";\nexport * from \"./performanceMonitor\";\nexport * from \"./plcSignalR\";\nexport * from \"./propTypes\";\nexport * from \"./request\";\nexport * from \"./Storage\";\nexport * from \"./toolsValidate\";\nexport * from \"./tree\";\nexport * from \"./urlUtils\";\nexport * from \"./uuid\";\nexport * from \"./validate\";\nexport * from \"./format\";\nexport * from \"./useBufferStatus\";\nexport * from \"./useDownloadBlob\";\nexport * from \"./useExeSubscription\";\nexport * from \"./tableConfig\";\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __utilsIndexMarker = true\n"],"names":["__utilsIndexMarker"],"mappings":";;;;;;;;;;;;;;;;AAwCO,MAAMA,IAAqB;"}

package/dist/src/utils/tableConfig.js

@@ -0,0 +1,17 @@
+const o = {
+  pageSize: 20,
+  showSizeChanger: !0,
+  pageSizeOptions: ["10", "20", "50", "100"],
+  showTotal: (e) => `共 ${e} 条`
+}, a = "small", s = "calc(100vh - 340px)", c = "calc(100vh - 480px)";
+function i(e, n = 20, t) {
+  return e <= n ? !1 : { ...o, ...t };
+}
+export {
+  o as DEFAULT_PAGINATION,
+  s as PAGE_SCROLL_Y,
+  a as TABLE_SIZE,
+  c as TAB_SCROLL_Y,
+  i as usePagination
+};
+//# sourceMappingURL=tableConfig.js.map

package/dist/src/utils/tableConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableConfig.js","sources":["../../../src/utils/tableConfig.ts"],"sourcesContent":["/**\n * 表格统一分页/样式/滚动配置\n * 所有主数据表格统一使用此配置，避免各页面各自为政\n *\n * 设计原则：\n * 1. 统一 size=\"small\" — 行高紧凑，单屏信息密度高\n * 2. 统一 scroll.y — 固定表头，数据区滚动，页面不跟着滚\n * 3. 统一分页配置 — 页码、每页条数、总数显示一致\n */\n\n/** 默认分页配置 */\nexport const DEFAULT_PAGINATION = {\n  pageSize: 20,\n  showSizeChanger: true,\n  pageSizeOptions: ['10', '20', '50', '100'],\n  showTotal: (total: number) => `共 ${total} 条`,\n}\n\n/** 表格统一尺寸 */\nexport const TABLE_SIZE = 'small' as const\n\n/**\n * 主数据表格默认 scroll.y — 固定表头，数据区滚动\n * 独立页面用 PAGE_SCROLL_Y，Tab/Drawer 内用 TAB_SCROLL_Y\n */\nexport const PAGE_SCROLL_Y = 'calc(100vh - 340px)'\nexport const TAB_SCROLL_Y = 'calc(100vh - 480px)'\n\n/**\n * 生成分页配置\n * @param total 数据总数，<= threshold 时禁用分页\n * @param threshold 启用分页的最小数据量，默认 20\n * @param overrides 覆盖默认值\n */\nexport function usePagination(\n  total: number,\n  threshold = 20,\n  overrides?: Partial<typeof DEFAULT_PAGINATION>,\n) {\n  if (total <= threshold) return false\n  return { ...DEFAULT_PAGINATION, ...overrides }\n}\n"],"names":["DEFAULT_PAGINATION","total","TABLE_SIZE","PAGE_SCROLL_Y","TAB_SCROLL_Y","usePagination","threshold","overrides"],"mappings":"AAWO,MAAMA,IAAqB;AAAA,EAChC,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,iBAAiB,CAAC,MAAM,MAAM,MAAM,KAAK;AAAA,EACzC,WAAW,CAACC,MAAkB,KAAKA,CAAK;AAC1C,GAGaC,IAAa,SAMbC,IAAgB,uBAChBC,IAAe;AAQrB,SAASC,EACdJ,GACAK,IAAY,IACZC,GACA;AACA,SAAIN,KAASK,IAAkB,KACxB,EAAE,GAAGN,GAAoB,GAAGO,EAAA;AACrC;"}

package/dist/src/utils/useBufferStatus.js

@@ -0,0 +1,35 @@
+import { ref as o, onMounted as i, onUnmounted as c } from "vue";
+import { getTagHistoryBufferStatus as m } from "../api/device/tagHistory.js";
+function p(s = {}) {
+  const { autoRefreshMs: a = 0, onError: f } = s, u = o(0), t = o(!1), l = o("");
+  let e = null;
+  const n = async () => {
+    t.value = !0;
+    try {
+      const r = await m();
+      u.value = Number(r?.pending_count ?? 0), l.value = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+    } catch (r) {
+      f?.(r);
+    } finally {
+      t.value = !1;
+    }
+  };
+  return i(() => {
+    n(), a > 0 && (e = setInterval(n, a));
+  }), c(() => {
+    e && (clearInterval(e), e = null);
+  }), {
+    /** 待写入条数 */
+    pending: u,
+    /** 是否正在查询 */
+    loading: t,
+    /** 上次查询成功时间（本地化字符串） */
+    updatedAt: l,
+    /** 手动触发一次查询 */
+    refresh: n
+  };
+}
+export {
+  p as useBufferStatus
+};
+//# sourceMappingURL=useBufferStatus.js.map

package/dist/src/utils/useBufferStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBufferStatus.js","sources":["../../../src/utils/useBufferStatus.ts"],"sourcesContent":["import { ref, onMounted, onUnmounted } from 'vue'\nimport { getTagHistoryBufferStatus } from '@/api/device/tagHistory'\n\nexport interface UseBufferStatusOptions {\n  /**\n   * 自动刷新间隔（毫秒）。默认 0 表示不自动刷新。\n   * plcMonitor 用 30000；tagHistory / systemMaintenance 用 0（手动刷新）。\n   */\n  autoRefreshMs?: number\n  /** 查询失败时调用。默认空（静默）。 */\n  onError?: (err: unknown) => void\n}\n\n/**\n * 标签历史入库缓冲区状态 composable（/api/TagHistory/BufferStatus）。\n *\n * 消除 3 个页面里重复的 pending_count 拉取 + 定时刷新逻辑：\n *   - plcMonitor.vue        autoRefreshMs=30000\n *   - tagHistory.vue        手动刷新\n *   - systemMaintenance.vue 手动刷新\n *\n * 用法：\n * ```ts\n * const { pending, loading, updatedAt, refresh } = useBufferStatus({ autoRefreshMs: 30000 })\n * ```\n */\nexport function useBufferStatus(options: UseBufferStatusOptions = {}) {\n  const { autoRefreshMs = 0, onError } = options\n\n  const pending = ref(0)\n  const loading = ref(false)\n  const updatedAt = ref('')\n\n  let timer: ReturnType<typeof setInterval> | null = null\n\n  const refresh = async () => {\n    loading.value = true\n    try {\n      const res = await getTagHistoryBufferStatus()\n      pending.value = Number(res?.pending_count ?? 0)\n      updatedAt.value = new Date().toLocaleTimeString()\n    } catch (err) {\n      onError?.(err)\n    } finally {\n      loading.value = false\n    }\n  }\n\n  onMounted(() => {\n    refresh()\n    if (autoRefreshMs > 0) {\n      timer = setInterval(refresh, autoRefreshMs)\n    }\n  })\n\n  onUnmounted(() => {\n    if (timer) {\n      clearInterval(timer)\n      timer = null\n    }\n  })\n\n  return {\n    /** 待写入条数 */\n    pending,\n    /** 是否正在查询 */\n    loading,\n    /** 上次查询成功时间（本地化字符串） */\n    updatedAt,\n    /** 手动触发一次查询 */\n    refresh,\n  }\n}\n"],"names":["useBufferStatus","options","autoRefreshMs","onError","pending","ref","loading","updatedAt","timer","refresh","res","getTagHistoryBufferStatus","err","onMounted","onUnmounted"],"mappings":";;AA0BO,SAASA,EAAgBC,IAAkC,IAAI;AACpE,QAAM,EAAE,eAAAC,IAAgB,GAAG,SAAAC,EAAA,IAAYF,GAEjCG,IAAUC,EAAI,CAAC,GACfC,IAAUD,EAAI,EAAK,GACnBE,IAAYF,EAAI,EAAE;AAExB,MAAIG,IAA+C;AAEnD,QAAMC,IAAU,YAAY;AAC1B,IAAAH,EAAQ,QAAQ;AAChB,QAAI;AACF,YAAMI,IAAM,MAAMC,EAAA;AAClB,MAAAP,EAAQ,QAAQ,OAAOM,GAAK,iBAAiB,CAAC,GAC9CH,EAAU,SAAQ,oBAAI,KAAA,GAAO,mBAAA;AAAA,IAC/B,SAASK,GAAK;AACZ,MAAAT,IAAUS,CAAG;AAAA,IACf,UAAA;AACE,MAAAN,EAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAEA,SAAAO,EAAU,MAAM;AACd,IAAAJ,EAAA,GACIP,IAAgB,MAClBM,IAAQ,YAAYC,GAASP,CAAa;AAAA,EAE9C,CAAC,GAEDY,EAAY,MAAM;AAChB,IAAIN,MACF,cAAcA,CAAK,GACnBA,IAAQ;AAAA,EAEZ,CAAC,GAEM;AAAA;AAAA,IAEL,SAAAJ;AAAA;AAAA,IAEA,SAAAE;AAAA;AAAA,IAEA,WAAAC;AAAA;AAAA,IAEA,SAAAE;AAAA,EAAA;AAEJ;"}

package/dist/src/utils/useDownloadBlob.js

@@ -0,0 +1,28 @@
+import { ref as u } from "vue";
+import { message as n } from "ant-design-vue";
+function p() {
+  const r = u(!1);
+  async function l(o, d, a = {}) {
+    r.value = !0;
+    try {
+      const t = typeof o == "function" ? await o() : await o;
+      if (t?.type?.includes("application/json"))
+        try {
+          const i = await t.text(), c = JSON.parse(i);
+          return n.error(c?.msg || c?.detail || a.errorMsg || "导出失败"), !1;
+        } catch {
+        }
+      const s = URL.createObjectURL(t), e = document.createElement("a");
+      return e.href = s, e.download = d, e.style.display = "none", document.body.appendChild(e), e.click(), document.body.removeChild(e), URL.revokeObjectURL(s), n.success(a.successMsg ?? "开始下载"), !0;
+    } catch (t) {
+      return n.error(a.errorMsg || t?.message || "导出失败"), !1;
+    } finally {
+      r.value = !1;
+    }
+  }
+  return { downloading: r, downloadBlob: l };
+}
+export {
+  p as useDownloadBlob
+};
+//# sourceMappingURL=useDownloadBlob.js.map

package/dist/src/utils/useDownloadBlob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDownloadBlob.js","sources":["../../../src/utils/useDownloadBlob.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { message } from 'ant-design-vue'\n\n/**\n * Blob 文件下载 composable（统一所有\"调 API 拿 Blob → 触发浏览器下载\"场景）。\n *\n * 设计目标：\n *  - 消除 4 个页面（tagHistory / DeviceWorkbench / auditLog / DataQueryTool）里\n *    重复的 URL.createObjectURL + createElement('a') + click + revokeObjectURL 流程。\n *  - 内置 loading 状态与错误提示，调用方只需一行代码。\n *\n * 用法：\n * ```ts\n * const { downloading, downloadBlob } = useDownloadBlob()\n * await downloadBlob(() => exportDeviceBundle(id), `device-${id}.zip`)\n * await downloadBlob(Promise.resolve(myCsvBlob), 'audit.csv', { successMsg: '已导出' })\n * ```\n */\nexport function useDownloadBlob() {\n  const downloading = ref(false)\n\n  /**\n   * 触发浏览器下载\n   * @param source Blob 实例 或 返回 Blob 的 Promise / 工厂函数\n   * @param filename 下载文件名（建议含时间戳，便于归档）\n   * @param options 可选的成功/失败提示\n   */\n  async function downloadBlob(\n    source: Blob | Promise<Blob> | (() => Promise<Blob>),\n    filename: string,\n    options: { successMsg?: string; errorMsg?: string } = {},\n  ): Promise<boolean> {\n    downloading.value = true\n    try {\n      const blob = typeof source === 'function'\n        ? await source()\n        : await source\n\n      // 兜底：如果后端返回的是 JSON 错误包成 Blob，尝试解析提示\n      if (blob?.type?.includes('application/json')) {\n        try {\n          const text = await blob.text()\n          const parsed = JSON.parse(text)\n          message.error(parsed?.msg || parsed?.detail || options.errorMsg || '导出失败')\n          return false\n        } catch {\n          // 不是 JSON，按普通 blob 处理\n        }\n      }\n\n      const url = URL.createObjectURL(blob)\n      const link = document.createElement('a')\n      link.href = url\n      link.download = filename\n      link.style.display = 'none'\n      document.body.appendChild(link)\n      link.click()\n      document.body.removeChild(link)\n      URL.revokeObjectURL(url)\n\n      message.success(options.successMsg ?? '开始下载')\n      return true\n    } catch (err: any) {\n      message.error(options.errorMsg || err?.message || '导出失败')\n      return false\n    } finally {\n      downloading.value = false\n    }\n  }\n\n  return { downloading, downloadBlob }\n}\n"],"names":["useDownloadBlob","downloading","ref","downloadBlob","source","filename","options","blob","text","parsed","message","url","link","err"],"mappings":";;AAkBO,SAASA,IAAkB;AAChC,QAAMC,IAAcC,EAAI,EAAK;AAQ7B,iBAAeC,EACbC,GACAC,GACAC,IAAsD,CAAA,GACpC;AAClB,IAAAL,EAAY,QAAQ;AACpB,QAAI;AACF,YAAMM,IAAO,OAAOH,KAAW,aAC3B,MAAMA,EAAA,IACN,MAAMA;AAGV,UAAIG,GAAM,MAAM,SAAS,kBAAkB;AACzC,YAAI;AACF,gBAAMC,IAAO,MAAMD,EAAK,KAAA,GAClBE,IAAS,KAAK,MAAMD,CAAI;AAC9B,iBAAAE,EAAQ,MAAMD,GAAQ,OAAOA,GAAQ,UAAUH,EAAQ,YAAY,MAAM,GAClE;AAAA,QACT,QAAQ;AAAA,QAER;AAGF,YAAMK,IAAM,IAAI,gBAAgBJ,CAAI,GAC9BK,IAAO,SAAS,cAAc,GAAG;AACvC,aAAAA,EAAK,OAAOD,GACZC,EAAK,WAAWP,GAChBO,EAAK,MAAM,UAAU,QACrB,SAAS,KAAK,YAAYA,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI,GAC9B,IAAI,gBAAgBD,CAAG,GAEvBD,EAAQ,QAAQJ,EAAQ,cAAc,MAAM,GACrC;AAAA,IACT,SAASO,GAAU;AACjB,aAAAH,EAAQ,MAAMJ,EAAQ,YAAYO,GAAK,WAAW,MAAM,GACjD;AAAA,IACT,UAAA;AACE,MAAAZ,EAAY,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,SAAO,EAAE,aAAAA,GAAa,cAAAE,EAAA;AACxB;"}

package/dist/src/utils/useExeSubscription.js

@@ -0,0 +1,66 @@
+import { unref as s, onMounted as l, onUnmounted as x, watch as E } from "vue";
+import { notification as p, message as d } from "ant-design-vue";
+import { usePlcSignalR as S } from "./plcSignalR.js";
+function z(n, i = {}) {
+  const { onChanged: u, notify: m = !0 } = i, {
+    onExeExecutionCompleted: a,
+    subscribeExeExecution: b,
+    unsubscribeExeExecution: g,
+    connect: f
+  } = S();
+  a((t) => {
+    if (!t)
+      return;
+    const r = s(n);
+    if (r == null || String(t.deviceId) !== String(r))
+      return;
+    const e = {
+      deviceId: t.deviceId,
+      tagName: t.tagName,
+      bizCode: t.bizCode,
+      success: !!t.success,
+      result: t.result,
+      error: t.error,
+      traceId: t.traceId,
+      timestamp: t.timestamp
+    };
+    m && p[e.success ? "success" : "error"]({
+      message: e.success ? "Exe 执行成功" : "Exe 执行失败",
+      description: `${e.bizCode || e.tagName || "-"} · ${e.result ?? ""}${e.error ? " · " + e.error : ""}`,
+      duration: 3,
+      placement: "bottomRight"
+    }), u?.(e);
+  });
+  const c = async (t) => {
+    if (t != null) {
+      try {
+        await f();
+      } catch {
+      }
+      try {
+        await b(String(t));
+      } catch {
+        d.warning("订阅 Exe 执行完成事件失败，日志将不会自动刷新");
+      }
+    }
+  }, o = (t) => {
+    t != null && g(String(t)).catch(() => {
+    });
+  };
+  return l(() => c(s(n))), x(() => o(s(n))), E(
+    () => s(n),
+    (t, r) => {
+      String(t) !== String(r) && (o(r), c(t));
+    }
+  ), {
+    /** 让调用方能在特殊场景下手动重订阅 */
+    resubscribe: () => {
+      const t = s(n);
+      o(t), c(t);
+    }
+  };
+}
+export {
+  z as useExeSubscription
+};
+//# sourceMappingURL=useExeSubscription.js.map

package/dist/src/utils/useExeSubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExeSubscription.js","sources":["../../../src/utils/useExeSubscription.ts"],"sourcesContent":["import { onMounted, onUnmounted, unref, watch, type MaybeRef } from 'vue'\nimport { message, notification } from 'ant-design-vue'\nimport { usePlcSignalR } from '@/utils/plcSignalR'\n\nexport interface ExeExecutionInfo {\n  deviceId: number | string\n  tagName?: string\n  bizCode?: string\n  success: boolean\n  result?: string | number | null\n  error?: string | null\n  traceId?: string\n  timestamp?: string\n}\n\nexport interface UseExeSubscriptionOptions {\n  /**\n   * 命中当前设备的执行完成事件时调用。组件用它触发列表刷新。\n   * 不传则只弹通知，不做任何副作用。\n   */\n  onChanged?: (info: ExeExecutionInfo) => void\n  /** 是否弹右下角通知（默认 true） */\n  notify?: boolean\n}\n\n/**\n * 订阅 PlcHub 推送的 OnExeExecutionCompleted 事件（按 deviceId 分组）。\n *\n * 设计目标：\n *  - 把 ExeRulesTab.vue 里那段\"acquire + subscribe + 回调过滤 + 通知 + 清理\"\n *    抽成可复用 composable，未来 exeExecLog.vue / plcMonitor.vue 都能一行接入。\n *  - 重连自动恢复订阅（SignalRConnectionManager 已支持 subscribedExeDevices）。\n *\n * 用法：\n * ```ts\n * useExeSubscription(\n *   () => props.deviceId,\n *   { onChanged: () => { loadExes(); loadLogs() } },\n * )\n * ```\n */\nexport function useExeSubscription(\n  deviceId: MaybeRef<number | string | undefined>,\n  options: UseExeSubscriptionOptions = {},\n) {\n  const { onChanged, notify = true } = options\n\n  const {\n    onExeExecutionCompleted,\n    subscribeExeExecution,\n    unsubscribeExeExecution,\n    connect,\n  } = usePlcSignalR()\n\n  onExeExecutionCompleted((raw: any) => {\n    if (!raw) return\n    const current = unref(deviceId)\n    if (current == null || String(raw.deviceId) !== String(current)) return\n\n    const info: ExeExecutionInfo = {\n      deviceId: raw.deviceId,\n      tagName: raw.tagName,\n      bizCode: raw.bizCode,\n      success: !!raw.success,\n      result: raw.result,\n      error: raw.error,\n      traceId: raw.traceId,\n      timestamp: raw.timestamp,\n    }\n\n    if (notify) {\n      notification[info.success ? 'success' : 'error']({\n        message: info.success ? 'Exe 执行成功' : 'Exe 执行失败',\n        description:\n          `${info.bizCode || info.tagName || '-'} · ${info.result ?? ''}${info.error ? ' · ' + info.error : ''}`,\n        duration: 3,\n        placement: 'bottomRight',\n      })\n    }\n\n    onChanged?.(info)\n  })\n\n  // 订阅当前 deviceId；deviceId 变化时平滑切换\n  const subscribe = async (id: number | string | undefined) => {\n    if (id == null) return\n    try {\n      await connect() // acquire 引用计数，已连接时 noop\n    } catch { /* 父组件可能已 connect，忽略 */ }\n    try {\n      await subscribeExeExecution(String(id))\n    } catch {\n      message.warning('订阅 Exe 执行完成事件失败，日志将不会自动刷新')\n    }\n  }\n\n  const unsubscribe = (id: number | string | undefined) => {\n    if (id == null) return\n    unsubscribeExeExecution(String(id)).catch(() => { /* 忽略 */ })\n  }\n\n  onMounted(() => subscribe(unref(deviceId)))\n  onUnmounted(() => unsubscribe(unref(deviceId)))\n\n  // 父组件动态切换 deviceId 时，平滑切换订阅\n  watch(\n    () => unref(deviceId),\n    (next, prev) => {\n      if (String(next) === String(prev)) return\n      unsubscribe(prev)\n      subscribe(next)\n    },\n  )\n\n  return {\n    /** 让调用方能在特殊场景下手动重订阅 */\n    resubscribe: () => {\n      const id = unref(deviceId)\n      unsubscribe(id)\n      subscribe(id)\n    },\n  }\n}\n"],"names":["useExeSubscription","deviceId","options","onChanged","notify","onExeExecutionCompleted","subscribeExeExecution","unsubscribeExeExecution","connect","usePlcSignalR","raw","current","unref","info","notification","subscribe","id","message","unsubscribe","onMounted","onUnmounted","watch","next","prev"],"mappings":";;;AAyCO,SAASA,EACdC,GACAC,IAAqC,IACrC;AACA,QAAM,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAA,IAASF,GAE/B;AAAA,IACJ,yBAAAG;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEC,EAAA;AAEJ,EAAAJ,EAAwB,CAACK,MAAa;AACpC,QAAI,CAACA;AAAK;AACV,UAAMC,IAAUC,EAAMX,CAAQ;AAC9B,QAAIU,KAAW,QAAQ,OAAOD,EAAI,QAAQ,MAAM,OAAOC,CAAO;AAAG;AAEjE,UAAME,IAAyB;AAAA,MAC7B,UAAUH,EAAI;AAAA,MACd,SAASA,EAAI;AAAA,MACb,SAASA,EAAI;AAAA,MACb,SAAS,CAAC,CAACA,EAAI;AAAA,MACf,QAAQA,EAAI;AAAA,MACZ,OAAOA,EAAI;AAAA,MACX,SAASA,EAAI;AAAA,MACb,WAAWA,EAAI;AAAA,IAAA;AAGjB,IAAIN,KACFU,EAAaD,EAAK,UAAU,YAAY,OAAO,EAAE;AAAA,MAC/C,SAASA,EAAK,UAAU,aAAa;AAAA,MACrC,aACE,GAAGA,EAAK,WAAWA,EAAK,WAAW,GAAG,MAAMA,EAAK,UAAU,EAAE,GAAGA,EAAK,QAAQ,QAAQA,EAAK,QAAQ,EAAE;AAAA,MACtG,UAAU;AAAA,MACV,WAAW;AAAA,IAAA,CACZ,GAGHV,IAAYU,CAAI;AAAA,EAClB,CAAC;AAGD,QAAME,IAAY,OAAOC,MAAoC;AAC3D,QAAIA,KAAM,MACV;AAAA,UAAI;AACF,cAAMR,EAAA;AAAA,MACR,QAAQ;AAAA,MAA0B;AAClC,UAAI;AACF,cAAMF,EAAsB,OAAOU,CAAE,CAAC;AAAA,MACxC,QAAQ;AACN,QAAAC,EAAQ,QAAQ,2BAA2B;AAAA,MAC7C;AAAA;AAAA,EACF,GAEMC,IAAc,CAACF,MAAoC;AACvD,IAAIA,KAAM,QACVT,EAAwB,OAAOS,CAAE,CAAC,EAAE,MAAM,MAAM;AAAA,IAAW,CAAC;AAAA,EAC9D;AAEA,SAAAG,EAAU,MAAMJ,EAAUH,EAAMX,CAAQ,CAAC,CAAC,GAC1CmB,EAAY,MAAMF,EAAYN,EAAMX,CAAQ,CAAC,CAAC,GAG9CoB;AAAA,IACE,MAAMT,EAAMX,CAAQ;AAAA,IACpB,CAACqB,GAAMC,MAAS;AACd,MAAI,OAAOD,CAAI,MAAM,OAAOC,CAAI,MAChCL,EAAYK,CAAI,GAChBR,EAAUO,CAAI;AAAA,IAChB;AAAA,EAAA,GAGK;AAAA;AAAA,IAEL,aAAa,MAAM;AACjB,YAAMN,IAAKJ,EAAMX,CAAQ;AACzB,MAAAiB,EAAYF,CAAE,GACdD,EAAUC,CAAE;AAAA,IACd;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usethink/shared-frontend",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "@usethink 前端共享库 — Vue 3 工具函数、组件、Hooks、类型与业务能力",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && mkdir -p dist/src/styles && cp src/styles/*.less src/styles/*.css dist/src/styles/",
     "prepack": "pnpm run build",
     "dev": "vite build --watch",
     "typecheck": "tsc --noEmit",
@@ -44,7 +44,11 @@
   ],
   "license": "MIT",
   "pnpm": {
-    "onlyBuiltDependencies": ["core-js", "esbuild", "vue-demi"]
+    "onlyBuiltDependencies": [
+      "core-js",
+      "esbuild",
+      "vue-demi"
+    ]
   },
   "publishConfig": {
     "access": "public",
@@ -109,4 +113,4 @@
     "vue": "~3.5.34",
     "vue-router": "~4.3.3"
   }
-}
+}