@yoka-ui/ui 1.0.5 → 1.0.6

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkLoginModule/index.tsx"],
+  "sourcesContent": ["import { LoginForm } from '@ant-design/pro-form';\nimport { Flex, message, QRCode, Tabs } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport SmsLoginForm, { type SmsLoginFormApi } from './SmsLoginForm';\nimport styles from './styles.module.less';\n\nexport type LoginType = 'qrcode' | 'sms';\n\nexport type LoginTabItem = {\n  key: LoginType;\n  label: React.ReactNode;\n};\n\nexport type QrcodeApi = {\n  getQrcode: () => Promise<{ qrcode: string; url: string }>;\n  scanLogin: (qrcode: string) => Promise<{\n    code: number;\n    data?: {\n      status?: number;\n      msg?: string;\n    };\n  }>;\n};\n\nexport type LoginModuleProps = {\n  title: React.ReactNode;\n  tabs: LoginTabItem[];\n  defaultLoginType: LoginType;\n  containerStyle?: React.CSSProperties;\n  actions?: React.ReactNode | ((loginType: LoginType) => React.ReactNode);\n  className?: string;\n  formClassName?: string;\n  tabsClassName?: string;\n  inputClassName?: string;\n  qrcodeClassName?: string;\n  qrcodeBoxClassName?: string;\n\n  onFinish: (values: Record<string, unknown>) => Promise<void>;\n\n  qrcode?: {\n    api: QrcodeApi;\n    icon: string;\n    iconSize?: number;\n    size?: number;\n    wrapStyle?: React.CSSProperties;\n    onSuccess: () => void | Promise<void>;\n  };\n\n  sms?: {\n    api: SmsLoginFormApi;\n    appKey: string;\n  };\n};\n\nconst DEFAULT_QRCODE_WRAP_STYLE: React.CSSProperties = {\n  padding: 10,\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nconst LoginModule: React.FC<LoginModuleProps> = (props) => {\n  const {\n    title,\n    tabs,\n    defaultLoginType,\n    containerStyle,\n    actions,\n    onFinish,\n    qrcode,\n    className = styles.root,\n    formClassName = styles.form,\n    tabsClassName = styles.tabs,\n    inputClassName,\n    qrcodeClassName = styles.qrcode,\n    qrcodeBoxClassName = styles.qrcodeBox,\n    sms,\n  } = props;\n\n  const [loginType, setLoginType] = useState<LoginType>(defaultLoginType);\n\n  const [qrcodeStatus, setQrcodeStatus] = useState<'active' | 'expired' | 'loading'>('active');\n  const [qrcodeUrl, setQrcodeUrl] = useState<string>('-');\n  const [qrcodeValue, setQrcodeValue] = useState<string>('');\n  const pollIntervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const pollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const shouldShowSubmitter = loginType !== 'qrcode';\n\n  const resolvedActions = useMemo(() => {\n    if (!actions) return undefined;\n    return typeof actions === 'function' ? actions(loginType) : actions;\n  }, [actions, loginType]);\n\n  const safeClearTimers = useCallback(() => {\n    if (pollIntervalRef.current) clearInterval(pollIntervalRef.current);\n    if (pollTimeoutRef.current) clearTimeout(pollTimeoutRef.current);\n    pollIntervalRef.current = null;\n    pollTimeoutRef.current = null;\n  }, []);\n\n  const handleQrcodeRefresh = useCallback(async () => {\n    if (!qrcode) return;\n    setQrcodeStatus('loading');\n    try {\n      const res = await qrcode.api.getQrcode();\n      setQrcodeUrl(res.url);\n      setQrcodeValue(res.qrcode);\n      setQrcodeStatus('active');\n    } catch {\n      setQrcodeStatus('expired');\n      message.error('获取二维码失败，请稍后重试');\n    }\n  }, [qrcode]);\n\n  const enabledTabKeys = useMemo(() => new Set(tabs.map((t) => t.key)), [tabs]);\n\n  useEffect(() => {\n    if (enabledTabKeys.has(defaultLoginType)) {\n      setLoginType(defaultLoginType);\n      return;\n    }\n    const fallback = tabs[0]?.key;\n    if (fallback) setLoginType(fallback);\n  }, [defaultLoginType, enabledTabKeys, tabs]);\n\n  useEffect(() => {\n    if (enabledTabKeys.has(loginType)) return;\n    const fallback = tabs[0]?.key;\n    if (fallback) setLoginType(fallback);\n  }, [enabledTabKeys, loginType, tabs]);\n\n  // 切到扫码登录时刷新二维码；离开扫码登录时停止轮询并标记过期\n  useEffect(() => {\n    safeClearTimers();\n    if (loginType !== 'qrcode') {\n      setQrcodeStatus('expired');\n      return;\n    }\n    if (!qrcode) {\n      setQrcodeStatus('expired');\n      return;\n    }\n    void handleQrcodeRefresh();\n    return safeClearTimers;\n  }, [handleQrcodeRefresh, loginType, qrcode, safeClearTimers]);\n\n  // 扫码轮询：仅在二维码“激活 + 有值 + 在扫码 Tab”时启动\n  useEffect(() => {\n    safeClearTimers();\n    if (!qrcode) return;\n    if (loginType !== 'qrcode') return;\n    if (qrcodeStatus !== 'active') return;\n    if (!qrcodeValue) return;\n\n    pollIntervalRef.current = setInterval(() => {\n      void qrcode.api\n        .scanLogin(qrcodeValue)\n        .then((res) => {\n          if (res.code !== 200) return;\n\n          const status = res.data?.status;\n          const msg = res.data?.msg ?? '扫码遇到问题，稍后重试';\n\n          if (status === -1) return;\n          if (status !== 1) {\n            safeClearTimers();\n            setQrcodeStatus('expired');\n            message.error(msg, 3);\n            return;\n          }\n          safeClearTimers();\n          void qrcode.onSuccess();\n        })\n        .catch(() => {\n          // 忽略轮询中的偶发网络错误，保持继续轮询直到超时/成功\n        });\n    }, 1000);\n\n    pollTimeoutRef.current = setTimeout(() => {\n      setQrcodeStatus('expired');\n      safeClearTimers();\n    }, 30000);\n\n    return safeClearTimers;\n  }, [loginType, qrcode, qrcodeStatus, qrcodeValue, safeClearTimers]);\n\n  const tabItems = useMemo(() => tabs.map((t) => ({ key: t.key, label: t.label })), [tabs]);\n\n  return (\n    <div className={className} style={{ maxWidth: '500px' }}>\n      <LoginForm\n        className={formClassName}\n        onFinish={async (values) => {\n          await onFinish(values);\n        }}\n        title={typeof title === 'string' ? <div className={styles.title}>{title}</div> : title}\n        containerStyle={containerStyle}\n        submitter={shouldShowSubmitter ? undefined : (false as const)}\n        actions={resolvedActions}\n      >\n        <Tabs\n          className={tabsClassName}\n          centered\n          activeKey={loginType}\n          onChange={(activeKey) => {\n            const next = activeKey as LoginType;\n            setLoginType(next);\n          }}\n          items={tabItems}\n        />\n\n        {enabledTabKeys.has('qrcode') && loginType === 'qrcode' && qrcode && (\n          <div style={qrcode.wrapStyle ?? DEFAULT_QRCODE_WRAP_STYLE}>\n            <div className={qrcodeBoxClassName}>\n              <Flex justify='center' align='center'>\n                <i className='iconfont icon-saoyisao' style={{ color: '#999999', marginRight: 10, fontSize: 14 }}></i>\n                请使用<span style={{ color: '#0A6BFD' }}>小闪扫码</span>登录\n              </Flex>\n              <QRCode\n                icon={qrcode.icon}\n                iconSize={qrcode.iconSize ?? 50}\n                className={qrcodeClassName}\n                size={qrcode.size ?? 240}\n                value={qrcodeUrl}\n                status={qrcodeStatus}\n                onRefresh={handleQrcodeRefresh}\n              />\n            </div>\n          </div>\n        )}\n\n        {enabledTabKeys.has('sms') && loginType === 'sms' && sms && (\n          <SmsLoginForm inputClassName={inputClassName ?? ''} api={sms.api} appKey={sms.appKey} />\n        )}\n      </LoginForm>\n    </div>\n  );\n};\n\nexport default LoginModule;\n"],
+  "mappings": "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",
+  "names": ["styles", "React", "SmsLoginForm"]
+}

