@vtx/components 3.1.100 → 3.1.101
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.
|
@@ -17,7 +17,7 @@ var _input = _interopRequireDefault(require("antd/lib/input"));
|
|
|
17
17
|
|
|
18
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
19
|
|
|
20
|
-
var _excluded = ["value", "onChange", "className", "style", "disabled"];
|
|
20
|
+
var _excluded = ["value", "onChange", "className", "style", "disabled", "containOpacity"];
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
23
|
|
|
@@ -37,12 +37,26 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
37
37
|
className = props.className,
|
|
38
38
|
style = props.style,
|
|
39
39
|
disabled = props.disabled,
|
|
40
|
+
containOpacity = props.containOpacity,
|
|
40
41
|
rest = _objectWithoutProperties(props, _excluded);
|
|
41
42
|
|
|
42
43
|
var onPickerChange = function onPickerChange(e) {
|
|
43
|
-
|
|
44
|
+
if (containOpacity) {
|
|
45
|
+
onChange && onChange("".concat(e.color).concat(Number(e.alpha).toString(16)), e.alpha);
|
|
46
|
+
} else {
|
|
47
|
+
onChange && onChange(e.color, e.alpha);
|
|
48
|
+
}
|
|
44
49
|
};
|
|
45
50
|
|
|
51
|
+
var colorProps = {};
|
|
52
|
+
|
|
53
|
+
if ((value === null || value === void 0 ? void 0 : value.length) > 7) {
|
|
54
|
+
colorProps["color"] = value.slice(0, 7);
|
|
55
|
+
colorProps["alpha"] = parseInt(value.slice(7, 9), 16);
|
|
56
|
+
} else {
|
|
57
|
+
colorProps["color"] = value;
|
|
58
|
+
}
|
|
59
|
+
|
|
46
60
|
return /*#__PURE__*/_react["default"].createElement(_input["default"], {
|
|
47
61
|
ref: ref,
|
|
48
62
|
value: value,
|
|
@@ -55,9 +69,8 @@ var VtxColorPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
55
69
|
defaultColor: "#fff"
|
|
56
70
|
}, rest, {
|
|
57
71
|
animation: "slide-up",
|
|
58
|
-
color: value,
|
|
59
72
|
onChange: onPickerChange
|
|
60
|
-
}))
|
|
73
|
+
}, colorProps))
|
|
61
74
|
});
|
|
62
75
|
});
|
|
63
76
|
VtxColorPicker.propTypes = {
|
|
@@ -65,7 +78,8 @@ VtxColorPicker.propTypes = {
|
|
|
65
78
|
onChange: _propTypes["default"].func,
|
|
66
79
|
disabled: _propTypes["default"].bool,
|
|
67
80
|
className: _propTypes["default"].string,
|
|
68
|
-
style: _propTypes["default"].object
|
|
81
|
+
style: _propTypes["default"].object,
|
|
82
|
+
containOpacity: _propTypes["default"].bool
|
|
69
83
|
};
|
|
70
84
|
var _default = VtxColorPicker;
|
|
71
85
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VtxColorPicker","forwardRef","props","ref","value","onChange","className","style","disabled","rest","onPickerChange","e","color","alpha","classnames","propTypes","PropTypes","string","func","bool","object"],"sources":["vtx-color-picker/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ColorPicker from 'rc-color-picker';\nimport Input from 'antd/lib/input';\nimport classnames from 'classnames';\n\nconst VtxColorPicker = forwardRef((props, ref) => {\n const { value, onChange, className, style, disabled, ...rest } = props;\n\n const onPickerChange = (e) => {\n onChange && onChange(e.color, e.alpha);\n };\n\n return (\n <Input\n ref={ref}\n value={value}\n placeholder=\"请选择\"\n readOnly\n disabled={disabled}\n className={classnames('vtx-color-picker', className)}\n style={style}\n addonAfter={\n disabled ? null : (\n <ColorPicker\n defaultColor=\"#fff\"\n {...rest}\n animation=\"slide-up\"\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxColorPicker","forwardRef","props","ref","value","onChange","className","style","disabled","containOpacity","rest","onPickerChange","e","color","Number","alpha","toString","colorProps","length","slice","parseInt","classnames","propTypes","PropTypes","string","func","bool","object"],"sources":["vtx-color-picker/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport ColorPicker from 'rc-color-picker';\nimport Input from 'antd/lib/input';\nimport classnames from 'classnames';\n\nconst VtxColorPicker = forwardRef((props, ref) => {\n const { value, onChange, className, style, disabled, containOpacity, ...rest } = props;\n\n const onPickerChange = (e) => {\n if(containOpacity){\n onChange && onChange(`${e.color}${Number(e.alpha).toString(16)}`, e.alpha);\n }else {\n onChange && onChange(e.color, e.alpha);\n }\n };\n\n let colorProps = {};\n if (value?.length > 7) {\n colorProps[\"color\"] = value.slice(0, 7);\n colorProps[\"alpha\"] = parseInt(value.slice(7, 9), 16);\n } else {\n colorProps[\"color\"] = value;\n }\n return (\n <Input\n ref={ref}\n value={value}\n placeholder=\"请选择\"\n readOnly\n disabled={disabled}\n className={classnames('vtx-color-picker', className)}\n style={style}\n addonAfter={\n disabled ? null : (\n <ColorPicker\n defaultColor=\"#fff\"\n {...rest}\n animation=\"slide-up\"\n onChange={onPickerChange}\n {...colorProps}\n />\n )\n }\n />\n );\n});\n\nVtxColorPicker.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n style: PropTypes.object,\n containOpacity: PropTypes.bool,\n};\n\nexport default VtxColorPicker;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,cAAc,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAC9C,IAAQC,KAAR,GAAiFF,KAAjF,CAAQE,KAAR;EAAA,IAAeC,QAAf,GAAiFH,KAAjF,CAAeG,QAAf;EAAA,IAAyBC,SAAzB,GAAiFJ,KAAjF,CAAyBI,SAAzB;EAAA,IAAoCC,KAApC,GAAiFL,KAAjF,CAAoCK,KAApC;EAAA,IAA2CC,QAA3C,GAAiFN,KAAjF,CAA2CM,QAA3C;EAAA,IAAqDC,cAArD,GAAiFP,KAAjF,CAAqDO,cAArD;EAAA,IAAwEC,IAAxE,4BAAiFR,KAAjF;;EAEA,IAAMS,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAO;IAC1B,IAAGH,cAAH,EAAkB;MACdJ,QAAQ,IAAIA,QAAQ,WAAIO,CAAC,CAACC,KAAN,SAAcC,MAAM,CAACF,CAAC,CAACG,KAAH,CAAN,CAAgBC,QAAhB,CAAyB,EAAzB,CAAd,GAA8CJ,CAAC,CAACG,KAAhD,CAApB;IACH,CAFD,MAEM;MACFV,QAAQ,IAAIA,QAAQ,CAACO,CAAC,CAACC,KAAH,EAAUD,CAAC,CAACG,KAAZ,CAApB;IACH;EACJ,CAND;;EAQA,IAAIE,UAAU,GAAG,EAAjB;;EACA,IAAI,CAAAb,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEc,MAAP,IAAgB,CAApB,EAAuB;IACnBD,UAAU,CAAC,OAAD,CAAV,GAAsBb,KAAK,CAACe,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAtB;IACAF,UAAU,CAAC,OAAD,CAAV,GAAsBG,QAAQ,CAAChB,KAAK,CAACe,KAAN,CAAY,CAAZ,EAAe,CAAf,CAAD,EAAoB,EAApB,CAA9B;EACH,CAHD,MAGO;IACHF,UAAU,CAAC,OAAD,CAAV,GAAsBb,KAAtB;EACH;;EACD,oBACI,gCAAC,iBAAD;IACI,GAAG,EAAED,GADT;IAEI,KAAK,EAAEC,KAFX;IAGI,WAAW,EAAC,oBAHhB;IAII,QAAQ,MAJZ;IAKI,QAAQ,EAAEI,QALd;IAMI,SAAS,EAAE,IAAAa,sBAAA,EAAW,kBAAX,EAA+Bf,SAA/B,CANf;IAOI,KAAK,EAAEC,KAPX;IAQI,UAAU,EACNC,QAAQ,GAAG,IAAH,gBACJ,gCAAC,yBAAD;MACI,YAAY,EAAC;IADjB,GAEQE,IAFR;MAGI,SAAS,EAAC,UAHd;MAII,QAAQ,EAAEC;IAJd,GAKQM,UALR;EAVZ,EADJ;AAsBH,CAxCsB,CAAvB;AA0CAjB,cAAc,CAACsB,SAAf,GAA2B;EACvBlB,KAAK,EAAEmB,qBAAA,CAAUC,MADM;EAEvBnB,QAAQ,EAAEkB,qBAAA,CAAUE,IAFG;EAGvBjB,QAAQ,EAAEe,qBAAA,CAAUG,IAHG;EAIvBpB,SAAS,EAAEiB,qBAAA,CAAUC,MAJE;EAKvBjB,KAAK,EAAEgB,qBAAA,CAAUI,MALM;EAMvBlB,cAAc,EAAEc,qBAAA,CAAUG;AANH,CAA3B;eASe1B,c"}
|