Skip to content

Commit

Permalink
feat(comp: all): add seer themes
Browse files Browse the repository at this point in the history
  • Loading branch information
@liuzaijiang
liuzaijiang committed Apr 18, 2022
1 parent 09e6ac3 commit ca7a2e5
Show file tree
Hide file tree
Showing 422 changed files with 2,576 additions and 683 deletions.
3 changes: 2 additions & 1 deletion packages/components/_private/checkable-list/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import '../../../../style/themes/default.less';
@import '../../../../form/style/themes/default.variable.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
2 changes: 0 additions & 2 deletions packages/components/_private/checkable-list/style/themes/default.variable.less
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
@import '../../../../style/themes/default.less';

@checkable-list-color: @text-color;
@checkable-list-disabled-color: @text-color-disabled;

Expand Down
5 changes: 5 additions & 0 deletions packages/components/_private/checkable-list/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
@import '../../../../style/themes/seer.less';
@import '../../../../form/style/themes/seer.variable.less';
@import './seer.variable.less';

@import '../index.less';
6 changes: 6 additions & 0 deletions packages/components/_private/checkable-list/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
// style dependencies
import '@idux/components/style/core/seer'
import '@idux/components/checkbox/style/themes/seer'
import '@idux/components/icon/style/themes/seer'

import './seer.less'
3 changes: 3 additions & 0 deletions packages/components/_private/checkable-list/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@import './default.variable.less';

@checkable-list-item-font-size: @font-size-sm;
3 changes: 2 additions & 1 deletion packages/components/_private/collapse-transition/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 4 additions & 0 deletions packages/components/_private/collapse-transition/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
1 change: 1 addition & 0 deletions packages/components/_private/collapse-transition/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/collapse-transition/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
4 changes: 3 additions & 1 deletion packages/components/_private/loading/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
@import '../index.less';
@import '../../../../style/themes/default.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 1 addition & 3 deletions packages/components/_private/loading/style/themes/default.variable.less
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
@import '../../../../style/themes/default.less';

@bg-circle-stroke: @color-primary;
@fst-arch-stroke: @color-turquoise;
@snd-arch-stroke: @color-graphite-l20;
@snd-arch-stroke: @color-graphite-l20;
4 changes: 4 additions & 0 deletions packages/components/_private/loading/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
4 changes: 4 additions & 0 deletions packages/components/_private/loading/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// style dependencies
import '@idux/components/style/core/seer'

import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/loading/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
3 changes: 2 additions & 1 deletion packages/components/_private/mask/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 4 additions & 0 deletions packages/components/_private/mask/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
1 change: 1 addition & 0 deletions packages/components/_private/mask/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/mask/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
4 changes: 3 additions & 1 deletion packages/components/_private/overflow/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
@import '../index.less';
@import '../../../../style/themes/default.less';
@import './default.variable.less';

@import '../index.less';
2 changes: 1 addition & 1 deletion packages/components/_private/overflow/style/themes/default.variable.less
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import '../../../../style/themes/default.less';
// _private
4 changes: 4 additions & 0 deletions packages/components/_private/overflow/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
4 changes: 4 additions & 0 deletions packages/components/_private/overflow/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// style dependencies
import '@idux/components/style/core/seer'

