@quicktvui/ai 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/rules/.claude/commands/create-page.md +1 -1
  3. package/rules/.clinerules +2 -2
  4. package/rules/.cursorrules +2 -2
  5. package/rules/.docs/zh-CN/css/layout/display.md +2 -1
  6. package/rules/.docs/zh-CN/guide/layout/layout.md +1 -1
  7. package/rules/.github/copilot-instructions.md +2 -2
  8. package/rules/.windsurfrules +2 -2
  9. package/rules/AGENTS.md +2 -2
  10. package/rules/CLAUDE.md +3 -3
  11. package/rules/GEMINI.md +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quicktvui/ai",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "QuickTVUI AI 开发规范与脚手架注入工具",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/rules/.claude/commands/create-page.md CHANGED
@@ -12,7 +12,7 @@
12
12
  - 子元素跟随焦点状态：`:duplicateParentState="true"`
13
13
  - 文字用 `<span>` 或 `<qt-text>` 包裹
14
14
  - 所有元素显式指定 width/height（px）
15
- - 不用写 `display: flex`，默认就是 flex，默认 flex-direction: column
15
+ - 必须声明 `display: flex;`，QuickTVUI 仅支持 flex 布局，默认 flex-direction: column
16
16
  - 不支持 %、auto、vh/vw、grid、动画、阴影、CSS 简写属性
17
17
  - 横向列表用 `<ul :horizontal="true">`
18
18
  - 设置 border 必须同时设置 border-color
package/rules/.clinerules CHANGED
@@ -126,7 +126,7 @@ Other CSS rules:
126
126
  - **CRITICAL: Static styles MUST be in `<style>` (kebab-case), Dynamic styles MUST be in `:style` attributes.**
127
127
  - **CRITICAL: NO `-webkit-font-smoothing: antialiased;`**. This is not supported.
128
128
  - **CRITICAL: ONLY use `div` and `span` for standard tags.** Do NOT use `p`, `h1-h6`, `section`, etc.
129
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
129
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
130
130
  - Only use properties listed in "Supported Style Properties" section below
131
131
  - Do NOT use `<style scoped>` (unreliable in native rendering)
132
132
  - Only `px` units (no %, auto, vh, vw, rem, em). No CSS shorthand.
@@ -174,7 +174,7 @@ Other CSS rules:
174
174
 
175
175
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
176
176
 
177
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
177
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
178
178
 
179
179
  ### Layout & Size
180
180
  `width`, `height`, `left`, `top`, `overflow`, `direction`, `z-index`, `visibility`, `opacity`, `transform`
package/rules/.cursorrules CHANGED
@@ -126,7 +126,7 @@ Other CSS rules:
126
126
  - **CRITICAL: Static styles MUST be in `<style>` (kebab-case), Dynamic styles MUST be in `:style` attributes.**
127
127
  - **CRITICAL: NO `-webkit-font-smoothing: antialiased;`**. This is not supported.
128
128
  - **CRITICAL: ONLY use `div` and `span` for standard tags.** Do NOT use `p`, `h1-h6`, `section`, etc.
129
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
129
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
130
130
  - Only use properties listed in "Supported Style Properties" section below
131
131
  - Do NOT use `<style scoped>` (unreliable in native rendering)
132
132
  - Only `px` units (no %, auto, vh, vw, rem, em). No CSS shorthand.
@@ -174,7 +174,7 @@ Other CSS rules:
174
174
 
175
175
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
176
176
 
177
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
177
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
178
178
 
179
179
  ### Layout & Size
180
180
  `width`, `height`, `left`, `top`, `overflow`, `direction`, `z-index`, `visibility`, `opacity`, `transform`
package/rules/.docs/zh-CN/css/layout/display.md CHANGED
@@ -5,7 +5,8 @@ lang: zh-CN
5
5
 
6
6
  # display
7
7
 