package/dist/lib/business/YkLoginModule/styles.module.less

@@ -0,0 +1,169 @@
+.root {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+
+  :global {
+    @media (max-width: 768px) {
+      .ant-pro-form-login-container {
+        padding: 20px !important;
+        padding-inline: 0;
+        padding-block: 0;
+      }
+    }
+
+    .ant-pro-form-login-container {
+      border: 1px solid #ececec;
+      border-radius: 12px;
+      background: #ffffff;
+
+      .ant-pro-form-login-top {
+        margin-bottom: 54px;
+
+        .ant-pro-form-login-header {
+          justify-content: flex-start;
+          height: 33px;
+          line-height: 33px;
+        }
+      }
+
+      .ant-pro-form-login-main {
+        width: 100% !important;
+        max-width: 500px !important;
+      }
+
+      @media (max-width: 768px) {
+        .ant-pro-form-login-main {
+          width: 100% !important;
+        }
+
+        .ant-form-item-control-input {
+          .ant-input-affix-wrapper {
+            width: 100% !important;
+          }
+        }
+      }
+
+      .ant-pro-form-login-main-other {
+        margin-top: 0;
+      }
+    }
+  }
+}
+
+.title {
+  height: 33px;
+  color: #333333;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 33px;
+}
+
+.tabs {
+  :global {
+    .ant-tabs-nav {
+      margin: 0 0 30px 0;
+
+      .ant-tabs-nav-wrap {
+        justify-content: left;
+        border-bottom: 1px solid #eeeeee;
+
+        .ant-tabs-nav-list {
+          .ant-tabs-tab {
+            padding: 0 0 15px 0;
+
+            .ant-tabs-tab-btn {
+              color: #666666;
+              font-weight: 400;
+              font-size: 18px;
+              line-height: 25px;
+            }
+
+            &.ant-tabs-tab-active {
+              .ant-tabs-tab-btn {
+                color: #333333;
+                font-weight: 600;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.form {
+  :global {
+    width: 100%;
+
+    .ant-form-item {
+      margin-bottom: 20px;
+
+      .ant-form-item-row {
+        .ant-form-item-explain-error {
+          font-size: 12px;
+        }
+
+        .ant-form-item-control-input {
+          .ant-input-affix-wrapper {
+            width: 100%;
+            height: 50px;
+            background: #fcfcfc;
+            border: 1px solid #ececec;
+            border-radius: 4px;
+
+            .ant-input-prefix {
+              margin-right: 15px;
+              color: #666;
+              font-size: 20px;
+            }
+
+            input {
+              background: #fcfcfc;
+            }
+          }
+        }
+      }
+    }
+
+    .ant-btn-primary {
+      width: 100%;
+      height: 50px;
+      margin-top: 37px;
+      margin-bottom: 46px;
+      padding: 0;
+      color: #ffffff;
+      font-weight: 600;
+      font-size: 18px;
+      line-height: 50px;
+      background: linear-gradient(131deg, #1d93ff 0%, #0a6bfd 100%);
+      border-radius: 4px;
+    }
+  }
+}
+
+.actions {
+  color: #666666;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 25px;
+}
+
+.qrcodeBox {
+  padding: 20px 24px;
+  border: 1px solid #ececec;
+  border-radius: 12px;
+}
+
+.qrcode {
+  :global {
+    border: none !important;
+  }
+}
+
+.captchaBtn {
+  padding: 0;
+  color: #0a6bfd;
+}
+

package/dist/lib/business/YkSqlEdit/code-mirror-custom.module.less

@@ -0,0 +1,154 @@
+.codeMirrorCustom {
+  width: 100%;
+  height: 100%;
+  border: 0.5px solid #ecedf1;
+
+  &.disabled {
+    :global {
+      .cm-activeLine,
+      .cm-activeLineGutter {
+        background-color: transparent !important;
+      }
+    }
+  }
+
+  // CodeMirror 语法高亮样式覆盖
+  :global {
+    color: #888d9d;
+    // 关键字 - 蓝色
+    .ͼb {
+      color: #997bbf !important;
+      font-weight: 400;
+    }
+
+    // 类型名 - 紫色
+    .ͼi {
+      color: #997bbf !important;
+      font-weight: 400;
+    }
+
+    // 字符串 - 绿色
+    .ͼc,
+    .ͼf,
+    .ͼe {
+      color: #9dbd93 !important;
+    }
+
+    // 数字 - 橙色
+    .ͼd {
+      color: #e57271 !important;
+    }
+
+    // 注释 - 灰色
+    .ͼm {
+      color: #999999 !important;
+      font-style: italic;
+    }
+
+    // 变量名 - 黑色
+    .ͼg {
+      color: #000000 !important;
+    }
+
+    // 表名、列名 - 深绿色
+    .ͼh {
+      color: #006633 !important;
+    }
+
+    .cm-dynamic-param {
+      color: #4484d2 !important;
+
+      .ͼi,
+      .ͼb,
+      .ͼc,
+      .ͼd,
+      .ͼe,
+      .ͼf,
+      .ͼg,
+      .ͼh {
+        color: #4484d2 !important;
+      }
+    }
+  }
+}
+
+// 自定义关键词高亮样式
+:global {
+  .cm-custom-keyword {
+    color: #997bbf !important;
+  }
+
+  .cm-editor {
+    outline: none !important;
+  }
+
+  .cm-activeLine {
+    background-color: rgb(204 238 255 / 60%) !important;
+  }
+
+  // 确保自定义关键词在语法高亮之上
+  .cm-editor .cm-line .cm-custom-keyword {
+    position: relative;
+    z-index: 10;
+  }
+}
+
+:global {
+  .cm-scroller {
+    font-size: 12px;
+    background-color: #f9fbfc;
+  }
+
+  .cm-gutters {
+    background-color: #f6f6f9 !important;
+    border: none !important;
+  }
+
+  .cm-gutterElement {
+    color: #999 !important;
+
+    span[title='Fold line'] {
+      display: inline-block;
+      transform: translateY(-5px);
+    }
+  }
+
+  .cm-tooltip {
+    padding: 10px !important;
+    background-color: #fff !important;
+    border: none !important;
+    border-radius: 4px !important;
+    box-shadow: 0 0 10px 0 rgba(154, 153, 153, 0.2);
+
+    .cm-completionLabel {
+      color: #666 !important;
+    }
+
+    .cm-completionMatchedText {
+      color: #ff9600 !important;
+      text-decoration: none !important;
+    }
+  }
+
+  .cm-tooltip-autocomplete ul li {
+    display: flex !important;
+    margin-bottom: 5px !important;
+    line-height: 30px !important;
+    border-radius: 4px !important;
+
+    .cm-completionDetail {
+      margin-left: auto !important;
+      padding-right: 10px !important;
+      color: #999 !important;
+    }
+  }
+
+  .cm-tooltip.cm-tooltip-autocomplete > ul {
+    max-height: 220px !important;
+  }
+
+  .cm-tooltip-autocomplete ul li[aria-selected] {
+    background-color: #f1f8ff !important;
+  }
+}
+

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

@@ -0,0 +1,20 @@
+import { type ReactCodeMirrorRef } from '@uiw/react-codemirror';
+import React from 'react';
+import { type SqlDialectType } from './sql-language';
+export type YkSqlEditProps = {
+    value: string;
+    previewValue?: string;
+    preview?: boolean;
+    placeholder?: string;
+    height?: string;
+    width?: string;
+    onChange: (value: string) => void;
+    datasourceType?: SqlDialectType;
+    keywordOptions?: {
+        keywords: string[];
+        functions: string[];
+    };
+    dataTestId?: string;
+};
+declare const YkSqlEdit: React.ForwardRefExoticComponent<YkSqlEditProps & React.RefAttributes<ReactCodeMirrorRef>>;
+export default YkSqlEdit;