inquirer-form 0.2.0 → 0.3.0

package/README.zh-CN.md

@@ -0,0 +1,473 @@
+# inquirer-form
+
+[English](./README.md) | 简体中文
+
+一个基于 Vue 3 的可视化表单设计器和运行时库，专为 [Inquirer.js](https://github.com/SBoudrias/Inquirer.js/) 打造，实现 Web 表单与命令行交互的完美统一。
+
+## ✨ 特性
+
+- 🎨 **可视化设计器** - 拖拽式表单设计，所见即所得
+- 🔄 **多端统一** - 一套 Schema 同时驱动 Web 表单和 CLI 交互
+- 🚀 **开箱即用** - 内置 9 种 Inquirer 专属控件
+- 🎯 **类型安全** - 完整的 TypeScript 类型定义
+- 🌍 **国际化** - 内置中英文支持
+- 🔌 **灵活扩展** - 支持自定义控件和主题
+- 📦 **轻量级** - 基于 agilebuilder-form 构建
+
+## 📦 安装
+
+```bash
+npm install inquirer-form
+```
+
+### 必需依赖
+
+本包需要 `agilebuilder-form` 作为核心依赖：
+
+```bash
+npm install agilebuilder-form
+```
+
+> **注意**：`vue-i18n` 已内置在本包中，无需单独安装。
+
+### Peer Dependencies
+
+确保安装以下对等依赖：
+
+```bash
+npm install vue@^3.5.0 element-plus@^2.11.7 vuedraggable@^4.1.0
+```
+
+### 导入样式
+
+别忘了在应用中导入所需的 CSS 文件：
+
+```typescript
+// 导入 inquirer-form 样式
+import 'inquirer-form/style.css'
+
+// 导入 agilebuilder-form 样式
+import 'agilebuilder-form/dist/style.css'
+
+// 导入 Element Plus 样式
+import 'element-plus/dist/index.css'
+```
+
+## 🎯 使用场景
+
+### CLI 工具开发
+- 项目脚手架的配置向导
+- 命令行工具的参数收集
+- 批量操作的确认流程
+
+### Web 应用表单
+- 管理后台的配置表单
+- 用户注册和设置页面
+- 数据录入和编辑界面
+
+### 多端统一场景
+- DevOps 工具（CLI 操作 + Web 管理）
+- 配置管理系统（命令行配置 + Web 可视化）
+- 自动化脚本（CLI 执行 + Web 监控）
+
+## 🚀 快速开始
+
+### 1. 安装插件（可选）
+
+如果使用默认导出，i18n 将自动安装：
+
+```typescript
+import InquirerForm from 'inquirer-form'
+import { createApp } from 'vue'
+
+const app = createApp(App)
+app.use(InquirerForm) // 自动安装 i18n 并注册组件
+```
+
+或手动注册控件：
+
+```typescript
+import { registerInquirerControls } from 'inquirer-form'
+
+// 注册所有 Inquirer 控件
+registerInquirerControls()
+```
+
+### 2. 导入样式
+
+```typescript
+// main.ts 或 App.vue
+import 'inquirer-form/style.css'
+import 'agilebuilder-form/dist/style.css'
+import 'element-plus/dist/index.css'
+```
+
+### 3. 使用设计器
+
+```vue
+<script setup lang="ts">
+import { InquirerFormDesigner, createInquirerSampleControls } from 'inquirer-form'
+import { SchemaEngine } from 'agilebuilder-form'
+
+const engine = new SchemaEngine()
+
+// 可选：加载示例表单
+engine.getSchema().controls = createInquirerSampleControls((key) => key)
+</script>
+
+<template>
+  <InquirerFormDesigner :engine="engine" />
+</template>
+```
+
+### 4. Web 端运行时
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { InquirerFormRuntime } from 'inquirer-form'
+import type { FormData, FormSchema } from 'agilebuilder-form'
+
+const formData = ref<FormData>({})
+const schema: FormSchema = {
+  controls: [
+    // 从设计器获取或手动定义
+  ]
+}
+</script>
+
+<template>
+  <InquirerFormRuntime v-model="formData" :schema="schema" />
+</template>
+```
+
+### 5. 转换为 Inquirer
+
+```typescript
+import inquirer from 'inquirer'
+import { schemaToInquirer } from 'inquirer-form'
+import type { FormSchema } from 'agilebuilder-form'
+
+const schema: FormSchema = {
+  // 从设计器或 API 获取
+}
+
+// 转换为 Inquirer 问题集
+const questions = schemaToInquirer(schema)
+
+// 在命令行中使用
+const answers = await inquirer.prompt(questions)
+console.log(answers)
+```
+
+### 6. 体验 Playground
+
+```bash
+git clone <repository-url>
+cd inquirer-form
+npm install
+npm run dev
+```
+
+访问浏览器查看集成了设计器、Web 预览和 Inquirer 导出的完整演示。
+
+## 📚 API 文档
+
+### 组件
+
+#### InquirerFormDesigner
+
+可视化表单设计器组件。
+
+**Props:**
+- `engine?: SchemaEngine` - Schema 引擎实例（可选，默认创建新实例）
+- `seedSample?: boolean` - 是否加载示例表单（默认 `false`）
+- `autoRegisterControls?: boolean` - 是否自动注册控件（默认 `true`）
+
+**示例:**
+```vue
+<InquirerFormDesigner 
+  :engine="engine" 
+  :seedSample="true"
+  :autoRegisterControls="true"
+/>
+```
+
+#### InquirerFormRuntime
+
+Web 端表单运行时组件。
+
+**Props:**
+- `schema: FormSchema` - 表单 Schema（必需）
+- `modelValue: FormData` - 表单数据（v-model）
+
+**Events:**
+- `update:modelValue` - 表单数据更新事件
+
+**示例:**
+```vue
+<InquirerFormRuntime v-model="formData" :schema="schema" />
+```
+
+#### InquirerFormPlayground
+
+完整的 Playground 组件，包含设计器、运行时和导出功能。
+
+**示例:**
+```vue
+<InquirerFormPlayground />
+```
+
+### 函数
+
+#### registerInquirerControls()
+
+注册所有内置的 Inquirer 控件到全局注册表。
+
+```typescript
+import { registerInquirerControls } from 'inquirer-form'
+
+registerInquirerControls()
+```
+
+#### schemaToInquirer(schema, options?)
+
+将表单 Schema 转换为 Inquirer 问题集。
+
+**参数:**
+- `schema: FormSchema` - 表单 Schema
+- `options?: TransformOptions` - 转换选项
+  - `includeDisabled?: boolean` - 是否包含禁用的字段（默认 `false`）
+
+**返回:**
+- `InquirerQuestion[]` - Inquirer 问题数组
+
+**示例:**
+```typescript
+import { schemaToInquirer } from 'inquirer-form'
+
+const questions = schemaToInquirer(schema, {
+  includeDisabled: false
+})
+```
+
+#### createInquirerSampleControls(t)
+
+创建示例表单控件。
+
+**参数:**
+- `t: (key: string) => string` - 国际化翻译函数
+
+**返回:**
+- `SchemaNode[]` - Schema 节点数组
+
+**示例:**
+```typescript
+import { createInquirerSampleControls } from 'inquirer-form'
+
+const controls = createInquirerSampleControls((key) => key)
+engine.getSchema().controls = controls
+```
+
+### 类型
+
+#### InquirerPromptType
+
+支持的 Inquirer 提示类型。
+
+```typescript
+type InquirerPromptType =
+  | 'input'      // 文本输入
+  | 'number'     // 数字输入
+  | 'confirm'    // 确认（是/否）
+  | 'list'       // 单选列表
+  | 'rawlist'    // 原始列表
+  | 'expand'     // 展开选择
+  | 'checkbox'   // 多选框
+  | 'password'   // 密码输入
+  | 'editor'     // 编辑器
+```
+
+#### InquirerQuestion
+
+Inquirer 问题对象接口。
+
+```typescript
+interface InquirerQuestion {
+  type: InquirerPromptType
+  name: string
+  message: string
+  default?: any
+  prefix?: string
+  suffix?: string
+  pageSize?: number
+  loop?: boolean
+  mask?: string | boolean
+  choices?: InquirerChoice[]
+  whenExpression?: string
+  validateExpression?: string
+  filterExpression?: string
+  transformerExpression?: string
+  metadata?: Record<string, any>
+}
+```
+
+#### InquirerChoice
+
+选择项接口（用于 list、checkbox 等）。
+
+```typescript
+interface InquirerChoice {
+  name: string    // 显示文本
+  value: string   // 实际值
+  short?: string  // 简短描述
+}
+```
+
+## 🎨 内置控件
+
+| 控件类型 | 说明 | Inquirer 类型 |
+|---------|------|--------------|
+| Input | 文本输入框 | `input` |
+| Password | 密码输入框 | `password` |
+| Number | 数字输入框 | `number` |
+| Confirm | 确认框 | `confirm` |
+| List | 单选列表 | `list` |
+| RawList | 原始列表 | `rawlist` |
+| Expand | 展开选择 | `expand` |
+| Checkbox | 多选框 | `checkbox` |
+| Editor | 多行编辑器 | `editor` |
+
+## 🔧 高级用法
+
+### 自定义控件
+
+```typescript
+import { registry } from 'agilebuilder-form'
+import type { ControlMeta } from 'agilebuilder-form'
+
+const customControl: ControlMeta = {
+  type: 'custom-input',
+  label: '自定义输入',
+  component: CustomInputComponent,
+  initialSchema: () => ({
+    id: generateId(),
+    type: 'custom-input',
+    field: '',
+    props: {}
+  })
+}
+
+// 注册自定义控件
+registry.register(customControl)
+```
+
+### 表达式支持
+
+Schema 支持多种表达式字段，用于动态控制：
+
+```typescript
+{
+  type: 'input',
+  field: 'email',
+  props: {
+    message: '请输入邮箱',
+    // 条件显示
+    whenExpression: "return answers.needEmail === true",
+    // 验证
+    validateExpression: "return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(input) || '请输入有效的邮箱'",
+    // 过滤
+    filterExpression: "return input.trim().toLowerCase()",
+    // 转换显示
+    transformerExpression: "return input.replace(/@.*/, '@***')"
+  }
+}
+```
+
+### 与 Inquirer.js 集成
+
+完整的 CLI 集成示例：
+
+```typescript
+import inquirer from 'inquirer'
+import { schemaToInquirer } from 'inquirer-form'
+import type { FormSchema } from 'agilebuilder-form'
+
+// 从文件或 API 加载 Schema
+const schema: FormSchema = require('./form-schema.json')
+
+// 转换为 Inquirer 问题
+const questions = schemaToInquirer(schema)
+
+// 处理表达式（将字符串转换为函数）
+const processedQuestions = questions.map(q => ({
+  ...q,
+  when: q.whenExpression 
+    ? new Function('answers', q.whenExpression) 
+    : undefined,
+  validate: q.validateExpression
+    ? new Function('input', 'answers', q.validateExpression)
+    : undefined,
+  filter: q.filterExpression
+    ? new Function('input', 'answers', q.filterExpression)
+    : undefined,
+  transformer: q.transformerExpression
+    ? new Function('input', 'answers', 'flags', q.transformerExpression)
+    : undefined
+}))
+
+// 执行询问
+const answers = await inquirer.prompt(processedQuestions)
+console.log('用户输入:', answers)
+```
+
+## 📝 开发
+
+### 脚本命令
+
+| 命令 | 说明 |
+|------|------|
+| `npm run dev` | 启动开发服务器（Playground） |
+| `npm run build` | 构建生产版本 |
+| `npm run type-check` | TypeScript 类型检查 |
+| `npm run test:unit` | 运行单元测试 |
+| `npm run docs:dev` | 启动文档开发服务器 |
+| `npm run docs:build` | 构建文档 |
+
+### 构建产物
+
+运行 `npm run build` 后，将生成以下文件：
+
+```
+dist/
+├── inquirer-form.es.js      # ES Module
+├── inquirer-form.umd.js     # UMD Module
+├── inquirer-form.css        # 样式文件
+└── index.d.ts               # TypeScript 类型声明
+```
+
+### 发布到 npm
+
+1. 确保已登录 npm 账号
+2. 更新版本号：`npm version patch|minor|major`
+3. 构建：`npm run build`
+4. 发布：`npm publish --access public`
+
+## 🔗 相关项目
+
+- [agilebuilder-form](https://github.com/yjkjdev/agilebuilder-form) - 底层表单引擎
+- [Inquirer.js](https://github.com/SBoudrias/Inquirer.js/) - 命令行交互库
+- [Element Plus](https://element-plus.org/) - UI 组件库
+- [Vue 3](https://vuejs.org/) - 渐进式 JavaScript 框架
+
+## 📄 许可证
+
+[MIT](./LICENSE)
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 📮 联系方式
+
+如有问题或建议，请通过 GitHub Issues 联系我们。

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { ControlMeta } from 'agilebuilder-form';
 import { DefineComponent } from 'vue';
 import { FormData as FormData_2 } from 'agilebuilder-form';
 import { FormSchema } from 'agilebuilder-form';
+import { I18n } from 'vue-i18n';
 import { PublicProps } from 'vue';
 import { SchemaEngine } from 'agilebuilder-form';
 import { SchemaNode } from 'agilebuilder-form';
@@ -20,7 +21,11 @@ declare type __VLS_Props_2 = {
     modelValue?: FormData_2;
 };
 
-export declare function createInquirerSampleControls(): SchemaNode[];
+/**
+ * 创建示例表单控件
+ * @param t 可选的翻译函数，如果不提供则使用内置的 i18n
+ */
+export declare function createInquirerSampleControls(t?: (key: string) => string): SchemaNode[];
 
 declare const _default: {
     install(app: App): void;
@@ -43,6 +48,10 @@ seedSample: boolean;
 autoRegisterControls: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare const inquirerFormI18n: I18n;
+
+export declare const inquirerFormI18nPlugin: I18n<{}, {}, {}, string, boolean>;
+
 export declare const InquirerFormPlayground: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 export declare const InquirerFormRuntime: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {

package/dist/inquirer-form.css

@@ -1 +1 @@
-@charset "UTF-8";.inquirer-designer-card[data-v-5aa173c3]{display:flex;flex-direction:column;gap:8px}.card-header[data-v-5aa173c3]{display:flex;align-items:center;gap:8px}.type-badge[data-v-5aa173c3]{padding:2px 6px;border-radius:2px;font-size:12px;font-weight:600;text-transform:uppercase;background-color:#0f6cbd1f;background-color:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 12%,transparent);color:#0f6cbd;color:var(--ag-primary-color, #0f6cbd)}.message[data-v-5aa173c3]{font-size:14px;font-weight:600;color:#0f1d32;color:var(--ag-text-primary, #0f1d32)}.description[data-v-5aa173c3]{margin:0;font-size:12px;line-height:1.4;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.options-preview[data-v-5aa173c3]{margin:0;padding-left:16px;font-size:12px;color:#2e3a4e}.options-preview li[data-v-5aa173c3]{list-style:disc}.options-preview .more[data-v-5aa173c3]{list-style:none;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.inquirer-input[data-v-b9ac497e]{display:flex;flex-direction:column;gap:4px}.transformer-preview[data-v-b9ac497e]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.base-input-config[data-v-bd4a89f6]{display:flex;flex-direction:column}.textarea-setting[data-v-2c386165]{margin-bottom:12px}.textarea-setting label[data-v-2c386165]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.textarea-setting .hint[data-v-2c386165]{margin:4px 0 0;font-size:12px;line-height:1.4;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.expression-editor[data-v-91ba45bb]{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.expression-editor__label[data-v-91ba45bb]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.info-icon[data-v-91ba45bb]{width:14px;height:14px;cursor:pointer;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.code-input[data-v-91ba45bb] textarea{font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;font-size:12px}.example-toggle[data-v-91ba45bb]{border:none;background:transparent;font-size:12px;cursor:pointer;color:var(--ag-primary-color, #0f6cbd);padding:0}.expression-editor__examples[data-v-91ba45bb]{border-radius:4px;border:1px dashed #dcdfe6;padding:8px 12px;background-color:#fff;display:flex;flex-direction:column;gap:4px}.examples-title[data-v-91ba45bb]{margin:0;font-size:12px;font-weight:600;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.examples-list[data-v-91ba45bb]{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.examples-list code[data-v-91ba45bb]{font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;background-color:#f3f4f6;padding:1px 4px;border-radius:2px;font-size:12px}.fade-enter-active[data-v-91ba45bb],.fade-leave-active[data-v-91ba45bb]{transition:opacity .2s ease}.fade-enter-from[data-v-91ba45bb],.fade-leave-to[data-v-91ba45bb]{opacity:0}.inline-settings[data-v-c4882c52]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inquirer-password[data-v-0cb418f2]{display:flex;flex-direction:column;gap:4px}.mask-hint[data-v-0cb418f2]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.number-runtime[data-v-ade0684b]{display:flex;align-items:center;gap:8px}.number-runtime__input[data-v-ade0684b]{flex:1}.affix[data-v-ade0684b]{font-size:13px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.number-setting[data-v-4fb22ad3]{margin-bottom:12px}.number-setting label[data-v-4fb22ad3]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.confirm-runtime[data-v-f41e6b08]{display:flex;align-items:center;gap:12px}.state[data-v-f41e6b08]{font-size:13px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.affix[data-v-f41e6b08]{font-size:13px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.inquirer-list[data-v-ad8b9ebc]{display:flex;flex-direction:column;gap:4px}.select-runtime[data-v-ad8b9ebc]{width:100%}.affix[data-v-ad8b9ebc]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.list-hint[data-v-ad8b9ebc]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.checkbox-wrapper[data-v-86b287ae]{display:flex;flex-direction:column;gap:4px}.checkbox-runtime[data-v-86b287ae]{display:flex;flex-direction:column;gap:6px}.affix[data-v-86b287ae]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.multi-default[data-v-c571b549]{margin-bottom:12px}.multi-default label[data-v-c571b549]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.editor-runtime[data-v-bd13db5a]{display:flex;flex-direction:column;gap:4px}.affix[data-v-bd13db5a]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.transformer-preview[data-v-bd13db5a]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.node-description[data-v-762f3565]{margin:8px 0 0;font-size:12px;line-height:1.4;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.node-error[data-v-762f3565]{margin:4px 0 0;font-size:12px;color:#ff6b6b}.inquirer-web-runtime[data-v-2ef727bc]{padding:24px}.form-header[data-v-2ef727bc]{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid transparent;border-bottom-color:#d8e0ef;border-bottom-color:var(--ag-border-light, #d8e0ef)}.form-title[data-v-2ef727bc]{margin:0 0 8px;font-size:24px;font-weight:600;color:#0f1d32;color:var(--ag-text-primary, #0f1d32)}.form-description[data-v-2ef727bc]{margin:0;font-size:14px;line-height:1.5;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.form-content[data-v-2ef727bc]{padding:16px 24px 0 0}.runtime-empty[data-v-2ef727bc]{padding:40px;text-align:center;color:#5a6578;color:var(--ag-text-tertiary, #5a6578);font-size:14px}.inquirer-demo[data-v-cdc491b8]{width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - var(--vp-nav-height, 64px));background:#f5f7fb;padding:16px}.inquirer-demo[data-v-cdc491b8]>*{margin:0 auto;width:100%}.callout-panel[data-v-cdc491b8],.demo-workspace[data-v-cdc491b8]{border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a14}.callout-panel[data-v-cdc491b8]{padding:16px;display:flex;flex-direction:column;gap:16px}.callout-header[data-v-cdc491b8]{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.callout-header h1[data-v-cdc491b8]{margin:0 0 8px}.callout-header p[data-v-cdc491b8]{margin:0;font-size:14px;line-height:1.6;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.callout-actions[data-v-cdc491b8]{display:flex;flex-wrap:wrap;gap:8px}.callout-actions button[data-v-cdc491b8]{padding:10px 16px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#fff;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.callout-actions button[data-v-cdc491b8]:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a14}.callout-controls header[data-v-cdc491b8]{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.callout-controls ul[data-v-cdc491b8]{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.callout-controls li[data-v-cdc491b8]{display:flex;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#f5f7fb;border:1px solid rgba(15,23,42,.05)}.callout-controls .type[data-v-cdc491b8]{font-weight:600}.callout-controls .meta[data-v-cdc491b8]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.demo-workspace[data-v-cdc491b8]{padding:16px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.workspace-tabs[data-v-cdc491b8]{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border-radius:8px;border:1px solid rgba(15,23,42,.08)}.tab-item[data-v-cdc491b8]{flex:1 1 200px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;padding:12px;text-align:left;transition:background .2s,box-shadow .2s}.tab-item span[data-v-cdc491b8]{font-weight:600;font-size:15px}.tab-item small[data-v-cdc491b8]{font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.tab-item.active[data-v-cdc491b8]{background:#edf2ff;box-shadow:inset 0 0 0 1px #4f46e559}.workspace-panel[data-v-cdc491b8]{border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a0d;min-height:0}.designer-panel[data-v-cdc491b8]{flex:1;display:flex;min-height:0}.designer-panel[data-v-cdc491b8] .designer-shell{flex:1;min-height:0;height:100%}.panel-header[data-v-cdc491b8]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.panel-header h2[data-v-cdc491b8]{margin:0}.panel-header small[data-v-cdc491b8]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.panel-header .btn-copy[data-v-cdc491b8]{margin-left:auto;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;color:#fff;font-weight:600;background-color:#0f6cbd;background-color:var(--ag-primary-color, #0f6cbd)}.runtime-json[data-v-cdc491b8]{margin-top:16px}.runtime-json header[data-v-cdc491b8]{font-size:13px;font-weight:600;margin-bottom:8px}.runtime-json pre[data-v-cdc491b8]{margin:0;padding:12px;border-radius:4px;background:#f5f7fb;color:#0f1d32;max-height:240px;overflow:auto}.json-viewer[data-v-cdc491b8]{margin:0;padding:12px;border-radius:4px;background:#f5f7fb;color:#0f1d32;max-height:360px;overflow:auto;border:1px solid rgba(15,23,42,.06)}.code-snippet[data-v-cdc491b8]{margin-top:16px}.code-snippet header[data-v-cdc491b8]{font-size:13px;font-weight:600;margin-bottom:8px}.code-snippet pre[data-v-cdc491b8]{margin:0;padding:12px;border-radius:4px;background:#111827;color:#caf0f8;font-size:13px;overflow:auto}@media(max-width:960px){.inquirer-demo[data-v-cdc491b8]{padding:16px}.workspace-tabs[data-v-cdc491b8]{flex-direction:column}.tab-item[data-v-cdc491b8]{width:100%}}
+@charset "UTF-8";.inquirer-designer-card[data-v-b29b6f1e]{display:flex;flex-direction:column;gap:8px}.card-header[data-v-b29b6f1e]{display:flex;align-items:center;gap:8px}.type-badge[data-v-b29b6f1e]{padding:2px 6px;border-radius:2px;font-size:12px;font-weight:600;text-transform:uppercase;background-color:#0f6cbd1f;background-color:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 12%,transparent);color:#0f6cbd;color:var(--ag-primary-color, #0f6cbd)}.message[data-v-b29b6f1e]{font-size:14px;font-weight:600;color:#0f1d32;color:var(--ag-text-primary, #0f1d32)}.description[data-v-b29b6f1e]{margin:0;font-size:12px;line-height:1.4;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.options-preview[data-v-b29b6f1e]{margin:0;padding-left:16px;font-size:12px;color:#2e3a4e}.options-preview li[data-v-b29b6f1e]{list-style:disc}.options-preview .more[data-v-b29b6f1e]{list-style:none;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.inquirer-input[data-v-c4eebc18]{display:flex;flex-direction:column;gap:4px}.transformer-preview[data-v-c4eebc18]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.base-input-config[data-v-be4e1176]{display:flex;flex-direction:column}.textarea-setting[data-v-9093816f]{margin-bottom:12px}.textarea-setting label[data-v-9093816f]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.textarea-setting .hint[data-v-9093816f]{margin:4px 0 0;font-size:12px;line-height:1.4;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.expression-editor[data-v-7b2a61b5]{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.expression-editor__label[data-v-7b2a61b5]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.info-icon[data-v-7b2a61b5]{width:14px;height:14px;cursor:pointer;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.code-input[data-v-7b2a61b5] textarea{font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;font-size:12px}.example-toggle[data-v-7b2a61b5]{border:none;background:transparent;font-size:12px;cursor:pointer;color:var(--ag-primary-color, #0f6cbd);padding:0}.expression-editor__examples[data-v-7b2a61b5]{border-radius:4px;border:1px dashed #dcdfe6;padding:8px 12px;background-color:#fff;display:flex;flex-direction:column;gap:4px}.examples-title[data-v-7b2a61b5]{margin:0;font-size:12px;font-weight:600;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.examples-list[data-v-7b2a61b5]{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.examples-list code[data-v-7b2a61b5]{font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;background-color:#f3f4f6;padding:1px 4px;border-radius:2px;font-size:12px}.fade-enter-active[data-v-7b2a61b5],.fade-leave-active[data-v-7b2a61b5]{transition:opacity .2s ease}.fade-enter-from[data-v-7b2a61b5],.fade-leave-to[data-v-7b2a61b5]{opacity:0}.inline-settings[data-v-43dc3bfd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inquirer-password[data-v-027f448e]{display:flex;flex-direction:column;gap:4px}.mask-hint[data-v-027f448e]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.number-runtime[data-v-41430bc7]{display:flex;align-items:center;gap:8px}.number-runtime__input[data-v-41430bc7]{flex:1}.affix[data-v-41430bc7]{font-size:13px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.number-setting[data-v-9db53040]{margin-bottom:12px}.number-setting label[data-v-9db53040]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.confirm-runtime[data-v-220e5de9]{display:flex;align-items:center;gap:12px}.state[data-v-220e5de9]{font-size:13px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.affix[data-v-220e5de9]{font-size:13px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.inquirer-list[data-v-ed3b4861]{display:flex;flex-direction:column;gap:4px}.select-runtime[data-v-ed3b4861]{width:100%}.affix[data-v-ed3b4861]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.list-hint[data-v-ed3b4861]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.checkbox-wrapper[data-v-5def473d]{display:flex;flex-direction:column;gap:4px}.checkbox-runtime[data-v-5def473d]{display:flex;flex-direction:column;gap:6px}.affix[data-v-5def473d]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.multi-default[data-v-fa680fd2]{margin-bottom:12px}.multi-default label[data-v-fa680fd2]{display:block;margin-bottom:4px;font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.editor-runtime[data-v-768e57da]{display:flex;flex-direction:column;gap:4px}.affix[data-v-768e57da]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.transformer-preview[data-v-768e57da]{margin:0;font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.node-description[data-v-5d5107df]{margin:8px 0 0;font-size:12px;line-height:1.4;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.node-error[data-v-5d5107df]{margin:4px 0 0;font-size:12px;color:#ff6b6b}.inquirer-web-runtime[data-v-6fa4aa68]{padding:24px}.form-header[data-v-6fa4aa68]{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid transparent;border-bottom-color:#d8e0ef;border-bottom-color:var(--ag-border-light, #d8e0ef)}.form-title[data-v-6fa4aa68]{margin:0 0 8px;font-size:24px;font-weight:600;color:#0f1d32;color:var(--ag-text-primary, #0f1d32)}.form-description[data-v-6fa4aa68]{margin:0;font-size:14px;line-height:1.5;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.form-content[data-v-6fa4aa68]{padding:16px 24px 0 0}.runtime-empty[data-v-6fa4aa68]{padding:40px;text-align:center;color:#5a6578;color:var(--ag-text-tertiary, #5a6578);font-size:14px}.inquirer-demo[data-v-5dae1a4e]{width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - var(--vp-nav-height, 64px));background:color-mix(in srgb,#fff 65%,var(--ag-bg-primary, #eef2f8));padding:24px}.inquirer-demo[data-v-5dae1a4e]>*{margin:0 auto;width:100%}.callout-panel[data-v-5dae1a4e],.demo-workspace[data-v-5dae1a4e]{border-radius:24px;background:#fff;border:1px solid color-mix(in srgb,var(--ag-border-color, #b7c2d7) 30%,transparent);box-shadow:0 24px 70px #0f172a0d}.callout-panel[data-v-5dae1a4e]{padding:24px;display:flex;flex-direction:column;gap:16px}.callout-header[data-v-5dae1a4e]{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.callout-title[data-v-5dae1a4e]{display:flex;align-items:center;gap:12px}.title-icon[data-v-5dae1a4e]{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 12%,#f2f5fb);color:var(--ag-primary-color, #0f6cbd);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.callout-header h1[data-v-5dae1a4e]{margin:0 0 4px;font-size:24px}.callout-header p[data-v-5dae1a4e]{margin:0;font-size:14px;line-height:1.6;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.callout-actions[data-v-5dae1a4e]{display:flex;flex-wrap:wrap;gap:8px}.callout-actions button[data-v-5dae1a4e]{padding:10px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ag-border-color, #b7c2d7) 35%,transparent);background:color-mix(in srgb,var(--ag-bg-secondary, #f9fbfd) 80%,#fff);cursor:pointer;font-weight:500;font-size:14px;color:var(--ag-text-primary, #0f1d32);display:inline-flex;align-items:center;gap:4px;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}.callout-actions button[data-v-5dae1a4e]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 40%,transparent);background:#fff;box-shadow:0 12px 24px #0f172a14}.callout-controls header[data-v-5dae1a4e]{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.callout-controls ul[data-v-5dae1a4e]{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.callout-controls li[data-v-5dae1a4e]{display:flex;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#f5f7fb;border:1px solid rgba(15,23,42,.05)}.callout-controls .type[data-v-5dae1a4e]{font-weight:600}.callout-controls .meta[data-v-5dae1a4e]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.demo-workspace[data-v-5dae1a4e]{padding:24px;display:flex;flex-direction:column;gap:24px;flex:1;min-height:0}.workspace-tabs[data-v-5dae1a4e]{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:color-mix(in srgb,var(--ag-bg-secondary, #f9fbfd) 85%,#fff);border-radius:18px;border:1px solid color-mix(in srgb,var(--ag-border-light, #d8e0ef) 80%,transparent)}.tab-item[data-v-5dae1a4e]{flex:1 1 200px;border:none;border-radius:14px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;text-align:left;transition:background .2s,box-shadow .2s,color .2s}.tab-item span[data-v-5dae1a4e]{font-weight:600;font-size:15px}.tab-item small[data-v-5dae1a4e]{font-size:12px;color:#2e3a4e;color:var(--ag-text-secondary, #2e3a4e)}.tab-item.active[data-v-5dae1a4e]{background:#eef2f8;background:var(--ag-bg-primary, #eef2f8);box-shadow:0 10px 30px #0f172a14;color:#0f1d32;color:var(--ag-text-primary, #0f1d32)}.workspace-panel[data-v-5dae1a4e]{border-radius:20px;background:#fff;border:1px solid color-mix(in srgb,var(--ag-border-color, #b7c2d7) 25%,transparent);box-shadow:0 16px 46px #0f172a0f;min-height:0}.designer-panel[data-v-5dae1a4e]{flex:1;display:flex;min-height:0}.designer-panel[data-v-5dae1a4e] .designer-shell{flex:1;min-height:0;height:100%}.panel-header[data-v-5dae1a4e]{display:flex;align-items:center;gap:12px;margin:16px;flex-wrap:wrap}.panel-header h2[data-v-5dae1a4e]{margin:0}.panel-header small[data-v-5dae1a4e]{font-size:12px;color:#5a6578;color:var(--ag-text-tertiary, #5a6578)}.panel-header .btn-copy[data-v-5dae1a4e]{margin-left:auto;padding:6px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 35%,transparent);background:transparent;cursor:pointer;color:var(--ag-primary-color, #0f6cbd);font-weight:600;transition:background .2s,color .2s,border-color .2s}.panel-header .btn-copy[data-v-5dae1a4e]:hover{background:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 10%,#fff);border-color:color-mix(in srgb,var(--ag-primary-color, #0f6cbd) 50%,transparent)}.runtime-json[data-v-5dae1a4e]{margin-top:16px}.runtime-json header[data-v-5dae1a4e]{font-size:13px;font-weight:600;margin-bottom:8px}.runtime-json pre[data-v-5dae1a4e]{margin:0;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--ag-bg-secondary, #f9fbfd) 85%,#fff);color:var(--ag-text-primary, #0f1d32);border:1px solid color-mix(in srgb,var(--ag-border-light, #d8e0ef) 80%,transparent);max-height:240px;overflow:auto}.json-viewer[data-v-5dae1a4e]{margin:0;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--ag-bg-secondary, #f9fbfd) 85%,#fff);color:var(--ag-text-primary, #0f1d32);max-height:360px;overflow:auto;border:1px solid color-mix(in srgb,var(--ag-border-light, #d8e0ef) 80%,transparent)}.code-snippet[data-v-5dae1a4e]{margin-top:16px}.code-snippet header[data-v-5dae1a4e]{font-size:13px;font-weight:600;margin-bottom:8px}.code-snippet pre[data-v-5dae1a4e]{margin:0;padding:12px;border-radius:14px;background:#111827;color:#caf0f8;font-size:13px;overflow:auto}@media(max-width:960px){.inquirer-demo[data-v-5dae1a4e]{padding:16px}.workspace-tabs[data-v-5dae1a4e]{flex-direction:column}.tab-item[data-v-5dae1a4e]{width:100%}}