@bos-alpha/data
Version:
数据管理
45 lines (44 loc) • 2.47 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { jsx as _jsx } from "react/jsx-runtime";
import { useState } from 'react';
import { Cascader } from 'antd';
import styled from '@emotion/styled';
import { prefixCls } from '@bos-alpha/common';
var days = [];
for (var i = 1; i <= 31; i++) {
days.push({
label: "".concat(i, "\u53F7"),
value: i
});
}
days.push({
label: '最后一天',
value: 'L'
});
export var DayPicker = function (_a) {
var value = _a.value, onChange = _a.onChange;
var _b = useState(value ? value.map(function (item) { return [item]; }) : []), keys = _b[0], setKeys = _b[1];
return (_jsx(DaySelect, __assign({ className: "day-picker" }, { children: _jsx(Cascader, { options: days, multiple: true, getPopupContainer: function () {
return document.querySelector('.day-picker');
}, placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F", value: keys, onChange: function (val) {
var list = val.sort(function (a, b) { return (a[0] < b[0] ? -1 : 1); });
setKeys(list);
onChange && onChange(list.map(function (item) { return item[0]; }));
} }, void 0) }), void 0));
};
var DaySelect = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .", "-select-dropdown, .", "-cascader-menu {\n width: 100%;\n }\n .", "-cascader-menu {\n display: flex;\n flex-wrap: wrap;\n height: 264px;\n .", "-cascader-menu-item {\n width: 105px;\n }\n }\n"], ["\n .", "-select-dropdown, .", "-cascader-menu {\n width: 100%;\n }\n .", "-cascader-menu {\n display: flex;\n flex-wrap: wrap;\n height: 264px;\n .", "-cascader-menu-item {\n width: 105px;\n }\n }\n"])), prefixCls, prefixCls, prefixCls, prefixCls);
var templateObject_1;