@vtx/components 3.1.177 → 3.1.178
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.
|
@@ -10,7 +10,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
10
10
|
var _rcColorPicker = _interopRequireDefault(require("rc-color-picker"));
|
|
11
11
|
var _input = _interopRequireDefault(require("antd/lib/input"));
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
var
|
|
13
|
+
var _icons = require("@ant-design/icons");
|
|
14
|
+
var _excluded = ["value", "onChange", "className", "style", "disabled", "containOpacity", "allowClear"];
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -23,6 +24,8 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
23
24
|
style = props.style,
|
|
24
25
|
disabled = props.disabled,
|
|
25
26
|
containOpacity = props.containOpacity,
|
|
27
|
+
_props$allowClear = props.allowClear,
|
|
28
|
+
allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
|
|
26
29
|
rest = _objectWithoutProperties(props, _excluded);
|
|
27
30
|
var onPickerChange = function onPickerChange(e) {
|
|
28
31
|
if (containOpacity) {
|
|
@@ -33,10 +36,10 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
33
36
|
};
|
|
34
37
|
var colorProps = {};
|
|
35
38
|
if ((value === null || value === void 0 ? void 0 : value.length) > 7) {
|
|
36
|
-
colorProps[
|
|
37
|
-
colorProps[
|
|
39
|
+
colorProps['color'] = value.slice(0, 7);
|
|
40
|
+
colorProps['alpha'] = parseInt(value.slice(7, 9), 16) / 255 * 100;
|
|
38
41
|
} else {
|
|
39
|
-
colorProps[
|
|
42
|
+
colorProps['color'] = value;
|
|
40
43
|
}
|
|
41
44
|
return /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
|
42
45
|
ref: ref,
|
|
@@ -46,12 +49,17 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
46
49
|
disabled: disabled,
|
|
47
50
|
className: (0, _classnames["default"])('vtx-color-picker', className),
|
|
48
51
|
style: style,
|
|
49
|
-
addonAfter: disabled ? null : /*#__PURE__*/_react["default"].createElement(
|
|
52
|
+
addonAfter: disabled ? null : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, allowClear && !disabled && value && /*#__PURE__*/_react["default"].createElement(_icons.CloseCircleFilled, {
|
|
53
|
+
className: (0, _classnames["default"])('vtx-color-clear'),
|
|
54
|
+
onClick: function onClick() {
|
|
55
|
+
onChange && onChange();
|
|
56
|
+
}
|
|
57
|
+
}), /*#__PURE__*/_react["default"].createElement(_rcColorPicker["default"], _extends({
|
|
50
58
|
defaultColor: "#fff"
|
|
51
59
|
}, rest, {
|
|
52
60
|
animation: "slide-up",
|
|
53
61
|
onChange: onPickerChange
|
|
54
|
-
}, colorProps))
|
|
62
|
+
}, colorProps)))
|
|
55
63
|
});
|
|
56
64
|
});
|
|
57
65
|
VtxColorPicker.propTypes = {
|
|
@@ -60,7 +68,8 @@ VtxColorPicker.propTypes = {
|
|
|
60
68
|
disabled: _propTypes["default"].bool,
|
|
61
69
|
className: _propTypes["default"].string,
|
|
62
70
|
style: _propTypes["default"].object,
|
|
63
|
-
containOpacity: _propTypes["default"].bool
|
|
71
|
+
containOpacity: _propTypes["default"].bool,
|
|
72
|
+
allowClear: _propTypes["default"].bool
|
|
64
73
|
};
|
|
65
74
|
var _default = exports["default"] = VtxColorPicker;
|
|
66
75
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_rcColorPicker","_input","_classnames","_excluded","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","VtxColorPicker","forwardRef","props","ref","value","onChange","className","style","disabled","containOpacity","rest","onPickerChange","concat","color","Number","parseInt","alpha","toString","colorProps","slice","createElement","placeholder","readOnly","classnames","addonAfter","defaultColor","animation","propTypes","PropTypes","string","func","bool","object","_default","exports"],"sources":["vtx-color-picker/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ColorPicker from 'rc-color-picker';\r\nimport Input from 'antd/lib/input';\r\nimport classnames from 'classnames';\r\n\r\nconst VtxColorPicker = forwardRef((props, ref) => {\r\n const {
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_rcColorPicker","_input","_classnames","_icons","_excluded","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","VtxColorPicker","forwardRef","props","ref","value","onChange","className","style","disabled","containOpacity","_props$allowClear","allowClear","rest","onPickerChange","concat","color","Number","parseInt","alpha","toString","colorProps","slice","createElement","placeholder","readOnly","classnames","addonAfter","Fragment","CloseCircleFilled","onClick","defaultColor","animation","propTypes","PropTypes","string","func","bool","object","_default","exports"],"sources":["vtx-color-picker/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ColorPicker from 'rc-color-picker';\r\nimport Input from 'antd/lib/input';\r\nimport classnames from 'classnames';\r\nimport { CloseCircleFilled } from '@ant-design/icons';\r\n\r\nconst VtxColorPicker = forwardRef((props, ref) => {\r\n const {\r\n value,\r\n onChange,\r\n className,\r\n style,\r\n disabled,\r\n containOpacity,\r\n allowClear = true,\r\n ...rest\r\n } = props;\r\n\r\n const onPickerChange = e => {\r\n if (containOpacity) {\r\n onChange &&\r\n onChange(\r\n `${e.color}${Number(parseInt((e.alpha / 100) * 255)).toString(16)}`,\r\n e.alpha,\r\n );\r\n } else {\r\n onChange && onChange(e.color, e.alpha);\r\n }\r\n };\r\n\r\n let colorProps = {};\r\n if (value?.length > 7) {\r\n colorProps['color'] = value.slice(0, 7);\r\n colorProps['alpha'] = (parseInt(value.slice(7, 9), 16) / 255) * 100;\r\n } else {\r\n colorProps['color'] = value;\r\n }\r\n return (\r\n <Input\r\n ref={ref}\r\n value={value}\r\n placeholder=\"请选择\"\r\n readOnly\r\n disabled={disabled}\r\n className={classnames('vtx-color-picker', className)}\r\n style={style}\r\n addonAfter={\r\n disabled ? null : (\r\n <>\r\n {allowClear && !disabled && value && (\r\n <CloseCircleFilled\r\n className={classnames('vtx-color-clear')}\r\n onClick={() => {\r\n onChange && onChange();\r\n }}\r\n />\r\n )}\r\n <ColorPicker\r\n defaultColor=\"#fff\"\r\n {...rest}\r\n animation=\"slide-up\"\r\n onChange={onPickerChange}\r\n {...colorProps}\r\n />\r\n </>\r\n )\r\n }\r\n />\r\n );\r\n});\r\n\r\nVtxColorPicker.propTypes = {\r\n value: PropTypes.string,\r\n onChange: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n containOpacity: PropTypes.bool,\r\n allowClear: PropTypes.bool,\r\n};\r\n\r\nexport default VtxColorPicker;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,3 +10,16 @@
|
|
|
10
10
|
-ms-transform: translate(-50%, -50%);
|
|
11
11
|
transform: translate(-50%, -50%);
|
|
12
12
|
}
|
|
13
|
+
.vtx-color-picker .vtx-color-clear {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 50%;
|
|
16
|
+
right: 42px;
|
|
17
|
+
-webkit-transform: translateY(-50%);
|
|
18
|
+
-ms-transform: translateY(-50%);
|
|
19
|
+
transform: translateY(-50%);
|
|
20
|
+
color: #00000040;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
}
|
|
23
|
+
.vtx-color-picker .vtx-color-clear:hover {
|
|
24
|
+
color: #00000060;
|
|
25
|
+
}
|
|
@@ -9,4 +9,15 @@
|
|
|
9
9
|
line-height: 0;
|
|
10
10
|
transform: translate(-50%, -50%);
|
|
11
11
|
}
|
|
12
|
+
.vtx-color-clear {
|
|
13
|
+
position: absolute;
|
|
14
|
+
top: 50%;
|
|
15
|
+
right: 42px;
|
|
16
|
+
transform: translateY(-50%);
|
|
17
|
+
color: #00000040;
|
|
18
|
+
z-index: 1;
|
|
19
|
+
&:hover {
|
|
20
|
+
color: #00000060;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
12
23
|
}
|