x-ui-design 0.3.17 → 0.3.19
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 +4 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/lib/components/Select/Select.tsx +4 -4
- package/lib/components/Select/style.css +1 -1
- package/package.json +1 -1
- package/src/app/page.tsx +29 -27
package/dist/index.esm.js
CHANGED
|
@@ -2916,7 +2916,7 @@ var Tag$1 = /*#__PURE__*/Object.freeze({
|
|
|
2916
2916
|
default: Tag
|
|
2917
2917
|
});
|
|
2918
2918
|
|
|
2919
|
-
var css_248z$5 = "@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-select{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);box-sizing:border-box;color:var(--xui-text-color);display:inline-flex;flex-direction:row-reverse;margin-bottom:15px;min-height:24px;padding:2px 8px;position:relative;width:100%}.xUi-select-disabled{background:rgba(0,0,0,.04)}.xUi-select-arrow{align-items:center;color:var(--xui-text-color-light);display:flex;gap:6px;margin:0 4px}.xUi-select-arrow svg{align-items:center;display:flex;justify-content:center}.xUi-select-loading{animation:spin 1s linear infinite;color:var(--xui-text-color-light);display:inline-block;margin:0 8px}.xUi-select .xUi-select-trigger{align-items:center;background:transparent;border-radius:var(--xui-border-radius-sm);cursor:pointer;display:flex;justify-content:
|
|
2919
|
+
var css_248z$5 = "@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-select{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);box-sizing:border-box;color:var(--xui-text-color);display:inline-flex;flex-direction:row-reverse;margin-bottom:15px;min-height:24px;padding:2px 8px;position:relative;width:100%}.xUi-select-disabled{background:rgba(0,0,0,.04)}.xUi-select-arrow{align-items:center;color:var(--xui-text-color-light);display:flex;gap:6px;margin:0 4px}.xUi-select-arrow svg{align-items:center;display:flex;justify-content:center}.xUi-select-loading{animation:spin 1s linear infinite;color:var(--xui-text-color-light);display:inline-block;margin:0 8px}.xUi-select .xUi-select-trigger{align-items:center;background:transparent;border-radius:var(--xui-border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;width:100%}.xUi-select .xUi-select-clear-btn{background:none;border:none;color:#999;cursor:pointer;font-size:var(--xui-font-size-lg);line-height:1;margin:0 8px;padding:0}.xUi-select .xUi-select-clear-btn:hover{color:var(--xui-primary-color)}.xUi-select-dropdown{background-color:var(--xui-select-background-color);border-radius:var(--xui-border-radius-sm);box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;margin-top:5px;max-height:350px;min-width:max-content;overflow-y:auto;position:absolute;right:unset;top:100%;width:inherit;z-index:10}.xUi-select-dropdown.bottomRight,.xUi-select-dropdown.topRight{left:unset;right:0}.xUi-select .xUi-select-loading-spinner{color:#999;padding:10px;text-align:center}.xUi-select:focus-within{border-color:var(--xui-primary-color-light);box-shadow:none}.xUi-select:hover:not(.xUi-select-disabled){border-color:var(--xui-primary-color)}.xUi-select-disabled,.xUi-select-disabled .xUi-select-input,.xUi-select-disabled .xUi-select-trigger{cursor:not-allowed!important;opacity:.6!important}.xUi-select-selected-icon{color:var(--xui-primary-color-light)}.xUi-select-error{border-color:var(--xui-error-color)}.xUi-select-arrow .error-svg-icon,.xUi-select-error .error-svg-icon{color:var(--xui-error-color)}.xUi-select .xUi-select-input{align-items:center;background:transparent;border:none;color:var(--xui-text-color);cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);height:-webkit-fill-available;outline:none;padding:0;user-select:none;width:100%}.xUi-select .xUi-select-input:focus{border:none;box-shadow:none;outline:none}.xUi-select.middle{border-radius:var(--xui-border-radius-md);min-height:30px}.xUi-select.middle,.xUi-select.middle input{font-size:var(--xui-font-size-md)}.xUi-select.middle .xUi-select-trigger{border-radius:var(--xui-border-radius-md)}.xUi-select.large{font-size:var(--xui-font-size-lg);min-height:40px}.xUi-select.large,.xUi-select.large .xUi-select-trigger{border-radius:var(--xui-border-radius-lg)}.xUi-select input{font-size:var(--xui-font-size-lg)}";
|
|
2920
2920
|
styleInject(css_248z$5);
|
|
2921
2921
|
|
|
2922
2922
|
const LIST_HEIGHT = 200;
|
|
@@ -2979,7 +2979,6 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2979
2979
|
const asMultiple = mode === 'multiple';
|
|
2980
2980
|
const hasMode = asTag || asMultiple;
|
|
2981
2981
|
const initialValue = useMemo(() => value || defaultValue || '', [value, defaultValue]);
|
|
2982
|
-
console.log(initialValue);
|
|
2983
2982
|
const checkModeInitialValue = useMemo(() => (!Array.isArray(initialValue) ? [initialValue] : initialValue).filter(e => e), [initialValue]);
|
|
2984
2983
|
const [isHover, setIsHover] = useState(false);
|
|
2985
2984
|
const selectRef = useRef(null);
|
|
@@ -3302,7 +3301,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3302
3301
|
onMouseEnter: handleMouseEnter,
|
|
3303
3302
|
onMouseLeave: handleMouseLeave,
|
|
3304
3303
|
className: `${prefixCls}-trigger`
|
|
3305
|
-
}, showSearch ? /*#__PURE__*/React$1.createElement("div", {
|
|
3304
|
+
}, showSearch || hasMode ? /*#__PURE__*/React$1.createElement("div", {
|
|
3306
3305
|
style: {
|
|
3307
3306
|
...style,
|
|
3308
3307
|
...(isOpen ? {
|
|
@@ -3318,13 +3317,13 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3318
3317
|
value: tag,
|
|
3319
3318
|
onClose: handleRemoveTag,
|
|
3320
3319
|
closable: true
|
|
3321
|
-
})) : /*#__PURE__*/React$1.createElement(Tag, {
|
|
3320
|
+
})) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, console.log(extractedOptions), /*#__PURE__*/React$1.createElement(Tag, {
|
|
3322
3321
|
closable: true,
|
|
3323
3322
|
value: tag,
|
|
3324
3323
|
label: tag === '' ? placeholder : extractedOptions.find(e => e.value === tag)?.children || tag,
|
|
3325
3324
|
onClose: handleRemoveTag,
|
|
3326
3325
|
key: `${index}_${tag}`
|
|
3327
|
-
})), isOpen ? /*#__PURE__*/React$1.createElement("div", {
|
|
3326
|
+
}))), isOpen ? /*#__PURE__*/React$1.createElement("div", {
|
|
3328
3327
|
className: `${prefixCls}-tag`
|
|
3329
3328
|
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3330
3329
|
onClick: e => {
|