Website demo for column completions

[JackWang032]

新增内容

新增字段补全与已创建表的补全demo

修复内容

已有实体后输入空格不应该再补全实体

关联Issues

#158

Preview地址

https://jackwang032.github.io/monaco-sql-languages/

交互方式

1. 识别上下文中的语句，进行建表语句的补全

2. 输入字段处提示FROM中的表与FROM中表的所有字段

3. 输入表名后，约束只展示该表下的字段

4. 支持通过表别名访问字段

5. 来源多表出现重名字段时，加上表名区分

[Cythia828]

+1

[JackWang032]

已知问题:
在收集table类型的entity时, 仅通过isContainCaret能拿到所有包含当前输入位置的 select statement, 但对于子查询，只想过滤出子查询对应的select statement下的entity时并没有好的实现方式, 如下面SQL在子查询中收集到的会有t1与t2两个表，那么就没法只提示t2下的字段

SELECT id FROM t1
WHERE name IN (
  SELECT name FROM t2
)

[JackWang032]

已知问题: 在收集table类型的entity时, 仅通过isContainCaret能拿到所有包含当前输入位置的 select statement, 但对于子查询，只想过滤出子查询对应的select statement下的entity时并没有好的实现方式, 如下面SQL在子查询中收集到的会有t1与t2两个表，那么就没法只提示t2下的字段

SELECT id FROM t1
WHERE name IN (
  SELECT name FROM t2
)

期望dt-sql-parser做实体收集时能添加标识：实体是否为当前输入位置的最小select stmt边界

[JackWang032]

where、group by 等字段补全需要先解决这两个issues:

1. [Bug]: getAllEntities的isContainCaret判断异常 dt-sql-parser#288
2. [Feature Request]: whereClause can complete with column name dt-sql-parser#322

[JackWang032]

还需要基于dt-sql-parser完成字段列（包括别名）、派生表实体收集 #421 功能后实现