neko-ui 1.0.24 → 1.0.25
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/color-palette/alpha-picker.js +1 -1
- package/es/color-palette/color-line.js +1 -1
- package/es/color-palette/index.js +1 -1
- package/es/input/index.js +1 -1
- package/lib/color-palette/alpha-picker.js +1 -1
- package/lib/color-palette/color-line.js +1 -1
- package/lib/color-palette/index.js +1 -1
- package/lib/input/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import"./alpha-picker.global.less";var AlphaPicker=function(param){var className=param.className,_value=param.value,value=_value===void 0?1:_value,onChange=param.onChange;var alphaStrip=useRef(null);var ref=_slicedToArray(useState(false),2),dragAlphaStrip=ref[0],setDragAlphaStrip=ref[1];var ref1=_slicedToArray(useState(value),2),alpha=ref1[0],setAlpha=ref1[1];var alphaChange=useCallback(function(
|
|
1
|
+
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import"./alpha-picker.global.less";var AlphaPicker=function(param){var className=param.className,_value=param.value,value=_value===void 0?1:_value,onChange=param.onChange;var alphaStrip=useRef(null);var ref=_slicedToArray(useState(false),2),dragAlphaStrip=ref[0],setDragAlphaStrip=ref[1];var ref1=_slicedToArray(useState(value),2),alpha=ref1[0],setAlpha=ref1[1];var ref2=_slicedToArray(useState(0),2),offset=ref2[0],setOffset=ref2[1];var offsetRef=useRef(offset);var alphaChange=useCallback(function(){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||10)-10;var val=offsetRef.current/maxOffset;if(val<0){val=0}if(val>1){val=1}if(val!==alpha){setAlpha(val);onChange===null||onChange===void 0?void 0:onChange(val)}},[alpha,onChange]);var alphaMouseDown=useCallback(function(param){var offsetX=param.nativeEvent.offsetX;var _offset=offsetX-5;setDragAlphaStrip(true);setOffset(_offset);Object.assign(offsetRef,{current:_offset});alphaChange()},[alphaChange]);var alphaMouseMove=useCallback(function(param){var movementX=param.movementX;if(dragAlphaStrip){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||10)-10;var _offset=offsetRef.current+movementX;if(_offset<0){_offset=0}if(_offset>maxOffset){_offset=maxOffset}Object.assign(offsetRef,{current:_offset});alphaChange();setOffset(_offset)}},[dragAlphaStrip,alphaChange]);var alphaMouseUp=useCallback(function(){setDragAlphaStrip(false)},[]);useEffect(function(){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||172)-10;var _offset=alpha*maxOffset;Object.assign(offsetRef,{current:_offset});setOffset(_offset)},[alpha]);useEffect(function(){if(value!==alpha){setAlpha(value);onChange===null||onChange===void 0?void 0:onChange(value)}},[onChange,alpha,value]);useEffect(function(){document.body.addEventListener("mouseup",alphaMouseUp,false);document.body.addEventListener("mousemove",alphaMouseMove,false);return function(){document.body.removeEventListener("mouseup",alphaMouseUp,false);document.body.removeEventListener("mousemove",alphaMouseMove,false)}},[alphaMouseMove,alphaMouseUp]);return React.createElement("div",{ref:alphaStrip,className:classNames(getPrefixCls("line-picker"),className),onMouseDown:alphaMouseDown,style:{"--offset-x":"".concat(offset,"px")}},React.createElement("div",{className:getPrefixCls("alpha-strip")}))};export default AlphaPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useImperativeHandle,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import"./color-line.global.less";var ColorLine=function(_param,ref){var className=_param.className,_value=_param.value,value=_value===void 0?{r:255,g:0,b:255}:_value,onChange=_param.onChange,props=_objectWithoutProperties(_param,["className","value","onChange"]);var colorLine=useRef(null);var _$ref=_slicedToArray(useState(value),2),color=_$ref[0],setColor=_$ref[1];var _$ref1=_slicedToArray(useState(false),2),drag=_$ref1[0],setDrag=_$ref1[1];var _$ref2=_slicedToArray(useState(172),2),width=_$ref2[0],setWidth=_$ref2[1];var initStrip=useCallback(function(){if(!colorLine.current)return;var ctx2=colorLine.current.getContext("2d");if(ctx2){ctx2.rect(0,0,width,colorLine.current.height);var grd1=ctx2.createLinearGradient(0,0,width,0);grd1.addColorStop(0,"rgba(255, 0, 0, 1)");grd1.addColorStop(.17,"rgba(255, 255, 0, 1)");grd1.addColorStop(.34,"rgba(0, 255, 0, 1)");grd1.addColorStop(.51,"rgba(0, 255, 255, 1)");grd1.addColorStop(.68,"rgba(0, 0, 255, 1)");grd1.addColorStop(.85,"rgba(255, 0, 255, 1)");grd1.addColorStop(1,"rgba(255, 0, 0, 1)");ctx2.fillStyle=grd1;ctx2.fill()}},[width]);var changeColorLine=useCallback(function(
|
|
1
|
+
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useImperativeHandle,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import"./color-line.global.less";var ColorLine=function(_param,ref){var className=_param.className,_value=_param.value,value=_value===void 0?{r:255,g:0,b:255}:_value,onChange=_param.onChange,props=_objectWithoutProperties(_param,["className","value","onChange"]);var colorLine=useRef(null);var _$ref=_slicedToArray(useState(value),2),color=_$ref[0],setColor=_$ref[1];var _$ref1=_slicedToArray(useState(false),2),drag=_$ref1[0],setDrag=_$ref1[1];var _$ref2=_slicedToArray(useState(172),2),width=_$ref2[0],setWidth=_$ref2[1];var _$ref3=_slicedToArray(useState(0),2),offset=_$ref3[0],setOffset=_$ref3[1];var offsetRef=useRef(offset);var initStrip=useCallback(function(){if(!colorLine.current)return;var ctx2=colorLine.current.getContext("2d");if(ctx2){ctx2.rect(0,0,width,colorLine.current.height);var grd1=ctx2.createLinearGradient(0,0,width,0);grd1.addColorStop(0,"rgba(255, 0, 0, 1)");grd1.addColorStop(.17,"rgba(255, 255, 0, 1)");grd1.addColorStop(.34,"rgba(0, 255, 0, 1)");grd1.addColorStop(.51,"rgba(0, 255, 255, 1)");grd1.addColorStop(.68,"rgba(0, 0, 255, 1)");grd1.addColorStop(.85,"rgba(255, 0, 255, 1)");grd1.addColorStop(1,"rgba(255, 0, 0, 1)");ctx2.fillStyle=grd1;ctx2.fill()}},[width]);var changeColorLine=useCallback(function(){var _$ref;var ctx2=(_$ref=colorLine.current)===null||_$ref===void 0?void 0:_$ref.getContext("2d");if(ctx2){var _data=_slicedToArray(ctx2.getImageData(offsetRef.current,0,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];setColor({r:r,g:g,b:b})}},[]);var onMouseDown=useCallback(function(param){var offsetX=param.nativeEvent.offsetX;var _offset=offsetX-5;setDrag(true);setOffset(_offset);Object.assign(offsetRef,{current:_offset});changeColorLine()},[changeColorLine]);var onMouseMove=useCallback(function(param){var movementX=param.movementX;if(drag){var maxOffset=width-10;var _offset=offsetRef.current+movementX;if(_offset<0){_offset=0}if(_offset>maxOffset){_offset=maxOffset}Object.assign(offsetRef,{current:_offset});changeColorLine();setOffset(_offset)}},[changeColorLine,drag,width]);var onMouseUp=useCallback(function(){setDrag(false)},[]);useEffect(function(){initStrip()},[initStrip]);useEffect(function(){onChange===null||onChange===void 0?void 0:onChange(color)},[onChange,color]);useImperativeHandle(ref,function(){return{canvas:colorLine.current}});useEffect(function(){document.body.addEventListener("mouseup",onMouseUp,false);document.body.addEventListener("mousemove",onMouseMove,false);return function(){document.body.removeEventListener("mouseup",onMouseUp,false);document.body.removeEventListener("mousemove",onMouseMove,false)}},[onMouseMove,onMouseUp]);return React.createElement("div",_extends({},props,{ref:function(e){if(e&&width!==e.offsetWidth){setWidth(e.offsetWidth)}},style:{"--offset-x":"".concat(offset,"px")},className:classNames(getPrefixCls("line-picker"),className),onMouseDown:onMouseDown}),React.createElement("canvas",{ref:colorLine,width:width}))};export default React.forwardRef(ColorLine);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import AlphaPicker from"./alpha-picker";import getPrefixCls from"../get-prefix-cls";import ColorLine from"./color-line";import"./index.global.less";import tinycolor from"tinycolor2";import{Input}from"..";var ColorPalette=function(param){var className=param.className,_value=param.value,value=_value===void 0?"rgba(255,0,0,1)":_value,onChange=param.onChange;var colorPicker=useRef(null);var colorStrip=useRef(null);var ref=_slicedToArray(useState({r:255,g:0,b:0}),2),rgb=ref[0],setRgb=ref[1];var ref1=_slicedToArray(useState(false),2),drag=ref1[0],setDrag=ref1[1];var ref2=_slicedToArray(useState(
|
|
1
|
+
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import AlphaPicker from"./alpha-picker";import getPrefixCls from"../get-prefix-cls";import ColorLine from"./color-line";import"./index.global.less";import tinycolor from"tinycolor2";import{Input}from"..";var ColorPalette=function(param){var className=param.className,_value=param.value,value=_value===void 0?"rgba(255,0,0,1)":_value,onChange=param.onChange;var colorPicker=useRef(null);var colorStrip=useRef(null);var ref=_slicedToArray(useState({r:255,g:0,b:0}),2),rgb=ref[0],setRgb=ref[1];var ref1=_slicedToArray(useState(false),2),drag=ref1[0],setDrag=ref1[1];var ref2=_slicedToArray(useState(tinycolor(value).getAlpha()),2),alpha=ref2[0],setAlpha=ref2[1];var ref3=_slicedToArray(useState({r:255,g:0,b:0}),2),colorValue=ref3[0],setColorValue=ref3[1];var fillGradient=useCallback(function(color){var ref;if(!colorPicker.current)return;var ctx1=colorPicker.current.getContext("2d");var width=colorPicker.current.width;var height=colorPicker.current.height;if(!ctx1)return;ctx1.fillStyle=color;ctx1.fillRect(0,0,width,height);if(!((ref=colorStrip.current)===null||ref===void 0?void 0:ref.canvas))return;var ctx2=colorStrip.current.canvas.getContext("2d");if(!ctx2)return;var grdWhite=ctx2.createLinearGradient(0,0,colorStrip.current.canvas.width,0);grdWhite.addColorStop(0,"rgba(255,255,255,1)");grdWhite.addColorStop(1,"rgba(255,255,255,0)");ctx1.fillStyle=grdWhite;ctx1.fillRect(0,0,width,height);var grdBlack=ctx2.createLinearGradient(0,0,0,height);grdBlack.addColorStop(0,"rgba(0,0,0,0)");grdBlack.addColorStop(1,"rgba(0,0,0,1)");ctx1.fillStyle=grdBlack;ctx1.fillRect(0,0,width,height)},[]);var initColorPicker=useCallback(function(color){if(colorPicker.current){var ctx1=colorPicker.current.getContext("2d");if(ctx1){ctx1.rect(0,0,colorPicker.current.width||0,colorPicker.current.height||0);fillGradient(color)}}},[fillGradient]);var changeColor=useCallback(function(param){var _nativeEvent=param.nativeEvent,offsetX=_nativeEvent.offsetX,offsetY=_nativeEvent.offsetY;var ref;var ctx1=(ref=colorPicker.current)===null||ref===void 0?void 0:ref.getContext("2d");if(ctx1){var ref1,ref2,ref3,ref4;var _data=_slicedToArray(ctx1.getImageData(offsetX,offsetY,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];(ref1=colorPicker.current)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-x","".concat(offsetX,"px"));(ref3=colorPicker.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:ref4.style.setProperty("--offset-y","".concat(offsetY,"px"));setRgb({r:r,g:g,b:b})}},[]);var colorPickerMouseDown=useCallback(function(e){setDrag(true);changeColor(e)},[changeColor]);var colorPickerMouseMove=useCallback(function(e){if(drag){changeColor(e)}},[changeColor,drag]);var colorPickerMouseUp=useCallback(function(){setDrag(false)},[]);useEffect(function(){initColorPicker(value)},[]);useEffect(function(){var r=colorValue.r,g=colorValue.g,b=colorValue.b;fillGradient("rgba(".concat(r,",").concat(g,",").concat(b,",1)"));setRgb({r:r,g:g,b:b})},[colorValue,fillGradient]);useEffect(function(){var ref,ref1,ref2,ref3,ref4,ref5;(ref=colorPicker.current)===null||ref===void 0?void 0:(ref1=ref.parentElement)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-color","rgb(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,")"));(ref3=colorPicker.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:(ref5=ref4.parentElement)===null||ref5===void 0?void 0:ref5.style.setProperty("--offset-alpha",alpha);onChange===null||onChange===void 0?void 0:onChange("rgba(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,",").concat(alpha,")"))},[rgb,alpha,onChange]);var hex=useMemo(function(){return tinycolor("rgb(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,")")).toHex()},[rgb.b,rgb.g,rgb.r]);return React.createElement("div",{className:classNames(getPrefixCls("color-palette"),className)},React.createElement("article",{className:getPrefixCls("color-picker"),onMouseDown:colorPickerMouseDown,onMouseUp:colorPickerMouseUp,onMouseOut:colorPickerMouseUp,onMouseMove:colorPickerMouseMove},React.createElement("canvas",{ref:colorPicker,width:200})),React.createElement("div",{className:getPrefixCls("color-setting")},React.createElement("div",{className:getPrefixCls("color-strip")},React.createElement(ColorLine,{ref:colorStrip,value:colorValue,onChange:setColorValue}),React.createElement(AlphaPicker,{value:alpha,onChange:setAlpha})),React.createElement("div",{className:getPrefixCls("color-preview")})),React.createElement("div",{className:getPrefixCls("color-form")},React.createElement("div",{className:getPrefixCls("color-input")},React.createElement(Input,{name:"hex",size:"small",value:hex}),React.createElement("label",{htmlFor:"hex"},"Hex")),React.createElement("div",{className:getPrefixCls("color-input")},React.createElement(Input,{name:"r",size:"small",value:rgb.r}),React.createElement("label",{htmlFor:"r"},"R")),React.createElement("div",{className:getPrefixCls("color-input")},React.createElement(Input,{name:"g",size:"small",value:rgb.g}),React.createElement("label",{htmlFor:"g"},"G")),React.createElement("div",{className:getPrefixCls("color-input")},React.createElement(Input,{name:"b",size:"small",value:rgb.b}),React.createElement("label",{htmlFor:"b"},"B")),React.createElement("div",{className:getPrefixCls("color-input")},React.createElement(Input,{name:"a",size:"small",value:parseInt((alpha*100).toFixed(2)),onChange:function(e){var val=parseInt(e.target.value)/100;if(isNaN(val))return;if(val<0){val=0}if(val>1){val=1}setAlpha(val)}}),React.createElement("label",{htmlFor:"a"},"A"))))};export default ColorPalette;
|
package/es/input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import React,{useMemo,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,size=_param.size,disabled=_param.disabled,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value","size","disabled"]);var ref=_slicedToArray(useState(false),2),focus=ref[0],setFocus=ref[1];var cls=useMemo(function(){return classNames(getPrefixCls("input-wrapper"),getPrefixCls("input-".concat(type)),size&&getPrefixCls("input-".concat(size)),disabled&&getPrefixCls("input-disabled"),focus&&getPrefixCls("input-focus"),className)},[className,disabled,focus,size,type]);return React.createElement("span",{className:cls},prefix&&React.createElement("span",{className:getPrefixCls("input-prefix")},prefix),React.createElement("input",_extends({value:value,className:getPrefixCls("input"),type:type,disabled:disabled,onFocus:function(){return setFocus(true)},onBlur:function(){return setFocus(false)}},prpos)),suffix&&React.createElement("span",{className:getPrefixCls("input-suffix")},suffix))};export default Input;
|
|
1
|
+
function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}import React,{useMemo,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,size=_param.size,disabled=_param.disabled,onChange=_param.onChange,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value","size","disabled","onChange"]);var ref=_slicedToArray(useState(false),2),focus=ref[0],setFocus=ref[1];var cls=useMemo(function(){return classNames(getPrefixCls("input-wrapper"),getPrefixCls("input-".concat(type)),size&&getPrefixCls("input-".concat(size)),disabled&&getPrefixCls("input-disabled"),focus&&getPrefixCls("input-focus"),className)},[className,disabled,focus,size,type]);return React.createElement("span",{className:cls},prefix&&React.createElement("span",{className:getPrefixCls("input-prefix")},prefix),React.createElement("input",_extends({value:value,className:getPrefixCls("input"),type:type,disabled:disabled,onFocus:function(){return setFocus(true)},onBlur:function(){return setFocus(false)},onChange:function(e){return onChange===null||onChange===void 0?void 0:onChange(e)}},prpos)),suffix&&React.createElement("span",{className:getPrefixCls("input-suffix")},suffix))};export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));require("./alpha-picker.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var AlphaPicker=function(param){var className=param.className,_value=param.value,value=_value===void 0?1:_value,onChange=param.onChange;var alphaStrip=(0,_react.useRef)(null);var ref=_slicedToArray((0,_react.useState)(false),2),dragAlphaStrip=ref[0],setDragAlphaStrip=ref[1];var ref1=_slicedToArray((0,_react.useState)(value),2),alpha=ref1[0],setAlpha=ref1[1];var alphaChange=(0,_react.useCallback)(function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));require("./alpha-picker.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var AlphaPicker=function(param){var className=param.className,_value=param.value,value=_value===void 0?1:_value,onChange=param.onChange;var alphaStrip=(0,_react.useRef)(null);var ref=_slicedToArray((0,_react.useState)(false),2),dragAlphaStrip=ref[0],setDragAlphaStrip=ref[1];var ref1=_slicedToArray((0,_react.useState)(value),2),alpha=ref1[0],setAlpha=ref1[1];var ref2=_slicedToArray((0,_react.useState)(0),2),offset=ref2[0],setOffset=ref2[1];var offsetRef=(0,_react.useRef)(offset);var alphaChange=(0,_react.useCallback)(function(){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||10)-10;var val=offsetRef.current/maxOffset;if(val<0){val=0}if(val>1){val=1}if(val!==alpha){setAlpha(val);onChange===null||onChange===void 0?void 0:onChange(val)}},[alpha,onChange]);var alphaMouseDown=(0,_react.useCallback)(function(param){var offsetX=param.nativeEvent.offsetX;var _offset=offsetX-5;setDragAlphaStrip(true);setOffset(_offset);Object.assign(offsetRef,{current:_offset});alphaChange()},[alphaChange]);var alphaMouseMove=(0,_react.useCallback)(function(param){var movementX=param.movementX;if(dragAlphaStrip){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||10)-10;var _offset=offsetRef.current+movementX;if(_offset<0){_offset=0}if(_offset>maxOffset){_offset=maxOffset}Object.assign(offsetRef,{current:_offset});alphaChange();setOffset(_offset)}},[dragAlphaStrip,alphaChange]);var alphaMouseUp=(0,_react.useCallback)(function(){setDragAlphaStrip(false)},[]);(0,_react.useEffect)(function(){var ref;var maxOffset=(((ref=alphaStrip.current)===null||ref===void 0?void 0:ref.offsetWidth)||172)-10;var _offset=alpha*maxOffset;Object.assign(offsetRef,{current:_offset});setOffset(_offset)},[alpha]);(0,_react.useEffect)(function(){if(value!==alpha){setAlpha(value);onChange===null||onChange===void 0?void 0:onChange(value)}},[onChange,alpha,value]);(0,_react.useEffect)(function(){document.body.addEventListener("mouseup",alphaMouseUp,false);document.body.addEventListener("mousemove",alphaMouseMove,false);return function(){document.body.removeEventListener("mouseup",alphaMouseUp,false);document.body.removeEventListener("mousemove",alphaMouseMove,false)}},[alphaMouseMove,alphaMouseUp]);return _react.default.createElement("div",{ref:alphaStrip,className:(0,_common.classNames)((0,_getPrefixCls.default)("line-picker"),className),onMouseDown:alphaMouseDown,style:{"--offset-x":"".concat(offset,"px")}},_react.default.createElement("div",{className:(0,_getPrefixCls.default)("alpha-strip")}))};var _default=AlphaPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));require("./color-line.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var ColorLine=function(_param,ref){var className=_param.className,_value=_param.value,value=_value===void 0?{r:255,g:0,b:255}:_value,onChange=_param.onChange,props=_objectWithoutProperties(_param,["className","value","onChange"]);var colorLine=(0,_react.useRef)(null);var _$ref=_slicedToArray((0,_react.useState)(value),2),color=_$ref[0],setColor=_$ref[1];var _$ref1=_slicedToArray((0,_react.useState)(false),2),drag=_$ref1[0],setDrag=_$ref1[1];var _$ref2=_slicedToArray((0,_react.useState)(172),2),width=_$ref2[0],setWidth=_$ref2[1];var initStrip=(0,_react.useCallback)(function(){if(!colorLine.current)return;var ctx2=colorLine.current.getContext("2d");if(ctx2){ctx2.rect(0,0,width,colorLine.current.height);var grd1=ctx2.createLinearGradient(0,0,width,0);grd1.addColorStop(0,"rgba(255, 0, 0, 1)");grd1.addColorStop(.17,"rgba(255, 255, 0, 1)");grd1.addColorStop(.34,"rgba(0, 255, 0, 1)");grd1.addColorStop(.51,"rgba(0, 255, 255, 1)");grd1.addColorStop(.68,"rgba(0, 0, 255, 1)");grd1.addColorStop(.85,"rgba(255, 0, 255, 1)");grd1.addColorStop(1,"rgba(255, 0, 0, 1)");ctx2.fillStyle=grd1;ctx2.fill()}},[width]);var changeColorLine=(0,_react.useCallback)(function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));require("./color-line.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var ColorLine=function(_param,ref){var className=_param.className,_value=_param.value,value=_value===void 0?{r:255,g:0,b:255}:_value,onChange=_param.onChange,props=_objectWithoutProperties(_param,["className","value","onChange"]);var colorLine=(0,_react.useRef)(null);var _$ref=_slicedToArray((0,_react.useState)(value),2),color=_$ref[0],setColor=_$ref[1];var _$ref1=_slicedToArray((0,_react.useState)(false),2),drag=_$ref1[0],setDrag=_$ref1[1];var _$ref2=_slicedToArray((0,_react.useState)(172),2),width=_$ref2[0],setWidth=_$ref2[1];var _$ref3=_slicedToArray((0,_react.useState)(0),2),offset=_$ref3[0],setOffset=_$ref3[1];var offsetRef=(0,_react.useRef)(offset);var initStrip=(0,_react.useCallback)(function(){if(!colorLine.current)return;var ctx2=colorLine.current.getContext("2d");if(ctx2){ctx2.rect(0,0,width,colorLine.current.height);var grd1=ctx2.createLinearGradient(0,0,width,0);grd1.addColorStop(0,"rgba(255, 0, 0, 1)");grd1.addColorStop(.17,"rgba(255, 255, 0, 1)");grd1.addColorStop(.34,"rgba(0, 255, 0, 1)");grd1.addColorStop(.51,"rgba(0, 255, 255, 1)");grd1.addColorStop(.68,"rgba(0, 0, 255, 1)");grd1.addColorStop(.85,"rgba(255, 0, 255, 1)");grd1.addColorStop(1,"rgba(255, 0, 0, 1)");ctx2.fillStyle=grd1;ctx2.fill()}},[width]);var changeColorLine=(0,_react.useCallback)(function(){var _$ref;var ctx2=(_$ref=colorLine.current)===null||_$ref===void 0?void 0:_$ref.getContext("2d");if(ctx2){var _data=_slicedToArray(ctx2.getImageData(offsetRef.current,0,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];setColor({r:r,g:g,b:b})}},[]);var onMouseDown=(0,_react.useCallback)(function(param){var offsetX=param.nativeEvent.offsetX;var _offset=offsetX-5;setDrag(true);setOffset(_offset);Object.assign(offsetRef,{current:_offset});changeColorLine()},[changeColorLine]);var onMouseMove=(0,_react.useCallback)(function(param){var movementX=param.movementX;if(drag){var maxOffset=width-10;var _offset=offsetRef.current+movementX;if(_offset<0){_offset=0}if(_offset>maxOffset){_offset=maxOffset}Object.assign(offsetRef,{current:_offset});changeColorLine();setOffset(_offset)}},[changeColorLine,drag,width]);var onMouseUp=(0,_react.useCallback)(function(){setDrag(false)},[]);(0,_react.useEffect)(function(){initStrip()},[initStrip]);(0,_react.useEffect)(function(){onChange===null||onChange===void 0?void 0:onChange(color)},[onChange,color]);(0,_react.useImperativeHandle)(ref,function(){return{canvas:colorLine.current}});(0,_react.useEffect)(function(){document.body.addEventListener("mouseup",onMouseUp,false);document.body.addEventListener("mousemove",onMouseMove,false);return function(){document.body.removeEventListener("mouseup",onMouseUp,false);document.body.removeEventListener("mousemove",onMouseMove,false)}},[onMouseMove,onMouseUp]);return _react.default.createElement("div",_extends({},props,{ref:function(e){if(e&&width!==e.offsetWidth){setWidth(e.offsetWidth)}},style:{"--offset-x":"".concat(offset,"px")},className:(0,_common.classNames)((0,_getPrefixCls.default)("line-picker"),className),onMouseDown:onMouseDown}),_react.default.createElement("canvas",{ref:colorLine,width:width}))};var _default=_react.default.forwardRef(ColorLine);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _alphaPicker=_interopRequireDefault(require("./alpha-picker"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));var _colorLine=_interopRequireDefault(require("./color-line"));require("./index.global.css");var _tinycolor2=_interopRequireDefault(require("tinycolor2"));var _=require("..");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var ColorPalette=function(param){var className=param.className,_value=param.value,value=_value===void 0?"rgba(255,0,0,1)":_value,onChange=param.onChange;var colorPicker=(0,_react.useRef)(null);var colorStrip=(0,_react.useRef)(null);var ref=_slicedToArray((0,_react.useState)({r:255,g:0,b:0}),2),rgb=ref[0],setRgb=ref[1];var ref1=_slicedToArray((0,_react.useState)(false),2),drag=ref1[0],setDrag=ref1[1];var ref2=_slicedToArray((0,_react.useState)(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _common=require("@moneko/common");var _react=_interopRequireWildcard(require("react"));var _alphaPicker=_interopRequireDefault(require("./alpha-picker"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));var _colorLine=_interopRequireDefault(require("./color-line"));require("./index.global.css");var _tinycolor2=_interopRequireDefault(require("tinycolor2"));var _=require("..");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var ColorPalette=function(param){var className=param.className,_value=param.value,value=_value===void 0?"rgba(255,0,0,1)":_value,onChange=param.onChange;var colorPicker=(0,_react.useRef)(null);var colorStrip=(0,_react.useRef)(null);var ref=_slicedToArray((0,_react.useState)({r:255,g:0,b:0}),2),rgb=ref[0],setRgb=ref[1];var ref1=_slicedToArray((0,_react.useState)(false),2),drag=ref1[0],setDrag=ref1[1];var ref2=_slicedToArray((0,_react.useState)((0,_tinycolor2.default)(value).getAlpha()),2),alpha=ref2[0],setAlpha=ref2[1];var ref3=_slicedToArray((0,_react.useState)({r:255,g:0,b:0}),2),colorValue=ref3[0],setColorValue=ref3[1];var fillGradient=(0,_react.useCallback)(function(color){var ref;if(!colorPicker.current)return;var ctx1=colorPicker.current.getContext("2d");var width=colorPicker.current.width;var height=colorPicker.current.height;if(!ctx1)return;ctx1.fillStyle=color;ctx1.fillRect(0,0,width,height);if(!((ref=colorStrip.current)===null||ref===void 0?void 0:ref.canvas))return;var ctx2=colorStrip.current.canvas.getContext("2d");if(!ctx2)return;var grdWhite=ctx2.createLinearGradient(0,0,colorStrip.current.canvas.width,0);grdWhite.addColorStop(0,"rgba(255,255,255,1)");grdWhite.addColorStop(1,"rgba(255,255,255,0)");ctx1.fillStyle=grdWhite;ctx1.fillRect(0,0,width,height);var grdBlack=ctx2.createLinearGradient(0,0,0,height);grdBlack.addColorStop(0,"rgba(0,0,0,0)");grdBlack.addColorStop(1,"rgba(0,0,0,1)");ctx1.fillStyle=grdBlack;ctx1.fillRect(0,0,width,height)},[]);var initColorPicker=(0,_react.useCallback)(function(color){if(colorPicker.current){var ctx1=colorPicker.current.getContext("2d");if(ctx1){ctx1.rect(0,0,colorPicker.current.width||0,colorPicker.current.height||0);fillGradient(color)}}},[fillGradient]);var changeColor=(0,_react.useCallback)(function(param){var _nativeEvent=param.nativeEvent,offsetX=_nativeEvent.offsetX,offsetY=_nativeEvent.offsetY;var ref;var ctx1=(ref=colorPicker.current)===null||ref===void 0?void 0:ref.getContext("2d");if(ctx1){var ref1,ref2,ref3,ref4;var _data=_slicedToArray(ctx1.getImageData(offsetX,offsetY,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];(ref1=colorPicker.current)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-x","".concat(offsetX,"px"));(ref3=colorPicker.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:ref4.style.setProperty("--offset-y","".concat(offsetY,"px"));setRgb({r:r,g:g,b:b})}},[]);var colorPickerMouseDown=(0,_react.useCallback)(function(e){setDrag(true);changeColor(e)},[changeColor]);var colorPickerMouseMove=(0,_react.useCallback)(function(e){if(drag){changeColor(e)}},[changeColor,drag]);var colorPickerMouseUp=(0,_react.useCallback)(function(){setDrag(false)},[]);(0,_react.useEffect)(function(){initColorPicker(value)},[]);(0,_react.useEffect)(function(){var r=colorValue.r,g=colorValue.g,b=colorValue.b;fillGradient("rgba(".concat(r,",").concat(g,",").concat(b,",1)"));setRgb({r:r,g:g,b:b})},[colorValue,fillGradient]);(0,_react.useEffect)(function(){var ref,ref1,ref2,ref3,ref4,ref5;(ref=colorPicker.current)===null||ref===void 0?void 0:(ref1=ref.parentElement)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-color","rgb(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,")"));(ref3=colorPicker.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:(ref5=ref4.parentElement)===null||ref5===void 0?void 0:ref5.style.setProperty("--offset-alpha",alpha);onChange===null||onChange===void 0?void 0:onChange("rgba(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,",").concat(alpha,")"))},[rgb,alpha,onChange]);var hex=(0,_react.useMemo)(function(){return(0,_tinycolor2.default)("rgb(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,")")).toHex()},[rgb.b,rgb.g,rgb.r]);return _react.default.createElement("div",{className:(0,_common.classNames)((0,_getPrefixCls.default)("color-palette"),className)},_react.default.createElement("article",{className:(0,_getPrefixCls.default)("color-picker"),onMouseDown:colorPickerMouseDown,onMouseUp:colorPickerMouseUp,onMouseOut:colorPickerMouseUp,onMouseMove:colorPickerMouseMove},_react.default.createElement("canvas",{ref:colorPicker,width:200})),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-setting")},_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-strip")},_react.default.createElement(_colorLine.default,{ref:colorStrip,value:colorValue,onChange:setColorValue}),_react.default.createElement(_alphaPicker.default,{value:alpha,onChange:setAlpha})),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-preview")})),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-form")},_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-input")},_react.default.createElement(_.Input,{name:"hex",size:"small",value:hex}),_react.default.createElement("label",{htmlFor:"hex"},"Hex")),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-input")},_react.default.createElement(_.Input,{name:"r",size:"small",value:rgb.r}),_react.default.createElement("label",{htmlFor:"r"},"R")),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-input")},_react.default.createElement(_.Input,{name:"g",size:"small",value:rgb.g}),_react.default.createElement("label",{htmlFor:"g"},"G")),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-input")},_react.default.createElement(_.Input,{name:"b",size:"small",value:rgb.b}),_react.default.createElement("label",{htmlFor:"b"},"B")),_react.default.createElement("div",{className:(0,_getPrefixCls.default)("color-input")},_react.default.createElement(_.Input,{name:"a",size:"small",value:parseInt((alpha*100).toFixed(2)),onChange:function(e){var val=parseInt(e.target.value)/100;if(isNaN(val))return;if(val<0){val=0}if(val>1){val=1}setAlpha(val)}}),_react.default.createElement("label",{htmlFor:"a"},"A"))))};var _default=ColorPalette;
|
package/lib/input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));var _common=require("@moneko/common");require("./index.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,size=_param.size,disabled=_param.disabled,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value","size","disabled"]);var ref=_slicedToArray((0,_react.useState)(false),2),focus=ref[0],setFocus=ref[1];var cls=(0,_react.useMemo)(function(){return(0,_common.classNames)((0,_getPrefixCls.default)("input-wrapper"),(0,_getPrefixCls.default)("input-".concat(type)),size&&(0,_getPrefixCls.default)("input-".concat(size)),disabled&&(0,_getPrefixCls.default)("input-disabled"),focus&&(0,_getPrefixCls.default)("input-focus"),className)},[className,disabled,focus,size,type]);return _react.default.createElement("span",{className:cls},prefix&&_react.default.createElement("span",{className:(0,_getPrefixCls.default)("input-prefix")},prefix),_react.default.createElement("input",_extends({value:value,className:(0,_getPrefixCls.default)("input"),type:type,disabled:disabled,onFocus:function(){return setFocus(true)},onBlur:function(){return setFocus(false)}},prpos)),suffix&&_react.default.createElement("span",{className:(0,_getPrefixCls.default)("input-suffix")},suffix))};var _default=Input;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interopRequireWildcard(require("react"));var _getPrefixCls=_interopRequireDefault(require("../get-prefix-cls"));var _common=require("@moneko/common");require("./index.global.css");function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,size=_param.size,disabled=_param.disabled,onChange=_param.onChange,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value","size","disabled","onChange"]);var ref=_slicedToArray((0,_react.useState)(false),2),focus=ref[0],setFocus=ref[1];var cls=(0,_react.useMemo)(function(){return(0,_common.classNames)((0,_getPrefixCls.default)("input-wrapper"),(0,_getPrefixCls.default)("input-".concat(type)),size&&(0,_getPrefixCls.default)("input-".concat(size)),disabled&&(0,_getPrefixCls.default)("input-disabled"),focus&&(0,_getPrefixCls.default)("input-focus"),className)},[className,disabled,focus,size,type]);return _react.default.createElement("span",{className:cls},prefix&&_react.default.createElement("span",{className:(0,_getPrefixCls.default)("input-prefix")},prefix),_react.default.createElement("input",_extends({value:value,className:(0,_getPrefixCls.default)("input"),type:type,disabled:disabled,onFocus:function(){return setFocus(true)},onBlur:function(){return setFocus(false)},onChange:function(e){return onChange===null||onChange===void 0?void 0:onChange(e)}},prpos)),suffix&&_react.default.createElement("span",{className:(0,_getPrefixCls.default)("input-suffix")},suffix))};var _default=Input;
|