From f9dfff80ece8c1f9e806c5c3981fae7ed157ff79 Mon Sep 17 00:00:00 2001 From: lingbopro Date: Mon, 7 Oct 2024 16:31:05 +0800 Subject: [PATCH] 0.7.0-patch.8 --- .github/workflows/Publish.yaml | 2 +- .vscodeignore | 1 + CHANGELOG.md | 1 + custom-data/components.css-data.json | 22 +++++++++++----------- custom-data/components.html-data.json | 8 ++++---- 5 files changed, 18 insertions(+), 16 deletions(-) diff --git a/.github/workflows/Publish.yaml b/.github/workflows/Publish.yaml index 2507ac6..74e26ac 100644 --- a/.github/workflows/Publish.yaml +++ b/.github/workflows/Publish.yaml @@ -36,7 +36,7 @@ jobs: echo "extensionFileName=soberjs-vscode-${{ needs.build.outputs.extension-version }}.vsix >> $GITUHB_ENV" - name: Publish to Visual Studio Marketplace uses: HaaLeo/publish-vscode-extension@v1 - if: ${{ ! inputs.prerelease}} + if: ${{ ! inputs.prerelease }} with: pat: ${{ secrets.AZURE_TOKEN }} registryUrl: https://marketplace.visualstudio.com diff --git a/.vscodeignore b/.vscodeignore index 8279531..61bdd9e 100644 --- a/.vscodeignore +++ b/.vscodeignore @@ -5,4 +5,5 @@ out/** docs/** .gitignore .gitattributes +.prettierrc CONTRIBUTING.md \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 97089fe..6a22fa8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ - 增加 Menu 组件 - 补充了 Popup Menu Item 组件 - 更新工作流 +- 增加了 Field、Text Field、Picker、Checkbox、Radio Button 的 CSS 变量支持 ## v0.6.0 diff --git a/custom-data/components.css-data.json b/custom-data/components.css-data.json index 1c2fee6..06e4f4d 100644 --- a/custom-data/components.css-data.json +++ b/custom-data/components.css-data.json @@ -100,7 +100,7 @@ "name": "--field-border-radius", "description": { "kind": "markdown", - "value": "圆角\n\n默认为 `4px`\n\n**组件:**\n\n- `` 表单域 Field" + "value": "圆角\n\n**默认值:** `4px`\n\n**组件:**\n\n- `` 表单域 Field" }, "references": [ { @@ -113,7 +113,7 @@ "name": "--field-border-width", "description": { "kind": "markdown", - "value": "边框宽度\n\n默认为 `1px`\n\n**组件:**\n\n- `` 表单域 Field" + "value": "边框宽度\n\n**默认值:** `1px`\n\n**组件:**\n\n- `` 表单域 Field" }, "references": [ { @@ -126,7 +126,7 @@ "name": "--field-border-color", "description": { "kind": "markdown", - "value": "边框颜色\n\n默认为 `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `` 表单域 Field" + "value": "边框颜色\n\n**默认值:** `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `` 表单域 Field" }, "references": [ { @@ -139,7 +139,7 @@ "name": "--field-padding", "description": { "kind": "markdown", - "value": "内边距\n\n默认为 `16px`\n\n**组件:**\n\n- `` 表单域 Field" + "value": "内边距\n\n**默认值:** `16px`\n\n**组件:**\n\n- `` 表单域 Field" }, "references": [ { @@ -152,7 +152,7 @@ "name": "--field-focused-border-width", "description": { "kind": "markdown", - "value": "聚焦边框高度\n\n默认为 `2px`\n\n**组件:**\n\n- `` 表单域 Field" + "value": "聚焦边框高度\n\n**默认值:** `2px`\n\n**组件:**\n\n- `` 表单域 Field" }, "references": [ { @@ -165,7 +165,7 @@ "name": "--checkbox-color", "description": { "kind": "markdown", - "value": "Checkbox 的颜色\n\n默认为 `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `` 复选框 Checkbox" + "value": "Checkbox 的颜色\n\n**默认值:** `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `` 复选框 Checkbox" }, "references": [ { @@ -178,7 +178,7 @@ "name": "--radio-button-color", "description": { "kind": "markdown", - "value": "Radio Button 的颜色\n\n默认为 `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `` 单选按钮 Radio Button" + "value": "Radio Button 的颜色\n\n**默认值:** `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `` 单选按钮 Radio Button" }, "references": [ { @@ -191,7 +191,7 @@ "name": "--text-field-border-radius", "description": { "kind": "markdown", - "value": "Text Field 的圆角\n\n默认为 `4px`\n\n**组件:**\n\n- `` 文本框 Text Field" + "value": "Text Field 的圆角\n\n**默认值:** `4px`\n\n**组件:**\n\n- `` 文本框 Text Field" }, "references": [ { @@ -204,7 +204,7 @@ "name": "--text-field-border-width", "description": { "kind": "markdown", - "value": "Text Field 的边框宽度\n\n默认为 `1px`\n\n**组件:**\n\n- `` 文本框 Text Field" + "value": "Text Field 的边框宽度\n\n**默认值:** `1px`\n\n**组件:**\n\n- `` 文本框 Text Field" }, "references": [ { @@ -217,7 +217,7 @@ "name": "--text-field-border-color", "description": { "kind": "markdown", - "value": "Text Field 的边框颜色\n\n默认为 `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `` 文本框 Text Field" + "value": "Text Field 的边框颜色\n\n**默认值:** `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `` 文本框 Text Field" }, "references": [ { @@ -230,7 +230,7 @@ "name": "--text-field-padding", "description": { "kind": "markdown", - "value": "Text Field 的内边距\n\n默认为 `16px`\n\n**组件:**\n\n- `` 文本框 Text Field" + "value": "Text Field 的内边距\n\n**默认值:** `16px`\n\n**组件:**\n\n- `` 文本框 Text Field" }, "references": [ { diff --git a/custom-data/components.html-data.json b/custom-data/components.html-data.json index e45d85a..baf1a5e 100644 --- a/custom-data/components.html-data.json +++ b/custom-data/components.html-data.json @@ -789,7 +789,7 @@ }, { "name": "s-carousel", - "description": "**Carousel 组件**\n\n轮播组件用于展示一组内容，并可以自动轮播。可以通过设置持续时长来自定义每张幻灯片显示的时间。\n\n```html\n\n
\n
\n
\n\n```\n\n**属性:**\n\n- `duration` (`number`): 每张幻灯片显示的持续时长，单位为毫秒，默认值为 `4000`。\n\n**插槽:**\n- 无特定插槽。", + "description": "**轮播图 Carousel**\n\n轮播组件用于展示一组内容，并可以自动轮播。可以通过设置持续时长来自定义每张幻灯片显示的时间。\n\n```html\n\n
\n
\n
\n\n```\n\n**属性:**\n\n- `duration` (`number`): 每张幻灯片显示的持续时长，单位为毫秒，默认值为 `4000`。\n\n**插槽:**\n- 无特定插槽。", "attributes": [ { "name": "duration", @@ -1107,7 +1107,7 @@ }, { "name": "s-badge", - "description": "**徽章 Badge**\n\nBadge 徽章组件用于显示数字或状态标识，通常用于其他组件的插槽中。\n\n```html\n\n26\n```\n\n**插槽:**\n- `default`: 徽章内容", + "description": "**徽章 Badge**\n\nBadge 徽章组件用于显示数字或状态标识，通常用于其他组件的插槽中。\n\n```html\n\n26\n```", "attributes": [], "references": [ { @@ -1176,7 +1176,7 @@ }, { "name": "s-field", - "description": "**字段框 Field**\n\n这是一个容器组件，通常用于提供表单输入框的样式包装。它支持多个 CSS 变量和自定义槽位，特别适用于移动端界面。\n\n```html\n\n
请输入
\n
View content here
\n\n```\n\n**属性:**\n\n- `focused` (`boolean`): 是否聚焦，默认值为 `false`\n- `labelFixed` (`boolean`): 固定Label，默认值为 `true`\n\n**插槽:**\n- `label`: Label 区域\n- `view`: 主视图区域\n\n**CSS 变量:**\n\n- `--field-border-radius`: 圆角 (默认: 4px)\n- `--field-border-width`: 边框宽度 (默认: 1px)\n- `--field-border-color`: 边框颜色 (默认: `var(--s-color-outline, #777680)`)\n- `--field-padding`: 内边距 (默认: 16px)\n- `--field-focused-border-width`: 聚焦时的边框宽度 (默认: 2px)", + "description": "**字段框 Field**\n\n这是一个容器组件，通常用于提供表单输入框的样式包装。它支持多个 CSS 变量和自定义槽位，特别适用于移动端界面。\n\n```html\n\n
请输入
\n
View content here
\n\n```\n\n**属性:**\n\n- `focused` (`boolean`): 是否聚焦，默认值为 `false`\n- `labelFixed` (`boolean`): 固定Label，默认值为 `true`\n\n**插槽:**\n- `label`: Label 区域\n- `view`: 主视图区域\n\n**CSS 变量:**\n\n- `--field-border-radius`: 圆角 (默认: 4px)\n- `--field-border-width`: 边框宽度 (默认: `1px`)\n- `--field-border-color`: 边框颜色 (默认: `var(--s-color-outline, #777680)`)\n- `--field-padding`: 内边距 (默认: `16px`)\n- `--field-focused-border-width`: 聚焦时的边框宽度 (默认: `2px`)", "attributes": [ { "name": "focused", @@ -1198,7 +1198,7 @@ }, { "name": "s-menu", - "description": "**菜单 Menu**\n\n这是一个菜单容器组件，通常用于定义导航栏或侧边栏。支持多个 CSS 变量和自定义插槽，适用于桌面端和移动端界面。\n\n```html\n\n
控制台
\n \n \n 首页\n \n \n \n 用户\n \n \n \n \n 管理资源\n \n \n \n 模式切换\n \n\n```\n\n**插槽:**\n- `label`: 用于放置菜单标签的区域\n\n**CSS 变量:**\n\n- `--menu-bg-color`: 菜单背景色 (默认: `#1e1e1e`)\n- `--menu-item-color`: 菜单项文字颜色 (默认: `#ffffff`)\n- `--menu-item-hover-bg-color`: 菜单项悬停背景色 (默认: `#333`)\n- `--menu-icon-size`: 图标大小 (默认: 24px)\n", + "description": "**菜单 Menu**\n\n这是一个菜单容器组件，通常用于定义导航栏或侧边栏。支持多个 CSS 变量和自定义插槽，适用于桌面端和移动端界面。\n\n```html\n\n
控制台
\n \n \n 首页\n \n \n \n 用户\n \n \n \n \n 管理资源\n \n \n \n 模式切换\n \n\n```\n\n**插槽:**\n- `label`: 用于放置菜单标签的区域\n\n**CSS 变量:**\n\n- `--menu-bg-color`: 菜单背景色 (默认: `#1e1e1e`)\n- `--menu-item-color`: 菜单项文字颜色 (默认: `#ffffff`)\n- `--menu-item-hover-bg-color`: 菜单项悬停背景色 (默认: `#333`)\n- `--menu-icon-size`: 图标大小 (默认: `24px`)\n", "attributes": [ { "name": "checked",