@since2006/pages 2026.3.2 → 2026.3.3

package/dist/es/src/app/openapi/OpenApiAppIndex.vue2.js

@@ -0,0 +1,398 @@
+import { defineComponent as J, ref as H, reactive as S, resolveComponent as d, openBlock as s, createElementBlock as y, createElementVNode as n, createVNode as t, withCtx as l, createTextVNode as o, unref as v, toDisplayString as W, Fragment as P, createBlock as b, createCommentVNode as N } from "vue";
+import { message as Z } from "ant-design-vue";
+import { PlusOutlined as h, QuestionCircleOutlined as ee, ApiTwoTone as ne } from "@ant-design/icons-vue";
+import { FxCardTable as te } from "@since2006/components";
+import { queryApps as oe, deleteApp as le } from "./api.js";
+import ie from "./OpenApiAppEdit.vue.js";
+import de from "./OpenApiPermissionList.vue.js";
+const se = { class: "ant-pro-table" }, ae = { class: "ant-pro-table-search" }, re = ["onClick"], pe = ["onClick"], be = /* @__PURE__ */ J({
+  name: "OpenApiAppIndex",
+  __name: "OpenApiAppIndex",
+  setup(ue) {
+    const g = H(), U = [
+      { title: "应用名称", dataIndex: "appName" },
+      { title: "认证模式", dataIndex: "authMode", width: 140, align: "center" },
+      { title: "状态", dataIndex: "status", width: 100, align: "center" },
+      { title: "QPS 限制", dataIndex: "rateLimit", width: 120, align: "center" },
+      {
+        title: "创建时间",
+        dataIndex: "createdAt",
+        width: 200,
+        sorter: !0,
+        sortDirections: ["descend", "ascend"],
+        sortField: "created_at"
+      },
+      { title: "操作", dataIndex: "action", width: 150, align: "center" }
+    ], a = S({
+      query: void 0,
+      status: void 0
+    }), r = S({
+      open: !1,
+      appId: ""
+    }), E = H(!1), c = [
+      { title: "对比项", dataIndex: "item", width: 140 },
+      { title: "SIMPLE 模式", dataIndex: "simple" },
+      { title: "SECURE 模式", dataIndex: "secure" }
+    ], q = [
+      { item: "适用场景", simple: "查询类接口、低风险接口", secure: "写操作、审批、财务等核心接口" },
+      { item: "请求头", simple: "X-Api-Key", secure: "X-Client-Id + X-Timestamp + X-Nonce + X-Sign" },
+      { item: "安全特性", simple: "API Key 验证", secure: "HMAC-SHA256 签名 + 防重放" },
+      { item: "接入成本", simple: "低，无需签名", secure: "中，需实现签名逻辑" }
+    ], X = [
+      { title: "字段", dataIndex: "field", width: 120 },
+      { title: "说明", dataIndex: "desc" }
+    ], D = [
+      { field: "METHOD", desc: "大写 HTTP 方法：GET、POST、PUT、DELETE" },
+      { field: "PATH", desc: "请求路径（不含 query string）" },
+      { field: "QUERY", desc: "query string 按 key 字典序排列拼接，无参数时为空字符串" },
+      { field: "TIMESTAMP", desc: "与 X-Timestamp 一致" },
+      { field: "NONCE", desc: "与 X-Nonce 一致" },
+      { field: "BODY", desc: "请求体原文（raw body），无 body 时为空字符串" }
+    ], u = S({
+      open: !1,
+      appId: ""
+    }), T = () => {
+      g.value.refresh();
+    }, F = () => {
+      a.query = void 0, a.status = void 0, g.value.refresh();
+    }, L = () => {
+      r.appId = "", r.open = !0;
+    }, _ = (p) => {
+      r.appId = p.id, r.open = !0;
+    }, $ = () => {
+      k();
+    }, B = (p) => {
+      u.appId = p.id, u.open = !0;
+    }, K = (p) => {
+      le(p.id).then((e) => {
+        e.code === 200 && (Z.success("删除成功"), k());
+      });
+    }, k = () => {
+      g.value.refresh();
+    };
+    return (p, e) => {
+      const V = d("a-input"), w = d("a-form-item"), A = d("a-col"), M = d("a-select-option"), Y = d("a-select"), C = d("a-button"), Q = d("a-row"), j = d("a-form"), m = d("a-tag"), f = d("a-divider"), z = d("a-popconfirm"), O = d("a-table"), G = d("a-modal");
+      return s(), y("div", null, [
+        n("div", se, [
+          n("div", ae, [
+            t(j, { layout: "horizontal" }, {
+              default: l(() => [
+                t(Q, {
+                  gutter: 16,
+                  type: "flex",
+                  justify: "start"
+                }, {
+                  default: l(() => [
+                    t(A, {
+                      xs: 24,
+                      sm: 24,
+                      md: 12,
+                      lg: 7
+                    }, {
+                      default: l(() => [
+                        t(w, { label: "搜索" }, {
+                          default: l(() => [
+                            t(V, {
+                              value: a.query,
+                              "onUpdate:value": e[0] || (e[0] = (i) => a.query = i),
+                              placeholder: "应用名称 / Client ID",
+                              onPressEnter: T
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(A, {
+                      xs: 24,
+                      sm: 24,
+                      md: 12,
+                      lg: 5
+                    }, {
+                      default: l(() => [
+                        t(w, { label: "状态" }, {
+                          default: l(() => [
+                            t(Y, {
+                              value: a.status,
+                              "onUpdate:value": e[1] || (e[1] = (i) => a.status = i),
+                              placeholder: "全部",
+                              "allow-clear": "",
+                              onChange: T
+                            }, {
+                              default: l(() => [
+                                t(M, { value: 1 }, {
+                                  default: l(() => [...e[6] || (e[6] = [
+                                    o("启用", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(M, { value: 0 }, {
+                                  default: l(() => [...e[7] || (e[7] = [
+                                    o("禁用", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(A, null, {
+                      default: l(() => [
+                        t(C, {
+                          type: "primary",
+                          onClick: T
+                        }, {
+                          default: l(() => [...e[8] || (e[8] = [
+                            o("搜索", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(C, {
+                          style: { "margin-left": "16px" },
+                          onClick: F
+                        }, {
+                          default: l(() => [...e[9] || (e[9] = [
+                            o("重置", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t(v(te), {
+            columns: U,
+            "load-data": v(oe),
+            params: a,
+            ref_key: "tableRef",
+            ref: g
+          }, {
+            title: l(() => [
+              t(v(ne)),
+              e[10] || (e[10] = o(" 开放平台应用 ", -1))
+            ]),
+            toolbar: l(() => [
+              t(C, {
+                type: "primary",
+                onClick: L
+              }, {
+                default: l(() => [
+                  t(v(h)),
+                  e[11] || (e[11] = o(" 新建 ", -1))
+                ]),
+                _: 1
+              }),
+              t(C, {
+                onClick: e[2] || (e[2] = (i) => E.value = !0)
+              }, {
+                default: l(() => [
+                  t(v(ee)),
+                  e[12] || (e[12] = o(" 使用说明 ", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            bodyCell: l(({ column: i, record: x, text: I }) => [
+              i.dataIndex === "appName" ? (s(), y("a", {
+                key: 0,
+                onClick: (R) => _(x)
+              }, W(I), 9, re)) : i.dataIndex === "authMode" ? (s(), y(P, { key: 1 }, [
+                I === "SIMPLE" ? (s(), b(m, {
+                  key: 0,
+                  color: "blue"
+                }, {
+                  default: l(() => [...e[13] || (e[13] = [
+                    o("SIMPLE", -1)
+                  ])]),
+                  _: 1
+                })) : I === "SECURE" ? (s(), b(m, {
+                  key: 1,
+                  color: "orange"
+                }, {
+                  default: l(() => [...e[14] || (e[14] = [
+                    o("SECURE", -1)
+                  ])]),
+                  _: 1
+                })) : N("", !0)
+              ], 64)) : i.dataIndex === "status" ? (s(), y(P, { key: 2 }, [
+                I === 1 ? (s(), b(m, {
+                  key: 0,
+                  color: "success"
+                }, {
+                  default: l(() => [...e[15] || (e[15] = [
+                    o("启用", -1)
+                  ])]),
+                  _: 1
+                })) : (s(), b(m, {
+                  key: 1,
+                  color: "error"
+                }, {
+                  default: l(() => [...e[16] || (e[16] = [
+                    o("禁用", -1)
+                  ])]),
+                  _: 1
+                }))
+              ], 64)) : i.dataIndex === "action" ? (s(), y(P, { key: 3 }, [
+                n("a", {
+                  onClick: (R) => B(x)
+                }, "权限", 8, pe),
+                t(f, { type: "vertical" }),
+                t(z, {
+                  title: "确定要删除吗？",
+                  onConfirm: (R) => K(x)
+                }, {
+                  default: l(() => [...e[17] || (e[17] = [
+                    n("a", null, "删除", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onConfirm"])
+              ], 64)) : N("", !0)
+            ]),
+            _: 1
+          }, 8, ["load-data", "params"])
+        ]),
+        t(ie, {
+          open: r.open,
+          "onUpdate:open": e[3] || (e[3] = (i) => r.open = i),
+          "app-id": r.appId,
+          onSuccess: $
+        }, null, 8, ["open", "app-id"]),
+        t(de, {
+          open: u.open,
+          "onUpdate:open": e[4] || (e[4] = (i) => u.open = i),
+          "app-id": u.appId
+        }, null, 8, ["open", "app-id"]),
+        t(G, {
+          title: "开放平台使用说明",
+          open: E.value,
+          footer: null,
+          width: 720,
+          "body-style": { maxHeight: "70vh", overflowY: "auto" },
+          onCancel: e[5] || (e[5] = (i) => E.value = !1)
+        }, {
+          default: l(() => [
+            e[21] || (e[21] = n("h3", null, "认证模式对比", -1)),
+            t(O, {
+              columns: c,
+              "data-source": q,
+              pagination: !1,
+              size: "small",
+              bordered: "",
+              "row-key": "item"
+            }),
+            t(f),
+            e[22] || (e[22] = n("h3", null, "SIMPLE 模式调用示例", -1)),
+            n("p", null, [
+              e[19] || (e[19] = o("在请求头中携带 ", -1)),
+              t(m, null, {
+                default: l(() => [...e[18] || (e[18] = [
+                  o("X-Api-Key", -1)
+                ])]),
+                _: 1
+              }),
+              e[20] || (e[20] = o(" 即可，适合查询类接口，接入成本低。", -1))
+            ]),
+            e[23] || (e[23] = n("pre", { class: "guide-code" }, `GET /api/v1/user/query?name=test HTTP/1.1
+Host: your-server.com
+X-Api-Key: a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4`, -1)),
+            t(f),
+            e[24] || (e[24] = n("h3", null, "SECURE 模式调用示例", -1)),
+            e[25] || (e[25] = n("p", null, "需要在请求头中携带签名信息，适合写操作等核心接口，防篡改、防重放。", -1)),
+            e[26] || (e[26] = n("pre", { class: "guide-code" }, `POST /api/v1/reimburse/save HTTP/1.1
+Host: your-server.com
+X-Client-Id: oa_finance
+X-Timestamp: 1710839200
+X-Nonce: a3f8b91d2c4e6f07150abc12
+X-Sign: 6e0f2d8a...
+Content-Type: application/json
+
+{"id":1,"amount":200}`, -1)),
+            e[27] || (e[27] = n("h4", null, "签名规则", -1)),
+            e[28] || (e[28] = n("p", null, [
+              o("签名原文由以下字段以换行符 "),
+              n("code", null, "\\n"),
+              o(" 拼接：")
+            ], -1)),
+            e[29] || (e[29] = n("pre", { class: "guide-code" }, "METHOD\\nPATH\\nQUERY\\nTIMESTAMP\\nNONCE\\nBODY", -1)),
+            t(O, {
+              columns: X,
+              "data-source": D,
+              pagination: !1,
+              size: "small",
+              bordered: "",
+              "row-key": "field",
+              style: { margin: "12px 0" }
+            }),
+            e[30] || (e[30] = n("p", null, [
+              o("签名算法："),
+              n("code", null, "sign = HexLowerCase(HMAC-SHA256(canonicalString, client_secret))")
+            ], -1)),
+            e[31] || (e[31] = n("h4", null, "上述请求对应的签名原文：", -1)),
+            e[32] || (e[32] = n("pre", { class: "guide-code" }, 'POST\\n/api/v1/reimburse/save\\n\\n1710839200\\na3f8b91d2c4e6f07150abc12\\n{"id":1,"amount":200}', -1)),
+            t(f),
+            e[33] || (e[33] = n("h3", null, "服务端接口接入", -1)),
+            e[34] || (e[34] = n("p", null, [
+              o("在 Controller 方法上添加 "),
+              n("code", null, "@OpenApiAuth"),
+              o(" 注解，即可声明该接口为开放接口：")
+            ], -1)),
+            e[35] || (e[35] = n("pre", { class: "guide-code" }, `// 不指定 code，认证通过即可访问，不校验具体接口权限
+@OpenApiAuth
+@GetMapping("/api/user/query")
+public FxResponse<?> queryUser(@RequestParam String name) { ... }
+
+// 指定 code，需在权限管理中为应用授权该编码才可访问
+@OpenApiAuth(code = "reimburse.save")
+@PostMapping("/api/reimburse/save")
+public FxResponse<?> saveReimburse(@RequestBody ReimburseDTO dto) { ... }`, -1)),
+            e[36] || (e[36] = n("p", { style: { "margin-top": "8px" } }, "说明：", -1)),
+            e[37] || (e[37] = n("ul", null, [
+              n("li", null, [
+                o("未加 "),
+                n("code", null, "@OpenApiAuth"),
+                o(" 的接口不会被开放平台拦截器处理")
+              ]),
+              n("li", null, "认证模式不在注解中声明，由调用方应用的认证模式决定"),
+              n("li", null, [
+                n("code", null, "code"),
+                o(" 为空时，认证通过即可访问，不校验具体接口权限；指定 "),
+                n("code", null, "code"),
+                o(" 后，需在权限管理中为应用授权该编码才可访问")
+              ]),
+              n("li", null, "拦截器自动完成身份校验、IP 白名单、权限检查和调用日志记录")
+            ], -1)),
+            t(f),
+            e[38] || (e[38] = n("h3", null, "注意事项", -1)),
+            e[39] || (e[39] = n("ul", null, [
+              n("li", null, "API Key / Client Secret 仅在创建时显示一次，请妥善保存"),
+              n("li", null, "建议配置 IP 白名单以提高安全性"),
+              n("li", null, "SECURE 模式的 Timestamp 与服务器时差不得超过 300 秒"),
+              n("li", null, "SECURE 模式的 Nonce 不可重复使用（300 秒内去重）"),
+              n("li", null, [
+                o("强制要求 "),
+                n("code", null, "Content-Type: application/json"),
+                o("，不支持 form-urlencoded")
+              ])
+            ], -1))
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ]);
+    };
+  }
+});
+export {
+  be as default
+};

package/dist/es/src/app/openapi/OpenApiCredentialModal.vue.js

@@ -0,0 +1,105 @@
+import { defineComponent as _, resolveComponent as a, openBlock as l, createBlock as o, withCtx as t, createVNode as n, createTextVNode as r, toDisplayString as d, createCommentVNode as s } from "vue";
+const x = /* @__PURE__ */ _({
+  __name: "OpenApiCredentialModal",
+  props: {
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    credentials: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: m }) {
+    const p = m, y = () => {
+      p("update:open", !1);
+    };
+    return (g, C) => {
+      const u = a("a-alert"), c = a("a-typography-paragraph"), i = a("a-descriptions-item"), f = a("a-descriptions"), b = a("a-modal");
+      return l(), o(b, {
+        title: "凭证信息",
+        open: e.open,
+        footer: null,
+        "mask-closable": !1,
+        keyboard: !1,
+        width: 560,
+        onCancel: y
+      }, {
+        default: t(() => [
+          n(u, {
+            message: "凭证仅显示一次，请立即复制保存！关闭弹窗后将无法再次获取。",
+            type: "warning",
+            "show-icon": "",
+            style: { "margin-bottom": "16px" }
+          }),
+          n(f, {
+            column: 1,
+            bordered: "",
+            size: "small"
+          }, {
+            default: t(() => [
+              e.credentials.clientId ? (l(), o(i, {
+                key: 0,
+                label: "Client ID"
+              }, {
+                default: t(() => [
+                  n(c, {
+                    copyable: { text: e.credentials.clientId },
+                    style: { "margin-bottom": "0" }
+                  }, {
+                    default: t(() => [
+                      r(d(e.credentials.clientId), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["copyable"])
+                ]),
+                _: 1
+              })) : s("", !0),
+              e.credentials.apiKey ? (l(), o(i, {
+                key: 1,
+                label: "API Key"
+              }, {
+                default: t(() => [
+                  n(c, {
+                    copyable: { text: e.credentials.apiKey },
+                    style: { "margin-bottom": "0" }
+                  }, {
+                    default: t(() => [
+                      r(d(e.credentials.apiKey), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["copyable"])
+                ]),
+                _: 1
+              })) : s("", !0),
+              e.credentials.clientSecret ? (l(), o(i, {
+                key: 2,
+                label: "Client Secret"
+              }, {
+                default: t(() => [
+                  n(c, {
+                    copyable: { text: e.credentials.clientSecret },
+                    style: { "margin-bottom": "0" }
+                  }, {
+                    default: t(() => [
+                      r(d(e.credentials.clientSecret), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["copyable"])
+                ]),
+                _: 1
+              })) : s("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/es/src/app/openapi/OpenApiCredentialModal.vue2.js

@@ -0,0 +1,4 @@
+import f from "./OpenApiCredentialModal.vue.js";
+export {
+  f as default
+};