tntd 2.8.53 → 2.8.54
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/es/alert/alert.js +59 -0
- package/es/alert/alert.js.map +1 -0
- package/es/alert/alert.less +128 -0
- package/es/cascader/cascader.js +27 -0
- package/es/cascader/cascader.js.map +1 -0
- package/es/cascader/cascader.less +16 -0
- package/es/checkbox/check.png +0 -0
- package/es/checkbox/checkbox.js +36 -0
- package/es/checkbox/checkbox.js.map +1 -0
- package/es/checkbox/checkbox.less +69 -0
- package/es/date-picker/DatePicker.js +53 -0
- package/es/date-picker/DatePicker.js.map +1 -0
- package/es/date-picker/index.less +294 -0
- package/es/input-number/inputNumber.js +29 -0
- package/es/input-number/inputNumber.js.map +1 -0
- package/es/input-number/inputNumber.less +12 -0
- package/es/modal/index.less +36 -0
- package/es/page-loading/loading.gif +0 -0
- package/es/popconfirm/index.less +32 -0
- package/es/popconfirm/popconfirm.js +31 -0
- package/es/popconfirm/popconfirm.js.map +1 -0
- package/es/popover/index.less +57 -0
- package/es/popover/popover.js +28 -0
- package/es/popover/popover.js.map +1 -0
- package/es/progress/progress.js +88 -0
- package/es/progress/progress.js.map +1 -0
- package/es/progress/progress.less +82 -0
- package/es/query-form-backup/Field/Composition/FieldPopover.less +35 -0
- package/es/query-form-backup/Field/Composition/index.less +114 -0
- package/es/query-form-backup/index.less +90 -0
- package/es/radio/radio.js +45 -0
- package/es/radio/radio.js.map +1 -0
- package/es/radio/radio.less +43 -0
- package/es/spin/spin.js +31 -0
- package/es/spin/spin.js.map +1 -0
- package/es/spin/spin.less +9 -0
- package/es/steps/assets/background_left.svg +12 -0
- package/es/steps/assets/background_right.svg +12 -0
- package/es/steps/assets/horizontal_line.svg +3 -0
- package/es/steps/assets/vertical_line.svg +3 -0
- package/es/steps/stepStyle/icon.less +51 -0
- package/es/steps/stepStyle/progress-dot.less +10 -0
- package/es/steps/stepStyle/variables.less +8 -0
- package/es/steps/stepStyle/vertical.less +41 -0
- package/es/switch/index.less +45 -0
- package/es/tabs/tabs.less +125 -0
- package/es/time-picker/TimePicker.js +28 -0
- package/es/time-picker/TimePicker.js.map +1 -0
- package/es/time-picker/index.less +38 -0
- package/es/tntd-action/index.less +114 -0
- package/es/tntd-select/index.less +7 -0
- package/lib/alert/alert.d.ts +12 -0
- package/lib/alert/alert.d.ts.map +1 -0
- package/lib/alert/alert.js +91 -0
- package/lib/alert/alert.js.map +1 -0
- package/lib/alert/alert.less +128 -0
- package/lib/cascader/cascader.d.ts +10 -0
- package/lib/cascader/cascader.d.ts.map +1 -0
- package/lib/cascader/cascader.js +58 -0
- package/lib/cascader/cascader.js.map +1 -0
- package/lib/cascader/cascader.less +16 -0
- package/lib/checkbox/check.png +0 -0
- package/lib/checkbox/checkbox.d.ts +16 -0
- package/lib/checkbox/checkbox.d.ts.map +1 -0
- package/lib/checkbox/checkbox.js +67 -0
- package/lib/checkbox/checkbox.js.map +1 -0
- package/lib/checkbox/checkbox.less +69 -0
- package/lib/date-picker/DatePicker.d.ts +21 -0
- package/lib/date-picker/DatePicker.d.ts.map +1 -0
- package/lib/date-picker/DatePicker.js +77 -0
- package/lib/date-picker/DatePicker.js.map +1 -0
- package/lib/date-picker/index.less +294 -0
- package/lib/input-number/inputNumber.d.ts +10 -0
- package/lib/input-number/inputNumber.d.ts.map +1 -0
- package/lib/input-number/inputNumber.js +60 -0
- package/lib/input-number/inputNumber.js.map +1 -0
- package/lib/input-number/inputNumber.less +12 -0
- package/lib/modal/index.less +36 -0
- package/lib/page-loading/loading.gif +0 -0
- package/lib/popconfirm/index.less +32 -0
- package/lib/popconfirm/popconfirm.d.ts +8 -0
- package/lib/popconfirm/popconfirm.d.ts.map +1 -0
- package/lib/popconfirm/popconfirm.js +50 -0
- package/lib/popconfirm/popconfirm.js.map +1 -0
- package/lib/popover/index.less +57 -0
- package/lib/popover/popover.d.ts +14 -0
- package/lib/popover/popover.d.ts.map +1 -0
- package/lib/popover/popover.js +47 -0
- package/lib/popover/popover.js.map +1 -0
- package/lib/progress/progress.d.ts +12 -0
- package/lib/progress/progress.d.ts.map +1 -0
- package/lib/progress/progress.js +107 -0
- package/lib/progress/progress.js.map +1 -0
- package/lib/progress/progress.less +82 -0
- package/lib/query-form-backup/Field/Composition/FieldPopover.less +35 -0
- package/lib/query-form-backup/Field/Composition/index.less +114 -0
- package/lib/query-form-backup/index.less +90 -0
- package/lib/radio/radio.d.ts +17 -0
- package/lib/radio/radio.d.ts.map +1 -0
- package/lib/radio/radio.js +76 -0
- package/lib/radio/radio.js.map +1 -0
- package/lib/radio/radio.less +43 -0
- package/lib/spin/spin.d.ts +9 -0
- package/lib/spin/spin.d.ts.map +1 -0
- package/lib/spin/spin.js +60 -0
- package/lib/spin/spin.js.map +1 -0
- package/lib/spin/spin.less +9 -0
- package/lib/steps/assets/background_left.svg +12 -0
- package/lib/steps/assets/background_right.svg +12 -0
- package/lib/steps/assets/horizontal_line.svg +3 -0
- package/lib/steps/assets/vertical_line.svg +3 -0
- package/lib/steps/stepStyle/icon.less +51 -0
- package/lib/steps/stepStyle/progress-dot.less +10 -0
- package/lib/steps/stepStyle/variables.less +8 -0
- package/lib/steps/stepStyle/vertical.less +41 -0
- package/lib/switch/index.less +45 -0
- package/lib/tabs/tabs.less +125 -0
- package/lib/time-picker/TimePicker.d.ts +9 -0
- package/lib/time-picker/TimePicker.d.ts.map +1 -0
- package/lib/time-picker/TimePicker.js +47 -0
- package/lib/time-picker/TimePicker.js.map +1 -0
- package/lib/time-picker/index.less +38 -0
- package/lib/tntd-action/index.less +114 -0
- package/lib/tntd-select/index.less +7 -0
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { CheckboxGroupProps as AntdCheckboxGroupProps, CheckboxProps as AntdCheckboxProps } from 'antd/es/checkbox';
|
|
2
|
+
import AntdCheckbox from 'antd/es/checkbox';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export * from 'antd/es/checkbox';
|
|
5
|
+
export declare type CheckboxProps = AntdCheckboxProps & {
|
|
6
|
+
desc?: string | React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
};
|
|
11
|
+
interface CheckboxComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {
|
|
12
|
+
Group: React.FC<CheckboxGroupProps>;
|
|
13
|
+
}
|
|
14
|
+
declare const Checkbox: CheckboxComponent;
|
|
15
|
+
export default Checkbox;
|
|
16
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,aAAa,IAAI,iBAAiB,EACnC,MAAM,kBAAkB,CAAA;AACzB,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAI3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,cAAc,kBAAkB,CAAA;AAEhC,oBAAY,aAAa,GAAG,iBAAiB,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,oBAAY,kBAAkB,GAAG,sBAAsB,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC1F,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAA;CACpC;AAID,QAAA,MAAM,QAAQ,mBAmBQ,CAAA;AAsBtB,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
26
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
27
|
+
};
|
|
28
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
+
var t = {};
|
|
30
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
+
t[p] = s[p];
|
|
32
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
+
t[p[i]] = s[p[i]];
|
|
36
|
+
}
|
|
37
|
+
return t;
|
|
38
|
+
};
|
|
39
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
40
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
41
|
+
};
|
|
42
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
43
|
+
const checkbox_1 = __importDefault(require("antd/es/checkbox"));
|
|
44
|
+
const config_provider_1 = require("antd/es/config-provider");
|
|
45
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
46
|
+
const react_1 = __importStar(require("react"));
|
|
47
|
+
const connect_1 = require("../connect");
|
|
48
|
+
const preview_text_1 = require("../preview-text");
|
|
49
|
+
__exportStar(require("antd/es/checkbox"), exports);
|
|
50
|
+
const tntPrefixCls = 'tnt-checkbox';
|
|
51
|
+
const Checkbox = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
|
+
var { className, children, desc } = _a, rest = __rest(_a, ["className", "children", "desc"]);
|
|
53
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, () => {
|
|
54
|
+
return (react_1.default.createElement(checkbox_1.default, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, tntPrefixCls) }), children ? (react_1.default.createElement("span", { className: `${tntPrefixCls}-children` },
|
|
55
|
+
react_1.default.createElement("span", null, children),
|
|
56
|
+
!!desc && react_1.default.createElement("span", { className: `${tntPrefixCls}-desc` }, desc))) : undefined));
|
|
57
|
+
}));
|
|
58
|
+
});
|
|
59
|
+
const CheckboxGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
60
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
61
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, () => {
|
|
62
|
+
return (react_1.default.createElement(checkbox_1.default.Group, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, `${tntPrefixCls}-group`) })));
|
|
63
|
+
}));
|
|
64
|
+
});
|
|
65
|
+
Checkbox.Group = (0, connect_1.connectReadonlyComponent)(CheckboxGroup, preview_text_1.PreviewText.Select);
|
|
66
|
+
exports.default = Checkbox;
|
|
67
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,gEAA2C;AAE3C,6DAAwD;AACxD,4DAAmC;AACnC,+CAAyC;AACzC,wCAAqD;AACrD,kDAA6C;AAE7C,mDAAgC;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,kBAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC,KAC7E,QAAQ,CAAC,CAAC,CAAC,CACV,wCAAM,SAAS,EAAE,GAAG,YAAY,WAAW;YACzC,4CAAO,QAAQ,CAAQ;YACtB,CAAC,CAAC,IAAI,IAAI,wCAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACR,CAAC,CAAC,CAAC,SAAS,CACA,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,kBAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,IAAA,kCAAwB,EAAC,aAAa,EAAE,0BAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,kBAAe,QAAQ,CAAA","sourcesContent":["import type {\n CheckboxGroupProps as AntdCheckboxGroupProps,\n CheckboxProps as AntdCheckboxProps,\n} from 'antd/es/checkbox'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/checkbox'\n\nexport type CheckboxProps = AntdCheckboxProps & {\n desc?: string | React.ReactNode\n}\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\ninterface CheckboxComponent\n extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {\n Group: React.FC<CheckboxGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-checkbox'\n\nconst Checkbox = forwardRef<AntdCheckbox, CheckboxProps>(\n ({ className, children, desc, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n {children ? (\n <span className={`${tntPrefixCls}-children`}>\n <span>{children}</span>\n {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n </span>\n ) : undefined}\n </AntdCheckbox>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as CheckboxComponent\n\nconst CheckboxGroup = forwardRef<AntdCheckboxGroup, CheckboxGroupProps>(\n ({ className, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdCheckbox.Group\n {...rest}\n ref={ref}\n className={classNames(className, `${tntPrefixCls}-group`)}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n)\n\nCheckbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select)\n\nexport default Checkbox\n"]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
|
|
2
|
+
@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
|
|
3
|
+
|
|
4
|
+
.tnt-checkbox,
|
|
5
|
+
.tnt-checkbox-group {
|
|
6
|
+
.@{checkbox-prefix-cls}-indeterminate {
|
|
7
|
+
.@{checkbox-inner-prefix-cls} {
|
|
8
|
+
background-color: @checkbox-color;
|
|
9
|
+
border-color: @checkbox-color;
|
|
10
|
+
}
|
|
11
|
+
.@{checkbox-inner-prefix-cls}::after {
|
|
12
|
+
@indeterminate-width: calc(@checkbox-size - 8px);
|
|
13
|
+
@indeterminate-height: 1.4px;
|
|
14
|
+
|
|
15
|
+
width: @indeterminate-width;
|
|
16
|
+
height: @indeterminate-height;
|
|
17
|
+
background-color: @component-background;
|
|
18
|
+
border-radius: 2px;
|
|
19
|
+
transition: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&.@{checkbox-prefix-cls}-disabled {
|
|
23
|
+
.@{checkbox-inner-prefix-cls} {
|
|
24
|
+
background: @checkbox-check-disabled-color;
|
|
25
|
+
border-color: @checkbox-check-disabled-color !important;
|
|
26
|
+
|
|
27
|
+
&::after {
|
|
28
|
+
background-color: #fff;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.@{checkbox-prefix-cls}-checked {
|
|
35
|
+
&.@{checkbox-prefix-cls}-disabled {
|
|
36
|
+
.@{checkbox-inner-prefix-cls} {
|
|
37
|
+
background: @checkbox-check-disabled-color;
|
|
38
|
+
border-color: @checkbox-check-disabled-color !important;
|
|
39
|
+
&::after {
|
|
40
|
+
border-color: #fff;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.@{checkbox-inner-prefix-cls}::after {
|
|
46
|
+
width: 16px;
|
|
47
|
+
height: 16px;
|
|
48
|
+
border-width: 0;
|
|
49
|
+
background-image: url(./check.png);
|
|
50
|
+
background-size: contain;
|
|
51
|
+
transform: translate(-25%, -50%);
|
|
52
|
+
transition: none;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.tnt-checkbox {
|
|
58
|
+
& > span:nth-of-type(2) {
|
|
59
|
+
display: inline-block;
|
|
60
|
+
}
|
|
61
|
+
&-children {
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
}
|
|
65
|
+
&-desc {
|
|
66
|
+
font-size: @font-size-sm;
|
|
67
|
+
color: @bg-color-spotilight-tint-50;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DatePickerProps as AntdDatePickerProps, MonthPickerProps as AntMonthPickerProps, RangePickerProps as AntRangePickerProps, WeekPickerProps as AntWeekPickerProps } from 'antd/es/date-picker/interface';
|
|
3
|
+
export * from 'antd/es/date-picker';
|
|
4
|
+
export * from 'antd/es/date-picker/interface';
|
|
5
|
+
export declare const TntDatePicker: React.FC<AntdDatePickerProps & {
|
|
6
|
+
theme?: string;
|
|
7
|
+
readonly?: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const TntMonthPicker: React.FC<AntMonthPickerProps & {
|
|
10
|
+
theme?: string;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const TntWeekPicker: React.FC<AntWeekPickerProps & {
|
|
14
|
+
theme?: string;
|
|
15
|
+
readonly?: boolean;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const TntRangePicker: React.FC<AntRangePickerProps & {
|
|
18
|
+
theme?: string;
|
|
19
|
+
readonly?: boolean;
|
|
20
|
+
}>;
|
|
21
|
+
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,gBAAgB,IAAI,mBAAmB,EACvC,gBAAgB,IAAI,mBAAmB,EACvC,eAAe,IAAI,kBAAkB,EACtC,MAAM,+BAA+B,CAAA;AAItC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAG7C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAoB7D,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB7D,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB5D,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB7D,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
27
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
28
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
29
|
+
};
|
|
30
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
31
|
+
exports.TntRangePicker = exports.TntWeekPicker = exports.TntMonthPicker = exports.TntDatePicker = void 0;
|
|
32
|
+
const react_1 = __importDefault(require("react"));
|
|
33
|
+
const icon_1 = __importDefault(require("../icon"));
|
|
34
|
+
const config_provider_1 = require("antd/es/config-provider");
|
|
35
|
+
const date_picker_1 = __importDefault(require("antd/es/date-picker"));
|
|
36
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
37
|
+
__exportStar(require("antd/es/date-picker"), exports);
|
|
38
|
+
__exportStar(require("antd/es/date-picker/interface"), exports);
|
|
39
|
+
const { MonthPicker, WeekPicker, RangePicker } = date_picker_1.default;
|
|
40
|
+
const TntDatePicker = (props) => {
|
|
41
|
+
//theme样式类型 outline | fill 默认 outline
|
|
42
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
43
|
+
const defaultIcon = react_1.default.createElement(icon_1.default, { type: "calendar-3" });
|
|
44
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
45
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
46
|
+
return (react_1.default.createElement(date_picker_1.default, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: (0, classnames_1.default)(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
47
|
+
}));
|
|
48
|
+
};
|
|
49
|
+
exports.TntDatePicker = TntDatePicker;
|
|
50
|
+
const TntMonthPicker = (props) => {
|
|
51
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
52
|
+
const defaultIcon = react_1.default.createElement(icon_1.default, { type: "calendar-3" });
|
|
53
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
54
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
55
|
+
return (react_1.default.createElement(MonthPicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: (0, classnames_1.default)(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
56
|
+
}));
|
|
57
|
+
};
|
|
58
|
+
exports.TntMonthPicker = TntMonthPicker;
|
|
59
|
+
const TntWeekPicker = (props) => {
|
|
60
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
61
|
+
const defaultIcon = react_1.default.createElement(icon_1.default, { type: "calendar-3" });
|
|
62
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
63
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
64
|
+
return (react_1.default.createElement(WeekPicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: (0, classnames_1.default)(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
65
|
+
}));
|
|
66
|
+
};
|
|
67
|
+
exports.TntWeekPicker = TntWeekPicker;
|
|
68
|
+
const TntRangePicker = (props) => {
|
|
69
|
+
const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
|
|
70
|
+
const defaultIcon = react_1.default.createElement(icon_1.default, { type: "calendar-3" });
|
|
71
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
72
|
+
const prefixCls = getPrefixCls('date-picker');
|
|
73
|
+
return (react_1.default.createElement(RangePicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: (0, classnames_1.default)(className, `${prefixCls}-${theme}`) }, restProps)));
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
exports.TntRangePicker = TntRangePicker;
|
|
77
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type {\n DatePickerProps as AntdDatePickerProps,\n MonthPickerProps as AntMonthPickerProps,\n RangePickerProps as AntRangePickerProps,\n WeekPickerProps as AntWeekPickerProps,\n} from 'antd/es/date-picker/interface'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdDatePicker from 'antd/es/date-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/date-picker'\nexport * from 'antd/es/date-picker/interface'\nconst { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker\n\nexport const TntDatePicker: React.FC<\n AntdDatePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n //theme样式类型 outline | fill 默认 outline\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <AntdDatePicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntMonthPicker: React.FC<\n AntMonthPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <MonthPicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntWeekPicker: React.FC<\n AntWeekPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <WeekPicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport const TntRangePicker: React.FC<\n AntRangePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n const { theme = 'outline', className, suffixIcon, ...restProps } = props\n const defaultIcon = <Icon type=\"calendar-3\" />\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('date-picker')\n return (\n <RangePicker\n suffixIcon={suffixIcon || defaultIcon}\n className={classNames(className, `${prefixCls}-${theme}`)}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n"]}
|
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
@import '../style/themes/index';
|
|
2
|
+
|
|
3
|
+
@datepicker-prefix-cls: ~'@{ant-prefix}-date-picker';
|
|
4
|
+
@calendar-prefix-cls: ~'@{ant-prefix}-calendar';
|
|
5
|
+
@calendar-timepicker-prefix-cls: ~'@{ant-prefix}-calendar-time-picker';
|
|
6
|
+
|
|
7
|
+
.@{calendar-prefix-cls}-picker-container{
|
|
8
|
+
.@{calendar-prefix-cls}{
|
|
9
|
+
// margin-top: 42px;
|
|
10
|
+
.@{calendar-prefix-cls}-input-wrap{
|
|
11
|
+
// display: none;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.@{calendar-prefix-cls}-range{
|
|
15
|
+
// margin-top: 42px;
|
|
16
|
+
.@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
|
|
17
|
+
// display: none;
|
|
18
|
+
}
|
|
19
|
+
.@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
|
|
20
|
+
// top: 0
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
.@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
|
|
24
|
+
// margin-top: 42px;
|
|
25
|
+
}
|
|
26
|
+
//.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
|
|
27
|
+
// background-color: @white;
|
|
28
|
+
//}
|
|
29
|
+
.@{calendar-prefix-cls}:not(.@{calendar-prefix-cls}-range){
|
|
30
|
+
.@{calendar-prefix-cls}-selected-date .@{calendar-prefix-cls}-date{
|
|
31
|
+
background-color: @blue-6;
|
|
32
|
+
color: @white;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
//Picker
|
|
38
|
+
.@{calendar-prefix-cls}-picker{
|
|
39
|
+
input,.@{calendar-prefix-cls}-picker-input{
|
|
40
|
+
border-color: @border-color-secondary;
|
|
41
|
+
color: @text-color;
|
|
42
|
+
&:focus{
|
|
43
|
+
border-color: @blue-5;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&:has(input:not([value=''])),&:hover {
|
|
47
|
+
.@{calendar-prefix-cls}-picker-icon{
|
|
48
|
+
color: @text-color-secondary;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
&:has(input[disabled]){
|
|
52
|
+
.@{calendar-prefix-cls}-picker-icon{
|
|
53
|
+
color: @disabled-color;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
.@{calendar-prefix-cls}-picker-icon{
|
|
57
|
+
width: auto;
|
|
58
|
+
height: @font-size-lg;
|
|
59
|
+
font-size: @font-size-lg;
|
|
60
|
+
}
|
|
61
|
+
.@{calendar-prefix-cls}-picker-clear{
|
|
62
|
+
color: tint(@bg-color-spotilight, 50%);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
.@{datepicker-prefix-cls}{
|
|
66
|
+
&-fill{
|
|
67
|
+
.@{calendar-prefix-cls}-picker{
|
|
68
|
+
&-input {
|
|
69
|
+
&.@{ant-prefix}-input {
|
|
70
|
+
background-color: @fill-color-quaternary;
|
|
71
|
+
border-color: @fill-color-quaternary;
|
|
72
|
+
&-disabled {
|
|
73
|
+
border: none;
|
|
74
|
+
pointer-events: none;
|
|
75
|
+
background: @disabled-bg;
|
|
76
|
+
}
|
|
77
|
+
&:focus{
|
|
78
|
+
background-color: @white;
|
|
79
|
+
border-color: @blue-5;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
&:not([value='']):hover {
|
|
83
|
+
background-color: @white;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
//Calender
|
|
91
|
+
.@{calendar-prefix-cls}{
|
|
92
|
+
&-footer {
|
|
93
|
+
&-extra {
|
|
94
|
+
.@{ant-prefix}-tag{
|
|
95
|
+
color: @text-color;
|
|
96
|
+
border: none;
|
|
97
|
+
background-color: @white;
|
|
98
|
+
&:hover{
|
|
99
|
+
color: @blue-6;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
thead tr{
|
|
106
|
+
border-bottom: none;
|
|
107
|
+
}
|
|
108
|
+
table th{
|
|
109
|
+
background-color: @white;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
//RangePicker
|
|
114
|
+
.@{calendar-prefix-cls}-range{
|
|
115
|
+
.@{calendar-prefix-cls}-in-range-cell,
|
|
116
|
+
.@{calendar-prefix-cls}-selected-start-date,
|
|
117
|
+
.@{calendar-prefix-cls}-selected-end-date {
|
|
118
|
+
position: relative;
|
|
119
|
+
border-radius: 0;
|
|
120
|
+
> div {
|
|
121
|
+
position: relative;
|
|
122
|
+
z-index: 1;
|
|
123
|
+
}
|
|
124
|
+
&::before {
|
|
125
|
+
position: absolute;
|
|
126
|
+
top: 3px;
|
|
127
|
+
right: 0;
|
|
128
|
+
bottom: 3px;
|
|
129
|
+
left: 0;
|
|
130
|
+
display: block;
|
|
131
|
+
background: @item-active-bg;
|
|
132
|
+
border: 0;
|
|
133
|
+
border-radius: 0;
|
|
134
|
+
content: '';
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
.@{calendar-prefix-cls}-selected-start-date{
|
|
138
|
+
&::before{
|
|
139
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
140
|
+
}
|
|
141
|
+
&::after {
|
|
142
|
+
position: absolute;
|
|
143
|
+
bottom: -2px;
|
|
144
|
+
left: 16px;
|
|
145
|
+
display: block;
|
|
146
|
+
background: @blue-6;
|
|
147
|
+
border: 0;
|
|
148
|
+
border-radius: 50%;
|
|
149
|
+
width: 4px;
|
|
150
|
+
height: 4px;
|
|
151
|
+
content: '';
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
//ant-calendar-last-day-of-month
|
|
155
|
+
//ant-calendar-last-month-cell ant-calendar-last-day-of-month
|
|
156
|
+
.@{calendar-prefix-cls}-selected-end-date{
|
|
157
|
+
&::before{
|
|
158
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
.@{calendar-prefix-cls}-selected-start-date.@{calendar-prefix-cls}-selected-end-date{
|
|
162
|
+
&::before{
|
|
163
|
+
border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
tr .@{calendar-prefix-cls}-in-range-cell:first-child{
|
|
167
|
+
&::before{
|
|
168
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
tr .@{calendar-prefix-cls}-selected-end-date:first-child,
|
|
172
|
+
tr .@{calendar-prefix-cls}-selected-start-date:last-child{
|
|
173
|
+
&::before{
|
|
174
|
+
border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
tr .@{calendar-prefix-cls}-in-range-cell:last-child{
|
|
178
|
+
&::before{
|
|
179
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
.@{calendar-prefix-cls}-cell{
|
|
183
|
+
height: 38px;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
//MonthPanel
|
|
188
|
+
.@{calendar-prefix-cls}-month-panel-month {
|
|
189
|
+
border-radius: @border-radius-base;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
//WeekPicker
|
|
193
|
+
.@{calendar-prefix-cls}-week-number {
|
|
194
|
+
&-cell {
|
|
195
|
+
opacity: 1;
|
|
196
|
+
font-weight: normal;
|
|
197
|
+
color: @text-color-tertiary !important;
|
|
198
|
+
}
|
|
199
|
+
.@{calendar-prefix-cls}-body tr {
|
|
200
|
+
cursor: pointer;
|
|
201
|
+
transition: all 0.3s;
|
|
202
|
+
background: @white;
|
|
203
|
+
.@{calendar-prefix-cls}-date{
|
|
204
|
+
width: auto;
|
|
205
|
+
border-radius: 0;
|
|
206
|
+
font-weight: 500;
|
|
207
|
+
}
|
|
208
|
+
&:hover {
|
|
209
|
+
background: @white;
|
|
210
|
+
td:nth-child(2){
|
|
211
|
+
.@{calendar-prefix-cls}-date{
|
|
212
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
td:last-child{
|
|
216
|
+
.@{calendar-prefix-cls}-date{
|
|
217
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
.@{calendar-prefix-cls}-cell{
|
|
221
|
+
&::before{
|
|
222
|
+
top: 8px;
|
|
223
|
+
bottom: 8px;
|
|
224
|
+
}
|
|
225
|
+
.@{calendar-prefix-cls}-date{
|
|
226
|
+
background: @background-color-base;
|
|
227
|
+
&:hover{
|
|
228
|
+
background: @background-color-base;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
.@{calendar-prefix-cls}-selected-day{
|
|
232
|
+
background: @background-color-base;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
.@{calendar-prefix-cls}-week-number-cell{
|
|
236
|
+
background: @white;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
.@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
|
|
240
|
+
.@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
|
|
241
|
+
color: @text-color;
|
|
242
|
+
background: transparent;
|
|
243
|
+
}
|
|
244
|
+
&.@{calendar-prefix-cls}-active-week {
|
|
245
|
+
background: transparent;
|
|
246
|
+
td:nth-child(2){
|
|
247
|
+
.@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
|
|
248
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
td:last-child{
|
|
252
|
+
.@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
|
|
253
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
.@{calendar-prefix-cls}-cell{
|
|
257
|
+
font-weight: bold;
|
|
258
|
+
//background: @primary-color;
|
|
259
|
+
.@{calendar-prefix-cls}-date{
|
|
260
|
+
color: @text-color-inverse;
|
|
261
|
+
background: @primary-color;
|
|
262
|
+
&:hover{
|
|
263
|
+
color: @text-color-inverse;
|
|
264
|
+
background: @primary-color;
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
.@{calendar-prefix-cls}-selected-day{
|
|
268
|
+
background: @primary-color;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
|
|
273
|
+
//color: @text-color;
|
|
274
|
+
//font-weight: normal;
|
|
275
|
+
border-color: transparent;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
.@{calendar-prefix-cls}-cell{
|
|
279
|
+
height: 38px;
|
|
280
|
+
position: relative;
|
|
281
|
+
&::before {
|
|
282
|
+
position: absolute;
|
|
283
|
+
top: 3px;
|
|
284
|
+
right: 0;
|
|
285
|
+
bottom: 3px;
|
|
286
|
+
left: 0;
|
|
287
|
+
display: block;
|
|
288
|
+
border: 0;
|
|
289
|
+
border-radius: 0;
|
|
290
|
+
content: '';
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { default as AntdInputNumber } from 'antd/es/input-number';
|
|
3
|
+
import type { InputNumberProps as AntdInputNumberProps } from 'antd/es/input-number';
|
|
4
|
+
export * from 'antd/es/input-number';
|
|
5
|
+
export declare type InputNumberProps = AntdInputNumberProps & {
|
|
6
|
+
readonly?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<AntdInputNumberProps & React.RefAttributes<AntdInputNumber>, "key" | keyof AntdInputNumberProps> & React.RefAttributes<unknown>>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=inputNumber.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputNumber.d.ts","sourceRoot":"","sources":["../../src/input-number/inputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAKpF,cAAc,sBAAsB,CAAA;AAIpC,oBAAY,gBAAgB,GAAG,oBAAoB,GAAG;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;AAuBD,wBAA0E"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
26
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
27
|
+
};
|
|
28
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
+
var t = {};
|
|
30
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
+
t[p] = s[p];
|
|
32
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
+
t[p[i]] = s[p[i]];
|
|
36
|
+
}
|
|
37
|
+
return t;
|
|
38
|
+
};
|
|
39
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
40
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
41
|
+
};
|
|
42
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
43
|
+
const react_1 = __importStar(require("react"));
|
|
44
|
+
const config_provider_1 = require("../config-provider");
|
|
45
|
+
const input_number_1 = __importDefault(require("antd/es/input-number"));
|
|
46
|
+
const connect_1 = require("../connect");
|
|
47
|
+
const preview_text_1 = __importDefault(require("../preview-text"));
|
|
48
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
49
|
+
const prev_locale_1 = require("../prev-locale");
|
|
50
|
+
__exportStar(require("antd/es/input-number"), exports);
|
|
51
|
+
const defaultPlaceholder = (0, prev_locale_1.getText)('enter', (0, prev_locale_1.getLanguage)());
|
|
52
|
+
const tntPrefixCls = 'tnt-input-number';
|
|
53
|
+
const TntInputNumber = (0, react_1.forwardRef)((_a, ref) => {
|
|
54
|
+
var { className, placeholder = defaultPlaceholder } = _a, props = __rest(_a, ["className", "placeholder"]);
|
|
55
|
+
return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, () => {
|
|
56
|
+
return (react_1.default.createElement(input_number_1.default, Object.assign({ placeholder: placeholder }, props, { ref: ref, className: (0, classnames_1.default)(className, tntPrefixCls) })));
|
|
57
|
+
}));
|
|
58
|
+
});
|
|
59
|
+
exports.default = (0, connect_1.connectReadonlyComponent)(TntInputNumber, preview_text_1.default.Input);
|
|
60
|
+
//# sourceMappingURL=inputNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputNumber.js","sourceRoot":"","sources":["../../src/input-number/inputNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAmD;AACnD,wEAAiE;AAEjE,wCAAqD;AACrD,mEAAyC;AACzC,4DAAmC;AACnC,gDAAqD;AACrD,uDAAoC;AAEpC,MAAM,kBAAkB,GAAG,IAAA,qBAAO,EAAC,OAAO,EAAE,IAAA,yBAAW,GAAE,CAAC,CAAA;AAM1D,MAAM,YAAY,GAAG,kBAAkB,CAAA;AAEvC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,WAAW,GAAG,kBAAkB,OAAY,EAAP,KAAK,cAAvD,4BAAyD,CAAF;IACtD,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,sBAAe,kBACd,WAAW,EAAE,WAAW,IACpB,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC,IAC9C,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,IAAA,kCAAwB,EAAC,cAAc,EAAE,sBAAW,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdInputNumber } from 'antd/es/input-number'\nimport type { InputNumberProps as AntdInputNumberProps } from 'antd/es/input-number'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport classNames from 'classnames'\nimport { getLanguage, getText } from '../prev-locale'\nexport * from 'antd/es/input-number'\n\nconst defaultPlaceholder = getText('enter', getLanguage())\n\nexport type InputNumberProps = AntdInputNumberProps & {\n readonly?: boolean\n}\n\nconst tntPrefixCls = 'tnt-input-number'\n\nconst TntInputNumber = forwardRef<AntdInputNumber, AntdInputNumberProps>(\n ({ className, placeholder = defaultPlaceholder, ...props }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdInputNumber\n placeholder={placeholder}\n {...props}\n ref={ref}\n className={classNames(className, tntPrefixCls)}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n)\n\nexport default connectReadonlyComponent(TntInputNumber, PreviewText.Input)\n"]}
|