@xtalpi/agentic-lab-skills 0.0.9 → 0.0.11

package/skills/lab-orbit-component-builder/examples/xnb-component-template/src/utils/request.ts

@@ -1,92 +1,92 @@
-interface RequestOptions {
-  method: string
-  url: string
-  headers?: Record<string, string>
-  query?: Record<string, string | number | boolean | string[] | null | undefined>
-  body?: any
-}
-
-interface RequestResponse<T = any> {
-  data: T
-  headers: Record<string, string>
-}
-
-async function getToken (): Promise<string> {
-  try {
-    return await window.xnb.choreo.getUserToken()
-  } catch {
-    return ''
-  }
-}
-
-async function request<T = any> (options: RequestOptions): Promise<T> {
-  const token = await getToken()
-
-  const headers: Record<string, string> = {
-    'Content-Type': 'application/json',
-    ...options.headers
-  }
-  if (token) {
-    headers.Authorization = `Bearer ${token}`
-  }
-
-  const httpOptions: any = {
-    method: options.method.toUpperCase(),
-    url: options.url,
-    headers,
-    responseType: window.xnb.http.ResponseType.JSON
-  }
-
-  if (options.query) {
-    httpOptions.query = options.query
-  }
-
-  if (options.body !== undefined) {
-    httpOptions.body = window.xnb.http.Body.json(options.body)
-  }
-
-  const res: RequestResponse<T> = await window.xnb.http.client.request(httpOptions)
-  return res.data
-}
-
-export async function get<T = any> (
-  url: string,
-  query?: Record<string, string | number | boolean | string[] | null | undefined>,
-  headers?: Record<string, string>
-): Promise<T> {
-  return request<T>({ method: 'GET', url, query, headers })
-}
-
-export async function post<T = any> (
-  url: string,
-  body?: any,
-  headers?: Record<string, string>
-): Promise<T> {
-  return request<T>({ method: 'POST', url, body, headers })
-}
-
-export async function put<T = any> (
-  url: string,
-  body?: any,
-  headers?: Record<string, string>
-): Promise<T> {
-  return request<T>({ method: 'PUT', url, body, headers })
-}
-
-export async function del<T = any> (
-  url: string,
-  query?: Record<string, string | number | boolean | string[] | null | undefined>,
-  headers?: Record<string, string>
-): Promise<T> {
-  return request<T>({ method: 'DELETE', url, query, headers })
-}
-
-export async function patch<T = any> (
-  url: string,
-  body?: any,
-  headers?: Record<string, string>
-): Promise<T> {
-  return request<T>({ method: 'PATCH', url, body, headers })
-}
-
-export default request
+interface RequestOptions {
+  method: string
+  url: string
+  headers?: Record<string, string>
+  query?: Record<string, string | number | boolean | string[] | null | undefined>
+  body?: any
+}
+
+interface RequestResponse<T = any> {
+  data: T
+  headers: Record<string, string>
+}
+
+async function getToken (): Promise<string> {
+  try {
+    return await window.xnb.choreo.getUserToken()
+  } catch {
+    return ''
+  }
+}
+
+async function request<T = any> (options: RequestOptions): Promise<T> {
+  const token = await getToken()
+
+  const headers: Record<string, string> = {
+    'Content-Type': 'application/json',
+    ...options.headers
+  }
+  if (token) {
+    headers.Authorization = `Bearer ${token}`
+  }
+
+  const httpOptions: any = {
+    method: options.method.toUpperCase(),
+    url: options.url,
+    headers,
+    responseType: window.xnb.http.ResponseType.JSON
+  }
+
+  if (options.query) {
+    httpOptions.query = options.query
+  }
+
+  if (options.body !== undefined) {
+    httpOptions.body = window.xnb.http.Body.json(options.body)
+  }
+
+  const res: RequestResponse<T> = await window.xnb.http.client.request(httpOptions)
+  return res.data
+}
+
+export async function get<T = any> (
+  url: string,
+  query?: Record<string, string | number | boolean | string[] | null | undefined>,
+  headers?: Record<string, string>
+): Promise<T> {
+  return request<T>({ method: 'GET', url, query, headers })
+}
+
+export async function post<T = any> (
+  url: string,
+  body?: any,
+  headers?: Record<string, string>
+): Promise<T> {
+  return request<T>({ method: 'POST', url, body, headers })
+}
+
+export async function put<T = any> (
+  url: string,
+  body?: any,
+  headers?: Record<string, string>
+): Promise<T> {
+  return request<T>({ method: 'PUT', url, body, headers })
+}
+
+export async function del<T = any> (
+  url: string,
+  query?: Record<string, string | number | boolean | string[] | null | undefined>,
+  headers?: Record<string, string>
+): Promise<T> {
+  return request<T>({ method: 'DELETE', url, query, headers })
+}
+
+export async function patch<T = any> (
+  url: string,
+  body?: any,
+  headers?: Record<string, string>
+): Promise<T> {
+  return request<T>({ method: 'PATCH', url, body, headers })
+}
+
+export default request

