doui-react 1.0.0

package/es/radio/component/utils.js

@@ -0,0 +1,25 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { combineClassName, lowercasedContains } from "../../api";
+import { highlightTextPropKeys } from "../../select/component/constant";
+import _ from 'lodash';
+export function parseHighlightTextAndRestProps(props) {
+  var highlightTextProps = _.pick(props, highlightTextPropKeys);
+  var restProps = _.omit(props, [].concat(_toConsumableArray(highlightTextPropKeys), ['__callback__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
+  return {
+    highlightTextProps: highlightTextProps,
+    restProps: restProps
+  };
+}
+export function generateOptionOnSearch(option, search) {
+  if (lowercasedContains(option.originLabel, search)) {
+    return option;
+  }
+  return _objectSpread(_objectSpread({}, option), {}, {
+    isNoMatchSearchText: true,
+    style: _objectSpread({
+      display: 'none'
+    }, option.style),
+    className: combineClassName('option-hidden', option.className)
+  });
+}

package/es/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/radio/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/radio/style/index.d.ts

@@ -0,0 +1,7 @@
+import { RadioProps } from "..";
+declare const style: {
+    wrapper: (props: RadioProps) => import("@emotion/react").SerializedStyles;
+    radio: import("@emotion/react").SerializedStyles;
+    box: (boxType?: string) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/radio/style/index.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { flexStyle, getClassName } from "../../api";
+import { css } from '@emotion/react';
+var verticalStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    width: 100%;\n  }\n"])), getClassName('radio'));
+var style = {
+  wrapper: function wrapper(props) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n  "])), flexStyle(props), props.vertical && verticalStyle);
+  },
+  radio: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .ant-radio-wrapper {\n      margin-right: 0;\n    }\n  "]))),
+  box: function box(boxType) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    min-width: 0;\n    font-size: 14px;\n\n    :has(.ant-", "-wrapper-disabled) {\n      cursor: not-allowed;\n      color: #00000040;\n    }\n\n    .", " {\n      min-width: 0;\n      padding: 0 8px;\n    }\n  "])), boxType, getClassName('box-label'));
+  }
+};
+export default style;

package/es/radio/type/index.d.ts

@@ -0,0 +1,32 @@
+import { BaseComponentProps, BaseFlexProps } from "../../api";
+import { BaseSelectProps } from "../../select";
+import { TextProps } from "../../text";
+import { RadioGroupProps } from 'antd';
+import { CheckboxProps as AntdCheckboxProps } from 'antd/lib/checkbox/Checkbox';
+import { ReactNode } from 'react';
+export interface BaseBoxProps extends Omit<AntdCheckboxProps, 'onChange'>, TextProps, BaseComponentProps {
+    children?: ReactNode;
+    text?: ReactNode;
+    /**
+     * @description 搜索文本
+     */
+    search?: string;
+    /**
+     * @description 选中的值
+     */
+    value?: any;
+    /**
+     * @description 选中状态变化时的回调
+     */
+    onChange?(value: any): void;
+    /**
+     * @description 选择框的 `tooltip`
+     */
+    boxTooltip?: TextProps['tooltip'];
+    inGroup?: boolean;
+}
+type UnionType = Omit<RadioGroupProps, 'options' | 'defaultValue' | 'onChange' | 'value'> & Omit<BaseBoxProps, 'defaultValue'> & BaseSelectProps & BaseFlexProps;
+export interface RadioProps extends UnionType {
+    defaultValue?: any;
+}
+export {};

package/es/radio/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/select/component/constant.d.ts

@@ -0,0 +1 @@
+export declare const highlightTextPropKeys: string[];

package/es/select/component/constant.js

@@ -0,0 +1 @@
+export var highlightTextPropKeys = ['highlightClassName', 'highlightStyle', 'rows', 'tooltip', 'autoShowTooltip'];

package/es/select/component/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from '../type';
+export declare function Select(props: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { useSelectOptions } from './use-select-options';

package/es/select/component/index.js

@@ -0,0 +1,16 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["multiple"];
+import { Select as AntdSelect } from 'antd';
+import { useSelect } from "./use-select";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Select(props) {
+  var _useSelect = useSelect(props),
+    multiple = _useSelect.multiple,
+    params = _objectWithoutProperties(_useSelect, _excluded);
+  var mode = multiple ? 'multiple' : undefined;
+  return _jsx(AntdSelect, _objectSpread({
+    mode: mode
+  }, params));
+}
+export { useSelectOptions } from "./use-select-options";

package/es/select/component/loading.d.ts

@@ -0,0 +1 @@
+export declare function Loading(): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/select/component/loading.js

@@ -0,0 +1,13 @@
+import { HStack } from "../../stack";
+import { Spin } from 'antd';
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Loading() {
+  return _jsx(HStack, {
+    justify: "center",
+    css: style.loading,
+    children: _jsx(Spin, {
+      size: "small"
+    })
+  });
+}

package/es/select/component/use-select-options.d.ts

@@ -0,0 +1,11 @@
+import { BaseSelectProps } from "..";
+interface DisplayValueProps extends Pick<BaseSelectProps, 'value' | 'options'> {
+    filterNotExistValue?: boolean;
+}
+export declare function getDisplayValue({ value, options, filterNotExistValue }: DisplayValueProps): any;
+export declare function useSelectOptions<T = any>({ value, loading, options, __callback__, shouldRerenderOptions, __filterNotExistValue__: filterNotExistValue, ...props }: BaseSelectProps): T & {
+    value: any;
+    options: import("..").SelectOptions | undefined;
+    displayOptions: any[];
+};
+export {};

package/es/select/component/use-select-options.js

@@ -0,0 +1,80 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "loading", "options", "__callback__", "shouldRerenderOptions", "__filterNotExistValue__"];
+import { useFormContext } from "../../form";
+import { isValueNotExistInOptions } from "../../form/component/utils";
+import { useDeepMemo } from "../../hooks";
+import _ from 'lodash';
+import { useEffect, useMemo } from 'react';
+import { generateOptions } from "./utils";
+var selectOptionsPropKeys = ['options', 'search', 'sort', 'renderLabel', 'presetProcessOption', 'finalProcessOption'];
+function parseSelectOptionsAndRestProps(props) {
+  var selectOptionsProps = _.pick(props, selectOptionsPropKeys);
+  var restProps = _.omit(props, selectOptionsPropKeys);
+  return {
+    selectOptionsProps: selectOptionsProps,
+    restProps: restProps
+  };
+}
+export function getDisplayValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    filterNotExistValue = _ref.filterNotExistValue;
+  if (!filterNotExistValue || !isValueNotExistInOptions(value, options)) {
+    return value;
+  }
+
+  // 多选
+  if (_.isArray(value)) {
+    return _.filter(value, function (item) {
+      return !isValueNotExistInOptions(item, options);
+    });
+  }
+}
+export function useSelectOptions(_ref2) {
+  var value = _ref2.value,
+    loading = _ref2.loading,
+    options = _ref2.options,
+    __callback__ = _ref2.__callback__,
+    shouldRerenderOptions = _ref2.shouldRerenderOptions,
+    filterNotExistValue = _ref2.__filterNotExistValue__,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var _useFormContext = useFormContext(),
+    formLoading = _useFormContext.loading;
+  var _parseSelectOptionsAn = parseSelectOptionsAndRestProps(props),
+    selectOptionsProps = _parseSelectOptionsAn.selectOptionsProps,
+    restProps = _parseSelectOptionsAn.restProps;
+  var memoValue = useDeepMemo(function () {
+    return value;
+  }, [value]);
+  var memoOptions = useDeepMemo(function () {
+    return options;
+  }, [options]);
+  var finalLoading = formLoading || loading;
+
+  // 收集属性
+  useEffect(function () {
+    var params = {
+      value: memoValue,
+      options: memoOptions,
+      loading: finalLoading
+    };
+    __callback__ === null || __callback__ === void 0 || __callback__(params);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [memoValue, memoOptions, finalLoading]);
+  var displayOptions = useMemo(function () {
+    return generateOptions(_objectSpread({
+      options: memoOptions
+    }, selectOptionsProps));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [memoOptions, selectOptionsProps.search, selectOptionsProps.sort, shouldRerenderOptions]);
+  return _objectSpread(_objectSpread({}, restProps), {}, {
+    value: getDisplayValue({
+      value: memoValue,
+      options: memoOptions,
+      filterNotExistValue: filterNotExistValue
+    }),
+    options: memoOptions,
+    displayOptions: displayOptions
+  });
+}

package/es/select/component/use-select.d.ts

@@ -0,0 +1,2 @@
+import { SelectProps } from "..";
+export declare function useSelect({ refs, showSearch, placeholder, renderDropdown, search: originalSearch, ...restProps }: SelectProps): any;

package/es/select/component/use-select.js

@@ -0,0 +1,136 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["refs", "showSearch", "placeholder", "renderDropdown", "search"],
+  _excluded2 = ["displayOptions"];
+import { executeFunction, getPopupContainer } from "../../api";
+import { useFormContext } from "../../form";
+import { useFetch } from "../../hooks";
+import { Text } from "../../text";
+import _ from 'lodash';
+import { useState } from 'react';
+import { Loading } from "./loading";
+import { useSelectOptions } from "./use-select-options";
+import { getComponentProps, getDependencies } from "./utils";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+function useFetchOptions(_ref) {
+  var options = _ref.options,
+    search = _ref.search,
+    _ref$debounce = _ref.debounce,
+    debounce = _ref$debounce === void 0 ? 300 : _ref$debounce,
+    loading = _ref.loading,
+    optionDependencies = _ref.optionDependencies;
+  var _useFormContext = useFormContext(),
+    values = _useFormContext.values,
+    formLoading = _useFormContext.loading;
+  var isFunctionOptions = _.isFunction(options);
+  var dependencies = getDependencies({
+    values: values,
+    search: search,
+    deps: optionDependencies,
+    isFunctionOptions: isFunctionOptions
+  });
+  var result = useFetch(function () {
+    return executeFunction(options, search);
+  }, dependencies, {
+    debounce: debounce,
+    automatic: isFunctionOptions && !formLoading,
+    requestOrderControl: true
+  });
+  if (isFunctionOptions) {
+    var _ref2;
+    return _objectSpread(_objectSpread({}, result), {}, {
+      loading: (_ref2 = loading !== null && loading !== void 0 ? loading : result.loading) !== null && _ref2 !== void 0 ? _ref2 : true
+    });
+  }
+  return {
+    data: options,
+    loading: loading
+  };
+}
+function renderMaxTag(omittedValues) {
+  var tooltip = omittedValues.map(function (value, index) {
+    return _jsx("div", {
+      children: value.label
+    }, index);
+  });
+  return _jsxs(Text, {
+    autoShowTooltip: false,
+    tooltip: {
+      title: tooltip,
+      align: {
+        offset: [0, 0]
+      }
+    },
+    children: ["+", omittedValues.length, "..."]
+  });
+}
+function useSearch(originalSearch) {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  return {
+    search: originalSearch !== null && originalSearch !== void 0 ? originalSearch : search,
+    setSearch: setSearch
+  };
+}
+export function useSelect(_ref3) {
+  var refs = _ref3.refs,
+    _ref3$showSearch = _ref3.showSearch,
+    showSearch = _ref3$showSearch === void 0 ? true : _ref3$showSearch,
+    _ref3$placeholder = _ref3.placeholder,
+    placeholder = _ref3$placeholder === void 0 ? 'Select' : _ref3$placeholder,
+    renderDropdown = _ref3.renderDropdown,
+    originalSearch = _ref3.search,
+    restProps = _objectWithoutProperties(_ref3, _excluded);
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useSearch = useSearch(originalSearch),
+    search = _useSearch.search,
+    setSearch = _useSearch.setSearch;
+  var _useFetchOptions = useFetchOptions(_objectSpread({
+      search: search
+    }, restProps)),
+    loading = _useFetchOptions.loading,
+    options = _useFetchOptions.data;
+  var _useSelectOptions = useSelectOptions(_objectSpread(_objectSpread({}, restProps), {}, {
+      search: search,
+      options: options,
+      loading: loading
+    })),
+    displayOptions = _useSelectOptions.displayOptions,
+    restSelectProps = _objectWithoutProperties(_useSelectOptions, _excluded2);
+  function onDropdownVisibleChange(open) {
+    setOpen(open);
+    setSearch('');
+  }
+  function customRenderDropdown(component) {
+    var finalLoading = open && loading;
+    if (renderDropdown) {
+      return renderDropdown({
+        loading: !!finalLoading,
+        component: component
+      });
+    }
+    return finalLoading ? _jsx(Loading, {}) : component;
+  }
+  return _objectSpread(_objectSpread({
+    ref: refs,
+    searchValue: search,
+    optionFilterProp: 'originLabel',
+    optionLabelProp: 'originLabel',
+    getPopupContainer: getPopupContainer,
+    dropdownRender: customRenderDropdown,
+    maxTagPlaceholder: renderMaxTag
+  }, getComponentProps(restSelectProps)), {}, {
+    placeholder: placeholder,
+    showSearch: showSearch,
+    loading: loading,
+    options: displayOptions,
+    onSearch: showSearch ? setSearch : undefined,
+    onDropdownVisibleChange: onDropdownVisibleChange
+  });
+}

package/es/select/component/utils.d.ts

@@ -0,0 +1,14 @@
+import { FormValues } from "../../form";
+import { BaseSelectProps, SelectOptions } from "..";
+import { DependencyList } from 'react';
+export declare function generateOptions({ options, sort, ...rest }: BaseSelectProps): any[];
+export declare function getOptionsValue(options?: SelectOptions): (string | number)[];
+interface DependenciesProps {
+    values?: FormValues;
+    deps?: DependencyList;
+    search: string;
+    isFunctionOptions: boolean;
+}
+export declare function getDependencies({ values, deps, search, isFunctionOptions }: DependenciesProps): (string | FormValues | undefined)[];
+export declare function getComponentProps(props: any): any;
+export {};

package/es/select/component/utils.js

@@ -0,0 +1,142 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["options", "sort"],
+  _excluded2 = ["option", "sort"],
+  _excluded3 = ["value", "label"];
+import { sortBy } from "../../api";
+import { HighlightText } from "../../highlight-text";
+import _ from 'lodash';
+import { highlightTextPropKeys } from "./constant";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function generateOptions(_ref) {
+  var _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    sort = _ref.sort,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mappedOptions = _.map(options, function (option) {
+    var finalOption = _.isObject(option) ? option : {
+      value: option,
+      label: option
+    };
+    return generateOption(_objectSpread({
+      option: finalOption,
+      sort: sort
+    }, rest));
+  });
+  var sorter = parseSort(sort);
+  if (!sorter) {
+    return mappedOptions;
+  }
+  if (_.isString(sorter)) {
+    var sortedOptions = sortBy(mappedOptions, 'originLabel');
+    return sorter === 'ascend' ? sortedOptions : sortedOptions.reverse();
+  }
+  return mappedOptions.sort(sorter);
+}
+function generateOption(_ref2) {
+  var _processedOption$sort;
+  var originalOption = _ref2.option,
+    sort = _ref2.sort,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var search = props.search,
+    renderLabel = props.renderLabel,
+    presetProcessOption = props.presetProcessOption,
+    finalProcessOption = props.finalProcessOption;
+  var option = presetProcessOption ? presetProcessOption(originalOption) : originalOption;
+  var _parseOptionProps = parseOptionProps(option),
+    selectOptionProps = _parseOptionProps.selectOptionProps,
+    highlightTextProps = _parseOptionProps.highlightTextProps;
+  var label = selectOptionProps.label,
+    disabled = selectOptionProps.disabled,
+    options = selectOptionProps.options;
+  var highlightText = _jsx(HighlightText, _objectSpread(_objectSpread({
+    autoShowTooltip: !(disabled && highlightTextProps.tooltip)
+  }, highlightTextProps), {}, {
+    text: "".concat(label),
+    highlight: search
+  }));
+  var labelComponent = renderLabel ? renderLabel(_objectSpread(_objectSpread({}, option), {}, {
+    component: highlightText,
+    search: search
+  })) : highlightText;
+  var optionsItem = _objectSpread(_objectSpread({}, selectOptionProps), {}, {
+    label: labelComponent,
+    originLabel: label
+  });
+  var processedOption = finalProcessOption ? finalProcessOption(optionsItem) : optionsItem;
+  if (_.isEmpty(options)) {
+    return processedOption;
+  }
+  return _objectSpread(_objectSpread({}, processedOption), {}, {
+    options: generateOptions(_objectSpread(_objectSpread({}, props), {}, {
+      options: options,
+      sort: (_processedOption$sort = processedOption.sort) !== null && _processedOption$sort !== void 0 ? _processedOption$sort : sort
+    }))
+  });
+}
+function parseOptionProps(props) {
+  var highlightTextProps = _.pick(props, highlightTextPropKeys);
+  var _ref3 = _.omit(props, highlightTextPropKeys),
+    value = _ref3.value,
+    label = _ref3.label,
+    restProps = _objectWithoutProperties(_ref3, _excluded3);
+  return {
+    highlightTextProps: highlightTextProps,
+    selectOptionProps: _objectSpread(_objectSpread({}, restProps), {}, {
+      label: label !== null && label !== void 0 ? label : value,
+      value: value !== null && value !== void 0 ? value : label
+    })
+  };
+}
+function parseSort() {
+  var sort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'ascend';
+  if (_.isBoolean(sort)) {
+    return sort ? 'ascend' : false;
+  }
+  return sort;
+}
+export function getOptionsValue(options) {
+  return _.flatMap(options, function (option) {
+    if (_.isObject(option)) {
+      var value = option.value,
+        label = option.label,
+        _options = option.options;
+      var values = [value !== null && value !== void 0 ? value : label];
+      if (_options) {
+        values.push.apply(values, _toConsumableArray(getOptionsValue(_options)));
+      }
+      return values;
+    }
+    return option;
+  });
+}
+export function getDependencies(_ref4) {
+  var values = _ref4.values,
+    deps = _ref4.deps,
+    search = _ref4.search,
+    isFunctionOptions = _ref4.isFunctionOptions;
+  if (!isFunctionOptions) {
+    return [];
+  }
+  var depsFormValues = parseDepsFormValues({
+    values: values,
+    deps: deps
+  });
+  return [search, depsFormValues];
+}
+function parseDepsFormValues(_ref5) {
+  var values = _ref5.values,
+    deps = _ref5.deps;
+  if (_.isNil(deps)) {
+    return values;
+  }
+  if (_.isEmpty(deps)) {
+    return;
+  }
+  return _.pick(values, deps);
+}
+export function getComponentProps(props) {
+  var keys = ['optionDependencies'];
+  return _.omit(props, keys);
+}

package/es/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/select/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/select/style/index.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    loading: import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/select/style/index.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+var style = {
+  loading: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: 20px 0;\n  "])))
+};
+export default style;

package/es/select/type/index.d.ts

@@ -0,0 +1,105 @@
+import { BaseComponentProps, FunctionReturn } from "../../api";
+import { UseFetchOptions } from "../../hooks";
+import { TextProps } from "../../text";
+import { SelectProps as AntdSelectProps } from 'antd/lib/select';
+import { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
+import { ReactNode } from 'react';
+/**
+ * @noExtends
+ */
+export interface SelectOption extends BaseOptionType, Omit<TextProps, 'children'> {
+    /**
+     * @description 内容文本
+     */
+    label?: string | number;
+    /**
+     * @description 选项的值
+     */
+    value?: string | number;
+    /**
+     * @description 分组的子选项
+     * @link SelectOptions: #select-option
+     */
+    options?: SelectOptions;
+    sort?: 'ascend' | 'descend' | boolean | ((a: DefaultOptionType, b: DefaultOptionType) => number);
+}
+export type SelectOptions = Array<SelectOption | string | number>;
+export interface BaseSelectProps {
+    value?: any;
+    loading?: boolean;
+    /**
+     * @description 选项
+     * @link SelectOptions: /components/select#select-option
+     */
+    options?: SelectOptions;
+    /**
+     * @description 搜索文本
+     */
+    search?: string;
+    /**
+     * @description 是否支持排序
+     * @default ascend
+     * @replaceAll 'ascend' | 'descend' | boolean
+     */
+    sort?: SelectOption['sort'];
+    /**
+     * @description 自定义 `label` 内容
+     */
+    renderLabel?(props: RenderLabelProps): ReactNode;
+    presetProcessOption?(option: SelectOption): SelectOption;
+    finalProcessOption?(option: DefaultOptionType): DefaultOptionType;
+    shouldRerenderOptions?: any;
+    /**
+     * 是否过滤选项中不存在的值
+     */
+    __filterNotExistValue__?: boolean;
+    __callback__?(props: SelectCallbackProps): void;
+}
+type UnionType = Omit<AntdSelectProps, 'options'> & Omit<BaseSelectProps, 'options'> & BaseComponentProps;
+export interface SelectProps extends UnionType {
+    /**
+     * @description 是否支持搜索
+     * @default true
+     */
+    showSearch?: boolean;
+    /**
+     * @description 下拉选项，具体项见下表
+     * @replaceAll SelectOptions | ((search: string) => FunctionReturn<SelectOptions>)
+     * @link SelectOptions: #select-option
+     */
+    options?: SelectOptions | ((search: string) => FunctionReturn<SelectOptions>);
+    /**
+     * @description 是否显示 `loading` 状态
+     * @default true
+     */
+    loading?: boolean;
+    /**
+     * @description 是否多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * @description 搜索防抖时间，单位毫秒，设置为 `0` 或 `false` 则关闭防抖
+     * @default 300
+     */
+    debounce?: UseFetchOptions['debounce'];
+    optionDependencies?: string[];
+    /**
+     * @description 自定义下拉框内容
+     */
+    renderDropdown?(props: RenderDropdownProps): ReactNode;
+}
+export interface RenderLabelProps extends SelectOption {
+    component: ReactNode;
+    search?: string;
+}
+export interface RenderDropdownProps {
+    component: ReactNode;
+    loading: boolean;
+}
+export interface SelectCallbackProps {
+    value?: any;
+    options: SelectOptions;
+    loading?: boolean;
+}
+export {};

package/es/select/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/stack/component/center-stack.d.ts

@@ -0,0 +1,2 @@
+import { CenterStackProps } from '../type';
+export declare function CenterStack(props: CenterStackProps): import("@emotion/react/jsx-runtime").JSX.Element;