8
- QuickTVUI 默认采用 Flex 布局。同时，因为仅支持 Flex 布局，所以不需要手写 `display: flex` 即可使用。
8
+ QuickTVUI 默认采用 Flex 布局。同时， 因为仅支持 Flex 布局，所以必须手写 `display: flex` 才能生效。
9
+
9
10
 
10
11
  | Name | Description | Type | Default |
11
12
  |--------------------|------------------|------------------------------| ------- |
package/rules/.docs/zh-CN/guide/layout/layout.md CHANGED
@@ -28,7 +28,7 @@ lang: zh-CN
28
28
  ## 布局（Flex）
29
29
 
30
30
  默认采用现在移动端最流行的 `Flex` 布局。
31
- 因为仅支持 `Flex` 布局，所以不需要手写 `display: flex` 即可使用。
31
+ 因为仅支持 `Flex` 布局，所以必须手写 `display: flex` 才能生效。
32
32
  `Flex` 布局与 `Web` 的 `Flex` 类似，它们都旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。
33
33
  `Flex` 规定了弹性元素如何伸长或缩短，以适应`flex容器`中的可用空间。
34
34
 
package/rules/.github/copilot-instructions.md CHANGED
@@ -133,7 +133,7 @@ Other CSS rules:
133
133
  - **CRITICAL: Static styles MUST be in `<style>` (kebab-case), Dynamic styles MUST be in `:style` attributes.**
134
134
  - **CRITICAL: NO `-webkit-font-smoothing: antialiased;`**. This is not supported.
135
135
  - **CRITICAL: ONLY use `div` and `span` for standard tags.** Do NOT use `p`, `h1-h6`, `section`, etc.
136
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
136
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
137
137
  - Only use properties listed in "Supported Style Properties" section below
138
138
  - Do NOT use `<style scoped>` (unreliable in native rendering)
139
139
  - Only `px` units (no %, auto, vh, vw, rem, em). No CSS shorthand.
@@ -166,7 +166,7 @@ Android clips child views outside parent bounds by default. When using `focusSca
166
166
 
167
167
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
168
168
 
169
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
169
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
170
170
 
171
171
  ### Layout & Size
172
172
 
package/rules/.windsurfrules CHANGED
@@ -126,7 +126,7 @@ Other CSS rules:
126
126
  - **CRITICAL: Static styles MUST be in `<style>` (kebab-case), Dynamic styles MUST be in `:style` attributes.**
127
127
  - **CRITICAL: NO `-webkit-font-smoothing: antialiased;`**. This is not supported.
128
128
  - **CRITICAL: ONLY use `div` and `span` for standard tags.** Do NOT use `p`, `h1-h6`, `section`, etc.
129
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
129
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
130
130
  - Only use properties listed in "Supported Style Properties" section below
131
131
  - Do NOT use `<style scoped>` (unreliable in native rendering)
132
132
  - Only `px` units (no %, auto, vh, vw, rem, em). No CSS shorthand.
@@ -174,7 +174,7 @@ Other CSS rules:
174
174
 
175
175
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
176
176
 
177
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
177
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
178
178
 
179
179
  ### Layout & Size
180
180
  `width`, `height`, `left`, `top`, `overflow`, `direction`, `z-index`, `visibility`, `opacity`, `transform`
package/rules/AGENTS.md CHANGED
@@ -133,7 +133,7 @@ CORRECT — `<template>` tag attributes use camelCase:
133
133
 
134
134
  Other CSS rules:
135
135
 
136
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
136
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
137
137
  - Only use properties listed in "Supported Style Properties" section below
138
138
  - Do NOT use `<style scoped>` (unreliable in native rendering)
139
139
  - Only `px` units (no %, auto, vh, vw, rem, em). No CSS shorthand.
@@ -186,7 +186,7 @@ Android clips child views outside parent bounds by default. When using `focusSca
186
186
 
187
187
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
188
188
 
189
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
189
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
190
190
 
191
191
  ### Layout & Size
192
192
 
