x-ui-design 1.0.38 → 1.0.41
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/types/switch.d.ts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.esm.js +13 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -4
- package/dist/index.js.map +1 -1
- package/lib/components/Select/Select.tsx +8 -2
- package/lib/components/Switch/Switch.tsx +3 -3
- package/lib/types/switch.ts +3 -3
- package/package.json +1 -1
- package/src/app/page.tsx +6 -4
package/dist/index.d.ts
CHANGED
|
@@ -110,9 +110,9 @@ type SwitchProps = DefaultProps & {
|
|
|
110
110
|
defaultChecked?: boolean;
|
|
111
111
|
checked?: boolean;
|
|
112
112
|
controlled?: boolean;
|
|
113
|
-
icons
|
|
114
|
-
checked
|
|
115
|
-
unchecked
|
|
113
|
+
icons?: {
|
|
114
|
+
checked?: ReactNode;
|
|
115
|
+
unchecked?: ReactNode;
|
|
116
116
|
};
|
|
117
117
|
};
|
|
118
118
|
|
package/dist/index.esm.js
CHANGED
|
@@ -2306,9 +2306,9 @@ const Switch = ({
|
|
|
2306
2306
|
onClick: handleClick
|
|
2307
2307
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2308
2308
|
className: `${prefixCls}__slider ${prefixClsV3}__slider`
|
|
2309
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
2309
|
+
}), icons && /*#__PURE__*/React.createElement("div", {
|
|
2310
2310
|
className: `${prefixCls}__icon ${prefixClsV3}__icon ${internalChecked ? `${prefixCls}__icon-checked ${prefixClsV3}__icon-checked` : `${prefixCls}__icon-unchecked ${prefixClsV3}__icon-unchecked`}`
|
|
2311
|
-
}, internalChecked ? icons
|
|
2311
|
+
}, internalChecked ? icons?.checked : icons?.unchecked)));
|
|
2312
2312
|
};
|
|
2313
2313
|
Switch.displayName = 'Switch';
|
|
2314
2314
|
|
|
@@ -4329,6 +4329,7 @@ const Select = ({
|
|
|
4329
4329
|
const checkModeInitialValue = useMemo(() => (!Array.isArray(initialValue) ? [initialValue] : initialValue).filter(e => e !== undefined && e !== ''), [initialValue]);
|
|
4330
4330
|
const [isHover, setIsHover] = useState(false);
|
|
4331
4331
|
const selectRef = useRef(null);
|
|
4332
|
+
const selectInputRef = useRef(null);
|
|
4332
4333
|
const [searchInputWidth, setSearchInputWidth] = useState(0);
|
|
4333
4334
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
4334
4335
|
const [searchFocused, setSearchFocused] = useState(false);
|
|
@@ -4432,6 +4433,9 @@ const Select = ({
|
|
|
4432
4433
|
} else {
|
|
4433
4434
|
if (showSearch) {
|
|
4434
4435
|
setSearchFocused(true);
|
|
4436
|
+
if (selectInputRef.current) {
|
|
4437
|
+
selectInputRef.current.focus();
|
|
4438
|
+
}
|
|
4435
4439
|
searchInputRef.current?.focus();
|
|
4436
4440
|
}
|
|
4437
4441
|
}
|
|
@@ -4567,7 +4571,7 @@ const Select = ({
|
|
|
4567
4571
|
}
|
|
4568
4572
|
}
|
|
4569
4573
|
clearTimeout(timeout);
|
|
4570
|
-
});
|
|
4574
|
+
}, 20);
|
|
4571
4575
|
};
|
|
4572
4576
|
const ArrowContainer = useMemo(() => {
|
|
4573
4577
|
if (!showArrow) {
|
|
@@ -4742,7 +4746,12 @@ const Select = ({
|
|
|
4742
4746
|
}
|
|
4743
4747
|
}, searchFocused ? '' : placeholder)) : null, isOpen ? /*#__PURE__*/React.createElement("div", {
|
|
4744
4748
|
className: `${prefixCls}-tag ${prefixClsV3}-tag contentEditable`
|
|
4745
|
-
}, /*#__PURE__*/React.createElement("
|
|
4749
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
4750
|
+
ref: selectInputRef,
|
|
4751
|
+
style: {
|
|
4752
|
+
display: 'none'
|
|
4753
|
+
}
|
|
4754
|
+
}), /*#__PURE__*/React.createElement("div", _extends({
|
|
4746
4755
|
ref: searchInputRef,
|
|
4747
4756
|
onClick: e => {
|
|
4748
4757
|
if (disabled) {
|