SliderTimelineModel.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. /**
  20. * AUTO-GENERATED FILE. DO NOT MODIFY.
  21. */
  22. /*
  23. * Licensed to the Apache Software Foundation (ASF) under one
  24. * or more contributor license agreements. See the NOTICE file
  25. * distributed with this work for additional information
  26. * regarding copyright ownership. The ASF licenses this file
  27. * to you under the Apache License, Version 2.0 (the
  28. * "License"); you may not use this file except in compliance
  29. * with the License. You may obtain a copy of the License at
  30. *
  31. * http://www.apache.org/licenses/LICENSE-2.0
  32. *
  33. * Unless required by applicable law or agreed to in writing,
  34. * software distributed under the License is distributed on an
  35. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  36. * KIND, either express or implied. See the License for the
  37. * specific language governing permissions and limitations
  38. * under the License.
  39. */
  40. import { __extends } from "tslib";
  41. import TimelineModel from './TimelineModel.js';
  42. import { DataFormatMixin } from '../../model/mixin/dataFormat.js';
  43. import { mixin } from 'zrender/lib/core/util.js';
  44. import { inheritDefaultOption } from '../../util/component.js';
  45. var SliderTimelineModel =
  46. /** @class */
  47. function (_super) {
  48. __extends(SliderTimelineModel, _super);
  49. function SliderTimelineModel() {
  50. var _this = _super !== null && _super.apply(this, arguments) || this;
  51. _this.type = SliderTimelineModel.type;
  52. return _this;
  53. }
  54. SliderTimelineModel.type = 'timeline.slider';
  55. /**
  56. * @protected
  57. */
  58. SliderTimelineModel.defaultOption = inheritDefaultOption(TimelineModel.defaultOption, {
  59. backgroundColor: 'rgba(0,0,0,0)',
  60. borderColor: '#ccc',
  61. borderWidth: 0,
  62. orient: 'horizontal',
  63. inverse: false,
  64. tooltip: {
  65. trigger: 'item' // data item may also have tootip attr.
  66. },
  67. symbol: 'circle',
  68. symbolSize: 12,
  69. lineStyle: {
  70. show: true,
  71. width: 2,
  72. color: '#DAE1F5'
  73. },
  74. label: {
  75. position: 'auto',
  76. // When using number, label position is not
  77. // restricted by viewRect.
  78. // positive: right/bottom, negative: left/top
  79. show: true,
  80. interval: 'auto',
  81. rotate: 0,
  82. // formatter: null,
  83. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  84. color: '#A4B1D7'
  85. },
  86. itemStyle: {
  87. color: '#A4B1D7',
  88. borderWidth: 1
  89. },
  90. checkpointStyle: {
  91. symbol: 'circle',
  92. symbolSize: 15,
  93. color: '#316bf3',
  94. borderColor: '#fff',
  95. borderWidth: 2,
  96. shadowBlur: 2,
  97. shadowOffsetX: 1,
  98. shadowOffsetY: 1,
  99. shadowColor: 'rgba(0, 0, 0, 0.3)',
  100. // borderColor: 'rgba(194,53,49, 0.5)',
  101. animation: true,
  102. animationDuration: 300,
  103. animationEasing: 'quinticInOut'
  104. },
  105. controlStyle: {
  106. show: true,
  107. showPlayBtn: true,
  108. showPrevBtn: true,
  109. showNextBtn: true,
  110. itemSize: 24,
  111. itemGap: 12,
  112. position: 'left',
  113. playIcon: 'path://M31.6,53C17.5,53,6,41.5,6,27.4S17.5,1.8,31.6,1.8C45.7,1.8,57.2,13.3,57.2,27.4S45.7,53,31.6,53z M31.6,3.3 C18.4,3.3,7.5,14.1,7.5,27.4c0,13.3,10.8,24.1,24.1,24.1C44.9,51.5,55.7,40.7,55.7,27.4C55.7,14.1,44.9,3.3,31.6,3.3z M24.9,21.3 c0-2.2,1.6-3.1,3.5-2l10.5,6.1c1.899,1.1,1.899,2.9,0,4l-10.5,6.1c-1.9,1.1-3.5,0.2-3.5-2V21.3z',
  114. stopIcon: 'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z',
  115. // eslint-disable-next-line max-len
  116. nextIcon: 'M2,18.5A1.52,1.52,0,0,1,.92,18a1.49,1.49,0,0,1,0-2.12L7.81,9.36,1,3.11A1.5,1.5,0,1,1,3,.89l8,7.34a1.48,1.48,0,0,1,.49,1.09,1.51,1.51,0,0,1-.46,1.1L3,18.08A1.5,1.5,0,0,1,2,18.5Z',
  117. // eslint-disable-next-line max-len
  118. prevIcon: 'M10,.5A1.52,1.52,0,0,1,11.08,1a1.49,1.49,0,0,1,0,2.12L4.19,9.64,11,15.89a1.5,1.5,0,1,1-2,2.22L1,10.77A1.48,1.48,0,0,1,.5,9.68,1.51,1.51,0,0,1,1,8.58L9,.92A1.5,1.5,0,0,1,10,.5Z',
  119. prevBtnSize: 18,
  120. nextBtnSize: 18,
  121. color: '#A4B1D7',
  122. borderColor: '#A4B1D7',
  123. borderWidth: 1
  124. },
  125. emphasis: {
  126. label: {
  127. show: true,
  128. // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  129. color: '#6f778d'
  130. },
  131. itemStyle: {
  132. color: '#316BF3'
  133. },
  134. controlStyle: {
  135. color: '#316BF3',
  136. borderColor: '#316BF3',
  137. borderWidth: 2
  138. }
  139. },
  140. progress: {
  141. lineStyle: {
  142. color: '#316BF3'
  143. },
  144. itemStyle: {
  145. color: '#316BF3'
  146. },
  147. label: {
  148. color: '#6f778d'
  149. }
  150. },
  151. data: []
  152. });
  153. return SliderTimelineModel;
  154. }(TimelineModel);
  155. mixin(SliderTimelineModel, DataFormatMixin.prototype);
  156. export default SliderTimelineModel;