stellar-ui-v2 1.35.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/common/css/common.scss +61 -0
- package/components/ste-animate/README.md +117 -0
- package/components/ste-animate/animate.scss +247 -0
- package/components/ste-animate/ste-animate.vue +200 -0
- package/components/ste-badge/README.md +171 -0
- package/components/ste-badge/ste-badge.vue +238 -0
- package/components/ste-barcode/README.md +36 -0
- package/components/ste-barcode/encode2.js +317 -0
- package/components/ste-barcode/ste-barcode.vue +213 -0
- package/components/ste-button/README.md +129 -0
- package/components/ste-button/ste-button.vue +345 -0
- package/components/ste-calendar/README.md +304 -0
- package/components/ste-calendar/self-date.js +119 -0
- package/components/ste-calendar/ste-calendar.vue +578 -0
- package/components/ste-checkbox/README.md +297 -0
- package/components/ste-checkbox/ste-checkbox.vue +305 -0
- package/components/ste-checkbox-group/ste-checkbox-group.vue +133 -0
- package/components/ste-code-input/README.md +67 -0
- package/components/ste-code-input/ste-code-input.vue +302 -0
- package/components/ste-date-picker/README.md +135 -0
- package/components/ste-date-picker/ste-date-picker.vue +407 -0
- package/components/ste-drag/README.md +103 -0
- package/components/ste-drag/ste-drag.vue +203 -0
- package/components/ste-dropdown-menu/README.md +358 -0
- package/components/ste-dropdown-menu/ste-dropdown-menu.vue +405 -0
- package/components/ste-dropdown-menu-item/ste-dropdown-menu-item.vue +176 -0
- package/components/ste-icon/README.md +90 -0
- package/components/ste-icon/iconfont.css +8 -0
- package/components/ste-icon/ste-icon.vue +147 -0
- package/components/ste-image/README.md +154 -0
- package/components/ste-image/ste-image.vue +218 -0
- package/components/ste-index-item/ste-index-item.vue +96 -0
- package/components/ste-index-list/README.md +153 -0
- package/components/ste-index-list/ste-index-list.vue +128 -0
- package/components/ste-input/README.md +146 -0
- package/components/ste-input/ste-input.vue +480 -0
- package/components/ste-loading/README.md +81 -0
- package/components/ste-loading/ste-loading.vue +166 -0
- package/components/ste-media-preview/README.md +243 -0
- package/components/ste-media-preview/TouchScaleing.js +102 -0
- package/components/ste-media-preview/ste-media-preview.vue +267 -0
- package/components/ste-message-box/README.md +217 -0
- package/components/ste-message-box/ste-message-box.js +72 -0
- package/components/ste-message-box/ste-message-box.vue +380 -0
- package/components/ste-notice-bar/README.md +129 -0
- package/components/ste-notice-bar/ste-notice-bar.vue +331 -0
- package/components/ste-number-keyboard/README.md +246 -0
- package/components/ste-number-keyboard/keyboard.vue +140 -0
- package/components/ste-number-keyboard/ste-number-keyboard.vue +240 -0
- package/components/ste-picker/ste-picker.vue +258 -0
- package/components/ste-popup/README.md +148 -0
- package/components/ste-popup/ste-popup.vue +337 -0
- package/components/ste-price/README.md +129 -0
- package/components/ste-price/ste-price.vue +258 -0
- package/components/ste-progress/README.md +87 -0
- package/components/ste-progress/ste-progress.vue +200 -0
- package/components/ste-qrcode/README.md +50 -0
- package/components/ste-qrcode/ste-qrcode.vue +164 -0
- package/components/ste-qrcode/uqrcode.js +34 -0
- package/components/ste-radio/README.md +286 -0
- package/components/ste-radio/ste-radio.vue +293 -0
- package/components/ste-radio-group/ste-radio-group.vue +128 -0
- package/components/ste-rate/README.md +115 -0
- package/components/ste-rate/ste-rate.vue +202 -0
- package/components/ste-read-more/README.md +111 -0
- package/components/ste-read-more/ste-read-more.vue +133 -0
- package/components/ste-rich-text/README.md +31 -0
- package/components/ste-rich-text/ste-rich-text.vue +70 -0
- package/components/ste-scroll-to/README.md +68 -0
- package/components/ste-scroll-to/mixin.js +173 -0
- package/components/ste-scroll-to/ste-scroll-to.vue +45 -0
- package/components/ste-scroll-to-item/ste-scroll-to-item.vue +25 -0
- package/components/ste-search/README.md +262 -0
- package/components/ste-search/ste-search.vue +547 -0
- package/components/ste-select/README.md +434 -0
- package/components/ste-select/datapager.vue +62 -0
- package/components/ste-select/datetime.vue +106 -0
- package/components/ste-select/defaultDate.js +142 -0
- package/components/ste-select/ste-select.vue +843 -0
- package/components/ste-signature/README.md +105 -0
- package/components/ste-signature/ste-signature.vue +220 -0
- package/components/ste-slider/README.md +165 -0
- package/components/ste-slider/ste-slider.vue +544 -0
- package/components/ste-step/ste-step.vue +264 -0
- package/components/ste-stepper/README.md +170 -0
- package/components/ste-stepper/ste-stepper.vue +373 -0
- package/components/ste-steps/README.md +132 -0
- package/components/ste-steps/ste-steps.vue +65 -0
- package/components/ste-sticky/README.md +52 -0
- package/components/ste-sticky/ste-sticky.vue +127 -0
- package/components/ste-swipe-action/README.md +197 -0
- package/components/ste-swipe-action/ste-swipe-action.vue +303 -0
- package/components/ste-swipe-action-group/ste-swipe-action-group.vue +104 -0
- package/components/ste-swiper/README.md +173 -0
- package/components/ste-swiper/ste-swiper.vue +462 -0
- package/components/ste-swiper-item/ste-swiper-item.vue +41 -0
- package/components/ste-switch/README.md +110 -0
- package/components/ste-switch/ste-switch.vue +144 -0
- package/components/ste-tab/ste-tab.vue +87 -0
- package/components/ste-table/README.md +785 -0
- package/components/ste-table/common.js +8 -0
- package/components/ste-table/ste-table.vue +666 -0
- package/components/ste-table/utils.js +20 -0
- package/components/ste-table-column/checkbox-icon.vue +65 -0
- package/components/ste-table-column/common.scss +65 -0
- package/components/ste-table-column/radio-icon.vue +110 -0
- package/components/ste-table-column/ste-table-column.vue +255 -0
- package/components/ste-table-column/sub-table.vue +116 -0
- package/components/ste-table-column/table-popover.vue +204 -0
- package/components/ste-table-column/var.scss +1 -0
- package/components/ste-tabs/README.md +475 -0
- package/components/ste-tabs/props.js +212 -0
- package/components/ste-tabs/ste-tabs.vue +758 -0
- package/components/ste-text/README.md +66 -0
- package/components/ste-text/ste-text.vue +72 -0
- package/components/ste-toast/README.md +243 -0
- package/components/ste-toast/ste-toast.js +69 -0
- package/components/ste-toast/ste-toast.vue +231 -0
- package/components/ste-touch-swipe/README.md +104 -0
- package/components/ste-touch-swipe/TouchEvent.js +72 -0
- package/components/ste-touch-swipe/ste-touch-swipe.vue +327 -0
- package/components/ste-touch-swipe-item/ste-touch-swipe-item.vue +33 -0
- package/components/ste-tour/README.md +194 -0
- package/components/ste-tour/ste-tour.vue +355 -0
- package/components/ste-tree/README.md +240 -0
- package/components/ste-tree/ste-tree.vue +350 -0
- package/components/ste-upload/README.md +276 -0
- package/components/ste-upload/ReadFile.js +229 -0
- package/components/ste-upload/ste-upload.vue +526 -0
- package/components/ste-video/README.md +60 -0
- package/components/ste-video/props.js +149 -0
- package/components/ste-video/ste-video.vue +647 -0
- package/config/color.js +22 -0
- package/index.js +2 -0
- package/package.json +19 -0
- package/utils/Color.js +66 -0
- package/utils/System.js +110 -0
- package/utils/dayjs.min.js +1 -0
- package/utils/mixin.js +67 -0
- package/utils/store.js +7 -0
- package/utils/utils.js +604 -0
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import utils from '../../utils/utils.js';
|
|
2
|
+
import { getMonthDays } from '../ste-calendar/self-date.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* 格式化时间值
|
|
6
|
+
* @param {"date"|"datetime"|"time"|"month"|"minute"} mode 模式
|
|
7
|
+
* @param {Boolean} unit 是否使用中文单位
|
|
8
|
+
*/
|
|
9
|
+
export function getFormatStr(mode, unit) {
|
|
10
|
+
switch (mode) {
|
|
11
|
+
case 'date':
|
|
12
|
+
return unit ? 'YYYY年MM月DD日' : 'YYYY-MM-DD';
|
|
13
|
+
case 'datetime':
|
|
14
|
+
return unit ? 'YYYY年MM月DD日HH时mm分ss秒' : 'YYYY-MM-DD HH:mm:ss';
|
|
15
|
+
case 'time':
|
|
16
|
+
return unit ? 'HH时mm分ss秒' : 'HH:mm:ss';
|
|
17
|
+
case 'month':
|
|
18
|
+
return unit ? 'YYYY年MM月' : 'YYYY-MM';
|
|
19
|
+
case 'minute':
|
|
20
|
+
return unit ? 'HH时mm分' : 'HH:mm';
|
|
21
|
+
default:
|
|
22
|
+
return unit ? 'YYYY年MM月DD日' : 'YYYY-MM-DD';
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* 获取当前时间
|
|
28
|
+
* @param {Date|Array|string} defaultDate 默认时间,默认当前时间
|
|
29
|
+
* @param {"date"|"datetime"|"time"|"month"|"minute"} mode 模式
|
|
30
|
+
*/
|
|
31
|
+
export function getNowDate(defaultDate, mode) {
|
|
32
|
+
let date = formatDate(defaultDate, mode);
|
|
33
|
+
if (!date) date = utils.dayjs();
|
|
34
|
+
let y = date.year(),
|
|
35
|
+
m = date.month() + 1,
|
|
36
|
+
d = date.date(),
|
|
37
|
+
h = date.hour(),
|
|
38
|
+
i = date.minute(),
|
|
39
|
+
s = date.second(),
|
|
40
|
+
value = [];
|
|
41
|
+
|
|
42
|
+
if (['date', 'datetime', 'month'].includes(mode)) {
|
|
43
|
+
value = [y, m, d, h, i, s];
|
|
44
|
+
} else {
|
|
45
|
+
value = [h, i, s];
|
|
46
|
+
}
|
|
47
|
+
return value;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* 格式化时间值
|
|
52
|
+
* @param {string | Array | Date} value 时间
|
|
53
|
+
* @param {"date"|"datetime"|"time"|"month"|"minute"} mode 模式
|
|
54
|
+
*/
|
|
55
|
+
export function formatDate(value, mode = 'date') {
|
|
56
|
+
let _v = value;
|
|
57
|
+
if (Array.isArray(_v)) {
|
|
58
|
+
if (!_v.length) {
|
|
59
|
+
_v = null;
|
|
60
|
+
} else if (['date', 'datetime', 'month'].includes(mode)) {
|
|
61
|
+
const date = _v.slice(0, 3);
|
|
62
|
+
const [y, m, d] = date;
|
|
63
|
+
const maxD = getMonthDays(y, m - 1);
|
|
64
|
+
if (d > maxD) {
|
|
65
|
+
date[2] = maxD;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
const time = _v.slice(3);
|
|
69
|
+
_v = `${date.join('-')}`;
|
|
70
|
+
_v += time.length ? ` ${time.join(':')}` : '';
|
|
71
|
+
} else if (['time', 'minute'].includes(mode)) {
|
|
72
|
+
_v = `${utils.dayjs().format('YYYY-MM-DD')} ${_v.join(':')}`;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return _v ? utils.dayjs(_v) : null;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export function getYears(min, max) {
|
|
79
|
+
const minYear = min.year();
|
|
80
|
+
const maxYear = max.year();
|
|
81
|
+
return Array.from({ length: maxYear - minYear + 1 }, (_, i) => minYear + i);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export function getMonths(date, min, max) {
|
|
85
|
+
const minMonth = min.year() >= date.year() ? min.month() + 1 : 1;
|
|
86
|
+
const maxMonth = max.year() <= date.year() ? max.month() + 1 : 12;
|
|
87
|
+
return Array.from({ length: maxMonth - minMonth + 1 }, (_, i) => minMonth + i);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export function getDays(date, min, max) {
|
|
91
|
+
const minDay = min.format('YYYY-MM') >= date.format('YYYY-MM') ? min.date() : 1;
|
|
92
|
+
const maxDay = max.format('YYYY-MM') <= date.format('YYYY-MM') ? max.date() : getMonthDays(date.year(), date.month());
|
|
93
|
+
return Array.from({ length: maxDay - minDay + 1 }, (_, i) => minDay + i);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export function getTimes(date, min, max, formatStr, maxNum) {
|
|
97
|
+
const minHour = min.format(formatStr) >= date.format(formatStr) ? min.hour() : 0;
|
|
98
|
+
const maxHour = max.format(formatStr) <= date.format(formatStr) ? max.date() : maxNum;
|
|
99
|
+
return Array.from({ length: maxHour - minHour + 1 }, (_, i) => minHour + i);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* 获取默认数据。
|
|
104
|
+
* @param {string | Array | Date} value - 默认值
|
|
105
|
+
* @param {"date"|"datetime"|"time"|"month"|"minute"} mode - 模式
|
|
106
|
+
* @param {string} minDate - 最小值
|
|
107
|
+
* @param {string} maxDate - 最大值
|
|
108
|
+
* @returns {Object[][]} 默认数据对象
|
|
109
|
+
*/
|
|
110
|
+
export function getDateOptions(value, mode = 'date', minDate = null, maxDate = null) {
|
|
111
|
+
let _v = formatDate(value, mode);
|
|
112
|
+
const date = utils.dayjs();
|
|
113
|
+
const _value = _v ? _v : date;
|
|
114
|
+
const min = minDate ? utils.dayjs(minDate) : utils.dayjs(`${date.year() - 10}-${date.format('MM-DD HH:mm:ss')}`);
|
|
115
|
+
const max = maxDate ? utils.dayjs(maxDate) : utils.dayjs(`${date.year() + 10}-${date.format('MM-DD HH:mm:ss')}`);
|
|
116
|
+
|
|
117
|
+
const years = getYears(min, max).map((e) => ({ value: e, title: `${e}年` }));
|
|
118
|
+
const months = getMonths(_value, min, max).map((e) => ({ value: e, title: `${e}月` }));
|
|
119
|
+
const days = getDays(_value, min, max).map((e) => ({ value: e, title: `${e}日` }));
|
|
120
|
+
const hours = getTimes(_value, min, max, 'YYYY-MM-DD', 23).map((e) => ({ value: e, title: `${e}时` }));
|
|
121
|
+
const minutes = getTimes(_value, min, max, 'YYYY-MM-DD HH', 60).map((e) => ({ value: e, title: `${e}分` }));
|
|
122
|
+
const seconds = getTimes(_value, min, max, 'YYYY-MM-DD HH:mm', 60).map((e) => ({ value: e, title: `${e}秒` }));
|
|
123
|
+
|
|
124
|
+
const options = [];
|
|
125
|
+
switch (mode) {
|
|
126
|
+
case 'datetime':
|
|
127
|
+
options.push(years, months, days, hours, minutes, seconds);
|
|
128
|
+
break;
|
|
129
|
+
case 'time':
|
|
130
|
+
options.push(hours, minutes, seconds);
|
|
131
|
+
break;
|
|
132
|
+
case 'month':
|
|
133
|
+
options.push(years, months);
|
|
134
|
+
break;
|
|
135
|
+
case 'minute':
|
|
136
|
+
options.push(hours, minutes);
|
|
137
|
+
break;
|
|
138
|
+
default:
|
|
139
|
+
options.push(years, months, days);
|
|
140
|
+
}
|
|
141
|
+
return { options, value: _value };
|
|
142
|
+
}
|