@xtalpi/agentic-lab-skills 0.0.9 → 0.0.11

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/App.vue

@@ -1,151 +1,151 @@
-<template>
-  <div class="dev-shell" :class="{ 'dev-shell--child': isChildPage }">
-    <DevOpenerLauncher v-if="!isChildPage" class="dev-shell__launcher" />
-    <q-banner v-else rounded dense class="dev-child-hint q-ma-sm">
-      Opener 子页联调 · trace: <code>{{ childTrace }}</code> — 初始化结果见下方组件（成功则出现刷新/提交按钮）
-    </q-banner>
-    <div class="entry">
-      <View ref="sheetRef" :xnbContext="xnbContext" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, reactive, ref } from 'vue'
-import { Notify, Loading } from 'quasar'
-import { DevXNBBitable } from './mockXNBBitable'
-import DevOpenerLauncher from './components/DevOpenerLauncher.vue'
-import { isDevOpenerChildPage } from './utils/devOpenerHost'
-
-export default defineComponent({
-  components: { DevOpenerLauncher },
-  setup () {
-    const isChildPage = isDevOpenerChildPage()
-    const childTrace = computed(() => new URLSearchParams(window.location.search).get('trace') || '—')
-    const cellParams = reactive({
-      bookPath: '/dev/notebook/doe',
-      uid: 'dev-cell-001'
-    })
-    const viewRef = ref()
-
-    const DEV_REQUEST_URL = import.meta.env.VITE_REQUEST_URL || ''
-
-    const userData: Record<string, any> = {
-      projectURL: JSON.stringify({ request_url: DEV_REQUEST_URL })
-    }
-
-    const xnbContext = {
-      bookPath: cellParams.bookPath,
-      cellUid: cellParams.uid,
-      XNBUtil: {
-        async getWikiTables (_url: string): Promise<any> {
-          return { bitable: 'dev-bitable', tables: [] }
-        },
-        async getLarkBitableById (_bitable: string, _tableId: string, _opts?: any): Promise<any[]> {
-          return []
-        },
-        async batchCreateRecords (_opts: any): Promise<any> {
-          return { records: [] }
-        }
-      },
-      notifySuccess (msg: string): void {
-        Notify.create({ type: 'positive', message: String(msg), position: 'top', timeout: 3000 })
-      },
-      notifyError (msg: any): void {
-        const text = msg instanceof Error ? msg.message : String(msg)
-        Notify.create({ type: 'negative', message: text, position: 'top', timeout: 5000 })
-      },
-      loadingShow (opts?: any): void {
-        Loading.show(typeof opts === 'string' ? { message: opts } : opts)
-      },
-      loadingHide (): void {
-        Loading.hide()
-      },
-      userData,
-      getUserData (): Record<string, any> {
-        return userData
-      },
-      updateUserData (data: any): void {
-        Object.assign(userData, data)
-      },
-      mergeUserData (data: any): void {
-        Object.assign(userData, data)
-      },
-      getInstanceById (_id: string): any { return null },
-      getInstanceValueById (_id: string): any { return null },
-      setInstanceValueById (_id: string, _value: any): void { /* noop */ },
-      async saveBitableConfig (_bitable: Record<string, any>): Promise<void> {
-        localStorage.setItem('DEV_BITABLE_CONFIG', JSON.stringify(_bitable))
-      },
-      async getBitableConfig (): Promise<string> {
-        return localStorage.getItem('DEV_BITABLE_CONFIG') || '{}'
-      },
-      XNBBitable: DevXNBBitable
-    }
-
-    window.xnb.store.set('params', cellParams)
-
-    return {
-      isChildPage,
-      childTrace,
-      cellParams,
-      viewRef,
-      xnbContext
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-html,
-body,
-#app {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-#app {
-  font-family: Arial, Helvetica, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.dev-shell {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  &--child .entry {
-    flex: 1;
-    min-height: 0;
-  }
-  &__launcher {
-    flex-shrink: 0;
-    margin: 8px 8px 0;
-  }
-}
-
-.dev-child-hint {
-  flex-shrink: 0;
-  background: #fffbeb;
-  border: 1px solid #f0e4b8;
-  code {
-    font-size: 0.75rem;
-  }
-}
-
-.entry {
-  font-family: Arial, Helvetica, sans-serif;
-  box-sizing: border-box;
-  flex: 1;
-  min-height: 0;
-  width: 100%;
-  margin: 0;
-  overflow-y: auto;
-}
-</style>
+<template>
+  <div class="dev-shell" :class="{ 'dev-shell--child': isChildPage }">
+    <DevOpenerLauncher v-if="!isChildPage" class="dev-shell__launcher" />
+    <q-banner v-else rounded dense class="dev-child-hint q-ma-sm">
+      Opener 子页联调 · trace: <code>{{ childTrace }}</code> — 初始化结果见下方组件（成功则出现刷新/提交按钮）
+    </q-banner>
+    <div class="entry">
+      <View ref="sheetRef" :xnbContext="xnbContext" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, reactive, ref } from 'vue'
+import { Notify, Loading } from 'quasar'
+import { DevXNBBitable } from './mockXNBBitable'
+import DevOpenerLauncher from './components/DevOpenerLauncher.vue'
+import { isDevOpenerChildPage } from './utils/devOpenerHost'
+
+export default defineComponent({
+  components: { DevOpenerLauncher },
+  setup () {
+    const isChildPage = isDevOpenerChildPage()
+    const childTrace = computed(() => new URLSearchParams(window.location.search).get('trace') || '—')
+    const cellParams = reactive({
+      bookPath: '/dev/notebook/doe',
+      uid: 'dev-cell-001'
+    })
+    const viewRef = ref()
+
+    const DEV_REQUEST_URL = import.meta.env.VITE_REQUEST_URL || ''
+
+    const userData: Record<string, any> = {
+      projectURL: JSON.stringify({ request_url: DEV_REQUEST_URL })
+    }
+
+    const xnbContext = {
+      bookPath: cellParams.bookPath,
+      cellUid: cellParams.uid,
+      XNBUtil: {
+        async getWikiTables (_url: string): Promise<any> {
+          return { bitable: 'dev-bitable', tables: [] }
+        },
+        async getLarkBitableById (_bitable: string, _tableId: string, _opts?: any): Promise<any[]> {
+          return []
+        },
+        async batchCreateRecords (_opts: any): Promise<any> {
+          return { records: [] }
+        }
+      },
+      notifySuccess (msg: string): void {
+        Notify.create({ type: 'positive', message: String(msg), position: 'top', timeout: 3000 })
+      },
+      notifyError (msg: any): void {
+        const text = msg instanceof Error ? msg.message : String(msg)
+        Notify.create({ type: 'negative', message: text, position: 'top', timeout: 5000 })
+      },
+      loadingShow (opts?: any): void {
+        Loading.show(typeof opts === 'string' ? { message: opts } : opts)
+      },
+      loadingHide (): void {
+        Loading.hide()
+      },
+      userData,
+      getUserData (): Record<string, any> {
+        return userData
+      },
+      updateUserData (data: any): void {
+        Object.assign(userData, data)
+      },
+      mergeUserData (data: any): void {
+        Object.assign(userData, data)
+      },
+      getInstanceById (_id: string): any { return null },
+      getInstanceValueById (_id: string): any { return null },
+      setInstanceValueById (_id: string, _value: any): void { /* noop */ },
+      async saveBitableConfig (_bitable: Record<string, any>): Promise<void> {
+        localStorage.setItem('DEV_BITABLE_CONFIG', JSON.stringify(_bitable))
+      },
+      async getBitableConfig (): Promise<string> {
+        return localStorage.getItem('DEV_BITABLE_CONFIG') || '{}'
+      },
+      XNBBitable: DevXNBBitable
+    }
+
+    window.xnb.store.set('params', cellParams)
+
+    return {
+      isChildPage,
+      childTrace,
+      cellParams,
+      viewRef,
+      xnbContext
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+html,
+body,
+#app {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+#app {
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.dev-shell {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  &--child .entry {
+    flex: 1;
+    min-height: 0;
+  }
+  &__launcher {
+    flex-shrink: 0;
+    margin: 8px 8px 0;
+  }
+}
+
+.dev-child-hint {
+  flex-shrink: 0;
+  background: #fffbeb;
+  border: 1px solid #f0e4b8;
+  code {
+    font-size: 0.75rem;
+  }
+}
+
+.entry {
+  font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  margin: 0;
+  overflow-y: auto;
+}
+</style>

package/skills/lab-orbit-component-builder/examples/xnb-component-template/dev/src/components/DevOpenerLauncher.vue

@@ -1,143 +1,143 @@
-<template>
-  <q-banner rounded dense class="dev-opener-launcher q-mb-sm">
-    <div class="text-subtitle2 q-mb-xs">Opener 联调（模拟宿主打开子页）</div>
-    <p class="text-caption text-grey-8 q-mb-sm">
-      点击下方按钮在新窗口打开子页；子页通过 <code>?trace=</code> 与 <code>postMessage</code> 拉取下方 JSON。
-      组件：<strong>{{ componentId }}</strong>
-    </p>
-    <q-input
-      v-model="payloadText"
-      type="textarea"
-      autogrow
-      dense
-      outlined
-      label="模拟 opener payload（JSON）"
-      :error="parseError != null"
-      :error-message="parseError || undefined"
-      class="q-mb-sm"
-    />
-    <div class="row items-center q-gutter-sm flex-wrap">
-      <q-btn
-        color="primary"
-        dense
-        unelevated
-        label="以 opener 方式打开子页"
-        :disable="parseError != null"
-        @click="onOpenChild"
-      />
-      <span v-if="lastTrace" class="text-caption text-grey-7">
-        最近 trace: <code>{{ lastTrace }}</code>
-        <span v-if="childBlocked" class="text-negative">（弹窗被拦截，请允许本站点弹窗）</span>
-      </span>
-    </div>
-  </q-banner>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue'
-import { parseDevOpenerInitFromEnv } from '@/utils/openerInitParams'
-import {
-  createDevOpenerTrace,
-  installDevOpenerHost,
-  openDevOpenerChild
-} from '../utils/devOpenerHost'
-import type { DevOpenerHostHandle } from '../utils/devOpenerHost'
-
-const DEFAULT_PAYLOAD = {
-  ticket_ids: [450, 453],
-  valve_id: 0
-}
-
-function defaultPayloadText (): string {
-  const fromEnv = parseDevOpenerInitFromEnv()
-  if (fromEnv != null) {
-    try {
-      return JSON.stringify(fromEnv, null, 2)
-    } catch {
-      /* fall through */
-    }
-  }
-  return JSON.stringify(DEFAULT_PAYLOAD, null, 2)
-}
-
-function parsePayloadJson (text: string): { value: unknown | null; error: string | null } {
-  const trimmed = text.trim()
-  if (trimmed === '') return { value: null, error: 'JSON 不能为空' }
-  try {
-    return { value: JSON.parse(trimmed) as unknown, error: null }
-  } catch {
-    return { value: null, error: '不是合法 JSON' }
-  }
-}
-
-export default defineComponent({
-  name: 'DevOpenerLauncher',
-  setup () {
-    const componentId = import.meta.env.VITE_COMPONENT_ID || 'bitable'
-    const payloadText = ref(defaultPayloadText())
-    const parseError = ref<string | null>(null)
-    const lastTrace = ref<string | null>(null)
-    const childBlocked = ref(false)
-
-    let hostHandle: DevOpenerHostHandle | null = null
-
-    function syncParseError (): void {
-      parseError.value = parsePayloadJson(payloadText.value).error
-    }
-
-    function getPayload (): unknown {
-      const { value, error } = parsePayloadJson(payloadText.value)
-      if (error != null) throw new Error(error)
-      return value
-    }
-
-    function onOpenChild (): void {
-      syncParseError()
-      if (parseError.value != null) return
-
-      const trace = createDevOpenerTrace()
-      lastTrace.value = trace
-      childBlocked.value = false
-
-      const child = openDevOpenerChild(trace)
-      if (child == null) {
-        childBlocked.value = true
-        console.warn('[devOpenerHost] window.open 返回 null，可能被浏览器拦截')
-      }
-    }
-
-    watch(payloadText, () => {
-      syncParseError()
-    })
-
-    onMounted(() => {
-      syncParseError()
-      hostHandle = installDevOpenerHost(() => getPayload())
-    })
-
-    onUnmounted(() => {
-      hostHandle?.dispose()
-      hostHandle = null
-    })
-
-    return {
-      componentId,
-      payloadText,
-      parseError,
-      lastTrace,
-      childBlocked,
-      onOpenChild
-    }
-  }
-})
-</script>
-
-<style scoped lang="scss">
-.dev-opener-launcher {
-  background: #f0f7ff;
-  border: 1px solid #c5d9f0;
-  code {
-    font-size: 0.75rem;
-  }
-}
-</style>
+<template>
+  <q-banner rounded dense class="dev-opener-launcher q-mb-sm">
+    <div class="text-subtitle2 q-mb-xs">Opener 联调（模拟宿主打开子页）</div>
+    <p class="text-caption text-grey-8 q-mb-sm">
+      点击下方按钮在新窗口打开子页；子页通过 <code>?trace=</code> 与 <code>postMessage</code> 拉取下方 JSON。
+      组件：<strong>{{ componentId }}</strong>
+    </p>
+    <q-input
+      v-model="payloadText"
+      type="textarea"
+      autogrow
+      dense
+      outlined
+      label="模拟 opener payload（JSON）"
+      :error="parseError != null"
+      :error-message="parseError || undefined"
+      class="q-mb-sm"
+    />
+    <div class="row items-center q-gutter-sm flex-wrap">
+      <q-btn
+        color="primary"
+        dense
+        unelevated
+        label="以 opener 方式打开子页"
+        :disable="parseError != null"
+        @click="onOpenChild"
+      />
+      <span v-if="lastTrace" class="text-caption text-grey-7">
+        最近 trace: <code>{{ lastTrace }}</code>
+        <span v-if="childBlocked" class="text-negative">（弹窗被拦截，请允许本站点弹窗）</span>
+      </span>
+    </div>
+  </q-banner>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue'
+import { parseDevOpenerInitFromEnv } from '@/utils/openerInitParams'
+import {
+  createDevOpenerTrace,
+  installDevOpenerHost,
+  openDevOpenerChild
+} from '../utils/devOpenerHost'
+import type { DevOpenerHostHandle } from '../utils/devOpenerHost'
+
+const DEFAULT_PAYLOAD = {
+  ticket_ids: [450, 453],
+  valve_id: 0
+}
+
+function defaultPayloadText (): string {
+  const fromEnv = parseDevOpenerInitFromEnv()
+  if (fromEnv != null) {
+    try {
+      return JSON.stringify(fromEnv, null, 2)
+    } catch {
+      /* fall through */
+    }
+  }
+  return JSON.stringify(DEFAULT_PAYLOAD, null, 2)
+}
+
+function parsePayloadJson (text: string): { value: unknown | null; error: string | null } {
+  const trimmed = text.trim()
+  if (trimmed === '') return { value: null, error: 'JSON 不能为空' }
+  try {
+    return { value: JSON.parse(trimmed) as unknown, error: null }
+  } catch {
+    return { value: null, error: '不是合法 JSON' }
+  }
+}
+
+export default defineComponent({
+  name: 'DevOpenerLauncher',
+  setup () {
+    const componentId = import.meta.env.VITE_COMPONENT_ID || 'bitable'
+    const payloadText = ref(defaultPayloadText())
+    const parseError = ref<string | null>(null)
+    const lastTrace = ref<string | null>(null)
+    const childBlocked = ref(false)
+
+    let hostHandle: DevOpenerHostHandle | null = null
+
+    function syncParseError (): void {
+      parseError.value = parsePayloadJson(payloadText.value).error
+    }
+
+    function getPayload (): unknown {
+      const { value, error } = parsePayloadJson(payloadText.value)
+      if (error != null) throw new Error(error)
+      return value
+    }
+
+    function onOpenChild (): void {
+      syncParseError()
+      if (parseError.value != null) return
+
+      const trace = createDevOpenerTrace()
+      lastTrace.value = trace
+      childBlocked.value = false
+
+      const child = openDevOpenerChild(trace)
+      if (child == null) {
+        childBlocked.value = true
+        console.warn('[devOpenerHost] window.open 返回 null，可能被浏览器拦截')
+      }
+    }
+
+    watch(payloadText, () => {
+      syncParseError()
+    })
+
+    onMounted(() => {
+      syncParseError()
+      hostHandle = installDevOpenerHost(() => getPayload())
+    })
+
+    onUnmounted(() => {
+      hostHandle?.dispose()
+      hostHandle = null
+    })
+
+    return {
+      componentId,
+      payloadText,
+      parseError,
+      lastTrace,
+      childBlocked,
+      onOpenChild
+    }
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.dev-opener-launcher {
+  background: #f0f7ff;
+  border: 1px solid #c5d9f0;
+  code {
+    font-size: 0.75rem;
+  }
+}
+</style>