tntd 3.0.50 → 3.0.52
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/_util/hooks/useScrollLock.js +68 -0
- package/es/_util/hooks/useScrollLock.js.map +1 -0
- package/es/anchor/anchor.js +137 -0
- package/es/anchor/anchor.js.map +1 -0
- package/es/anchor/anchor.less +114 -0
- package/es/anchor/index.js +7 -9
- package/es/anchor/index.js.map +1 -1
- package/es/array-input/icon.js +32 -0
- package/es/array-input/icon.js.map +1 -0
- package/es/array-input/index.js +19 -7
- package/es/array-input/index.js.map +1 -1
- package/es/array-input/index.less +123 -1
- package/es/checkbox/checkbox-group.js +12 -0
- package/es/checkbox/checkbox-group.js.map +1 -0
- package/es/drawer/drawer.less +20 -0
- package/es/ellipsis/index.js +11 -1
- package/es/ellipsis/index.js.map +1 -1
- package/es/form/style/mixin.less +5 -1
- package/es/grid/RowContext.js +9 -0
- package/es/grid/RowContext.js.map +1 -0
- package/es/grid/col.js +100 -0
- package/es/grid/col.js.map +1 -0
- package/es/grid/hooks/useBreakpoint.js +28 -0
- package/es/grid/hooks/useBreakpoint.js.map +1 -0
- package/es/grid/row.js +183 -0
- package/es/grid/row.js.map +1 -0
- package/es/grid/style/rtl.less +69 -0
- package/es/page-loading/index.less +4 -4
- package/es/page-loading/loading.gif +0 -0
- package/es/radio/radio-group.js +12 -0
- package/es/radio/radio-group.js.map +1 -0
- package/es/table/total-shower.js +16 -0
- package/es/table/total-shower.js.map +1 -0
- package/es/tntd-form/style/mixin.less +3 -3
- package/es/tntd-form/style/status.less +2 -2
- package/es/tntd-rc-select/style/index.less +20 -2
- package/es/tooltip/tooltip.js +19 -5
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/simple-template.js +19 -0
- package/es/utils/simple-template.js.map +1 -0
- package/lib/_util/hooks/useScrollLock.d.ts +9 -0
- package/lib/_util/hooks/useScrollLock.d.ts.map +1 -0
- package/lib/_util/hooks/useScrollLock.js +114 -0
- package/lib/_util/hooks/useScrollLock.js.map +1 -0
- package/lib/anchor/anchor.d.ts +15 -0
- package/lib/anchor/anchor.d.ts.map +1 -0
- package/lib/anchor/anchor.js +214 -0
- package/lib/anchor/anchor.js.map +1 -0
- package/lib/anchor/anchor.less +114 -0
- package/lib/anchor/index.d.ts +3 -2
- package/lib/anchor/index.d.ts.map +1 -1
- package/lib/anchor/index.js +7 -40
- package/lib/anchor/index.js.map +1 -1
- package/lib/array-input/icon.d.ts +3 -0
- package/lib/array-input/icon.d.ts.map +1 -0
- package/lib/array-input/icon.js +36 -0
- package/lib/array-input/icon.js.map +1 -0
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +19 -7
- package/lib/array-input/index.js.map +1 -1
- package/lib/array-input/index.less +123 -1
- package/lib/checkbox/checkbox-group.d.ts +8 -0
- package/lib/checkbox/checkbox-group.d.ts.map +1 -0
- package/lib/checkbox/checkbox-group.js +16 -0
- package/lib/checkbox/checkbox-group.js.map +1 -0
- package/lib/drawer/drawer.less +20 -0
- package/lib/ellipsis/index.d.ts.map +1 -1
- package/lib/ellipsis/index.js +11 -1
- package/lib/ellipsis/index.js.map +1 -1
- package/lib/form/style/mixin.less +5 -1
- package/lib/grid/RowContext.d.ts +9 -0
- package/lib/grid/RowContext.d.ts.map +1 -0
- package/lib/grid/RowContext.js +9 -0
- package/lib/grid/RowContext.js.map +1 -0
- package/lib/grid/col.d.ts +29 -0
- package/lib/grid/col.d.ts.map +1 -0
- package/lib/grid/col.js +154 -0
- package/lib/grid/col.js.map +1 -0
- package/lib/grid/hooks/useBreakpoint.d.ts +4 -0
- package/lib/grid/hooks/useBreakpoint.d.ts.map +1 -0
- package/lib/grid/hooks/useBreakpoint.js +32 -0
- package/lib/grid/hooks/useBreakpoint.js.map +1 -0
- package/lib/grid/row.d.ts +21 -0
- package/lib/grid/row.d.ts.map +1 -0
- package/lib/grid/row.js +279 -0
- package/lib/grid/row.js.map +1 -0
- package/lib/grid/style/rtl.less +69 -0
- package/lib/notification/assets/svg-error-tip.d.ts +1 -1
- package/lib/notification/assets/svg-success-tip.d.ts +1 -1
- package/lib/page-loading/index.less +4 -4
- package/lib/page-loading/loading.gif +0 -0
- package/lib/radio/radio-group.d.ts +8 -0
- package/lib/radio/radio-group.d.ts.map +1 -0
- package/lib/radio/radio-group.js +16 -0
- package/lib/radio/radio-group.js.map +1 -0
- package/lib/segmented/index.d.ts +1 -1
- package/lib/svg-components/illustration-403.d.ts +1 -1
- package/lib/svg-components/illustration-404.d.ts +1 -1
- package/lib/svg-components/illustration-500.d.ts +1 -1
- package/lib/svg-components/illustration-empty.d.ts +1 -1
- package/lib/svg-components/illustration-failure.d.ts +1 -1
- package/lib/svg-components/illustration-no-access.d.ts +1 -1
- package/lib/svg-components/illustration-no-chart.d.ts +1 -1
- package/lib/svg-components/illustration-no-result.d.ts +1 -1
- package/lib/svg-components/illustration-offline.d.ts +1 -1
- package/lib/svg-components/illustration-success.d.ts +1 -1
- package/lib/table/assets/image-loading-background.d.ts +1 -1
- package/lib/table/assets/image-loading.d.ts +1 -1
- package/lib/table/total-shower.d.ts +9 -0
- package/lib/table/total-shower.d.ts.map +1 -0
- package/lib/table/total-shower.js +20 -0
- package/lib/table/total-shower.js.map +1 -0
- package/lib/tntd-form/style/mixin.less +3 -3
- package/lib/tntd-form/style/status.less +2 -2
- package/lib/tntd-rc-select/style/index.less +20 -2
- package/lib/tooltip/tooltip.d.ts +1 -0
- package/lib/tooltip/tooltip.d.ts.map +1 -1
- package/lib/tooltip/tooltip.js +23 -9
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/simple-template.d.ts +9 -0
- package/lib/utils/simple-template.d.ts.map +1 -0
- package/lib/utils/simple-template.js +19 -0
- package/lib/utils/simple-template.js.map +1 -0
- package/package.json +2 -2
- package/es/query-form/Field/Composition/FieldPopover.js +0 -457
- package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/es/query-form/Field/Composition/FieldPopover.less +0 -35
- package/es/query-form/Field/Composition/Select.js +0 -253
- package/es/query-form/Field/Composition/Select.js.map +0 -1
- package/es/query-form/Field/Composition/SelectInput.js +0 -111
- package/es/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/es/query-form/Field/Composition/ValueTag.js +0 -239
- package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/es/query-form/Field/Composition/index.js +0 -441
- package/es/query-form/Field/Composition/index.js.map +0 -1
- package/es/query-form/Field/Composition/index.less +0 -145
- package/es/query-form/Field/Composition/utils.js +0 -173
- package/es/query-form/Field/Composition/utils.js.map +0 -1
- package/es/query-form-v2/index.less +0 -133
- package/es/scroll-bar/Bar.js +0 -168
- package/es/scroll-bar/Bar.js.map +0 -1
- package/es/scroll-bar/Context.js +0 -17
- package/es/scroll-bar/Context.js.map +0 -1
- package/es/scroll-bar/ScrollBar.js +0 -132
- package/es/scroll-bar/ScrollBar.js.map +0 -1
- package/es/scroll-bar/Thumb.js +0 -202
- package/es/scroll-bar/Thumb.js.map +0 -1
- package/es/scroll-bar/index.js +0 -14
- package/es/scroll-bar/index.js.map +0 -1
- package/es/scroll-bar/scrollBar.less +0 -59
- package/es/scroll-bar/util.js +0 -66
- package/es/scroll-bar/util.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
- package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +0 -457
- package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
- package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
- package/lib/query-form/Field/Composition/Select.d.ts +0 -4
- package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/Select.js +0 -253
- package/lib/query-form/Field/Composition/Select.js.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.d.ts +0 -3
- package/lib/query-form/Field/Composition/SelectInput.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/SelectInput.js +0 -111
- package/lib/query-form/Field/Composition/SelectInput.js.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -13
- package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/ValueTag.js +0 -239
- package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
- package/lib/query-form/Field/Composition/index.d.ts +0 -15
- package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/index.js +0 -441
- package/lib/query-form/Field/Composition/index.js.map +0 -1
- package/lib/query-form/Field/Composition/index.less +0 -145
- package/lib/query-form/Field/Composition/utils.d.ts +0 -21
- package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
- package/lib/query-form/Field/Composition/utils.js +0 -173
- package/lib/query-form/Field/Composition/utils.js.map +0 -1
- package/lib/query-form-v2/index.less +0 -133
- package/lib/scroll-bar/Bar.d.ts +0 -4
- package/lib/scroll-bar/Bar.d.ts.map +0 -1
- package/lib/scroll-bar/Bar.js +0 -168
- package/lib/scroll-bar/Bar.js.map +0 -1
- package/lib/scroll-bar/Context.d.ts +0 -7
- package/lib/scroll-bar/Context.d.ts.map +0 -1
- package/lib/scroll-bar/Context.js +0 -17
- package/lib/scroll-bar/Context.js.map +0 -1
- package/lib/scroll-bar/ScrollBar.d.ts +0 -4
- package/lib/scroll-bar/ScrollBar.d.ts.map +0 -1
- package/lib/scroll-bar/ScrollBar.js +0 -132
- package/lib/scroll-bar/ScrollBar.js.map +0 -1
- package/lib/scroll-bar/Thumb.d.ts +0 -3
- package/lib/scroll-bar/Thumb.d.ts.map +0 -1
- package/lib/scroll-bar/Thumb.js +0 -202
- package/lib/scroll-bar/Thumb.js.map +0 -1
- package/lib/scroll-bar/index.d.ts +0 -3
- package/lib/scroll-bar/index.d.ts.map +0 -1
- package/lib/scroll-bar/index.js +0 -14
- package/lib/scroll-bar/index.js.map +0 -1
- package/lib/scroll-bar/scrollBar.less +0 -59
- package/lib/scroll-bar/util.d.ts +0 -40
- package/lib/scroll-bar/util.d.ts.map +0 -1
- package/lib/scroll-bar/util.js +0 -66
- package/lib/scroll-bar/util.js.map +0 -1
|
@@ -1,28 +1,150 @@
|
|
|
1
|
+
@import '../style/themes/index';
|
|
2
|
+
@import '../style/mixins/index';
|
|
3
|
+
@import '../form/style/mixin.less';
|
|
4
|
+
|
|
5
|
+
@form-prefix-cls: ~'@{ant-prefix}-form';
|
|
6
|
+
|
|
1
7
|
.tntd-array-input {
|
|
8
|
+
line-height: 1.5;
|
|
9
|
+
|
|
2
10
|
&-item {
|
|
3
11
|
margin-bottom: 10px;
|
|
4
12
|
}
|
|
13
|
+
|
|
5
14
|
.ant-col,
|
|
6
15
|
.ant-table-row {
|
|
7
16
|
.ant-select {
|
|
8
17
|
width: 100%;
|
|
9
18
|
}
|
|
10
19
|
}
|
|
20
|
+
|
|
11
21
|
.mr10 {
|
|
12
22
|
margin-right: 10px;
|
|
13
23
|
}
|
|
24
|
+
|
|
14
25
|
.mt10 {
|
|
15
26
|
margin-top: 10px;
|
|
16
27
|
}
|
|
28
|
+
|
|
17
29
|
&-action {
|
|
18
30
|
line-height: @btn-height-base;
|
|
19
|
-
|
|
31
|
+
|
|
32
|
+
>span {
|
|
20
33
|
cursor: pointer;
|
|
21
34
|
}
|
|
22
35
|
}
|
|
36
|
+
|
|
23
37
|
.drag-btn {
|
|
24
38
|
border: none;
|
|
25
39
|
background-color: transparent;
|
|
26
40
|
cursor: move;
|
|
27
41
|
}
|
|
28
42
|
}
|
|
43
|
+
|
|
44
|
+
.has-error {
|
|
45
|
+
.tntd-array-input-hide-error {
|
|
46
|
+
.form-control-validation(@text-color; @border-color-base; @component-background; );
|
|
47
|
+
|
|
48
|
+
&.has-feedback .@{form-prefix-cls}-item-children-icon {
|
|
49
|
+
color: @text-color;
|
|
50
|
+
animation-name: diffZoomIn2 !important;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
//select
|
|
54
|
+
.@{ant-prefix}-select {
|
|
55
|
+
&-selection {
|
|
56
|
+
border-color: @input-border-color;
|
|
57
|
+
|
|
58
|
+
&:hover {
|
|
59
|
+
border-color: @primary-color;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&-open .@{ant-prefix}-select-selection,
|
|
64
|
+
&-focused .@{ant-prefix}-select-selection {
|
|
65
|
+
.active();
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.@{ant-prefix}-select.@{ant-prefix}-select-auto-complete {
|
|
70
|
+
.@{ant-prefix}-input:focus {
|
|
71
|
+
border-color: @primary-color;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.@{ant-prefix}-input-group-addon .@{ant-prefix}-select {
|
|
76
|
+
&-selection {
|
|
77
|
+
border-color: transparent;
|
|
78
|
+
box-shadow: none;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// arrow and icon
|
|
83
|
+
.@{ant-prefix}-calendar-picker-icon::after,
|
|
84
|
+
.@{ant-prefix}-time-picker-icon::after,
|
|
85
|
+
.@{ant-prefix}-picker-icon::after,
|
|
86
|
+
.@{ant-prefix}-select-arrow,
|
|
87
|
+
.@{ant-prefix}-cascader-picker-arrow {
|
|
88
|
+
color: @disabled-color;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
//input-number, timepicker
|
|
92
|
+
.@{ant-prefix}-input-number,
|
|
93
|
+
.@{ant-prefix}-time-picker-input {
|
|
94
|
+
border-color: @input-border-color;
|
|
95
|
+
|
|
96
|
+
&-focused,
|
|
97
|
+
&:focus {
|
|
98
|
+
.active();
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&:not([disabled]):hover {
|
|
102
|
+
border-color: @primary-color;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.@{ant-prefix}-mention-wrapper {
|
|
107
|
+
.@{ant-prefix}-mention-editor {
|
|
108
|
+
|
|
109
|
+
&,
|
|
110
|
+
&:not([disabled]):hover {
|
|
111
|
+
border-color: @primary-color;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&.@{ant-prefix}-mention-active:not([disabled]) .@{ant-prefix}-mention-editor,
|
|
116
|
+
.@{ant-prefix}-mention-editor:not([disabled]):focus {
|
|
117
|
+
.active();
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.@{ant-prefix}-cascader-picker {
|
|
122
|
+
&:focus .@{ant-prefix}-cascader-input {
|
|
123
|
+
.active();
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&:hover .@{ant-prefix}-cascader-input {
|
|
127
|
+
border-color: @input-border-color;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// transfer
|
|
132
|
+
.@{ant-prefix}-transfer {
|
|
133
|
+
&-list {
|
|
134
|
+
border-color: @input-border-color;
|
|
135
|
+
|
|
136
|
+
&-search:not([disabled]) {
|
|
137
|
+
border-color: @input-border-color;
|
|
138
|
+
|
|
139
|
+
&:hover {
|
|
140
|
+
.hover();
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
&:focus {
|
|
144
|
+
.active();
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
require("react");
|
|
8
|
+
var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
|
|
9
|
+
var _connect = require("../connect");
|
|
10
|
+
var _previewText = require("../preview-text");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
|
+
var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(_checkbox["default"].Group, _previewText.PreviewText.Select);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,eAAe,wBAAwB,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport Checkbox from 'antd/es/checkbox'\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Checkbox.Group, PreviewText.Select)\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
|
|
2
|
+
|
|
3
|
+
.tntd-drawer{
|
|
4
|
+
&.@{drawer-prefix-cls} {
|
|
5
|
+
.@{drawer-prefix-cls}-title {
|
|
6
|
+
font-size: @font-size-lg + 2px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.@{drawer-prefix-cls}-close {
|
|
10
|
+
color: fade(@text-color, 50%);;
|
|
11
|
+
top: -4px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.@{drawer-prefix-cls}-contain-closable{
|
|
15
|
+
.@{drawer-prefix-cls}-header{
|
|
16
|
+
padding: 12px 36px 12px 20px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
package/es/ellipsis/index.js
CHANGED
|
@@ -11,6 +11,7 @@ var _popover2 = _interopRequireDefault(require("../popover"));
|
|
|
11
11
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
12
12
|
var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
|
|
13
13
|
var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
|
|
14
|
+
var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
|
|
14
15
|
require("./index.less");
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -58,7 +59,8 @@ var _default = exports["default"] = function _default(props) {
|
|
|
58
59
|
prefix = props.prefix,
|
|
59
60
|
suffix = props.suffix,
|
|
60
61
|
_props$needRefresh = props.needRefresh,
|
|
61
|
-
needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh
|
|
62
|
+
needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh,
|
|
63
|
+
enableScrollObserver = props.enableScrollObserver;
|
|
62
64
|
var _useState = (0, _react.useState)(1),
|
|
63
65
|
_useState2 = _slicedToArray(_useState, 2),
|
|
64
66
|
renderId = _useState2[0],
|
|
@@ -83,6 +85,14 @@ var _default = exports["default"] = function _default(props) {
|
|
|
83
85
|
lineHeight = _useState10[0],
|
|
84
86
|
setLineHeight = _useState10[1];
|
|
85
87
|
var elementRef = (0, _react.useRef)();
|
|
88
|
+
var isScrolling = (0, _useScrollLock["default"])({
|
|
89
|
+
enableScrollObserver: enableScrollObserver
|
|
90
|
+
});
|
|
91
|
+
(0, _react.useEffect)(function () {
|
|
92
|
+
if (isScrolling) {
|
|
93
|
+
setTipVisible(false);
|
|
94
|
+
}
|
|
95
|
+
}, [isScrolling]);
|
|
86
96
|
var computeElement = function computeElement() {
|
|
87
97
|
elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
|
|
88
98
|
if (elementRef.current) {
|
package/es/ellipsis/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0; // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n e.setAttribute('style', '');\n if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n let styleStr = 'overflow:visible; ';\n if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n styleStr += 'max-width:100%;';\n }\n e.parentNode.setAttribute('style', styleStr);\n e.setAttribute('style', 'overflow:inherit');\n } else {\n e.setAttribute('style', '');\n }\n return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (props) => {\n let {\n _popover = props.Popover, // `Popover` or `Tooltip` ?\n title, // in most cases for `Tooltip`\n content, // in most cases for `Popover`\n className,\n style,\n widthLimit, // width trigger value\n _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n children, // children Node\n emptyText, // default: null\n _copyable = props.copyable, // copy function\n prefix, // 前缀dom\n suffix, // 后缀dom\n needRefresh = true // select.options的情况下不要刷新\n } = props;\n\n const [renderId, setRenderId] = useState(1);\n // allow visible or not state\n const [flag, setFlag] = useState(true);\n // visible[Tooltip/Popover] state\n const [tipVisible, setTipVisible] = useState(false);\n // copy animation state\n const [hasCopy, setHasCopy] = useState(false);\n const [lineHeight, setLineHeight] = useState();\n\n const elementRef = useRef();\n\n const computeElement = () => {\n elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n\n if (elementRef.current) {\n setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));\n }\n };\n useEffect(() => {\n return () => {\n elementRef.current = null; // 清理引用\n };\n }, []);\n useLayoutEffect(() => {\n if (needRefresh) {\n setRenderId((id) => id + 1);\n } else {\n if (renderId < 2) {\n setRenderId((id) => id + 1);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [title, needRefresh, content, children]);\n\n useEffect(() => {\n computeElement();\n }, [renderId]);\n\n useEffect(() => {\n const handleResize = () => computeElement();\n window.addEventListener('resize', handleResize);\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n // original Node\n const inner = typeof children === 'string' ? children : _popover ? content : title;\n\n // for className\n const getClassName = `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;\n\n // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n const handleVisibleChange = (visible) => {\n // const { onVisibleChange } = props;\n // onVisibleChange(visible);\n flag && setTipVisible(visible);\n };\n\n // onClick Copy Button\n const handleCopy = (innerText) => {\n copy(innerText);\n setHasCopy(!hasCopy);\n const timer = setTimeout(() => {\n setHasCopy(false);\n }, 1000);\n return () => clearTimeout(timer); // 清除定时器\n };\n\n const renderNode = () => {\n const popoverNode = (\n <Popover\n {...props}\n content={content || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}>\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || content}\n </div>\n </Popover>\n );\n\n const tooltipNode = (\n <Tooltip {...props} title={title || children} visible={tipVisible} onVisibleChange={(visible) => handleVisibleChange(visible)}>\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || title}\n </div>\n </Tooltip>\n );\n\n return _popover ? popoverNode : tooltipNode;\n };\n\n return (\n <>\n <div\n className=\"tntd-ellipsis\"\n style={{\n ...style,\n maxWidth: widthLimit\n }}>\n {/* prefix */}\n {prefix && prefix}\n {/* content */}\n <div className={getClassName} key={renderId}>\n {inner || inner === 0 ? renderNode() : emptyText}\n </div>\n {/* suffix */}\n {!!suffix && suffix}\n {/* copyable button */}\n {(inner || inner === 0) && _copyable && lineHeight && (\n <div\n className=\"svg-button\"\n style={{\n height: lineHeight\n }}\n onClick={() => handleCopy(elementRef.current.innerText)}>\n {!hasCopy ? (\n <CopySVG\n style={{\n height: lineHeight\n }}\n />\n ) : (\n <TickSVG\n style={{\n height: lineHeight\n }}\n />\n )}\n </div>\n )}\n </div>\n </>\n );\n};\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport useScrollLock from '../_util/hooks/useScrollLock'\nimport './index.less'\n\nconst tolerance = 0; // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n e.setAttribute('style', '');\n if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n let styleStr = 'overflow:visible; ';\n if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n styleStr += 'max-width:100%;';\n }\n e.parentNode.setAttribute('style', styleStr);\n e.setAttribute('style', 'overflow:inherit');\n } else {\n e.setAttribute('style', '');\n }\n return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;\n};\n\nexport default (props) => {\n let {\n _popover = props.Popover, // `Popover` or `Tooltip` ?\n title, // in most cases for `Tooltip`\n content, // in most cases for `Popover`\n className,\n style,\n widthLimit, // width trigger value\n _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n children, // children Node\n emptyText, // default: null\n _copyable = props.copyable, // copy function\n prefix, // 前缀dom\n suffix, // 后缀dom\n needRefresh = true, \n enableScrollObserver// select.options的情况下不要刷新\n } = props\n\n const [renderId, setRenderId] = useState(1);\n // allow visible or not state\n const [flag, setFlag] = useState(true);\n // visible[Tooltip/Popover] state\n const [tipVisible, setTipVisible] = useState(false);\n // copy animation state\n const [hasCopy, setHasCopy] = useState(false);\n const [lineHeight, setLineHeight] = useState();\n\n const elementRef = useRef();\n\n const isScrolling = useScrollLock({enableScrollObserver});\n useEffect(()=>{\n if(isScrolling) {\n setTipVisible(false)\n }\n },[isScrolling])\n \n \n const computeElement = () => {\n elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));\n\n if (elementRef.current) {\n setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));\n }\n };\n useEffect(() => {\n return () => {\n elementRef.current = null; // 清理引用\n };\n }, []);\n useLayoutEffect(() => {\n if (needRefresh) {\n setRenderId((id) => id + 1);\n } else {\n if (renderId < 2) {\n setRenderId((id) => id + 1);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [title, needRefresh, content, children]);\n\n useEffect(() => {\n computeElement();\n }, [renderId]);\n\n useEffect(() => {\n const handleResize = () => computeElement();\n window.addEventListener('resize', handleResize);\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n // original Node\n const inner = typeof children === 'string' ? children : _popover ? content : title;\n\n // for className\n const getClassName = `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;\n\n // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n const handleVisibleChange = (visible) => {\n // const { onVisibleChange } = props;\n // onVisibleChange(visible);\n flag && setTipVisible(visible);\n };\n\n // onClick Copy Button\n const handleCopy = (innerText) => {\n copy(innerText);\n setHasCopy(!hasCopy);\n const timer = setTimeout(() => {\n setHasCopy(false);\n }, 1000);\n return () => clearTimeout(timer); // 清除定时器\n };\n\n const renderNode = () => {\n const popoverNode = (\n <Popover\n {...props}\n content={content || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}>\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || content}\n </div>\n </Popover>\n );\n\n const tooltipNode = (\n <Tooltip {...props} title={title || children} visible={tipVisible} onVisibleChange={(visible) => handleVisibleChange(visible)}>\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || title}\n </div>\n </Tooltip>\n );\n\n return _popover ? popoverNode : tooltipNode;\n };\n\n return (\n <>\n <div\n className=\"tntd-ellipsis\"\n style={{\n ...style,\n maxWidth: widthLimit\n }}>\n {/* prefix */}\n {prefix && prefix}\n {/* content */}\n <div className={getClassName} key={renderId}>\n {inner || inner === 0 ? renderNode() : emptyText}\n </div>\n {/* suffix */}\n {!!suffix && suffix}\n {/* copyable button */}\n {(inner || inner === 0) && _copyable && lineHeight && (\n <div\n className=\"svg-button\"\n style={{\n height: lineHeight\n }}\n onClick={() => handleCopy(elementRef.current.innerText)}>\n {!hasCopy ? (\n <CopySVG\n style={{\n height: lineHeight\n }}\n />\n ) : (\n <TickSVG\n style={{\n height: lineHeight\n }}\n />\n )}\n </div>\n )}\n </div>\n </>\n );\n};\n"]}
|
package/es/form/style/mixin.less
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
@import '../../input/style/mixin';
|
|
2
2
|
|
|
3
3
|
.form-control-validation(@text-color: @input-color; @border-color: @input-border-color; @background-color: @input-bg) {
|
|
4
|
+
|
|
4
5
|
.@{ant-prefix}-form-explain,
|
|
5
6
|
.@{ant-prefix}-form-split {
|
|
6
7
|
color: @text-color;
|
|
7
8
|
}
|
|
9
|
+
|
|
8
10
|
// 输入框的不同校验状态
|
|
9
11
|
.@{ant-prefix}-input {
|
|
12
|
+
|
|
10
13
|
&,
|
|
11
14
|
&:hover {
|
|
12
15
|
background-color: @background-color;
|
|
@@ -29,6 +32,7 @@
|
|
|
29
32
|
// Input prefix
|
|
30
33
|
.@{ant-prefix}-input-affix-wrapper {
|
|
31
34
|
.@{ant-prefix}-input {
|
|
35
|
+
|
|
32
36
|
&,
|
|
33
37
|
&:hover {
|
|
34
38
|
background-color: @background-color;
|
|
@@ -123,4 +127,4 @@
|
|
|
123
127
|
font-size: @font-size-base;
|
|
124
128
|
line-height: @line-height-base;
|
|
125
129
|
}
|
|
126
|
-
}
|
|
130
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQrC,MAAM,UAAU,GAA6B,aAAa,CAAC,EAAE,CAAC,CAAA;AAE9D,eAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n gutter?: [number, number]\n wrap?: boolean\n supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}
|
package/es/grid/col.js
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _context = require("../_util/context");
|
|
10
|
+
var _RowContext = _interopRequireDefault(require("./RowContext"));
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
18
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
19
|
+
var t = {};
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") 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])) t[p[i]] = s[p[i]];
|
|
23
|
+
}
|
|
24
|
+
return t;
|
|
25
|
+
};
|
|
26
|
+
function parseFlex(flex) {
|
|
27
|
+
if (typeof flex === 'number') {
|
|
28
|
+
return "".concat(flex, " ").concat(flex, " auto");
|
|
29
|
+
}
|
|
30
|
+
if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
|
|
31
|
+
return "0 0 ".concat(flex);
|
|
32
|
+
}
|
|
33
|
+
return flex;
|
|
34
|
+
}
|
|
35
|
+
var sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
36
|
+
var Col = React.forwardRef(function (props, ref) {
|
|
37
|
+
var _React$useContext = React.useContext(_context.ConfigContext),
|
|
38
|
+
getPrefixCls = _React$useContext.getPrefixCls,
|
|
39
|
+
direction = _React$useContext.direction;
|
|
40
|
+
var _React$useContext2 = React.useContext(_RowContext["default"]),
|
|
41
|
+
gutter = _React$useContext2.gutter,
|
|
42
|
+
wrap = _React$useContext2.wrap,
|
|
43
|
+
supportFlexGap = _React$useContext2.supportFlexGap;
|
|
44
|
+
var _props$prefixCls = props.prefixCls,
|
|
45
|
+
customizePrefixCls = _props$prefixCls === void 0 ? 'tnt-col' : _props$prefixCls,
|
|
46
|
+
span = props.span,
|
|
47
|
+
order = props.order,
|
|
48
|
+
offset = props.offset,
|
|
49
|
+
push = props.push,
|
|
50
|
+
pull = props.pull,
|
|
51
|
+
className = props.className,
|
|
52
|
+
children = props.children,
|
|
53
|
+
flex = props.flex,
|
|
54
|
+
style = props.style,
|
|
55
|
+
others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
|
|
56
|
+
var prefixCls = getPrefixCls('col', customizePrefixCls);
|
|
57
|
+
var sizeClassObj = {};
|
|
58
|
+
sizes.forEach(function (size) {
|
|
59
|
+
var sizeProps = {};
|
|
60
|
+
var propSize = props[size];
|
|
61
|
+
if (typeof propSize === 'number') {
|
|
62
|
+
sizeProps.span = propSize;
|
|
63
|
+
} else if (_typeof(propSize) === 'object') {
|
|
64
|
+
sizeProps = propSize || {};
|
|
65
|
+
}
|
|
66
|
+
delete others[size];
|
|
67
|
+
sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(size, "-").concat(sizeProps.span), sizeProps.span !== undefined), "".concat(prefixCls, "-").concat(size, "-order-").concat(sizeProps.order), sizeProps.order || sizeProps.order === 0), "".concat(prefixCls, "-").concat(size, "-offset-").concat(sizeProps.offset), sizeProps.offset || sizeProps.offset === 0), "".concat(prefixCls, "-").concat(size, "-push-").concat(sizeProps.push), sizeProps.push || sizeProps.push === 0), "".concat(prefixCls, "-").concat(size, "-pull-").concat(sizeProps.pull), sizeProps.pull || sizeProps.pull === 0), "".concat(prefixCls, "-rtl"), direction === 'rtl'));
|
|
68
|
+
});
|
|
69
|
+
var classes = (0, _classnames["default"])(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(span), span !== undefined), "".concat(prefixCls, "-order-").concat(order), order), "".concat(prefixCls, "-offset-").concat(offset), offset), "".concat(prefixCls, "-push-").concat(push), push), "".concat(prefixCls, "-pull-").concat(pull), pull), className, sizeClassObj);
|
|
70
|
+
var mergedStyle = {};
|
|
71
|
+
// Horizontal gutter use padding
|
|
72
|
+
if (gutter && gutter[0] > 0) {
|
|
73
|
+
var horizontalGutter = gutter[0] / 2;
|
|
74
|
+
mergedStyle.paddingLeft = horizontalGutter;
|
|
75
|
+
mergedStyle.paddingRight = horizontalGutter;
|
|
76
|
+
}
|
|
77
|
+
// Vertical gutter use padding when gap not support
|
|
78
|
+
if (gutter && gutter[1] > 0 && !supportFlexGap) {
|
|
79
|
+
var verticalGutter = gutter[1] / 2;
|
|
80
|
+
mergedStyle.paddingTop = verticalGutter;
|
|
81
|
+
mergedStyle.paddingBottom = verticalGutter;
|
|
82
|
+
}
|
|
83
|
+
if (flex) {
|
|
84
|
+
mergedStyle.flex = parseFlex(flex);
|
|
85
|
+
// Hack for Firefox to avoid size issue
|
|
86
|
+
// https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
|
|
87
|
+
if (wrap === false && !mergedStyle.minWidth) {
|
|
88
|
+
mergedStyle.minWidth = 0;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
return React.createElement("div", Object.assign({}, others, {
|
|
92
|
+
style: Object.assign(Object.assign({}, mergedStyle), style),
|
|
93
|
+
className: classes,
|
|
94
|
+
ref: ref
|
|
95
|
+
}), children);
|
|
96
|
+
});
|
|
97
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
98
|
+
Col.displayName = 'Col';
|
|
99
|
+
}
|
|
100
|
+
var _default = exports["default"] = Col;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n xs?: ColSpanType | ColSize\n sm?: ColSpanType | ColSize\n md?: ColSpanType | ColSize\n lg?: ColSpanType | ColSize\n xl?: ColSpanType | ColSize\n xxl?: ColSpanType | ColSize\n prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n if (typeof flex === 'number') {\n return `${flex} ${flex} auto`\n }\n\n if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n return `0 0 ${flex}`\n }\n\n return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n const {\n prefixCls: customizePrefixCls = 'tnt-col',\n span,\n order,\n offset,\n push,\n pull,\n className,\n children,\n flex,\n style,\n ...others\n } = props\n\n const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n let sizeClassObj = {}\n sizes.forEach((size) => {\n let sizeProps: ColSize = {}\n const propSize = props[size]\n if (typeof propSize === 'number') {\n sizeProps.span = propSize\n } else if (typeof propSize === 'object') {\n sizeProps = propSize || {}\n }\n\n delete others[size]\n\n sizeClassObj = {\n ...sizeClassObj,\n [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n sizeProps.offset || sizeProps.offset === 0,\n [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }\n })\n\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-${span}`]: span !== undefined,\n [`${prefixCls}-order-${order}`]: order,\n [`${prefixCls}-offset-${offset}`]: offset,\n [`${prefixCls}-push-${push}`]: push,\n [`${prefixCls}-pull-${pull}`]: pull,\n },\n className,\n sizeClassObj\n )\n\n const mergedStyle: React.CSSProperties = {}\n // Horizontal gutter use padding\n if (gutter && gutter[0] > 0) {\n const horizontalGutter = gutter[0] / 2\n mergedStyle.paddingLeft = horizontalGutter\n mergedStyle.paddingRight = horizontalGutter\n }\n\n // Vertical gutter use padding when gap not support\n if (gutter && gutter[1] > 0 && !supportFlexGap) {\n const verticalGutter = gutter[1] / 2\n mergedStyle.paddingTop = verticalGutter\n mergedStyle.paddingBottom = verticalGutter\n }\n\n if (flex) {\n mergedStyle.flex = parseFlex(flex)\n\n // Hack for Firefox to avoid size issue\n // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n if (wrap === false && !mergedStyle.minWidth) {\n mergedStyle.minWidth = 0\n }\n }\n\n return (\n <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n {children}\n </div>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Col.displayName = 'Col'\n}\n\nexport default Col\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _useForceUpdate = _interopRequireDefault(require("../../_util/hooks/useForceUpdate"));
|
|
9
|
+
var _responsiveObserve = _interopRequireDefault(require("../../_util/responsiveObserve"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
function useBreakpoint() {
|
|
12
|
+
var refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
13
|
+
var screensRef = (0, _react.useRef)({});
|
|
14
|
+
var forceUpdate = (0, _useForceUpdate["default"])();
|
|
15
|
+
(0, _react.useEffect)(function () {
|
|
16
|
+
var token = _responsiveObserve["default"].subscribe(function (supportScreens) {
|
|
17
|
+
screensRef.current = supportScreens;
|
|
18
|
+
if (refreshOnChange) {
|
|
19
|
+
forceUpdate();
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
return function () {
|
|
23
|
+
return _responsiveObserve["default"].unsubscribe(token);
|
|
24
|
+
};
|
|
25
|
+
}, []);
|
|
26
|
+
return screensRef.current;
|
|
27
|
+
}
|
|
28
|
+
var _default = exports["default"] = useBreakpoint;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAE7D,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,MAAM,CAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n const screensRef = useRef<ScreenMap>({})\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n const token = ResponsiveObserve.subscribe((supportScreens) => {\n screensRef.current = supportScreens\n if (refreshOnChange) {\n forceUpdate()\n }\n })\n\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n return screensRef.current\n}\n\nexport default useBreakpoint\n"]}
|