cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
81 lines (80 loc) • 2.47 kB
JavaScript
import { __extends } from "../../../../tslib/tslib.es6.mjs";
import DataZoomModel from "./DataZoomModel.mjs";
import { inheritDefaultOption } from "../../util/component.mjs";
var SliderZoomModel = function(_super) {
__extends(SliderZoomModel2, _super);
function SliderZoomModel2() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.type = SliderZoomModel2.type;
return _this;
}
SliderZoomModel2.type = "dataZoom.slider";
SliderZoomModel2.layoutMode = "box";
SliderZoomModel2.defaultOption = inheritDefaultOption(DataZoomModel.defaultOption, {
show: true,
right: "ph",
top: "ph",
width: "ph",
height: "ph",
left: null,
bottom: null,
borderColor: "#d2dbee",
borderRadius: 3,
backgroundColor: "rgba(47,69,84,0)",
dataBackground: {
lineStyle: {
color: "#d2dbee",
width: 0.5
},
areaStyle: {
color: "#d2dbee",
opacity: 0.2
}
},
selectedDataBackground: {
lineStyle: {
color: "#8fb0f7",
width: 0.5
},
areaStyle: {
color: "#8fb0f7",
opacity: 0.2
}
},
fillerColor: "rgba(135,175,274,0.2)",
handleIcon: "path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z",
handleSize: "100%",
handleStyle: {
color: "#fff",
borderColor: "#ACB8D1"
},
moveHandleSize: 7,
moveHandleIcon: "path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z",
moveHandleStyle: {
color: "#D2DBEE",
opacity: 0.7
},
showDetail: true,
showDataShadow: "auto",
realtime: true,
zoomLock: false,
textStyle: {
color: "#6E7079"
},
brushSelect: true,
brushStyle: {
color: "rgba(135,175,274,0.15)"
},
emphasis: {
handleStyle: {
borderColor: "#8FB0F7"
},
moveHandleStyle: {
color: "#8FB0F7"
}
}
});
return SliderZoomModel2;
}(DataZoomModel);
var SliderZoomModel$1 = SliderZoomModel;
export { SliderZoomModel$1 as default };