From 493668ca88649f9ff9cc828fb04cade73c36ccc3 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Tue, 28 Oct 2025 15:46:10 +0800
Subject: [PATCH] =?UTF-8?q?fix(doc):=20=E7=BB=99setup=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E7=9A=84template=EF=BC=8Cctx=EF=BC=8Cschema=E5=8F=98=E9=87=8F?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=91=BD=E5=90=8D=E7=A9=BA=E9=97=B4=E5=89=8D?=
 =?UTF-8?q?=E7=BC=80=EF=BC=8C=E8=A7=A3=E5=86=B3=E7=BC=96=E8=AF=91=E5=90=8E?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E8=8E=B7=E5=8F=96=5Fctx=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/docs/plugins/injectDemoAndApi.ts     |  2 +-
 .../badge/__docs__/__case__/BadgeUsage.vue    |  6 ++---
 .../src/button/__docs__/__case__/BtnUsage.vue |  6 ++---
 .../src/card/__docs__/__case__/CardUsage.vue  |  6 ++---
 .../__docs__/__case__/CarouselUsage.vue       |  6 ++---
 .../__docs__/__case__/CascaderUsage.vue       |  6 ++---
 .../__docs__/__case__/CheckboxUsage.vue       |  6 ++---
 .../__docs__/__case__/DialogSizeUsage.vue     | 12 ++++-----
 .../__docs__/__case__/DividerUsage.vue        |  6 ++---
 .../__docs__/__case__/DropdownUsage.vue       |  6 ++---
 .../figure/__docs__/__case__/FigureUsage.vue  | 24 ++++++++---------
 .../src/form/__docs__/__case__/FormUsage.vue  |  6 ++---
 .../input/__docs__/__case__/InputUsage.vue    |  6 ++---
 .../layer/__docs__/__case__/LayerUsage.vue    |  8 +++---
 .../src/link/__docs__/__case__/LinkUsage.vue  |  6 ++---
 .../__docs__/__case__/MessageUsage.vue        |  6 ++---
 .../__docs__/__case__/PaginationUsage.vue     | 26 +++++++++----------
 .../__docs__/__case__/PopoverUsage.vue        |  6 ++---
 .../popup/__docs__/__case__/PopupUsage.vue    |  6 ++---
 .../__docs__/__case__/ProgressUsage.vue       |  6 ++---
 .../radio/__docs__/__case__/RadioUsage.vue    |  6 ++---
 .../src/rate/__docs__/__case__/RateUsage.vue  |  6 ++---
 .../result/__docs__/__case__/ResultUsage.vue  |  6 ++---
 .../select/__docs__/__case__/SelectUsage.vue  |  6 ++---
 .../__docs__/__case__/SkeletonUsage.vue       |  6 ++---
 .../src/tab/__docs__/__case__/TabUsage.vue    |  6 ++---
 .../src/tag/__docs__/__case__/TagUsage.vue    |  6 ++---
 .../__docs__/__case__/TextareaUsage.vue       |  6 ++---
 .../__docs__/__case__/VirtualListUsage.vue    |  6 ++---
 29 files changed, 108 insertions(+), 108 deletions(-)

diff --git a/packages/docs/plugins/injectDemoAndApi.ts b/packages/docs/plugins/injectDemoAndApi.ts
index d122393b0..cd9ede937 100644
--- a/packages/docs/plugins/injectDemoAndApi.ts
+++ b/packages/docs/plugins/injectDemoAndApi.ts
@@ -105,7 +105,7 @@ const transformVueDemo = (code: string, id: string, mode: 'dev' | 'build' | 'unk
   }
   const docsJson = `{${imported.map((item) => `'${item.lang}': ${item.default}`).join(',')}}`;
   // 补充 usage 的 vue 文件的 template 块
