@yoka-ui/ui 1.0.10-test → 1.1.0

package/dist/lib/business/YkCharts/utils.js

@@ -0,0 +1,143 @@
+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/business/YkCharts/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatNumber: () => formatNumber,
+  formatValue: () => formatValue,
+  sqlFormat: () => sqlFormat
+});
+module.exports = __toCommonJS(utils_exports);
+var import_decimal = __toESM(require("decimal.js"));
+var formatValue = (value, format) => {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format || format === null) {
+    return value.toString();
+  }
+  const numValue = Number(value);
+  if (format === "percent") {
+    return new import_decimal.default(numValue).mul(100).toFixed(2) + "%";
+  }
+  if (format === "decimal") {
+    return new import_decimal.default(numValue).toFixed(2);
+  }
+  if (format === "integer") {
+    return new Intl.NumberFormat().format(numValue);
+  }
+  return numValue.toString();
+};
+function formatNumber(num, isInteger = false) {
+  const numberValue = typeof num === "string" ? parseFloat(num) : num;
+  if (Number.isNaN(numberValue)) {
+    return [(num == null ? void 0 : num.toString()) || "", ""];
+  }
+  let result = "";
+  let unit = "";
+  function setFixed(v, dot) {
+    const multiplier = 10 ** dot;
+    return Math.floor(v * multiplier) / multiplier;
+  }
+  if (numberValue < 1e3) {
+    result = new import_decimal.default(numberValue).toFixed(1);
+  } else if (numberValue < 1e4) {
+    result = numberValue.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 0 : 1,
+      maximumFractionDigits: isInteger ? 0 : 1
+    });
+  } else if (numberValue < 1e8) {
+    const v = setFixed(numberValue / 1e4, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 万";
+  } else {
+    const v = setFixed(numberValue / 1e8, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 亿";
+  }
+  if (isInteger) {
+    result = result.replace(/\.0+(?=\D*$)/, "");
+  }
+  return [result, unit];
+}
+function sqlFormat(value, format) {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format) {
+    return value == null ? void 0 : value.toString();
+  }
+  if (typeof value === "boolean") {
+    return value == null ? void 0 : value.toString();
+  }
+  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = "", suffix = "" } = format;
+  switch (type) {
+    case "number": {
+      let result;
+      if (thousand_separator) {
+        result = value ? value == null ? void 0 : value.toLocaleString("en-US", {
+          minimumFractionDigits: decimals,
+          maximumFractionDigits: decimals
+        }) : "0";
+      } else {
+        result = new import_decimal.default(value || 0).toFixed(decimals);
+      }
+      return `${prefix}${result}${suffix}`;
+    }
+    case "percent": {
+      const result = new import_decimal.default(value || 0).mul(100).toFixed(decimals) + "%";
+      return `${prefix}${result}${suffix}`;
+    }
+    case "currency": {
+      const numericValue = new import_decimal.default(value || 0).div(10 ** unit).toNumber();
+      const unitValue = numericValue.toLocaleString("en-US", {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      });
+      const unitLabel = unit === 0 ? "" : unit === 4 ? "万" : unit === 8 ? "亿" : "";
+      return `${prefix}${unitValue}${unitLabel}${suffix}`;
+    }
+    case "normal":
+    default:
+      return (value == null ? void 0 : value.toString()) || "-";
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatNumber,
+  formatValue,
+  sqlFormat
+});
+//# sourceMappingURL=utils.js.map