package/skills/lab-orbit-component-builder/examples/xnb-component-template/src/views/bitable.vue

@@ -1,67 +1,67 @@
-<template>
-  <div class="orbit-quasar-host q-pa-md">
-    <q-banner v-if="openerInitError" rounded dense class="error-banner q-mb-sm">
-      {{ openerErrorText }}
-    </q-banner>
-
-    <div v-if="openerInitReady && props.xnbContext.XNBBitable" class="row items-center q-gutter-xs q-mb-sm flex-wrap">
-      <span class="text-subtitle2 q-mr-sm">超级表格</span>
-      <q-btn dense outline label="刷新" :loading="busyRefresh" :disable="!!openerInitError" @click="onRefresh" />
-      <q-btn dense outline label="检查" :loading="busyCheck" :disable="!!openerInitError" @click="onCheck" />
-      <q-btn color="primary" dense unelevated label="提交" :loading="busySubmit" :disable="!!openerInitError" @click="onSubmit" />
-      <span v-if="lastRowCount > 0" class="row-count">{{ lastRowCount }} 条</span>
-    </div>
-
-    <q-banner v-else-if="openerInitReady && !props.xnbContext.XNBBitable" rounded dense class="info-banner">
-      未注入 XNBBitable
-    </q-banner>
-  </div>
-</template>
-
-<script lang="ts" setup>
-/**
- * 模板内演示用超级表格工具栏示例（非业务交付物）。
- * lab-orbit-component-builder 技能：向用户目标目录产出时勿原样复制本文件；请按流程文档新建具语义的 `src/views/<业务>.vue` 并参考此处写法。
- *
- * 刷新 / 提交：在 `useBitablePage` 内经 Quasar 对话框确认后再执行。
- */
-import { useBitablePage } from '@/use/useBitablePage'
-import type { XnbSuperCellContext } from '@/types/xnb-context'
-
-console.info(`[OrbitComponent] v${__APP_VERSION__} (skill: ${__APP_SKILL__})`)
-
-const props = defineProps<{
-  xnbContext: XnbSuperCellContext
-}>()
-
-const {
-  openerInitReady,
-  openerInitError,
-  openerErrorText,
-  busyRefresh,
-  busyCheck,
-  busySubmit,
-  lastRowCount,
-  onRefresh,
-  onCheck,
-  onSubmit
-} = useBitablePage(() => props.xnbContext)
-</script>
-
-<style scoped lang="scss">
-@import '@/styles/orbit-quasar-host.scss';
-
-.error-banner {
-  background: #FEF2F2;
-  border-left: 3px solid #ffbe7d;
-}
-.info-banner {
-  background: #FFFFFF;
-  border: 1px solid #E5E5E3;
-  color: #6B6B6B;
-}
-.row-count {
-  font-size: 0.75rem;
-  color: #6B6B6B;
-}
-</style>
+<template>
+  <div class="orbit-quasar-host q-pa-md">
+    <q-banner v-if="openerInitError" rounded dense class="error-banner q-mb-sm">
+      {{ openerErrorText }}
+    </q-banner>
+
+    <div v-if="openerInitReady && props.xnbContext.XNBBitable" class="row items-center q-gutter-xs q-mb-sm flex-wrap">
+      <span class="text-subtitle2 q-mr-sm">超级表格</span>
+      <q-btn dense outline label="刷新" :loading="busyRefresh" :disable="!!openerInitError" @click="onRefresh" />
+      <q-btn dense outline label="检查" :loading="busyCheck" :disable="!!openerInitError" @click="onCheck" />
+      <q-btn color="primary" dense unelevated label="提交" :loading="busySubmit" :disable="!!openerInitError" @click="onSubmit" />
+      <span v-if="lastRowCount > 0" class="row-count">{{ lastRowCount }} 条</span>
+    </div>
+
+    <q-banner v-else-if="openerInitReady && !props.xnbContext.XNBBitable" rounded dense class="info-banner">
+      未注入 XNBBitable
+    </q-banner>
+  </div>
+</template>
+
+<script lang="ts" setup>
+/**
+ * 模板内演示用超级表格工具栏示例（非业务交付物）。
+ * lab-orbit-component-builder 技能：向用户目标目录产出时勿原样复制本文件；请按流程文档新建具语义的 `src/views/<业务>.vue` 并参考此处写法。
+ *
+ * 刷新 / 提交：在 `useBitablePage` 内经 Quasar 对话框确认后再执行。
+ */
+import { useBitablePage } from '@/use/useBitablePage'
+import type { XnbSuperCellContext } from '@/types/xnb-context'
+
+console.info(`[OrbitComponent] v${__APP_VERSION__} (skill: ${__APP_SKILL__})`)
+
+const props = defineProps<{
+  xnbContext: XnbSuperCellContext
+}>()
+
+const {
+  openerInitReady,
+  openerInitError,
+  openerErrorText,
+  busyRefresh,
+  busyCheck,
+  busySubmit,
+  lastRowCount,
+  onRefresh,
+  onCheck,
+  onSubmit
+} = useBitablePage(() => props.xnbContext)
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/orbit-quasar-host.scss';
+
+.error-banner {
+  background: #FEF2F2;
+  border-left: 3px solid #ffbe7d;
+}
+.info-banner {
+  background: #FFFFFF;
+  border: 1px solid #E5E5E3;
+  color: #6B6B6B;
+}
+.row-count {
+  font-size: 0.75rem;
+  color: #6B6B6B;
+}
+</style>

