@easyv/react-components 0.3.18 → 0.4.0
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/dist/ColorsPicker/LinearColorPicker/LinearColorInput.d.ts +10 -0
- package/dist/ColorsPicker/LinearColorPicker/LinearColorPanel.d.ts +9 -0
- package/dist/ColorsPicker/PureColorPicker/PureColorInput.d.ts +8 -0
- package/dist/ColorsPicker/PureColorPicker/PureColorPanel.d.ts +9 -0
- package/dist/ColorsPicker/PuresColorPicker/PuresColorPanel.d.ts +9 -0
- package/dist/ColorsPicker/RangeColorPicker/RangeColorPanel.d.ts +9 -0
- package/dist/Input/index.js +3 -2
- package/dist/Input/interface.d.ts +2 -0
- package/dist/InputNumber/index.js +7 -2
- package/dist/InputNumber/interface.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ColorValueMap } from '../interface';
|
|
2
|
+
interface LinearColorInputProps {
|
|
3
|
+
value: ColorValueMap['linear'];
|
|
4
|
+
disabledOutAlpha?: boolean;
|
|
5
|
+
disabledAlpha?: boolean;
|
|
6
|
+
onTrigger: () => void;
|
|
7
|
+
onChange: (val: ColorValueMap['linear']) => void;
|
|
8
|
+
}
|
|
9
|
+
export default function LinearColorInput({ value, disabledOutAlpha, disabledAlpha, onChange, onTrigger, }: LinearColorInputProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ColorValueMap } from '../interface';
|
|
2
|
+
interface LinearColorPanelProps {
|
|
3
|
+
value: ColorValueMap['linear'];
|
|
4
|
+
disabledAlpha?: boolean;
|
|
5
|
+
onChange?: (value: ColorValueMap['linear']) => void;
|
|
6
|
+
onChangeComplete?: (value: ColorValueMap['linear']) => void;
|
|
7
|
+
}
|
|
8
|
+
export default function LinearColorPanel({ value, disabledAlpha, onChange, onChangeComplete, }: LinearColorPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface PureColorInputProps {
|
|
2
|
+
disabledAlpha?: boolean;
|
|
3
|
+
value: string;
|
|
4
|
+
onTrigger: () => void;
|
|
5
|
+
onChange?: (val: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export default function PureColorInput({ disabledAlpha, value, onChange, onTrigger, }: PureColorInputProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ColorValueMap } from '../interface';
|
|
2
|
+
interface PureColorPanelProps {
|
|
3
|
+
disabledAlpha?: boolean;
|
|
4
|
+
value: ColorValueMap['pure'];
|
|
5
|
+
onChange?: (value: ColorValueMap['pure']) => void;
|
|
6
|
+
onChangeComplete?: (value: ColorValueMap['pure']) => void;
|
|
7
|
+
}
|
|
8
|
+
export default function PureColorPanel({ disabledAlpha, value, onChange, onChangeComplete, }: PureColorPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ColorValueMap } from '../interface';
|
|
2
|
+
interface PuresColorPanelProps {
|
|
3
|
+
disabledAlpha?: boolean;
|
|
4
|
+
value: ColorValueMap['pures'];
|
|
5
|
+
onChange?: (value: ColorValueMap['pures']) => void;
|
|
6
|
+
onChangeComplete?: (value: ColorValueMap['pures']) => void;
|
|
7
|
+
}
|
|
8
|
+
export default function PuresColorPanel({ disabledAlpha, value, onChange, onChangeComplete, }: PuresColorPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ColorValueMap } from '../interface';
|
|
2
|
+
interface RangeColorPanelProps {
|
|
3
|
+
value: ColorValueMap['range'];
|
|
4
|
+
disabledAlpha?: boolean;
|
|
5
|
+
onChange?: (value: ColorValueMap['range']) => void;
|
|
6
|
+
onChangeComplete?: (value: ColorValueMap['range']) => void;
|
|
7
|
+
}
|
|
8
|
+
export default function RangeColorPanel({ value, disabledAlpha, onChange, onChangeComplete, }: RangeColorPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
package/dist/Input/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
2
|
var _excluded = ["value", "defaultValue", "enableEmpty", "autoSelect", "changeOnBlur", "bordered", "className", "onPressEnter", "onFocus", "onBlur", "onChange"],
|
|
3
3
|
_excluded2 = ["onSearch"],
|
|
4
|
-
_excluded3 = ["value", "defaultValue", "changeOnBlur", "bordered", "className", "onBlur", "onChange"];
|
|
4
|
+
_excluded3 = ["value", "defaultValue", "changeOnBlur", "bordered", "className", "enableEmpty", "onBlur", "onChange"];
|
|
5
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -118,6 +118,7 @@ var InputTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
118
118
|
_props$bordered2 = props.bordered,
|
|
119
119
|
bordered = _props$bordered2 === void 0 ? true : _props$bordered2,
|
|
120
120
|
className = props.className,
|
|
121
|
+
enableEmpty = props.enableEmpty,
|
|
121
122
|
onBlur = props.onBlur,
|
|
122
123
|
onChange = props.onChange,
|
|
123
124
|
restProps = _objectWithoutProperties(props, _excluded3);
|
|
@@ -146,7 +147,7 @@ var InputTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
146
147
|
// changeOnBlur 为 true 模式下,失去焦点的时候才提交值的修改
|
|
147
148
|
var handleBlur = useCallback(function (e) {
|
|
148
149
|
if (refValue.current !== undefined && refValue.current !== value) {
|
|
149
|
-
if (refValue.current !== '') {
|
|
150
|
+
if (enableEmpty || refValue.current !== '') {
|
|
150
151
|
onChange === null || onChange === void 0 ? void 0 : onChange(refValue.current, e);
|
|
151
152
|
} else {
|
|
152
153
|
setLocalValue(value);
|
|
@@ -16,5 +16,7 @@ interface XInputProps extends InputProps, BaseInputProps {
|
|
|
16
16
|
interface XInputSearchProps extends InputSearchProps, BaseInputProps {
|
|
17
17
|
}
|
|
18
18
|
interface XTextAreaProps extends TextAreaProps, BaseInputProps {
|
|
19
|
+
/** 是否允许文本为空 */
|
|
20
|
+
enableEmpty?: boolean;
|
|
19
21
|
}
|
|
20
22
|
export type { XInputProps as InputProps, XInputSearchProps as InputSearchProps, RefInputType, RefTextAreaType, XTextAreaProps as TextAreaProps, };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["min", "max", "step", "precision", "value", "defaultValue", "prefix", "suffix", "hideControl", "onChange"];
|
|
2
|
+
var _excluded = ["min", "max", "step", "precision", "value", "defaultValue", "prefix", "suffix", "hideControl", "onChange", "onPointMoveStart", "onPointMoveEnd"];
|
|
3
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -35,6 +35,8 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
35
35
|
suffix = props.suffix,
|
|
36
36
|
hideControl = props.hideControl,
|
|
37
37
|
onChange = props.onChange,
|
|
38
|
+
onPointMoveStart = props.onPointMoveStart,
|
|
39
|
+
onPointMoveEnd = props.onPointMoveEnd,
|
|
38
40
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
39
41
|
var getPropsValue = function getPropsValue() {
|
|
40
42
|
if ('value' in props) {
|
|
@@ -85,7 +87,9 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
85
87
|
var handleMoveStart = function handleMoveStart() {
|
|
86
88
|
dragRef.current = true;
|
|
87
89
|
var initValue = getPropsValue();
|
|
88
|
-
|
|
90
|
+
var val = initValue === undefined ? undefined : isNaN(Number(initValue)) ? undefined : Number(initValue);
|
|
91
|
+
originValue.current = val;
|
|
92
|
+
onPointMoveStart(val);
|
|
89
93
|
};
|
|
90
94
|
var handlePointMove = function handlePointMove(_ref) {
|
|
91
95
|
var movementX = _ref.movementX;
|
|
@@ -106,6 +110,7 @@ var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
106
110
|
};
|
|
107
111
|
var handlePointMoveEnd = function handlePointMoveEnd() {
|
|
108
112
|
dragRef.current = false;
|
|
113
|
+
onPointMoveEnd(+localValue);
|
|
109
114
|
};
|
|
110
115
|
var handleCountUp = function handleCountUp() {
|
|
111
116
|
if (props.disabled) {
|
|
@@ -6,5 +6,7 @@ interface XInputNumberProps extends Omit<InputNumberProps, 'value' | 'defaultVal
|
|
|
6
6
|
bordered?: boolean;
|
|
7
7
|
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
8
8
|
onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
9
|
+
onPointMoveStart: (value?: number) => void;
|
|
10
|
+
onPointMoveEnd: (value: number) => number;
|
|
9
11
|
}
|
|
10
12
|
export { XInputNumberProps as InputNumberProps };
|