package/dist/lib/business/YkCharts/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/utils.ts"],
+  "sourcesContent": ["import Decimal from 'decimal.js';\nimport type { Format, SqlFormat } from './typing';\n\nexport const formatValue = (value: string | number, format: Format | undefined | null): string => {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format || format === null) {\n    return value.toString();\n  }\n  const numValue = Number(value);\n  if (format === 'percent') {\n    return new Decimal(numValue).mul(100).toFixed(2) + '%';\n  }\n  if (format === 'decimal') {\n    return new Decimal(numValue).toFixed(2);\n  }\n  if (format === 'integer') {\n    return new Intl.NumberFormat().format(numValue);\n  }\n  return numValue.toString();\n};\n\nexport function formatNumber(num: number | string, isInteger: boolean = false): [string, string] {\n  const numberValue = typeof num === 'string' ? parseFloat(num) : num;\n  if (Number.isNaN(numberValue)) {\n    return [num?.toString() || '', ''];\n  }\n  let result: string = '';\n  let unit: string = '';\n  function setFixed(v: number, dot: number) {\n    const multiplier = 10 ** dot;\n    return Math.floor(v * multiplier) / multiplier;\n  }\n  if (numberValue < 1000) {\n    result = new Decimal(numberValue).toFixed(1);\n  } else if (numberValue < 10000) {\n    result = numberValue.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 0 : 1,\n      maximumFractionDigits: isInteger ? 0 : 1,\n    });\n  } else if (numberValue < 100000000) {\n    const v = setFixed(numberValue / 10000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 万';\n  } else {\n    const v = setFixed(numberValue / 100000000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 亿';\n  }\n  if (isInteger) {\n    result = result.replace(/\\.0+(?=\\D*$)/, '');\n  }\n  return [result, unit];\n}\n\nexport function sqlFormat(value: string | number | boolean, format: SqlFormat | undefined | null): string {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format) {\n    return value?.toString();\n  }\n  if (typeof value === 'boolean') {\n    return value?.toString();\n  }\n  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = '', suffix = '' } = format;\n  switch (type) {\n    case 'number': {\n      let result: string;\n      if (thousand_separator) {\n        result = value\n          ? value?.toLocaleString('en-US', {\n              minimumFractionDigits: decimals,\n              maximumFractionDigits: decimals,\n            })\n          : '0';\n      } else {\n        result = new Decimal(value || 0).toFixed(decimals);\n      }\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'percent': {\n      const result = new Decimal(value || 0).mul(100).toFixed(decimals) + '%';\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'currency': {\n      const numericValue = new Decimal(value || 0).div(10 ** unit).toNumber();\n      const unitValue = numericValue.toLocaleString('en-US', {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n      });\n      const unitLabel = unit === 0 ? '' : unit === 4 ? '万' : unit === 8 ? '亿' : '';\n      return `${prefix}${unitValue}${unitLabel}${suffix}`;\n    }\n    case 'normal':\n    default:\n      return value?.toString() || '-';\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["Decimal"]
+}

package/dist/lib/business/YkCharts/variables.less

@@ -0,0 +1,13 @@
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+

package/dist/lib/business/YkLoginModule/SmsLoginForm.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type SmsLoginFormApi = {
+    sendSms: (payload: Record<string, unknown>) => Promise<{
+        code: number;
+        msg: string;
+    }>;
+};
+declare global {
+    interface Window {
+        sliderVerify: (element: 'pop' | HTMLElement, success: (res: {
+            token: string;
+            captchaVerification: string;
+        }) => void, options: {
+            appKey: string;
+            locale?: string;
+        }) => void;
+    }
+}
+export type SmsLoginFormProps = {
+    inputClassName: string;
+    api: SmsLoginFormApi;
+    appKey: string;
+};
+declare const SmsLogin: React.FC<SmsLoginFormProps>;
+export default SmsLogin;

package/dist/lib/business/YkLoginModule/SmsLoginForm.js