-  const template = `<template><DemoUsage :schema="_schema" :ctx="_ctx" :template="_template" :docs="${docsJson}" :style="_style" :active-themes='${JSON.stringify(activeThemes)}' /></template>`;
+  const template = `<template><DemoUsage :schema="_oSchema" :ctx="_oCtx" :template="_oTemplate" :docs="${docsJson}" :style="_style" :active-themes='${JSON.stringify(activeThemes)}' /></template>`;
   return `${[...customBlocks, scriptSetup, ...styles]
     .filter(Boolean)
     .map((block) => {
diff --git a/packages/opendesign/src/badge/__docs__/__case__/BadgeUsage.vue b/packages/opendesign/src/badge/__docs__/__case__/BadgeUsage.vue
index a0af9a378..c12258fdf 100644
--- a/packages/opendesign/src/badge/__docs__/__case__/BadgeUsage.vue
+++ b/packages/opendesign/src/badge/__docs__/__case__/BadgeUsage.vue
@@ -27,7 +27,7 @@ The badge can set an offset position using the `offset` property.
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   value: {
     type: 'string',
     default: '100',
@@ -56,7 +56,7 @@ const _schema = {
 } satisfies Record<string, DocDemoSchema>;
 
 const NUMBER_REGEXP = /^\d+$/;
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { offsetX, offsetY, value } = props;
   const isNumber = NUMBER_REGEXP.test(value);
 
@@ -70,5 +70,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
 </OBadge>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/button/__docs__/__case__/BtnUsage.vue b/packages/opendesign/src/button/__docs__/__case__/BtnUsage.vue
index 84637fae7..68d242071 100644
--- a/packages/opendesign/src/button/__docs__/__case__/BtnUsage.vue
+++ b/packages/opendesign/src/button/__docs__/__case__/BtnUsage.vue
@@ -35,7 +35,7 @@ The button's radius can be set to half circle by setting `pill` to `true`, or to
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   color: {
     type: 'list',
     list: ['normal', 'primary', 'success', 'warning', 'danger'],
@@ -68,7 +68,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { 'icon(slot)': iconSlot, 'suffix(slot)': suffixSlot } = props;
   let innerHTML = '';
   if (iconSlot) {
@@ -81,5 +81,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   return `<OButton ${propsToAttrStr(props, ['icon(slot)', 'suffix(slot)'])}>${innerHTML}\n</OButton>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/card/__docs__/__case__/CardUsage.vue b/packages/opendesign/src/card/__docs__/__case__/CardUsage.vue
index 157edde54..39166f279 100644
--- a/packages/opendesign/src/card/__docs__/__case__/CardUsage.vue
+++ b/packages/opendesign/src/card/__docs__/__case__/CardUsage.vue
@@ -68,7 +68,7 @@ import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 const LOREM =
   'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
 
