dtable-ui-component 6.0.26 → 6.0.28

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.
Files changed (79) hide show
  1. package/lib/DateEditor/mb-date-editor-popover/index.js +3 -3
  2. package/lib/Department-editor/department-multiple-select/index.css +4 -1
  3. package/lib/Department-editor/department-multiple-select/index.js +7 -4
  4. package/lib/Department-editor/department-single-select.js +7 -4
  5. package/lib/Department-editor/index.css +4 -0
  6. package/lib/FileFormatter/index.js +98 -38
  7. package/lib/FileItemFormatter/index.js +3 -1
  8. package/lib/constants/file.js +1 -0
  9. package/lib/index.js +1 -106
  10. package/lib/locales/zh-CN.json +1 -1
  11. package/package.json +3 -12
  12. package/lib/ActionSheet/index.js +0 -194
  13. package/lib/ActionSheet/style/index.css +0 -365
  14. package/lib/ActivityIndicator/index.css +0 -108
  15. package/lib/ActivityIndicator/index.js +0 -76
  16. package/lib/Badge/index.css +0 -96
  17. package/lib/Badge/index.js +0 -65
  18. package/lib/DatePicker/index.js +0 -120
  19. package/lib/DatePicker/locale/en_US.js +0 -14
  20. package/lib/DatePicker/locale/ru_RU.js +0 -14
  21. package/lib/DatePicker/locale/sv_SE.js +0 -14
  22. package/lib/DatePicker/locale/zh_CN.js +0 -14
  23. package/lib/DatePicker/style/index.css +0 -290
  24. package/lib/DatePicker/utils.js +0 -36
  25. package/lib/Drawer/index.css +0 -142
  26. package/lib/Drawer/index.js +0 -21
  27. package/lib/Icon/index.css +0 -50
  28. package/lib/Icon/index.js +0 -35
  29. package/lib/Icon/load-sprite.js +0 -56
  30. package/lib/InputItem/custom-input.js +0 -321
  31. package/lib/InputItem/custom-keyboard.js +0 -162
  32. package/lib/InputItem/index.js +0 -389
  33. package/lib/InputItem/input.js +0 -45
  34. package/lib/InputItem/locale/en_US.js +0 -12
  35. package/lib/InputItem/locale/ru_RU.js +0 -12
  36. package/lib/InputItem/locale/sv_SE.js +0 -12
  37. package/lib/InputItem/locale/zh_CN.js +0 -12
  38. package/lib/InputItem/portal.js +0 -23
  39. package/lib/InputItem/style/index.css +0 -512
  40. package/lib/List/index.css +0 -381
  41. package/lib/List/index.js +0 -41
  42. package/lib/List/list-item.js +0 -169
  43. package/lib/Modal/alert.js +0 -82
  44. package/lib/Modal/index.js +0 -16
  45. package/lib/Modal/modal.js +0 -118
  46. package/lib/Modal/operation.js +0 -77
  47. package/lib/Modal/prompt.js +0 -207
  48. package/lib/Modal/style/index.css +0 -580
  49. package/lib/Picker/AbstractPicker.js +0 -190
  50. package/lib/Picker/index.js +0 -28
  51. package/lib/Picker/locale/en_US.js +0 -12
  52. package/lib/Picker/locale/ru_RU.js +0 -12
  53. package/lib/Picker/locale/sv_SE.js +0 -12
  54. package/lib/Picker/locale/zh_CN.js +0 -12
  55. package/lib/Picker/popupProps.js +0 -12
  56. package/lib/Picker/style/index.css +0 -141
  57. package/lib/Popover/index.js +0 -63
  58. package/lib/Popover/item.js +0 -55
  59. package/lib/Popover/style/index.css +0 -229
  60. package/lib/Progress/index.css +0 -22
  61. package/lib/Progress/index.js +0 -66
  62. package/lib/Radio/Radio.js +0 -47
  63. package/lib/Radio/RadioItem.js +0 -57
  64. package/lib/Radio/index.css +0 -90
  65. package/lib/Radio/index.js +0 -12
  66. package/lib/TabBar/Tab.js +0 -76
  67. package/lib/TabBar/index.css +0 -138
  68. package/lib/TabBar/index.js +0 -129
  69. package/lib/Tabs/index.css +0 -443
  70. package/lib/Tabs/index.js +0 -39
  71. package/lib/TextareaItem/index.css +0 -231
  72. package/lib/TextareaItem/index.js +0 -231
  73. package/lib/Toast/index.css +0 -65
  74. package/lib/Toast/index.js +0 -131
  75. package/lib/_util/class.js +0 -34
  76. package/lib/_util/closest.js +0 -17
  77. package/lib/_util/exenv.js +0 -8
  78. package/lib/_util/getDataAttr.js +0 -15
  79. package/lib/_util/getLocale.js +0 -42
