@opensumi/ide-components 2.12.1-next-079c1930

package/lib/select/index.js

@@ -0,0 +1,327 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectOptionsList = exports.Select = exports.isDataOptionGroups = exports.isDataOptions = exports.Option = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_2 = require("react");
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+require("./style.less");
+const icon_1 = require("../icon");
+const Option = (_a) => {
+    var { value, children, disabled, onClick, className } = _a, otherProps = (0, tslib_1.__rest)(_a, ["value", "children", "disabled", "onClick", "className"]);
+    return (react_1.default.createElement("span", Object.assign({}, otherProps, { className: (0, classnames_1.default)(className, { 'kt-option-disabled': disabled }), onClick: () => onClick && !disabled && onClick(value) }), children));
+};
+exports.Option = Option;
+function noop(...args) { }
+function getValueWithProps(element, key) {
+    if (key) {
+        return element.props[key];
+    }
+    return element.props.value;
+}
+function flatChildren(children, warpper) {
+    let flatted = [];
+    if (Array.isArray(children)) {
+        flatted = react_1.default.Children.toArray(children).map(warpper);
+    }
+    else {
+        flatted = [warpper(children)];
+    }
+    return flatted;
+}
+/**
+ * @deprecated
+ * 从react node 上获取 props 来比较有点反模式，不符合数据和视图解耦的思想
+ */
+function getLabelWithChildrenProps(value, children, equals = (v1, v2) => v1 === v2) {
+    var _a, _b, _c, _d;
+    const nodes = react_1.default.Children.toArray(children).filter((v) => react_1.default.isValidElement(v));
+    const currentOption = nodes.find((node) => {
+        var _a;
+        if (node.props) {
+            if (equals((_a = node.props) === null || _a === void 0 ? void 0 : _a.value, value)) {
+                return node;
+            }
+        }
+        return null;
+    });
+    return currentOption ? (((_a = currentOption.props) === null || _a === void 0 ? void 0 : _a.label) || ((_b = currentOption.props) === null || _b === void 0 ? void 0 : _b.value)) : ((_c = nodes[0].props) === null || _c === void 0 ? void 0 : _c.label) || ((_d = nodes[0].props) === null || _d === void 0 ? void 0 : _d.value);
+}
+function isDataOptions(options) {
+    if (!options) {
+        return false;
+    }
+    if (options.length === 0) {
+        return true;
+    }
+    return isDataOption(options[0]);
+}
+exports.isDataOptions = isDataOptions;
+function isDataOptionGroups(options) {
+    if (!options) {
+        return false;
+    }
+    if (options.length === 0) {
+        return true;
+    }
+    return isDataOptionGroup(options[0]);
+}
+exports.isDataOptionGroups = isDataOptionGroups;
+function isDataOption(option) {
+    return option.value !== undefined;
+}
+function isDataOptionGroup(option) {
+    return option.groupName !== undefined && isDataOptions(option.options);
+}
+function defaultOptionRenderer(v) {
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        v.data.iconClass ?
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(v.data.iconClass, 'kt-select-option-icon') })
+            : undefined,
+        v.data.label);
+}
+function defaultGroupTitleRenderer({ group, index }) {
+    return react_1.default.createElement("div", { key: 'header_' + index, className: 'kt-select-group-header' },
+        group.iconClass ?
+            react_1.default.createElement("div", { className: (0, classnames_1.default)(group.iconClass, 'kt-select-option-icon') })
+            : undefined,
+        react_1.default.createElement("div", null, group.groupName));
+}
+function defaultFilterOption(input, option) {
+    let strToSearch = option.label;
+    if (strToSearch === undefined) {
+        try {
+            strToSearch = option.value.toString();
+        }
+        catch (e) {
+            strToSearch = undefined;
+        }
+    }
+    if (typeof strToSearch === 'string') {
+        return strToSearch.indexOf(input) !== -1;
+    }
+    return false;
+}
+function Select({ disabled, options, size = 'default', children, value, onChange, optionLabelProp, style, optionStyle, className, maxHeight, equals = (v1, v2) => v1 === v2, optionRenderer = defaultOptionRenderer, groupTitleRenderer, footerComponent, headerComponent, setSelectHandle, showSearch = false, filterOption = defaultFilterOption, searchPlaceholder = '', emptyComponent, selectedRenderer, onBeforeShowOptions, allowOptionsOverflow, dropdownRenderType = 'fixed', }) {
+    const [open, setOpen] = (0, react_2.useState)(false);
+    const [searchInput, setSearchInput] = (0, react_2.useState)('');
+    const selectRef = react_1.default.useRef(null);
+    const overlayRef = react_1.default.useRef(null);
+    function toggleOpen() {
+        const target = !open;
+        if (target) {
+            if (onBeforeShowOptions && onBeforeShowOptions()) {
+                return;
+            }
+        }
+        setOpen(target);
+    }
+    if (!open && searchInput) {
+        setSearchInput('');
+    }
+    const optionsContainerClasses = (0, classnames_1.default)('kt-select-options', {
+        ['kt-select-options-visible']: open,
+        [`kt-select-options-${size}`]: size,
+    });
+    const selectClasses = (0, classnames_1.default)('kt-select-value', {
+        ['kt-select-disabled']: disabled,
+        ['kt-select-value-active']: open,
+        [`kt-select-value-${size}`]: size,
+    });
+    function Wrapper(node, index) {
+        var _a;
+        if (typeof node === 'string' || typeof node === 'number') {
+            node = react_1.default.createElement(exports.Option, { value: node, label: String(node), key: `${node}_${index}` }, node);
+        }
+        const disabled = ((_a = node.props) === null || _a === void 0 ? void 0 : _a.disabled) || false;
+        return react_1.default.createElement("div", { key: `${node.props.value}_${index}`, className: (0, classnames_1.default)({
+                ['kt-select-option-select']: value === node.props.value,
+            }), onClick: disabled ? noop : () => {
+                setOpen(false);
+                if (onChange) {
+                    onChange(getValueWithProps(node, optionLabelProp));
+                }
+            } }, node);
+    }
+    (0, react_2.useEffect)(() => {
+        if (selectRef.current && overlayRef.current) {
+            const boxRect = selectRef.current.getBoundingClientRect();
+            if (allowOptionsOverflow) {
+                overlayRef.current.style.minWidth = `${boxRect.width}px`;
+                // 防止戳出屏幕
+                overlayRef.current.style.maxWidth = `${window.innerWidth - boxRect.left - 4}px`;
+            }
+            else {
+                overlayRef.current.style.width = `${boxRect.width}px`;
+            }
+            // 防止戳出下方屏幕
+            const toBottom = window.innerHeight - boxRect.bottom;
+            if (!maxHeight || (toBottom < parseInt(maxHeight, 10))) {
+                overlayRef.current.style.maxHeight = `${toBottom}px`;
+            }
+            overlayRef.current.style.top = dropdownRenderType === 'fixed' ? `${boxRect.top + boxRect.height}px` : `${boxRect.height}px`;
+            overlayRef.current.style.position = dropdownRenderType === 'fixed' ? 'fixed' : 'absolute';
+        }
+        if (open) {
+            const listener = () => {
+                setOpen(false);
+            };
+            document.addEventListener('click', listener);
+            return () => {
+                document.removeEventListener('click', listener);
+            };
+        }
+    }, [open]);
+    function getSelectedValue() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        if (options && isDataOptions(options)) {
+            for (const option of options) {
+                if (equals(value, option.value)) {
+                    return {
+                        iconClass: option.iconClass,
+                        label: option.label,
+                        value: option.value,
+                    };
+                }
+            }
+            return {
+                iconClass: (_a = options[0]) === null || _a === void 0 ? void 0 : _a.iconClass,
+                label: (_b = options[0]) === null || _b === void 0 ? void 0 : _b.label,
+                value: (_c = options[0]) === null || _c === void 0 ? void 0 : _c.value,
+            };
+        }
+        else if (options && isDataOptionGroups(options)) {
+            for (const group of options) {
+                for (const option of group.options) {
+                    if (equals(value, option.value)) {
+                        return {
+                            iconClass: option.iconClass,
+                            label: option.label,
+                            value: option.value,
+                        };
+                    }
+                }
+            }
+            return {
+                iconClass: (_e = (_d = options[0]) === null || _d === void 0 ? void 0 : _d.options[0]) === null || _e === void 0 ? void 0 : _e.iconClass,
+                label: (_g = (_f = options[0]) === null || _f === void 0 ? void 0 : _f.options[0]) === null || _g === void 0 ? void 0 : _g.label,
+                value: (_j = (_h = options[0]) === null || _h === void 0 ? void 0 : _h.options[0]) === null || _j === void 0 ? void 0 : _j.value,
+            };
+        }
+        else {
+            const text = children && getLabelWithChildrenProps(value, children);
+            if (text) {
+                return {
+                    label: text,
+                    value: text,
+                };
+            }
+        }
+        return {
+            label: '',
+            value: '',
+        };
+    }
+    // 根据搜索输入过滤 options
+    if (searchInput) {
+        if (options && isDataOptions(options)) {
+            options = options.filter((o) => filterOption(searchInput, o));
+        }
+        else if (options && isDataOptionGroups(options)) {
+            const result = [];
+            for (const group of options) {
+                const filteredGroup = {
+                    iconClass: group.iconClass,
+                    groupName: group.groupName,
+                    options: group.options.filter((o) => filterOption(searchInput, o, group)),
+                };
+                if (filteredGroup.options.length > 0) {
+                    // 不显示空的group
+                    result.push(filteredGroup);
+                }
+            }
+            options = result;
+        }
+    }
+    const renderSelected = () => {
+        const selected = getSelectedValue();
+        const SC = selectedRenderer;
+        return react_1.default.createElement(react_1.default.Fragment, null,
+            SC ? react_1.default.createElement(SC, { data: selected }) :
+                react_1.default.createElement(react_1.default.Fragment, null,
+                    selected.iconClass ? react_1.default.createElement("span", { className: (0, classnames_1.default)(selected.iconClass, 'kt-select-option-icon') }) : undefined,
+                    react_1.default.createElement("span", { className: 'kt-select-option' }, selected.label)),
+            react_1.default.createElement(icon_1.Icon, { iconClass: (0, icon_1.getKaitianIcon)('down') }));
+    };
+    const renderSearch = () => {
+        return react_1.default.createElement("input", { className: (0, classnames_1.default)('kt-select-search'), onChange: (e) => { setSearchInput(e.target.value); }, value: searchInput, autoFocus: true, placeholder: searchPlaceholder || '' });
+    };
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('kt-select-container', className), ref: selectRef },
+        react_1.default.createElement("p", { className: selectClasses, onClick: toggleOpen, style: style }, showSearch && open ? renderSearch() : renderSelected()),
+        open && ((isDataOptions(options) || isDataOptionGroups(options)) ?
+            react_1.default.createElement(exports.SelectOptionsList, { optionRenderer: optionRenderer, options: options, equals: equals, optionStyle: optionStyle, currentValue: value, size: size, onSelect: (value) => {
+                    if (onChange) {
+                        onChange(value);
+                    }
+                    setOpen(false);
+                }, groupTitleRenderer: groupTitleRenderer, className: optionsContainerClasses, style: { maxHeight: `${maxHeight}px` }, ref: overlayRef, footerComponent: footerComponent, headerComponent: headerComponent, emptyComponent: emptyComponent }) :
+            // FIXME: to be deprecated
+            // 下面这种使用 children 的方式不够标准化，待废弃
+            react_1.default.createElement("div", { className: optionsContainerClasses, style: { maxHeight: `${maxHeight}px` }, ref: overlayRef },
+                options && options.map((v, i) => {
+                    return Wrapper(v, i);
+                }),
+                children && flatChildren(children, Wrapper),
+                react_1.default.createElement("div", { className: 'kt-select-overlay', onClick: toggleOpen })))));
+}
+exports.Select = Select;
+exports.SelectOptionsList = react_1.default.forwardRef((props, ref) => {
+    const { options, optionRenderer: OPC = defaultOptionRenderer, equals = (v1, v2) => v1 === v2, onSelect, currentValue, optionStyle, size, className, style, groupTitleRenderer: GT = defaultGroupTitleRenderer, renderCheck, headerComponent: HC, footerComponent: FC, emptyComponent: EC, } = props;
+    const optionsContainerClasses = (0, classnames_1.default)('kt-select-options', {
+        [`kt-select-options-${size}`]: true,
+    }, className);
+    function renderWithGroup(groups) {
+        return groups.map((group, index) => {
+            const header = react_1.default.createElement(GT, { group: group, index: index });
+            return react_1.default.createElement(react_1.default.Fragment, { key: 'group_' + index },
+                header,
+                renderWithoutGroup(group.options));
+        });
+    }
+    function renderWithoutGroup(options) {
+        return options && options.map((v, index) => {
+            const isCurrent = equals(currentValue, v.value);
+            return react_1.default.createElement(exports.Option, { value: index, key: index, className: (0, classnames_1.default)({
+                    ['kt-select-option-select']: isCurrent,
+                    ['kt-select-option-default']: true,
+                    ['kt-option-with-check']: renderCheck,
+                }), onClick: () => onSelect(v.value), style: optionStyle },
+                renderCheck && equals(currentValue, v.value) ? react_1.default.createElement("div", { className: 'kt-option-check' },
+                    react_1.default.createElement(icon_1.Icon, { icon: 'check' })) : undefined,
+                react_1.default.createElement(OPC, { data: v, isCurrent: isCurrent }));
+        });
+    }
+    let isEmpty;
+    if (isDataOptionGroups(options)) {
+        isEmpty = options.filter((group) => group.options.length > 0).length === 0;
+    }
+    else {
+        isEmpty = options.length === 0;
+    }
+    return react_1.default.createElement("div", { className: optionsContainerClasses, style: style, ref: ref, onClick: (event) => {
+            event.stopPropagation();
+        } },
+        HC ? react_1.default.createElement(HC, null) : null,
+        isEmpty && EC ? react_1.default.createElement(EC, null) :
+            ((isDataOptionGroups(options)) ? renderWithGroup(options) : renderWithoutGroup(options)) || (EC && react_1.default.createElement(EC, null)),
+        FC ? react_1.default.createElement(FC, null) : null);
+});
+// @ts-ignore
+function usePrevious(value) {
+    const ref = react_1.default.useRef();
+    (0, react_2.useEffect)(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+//# sourceMappingURL=index.js.map

package/lib/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.tsx"],"names":[],"mappings":"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"}

package/lib/select/style.less

@@ -0,0 +1,224 @@
+@import '../style/mixins.less';
+
+.kt-select-overlay {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  z-index: -1;
+}
+
+.kt-select-container {
+  position: relative;
+  user-select: none;
+  min-width: 0px;
+
+  .kt-select-search {
+    -webkit-appearance: none;
+    background: transparent;
+    line-height: inherit;
+    outline: none;
+    border: none;
+  }
+
+  .kt-select-value {
+    margin: 0px;
+    max-width: 100%;
+    border-radius: 2px;
+    color: var(--kt-select-foreground);
+    background-color: var(--kt-select-background);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0px 8px;
+    flex: 1;
+    border-style: solid;
+    border-width: 1px;
+    border-color: var(--kt-select-border);
+    cursor: pointer;
+    box-sizing: border-box;
+
+    & > span {
+      cursor: pointer;
+    }
+
+    .kt-select-option {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      flex: 1;
+      min-width: 0px;
+      cursor: pointer;
+      display: inline-block;
+      width: 100%;
+    }
+
+    .kt-select-value-active, &:hover {
+      box-sizing: border-box;
+      border-color: var(--kt-selectOption-activeBorder);
+    }
+
+    &.kt-select-disabled {
+      pointer-events: none;
+      background-color: var(--kt-select-disableBackground);
+      color: var(--kt-select-disableForeground);
+    }
+  }
+
+  .kt-select-value-active {
+    box-sizing: border-box;
+    border-color: var(--kt-selectOption-activeBorder);
+  }
+
+  .kt-select-value-large, .kt-select-value-large > span {
+    height: 30px;
+    font-size: 14px;
+    line-height: 30px;
+  }
+
+  .kt-select-value-default, .kt-select-value-default > span {
+    height: 28px;
+    font-size: 12px;
+    line-height: 28px;
+  }
+
+  .kt-select-value-small, .kt-select-value-small > span {
+    height: 22px;
+    font-size: 12px;
+    line-height: 22px;
+  }
+
+}
+
+.kt-select-option-icon {
+  margin-right: 5px;
+}
+
+.kt-select-options {
+  display: none;
+  position: fixed;
+  margin-top: 4px;
+  max-width: 100%;
+  color: var(--kt-selectDropdown-foreground);
+  background-color: var(--kt-selectDropdown-background);
+  z-index: 20;
+  border-radius: 2px;
+  overflow-y: auto !important;
+  .overlay-shadow();
+
+  .kt-select-option-default {
+    display: flex;
+    align-items: center;
+    .kt-select-option-icon {
+      margin-right:5px;
+    }
+    position: relative;
+  }
+
+  .kt-select-option-select {
+
+    span {
+      display: inline-block;
+      width: 100%;
+      background-color: var(--kt-selectDropdown-selectionBackground);
+      &:hover {
+        background-color: var(--kt-selectDropdown-selectionBackground);
+      }
+    }
+  }
+
+  span {
+    color: var(--kt-selectDropdown-foreground);
+    background-color: var(--kt-selectDropdown-background);
+    cursor: pointer;
+    height: 26px;
+    padding: 0px 16px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    line-height: 26px;
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
+    &:hover {
+      background-color: var(--kt-selectDropdown-hoverBackground);
+    }
+  }
+
+  .kt-option-disabled {
+    pointer-events: none;
+    background-color: var(--kt-select-disableBackground);
+    color: var(--kt-select-disableForeground);
+  }
+
+  &.kt-select-options-visible {
+    display: block;
+  }
+
+  &.kt-select-options-large {
+    padding: 4px 0px;
+
+    & > span, & > div > span {
+      height: 30px;
+      font-size: 14px;
+      line-height: 30px;
+    }
+    .kt-select-group-header {
+      font-size: 14px;
+      line-height: 30px;
+    }
+  }
+
+  &.kt-select-options-default {
+    padding: 3px 0px;
+
+    & > span, & > div > span {
+      height: 26px;
+      font-size: 12px;
+      line-height: 26px;
+    }
+    .kt-select-group-header {
+      font-size: 12px;
+      line-height: 26px;
+    }
+  }
+
+  &.kt-select-options-small {
+    padding: 3px 0px;
+
+    & > span, & > div > span {
+      height: 26px;
+      font-size: 12px;
+      line-height: 26px;
+    }
+    .kt-select-group-header {
+      font-size: 12px;
+      line-height: 26px;
+    }
+  }
+
+  .kt-option-with-check {
+    padding-left: 20px;
+  }
+
+  .kt-select-group-header {
+    padding-left:5px;
+    color: var(--kt-selectDropdown-teamForeground);
+    display: flex;
+  }
+
+  .kt-option-check {
+    position: absolute;
+    left:0;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    .kt-icon {
+      width: 20px;
+      padding: 0 4px;
+      background-color: transparent;
+    }
+  }
+}
+