@@ -0,0 +1,171 @@
+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/business/YkLoginModule/SmsLoginForm.tsx
+var SmsLoginForm_exports = {};
+__export(SmsLoginForm_exports, {
+  default: () => SmsLoginForm_default
+});
+module.exports = __toCommonJS(SmsLoginForm_exports);
+var import_icons = require("@ant-design/icons");
+var import_pro_form = require("@ant-design/pro-form");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_styles_module = __toESM(require("./styles.module.less"));
+var SmsLogin = ({ inputClassName, api, appKey }) => {
+  (0, import_react.useEffect)(() => {
+    const link = document.createElement("link");
+    link.href = "https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.css";
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+    const script = document.createElement("script");
+    script.src = "https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.js";
+    document.body.appendChild(script);
+    return () => {
+      document.head.removeChild(link);
+      document.body.removeChild(script);
+    };
+  }, []);
+  const [phone, setPhone] = (0, import_react.useState)("");
+  const [countdown, setCountdown] = (0, import_react.useState)(0);
+  const [sendStatus, setSendStatus] = (0, import_react.useState)(false);
+  const disableBtn = countdown > 0 || phone.length !== 11;
+  const sendVerificationCode = async () => {
+    try {
+      const phoneNumber = phone;
+      if (!phoneNumber) {
+        import_antd.message.error("请输入手机号");
+        return;
+      }
+      if (!/^1\d{10}$/.test(phoneNumber)) {
+        import_antd.message.error("请输入正确的手机号格式");
+        return;
+      }
+      if (!appKey) {
+        import_antd.message.error("验证码配置缺失，请联系管理员（appKey）");
+        return;
+      }
+      window.sliderVerify(
+        "pop",
+        (captchaRes) => {
+          void api.sendSms({ phone: phoneNumber, ...captchaRes }).then((sendRes) => {
+            if (sendRes.code !== 200) {
+              import_antd.message.error(sendRes.msg);
+              return;
+            }
+            setSendStatus(true);
+            import_antd.message.success("验证码发送成功");
+            setCountdown(60);
+            const timer = setInterval(() => {
+              setCountdown((prevCountdown) => {
+                if (prevCountdown <= 1) {
+                  clearInterval(timer);
+                  return 0;
+                }
+                return prevCountdown - 1;
+              });
+            }, 1e3);
+          }).catch(() => {
+            import_antd.message.error("验证码发送失败，请稍后再试");
+            return;
+          });
+        },
+        {
+          appKey
+        }
+      );
+    } catch {
+      import_antd.message.error("发送验证码失败，请稍后再试");
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pro_form.ProFormText,
+    {
+      className: inputClassName,
+      name: "phone",
+      fieldProps: {
+        size: "large",
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.MobileOutlined, null),
+        onChange: (e) => {
+          setPhone(e.target.value);
+        }
+      },
+      placeholder: "请输入手机号",
+      validateTrigger: "onBlur",
+      rules: [
+        {
+          required: true,
+          validator(rule, value, _callback) {
+            if (!value) {
+              return Promise.reject("手机号是必填项!");
+            }
+            if (!/^1\d{10}$/.test(value)) {
+              return Promise.reject("请输入正确的手机号格式");
+            }
+            return Promise.resolve();
+          }
+        }
+      ]
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pro_form.ProFormText,
+    {
+      className: inputClassName,
+      name: "code",
+      disabled: !sendStatus,
+      fieldProps: {
+        size: "large",
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.LockOutlined, null),
+        suffix: /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            className: import_styles_module.default.captchaBtn,
+            style: { fontSize: 16 },
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              countdown === 0 && void sendVerificationCode();
+            },
+            type: "link",
+            disabled: disableBtn
+          },
+          countdown > 0 ? `${countdown}秒后重新获取` : "获取验证码"
+        )
+      },
+      placeholder: "请输入验证码",
+      rules: [
+        {
+          required: true,
+          message: "验证码是必填项!"
+        }
+      ]
+    }
+  ));
+};
+var SmsLoginForm_default = SmsLogin;
+//# sourceMappingURL=SmsLoginForm.js.map