@@ -1,76 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var React = _interopRequireWildcard(require("react"));
11
- require("./index.css");
12
- /* tslint:disable:jsx-no-multiline-js */
13
-
14
- class ActivityIndicator extends React.Component {
15
- render() {
16
- const {
17
- prefixCls,
18
- className,
19
- animating,
20
- toast,
21
- size,
22
- text
23
- } = this.props;
24
- const wrapClass = (0, _classnames.default)(prefixCls, className, {
25
- ["".concat(prefixCls, "-lg")]: size === 'large',
26
- ["".concat(prefixCls, "-sm")]: size === 'small',
27
- ["".concat(prefixCls, "-toast")]: !!toast
28
- });
29
- const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
30
- ["".concat(prefixCls, "-spinner-lg")]: !!toast || size === 'large'
31
- });
32
- if (animating) {
33
- if (toast) {
34
- return /*#__PURE__*/React.createElement("div", {
35
- className: wrapClass
36
- }, text ? /*#__PURE__*/React.createElement("div", {
37
- className: "".concat(prefixCls, "-content")
38
- }, /*#__PURE__*/React.createElement("span", {
39
- className: spinnerClass,
40
- "aria-hidden": "true"
41
- }), /*#__PURE__*/React.createElement("span", {
42
- className: "".concat(prefixCls, "-toast")
43
- }, text)) : /*#__PURE__*/React.createElement("div", {
44
- className: "".concat(prefixCls, "-content")
45
- }, /*#__PURE__*/React.createElement("span", {
46
- className: spinnerClass,
47
- "aria-label": "Loading"
48
- })));
49
- } else {
50
- return text ? /*#__PURE__*/React.createElement("div", {
51
- className: wrapClass
52
- }, /*#__PURE__*/React.createElement("span", {
53
- className: spinnerClass,
54
- "aria-hidden": "true"
55
- }), /*#__PURE__*/React.createElement("span", {
56
- className: "".concat(prefixCls, "-tip")
57
- }, text)) : /*#__PURE__*/React.createElement("div", {
58
- className: wrapClass
59
- }, /*#__PURE__*/React.createElement("span", {
60
- className: spinnerClass,
61
- "aria-label": "loading"
62
- }));
63
- }
64
- } else {
65
- return null;
66
- }
67
- }
68
- }
69
- exports.default = ActivityIndicator;
70
- ActivityIndicator.defaultProps = {
71
- prefixCls: 'am-activity-indicator',
72
- animating: true,
73
- size: 'small',
74
- panelColor: 'rgba(34,34,34,0.6)',
75
- toast: false
76
- };
@@ -1,96 +0,0 @@
1
- .am-badge {
2
- position: relative;
3
- display: inline-block;
4
- line-height: 1;
5
- vertical-align: middle;
6
- }
7
-
8
- .am-badge-text {
9
- text-rendering: optimizeLegibility;
10
- -webkit-font-smoothing: antialiased;
11
- -moz-osx-font-smoothing: grayscale;
12
- position: absolute;
13
- top: -6px;
14
- height: 18px;
15
- line-height: 18px;
16
- min-width: 9px;
17
- border-radius: 12px;
18
- padding: 0 5px;
19
- text-align: center;
20
- font-size: 12px;
21
- color: #fff;
22
- background-color: #ff5b05;
23
- white-space: nowrap;
24
- -webkit-transform: translateX(-45%);
25
- -ms-transform: translateX(-45%);
26
- transform: translateX(-45%);
27
- -webkit-transform-origin: -10% center;
28
- -ms-transform-origin: -10% center;
29
- transform-origin: -10% center;
30
- z-index: 10;
31
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, sans-serif;
32
- }
33
-
34
- .am-badge-text a {
35
- color: #fff;
36
- }
37
-
38
- .am-badge-text p {
39
- margin: 0;
40
- padding: 0;
41
- }
42
-
43
- .am-badge-hot .am-badge-text {
44
- background-color: #f96268;
45
- }
46
-
47
- .am-badge-dot {
48
- position: absolute;
49
- -webkit-transform: translateX(-50%);
50
- -ms-transform: translateX(-50%);
51
- transform: translateX(-50%);
52
- -webkit-transform-origin: 0 center;
53
- -ms-transform-origin: 0 center;
54
- transform-origin: 0 center;
55
- top: -4px;
56
- height: 8px;
57
- width: 8px;
58
- border-radius: 100%;
59
- background: #ff5b05;
60
- z-index: 10;
61
- }
62
-
63
- .am-badge-dot-large {
64
- height: 16px;
65
- width: 16px;
66
- }
67
-
68
- .am-badge-not-a-wrapper .am-badge-text,
69
- .am-badge-not-a-wrapper .am-badge-dot {
70
- top: auto;
71
- display: block;
72
- position: relative;
73
- -webkit-transform: translateX(0);
74
- -ms-transform: translateX(0);
75
- transform: translateX(0);
76
- }
77
-
78
- .am-badge-corner {
79
- width: 80px;
80
- padding: 8px;
81
- position: absolute;
82
- right: -32px;
83
- top: 8px;
84
- background-color: #ff5b05;
85
- color: #fff;
86
- white-space: nowrap;
87
- -webkit-transform: rotate(45deg);
88
- -ms-transform: rotate(45deg);
89
- transform: rotate(45deg);
90
- text-align: center;
91
- font-size: 15px;
92
- }
93
-
94
- .am-badge-corner-wrapper {
95
- overflow: hidden;
96
- }
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var React = _interopRequireWildcard(require("react"));
11
- require("./index.css");
12
- class Badge extends React.Component {
13
- render() {
14
- // tslint:disable:prefer-const
15
- let {
16
- className,
17
- prefixCls,
18
- children,
19
- text,
20
- size,
21
- overflowCount,
22
- dot,
23
- corner,
24
- hot,
25
- ...restProps
26
- } = this.props;
27
- // eslint-disable-next-line no-self-assign
28
- overflowCount = overflowCount;
29
- text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
30
-
31
- // dot mode don't need text
32
- if (dot) {
33
- text = '';
34
- }
35
- const scrollNumberCls = (0, _classnames.default)({
36
- ["".concat(prefixCls, "-dot")]: dot,
37
- ["".concat(prefixCls, "-dot-large")]: dot && size === 'large',
38
- ["".concat(prefixCls, "-text")]: !dot && !corner,
39
- ["".concat(prefixCls, "-corner")]: corner,
40
- ["".concat(prefixCls, "-corner-large")]: corner && size === 'large'
41
- });
42
- const badgeCls = (0, _classnames.default)(prefixCls, className, {
43
- ["".concat(prefixCls, "-not-a-wrapper")]: !children,
44
- ["".concat(prefixCls, "-corner-wrapper")]: corner,
45
- ["".concat(prefixCls, "-hot")]: !!hot,
46
- ["".concat(prefixCls, "-corner-wrapper-large")]: corner && size === 'large'
47
- });
48
- return /*#__PURE__*/React.createElement("span", {
49
- className: badgeCls
50
- }, children, (text || dot) &&
51
- /*#__PURE__*/
52
- // tslint:disable-next-line:jsx-no-multiline-js
53
- React.createElement("sup", Object.assign({
54
- className: scrollNumberCls
55
- }, restProps), text));
56
- }
57
- }
58
- exports.default = Badge;
59
- Badge.defaultProps = {
60
- prefixCls: 'am-badge',
61
- size: 'small',
62
- overflowCount: 99,
63
- dot: false,
64
- corner: false
65
- };
@@ -1,120 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var PropTypes = _interopRequireWildcard(require("prop-types"));
10
- var React = _interopRequireWildcard(require("react"));
11
- var _DatePicker2 = _interopRequireDefault(require("rmc-date-picker/lib/DatePicker"));
12
- var _Popup = _interopRequireDefault(require("rmc-date-picker/lib/Popup"));
13
- var _getLocale = require("../_util/getLocale");
14
- var _utils = require("./utils");
15
- require("./style/index.css");
16
- /* tslint:disable:jsx-no-multiline-js */
17
-
18
- class DatePicker extends React.Component {
19
- constructor() {
20
- super(...arguments);
21
- this.setScrollValue = v => {
22
- this.scrollValue = v;
23
- };
24
- this.onOk = v => {
25
- if (this.scrollValue !== undefined) {
26
- v = this.scrollValue;
27
- }
28
- if (this.props.onChange) {
29
- this.props.onChange(v);
30
- }
31
- if (this.props.onOk) {
32
- this.props.onOk(v);
33
- }
34
- };
35
- this.onVisibleChange = visible => {
36
- this.scrollValue = undefined;
37
- if (this.props.onVisibleChange) {
38
- this.props.onVisibleChange(visible);
39
- }
40
- };
41
- this.fixOnOk = picker => {
42
- if (picker) {
43
- picker.onOk = this.onOk;
44
- }
45
- };
46
- }
47
- render() {
48
- // tslint:disable-next-line:no-this-assignment
49
- const {
50
- props,
51
- context
52
- } = this;
53
- const {
54
- children,
55
- value,
56
- popupPrefixCls
57
- } = props;
58
- const locale = (0, _getLocale.getComponentLocale)(props, context, 'DatePicker', () => require('./locale/zh_CN'));
59
- const {
60
- okText,
61
- dismissText,
62
- extra,
63
- DatePickerLocale
64
- } = locale;
65
- /**
66
- * 注意:
67
- * 受控 表示 通过设置 value 属性、组件的最终状态跟 value 设置值一致。
68
- * 默认不设置 value 或 只设置 defaultValue 表示非受控。
69
- *
70
- * DatePickerView 对外通过 value “只支持 受控” 模式(可以使用 defaultDate 支持 非受控 模式,但不对外)
71
- * PickerView 对外通过 value “只支持 受控” 模式
72
- *
73
- * DatePicker / Picker 对外只有 value 属性 (没有 defaultValue),
74
- * 其中 List 展示部分 “只支持 受控” 模式,
75
- * 弹出的 选择器部分 会随外部 value 改变而变、同时能自由滚动
76
- * (即不会因为传入的 value 不变而不能滚动 (不像原生 input 的受控行为))
77
- *
78
- */
79
- const datePicker = /*#__PURE__*/React.createElement(_DatePicker2.default, {
80
- minuteStep: props.minuteStep,
81
- locale: DatePickerLocale,
82
- minDate: props.minDate,
83
- maxDate: props.maxDate,
84
- mode: props.mode,
85
- pickerPrefixCls: props.pickerPrefixCls,
86
- prefixCls: props.prefixCls,
87
- defaultDate: value || new Date(),
88
- use12Hours: props.use12Hours,
89
- onValueChange: props.onValueChange,
90
- onScrollChange: this.setScrollValue
91
- });
92
- return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
93
- datePicker: datePicker,
94
- WrapComponent: 'div',
95
- transitionName: 'am-slide-up',
96
- maskTransitionName: 'am-fade'
97
- }, props, {
98
- prefixCls: popupPrefixCls,
99
- date: value || new Date(),
100
- dismissText: this.props.dismissText || dismissText,
101
- okText: this.props.okText || okText,
102
- ref: this.fixOnOk,
103
- onVisibleChange: this.onVisibleChange
104
- }), children && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
105
- extra: value ? (0, _utils.formatFn)(this, value) : this.props.extra || extra
106
- }));
107
- }
108
- }
109
- DatePicker.defaultProps = {
110
- mode: 'datetime',
111
- prefixCls: 'am-picker',
112
- pickerPrefixCls: 'am-picker-col',
113
- popupPrefixCls: 'am-picker-popup',
114
- minuteStep: 1,
115
- use12Hours: false
116
- };
117
- DatePicker.contextTypes = {
118
- antLocale: PropTypes.object
119
- };
120
- var _default = exports.default = DatePicker;
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'OK',
11
- dismissText: 'Cancel',
12
- extra: 'please select',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'Ок',
11
- dismissText: 'Отмена',
12
- extra: '',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'Ok',
11
- dismissText: 'Avbryt',
12
- extra: 'vänligen välj',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _zh_CN = _interopRequireDefault(require("rmc-date-picker/lib/locale/zh_CN"));
9
- var _default = exports.default = {
10
- okText: '确定',
11
- dismissText: '取消',
12
- extra: '请选择',
13
- DatePickerLocale: _zh_CN.default
14
- };
@@ -1,290 +0,0 @@
1
- .am-picker-popup {
2
- left: 0;
3
- bottom: 0;
4
- position: fixed;
5
- width: 100%;
6
- background-color: #fff;
7
- padding-bottom: env(safe-area-inset-bottom);
8
- }
9
-
10
- .am-picker-popup-wrap {
11
- position: fixed;
12
- overflow: auto;
13
- top: 0;
14
- right: 0;
15
- bottom: 0;
16
- left: 0;
17
- z-index: 1000;
18
- -webkit-overflow-scrolling: touch;
19
- outline: 0;
20
- -webkit-transform: translateZ(1px);
21
- transform: translateZ(1px);
22
- }
23
-
24
- .am-picker-popup-mask {
25
- position: fixed;
26
- top: 0;
27
- right: 0;
28
- left: 0;
29
- bottom: 0;
30
- background-color: rgba(0, 0, 0, 0.4);
31
- height: 100%;
32
- z-index: 1000;
33
- -webkit-transform: translateZ(1px);
34
- transform: translateZ(1px);
35
- }
36
-
37
- .am-picker-popup-mask-hidden {
38
- display: none;
39
- }
40
-
41
- .am-picker-popup-header {
42
- background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
43
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
44
- background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
45
- background-position: bottom;
46
- background-size: 100% 1PX;
47
- background-repeat: no-repeat;
48
- display: -webkit-box;
49
- display: -webkit-flex;
50
- display: -ms-flexbox;
51
- display: flex;
52
- -webkit-box-align: center;
53
- -webkit-align-items: center;
54
- -ms-flex-align: center;
55
- align-items: center;
56
- position: relative;
57
- border-bottom: 1PX solid #ddd;
58
- }
59
-
60
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
61
- html:not([data-scale]) .am-picker-popup-header {
62
- border-bottom: none;
63
- }
64
-
65
- html:not([data-scale]) .am-picker-popup-header::after {
66
- content: '';
67
- position: absolute;
68
- background-color: #ddd;
69
- display: block;
70
- z-index: 1;
71
- top: auto;
72
- right: auto;
73
- bottom: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 1PX;
77
- -webkit-transform-origin: 50% 100%;
78
- -ms-transform-origin: 50% 100%;
79
- transform-origin: 50% 100%;
80
- -webkit-transform: scaleY(0.5);
81
- -ms-transform: scaleY(0.5);
82
- transform: scaleY(0.5);
83
- }
84
- }
85
-
86
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
87
- html:not([data-scale]) .am-picker-popup-header::after {
88
- -webkit-transform: scaleY(0.33);
89
- -ms-transform: scaleY(0.33);
90
- transform: scaleY(0.33);
91
- }
92
- }
93
-
94
- .am-picker-popup-header .am-picker-popup-header-right {
95
- text-align: right;
96
- }
97
-
98
- .am-picker-popup-item {
99
- color: #108ee9;
100
- font-size: 17px;
101
- padding: 9px 15px;
102
- height: 42px;
103
- -webkit-box-sizing: border-box;
104
- box-sizing: border-box;
105
- display: -webkit-box;
106
- display: -webkit-flex;
107
- display: -ms-flexbox;
108
- display: flex;
109
- -webkit-box-align: center;
110
- -webkit-align-items: center;
111
- -ms-flex-align: center;
112
- align-items: center;
113
- -webkit-box-pack: center;
114
- -webkit-justify-content: center;
115
- -ms-flex-pack: center;
116
- justify-content: center;
117
- }
118
-
119
- .am-picker-popup-item-active {
120
- background-color: #ddd;
121
- }
122
-
123
- .am-picker-popup-title {
124
- -webkit-box-flex: 1;
125
- -webkit-flex: 1;
126
- -ms-flex: 1;
127
- flex: 1;
128
- text-align: center;
129
- color: #000;
130
- }
131
-
132
- .am-picker-popup .am-picker-popup-close {
133
- display: none;
134
- }
135
-
136
- .am-picker-col {
137
- -webkit-box-flex: 1;
138
- -webkit-flex: 1;
139
- -ms-flex: 1;
140
- flex: 1;
141
- }
142
-
143
- .am-picker-col {
144
- display: block;
145
- position: relative;
146
- height: 238px;
147
- overflow: hidden;
148
- width: 100%;
149
- }
150
-
151
- .am-picker-col-content {
152
- position: absolute;
153
- left: 0;
154
- top: 0;
155
- width: 100%;
156
- z-index: 1;
157
- padding: 102px 0;
158
- }
159
-
160
- .am-picker-col-item {
161
- -ms-touch-action: manipulation;
162
- touch-action: manipulation;
163
- text-align: center;
164
- font-size: 16px;
165
- height: 34px;
166
- line-height: 34px;
167
- color: #000;
168
- white-space: nowrap;
169
- text-overflow: ellipsis;
170
- }
171
-
172
- .am-picker-col-item-selected {
173
- font-size: 17px;
174
- }
175
-
176
- .am-picker-col-mask {
177
- position: absolute;
178
- left: 0;
179
- top: 0;
180
- height: 100%;
181
- margin: 0 auto;
182
- width: 100%;
183
- z-index: 3;
184
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
185
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
186
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
187
- background-position: top, bottom;
188
- background-size: 100% 102px;
189
- background-repeat: no-repeat;
190
- }
191
-
192
- .am-picker-col-indicator {
193
- -webkit-box-sizing: border-box;
194
- box-sizing: border-box;
195
- width: 100%;
196
- height: 34px;
197
- position: absolute;
198
- left: 0;
199
- top: 102px;
200
- z-index: 3;
201
- border-top: 1PX solid #ddd;
202
- border-bottom: 1PX solid #ddd;
203
- }
204
-
205
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
206
- html:not([data-scale]) .am-picker-col-indicator {
207
- border-top: none;
208
- }
209
-
210
- html:not([data-scale]) .am-picker-col-indicator::before {
211
- content: '';
212
- position: absolute;
213
- background-color: #ddd;
214
- display: block;
215
- z-index: 1;
216
- top: 0;
217
- right: auto;
218
- bottom: auto;
219
- left: 0;
220
- width: 100%;
221
- height: 1PX;
222
- -webkit-transform-origin: 50% 50%;
223
- -ms-transform-origin: 50% 50%;
224
- transform-origin: 50% 50%;
225
- -webkit-transform: scaleY(0.5);
226
- -ms-transform: scaleY(0.5);
227
- transform: scaleY(0.5);
228
- }
229
- }
230
-
231
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
232
- html:not([data-scale]) .am-picker-col-indicator::before {
233
- -webkit-transform: scaleY(0.33);
234
- -ms-transform: scaleY(0.33);
235
- transform: scaleY(0.33);
236
- }
237
- }
238
-
239
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
240
- html:not([data-scale]) .am-picker-col-indicator {
241
- border-bottom: none;
242
- }
243
-
244
- html:not([data-scale]) .am-picker-col-indicator::after {
245
- content: '';
246
- position: absolute;
247
- background-color: #ddd;
248
- display: block;
249
- z-index: 1;
250
- top: auto;
251
- right: auto;
252
- bottom: 0;
253
- left: 0;
254
- width: 100%;
255
- height: 1PX;
256
- -webkit-transform-origin: 50% 100%;
257
- -ms-transform-origin: 50% 100%;
258
- transform-origin: 50% 100%;
259
- -webkit-transform: scaleY(0.5);
260
- -ms-transform: scaleY(0.5);
261
- transform: scaleY(0.5);
262
- }
263
- }
264
-
265
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
266
- html:not([data-scale]) .am-picker-col-indicator::after {
267
- -webkit-transform: scaleY(0.33);
268
- -ms-transform: scaleY(0.33);
269
- transform: scaleY(0.33);
270
- }
271
- }
272
-
273
- .am-picker {
274
- display: -webkit-box;
275
- display: -webkit-flex;
276
- display: -ms-flexbox;
277
- display: flex;
278
- -webkit-box-align: center;
279
- -webkit-align-items: center;
280
- -ms-flex-align: center;
281
- align-items: center;
282
- }
283
-
284
- .am-picker-item {
285
- -webkit-box-flex: 1;
286
- -webkit-flex: 1;
287
- -ms-flex: 1;
288
- flex: 1;
289
- text-align: center;
290
- }