@keyueclaw/web-sdk 0.1.7 → 0.1.9

package/dist/api-management.js

@@ -22450,22 +22450,8 @@ function LA(e) {
 	}, s = t.url === "" || wA.test(t.url), c = e.saveAttempted, l = c && !t.name.trim() ? "请填写接口名称" : null, u = c && !t.url.trim() ? "请填写请求地址" : s ? null : "请输入合法的请求地址：支持 /path 或 http(s)://host/path，纯域名不支持";
 	return x`
     <div style="height:100%;overflow:hidden;display:flex;flex-direction:column;">
-      <!-- 面包屑 + 操作栏 -->
-      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
-        <div style="display:flex;align-items:center;gap:6px;font-size:14px;color:var(--keyueclaw-muted-foreground);">
-          <button type="button" style="background:none;border:none;padding:0;cursor:pointer;color:var(--keyueclaw-muted-foreground);font-size:14px;" @click=${e.onCancelEdit}>接口管理</button>
-          <span>/</span>
-          <span style="color:var(--keyueclaw-text);">${t.id ? "编辑接口" : "新增接口"}</span>
-        </div>
-        <div style="display:flex;gap:8px;">
-          <button class="btn" type="button" @click=${e.onCancelEdit}>取消</button>
-          <button class="btn btn-primary" type="button" ?disabled=${e.saving} @click=${e.onSave}>
-            ${e.saving ? "保存中…" : "保存"}
-          </button>
-        </div>
-      </div>
-
-      <section class="card" style="padding:0 18px;flex:1;overflow:auto;">
+      <section class="card" style="padding:0;flex:1;overflow:hidden;display:flex;flex-direction:column;">
+        <div style="flex:1;overflow:auto;padding:0 18px;">
         <!-- 接口基本信息 -->
         ${MA("接口基本信息", x`
           <div style="display:flex;flex-direction:column;gap:12px;">
@@ -22617,7 +22603,7 @@ function LA(e) {
         `)}
 
         <!-- 备注 -->
-        ${MA("备注", x`
+        ${MA("请求 / 响应示例", x`
           <div style="display:flex;flex-direction:column;gap:14px;">
             ${IA({
 		label: "输入示例",
@@ -22641,17 +22627,23 @@ function LA(e) {
             <!-- 备注（Markdown / 纯文本均可） -->
             <div style="display:flex;flex-direction:column;gap:5px;">
               <span style=${i}>备注</span>
-              <div style="border:1px solid var(--keyueclaw-border-strong);border-radius:8px;overflow:hidden;min-height:140px;display:flex;flex-direction:column;">
-                <skill-code-editor
-                  .value=${t.remarks}
-                  .filename=${"remarks.md"}
-                  style="flex:1;min-height:140px;display:flex;"
-                  @change=${(t) => e.onFormPatch({ remarks: t.detail.value })}
-                ></skill-code-editor>
-              </div>
+              <skill-code-editor
+                .value=${t.remarks}
+                .filename=${"remarks.md"}
+                style="min-height:140px;display:flex;"
+                @change=${(t) => e.onFormPatch({ remarks: t.detail.value })}
+              ></skill-code-editor>
             </div>
           </div>
         `)}
+        </div>
+        <!-- 底部操作栏 -->
+        <div style="display:flex;gap:8px;padding:12px 18px;flex-shrink:0;border-top:1px solid var(--keyueclaw-border);">
+          <button class="btn" type="button" @click=${e.onCancelEdit}>取消</button>
+          <button class="btn btn-primary" type="button" ?disabled=${e.saving} @click=${e.onSave}>
+            ${e.saving ? "保存中…" : "保存"}
+          </button>
+        </div>
       </section>
     </div>
   `;
@@ -22668,6 +22660,7 @@ function BA(e) {
 			n += r.offsetHeight;
 		}
 		let r = getComputedStyle(t), i = parseFloat(r.paddingTop) + parseFloat(r.paddingBottom), a = Math.max(t.clientHeight - n - i, 100);
+		if (e.style.height === a + "px") return;
 		e.style.height = a + "px";
 		let o = e.querySelector("thead"), s = e.querySelector("tbody");
 		o && s && (s.style.height = Math.max(a - o.offsetHeight - zA, 50) + "px");
@@ -22677,8 +22670,8 @@ function BA(e) {
 function VA(e) {
 	let t = "background:none;border:none;padding:4px 6px;cursor:pointer;color:#3658ff;display:inline-flex;align-items:center;gap:4px;border-radius:4px;font-size:13px;", n = new Set(e.selectedIds), r = e.items.filter((e) => n.has(e.id)).length, i = e.items.length > 0 && r === e.items.length;
 	return x`
-    <section class="card">
-      <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
+    <section class="card" style="height:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;">
+      <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-shrink:0;">
         <input class="input"
           style="flex:1;max-width:300px;height:32px;padding:0 8px;border-radius:8px;box-sizing:border-box;border:1px solid var(--keyueclaw-border-strong);outline:none;box-shadow:none;"
           .value=${e.query} placeholder="搜索接口名称、URL、描述"
@@ -22757,7 +22750,7 @@ function VA(e) {
         </div>
       </div>
 
-      ${e.error ? x`<div class="callout danger" style="margin-bottom:12px;">${e.error}</div>` : null}
+      ${e.error ? x`<div class="callout danger" style="margin-bottom:12px;flex-shrink:0;">${e.error}</div>` : null}
 
       <div ${Ft(BA)} style="overflow:hidden;border:1px solid var(--keyueclaw-border);border-radius:var(--keyueclaw-radius-md);">
         <table style="width:100%;border-collapse:collapse;min-width:960px;table-layout:fixed;">
@@ -31582,7 +31575,7 @@ var kV = class extends DV {
 	render() {
 		let e = this.apiDefinitionsForm;
 		return x`
-      <div class="keyueclaw-api-management-scope">
+      <div class="keyueclaw-api-management-scope content--api">
         ${HA({
 			loading: this.apiDefinitionsLoading,
 			saving: this.apiDefinitionsSaving,