package/dist/lib/business/YkLoginModule/SmsLoginForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkLoginModule/SmsLoginForm.tsx"],
+  "sourcesContent": ["import { LockOutlined, MobileOutlined } from '@ant-design/icons';\nimport { ProFormText } from '@ant-design/pro-form';\nimport { Button, message } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport styles from './styles.module.less';\n\nexport type SmsLoginFormApi = {\n  sendSms: (payload: Record<string, unknown>) => Promise<{ code: number; msg: string }>;\n};\n\ndeclare global {\n  interface Window {\n    sliderVerify: (\n      element: 'pop' | HTMLElement,\n      success: (res: { token: string; captchaVerification: string }) => void,\n      options: { appKey: string; locale?: string },\n    ) => void;\n  }\n}\n\nexport type SmsLoginFormProps = {\n  inputClassName: string;\n  api: SmsLoginFormApi;\n  appKey: string;\n};\n\nconst SmsLogin: React.FC<SmsLoginFormProps> = ({ inputClassName, api, appKey }) => {\n  useEffect(() => {\n    const link = document.createElement('link');\n    link.href = 'https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.css';\n    link.rel = 'stylesheet';\n    document.head.appendChild(link);\n\n    const script = document.createElement('script');\n    script.src = 'https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.js';\n    document.body.appendChild(script);\n    return () => {\n      document.head.removeChild(link);\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  const [phone, setPhone] = useState<string>('');\n  const [countdown, setCountdown] = useState<number>(0);\n  const [sendStatus, setSendStatus] = useState<boolean>(false);\n  const disableBtn = countdown > 0 || phone.length !== 11;\n\n  const sendVerificationCode = async () => {\n    try {\n      const phoneNumber = phone;\n      if (!phoneNumber) {\n        message.error('请输入手机号');\n        return;\n      }\n\n      if (!/^1\\d{10}$/.test(phoneNumber)) {\n        message.error('请输入正确的手机号格式');\n        return;\n      }\n      if (!appKey) {\n        message.error('验证码配置缺失，请联系管理员（appKey）');\n        return;\n      }\n      window.sliderVerify(\n        'pop',\n        (captchaRes: Record<string, unknown>) => {\n          void api\n            .sendSms({ phone: phoneNumber, ...captchaRes })\n            .then((sendRes) => {\n              if (sendRes.code !== 200) {\n                message.error(sendRes.msg);\n                return;\n              }\n              setSendStatus(true);\n              message.success('验证码发送成功');\n              setCountdown(60);\n              const timer = setInterval(() => {\n                setCountdown((prevCountdown) => {\n                  if (prevCountdown <= 1) {\n                    clearInterval(timer);\n                    return 0;\n                  }\n                  return prevCountdown - 1;\n                });\n              }, 1000);\n            })\n            .catch(() => {\n              message.error('验证码发送失败，请稍后再试');\n              return;\n            });\n        },\n        {\n          appKey,\n        },\n      );\n    } catch {\n      message.error('发送验证码失败，请稍后再试');\n    }\n  };\n\n  return (\n    <>\n      <ProFormText\n        className={inputClassName}\n        name='phone'\n        fieldProps={{\n          size: 'large',\n          prefix: <MobileOutlined />,\n          onChange: (e) => {\n            setPhone(e.target.value);\n          },\n        }}\n        placeholder='请输入手机号'\n        validateTrigger='onBlur'\n        rules={[\n          {\n            required: true,\n            validator(rule, value, _callback) {\n              if (!value) {\n                return Promise.reject('手机号是必填项!');\n              }\n              if (!/^1\\d{10}$/.test(value)) {\n                return Promise.reject('请输入正确的手机号格式');\n              }\n              return Promise.resolve();\n            },\n          },\n        ]}\n      />\n      <ProFormText\n        className={inputClassName}\n        name='code'\n        disabled={!sendStatus}\n        fieldProps={{\n          size: 'large',\n          prefix: <LockOutlined />,\n          suffix: (\n            <Button\n              className={styles.captchaBtn}\n              style={{ fontSize: 16 }}\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                countdown === 0 && void sendVerificationCode();\n              }}\n              type='link'\n              disabled={disableBtn}\n            >\n              {countdown > 0 ? `${countdown}秒后重新获取` : '获取验证码'}\n            </Button>\n          ),\n        }}\n        placeholder='请输入验证码'\n        rules={[\n          {\n            required: true,\n            message: '验证码是必填项!',\n          },\n        ]}\n      />\n    </>\n  );\n};\n\nexport default SmsLogin;\n"],
+  "mappings": "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",
+  "names": ["React", "styles"]
+}

