0.7.0-patch.8

lingbopro · Oct 7, 2024 · f9dfff8 · f9dfff8
1 parent 9d456f3
commit f9dfff8
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 16 deletions.
diff --git 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
@@ -5,4 +5,5 @@ out/**
 docs/**
 .gitignore
 .gitattributes
+.prettierrc
 CONTRIBUTING.md
diff --git 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
@@ -100,7 +100,7 @@
       "name": "--field-border-radius",
       "description": {
         "kind": "markdown",
-        "value": "圆角\n\n默认为 `4px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
+        "value": "圆角\n\n**默认值:** `4px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
       },
       "references": [
         {
@@ -113,7 +113,7 @@
       "name": "--field-border-width",
       "description": {
         "kind": "markdown",
-        "value": "边框宽度\n\n默认为 `1px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
+        "value": "边框宽度\n\n**默认值:** `1px`\n\n**组件:**\n\n- `<s-field>` 表单域 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- `<s-field>` 表单域 Field"
+        "value": "边框颜色\n\n**默认值:** `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
       },
       "references": [
         {
@@ -139,7 +139,7 @@
       "name": "--field-padding",
       "description": {
         "kind": "markdown",
-        "value": "内边距\n\n默认为 `16px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
+        "value": "内边距\n\n**默认值:** `16px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
       },
       "references": [
         {
@@ -152,7 +152,7 @@
       "name": "--field-focused-border-width",
       "description": {
         "kind": "markdown",
-        "value": "聚焦边框高度\n\n默认为 `2px`\n\n**组件:**\n\n- `<s-field>` 表单域 Field"
+        "value": "聚焦边框高度\n\n**默认值:** `2px`\n\n**组件:**\n\n- `<s-field>` 表单域 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- `<s-checkbox>` 复选框 Checkbox"
+        "value": "Checkbox 的颜色\n\n**默认值:** `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `<s-checkbox>` 复选框 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- `<s-radio-button>` 单选按钮 Radio Button"
+        "value": "Radio Button 的颜色\n\n**默认值:** `var(--s-color-primary, #5256a9)`\n\n**组件:**\n\n- `<s-radio-button>` 单选按钮 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- `<s-text-field>` 文本框 Text Field"
+        "value": "Text Field 的圆角\n\n**默认值:** `4px`\n\n**组件:**\n\n- `<s-text-field>` 文本框 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- `<s-text-field>` 文本框 Text Field"
+        "value": "Text Field 的边框宽度\n\n**默认值:** `1px`\n\n**组件:**\n\n- `<s-text-field>` 文本框 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- `<s-text-field>` 文本框 Text Field"
+        "value": "Text Field 的边框颜色\n\n**默认值:** `var(--s-color-outline, #777680)`\n\n**组件:**\n\n- `<s-text-field>` 文本框 Text Field"
       },
       "references": [
         {
@@ -230,7 +230,7 @@
       "name": "--text-field-padding",
       "description": {
         "kind": "markdown",
-        "value": "Text Field 的内边距\n\n默认为 `16px`\n\n**组件:**\n\n- `<s-text-field>` 文本框 Text Field"
+        "value": "Text Field 的内边距\n\n**默认值:** `16px`\n\n**组件:**\n\n- `<s-text-field>` 文本框 Text Field"
       },
       "references": [
         {

diff --git 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<s-carousel>\n  <div style=\"background: #936d6d\"></div>\n  <div style=\"background: #6d936f\"></div>\n  <div style=\"background: #856d93\"></div>\n</s-carousel>\n```\n\n**属性:**\n\n- `duration` (`number`): 每张幻灯片显示的持续时长，单位为毫秒，默认值为 `4000`。\n\n**插槽:**\n- 无特定插槽。",
+      "description": "**轮播图 Carousel**\n\n轮播组件用于展示一组内容，并可以自动轮播。可以通过设置持续时长来自定义每张幻灯片显示的时间。\n\n```html\n<s-carousel>\n  <div style=\"background: #936d6d\"></div>\n  <div style=\"background: #6d936f\"></div>\n  <div style=\"background: #856d93\"></div>\n</s-carousel>\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<s-badge></s-badge>\n<s-badge>26</s-badge>\n```\n\n**插槽:**\n- `default`: 徽章内容",
+      "description": "**徽章 Badge**\n\nBadge 徽章组件用于显示数字或状态标识，通常用于其他组件的插槽中。\n\n```html\n<s-badge></s-badge>\n<s-badge>26</s-badge>\n```",
       "attributes": [],
       "references": [
         {
@@ -1176,7 +1176,7 @@
     },
     {
       "name": "s-field",
-      "description": "**字段框 Field**\n\n这是一个容器组件，通常用于提供表单输入框的样式包装。它支持多个 CSS 变量和自定义槽位，特别适用于移动端界面。\n\n```html\n<s-field>\n  <div slot=\"label\">请输入</div>\n  <div slot=\"view\">View content here</div>\n</s-field>\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<s-field>\n  <div slot=\"label\">请输入</div>\n  <div slot=\"view\">View content here</div>\n</s-field>\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<s-menu>\n  <div slot=\"label\">控制台</div>\n  <s-menu-item checked=\"true\">\n    <s-icon slot=\"start\" type=\"home\"></s-icon>\n    首页\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"search\"></s-icon>\n    用户\n    <s-icon slot=\"end\" type=\"arrow_drop_right\"></s-icon>\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"light_mode\"></s-icon>\n    管理资源\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"dark_mode\"></s-icon>\n    模式切换\n  </s-menu-item>\n</s-menu>\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<s-menu>\n  <div slot=\"label\">控制台</div>\n  <s-menu-item checked=\"true\">\n    <s-icon slot=\"start\" type=\"home\"></s-icon>\n    首页\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"search\"></s-icon>\n    用户\n    <s-icon slot=\"end\" type=\"arrow_drop_right\"></s-icon>\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"light_mode\"></s-icon>\n    管理资源\n  </s-menu-item>\n  <s-menu-item>\n    <s-icon slot=\"start\" type=\"dark_mode\"></s-icon>\n    模式切换\n  </s-menu-item>\n</s-menu>\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",