@nutui/nutui 3.1.21-beta.3 → 3.1.22-beta.3
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 +57 -0
- package/dist/nutui.es.js +4024 -18197
- package/dist/nutui.umd.js +4017 -18290
- package/dist/packages/_es/ActionSheet.js +26 -157
- package/dist/packages/_es/Address.js +119 -542
- package/dist/packages/_es/AddressList.js +113 -611
- package/dist/packages/_es/Audio.js +62 -274
- package/dist/packages/_es/AudioOperate.js +18 -107
- package/dist/packages/_es/Avatar.js +42 -165
- package/dist/packages/_es/AvatarGroup.js +14 -73
- package/dist/packages/_es/BackTop.js +43 -156
- package/dist/packages/_es/Badge.js +14 -86
- package/dist/packages/_es/Barrage.js +41 -113
- package/dist/packages/_es/Button.js +23 -128
- package/dist/packages/_es/Calendar.js +24 -237
- package/dist/packages/_es/CalendarItem.js +1 -1
- package/dist/packages/_es/Card.js +10 -107
- package/dist/packages/_es/Cascader.js +156 -500
- package/dist/packages/_es/Category.js +15 -58
- package/dist/packages/_es/CategoryPane.js +11 -111
- package/dist/packages/_es/Cell.js +21 -98
- package/dist/packages/_es/CellGroup.js +9 -44
- package/dist/packages/_es/Checkbox.js +31 -113
- package/dist/packages/_es/CheckboxGroup.js +29 -58
- package/dist/packages/_es/CircleProgress.js +28 -151
- package/dist/packages/_es/Col.js +14 -56
- package/dist/packages/_es/Collapse.js +24 -85
- package/dist/packages/_es/CollapseItem.js +70 -261
- package/dist/packages/_es/Comment.js +64 -434
- package/dist/packages/_es/CountDown.js +61 -242
- package/dist/packages/_es/CountUp.js +149 -548
- package/dist/packages/_es/DatePicker.js +107 -322
- package/dist/packages/_es/Dialog.js +69 -259
- package/dist/packages/_es/Divider.js +32 -45
- package/dist/packages/_es/Drag.js +56 -197
- package/dist/packages/_es/Ecard.js +24 -159
- package/dist/packages/_es/Elevator.js +63 -194
- package/dist/packages/_es/Empty.js +12 -71
- package/dist/packages/_es/FixedNav.js +15 -122
- package/dist/packages/_es/Form.js +64 -146
- package/dist/packages/_es/FormItem.js +15 -110
- package/dist/packages/_es/Grid.js +5 -6
- package/dist/packages/_es/GridItem.js +33 -144
- package/dist/packages/_es/Icon.js +15 -40
- package/dist/packages/_es/ImagePreview.js +74 -298
- package/dist/packages/_es/Indicator.js +15 -62
- package/dist/packages/_es/InfiniteLoading.js +66 -258
- package/dist/packages/_es/Input.js +51 -413
- package/dist/packages/_es/InputNumber.js +41 -160
- package/dist/packages/_es/Layout.js +4 -5
- package/dist/packages/_es/List.js +23 -109
- package/dist/packages/_es/Menu.js +30 -114
- package/dist/packages/_es/MenuItem.js +34 -161
- package/dist/packages/_es/Navbar.js +30 -94
- package/dist/packages/_es/NoticeBar.js +83 -387
- package/dist/packages/_es/Notify.js +81 -236
- package/dist/packages/_es/NumberKeyboard.js +41 -262
- package/dist/packages/_es/OldPicker.js +140 -464
- package/dist/packages/_es/OverLay.js +32 -105
- package/dist/packages/_es/Pagination.js +39 -157
- package/dist/packages/_es/Picker.js +138 -457
- package/dist/packages/_es/Popover.js +344 -185
- package/dist/packages/_es/Popup.js +64 -300
- package/dist/packages/_es/Price.js +16 -118
- package/dist/packages/_es/Progress.js +14 -146
- package/dist/packages/_es/PullRefresh.js +92 -346
- package/dist/packages/_es/Radio.js +22 -90
- package/dist/packages/_es/RadioGroup.js +8 -37
- package/dist/packages/_es/Range.js +92 -417
- package/dist/packages/_es/Rate.js +16 -139
- package/dist/packages/_es/Row.js +22 -64
- package/dist/packages/_es/SearchBar.js +46 -181
- package/dist/packages/_es/ShortPassword.js +35 -225
- package/dist/packages/_es/SideNavBar.js +33 -89
- package/dist/packages/_es/SideNavBarItem.js +11 -46
- package/dist/packages/_es/Signature.js +46 -165
- package/dist/packages/_es/Skeleton.js +20 -136
- package/dist/packages/_es/Sku.js +93 -499
- package/dist/packages/_es/Step.js +25 -119
- package/dist/packages/_es/Steps.js +18 -53
- package/dist/packages/_es/Sticky.js +53 -138
- package/dist/packages/_es/SubSideNavBar.js +26 -90
- package/dist/packages/_es/Swipe.js +46 -183
- package/dist/packages/_es/Swiper.js +121 -414
- package/dist/packages/_es/SwiperItem.js +22 -50
- package/dist/packages/_es/Switch.js +21 -116
- package/dist/packages/_es/TabPane.js +12 -35
- package/dist/packages/_es/Tabbar.js +17 -72
- package/dist/packages/_es/TabbarItem.js +29 -150
- package/dist/packages/_es/Table.js +27 -186
- package/dist/packages/_es/Tabs.js +51 -204
- package/dist/packages/_es/Tag.js +20 -97
- package/dist/packages/_es/TextArea.js +42 -160
- package/dist/packages/_es/TimeDetail.js +23 -84
- package/dist/packages/_es/TimePannel.js +19 -52
- package/dist/packages/_es/TimeSelect.js +15 -103
- package/dist/packages/_es/Toast.js +80 -319
- package/dist/packages/_es/Uploader.js +112 -459
- package/dist/packages/_es/Video.js +83 -340
- package/dist/packages/_es/common.js +38 -128
- package/dist/packages/_es/component.js +35 -76
- package/dist/packages/_es/index.js +5 -6
- package/dist/packages/_es/index2.js +9 -30
- package/dist/packages/_es/index3.js +6 -8
- package/dist/packages/_es/index4.js +13 -58
- package/dist/packages/_es/index5.js +120 -675
- package/dist/packages/_es/plugin-vue_export-helper.js +7 -8
- package/dist/packages/_es/pxCheck.js +3 -5
- package/dist/packages/_es/raf.js +8 -15
- package/dist/packages/addresslist/index.scss +2 -2
- package/dist/packages/button/index.scss +2 -1
- package/dist/packages/card/index.scss +1 -1
- package/dist/packages/cell/index.scss +15 -0
- package/dist/packages/checkbox/index.scss +6 -0
- package/dist/packages/dialog/index.scss +1 -2
- package/dist/packages/divider/index.scss +9 -0
- package/dist/packages/elevator/index.scss +21 -0
- package/dist/packages/formitem/index.scss +1 -0
- package/dist/packages/input/index.scss +13 -1
- package/dist/packages/locale/index.d.ts +8 -3
- package/dist/packages/locale/{locale/lang → lang}/baseLang.d.ts +1 -0
- package/dist/packages/locale/lang/baseLang.js +3 -3
- package/dist/packages/locale/{locale/lang → lang}/en-US.d.ts +16 -0
- package/dist/packages/locale/lang/en-US.js +5 -89
- package/dist/packages/locale/lang/id-ID.d.ts +104 -0
- package/dist/packages/locale/lang/id-ID.js +12 -0
- package/dist/packages/locale/lang/index.js +16 -38
- package/dist/packages/locale/{locale/lang → lang}/zh-CN.d.ts +16 -0
- package/dist/packages/locale/lang/zh-CN.js +5 -89
- package/dist/packages/locale/{locale/lang → lang}/zh-TW.d.ts +16 -0
- package/dist/packages/locale/lang/zh-TW.js +5 -89
- package/dist/packages/menuitem/index.scss +0 -1
- package/dist/packages/navbar/index.scss +8 -1
- package/dist/packages/popover/index.scss +402 -81
- package/dist/packages/popup/index.scss +3 -0
- package/dist/packages/radio/index.scss +1 -0
- package/dist/packages/searchbar/index.scss +4 -0
- package/dist/packages/switch/index.scss +3 -3
- package/dist/packages/tabbar/index.scss +2 -2
- package/dist/packages/tabpane/index.scss +5 -2
- package/dist/packages/tabs/index.scss +3 -0
- package/dist/packages/timeselect/index.scss +3 -2
- package/dist/smartips/attributes.json +188 -44
- package/dist/smartips/tags.json +65 -27
- package/dist/style.css +1 -1
- package/dist/styles/themes/default.scss +48 -48
- package/dist/styles/themes/jdb.scss +48 -48
- package/dist/styles/themes/jdt.scss +48 -48
- package/dist/styles/variables-jdb.scss +25 -8
- package/dist/styles/variables-jdt.scss +25 -8
- package/dist/styles/variables.scss +25 -7
- package/dist/types/__VUE/actionsheet/{index.d.ts → index.vue.d.ts} +62 -114
- package/dist/types/__VUE/address/{index.d.ts → index.vue.d.ts} +81 -151
- package/dist/types/__VUE/addresslist/components/{GeneralShell.d.ts → GeneralShell.vue.d.ts} +6 -7
- package/dist/types/__VUE/addresslist/components/{ItemContents.d.ts → ItemContents.vue.d.ts} +9 -11
- package/dist/types/__VUE/addresslist/components/{LongPressShell.d.ts → LongPressShell.vue.d.ts} +6 -7
- package/dist/types/__VUE/addresslist/components/{SwipeShell.d.ts → SwipeShell.vue.d.ts} +6 -7
- package/dist/types/__VUE/addresslist/{index.d.ts → index.vue.d.ts} +14 -23
- package/dist/types/__VUE/audio/index.vue.d.ts +102 -0
- package/dist/types/__VUE/audiooperate/index.vue.d.ts +88 -0
- package/dist/types/__VUE/avatar/{index.d.ts → index.vue.d.ts} +17 -30
- package/dist/types/__VUE/avatargroup/{index.d.ts → index.vue.d.ts} +20 -35
- package/dist/types/__VUE/backtop/{index.d.ts → index.vue.d.ts} +18 -34
- package/dist/types/__VUE/badge/{index.d.ts → index.vue.d.ts} +20 -33
- package/dist/types/__VUE/barrage/{index.d.ts → index.vue.d.ts} +15 -26
- package/dist/types/__VUE/button/{index.d.ts → index.vue.d.ts} +33 -50
- package/dist/types/__VUE/button/type.d.ts +7 -0
- package/dist/types/__VUE/calendar/{index.d.ts → index.vue.d.ts} +32 -57
- package/dist/types/__VUE/calendaritem/{index.d.ts → index.vue.d.ts} +33 -58
- package/dist/types/__VUE/card/{index.d.ts → index.vue.d.ts} +19 -34
- package/dist/types/__VUE/cascader/{cascader-item.d.ts → cascader-item.vue.d.ts} +22 -23
- package/dist/types/__VUE/cascader/{index.d.ts → index.vue.d.ts} +62 -98
- package/dist/types/__VUE/category/{index.d.ts → index.vue.d.ts} +7 -10
- package/dist/types/__VUE/categorypane/{index.d.ts → index.vue.d.ts} +10 -15
- package/dist/types/__VUE/cell/{index.d.ts → index.vue.d.ts} +38 -39
- package/dist/types/__VUE/cellgroup/{index.d.ts → index.vue.d.ts} +8 -11
- package/dist/types/__VUE/checkbox/common.d.ts +59 -0
- package/dist/types/__VUE/checkbox/{index.d.ts → index.vue.d.ts} +36 -40
- package/dist/types/__VUE/checkboxgroup/{index.d.ts → index.vue.d.ts} +15 -11
- package/dist/types/__VUE/circleprogress/{index.d.ts → index.vue.d.ts} +18 -31
- package/dist/types/__VUE/col/{index.d.ts → index.vue.d.ts} +7 -10
- package/dist/types/__VUE/collapse/{index.d.ts → index.vue.d.ts} +24 -40
- package/dist/types/__VUE/collapseitem/{index.d.ts → index.vue.d.ts} +22 -30
- package/dist/types/__VUE/comment/components/{CmtBottom.d.ts → CmtBottom.vue.d.ts} +10 -15
- package/dist/types/__VUE/comment/components/{CmtHeader.d.ts → CmtHeader.vue.d.ts} +10 -15
- package/dist/types/__VUE/comment/components/{CmtImages.d.ts → CmtImages.vue.d.ts} +10 -15
- package/dist/types/__VUE/comment/{index.d.ts → index.vue.d.ts} +21 -38
- package/dist/types/__VUE/countdown/{index.d.ts → index.vue.d.ts} +21 -35
- package/dist/types/__VUE/countup/{index.d.ts → index.vue.d.ts} +41 -74
- package/dist/types/__VUE/datepicker/{index.d.ts → index.vue.d.ts} +71 -125
- package/dist/types/__VUE/datepicker/type.d.ts +6 -0
- package/dist/types/__VUE/dialog/index.d.ts +44 -302
- package/dist/types/__VUE/dialog/index.vue.d.ts +263 -0
- package/dist/types/__VUE/divider/{index.d.ts → index.vue.d.ts} +15 -15
- package/dist/types/__VUE/drag/{index.d.ts → index.vue.d.ts} +9 -19
- package/dist/types/__VUE/ecard/{index.d.ts → index.vue.d.ts} +25 -44
- package/dist/types/__VUE/elevator/{index.d.ts → index.vue.d.ts} +39 -14
- package/dist/types/__VUE/empty/{index.d.ts → index.vue.d.ts} +9 -14
- package/dist/types/__VUE/fixednav/{index.d.ts → index.vue.d.ts} +18 -34
- package/dist/types/__VUE/form/{index.d.ts → index.vue.d.ts} +5 -6
- package/dist/types/__VUE/formitem/{index.d.ts → index.vue.d.ts} +29 -55
- package/dist/types/__VUE/grid/common.d.ts +3 -3
- package/dist/types/__VUE/grid/{index.d.ts → index.vue.d.ts} +24 -40
- package/dist/types/__VUE/griditem/{index.d.ts → index.vue.d.ts} +19 -26
- package/dist/types/__VUE/icon/{index.d.ts → index.vue.d.ts} +15 -26
- package/dist/types/__VUE/imagepreview/index.d.ts +20 -121
- package/dist/types/__VUE/imagepreview/index.vue.d.ts +108 -0
- package/dist/types/__VUE/indicator/{index.d.ts → index.vue.d.ts} +13 -24
- package/dist/types/__VUE/infiniteloading/{index.d.ts → index.vue.d.ts} +26 -47
- package/dist/types/__VUE/input/{index.d.ts → index.vue.d.ts} +81 -144
- package/dist/types/__VUE/input/type.d.ts +13 -0
- package/dist/types/__VUE/inputnumber/{index.d.ts → index.vue.d.ts} +22 -39
- package/dist/types/__VUE/layout/{index.d.ts → index.vue.d.ts} +1 -1
- package/dist/types/__VUE/list/{index.d.ts → index.vue.d.ts} +10 -14
- package/dist/types/__VUE/menu/{index.d.ts → index.vue.d.ts} +16 -14
- package/dist/types/__VUE/menuitem/{index.d.ts → index.vue.d.ts} +20 -24
- package/dist/types/__VUE/menuitem/type.d.ts +8 -0
- package/dist/types/__VUE/navbar/{index.d.ts → index.vue.d.ts} +48 -26
- package/dist/types/__VUE/noticebar/{index.d.ts → index.vue.d.ts} +35 -64
- package/dist/types/__VUE/notify/index.d.ts +12 -109
- package/dist/types/__VUE/notify/index.vue.d.ts +101 -0
- package/dist/types/__VUE/numberkeyboard/{index.d.ts → index.vue.d.ts} +41 -43
- package/dist/types/__VUE/oldpicker/{Column.d.ts → Column.vue.d.ts} +17 -22
- package/dist/types/__VUE/oldpicker/{index.d.ts → index.vue.d.ts} +75 -128
- package/dist/types/__VUE/overlay/{index.d.ts → index.vue.d.ts} +19 -30
- package/dist/types/__VUE/pagination/{index.d.ts → index.vue.d.ts} +21 -38
- package/dist/types/__VUE/picker/{Column.d.ts → Column.vue.d.ts} +16 -18
- package/dist/types/__VUE/picker/{index.d.ts → index.vue.d.ts} +79 -129
- package/dist/types/__VUE/popover/{index.d.ts → index.vue.d.ts} +85 -109
- package/dist/types/__VUE/popover/type.d.ts +6 -0
- package/dist/types/__VUE/popup/{index.d.ts → index.vue.d.ts} +45 -80
- package/dist/types/__VUE/price/{index.d.ts → index.vue.d.ts} +17 -30
- package/dist/types/__VUE/progress/{index.d.ts → index.vue.d.ts} +29 -53
- package/dist/types/__VUE/pullrefresh/{index.d.ts → index.vue.d.ts} +18 -46
- package/dist/types/__VUE/radio/{index.d.ts → index.vue.d.ts} +19 -34
- package/dist/types/__VUE/radiogroup/{index.d.ts → index.vue.d.ts} +10 -15
- package/dist/types/__VUE/range/{index.d.ts → index.vue.d.ts} +35 -47
- package/dist/types/__VUE/range/type.d.ts +5 -0
- package/dist/types/__VUE/rate/{index.d.ts → index.vue.d.ts} +30 -55
- package/dist/types/__VUE/row/{index.d.ts → index.vue.d.ts} +16 -25
- package/dist/types/__VUE/searchbar/{index.d.ts → index.vue.d.ts} +62 -32
- package/dist/types/__VUE/shortpassword/{index.d.ts → index.vue.d.ts} +25 -44
- package/dist/types/__VUE/sidenavbar/{index.d.ts → index.vue.d.ts} +6 -7
- package/dist/types/__VUE/sidenavbaritem/{index.d.ts → index.vue.d.ts} +8 -11
- package/dist/types/__VUE/signature/{index.d.ts → index.vue.d.ts} +13 -22
- package/dist/types/__VUE/skeleton/common.d.ts +3 -5
- package/dist/types/__VUE/skeleton/{index.d.ts → index.vue.d.ts} +24 -43
- package/dist/types/__VUE/sku/components/{SkuHeader.d.ts → SkuHeader.vue.d.ts} +6 -7
- package/dist/types/__VUE/sku/components/{SkuOperate.d.ts → SkuOperate.vue.d.ts} +14 -23
- package/dist/types/__VUE/sku/components/{SkuSelect.d.ts → SkuSelect.vue.d.ts} +6 -7
- package/dist/types/__VUE/sku/components/{SkuStepper.d.ts → SkuStepper.vue.d.ts} +12 -19
- package/dist/types/__VUE/sku/{index.d.ts → index.vue.d.ts} +66 -124
- package/dist/types/__VUE/step/{index.d.ts → index.vue.d.ts} +14 -23
- package/dist/types/__VUE/steps/{index.d.ts → index.vue.d.ts} +9 -14
- package/dist/types/__VUE/sticky/{index.d.ts → index.vue.d.ts} +14 -21
- package/dist/types/__VUE/subsidenavbar/{index.d.ts → index.vue.d.ts} +10 -15
- package/dist/types/__VUE/swipe/{index.d.ts → index.vue.d.ts} +11 -18
- package/dist/types/__VUE/swiper/{index.d.ts → index.vue.d.ts} +30 -50
- package/dist/types/__VUE/swiperitem/{index.d.ts → index.vue.d.ts} +2 -2
- package/dist/types/__VUE/switch/{index.d.ts → index.vue.d.ts} +28 -51
- package/dist/types/__VUE/tabbar/{index.d.ts → index.vue.d.ts} +17 -30
- package/dist/types/__VUE/tabbaritem/{index.d.ts → index.vue.d.ts} +25 -40
- package/dist/types/__VUE/table/common.d.ts +1 -1
- package/dist/types/__VUE/table/{index.d.ts → index.vue.d.ts} +14 -23
- package/dist/types/__VUE/tabpane/{index.d.ts → index.vue.d.ts} +11 -15
- package/dist/types/__VUE/tabs/common.d.ts +6 -2
- package/dist/types/__VUE/tabs/{index.d.ts → index.vue.d.ts} +30 -42
- package/dist/types/__VUE/tag/{index.d.ts → index.vue.d.ts} +21 -34
- package/dist/types/__VUE/tag/type.d.ts +5 -0
- package/dist/types/__VUE/textarea/{index.d.ts → index.vue.d.ts} +26 -45
- package/dist/types/__VUE/timedetail/{index.d.ts → index.vue.d.ts} +8 -11
- package/dist/types/__VUE/timepannel/{index.d.ts → index.vue.d.ts} +8 -11
- package/dist/types/__VUE/timeselect/{index.d.ts → index.vue.d.ts} +25 -29
- package/dist/types/__VUE/toast/index.d.ts +12 -145
- package/dist/types/__VUE/toast/index.vue.d.ts +134 -0
- package/dist/types/__VUE/uploader/{index.d.ts → index.vue.d.ts} +59 -106
- package/dist/types/__VUE/uploader/type.d.ts +18 -0
- package/dist/types/__VUE/video/{index.d.ts → index.vue.d.ts} +9 -26
- package/dist/types/index.d.ts +7 -2
- package/dist/types/nutui.d.ts +92 -92
- package/package.json +7 -3
- package/dist/packages/locale/locale/index.d.ts +0 -8
- package/dist/types/__VUE/audio/index.d.ts +0 -92
- package/dist/types/__VUE/audiooperate/index.d.ts +0 -68
|
@@ -5,211 +5,80 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
|
5
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
6
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
7
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (
|
|
8
|
+
var __spreadValues = (a2, b) => {
|
|
9
9
|
for (var prop in b || (b = {}))
|
|
10
10
|
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(
|
|
11
|
+
__defNormalProp(a2, prop, b[prop]);
|
|
12
12
|
if (__getOwnPropSymbols)
|
|
13
13
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
14
|
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(
|
|
15
|
+
__defNormalProp(a2, prop, b[prop]);
|
|
16
16
|
}
|
|
17
|
-
return
|
|
17
|
+
return a2;
|
|
18
18
|
};
|
|
19
|
-
var __spreadProps = (
|
|
19
|
+
var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
|
|
22
22
|
* (c) 2022 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
25
|
-
import { ref, reactive, computed,
|
|
26
|
-
import { c as
|
|
27
|
-
import { u as
|
|
28
|
-
import { _ as
|
|
25
|
+
import { ref as e, reactive as t, computed as l, onMounted as i, watch as c, nextTick as n, toRefs as r, openBlock as s, createElementBlock as o, normalizeClass as a, createElementVNode as u, normalizeStyle as d, Fragment as h, renderList as p, toDisplayString as _, withDirectives as x, vShow as g, createCommentVNode as v, withModifiers as y } from "vue";
|
|
26
|
+
import { c as f } from "./component.js";
|
|
27
|
+
import { u as m } from "./index3.js";
|
|
28
|
+
import { _ as k } from "./plugin-vue_export-helper.js";
|
|
29
29
|
import "../locale/lang";
|
|
30
|
-
const { componentName, create } =
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
},
|
|
37
|
-
acceptKey: {
|
|
38
|
-
type: [String],
|
|
39
|
-
default: "title"
|
|
40
|
-
},
|
|
41
|
-
indexList: {
|
|
42
|
-
type: Array,
|
|
43
|
-
default: () => {
|
|
44
|
-
return [];
|
|
45
|
-
}
|
|
30
|
+
const { componentName: H, create: I } = f("elevator"), S = I({ props: { height: { type: [Number, String], default: "200px" }, acceptKey: { type: [String], default: "title" }, indexList: { type: Array, default: () => [] }, isSticky: { type: [Boolean], default: false }, spaceHeight: { type: [Number], default: 23 }, titleHeight: { type: [Number], default: 35 } }, emits: ["click-item", "click-index"], setup(s2, o2) {
|
|
31
|
+
const a2 = e(null), u2 = t({ anchorIndex: 0, codeIndex: 0, listHeight: [], listGroup: [], touchState: { y1: 0, y2: 0 }, scrollStart: false, currentIndex: 0, currentData: {}, currentKey: "", scrollY: 0, diff: -1, fixedTop: 0 }), d2 = l(() => ({ [H]: true })), h2 = l(() => ({ transform: `translate3d(0, ${u2.scrollY + u2.fixedTop}px, 0)` })), p2 = l(() => a2.value.clientHeight), _2 = () => {
|
|
32
|
+
let e2 = 0;
|
|
33
|
+
u2.listHeight.push(e2);
|
|
34
|
+
for (let t2 = 0; t2 < u2.listGroup.length; t2++) {
|
|
35
|
+
e2 += u2.listGroup[t2].clientHeight, u2.listHeight.push(e2);
|
|
46
36
|
}
|
|
47
|
-
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
state.anchorIndex = 0;
|
|
72
|
-
state.listHeight = [];
|
|
73
|
-
state.listGroup = [];
|
|
74
|
-
state.currentIndex = 0;
|
|
75
|
-
state.scrollStart = false;
|
|
76
|
-
state.touchState = {
|
|
77
|
-
y1: 0,
|
|
78
|
-
y2: 0
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
const getData = (el, name) => {
|
|
82
|
-
const prefix = "data-";
|
|
83
|
-
return el.getAttribute(prefix + name);
|
|
84
|
-
};
|
|
85
|
-
const setListGroup = (el) => {
|
|
86
|
-
nextTick(() => {
|
|
87
|
-
if (!state.listGroup.includes(el) && el != null) {
|
|
88
|
-
state.listGroup.push(el);
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
const calculateHeight = () => {
|
|
93
|
-
let height = 0;
|
|
94
|
-
state.listHeight.push(height);
|
|
95
|
-
for (let i = 0; i < state.listGroup.length; i++) {
|
|
96
|
-
let item = state.listGroup[i];
|
|
97
|
-
height += item.clientHeight;
|
|
98
|
-
state.listHeight.push(height);
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
const scrollTo = (index2) => {
|
|
102
|
-
if (!index2 && index2 !== 0) {
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
if (!state.listHeight.length) {
|
|
106
|
-
calculateHeight();
|
|
107
|
-
}
|
|
108
|
-
if (index2 < 0)
|
|
109
|
-
index2 = 0;
|
|
110
|
-
if (index2 > state.listHeight.length - 2)
|
|
111
|
-
index2 = state.listHeight.length - 2;
|
|
112
|
-
state.currentIndex = index2;
|
|
113
|
-
listview.value.scrollTo(0, state.listHeight[index2]);
|
|
114
|
-
};
|
|
115
|
-
const touchStart = (e) => {
|
|
116
|
-
state.scrollStart = true;
|
|
117
|
-
let index2 = getData(e.target, "index");
|
|
118
|
-
let firstTouch = e.touches[0];
|
|
119
|
-
state.touchState.y1 = firstTouch.pageY;
|
|
120
|
-
state.anchorIndex = +index2;
|
|
121
|
-
state.currentIndex = +index2;
|
|
122
|
-
scrollTo(+index2);
|
|
123
|
-
};
|
|
124
|
-
const touchMove = (e) => {
|
|
125
|
-
let firstTouch = e.touches[0];
|
|
126
|
-
state.touchState.y2 = firstTouch.pageY;
|
|
127
|
-
let delta = (state.touchState.y2 - state.touchState.y1) / spaceHeight | 0;
|
|
128
|
-
state.currentIndex = state.anchorIndex + delta;
|
|
129
|
-
scrollTo(state.currentIndex);
|
|
130
|
-
};
|
|
131
|
-
const touchEnd = () => {
|
|
132
|
-
resetScrollState();
|
|
133
|
-
};
|
|
134
|
-
const handleClickItem = (key, item) => {
|
|
135
|
-
context.emit("click-item", key, item);
|
|
136
|
-
state.currentData = item;
|
|
137
|
-
};
|
|
138
|
-
const handleClickIndex = (key) => {
|
|
139
|
-
context.emit("click-index", key);
|
|
140
|
-
};
|
|
141
|
-
useExpose({
|
|
142
|
-
scrollTo
|
|
143
|
-
});
|
|
144
|
-
return __spreadProps(__spreadValues({
|
|
145
|
-
classes
|
|
146
|
-
}, toRefs(state)), {
|
|
147
|
-
setListGroup,
|
|
148
|
-
listview,
|
|
149
|
-
touchStart,
|
|
150
|
-
touchMove,
|
|
151
|
-
touchEnd,
|
|
152
|
-
handleClickItem,
|
|
153
|
-
handleClickIndex
|
|
37
|
+
}, x2 = (e2) => {
|
|
38
|
+
(e2 || e2 === 0) && (e2 < 0 && (e2 = 0), e2 > u2.listHeight.length - 2 && (e2 = u2.listHeight.length - 2), u2.codeIndex = e2, a2.value.scrollTo(0, u2.listHeight[e2]));
|
|
39
|
+
}, g2 = (e2) => {
|
|
40
|
+
let t2 = e2.target.scrollTop;
|
|
41
|
+
const l2 = u2.listHeight;
|
|
42
|
+
u2.scrollY = t2;
|
|
43
|
+
for (let e3 = 0; e3 < l2.length - 1; e3++) {
|
|
44
|
+
let t3 = l2[e3], i2 = l2[e3 + 1];
|
|
45
|
+
if (u2.scrollY >= t3 && u2.scrollY < i2)
|
|
46
|
+
return u2.currentIndex = e3, void (u2.diff = i2 - u2.scrollY);
|
|
47
|
+
}
|
|
48
|
+
u2.currentIndex = l2.length - 2;
|
|
49
|
+
};
|
|
50
|
+
return i(() => {
|
|
51
|
+
a2.value.addEventListener("scroll", g2);
|
|
52
|
+
}), m({ scrollTo: x2 }), c(() => u2.listGroup.length, () => {
|
|
53
|
+
u2.listHeight = [], n(_2);
|
|
54
|
+
}), c(() => u2.diff, (e2) => {
|
|
55
|
+
const t2 = u2.listHeight;
|
|
56
|
+
let l2 = e2 > 0 && e2 < s2.titleHeight ? e2 - s2.titleHeight : 0;
|
|
57
|
+
u2.scrollY + p2.value === t2[t2.length - 1] && l2 !== 0 && (l2 = 0), u2.fixedTop !== l2 && (u2.fixedTop = l2);
|
|
58
|
+
}), __spreadProps(__spreadValues({ classes: d2 }, r(u2)), { fixedStyle: h2, clientHeight: p2, setListGroup: (e2) => {
|
|
59
|
+
n(() => {
|
|
60
|
+
u2.listGroup.includes(e2) || e2 == null || u2.listGroup.push(e2);
|
|
154
61
|
});
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
|
|
179
|
-
return openBlock(), createElementBlock("view", {
|
|
180
|
-
class: normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
|
|
181
|
-
key: subitem["id"],
|
|
182
|
-
onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
|
|
183
|
-
innerHTML: subitem.name
|
|
184
|
-
}, null, 10, _hoisted_2);
|
|
185
|
-
}), 128))
|
|
186
|
-
]);
|
|
187
|
-
}), 128))
|
|
188
|
-
], 4),
|
|
189
|
-
_ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
|
|
190
|
-
key: 0,
|
|
191
|
-
class: "nut-elevator__code--current"
|
|
192
|
-
}, toDisplayString(_ctx.indexList[_ctx.currentIndex][_ctx.acceptKey]), 513)), [
|
|
193
|
-
[vShow, _ctx.scrollStart]
|
|
194
|
-
]) : createCommentVNode("", true),
|
|
195
|
-
createElementVNode("view", {
|
|
196
|
-
class: "nut-elevator__bars",
|
|
197
|
-
onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
|
|
198
|
-
onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
|
|
199
|
-
onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
|
|
200
|
-
}, [
|
|
201
|
-
createElementVNode("view", _hoisted_3, [
|
|
202
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index2) => {
|
|
203
|
-
return openBlock(), createElementBlock("view", {
|
|
204
|
-
class: "nut-elevator__bars__inner__item",
|
|
205
|
-
"data-index": index2,
|
|
206
|
-
key: item[_ctx.acceptKey],
|
|
207
|
-
onClick: ($event) => _ctx.handleClickIndex(item[_ctx.acceptKey])
|
|
208
|
-
}, toDisplayString(item[_ctx.acceptKey]), 9, _hoisted_4);
|
|
209
|
-
}), 128))
|
|
210
|
-
])
|
|
211
|
-
], 32)
|
|
212
|
-
], 2);
|
|
213
|
-
}
|
|
214
|
-
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
215
|
-
export { index as default };
|
|
62
|
+
}, listview: a2, touchStart: (e2) => {
|
|
63
|
+
u2.scrollStart = true;
|
|
64
|
+
let t2 = (l2 = e2.target, i2 = "index", l2.getAttribute("data-" + i2));
|
|
65
|
+
var l2, i2;
|
|
66
|
+
let c2 = e2.touches[0];
|
|
67
|
+
u2.touchState.y1 = c2.pageY, u2.anchorIndex = +t2, u2.codeIndex = +t2, x2(+t2);
|
|
68
|
+
}, touchMove: (e2) => {
|
|
69
|
+
let t2 = e2.touches[0];
|
|
70
|
+
u2.touchState.y2 = t2.pageY;
|
|
71
|
+
let l2 = (u2.touchState.y2 - u2.touchState.y1) / s2.spaceHeight | 0;
|
|
72
|
+
u2.codeIndex = u2.anchorIndex + l2, x2(u2.codeIndex);
|
|
73
|
+
}, touchEnd: () => {
|
|
74
|
+
u2.scrollStart = false;
|
|
75
|
+
}, handleClickItem: (e2, t2) => {
|
|
76
|
+
o2.emit("click-item", e2, t2), u2.currentData = t2, u2.currentKey = e2;
|
|
77
|
+
}, handleClickIndex: (e2) => {
|
|
78
|
+
o2.emit("click-index", e2);
|
|
79
|
+
} });
|
|
80
|
+
} }), K = { class: "nut-elevator__list__item__code" }, w = ["onClick", "innerHTML"], L = { class: "fixed-title" }, T = { class: "nut-elevator__bars__inner" }, Y = ["data-index", "onClick"];
|
|
81
|
+
var C = k(S, [["render", function(e2, t2, l2, i2, c2, n2) {
|
|
82
|
+
return s(), o("view", { class: a(e2.classes) }, [u("view", { class: "nut-elevator__list", ref: "listview", style: d({ height: isNaN(+e2.height) ? e2.height : `${e2.height}px` }) }, [(s(true), o(h, null, p(e2.indexList, (t3) => (s(), o("view", { class: "nut-elevator__list__item", key: t3[e2.acceptKey], ref: e2.setListGroup }, [u("view", K, _(t3[e2.acceptKey]), 1), (s(true), o(h, null, p(t3.list, (l3) => (s(), o("view", { class: a(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": e2.currentData.id === l3.id && e2.currentKey === t3[e2.acceptKey] }]), key: l3.id, onClick: (i3) => e2.handleClickItem(t3[e2.acceptKey], l3), innerHTML: l3.name }, null, 10, w))), 128))], 512))), 128)), e2.isSticky ? x((s(), o("view", { key: 0, class: "nut-elevator__list__fixed", style: d(e2.fixedStyle) }, [u("span", L, _(e2.indexList[e2.currentIndex][e2.acceptKey]), 1)], 4)), [[g, e2.scrollY > 0]]) : v("", true)], 4), e2.indexList.length ? x((s(), o("view", { key: 0, class: "nut-elevator__code--current" }, _(e2.indexList[e2.codeIndex][e2.acceptKey]), 513)), [[g, e2.scrollStart]]) : v("", true), u("view", { class: "nut-elevator__bars", onTouchstart: t2[0] || (t2[0] = (...t3) => e2.touchStart && e2.touchStart(...t3)), onTouchmove: t2[1] || (t2[1] = y((...t3) => e2.touchMove && e2.touchMove(...t3), ["stop", "prevent"])), onTouchend: t2[2] || (t2[2] = (...t3) => e2.touchEnd && e2.touchEnd(...t3)) }, [u("view", T, [(s(true), o(h, null, p(e2.indexList, (t3, l3) => (s(), o("view", { class: a(["nut-elevator__bars__inner__item", { active: t3[e2.acceptKey] === e2.indexList[e2.currentIndex][e2.acceptKey] }]), "data-index": l3, key: t3[e2.acceptKey], onClick: (l4) => e2.handleClickIndex(t3[e2.acceptKey]) }, _(t3[e2.acceptKey]), 11, Y))), 128))])], 32)], 2);
|
|
83
|
+
}]]);
|
|
84
|
+
export { C as default };
|
|
@@ -1,76 +1,17 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2022 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
-
import { toRefs, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, Fragment, createCommentVNode, toDisplayString } from "vue";
|
|
7
|
-
import { c
|
|
8
|
-
import { _ as
|
|
6
|
+
import { toRefs as e, computed as t, openBlock as s, createElementBlock as a, createElementVNode as i, normalizeStyle as l, renderSlot as r, Fragment as p, createCommentVNode as m, toDisplayString as o } from "vue";
|
|
7
|
+
import { c } from "./component.js";
|
|
8
|
+
import { _ as n } from "./plugin-vue_export-helper.js";
|
|
9
9
|
import "../locale/lang";
|
|
10
|
-
const { componentName, create, translate } =
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
image: {
|
|
19
|
-
type: String,
|
|
20
|
-
default: "empty"
|
|
21
|
-
},
|
|
22
|
-
imageSize: {
|
|
23
|
-
type: [Number, String],
|
|
24
|
-
default: ""
|
|
25
|
-
},
|
|
26
|
-
description: {
|
|
27
|
-
type: String,
|
|
28
|
-
default: ""
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
setup(props) {
|
|
32
|
-
const { image, imageSize } = toRefs(props);
|
|
33
|
-
const imgStyle = computed(() => {
|
|
34
|
-
if (!imageSize.value) {
|
|
35
|
-
return "";
|
|
36
|
-
}
|
|
37
|
-
if (typeof imageSize.value === "number") {
|
|
38
|
-
return `width:${imageSize.value}px;height:${imageSize.value}px`;
|
|
39
|
-
}
|
|
40
|
-
return `width:${imageSize.value};height:${imageSize.value}`;
|
|
41
|
-
});
|
|
42
|
-
const isHttpUrl = image.value.startsWith("https://") || image.value.startsWith("http://") || image.value.startsWith("//");
|
|
43
|
-
const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
|
|
44
|
-
return {
|
|
45
|
-
imageUrl,
|
|
46
|
-
imgStyle,
|
|
47
|
-
translate
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
const _hoisted_1 = { class: "nut-empty" };
|
|
52
|
-
const _hoisted_2 = ["src"];
|
|
53
|
-
const _hoisted_3 = {
|
|
54
|
-
key: 1,
|
|
55
|
-
class: "nut-empty-description"
|
|
56
|
-
};
|
|
57
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
58
|
-
return openBlock(), createElementBlock("view", _hoisted_1, [
|
|
59
|
-
createElementVNode("view", {
|
|
60
|
-
class: "nut-empty-image",
|
|
61
|
-
style: normalizeStyle(_ctx.imgStyle)
|
|
62
|
-
}, [
|
|
63
|
-
_ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
64
|
-
_ctx.imageUrl ? (openBlock(), createElementBlock("img", {
|
|
65
|
-
key: 0,
|
|
66
|
-
class: "img",
|
|
67
|
-
src: _ctx.imageUrl
|
|
68
|
-
}, null, 8, _hoisted_2)) : createCommentVNode("", true)
|
|
69
|
-
], 64))
|
|
70
|
-
], 4),
|
|
71
|
-
_ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
|
|
72
|
-
_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
|
|
73
|
-
]);
|
|
74
|
-
}
|
|
75
|
-
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
76
|
-
export { index as default };
|
|
10
|
+
const { componentName: u, create: g, translate: d } = c("empty"), y = { empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png", error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png", network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png" }, f = g({ props: { image: { type: String, default: "empty" }, imageSize: { type: [Number, String], default: "" }, description: { type: String, default: "" } }, setup(s2) {
|
|
11
|
+
const { image: a2, imageSize: i2 } = e(s2), l2 = t(() => i2.value ? typeof i2.value == "number" ? `width:${i2.value}px;height:${i2.value}px` : `width:${i2.value};height:${i2.value}` : "");
|
|
12
|
+
return { imageUrl: a2.value.startsWith("https://") || a2.value.startsWith("http://") || a2.value.startsWith("//") ? a2.value : y[a2.value], imgStyle: l2, translate: d };
|
|
13
|
+
} }), v = { class: "nut-empty" }, h = ["src"], $ = { key: 1, class: "nut-empty-description" };
|
|
14
|
+
var k = n(f, [["render", function(e2, t2, c2, n2, u2, g2) {
|
|
15
|
+
return s(), a("view", v, [i("view", { class: "nut-empty-image", style: l(e2.imgStyle) }, [e2.$slots.image ? r(e2.$slots, "image", { key: 0 }) : (s(), a(p, { key: 1 }, [e2.imageUrl ? (s(), a("img", { key: 0, class: "img", src: e2.imageUrl }, null, 8, h)) : m("", true)], 64))], 4), e2.$slots.description ? r(e2.$slots, "description", { key: 0 }) : (s(), a("view", $, o(e2.description || e2.translate("noData")), 1)), e2.$slots.default ? r(e2.$slots, "default", { key: 2 }) : m("", true)]);
|
|
16
|
+
}]]);
|
|
17
|
+
export { k as default };
|
|
@@ -1,127 +1,20 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2022 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
-
import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
|
|
7
|
-
import { c as
|
|
8
|
-
import
|
|
9
|
-
import { _ as
|
|
6
|
+
import { computed as e, resolveComponent as t, openBlock as i, createElementBlock as l, normalizeClass as s, normalizeStyle as a, createBlock as n, createCommentVNode as o, renderSlot as c, createElementVNode as u, Fragment as v, renderList as r, toDisplayString as p, createVNode as d } from "vue";
|
|
7
|
+
import { c as m } from "./component.js";
|
|
8
|
+
import f from "./OverLay.js";
|
|
9
|
+
import { _ as y } from "./plugin-vue_export-helper.js";
|
|
10
10
|
import "../locale/lang";
|
|
11
|
-
const { componentName, create, translate } =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
overlay: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
default: true
|
|
24
|
-
},
|
|
25
|
-
navList: {
|
|
26
|
-
default: () => [],
|
|
27
|
-
type: Array
|
|
28
|
-
},
|
|
29
|
-
activeText: {
|
|
30
|
-
default: "",
|
|
31
|
-
type: String
|
|
32
|
-
},
|
|
33
|
-
unActiveText: {
|
|
34
|
-
default: "",
|
|
35
|
-
type: String
|
|
36
|
-
},
|
|
37
|
-
position: {
|
|
38
|
-
default: () => {
|
|
39
|
-
return {
|
|
40
|
-
top: "auto",
|
|
41
|
-
bottom: "auto"
|
|
42
|
-
};
|
|
43
|
-
},
|
|
44
|
-
type: Object
|
|
45
|
-
},
|
|
46
|
-
type: {
|
|
47
|
-
default: "right",
|
|
48
|
-
type: String
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
emits: ["update:visible", "selected"],
|
|
52
|
-
setup(props, { emit }) {
|
|
53
|
-
const classes = computed(() => {
|
|
54
|
-
const prefixCls = componentName;
|
|
55
|
-
return {
|
|
56
|
-
[prefixCls]: true,
|
|
57
|
-
active: props.visible,
|
|
58
|
-
[props.type]: true
|
|
59
|
-
};
|
|
60
|
-
});
|
|
61
|
-
const updateValue = (value = !props.visible) => {
|
|
62
|
-
emit("update:visible", value);
|
|
63
|
-
};
|
|
64
|
-
const selected = (item, event) => {
|
|
65
|
-
emit("selected", {
|
|
66
|
-
item,
|
|
67
|
-
event
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
return { classes, updateValue, selected, translate };
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
const _hoisted_1 = { class: "nut-fixednav__list" };
|
|
74
|
-
const _hoisted_2 = ["onClick"];
|
|
75
|
-
const _hoisted_3 = ["src"];
|
|
76
|
-
const _hoisted_4 = { class: "span" };
|
|
77
|
-
const _hoisted_5 = {
|
|
78
|
-
key: 0,
|
|
79
|
-
class: "b"
|
|
80
|
-
};
|
|
81
|
-
const _hoisted_6 = { class: "text" };
|
|
82
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
83
|
-
const _component_nut_overlay = resolveComponent("nut-overlay");
|
|
84
|
-
const _component_nut_icon = resolveComponent("nut-icon");
|
|
85
|
-
return openBlock(), createElementBlock("view", {
|
|
86
|
-
class: normalizeClass(_ctx.classes),
|
|
87
|
-
style: normalizeStyle(_ctx.position)
|
|
88
|
-
}, [
|
|
89
|
-
_ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
|
|
90
|
-
key: 0,
|
|
91
|
-
visible: _ctx.visible,
|
|
92
|
-
"z-index": 200,
|
|
93
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
|
|
94
|
-
}, null, 8, ["visible"])) : createCommentVNode("", true),
|
|
95
|
-
renderSlot(_ctx.$slots, "list", {}, () => [
|
|
96
|
-
createElementVNode("view", _hoisted_1, [
|
|
97
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
|
|
98
|
-
return openBlock(), createElementBlock("view", {
|
|
99
|
-
class: "nut-fixednav__list-item",
|
|
100
|
-
onClick: ($event) => _ctx.selected(item, $event),
|
|
101
|
-
key: item.id || index2
|
|
102
|
-
}, [
|
|
103
|
-
createElementVNode("img", {
|
|
104
|
-
src: item.icon
|
|
105
|
-
}, null, 8, _hoisted_3),
|
|
106
|
-
createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
|
|
107
|
-
item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
|
|
108
|
-
], 8, _hoisted_2);
|
|
109
|
-
}), 128))
|
|
110
|
-
])
|
|
111
|
-
]),
|
|
112
|
-
createElementVNode("div", {
|
|
113
|
-
class: "nut-fixednav__btn",
|
|
114
|
-
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
|
|
115
|
-
}, [
|
|
116
|
-
renderSlot(_ctx.$slots, "btn", {}, () => [
|
|
117
|
-
createVNode(_component_nut_icon, {
|
|
118
|
-
name: "left",
|
|
119
|
-
color: "#fff"
|
|
120
|
-
}),
|
|
121
|
-
createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
|
|
122
|
-
])
|
|
123
|
-
])
|
|
124
|
-
], 6);
|
|
125
|
-
}
|
|
126
|
-
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
127
|
-
export { index as default };
|
|
11
|
+
const { componentName: x, create: b, translate: _ } = m("fixednav"), g = b({ components: { [f.name]: f }, props: { visible: { type: Boolean, default: false }, overlay: { type: Boolean, default: true }, navList: { default: () => [], type: Array }, activeText: { default: "", type: String }, unActiveText: { default: "", type: String }, position: { default: () => ({ top: "auto", bottom: "auto" }), type: Object }, type: { default: "right", type: String } }, emits: ["update:visible", "selected"], setup: (t2, { emit: i2 }) => ({ classes: e(() => ({ [x]: true, active: t2.visible, [t2.type]: true })), updateValue: (e2 = !t2.visible) => {
|
|
12
|
+
i2("update:visible", e2);
|
|
13
|
+
}, selected: (e2, t3) => {
|
|
14
|
+
i2("selected", { item: e2, event: t3 });
|
|
15
|
+
}, translate: _ }) }), k = { class: "nut-fixednav__list" }, w = ["onClick"], T = ["src"], j = { class: "span" }, A = { key: 0, class: "b" }, C = { class: "text" };
|
|
16
|
+
var L = y(g, [["render", function(e2, m2, f2, y2, x2, b2) {
|
|
17
|
+
const _2 = t("nut-overlay"), g2 = t("nut-icon");
|
|
18
|
+
return i(), l("view", { class: s(e2.classes), style: a(e2.position) }, [e2.overlay ? (i(), n(_2, { key: 0, visible: e2.visible, "z-index": 200, onClick: m2[0] || (m2[0] = (t2) => e2.updateValue(false)) }, null, 8, ["visible"])) : o("", true), c(e2.$slots, "list", {}, () => [u("view", k, [(i(true), l(v, null, r(e2.navList, (t2, s2) => (i(), l("view", { class: "nut-fixednav__list-item", onClick: (i2) => e2.selected(t2, i2), key: t2.id || s2 }, [u("img", { src: t2.icon }, null, 8, T), u("view", j, p(t2.text), 1), t2.num ? (i(), l("view", A, p(t2.num), 1)) : o("", true)], 8, w))), 128))])]), u("div", { class: "nut-fixednav__btn", onClick: m2[1] || (m2[1] = (t2) => e2.updateValue()) }, [c(e2.$slots, "btn", {}, () => [d(g2, { name: "left", color: "#fff" }), u("view", C, p(e2.visible ? e2.activeText || e2.translate("activeText") : e2.unActiveText || e2.translate("unActiveText")), 1)])])], 6);
|
|
19
|
+
}]]);
|
|
20
|
+
export { L as default };
|