feat(component): remove dist files

.github/workflows/component-ci.yml

@@ -156,7 +156,7 @@ jobs:
       # 获得最后的Tag
       - name: 获得最后 Tag
         id: get_tag
-        run: echo "::set-env name=LAST_TAG::$(git describe --tags --abbrev=0)"
+        run: echo "LAST_TAG=$(git describe --tags --abbrev=0)" >> $GITHUB_ENV
 
       - name: 提交 Tag 🏄
         id: tag

UPDATE.zh-CN.md

@@ -26,6 +26,11 @@ timeline: false
 
 开发一套基于 `AntDesign@4.x` 的 `React UI` 组件库，有自己的主题，丰富 `AntDesign` 的组件。
 
+## 0.0.4
+
+- 🗑 移除 `dist` 文件夹，只支持 `import` 按需引入的方式。
+- 🐞 修复按需引入组件时，`Calendar`，`Card` 等组件样式异常的问题。
+
 ## 0.0.3
 
 - 🐞 `Watermark` 组件支持 `Modal` 和 `Drawer` 组件。

components/anchor/style/index.tsx

@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../affix/style';

components/audio-player/DownloadButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import IconDownload from '@hankliu/icons/DownloadOutlined';
+import IconDownload from '@hankliu/icons/IconDownload';
 
 export interface DownloadButtonProps {
   source: string;

components/audio-player/ErrorMask.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getLocale } from './locale';
-import IconRemind from '@hankliu/icons/CloseCircleOutlined';
+import IconRemind from '@hankliu/icons/IconRemind';
 
 export interface ErrorMaskProps {
   errorText?: string;

components/audio-player/PlayButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import IconVideoPlay from '@hankliu/icons/PlaySquareOutlined';
-import IconSuspend from '@hankliu/icons/PauseOutlined';
+import IconVideoPlay from '@hankliu/icons/IconVideoPlay';
+import IconSuspend from '@hankliu/icons/IconSuspend';
 
 export interface PlayButtonProps {
   paused: boolean;

components/audio-player/RateButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import IconSetUp from '@hankliu/icons/SettingOutlined';
+import IconSetUp from '@hankliu/icons/IconSetUp';
 import DropSelect from '../drop-select';
 import { getLocale } from './locale';
 

components/audio-player/VolumeButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import IconMute from '@hankliu/icons/MutedOutlined';
-import IconSound from '@hankliu/icons/SoundOutlined';
+import IconMute from '@hankliu/icons/IconMute';
+import IconSound from '@hankliu/icons/IconSound';
 import Slider from '../slider';
 import Dropdown from '../dropdown';
 

components/audio-player/style/index.less

@@ -2,36 +2,36 @@
 @import './progress.less';
 
 .hlui-audio {
+  position: relative;
+  display: flex;
+  align-items: center;
   width: 100%;
-  height: 52px;
   min-width: 250px;
+  height: 52px;
   min-height: 35px;
-  position: relative;
   padding: 8px;
-  display: flex;
-  align-items: center;
+  background-color: rgba(0, 0, 0, 0.5);
   cursor: pointer;
-  background-color: rgba(0,0,0,0.5);
 
   .control-btn {
     width: 32px;
     height: 32px;
+    margin: 2px;
+    padding: 7px 0;
+    color: #fff;
     font-size: 18px;
     line-height: 1em;
-    padding: 7px 0;
-    margin: 2px;
     text-align: center;
-    color: #fff;
     border-radius: 3px;
     &:hover {
       background-color: @color-primary;
     }
   }
 
   .control-progress {
+    position: relative;
     flex: 1;
     margin: 0 8px;
-    position: relative;
     &:hover .progress-tip {
       opacity: 1;
     }
@@ -43,61 +43,61 @@
   }
 
   .hlui-audio-error {
-    display: flex;
-    align-items: center;
-    justify-content: center;
     position: absolute;
     top: 0;
+    right: 0;
     bottom: 0;
     left: 0;
-    right: 0;
-    background: rgba(0,0,0,0.5);
     z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.5);
     cursor: default;
     .error-icon {
-      font-size: 26px;
       color: @color-danger;
+      font-size: 26px;
     }
     .error-text {
       margin-left: 8px;
-      font-size: 16px;
       color: @color-white;
+      font-size: 16px;
       opacity: 0.8;
     }
   }
 
   .progress-tip {
-    background: #fff;
-    border-radius: 3px;
+    position: absolute;
     bottom: 100%;
-    box-shadow: 0 1px 2px rgba(0,0,0,.15);
+    left: 50%;
+    z-index: 2;
+    margin-bottom: 10px;
+    padding: 5px 8px;
     color: @color-text;
     font-size: 14px;
-    left: 50%;
     line-height: 20px;
-    margin-bottom: 10px;
+    white-space: nowrap;
+    background: #fff;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+    transform: translate(-50%, 10px) scale(0.8);
+    transform-origin: 50% 100%;
     opacity: 0;
-    padding: 5px 8px;
+    transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
     pointer-events: none;
-    position: absolute;
-    transform: translate(-50%,10px) scale(.8);
-    transform-origin: 50% 100%;
-    transition: transform .2s .1s ease,opacity .2s .1s ease;
-    white-space: nowrap;
-    z-index: 2;
 
     &::before {
-      border-left: 4px solid transparent;
-      border-right: 4px solid transparent;
-      border-top: 4px solid #fff;
+      position: absolute;
       bottom: -4px;
-      content: '';
-      height: 0;
       left: 50%;
-      position: absolute;
-      transform: translateX(-50%);
-      width: 0;
       z-index: 2;
+      width: 0;
+      height: 0;
+      border-top: 4px solid #fff;
+      border-right: 4px solid transparent;
+      border-left: 4px solid transparent;
+      transform: translateX(-50%);
+      content: '';
     }
   }
 }
@@ -106,38 +106,38 @@
   position: absolute;
   top: 20px;
   right: 24px;
-  border-radius: 4px;
+  padding: 5px 10px;
   color: #fff;
   font-size: 12px;
-  padding: 5px 10px;
   background-color: rgba(51, 51, 51, 0.6);
+  border-radius: 4px;
 }
 
 .hlui-audio-sound-slider {
   width: 48px;
-  border-radius: 2px;
   padding: 12px 0;
   background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  border-radius: 2px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   .sound-value {
-    text-align: center;
+    padding-bottom: 4px;
     font-size: 14px;
     line-height: 20px;
-    padding-bottom: 4px;
+    text-align: center;
   }
   .slider-inner {
     height: 100px;
   }
   .hlui-slider-vertical {
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
     .hlui-slider-handle {
       width: 10px;
       height: 10px;
-      margin-left: -3px;
       margin-bottom: 0;
-      border: none;
+      margin-left: -3px;
       background-color: @color-primary;
+      border: none;
       box-shadow: none;
     }
   }

components/auto-complete/style/index.tsx

@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../select/style';

components/avatar/style/index.tsx

@@ -1,2 +1,6 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+// deps-lint-skip: grid
+import '../../popover/style';

components/breadcrumb/index.tsx

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import Breadcrumb from 'antd4x/lib/breadcrumb';
-import RightOutlined from '@hankliu/icons/RightOutlined';
+import IconRight from '@hankliu/icons/IconRight';
 import appendDefaultProps from '../_util/appendDefaultProps';
 
 appendDefaultProps();
 
 export * from 'antd4x/lib/breadcrumb';
 
 if (Breadcrumb.defaultProps) {
-  Breadcrumb.defaultProps.separator = <RightOutlined />;
+  Breadcrumb.defaultProps.separator = <IconRight />;
 } else {
   Breadcrumb.defaultProps = {
-    separator: <RightOutlined />,
+    separator: <IconRight />,
   };
 }
 export default Breadcrumb;

components/breadcrumb/style/index.tsx

@@ -1,2 +1,6 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../dropdown/style';
+import '../../menu/style';

components/calendar/style/index.tsx

@@ -1,2 +1,8 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+// deps-lint-skip: date-picker, form
+import '../../date-picker/style';
+import '../../radio/style';
+import '../../select/style';

components/card/style/index.tsx

@@ -1,2 +1,6 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../skeleton/style';
+import '../../tabs/style';

components/category-tree-select/style/index.tsx

@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../hl-select/style';

components/check-list/style/index.tsx

@@ -1,6 +1,7 @@
 import '../../style/index.less';
 import './index.less';
 
+// style dependencies
 import '../../checkbox/style';
 import '../../select/style';
 import '../../collapse/style';

components/clipboard/style/index.tsx

@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../message/style';

components/col/style/index.tsx

@@ -1 +1,4 @@
+import '../../style/index.less';
+
+// style dependencies
 import '../../grid/style';

components/dropdown/style/index.tsx

@@ -1,2 +1,7 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../button/style';
+import '../../menu/style';
+import '../../space/style';

components/file-select/style/index.tsx

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 
-import '../../message/style/'
+// style dependencies
+import '../../message/style/';

components/gallery/Image.tsx

@@ -1,10 +1,10 @@
 // @ts-nocheck
 import * as React from 'react';
 import loadImg from '../_util/loadImage';
-import IconPictureEnlarge from '@hankliu/icons/PictureOutlined';
-import IconPictureNarrow from '@hankliu/icons/PictureOutlined';
-import IconPictureRotate from '@hankliu/icons/PictureOutlined';
-import IconRefresh from '@hankliu/icons/PictureOutlined';
+import IconPictureEnlarge from '@hankliu/icons/IconPictureEnlarge';
+import IconPictureNarrow from '@hankliu/icons/IconPictureNarrow';
+import IconPictureRotate from '@hankliu/icons/IconPictureRotate';
+import IconRefresh from '@hankliu/icons/IconRefresh';
 import { getLocale } from './locale';
 import Tooltip from '../tooltip';
 import LoadingOutlined from '@hankliu/icons/LoadingOutlined';

components/gallery/Panel.tsx

@@ -1,10 +1,10 @@
 // @ts-nocheck
 import React from 'react';
 import cs from 'classnames';
-import IconLeft from '@hankliu/icons/LeftOutlined';
-import IconRight from '@hankliu/icons/RightOutlined';
-import IconDownload from '@hankliu/icons/DownloadOutlined';
-import IconShut from '@hankliu/icons/ShrinkOutlined';
+import IconLeft from '@hankliu/icons/IconLeft';
+import IconRight from '@hankliu/icons/IconRight';
+import IconDownload from '@hankliu/icons/IconDownload';
+import IconShut from '@hankliu/icons/IconShut';
 import getFileName from '../_util/getFileName';
 import _downloadFile from '../_util/downloadFile';
 import Image from './Image';

components/gallery/style/index.tsx

@@ -1,6 +1,7 @@
 import '../../style/index.less';
 import './index.less';
 
+// style dependencies
 import '../../modal/style';
 import '../../tooltip/style';
 import '../../video-player/style';

components/hl-carousel/style/index.tsx

@@ -1,2 +1,6 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../empty/style';
+import '../../select/style';