package/skills/lab-orbit-component-builder/examples/xnb-component-template/src/views/custom-page.vue

@@ -1,140 +1,140 @@
-<!--
-  模板内演示用多区页面示例（非业务交付物）。
-  lab-orbit-component-builder 技能：向用户目标目录产出时勿原样复制本文件；请按流程文档新建具语义的 views 与 entries。
-
-  场景：复杂多组件页面（不使用超级表格 / XNBBitable）
-  入口文件名：custom-page.vue（与 xnb-components 中 id 一致）
-
-  仅占位布局：顶栏 + 侧栏 + 多卡片主区；与 bitable（超级表格 Cell）分离，后续可单独扩展。
--->
-<template>
-  <div class="orbit-quasar-host multi-page-demo">
-    <header class="demo-header row items-center q-px-md">
-      <div class="text-weight-medium">自定义多区页面（custom-page）</div>
-      <q-space />
-      <q-chip dense outline color="grey-8">无 XNBBitable / 子 Cell</q-chip>
-    </header>
-
-    <div class="demo-body row no-wrap">
-      <aside class="demo-aside q-pa-sm">
-        <div class="text-caption text-grey-7 q-mb-sm">侧栏占位</div>
-        <q-list bordered separator dense class="rounded-borders bg-white">
-          <q-item clickable v-ripple v-for="nav in navItems" :key="nav.id">
-            <q-item-section>{{ nav.label }}</q-item-section>
-          </q-item>
-        </q-list>
-      </aside>
-
-      <main class="demo-main col q-pa-md">
-        <p class="hint q-mb-md">
-          入口文件 <code>src/views/custom-page.vue</code>。用于「多区域、多卡片、无超级表格」类页面；
-          <code>xnbContext</code> 仍可从宿主注入（见下方节选）。可与
-          <code>bitable</code> 场景独立演进。
-        </p>
-        <div class="row q-col-gutter-md">
-          <div class="col-12 col-md-4" v-for="card in cards" :key="card.id">
-            <q-card flat bordered class="full-height">
-              <q-card-section class="text-subtitle2">{{ card.title }}</q-card-section>
-              <q-card-section class="text-caption text-grey-7">{{ card.desc }}</q-card-section>
-            </q-card>
-          </div>
-        </div>
-        <q-expansion-item
-          class="q-mt-md rounded-borders bordered bg-white"
-          label="当前 xnbContext（节选）"
-          header-class="text-body2"
-          dense
-        >
-          <q-card flat>
-            <q-card-section>
-              <pre class="ctx-pre">{{ summary }}</pre>
-            </q-card-section>
-          </q-card>
-        </q-expansion-item>
-      </main>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, withDefaults } from 'vue'
-
-export type XnbContextPageLike = {
-  bookPath?: string
-  cellUid?: string
-  [key: string]: unknown
-}
-
-const props = withDefaults(
-  defineProps<{
-    xnbContext?: XnbContextPageLike
-  }>(),
-  {
-    xnbContext: () => ({})
-  }
-)
-
-const navItems = [
-  { id: 'a', label: '模块占位 A' },
-  { id: 'b', label: '模块占位 B' },
-  { id: 'c', label: '模块占位 C' }
-]
-
-const cards = [
-  { id: '1', title: '区域 1', desc: '实际功能组件、表格或图表等可放此处。' },
-  { id: '2', title: '区域 2', desc: '与区域 1 并列，演示多列布局。' },
-  { id: '3', title: '区域 3', desc: '后续可替换为真实功能模块。' }
-]
-
-const summary = computed(() => {
-  const c = props.xnbContext || {}
-  return JSON.stringify(
-    { bookPath: c.bookPath, cellUid: c.cellUid },
-    null,
-    2
-  )
-})
-</script>
-
-<style scoped lang="scss">
-@import '@/styles/orbit-quasar-host.scss';
-
-.multi-page-demo {
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  font-family: system-ui, -apple-system, sans-serif;
-  color: #1a1a1a;
-}
-.demo-header {
-  min-height: 48px;
-  border-bottom: 1px solid #e0e0e0;
-  background: #fafafa;
-}
-.demo-body {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-}
-.demo-aside {
-  width: 200px;
-  flex-shrink: 0;
-  border-right: 1px solid #e0e0e0;
-  background: #fcfcfc;
-}
-.demo-main {
-  min-width: 0;
-}
-.hint {
-  margin: 0;
-  color: #555;
-  font-size: 0.9rem;
-  line-height: 1.5;
-}
-.ctx-pre {
-  margin: 0;
-  font-size: 12px;
-  overflow: auto;
-}
-</style>
+<!--
+  模板内演示用多区页面示例（非业务交付物）。
+  lab-orbit-component-builder 技能：向用户目标目录产出时勿原样复制本文件；请按流程文档新建具语义的 views 与 entries。
+
+  场景：复杂多组件页面（不使用超级表格 / XNBBitable）
+  入口文件名：custom-page.vue（与 xnb-components 中 id 一致）
+
+  仅占位布局：顶栏 + 侧栏 + 多卡片主区；与 bitable（超级表格 Cell）分离，后续可单独扩展。
+-->
+<template>
+  <div class="orbit-quasar-host multi-page-demo">
+    <header class="demo-header row items-center q-px-md">
+      <div class="text-weight-medium">自定义多区页面（custom-page）</div>
+      <q-space />
+      <q-chip dense outline color="grey-8">无 XNBBitable / 子 Cell</q-chip>
+    </header>
+
+    <div class="demo-body row no-wrap">
+      <aside class="demo-aside q-pa-sm">
+        <div class="text-caption text-grey-7 q-mb-sm">侧栏占位</div>
+        <q-list bordered separator dense class="rounded-borders bg-white">
+          <q-item clickable v-ripple v-for="nav in navItems" :key="nav.id">
+            <q-item-section>{{ nav.label }}</q-item-section>
+          </q-item>
+        </q-list>
+      </aside>
+
+      <main class="demo-main col q-pa-md">
+        <p class="hint q-mb-md">
+          入口文件 <code>src/views/custom-page.vue</code>。用于「多区域、多卡片、无超级表格」类页面；
+          <code>xnbContext</code> 仍可从宿主注入（见下方节选）。可与
+          <code>bitable</code> 场景独立演进。
+        </p>
+        <div class="row q-col-gutter-md">
+          <div class="col-12 col-md-4" v-for="card in cards" :key="card.id">
+            <q-card flat bordered class="full-height">
+              <q-card-section class="text-subtitle2">{{ card.title }}</q-card-section>
+              <q-card-section class="text-caption text-grey-7">{{ card.desc }}</q-card-section>
+            </q-card>
+          </div>
+        </div>
+        <q-expansion-item
+          class="q-mt-md rounded-borders bordered bg-white"
+          label="当前 xnbContext（节选）"
+          header-class="text-body2"
+          dense
+        >
+          <q-card flat>
+            <q-card-section>
+              <pre class="ctx-pre">{{ summary }}</pre>
+            </q-card-section>
+          </q-card>
+        </q-expansion-item>
+      </main>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, withDefaults } from 'vue'
+
+export type XnbContextPageLike = {
+  bookPath?: string
+  cellUid?: string
+  [key: string]: unknown
+}
+
+const props = withDefaults(
+  defineProps<{
+    xnbContext?: XnbContextPageLike
+  }>(),
+  {
+    xnbContext: () => ({})
+  }
+)
+
+const navItems = [
+  { id: 'a', label: '模块占位 A' },
+  { id: 'b', label: '模块占位 B' },
+  { id: 'c', label: '模块占位 C' }
+]
+
+const cards = [
+  { id: '1', title: '区域 1', desc: '实际功能组件、表格或图表等可放此处。' },
+  { id: '2', title: '区域 2', desc: '与区域 1 并列，演示多列布局。' },
+  { id: '3', title: '区域 3', desc: '后续可替换为真实功能模块。' }
+]
+
+const summary = computed(() => {
+  const c = props.xnbContext || {}
+  return JSON.stringify(
+    { bookPath: c.bookPath, cellUid: c.cellUid },
+    null,
+    2
+  )
+})
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/orbit-quasar-host.scss';
+
+.multi-page-demo {
+  box-sizing: border-box;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  font-family: system-ui, -apple-system, sans-serif;
+  color: #1a1a1a;
+}
+.demo-header {
+  min-height: 48px;
+  border-bottom: 1px solid #e0e0e0;
+  background: #fafafa;
+}
+.demo-body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+.demo-aside {
+  width: 200px;
+  flex-shrink: 0;
+  border-right: 1px solid #e0e0e0;
+  background: #fcfcfc;
+}
+.demo-main {
+  min-width: 0;
+}
+.hint {
+  margin: 0;
+  color: #555;
+  font-size: 0.9rem;
+  line-height: 1.5;
+}
+.ctx-pre {
+  margin: 0;
+  font-size: 12px;
+  overflow: auto;
+}
+</style>