@oceanbase/ui 0.2.19 → 0.2.21

package/es/PageContainer/index.js

@@ -5,7 +5,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { SyncOutlined } from '@oceanbase/icons';
@@ -18,6 +17,8 @@ import LocaleWrapper from "../locale/LocaleWrapper";
 import ItemRender from "./ItemRender";
 import zhCN from "./locale/zh-CN";
 import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var PageContainer = function PageContainer(_ref) {
   var customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
@@ -40,18 +41,20 @@ var PageContainer = function PageContainer(_ref) {
     breadcrumb = _ref2.breadcrumb;
   var reloadProps = isObject(reload) && ! /*#__PURE__*/React.isValidElement(reload) ? reload : {};
   var reloadCls = classNames("".concat(rootPrefixCls, "-page-header-heading-reload"), reloadProps.className);
-  var newSubTitle = subTitle && /*#__PURE__*/React.createElement(Space, {
-    size: 12
-  }, reload && /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.reload
-  }, isObject(reload) && /*#__PURE__*/React.isValidElement(reload) ? reload : /*#__PURE__*/React.createElement(SyncOutlined, _extends({}, reloadProps, {
-    className: reloadCls
-  }))), subTitle);
+  var newSubTitle = subTitle && /*#__PURE__*/_jsxs(Space, {
+    size: 12,
+    children: [reload && /*#__PURE__*/_jsx(Tooltip, {
+      title: locale.reload,
+      children: isObject(reload) && /*#__PURE__*/React.isValidElement(reload) ? reload : /*#__PURE__*/_jsx(SyncOutlined, _objectSpread(_objectSpread({}, reloadProps), {}, {
+        className: reloadCls
+      }))
+    }), subTitle]
+  });
   var newHeader = header && _objectSpread(_objectSpread({}, header), {}, {
     subTitle: newSubTitle,
     breadcrumb: breadcrumb && _objectSpread({
       itemRender: function itemRender(route, params, routes, paths) {
-        return /*#__PURE__*/React.createElement(ItemRender, {
+        return /*#__PURE__*/_jsx(ItemRender, {
           route: route,
           params: params,
           routes: routes,
@@ -64,7 +67,7 @@ var PageContainer = function PageContainer(_ref) {
     return !(newHeader !== null && newHeader !== void 0 && newHeader[item]);
   }) && !content && !extraContent && !tabList && !tabBarExtraContent;
   var pageContainerCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-page-header"), noHasHeader), className);
-  return wrapSSR( /*#__PURE__*/React.createElement(AntPageContainer, _extends({
+  return wrapSSR( /*#__PURE__*/_jsx(AntPageContainer, _objectSpread({
     prefixCls: customizePrefixCls,
     className: pageContainerCls,
     header: newHeader,

package/es/Password/Content.js

@@ -2,6 +2,8 @@ import { CheckCircleFilled, CloseCircleFilled, LoadingOutlined } from '@oceanbas
 import { Progress, Space } from '@oceanbase/design';
 import React from 'react';
 import { token } from '@oceanbase/design';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Content = function Content(_ref) {
   var rules = _ref.rules,
     fieldError = _ref.fieldError,
@@ -9,32 +11,33 @@ var Content = function Content(_ref) {
     value = _ref.value,
     isTouched = _ref.isTouched;
   var statusIconMap = {
-    error: /*#__PURE__*/React.createElement(CloseCircleFilled, {
+    error: /*#__PURE__*/_jsx(CloseCircleFilled, {
       style: {
         color: token.colorError
       }
     }),
-    success: /*#__PURE__*/React.createElement(CheckCircleFilled, {
+    success: /*#__PURE__*/_jsx(CheckCircleFilled, {
       style: {
         color: token.colorSuccess
       }
     }),
-    wait: /*#__PURE__*/React.createElement("div", {
+    wait: /*#__PURE__*/_jsx("div", {
       style: {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         width: 14,
         height: 22
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 6,
-        height: 6,
-        backgroundColor: token.colorTextTertiary,
-        borderRadius: 4
-      }
-    }))
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 6,
+          height: 6,
+          backgroundColor: token.colorTextTertiary,
+          borderRadius: 4
+        }
+      })
+    })
   };
   var isRequireFail = rules.filter(function (rule) {
     return !rule.optional;
@@ -52,41 +55,46 @@ var Content = function Content(_ref) {
   } else {
     strokeColor = token.colorSuccess;
   }
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Progress, {
-    percent: value ? percent : 0,
-    strokeColor: strokeColor,
-    showInfo: false,
-    size: "small"
-  }), /*#__PURE__*/React.createElement("ul", {
-    style: {
-      margin: 0,
-      marginTop: '10px',
-      listStyle: 'none',
-      padding: '0'
-    }
-  }, rules === null || rules === void 0 ? void 0 : rules.map(function (rule, index) {
-    var isError = fieldError.includes(rule.message);
-    var status = 'wait';
-    if (isError) {
-      status = rule.optional ? 'wait' : 'error';
-    } else {
-      status = 'success';
-    }
-    if (!value) {
-      status = 'error';
-    }
-    if (!isTouched) {
-      status = 'wait';
-    }
-    return /*#__PURE__*/React.createElement("li", {
-      key: index
-    }, /*#__PURE__*/React.createElement(Space, {
-      align: "start"
-    }, isValidating ? /*#__PURE__*/React.createElement(LoadingOutlined, null) : statusIconMap[status], /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Progress, {
+      percent: value ? percent : 0,
+      strokeColor: strokeColor,
+      showInfo: false,
+      size: "small"
+    }), /*#__PURE__*/_jsx("ul", {
       style: {
-        color: token.colorTextSecondary
-      }
-    }, rule.message)));
-  })));
+        margin: 0,
+        marginTop: '10px',
+        listStyle: 'none',
+        padding: '0'
+      },
+      children: rules === null || rules === void 0 ? void 0 : rules.map(function (rule, index) {
+        var isError = fieldError.includes(rule.message);
+        var status = 'wait';
+        if (isError) {
+          status = rule.optional ? 'wait' : 'error';
+        } else {
+          status = 'success';
+        }
+        if (!value) {
+          status = 'error';
+        }
+        if (!isTouched) {
+          status = 'wait';
+        }
+        return /*#__PURE__*/_jsx("li", {
+          children: /*#__PURE__*/_jsxs(Space, {
+            align: "start",
+            children: [isValidating ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : statusIconMap[status], /*#__PURE__*/_jsx("span", {
+              style: {
+                color: token.colorTextSecondary
+              },
+              children: rule.message
+            })]
+          })
+        }, index);
+      })
+    })]
+  });
 };
 export default Content;

package/es/Password/index.js

@@ -1,5 +1,10 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["value", "locale", "rules", "onChange", "onValidate", "generatePasswordRegex"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -16,6 +21,9 @@ import CopyToClipboard from 'react-copy-to-clipboard';
 import LocaleWrapper from "../locale/LocaleWrapper";
 import Content from "./Content";
 import zhCN from "./locale/zh-CN";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var Password = function Password(_ref) {
   var value = _ref.value,
     locale = _ref.locale,
@@ -86,50 +94,59 @@ var Password = function Password(_ref) {
     }
     return getRandomPassword();
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex'
-    }
-  }, /*#__PURE__*/React.createElement(Popover, {
-    trigger: "click",
-    placement: "right",
-    content: /*#__PURE__*/React.createElement(Content, {
-      isTouched: isTouched,
-      value: value,
-      isValidating: isValidating,
-      rules: newRules,
-      fieldError: fieldError
-    }),
-    overlayStyle: {
-      maxWidth: 400
-    }
-  }, /*#__PURE__*/React.createElement(Input.Password, _extends({
-    value: value,
-    autoComplete: "new-password",
-    onChange: function onChange(e) {
-      var _e$target;
-      handleChange(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-    },
-    placeholder: generatePasswordRegex ? locale.generatePlaceholder : locale.placeholder
-  }, restProps))), generatePasswordRegex && /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      handleChange(getRandomPassword());
-    },
-    style: {
-      marginLeft: 8
-    }
-  }, locale.randomlyGenerate)), value && (fieldError === null || fieldError === void 0 ? void 0 : fieldError.length) === 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 14,
-      color: token.colorTextTertiary,
-      lineHeight: '22px'
-    }
-  }, locale.pleaseKeepYourPasswordIn, /*#__PURE__*/React.createElement(CopyToClipboard, {
-    text: value,
-    onCopy: function onCopy() {
-      message.success(locale.copySuccessfully);
-    }
-  }, /*#__PURE__*/React.createElement("a", null, locale.copyPassword)), locale.andKeepItProperly));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex'
+      },
+      children: [/*#__PURE__*/_jsx(Popover, {
+        trigger: "click",
+        placement: "right",
+        content: /*#__PURE__*/_jsx(Content, {
+          isTouched: isTouched,
+          value: value,
+          isValidating: isValidating,
+          rules: newRules,
+          fieldError: fieldError
+        }),
+        overlayStyle: {
+          maxWidth: 400
+        },
+        children: /*#__PURE__*/_jsx(Input.Password, _objectSpread({
+          value: value,
+          autoComplete: "new-password",
+          onChange: function onChange(e) {
+            var _e$target;
+            handleChange(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+          },
+          placeholder: generatePasswordRegex ? locale.generatePlaceholder : locale.placeholder
+        }, restProps))
+      }), generatePasswordRegex && /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          handleChange(getRandomPassword());
+        },
+        style: {
+          marginLeft: 8
+        },
+        children: locale.randomlyGenerate
+      })]
+    }), value && (fieldError === null || fieldError === void 0 ? void 0 : fieldError.length) === 0 && /*#__PURE__*/_jsxs("div", {
+      style: {
+        fontSize: 14,
+        color: token.colorTextTertiary,
+        lineHeight: '22px'
+      },
+      children: [locale.pleaseKeepYourPasswordIn, /*#__PURE__*/_jsx(CopyToClipboard, {
+        text: value,
+        onCopy: function onCopy() {
+          message.success(locale.copySuccessfully);
+        },
+        children: /*#__PURE__*/_jsx("a", {
+          children: locale.copyPassword
+        })
+      }), locale.andKeepItProperly]
+    })]
+  });
 };
 export default LocaleWrapper({
   componentName: 'Password',

package/es/Ranger/QuickPicker.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
 import type { RangeValue } from './Ranger';
 import type { RangeOption } from './typing';
@@ -14,5 +13,5 @@ interface IProps extends LocaleWrapperProps {
     isMoment?: boolean;
     size?: 'small' | 'large' | 'middle';
 }
-declare const _default: (props: IProps) => React.JSX.Element;
+declare const _default: (props: IProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default _default;

package/es/Ranger/QuickPicker.js

@@ -1,5 +1,10 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["type", "name", "defaultName", "selects", "onChange", "onNameChange", "isMoment"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -17,6 +22,8 @@ import moment from 'moment';
 import React, { useEffect, useState } from 'react';
 import { getPrefix } from "../_util";
 import { CUSTOMIZE } from "./constant";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('ranger-quick-picker');
 var RangeDropdown = function RangeDropdown(_ref) {
   var selects = _ref.selects,
@@ -25,31 +32,34 @@ var RangeDropdown = function RangeDropdown(_ref) {
     customable = _ref.customable,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? {} : _ref$locale;
-  var menu = /*#__PURE__*/React.createElement(Menu, {
+  var menu = /*#__PURE__*/_jsxs(Menu, {
     onClick: function onClick(e) {
       onChange(e.key);
     },
     style: {
       minWidth: 120
-    }
-  }, selects.map(function (item) {
-    return /*#__PURE__*/React.createElement(Menu.Item, {
-      key: item.name
-    }, locale[item.name] || item.name);
-  }), customable && /*#__PURE__*/React.createElement(Menu.Item, {
-    key: CUSTOMIZE
-  }, locale.customize));
+    },
+    children: [selects.map(function (item) {
+      return /*#__PURE__*/_jsx(Menu.Item, {
+        children: locale[item.name] || item.name
+      }, item.name);
+    }), customable && /*#__PURE__*/_jsx(Menu.Item, {
+      children: locale.customize
+    }, CUSTOMIZE)]
+  });
   var match = selects.find(function (item) {
     return item.name === value;
   });
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: menu
-  }, /*#__PURE__*/React.createElement(Space, {
-    style: {
-      cursor: 'pointer'
-    },
-    className: classnames(prefix, "".concat(prefix, "-dropdown"))
-  }, /*#__PURE__*/React.createElement(ClockCircleOutlined, null), locale[match === null || match === void 0 ? void 0 : match.name] || (match === null || match === void 0 ? void 0 : match.name), /*#__PURE__*/React.createElement(DownOutlined, null)));
+  return /*#__PURE__*/_jsx(Dropdown, {
+    overlay: menu,
+    children: /*#__PURE__*/_jsxs(Space, {
+      style: {
+        cursor: 'pointer'
+      },
+      className: classnames(prefix, "".concat(prefix, "-dropdown")),
+      children: [/*#__PURE__*/_jsx(ClockCircleOutlined, {}), locale[match === null || match === void 0 ? void 0 : match.name] || (match === null || match === void 0 ? void 0 : match.name), /*#__PURE__*/_jsx(DownOutlined, {})]
+    })
+  });
 };
 var RangeSelect = function RangeSelect(_ref2) {
   var selects = _ref2.selects,
@@ -62,23 +72,24 @@ var RangeSelect = function RangeSelect(_ref2) {
   var handleChange = function handleChange(nextValue) {
     onChange(nextValue);
   };
-  return /*#__PURE__*/React.createElement(Select, {
+  return /*#__PURE__*/_jsxs(Select, {
     className: classnames(prefix, "".concat(prefix, "-select")),
     style: {
       minWidth: 120
     },
     onSelect: handleChange,
     value: value,
-    size: size
-  }, selects.map(function (item) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: item.name,
-      value: item.name
-    }, locale[item.name] || item.name);
-  }), customable && /*#__PURE__*/React.createElement(Select.Option, {
-    key: CUSTOMIZE,
-    value: CUSTOMIZE
-  }, locale.customize));
+    size: size,
+    children: [selects.map(function (item) {
+      return /*#__PURE__*/_jsx(Select.Option, {
+        value: item.name,
+        children: locale[item.name] || item.name
+      }, item.name);
+    }), customable && /*#__PURE__*/_jsx(Select.Option, {
+      value: CUSTOMIZE,
+      children: locale.customize
+    }, CUSTOMIZE)]
+  });
 };
 export default (function (props) {
   var _ref3, _selects$;
@@ -111,11 +122,11 @@ export default (function (props) {
     }
     onNameChange(value);
   };
-  return type === 'select' ? /*#__PURE__*/React.createElement(RangeSelect, _extends({
+  return type === 'select' ? /*#__PURE__*/_jsx(RangeSelect, _objectSpread({
     value: innerName,
     selects: selects,
     onChange: handleChange
-  }, rest)) : /*#__PURE__*/React.createElement(RangeDropdown, _extends({
+  }, rest)) : /*#__PURE__*/_jsx(RangeDropdown, _objectSpread({
     value: innerName,
     selects: selects,
     onChange: handleChange

package/es/Ranger/Ranger.js

@@ -1,6 +1,7 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "mode", "quickType", "pastOnly", "onChange", "disabledDate", "locale", "size", "stickRangeName"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -24,6 +25,8 @@ import { CUSTOMIZE, DATE_TIME_FORMAT, NEAR_1_HOURS, NEAR_1_MINUTES, NEAR_30_MINU
 import "./index.less";
 import zhCN from "./locale/zh-CN";
 import QuickPicker from "./QuickPicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('ranger');
 var Ranger = function Ranger(props) {
   var _selects$;
@@ -111,34 +114,35 @@ var Ranger = function Ranger(props) {
   var showRange = mode === 'default' || rangeName === CUSTOMIZE;
   // 没有 selects 时，回退到普通 RangePicker
   var showQuickPicker = selects.length !== 0;
-  return /*#__PURE__*/React.createElement(Space, {
+  return /*#__PURE__*/_jsxs(Space, {
     size: 0,
     className: classNames(_defineProperty({}, "".concat(prefix, "-show-range"), showRange), prefix),
-    style: rest.style
-  }, showQuickPicker && /*#__PURE__*/React.createElement(QuickPicker, {
-    customable: true,
-    type: internalQuickType,
-    onChange: rangeChange,
-    onNameChange: handleNameChange,
-    selects: selects,
-    name: rangeName,
-    locale: locale,
-    isMoment: isMoment,
-    size: size
-  }), showRange &&
-  /*#__PURE__*/
-  // @ts-ignore
-  React.createElement(DatePicker.RangePicker, _extends({
-    disabledDate: pastOnly ? disabledFuture : disabledDate,
-    format: DATE_TIME_FORMAT,
-    defaultValue: defaultValue,
-    value: innerValue || defaultInternalValue,
-    onChange: datePickerChange,
-    showTime: true,
-    className: "".concat(prefix, "-range-picker"),
-    size: size
-    // 透传 props 到 antd Ranger
-  }, omit(rest, 'value', 'onChange'))));
+    style: rest.style,
+    children: [showQuickPicker && /*#__PURE__*/_jsx(QuickPicker, {
+      customable: true,
+      type: internalQuickType,
+      onChange: rangeChange,
+      onNameChange: handleNameChange,
+      selects: selects,
+      name: rangeName,
+      locale: locale,
+      isMoment: isMoment,
+      size: size
+    }), showRange &&
+    /*#__PURE__*/
+    // @ts-ignore
+    _jsx(DatePicker.RangePicker, _objectSpread({
+      disabledDate: pastOnly ? disabledFuture : disabledDate,
+      format: DATE_TIME_FORMAT,
+      defaultValue: defaultValue,
+      value: innerValue || defaultInternalValue,
+      onChange: datePickerChange,
+      showTime: true,
+      className: "".concat(prefix, "-range-picker"),
+      size: size
+      // 透传 props 到 antd Ranger
+    }, omit(rest, 'value', 'onChange')))]
+  });
 };
 export default LocaleWrapper({
   componentName: 'Ranger',

package/es/SideTip/Dragger.d.ts

@@ -40,6 +40,6 @@ declare class Draggable extends React.Component<DraggableProps, DraggableState>
     handleMouseDown: (e: any) => void;
     handleMouseMove: (e: any) => void;
     handleMouseUp: (e: any) => void;
-    render(): React.JSX.Element;
+    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 }
 export default Draggable;

package/es/SideTip/Dragger.js

@@ -20,6 +20,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import classnames from 'classnames';
 import React from 'react';
 import { getClientHeight, getClientWidth, getScrollBarSize, getScrollOffsets, isFixedElem } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 var INIT_RIGHT = 32;
 var INIT_BOTTOM = 32;
 var Draggable = /*#__PURE__*/function (_React$Component) {
@@ -275,7 +276,7 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
       }, style);
       var containerPrefix = "".concat(prefix, "-container");
       var containerClassName = classnames(containerPrefix, className, (_classnames = {}, _defineProperty(_classnames, "".concat(containerPrefix, "-dragged"), dragged), _defineProperty(_classnames, "".concat(containerPrefix, "-hide"), hide), _defineProperty(_classnames, "".concat(containerPrefix, "-hide-not-dragged"), hide && !dragged), _classnames));
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_jsx("div", {
         id: id,
         ref: this.nodeRef,
         onMouseDown: this.handleMouseDown,
@@ -284,8 +285,9 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
         style: hide ? _objectSpread(_objectSpread({}, containerStyle), {}, {
           right: -width / 1.5
         }) : containerStyle,
-        className: containerClassName
-      }, children);
+        className: containerClassName,
+        children: children
+      });
     }
   }]);
   return Draggable;

package/es/SideTip/IconLoading.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const iconLoading: (props: any) => React.JSX.Element;
+declare const iconLoading: (props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default iconLoading;