@vtx/components 3.1.177 → 3.1.179
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,12 +10,17 @@ 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); }
|
|
17
18
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
18
19
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
20
|
+
function parseHex(value) {
|
|
21
|
+
var str = Number(parseInt(value / 100 * 255)).toString(16);
|
|
22
|
+
return "".concat(str.length == 1 ? '0' : '').concat(str);
|
|
23
|
+
}
|
|
19
24
|
var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
20
25
|
var value = props.value,
|
|
21
26
|
onChange = props.onChange,
|
|
@@ -23,20 +28,22 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
23
28
|
style = props.style,
|
|
24
29
|
disabled = props.disabled,
|
|
25
30
|
containOpacity = props.containOpacity,
|
|
31
|
+
_props$allowClear = props.allowClear,
|
|
32
|
+
allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
|
|
26
33
|
rest = _objectWithoutProperties(props, _excluded);
|
|
27
34
|
var onPickerChange = function onPickerChange(e) {
|
|
28
35
|
if (containOpacity) {
|
|
29
|
-
onChange && onChange("".concat(e.color).concat(
|
|
36
|
+
onChange && onChange("".concat(e.color).concat(parseHex(e.alpha)), e.alpha);
|
|
30
37
|
} else {
|
|
31
38
|
onChange && onChange(e.color, e.alpha);
|
|
32
39
|
}
|
|
33
40
|
};
|
|
34
41
|
var colorProps = {};
|
|
35
42
|
if ((value === null || value === void 0 ? void 0 : value.length) > 7) {
|
|
36
|
-
colorProps[
|
|
37
|
-
colorProps[
|
|
43
|
+
colorProps['color'] = value.slice(0, 7);
|
|
44
|
+
colorProps['alpha'] = parseInt(value.slice(7, 9), 16) / 255 * 100;
|
|
38
45
|
} else {
|
|
39
|
-
colorProps[
|
|
46
|
+
colorProps['color'] = value;
|
|
40
47
|
}
|
|
41
48
|
return /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
|
42
49
|
ref: ref,
|
|
@@ -46,12 +53,17 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
46
53
|
disabled: disabled,
|
|
47
54
|
className: (0, _classnames["default"])('vtx-color-picker', className),
|
|
48
55
|
style: style,
|
|
49
|
-
addonAfter: disabled ? null : /*#__PURE__*/_react["default"].createElement(
|
|
56
|
+
addonAfter: disabled ? null : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, allowClear && !disabled && value && /*#__PURE__*/_react["default"].createElement(_icons.CloseCircleFilled, {
|
|
57
|
+
className: (0, _classnames["default"])('vtx-color-clear'),
|
|
58
|
+
onClick: function onClick() {
|
|
59
|
+
onChange && onChange();
|
|
60
|
+
}
|
|
61
|
+
}), /*#__PURE__*/_react["default"].createElement(_rcColorPicker["default"], _extends({
|
|
50
62
|
defaultColor: "#fff"
|
|
51
63
|
}, rest, {
|
|
52
64
|
animation: "slide-up",
|
|
53
65
|
onChange: onPickerChange
|
|
54
|
-
}, colorProps))
|
|
66
|
+
}, colorProps)))
|
|
55
67
|
});
|
|
56
68
|
});
|
|
57
69
|
VtxColorPicker.propTypes = {
|
|
@@ -60,7 +72,8 @@ VtxColorPicker.propTypes = {
|
|
|
60
72
|
disabled: _propTypes["default"].bool,
|
|
61
73
|
className: _propTypes["default"].string,
|
|
62
74
|
style: _propTypes["default"].object,
|
|
63
|
-
containOpacity: _propTypes["default"].bool
|
|
75
|
+
containOpacity: _propTypes["default"].bool,
|
|
76
|
+
allowClear: _propTypes["default"].bool
|
|
64
77
|
};
|
|
65
78
|
var _default = exports["default"] = VtxColorPicker;
|
|
66
79
|
//# 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","
|
|
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","parseHex","value","str","Number","parseInt","toString","concat","VtxColorPicker","forwardRef","props","ref","onChange","className","style","disabled","containOpacity","_props$allowClear","allowClear","rest","onPickerChange","color","alpha","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\nfunction parseHex(value) {\r\n let str = Number(parseInt((value / 100) * 255)).toString(16);\r\n return `${str.length == 1 ? '0' : ''}${str}`;\r\n}\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 && onChange(`${e.color}${parseHex(e.alpha)}`, e.alpha);\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
|
}
|