x-ui-design 1.0.25 → 1.0.26
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/esm/types/components/Input/Input.d.ts +26 -6
- package/dist/esm/types/index.d.ts +24 -1
- package/dist/esm/types/types/input.d.ts +1 -2
- package/dist/index.d.ts +26 -2
- package/dist/index.esm.js +5 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -10
- package/dist/index.js.map +1 -1
- package/lib/components/Input/Input.tsx +5 -10
- package/lib/types/input.ts +1 -2
- package/package.json +1 -1
- package/src/app/page.tsx +1 -6
package/dist/index.js
CHANGED
|
@@ -3850,7 +3850,7 @@ function applyMask(raw, mask, maskChar = MASK_CHAR) {
|
|
|
3850
3850
|
var css_248z$f = ".xUi-input-container{align-items:center;background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);display:flex;overflow:hidden}.xUi-input-container:not(.xUi-input-error):not(.xUi-input-disabled):has(.xUi-input):hover,.xUi-input-container:not(.xUi-input-error):not(.xUi-input-disabled):has(.xUi-input:focus){border:1px solid var(--xui-primary-color)}.xUi-input-container.xUi-input-error{border-color:var(--xui-error-color)}.xUi-input-container.xUi-input-error .error-svg-icon,.xUi-input-suffix .error-svg-icon{color:var(--xui-error-color)}.xUi-input-wrapper{align-items:center;display:flex;flex-grow:1;position:relative;transition:border .3s}.xUi-input,.xUi-input-wrapper{background-color:transparent;height:-webkit-fill-available}.xUi-input{border:none;color:var(--xui-text-color);flex:1;outline:none;padding:.1px 7px;width:100%}.xUi-input:placeholder-shown{text-overflow:ellipsis}.xUi-input::placeholder{color:var(--xui-text-color);opacity:.6}.xUi-input-prefix,.xUi-input-suffix{background-color:transparent;gap:4px}.xUi-input-addon,.xUi-input-prefix,.xUi-input-suffix{align-items:center;color:var(--xui-text-color);display:flex;height:-webkit-fill-available;padding:0 7px}.xUi-input-addon.xUi-input-after{border-left:1px solid var(--xui-border-color)}.xUi-input-addon.xUi-input-before{border-right:1px solid var(--xui-border-color)}.xUi-input-large .xUi-input-addon{padding:0 10px}.xUi-input-clear{align-items:center;cursor:pointer;display:flex;margin:0 5px;position:relative;width:16px}.xUi-input-clear svg{color:var(--xui-text-color)}.xUi-input-disabled,.xUi-input-disabled .xUi-input,.xUi-input-disabled .xUi-input-suffix{background-color:var(--xui-color-disabled);cursor:not-allowed}.xUi-input-small{height:22px}.xUi-input-large .xUi-input-clear,.xUi-input-small .xUi-input,.xUi-input-small .xUi-input::placeholder{font-size:var(--xui-font-size-md)}.xUi-input-middle{border-radius:var(--xui-border-radius-md);height:30px}.xUi-input-large .xUi-input-clear,.xUi-input-middle .xUi-input,.xUi-input-middle .xUi-input::placeholder{font-size:var(--xui-font-size-md)}.xUi-input-large{border-radius:var(--xui-border-radius-lg);height:44px}.xUi-input-large .xUi-input,.xUi-input-large .xUi-input-clear,.xUi-input-large .xUi-input::placeholder{font-size:var(--xui-font-size-lg)}";
|
|
3851
3851
|
styleInject(css_248z$f);
|
|
3852
3852
|
|
|
3853
|
-
const InputComponent = ({
|
|
3853
|
+
const InputComponent = /*#__PURE__*/React.forwardRef(({
|
|
3854
3854
|
size = 'large',
|
|
3855
3855
|
error,
|
|
3856
3856
|
suffix,
|
|
@@ -3870,17 +3870,13 @@ const InputComponent = ({
|
|
|
3870
3870
|
mask,
|
|
3871
3871
|
maskChar = MASK_CHAR,
|
|
3872
3872
|
maskRegex = MASK_REGEX,
|
|
3873
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3874
3873
|
// @ts-expect-error
|
|
3875
3874
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
3876
3875
|
__injected,
|
|
3877
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
3878
3876
|
defaultValue,
|
|
3879
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
3880
3877
|
child,
|
|
3881
|
-
ref,
|
|
3882
3878
|
...props
|
|
3883
|
-
}) => {
|
|
3879
|
+
}, ref) => {
|
|
3884
3880
|
const inputRef = React.useRef(null);
|
|
3885
3881
|
const lastKeyPressed = React.useRef(null);
|
|
3886
3882
|
const internalValue = mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '';
|
|
@@ -3893,9 +3889,7 @@ const InputComponent = ({
|
|
|
3893
3889
|
input: inputRef.current,
|
|
3894
3890
|
nativeElement: inputRef.current,
|
|
3895
3891
|
setSelectionRange: (start, end) => {
|
|
3896
|
-
|
|
3897
|
-
inputRef.current.setSelectionRange(start, end);
|
|
3898
|
-
}
|
|
3892
|
+
inputRef.current?.setSelectionRange(start, end);
|
|
3899
3893
|
}
|
|
3900
3894
|
}));
|
|
3901
3895
|
React.useEffect(() => {
|
|
@@ -3989,7 +3983,7 @@ const InputComponent = ({
|
|
|
3989
3983
|
} : {}), suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? /*#__PURE__*/React.createElement(ErrorIcon, null) : null)), addonAfter ? /*#__PURE__*/React.createElement("span", {
|
|
3990
3984
|
className: `${prefixCls}-addon ${prefixCls}-after ${prefixClsV3}-addon ${prefixClsV3}-after`
|
|
3991
3985
|
}, addonAfter) : null);
|
|
3992
|
-
};
|
|
3986
|
+
});
|
|
3993
3987
|
InputComponent.displayName = 'Input';
|
|
3994
3988
|
const Input$1 = InputComponent;
|
|
3995
3989
|
Input$1.TextArea = Textarea;
|