@yoka-ui/ui 1.0.4 → 1.0.6

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[];