@oceanbase/design 0.1.0

package/lib/PageContainer/locale/zh-CN.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PageContainer/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  reload: "刷新"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/PageContainer/locale/zh-TW.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

package/lib/PageContainer/locale/zh-TW.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/PageContainer/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  reload: "重新加載"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Password/Content.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface Validator {
+    validate: (value?: string) => boolean;
+    message: string;
+    optional?: boolean;
+}
+declare const Content: React.FC<{
+    rules: Validator[];
+    fieldError: string[];
+    isValidating: boolean;
+    value?: string;
+    isTouched: boolean;
+}>;
+export default Content;

package/lib/Password/Content.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/Content.tsx
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_StaticFunction = require("../StaticFunction");
+var Content = ({ rules, fieldError, isValidating, value, isTouched }) => {
+  const statusIconMap = {
+    error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, { style: { color: import_StaticFunction.token.colorError } }),
+    success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, { style: { color: import_StaticFunction.token.colorSuccess } }),
+    wait: /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: 14,
+          height: 22
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            width: 6,
+            height: 6,
+            backgroundColor: import_StaticFunction.token.colorTextTertiary,
+            borderRadius: 4
+          }
+        }
+      )
+    )
+  };
+  const isRequireFail = rules.filter((rule) => !rule.optional).filter((rule) => fieldError.includes(rule.message)).length > 0;
+  const percent = Math.max(
+    0,
+    Math.min(100, (rules.length - fieldError.length) / rules.length * 100)
+  );
+  let strokeColor = "";
+  if (isRequireFail) {
+    strokeColor = import_StaticFunction.token.colorError;
+    if (percent > 50 && percent < 100 && percent !== 100) {
+      strokeColor = import_StaticFunction.token.colorWarning;
+    }
+  } else {
+    strokeColor = import_StaticFunction.token.colorSuccess;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Progress,
+    {
+      percent: value ? percent : 0,
+      strokeColor,
+      showInfo: false,
+      size: "small"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("ul", { style: { margin: 0, marginTop: "10px", listStyle: "none", padding: "0" } }, rules == null ? void 0 : rules.map((rule, index) => {
+    const isError = fieldError.includes(rule.message);
+    let status = "wait";
+    if (isError) {
+      status = rule.optional ? "wait" : "error";
+    } else {
+      status = "success";
+    }
+    if (!value) {
+      status = "error";
+    }
+    if (!isTouched) {
+      status = "wait";
+    }
+    return /* @__PURE__ */ import_react.default.createElement("li", { key: index }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { align: "start" }, isValidating ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : statusIconMap[status], /* @__PURE__ */ import_react.default.createElement("span", { style: { color: import_StaticFunction.token.colorTextSecondary } }, rule.message)));
+  })));
+};
+var Content_default = Content;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Password/index.d.ts

@@ -0,0 +1,25 @@
+import type { PasswordProps as AntdPasswordProps } from 'antd/es/input';
+import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
+import type { Validator } from './Content';
+export interface PasswordLocale {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseKeepYourPasswordIn: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+}
+export interface PasswordProps extends LocaleWrapperProps, Omit<AntdPasswordProps, 'onChange'> {
+    value?: string;
+    onChange?: (value?: string) => void;
+    rules?: Validator[];
+    onValidate?: (passed: boolean) => void;
+    generatePasswordRegex?: RegExp;
+    locale?: PasswordLocale;
+}
+declare const _default: any;
+export default _default;

package/lib/Password/index.js

