x-ui-design 0.6.67 → 0.6.69
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.esm.js
CHANGED
|
@@ -3001,7 +3001,7 @@ function applyMask(raw, mask, maskChar = MASK_CHAR) {
|
|
|
3001
3001
|
};
|
|
3002
3002
|
}
|
|
3003
3003
|
|
|
3004
|
-
var css_248z$b = ".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;
|
|
3004
|
+
var css_248z$b = ".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)}";
|
|
3005
3005
|
styleInject(css_248z$b);
|
|
3006
3006
|
|
|
3007
3007
|
const InputComponent = ({
|
|
@@ -3524,6 +3524,8 @@ const Select = ({
|
|
|
3524
3524
|
setSelected(hasMode ? checkModeInitialValue : initialValue);
|
|
3525
3525
|
}, [checkModeInitialValue, hasMode, initialValue]);
|
|
3526
3526
|
const handleClickOutside = useCallback(event => {
|
|
3527
|
+
event.preventDefault();
|
|
3528
|
+
event.stopPropagation();
|
|
3527
3529
|
if (!selectRef.current) return;
|
|
3528
3530
|
const dropdown = document.querySelector(`.${prefixCls}-dropdown`) || document.querySelector(`.${prefixClsV3}-dropdown`);
|
|
3529
3531
|
const clickedInside = selectRef.current.contains(event?.target) || dropdown && dropdown.contains(event?.target);
|
|
@@ -3656,6 +3658,8 @@ const Select = ({
|
|
|
3656
3658
|
handleClearInputValue();
|
|
3657
3659
|
};
|
|
3658
3660
|
const handleSelect = (e, optionValue, option) => {
|
|
3661
|
+
e.preventDefault();
|
|
3662
|
+
e.stopPropagation();
|
|
3659
3663
|
if (hasMode) {
|
|
3660
3664
|
if (maxCount && selected.length >= maxCount && !selected.includes(optionValue)) {
|
|
3661
3665
|
return;
|
|
@@ -3774,7 +3778,9 @@ const Select = ({
|
|
|
3774
3778
|
return valueToCheck.toLowerCase().includes(searchQuery.toLowerCase());
|
|
3775
3779
|
});
|
|
3776
3780
|
}, [extractedOptions, filterOption, optionFilterProp, searchQuery]);
|
|
3777
|
-
const handleTriggerClick =
|
|
3781
|
+
const handleTriggerClick = e => {
|
|
3782
|
+
e.preventDefault();
|
|
3783
|
+
e.stopPropagation();
|
|
3778
3784
|
if (!disabled) {
|
|
3779
3785
|
setIsOpen(!isOpen);
|
|
3780
3786
|
onDropdownVisibleChange?.(!isOpen, selected);
|