doui-react 1.0.0

package/lib/radio/component/use-box-options.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoxOptions = useBoxOptions;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _select = require("../../select");
+var _utils = require("./utils");
+var _excluded = ["search"];
+function useBoxOptions(_ref) {
+  var search = _ref.search,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _select.useSelectOptions)((0, _objectSpread2.default)({
+    search: search,
+    presetProcessOption: function presetProcessOption(option) {
+      return (0, _objectSpread2.default)({
+        autoShowTooltip: true
+      }, option);
+    },
+    finalProcessOption: function finalProcessOption(option) {
+      return search ? (0, _utils.generateOptionOnSearch)(option, search) : option;
+    }
+  }, props));
+}

package/lib/radio/component/use-radio.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { RadioProps } from "..";
+import { RadioChangeEvent } from 'antd/lib/radio/interface';
+export declare function useRadio({ onChange, ...props }: RadioProps): {
+    options: any[];
+    onChange: (e: RadioChangeEvent) => void;
+    defaultValue?: any;
+    value: any;
+    size?: import("antd/lib/button").ButtonSize;
+    disabled?: import("antd/lib/config-provider/DisabledContext").DisabledType;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    name?: string | undefined;
+    children?: import("react").ReactNode;
+    id?: string | undefined;
+    optionType?: import("antd/lib/radio/interface").RadioGroupOptionType | undefined;
+    buttonStyle?: import("antd/lib/radio/interface").RadioGroupButtonStyle | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    prefixCls?: string | undefined;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+};

package/lib/radio/component/use-radio.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadio = useRadio;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _useBoxOptions2 = require("./use-box-options");
+var _excluded = ["onChange"],
+  _excluded2 = ["displayOptions"];
+function useRadio(_ref) {
+  var onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useBoxOptions = (0, _useBoxOptions2.useBoxOptions)((0, _objectSpread2.default)({
+      sort: false
+    }, props)),
+    displayOptions = _useBoxOptions.displayOptions,
+    restProps = (0, _objectWithoutProperties2.default)(_useBoxOptions, _excluded2);
+  function handleChange(e) {
+    onChange === null || onChange === void 0 || onChange(e.target.value);
+  }
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    options: displayOptions,
+    onChange: handleChange
+  });
+}

package/lib/radio/component/utils.d.ts

@@ -0,0 +1,7 @@
+import { BaseBoxProps } from "..";
+import { DefaultOptionType } from 'rc-select/lib/Select';
+export declare function parseHighlightTextAndRestProps(props: BaseBoxProps): {
+    highlightTextProps: Partial<BaseBoxProps>;
+    restProps: Partial<BaseBoxProps>;
+};
+export declare function generateOptionOnSearch(option: DefaultOptionType, search: string): DefaultOptionType;

package/lib/radio/component/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateOptionOnSearch = generateOptionOnSearch;
+exports.parseHighlightTextAndRestProps = parseHighlightTextAndRestProps;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _api = require("../../api");
+var _constant = require("../../select/component/constant");
+var _lodash = _interopRequireDefault(require("lodash"));
+function parseHighlightTextAndRestProps(props) {
+  var highlightTextProps = _lodash.default.pick(props, _constant.highlightTextPropKeys);
+  var restProps = _lodash.default.omit(props, [].concat((0, _toConsumableArray2.default)(_constant.highlightTextPropKeys), ['__callback__', 'showAll', 'isNoMatchSearchText', 'shouldRerenderOptions', '__filterNotExistValue__']));
+  return {
+    highlightTextProps: highlightTextProps,
+    restProps: restProps
+  };
+}
+function generateOptionOnSearch(option, search) {
+  if ((0, _api.lowercasedContains)(option.originLabel, search)) {
+    return option;
+  }
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, option), {}, {
+    isNoMatchSearchText: true,
+    style: (0, _objectSpread2.default)({
+      display: 'none'
+    }, option.style),
+    className: (0, _api.combineClassName)('option-hidden', option.className)
+  });
+}

package/lib/radio/index.d.ts

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