package/rules/CLAUDE.md CHANGED
@@ -151,9 +151,9 @@ https://quicktvui.com
151
151
  - **CRITICAL: Static styles MUST be in `<style>` (kebab-case), Dynamic styles MUST be in `:style` attributes.**
152
152
  - **CRITICAL: NO `-webkit-font-smoothing: antialiased;`**. This is not supported.
153
153
  - **CRITICAL: ONLY use `div` and `span` for standard tags.** Do NOT use `p`, `h1-h6`, `section`, etc.
154
- - **⚠️ 强制要求：默认布局为 `flex-direction: column`**。与 Web 浏览器不同，QuickTVUI 默认就是垂直布局。你几乎不需要写 `display: flex`。
154
+ - **⚠️ 强制要求：必须声明 `display: flex;`**。QuickTVUI 仅支持 Flexbox 布局，所有样式化的元素必须显式包含 `display: flex;`。默认布局方向为 `flex-direction: column;`。
155
155
  - 只有本文档"二、样式属性"章节中列出的属性才能使用
156
- - `display: flex` 和 `flex-direction: column` 是支持的，但它们是默认值，通常不需要写
156
+ - `display: flex` 和 `flex-direction: column` 是强制要求的。
157
157
  - 不要用 `<style scoped>`（在原生渲染中不可靠，直接用 `<style>`）
158
158
  - 不支持 `%`、`auto`、`vh`、`vw`、`rem`、`em` 单位，只支持 `px`
159
159
  - 不支持 CSS 简写如 `margin: 5px 10px`，必须拆写为 `margin-top: 5px; margin-right: 10px`
@@ -286,7 +286,7 @@ QuickTVUI 的样式是 Web CSS 的子集，默认 Flexbox 布局，默认 flex-d
286
286
  - 只支持 px 单位（不支持 %、auto、vh/vw/rem/em）
287
287
  - 不支持 CSS 简写属性（如 `margin: 5px 10px`，必须拆写）
288
288
  - 不支持 CSS 变量 `var(--xxx)`、`!important`
289
- - 不需要写 `display: flex`（默认就是）
289
+ - **强制要求：必须声明 `display: flex;`**
290
290
  - 所有元素必须显式指定 width 和 height
291
291
  - 文字必须用 `<span>` 或 `<qt-text>` 包裹
292
292
 
package/rules/GEMINI.md CHANGED
@@ -136,9 +136,9 @@ CORRECT — `<template>` tag attributes use camelCase:
136
136
 
137
137
  Other CSS rules:
138
138
 
139
- - **CRITICAL: DEFAULT LAYOUT IS `flex-direction: column`**. Unlike web browsers, QuickTVUI defaults to vertical layout. You rarely need to specify `display: flex`.
139
+ - **CRITICAL: MANDATORY `display: flex;`**. QuickTVUI exclusively supports Flexbox layout. Every styled element MUST explicitly include `display: flex;`. The default orientation is `flex-direction: column;`.
140
140
  - Only use properties listed in "Supported Style Properties" section below
141
- - `display: flex` and `flex-direction: column` are supported but are defaults, usually unnecessary
141
+ - `display: flex` and `flex-direction: column` are supported and MANDATORY for all layouts.
142
142
  - Do NOT use `<style scoped>` (unreliable in native rendering, use `<style>` only)
143
143
  - Only `px` units (no %, auto, vh, vw, rem, em)
144
144
  - No CSS shorthand like `margin: 5px 10px` — must split: `margin-top: 5px; margin-right: 10px`
@@ -191,7 +191,7 @@ Android clips child views outside parent bounds by default. When using `focusSca
191
191
 
192
192
  Only properties listed below are supported. Default layout: flexbox, flex-direction: column.
193
193
 
194
- Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. No `display: flex` needed. All elements MUST have explicit width/height.
194
+ Rules: px units only (no %, auto, vh/vw/rem/em). No CSS shorthand. No CSS variables. MANDATORY `display: flex;` for all elements. All elements MUST have explicit width/height.
195
195
 
196
196
  ### Layout & Size
197
197