@@ -0,0 +1,164 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/index.tsx
+var Password_exports = {};
+__export(Password_exports, {
+  default: () => Password_default
+});
+module.exports = __toCommonJS(Password_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_react_copy_to_clipboard = __toESM(require("react-copy-to-clipboard"));
+var import_randexp = __toESM(require("randexp"));
+var import_StaticFunction = require("../StaticFunction");
+var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
+var import_zh_CN = __toESM(require("./locale/zh-CN"));
+var import_Content = __toESM(require("./Content"));
+var Password = ({
+  value,
+  locale,
+  rules,
+  onChange,
+  onValidate,
+  generatePasswordRegex,
+  ...restProps
+}) => {
+  const [fieldError, setFieldError] = (0, import_react.useState)([]);
+  const [isValidating, setIsValidating] = (0, import_react.useState)(false);
+  const [isTouched, setIsTouched] = (0, import_react.useState)(false);
+  const defaultRules = [
+    {
+      validate: (val) => (val == null ? void 0 : val.length) >= 8 && (val == null ? void 0 : val.length) <= 32,
+      message: locale.lengthRuleMessage
+    },
+    {
+      validate: (val) => /^[0-9a-zA-Z~!@#%^&*_\-+=|(){}\[\]:;,.?/`$'"<>\\]+$/.test(val),
+      message: locale.charRuleMessage
+    },
+    {
+      validate: (val) => /(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[~!@#%^&*_\-+=|(){}\[\]:;,.?/`$'"<>\\]){2,})/.test(
+        val
+      ),
+      message: locale.strengthRuleMessage
+    }
+  ];
+  const newRules = rules || defaultRules;
+  const handleChange = (newValue) => {
+    if (!isTouched) {
+      setIsTouched(true);
+    }
+    setIsValidating(true);
+    const newFieldError = newRules.map((rule) => {
+      if (rule.validate(newValue)) {
+        return void 0;
+      }
+      return rule.message;
+    }).filter((ruleMessage) => ruleMessage);
+    setIsValidating(false);
+    setFieldError(newFieldError);
+    onValidate == null ? void 0 : onValidate(newFieldError.length === 0);
+    setTimeout(() => {
+      onChange == null ? void 0 : onChange(newValue);
+    }, 0);
+  };
+  const getRandomPassword = () => {
+    const newValue = new import_randexp.default(generatePasswordRegex).gen();
+    if (generatePasswordRegex.test(newValue)) {
+      return newValue;
+    }
+    return getRandomPassword();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      trigger: "click",
+      placement: "right",
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_Content.default,
+        {
+          isTouched,
+          value,
+          isValidating,
+          rules: newRules,
+          fieldError
+        }
+      ),
+      overlayStyle: { maxWidth: 400 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input.Password,
+      {
+        value,
+        autoComplete: "new-password",
+        onChange: (e) => {
+          var _a;
+          handleChange((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
+        },
+        placeholder: generatePasswordRegex ? locale.generatePlaceholder : locale.placeholder,
+        ...restProps
+      }
+    )
+  ), generatePasswordRegex && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => {
+        handleChange(getRandomPassword());
+      },
+      style: { marginLeft: 8 }
+    },
+    locale.randomlyGenerate
+  )), value && (fieldError == null ? void 0 : fieldError.length) === 0 && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        fontSize: 14,
+        color: import_StaticFunction.token.colorTextTertiary,
+        lineHeight: "22px"
+      }
+    },
+    locale.pleaseKeepYourPasswordIn,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_react_copy_to_clipboard.default,
+      {
+        text: value,
+        onCopy: () => {
+          import_antd.message.success(locale.copySuccessfully);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("a", null, locale.copyPassword)
+    ),
+    locale.andKeepItProperly
+  ));
+};
+var Password_default = (0, import_LocaleWrapper.default)({
+  componentName: "Password",
+  defaultLocale: import_zh_CN.default
+})(Password);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Password/locale/en-US.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseKeepYourPasswordIn: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+};
+export default _default;

package/lib/Password/locale/en-US.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/locale/en-US.ts
+var en_US_exports = {};
+__export(en_US_exports, {
+  default: () => en_US_default
+});
+module.exports = __toCommonJS(en_US_exports);
+var en_US_default = {
+  lengthRuleMessage: "8 to 32 characters",
+  charRuleMessage: 'Contains only letters, numbers and symbols including ~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\',
+  strengthRuleMessage: "Containes at least 2 characters for each of uppercase letters, lowercase letters, numbers and symbols",
+  placeholder: "Please enter the password",
+  generatePlaceholder: "Enter or randomly generate",
+  randomlyGenerate: "Randomly generate",
+  pleaseKeepYourPasswordIn: "lease keep your password in mind.",
+  copySuccessfully: "Copied",
+  copyPassword: " copy password ",
+  andKeepItProperly: "and keep it properly"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Password/locale/zh-CN.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseKeepYourPasswordIn: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+};
+export default _default;

package/lib/Password/locale/zh-CN.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/locale/zh-CN.ts
+var zh_CN_exports = {};
+__export(zh_CN_exports, {
+  default: () => zh_CN_default
+});
+module.exports = __toCommonJS(zh_CN_exports);
+var zh_CN_default = {
+  lengthRuleMessage: "长度为 8~32 个字符",
+  charRuleMessage: '只能包含字母、数字和特殊字符（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）',
+  strengthRuleMessage: "大小写字母、数字和特殊字符都至少包含 2 个",
+  placeholder: "请输入密码",
+  generatePlaceholder: "请输入或随机生成",
+  randomlyGenerate: "随机生成",
+  pleaseKeepYourPasswordIn: "请牢记密码，也可",
+  copySuccessfully: "复制成功",
+  copyPassword: "复制密码",
+  andKeepItProperly: "并妥善保存"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Password/locale/zh-TW.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseKeepYourPasswordIn: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+};
+export default _default;

