Line.d.ts 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. import type { ExtractPropTypes, PropType } from 'vue';
  2. import type { Direction } from '../config-provider';
  3. import type { StringGradients, ProgressGradient } from './props';
  4. export declare const lineProps: () => {
  5. prefixCls: StringConstructor;
  6. direction: {
  7. type: PropType<Direction>;
  8. };
  9. type: import("vue-types").VueTypeDef<"circle" | "line" | "dashboard">;
  10. percent: NumberConstructor;
  11. format: {
  12. type: PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  13. };
  14. status: import("vue-types").VueTypeDef<"normal" | "active" | "success" | "exception">;
  15. showInfo: {
  16. type: BooleanConstructor;
  17. default: any;
  18. };
  19. strokeWidth: NumberConstructor;
  20. strokeLinecap: PropType<"round" | "butt" | "square">;
  21. strokeColor: {
  22. type: PropType<string | ProgressGradient>;
  23. default: string | ProgressGradient;
  24. };
  25. trailColor: StringConstructor;
  26. width: NumberConstructor;
  27. success: {
  28. type: PropType<import("./props").SuccessProps>;
  29. default: () => import("./props").SuccessProps;
  30. };
  31. gapDegree: NumberConstructor;
  32. gapPosition: PropType<"left" | "right" | "bottom" | "top">;
  33. size: import("vue-types").VueTypeDef<"default" | "small">;
  34. steps: NumberConstructor;
  35. successPercent: NumberConstructor;
  36. title: StringConstructor;
  37. };
  38. export declare type LineProps = Partial<ExtractPropTypes<ReturnType<typeof lineProps>>>;
  39. /**
  40. * {
  41. * '0%': '#afc163',
  42. * '75%': '#009900',
  43. * '50%': 'green', ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
  44. * '25%': '#66FF00',
  45. * '100%': '#ffffff'
  46. * }
  47. */
  48. export declare const sortGradient: (gradients: StringGradients) => string;
  49. /**
  50. * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
  51. * butter, there is the bug. And... Besides women, there is the code.
  52. *
  53. * @example
  54. * {
  55. * "0%": "#afc163",
  56. * "25%": "#66FF00",
  57. * "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
  58. * "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
  59. * "100%": "#ffffff"
  60. * }
  61. */
  62. export declare const handleGradient: (strokeColor: ProgressGradient, directionConfig: Direction) => {
  63. backgroundImage: string;
  64. };
  65. declare const _default: import("vue").DefineComponent<{
  66. prefixCls: StringConstructor;
  67. direction: {
  68. type: PropType<Direction>;
  69. };
  70. type: import("vue-types").VueTypeDef<"circle" | "line" | "dashboard">;
  71. percent: NumberConstructor;
  72. format: {
  73. type: PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  74. };
  75. status: import("vue-types").VueTypeDef<"normal" | "active" | "success" | "exception">;
  76. showInfo: {
  77. type: BooleanConstructor;
  78. default: any;
  79. };
  80. strokeWidth: NumberConstructor;
  81. strokeLinecap: PropType<"round" | "butt" | "square">;
  82. strokeColor: {
  83. type: PropType<string | ProgressGradient>;
  84. default: string | ProgressGradient;
  85. };
  86. trailColor: StringConstructor;
  87. width: NumberConstructor;
  88. success: {
  89. type: PropType<import("./props").SuccessProps>;
  90. default: () => import("./props").SuccessProps;
  91. };
  92. gapDegree: NumberConstructor;
  93. gapPosition: PropType<"left" | "right" | "bottom" | "top">;
  94. size: import("vue-types").VueTypeDef<"default" | "small">;
  95. steps: NumberConstructor;
  96. successPercent: NumberConstructor;
  97. title: StringConstructor;
  98. }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
  99. prefixCls: StringConstructor;
  100. direction: {
  101. type: PropType<Direction>;
  102. };
  103. type: import("vue-types").VueTypeDef<"circle" | "line" | "dashboard">;
  104. percent: NumberConstructor;
  105. format: {
  106. type: PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  107. };
  108. status: import("vue-types").VueTypeDef<"normal" | "active" | "success" | "exception">;
  109. showInfo: {
  110. type: BooleanConstructor;
  111. default: any;
  112. };
  113. strokeWidth: NumberConstructor;
  114. strokeLinecap: PropType<"round" | "butt" | "square">;
  115. strokeColor: {
  116. type: PropType<string | ProgressGradient>;
  117. default: string | ProgressGradient;
  118. };
  119. trailColor: StringConstructor;
  120. width: NumberConstructor;
  121. success: {
  122. type: PropType<import("./props").SuccessProps>;
  123. default: () => import("./props").SuccessProps;
  124. };
  125. gapDegree: NumberConstructor;
  126. gapPosition: PropType<"left" | "right" | "bottom" | "top">;
  127. size: import("vue-types").VueTypeDef<"default" | "small">;
  128. steps: NumberConstructor;
  129. successPercent: NumberConstructor;
  130. title: StringConstructor;
  131. }>>, {
  132. success: import("./props").SuccessProps;
  133. showInfo: boolean;
  134. strokeColor: string | ProgressGradient;
  135. }>;
  136. export default _default;