@nutui/nutui 4.0.0 → 4.0.1-2.beta-1
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/CHANGELOG.md +226 -0
- package/README.md +34 -65
- package/dist/nutui.es.js +10 -17
- package/dist/nutui.js +16202 -0
- package/dist/nutui.umd.js +1 -7
- package/dist/packages/_es/ActionSheet.js +79 -94
- package/dist/packages/_es/Address.js +260 -345
- package/dist/packages/_es/AddressList.js +269 -354
- package/dist/packages/_es/Animate.js +46 -38
- package/dist/packages/_es/Audio.js +128 -180
- package/dist/packages/_es/AudioOperate.js +60 -52
- package/dist/packages/_es/Avatar.js +67 -75
- package/dist/packages/_es/AvatarGroup.js +23 -31
- package/dist/packages/_es/Backtop.js +59 -99
- package/dist/packages/_es/Badge.js +39 -46
- package/dist/packages/_es/Barrage.js +68 -145
- package/dist/packages/_es/Button.js +47 -66
- package/dist/packages/_es/Calendar.js +135 -152
- package/dist/packages/_es/CalendarItem.js +6 -6
- package/dist/packages/_es/Card.js +42 -56
- package/dist/packages/_es/Cascader.js +323 -433
- package/dist/packages/_es/Category.js +29 -39
- package/dist/packages/_es/CategoryPane.js +57 -83
- package/dist/packages/_es/Cell.js +56 -71
- package/dist/packages/_es/CellGroup.js +19 -27
- package/dist/packages/_es/Checkbox.js +109 -138
- package/dist/packages/_es/CheckboxGroup.js +38 -61
- package/dist/packages/_es/CircleProgress.js +67 -96
- package/dist/packages/_es/Col.js +23 -31
- package/dist/packages/_es/Collapse.js +37 -67
- package/dist/packages/_es/CollapseItem.js +91 -184
- package/dist/packages/_es/Comment.js +207 -279
- package/dist/packages/_es/ConfigProvider.js +38 -56
- package/dist/packages/_es/Countdown.js +100 -194
- package/dist/packages/_es/Countup.js +232 -428
- package/dist/packages/_es/DatePicker.js +169 -245
- package/dist/packages/_es/Dialog.js +163 -188
- package/dist/packages/_es/Divider.js +42 -40
- package/dist/packages/_es/Drag.js +70 -153
- package/dist/packages/_es/Ecard.js +64 -104
- package/dist/packages/_es/Elevator.js +144 -201
- package/dist/packages/_es/Ellipsis.js +95 -159
- package/dist/packages/_es/Empty.js +23 -39
- package/dist/packages/_es/FixedNav.js +93 -116
- package/dist/packages/_es/Form.js +108 -164
- package/dist/packages/_es/FormItem.js +48 -61
- package/dist/packages/_es/Grid.js +5 -6
- package/dist/packages/_es/GridItem.js +58 -84
- package/dist/packages/_es/Image.js +98 -88
- package/dist/packages/_es/ImagePreview.js +262 -392
- package/dist/packages/_es/Indicator.js +30 -34
- package/dist/packages/_es/InfiniteLoading.js +83 -117
- package/dist/packages/_es/Input.js +176 -223
- package/dist/packages/_es/InputNumber.js +81 -117
- package/dist/packages/_es/Interceptor-6e26b757.js +18 -0
- package/dist/packages/_es/Invoice.js +105 -113
- package/dist/packages/_es/Layout.js +3 -4
- package/dist/packages/_es/List.js +147 -89
- package/dist/packages/_es/Menu.js +96 -152
- package/dist/packages/_es/MenuItem.js +117 -153
- package/dist/packages/_es/Navbar.js +103 -119
- package/dist/packages/_es/Noticebar.js +207 -273
- package/dist/packages/_es/Notify.js +110 -147
- package/dist/packages/_es/NumberKeyboard.js +127 -202
- package/dist/packages/_es/Overlay.js +53 -66
- package/dist/packages/_es/Pagination.js +70 -100
- package/dist/packages/_es/Picker.js +276 -425
- package/dist/packages/_es/Popover.js +122 -225
- package/dist/packages/_es/Popup.js +4 -4
- package/dist/packages/_es/Price.js +47 -80
- package/dist/packages/_es/Progress.js +63 -79
- package/dist/packages/_es/PullRefresh.js +96 -157
- package/dist/packages/_es/Radio.js +4 -4
- package/dist/packages/_es/RadioGroup.js +3 -3
- package/dist/packages/_es/Range.js +205 -329
- package/dist/packages/_es/Rate.js +93 -122
- package/dist/packages/_es/Row.js +21 -27
- package/dist/packages/_es/Searchbar.js +130 -160
- package/dist/packages/_es/ShortPassword.js +69 -93
- package/dist/packages/_es/SideNavbar.js +49 -59
- package/dist/packages/_es/SideNavbarItem.js +22 -32
- package/dist/packages/_es/Signature.js +83 -128
- package/dist/packages/_es/Skeleton.js +110 -130
- package/dist/packages/_es/Sku.js +251 -326
- package/dist/packages/_es/Step.js +60 -69
- package/dist/packages/_es/Steps.js +26 -31
- package/dist/packages/_es/Sticky.js +4 -4
- package/dist/packages/_es/SubSideNavbar.js +52 -56
- package/dist/packages/_es/Swipe.js +84 -137
- package/dist/packages/_es/Swiper.js +175 -310
- package/dist/packages/_es/SwiperItem.js +28 -44
- package/dist/packages/_es/Switch.js +55 -67
- package/dist/packages/_es/TabPane.js +32 -20
- package/dist/packages/_es/Tabbar.js +41 -52
- package/dist/packages/_es/TabbarItem.js +61 -81
- package/dist/packages/_es/Table.js +110 -148
- package/dist/packages/_es/Tabs.js +284 -205
- package/dist/packages/_es/Tag.js +44 -61
- package/dist/packages/_es/Textarea.js +80 -124
- package/dist/packages/_es/TimeDetail.js +49 -57
- package/dist/packages/_es/TimePannel.js +35 -31
- package/dist/packages/_es/TimeSelect.js +47 -68
- package/dist/packages/_es/Toast.js +150 -203
- package/dist/packages/_es/Tour.js +139 -175
- package/dist/packages/_es/TrendArrow.js +57 -58
- package/dist/packages/_es/Uploader.js +235 -359
- package/dist/packages/_es/Video.js +191 -298
- package/dist/packages/_es/Watermark.js +84 -98
- package/dist/packages/_es/_plugin-vue_export-helper-dad06003.js +9 -0
- package/dist/packages/_es/common-d218746f.js +116 -0
- package/dist/packages/_es/component-234624bc.js +89 -0
- package/dist/packages/_es/index-14dfadc4.js +561 -0
- package/dist/packages/_es/index-192a3ef6.js +29 -0
- package/dist/packages/_es/index-360c5092.js +210 -0
- package/dist/packages/_es/index-496e6e05.js +24 -0
- package/dist/packages/_es/index-50eed3d9.js +7 -0
- package/dist/packages/_es/index-53ec2d4d.js +34 -0
- package/dist/packages/_es/index-fadb0974.js +8 -0
- package/dist/packages/_es/index.vue_vue_type_script_lang-1139b29a.js +43 -0
- package/dist/packages/_es/index.vue_vue_type_script_lang-43b774dd.js +77 -0
- package/dist/packages/_es/index.vue_vue_type_script_lang-f44c159d.js +110 -0
- package/dist/packages/_es/mountComponent-6d4ff200.js +23 -0
- package/dist/packages/_es/pxCheck-38173291.js +4 -0
- package/dist/packages/_es/raf-a74f1a06.js +16 -0
- package/dist/packages/_es/renderIcon-47498b32.js +5 -0
- package/dist/packages/actionsheet/index.scss +2 -0
- package/dist/packages/actionsheet/style.mjs +0 -2
- package/dist/packages/address/index.scss +5 -2
- package/dist/packages/address/style.mjs +0 -3
- package/dist/packages/addresslist/index.scss +3 -0
- package/dist/packages/addresslist/style.mjs +0 -2
- package/dist/packages/audio/index.scss +2 -0
- package/dist/packages/audio/style.mjs +0 -1
- package/dist/packages/audiooperate/index.scss +2 -0
- package/dist/packages/audiooperate/style.mjs +0 -1
- package/dist/packages/badge/index.scss +3 -0
- package/dist/packages/button/index.scss +1 -1
- package/dist/packages/calendar/index.scss +3 -0
- package/dist/packages/calendar/style.mjs +0 -3
- package/dist/packages/card/index.scss +3 -0
- package/dist/packages/card/style.mjs +0 -2
- package/dist/packages/cascader/index.scss +4 -0
- package/dist/packages/cascader/style.mjs +0 -5
- package/dist/packages/cellgroup/index.scss +1 -1
- package/dist/packages/checkbox/index.scss +41 -0
- package/dist/packages/col/index.scss +2 -2
- package/dist/packages/comment/index.scss +2 -0
- package/dist/packages/comment/style.mjs +0 -1
- package/dist/packages/datepicker/index.scss +1 -2
- package/dist/packages/datepicker/style.mjs +0 -3
- package/dist/packages/dialog/index.scss +11 -0
- package/dist/packages/dialog/style.mjs +0 -3
- package/dist/packages/ecard/index.scss +2 -0
- package/dist/packages/ecard/style.mjs +0 -1
- package/dist/packages/fixednav/index.scss +2 -0
- package/dist/packages/fixednav/style.mjs +0 -1
- package/dist/packages/form/index.scss +1 -2
- package/dist/packages/form/style.mjs +0 -1
- package/dist/packages/formitem/index.scss +3 -0
- package/dist/packages/formitem/style.mjs +0 -1
- package/dist/packages/imagepreview/index.scss +5 -5
- package/dist/packages/imagepreview/style.mjs +0 -5
- package/dist/packages/input/index.scss +13 -13
- package/dist/packages/invoice/index.scss +6 -0
- package/dist/packages/invoice/style.mjs +0 -7
- package/dist/packages/list/index.scss +8 -8
- package/dist/packages/menuitem/index.scss +9 -10
- package/dist/packages/menuitem/style.mjs +0 -2
- package/dist/packages/navbar/index.scss +0 -1
- package/dist/packages/noticebar/index.scss +12 -2
- package/dist/packages/notify/index.scss +2 -0
- package/dist/packages/notify/style.mjs +0 -2
- package/dist/packages/numberkeyboard/index.scss +2 -0
- package/dist/packages/numberkeyboard/style.mjs +0 -2
- package/dist/packages/picker/index.scss +4 -9
- package/dist/packages/picker/style.mjs +0 -2
- package/dist/packages/popover/index.scss +2 -0
- package/dist/packages/popover/style.mjs +0 -2
- package/dist/packages/popup/index.scss +2 -0
- package/dist/packages/popup/style.mjs +0 -1
- package/dist/packages/price/index.scss +5 -10
- package/dist/packages/rate/index.scss +6 -9
- package/dist/packages/searchbar/index.scss +4 -0
- package/dist/packages/shortpassword/index.scss +18 -0
- package/dist/packages/shortpassword/style.mjs +0 -2
- package/dist/packages/signature/index.scss +2 -0
- package/dist/packages/signature/style.mjs +0 -1
- package/dist/packages/skeleton/index.scss +2 -0
- package/dist/packages/skeleton/style.mjs +0 -1
- package/dist/packages/sku/index.scss +4 -0
- package/dist/packages/sku/style.mjs +0 -4
- package/dist/packages/tabbaritem/index.scss +2 -0
- package/dist/packages/tabbaritem/style.mjs +0 -1
- package/dist/packages/tabs/index.scss +36 -2
- package/dist/packages/tabs/style.mjs +0 -1
- package/dist/packages/textarea/index.scss +2 -0
- package/dist/packages/timeselect/index.scss +2 -0
- package/dist/packages/timeselect/style.mjs +0 -2
- package/dist/packages/tour/index.scss +2 -0
- package/dist/packages/tour/style.mjs +0 -3
- package/dist/packages/uploader/index.scss +10 -2
- package/dist/packages/uploader/style.mjs +0 -2
- package/dist/resolver/index.d.ts +6 -0
- package/dist/resolver/index.js +1 -0
- package/dist/resolver/index.mjs +24 -0
- package/dist/resolver/package.json +20 -0
- package/dist/smartips/web-types.json +114 -15
- package/dist/style.css +1 -1
- package/dist/styles/themes/default.scss +155 -52
- package/dist/styles/themes/jdb.scss +155 -52
- package/dist/styles/themes/jddkh.scss +155 -52
- package/dist/styles/themes/jdt.scss +155 -52
- package/dist/styles/variables-jdb.scss +9 -1
- package/dist/styles/variables-jddkh.scss +9 -1
- package/dist/styles/variables-jdt.scss +9 -1
- package/dist/styles/variables.scss +8 -0
- package/dist/types/__VUE/address/index.vue.d.ts +2 -1
- package/dist/types/__VUE/addresslist/components/GeneralShell.vue.d.ts +1 -1
- package/dist/types/__VUE/addresslist/components/ItemContents.vue.d.ts +1 -1
- package/dist/types/__VUE/addresslist/index.vue.d.ts +1 -1
- package/dist/types/__VUE/animate/index.vue.d.ts +6 -0
- package/dist/types/__VUE/audiooperate/index.vue.d.ts +4 -4
- package/dist/types/__VUE/badge/index.vue.d.ts +9 -0
- package/dist/types/__VUE/button/type.d.ts +1 -0
- package/dist/types/__VUE/calendaritem/type.d.ts +1 -0
- package/dist/types/__VUE/collapse/index.vue.d.ts +31 -5
- package/dist/types/__VUE/collapseitem/index.vue.d.ts +117 -11
- package/dist/types/__VUE/configprovider/index.vue.d.ts +2 -2
- package/dist/types/__VUE/datepicker/index.vue.d.ts +1 -1
- package/dist/types/__VUE/dialog/index.d.ts +1 -0
- package/dist/types/__VUE/dialog/index.vue.d.ts +1 -0
- package/dist/types/__VUE/grid/index.vue.d.ts +1 -1
- package/dist/types/__VUE/image/index.vue.d.ts +14 -3
- package/dist/types/__VUE/imagepreview/imagePreviewItem.vue.d.ts +9 -0
- package/dist/types/__VUE/imagepreview/index.vue.d.ts +1 -1
- package/dist/types/__VUE/input/index.vue.d.ts +27 -2
- package/dist/types/__VUE/list/index.vue.d.ts +42 -13
- package/dist/types/__VUE/list/type.d.ts +13 -0
- package/dist/types/__VUE/menu/index.vue.d.ts +0 -2
- package/dist/types/__VUE/menuitem/index.vue.d.ts +9 -17
- package/dist/types/__VUE/navbar/index.vue.d.ts +1 -1
- package/dist/types/__VUE/noticebar/index.vue.d.ts +5 -2
- package/dist/types/__VUE/picker/common.d.ts +2 -0
- package/dist/types/__VUE/picker/usePicker.d.ts +1 -1
- package/dist/types/__VUE/price/index.vue.d.ts +9 -0
- package/dist/types/__VUE/rate/index.vue.d.ts +110 -3
- package/dist/types/__VUE/row/index.vue.d.ts +1 -1
- package/dist/types/__VUE/searchbar/index.vue.d.ts +121 -5
- package/dist/types/__VUE/skeleton/index.vue.d.ts +2 -2
- package/dist/types/__VUE/swiper/index.vue.d.ts +9 -2
- package/dist/types/__VUE/switch/index.vue.d.ts +1 -0
- package/dist/types/__VUE/table/common.d.ts +55 -2
- package/dist/types/__VUE/tabpane/index.vue.d.ts +1 -4
- package/dist/types/__VUE/tabs/hooks.d.ts +12 -0
- package/dist/types/__VUE/tabs/index.vue.d.ts +35 -5
- package/dist/types/__VUE/tabs/types.d.ts +12 -0
- package/dist/types/__VUE/timeselect/index.vue.d.ts +1 -1
- package/dist/types/__VUE/toast/index.vue.d.ts +11 -4
- package/dist/types/__VUE/uploader/type.d.ts +2 -1
- package/dist/types/__VUE/watermark/index.vue.d.ts +1 -1
- package/dist/types/index.d.ts +1 -2
- package/dist/types/resolver/index.d.ts +6 -0
- package/dist/types/utils/date.d.ts +4 -0
- package/dist/types/utils/useTaroRect/index.d.ts +1 -1
- package/dist/types/utils/util.d.ts +1 -1
- package/package.json +13 -6
- package/dist/packages/_es/_plugin-vue_export-helper-cc2b3d55.js +0 -10
- package/dist/packages/_es/common-b9a5e726.js +0 -145
- package/dist/packages/_es/component-81a4c1d0.js +0 -145
- package/dist/packages/_es/index-29892cda.js +0 -33
- package/dist/packages/_es/index-2ae3ae87.js +0 -846
- package/dist/packages/_es/index-43c34ac6.js +0 -30
- package/dist/packages/_es/index-54d03fc1.js +0 -8
- package/dist/packages/_es/index-79c5dc33.js +0 -10
- package/dist/packages/_es/index-7a7385e4.js +0 -67
- package/dist/packages/_es/index-991c279f.js +0 -244
- package/dist/packages/_es/index.vue_vue_type_script_lang-22dfc112.js +0 -46
- package/dist/packages/_es/index.vue_vue_type_script_lang-442e4704.js +0 -98
- package/dist/packages/_es/index.vue_vue_type_script_lang-cc5c4086.js +0 -151
- package/dist/packages/_es/interceptor-956b24fc.js +0 -29
- package/dist/packages/_es/mountComponent-1ece4110.js +0 -39
- package/dist/packages/_es/pxCheck-c6b9f6b7.js +0 -6
- package/dist/packages/_es/raf-729dad54.js +0 -25
- package/dist/packages/_es/renderIcon-3d0fd47c.js +0 -9
- /package/dist/types/utils/{interceptor.d.ts → Interceptor.d.ts} +0 -0
|
@@ -1,15 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var oe = Object.defineProperty, re = Object.defineProperties;
|
|
2
|
+
var le = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var L = Object.getOwnPropertySymbols;
|
|
4
|
+
var ue = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var P = (e, n, u) => n in e ? oe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: u }) : e[n] = u, j = (e, n) => {
|
|
6
|
+
for (var u in n || (n = {}))
|
|
7
|
+
ue.call(n, u) && P(e, u, n[u]);
|
|
8
|
+
if (L)
|
|
9
|
+
for (var u of L(n))
|
|
10
|
+
ie.call(n, u) && P(e, u, n[u]);
|
|
11
|
+
return e;
|
|
12
|
+
}, D = (e, n) => re(e, le(n));
|
|
13
|
+
import { ref as A, computed as h, toRefs as se, openBlock as m, createElementBlock as c, normalizeClass as E, toDisplayString as N, createCommentVNode as $, createElementVNode as M, normalizeStyle as w, withModifiers as g, Fragment as F, renderList as I, createTextVNode as de, renderSlot as J } from "vue";
|
|
14
|
+
import { c as me, i as ce } from "./component-234624bc.js";
|
|
15
|
+
import { u as fe } from "./index-53ec2d4d.js";
|
|
16
|
+
import { u as K } from "./index-192a3ef6.js";
|
|
17
|
+
import { _ as ve } from "./_plugin-vue_export-helper-dad06003.js";
|
|
6
18
|
import "../locale/lang";
|
|
7
|
-
const { componentName, create } =
|
|
8
|
-
const _sfc_main = create({
|
|
19
|
+
const { componentName: ge, create: be } = me("range"), ye = be({
|
|
9
20
|
props: {
|
|
10
21
|
range: {
|
|
11
22
|
type: Boolean,
|
|
12
|
-
default:
|
|
23
|
+
default: !1
|
|
13
24
|
},
|
|
14
25
|
disabled: Boolean,
|
|
15
26
|
activeColor: String,
|
|
@@ -17,7 +28,7 @@ const _sfc_main = create({
|
|
|
17
28
|
buttonColor: String,
|
|
18
29
|
vertical: {
|
|
19
30
|
type: Boolean,
|
|
20
|
-
default:
|
|
31
|
+
default: !1
|
|
21
32
|
},
|
|
22
33
|
marks: {
|
|
23
34
|
type: Object,
|
|
@@ -25,11 +36,11 @@ const _sfc_main = create({
|
|
|
25
36
|
},
|
|
26
37
|
hiddenRange: {
|
|
27
38
|
type: Boolean,
|
|
28
|
-
default:
|
|
39
|
+
default: !1
|
|
29
40
|
},
|
|
30
41
|
hiddenTag: {
|
|
31
42
|
type: Boolean,
|
|
32
|
-
default:
|
|
43
|
+
default: !1
|
|
33
44
|
},
|
|
34
45
|
min: {
|
|
35
46
|
type: [Number, String],
|
|
@@ -49,369 +60,234 @@ const _sfc_main = create({
|
|
|
49
60
|
}
|
|
50
61
|
},
|
|
51
62
|
emits: ["change", "drag-end", "drag-start", "update:modelValue"],
|
|
52
|
-
setup(
|
|
53
|
-
const
|
|
54
|
-
let
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
const { marks, max, min } = props;
|
|
61
|
-
const marksKeys = Object.keys(marks);
|
|
62
|
-
const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
|
|
63
|
-
return list;
|
|
64
|
-
});
|
|
65
|
-
const scope = computed(() => Number(props.max) - Number(props.min));
|
|
66
|
-
const classes = computed(() => {
|
|
67
|
-
const prefixCls = componentName;
|
|
63
|
+
setup(e, { emit: n }) {
|
|
64
|
+
const u = A(0);
|
|
65
|
+
let y, v;
|
|
66
|
+
const p = A(), a = A(), i = fe(), X = h(() => {
|
|
67
|
+
const { marks: t, max: o, min: l } = e;
|
|
68
|
+
return Object.keys(t).map(parseFloat).sort((s, f) => s - f).filter((s) => s >= l && s <= o);
|
|
69
|
+
}), b = h(() => Number(e.max) - Number(e.min)), Y = h(() => {
|
|
70
|
+
const t = ge;
|
|
68
71
|
return {
|
|
69
|
-
[
|
|
70
|
-
[`${
|
|
71
|
-
[`${
|
|
72
|
-
[`${
|
|
72
|
+
[t]: !0,
|
|
73
|
+
[`${t}-disabled`]: e.disabled,
|
|
74
|
+
[`${t}-vertical`]: e.vertical,
|
|
75
|
+
[`${t}-show-number`]: !e.hiddenRange
|
|
73
76
|
};
|
|
74
|
-
})
|
|
75
|
-
|
|
76
|
-
const prefixCls = "nut-range-container";
|
|
77
|
+
}), q = h(() => {
|
|
78
|
+
const t = "nut-range-container";
|
|
77
79
|
return {
|
|
78
|
-
[
|
|
79
|
-
[`${
|
|
80
|
+
[t]: !0,
|
|
81
|
+
[`${t}-vertical`]: e.vertical
|
|
80
82
|
};
|
|
81
|
-
})
|
|
82
|
-
|
|
83
|
+
}), G = h(() => ({
|
|
84
|
+
background: e.inactiveColor
|
|
85
|
+
})), H = h(() => ({
|
|
86
|
+
borderColor: e.buttonColor
|
|
87
|
+
})), k = (t) => !!e.range && Array.isArray(t), R = () => {
|
|
88
|
+
const { modelValue: t, min: o } = e;
|
|
89
|
+
return k(t) ? `${(t[1] - t[0]) * 100 / b.value}%` : `${(t - Number(o)) * 100 / b.value}%`;
|
|
90
|
+
}, O = () => {
|
|
91
|
+
const { modelValue: t, min: o } = e;
|
|
92
|
+
return k(t) ? `${(t[0] - Number(o)) * 100 / b.value}%` : "0%";
|
|
93
|
+
}, Q = h(() => e.vertical ? {
|
|
94
|
+
height: R(),
|
|
95
|
+
top: O(),
|
|
96
|
+
background: e.activeColor,
|
|
97
|
+
transition: a.value ? "none" : void 0
|
|
98
|
+
} : {
|
|
99
|
+
width: R(),
|
|
100
|
+
left: O(),
|
|
101
|
+
background: e.activeColor,
|
|
102
|
+
transition: a.value ? "none" : void 0
|
|
103
|
+
}), U = (t) => {
|
|
104
|
+
const o = "nut-range-mark", { modelValue: l, max: r, min: d } = e;
|
|
105
|
+
let s = Number(d), f = Number(r);
|
|
106
|
+
if (e.range) {
|
|
107
|
+
const [T, V] = l;
|
|
108
|
+
s = T, f = V;
|
|
109
|
+
} else
|
|
110
|
+
f = l;
|
|
111
|
+
let C = t <= f && t >= s;
|
|
83
112
|
return {
|
|
84
|
-
|
|
113
|
+
[`${o}-text`]: !0,
|
|
114
|
+
[`${o}-text-active`]: C
|
|
85
115
|
};
|
|
86
|
-
})
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
116
|
+
}, W = (t) => {
|
|
117
|
+
const { min: o, vertical: l } = e;
|
|
118
|
+
let r = {
|
|
119
|
+
left: `${(t - Number(o)) / b.value * 100}%`
|
|
90
120
|
};
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
121
|
+
return l && (r = {
|
|
122
|
+
top: `${(t - Number(o)) / b.value * 100}%`
|
|
123
|
+
}), r;
|
|
124
|
+
}, Z = (t) => {
|
|
125
|
+
const { modelValue: o, max: l, min: r } = e;
|
|
126
|
+
let d = Number(r), s = Number(l);
|
|
127
|
+
if (e.range) {
|
|
128
|
+
const [T, V] = o;
|
|
129
|
+
d = T, s = V;
|
|
97
130
|
}
|
|
98
|
-
return `${(modelValue - Number(min)) * 100 / scope.value}%`;
|
|
99
|
-
};
|
|
100
|
-
const calcOffset = () => {
|
|
101
|
-
const { modelValue, min } = props;
|
|
102
|
-
if (isRange(modelValue)) {
|
|
103
|
-
return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
|
|
104
|
-
}
|
|
105
|
-
return `0%`;
|
|
106
|
-
};
|
|
107
|
-
const barStyle = computed(() => {
|
|
108
|
-
if (props.vertical) {
|
|
109
|
-
return {
|
|
110
|
-
height: calcMainAxis(),
|
|
111
|
-
top: calcOffset(),
|
|
112
|
-
background: props.activeColor,
|
|
113
|
-
transition: dragStatus.value ? "none" : void 0
|
|
114
|
-
};
|
|
115
|
-
} else {
|
|
116
|
-
return {
|
|
117
|
-
width: calcMainAxis(),
|
|
118
|
-
left: calcOffset(),
|
|
119
|
-
background: props.activeColor,
|
|
120
|
-
transition: dragStatus.value ? "none" : void 0
|
|
121
|
-
};
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
const markClassName = (mark) => {
|
|
125
|
-
const classPrefix = "nut-range-mark";
|
|
126
|
-
const { modelValue, max, min } = props;
|
|
127
|
-
let lowerBound = Number(min);
|
|
128
|
-
let upperBound = Number(max);
|
|
129
|
-
if (props.range) {
|
|
130
|
-
const [left, right] = modelValue;
|
|
131
|
-
lowerBound = left;
|
|
132
|
-
upperBound = right;
|
|
133
|
-
} else {
|
|
134
|
-
upperBound = modelValue;
|
|
135
|
-
}
|
|
136
|
-
let isActive = mark <= upperBound && mark >= lowerBound;
|
|
137
131
|
return {
|
|
138
|
-
|
|
139
|
-
[`${classPrefix}-text-active`]: isActive
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
const marksStyle = (mark) => {
|
|
143
|
-
const { min, vertical } = props;
|
|
144
|
-
let style = {
|
|
145
|
-
left: `${(mark - Number(min)) / scope.value * 100}%`
|
|
132
|
+
background: t <= s && t >= d ? e.activeColor : e.inactiveColor
|
|
146
133
|
};
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
const tickStyle = (mark) => {
|
|
155
|
-
const { modelValue, max, min } = props;
|
|
156
|
-
let lowerBound = Number(min);
|
|
157
|
-
let upperBound = Number(max);
|
|
158
|
-
if (props.range) {
|
|
159
|
-
const [left, right] = modelValue;
|
|
160
|
-
lowerBound = left;
|
|
161
|
-
upperBound = right;
|
|
162
|
-
}
|
|
163
|
-
let isActive = mark <= upperBound && mark >= lowerBound;
|
|
164
|
-
let style = {
|
|
165
|
-
background: !isActive ? props.inactiveColor : props.activeColor
|
|
166
|
-
};
|
|
167
|
-
return style;
|
|
168
|
-
};
|
|
169
|
-
const format = (value) => {
|
|
170
|
-
const { min, max, step } = props;
|
|
171
|
-
value = Math.max(+min, Math.min(value, +max));
|
|
172
|
-
return Math.round(value / +step) * +step;
|
|
173
|
-
};
|
|
174
|
-
const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
|
|
175
|
-
const handleOverlap = (value) => {
|
|
176
|
-
if (value[0] > value[1]) {
|
|
177
|
-
return value.slice(0).reverse();
|
|
178
|
-
}
|
|
179
|
-
return value;
|
|
180
|
-
};
|
|
181
|
-
const updateValue = (value, end) => {
|
|
182
|
-
if (isRange(value)) {
|
|
183
|
-
value = handleOverlap(value).map(format);
|
|
184
|
-
} else {
|
|
185
|
-
value = format(value);
|
|
186
|
-
}
|
|
187
|
-
if (!isSameValue(value, props.modelValue)) {
|
|
188
|
-
emit("update:modelValue", value);
|
|
189
|
-
}
|
|
190
|
-
if (end && !isSameValue(value, startValue)) {
|
|
191
|
-
emit("change", value);
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
const onClick = (event) => {
|
|
195
|
-
if (props.disabled) {
|
|
196
|
-
return;
|
|
197
|
-
}
|
|
198
|
-
const { min, modelValue } = props;
|
|
199
|
-
const rect = useRect(root);
|
|
200
|
-
let delta = event.clientX - rect.left;
|
|
201
|
-
let total = rect.width;
|
|
202
|
-
if (props.vertical) {
|
|
203
|
-
delta = event.clientY - rect.top;
|
|
204
|
-
total = rect.height;
|
|
205
|
-
}
|
|
206
|
-
const value = Number(min) + delta / total * scope.value;
|
|
207
|
-
if (isRange(modelValue)) {
|
|
208
|
-
const [left, right] = modelValue;
|
|
209
|
-
const middle = (left + right) / 2;
|
|
210
|
-
if (value <= middle) {
|
|
211
|
-
updateValue([value, right], true);
|
|
212
|
-
} else {
|
|
213
|
-
updateValue([left, value], true);
|
|
214
|
-
}
|
|
215
|
-
} else {
|
|
216
|
-
updateValue(value, true);
|
|
217
|
-
}
|
|
218
|
-
};
|
|
219
|
-
const onTouchStart = (event) => {
|
|
220
|
-
if (props.disabled) {
|
|
221
|
-
return;
|
|
222
|
-
}
|
|
223
|
-
touch.start(event);
|
|
224
|
-
currentValue = props.modelValue;
|
|
225
|
-
if (isRange(currentValue)) {
|
|
226
|
-
startValue = currentValue.map(format);
|
|
227
|
-
} else {
|
|
228
|
-
startValue = format(currentValue);
|
|
229
|
-
}
|
|
230
|
-
dragStatus.value = "start";
|
|
231
|
-
};
|
|
232
|
-
const onTouchMove = (event) => {
|
|
233
|
-
if (props.disabled) {
|
|
134
|
+
}, B = (t) => {
|
|
135
|
+
const { min: o, max: l, step: r } = e;
|
|
136
|
+
return t = Math.max(+o, Math.min(t, +l)), Math.round(t / +r) * +r;
|
|
137
|
+
}, z = (t, o) => JSON.stringify(t) === JSON.stringify(o), x = (t) => t[0] > t[1] ? t.slice(0).reverse() : t, S = (t, o) => {
|
|
138
|
+
k(t) ? t = x(t).map(B) : t = B(t), z(t, e.modelValue) || n("update:modelValue", t), o && !z(t, y) && n("change", t);
|
|
139
|
+
}, _ = (t) => {
|
|
140
|
+
if (e.disabled)
|
|
234
141
|
return;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
diff = delta / total * scope.value;
|
|
249
|
-
}
|
|
250
|
-
if (isRange(startValue)) {
|
|
251
|
-
currentValue[buttonIndex.value] = startValue[buttonIndex.value] + diff;
|
|
252
|
-
} else {
|
|
253
|
-
currentValue = startValue + diff;
|
|
254
|
-
}
|
|
255
|
-
updateValue(currentValue);
|
|
256
|
-
event.stopPropagation();
|
|
257
|
-
event.preventDefault();
|
|
258
|
-
};
|
|
259
|
-
const onTouchEnd = () => {
|
|
260
|
-
if (props.disabled) {
|
|
142
|
+
const { min: o, modelValue: l } = e, r = K(p);
|
|
143
|
+
let d = t.clientX - r.left, s = r.width;
|
|
144
|
+
e.vertical && (d = t.clientY - r.top, s = r.height);
|
|
145
|
+
const f = Number(o) + d / s * b.value;
|
|
146
|
+
if (k(l)) {
|
|
147
|
+
const [C, T] = l, V = (C + T) / 2;
|
|
148
|
+
f <= V ? S([f, T], !0) : S([C, f], !0);
|
|
149
|
+
} else
|
|
150
|
+
S(f, !0);
|
|
151
|
+
}, ee = (t) => {
|
|
152
|
+
e.disabled || (i.start(t), v = e.modelValue, k(v) ? y = v.map(B) : y = B(v), a.value = "start");
|
|
153
|
+
}, te = (t) => {
|
|
154
|
+
if (e.disabled)
|
|
261
155
|
return;
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
};
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
marksStyle,
|
|
289
|
-
marksList,
|
|
290
|
-
tickStyle
|
|
291
|
-
};
|
|
156
|
+
a.value === "start" && n("drag-start"), i.move(t), a.value = "draging";
|
|
157
|
+
const o = K(p);
|
|
158
|
+
let l = i.deltaX.value, r = o.width, d = l / r * b.value;
|
|
159
|
+
e.vertical && (l = i.deltaY.value, r = o.height, d = l / r * b.value), k(y) ? v[u.value] = y[u.value] + d : v = y + d, S(v), t.stopPropagation(), t.preventDefault();
|
|
160
|
+
}, ne = () => {
|
|
161
|
+
e.disabled || (a.value === "draging" && (S(v, !0), n("drag-end")), a.value = "");
|
|
162
|
+
}, ae = (t) => ce(e.modelValue) && typeof t == "number" ? e.modelValue[t] : Number(e.modelValue);
|
|
163
|
+
return D(j({
|
|
164
|
+
root: p,
|
|
165
|
+
classes: Y,
|
|
166
|
+
wrapperStyle: G,
|
|
167
|
+
buttonStyle: H,
|
|
168
|
+
onClick: _,
|
|
169
|
+
onTouchStart: ee,
|
|
170
|
+
onTouchMove: te,
|
|
171
|
+
onTouchEnd: ne
|
|
172
|
+
}, se(e)), {
|
|
173
|
+
barStyle: Q,
|
|
174
|
+
curValue: ae,
|
|
175
|
+
buttonIndex: u,
|
|
176
|
+
containerClasses: q,
|
|
177
|
+
markClassName: U,
|
|
178
|
+
marksStyle: W,
|
|
179
|
+
marksList: X,
|
|
180
|
+
tickStyle: Z
|
|
181
|
+
});
|
|
292
182
|
}
|
|
293
|
-
})
|
|
294
|
-
const _hoisted_1 = {
|
|
183
|
+
}), he = {
|
|
295
184
|
key: 0,
|
|
296
185
|
class: "nut-range-min"
|
|
297
|
-
}
|
|
298
|
-
const _hoisted_2 = {
|
|
186
|
+
}, ke = {
|
|
299
187
|
key: 0,
|
|
300
188
|
class: "nut-range-mark"
|
|
301
|
-
}
|
|
302
|
-
const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
|
|
303
|
-
const _hoisted_4 = {
|
|
189
|
+
}, Te = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"], we = {
|
|
304
190
|
key: 0,
|
|
305
191
|
class: "number"
|
|
306
|
-
}
|
|
307
|
-
const _hoisted_5 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
|
|
308
|
-
const _hoisted_6 = {
|
|
192
|
+
}, Se = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"], Ce = {
|
|
309
193
|
key: 0,
|
|
310
194
|
class: "number"
|
|
311
|
-
}
|
|
312
|
-
const _hoisted_7 = {
|
|
195
|
+
}, Ve = {
|
|
313
196
|
key: 1,
|
|
314
197
|
class: "nut-range-max"
|
|
315
198
|
};
|
|
316
|
-
function
|
|
317
|
-
return
|
|
318
|
-
class:
|
|
199
|
+
function Ne(e, n, u, y, v, p) {
|
|
200
|
+
return m(), c("view", {
|
|
201
|
+
class: E(e.containerClasses)
|
|
319
202
|
}, [
|
|
320
|
-
|
|
321
|
-
|
|
203
|
+
e.hiddenRange ? $("", !0) : (m(), c("view", he, N(+e.min), 1)),
|
|
204
|
+
M("view", {
|
|
322
205
|
ref: "root",
|
|
323
|
-
style:
|
|
324
|
-
class:
|
|
325
|
-
onClick:
|
|
206
|
+
style: w(e.wrapperStyle),
|
|
207
|
+
class: E(e.classes),
|
|
208
|
+
onClick: n[9] || (n[9] = g((...a) => e.onClick && e.onClick(...a), ["stop"]))
|
|
326
209
|
}, [
|
|
327
|
-
|
|
328
|
-
(
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
])) : createCommentVNode("", true),
|
|
342
|
-
createElementVNode("view", {
|
|
210
|
+
e.marksList.length > 0 ? (m(), c("view", ke, [
|
|
211
|
+
(m(!0), c(F, null, I(e.marksList, (a) => (m(), c("span", {
|
|
212
|
+
key: a,
|
|
213
|
+
class: E(e.markClassName(a)),
|
|
214
|
+
style: w(e.marksStyle(a))
|
|
215
|
+
}, [
|
|
216
|
+
de(N(a) + " ", 1),
|
|
217
|
+
M("span", {
|
|
218
|
+
class: "nut-range-tick",
|
|
219
|
+
style: w(e.tickStyle(a))
|
|
220
|
+
}, null, 4)
|
|
221
|
+
], 6))), 128))
|
|
222
|
+
])) : $("", !0),
|
|
223
|
+
M("view", {
|
|
343
224
|
class: "nut-range-bar",
|
|
344
|
-
style:
|
|
225
|
+
style: w(e.barStyle)
|
|
345
226
|
}, [
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
(e)
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
227
|
+
e.range ? (m(), c(F, { key: 0 }, I([0, 1], (a) => M("view", {
|
|
228
|
+
key: a,
|
|
229
|
+
role: "slider",
|
|
230
|
+
class: E({
|
|
231
|
+
"nut-range-button-wrapper-left": a == 0,
|
|
232
|
+
"nut-range-button-wrapper-right": a == 1
|
|
233
|
+
}),
|
|
234
|
+
tabindex: e.disabled ? -1 : 0,
|
|
235
|
+
"aria-valuemin": +e.min,
|
|
236
|
+
"aria-valuenow": e.curValue(a),
|
|
237
|
+
"aria-valuemax": +e.max,
|
|
238
|
+
"aria-orientation": "horizontal",
|
|
239
|
+
onTouchstart: g(
|
|
240
|
+
(i) => {
|
|
241
|
+
typeof a == "number" && (e.buttonIndex = a), e.onTouchStart(i);
|
|
242
|
+
},
|
|
243
|
+
["stop", "prevent"]
|
|
244
|
+
),
|
|
245
|
+
onTouchmove: n[0] || (n[0] = g((...i) => e.onTouchMove && e.onTouchMove(...i), ["stop", "prevent"])),
|
|
246
|
+
onTouchend: n[1] || (n[1] = g((...i) => e.onTouchEnd && e.onTouchEnd(...i), ["stop", "prevent"])),
|
|
247
|
+
onTouchcancel: n[2] || (n[2] = g((...i) => e.onTouchEnd && e.onTouchEnd(...i), ["stop", "prevent"])),
|
|
248
|
+
onClick: n[3] || (n[3] = (i) => i.stopPropagation())
|
|
249
|
+
}, [
|
|
250
|
+
e.$slots.button ? J(e.$slots, "button", { key: 0 }) : (m(), c("view", {
|
|
251
|
+
key: 1,
|
|
252
|
+
class: "nut-range-button",
|
|
253
|
+
style: w(e.buttonStyle)
|
|
372
254
|
}, [
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
style: normalizeStyle(_ctx.buttonStyle)
|
|
377
|
-
}, [
|
|
378
|
-
!_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
|
|
379
|
-
], 4))
|
|
380
|
-
], 42, _hoisted_3);
|
|
381
|
-
}), 64)) : (openBlock(), createElementBlock("view", {
|
|
255
|
+
e.hiddenTag ? $("", !0) : (m(), c("view", we, N(e.curValue(a)), 1))
|
|
256
|
+
], 4))
|
|
257
|
+
], 42, Te)), 64)) : (m(), c("view", {
|
|
382
258
|
key: 1,
|
|
383
259
|
role: "slider",
|
|
384
260
|
class: "nut-range-button-wrapper",
|
|
385
|
-
tabindex:
|
|
386
|
-
"aria-valuemin": +
|
|
387
|
-
"aria-valuenow":
|
|
388
|
-
"aria-valuemax": +
|
|
261
|
+
tabindex: e.disabled ? -1 : 0,
|
|
262
|
+
"aria-valuemin": +e.min,
|
|
263
|
+
"aria-valuenow": e.curValue(),
|
|
264
|
+
"aria-valuemax": +e.max,
|
|
389
265
|
"aria-orientation": "horizontal",
|
|
390
|
-
onTouchstart:
|
|
391
|
-
(
|
|
392
|
-
|
|
266
|
+
onTouchstart: n[4] || (n[4] = g(
|
|
267
|
+
(a) => {
|
|
268
|
+
e.onTouchStart(a);
|
|
393
269
|
},
|
|
394
270
|
["stop", "prevent"]
|
|
395
271
|
)),
|
|
396
|
-
onTouchmove:
|
|
397
|
-
onTouchend:
|
|
398
|
-
onTouchcancel:
|
|
399
|
-
onClick:
|
|
272
|
+
onTouchmove: n[5] || (n[5] = g((...a) => e.onTouchMove && e.onTouchMove(...a), ["stop", "prevent"])),
|
|
273
|
+
onTouchend: n[6] || (n[6] = g((...a) => e.onTouchEnd && e.onTouchEnd(...a), ["stop", "prevent"])),
|
|
274
|
+
onTouchcancel: n[7] || (n[7] = g((...a) => e.onTouchEnd && e.onTouchEnd(...a), ["stop", "prevent"])),
|
|
275
|
+
onClick: n[8] || (n[8] = (a) => a.stopPropagation())
|
|
400
276
|
}, [
|
|
401
|
-
|
|
277
|
+
e.$slots.button ? J(e.$slots, "button", { key: 0 }) : (m(), c("view", {
|
|
402
278
|
key: 1,
|
|
403
279
|
class: "nut-range-button",
|
|
404
|
-
style:
|
|
280
|
+
style: w(e.buttonStyle)
|
|
405
281
|
}, [
|
|
406
|
-
|
|
282
|
+
e.hiddenTag ? $("", !0) : (m(), c("view", Ce, N(e.curValue()), 1))
|
|
407
283
|
], 4))
|
|
408
|
-
], 40,
|
|
284
|
+
], 40, Se))
|
|
409
285
|
], 4)
|
|
410
286
|
], 6),
|
|
411
|
-
|
|
287
|
+
e.hiddenRange ? $("", !0) : (m(), c("view", Ve, N(+e.max), 1))
|
|
412
288
|
], 2);
|
|
413
289
|
}
|
|
414
|
-
const
|
|
290
|
+
const Oe = /* @__PURE__ */ ve(ye, [["render", Ne]]);
|
|
415
291
|
export {
|
|
416
|
-
|
|
292
|
+
Oe as default
|
|
417
293
|
};
|