npm - pm-workflow-studio - Versions diffs - 0.1.0 - Mend

pm-workflow-studio 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/.codex/assets/design-themes/vben/examples.html ADDED Viewed

@@ -0,0 +1,155 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Vben Theme Examples</title>
+  <style>
+    :root { --bg:#f8fafc; --panel:#fff; --muted:#f1f5f9; --text:#172033; --sub:#64748b; --line:#e2e8f0; --primary:#4f63d7; --soft:#eef2ff; --ok:#16a34a; --warn:#d97706; --danger:#dc2626; }
+    * { box-sizing:border-box; }
+    body { margin:0; background:var(--bg); color:var(--text); font:14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
+    .preview-switcher { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
+    .preview-title { display:flex; flex-direction:column; gap:2px; min-width:170px; }
+    .preview-title strong { font-size:14px; }
+    .preview-title span { color:var(--sub); font-size:12px; }
+    .tabs { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
+    .tab { border:1px solid var(--line); background:var(--panel); color:var(--sub); border-radius:8px; min-height:34px; padding:0 12px; cursor:pointer; font:inherit; }
+    .tab.active { background:var(--primary); border-color:var(--primary); color:white; font-weight:650; }
+    .sample-page { display:none; min-height:calc(100vh - 59px); }
+    .sample-page.active { display:block; }
+    h1, h2, h3, p { margin:0; }
+    h1 { font-size:28px; letter-spacing:-.02em; line-height:1.2; }
+    h2 { font-size:18px; letter-spacing:-.01em; }
+    h3 { font-size:14px; }
+    p { color:var(--sub); }
+    .button { border:0; background:var(--primary); color:white; border-radius:8px; min-height:36px; padding:0 16px; font-weight:650; }
+    .button.secondary { background:var(--panel); color:var(--text); border:1px solid var(--line); }
+    .tag { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; background:var(--soft); color:var(--primary); font-size:12px; font-weight:650; }
+    .admin-shell { display:grid; grid-template-columns:248px 1fr; min-height:calc(100vh - 59px); }
+    .topbar { height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; background:var(--panel); border-bottom:1px solid var(--line); }
+    .sidebar { background:var(--panel); border-right:1px solid var(--line); padding:16px 12px; }
+    .sidebar a { display:block; padding:9px 12px; border-radius:8px; color:var(--sub); text-decoration:none; margin-bottom:4px; }
+    .sidebar a.active { background:var(--soft); color:var(--primary); font-weight:650; }
+    .workspace { display:grid; gap:24px; padding:24px; }
+    .hero { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
+    .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
+    .grid.two { grid-template-columns:1.1fr .9fr; }
+    .card { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px; box-shadow:0 1px 2px rgba(15,23,42,.04); min-height:150px; }
+    .metric { font-size:32px; font-weight:760; letter-spacing:-.02em; margin:10px 0 4px; }
+    table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:12px; background:var(--panel); border:1px solid var(--line); }
+    th, td { padding:12px 14px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
+    th { background:var(--muted); color:#475569; font-weight:650; }
+    .marketing { min-height:calc(100vh - 59px); background:white; }
+    .marketing header, .docs header { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 min(48px,5vw); border-bottom:1px solid var(--line); background:white; }
+    .marketing-main { width:min(1160px,calc(100vw - 40px)); margin:0 auto; padding:72px 0; display:grid; gap:48px; }
+    .marketing-hero { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
+    .marketing-hero h1 { font-size:46px; }
+    .mock-window { border:1px solid var(--line); border-radius:16px; background:var(--panel); box-shadow:0 18px 60px rgba(15,23,42,.1); overflow:hidden; }
+    .mock-bar { height:42px; background:var(--muted); border-bottom:1px solid var(--line); }
+    .mock-body { padding:18px; display:grid; gap:12px; }
+    .line { height:10px; border-radius:999px; background:var(--muted); }
+    .dashboard { width:min(1180px,calc(100vw - 40px)); margin:0 auto; padding:40px 0; display:grid; gap:20px; }
+    .chart { height:220px; border-radius:12px; border:1px solid var(--line); background:linear-gradient(180deg,#fff,#f8fafc); display:flex; align-items:end; gap:12px; padding:18px; }
+    .bar { flex:1; border-radius:8px 8px 0 0; background:var(--primary); opacity:.75; }
+    .docs { background:#fff; min-height:calc(100vh - 59px); }
+    .docs-layout { display:grid; grid-template-columns:240px 1fr; width:min(1180px,calc(100vw - 40px)); margin:0 auto; padding:32px 0 64px; gap:32px; }
+    code, pre { font-family:"SFMono-Regular", Consolas, monospace; }
+    pre { background:#111827; color:#e5e7eb; border-radius:12px; padding:18px; overflow:auto; }
+    .mobile-stage { min-height:calc(100vh - 59px); display:grid; place-items:center; padding:42px 20px; background:linear-gradient(135deg,#f8fafc,#eef2ff); }
+    .phone { width:330px; min-height:650px; border:1px solid var(--line); border-radius:34px; padding:16px; background:white; box-shadow:0 18px 60px rgba(15,23,42,.14); }
+    .phone-screen { border-radius:24px; background:#f8fafc; min-height:616px; padding:18px; display:grid; align-content:start; gap:14px; }
+    .editorial { width:min(1020px,calc(100vw - 40px)); margin:0 auto; padding:56px 0 80px; display:grid; gap:24px; }
+    .article-list { display:grid; gap:12px; }
+    @media (max-width:900px) {
+      .preview-switcher { align-items:flex-start; flex-direction:column; }
+      .tabs { justify-content:flex-start; }
+      .admin-shell, .marketing-hero, .docs-layout, .grid.two { grid-template-columns:1fr; }
+      .sidebar { display:none; }
+      .grid { grid-template-columns:1fr; }
+      .marketing-hero h1 { font-size:34px; }
+    }
+  </style>
+</head>
+<body>
+  <aside class="preview-switcher">
+    <div class="preview-title"><strong>Vben 主题预览</strong><span>切换查看不同产品类型的完整页面</span></div>
+    <div class="tabs" role="tablist" aria-label="产品类型示例">
+      <button class="tab active" data-target="admin">后台管理系统</button>
+      <button class="tab" data-target="brand">品牌主页</button>
+      <button class="tab" data-target="saas">SaaS 产品页</button>
+      <button class="tab" data-target="dashboard">数据分析看板</button>
+      <button class="tab" data-target="developer">开发者工具/文档页</button>
+      <button class="tab" data-target="mobile">移动/消费产品</button>
+      <button class="tab" data-target="editorial">内容/编辑型页面</button>
+    </div>
+  </aside>
+  <section class="sample-page active" data-sample="admin">
+    <div class="admin-shell">
+      <aside class="sidebar"><a class="active">运营工作台</a><a>客户管理</a><a>审核队列</a><a>数据看板</a><a>系统设置</a></aside>
+      <div>
+        <header class="topbar"><strong>高频业务工作台</strong><button class="button">新建任务</button></header>
+        <main class="workspace">
+          <div class="hero"><div><h1>审核与运营中心</h1><p>表格、筛选、批量操作和状态流转占据主工作区。</p></div><span class="tag">后台管理系统</span></div>
+          <div class="grid"><article class="card"><h2>今日待办</h2><div class="metric">128</div><p>待审核记录</p></article><article class="card"><h2>平均处理时长</h2><div class="metric">3.8h</div><p>较昨日下降 12%</p></article><article class="card"><h2>异常任务</h2><div class="metric">17</div><p>需要主管复核</p></article></div>
+          <table><thead><tr><th>任务</th><th>状态</th><th>负责人</th><th>优先级</th><th>操作</th></tr></thead><tbody><tr><td>客户资料复核</td><td><span class="tag">待处理</span></td><td>运营</td><td>普通</td><td>查看</td></tr><tr><td>异常订单确认</td><td><span class="tag">高优先级</span></td><td>主管</td><td>高</td><td>分配</td></tr><tr><td>权限申请审批</td><td><span class="tag">流转中</span></td><td>管理员</td><td>普通</td><td>审批</td></tr></tbody></table>
+        </main>
+      </div>
+    </div>
+  </section>
+  <section class="sample-page marketing" data-sample="brand">
+    <header><strong>OpsPilot</strong><nav>产品&nbsp;&nbsp;客户&nbsp;&nbsp;文档</nav><button class="button">进入控制台</button></header>
+    <main class="marketing-main">
+      <div class="marketing-hero"><div><h1>让复杂运营流程保持清楚、有序、可追踪</h1><p style="margin:18px 0 24px">品牌首页用真实工作台截图、流程状态和可落地指标建立信任。</p><button class="button">预约演示</button></div><div class="mock-window"><div class="mock-bar"></div><div class="mock-body"><div class="grid"><div class="card"><h3>审批</h3><div class="metric">2,418</div></div><div class="card"><h3>客户</h3><div class="metric">86%</div></div><div class="card"><h3>风险</h3><div class="metric">12</div></div></div><div class="line" style="width:90%"></div><div class="line" style="width:68%"></div></div></div></div>
+      <div class="grid"><article class="card"><h2>任务流</h2><p>把流程节点、责任人和截止时间放在一个视图。</p></article><article class="card"><h2>权限与审计</h2><p>每一次操作都有记录，每个角色都有边界。</p></article><article class="card"><h2>数据反馈</h2><p>指标服务于决策，不喧宾夺主。</p></article></div>
+    </main>
+  </section>
+  <section class="sample-page marketing" data-sample="saas">
+    <header><strong>TeamConsole</strong><nav>套餐&nbsp;&nbsp;集成&nbsp;&nbsp;支持</nav><button class="button">免费试用</button></header>
+    <main class="marketing-main">
+      <div class="hero"><div><h1>面向团队的 SaaS 配置中心</h1><p>将套餐、成员、权限、账单和客户列表组织在稳定的工作台结构中。</p></div><button class="button secondary">查看定价</button></div>
+      <div class="grid"><article class="card"><h2>套餐配置</h2><p>设置项与权限说明清楚分组。</p></article><article class="card"><h2>客户列表</h2><p>搜索、筛选、导出是核心操作。</p></article><article class="card"><h2>团队管理</h2><p>角色、成员、审计记录保持可扫描。</p></article></div>
+      <table><thead><tr><th>客户</th><th>方案</th><th>席位</th><th>状态</th></tr></thead><tbody><tr><td>星河科技</td><td>Pro</td><td>42</td><td><span class="tag">正常</span></td></tr><tr><td>北辰数据</td><td>Business</td><td>128</td><td><span class="tag">待续费</span></td></tr></tbody></table>
+    </main>
+  </section>
+  <section class="sample-page" data-sample="dashboard">
+    <main class="dashboard">
+      <div class="hero"><div><h1>运营指标看板</h1><p>指标卡、趋势图、异常列表和负责人视图构成完整页面。</p></div><button class="button">导出报告</button></div>
+      <div class="grid"><article class="card"><h2>转化率</h2><div class="metric">92.4%</div><p>环比 +4.2%</p></article><article class="card"><h2>处理时长</h2><div class="metric">3.8h</div><p>目标 4h 内</p></article><article class="card"><h2>风险任务</h2><div class="metric">17</div><p>需要今日闭环</p></article></div>
+      <div class="chart"><div class="bar" style="height:45%"></div><div class="bar" style="height:68%"></div><div class="bar" style="height:52%"></div><div class="bar" style="height:82%"></div><div class="bar" style="height:74%"></div><div class="bar" style="height:90%"></div><div class="bar" style="height:62%"></div></div>
+      <table><thead><tr><th>异常项</th><th>来源</th><th>负责人</th><th>状态</th></tr></thead><tbody><tr><td>审批超时</td><td>订单队列</td><td>李明</td><td><span class="tag">处理中</span></td></tr><tr><td>权限冲突</td><td>系统设置</td><td>王悦</td><td><span class="tag">待确认</span></td></tr></tbody></table>
+    </main>
+  </section>
+  <section class="sample-page docs" data-sample="developer">
+    <header><strong>Developer Console</strong><button class="button">生成 Token</button></header>
+    <main class="docs-layout"><aside class="sidebar"><a class="active">快速开始</a><a>Webhook</a><a>队列日志</a><a>错误码</a></aside><article class="workspace"><div><h1>Webhook 配置</h1><p>日志、ID、配置字段、测试按钮和错误状态保持紧凑且清晰。</p></div><pre>POST /api/webhooks/events
+Authorization: Bearer sk_live_...
+{
+  "event": "task.approved",
+  "queue": "review"
+}</pre><div class="grid two"><article class="card"><h2>请求状态</h2><p><span class="tag">200 OK</span></p></article><article class="card"><h2>最近重试</h2><p>3 次失败后进入人工检查。</p></article></div></article></main>
+  </section>
+  <section class="sample-page" data-sample="mobile">
+    <main class="mobile-stage"><div class="phone"><div class="phone-screen"><h2>移动任务台</h2><p>今日待处理 18 条</p><div class="card"><h3>客户资料复核</h3><p>截止 18:00</p><span class="tag">待处理</span></div><div class="card"><h3>异常订单确认</h3><p>需要补充说明</p><span class="tag">高优先级</span></div><button class="button" style="width:100%;margin-top:8px">开始处理</button></div></div></main>
+  </section>
+  <section class="sample-page" data-sample="editorial">
+    <main class="editorial"><div><h1>运营知识库</h1><p>内容/编辑型页面依然保留清晰列表、状态、负责人和更新时间。</p></div><div class="article-list"><article class="card"><h2>审核规则说明</h2><p>记录业务定义、判定条件和例外流程。</p></article><article class="card"><h2>质检知识库</h2><p>面向运营团队维护可复用处理模板。</p></article><article class="card"><h2>发布记录</h2><p>每次规则调整都可回溯。</p></article></div></main>
+  </section>
+  <script>
+    document.querySelectorAll('.tab').forEach((tab) => {
+      tab.addEventListener('click', () => {
+        document.querySelectorAll('.tab').forEach((item) => item.classList.toggle('active', item === tab));
+        document.querySelectorAll('.sample-page').forEach((sample) => sample.classList.toggle('active', sample.dataset.sample === tab.dataset.target));
+      });
+    });
+  </script>
+</body>
+</html>

package/.codex/assets/vendor/flow-viewer/MERMAID_LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+Copyright (c) 2014 - 2022 Knut Sveidqvist
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/.codex/assets/vendor/flow-viewer/SVG_PAN_ZOOM_LICENSE ADDED Viewed

@@ -0,0 +1,23 @@
+Copyright 2009-2010 Andrea Leofreddi <a.leofreddi@vleo.net>
+All rights reserved.
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/.codex/assets/vendor/flow-viewer/THIRD_PARTY_LICENSES.md ADDED Viewed

@@ -0,0 +1,21 @@
+# Flow Viewer Third-Party Notices
+This folder vendors browser-side libraries used by `pm-workflow` generated `flow.html` pages so Mermaid diagrams render offline from a local filesystem.
+## mermaid
+- Package: `mermaid`
+- Version: `11.14.0`
+- Vendored file: `mermaid.min.js`
+- License: MIT
+- License text: `MERMAID_LICENSE`
+- Source: https://www.npmjs.com/package/mermaid
+## svg-pan-zoom
+- Package: `svg-pan-zoom`
+- Version: `3.6.2`
+- Vendored file: `svg-pan-zoom.min.js`
+- License: BSD-2-Clause
+- License text: `SVG_PAN_ZOOM_LICENSE`
+- Source: https://www.npmjs.com/package/svg-pan-zoom