package/lib/radio/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/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/lib/radio/style/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _api = require("../../api");
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var verticalStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    width: 100%;\n  }\n"])), (0, _api.getClassName)('radio'));
+var style = {
+  wrapper: function wrapper(props) {
+    return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n\n    ", "\n  "])), (0, _api.flexStyle)(props), props.vertical && verticalStyle);
+  },
+  radio: (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    .ant-radio-wrapper {\n      margin-right: 0;\n    }\n  "]))),
+  box: function box(boxType) {
+    return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _api.getClassName)('box-label'));
+  }
+};
+var _default = exports.default = style;

package/lib/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/lib/radio/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/select/component/constant.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightTextPropKeys = void 0;
+var highlightTextPropKeys = exports.highlightTextPropKeys = ['highlightClassName', 'highlightStyle', 'rows', 'tooltip', 'autoShowTooltip'];

package/lib/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/lib/select/component/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = Select;
+Object.defineProperty(exports, "useSelectOptions", {
+  enumerable: true,
+  get: function get() {
+    return _useSelectOptions.useSelectOptions;
+  }
+});
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _useSelect2 = require("./use-select");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _useSelectOptions = require("./use-select-options");
+var _excluded = ["multiple"];
+function Select(props) {
+  var _useSelect = (0, _useSelect2.useSelect)(props),
+    multiple = _useSelect.multiple,
+    params = (0, _objectWithoutProperties2.default)(_useSelect, _excluded);
+  var mode = multiple ? 'multiple' : undefined;
+  return (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)({
+    mode: mode
+  }, params));
+}

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

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