package/dist/lib/business/YkLoginModule/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type SmsLoginFormApi } from './SmsLoginForm';
+export type LoginType = 'qrcode' | 'sms';
+export type LoginTabItem = {
+    key: LoginType;
+    label: React.ReactNode;
+};
+export type QrcodeApi = {
+    getQrcode: () => Promise<{
+        qrcode: string;
+        url: string;
+    }>;
+    scanLogin: (qrcode: string) => Promise<{
+        code: number;
+        data?: {
+            status?: number;
+            msg?: string;
+        };
+    }>;
+};
+export type LoginModuleProps = {
+    title: React.ReactNode;
+    tabs: LoginTabItem[];
+    defaultLoginType: LoginType;
+    containerStyle?: React.CSSProperties;
+    actions?: React.ReactNode | ((loginType: LoginType) => React.ReactNode);
+    className?: string;
+    formClassName?: string;
+    tabsClassName?: string;
+    inputClassName?: string;
+    qrcodeClassName?: string;
+    qrcodeBoxClassName?: string;
+    onFinish: (values: Record<string, unknown>) => Promise<void>;
+    qrcode?: {
+        api: QrcodeApi;
+        icon: string;
+        iconSize?: number;
+        size?: number;
+        wrapStyle?: React.CSSProperties;
+        onSuccess: () => void | Promise<void>;
+    };
+    sms?: {
+        api: SmsLoginFormApi;
+        appKey: string;
+    };
+};
+declare const LoginModule: React.FC<LoginModuleProps>;
+export default LoginModule;

package/dist/lib/business/YkLoginModule/index.js

