docs: 修复 transition 组件的在线 demo 会缺少样式的问题

js-tool-pack · Nov 29, 2023 · 966d1b4 · 966d1b4
1 parent e9f04df
commit 966d1b4
Show file tree

Hide file tree

Showing 10 changed files with 9 additions and 10 deletions.
diff --git a/.dumi/global.scss b/.dumi/global.scss
@@ -1,14 +1,4 @@
 @import '../packages/react-ui/src/index';
-.transition-box {
-  position: relative;
-  margin: auto;
-  width: 200px;
-  height: 60px;
-}
-.transition-box > div {
-  position: absolute;
-  width: 200px;
-}
 .markdown {
   td:not(:first-child) {
     word-break: break-word;

diff --git a/packages/components/src/transition/demo/adpter.tsx b/packages/components/src/transition/demo/adpter.tsx
@@ -6,6 +6,7 @@
 
 import { transitionCBAdapter, Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/all.tsx b/packages/components/src/transition/demo/all.tsx
@@ -5,6 +5,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/appear.tsx b/packages/components/src/transition/demo/appear.tsx
@@ -5,6 +5,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/basic.tsx b/packages/components/src/transition/demo/basic.tsx
@@ -6,6 +6,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/expired.tsx b/packages/components/src/transition/demo/expired.tsx
@@ -7,6 +7,7 @@
 
 import { transitionCBAdapter, Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 
 const App: React.FC = () => {
   const [visible, setVisible] = useReducer((prevState) => !prevState, true);

diff --git a/packages/components/src/transition/demo/mode.tsx b/packages/components/src/transition/demo/mode.tsx
@@ -7,6 +7,7 @@
 
 import { Transition, Button } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/on.tsx b/packages/components/src/transition/demo/on.tsx
@@ -12,6 +12,7 @@ import {
   Button,
 } from '@tool-pack/react-ui';
 import React, { useReducer } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/show-appear.tsx b/packages/components/src/transition/demo/show-appear.tsx
@@ -8,6 +8,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useReducer, useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {

diff --git a/packages/components/src/transition/demo/show.tsx b/packages/components/src/transition/demo/show.tsx
@@ -8,6 +8,7 @@
 
 import { Transition, Button, Space } from '@tool-pack/react-ui';
 import React, { useReducer, useState } from 'react';
+import './base.scss';
 import './fade.scss';
 
 const App: React.FC = () => {