diff --git a/.vscodeignore b/.vscodeignore index 344f36e..8279531 100644 --- a/.vscodeignore +++ b/.vscodeignore @@ -1,6 +1,8 @@ .github/** .vscode/** .vscode-test/** +out/** +docs/** .gitignore .gitattributes -out/** +CONTRIBUTING.md \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index 2ac3523..f2c4d83 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # 版本记录 +## v0.4.0 +- 增加了组件的 CSS 变量补全 +- 增加了 CSS 全局变量（颜色变量）补全 +- 将 `custom-data/soberjs.html-data.json` 重命名为 [`custom-data/components.html-data.json`](https://github.com/lingbopro/soberjs-vscode/blob/master/custom-data/components.html-data.json) +- 增加了 [开发指南文档](https://github.com/lingbopro/soberjs-vscode/blob/master/docs/dev-guide.md) + ## v0.3.0 - 优化了组件的悬停提示 diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..16e95fd --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,12 @@ +# 贡献指南 + +欢迎您的贡献！请遵循以下指南： + +Fork 存储库。 +为您的功能或 bug 修复创建一个新分支。 +为您的更改编写代码。 +使用版本号（或大致内容）作为标题提交您的更改。 +将您的分支推送到您的 fork。 +向主存储库提交拉取请求 **(`dev` 分支)**。 + +另外，您可以参阅 [开发指南](./docs/dev-guide.md)。 \ No newline at end of file diff --git a/README.md b/README.md index 5cde292..30cb8b7 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,8 @@ GitHub - GitHub + + GitHub

@@ -17,7 +18,6 @@ Visual Studio Marketplace Installs Visual Studio Marketplace Rating - Visual Studio Marketplace Version

@@ -41,10 +41,10 @@ - HTML 标签名 - HTML 标签属性名称和枚举值 -- _~~CSS 变量名和枚举值（尚未完成）~~_ +- CSS 变量名和枚举值 - 一点 HTML 代码片段 -目前已支持 Sober.js 0.2.15 的所有组件（见下表） +目前已支持 Sober.js 0.2.15 的所有组件和 CSS 变量（见下表）
支持的组件（点击展开） @@ -89,6 +89,95 @@ - [x] 表格 Table
+
+ 支持的 CSS 变量 + +- [x] 组件变量 + - [x] 波纹 Ripple + - [x] `--ripple-color` + - [x] `-ripple-opacity` + - [x] 文本框 Text Field / 选择框 Picker + - [x] `--border-radius` + - [x] `--border-width` + - [x] `--border-color` + - [x] `--padding` +- [x] 全局变量 + +
+ 点击展开（共 68 个） + + - [x] `--s-color-primary` + - [x] `--s-color-on-primary` + - [x] `--s-color-primary-container` + - [x] `--s-color-on-primary-container` + - [x] `--s-color-secondary` + - [x] `--s-color-on-secondary` + - [x] `--s-color-secondary-container` + - [x] `--s-color-on-secondary-container` + - [x] `--s-color-tertiary` + - [x] `--s-color-on-tertiary` + - [x] `--s-color-tertiary-container` + - [x] `--s-color-on-tertiary-container` + - [x] `--s-color-error` + - [x] `--s-color-on-error` + - [x] `--s-color-error-container` + - [x] `--s-color-on-error-container` + - [x] `--s-color-background` + - [x] `--s-color-on-background` + - [x] `--s-color-outline` + - [x] `--s-color-outline-variant` + - [x] `--s-color-surface` + - [x] `--s-color-on-surface` + - [x] `--s-color-surface-variant` + - [x] `--s-color-on-surface-variant` + - [x] `--s-color-inverse-surface` + - [x] `--s-color-inverse-on-surface` + - [x] `--s-color-inverse-primary` + - [x] `--s-color-surface-container` + - [x] `--s-color-surface-container-high` + - [x] `--s-color-surface-container-highest` + - [x] `--s-color-surface-container-low` + - [x] `--s-color-surface-container-lowest` + - [x] `--s-color-dark-primary` + - [x] `--s-color-dark-on-primary` + - [x] `--s-color-dark-primary-container` + - [x] `--s-color-dark-on-primary-container` + - [x] `--s-color-dark-secondary` + - [x] `--s-color-dark-on-secondary` + - [x] `--s-color-dark-secondary-container` + - [x] `--s-color-dark-on-secondary-container` + - [x] `--s-color-dark-tertiary` + - [x] `--s-color-dark-on-tertiary` + - [x] `--s-color-dark-tertiary-container` + - [x] `--s-color-dark-on-tertiary-container` + - [x] `--s-color-dark-error` + - [x] `--s-color-dark-on-error` + - [x] `--s-color-dark-error-container` + - [x] `--s-color-dark-on-error-container` + - [x] `--s-color-dark-background` + - [x] `--s-color-dark-on-background` + - [x] `--s-color-dark-outline` + - [x] `--s-color-dark-outline-variant` + - [x] `--s-color-dark-surface` + - [x] `--s-color-dark-on-surface` + - [x] `--s-color-dark-surface-variant` + - [x] `--s-color-dark-on-surface-variant` + - [x] `--s-color-dark-inverse-surface` + - [x] `--s-color-dark-inverse-on-surface` + - [x] `--s-color-dark-inverse-primary` + - [x] `--s-color-dark-surface-container` + - [x] `--s-color-dark-surface-container-high` + - [x] `--s-color-dark-surface-container-highest` + - [x] `--s-color-dark-surface-container-low` + - [x] `--s-color-dark-surface-container-lowest` + - [x] `--s-elevation-level1` + - [x] `--s-elevation-level2` + - [x] `--s-elevation-level3` + - [x] `--s-elevation-level4` + - [x] `--s-elevation-level5` + +
+
### 功能展示 @@ -102,6 +191,6 @@ - [x] 支持更多组件 - [ ] 完善悬停提示 -- [ ] 完成 CSS 变量名和枚举值补全 +- [x] 完成 CSS 变量名和枚举值补全 - [ ] 增加 SVG 图标补全 diff --git a/custom-data/components.css-data.json b/custom-data/components.css-data.json new file mode 100644 index 0000000..af7f775 --- /dev/null +++ b/custom-data/components.css-data.json @@ -0,0 +1,99 @@ +{ + "version": 1.1, + "properties": [ + { + "name": "--ripple-color", + "description": { + "kind": "markdown", + "value": "波纹颜色\n\n**组件:**\n\n- `` 波纹 Ripple" + }, + "references": [ + { + "name": "文档: 波纹 Ripple", + "url": "https://soberjs.com/component/ripple" + } + ] + }, + { + "name": "--ripple-opacity", + "description": { + "kind": "markdown", + "value": "波纹不透明度\n\n**组件:**\n\n- `` 波纹 Ripple" + }, + "references": [ + { + "name": "文档: 波纹 Ripple", + "url": "https://soberjs.com/component/ripple" + } + ] + }, + { + "name": "--border-radius", + "description": { + "kind": "markdown", + "value": "边框圆角\n\n**组件:**\n\n- `` 文本框 Text Field\n- `` 选择框 Picker" + }, + "references": [ + { + "name": "文档: 文本框 Text Field", + "url": "https://soberjs.com/component/text-field" + }, + { + "name": "文档: 选择框 Picker", + "url": "https://soberjs.com/component/picker" + } + ] + }, + { + "name": "--border-width", + "description": { + "kind": "markdown", + "value": "边框宽度\n\n**组件:**\n\n- `` 文本框 Text Field\n- `` 选择框 Picker" + }, + "references": [ + { + "name": "文档: 文本框 Text Field", + "url": "https://soberjs.com/component/text-field" + }, + { + "name": "文档: 选择框 Picker", + "url": "https://soberjs.com/component/picker" + } + ] + }, + { + "name": "--border-color", + "description": { + "kind": "markdown", + "value": "边框颜色\n\n**组件:**\n\n- `` 文本框 Text Field\n- `` 选择框 Picker" + }, + "references": [ + { + "name": "文档: 文本框 Text Field", + "url": "https://soberjs.com/component/text-field" + }, + { + "name": "文档: 选择框 Picker", + "url": "https://soberjs.com/component/picker" + } + ] + }, + { + "name": "--padding", + "description": { + "kind": "markdown", + "value": "边框内边距\n\n**组件:**\n\n- `` 文本框 Text Field\n- `` 选择框 Picker" + }, + "references": [ + { + "name": "文档: 文本框 Text Field", + "url": "https://soberjs.com/component/text-field" + }, + { + "name": "文档: 选择框 Picker", + "url": "https://soberjs.com/component/picker" + } + ] + } + ] +} \ No newline at end of file diff --git a/custom-data/soberjs.html-data.json b/custom-data/components.html-data.json similarity index 100% rename from custom-data/soberjs.html-data.json rename to custom-data/components.html-data.json diff --git a/custom-data/global.css-data.json b/custom-data/global.css-data.json new file mode 100644 index 0000000..a8ec2f5 --- /dev/null +++ b/custom-data/global.css-data.json @@ -0,0 +1,584 @@ +{ + "version": 1.1, + "properties": [ + { + "name": "--s-color-primary", + "description": { + "kind": "markdown", + "value": "Sober 首要颜色\n\n**默认值:** 亮色 `#5256a9` 暗色 `#c0c1ff`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-primary", + "description": { + "kind": "markdown", + "value": "Sober 首要颜色 (前景)\n\n**默认值:** 亮色 `#ffffff` 暗色 `#222578`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-primary-container", + "description": { + "kind": "markdown", + "value": "Sober 首要颜色 (容器)\n\n**默认值:** 亮色 `#e1e0ff` 暗色 `#3a3d8f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-primary-container", + "description": { + "kind": "markdown", + "value": "Sober 首要颜色 (容器前景)\n\n**默认值:** 亮色 `#090760` 暗色 `#e1e0ff`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-secondary", + "description": { + "kind": "markdown", + "value": "Sober 次要颜色\n\n**默认值:** 亮色 `#5d5d72` 暗色 `#c5c4dd`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-secondary", + "description": { + "kind": "markdown", + "value": "Sober 次要颜色 (前景)\n\n**默认值:** 亮色 `#ffffff` 暗色 `#2e2f42`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-secondary-container", + "description": { + "kind": "markdown", + "value": "Sober 次要颜色 (容器)\n\n**默认值:** 亮色 `#e2e0f9` 暗色 `#454559`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-secondary-container", + "description": { + "kind": "markdown", + "value": "Sober 次要颜色 (容器前景)\n\n**默认值:** 亮色 `#191a2c` 暗色 `#e2e0f9`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-tertiary", + "description": { + "kind": "markdown", + "value": "Sober 第三颜色\n\n**默认值:** 亮色 `#79536a` 暗色 `#e8b9d4`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-tertiary", + "description": { + "kind": "markdown", + "value": "Sober 第三颜色 (前景)\n\n**默认值:** 亮色 `#ffffff` 暗色 `#46263b`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-tertiary-container", + "description": { + "kind": "markdown", + "value": "Sober 第三颜色 (容器)\n\n**默认值:** 亮色 `#ffd8ed` 暗色 `#5f3c52`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-tertiary-container", + "description": { + "kind": "markdown", + "value": "Sober 第三颜色 (容器前景)\n\n**默认值:** 亮色 `#2e1125` 暗色 `#ffd8ed`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-error", + "description": { + "kind": "markdown", + "value": "Sober 错误颜色\n\n**默认值:** 亮色 `#ba1a1a` 暗色 `#ffb4ab`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-error", + "description": { + "kind": "markdown", + "value": "Sober 错误颜色 (前景)\n\n**默认值:** 亮色 `#ffffff` 暗色 `#690005`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-error-container", + "description": { + "kind": "markdown", + "value": "Sober 错误颜色 (容器)\n\n**默认值:** 亮色 `#ffdad6` 暗色 `#93000a`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-error-container", + "description": { + "kind": "markdown", + "value": "Sober 错误颜色 (容器前景)\n\n**默认值:** 亮色 `#410002` 暗色 `#ffb4ab`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-background", + "description": { + "kind": "markdown", + "value": "Sober 背景颜色\n\n**默认值:** 亮色 `#fffbff` 暗色 `#1c1b1f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-background", + "description": { + "kind": "markdown", + "value": "Sober 背景颜色 (前景)\n\n**默认值:** 亮色 `#1c1b1f` 暗色 `#e5e1e6`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-outline", + "description": { + "kind": "markdown", + "value": "Sober 边框颜色\n\n**默认值:** 亮色 `#777680` 暗色 `#918f9a`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-outline-variant", + "description": { + "kind": "markdown", + "value": "Sober 边框颜色 (变体)\n\n**默认值:** 亮色 `#c7c5d0` 暗色 `#46464f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色\n\n**默认值:** 亮色 `#fffbff` 暗色 `#1c1b1f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-surface", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (前景)\n\n**默认值:** 亮色 `#1c1b1f` 暗色 `#e5e1e6`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-variant", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (变体)\n\n**默认值:** 亮色 `#e4e1ec` 暗色 `#46464f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-on-surface-variant", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (变体前景)\n\n**默认值:** 亮色 `#46464f` 暗色 `#c7c5d0`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-inverse-surface", + "description": { + "kind": "markdown", + "value": "Sober 反转表面颜色\n\n**默认值:** 亮色 `#313034` 暗色 `#e5e1e6`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-inverse-on-surface", + "description": { + "kind": "markdown", + "value": "Sober 反转表面颜色 (前景)\n\n**默认值:** 亮色 `#f3eff4` 暗色 `#313034`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-inverse-primary", + "description": { + "kind": "markdown", + "value": "Sober 反转首要颜色\n\n**默认值:** 亮色 `#c0c1ff` 暗色 `#5256a9`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-container", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (容器)\n\n**默认值:** 亮色 `#f0edf1` 暗色 `#201f23`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-container-high", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (容器 高)\n\n**默认值:** 亮色 `#eae7ec` 暗色 `#2a292d`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-container-highest", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (容器 最高)\n\n**默认值:** 亮色 `#e5e1e6` 暗色 `#353438`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-container-low", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (容器 低)\n\n**默认值:** 亮色 `#f6f2f7` 暗色 `#1c1b1f`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-color-surface-container-lowest", + "description": { + "kind": "markdown", + "value": "Sober 表面颜色 (容器 最低)\n\n**默认值:** 亮色 `#ffffff` 暗色 `#0e0e11`" + }, + "references": [ + { + "name": "文档: CSS 变量", + "url": "https://soberjs.com/style/css-var" + }, + { + "name": "色板 (主题定制)", + "url": "https://soberjs.com/style/theme-builder" + } + ] + }, + { + "name": "--s-elevation-level1", + "description": { + "kind": "markdown", + "value": "Sober 阴影 等级1\n\n**默认值:** `0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)`" + } + }, + { + "name": "--s-elevation-level2", + "description": { + "kind": "markdown", + "value": "Sober 阴影 等级2\n\n**默认值:** `0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)`" + } + }, + { + "name": "--s-elevation-level3", + "description": { + "kind": "markdown", + "value": "Sober 阴影 等级3\n\n**默认值:** `0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)`" + } + }, + { + "name": "--s-elevation-level4", + "description": { + "kind": "markdown", + "value": "Sober 阴影 等级4\n\n**默认值:** `0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)`" + } + }, + { + "name": "--s-elevation-level5", + "description": { + "kind": "markdown", + "value": "Sober 阴影 等级5\n\n**默认值:** `0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)`" + } + } + ] +} \ No newline at end of file diff --git a/docs/dev-guide.md b/docs/dev-guide.md new file mode 100644 index 0000000..a31e631 --- /dev/null +++ b/docs/dev-guide.md @@ -0,0 +1,62 @@ +# 开发指南 + +## 目录 + +- [开发指南](#开发指南) + - [目录](#目录) + - [项目结构](#项目结构) + +## 项目结构 + +- [CHANGELOG.md](./../CHANGELOG.md): 存储版本更新记录 +- [CONTRIBUTING.md](./../CONTRIBUTING.md): 包含贡献指南 +- [custom-data/](./../custom-data/): 包含自定义 HTML 和 CSS 数据 + - [components.css-data.json](./../custom-data/components.css-data.json): 包含组件的 CSS 变量数据 + - [components.html-data.json](./../custom-data/components.html-data.json): 包含组件标签和属性数据 + - [global.css-data.json](./../custom-data/global.css-data.json): 包含全局 CSS 变量数据 +- [docs/](./../docs/): 包含文档 + - [dev-guide.md](./../docs/dev-guide.md): 开发指南（此文件） +- [icon.png](./../icon.png): 此扩展的图标 +- [LICENSE](./../LICENSE): 包含开源许可文件 +- [package.json](./../package.json): 包含项目元数据 +- [README.md](./../README.md): 自述文件 +- [snippets/](./../snippets/): 包含代码片段文件 + - [html.code-snippets](./../snippets/html.code-snippets): 包含 HTML 代码片段 + - [js-ts.code-snippets](./../snippets/js-ts.code-snippets): 包含 JavaScript/Typescript 代码片段 +- [SUPPORT.md](./../SUPPORT.md): 包含支持信息 + +## 贡献 + +见 [贡献指南](./../CONTRIBUTING.md)。 + + + diff --git a/package.json b/package.json index 6ffbd7a..b53fcae 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "soberjs-vscode", "displayName": "Sober.js", "description": "为 Sober.js 组件库提供自动完成、悬停提示、代码片段等功能", - "version": "0.3.0", + "version": "0.4.0", "publisher": "lingbopro", "author": { "name": "lingbopro", @@ -11,20 +11,19 @@ }, "repository": { "type": "git", - "url": "git+https://github.com/lingbopro/soberjs-vscode.git" + "url": "https://github.com/lingbopro/soberjs-vscode" }, "icon": "icon.png", "keywords": [ - "vscode", - "vscode-extension", - "sober", - "soberjs", - "sober.js", + "components", "front-end", - "material", "material design", "material you", - "components" + "material", + "sober.js", + "sober", + "soberjs", + "web components" ], "license": "MIT", "bugs": { @@ -56,12 +55,13 @@ ], "html": { "customData": [ - "./custom-data/soberjs.html-data.json" + "./custom-data/components.html-data.json" ] }, "css": { "customData": [ - "./custom-data/soberjs.css-data.json" + "./custom-data/components.css-data.json", + "./custom-data/global.css-data.json" ] } }