@@ -0,0 +1,206 @@
+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/business/YkLoginModule/index.tsx
+var YkLoginModule_exports = {};
+__export(YkLoginModule_exports, {
+  default: () => YkLoginModule_default
+});
+module.exports = __toCommonJS(YkLoginModule_exports);
+var import_pro_form = require("@ant-design/pro-form");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_SmsLoginForm = __toESM(require("./SmsLoginForm"));
+var import_styles_module = __toESM(require("./styles.module.less"));
+var DEFAULT_QRCODE_WRAP_STYLE = {
+  padding: 10,
+  display: "flex",
+  justifyContent: "center"
+};
+var LoginModule = (props) => {
+  const {
+    title,
+    tabs,
+    defaultLoginType,
+    containerStyle,
+    actions,
+    onFinish,
+    qrcode,
+    className = import_styles_module.default.root,
+    formClassName = import_styles_module.default.form,
+    tabsClassName = import_styles_module.default.tabs,
+    inputClassName,
+    qrcodeClassName = import_styles_module.default.qrcode,
+    qrcodeBoxClassName = import_styles_module.default.qrcodeBox,
+    sms
+  } = props;
+  const [loginType, setLoginType] = (0, import_react.useState)(defaultLoginType);
+  const [qrcodeStatus, setQrcodeStatus] = (0, import_react.useState)("active");
+  const [qrcodeUrl, setQrcodeUrl] = (0, import_react.useState)("-");
+  const [qrcodeValue, setQrcodeValue] = (0, import_react.useState)("");
+  const pollIntervalRef = (0, import_react.useRef)(null);
+  const pollTimeoutRef = (0, import_react.useRef)(null);
+  const shouldShowSubmitter = loginType !== "qrcode";
+  const resolvedActions = (0, import_react.useMemo)(() => {
+    if (!actions)
+      return void 0;
+    return typeof actions === "function" ? actions(loginType) : actions;
+  }, [actions, loginType]);
+  const safeClearTimers = (0, import_react.useCallback)(() => {
+    if (pollIntervalRef.current)
+      clearInterval(pollIntervalRef.current);
+    if (pollTimeoutRef.current)
+      clearTimeout(pollTimeoutRef.current);
+    pollIntervalRef.current = null;
+    pollTimeoutRef.current = null;
+  }, []);
+  const handleQrcodeRefresh = (0, import_react.useCallback)(async () => {
+    if (!qrcode)
+      return;
+    setQrcodeStatus("loading");
+    try {
+      const res = await qrcode.api.getQrcode();
+      setQrcodeUrl(res.url);
+      setQrcodeValue(res.qrcode);
+      setQrcodeStatus("active");
+    } catch {
+      setQrcodeStatus("expired");
+      import_antd.message.error("获取二维码失败，请稍后重试");
+    }
+  }, [qrcode]);
+  const enabledTabKeys = (0, import_react.useMemo)(() => new Set(tabs.map((t) => t.key)), [tabs]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (enabledTabKeys.has(defaultLoginType)) {
+      setLoginType(defaultLoginType);
+      return;
+    }
+    const fallback = (_a = tabs[0]) == null ? void 0 : _a.key;
+    if (fallback)
+      setLoginType(fallback);
+  }, [defaultLoginType, enabledTabKeys, tabs]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (enabledTabKeys.has(loginType))
+      return;
+    const fallback = (_a = tabs[0]) == null ? void 0 : _a.key;
+    if (fallback)
+      setLoginType(fallback);
+  }, [enabledTabKeys, loginType, tabs]);
+  (0, import_react.useEffect)(() => {
+    safeClearTimers();
+    if (loginType !== "qrcode") {
+      setQrcodeStatus("expired");
+      return;
+    }
+    if (!qrcode) {
+      setQrcodeStatus("expired");
+      return;
+    }
+    void handleQrcodeRefresh();
+    return safeClearTimers;
+  }, [handleQrcodeRefresh, loginType, qrcode, safeClearTimers]);
+  (0, import_react.useEffect)(() => {
+    safeClearTimers();
+    if (!qrcode)
+      return;
+    if (loginType !== "qrcode")
+      return;
+    if (qrcodeStatus !== "active")
+      return;
+    if (!qrcodeValue)
+      return;
+    pollIntervalRef.current = setInterval(() => {
+      void qrcode.api.scanLogin(qrcodeValue).then((res) => {
+        var _a, _b;
+        if (res.code !== 200)
+          return;
+        const status = (_a = res.data) == null ? void 0 : _a.status;
+        const msg = ((_b = res.data) == null ? void 0 : _b.msg) ?? "扫码遇到问题，稍后重试";
+        if (status === -1)
+          return;
+        if (status !== 1) {
+          safeClearTimers();
+          setQrcodeStatus("expired");
+          import_antd.message.error(msg, 3);
+          return;
+        }
+        safeClearTimers();
+        void qrcode.onSuccess();
+      }).catch(() => {
+      });
+    }, 1e3);
+    pollTimeoutRef.current = setTimeout(() => {
+      setQrcodeStatus("expired");
+      safeClearTimers();
+    }, 3e4);
+    return safeClearTimers;
+  }, [loginType, qrcode, qrcodeStatus, qrcodeValue, safeClearTimers]);
+  const tabItems = (0, import_react.useMemo)(() => tabs.map((t) => ({ key: t.key, label: t.label })), [tabs]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className, style: { maxWidth: "500px" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_pro_form.LoginForm,
+    {
+      className: formClassName,
+      onFinish: async (values) => {
+        await onFinish(values);
+      },
+      title: typeof title === "string" ? /* @__PURE__ */ import_react.default.createElement("div", { className: import_styles_module.default.title }, title) : title,
+      containerStyle,
+      submitter: shouldShowSubmitter ? void 0 : false,
+      actions: resolvedActions
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tabs,
+      {
+        className: tabsClassName,
+        centered: true,
+        activeKey: loginType,
+        onChange: (activeKey) => {
+          const next = activeKey;
+          setLoginType(next);
+        },
+        items: tabItems
+      }
+    ),
+    enabledTabKeys.has("qrcode") && loginType === "qrcode" && qrcode && /* @__PURE__ */ import_react.default.createElement("div", { style: qrcode.wrapStyle ?? DEFAULT_QRCODE_WRAP_STYLE }, /* @__PURE__ */ import_react.default.createElement("div", { className: qrcodeBoxClassName }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { justify: "center", align: "center" }, /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-saoyisao", style: { color: "#999999", marginRight: 10, fontSize: 14 } }), "请使用", /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#0A6BFD" } }, "小闪扫码"), "登录"), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.QRCode,
+      {
+        icon: qrcode.icon,
+        iconSize: qrcode.iconSize ?? 50,
+        className: qrcodeClassName,
+        size: qrcode.size ?? 240,
+        value: qrcodeUrl,
+        status: qrcodeStatus,
+        onRefresh: handleQrcodeRefresh
+      }
+    ))),
+    enabledTabKeys.has("sms") && loginType === "sms" && sms && /* @__PURE__ */ import_react.default.createElement(import_SmsLoginForm.default, { inputClassName: inputClassName ?? "", api: sms.api, appKey: sms.appKey })
+  ));
+};
+var YkLoginModule_default = LoginModule;
+//# sourceMappingURL=index.js.map