import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/overflow/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
1 change: 1 addition & 0 deletions packages/components/_private/overlay/src/Overlay.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -107,6 +107,7 @@ export default defineComponent({
popperEvents,
attrs,
)

return (
<>
{trigger}
Expand Down
3 changes: 2 additions & 1 deletion packages/components/_private/overlay/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 4 additions & 0 deletions packages/components/_private/overlay/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
1 change: 1 addition & 0 deletions packages/components/_private/overlay/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/overlay/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
3 changes: 2 additions & 1 deletion packages/components/_private/selector/src/Selector.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,7 @@ export default defineComponent({
const classes = computed(() => {
const config = props.config
const {
allowInput,
className,
borderless = config.borderless,
multiple,
Expand All @@ -89,7 +90,7 @@ export default defineComponent({
[`${prefixCls}-readonly`]: props.readonly,
[`${prefixCls}-single`]: !multiple,
[`${prefixCls}-searchable`]: mergedSearchable.value,
[`${prefixCls}-with-suffix`]: slots.suffix || mergedSuffix.value,
[`${prefixCls}-allow-input`]: allowInput || mergedSearchable.value,
[`${prefixCls}-${size}`]: true,
})
})
Expand Down
12 changes: 9 additions & 3 deletions packages/components/_private/selector/style/multiple.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,12 @@
&-overflow {
line-height: @select-item-line-height;
}

}

&&-with-suffix &-content,
&&-clearable &-content {
&.@{selector-prefix}-allow-input .@{selector-prefix}-overflow,
&.@{selector-prefix}-allow-input .@{selector-prefix}-input,
&.@{selector-prefix}-clearable .@{selector-prefix}-content {
padding-right: @select-icon-font-size + @select-multiple-padding;
}
}
Expand All @@ -44,6 +46,10 @@
&-content {
flex-wrap: wrap;
align-items: center;

.@{overflow-prefix}-item {
overflow: hidden;
}
}

&-item {
Expand All @@ -68,7 +74,7 @@
}

&-remove {
margin-left: @select-multiple-item-label-margin-left;
margin: @select-multiple-item-label-margin;
color: @select-multiple-item-remove-icon-color;
font-size: @select-multiple-item-remove-icon-font-size;
line-height: inherit;
Expand Down
6 changes: 6 additions & 0 deletions packages/components/_private/selector/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
@import '../../../../style/themes/seer.less';
@import '../../../../form/style/themes/seer.variable.less';
@import '../../../../select/style/themes/seer.variable.less';
@import './seer.variable.less';

@import '../index.less';
7 changes: 7 additions & 0 deletions packages/components/_private/selector/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
// style dependencies
import '@idux/components/style/core/seer'
import '@idux/components/_private/overlay/style/themes/seer'
import '@idux/components/icon/style/themes/seer'
import '@idux/components/input/style/themes/seer'

import './seer.less'
1 change: 1 addition & 0 deletions packages/components/_private/selector/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
3 changes: 2 additions & 1 deletion packages/components/_private/time-panel/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import '../../../../style/themes/default.less';
@import '../../../../form/style/themes/default.variable.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
5 changes: 5 additions & 0 deletions packages/components/_private/time-panel/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
@import '../../../../style/themes/seer.less';
@import '../../../../form/style/themes/seer.variable.less';
@import './seer.variable.less';

@import '../index.less';
1 change: 1 addition & 0 deletions packages/components/_private/time-panel/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import './seer.less'
4 changes: 4 additions & 0 deletions packages/components/_private/time-panel/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import './default.variable.less';

@time-panel-font-size: @font-size-sm;
@time-panel-window-border-color: @color-graphite-l30;
1 change: 1 addition & 0 deletions packages/components/affix/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../style/themes/default.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 2 additions & 2 deletions packages/components/affix/style/themes/default.ts
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// style dependencies
import '../../../style/core/default'
import '../../../icon/style/themes/default'
import '@idux/components/style/core/default'
import '@idux/components/icon/style/themes/default'

import './default.less'
4 changes: 4 additions & 0 deletions packages/components/affix/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
5 changes: 5 additions & 0 deletions packages/components/affix/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
// style dependencies
import '@idux/components/style/core/seer'
import '@idux/components/icon/style/themes/seer'

import './seer.less'
1 change: 1 addition & 0 deletions packages/components/affix/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './default.variable.less';
3 changes: 2 additions & 1 deletion packages/components/alert/docs/Index.zh.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,7 @@ export interface AlertPagination {
| `@alert-icon-margin-right-with-description` | `@spacing-lg` | - | - |
| `@alert-title-font-size-with-description` | `@font-size-lg` | - | - |
| `@alert-title-margin-bottom-with-description` | `@spacing-xs` | - | - |
| `@alert-pagination-icon-padding` | `0 @spacing-xs` | - | - |
| `@alert-pagination-text-padding` | `0 @spacing-xs` | - | - |
| `@alert-action-margin-left` | `@spacing-lg` | - | - |
| `@alert-icon-font-size` | `@font-size-lg` | - | - |
<!--- insert less variable end --->
12 changes: 10 additions & 2 deletions packages/components/alert/style/index.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,12 +47,16 @@

&-pagination {
margin-left: @alert-action-margin-left;
line-height: @alert-icon-font-size;
color: @alert-color-secondary;

&-text {
padding: @alert-pagination-text-padding;
}

&-icon {
cursor: pointer;
padding: @alert-pagination-icon-padding;

vertical-align: middle;
&:hover {
color: @alert-color;
}
Expand All @@ -74,4 +78,8 @@
color: @alert-color;
}
}

.@{icon-prefix} {
font-size: @alert-icon-font-size;
}
}
3 changes: 2 additions & 1 deletion packages/components/alert/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
4 changes: 3 additions & 1 deletion packages/components/alert/style/themes/default.variable.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,7 @@
@alert-title-font-size-with-description: @font-size-lg;
@alert-title-margin-bottom-with-description: @spacing-xs;

@alert-pagination-icon-padding: 0 @spacing-xs;
@alert-pagination-text-padding: 0 @spacing-xs;
@alert-action-margin-left: @spacing-lg;

@alert-icon-font-size: @font-size-lg;
4 changes: 4 additions & 0 deletions packages/components/alert/style/themes/seer.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
@import '../../../style/themes/seer.less';
@import './seer.variable.less';

@import '../index.less';
5 changes: 5 additions & 0 deletions packages/components/alert/style/themes/seer.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
// style dependencies
import '@idux/components/style/core/seer'
import '@idux/components/icon/style/themes/seer'

import './seer.less'
9 changes: 9 additions & 0 deletions packages/components/alert/style/themes/seer.variable.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
@import './default.variable.less';

@alert-font-size: @font-size-sm;

@alert-color-secondary: @color-graphite-l10;

@alert-padding: @spacing-xs @spacing-lg;

@alert-line-height: @font-size-2xl;
7 changes: 4 additions & 3 deletions packages/components/anchor/docs/Index.zh.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,13 +50,14 @@ subtitle: 锚点
| `@anchor-color` | `@text-color` | - | - |
| `@anchor-border-width` | `@border-width-md` | - | - |
| `@anchor-border-color` | `@border-color` | - | - |
| `@anchor-ink-ball-width` | `1px` | - | - |
| `@anchor-ink-ball-width` | `2px` | - | - |
| `@anchor-ink-ball-height` | `16px` | - | - |
| `@anchor-ink-ball-radius` | `2px` | - | - |
| `@anchor-ink-ball-border-width` | `@border-width-sm` | - | - |
| `@anchor-ink-line-border-width` | `@border-width-md` | - | - |
| `@anchor-ink-ball-background-color` | `@color-primary` | - | - |
| `@anchor-link-margin` | `@spacing-md 0 @spacing-md @spacing-lg` | - | - |
| `@anchor-link-font-size` | `@font-size-md` | - | - |
| `@anchor-link-line-height` | `1` | - | - |
| `@anchor-ink-line-width` | `1px` | - | - |
| `@anchor-link-active-color` | `@color-primary` | - | - |
| `@anchor-link-hover-color` | `@color-primary` | - | - |
<!--- insert less variable end --->
11 changes: 6 additions & 5 deletions packages/components/anchor/style/index.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
&::before {
position: relative;
display: block;
width: @anchor-ink-line-border-width;
width: @anchor-ink-line-width;
height: 100%;
margin: 0 auto;
background-color: @anchor-border-color;
Expand All @@ -32,14 +32,11 @@

&-ball {
position: absolute;
left: 50%;
display: none;
width: @anchor-ink-ball-width;
height: @anchor-ink-ball-height;
background-color: @anchor-background-color;
border: @anchor-ink-ball-border-width solid @anchor-link-active-color;
background-color: @anchor-ink-ball-background-color;
border-radius: @anchor-ink-ball-radius;
transform: translateX(-50%);
transition: top @transition-duration-base @ease-in-out;

&-visible {
Expand All @@ -66,6 +63,10 @@
text-decoration: none;
transition: @transition-all-base;

&:hover {
color: @anchor-link-hover-color;
}

&-active {
color: @anchor-link-active-color;
}
Expand Down
3 changes: 2 additions & 1 deletion packages/components/anchor/style/themes/default.less
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import '../../../style/themes/default.less';
@import '../index.less';
@import './default.variable.less';

@import '../index.less';
Loading

0 comments on commit ca7a2e5

Please sign in to comment.