-const _schema = {
+const _oSchema = {
   layout: {
     type: 'list',
     default: 'v',
@@ -125,7 +125,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { coverOrIcon, titleRow, detailRow } = props;
   let attrs = '';
   if (coverOrIcon === 'Cover') {
@@ -144,5 +144,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   return `<OCard ${propsToAttrStr(props, ['coverOrIcon', 'titleRow', 'detailRow'])}${attrs} />`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/carousel/__docs__/__case__/CarouselUsage.vue b/packages/opendesign/src/carousel/__docs__/__case__/CarouselUsage.vue
index b6fd6ec2d..601bb4aa6 100644
--- a/packages/opendesign/src/carousel/__docs__/__case__/CarouselUsage.vue
+++ b/packages/opendesign/src/carousel/__docs__/__case__/CarouselUsage.vue
@@ -79,7 +79,7 @@ Others:
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoTemplate, DocDemoSchema } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   effect: {
     type: 'list',
     list: ['gallery', 'toggle'] as const,
@@ -117,7 +117,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { effect } = props;
   return `
 <OCarousel ${propsToAttrStr(props)} class="carousel-doc-usage">
@@ -128,7 +128,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
 `;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
 
 <style lang="scss">
diff --git a/packages/opendesign/src/cascader/__docs__/__case__/CascaderUsage.vue b/packages/opendesign/src/cascader/__docs__/__case__/CascaderUsage.vue
index 7566fcc87..0fc696273 100644
--- a/packages/opendesign/src/cascader/__docs__/__case__/CascaderUsage.vue
+++ b/packages/opendesign/src/cascader/__docs__/__case__/CascaderUsage.vue
@@ -88,7 +88,7 @@ import { reactive } from 'vue';
 import { DocDemoTemplate, DocDemoSchema } from '../../../_demo/types';
 import { propsToAttrStr } from '../../../_demo/utils';
 
-const _schema = {
+const _oSchema = {
   pathMode: {
     type: 'boolean',
     default: false,
@@ -112,7 +112,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _ctx = reactive({
+const _oCtx = reactive({
   modelValue: '' as string | number | Array<string | number>,
   options: [
     {
@@ -155,7 +155,7 @@ const _ctx = reactive({
     },
   ],
 });
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `
 <OCascader
   v-model="ctx.modelValue"
diff --git a/packages/opendesign/src/checkbox/__docs__/__case__/CheckboxUsage.vue b/packages/opendesign/src/checkbox/__docs__/__case__/CheckboxUsage.vue
index 914d893e3..4fd6c2415 100644
--- a/packages/opendesign/src/checkbox/__docs__/__case__/CheckboxUsage.vue
+++ b/packages/opendesign/src/checkbox/__docs__/__case__/CheckboxUsage.vue
@@ -28,7 +28,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   value: {
     type: 'string',
     default: 'apple',
@@ -43,11 +43,11 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _ctx = reactive({
+const _oCtx = reactive({
   modelValue: [],
 });
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `
 <OCheckbox
   v-model="ctx.modelValue"
diff --git a/packages/opendesign/src/dialog/__docs__/__case__/DialogSizeUsage.vue b/packages/opendesign/src/dialog/__docs__/__case__/DialogSizeUsage.vue
index d8a9dfa54..ef42c9cd3 100644
--- a/packages/opendesign/src/dialog/__docs__/__case__/DialogSizeUsage.vue
+++ b/packages/opendesign/src/dialog/__docs__/__case__/DialogSizeUsage.vue
@@ -63,7 +63,7 @@ import { reactive, markRaw } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = reactive({
+const _oSchema = reactive({
   size: {
     type: 'list',
     list: ['exlarge', 'large', 'medium', 'small', 'auto'],
@@ -80,18 +80,18 @@ const _schema = reactive({
   },
 }) satisfies Record<string, DocDemoSchema>;
 
-const _ctx = reactive({
+const _oCtx = reactive({
   visible: false,
   openDialog: markRaw(() => {
-    _ctx.visible = true;
+    _oCtx.visible = true;
   }),
 });
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   if (props.phoneHalfFull) {
     props.noResponsive = false;
-    _schema.noResponsive.disabled = true;
+    _oSchema.noResponsive.disabled = true;
   } else {
-    _schema.noResponsive.disabled = false;
+    _oSchema.noResponsive.disabled = false;
   }
   return `
 <OButton @click="ctx.openDialog">Open Dialog</OButton>
diff --git a/packages/opendesign/src/divider/__docs__/__case__/DividerUsage.vue b/packages/opendesign/src/divider/__docs__/__case__/DividerUsage.vue
index 4c9425ce7..0df42a353 100644
--- a/packages/opendesign/src/divider/__docs__/__case__/DividerUsage.vue
+++ b/packages/opendesign/src/divider/__docs__/__case__/DividerUsage.vue
@@ -52,7 +52,7 @@
 import { propsToAttrStr, escapeHTML } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   variant: {
     type: 'list',
     list: ['solid', 'dashed', 'dotted'],
@@ -78,9 +78,9 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => `
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => `
 <ODivider ${propsToAttrStr(props, ['label'])}>${escapeHTML(props.label)}</ODivider>
 `;
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
index b5a1d8ce3..f06c04df9 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
@@ -19,7 +19,7 @@ Drop-down option position: `top`、`tl`、`tr`、`bottom`、`bl`、`br`、`left`
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   size: { type: 'list', list: ['large', 'medium'] },
   trigger: {
     type: 'list',
@@ -55,7 +55,7 @@ const createTemplate = (arr: any[] = []) => {
     .join('\n');
   return res;
 };
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<ODropdown ${propsToAttrStr(props)} style="width:fit-content;"> 
   <OButton>Dropdown</OButton>
   <template #dropdown>
@@ -64,5 +64,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   </ODropdown>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/figure/__docs__/__case__/FigureUsage.vue b/packages/opendesign/src/figure/__docs__/__case__/FigureUsage.vue
index fe6e5bc4e..9f24425cc 100644
--- a/packages/opendesign/src/figure/__docs__/__case__/FigureUsage.vue
+++ b/packages/opendesign/src/figure/__docs__/__case__/FigureUsage.vue
@@ -114,7 +114,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = reactive({
+const _oSchema = reactive({
   setRatio: {
     type: 'boolean',
     default: true,
@@ -161,20 +161,20 @@ const _schema = reactive({
   },
 }) satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   if (props.background) {
-    _schema.fit.list = ['none', 'cover', 'contain', '80% auto'];
+    _oSchema.fit.list = ['none', 'cover', 'contain', '80% auto'];
   } else {
-    _schema.fit.list = ['cover', 'contain', 'fill', 'none', 'scale-down'];
+    _oSchema.fit.list = ['cover', 'contain', 'fill', 'none', 'scale-down'];
   }
   const mutuallyExclusiveKeys = ['preview', 'href'] as const;
-  const excludeProps: (keyof typeof _schema)[] = ['href', 'setRatio', 'height'];
+  const excludeProps: (keyof typeof _oSchema)[] = ['href', 'setRatio', 'height'];
   for (const key of mutuallyExclusiveKeys) {
-    (_schema[key] as any).disabled = false;
+    (_oSchema[key] as any).disabled = false;
     if (props[key]) {
       mutuallyExclusiveKeys.forEach((k) => {
         if (k !== key) {
-          (_schema[k] as any).disabled = true;
+          (_oSchema[k] as any).disabled = true;
           props[k] = false;
         }
       });
@@ -183,12 +183,12 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   }
   let styleStr = '';
   if (props.setRatio) {
-    _schema.ratio.disabled = false;
-    _schema.height.disabled = true;
+    _oSchema.ratio.disabled = false;
+    _oSchema.height.disabled = true;
     styleStr = 'style="width: 100%;"';
   } else {
-    _schema.ratio.disabled = true;
-    _schema.height.disabled = false;
+    _oSchema.ratio.disabled = true;
+    _oSchema.height.disabled = false;
     excludeProps.push('ratio');
     styleStr = `style="height: ${props.height}px;`;
     if (props.background) {
@@ -200,5 +200,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   return `<OFigure ${hrefTemplate} src="/card-cover.jpg" ${propsToAttrStr(props, excludeProps)} ${styleStr} />`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/form/__docs__/__case__/FormUsage.vue b/packages/opendesign/src/form/__docs__/__case__/FormUsage.vue
index 7fbed2dab..1f3fb4e04 100644
--- a/packages/opendesign/src/form/__docs__/__case__/FormUsage.vue
+++ b/packages/opendesign/src/form/__docs__/__case__/FormUsage.vue
@@ -59,7 +59,7 @@ Currently, the form items supported by `OForm` include `OInput`, `OInputNumber`,
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   layout: {
     type: 'list',
     list: ['h', 'v', 'inline'],
@@ -81,7 +81,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `
 <div>
   <OForm has-required ${propsToAttrStr(props)}>
@@ -100,7 +100,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
 </div>`;
 };
 
-const _ctx = {
+const _oCtx = {
   options: [
     { label: 'option 1', value: 'opt1' },
     { label: 'long long long long long long long long long long long long text option 2', value: 'opt2' },
diff --git a/packages/opendesign/src/input/__docs__/__case__/InputUsage.vue b/packages/opendesign/src/input/__docs__/__case__/InputUsage.vue
index 2cd1fa218..28faf69df 100644
--- a/packages/opendesign/src/input/__docs__/__case__/InputUsage.vue
+++ b/packages/opendesign/src/input/__docs__/__case__/InputUsage.vue
@@ -32,7 +32,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   placeholder: {
     type: 'string',
     default: '请输入...',
@@ -65,12 +65,12 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<OInput v-model="ctx.inputVal"  ${propsToAttrStr(props)} /> 
     <div class="doc-input-text-wrap"><span>输入的值：</span>{{ctx.inputVal}}</div>`;
 };
 
-const _ctx = reactive({
+const _oCtx = reactive({
   inputVal: '',
 });
 </script>
diff --git a/packages/opendesign/src/layer/__docs__/__case__/LayerUsage.vue b/packages/opendesign/src/layer/__docs__/__case__/LayerUsage.vue
index d118e5d6e..ab8684242 100644
--- a/packages/opendesign/src/layer/__docs__/__case__/LayerUsage.vue
+++ b/packages/opendesign/src/layer/__docs__/__case__/LayerUsage.vue
@@ -52,7 +52,7 @@ import { reactive, markRaw } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   transitionOrign: {
     type: 'list',
     list: ['mouse', 'css'],
@@ -82,7 +82,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { wrapper } = props;
   return `
 <div class="layer-doc-usage">
@@ -96,10 +96,10 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
 </div>
 `;
 };
-const _ctx = reactive({
+const _oCtx = reactive({
   visible: false,
   handleClick: markRaw(() => {
-    _ctx.visible = true;
+    _oCtx.visible = true;
   }),
 });
 </script>
diff --git a/packages/opendesign/src/link/__docs__/__case__/LinkUsage.vue b/packages/opendesign/src/link/__docs__/__case__/LinkUsage.vue
index 096e6425e..baa2cf8dc 100644
--- a/packages/opendesign/src/link/__docs__/__case__/LinkUsage.vue
+++ b/packages/opendesign/src/link/__docs__/__case__/LinkUsage.vue
@@ -31,7 +31,7 @@ Loading state: `loading`;
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   href: {
     type: 'string',
     default: '#使用',
@@ -69,7 +69,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { 'icon(slot)': iconSlot, 'suffix(slot)': suffixSlot } = props;
   let innerHTML = '';
   if (iconSlot) {
@@ -82,5 +82,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   return `<OLink style="display:flex;align-items:center;width:fit-content" ${propsToAttrStr(props, ['icon(slot)', 'suffix(slot)'])}>${innerHTML}\n</OLink>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/message/__docs__/__case__/MessageUsage.vue b/packages/opendesign/src/message/__docs__/__case__/MessageUsage.vue
index 1c06ea48e..6fe4abb5b 100644
--- a/packages/opendesign/src/message/__docs__/__case__/MessageUsage.vue
+++ b/packages/opendesign/src/message/__docs__/__case__/MessageUsage.vue
@@ -12,7 +12,7 @@
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 import { propsToAttrStr } from '../../../_demo/utils';
 
-const _schema = {
+const _oSchema = {
   status: {
     type: 'list',
     list: ['info', 'success', 'warning', 'danger', 'loading'],
@@ -28,9 +28,9 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<OMessage ${propsToAttrStr(props)}>${props.status}</OMessage>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/pagination/__docs__/__case__/PaginationUsage.vue b/packages/opendesign/src/pagination/__docs__/__case__/PaginationUsage.vue
index e5eb49153..bd67e97c0 100644
--- a/packages/opendesign/src/pagination/__docs__/__case__/PaginationUsage.vue
+++ b/packages/opendesign/src/pagination/__docs__/__case__/PaginationUsage.vue
@@ -49,7 +49,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = reactive({
+const _oSchema = reactive({
   variant: {
     type: 'list',
     list: ['outline', 'solid'],
@@ -89,14 +89,14 @@ const _schema = reactive({
   },
 }) satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   let layoutStr = '';
   if (props.simple) {
-    _schema.jumperCtrl.disabled = true;
-    _schema.pagesizeCtrl.disabled = true;
-    _schema.pagerCtrl.disabled = true;
-    _schema.totalLabel.disabled = true;
-    _schema.showPageCount.disabled = true;
+    _oSchema.jumperCtrl.disabled = true;
+    _oSchema.pagesizeCtrl.disabled = true;
+    _oSchema.pagerCtrl.disabled = true;
+    _oSchema.totalLabel.disabled = true;
+    _oSchema.showPageCount.disabled = true;
   } else {
     const layout: string[] = [];
     if (props.totalLabel) layout.push('total');
@@ -104,14 +104,14 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
     if (props.pagerCtrl) layout.push('pager');
     if (props.jumperCtrl) layout.push('jumper');
     layoutStr = ` :layout='${JSON.stringify(layout)}'`;
-    _schema.jumperCtrl.disabled = false;
-    _schema.pagesizeCtrl.disabled = false;
-    _schema.pagerCtrl.disabled = false;
-    _schema.totalLabel.disabled = false;
-    _schema.showPageCount.disabled = false;
+    _oSchema.jumperCtrl.disabled = false;
+    _oSchema.pagesizeCtrl.disabled = false;
+    _oSchema.pagerCtrl.disabled = false;
+    _oSchema.totalLabel.disabled = false;
+    _oSchema.showPageCount.disabled = false;
   }
   return `<OPagination :total="100" ${propsToAttrStr(props, ['jumperCtrl', 'pagerCtrl', 'pagesizeCtrl', 'totalLabel'])}${layoutStr} />`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/popover/__docs__/__case__/PopoverUsage.vue b/packages/opendesign/src/popover/__docs__/__case__/PopoverUsage.vue
index 510f0e5de..ceaf8da73 100644
--- a/packages/opendesign/src/popover/__docs__/__case__/PopoverUsage.vue
+++ b/packages/opendesign/src/popover/__docs__/__case__/PopoverUsage.vue
@@ -34,7 +34,7 @@ The `OPopover` component is essentially not much different from `OPopup`. The ma
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   position: {
     type: 'list',
     list: ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'],
@@ -67,7 +67,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<div class="demo-popover-usage-wrap">
             <OPopover class="demo-popover-usage" ${propsToAttrStr(props)}>
               <div>内容文本内容文本内容文本内容文本内容文本</div>
@@ -78,5 +78,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
           </div>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/popup/__docs__/__case__/PopupUsage.vue b/packages/opendesign/src/popup/__docs__/__case__/PopupUsage.vue
index eac941ee1..3d70a4585 100644
--- a/packages/opendesign/src/popup/__docs__/__case__/PopupUsage.vue
+++ b/packages/opendesign/src/popup/__docs__/__case__/PopupUsage.vue
@@ -43,7 +43,7 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   position: {
     type: 'list',
     list: ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'],
@@ -80,7 +80,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<div class="demo-popup-usage-wrap">
             <OPopup class="demo-popup-usage" wrapper=".demo-popup-usage-wrap" anchor-class="o-popover-anchor"  ${propsToAttrStr(props)}>
               <div>内容文本内容文本内容文本内容文本内容文本</div>
@@ -91,7 +91,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
           </div>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
 <style lang="scss">
 .demo-popup-usage-wrap {
diff --git a/packages/opendesign/src/progress/__docs__/__case__/ProgressUsage.vue b/packages/opendesign/src/progress/__docs__/__case__/ProgressUsage.vue
index 0117737ec..1a3809691 100644
--- a/packages/opendesign/src/progress/__docs__/__case__/ProgressUsage.vue
+++ b/packages/opendesign/src/progress/__docs__/__case__/ProgressUsage.vue
@@ -36,7 +36,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   variant: {
     type: 'list',
     list: ['line', 'circle'],
@@ -66,7 +66,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   const { 'icon(slot)': iconSlot, color } = props;
   let innerHTML = '';
   if (iconSlot && color === 'warning') {
@@ -78,7 +78,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   return `<OProgress  ${propsToAttrStr(props)} >${innerHTML}</OProgress>`;
 };
 
-const _ctx = reactive({
+const _oCtx = reactive({
   inputVal: '',
 });
 </script>
diff --git a/packages/opendesign/src/radio/__docs__/__case__/RadioUsage.vue b/packages/opendesign/src/radio/__docs__/__case__/RadioUsage.vue
index 7416a25fc..e940e457f 100644
--- a/packages/opendesign/src/radio/__docs__/__case__/RadioUsage.vue
+++ b/packages/opendesign/src/radio/__docs__/__case__/RadioUsage.vue
@@ -26,7 +26,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   value: {
     type: 'string',
     default: 'radio',
@@ -36,7 +36,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `  <div class="demo-radio-usage-wrap">
   <ORadio class="demo-radio-usage" v-model="ctx.radioVal" ${propsToAttrStr(props)} >Apple</ORadio>
     <div class="demo-radio-val">
@@ -45,7 +45,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   `;
 };
 
-const _ctx = reactive({
+const _oCtx = reactive({
   radioVal: '',
 });
 </script>
diff --git a/packages/opendesign/src/rate/__docs__/__case__/RateUsage.vue b/packages/opendesign/src/rate/__docs__/__case__/RateUsage.vue
index 555607ea0..7fbe7a8c1 100644
--- a/packages/opendesign/src/rate/__docs__/__case__/RateUsage.vue
+++ b/packages/opendesign/src/rate/__docs__/__case__/RateUsage.vue
@@ -12,7 +12,7 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   count: {
     type: 'number',
     default: 5,
@@ -41,9 +41,9 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => `
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => `
 <ORate ${propsToAttrStr(props)} :default-value="1"></ORate>
 `;
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/result/__docs__/__case__/ResultUsage.vue b/packages/opendesign/src/result/__docs__/__case__/ResultUsage.vue
index d9083f27b..cfa051c5e 100644
--- a/packages/opendesign/src/result/__docs__/__case__/ResultUsage.vue
+++ b/packages/opendesign/src/result/__docs__/__case__/ResultUsage.vue
@@ -19,7 +19,7 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   title: {
     type: 'string',
     default: '提交成功',
@@ -34,12 +34,12 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `  <div class="demo-result-usage-wrap">
   <OResult class="demo-result-usage" ${propsToAttrStr(props)} />
    </div>
   `;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/select/__docs__/__case__/SelectUsage.vue b/packages/opendesign/src/select/__docs__/__case__/SelectUsage.vue
index 79d709a51..925bc7f98 100644
--- a/packages/opendesign/src/select/__docs__/__case__/SelectUsage.vue
+++ b/packages/opendesign/src/select/__docs__/__case__/SelectUsage.vue
@@ -40,7 +40,7 @@ import { reactive } from 'vue';
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   placeholder: {
     type: 'string',
     default: '请选择',
@@ -101,7 +101,7 @@ const options = [
   { label: 'option 10', value: 'opt10' },
 ];
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `  <div class="demo-select-usage-wrap">
   <OSelect v-model=ctx.selectedVal class="demo-select-usage" option-title="选项标题"  ${propsToAttrStr(props)} :max-tag-count="2">
    <OOption v-for="item in ctx.options" :key="item.value" :label="item.label" :value="item.value" />
@@ -110,7 +110,7 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => {
   `;
 };
 
-const _ctx = reactive({
+const _oCtx = reactive({
   selectedVal: [],
   options,
 });
diff --git a/packages/opendesign/src/skeleton/__docs__/__case__/SkeletonUsage.vue b/packages/opendesign/src/skeleton/__docs__/__case__/SkeletonUsage.vue
index ad9bd276c..fd1aa1d41 100644
--- a/packages/opendesign/src/skeleton/__docs__/__case__/SkeletonUsage.vue
+++ b/packages/opendesign/src/skeleton/__docs__/__case__/SkeletonUsage.vue
@@ -21,7 +21,7 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   loading: {
     type: 'boolean',
     default: true,
@@ -35,11 +35,11 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => {
   return `<div class="demo-skeleton-usage-wrap">
             <OSkeleton  ${propsToAttrStr(props)} > Demo of Skeleton </OSkeleton>
           </div>`;
 };
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/tab/__docs__/__case__/TabUsage.vue b/packages/opendesign/src/tab/__docs__/__case__/TabUsage.vue
index 13014ea30..2441f0124 100644
--- a/packages/opendesign/src/tab/__docs__/__case__/TabUsage.vue
+++ b/packages/opendesign/src/tab/__docs__/__case__/TabUsage.vue
@@ -11,7 +11,7 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _schema = {
+const _oSchema = {
   variant: {
     type: 'list',
     list: ['text', 'solid'],
@@ -28,7 +28,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (props) => `
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (props) => `
 <OTab ${propsToAttrStr(props)}>
   <OTabPane label="Tab 1">Tab content 1</OTabPane>
   <OTabPane label="Tab 2">Tab content 2</OTabPane>
@@ -36,5 +36,5 @@ const _template: DocDemoTemplate<typeof _schema> = (props) => `
 </OTab>
 `;
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/tag/__docs__/__case__/TagUsage.vue b/packages/opendesign/src/tag/__docs__/__case__/TagUsage.vue
index 83a40252e..ef6a866e4 100644
--- a/packages/opendesign/src/tag/__docs__/__case__/TagUsage.vue
+++ b/packages/opendesign/src/tag/__docs__/__case__/TagUsage.vue
@@ -12,7 +12,7 @@ import { propsToAttrStr } from '../../../_demo/utils';
 import { ColorTypes, TagVariantTypes, TagSizeTypes } from '@opensig/opendesign';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types.ts';
 
-const _schema = {
+const _oSchema = {
   color: {
     type: 'list',
     list: ColorTypes,
@@ -35,12 +35,12 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (_props) => `
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (_props) => `
 <OTag ${propsToAttrStr(_props)}>
   <template #icon><OIconAdd /></template>
   Icon Tag
 </OTag>
 `;
 
-const _ctx = {};
+const _oCtx = {};
 </script>
diff --git a/packages/opendesign/src/textarea/__docs__/__case__/TextareaUsage.vue b/packages/opendesign/src/textarea/__docs__/__case__/TextareaUsage.vue
index 1ce818bab..9c2aa35b3 100644
--- a/packages/opendesign/src/textarea/__docs__/__case__/TextareaUsage.vue
+++ b/packages/opendesign/src/textarea/__docs__/__case__/TextareaUsage.vue
@@ -12,11 +12,11 @@ import { propsToAttrStr } from '../../../_demo/utils';
 import { reactive } from 'vue';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types.ts';
 
-const _ctx = reactive({
+const _oCtx = reactive({
   modelValue: 'this is value',
 });
 
-const _schema = {
+const _oSchema = {
   placeholder: {
     type: 'string',
     default: 'input something',
@@ -80,7 +80,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (_props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (_props) => {
   return `<OTextarea ${propsToAttrStr(_props)} v-model="ctx.modelValue"/>`;
 };
 </script>
diff --git a/packages/opendesign/src/virtual-list/__docs__/__case__/VirtualListUsage.vue b/packages/opendesign/src/virtual-list/__docs__/__case__/VirtualListUsage.vue
index ae05f660d..c154d082f 100644
--- a/packages/opendesign/src/virtual-list/__docs__/__case__/VirtualListUsage.vue
+++ b/packages/opendesign/src/virtual-list/__docs__/__case__/VirtualListUsage.vue
@@ -11,11 +11,11 @@
 import { propsToAttrStr } from '../../../_demo/utils';
 import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
 
-const _ctx = {
+const _oCtx = {
   list: new Array(100).fill(0).map((_, i) => ({ label: i + 1 })),
 };
 
-const _schema = {
+const _oSchema = {
   defaultStartIndex: {
     type: 'number',
     default: 10,
@@ -30,7 +30,7 @@ const _schema = {
   },
 } satisfies Record<string, DocDemoSchema>;
 
-const _template: DocDemoTemplate<typeof _schema> = (_props) => {
+const _oTemplate: DocDemoTemplate<typeof _oSchema> = (_props) => {
   return `<OVirtualList class="virtual-list-demo container" ${propsToAttrStr(_props)} :list="ctx.list">
   <template  #default="{ item, index }">
     <div :key="item.label" class="section" :class="\`item-\${index % 3}\`">
-- 
Gitee