refactor(ProgressBar): Upgrade ProgressBar to Antd 5 (#29666)

(cherry picked from commit 3de2b7c989)
This commit is contained in:
Geido
2024-07-23 18:59:41 +03:00
committed by Joe Li
parent 604fe27ed1
commit 0f1663b2ec
3 changed files with 51 additions and 22 deletions

View File

@@ -16,6 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
import { AntdThemeProvider } from 'src/components/AntdThemeProvider';
import ProgressBar, { ProgressBarProps } from '.';
export default {
@@ -24,32 +25,39 @@ export default {
};
export const InteractiveProgressBar = (args: ProgressBarProps) => (
<ProgressBar {...args} />
<AntdThemeProvider>
<ProgressBar {...args} type="line" />
</AntdThemeProvider>
);
InteractiveProgressBar.args = {
export const InteractiveProgressCircle = (args: ProgressBarProps) => (
<AntdThemeProvider>
<ProgressBar {...args} type="circle" />
</AntdThemeProvider>
);
export const InteractiveProgressDashboard = (args: ProgressBarProps) => (
<AntdThemeProvider>
<ProgressBar {...args} type="dashboard" />
</AntdThemeProvider>
);
const commonArgs = {
striped: true,
percent: 90,
showInfo: true,
status: 'normal',
strokeColor: '#FF0000',
trailColor: '#000',
strokeLinecap: 'round',
type: 'line',
};
InteractiveProgressBar.argTypes = {
status: {
control: {
type: 'select',
},
options: ['normal', 'success', 'exception', 'active'],
},
const commonArgTypes = {
strokeLinecap: {
control: {
type: 'select',
},
options: ['round', 'square'],
options: ['round', 'butt', 'square'],
},
type: {
control: {
@@ -58,3 +66,26 @@ InteractiveProgressBar.argTypes = {
options: ['line', 'circle', 'dashboard'],
},
};
InteractiveProgressBar.args = {
...commonArgs,
status: 'normal',
};
InteractiveProgressBar.argTypes = {
...commonArgTypes,
status: {
control: {
type: 'select',
},
options: ['normal', 'success', 'exception', 'active'],
},
};
InteractiveProgressCircle.args = commonArgs;
InteractiveProgressCircle.argTypes = commonArgTypes;
InteractiveProgressDashboard.args = commonArgs;
InteractiveProgressDashboard.argTypes = commonArgTypes;