@yoka-ui/ui 1.0.10-test → 1.1.0

package/dist/es/business/YkPorjectSelect/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/business/YkPorjectSelect/index.tsx"],
-  "sourcesContent": ["import TextWithTooltip from '@/components/TextWithToolTip';\nimport { SearchOutlined } from '@ant-design/icons';\nimport type { InputRef } from 'antd';\nimport { ConfigProvider, Empty, Flex, Input, Popover, Rate, Tabs, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport iconProductDefault from './icon-product.png';\nimport styles from './index.module.less';\n\n/** 项目选项项 */\ntype OptionItem = {\n  /** 项目名称 */\n  label: string;\n  /** 项目 ID */\n  value: string | number;\n  /** 项目图标 URL */\n  icon: string;\n  /** 是否已关注 */\n  followed?: boolean;\n  /** 关注排序索引 */\n  follow_index?: number;\n  /** 是否最近访问 */\n  recent_visit?: boolean;\n  /** 是否已关服 */\n  closed?: boolean;\n};\n\n/** 项目选择器 Props */\ntype PageTypes = {\n  /** 当前选中的项目 ID */\n  value: string | number;\n  /** 项目选项列表 */\n  options: OptionItem[];\n  /** 选中项目变化时的回调 */\n  onChange: (value: string | number) => void;\n  /** 关注/取消关注时的回调 */\n  followedCallback?: (item: OptionItem, bool: boolean) => void;\n  /** 弹层内自定义插槽，渲染在搜索框下方、关注项目上方 */\n  slot?: React.ReactNode;\n  /** 自定义触发元素，替代默认的「图标+名称+下拉箭头」展示 */\n  customShow?: React.ReactNode;\n};\n\n/**\n * 项目选择器\n *\n * 支持搜索、关注/取消关注（最多6个）、在营/关服切换。\n * 弹层展开时自动聚焦搜索框，使用 preventScroll 避免页面滚动。\n *\n * @example\n * ```tsx\n * <YkPorjectSelect\n *   value={projectId}\n *   options={options}\n *   onChange={setProjectId}\n *   followedCallback={(item, followed) => api.follow(item.value, followed)}\n * />\n * ```\n */\nconst YkPorjectSelect: FC<PageTypes> = ({ value, options, onChange, followedCallback, slot, customShow }) => {\n  const [open, setOpen] = useState(false);\n  const [status, setStatus] = useState<string>('1');\n  const [searchKey, setSearchKey] = useState('');\n  const [pageHeight, setPageHeight] = useState<number>(1000);\n  const [localOptions, setLocalOptions] = useState<OptionItem[]>(options);\n  const searchInputRef = useRef<InputRef>(null);\n\n  useEffect(() => {\n    setLocalOptions(options);\n  }, [options]);\n\n  /** 弹层展开时聚焦搜索框，使用 preventScroll 避免浏览器滚动到顶部；延迟等待 Popover 内容挂载 */\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    if (open) {\n      timer = setTimeout(() => {\n        searchInputRef.current?.input?.focus({ preventScroll: true });\n      }, 0);\n    }\n    return () => {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open]);\n\n  /** 在营/关服数量统计 */\n  const stateCount = useMemo(() => {\n    return localOptions.reduce(\n      (acc, item) => {\n        const statusClosed = item.closed ? 2 : 1;\n        if (!acc[statusClosed]) {\n          acc[statusClosed] = 0;\n        }\n        acc[statusClosed] += 1;\n        return acc;\n      },\n      {} as { [key: string]: number },\n    );\n  }, [localOptions]);\n\n  /** 在营/关服 Tab 配置 */\n  const tabs = [\n    { key: '1', label: `在营(${stateCount['1'] || 0})` },\n    { key: '2', label: `关服(${stateCount['2'] || 0})` },\n  ];\n\n  /** 当前选中的项目（用于展示图标与名称） */\n  const activeItem = useMemo(() => {\n    return localOptions.find((item) => item.value === value);\n  }, [localOptions, value]);\n\n  /** 已关注的项目列表（顶部展示、用于计算关注数限制） */\n  const followedOptions = useMemo(() => {\n    return localOptions.filter((item) => item.followed);\n  }, [localOptions]);\n\n  // 切换在营/关服\n  const handleTabChange = (tabKey: string) => {\n    setStatus(tabKey);\n  };\n\n  // 点击关注或取消关注\n  const handleStarChange = async (item: OptionItem, val: number) => {\n    void followedCallback?.(item, val === 1);\n    setLocalOptions((prev) =>\n      prev.map((p) => {\n        if (p.value === item.value) {\n          return { ...p, followed: val === 1 };\n        }\n        return p;\n      }),\n    );\n  };\n\n  const handleResize = () => {\n    const height = window.innerHeight;\n    setPageHeight(height);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  /** 渲染单个项目行（名称、ID、关注星标） */\n  const renderItem = (item: OptionItem) => {\n    const isDisabled = !item.followed && followedOptions.length >= 6;\n    return (\n      <Flex justify='space-between' align='center'>\n        <span className={styles.contentItemSpan} onClick={() => onChange(item.value)}>\n          <img className={styles.contentItemSpanIcon} src={item?.icon ? item.icon : iconProductDefault} />\n          <div className={styles.contentItemSpanDev}>\n            <div className={styles.contentItemSpanProName}>\n              <TextWithTooltip\n                text={item.label}\n                width='100%'\n                maxWidth={175}\n                arrow={true}\n                color='#fff'\n                styles={{ body: { color: '#333' } }}\n              ></TextWithTooltip>\n              {item.recent_visit ? <span className={styles.recentVisit}>最近访问</span> : null}\n            </div>\n            <div className={styles.contentItemSpanProId}>ID: {item.value}</div>\n          </div>\n        </span>\n        <Tooltip\n          title={isDisabled ? '最多关注6个项目' : item.followed ? '取消关注' : '关注'}\n          color='#fff'\n          placement='right'\n          styles={{ body: { color: '#333' } }}\n        >\n          <label\n            className={classNames(styles.contentItemStar, isDisabled && styles.contentItemStarDisabled)}\n            onClick={() => {\n              if (isDisabled) {\n                return;\n              }\n              void handleStarChange(item, item.followed ? 0 : 1);\n            }}\n          >\n            <ConfigProvider\n              theme={{\n                components: {\n                  Rate: {\n                    starBg: '#dcdbdb',\n                  },\n                },\n              }}\n            >\n              <Rate\n                style={{\n                  fontSize: 14,\n                  color: isDisabled ? 'rgba(0, 0, 0, 0.06)' : '#FFB401',\n                  opacity: item.followed || followedOptions.length === 0 ? 1 : 0,\n                }}\n                value={item.followed ? 1 : 0}\n                count={1}\n              />\n            </ConfigProvider>\n          </label>\n        </Tooltip>\n      </Flex>\n    );\n  };\n\n  /** 弹层内容：搜索、slot、关注区、Tab、项目列表 */\n  const content = (\n    <div className={styles.ykPorjectSelectContent}>\n      <div className={styles.ykPorjectSelectHeader}>\n        <Input\n          ref={searchInputRef}\n          className={styles.ykPorjectSelectSearchInput}\n          prefix={<SearchOutlined style={{ color: '#999', marginRight: '10px' }} />}\n          value={searchKey}\n          onChange={(e) => setSearchKey(e.target.value)}\n          allowClear\n          placeholder='请输入项目ID/名称'\n        />\n      </div>\n      {slot && <div className={styles.ykPorjectSelectSoltContainer}>{slot}</div>}\n      <div className={styles.ykPorjectSelectFollowed}>\n        <div className={styles.contentHeader}>关注项目</div>\n        <div className={styles.ykPorjectSelectFollowedList}>\n          {followedOptions.map((item) => (\n            <Tooltip\n              key={item.value}\n              title={\n                <>\n                  <div style={{ fontSize: 14, color: '#555555' }}>{item.label}</div>\n                  <div style={{ fontSize: 12, color: '#999' }}>ID: {item.value}</div>\n                </>\n              }\n              color='#fff'\n              placement='bottomLeft'\n              styles={{ body: { color: '#333' } }}\n            >\n              <div key={item.value} className={styles.ykPorjectSelectFollowedItem}>\n                <img className={styles.ykPorjectSelectFollowedItemIcon} src={item.icon} alt={item.label} />\n                <div className={styles.closeIcon} onClick={() => void handleStarChange(item, 0)} />\n              </div>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <Tabs\n        className={styles.ykPorjectSelectProductPanelTabs}\n        centered\n        onChange={handleTabChange}\n        activeKey={status}\n        items={tabs}\n      ></Tabs>\n      {localOptions.length === 0 ? (\n        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      ) : (\n        <div className={styles.ykPorjectSelectListSection}>\n          <div className={styles.contentHeader}>全部项目</div>\n          <Scrollbars\n            className={styles.ykPorjectSelectScrollBarsBox}\n            autoHeight\n            autoHide\n            autoHeightMax={Math.min(450, pageHeight - 310)}\n            renderThumbVertical={({ style, ...props }) => (\n              <div {...props} style={{ ...style, background: '#EEEEEE', borderRadius: 3, width: 6 }} />\n            )}\n          >\n            {localOptions\n              .sort((a, b) => (b.recent_visit ? 1 : 0) - (a.recent_visit ? 1 : 0))\n              .map((item) => (\n                <div\n                  key={item.value}\n                  className={classNames(styles.contentItem, item.value === value ? styles.contentItemActive : '')}\n                >\n                  {renderItem(item)}\n                </div>\n              ))}\n          </Scrollbars>\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <Popover\n      className={styles.ykPorjectSelect}\n      styles={{ body: { borderRadius: 4, padding: 0 } }}\n      content={content}\n      placement='bottom'\n      trigger='click'\n      open={open}\n      onOpenChange={setOpen}\n      getPopupContainer={(triggerNode: HTMLElement) => triggerNode.parentNode as HTMLElement}\n      autoAdjustOverflow={false}\n    >\n      {customShow ? (\n        customShow\n      ) : (\n        <div className={styles.ykPorjectSelectShow}>\n          <img className={styles.ykPorjectSelectShowIcon} src={activeItem?.icon} alt={activeItem?.label} />\n          <span className={styles.ykPorjectSelectShowText}>{activeItem?.label}</span>\n          <i className='iconfont icon-xiala' />\n        </div>\n      )}\n    </Popover>\n  );\n};\n\nexport default YkPorjectSelect;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SearchOutlined } from '@ant-design/icons';\nimport type { InputRef } from 'antd';\nimport { ConfigProvider, Empty, Flex, Input, Popover, Rate, Tabs, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport React, { type FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\nimport TextWithTooltip from '@/components/TextWithToolTip';\nimport iconProductDefault from './icon-product.png';\nimport styles from './index.module.less';\n\n/** 项目选项项 */\ntype OptionItem = {\n  /** 项目名称 */\n  label: string;\n  /** 项目 ID */\n  value: string | number;\n  /** 项目图标 URL */\n  icon: string;\n  /** 是否已关注 */\n  followed?: boolean;\n  /** 关注排序索引 */\n  follow_index?: number;\n  /** 是否最近访问 */\n  recent_visit?: boolean;\n  /** 是否已关服 */\n  closed?: boolean;\n};\n\n/** 项目选择器 Props */\ntype PageTypes = {\n  /** 当前选中的项目 ID */\n  value: string | number;\n  /** 项目选项列表 */\n  options: OptionItem[];\n  /** 选中项目变化时的回调 */\n  onChange: (value: string | number) => void;\n  /** 关注/取消关注时的回调 */\n  followedCallback?: (item: OptionItem, bool: boolean) => void;\n  /** 弹层内自定义插槽，渲染在搜索框下方、关注项目上方 */\n  slot?: React.ReactNode;\n  /** 自定义触发元素，替代默认的「图标+名称+下拉箭头」展示 */\n  customShow?: React.ReactNode;\n};\n\n/**\n * 项目选择器\n *\n * 支持搜索、关注/取消关注（最多6个）、在营/关服切换。\n * 弹层展开时自动聚焦搜索框，使用 preventScroll 避免页面滚动。\n *\n * @example\n * ```tsx\n * <YkPorjectSelect\n *   value={projectId}\n *   options={options}\n *   onChange={setProjectId}\n *   followedCallback={(item, followed) => api.follow(item.value, followed)}\n * />\n * ```\n */\nconst YkPorjectSelect: FC<PageTypes> = ({ value, options, onChange, followedCallback, slot, customShow }) => {\n  const [open, setOpen] = useState(false);\n  const [status, setStatus] = useState<string>('1');\n  const [searchKey, setSearchKey] = useState('');\n  const [pageHeight, setPageHeight] = useState<number>(1000);\n  const [localOptions, setLocalOptions] = useState<OptionItem[]>(options);\n  const searchInputRef = useRef<InputRef>(null);\n\n  useEffect(() => {\n    setLocalOptions(options);\n  }, [options]);\n\n  /** 弹层展开时聚焦搜索框，使用 preventScroll 避免浏览器滚动到顶部；延迟等待 Popover 内容挂载 */\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    if (open) {\n      timer = setTimeout(() => {\n        searchInputRef.current?.input?.focus({ preventScroll: true });\n      }, 0);\n    }\n    return () => {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open]);\n\n  /** 在营/关服数量统计 */\n  const stateCount = useMemo(() => {\n    return localOptions.reduce(\n      (acc, item) => {\n        const statusClosed = item.closed ? 2 : 1;\n        if (!acc[statusClosed]) {\n          acc[statusClosed] = 0;\n        }\n        acc[statusClosed] += 1;\n        return acc;\n      },\n      {} as { [key: string]: number },\n    );\n  }, [localOptions]);\n\n  /** 在营/关服 Tab 配置 */\n  const tabs = [\n    { key: '1', label: `在营(${stateCount['1'] || 0})` },\n    { key: '2', label: `关服(${stateCount['2'] || 0})` },\n  ];\n\n  /** 当前选中的项目（用于展示图标与名称） */\n  const activeItem = useMemo(() => {\n    return localOptions.find((item) => item.value === value);\n  }, [localOptions, value]);\n\n  /** 已关注的项目列表（顶部展示、用于计算关注数限制） */\n  const followedOptions = useMemo(() => {\n    return localOptions.filter((item) => item.followed);\n  }, [localOptions]);\n\n  // 切换在营/关服\n  const handleTabChange = (tabKey: string) => {\n    setStatus(tabKey);\n  };\n\n  // 点击关注或取消关注\n  const handleStarChange = async (item: OptionItem, val: number) => {\n    void followedCallback?.(item, val === 1);\n    setLocalOptions((prev) =>\n      prev.map((p) => {\n        if (p.value === item.value) {\n          return { ...p, followed: val === 1 };\n        }\n        return p;\n      }),\n    );\n  };\n\n  const handleResize = () => {\n    const height = window.innerHeight;\n    setPageHeight(height);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  /** 渲染单个项目行（名称、ID、关注星标） */\n  const renderItem = (item: OptionItem) => {\n    const isDisabled = !item.followed && followedOptions.length >= 6;\n    return (\n      <Flex justify='space-between' align='center'>\n        <span className={styles.contentItemSpan} onClick={() => onChange(item.value)}>\n          <img className={styles.contentItemSpanIcon} src={item?.icon ? item.icon : iconProductDefault} />\n          <div className={styles.contentItemSpanDev}>\n            <div className={styles.contentItemSpanProName}>\n              <TextWithTooltip\n                text={item.label}\n                width='100%'\n                maxWidth={175}\n                arrow={true}\n                color='#fff'\n                styles={{ body: { color: '#333' } }}\n              ></TextWithTooltip>\n              {item.recent_visit ? <span className={styles.recentVisit}>最近访问</span> : null}\n            </div>\n            <div className={styles.contentItemSpanProId}>ID: {item.value}</div>\n          </div>\n        </span>\n        <Tooltip\n          title={isDisabled ? '最多关注6个项目' : item.followed ? '取消关注' : '关注'}\n          color='#fff'\n          placement='right'\n          styles={{ body: { color: '#333' } }}\n        >\n          <label\n            className={classNames(styles.contentItemStar, isDisabled && styles.contentItemStarDisabled)}\n            onClick={() => {\n              if (isDisabled) {\n                return;\n              }\n              void handleStarChange(item, item.followed ? 0 : 1);\n            }}\n          >\n            <ConfigProvider\n              theme={{\n                components: {\n                  Rate: {\n                    starBg: '#dcdbdb',\n                  },\n                },\n              }}\n            >\n              <Rate\n                style={{\n                  fontSize: 14,\n                  color: isDisabled ? 'rgba(0, 0, 0, 0.06)' : '#FFB401',\n                  opacity: item.followed || followedOptions.length === 0 ? 1 : 0,\n                }}\n                value={item.followed ? 1 : 0}\n                count={1}\n              />\n            </ConfigProvider>\n          </label>\n        </Tooltip>\n      </Flex>\n    );\n  };\n\n  /** 弹层内容：搜索、slot、关注区、Tab、项目列表 */\n  const content = (\n    <div className={styles.ykPorjectSelectContent}>\n      <div className={styles.ykPorjectSelectHeader}>\n        <Input\n          ref={searchInputRef}\n          className={styles.ykPorjectSelectSearchInput}\n          prefix={<SearchOutlined style={{ color: '#999', marginRight: '10px' }} />}\n          value={searchKey}\n          onChange={(e) => setSearchKey(e.target.value)}\n          allowClear\n          placeholder='请输入项目ID/名称'\n        />\n      </div>\n      {slot && <div className={styles.ykPorjectSelectSoltContainer}>{slot}</div>}\n      <div className={styles.ykPorjectSelectFollowed}>\n        <div className={styles.contentHeader}>关注项目</div>\n        <div className={styles.ykPorjectSelectFollowedList}>\n          {followedOptions.map((item) => (\n            <Tooltip\n              key={item.value}\n              title={\n                <>\n                  <div style={{ fontSize: 14, color: '#555555' }}>{item.label}</div>\n                  <div style={{ fontSize: 12, color: '#999' }}>ID: {item.value}</div>\n                </>\n              }\n              color='#fff'\n              placement='bottomLeft'\n              styles={{ body: { color: '#333' } }}\n            >\n              <div key={item.value} className={styles.ykPorjectSelectFollowedItem}>\n                <img className={styles.ykPorjectSelectFollowedItemIcon} src={item.icon} alt={item.label} />\n                <div className={styles.closeIcon} onClick={() => void handleStarChange(item, 0)} />\n              </div>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <Tabs\n        className={styles.ykPorjectSelectProductPanelTabs}\n        centered\n        onChange={handleTabChange}\n        activeKey={status}\n        items={tabs}\n      ></Tabs>\n      {localOptions.length === 0 ? (\n        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      ) : (\n        <div className={styles.ykPorjectSelectListSection}>\n          <div className={styles.contentHeader}>全部项目</div>\n          <Scrollbars\n            className={styles.ykPorjectSelectScrollBarsBox}\n            autoHeight\n            autoHide\n            autoHeightMax={Math.min(450, pageHeight - 310)}\n            renderThumbVertical={({ style, ...props }) => (\n              <div {...props} style={{ ...style, background: '#EEEEEE', borderRadius: 3, width: 6 }} />\n            )}\n          >\n            {localOptions\n              .sort((a, b) => (b.recent_visit ? 1 : 0) - (a.recent_visit ? 1 : 0))\n              .map((item) => (\n                <div\n                  key={item.value}\n                  className={classNames(styles.contentItem, item.value === value ? styles.contentItemActive : '')}\n                >\n                  {renderItem(item)}\n                </div>\n              ))}\n          </Scrollbars>\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <Popover\n      className={styles.ykPorjectSelect}\n      styles={{ body: { borderRadius: 4, padding: 0 } }}\n      content={content}\n      placement='bottom'\n      trigger='click'\n      open={open}\n      onOpenChange={setOpen}\n      getPopupContainer={(triggerNode: HTMLElement) => triggerNode.parentNode as HTMLElement}\n      autoAdjustOverflow={false}\n    >\n      {customShow ? (\n        customShow\n      ) : (\n        <div className={styles.ykPorjectSelectShow}>\n          <img className={styles.ykPorjectSelectShowIcon} src={activeItem?.icon} alt={activeItem?.label} />\n          <span className={styles.ykPorjectSelectShowText}>{activeItem?.label}</span>\n          <i className='iconfont icon-xiala' />\n        </div>\n      )}\n    </Popover>\n  );\n};\n\nexport default YkPorjectSelect;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/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/es/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/es/business/YkSqlEdit/index.js

@@ -0,0 +1,180 @@
+// src/business/YkSqlEdit/index.tsx
+import {
+  autocompletion
+} from "@codemirror/autocomplete";
+import { MySQL, sql } from "@codemirror/lang-sql";
+import { Decoration, ViewPlugin } from "@codemirror/view";
+import CodeMirror from "@uiw/react-codemirror";
+import React from "react";
+import customStyles from "./code-mirror-custom.module.less";
+import { sqlFunctions, sqlKeywords } from "./sql-language";
+function dynamicParamHighlighter() {
+  return 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(Decoration.mark({ class: "cm-dynamic-param" }).range(start, end));
+          }
+        }
+        return Decoration.set(widgets, true);
+      }
+    },
+    {
+      decorations: (v) => v.decorations
+    }
+  );
+}
+function customKeywordHighlighter(allKeywords) {
+  return 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 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(
+              Decoration.mark({
+                class: "cm-custom-keyword",
+                attributes: { "data-keyword": match[0] }
+              }).range(start, end)
+            );
+          }
+        }
+        return Decoration.set(widgets, true);
+      }
+    },
+    {
+      decorations: (v) => v.decorations
+    }
+  );
+}
+function buildCompletions(keywordOptions) {
+  var _a, _b;
+  const keywords = (_a = keywordOptions == null ? void 0 : keywordOptions.keywords) != null ? _a : [];
+  const functions = (_b = keywordOptions == null ? void 0 : keywordOptions.functions) != null ? _b : [];
+  const allKeywords = [.../* @__PURE__ */ new Set([...keywords, ...functions])];
+  return (context) => {
+    var _a2, _b2;
+    const word = context.matchBefore(/\w*/);
+    if ((word == null ? void 0 : word.from) === (word == null ? void 0 : word.to) && !context.explicit)
+      return null;
+    const search = ((_a2 = word == null ? void 0 : word.text) != null ? _a2 : "").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) => {
+      var _a3, _b3;
+      return ((_a3 = b.boost) != null ? _a3 : 0) - ((_b3 = a.boost) != null ? _b3 : 0);
+    });
+    return {
+      from: (_b2 = word == null ? void 0 : word.from) != null ? _b2 : 0,
+      options: options.slice(0, 50)
+    };
+  };
+}
+var YkSqlEdit = React.forwardRef((props, ref) => {
+  const {
+    value,
+    previewValue,
+    preview,
+    placeholder = "请输入查询语句",
+    height = "100%",
+    width = "100%",
+    onChange,
+    datasourceType,
+    keywordOptions,
+    dataTestId = "native-query-editor"
+  } = props;
+  const resolvedKeywordOptions = React.useMemo(() => {
+    if (keywordOptions)
+      return keywordOptions;
+    if (!datasourceType)
+      return { keywords: [], functions: [] };
+    return {
+      keywords: sqlKeywords(datasourceType),
+      functions: sqlFunctions(datasourceType)
+    };
+  }, [datasourceType, keywordOptions]);
+  const allKeywords = React.useMemo(() => {
+    var _a, _b;
+    const keywords = (_a = resolvedKeywordOptions.keywords) != null ? _a : [];
+    const functions = (_b = resolvedKeywordOptions.functions) != null ? _b : [];
+    return [.../* @__PURE__ */ new Set([...keywords, ...functions])];
+  }, [resolvedKeywordOptions]);
+  const customCompletions = React.useMemo(() => buildCompletions(resolvedKeywordOptions), [resolvedKeywordOptions]);
+  return /* @__PURE__ */ React.createElement(
+    CodeMirror,
+    {
+      ref,
+      value: preview ? previewValue != null ? previewValue : value : value,
+      className: `${customStyles.codeMirrorCustom} ${preview ? customStyles.disabled : ""}`,
+      "data-testid": dataTestId,
+      placeholder,
+      height,
+      width,
+      editable: !preview,
+      autoCorrect: "off",
+      extensions: [
+        sql({ dialect: MySQL }),
+        dynamicParamHighlighter(),
+        customKeywordHighlighter(allKeywords),
+        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;
+export {
+  YkSqlEdit_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/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": ";AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,OAAO,WAAW;AAC3B,SAAS,YAA6B,kBAAmC;AACzE,OAAO,gBAA6C;AACpD,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,SAA8B,cAAc,mBAAmB;AAoB/D,SAAS,0BAA0B;AACjC,SAAO,WAAW;AAAA,IAChB,MAAM;AAAA,MAEJ,YAAY,MAAkB;AAC5B,aAAK,cAAc,KAAK,iBAAiB,IAAI;AAAA,MAC/C;AAAA,MACA,OAAO,QAAoB;AACzB,YAAI,OAAO,cAAc,OAAO,iBAAiB;AAC/C,eAAK,cAAc,KAAK,iBAAiB,OAAO,IAAI;AAAA,QACtD;AAAA,MACF;AAAA,MACA,iBAAiB,MAAkB;AACjC,cAAM,UAAU,CAAC;AACjB,cAAM,QAAQ;AACd,mBAAW,EAAE,MAAM,GAAG,KAAK,KAAK,eAAe;AAC7C,gBAAM,OAAO,KAAK,MAAM,IAAI,YAAY,MAAM,EAAE;AAChD,cAAI;AACJ,kBAAQ,QAAQ,MAAM,KAAK,IAAI,OAAO,MAAM;AAC1C,kBAAM,QAAQ,OAAO,MAAM;AAC3B,kBAAM,MAAM,QAAQ,MAAM,CAAC,EAAE;AAC7B,oBAAQ,KAAK,WAAW,KAAK,EAAE,OAAO,mBAAmB,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;AAAA,UAC/E;AAAA,QACF;AACA,eAAO,WAAW,IAAI,SAAS,IAAI;AAAA,MACrC;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa,CAAC,MAAM,EAAE;AAAA,IACxB;AAAA,EACF;AACF;AAEA,SAAS,yBAAyB,aAAuB;AACvD,SAAO,WAAW;AAAA,IAChB,MAAM;AAAA,MAEJ,YAAY,MAAkB;AAC5B,aAAK,cAAc,KAAK,iBAAiB,IAAI;AAAA,MAC/C;AAAA,MACA,OAAO,QAAoB;AACzB,YAAI,OAAO,cAAc,OAAO,iBAAiB;AAC/C,eAAK,cAAc,KAAK,iBAAiB,OAAO,IAAI;AAAA,QACtD;AAAA,MACF;AAAA,MACA,iBAAiB,MAAkB;AACjC,YAAI,CAAC,YAAY;AAAQ,iBAAO,WAAW;AAE3C,cAAM,UAAU,CAAC;AACjB,cAAM,QAAQ,IAAI,OAAO,OAAO,YAAY,KAAK,GAAG,SAAS,IAAI;AAEjE,mBAAW,EAAE,MAAM,GAAG,KAAK,KAAK,eAAe;AAC7C,gBAAM,OAAO,KAAK,MAAM,IAAI,YAAY,MAAM,EAAE;AAChD,cAAI;AACJ,kBAAQ,QAAQ,MAAM,KAAK,IAAI,OAAO,MAAM;AAC1C,kBAAM,QAAQ,OAAO,MAAM;AAC3B,kBAAM,MAAM,QAAQ,MAAM,CAAC,EAAE;AAC7B,oBAAQ;AAAA,cACN,WAAW,KAAK;AAAA,gBACd,OAAO;AAAA,gBACP,YAAY,EAAE,gBAAgB,MAAM,CAAC,EAAE;AAAA,cACzC,CAAC,EAAE,MAAM,OAAO,GAAG;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AACA,eAAO,WAAW,IAAI,SAAS,IAAI;AAAA,MACrC;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa,CAAC,MAAM,EAAE;AAAA,IACxB;AAAA,EACF;AACF;AAEA,SAAS,iBAAiB,gBAAmD;AAzG7E;AA0GE,QAAM,YAAW,sDAAgB,aAAhB,YAA4B,CAAC;AAC9C,QAAM,aAAY,sDAAgB,cAAhB,YAA6B,CAAC;AAChD,QAAM,cAAc,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAE5D,SAAO,CAAC,YAAwD;AA9GlE,QAAAA,KAAAC;AA+GI,UAAM,OAAO,QAAQ,YAAY,KAAK;AACtC,SAAI,6BAAM,WAAS,6BAAM,OAAM,CAAC,QAAQ;AAAU,aAAO;AAEzD,UAAM,WAAUD,MAAA,6BAAM,SAAN,OAAAA,MAAc,IAAI,YAAY;AAC9C,UAAM,UAAwB,YAC3B,OAAO,CAAC,OAAO,GAAG,YAAY,EAAE,SAAS,MAAM,CAAC,EAChD,IAAI,CAAC,QAAQ;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ,SAAS,SAAS,EAAE,IAAI,QAAQ,UAAU,SAAS,EAAE,IAAI,OAAO;AAAA,MACxE,OAAO,GAAG,YAAY,EAAE,WAAW,MAAM,IAAI,KAAK;AAAA,IACpD,EAAE,EACD,KAAK,CAAC,GAAG,MAAG;AA1HnB,UAAAA,KAAAC;AA0HuB,eAAAD,MAAA,EAAE,UAAF,OAAAA,MAAW,OAAMC,MAAA,EAAE,UAAF,OAAAA,MAAW;AAAA,KAAE;AAEjD,WAAO;AAAA,MACL,OAAMA,MAAA,6BAAM,SAAN,OAAAA,MAAc;AAAA,MACpB,SAAS,QAAQ,MAAM,GAAG,EAAE;AAAA,IAC9B;AAAA,EACF;AACF;AAEA,IAAM,YAAY,MAAM,WAA+C,CAAC,OAAO,QAAQ;AACrF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACf,IAAI;AAEJ,QAAM,yBAAyB,MAAM,QAAQ,MAAM;AACjD,QAAI;AAAgB,aAAO;AAC3B,QAAI,CAAC;AAAgB,aAAO,EAAE,UAAU,CAAC,GAAG,WAAW,CAAC,EAAE;AAC1D,WAAO;AAAA,MACL,UAAU,YAAY,cAAc;AAAA,MACpC,WAAW,aAAa,cAAc;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,gBAAgB,cAAc,CAAC;AAEnC,QAAM,cAAc,MAAM,QAAQ,MAAM;AA1J1C;AA2JI,UAAM,YAAW,4BAAuB,aAAvB,YAAmC,CAAC;AACrD,UAAM,aAAY,4BAAuB,cAAvB,YAAoC,CAAC;AACvD,WAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAAA,EACjD,GAAG,CAAC,sBAAsB,CAAC;AAE3B,QAAM,oBAAoB,MAAM,QAAQ,MAAM,iBAAiB,sBAAsB,GAAG,CAAC,sBAAsB,CAAC;AAEhH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,UAAW,sCAAgB,QAAS;AAAA,MAC3C,WAAW,GAAG,aAAa,oBAAoB,UAAU,aAAa,WAAW;AAAA,MACjF,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC;AAAA,MACX,aAAY;AAAA,MACZ,YAAY;AAAA,QACV,IAAI,EAAE,SAAS,MAAM,CAAC;AAAA,QACtB,wBAAwB;AAAA,QACxB,yBAAyB,WAAW;AAAA,QACpC,eAAe;AAAA,UACb,UAAU,CAAC,iBAAiB;AAAA,QAC9B,CAAC;AAAA,MACH;AAAA,MACA,UAAU,CAAC,SAAS,SAAS,IAAI;AAAA,MACjC,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,uBAAuB;AAAA,QACvB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,eAAe;AAAA,QACf,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,2BAA2B;AAAA,MAC7B;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,UAAU,cAAc;AAExB,IAAO,oBAAQ;",
+  "names": ["_a", "_b"]
+}

package/dist/es/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[];