br-dionysus 1.9.0 → 1.10.1
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.
- package/README.md +40 -20
- package/dist/br-dionysus.es.js +5403 -5300
- package/dist/br-dionysus.umd.js +8 -8
- package/dist/index.css +1 -1
- package/dist/packages/SkinConfig/src/useSkin.d.ts +13 -0
- package/package.json +1 -1
- package/packages/SkinConfig/docs/README.md +17 -10
- package/packages/SkinConfig/docs/demo.vue +3 -0
- package/packages/SkinConfig/src/SkinConfig.vue +73 -2
- package/packages/SkinConfig/src/useSkin.ts +61 -22
- package/web-types.json +1 -1
package/README.md
CHANGED
|
@@ -1993,6 +1993,7 @@ for (let i = 0; i < 1000; i++) {
|
|
|
1993
1993
|
@change="size = $event.size"
|
|
1994
1994
|
></SkinConfig>
|
|
1995
1995
|
|
|
1996
|
+
<p>skin: {{ skin.skinConfig }}</p>
|
|
1996
1997
|
<div class="m-box">
|
|
1997
1998
|
<div class="u-color-box">
|
|
1998
1999
|
<h3>色卡</h3>
|
|
@@ -2050,7 +2051,9 @@ for (let i = 0; i < 1000; i++) {
|
|
|
2050
2051
|
<script setup lang="ts">
|
|
2051
2052
|
import { ref, onMounted } from 'vue'
|
|
2052
2053
|
import { SkinConfig } from './../../SkinConfig'
|
|
2054
|
+
import useSkin from './../src/useSkin'
|
|
2053
2055
|
|
|
2056
|
+
const skin = useSkin()
|
|
2054
2057
|
const size = ref<string>('')
|
|
2055
2058
|
const shinConfigRef = ref<InstanceType<typeof SkinConfig> | null>(null)
|
|
2056
2059
|
onMounted(() => {
|
|
@@ -2680,16 +2683,23 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
2680
2683
|
|
|
2681
2684
|
#### SkinConfig（皮肤对象）
|
|
2682
2685
|
|
|
2683
|
-
| 参数
|
|
2684
|
-
|
|
2685
|
-
| darkTheme
|
|
2686
|
-
| followSystem
|
|
2687
|
-
| size
|
|
2688
|
-
| primaryColor
|
|
2689
|
-
| successColor
|
|
2690
|
-
| warningColor
|
|
2691
|
-
| dangerColor
|
|
2692
|
-
| infoColor
|
|
2686
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
2687
|
+
|--------------------|:-------------------------------:|:-------:|:---------------------------------:|:----------:|
|
|
2688
|
+
| darkTheme | 是否为深色主题 | boolean | - | false |
|
|
2689
|
+
| followSystem | 是否跟随系统 | boolean | - | false |
|
|
2690
|
+
| size | 大小 | enum | large \| default \| small | default |
|
|
2691
|
+
| primaryColor | 主题色 | string | - | '#646CFF' |
|
|
2692
|
+
| successColor | 成功色 | string | - | '#67c23a' |
|
|
2693
|
+
| warningColor | 警告色 | string | - | '#e6a23c' |
|
|
2694
|
+
| dangerColor | 危险色 | string | - | '#f56c6c' |
|
|
2695
|
+
| infoColor | 信息色 | string | - | '#909399' |
|
|
2696
|
+
| showHeavyLoad | 显示重载按钮 | boolean | - | false |
|
|
2697
|
+
| showBreadcrumb | 显示面包屑导航 | boolean | - | false |
|
|
2698
|
+
| showBreadcrumbIcon | 显示面包屑图标 | boolean | - | true |
|
|
2699
|
+
| switchAnimation | 切换动画 | boolean | - | true |
|
|
2700
|
+
| auxiliaryTools | 辅助工具(页签，面包屑，无) | string | 'multiple' \| 'breadcrumb' \| '' | 'multiple' |
|
|
2701
|
+
| outsideSpacingSize | 外间距大小（--m-outside-spacing-size） | number | - | 16 |
|
|
2702
|
+
| insideSpacingSize | 内间距大小（--m-inside-spacing-size） | number | - | 24 |
|
|
2693
2703
|
|
|
2694
2704
|
### 3) 说明
|
|
2695
2705
|
|
|
@@ -4923,6 +4933,7 @@ for (let i = 0; i < 1000; i++) {
|
|
|
4923
4933
|
@change="size = $event.size"
|
|
4924
4934
|
></SkinConfig>
|
|
4925
4935
|
|
|
4936
|
+
<p>skin: {{ skin.skinConfig }}</p>
|
|
4926
4937
|
<div class="m-box">
|
|
4927
4938
|
<div class="u-color-box">
|
|
4928
4939
|
<h3>色卡</h3>
|
|
@@ -4980,7 +4991,9 @@ for (let i = 0; i < 1000; i++) {
|
|
|
4980
4991
|
<script setup lang="ts">
|
|
4981
4992
|
import { ref, onMounted } from 'vue'
|
|
4982
4993
|
import { SkinConfig } from './../../SkinConfig'
|
|
4994
|
+
import useSkin from './../src/useSkin'
|
|
4983
4995
|
|
|
4996
|
+
const skin = useSkin()
|
|
4984
4997
|
const size = ref<string>('')
|
|
4985
4998
|
const shinConfigRef = ref<InstanceType<typeof SkinConfig> | null>(null)
|
|
4986
4999
|
onMounted(() => {
|
|
@@ -5610,16 +5623,23 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
5610
5623
|
|
|
5611
5624
|
#### SkinConfig（皮肤对象）
|
|
5612
5625
|
|
|
5613
|
-
| 参数
|
|
5614
|
-
|
|
5615
|
-
| darkTheme
|
|
5616
|
-
| followSystem
|
|
5617
|
-
| size
|
|
5618
|
-
| primaryColor
|
|
5619
|
-
| successColor
|
|
5620
|
-
| warningColor
|
|
5621
|
-
| dangerColor
|
|
5622
|
-
| infoColor
|
|
5626
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
5627
|
+
|--------------------|:-------------------------------:|:-------:|:---------------------------------:|:----------:|
|
|
5628
|
+
| darkTheme | 是否为深色主题 | boolean | - | false |
|
|
5629
|
+
| followSystem | 是否跟随系统 | boolean | - | false |
|
|
5630
|
+
| size | 大小 | enum | large \| default \| small | default |
|
|
5631
|
+
| primaryColor | 主题色 | string | - | '#646CFF' |
|
|
5632
|
+
| successColor | 成功色 | string | - | '#67c23a' |
|
|
5633
|
+
| warningColor | 警告色 | string | - | '#e6a23c' |
|
|
5634
|
+
| dangerColor | 危险色 | string | - | '#f56c6c' |
|
|
5635
|
+
| infoColor | 信息色 | string | - | '#909399' |
|
|
5636
|
+
| showHeavyLoad | 显示重载按钮 | boolean | - | false |
|
|
5637
|
+
| showBreadcrumb | 显示面包屑导航 | boolean | - | false |
|
|
5638
|
+
| showBreadcrumbIcon | 显示面包屑图标 | boolean | - | true |
|
|
5639
|
+
| switchAnimation | 切换动画 | boolean | - | true |
|
|
5640
|
+
| auxiliaryTools | 辅助工具(页签，面包屑，无) | string | 'multiple' \| 'breadcrumb' \| '' | 'multiple' |
|
|
5641
|
+
| outsideSpacingSize | 外间距大小（--m-outside-spacing-size） | number | - | 16 |
|
|
5642
|
+
| insideSpacingSize | 内间距大小（--m-inside-spacing-size） | number | - | 24 |
|
|
5623
5643
|
|
|
5624
5644
|
### 3) 说明
|
|
5625
5645
|
|