@rainbow-oh/yee-c 0.4.4 → 0.4.5
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/dist/cjs/Button/button.d.ts +1 -1
- package/dist/cjs/CSV/download.d.ts +1 -1
- package/dist/cjs/Carousel/carousel.d.ts +2 -2
- package/dist/cjs/Carousel/carousel.js +9 -2
- package/dist/cjs/Carousel/interface.d.ts +5 -0
- package/dist/cjs/Drawer/style/index.less +4 -0
- package/dist/cjs/FloatButton/float-button.d.ts +1 -1
- package/dist/cjs/Form/demo/basic.js +2 -2
- package/dist/cjs/Form/style/index.less +15 -0
- package/dist/cjs/Input/style/index.less +0 -17
- package/dist/cjs/InputNumber/style/index.less +0 -29
- package/dist/cjs/PickerPanel/interface.d.ts +44 -2
- package/dist/cjs/PickerPanel/panels/DatePanel/DateBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DatePanel/DateHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DatePanel/DateHeader.js +1 -1
- package/dist/cjs/PickerPanel/panels/DatePanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DateTimePanel/index.d.ts +7 -1
- package/dist/cjs/PickerPanel/panels/DateTimePanel/index.js +18 -4
- package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeBody.js +1 -1
- package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DecadePanel/DecadeHeader.js +1 -1
- package/dist/cjs/PickerPanel/panels/DecadePanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/DecadePanel/index.js +1 -1
- package/dist/cjs/PickerPanel/panels/Header.d.ts +13 -1
- package/dist/cjs/PickerPanel/panels/MonthPanel/MonthBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/MonthPanel/MonthHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/MonthPanel/MonthHeader.js +1 -1
- package/dist/cjs/PickerPanel/panels/MonthPanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/MonthPanel/index.js +1 -1
- package/dist/cjs/PickerPanel/panels/PanelBody.d.ts +21 -1
- package/dist/cjs/PickerPanel/panels/PanelBody.js +3 -3
- package/dist/cjs/PickerPanel/panels/QuarterPanel/QuarterBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/QuarterPanel/QuarterHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/QuarterPanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/RangePanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/RangePanel/index.js +2 -2
- package/dist/cjs/PickerPanel/panels/RangePanel/interface.d.ts +5 -5
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeBody.d.ts +17 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeCell.d.ts +7 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeCell.js +1 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeColumn.d.ts +14 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeColumn.js +1 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/TimeHeader.d.ts +4 -1
- package/dist/cjs/PickerPanel/panels/TimePanel/index.d.ts +9 -1
- package/dist/cjs/PickerPanel/panels/WeekPanel/WeekBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/WeekPanel/WeekHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/WeekPanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/YearPanel/YearBody.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/YearPanel/YearBody.js +2 -2
- package/dist/cjs/PickerPanel/panels/YearPanel/YearHeader.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/YearPanel/YearHeader.js +7 -1
- package/dist/cjs/PickerPanel/panels/YearPanel/index.d.ts +2 -1
- package/dist/cjs/PickerPanel/panels/YearPanel/index.js +1 -1
- package/dist/cjs/PickerPanel/utils/pickerUtils.d.ts +7 -7
- package/dist/cjs/PickerPanel/utils/pickerUtils.js +2 -2
- package/dist/cjs/Select/style/index.less +0 -13
- package/dist/cjs/Selector/style/index.less +2 -137
- package/dist/cjs/TextArea/style/index.less +0 -17
- package/dist/cjs/hooks/useEvent.js +4 -1
- package/dist/cjs/style/size.css +1 -0
- package/dist/cjs/style/themes.css +1 -1
- package/dist/cjs/style/variables.css +2 -1
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Button/button.d.ts +1 -1
- package/dist/esm/CSV/download.d.ts +1 -1
- package/dist/esm/Carousel/carousel.d.ts +2 -2
- package/dist/esm/Carousel/carousel.js +5 -1
- package/dist/esm/Carousel/interface.d.ts +5 -0
- package/dist/esm/Drawer/style/index.less +4 -0
- package/dist/esm/FloatButton/float-button.d.ts +1 -1
- package/dist/esm/Form/demo/basic.js +4 -2
- package/dist/esm/Form/style/index.less +15 -0
- package/dist/esm/Input/style/index.less +0 -17
- package/dist/esm/InputNumber/style/index.less +0 -29
- package/dist/esm/PickerPanel/interface.d.ts +44 -2
- package/dist/esm/PickerPanel/panels/DatePanel/DateBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DatePanel/DateHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DatePanel/DateHeader.js +1 -1
- package/dist/esm/PickerPanel/panels/DatePanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DateTimePanel/index.d.ts +7 -1
- package/dist/esm/PickerPanel/panels/DateTimePanel/index.js +11 -7
- package/dist/esm/PickerPanel/panels/DecadePanel/DecadeBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DecadePanel/DecadeBody.js +2 -1
- package/dist/esm/PickerPanel/panels/DecadePanel/DecadeHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DecadePanel/DecadeHeader.js +2 -1
- package/dist/esm/PickerPanel/panels/DecadePanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/DecadePanel/index.js +1 -1
- package/dist/esm/PickerPanel/panels/Header.d.ts +13 -1
- package/dist/esm/PickerPanel/panels/MonthPanel/MonthBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/MonthPanel/MonthHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/MonthPanel/MonthHeader.js +2 -1
- package/dist/esm/PickerPanel/panels/MonthPanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/MonthPanel/index.js +1 -1
- package/dist/esm/PickerPanel/panels/PanelBody.d.ts +21 -1
- package/dist/esm/PickerPanel/panels/PanelBody.js +2 -4
- package/dist/esm/PickerPanel/panels/QuarterPanel/QuarterBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/QuarterPanel/QuarterHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/QuarterPanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/RangePanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/RangePanel/index.js +2 -2
- package/dist/esm/PickerPanel/panels/RangePanel/interface.d.ts +5 -5
- package/dist/esm/PickerPanel/panels/TimePanel/TimeBody.d.ts +17 -1
- package/dist/esm/PickerPanel/panels/TimePanel/TimeCell.d.ts +7 -1
- package/dist/esm/PickerPanel/panels/TimePanel/TimeCell.js +1 -1
- package/dist/esm/PickerPanel/panels/TimePanel/TimeColumn.d.ts +14 -1
- package/dist/esm/PickerPanel/panels/TimePanel/TimeColumn.js +1 -1
- package/dist/esm/PickerPanel/panels/TimePanel/TimeHeader.d.ts +4 -1
- package/dist/esm/PickerPanel/panels/TimePanel/index.d.ts +9 -1
- package/dist/esm/PickerPanel/panels/WeekPanel/WeekBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/WeekPanel/WeekHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/WeekPanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/YearPanel/YearBody.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/YearPanel/YearBody.js +3 -2
- package/dist/esm/PickerPanel/panels/YearPanel/YearHeader.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/YearPanel/YearHeader.js +2 -1
- package/dist/esm/PickerPanel/panels/YearPanel/index.d.ts +2 -1
- package/dist/esm/PickerPanel/panels/YearPanel/index.js +1 -1
- package/dist/esm/PickerPanel/picker-panel.js +3 -0
- package/dist/esm/PickerPanel/utils/pickerUtils.d.ts +7 -7
- package/dist/esm/PickerPanel/utils/pickerUtils.js +4 -10
- package/dist/esm/Select/style/index.less +0 -13
- package/dist/esm/Selector/style/index.less +2 -137
- package/dist/esm/TextArea/style/index.less +0 -17
- package/dist/esm/style/size.css +1 -0
- package/dist/esm/style/themes.css +1 -1
- package/dist/esm/style/variables.css +2 -1
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +2 -2
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Carousel/carousel.tsx +14 -3
- package/src/Carousel/interface.ts +6 -0
- package/src/Cascader/cascader.tsx +3 -1
- package/src/Cascader/column.tsx +1 -1
- package/src/Drawer/style/index.less +4 -0
- package/src/Dropdown/dropdown.tsx +1 -1
- package/src/FloatButton/float-button.tsx +5 -3
- package/src/Form/demo/basic.tsx +2 -2
- package/src/Form/style/index.less +15 -0
- package/src/Input/style/index.less +0 -17
- package/src/InputNumber/style/index.less +0 -29
- package/src/PickerPanel/interface.ts +43 -2
- package/src/PickerPanel/panels/DatePanel/DateBody.tsx +2 -1
- package/src/PickerPanel/panels/DatePanel/DateHeader.tsx +3 -2
- package/src/PickerPanel/panels/DatePanel/index.tsx +2 -1
- package/src/PickerPanel/panels/DateTimePanel/index.tsx +12 -5
- package/src/PickerPanel/panels/DecadePanel/DecadeBody.tsx +3 -2
- package/src/PickerPanel/panels/DecadePanel/DecadeHeader.tsx +3 -2
- package/src/PickerPanel/panels/DecadePanel/index.tsx +3 -2
- package/src/PickerPanel/panels/Header.tsx +14 -1
- package/src/PickerPanel/panels/MonthPanel/MonthBody.tsx +2 -1
- package/src/PickerPanel/panels/MonthPanel/MonthHeader.tsx +3 -2
- package/src/PickerPanel/panels/MonthPanel/index.tsx +3 -2
- package/src/PickerPanel/panels/PanelBody.tsx +27 -5
- package/src/PickerPanel/panels/QuarterPanel/QuarterBody.tsx +2 -1
- package/src/PickerPanel/panels/QuarterPanel/QuarterHeader.tsx +2 -1
- package/src/PickerPanel/panels/QuarterPanel/index.tsx +2 -1
- package/src/PickerPanel/panels/RangePanel/index.tsx +11 -9
- package/src/PickerPanel/panels/RangePanel/interface.ts +5 -5
- package/src/PickerPanel/panels/TimePanel/TimeBody.tsx +21 -5
- package/src/PickerPanel/panels/TimePanel/TimeCell.tsx +9 -2
- package/src/PickerPanel/panels/TimePanel/TimeColumn.tsx +15 -2
- package/src/PickerPanel/panels/TimePanel/TimeHeader.tsx +5 -1
- package/src/PickerPanel/panels/TimePanel/index.tsx +10 -1
- package/src/PickerPanel/panels/WeekPanel/WeekBody.tsx +2 -1
- package/src/PickerPanel/panels/WeekPanel/WeekHeader.tsx +2 -1
- package/src/PickerPanel/panels/WeekPanel/index.tsx +2 -1
- package/src/PickerPanel/panels/YearPanel/YearBody.tsx +4 -3
- package/src/PickerPanel/panels/YearPanel/YearHeader.tsx +9 -3
- package/src/PickerPanel/panels/YearPanel/index.tsx +3 -2
- package/src/PickerPanel/picker-panel.tsx +5 -3
- package/src/PickerPanel/utils/pickerUtils.ts +17 -8
- package/src/Select/style/index.less +0 -13
- package/src/Selector/style/index.less +2 -137
- package/src/Splitter/hooks/useMove.ts +2 -2
- package/src/TextArea/style/index.less +0 -17
- package/src/hooks/useEvent.ts +7 -4
- package/src/hooks/useMergedState.ts +6 -4
- package/src/style/size.css +1 -0
- package/src/version.ts +1 -1
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { PanelSharedProps } from '../../interface';
|
|
3
|
+
interface TimePanelProps extends PanelSharedProps {
|
|
4
|
+
format?: string;
|
|
5
|
+
hourStep?: number;
|
|
6
|
+
minuteStep?: number;
|
|
7
|
+
secondStep?: number;
|
|
8
|
+
showTitle?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function TimePanel(props: TimePanelProps): React.JSX.Element;
|
|
3
11
|
export default TimePanel;
|
|
@@ -62,7 +62,7 @@ function YearBody(props) {
|
|
|
62
62
|
maxDate,
|
|
63
63
|
minDate,
|
|
64
64
|
nowDate,
|
|
65
|
-
offsetYear,
|
|
65
|
+
offsetYear = 0,
|
|
66
66
|
hoverRange = [],
|
|
67
67
|
selectedRange = []
|
|
68
68
|
} = props;
|
|
@@ -77,7 +77,7 @@ function YearBody(props) {
|
|
|
77
77
|
});
|
|
78
78
|
const getCellTitle = (0, import_useEvent.default)((currentDate) => {
|
|
79
79
|
const _year = import_pickerUtils.default.getYear(currentDate) + offsetYear;
|
|
80
|
-
return _year < 1e3 ? "0" + _year : _year;
|
|
80
|
+
return _year < 1e3 ? "0" + _year : String(_year);
|
|
81
81
|
});
|
|
82
82
|
const getCellClassName = (0, import_useEvent.default)((currentDate) => {
|
|
83
83
|
const currentYear = import_pickerUtils.default.getYear(currentDate);
|
|
@@ -38,7 +38,13 @@ var import_useEvent = __toESM(require("../../../hooks/useEvent"));
|
|
|
38
38
|
var import_Header = __toESM(require("../Header"));
|
|
39
39
|
var import_pickerUtils = __toESM(require("../../utils/pickerUtils"));
|
|
40
40
|
function YearHeader(props) {
|
|
41
|
-
const {
|
|
41
|
+
const {
|
|
42
|
+
prefixCls,
|
|
43
|
+
viewDate,
|
|
44
|
+
onViewDateChange,
|
|
45
|
+
onPanelChange,
|
|
46
|
+
offsetYear = 0
|
|
47
|
+
} = props;
|
|
42
48
|
const viewYear = import_pickerUtils.default.getYear(viewDate);
|
|
43
49
|
const startYear = viewYear - viewYear % 10 + offsetYear;
|
|
44
50
|
const endYear = startYear + 9;
|
|
@@ -56,7 +56,7 @@ function DecadePanel(props) {
|
|
|
56
56
|
const { prefixCls, offset } = props;
|
|
57
57
|
let offsetYear = 0;
|
|
58
58
|
if (offset == null ? void 0 : offset.year) {
|
|
59
|
-
offsetYear =
|
|
59
|
+
offsetYear = offset.year;
|
|
60
60
|
}
|
|
61
61
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-year-panel` }, /* @__PURE__ */ import_react.default.createElement(import_YearHeader.default, __spreadProps(__spreadValues({}, props), { offsetYear })), /* @__PURE__ */ import_react.default.createElement(import_YearBody.default, __spreadProps(__spreadValues({}, props), { offsetYear })));
|
|
62
62
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import dayjs, { Dayjs } from 'dayjs';
|
|
1
|
+
import dayjs, { Dayjs, OpUnitType } from 'dayjs';
|
|
2
2
|
type PickerType = 'year' | 'quarter' | 'month' | 'week' | 'day' | 'second' | 'minute' | 'hour';
|
|
3
3
|
declare const d: {
|
|
4
4
|
dayjs: typeof dayjs;
|
|
5
|
-
init: (date?:
|
|
5
|
+
init: (date?: dayjs.ConfigType, option?: dayjs.OptionType) => dayjs.Dayjs;
|
|
6
6
|
getNow: () => dayjs.Dayjs;
|
|
7
7
|
getYear: (date: Dayjs) => number;
|
|
8
8
|
getQuarter: (date: Dayjs) => number;
|
|
@@ -13,7 +13,7 @@ declare const d: {
|
|
|
13
13
|
getMinute: (date: Dayjs) => number;
|
|
14
14
|
getSecond: (date: Dayjs) => number;
|
|
15
15
|
format: (date: Dayjs, format: string) => string;
|
|
16
|
-
isSame: (date1: Dayjs, date2: Dayjs, type?: PickerType) => boolean;
|
|
16
|
+
isSame: (date1: Dayjs | undefined, date2: Dayjs | undefined, type?: PickerType) => boolean;
|
|
17
17
|
setYear: (date: Dayjs, year: number) => dayjs.Dayjs;
|
|
18
18
|
setMonth: (date: Dayjs, month: number) => dayjs.Dayjs;
|
|
19
19
|
setDate: (date: Dayjs, day: number) => dayjs.Dayjs;
|
|
@@ -23,10 +23,10 @@ declare const d: {
|
|
|
23
23
|
addYear: (date: Dayjs, offset: number) => dayjs.Dayjs;
|
|
24
24
|
addMonth: (date: Dayjs, offset: number) => dayjs.Dayjs;
|
|
25
25
|
addDate: (date: Dayjs, offset: number) => dayjs.Dayjs;
|
|
26
|
-
isAfter: (date1: Dayjs, date2: Dayjs, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
|
|
27
|
-
isBefore: (date1: Dayjs, date2: Dayjs, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
|
|
28
|
-
isValid: (date: Dayjs, format?: string, strict?: boolean) => boolean;
|
|
29
|
-
isBetween: (date: Dayjs, start: Dayjs, end: Dayjs,
|
|
26
|
+
isAfter: (date1: Dayjs, date2: Dayjs | undefined, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
|
|
27
|
+
isBefore: (date1: Dayjs, date2: Dayjs | undefined, type?: 'day' | 'hour' | 'minute' | 'second' | 'year' | 'month') => boolean;
|
|
28
|
+
isValid: (date: Dayjs | undefined, format?: string, strict?: boolean) => boolean;
|
|
29
|
+
isBetween: (date: Dayjs, start: Dayjs, end: Dayjs, unit?: OpUnitType, nulls?: '()' | '[]' | '[)' | '(]') => boolean;
|
|
30
30
|
getCellClassName: ({ date, startHoverDate, endHoverDate, startSelectedDate, endSelectedDate, unit, prefixCls, }: {
|
|
31
31
|
date: Dayjs;
|
|
32
32
|
startHoverDate: Dayjs | null | undefined;
|
|
@@ -48,7 +48,7 @@ import_dayjs.default.extend(import_localeData.default);
|
|
|
48
48
|
import_dayjs.default.extend(import_buddhistEra.default);
|
|
49
49
|
var d = {
|
|
50
50
|
dayjs: import_dayjs.default,
|
|
51
|
-
init: (date,
|
|
51
|
+
init: (date, option) => (0, import_dayjs.default)(date, option),
|
|
52
52
|
getNow: () => {
|
|
53
53
|
return d.init(void 0);
|
|
54
54
|
},
|
|
@@ -78,7 +78,7 @@ var d = {
|
|
|
78
78
|
isAfter: (date1, date2, type) => date2 ? date1.isAfter(date2, type) : false,
|
|
79
79
|
isBefore: (date1, date2, type) => date2 ? date1.isBefore(date2, type) : false,
|
|
80
80
|
isValid: (date, format, strict) => (0, import_dayjs.default)(date, format, strict).isValid(),
|
|
81
|
-
isBetween: (date, start, end,
|
|
81
|
+
isBetween: (date, start, end, unit, nulls) => date && start && end ? date.isBetween(start, end, unit, nulls) : false,
|
|
82
82
|
getCellClassName: ({
|
|
83
83
|
date,
|
|
84
84
|
startHoverDate,
|
|
@@ -41,16 +41,3 @@
|
|
|
41
41
|
padding: var(--yee-select-option-padding);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
|
|
45
|
-
// form error status
|
|
46
|
-
.yee-form-item-error {
|
|
47
|
-
@{pls} {
|
|
48
|
-
border-color: var(--yee-error-color);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.yee-form-item-warning {
|
|
53
|
-
@{pls} {
|
|
54
|
-
border-color: var(--yee-warning-color);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
width: 100%;
|
|
7
7
|
padding: var(--yee-selector-padding);
|
|
8
|
-
border: var(--yee-selector-border-width) solid
|
|
9
|
-
var(--yee-selector-border-color);
|
|
8
|
+
border: var(--yee-selector-border-width) solid var(--yee-input-border-color);
|
|
10
9
|
border-radius: var(--yee-selector-border-radius);
|
|
11
10
|
|
|
12
11
|
&-small {
|
|
@@ -145,7 +144,7 @@
|
|
|
145
144
|
|
|
146
145
|
&:not(@{pls}-disabled) {
|
|
147
146
|
&:hover {
|
|
148
|
-
border-color: var(--yee-
|
|
147
|
+
border-color: var(--yee-input-hover-border-color);
|
|
149
148
|
}
|
|
150
149
|
}
|
|
151
150
|
|
|
@@ -206,137 +205,3 @@
|
|
|
206
205
|
}
|
|
207
206
|
}
|
|
208
207
|
}
|
|
209
|
-
|
|
210
|
-
// .yee-tags-searchable {
|
|
211
|
-
// cursor: text;
|
|
212
|
-
|
|
213
|
-
// .yee-tags-input-wrapper {
|
|
214
|
-
// width: 100%;
|
|
215
|
-
// padding: 0;
|
|
216
|
-
// border: none;
|
|
217
|
-
// outline: none;
|
|
218
|
-
|
|
219
|
-
// &:focus {
|
|
220
|
-
// border: none;
|
|
221
|
-
// box-shadow: none;
|
|
222
|
-
// }
|
|
223
|
-
// }
|
|
224
|
-
|
|
225
|
-
// .yee-tags-icon {
|
|
226
|
-
// width: auto;
|
|
227
|
-
// }
|
|
228
|
-
// }
|
|
229
|
-
|
|
230
|
-
// .yee-tags-single-mode {
|
|
231
|
-
// height: var(--yee-tags-height);
|
|
232
|
-
|
|
233
|
-
// .yee-tags-input-container {
|
|
234
|
-
// position: absolute;
|
|
235
|
-
// z-index: -1;
|
|
236
|
-
// width: 100%;
|
|
237
|
-
// font-size: var(--yee-tags-input-font-size);
|
|
238
|
-
// line-height: var(--yee-tags-input-line-height);
|
|
239
|
-
|
|
240
|
-
// input {
|
|
241
|
-
// width: 100%;
|
|
242
|
-
// }
|
|
243
|
-
// }
|
|
244
|
-
|
|
245
|
-
// &.yee-tags-searchable {
|
|
246
|
-
// .yee-tags-single-option {
|
|
247
|
-
// width: 100%;
|
|
248
|
-
// }
|
|
249
|
-
|
|
250
|
-
// .yee-tags-container {
|
|
251
|
-
// &:focus-within,
|
|
252
|
-
// &:focus {
|
|
253
|
-
// .yee-tags-input-container {
|
|
254
|
-
// z-index: 1;
|
|
255
|
-
// opacity: var(--yee-tags-input-focus-opacity);
|
|
256
|
-
|
|
257
|
-
// &.has-value {
|
|
258
|
-
// opacity: 1;
|
|
259
|
-
|
|
260
|
-
// + .yee-tags-single-option {
|
|
261
|
-
// display: none;
|
|
262
|
-
// }
|
|
263
|
-
// }
|
|
264
|
-
// }
|
|
265
|
-
|
|
266
|
-
// .yee-tags-single-option {
|
|
267
|
-
// opacity: var(--yee-tags-single-option-focus-opacity);
|
|
268
|
-
// }
|
|
269
|
-
// }
|
|
270
|
-
// }
|
|
271
|
-
// }
|
|
272
|
-
// }
|
|
273
|
-
|
|
274
|
-
// .yee-tags-multi-mode {
|
|
275
|
-
// height: auto;
|
|
276
|
-
// min-height: var(--yee-tags-multi-min-height);
|
|
277
|
-
|
|
278
|
-
// &.yee-tags-searchable {
|
|
279
|
-
// .yee-tag {
|
|
280
|
-
// max-width: var(--yee-tags-multi-tag-max-width);
|
|
281
|
-
// height: var(--yee-tags-multi-tag-height);
|
|
282
|
-
// }
|
|
283
|
-
// }
|
|
284
|
-
|
|
285
|
-
// .yee-tags-container {
|
|
286
|
-
// flex-wrap: wrap;
|
|
287
|
-
// }
|
|
288
|
-
|
|
289
|
-
// .yee-tags-input-container {
|
|
290
|
-
// display: inline-grid;
|
|
291
|
-
// // color: var(--yee-tags-input-container-font-color);
|
|
292
|
-
// flex: 1 1 auto;
|
|
293
|
-
// grid-area: 1 / 1 / 2 / 3;
|
|
294
|
-
// grid-template-columns: 0 min-content;
|
|
295
|
-
// box-sizing: border-box;
|
|
296
|
-
// height: var(--yee-tags-multi-input-height);
|
|
297
|
-
|
|
298
|
-
// &::after {
|
|
299
|
-
// grid-area: 1 / 2 / auto / auto;
|
|
300
|
-
// min-width: var(--yee-tags-multi-input-after-min-width);
|
|
301
|
-
// margin: 0;
|
|
302
|
-
// padding: 0;
|
|
303
|
-
// font: inherit;
|
|
304
|
-
// white-space: pre;
|
|
305
|
-
// border: 0;
|
|
306
|
-
// outline: 0;
|
|
307
|
-
// visibility: hidden;
|
|
308
|
-
// content: attr(data-value) ' ';
|
|
309
|
-
// }
|
|
310
|
-
|
|
311
|
-
// & > input {
|
|
312
|
-
// grid-area: 1 / 2 / auto / auto;
|
|
313
|
-
// width: 100%;
|
|
314
|
-
// min-width: var(--yee-tags-multi-input-min-width);
|
|
315
|
-
// height: var(--yee-tags-multi-input-height);
|
|
316
|
-
// margin: 0;
|
|
317
|
-
// padding: 0;
|
|
318
|
-
// font: inherit;
|
|
319
|
-
// background-color: transparent;
|
|
320
|
-
// border: 0;
|
|
321
|
-
// outline: 0;
|
|
322
|
-
// opacity: 1;
|
|
323
|
-
// }
|
|
324
|
-
// }
|
|
325
|
-
// }
|
|
326
|
-
|
|
327
|
-
// form error status
|
|
328
|
-
.yee-form-item-error {
|
|
329
|
-
@{pls} {
|
|
330
|
-
border-color: var(--yee-error-color);
|
|
331
|
-
|
|
332
|
-
&:hover {
|
|
333
|
-
border-color: var(--yee-error-color-hover);
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
.yee-form-item-warning {
|
|
339
|
-
@{pls} {
|
|
340
|
-
border-color: var(--yee-warning-color);
|
|
341
|
-
}
|
|
342
|
-
}
|
|
@@ -98,20 +98,3 @@
|
|
|
98
98
|
cursor: not-allowed;
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
|
|
102
|
-
// form error status
|
|
103
|
-
.yee-form-item-error {
|
|
104
|
-
@{pls} {
|
|
105
|
-
border-color: var(--yee-error-color);
|
|
106
|
-
|
|
107
|
-
&:hover {
|
|
108
|
-
border-color: var(--yee-error-color-hover);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.yee-form-item-warning {
|
|
114
|
-
@{pls} {
|
|
115
|
-
border-color: var(--yee-warning-color);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
@@ -39,7 +39,10 @@ function useEvent(callback) {
|
|
|
39
39
|
const memoFn = import_react.default.useCallback(
|
|
40
40
|
(...args) => {
|
|
41
41
|
var _a;
|
|
42
|
-
return (_a = ref.current) == null ? void 0 : _a.call(
|
|
42
|
+
return (_a = ref.current) == null ? void 0 : _a.call(
|
|
43
|
+
ref,
|
|
44
|
+
...args
|
|
45
|
+
);
|
|
43
46
|
},
|
|
44
47
|
[]
|
|
45
48
|
);
|
package/dist/cjs/style/size.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @rainbow-oh/yee-c CSS Variables
|
|
3
3
|
* Auto-generated, do not edit manually
|
|
4
|
-
* Generated on 2026-07-
|
|
4
|
+
* Generated on 2026-07-06T02:29:25.236Z
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
/* ========== color.css ========== */
|
|
@@ -1364,6 +1364,7 @@
|
|
|
1364
1364
|
--yee-drawer-body-padding: 20px 24px;
|
|
1365
1365
|
--yee-drawer-close-top: 20px;
|
|
1366
1366
|
--yee-drawer-close-right: 20px;
|
|
1367
|
+
--yee-drawer-title-font-weight: 500;
|
|
1367
1368
|
|
|
1368
1369
|
/* --Field-- */
|
|
1369
1370
|
--yee-field-gap: 8px;
|
package/dist/cjs/version.d.ts
CHANGED
package/dist/cjs/version.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ButtonProps } from './interface';
|
|
3
3
|
import './style/index.less';
|
|
4
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<
|
|
4
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
5
5
|
export default Button;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { CSVDownloderProps } from './interface';
|
|
3
|
-
declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<
|
|
3
|
+
declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
4
4
|
export default Link;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CarouselProps } from './interface';
|
|
2
|
+
import type { CarouselContextProps, CarouselProps } from './interface';
|
|
3
3
|
import './style/index.less';
|
|
4
|
-
export declare const CarouselCtx: React.Context<
|
|
4
|
+
export declare const CarouselCtx: React.Context<CarouselContextProps>;
|
|
5
5
|
declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export default Carousel;
|
|
@@ -27,7 +27,11 @@ import mergeContextToProps from "../utils/mergeContextToProps";
|
|
|
27
27
|
import Item from "./carousel-item";
|
|
28
28
|
import "./style/index.less";
|
|
29
29
|
var DEFAULT_ANIMATION_DURATION = 500;
|
|
30
|
-
export var CarouselCtx = /*#__PURE__*/React.createContext({
|
|
30
|
+
export var CarouselCtx = /*#__PURE__*/React.createContext({
|
|
31
|
+
prefixCls: 'yee-carousel',
|
|
32
|
+
effect: 'scrollx',
|
|
33
|
+
current: 1
|
|
34
|
+
});
|
|
31
35
|
var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
|
|
32
36
|
var _useContext = useContext(GlobalContext),
|
|
33
37
|
carousel = _useContext.carousel;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export type SemanticDOM = 'dot' | 'prev' | 'next';
|
|
3
|
+
export interface CarouselContextProps {
|
|
4
|
+
prefixCls: string;
|
|
5
|
+
effect: 'fade' | 'scrollx';
|
|
6
|
+
current: number;
|
|
7
|
+
}
|
|
3
8
|
export interface CarouselItemProps {
|
|
4
9
|
index: number;
|
|
5
10
|
style?: React.CSSProperties;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { FloatButtonProps } from './interface';
|
|
3
3
|
import './style/index.less';
|
|
4
|
-
declare const FloatButton: React.ForwardRefExoticComponent<FloatButtonProps & React.RefAttributes<
|
|
4
|
+
declare const FloatButton: React.ForwardRefExoticComponent<FloatButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
export default FloatButton;
|
|
@@ -53,7 +53,8 @@ export default (function () {
|
|
|
53
53
|
}))), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement(Form.Field, {
|
|
54
54
|
name: "gender",
|
|
55
55
|
label: "Gender",
|
|
56
|
-
initialValue: "male"
|
|
56
|
+
initialValue: "male",
|
|
57
|
+
required: true
|
|
57
58
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
58
59
|
options: [{
|
|
59
60
|
label: 'male',
|
|
@@ -67,7 +68,8 @@ export default (function () {
|
|
|
67
68
|
}]
|
|
68
69
|
}))), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement(Form.Field, {
|
|
69
70
|
name: "birthday",
|
|
70
|
-
label: "Birthday"
|
|
71
|
+
label: "Birthday",
|
|
72
|
+
required: true
|
|
71
73
|
}, /*#__PURE__*/React.createElement(DatePicker, null))), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement(Form.Field, {
|
|
72
74
|
name: ['address', 0, 'one'],
|
|
73
75
|
label: "Address",
|
|
@@ -56,5 +56,20 @@
|
|
|
56
56
|
color: var(--yee-error-color);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
+
|
|
60
|
+
// 表单校验态:在此重定义控件读取的 border / box-shadow 变量,
|
|
61
|
+
// 后代里的 Input / Selector / InputNumber / TextArea 等通过 CSS 变量继承自动变色,
|
|
62
|
+
// 无需在每个组件里重复 .yee-form-item-error 块,也不存在 specificity / !important 问题。
|
|
63
|
+
&&-error {
|
|
64
|
+
--yee-input-border-color: var(--yee-error-color);
|
|
65
|
+
--yee-input-hover-border-color: var(--yee-error-color-hover);
|
|
66
|
+
--yee-input-focus-bs-color: var(--yee-error-color-border);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&&-warning {
|
|
70
|
+
--yee-input-border-color: var(--yee-warning-color);
|
|
71
|
+
--yee-input-hover-border-color: var(--yee-warning-color-hover);
|
|
72
|
+
--yee-input-focus-bs-color: var(--yee-warning-color-border);
|
|
73
|
+
}
|
|
59
74
|
}
|
|
60
75
|
}
|
|
@@ -110,20 +110,3 @@ input[type='number']::-webkit-outer-spin-button {
|
|
|
110
110
|
input::placeholder {
|
|
111
111
|
color: var(--yee-placeholder-color);
|
|
112
112
|
}
|
|
113
|
-
|
|
114
|
-
// form error status
|
|
115
|
-
.yee-form-item-error {
|
|
116
|
-
@{pls} {
|
|
117
|
-
border-color: var(--yee-error-color);
|
|
118
|
-
|
|
119
|
-
&:hover {
|
|
120
|
-
border-color: var(--yee-error-color-hover);
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.yee-form-item-warning {
|
|
126
|
-
@{pls} {
|
|
127
|
-
border-color: var(--yee-warning-color);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
@@ -185,32 +185,3 @@
|
|
|
185
185
|
padding-right: 0;
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
|
|
189
|
-
// Form error status
|
|
190
|
-
.yee-form-item-error {
|
|
191
|
-
@{pls} {
|
|
192
|
-
border-color: var(--yee-error-color);
|
|
193
|
-
|
|
194
|
-
&:not(@{pls}-disabled):hover {
|
|
195
|
-
border-color: var(--yee-error-color);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
&-focused {
|
|
199
|
-
box-shadow: 0 0 0 2px var(--yee-input-content-error-focus-bs-color);
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.yee-form-item-warning {
|
|
205
|
-
@{pls} {
|
|
206
|
-
border-color: var(--yee-warning-color);
|
|
207
|
-
|
|
208
|
-
&:not(@{pls}-disabled):hover {
|
|
209
|
-
border-color: var(--yee-warning-color);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
&-focused {
|
|
213
|
-
box-shadow: 0 0 0 2px var(--yee-input-content-warning-focus-bs-color);
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
|
+
import type { usePanelConfigs } from './configs/locale-adapter';
|
|
3
4
|
export type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade' | 'datetime' | 'time';
|
|
4
5
|
export type SemanticType = 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'footer';
|
|
5
6
|
export type UnitType = 'day' | 'hour' | 'minute' | 'second';
|
|
7
|
+
/** Hour/minute/second granularity used by the time sub-panels. */
|
|
8
|
+
export type TimeUnit = 'hour' | 'minute' | 'second';
|
|
6
9
|
interface HeaderProps {
|
|
7
10
|
showPrevIcon?: boolean;
|
|
8
11
|
showNextIcon?: boolean;
|
|
@@ -103,14 +106,53 @@ export interface PickerPanelProps extends HeaderProps {
|
|
|
103
106
|
/**
|
|
104
107
|
* Hover range dates [start date, end date]
|
|
105
108
|
*/
|
|
106
|
-
hoverRange?: Array<Dayjs | null>;
|
|
109
|
+
hoverRange?: Array<Dayjs | null | undefined>;
|
|
107
110
|
/**
|
|
108
111
|
* Selected range dates [start date, end date]
|
|
109
112
|
*/
|
|
110
|
-
selectedRange?: Array<Dayjs | null>;
|
|
113
|
+
selectedRange?: Array<Dayjs | null | undefined>;
|
|
111
114
|
/**
|
|
112
115
|
* Disabled date function
|
|
113
116
|
*/
|
|
114
117
|
disabledDate?: (current: Dayjs) => boolean;
|
|
115
118
|
}
|
|
119
|
+
/**
|
|
120
|
+
* Locale/config bag produced by `usePanelConfigs`, shared by every panel.
|
|
121
|
+
*/
|
|
122
|
+
export type PanelConfigs = ReturnType<typeof usePanelConfigs>;
|
|
123
|
+
/**
|
|
124
|
+
* The `panelProps` bag shared by all date-picking panels, headers and bodies.
|
|
125
|
+
*
|
|
126
|
+
* Standalone (does not extend `PickerPanelProps`) so each panel only declares
|
|
127
|
+
* the fields it actually reads while still receiving the full bag via
|
|
128
|
+
* `{...props}` spreads (JSX spreads do not trigger excess-property checks).
|
|
129
|
+
*/
|
|
130
|
+
export interface PanelSharedProps {
|
|
131
|
+
prefixCls?: string;
|
|
132
|
+
picker?: PickerType;
|
|
133
|
+
offset?: {
|
|
134
|
+
year?: number;
|
|
135
|
+
month?: number;
|
|
136
|
+
day?: number;
|
|
137
|
+
};
|
|
138
|
+
viewDate: Dayjs;
|
|
139
|
+
selectedDate?: Dayjs;
|
|
140
|
+
panelConfigs: PanelConfigs;
|
|
141
|
+
handleMouseChange?: (date: Dayjs | '') => void;
|
|
142
|
+
onViewDateChange: (date: Dayjs) => void;
|
|
143
|
+
onPanelChange: (view: PickerType) => void;
|
|
144
|
+
onSelect?: (date: Dayjs) => void;
|
|
145
|
+
offsetYear?: number;
|
|
146
|
+
/** Never set in `panelProps`, so always `undefined` at runtime. */
|
|
147
|
+
nowDate?: Dayjs;
|
|
148
|
+
weekStart?: number;
|
|
149
|
+
showHeader?: boolean;
|
|
150
|
+
cellRender?: (date: Dayjs, panel: PickerType) => React.ReactNode;
|
|
151
|
+
prefixColumn?: (currentDate: Dayjs) => React.ReactNode;
|
|
152
|
+
getRowClassName?: (currentDate: Dayjs) => string;
|
|
153
|
+
hoverRange?: Array<Dayjs | null | undefined>;
|
|
154
|
+
selectedRange?: Array<Dayjs | null | undefined>;
|
|
155
|
+
maxDate?: Dayjs;
|
|
156
|
+
minDate?: Dayjs;
|
|
157
|
+
}
|
|
116
158
|
export {};
|