bkui-vue 0.0.1-beta.391 → 0.0.1-beta.392
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/affix/index.js +128 -60
- package/lib/alert/index.js +124 -56
- package/lib/animate-number/index.js +106 -42
- package/lib/backtop/index.js +133 -61
- package/lib/badge/index.js +114 -50
- package/lib/breadcrumb/index.js +133 -67
- package/lib/button/index.js +147 -68
- package/lib/card/index.js +154 -69
- package/lib/cascader/index.js +242 -168
- package/lib/checkbox/index.js +139 -77
- package/lib/code-diff/index.js +121 -79
- package/lib/collapse/index.js +150 -84
- package/lib/color-picker/index.js +245 -193
- package/lib/components.js +671 -434
- package/lib/container/index.js +125 -64
- package/lib/date-picker/index.js +563 -462
- package/lib/dialog/index.js +198 -108
- package/lib/directives/index.js +138 -92
- package/lib/dist.index.js +133 -48
- package/lib/divider/index.js +118 -50
- package/lib/dropdown/index.js +155 -73
- package/lib/exception/index.js +145 -97
- package/lib/fixed-navbar/index.js +107 -43
- package/lib/form/index.js +193 -107
- package/lib/icon/angle-double-down-line.js +90 -30
- package/lib/icon/angle-double-left-line.js +90 -30
- package/lib/icon/angle-double-left.js +90 -30
- package/lib/icon/angle-double-right-line.js +90 -30
- package/lib/icon/angle-double-right.js +90 -30
- package/lib/icon/angle-double-up-line.js +90 -30
- package/lib/icon/angle-down-fill.js +90 -30
- package/lib/icon/angle-down-line.js +90 -30
- package/lib/icon/angle-down.js +90 -30
- package/lib/icon/angle-left.js +90 -30
- package/lib/icon/angle-right.js +90 -30
- package/lib/icon/angle-up-fill.js +90 -30
- package/lib/icon/angle-up.js +90 -30
- package/lib/icon/archive-fill.js +90 -30
- package/lib/icon/arrows-left.js +90 -30
- package/lib/icon/arrows-right.js +90 -30
- package/lib/icon/audio-fill.js +90 -30
- package/lib/icon/bk.js +90 -30
- package/lib/icon/circle.js +90 -30
- package/lib/icon/close-line.js +90 -30
- package/lib/icon/close.js +90 -30
- package/lib/icon/code.js +90 -30
- package/lib/icon/cog-shape.js +90 -30
- package/lib/icon/collapse-left.js +90 -30
- package/lib/icon/copy.js +90 -30
- package/lib/icon/data-shape.js +90 -30
- package/lib/icon/del.js +90 -30
- package/lib/icon/doc-fill.js +90 -30
- package/lib/icon/done.js +90 -30
- package/lib/icon/down-shape.js +90 -30
- package/lib/icon/down-small.js +90 -30
- package/lib/icon/edit-line.js +90 -30
- package/lib/icon/ellipsis.js +90 -30
- package/lib/icon/enlarge-line.js +90 -30
- package/lib/icon/error.js +90 -30
- package/lib/icon/excel-fill.js +90 -30
- package/lib/icon/exclamation-circle-shape.js +90 -30
- package/lib/icon/eye.js +90 -30
- package/lib/icon/filliscreen-line.js +90 -30
- package/lib/icon/folder-open.js +90 -30
- package/lib/icon/folder-shape-open.js +90 -30
- package/lib/icon/folder-shape.js +90 -30
- package/lib/icon/folder.js +90 -30
- package/lib/icon/funnel.js +90 -30
- package/lib/icon/help-document-fill.js +90 -30
- package/lib/icon/help-fill.js +90 -30
- package/lib/icon/help.js +90 -30
- package/lib/icon/image-fill.js +90 -30
- package/lib/icon/img-placehoulder.js +88 -52
- package/lib/icon/index.js +255 -267
- package/lib/icon/info-line.js +88 -52
- package/lib/icon/info.js +88 -52
- package/lib/icon/left-shape.js +88 -52
- package/lib/icon/left-turn-line.js +88 -52
- package/lib/icon/narrow-line.js +88 -52
- package/lib/icon/original.js +88 -52
- package/lib/icon/pdf-fill.js +88 -52
- package/lib/icon/play-shape.js +88 -52
- package/lib/icon/plus.js +88 -52
- package/lib/icon/ppt-fill.js +88 -52
- package/lib/icon/qq.js +88 -52
- package/lib/icon/right-shape.js +88 -52
- package/lib/icon/right-turn-line.js +88 -52
- package/lib/icon/search.js +88 -52
- package/lib/icon/share.js +88 -52
- package/lib/icon/spinner.js +88 -52
- package/lib/icon/success.js +88 -52
- package/lib/icon/switcher-loading.js +88 -52
- package/lib/icon/text-file.js +88 -52
- package/lib/icon/text-fill.js +88 -52
- package/lib/icon/transfer.js +88 -52
- package/lib/icon/tree-application-shape.js +88 -52
- package/lib/icon/unfull-screen.js +88 -52
- package/lib/icon/unvisible.js +88 -52
- package/lib/icon/up-shape.js +88 -52
- package/lib/icon/upload.js +88 -52
- package/lib/icon/video-fill.js +88 -52
- package/lib/icon/warn.js +88 -52
- package/lib/icon/weixin.js +88 -52
- package/lib/image/index.js +213 -164
- package/lib/index.js +134 -50
- package/lib/info-box/index.js +206 -152
- package/lib/input/index.js +167 -99
- package/lib/link/index.js +115 -47
- package/lib/loading/index.js +127 -67
- package/lib/menu/index.js +156 -92
- package/lib/message/index.js +148 -76
- package/lib/modal/index.js +151 -85
- package/lib/navigation/index.js +134 -66
- package/lib/notify/index.js +153 -81
- package/lib/overflow-title/index.js +128 -92
- package/lib/pagination/index.js +220 -131
- package/lib/plugin-popover/index.js +190 -143
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.js +193 -148
- package/lib/popover2/index.js +99 -35
- package/lib/preset.js +104 -37
- package/lib/process/index.js +134 -92
- package/lib/progress/index.js +127 -63
- package/lib/radio/index.js +142 -81
- package/lib/rate/index.js +127 -63
- package/lib/resize-layout/index.js +147 -79
- package/lib/search-select/index.js +220 -168
- package/lib/select/index.js +394 -315
- package/lib/shared/index.js +203 -228
- package/lib/sideslider/index.js +137 -88
- package/lib/slider/index.js +196 -147
- package/lib/steps/index.js +152 -105
- package/lib/swiper/index.js +126 -62
- package/lib/switcher/index.js +133 -65
- package/lib/tab/index.js +188 -118
- package/lib/table/index.js +572 -457
- package/lib/table-column/index.js +197 -129
- package/lib/tag/index.js +130 -58
- package/lib/tag-input/index.js +277 -175
- package/lib/time-picker/index.js +111 -40
- package/lib/timeline/index.js +114 -50
- package/lib/transfer/index.js +174 -89
- package/lib/tree/index.js +235 -158
- package/lib/upload/index.js +227 -173
- package/lib/virtual-render/index.js +154 -86
- package/package.json +1 -1
package/lib/slider/index.js
CHANGED
@@ -1,8 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../input"), require("../popover"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../input", "../popover"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../input"), require("../popover")) : factory(root["../shared"], root["vue"], root["../input"], root["../popover"]);
|
8
|
+
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
|
+
}
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__8133__, __WEBPACK_EXTERNAL_MODULE__5537__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ var __webpack_modules__ = ({
|
6
13
|
|
7
14
|
/***/ 7162:
|
8
15
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
@@ -771,82 +778,124 @@ try {
|
|
771
778
|
}
|
772
779
|
|
773
780
|
|
781
|
+
/***/ }),
|
782
|
+
|
783
|
+
/***/ 8133:
|
784
|
+
/***/ ((module) => {
|
785
|
+
|
786
|
+
"use strict";
|
787
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__8133__;
|
788
|
+
|
789
|
+
/***/ }),
|
790
|
+
|
791
|
+
/***/ 5537:
|
792
|
+
/***/ ((module) => {
|
793
|
+
|
794
|
+
"use strict";
|
795
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__5537__;
|
796
|
+
|
797
|
+
/***/ }),
|
798
|
+
|
799
|
+
/***/ 4212:
|
800
|
+
/***/ ((module) => {
|
801
|
+
|
802
|
+
"use strict";
|
803
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
804
|
+
|
805
|
+
/***/ }),
|
806
|
+
|
807
|
+
/***/ 748:
|
808
|
+
/***/ ((module) => {
|
809
|
+
|
810
|
+
"use strict";
|
811
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
812
|
+
|
774
813
|
/***/ })
|
775
814
|
|
776
|
-
/******/
|
815
|
+
/******/ });
|
777
816
|
/************************************************************************/
|
778
|
-
/******/
|
779
|
-
/******/
|
780
|
-
/******/
|
781
|
-
/******/
|
782
|
-
/******/
|
783
|
-
/******/
|
784
|
-
/******/
|
785
|
-
/******/
|
786
|
-
/******/
|
817
|
+
/******/ // The module cache
|
818
|
+
/******/ var __webpack_module_cache__ = {};
|
819
|
+
/******/
|
820
|
+
/******/ // The require function
|
821
|
+
/******/ function __webpack_require__(moduleId) {
|
822
|
+
/******/ // Check if module is in cache
|
823
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
824
|
+
/******/ if (cachedModule !== undefined) {
|
825
|
+
/******/ return cachedModule.exports;
|
826
|
+
/******/ }
|
827
|
+
/******/ // Create a new module (and put it into the cache)
|
828
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
829
|
+
/******/ // no module.id needed
|
830
|
+
/******/ // no module.loaded needed
|
831
|
+
/******/ exports: {}
|
832
|
+
/******/ };
|
833
|
+
/******/
|
834
|
+
/******/ // Execute the module function
|
835
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
836
|
+
/******/
|
837
|
+
/******/ // Return the exports of the module
|
838
|
+
/******/ return module.exports;
|
787
839
|
/******/ }
|
788
|
-
/******/
|
789
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
790
|
-
/******/ // no module.id needed
|
791
|
-
/******/ // no module.loaded needed
|
792
|
-
/******/ exports: {}
|
793
|
-
/******/ };
|
794
|
-
/******/
|
795
|
-
/******/ // Execute the module function
|
796
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
797
|
-
/******/
|
798
|
-
/******/ // Return the exports of the module
|
799
|
-
/******/ return module.exports;
|
800
|
-
/******/ }
|
801
|
-
/******/
|
840
|
+
/******/
|
802
841
|
/************************************************************************/
|
803
|
-
/******/
|
804
|
-
/******/
|
805
|
-
/******/
|
806
|
-
/******/
|
807
|
-
/******/
|
808
|
-
/******/
|
809
|
-
/******/
|
810
|
-
/******/
|
811
|
-
/******/
|
812
|
-
/******/
|
813
|
-
/******/
|
814
|
-
/******/
|
815
|
-
/******/
|
816
|
-
/******/
|
817
|
-
/******/
|
818
|
-
/******/
|
819
|
-
/******/
|
820
|
-
/******/
|
821
|
-
/******/
|
842
|
+
/******/ /* webpack/runtime/compat get default export */
|
843
|
+
/******/ (() => {
|
844
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
845
|
+
/******/ __webpack_require__.n = (module) => {
|
846
|
+
/******/ var getter = module && module.__esModule ?
|
847
|
+
/******/ () => (module['default']) :
|
848
|
+
/******/ () => (module);
|
849
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
850
|
+
/******/ return getter;
|
851
|
+
/******/ };
|
852
|
+
/******/ })();
|
853
|
+
/******/
|
854
|
+
/******/ /* webpack/runtime/define property getters */
|
855
|
+
/******/ (() => {
|
856
|
+
/******/ // define getter functions for harmony exports
|
857
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
858
|
+
/******/ for(var key in definition) {
|
859
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
860
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
861
|
+
/******/ }
|
822
862
|
/******/ }
|
823
|
-
/******/ }
|
824
|
-
/******/ };
|
825
|
-
/******/
|
826
|
-
/******/
|
827
|
-
/******/
|
828
|
-
/******/ (
|
829
|
-
/******/
|
830
|
-
/******/
|
831
|
-
/******/
|
863
|
+
/******/ };
|
864
|
+
/******/ })();
|
865
|
+
/******/
|
866
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
867
|
+
/******/ (() => {
|
868
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
869
|
+
/******/ })();
|
870
|
+
/******/
|
871
|
+
/******/ /* webpack/runtime/make namespace object */
|
872
|
+
/******/ (() => {
|
873
|
+
/******/ // define __esModule on exports
|
874
|
+
/******/ __webpack_require__.r = (exports) => {
|
875
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
876
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
877
|
+
/******/ }
|
878
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
879
|
+
/******/ };
|
880
|
+
/******/ })();
|
881
|
+
/******/
|
832
882
|
/************************************************************************/
|
833
883
|
var __webpack_exports__ = {};
|
834
|
-
// This entry need to be wrapped in an IIFE because it need to be
|
884
|
+
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
835
885
|
(() => {
|
886
|
+
"use strict";
|
887
|
+
// ESM COMPAT FLAG
|
888
|
+
__webpack_require__.r(__webpack_exports__);
|
836
889
|
|
837
890
|
// EXPORTS
|
838
891
|
__webpack_require__.d(__webpack_exports__, {
|
839
|
-
"
|
892
|
+
"default": () => (/* binding */ src)
|
840
893
|
});
|
841
894
|
|
842
|
-
|
843
|
-
var
|
844
|
-
|
845
|
-
|
846
|
-
;// CONCATENATED MODULE: external "vue"
|
847
|
-
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
848
|
-
var external_vue_y = x => () => x
|
849
|
-
const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
895
|
+
// EXTERNAL MODULE: external "../shared"
|
896
|
+
var external_shared_ = __webpack_require__(4212);
|
897
|
+
// EXTERNAL MODULE: external "vue"
|
898
|
+
var external_vue_ = __webpack_require__(748);
|
850
899
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
|
851
900
|
var regenerator = __webpack_require__(7162);
|
852
901
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
@@ -1100,14 +1149,12 @@ function __classPrivateFieldIn(state, receiver) {
|
|
1100
1149
|
return typeof state === "function" ? receiver === state : state.has(receiver);
|
1101
1150
|
}
|
1102
1151
|
|
1103
|
-
|
1104
|
-
var
|
1105
|
-
var
|
1106
|
-
|
1107
|
-
|
1108
|
-
var
|
1109
|
-
var external_popover_y = x => () => x
|
1110
|
-
const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
|
1152
|
+
// EXTERNAL MODULE: external "../input"
|
1153
|
+
var external_input_ = __webpack_require__(8133);
|
1154
|
+
var external_input_default = /*#__PURE__*/__webpack_require__.n(external_input_);
|
1155
|
+
// EXTERNAL MODULE: external "../popover"
|
1156
|
+
var external_popover_ = __webpack_require__(5537);
|
1157
|
+
var external_popover_default = /*#__PURE__*/__webpack_require__.n(external_popover_);
|
1111
1158
|
;// CONCATENATED MODULE: ../../packages/slider/src/slider-button.tsx
|
1112
1159
|
|
1113
1160
|
|
@@ -1140,7 +1187,7 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1140
1187
|
|
1141
1188
|
|
1142
1189
|
|
1143
|
-
/* harmony default export */ const slider_button = ((0,
|
1190
|
+
/* harmony default export */ const slider_button = ((0,external_vue_.defineComponent)({
|
1144
1191
|
name: 'SliderButton',
|
1145
1192
|
props: {
|
1146
1193
|
modelValue: {
|
@@ -1157,18 +1204,18 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1157
1204
|
emits: ['emitChange', 'resetSize', 'update:modelValue'],
|
1158
1205
|
setup: function setup(props, _ref) {
|
1159
1206
|
var emit = _ref.emit;
|
1160
|
-
var dragging = (0,
|
1161
|
-
var isClick = (0,
|
1162
|
-
var startY = (0,
|
1163
|
-
var startX = (0,
|
1164
|
-
var startPosition = (0,
|
1165
|
-
var newPosition = (0,
|
1166
|
-
var oldValue = (0,
|
1167
|
-
var currentY = (0,
|
1168
|
-
var currentX = (0,
|
1169
|
-
var isMove = (0,
|
1170
|
-
var button = (0,
|
1171
|
-
var tip = (0,
|
1207
|
+
var dragging = (0,external_vue_.ref)(false);
|
1208
|
+
var isClick = (0,external_vue_.ref)(false);
|
1209
|
+
var startY = (0,external_vue_.ref)(0);
|
1210
|
+
var startX = (0,external_vue_.ref)(0);
|
1211
|
+
var startPosition = (0,external_vue_.ref)(0);
|
1212
|
+
var newPosition = (0,external_vue_.ref)(null);
|
1213
|
+
var oldValue = (0,external_vue_.ref)(props.modelValue);
|
1214
|
+
var currentY = (0,external_vue_.ref)(0);
|
1215
|
+
var currentX = (0,external_vue_.ref)(0);
|
1216
|
+
var isMove = (0,external_vue_.ref)(false);
|
1217
|
+
var button = (0,external_vue_.ref)(null);
|
1218
|
+
var tip = (0,external_vue_.computed)(function () {
|
1172
1219
|
var _a, _b;
|
1173
1220
|
|
1174
1221
|
var tip = '';
|
@@ -1178,7 +1225,7 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1178
1225
|
tip = customContent.tip || customContent.label || '';
|
1179
1226
|
}
|
1180
1227
|
|
1181
|
-
var placement = props.params.vertical ?
|
1228
|
+
var placement = props.params.vertical ? external_shared_.PlacementEnum.RIGHT : external_shared_.PlacementEnum.TOP;
|
1182
1229
|
|
1183
1230
|
if ((_b = props.params) === null || _b === void 0 ? void 0 : _b.showTip) {
|
1184
1231
|
return {
|
@@ -1192,17 +1239,17 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1192
1239
|
placement: placement
|
1193
1240
|
};
|
1194
1241
|
});
|
1195
|
-
var currentPosition = (0,
|
1242
|
+
var currentPosition = (0,external_vue_.computed)(function () {
|
1196
1243
|
return "".concat((props.modelValue - props.params.minValue) / (props.params.maxValue - props.params.minValue) * 100, "%");
|
1197
1244
|
});
|
1198
|
-
var wrapperStyle = (0,
|
1245
|
+
var wrapperStyle = (0,external_vue_.computed)(function () {
|
1199
1246
|
return props.params.vertical ? {
|
1200
1247
|
bottom: currentPosition.value
|
1201
1248
|
} : {
|
1202
1249
|
left: currentPosition.value
|
1203
1250
|
};
|
1204
1251
|
});
|
1205
|
-
var buttonLabel = (0,
|
1252
|
+
var buttonLabel = (0,external_vue_.computed)(function () {
|
1206
1253
|
return props.params.formatterButtonLabel(props.modelValue);
|
1207
1254
|
});
|
1208
1255
|
|
@@ -1289,7 +1336,7 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1289
1336
|
};
|
1290
1337
|
|
1291
1338
|
var renderDom = function renderDom() {
|
1292
|
-
return (0,
|
1339
|
+
return (0,external_vue_.createVNode)("div", {
|
1293
1340
|
"class": ['bk-slider-button', props.params.vertical ? 'vertical' : 'horizontal', {
|
1294
1341
|
grabbing: dragging.value
|
1295
1342
|
}],
|
@@ -1300,24 +1347,24 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
|
|
1300
1347
|
return event.stopPropagation();
|
1301
1348
|
},
|
1302
1349
|
"onMousedown": onButtonDown
|
1303
|
-
}, [Boolean(tip.value.content) ? (0,
|
1350
|
+
}, [Boolean(tip.value.content) ? (0,external_vue_.createVNode)((external_popover_default()), {
|
1304
1351
|
"content": tip.value.content,
|
1305
1352
|
"theme": 'dark',
|
1306
1353
|
"placement": tip.value.placement,
|
1307
1354
|
"boundary": document.body
|
1308
1355
|
}, {
|
1309
1356
|
"default": function _default() {
|
1310
|
-
return [(0,
|
1357
|
+
return [(0,external_vue_.createVNode)("div", {
|
1311
1358
|
"class": ['slider-button', {
|
1312
1359
|
'slider-button-disable': props.params.disable
|
1313
1360
|
}]
|
1314
1361
|
}, null)];
|
1315
1362
|
}
|
1316
|
-
}) : (0,
|
1363
|
+
}) : (0,external_vue_.createVNode)("div", {
|
1317
1364
|
"class": ['slider-button', {
|
1318
1365
|
'slider-button-disable': props.params.disable
|
1319
1366
|
}]
|
1320
|
-
}, null), props.params.showButtonLabel && !props.params.showIntervalLabel ? (0,
|
1367
|
+
}, null), props.params.showButtonLabel && !props.params.showIntervalLabel ? (0,external_vue_.createVNode)("div", {
|
1321
1368
|
"class": ['slider-button-label', props.params.vertical ? 'vertical' : 'horizontal']
|
1322
1369
|
}, [buttonLabel.value]) : undefined]);
|
1323
1370
|
};
|
@@ -1376,10 +1423,10 @@ var off = function off(element, event, handler) {
|
|
1376
1423
|
element.removeEventListener(event, handler, false);
|
1377
1424
|
}
|
1378
1425
|
};
|
1379
|
-
/* harmony default export */ const slider = ((0,
|
1426
|
+
/* harmony default export */ const slider = ((0,external_vue_.defineComponent)({
|
1380
1427
|
name: 'Slider',
|
1381
1428
|
props: {
|
1382
|
-
modelValue:
|
1429
|
+
modelValue: external_shared_.PropTypes.oneOfType([external_shared_.PropTypes.array, external_shared_.PropTypes.number]),
|
1383
1430
|
extCls: {
|
1384
1431
|
type: String,
|
1385
1432
|
"default": ''
|
@@ -1468,24 +1515,24 @@ var off = function off(element, event, handler) {
|
|
1468
1515
|
emit = _ref.emit;
|
1469
1516
|
|
1470
1517
|
/* 滑动选择器长度 */
|
1471
|
-
var sliderSize = (0,
|
1518
|
+
var sliderSize = (0,external_vue_.ref)(1);
|
1472
1519
|
/* 第一个滑块与第二个滑块的值 */
|
1473
1520
|
|
1474
|
-
var firstValue = (0,
|
1475
|
-
var secondValue = (0,
|
1476
|
-
var oldValue = (0,
|
1521
|
+
var firstValue = (0,external_vue_.ref)(null);
|
1522
|
+
var secondValue = (0,external_vue_.ref)(null);
|
1523
|
+
var oldValue = (0,external_vue_.ref)(null);
|
1477
1524
|
/* 第一个输入框与第二个输入框的值 */
|
1478
1525
|
|
1479
|
-
var firstInput = (0,
|
1480
|
-
var secondInput = (0,
|
1526
|
+
var firstInput = (0,external_vue_.ref)(0);
|
1527
|
+
var secondInput = (0,external_vue_.ref)(0);
|
1481
1528
|
/* 以下为refDom */
|
1482
1529
|
|
1483
|
-
var slider = (0,
|
1484
|
-
var firstbutton = (0,
|
1485
|
-
var secondbutton = (0,
|
1486
|
-
var curButtonRef = (0,
|
1530
|
+
var slider = (0,external_vue_.ref)(null);
|
1531
|
+
var firstbutton = (0,external_vue_.ref)(null);
|
1532
|
+
var secondbutton = (0,external_vue_.ref)(null);
|
1533
|
+
var curButtonRef = (0,external_vue_.ref)(null); // 小数点后最大位数
|
1487
1534
|
|
1488
|
-
var precision = (0,
|
1535
|
+
var precision = (0,external_vue_.computed)(function () {
|
1489
1536
|
var precisions = [props.minValue, props.maxValue, props.step].map(function (item) {
|
1490
1537
|
var decimal = "".concat(item).split('.')[1];
|
1491
1538
|
return decimal ? decimal.length : 0;
|
@@ -1494,21 +1541,21 @@ var off = function off(element, event, handler) {
|
|
1494
1541
|
});
|
1495
1542
|
/* 当前滑块的最小值与最大值 */
|
1496
1543
|
|
1497
|
-
var rangeMinValue = (0,
|
1544
|
+
var rangeMinValue = (0,external_vue_.computed)(function () {
|
1498
1545
|
return Math.min(firstValue.value, secondValue.value);
|
1499
1546
|
});
|
1500
|
-
var rangeMaxValue = (0,
|
1547
|
+
var rangeMaxValue = (0,external_vue_.computed)(function () {
|
1501
1548
|
return Math.max(firstValue.value, secondValue.value);
|
1502
1549
|
});
|
1503
|
-
var barSize = (0,
|
1550
|
+
var barSize = (0,external_vue_.computed)(function () {
|
1504
1551
|
return props.range ? "".concat(100 * (rangeMaxValue.value - rangeMinValue.value) / (props.maxValue - props.minValue), "%") : "".concat(100 * (firstValue.value - props.minValue) / (props.maxValue - props.minValue), "%");
|
1505
1552
|
});
|
1506
|
-
var barStart = (0,
|
1553
|
+
var barStart = (0,external_vue_.computed)(function () {
|
1507
1554
|
return props.range ? "".concat(100 * (rangeMinValue.value - props.minValue) / (props.maxValue - props.minValue), "%") : '0%';
|
1508
1555
|
});
|
1509
1556
|
/* 当前滑动区域的位置与长度 */
|
1510
1557
|
|
1511
|
-
var barStyle = (0,
|
1558
|
+
var barStyle = (0,external_vue_.computed)(function () {
|
1512
1559
|
return props.vertical ? {
|
1513
1560
|
height: barSize.value,
|
1514
1561
|
bottom: barStart.value
|
@@ -1519,7 +1566,7 @@ var off = function off(element, event, handler) {
|
|
1519
1566
|
});
|
1520
1567
|
/* 断点 */
|
1521
1568
|
|
1522
|
-
var intervals = (0,
|
1569
|
+
var intervals = (0,external_vue_.computed)(function () {
|
1523
1570
|
if (!props.showInterval || props.minValue > props.maxValue) return [];
|
1524
1571
|
|
1525
1572
|
if (props.step === 0) {
|
@@ -1549,7 +1596,7 @@ var off = function off(element, event, handler) {
|
|
1549
1596
|
});
|
1550
1597
|
/* 可滑动区域的样式 */
|
1551
1598
|
|
1552
|
-
var runwayStyle = (0,
|
1599
|
+
var runwayStyle = (0,external_vue_.computed)(function () {
|
1553
1600
|
return props.vertical ? {
|
1554
1601
|
height: props.height,
|
1555
1602
|
width: '4px'
|
@@ -1557,7 +1604,7 @@ var off = function off(element, event, handler) {
|
|
1557
1604
|
});
|
1558
1605
|
/* 断点下方的文案 */
|
1559
1606
|
|
1560
|
-
var intervalLabels = (0,
|
1607
|
+
var intervalLabels = (0,external_vue_.computed)(function () {
|
1561
1608
|
if (!props.showIntervalLabel) return [];
|
1562
1609
|
|
1563
1610
|
if (props.step === 0) {
|
@@ -1580,12 +1627,12 @@ var off = function off(element, event, handler) {
|
|
1580
1627
|
});
|
1581
1628
|
/* 是否显示第二个输入框 */
|
1582
1629
|
|
1583
|
-
var showSecondInput = (0,
|
1630
|
+
var showSecondInput = (0,external_vue_.computed)(function () {
|
1584
1631
|
return Array.isArray(props.modelValue);
|
1585
1632
|
});
|
1586
1633
|
/* 自定义断点 */
|
1587
1634
|
|
1588
|
-
var customList = (0,
|
1635
|
+
var customList = (0,external_vue_.computed)(function () {
|
1589
1636
|
if (!props.customContent) {
|
1590
1637
|
return [];
|
1591
1638
|
}
|
@@ -1606,7 +1653,7 @@ var off = function off(element, event, handler) {
|
|
1606
1653
|
});
|
1607
1654
|
/* 传入到滑块的参数 */
|
1608
1655
|
|
1609
|
-
var buttonParms = (0,
|
1656
|
+
var buttonParms = (0,external_vue_.computed)(function () {
|
1610
1657
|
return {
|
1611
1658
|
vertical: props.vertical,
|
1612
1659
|
showTip: props.showTip,
|
@@ -1624,12 +1671,12 @@ var off = function off(element, event, handler) {
|
|
1624
1671
|
};
|
1625
1672
|
}); // 监听
|
1626
1673
|
|
1627
|
-
(0,
|
1674
|
+
(0,external_vue_.watch)(function () {
|
1628
1675
|
return props.modelValue;
|
1629
1676
|
}, function () {
|
1630
1677
|
setValues();
|
1631
1678
|
});
|
1632
|
-
(0,
|
1679
|
+
(0,external_vue_.watch)(function () {
|
1633
1680
|
return firstValue.value;
|
1634
1681
|
}, function (val) {
|
1635
1682
|
if (props.range) {
|
@@ -1640,7 +1687,7 @@ var off = function off(element, event, handler) {
|
|
1640
1687
|
|
1641
1688
|
firstInput.value = val;
|
1642
1689
|
});
|
1643
|
-
(0,
|
1690
|
+
(0,external_vue_.watch)(function () {
|
1644
1691
|
return secondValue.value;
|
1645
1692
|
}, function (val) {
|
1646
1693
|
emit('update:modelValue', [rangeMinValue.value, rangeMaxValue.value]);
|
@@ -1648,7 +1695,7 @@ var off = function off(element, event, handler) {
|
|
1648
1695
|
});
|
1649
1696
|
/* 初始化 */
|
1650
1697
|
|
1651
|
-
(0,
|
1698
|
+
(0,external_vue_.onMounted)(function () {
|
1652
1699
|
if (props.range) {
|
1653
1700
|
if (Array.isArray(props.modelValue)) {
|
1654
1701
|
firstValue.value = Math.max(props.minValue, Number(props.modelValue[0]));
|
@@ -1762,7 +1809,7 @@ var off = function off(element, event, handler) {
|
|
1762
1809
|
switch (_context.prev = _context.next) {
|
1763
1810
|
case 0:
|
1764
1811
|
_context.next = 2;
|
1765
|
-
return (0,
|
1812
|
+
return (0,external_vue_.nextTick)();
|
1766
1813
|
|
1767
1814
|
case 2:
|
1768
1815
|
emit('change', props.range ? [rangeMinValue.value, rangeMaxValue.value] : props.modelValue);
|
@@ -1860,20 +1907,20 @@ var off = function off(element, event, handler) {
|
|
1860
1907
|
var renderDom = function renderDom() {
|
1861
1908
|
var _a, _b;
|
1862
1909
|
|
1863
|
-
return (0,
|
1910
|
+
return (0,external_vue_.createVNode)("div", {
|
1864
1911
|
"class": ['bk-slider', props.extCls]
|
1865
|
-
}, [(_a = slots.start) === null || _a === void 0 ? void 0 : _a.call(slots), (0,
|
1912
|
+
}, [(_a = slots.start) === null || _a === void 0 ? void 0 : _a.call(slots), (0,external_vue_.createVNode)("div", {
|
1866
1913
|
"class": "bk-slider-runway",
|
1867
1914
|
"ref": slider,
|
1868
1915
|
"style": runwayStyle.value,
|
1869
1916
|
"onClick": setButtonPos
|
1870
|
-
}, [(0,
|
1917
|
+
}, [(0,external_vue_.createVNode)("div", {
|
1871
1918
|
"class": ['bk-slider-bar', props.vertical ? 'vertical' : 'horizontal', {
|
1872
1919
|
disable: props.disable
|
1873
1920
|
}],
|
1874
1921
|
"style": barStyle.value
|
1875
1922
|
}, null), props.showInterval ? intervals.value.map(function (interval, index) {
|
1876
|
-
return (0,
|
1923
|
+
return (0,external_vue_.createVNode)("div", {
|
1877
1924
|
"key": index,
|
1878
1925
|
"class": ['bk-slider-interval', {
|
1879
1926
|
vertical: props.vertical
|
@@ -1881,23 +1928,23 @@ var off = function off(element, event, handler) {
|
|
1881
1928
|
"style": getIntervalStyle(interval)
|
1882
1929
|
}, null);
|
1883
1930
|
}) : undefined, props.customContent ? customList.value.map(function (custom, index) {
|
1884
|
-
return (0,
|
1931
|
+
return (0,external_vue_.createVNode)("div", {
|
1885
1932
|
"key": index,
|
1886
1933
|
"class": ['bk-slider-interval', {
|
1887
1934
|
vertical: props.vertical
|
1888
1935
|
}],
|
1889
1936
|
"style": getIntervalStyle(custom.percent)
|
1890
1937
|
}, null);
|
1891
|
-
}) : undefined, props.showBetweenLabel || props.showIntervalLabel || props.customContent ? (0,
|
1938
|
+
}) : undefined, props.showBetweenLabel || props.showIntervalLabel || props.customContent ? (0,external_vue_.createVNode)("div", {
|
1892
1939
|
"class": ['bk-slider-labels', props.vertical ? 'vertical' : 'horizontal']
|
1893
1940
|
}, [function () {
|
1894
1941
|
if (props.showBetweenLabel) {
|
1895
|
-
return [(0,
|
1942
|
+
return [(0,external_vue_.createVNode)("div", {
|
1896
1943
|
"class": "label-start",
|
1897
1944
|
"style": [{
|
1898
1945
|
opacity: betweenLabelStyle('start')
|
1899
1946
|
}]
|
1900
|
-
}, [props.formatterLabel(props.minValue)]), (0,
|
1947
|
+
}, [props.formatterLabel(props.minValue)]), (0,external_vue_.createVNode)("div", {
|
1901
1948
|
"class": "label-end",
|
1902
1949
|
"style": [{
|
1903
1950
|
opacity: betweenLabelStyle('end')
|
@@ -1907,7 +1954,7 @@ var off = function off(element, event, handler) {
|
|
1907
1954
|
|
1908
1955
|
if (props.showIntervalLabel) {
|
1909
1956
|
return intervalLabels.value.map(function (intervalLabel, index) {
|
1910
|
-
return (0,
|
1957
|
+
return (0,external_vue_.createVNode)("div", {
|
1911
1958
|
"class": ['bk-slider-label', props.vertical ? 'vertical' : 'horizontal'],
|
1912
1959
|
"key": index,
|
1913
1960
|
"style": getIntervalStyle(intervalLabel.stepWidth)
|
@@ -1917,7 +1964,7 @@ var off = function off(element, event, handler) {
|
|
1917
1964
|
|
1918
1965
|
if (props.customContent) {
|
1919
1966
|
return customList.value.map(function (item, index) {
|
1920
|
-
return (0,
|
1967
|
+
return (0,external_vue_.createVNode)("div", {
|
1921
1968
|
"class": ['bk-slider-label', props.vertical ? 'vertical' : 'horizontal'],
|
1922
1969
|
"key": index,
|
1923
1970
|
"style": getIntervalStyle(item.percent)
|
@@ -1926,7 +1973,7 @@ var off = function off(element, event, handler) {
|
|
1926
1973
|
}
|
1927
1974
|
|
1928
1975
|
return undefined;
|
1929
|
-
}()]) : undefined, (0,
|
1976
|
+
}()]) : undefined, (0,external_vue_.createVNode)(slider_button, {
|
1930
1977
|
"modelValue": firstValue.value,
|
1931
1978
|
"onUpdate:modelValue": function onUpdateModelValue($event) {
|
1932
1979
|
return firstValue.value = $event;
|
@@ -1935,7 +1982,7 @@ var off = function off(element, event, handler) {
|
|
1935
1982
|
"params": buttonParms.value,
|
1936
1983
|
"onEmitChange": emitChange,
|
1937
1984
|
"onResetSize": resetSize
|
1938
|
-
}, null), props.range ? (0,
|
1985
|
+
}, null), props.range ? (0,external_vue_.createVNode)(slider_button, {
|
1939
1986
|
"modelValue": secondValue.value,
|
1940
1987
|
"onUpdate:modelValue": function onUpdateModelValue($event) {
|
1941
1988
|
return secondValue.value = $event;
|
@@ -1944,21 +1991,21 @@ var off = function off(element, event, handler) {
|
|
1944
1991
|
"params": buttonParms.value,
|
1945
1992
|
"onEmitChange": emitChange,
|
1946
1993
|
"onResetSize": resetSize
|
1947
|
-
}, null) : undefined]), props.showInput && !props.vertical ? (0,
|
1994
|
+
}, null) : undefined]), props.showInput && !props.vertical ? (0,external_vue_.createVNode)("div", {
|
1948
1995
|
"class": "bk-slider-input"
|
1949
|
-
}, [(0,
|
1996
|
+
}, [(0,external_vue_.createVNode)("div", {
|
1950
1997
|
"class": "input-item"
|
1951
|
-
}, [(0,
|
1998
|
+
}, [(0,external_vue_.createVNode)((external_input_default()), {
|
1952
1999
|
"type": "number",
|
1953
2000
|
"modelValue": firstInput.value,
|
1954
2001
|
"max": props.maxValue,
|
1955
2002
|
"min": props.minValue,
|
1956
2003
|
"onChange": firstInputChange
|
1957
|
-
}, null)]), showSecondInput.value && secondValue.value ? [(0,
|
2004
|
+
}, null)]), showSecondInput.value && secondValue.value ? [(0,external_vue_.createVNode)("div", {
|
1958
2005
|
"class": "input-center"
|
1959
|
-
}, [(0,
|
2006
|
+
}, [(0,external_vue_.createTextVNode)("\uFF5E")]), (0,external_vue_.createVNode)("div", {
|
1960
2007
|
"class": "input-item"
|
1961
|
-
}, [(0,
|
2008
|
+
}, [(0,external_vue_.createVNode)((external_input_default()), {
|
1962
2009
|
"type": "number",
|
1963
2010
|
"modelValue": secondInput.value,
|
1964
2011
|
"max": props.maxValue,
|
@@ -2003,9 +2050,11 @@ var off = function off(element, event, handler) {
|
|
2003
2050
|
*/
|
2004
2051
|
|
2005
2052
|
|
2006
|
-
var Slider = (0,
|
2053
|
+
var Slider = (0,external_shared_.withInstall)(slider);
|
2007
2054
|
/* harmony default export */ const src = (Slider);
|
2008
2055
|
})();
|
2009
2056
|
|
2010
|
-
|
2011
|
-
|
2057
|
+
/******/ return __webpack_exports__;
|
2058
|
+
/******/ })()
|
2059
|
+
;
|
2060
|
+
});
|