@yoka-ui/ui 1.0.5 → 1.0.7

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;

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

@@ -0,0 +1,202 @@
+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/YkSqlEdit/index.tsx
+var YkSqlEdit_exports = {};
+__export(YkSqlEdit_exports, {
+  default: () => YkSqlEdit_default
+});
+module.exports = __toCommonJS(YkSqlEdit_exports);
+var import_autocomplete = require("@codemirror/autocomplete");
+var import_lang_sql = require("@codemirror/lang-sql");
+var import_view = require("@codemirror/view");
+var import_react_codemirror = __toESM(require("@uiw/react-codemirror"));
+var import_react = __toESM(require("react"));
+var import_code_mirror_custom_module = __toESM(require("./code-mirror-custom.module.less"));
+var import_sql_language = require("./sql-language");
+function dynamicParamHighlighter() {
+  return import_view.ViewPlugin.fromClass(
+    class {
+      constructor(view) {
+        this.decorations = this.buildDecorations(view);
+      }
+      update(update) {
+        if (update.docChanged || update.viewportChanged) {
+          this.decorations = this.buildDecorations(update.view);
+        }
+      }
+      buildDecorations(view) {
+        const widgets = [];
+        const regex = /\{\{.*?\}\}/g;
+        for (const { from, to } of view.visibleRanges) {
+          const text = view.state.doc.sliceString(from, to);
+          let match;
+          while ((match = regex.exec(text)) !== null) {
+            const start = from + match.index;
+            const end = start + match[0].length;
+            widgets.push(import_view.Decoration.mark({ class: "cm-dynamic-param" }).range(start, end));
+          }
+        }
+        return import_view.Decoration.set(widgets, true);
+      }
+    },
+    {
+      decorations: (v) => v.decorations
+    }
+  );
+}
+function customKeywordHighlighter(allKeywords) {
+  return import_view.ViewPlugin.fromClass(
+    class {
+      constructor(view) {
+        this.decorations = this.buildDecorations(view);
+      }
+      update(update) {
+        if (update.docChanged || update.viewportChanged) {
+          this.decorations = this.buildDecorations(update.view);
+        }
+      }
+      buildDecorations(view) {
+        if (!allKeywords.length)
+          return import_view.Decoration.none;
+        const widgets = [];
+        const regex = new RegExp(`\\b(${allKeywords.join("|")})\\b`, "gi");
+        for (const { from, to } of view.visibleRanges) {
+          const text = view.state.doc.sliceString(from, to);
+          let match;
+          while ((match = regex.exec(text)) !== null) {
+            const start = from + match.index;
+            const end = start + match[0].length;
+            widgets.push(
+              import_view.Decoration.mark({
+                class: "cm-custom-keyword",
+                attributes: { "data-keyword": match[0] }
+              }).range(start, end)
+            );
+          }
+        }
+        return import_view.Decoration.set(widgets, true);
+      }
+    },
+    {
+      decorations: (v) => v.decorations
+    }
+  );
+}
+function buildCompletions(keywordOptions) {
+  const keywords = (keywordOptions == null ? void 0 : keywordOptions.keywords) ?? [];
+  const functions = (keywordOptions == null ? void 0 : keywordOptions.functions) ?? [];
+  const allKeywords = [.../* @__PURE__ */ new Set([...keywords, ...functions])];
+  return (context) => {
+    const word = context.matchBefore(/\w*/);
+    if ((word == null ? void 0 : word.from) === (word == null ? void 0 : word.to) && !context.explicit)
+      return null;
+    const search = ((word == null ? void 0 : word.text) ?? "").toLowerCase();
+    const options = allKeywords.filter((kw) => kw.toLowerCase().includes(search)).map((kw) => ({
+      label: kw,
+      detail: keywords.includes(kw) ? "关键字" : functions.includes(kw) ? "函数" : "",
+      boost: kw.toLowerCase().startsWith(search) ? 10 : 1
+    })).sort((a, b) => (b.boost ?? 0) - (a.boost ?? 0));
+    return {
+      from: (word == null ? void 0 : word.from) ?? 0,
+      options: options.slice(0, 50)
+    };
+  };
+}
+var YkSqlEdit = import_react.default.forwardRef((props, ref) => {
+  const {
+    value,
+    previewValue,
+    preview,
+    placeholder = "请输入查询语句",
+    height = "100%",
+    width = "100%",
+    onChange,
+    datasourceType,
+    keywordOptions,
+    dataTestId = "native-query-editor"
+  } = props;
+  const resolvedKeywordOptions = import_react.default.useMemo(() => {
+    if (keywordOptions)
+      return keywordOptions;
+    if (!datasourceType)
+      return { keywords: [], functions: [] };
+    return {
+      keywords: (0, import_sql_language.sqlKeywords)(datasourceType),
+      functions: (0, import_sql_language.sqlFunctions)(datasourceType)
+    };
+  }, [datasourceType, keywordOptions]);
+  const allKeywords = import_react.default.useMemo(() => {
+    const keywords = resolvedKeywordOptions.keywords ?? [];
+    const functions = resolvedKeywordOptions.functions ?? [];
+    return [.../* @__PURE__ */ new Set([...keywords, ...functions])];
+  }, [resolvedKeywordOptions]);
+  const customCompletions = import_react.default.useMemo(() => buildCompletions(resolvedKeywordOptions), [resolvedKeywordOptions]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_codemirror.default,
+    {
+      ref,
+      value: preview ? previewValue ?? value : value,
+      className: `${import_code_mirror_custom_module.default.codeMirrorCustom} ${preview ? import_code_mirror_custom_module.default.disabled : ""}`,
+      "data-testid": dataTestId,
+      placeholder,
+      height,
+      width,
+      editable: !preview,
+      autoCorrect: "off",
+      extensions: [
+        (0, import_lang_sql.sql)({ dialect: import_lang_sql.MySQL }),
+        dynamicParamHighlighter(),
+        customKeywordHighlighter(allKeywords),
+        (0, import_autocomplete.autocompletion)({
+          override: [customCompletions]
+        })
+      ],
+      onChange: (next) => onChange(next),
+      basicSetup: {
+        closeBrackets: true,
+        autocompletion: true,
+        bracketMatching: true,
+        highlightSpecialChars: true,
+        searchKeymap: true,
+        history: true,
+        historyKeymap: true,
+        drawSelection: true,
+        syntaxHighlighting: true,
+        defaultKeymap: true,
+        dropCursor: true,
+        highlightSelectionMatches: true,
+        completionKeymap: true,
+        highlightActiveLineGutter: true
+      }
+    }
+  );
+});
+YkSqlEdit.displayName = "YkSqlEdit";
+var YkSqlEdit_default = YkSqlEdit;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkSqlEdit/index.tsx"],
+  "sourcesContent": ["import {\n  autocompletion,\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n} from '@codemirror/autocomplete';\nimport { MySQL, sql } from '@codemirror/lang-sql';\nimport { Decoration, type EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\nimport CodeMirror, { type ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport React from 'react';\nimport customStyles from './code-mirror-custom.module.less';\nimport { type SqlDialectType, sqlFunctions, sqlKeywords } from './sql-language';\n\nexport type YkSqlEditProps = {\n  value: string;\n  previewValue?: string;\n  preview?: boolean;\n  placeholder?: string;\n  height?: string;\n  width?: string;\n  onChange: (value: string) => void;\n\n  datasourceType?: SqlDialectType;\n  keywordOptions?: {\n    keywords: string[];\n    functions: string[];\n  };\n  dataTestId?: string;\n};\n\n// 动态参数高亮插件\nfunction dynamicParamHighlighter() {\n  return ViewPlugin.fromClass(\n    class {\n      decorations;\n      constructor(view: EditorView) {\n        this.decorations = this.buildDecorations(view);\n      }\n      update(update: ViewUpdate) {\n        if (update.docChanged || update.viewportChanged) {\n          this.decorations = this.buildDecorations(update.view);\n        }\n      }\n      buildDecorations(view: EditorView) {\n        const widgets = [];\n        const regex = /\\{\\{.*?\\}\\}/g;\n        for (const { from, to } of view.visibleRanges) {\n          const text = view.state.doc.sliceString(from, to);\n          let match;\n          while ((match = regex.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            widgets.push(Decoration.mark({ class: 'cm-dynamic-param' }).range(start, end));\n          }\n        }\n        return Decoration.set(widgets, true);\n      }\n    },\n    {\n      decorations: (v) => v.decorations,\n    },\n  );\n}\n\nfunction customKeywordHighlighter(allKeywords: string[]) {\n  return ViewPlugin.fromClass(\n    class {\n      decorations;\n      constructor(view: EditorView) {\n        this.decorations = this.buildDecorations(view);\n      }\n      update(update: ViewUpdate) {\n        if (update.docChanged || update.viewportChanged) {\n          this.decorations = this.buildDecorations(update.view);\n        }\n      }\n      buildDecorations(view: EditorView) {\n        if (!allKeywords.length) return Decoration.none;\n\n        const widgets = [];\n        const regex = new RegExp(`\\\\b(${allKeywords.join('|')})\\\\b`, 'gi');\n\n        for (const { from, to } of view.visibleRanges) {\n          const text = view.state.doc.sliceString(from, to);\n          let match;\n          while ((match = regex.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            widgets.push(\n              Decoration.mark({\n                class: 'cm-custom-keyword',\n                attributes: { 'data-keyword': match[0] },\n              }).range(start, end),\n            );\n          }\n        }\n        return Decoration.set(widgets, true);\n      }\n    },\n    {\n      decorations: (v) => v.decorations,\n    },\n  );\n}\n\nfunction buildCompletions(keywordOptions?: YkSqlEditProps['keywordOptions']) {\n  const keywords = keywordOptions?.keywords ?? [];\n  const functions = keywordOptions?.functions ?? [];\n  const allKeywords = [...new Set([...keywords, ...functions])];\n\n  return (context: CompletionContext): CompletionResult | null => {\n    const word = context.matchBefore(/\\w*/);\n    if (word?.from === word?.to && !context.explicit) return null;\n\n    const search = (word?.text ?? '').toLowerCase();\n    const options: Completion[] = allKeywords\n      .filter((kw) => kw.toLowerCase().includes(search))\n      .map((kw) => ({\n        label: kw,\n        detail: keywords.includes(kw) ? '关键字' : functions.includes(kw) ? '函数' : '',\n        boost: kw.toLowerCase().startsWith(search) ? 10 : 1,\n      }))\n      .sort((a, b) => (b.boost ?? 0) - (a.boost ?? 0));\n\n    return {\n      from: word?.from ?? 0,\n      options: options.slice(0, 50),\n    };\n  };\n}\n\nconst YkSqlEdit = React.forwardRef<ReactCodeMirrorRef, YkSqlEditProps>((props, ref) => {\n  const {\n    value,\n    previewValue,\n    preview,\n    placeholder = '请输入查询语句',\n    height = '100%',\n    width = '100%',\n    onChange,\n    datasourceType,\n    keywordOptions,\n    dataTestId = 'native-query-editor',\n  } = props;\n\n  const resolvedKeywordOptions = React.useMemo(() => {\n    if (keywordOptions) return keywordOptions;\n    if (!datasourceType) return { keywords: [], functions: [] };\n    return {\n      keywords: sqlKeywords(datasourceType),\n      functions: sqlFunctions(datasourceType),\n    };\n  }, [datasourceType, keywordOptions]);\n\n  const allKeywords = React.useMemo(() => {\n    const keywords = resolvedKeywordOptions.keywords ?? [];\n    const functions = resolvedKeywordOptions.functions ?? [];\n    return [...new Set([...keywords, ...functions])];\n  }, [resolvedKeywordOptions]);\n\n  const customCompletions = React.useMemo(() => buildCompletions(resolvedKeywordOptions), [resolvedKeywordOptions]);\n\n  return (\n    <CodeMirror\n      ref={ref}\n      value={preview ? (previewValue ?? value) : value}\n      className={`${customStyles.codeMirrorCustom} ${preview ? customStyles.disabled : ''}`}\n      data-testid={dataTestId}\n      placeholder={placeholder}\n      height={height}\n      width={width}\n      editable={!preview}\n      autoCorrect='off'\n      extensions={[\n        sql({ dialect: MySQL }),\n        dynamicParamHighlighter(),\n        customKeywordHighlighter(allKeywords),\n        autocompletion({\n          override: [customCompletions],\n        }),\n      ]}\n      onChange={(next) => onChange(next)}\n      basicSetup={{\n        closeBrackets: true,\n        autocompletion: true,\n        bracketMatching: true,\n        highlightSpecialChars: true,\n        searchKeymap: true,\n        history: true,\n        historyKeymap: true,\n        drawSelection: true,\n        syntaxHighlighting: true,\n        defaultKeymap: true,\n        dropCursor: true,\n        highlightSelectionMatches: true,\n        completionKeymap: true,\n        highlightActiveLineGutter: true,\n      }}\n    />\n  );\n});\n\nYkSqlEdit.displayName = 'YkSqlEdit';\n\nexport default YkSqlEdit;\n"],
+  "mappings": "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",
+  "names": ["React", "CodeMirror", "customStyles"]
+}

package/dist/lib/business/YkSqlEdit/sql-language.d.ts

@@ -0,0 +1,11 @@
+export type SqlDialectType = 'starrocks' | 'impala' | 'hive' | string;
+export declare const defaultKeywords: string[];
+export declare const defaultFunctions: string[];
+export declare const srKeywords: string[];
+export declare const srFunctions: string[];
+export declare const impalaKeywords: string[];
+export declare const impalaFunctions: string[];
+export declare const hiveKeywords: string[];
+export declare const hiveFunctions: string[];
+export declare const sqlKeywords: (type: SqlDialectType) => string[];
+export declare const sqlFunctions: (type: SqlDialectType) => string[];