@nutui/nutui 3.1.7-beta.5 → 3.1.9-beta.0
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 +17 -0
- package/dist/nutui.d.ts +4 -1
- package/dist/nutui.es.js +950 -627
- package/dist/nutui.umd.js +959 -633
- package/dist/packages/_es/ActionSheet.js +1 -1
- package/dist/packages/_es/Address.js +1 -1
- package/dist/packages/_es/Avatar.js +1 -1
- package/dist/packages/_es/BackTop.js +1 -1
- package/dist/packages/_es/Badge.js +1 -1
- package/dist/packages/_es/Barrage.js +1 -1
- package/dist/packages/_es/Button.js +1 -1
- package/dist/packages/_es/Calendar.js +1 -1
- package/dist/packages/_es/Cell.js +1 -1
- package/dist/packages/_es/CellGroup.js +1 -1
- package/dist/packages/_es/Checkbox.js +1 -1
- package/dist/packages/_es/CheckboxGroup.js +1 -1
- package/dist/packages/_es/CircleProgress.js +1 -1
- package/dist/packages/_es/Col.js +1 -1
- package/dist/packages/_es/Collapse.js +1 -1
- package/dist/packages/_es/CollapseItem.js +1 -1
- package/dist/packages/_es/CountDown.js +1 -1
- package/dist/packages/_es/CountUp.js +1 -1
- package/dist/packages/_es/DatePicker.js +1 -1
- package/dist/packages/_es/Dialog.js +1 -1
- package/dist/packages/_es/Divider.js +1 -1
- package/dist/packages/_es/Drag.js +1 -1
- package/dist/packages/_es/Elevator.js +1 -1
- package/dist/packages/_es/FixedNav.js +1 -1
- package/dist/packages/_es/Icon.js +1 -1
- package/dist/packages/_es/ImagePreview.js +1 -1
- package/dist/packages/_es/InfiniteLoading.js +1 -1
- package/dist/packages/_es/Input.js +1 -1
- package/dist/packages/_es/InputNumber.js +1 -1
- package/dist/packages/_es/Layout.js +1 -1
- package/dist/packages/_es/MenuItem.js +1 -1
- package/dist/packages/_es/Navbar.js +1 -1
- package/dist/packages/_es/NoticeBar.js +1 -1
- package/dist/packages/_es/Notify.js +1 -1
- package/dist/packages/_es/NumberKeyboard.js +1 -1
- package/dist/packages/_es/OverLay.js +1 -1
- package/dist/packages/_es/Pagination.js +1 -1
- package/dist/packages/_es/Picker.js +1 -1
- package/dist/packages/_es/Popover.js +1 -1
- package/dist/packages/_es/Popup.js +1 -1
- package/dist/packages/_es/Price.js +1 -1
- package/dist/packages/_es/Progress.js +1 -1
- package/dist/packages/_es/Radio.js +1 -1
- package/dist/packages/_es/RadioGroup.js +1 -1
- package/dist/packages/_es/Range.js +1 -1
- package/dist/packages/_es/Rate.js +1 -1
- package/dist/packages/_es/Row.js +1 -1
- package/dist/packages/_es/ShortPassword.js +1 -1
- package/dist/packages/_es/Signature.js +1 -1
- package/dist/packages/_es/Step.js +1 -1
- package/dist/packages/_es/Steps.js +1 -1
- package/dist/packages/_es/Swipe.js +1 -1
- package/dist/packages/_es/Swiper.js +1 -1
- package/dist/packages/_es/SwiperItem.js +1 -1
- package/dist/packages/_es/Switch.js +1 -1
- package/dist/packages/_es/Tab.js +1 -1
- package/dist/packages/_es/TabPane.js +15 -18
- package/dist/packages/_es/TabPanel.js +1 -1
- package/dist/packages/_es/Tabbar.js +1 -1
- package/dist/packages/_es/TabbarItem.js +1 -1
- package/dist/packages/_es/Tabs.js +155 -16
- package/dist/packages/_es/Tag.js +1 -1
- package/dist/packages/_es/TextArea.js +1 -1
- package/dist/packages/_es/TimeDetail.js +102 -0
- package/dist/packages/_es/TimePannel.js +70 -0
- package/dist/packages/_es/TimeSelect.js +101 -0
- package/dist/packages/_es/Toast.js +1 -1
- package/dist/packages/_es/Uploader.js +1 -1
- package/dist/packages/_es/Video.js +1 -1
- package/dist/packages/_es/component.js +1 -1
- package/dist/packages/_es/index.js +1 -1
- package/dist/packages/_es/index2.js +1 -1
- package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
- package/dist/packages/_es/pxCheck.js +1 -1
- package/dist/packages/_es/raf.js +1 -1
- package/dist/packages/address/index.scss +4 -1
- package/dist/packages/barrage/index.scss +2 -5
- package/dist/packages/button/index.scss +1 -1
- package/dist/packages/cell/index.scss +1 -1
- package/dist/packages/pagination/index.scss +1 -2
- package/dist/packages/shortpassword/index.scss +7 -0
- package/dist/packages/tabpane/index.scss +12 -1
- package/dist/packages/tabs/index.scss +121 -1
- package/dist/packages/timedetail/index.scss +39 -0
- package/dist/packages/timepannel/index.scss +16 -0
- package/dist/packages/timeselect/index.scss +34 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +2 -1
- package/dist/styles/mixins/index.scss +4 -0
- package/dist/styles/themes/default.scss +33 -30
- package/dist/styles/variables.scss +33 -1
- package/package.json +12 -9
|
@@ -1,44 +1,183 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __publicField = (obj, key, value) => {
|
|
18
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
19
|
+
return value;
|
|
20
|
+
};
|
|
1
21
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
22
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
3
23
|
* (c) 2021 @jdf2e.
|
|
4
24
|
* Released under the MIT License.
|
|
5
25
|
*/
|
|
26
|
+
import { p as pxCheck } from "./pxCheck.js";
|
|
27
|
+
import { provide, computed, ref, watch, onMounted, onActivated, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, toDisplayString } from "vue";
|
|
6
28
|
import { c as createComponent } from "./component.js";
|
|
7
|
-
import { openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString } from "vue";
|
|
8
29
|
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
9
|
-
const {
|
|
30
|
+
const { create } = createComponent("tabs");
|
|
31
|
+
class Title {
|
|
32
|
+
constructor() {
|
|
33
|
+
__publicField(this, "title", "");
|
|
34
|
+
__publicField(this, "titleSlot");
|
|
35
|
+
__publicField(this, "paneKey", "");
|
|
36
|
+
__publicField(this, "disabled", false);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
10
39
|
const _sfc_main = create({
|
|
11
40
|
props: {
|
|
12
41
|
modelValue: {
|
|
42
|
+
type: [String, Number],
|
|
43
|
+
default: 0
|
|
44
|
+
},
|
|
45
|
+
direction: {
|
|
13
46
|
type: String,
|
|
14
|
-
default: ""
|
|
47
|
+
default: "horizontal"
|
|
15
48
|
},
|
|
16
|
-
|
|
49
|
+
type: {
|
|
17
50
|
type: String,
|
|
18
|
-
default: ""
|
|
51
|
+
default: "line"
|
|
52
|
+
},
|
|
53
|
+
titleScroll: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: false
|
|
56
|
+
},
|
|
57
|
+
ellipsis: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: true
|
|
19
60
|
},
|
|
20
61
|
background: {
|
|
21
62
|
type: String,
|
|
22
63
|
default: ""
|
|
23
64
|
},
|
|
24
|
-
|
|
25
|
-
type:
|
|
26
|
-
default:
|
|
65
|
+
animatedTime: {
|
|
66
|
+
type: [Number, String],
|
|
67
|
+
default: 300
|
|
68
|
+
},
|
|
69
|
+
titleGutter: {
|
|
70
|
+
type: [Number, String],
|
|
71
|
+
default: 0
|
|
27
72
|
}
|
|
28
73
|
},
|
|
29
74
|
components: {},
|
|
30
|
-
emits: ["click"],
|
|
31
|
-
setup(props, { emit }) {
|
|
32
|
-
|
|
75
|
+
emits: ["update:modelValue", "click", "change"],
|
|
76
|
+
setup(props, { emit, slots }) {
|
|
77
|
+
provide("activeKey", { activeKey: computed(() => props.modelValue) });
|
|
78
|
+
const titles = ref([]);
|
|
79
|
+
const currentIndex = ref(0);
|
|
80
|
+
const renderTitles = (vnodes) => {
|
|
81
|
+
vnodes.forEach((vnode, index2) => {
|
|
82
|
+
var _a, _b, _c, _d, _e;
|
|
83
|
+
let type = vnode.type;
|
|
84
|
+
type = type.name || type;
|
|
85
|
+
if (type == "nut-tabpane") {
|
|
86
|
+
let title = new Title();
|
|
87
|
+
if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"])) {
|
|
88
|
+
title.title = (_c = vnode.props) == null ? void 0 : _c.title;
|
|
89
|
+
title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) || index2;
|
|
90
|
+
title.disabled = (_e = vnode.props) == null ? void 0 : _e.disabled;
|
|
91
|
+
}
|
|
92
|
+
titles.value.push(title);
|
|
93
|
+
} else {
|
|
94
|
+
renderTitles(vnode.children);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
};
|
|
98
|
+
const init = (vnodes = slots.default()) => {
|
|
99
|
+
titles.value = [];
|
|
100
|
+
if (vnodes.length) {
|
|
101
|
+
renderTitles(vnodes);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
watch(() => slots.default(), (vnodes) => {
|
|
105
|
+
init(vnodes);
|
|
106
|
+
});
|
|
107
|
+
watch(() => props.modelValue, (value) => {
|
|
108
|
+
let index2 = titles.value.findIndex((item) => item.paneKey == value);
|
|
109
|
+
if (index2 == -1) {
|
|
110
|
+
console.error("[NutUI] <Tabs> \u8BF7\u68C0\u67E5 v-model \u503C\u662F\u5426\u4E3A paneKey ,\u5982 paneKey \u672A\u8BBE\u7F6E\uFF0C\u8BF7\u91C7\u7528\u4E0B\u6807\u63A7\u5236 .");
|
|
111
|
+
} else {
|
|
112
|
+
currentIndex.value = index2;
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
onMounted(init);
|
|
116
|
+
onActivated(init);
|
|
117
|
+
const contentStyle = computed(() => {
|
|
118
|
+
return {
|
|
119
|
+
transform: props.direction == "horizontal" ? `translate3d(-${currentIndex.value * 100}%, 0, 0)` : `translate3d( 0,-${currentIndex.value * 100}%, 0)`,
|
|
120
|
+
transitionDuration: `${props.animatedTime}ms`
|
|
121
|
+
};
|
|
122
|
+
});
|
|
123
|
+
const tabsNavStyle = computed(() => {
|
|
124
|
+
return {
|
|
125
|
+
background: props.background
|
|
126
|
+
};
|
|
127
|
+
});
|
|
128
|
+
const titleStyle = computed(() => {
|
|
129
|
+
return {
|
|
130
|
+
marginLeft: pxCheck(props.titleGutter),
|
|
131
|
+
marginRight: pxCheck(props.titleGutter)
|
|
132
|
+
};
|
|
133
|
+
});
|
|
134
|
+
const methods = {
|
|
135
|
+
tabChange: (item, index2) => {
|
|
136
|
+
emit("click", item);
|
|
137
|
+
if (item.disabled) {
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
currentIndex.value = index2;
|
|
141
|
+
emit("update:modelValue", item.paneKey);
|
|
142
|
+
emit("change", item);
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
return __spreadValues({
|
|
146
|
+
titles,
|
|
147
|
+
contentStyle,
|
|
148
|
+
tabsNavStyle,
|
|
149
|
+
titleStyle
|
|
150
|
+
}, methods);
|
|
33
151
|
}
|
|
34
152
|
});
|
|
153
|
+
const _hoisted_1 = ["onClick"];
|
|
35
154
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
36
155
|
return openBlock(), createElementBlock("view", {
|
|
37
|
-
class: normalizeClass(_ctx.
|
|
38
|
-
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
|
|
156
|
+
class: normalizeClass(["nut-tabs", [_ctx.direction]])
|
|
39
157
|
}, [
|
|
40
|
-
createElementVNode("view",
|
|
41
|
-
|
|
158
|
+
createElementVNode("view", {
|
|
159
|
+
class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll }]),
|
|
160
|
+
style: normalizeStyle(_ctx.tabsNavStyle)
|
|
161
|
+
}, [
|
|
162
|
+
_ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
|
|
163
|
+
return openBlock(), createElementBlock("view", {
|
|
164
|
+
class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
|
|
165
|
+
style: normalizeStyle(_ctx.titleStyle),
|
|
166
|
+
onClick: ($event) => _ctx.tabChange(item, index2),
|
|
167
|
+
key: item.paneKey
|
|
168
|
+
}, [
|
|
169
|
+
createElementVNode("view", {
|
|
170
|
+
class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
|
|
171
|
+
}, toDisplayString(item.title), 3)
|
|
172
|
+
], 14, _hoisted_1);
|
|
173
|
+
}), 128))
|
|
174
|
+
], 6),
|
|
175
|
+
createElementVNode("view", {
|
|
176
|
+
class: "nut-tabs__content",
|
|
177
|
+
style: normalizeStyle(_ctx.contentStyle)
|
|
178
|
+
}, [
|
|
179
|
+
renderSlot(_ctx.$slots, "default")
|
|
180
|
+
], 4)
|
|
42
181
|
], 2);
|
|
43
182
|
}
|
|
44
183
|
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
package/dist/packages/_es/Tag.js
CHANGED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
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 = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
/*!
|
|
21
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
22
|
+
* (c) 2021 @jdf2e.
|
|
23
|
+
* Released under the MIT License.
|
|
24
|
+
*/
|
|
25
|
+
import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
|
|
26
|
+
import { c as createComponent } from "./component.js";
|
|
27
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
28
|
+
const { componentName, create } = createComponent("timedetail");
|
|
29
|
+
const _sfc_main = create({
|
|
30
|
+
name: "timedetail",
|
|
31
|
+
props: {
|
|
32
|
+
times: {
|
|
33
|
+
type: Array,
|
|
34
|
+
default: () => {
|
|
35
|
+
return [];
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
detailKey: {
|
|
39
|
+
type: [Number, String],
|
|
40
|
+
default: 0
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
emits: ["select"],
|
|
44
|
+
setup: (props, context) => {
|
|
45
|
+
const currentKey = inject("currentKey");
|
|
46
|
+
const currentTime = inject("currentTime");
|
|
47
|
+
const state = reactive({
|
|
48
|
+
currentKey,
|
|
49
|
+
currentTime
|
|
50
|
+
});
|
|
51
|
+
const classes = computed(() => {
|
|
52
|
+
const prefixCls = componentName;
|
|
53
|
+
return {
|
|
54
|
+
[prefixCls]: true
|
|
55
|
+
};
|
|
56
|
+
});
|
|
57
|
+
const getClass = (item) => {
|
|
58
|
+
let find = state.currentTime.find((item2) => item2.key == state.currentKey);
|
|
59
|
+
if (find) {
|
|
60
|
+
return {
|
|
61
|
+
"nut-timedetail__detail__list__item": true,
|
|
62
|
+
"nut-timedetail__detail__list__item--curr": find.list.filter((value) => value === item).length > 0
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
const renderData = computed(() => {
|
|
67
|
+
return props.times.find((time) => time.key == state.currentKey)["list"];
|
|
68
|
+
});
|
|
69
|
+
const handleTime = (time) => {
|
|
70
|
+
context.emit("select", time);
|
|
71
|
+
};
|
|
72
|
+
return __spreadProps(__spreadValues({
|
|
73
|
+
classes
|
|
74
|
+
}, toRefs(state)), {
|
|
75
|
+
getClass,
|
|
76
|
+
renderData,
|
|
77
|
+
handleTime
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
const _hoisted_1 = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
|
|
82
|
+
const _hoisted_2 = { class: "nut-timedetail__detail__list" };
|
|
83
|
+
const _hoisted_3 = ["onClick"];
|
|
84
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
85
|
+
return openBlock(), createElementBlock("view", {
|
|
86
|
+
class: normalizeClass(_ctx.classes)
|
|
87
|
+
}, [
|
|
88
|
+
createElementVNode("view", _hoisted_1, [
|
|
89
|
+
createElementVNode("view", _hoisted_2, [
|
|
90
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.renderData, (item) => {
|
|
91
|
+
return openBlock(), createElementBlock("view", {
|
|
92
|
+
class: normalizeClass(_ctx.getClass(item)),
|
|
93
|
+
key: item,
|
|
94
|
+
onClick: ($event) => _ctx.handleTime(item)
|
|
95
|
+
}, toDisplayString(item), 11, _hoisted_3);
|
|
96
|
+
}), 128))
|
|
97
|
+
])
|
|
98
|
+
])
|
|
99
|
+
], 2);
|
|
100
|
+
}
|
|
101
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
102
|
+
export { index as default };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
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 = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
/*!
|
|
21
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
22
|
+
* (c) 2021 @jdf2e.
|
|
23
|
+
* Released under the MIT License.
|
|
24
|
+
*/
|
|
25
|
+
import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
|
|
26
|
+
import { c as createComponent } from "./component.js";
|
|
27
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
28
|
+
const { componentName, create } = createComponent("timepannel");
|
|
29
|
+
const _sfc_main = create({
|
|
30
|
+
name: "timepannel",
|
|
31
|
+
props: {
|
|
32
|
+
name: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: ""
|
|
35
|
+
},
|
|
36
|
+
pannelKey: {
|
|
37
|
+
type: [Number, String],
|
|
38
|
+
default: 0
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
emits: ["change"],
|
|
42
|
+
setup: (props, context) => {
|
|
43
|
+
const currentKey = inject("currentKey");
|
|
44
|
+
const state = reactive({
|
|
45
|
+
currentKey
|
|
46
|
+
});
|
|
47
|
+
const classes = computed(() => {
|
|
48
|
+
const prefixCls = componentName;
|
|
49
|
+
return {
|
|
50
|
+
[prefixCls]: true,
|
|
51
|
+
"nut-timepannel--curr": state.currentKey == props.pannelKey
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
const handlePannel = (pannelKey) => {
|
|
55
|
+
context.emit("change", pannelKey);
|
|
56
|
+
};
|
|
57
|
+
return __spreadProps(__spreadValues({}, toRefs(state)), {
|
|
58
|
+
classes,
|
|
59
|
+
handlePannel
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
64
|
+
return openBlock(), createElementBlock("view", {
|
|
65
|
+
class: normalizeClass(_ctx.classes),
|
|
66
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
|
|
67
|
+
}, toDisplayString(_ctx.name), 3);
|
|
68
|
+
}
|
|
69
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
70
|
+
export { index as default };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
3
|
+
* (c) 2021 @jdf2e.
|
|
4
|
+
* Released under the MIT License.
|
|
5
|
+
*/
|
|
6
|
+
import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
|
|
7
|
+
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
9
|
+
const { componentName, create } = createComponent("timeselect");
|
|
10
|
+
const _sfc_main = create({
|
|
11
|
+
props: {
|
|
12
|
+
visible: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
defalut: false
|
|
15
|
+
},
|
|
16
|
+
height: {
|
|
17
|
+
type: [String],
|
|
18
|
+
default: "20%"
|
|
19
|
+
},
|
|
20
|
+
title: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: "\u53D6\u4EF6\u65F6\u95F4"
|
|
23
|
+
},
|
|
24
|
+
currentKey: {
|
|
25
|
+
type: [Number, String],
|
|
26
|
+
default: 0
|
|
27
|
+
},
|
|
28
|
+
currentTime: {
|
|
29
|
+
type: Array,
|
|
30
|
+
default: () => {
|
|
31
|
+
return [];
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
emits: ["update:visible", "select"],
|
|
36
|
+
setup: (props, context) => {
|
|
37
|
+
const classes = computed(() => {
|
|
38
|
+
const prefixCls = componentName;
|
|
39
|
+
return {
|
|
40
|
+
[prefixCls]: true
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
const popStyle = computed(() => {
|
|
44
|
+
return {
|
|
45
|
+
width: "100%",
|
|
46
|
+
height: props.height
|
|
47
|
+
};
|
|
48
|
+
});
|
|
49
|
+
const currentKey = computed(() => props.currentKey);
|
|
50
|
+
const currentTime = computed(() => props.currentTime);
|
|
51
|
+
const close = () => {
|
|
52
|
+
context.emit("update:visible", false);
|
|
53
|
+
context.emit("select", currentTime.value);
|
|
54
|
+
};
|
|
55
|
+
provide("currentKey", currentKey);
|
|
56
|
+
provide("currentTime", currentTime);
|
|
57
|
+
return {
|
|
58
|
+
classes,
|
|
59
|
+
popStyle,
|
|
60
|
+
close
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
const _hoisted_1 = { class: "nut-timeselect__title" };
|
|
65
|
+
const _hoisted_2 = { class: "nut-timeselect__title__fixed" };
|
|
66
|
+
const _hoisted_3 = { class: "nut-timeselect__content" };
|
|
67
|
+
const _hoisted_4 = { class: "nut-timeselect__content__pannel" };
|
|
68
|
+
const _hoisted_5 = { class: "nut-timeselect__content__detail" };
|
|
69
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
70
|
+
const _component_nut_popup = resolveComponent("nut-popup");
|
|
71
|
+
return openBlock(), createBlock(_component_nut_popup, {
|
|
72
|
+
position: "bottom",
|
|
73
|
+
closeable: "",
|
|
74
|
+
round: "",
|
|
75
|
+
visible: _ctx.visible,
|
|
76
|
+
style: normalizeStyle(_ctx.popStyle),
|
|
77
|
+
onClickOverlay: _ctx.close,
|
|
78
|
+
onClickCloseIcon: _ctx.close
|
|
79
|
+
}, {
|
|
80
|
+
default: withCtx(() => [
|
|
81
|
+
createElementVNode("view", {
|
|
82
|
+
class: normalizeClass(_ctx.classes)
|
|
83
|
+
}, [
|
|
84
|
+
createElementVNode("view", _hoisted_1, [
|
|
85
|
+
createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1)
|
|
86
|
+
]),
|
|
87
|
+
createElementVNode("view", _hoisted_3, [
|
|
88
|
+
createElementVNode("view", _hoisted_4, [
|
|
89
|
+
renderSlot(_ctx.$slots, "pannel")
|
|
90
|
+
]),
|
|
91
|
+
createElementVNode("view", _hoisted_5, [
|
|
92
|
+
renderSlot(_ctx.$slots, "detail")
|
|
93
|
+
])
|
|
94
|
+
])
|
|
95
|
+
], 2)
|
|
96
|
+
]),
|
|
97
|
+
_: 3
|
|
98
|
+
}, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
|
|
99
|
+
}
|
|
100
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
101
|
+
export { index as default };
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
|
|
|
19
19
|
return value;
|
|
20
20
|
};
|
|
21
21
|
/*!
|
|
22
|
-
* @nutui/nutui v3.1.
|
|
22
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
23
23
|
* (c) 2021 @jdf2e.
|
|
24
24
|
* Released under the MIT License.
|
|
25
25
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.9-beta.0 Mon Oct 11 2021 10:03:39 GMT+0800 (中国标准时间)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
package/dist/packages/_es/raf.js
CHANGED
|
@@ -66,7 +66,8 @@
|
|
|
66
66
|
padding-top: 15px;
|
|
67
67
|
height: 270px;
|
|
68
68
|
overflow-y: auto;
|
|
69
|
-
|
|
69
|
+
box-sizing: border-box;
|
|
70
|
+
padding: 0;
|
|
70
71
|
.region-item {
|
|
71
72
|
display: flex;
|
|
72
73
|
align-items: center;
|
|
@@ -100,6 +101,8 @@
|
|
|
100
101
|
overflow-y: scroll;
|
|
101
102
|
|
|
102
103
|
.exist-ul {
|
|
104
|
+
box-sizing: border-box;
|
|
105
|
+
padding: 0;
|
|
103
106
|
.exist-item {
|
|
104
107
|
display: flex;
|
|
105
108
|
align-items: center;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
width: 100%;
|
|
6
6
|
height: 100%;
|
|
7
7
|
overflow: hidden;
|
|
8
|
+
box-sizing: border-box;
|
|
8
9
|
background-color: #f7f8fa;
|
|
9
10
|
.dmitem {
|
|
10
11
|
display: block;
|
|
@@ -16,11 +17,7 @@
|
|
|
16
17
|
text-align: center;
|
|
17
18
|
white-space: pre;
|
|
18
19
|
transform: translateX(100%);
|
|
19
|
-
background: linear-gradient(
|
|
20
|
-
to right,
|
|
21
|
-
rgba(0, 0, 0, 0.15),
|
|
22
|
-
rgba(0, 0, 0, 0)
|
|
23
|
-
);
|
|
20
|
+
background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
|
|
24
21
|
&.move {
|
|
25
22
|
will-change: transform;
|
|
26
23
|
animation-name: moving;
|
|
@@ -35,8 +35,7 @@
|
|
|
35
35
|
padding: $pagination-prev-next-padding;
|
|
36
36
|
}
|
|
37
37
|
.simple-border {
|
|
38
|
-
border-right: $pagination-item-border-width solid
|
|
39
|
-
$pagination-item-border-color;
|
|
38
|
+
border-right: $pagination-item-border-width solid $pagination-item-border-color;
|
|
40
39
|
}
|
|
41
40
|
.active {
|
|
42
41
|
color: $white;
|
|
@@ -34,6 +34,9 @@
|
|
|
34
34
|
right: 247px;
|
|
35
35
|
width: 247px;
|
|
36
36
|
height: 41px;
|
|
37
|
+
outline: 0 none;
|
|
38
|
+
border: 0;
|
|
39
|
+
text-decoration: none;
|
|
37
40
|
}
|
|
38
41
|
}
|
|
39
42
|
.nut-input-normalw {
|
|
@@ -52,6 +55,9 @@
|
|
|
52
55
|
right: 0;
|
|
53
56
|
width: 247px;
|
|
54
57
|
height: 41px;
|
|
58
|
+
outline: 0 none;
|
|
59
|
+
border: 0;
|
|
60
|
+
text-decoration: none;
|
|
55
61
|
// opacity: 0; // 安卓必需
|
|
56
62
|
// z-index: 11; // 安卓必需
|
|
57
63
|
}
|
|
@@ -79,6 +85,7 @@
|
|
|
79
85
|
width: 100%;
|
|
80
86
|
height: 41px;
|
|
81
87
|
margin: 0 auto;
|
|
88
|
+
box-sizing: border-box;
|
|
82
89
|
background: $shortpsd-background-color;
|
|
83
90
|
border-radius: 4px;
|
|
84
91
|
border: 1px solid $shortpsd-border-color;
|