package/lib/select/component/loading.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loading = Loading;
+var _stack = require("../../stack");
+var _antd = require("antd");
+var _style = _interopRequireDefault(require("../style"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function Loading() {
+  return (0, _jsxRuntime.jsx)(_stack.HStack, {
+    justify: "center",
+    css: _style.default.loading,
+    children: (0, _jsxRuntime.jsx)(_antd.Spin, {
+      size: "small"
+    })
+  });
+}

package/lib/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/lib/select/component/use-select-options.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDisplayValue = getDisplayValue;
+exports.useSelectOptions = useSelectOptions;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _form = require("../../form");
+var _utils = require("../../form/component/utils");
+var _hooks = require("../../hooks");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = require("react");
+var _utils2 = require("./utils");
+var _excluded = ["value", "loading", "options", "__callback__", "shouldRerenderOptions", "__filterNotExistValue__"];
+var selectOptionsPropKeys = ['options', 'search', 'sort', 'renderLabel', 'presetProcessOption', 'finalProcessOption'];
+function parseSelectOptionsAndRestProps(props) {
+  var selectOptionsProps = _lodash.default.pick(props, selectOptionsPropKeys);
+  var restProps = _lodash.default.omit(props, selectOptionsPropKeys);
+  return {
+    selectOptionsProps: selectOptionsProps,
+    restProps: restProps
+  };
+}
+function getDisplayValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    filterNotExistValue = _ref.filterNotExistValue;
+  if (!filterNotExistValue || !(0, _utils.isValueNotExistInOptions)(value, options)) {
+    return value;
+  }
+
+  // 多选
+  if (_lodash.default.isArray(value)) {
+    return _lodash.default.filter(value, function (item) {
+      return !(0, _utils.isValueNotExistInOptions)(item, options);
+    });
+  }
+}
+function useSelectOptions(_ref2) {
+  var value = _ref2.value,
+    loading = _ref2.loading,
+    options = _ref2.options,
+    __callback__ = _ref2.__callback__,
+    shouldRerenderOptions = _ref2.shouldRerenderOptions,
+    filterNotExistValue = _ref2.__filterNotExistValue__,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var _useFormContext = (0, _form.useFormContext)(),
+    formLoading = _useFormContext.loading;
+  var _parseSelectOptionsAn = parseSelectOptionsAndRestProps(props),
+    selectOptionsProps = _parseSelectOptionsAn.selectOptionsProps,
+    restProps = _parseSelectOptionsAn.restProps;
+  var memoValue = (0, _hooks.useDeepMemo)(function () {
+    return value;
+  }, [value]);
+  var memoOptions = (0, _hooks.useDeepMemo)(function () {
+    return options;
+  }, [options]);
+  var finalLoading = formLoading || loading;
+
+  // 收集属性
+  (0, _react.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 = (0, _react.useMemo)(function () {
+    return (0, _utils2.generateOptions)((0, _objectSpread2.default)({
+      options: memoOptions
+    }, selectOptionsProps));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [memoOptions, selectOptionsProps.search, selectOptionsProps.sort, shouldRerenderOptions]);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    value: getDisplayValue({
+      value: memoValue,
+      options: memoOptions,
+      filterNotExistValue: filterNotExistValue
+    }),
+    options: memoOptions,
+    displayOptions: displayOptions
+  });
+}

package/lib/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/lib/select/component/use-select.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelect = useSelect;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _api = require("../../api");
+var _form = require("../../form");
+var _hooks = require("../../hooks");
+var _text = require("../../text");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = require("react");
+var _loading = require("./loading");
+var _useSelectOptions2 = require("./use-select-options");
+var _utils = require("./utils");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["refs", "showSearch", "placeholder", "renderDropdown", "search"],
+  _excluded2 = ["displayOptions"];
+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 = (0, _form.useFormContext)(),
+    values = _useFormContext.values,
+    formLoading = _useFormContext.loading;
+  var isFunctionOptions = _lodash.default.isFunction(options);
+  var dependencies = (0, _utils.getDependencies)({
+    values: values,
+    search: search,
+    deps: optionDependencies,
+    isFunctionOptions: isFunctionOptions
+  });
+  var result = (0, _hooks.useFetch)(function () {
+    return (0, _api.executeFunction)(options, search);
+  }, dependencies, {
+    debounce: debounce,
+    automatic: isFunctionOptions && !formLoading,
+    requestOrderControl: true
+  });
+  if (isFunctionOptions) {
+    var _ref2;
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 (0, _jsxRuntime.jsx)("div", {
+      children: value.label
+    }, index);
+  });
+  return (0, _jsxRuntime.jsxs)(_text.Text, {
+    autoShowTooltip: false,
+    tooltip: {
+      title: tooltip,
+      align: {
+        offset: [0, 0]
+      }
+    },
+    children: ["+", omittedValues.length, "..."]
+  });
+}
+function useSearch(originalSearch) {
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  return {
+    search: originalSearch !== null && originalSearch !== void 0 ? originalSearch : search,
+    setSearch: setSearch
+  };
+}
+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 = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useSearch = useSearch(originalSearch),
+    search = _useSearch.search,
+    setSearch = _useSearch.setSearch;
+  var _useFetchOptions = useFetchOptions((0, _objectSpread2.default)({
+      search: search
+    }, restProps)),
+    loading = _useFetchOptions.loading,
+    options = _useFetchOptions.data;
+  var _useSelectOptions = (0, _useSelectOptions2.useSelectOptions)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+      search: search,
+      options: options,
+      loading: loading
+    })),
+    displayOptions = _useSelectOptions.displayOptions,
+    restSelectProps = (0, _objectWithoutProperties2.default)(_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 ? (0, _jsxRuntime.jsx)(_loading.Loading, {}) : component;
+  }
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    ref: refs,
+    searchValue: search,
+    optionFilterProp: 'originLabel',
+    optionLabelProp: 'originLabel',
+    getPopupContainer: _api.getPopupContainer,
+    dropdownRender: customRenderDropdown,
+    maxTagPlaceholder: renderMaxTag
+  }, (0, _utils.getComponentProps)(restSelectProps)), {}, {
+    placeholder: placeholder,
+    showSearch: showSearch,
+    loading: loading,
+    options: displayOptions,
+    onSearch: showSearch ? setSearch : undefined,
+    onDropdownVisibleChange: onDropdownVisibleChange
+  });
+}

package/lib/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 {};