Line.d.ts 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. import type { CSSProperties, ExtractPropTypes } from 'vue';
  2. import type { Direction } from '../config-provider';
  3. import type { StringGradients, ProgressGradient, ProgressSize } from './props';
  4. export declare const lineProps: () => {
  5. strokeColor: {
  6. default: string | ProgressGradient;
  7. type: import("vue").PropType<string | ProgressGradient>;
  8. };
  9. direction: {
  10. type: import("vue").PropType<Direction>;
  11. default: Direction;
  12. };
  13. prefixCls: StringConstructor;
  14. type: {
  15. type: import("vue").PropType<"circle" | "line" | "dashboard">;
  16. default: "circle" | "line" | "dashboard";
  17. };
  18. percent: NumberConstructor;
  19. format: {
  20. type: import("vue").PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  21. default: (percent?: number, successPercent?: number) => import("../_util/type").VueNode;
  22. };
  23. status: {
  24. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  25. default: "normal" | "active" | "success" | "exception";
  26. };
  27. showInfo: {
  28. type: BooleanConstructor;
  29. default: boolean;
  30. };
  31. strokeWidth: NumberConstructor;
  32. strokeLinecap: {
  33. type: import("vue").PropType<"round" | "butt" | "square">;
  34. default: "round" | "butt" | "square";
  35. };
  36. trailColor: StringConstructor;
  37. width: NumberConstructor;
  38. success: {
  39. type: import("vue").PropType<import("./props").SuccessProps>;
  40. default: import("./props").SuccessProps;
  41. };
  42. gapDegree: NumberConstructor;
  43. gapPosition: {
  44. type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
  45. default: "left" | "right" | "top" | "bottom";
  46. };
  47. size: {
  48. type: import("vue").PropType<ProgressSize>;
  49. default: ProgressSize;
  50. };
  51. steps: NumberConstructor;
  52. successPercent: NumberConstructor;
  53. title: StringConstructor;
  54. progressStatus: {
  55. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  56. default: "normal" | "active" | "success" | "exception";
  57. };
  58. };
  59. export type LineProps = Partial<ExtractPropTypes<ReturnType<typeof lineProps>>>;
  60. /**
  61. * {
  62. * '0%': '#afc163',
  63. * '75%': '#009900',
  64. * '50%': 'green', ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
  65. * '25%': '#66FF00',
  66. * '100%': '#ffffff'
  67. * }
  68. */
  69. export declare const sortGradient: (gradients: StringGradients) => string;
  70. /**
  71. * Then this man came to realize the truth: Besides six pence, there is the moon. Besides bread and
  72. * butter, there is the bug. And... Besides women, there is the code.
  73. *
  74. * @example
  75. * {
  76. * "0%": "#afc163",
  77. * "25%": "#66FF00",
  78. * "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
  79. * "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
  80. * "100%": "#ffffff"
  81. * }
  82. */
  83. export declare const handleGradient: (strokeColor: ProgressGradient, directionConfig?: Direction) => CSSProperties;
  84. declare const _default: import("vue").DefineComponent<{
  85. strokeColor: {
  86. default: string | ProgressGradient;
  87. type: import("vue").PropType<string | ProgressGradient>;
  88. };
  89. direction: {
  90. type: import("vue").PropType<Direction>;
  91. default: Direction;
  92. };
  93. prefixCls: StringConstructor;
  94. type: {
  95. type: import("vue").PropType<"circle" | "line" | "dashboard">;
  96. default: "circle" | "line" | "dashboard";
  97. };
  98. percent: NumberConstructor;
  99. format: {
  100. type: import("vue").PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  101. default: (percent?: number, successPercent?: number) => import("../_util/type").VueNode;
  102. };
  103. status: {
  104. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  105. default: "normal" | "active" | "success" | "exception";
  106. };
  107. showInfo: {
  108. type: BooleanConstructor;
  109. default: boolean;
  110. };
  111. strokeWidth: NumberConstructor;
  112. strokeLinecap: {
  113. type: import("vue").PropType<"round" | "butt" | "square">;
  114. default: "round" | "butt" | "square";
  115. };
  116. trailColor: StringConstructor;
  117. width: NumberConstructor;
  118. success: {
  119. type: import("vue").PropType<import("./props").SuccessProps>;
  120. default: import("./props").SuccessProps;
  121. };
  122. gapDegree: NumberConstructor;
  123. gapPosition: {
  124. type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
  125. default: "left" | "right" | "top" | "bottom";
  126. };
  127. size: {
  128. type: import("vue").PropType<ProgressSize>;
  129. default: ProgressSize;
  130. };
  131. steps: NumberConstructor;
  132. successPercent: NumberConstructor;
  133. title: StringConstructor;
  134. progressStatus: {
  135. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  136. default: "normal" | "active" | "success" | "exception";
  137. };
  138. }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
  139. strokeColor: {
  140. default: string | ProgressGradient;
  141. type: import("vue").PropType<string | ProgressGradient>;
  142. };
  143. direction: {
  144. type: import("vue").PropType<Direction>;
  145. default: Direction;
  146. };
  147. prefixCls: StringConstructor;
  148. type: {
  149. type: import("vue").PropType<"circle" | "line" | "dashboard">;
  150. default: "circle" | "line" | "dashboard";
  151. };
  152. percent: NumberConstructor;
  153. format: {
  154. type: import("vue").PropType<(percent?: number, successPercent?: number) => import("../_util/type").VueNode>;
  155. default: (percent?: number, successPercent?: number) => import("../_util/type").VueNode;
  156. };
  157. status: {
  158. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  159. default: "normal" | "active" | "success" | "exception";
  160. };
  161. showInfo: {
  162. type: BooleanConstructor;
  163. default: boolean;
  164. };
  165. strokeWidth: NumberConstructor;
  166. strokeLinecap: {
  167. type: import("vue").PropType<"round" | "butt" | "square">;
  168. default: "round" | "butt" | "square";
  169. };
  170. trailColor: StringConstructor;
  171. width: NumberConstructor;
  172. success: {
  173. type: import("vue").PropType<import("./props").SuccessProps>;
  174. default: import("./props").SuccessProps;
  175. };
  176. gapDegree: NumberConstructor;
  177. gapPosition: {
  178. type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
  179. default: "left" | "right" | "top" | "bottom";
  180. };
  181. size: {
  182. type: import("vue").PropType<ProgressSize>;
  183. default: ProgressSize;
  184. };
  185. steps: NumberConstructor;
  186. successPercent: NumberConstructor;
  187. title: StringConstructor;
  188. progressStatus: {
  189. type: import("vue").PropType<"normal" | "active" | "success" | "exception">;
  190. default: "normal" | "active" | "success" | "exception";
  191. };
  192. }>>, {
  193. size: ProgressSize;
  194. type: "circle" | "line" | "dashboard";
  195. direction: Direction;
  196. strokeLinecap: "round" | "butt" | "square";
  197. success: import("./props").SuccessProps;
  198. format: (percent?: number, successPercent?: number) => import("../_util/type").VueNode;
  199. status: "normal" | "active" | "success" | "exception";
  200. showInfo: boolean;
  201. strokeColor: string | ProgressGradient;
  202. gapPosition: "left" | "right" | "top" | "bottom";
  203. progressStatus: "normal" | "active" | "success" | "exception";
  204. }, {}>;
  205. export default _default;