props.d.ts 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. import type { VueNode } from '../_util/type';
  2. import type { ExtractPropTypes } from 'vue';
  3. export declare const progressStatuses: readonly ["normal", "exception", "active", "success"];
  4. export type ProgressStatusesType = (typeof progressStatuses)[number];
  5. declare const ProgressType: readonly ["line", "circle", "dashboard"];
  6. export type ProgressType = (typeof ProgressType)[number];
  7. declare const ProgressSize: readonly ["default", "small"];
  8. export type ProgressSize = (typeof ProgressSize)[number] | number | [number, number];
  9. export type StringGradients = {
  10. [percentage: string]: string;
  11. };
  12. type FromToGradients = {
  13. from: string;
  14. to: string;
  15. };
  16. export type ProgressGradient = {
  17. direction?: string;
  18. } & (StringGradients | FromToGradients);
  19. export interface SuccessProps {
  20. percent?: number;
  21. /** @deprecated Use `percent` instead */
  22. progress?: number;
  23. strokeColor?: string;
  24. }
  25. export declare const progressProps: () => {
  26. prefixCls: StringConstructor;
  27. type: {
  28. type: import("vue").PropType<"circle" | "line" | "dashboard">;
  29. default: "circle" | "line" | "dashboard";
  30. };
  31. percent: NumberConstructor;
  32. format: {
  33. type: import("vue").PropType<(percent?: number, successPercent?: number) => VueNode>;
  34. default: (percent?: number, successPercent?: number) => VueNode;
  35. };
  36. status: {
  37. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  38. default: "normal" | "active" | "success" | "exception";
  39. };
  40. showInfo: {
  41. type: BooleanConstructor;
  42. default: boolean;
  43. };
  44. strokeWidth: NumberConstructor;
  45. strokeLinecap: {
  46. type: import("vue").PropType<"round" | "butt" | "square">;
  47. default: "round" | "butt" | "square";
  48. };
  49. strokeColor: {
  50. default: string | string[] | ProgressGradient;
  51. type: import("vue").PropType<string | string[] | ProgressGradient>;
  52. };
  53. trailColor: StringConstructor;
  54. /** @deprecated Use `size` instead */
  55. width: NumberConstructor;
  56. success: {
  57. type: import("vue").PropType<SuccessProps>;
  58. default: SuccessProps;
  59. };
  60. gapDegree: NumberConstructor;
  61. gapPosition: {
  62. type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
  63. default: "left" | "right" | "top" | "bottom";
  64. };
  65. size: {
  66. type: import("vue").PropType<ProgressSize>;
  67. default: ProgressSize;
  68. };
  69. steps: NumberConstructor;
  70. /** @deprecated Use `success` instead */
  71. successPercent: NumberConstructor;
  72. title: StringConstructor;
  73. progressStatus: {
  74. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  75. default: "normal" | "active" | "success" | "exception";
  76. };
  77. };
  78. export type ProgressProps = Partial<ExtractPropTypes<ReturnType<typeof progressProps>>>;
  79. export {};