From 1750e163c04e75c91a096e93d7d8fc621cf6aced Mon Sep 17 00:00:00 2001 From: tangjinzhou <415800467@qq.com> Date: Sun, 13 Mar 2022 13:21:16 +0800 Subject: [PATCH] style: style file name --- .../affix/style/{index.ts => index.tsx} | 0 .../alert/style/{index.ts => index.tsx} | 0 .../avatar/style/{index.ts => index.tsx} | 0 .../button/style/{index.ts => index.tsx} | 0 components/col/style/{index.ts => index.tsx} | 0 components/color-picker/style/index.less | 121 ------------------ components/color-picker/style/index.ts | 4 - components/color-picker/style/index.tsx | 2 + .../style/{index.ts => index.tsx} | 0 components/icon/style/{index.ts => index.tsx} | 0 .../style/{index.ts => index.tsx} | 0 .../statistic/style/{index.ts => index.tsx} | 0 .../version/style/{index.ts => index.tsx} | 0 13 files changed, 2 insertions(+), 125 deletions(-) rename components/affix/style/{index.ts => index.tsx} (100%) rename components/alert/style/{index.ts => index.tsx} (100%) rename components/avatar/style/{index.ts => index.tsx} (100%) rename components/button/style/{index.ts => index.tsx} (100%) rename components/col/style/{index.ts => index.tsx} (100%) delete mode 100644 components/color-picker/style/index.less delete mode 100644 components/color-picker/style/index.ts create mode 100644 components/color-picker/style/index.tsx rename components/config-provider/style/{index.ts => index.tsx} (100%) rename components/icon/style/{index.ts => index.tsx} (100%) rename components/locale-provider/style/{index.ts => index.tsx} (100%) rename components/statistic/style/{index.ts => index.tsx} (100%) rename components/version/style/{index.ts => index.tsx} (100%) diff --git a/components/affix/style/index.ts b/components/affix/style/index.tsx similarity index 100% rename from components/affix/style/index.ts rename to components/affix/style/index.tsx diff --git a/components/alert/style/index.ts b/components/alert/style/index.tsx similarity index 100% rename from components/alert/style/index.ts rename to components/alert/style/index.tsx diff --git a/components/avatar/style/index.ts b/components/avatar/style/index.tsx similarity index 100% rename from components/avatar/style/index.ts rename to components/avatar/style/index.tsx diff --git a/components/button/style/index.ts b/components/button/style/index.tsx similarity index 100% rename from components/button/style/index.ts rename to components/button/style/index.tsx diff --git a/components/col/style/index.ts b/components/col/style/index.tsx similarity index 100% rename from components/col/style/index.ts rename to components/col/style/index.tsx diff --git a/components/color-picker/style/index.less b/components/color-picker/style/index.less deleted file mode 100644 index 42ab89c5b..000000000 --- a/components/color-picker/style/index.less +++ /dev/null @@ -1,121 +0,0 @@ -@import '../../style/themes/index'; -@import '../../input/style/mixin'; - -@color-picker-prefix-cls: ~'@{ant-prefix}-color-picker'; -.@{color-picker-prefix-cls} { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(0, 0, 0, 0.65); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-block; - outline: none; - cursor: pointer; - transition: opacity 0.3s; - min-width: 55px; - .pickr { - display: inline-block; - .pcr-button { - width: 18px; - height: 18px; - margin-left: 7px; - &:focus { - box-shadow: none; - } - } - } - &.@{color-picker-prefix-cls}-disabled { - cursor: not-allowed; - .@{color-picker-prefix-cls}-selection { - background: @input-disabled-bg; - box-shadow: none; - border: @border-width-base @border-style-base @select-border-color; - &:hover, - &:focus, - &:active { - border: @border-width-base @border-style-base @select-border-color; - box-shadow: none; - } - } - &.@{color-picker-prefix-cls}-open { - .@{color-picker-prefix-cls}-icon { - & svg { - transform: none; - } - } - } - } - &-open { - .@{color-picker-prefix-cls}-icon { - & svg { - transform: rotate(180deg); - } - } - .@{color-picker-prefix-cls}-selection { - .active(); - } - } - &-selection { - display: block; - box-sizing: border-box; - background-color: @select-background; - border: @border-width-base @border-style-base @select-border-color; - border-top-width: @border-width-base + 0.02px; - border-radius: @border-radius-base; - outline: none; - transition: all 0.3s @ease-in-out; - user-select: none; - - position: relative; - height: @input-height-base; - cursor: inherit; - &:hover { - .hover(); - } - } - &-icon { - .iconfont-mixin(); - position: absolute; - top: 50%; - right: @control-padding-horizontal - 4px; - margin-top: (-@font-size-sm / 2); - color: @disabled-color; - font-size: @font-size-sm; - line-height: 1; - transform-origin: 50% 50%; - & svg { - transition: transform 0.3s; - } - } - &-lg { - font-size: @font-size-lg; - .@{color-picker-prefix-cls}-selection { - line-height: @input-height-lg - 12; - height: @input-height-lg; - } - .@{color-picker-prefix-cls}-icon { - top: (@input-height-lg / 2); - } - } - - &-sm { - .@{color-picker-prefix-cls}-selection { - line-height: @input-height-sm - 12; - height: @input-height-sm; - } - .pickr .pcr-button { - width: 14px; - height: 14px; - } - .@{color-picker-prefix-cls}-icon { - right: @control-padding-horizontal - 2px; - top: (@input-height-sm / 2); - font-size: 10px; - } - } -} diff --git a/components/color-picker/style/index.ts b/components/color-picker/style/index.ts deleted file mode 100644 index 5c465d6dc..000000000 --- a/components/color-picker/style/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -import '../../style/index.less'; -import './index.less'; -// style dependencies -import '../../grid/style'; diff --git a/components/color-picker/style/index.tsx b/components/color-picker/style/index.tsx new file mode 100644 index 000000000..934b4e144 --- /dev/null +++ b/components/color-picker/style/index.tsx @@ -0,0 +1,2 @@ +// TODO +import '../../style/index.less'; diff --git a/components/config-provider/style/index.ts b/components/config-provider/style/index.tsx similarity index 100% rename from components/config-provider/style/index.ts rename to components/config-provider/style/index.tsx diff --git a/components/icon/style/index.ts b/components/icon/style/index.tsx similarity index 100% rename from components/icon/style/index.ts rename to components/icon/style/index.tsx diff --git a/components/locale-provider/style/index.ts b/components/locale-provider/style/index.tsx similarity index 100% rename from components/locale-provider/style/index.ts rename to components/locale-provider/style/index.tsx diff --git a/components/statistic/style/index.ts b/components/statistic/style/index.tsx similarity index 100% rename from components/statistic/style/index.ts rename to components/statistic/style/index.tsx diff --git a/components/version/style/index.ts b/components/version/style/index.tsx similarity index 100% rename from components/version/style/index.ts rename to components/version/style/index.tsx