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/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
- if (inputRef.current) {
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;