package/lib/Password/locale/zh-TW.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Password/locale/zh-TW.ts
+var zh_TW_exports = {};
+__export(zh_TW_exports, {
+  default: () => zh_TW_default
+});
+module.exports = __toCommonJS(zh_TW_exports);
+var zh_TW_default = {
+  lengthRuleMessage: "長度為 8~32 個字符",
+  charRuleMessage: '只能包含字母、數字和特殊字符（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）',
+  strengthRuleMessage: "大小寫字母、數字和特殊字符都至少包含 2 個",
+  placeholder: "請輸入密碼",
+  generatePlaceholder: "請輸入或隨機生成",
+  randomlyGenerate: "隨機生成",
+  pleaseKeepYourPasswordIn: "請牢記密碼，也可",
+  copySuccessfully: "複製成功",
+  copyPassword: "複製密碼",
+  andKeepItProperly: "並妥善保存"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Ranger/QuickPicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare type QuickType = 'select' | 'dropdown';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/Ranger/QuickPicker.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Ranger/QuickPicker.tsx
+var QuickPicker_exports = {};
+__export(QuickPicker_exports, {
+  default: () => QuickPicker_default
+});
+module.exports = __toCommonJS(QuickPicker_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_moment = __toESM(require("moment"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_lodash = require("lodash");
+var import_constant = require("./constant");
+var import_util = require("../_util");
+var prefix = (0, import_util.getPrefix)("ranger-quick-picker");
+var RangeDropdown = ({ selects, onChange, value, customable, locale = {} }) => {
+  const menu = /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      onClick: (e) => {
+        onChange(e.key);
+      },
+      style: { minWidth: 120 }
+    },
+    selects.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.name }, locale[item.name] || item.name)),
+    customable && /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: import_constant.CUSTOMIZE }, locale.customize)
+  );
+  const match = selects.find((item) => item.name === value);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { overlay: menu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { cursor: "pointer" }, className: (0, import_classnames.default)(prefix, `${prefix}-dropdown`) }, /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null), locale[match == null ? void 0 : match.name] || (match == null ? void 0 : match.name), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)));
+};
+var RangeSelect = ({ selects, onChange, value, customable, locale = {}, size }) => {
+  const handleChange = (nextValue) => {
+    onChange(nextValue);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      className: (0, import_classnames.default)(prefix, `${prefix}-select`),
+      style: { minWidth: 120 },
+      onSelect: handleChange,
+      value,
+      size
+    },
+    selects.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { key: item.name, value: item.name }, locale[item.name] || item.name);
+    }),
+    customable && /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { key: import_constant.CUSTOMIZE, value: import_constant.CUSTOMIZE }, locale.customize)
+  );
+};
+var QuickPicker_default = (props) => {
+  var _a;
+  const {
+    type = "select",
+    name,
+    defaultName,
+    selects,
+    onChange,
+    onNameChange = import_lodash.noop,
+    isMoment,
+    ...rest
+  } = props;
+  const [innerName, setInnerName] = (0, import_react.useState)(name ?? defaultName ?? ((_a = selects == null ? void 0 : selects[0]) == null ? void 0 : _a.name));
+  (0, import_react.useEffect)(() => {
+    if (name) {
+      setInnerName(name);
+    }
+  }, [name]);
+  const handleChange = (value) => {
+    const selected = selects.find((item) => item.name === value);
+    setInnerName(value);
+    if (value !== import_constant.CUSTOMIZE) {
+      onChange(selected.range(isMoment ? (0, import_moment.default)() : (0, import_dayjs.default)()));
+    }
+    onNameChange(value);
+  };
+  return type === "select" ? /* @__PURE__ */ import_react.default.createElement(RangeSelect, { value: innerName, selects, onChange: handleChange, ...rest }) : /* @__PURE__ */ import_react.default.createElement(RangeDropdown, { value: innerName, selects, onChange: handleChange, ...rest });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Ranger/Ranger.d.ts

@@ -0,0 +1,11 @@
+import type { Moment } from 'moment';
+import type { Dayjs } from 'dayjs';
+import './index.less';
+export declare type RangeName = 'customize' | string;
+export declare type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+export declare type RangeDateValue = {
+    name: RangeName;
+    range: RangeValue;
+};
+declare const _default: any;
+export default _default;