0.1.65 • Published 12 months ago

@aliyun-sls/lsp-editor v0.1.65

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
12 months ago

SLS lsp-editor

集成请使用稳定版本 0.1.28

基本信息

新版查询输入框

使用

安装

安装@aliyun-sls/lsp-editor、@aliyun-sls/lsp-core

引入

import { SlsEditor } from '@aliyun-sls/lsp-editor'
import { SLSLanguageMode } from '@aliyun-sls/lsp-core'

属性配置

  1. 必需属性
<SlsEditor
  project={projectName}
  logstore={logStoreName}
  startTime={startTime} // 查询起始时间
  endTime={endTime} // 查询结束时间
  languageMode={SLSLanguageMode.Index_SQL} // 选择您需要的语言模式
  onConfirm={() => {}} // 确认事件,空函数亦可
/>
  • languageMode: NONE, IndexQuery, Index_SQL, Index_SPL, Index_SQL_SPL
  1. 可选属性
  • 索引
    • indexMap: 索引字段
类型定义:
indexMap?: Record<string, IIndexKey>
interface IIndexKey {
  type: 'text' | 'json' | 'long' | 'double'
  json_keys?: Record<string, IIndexKey> // json类型下形成树形结构
}
  • 控制 editor 大小
    • defaultLineNumber: 默认行数
    • minLineNumber: 最小高度(以行为单位)
    • maxLineNumber: 最大高度(以行为单位)
defaultLineNumber={1}
minLineNumber={1}
maxLineNumber={7}
  • 提示面板显示方式
    • mode: 显示模式。默认不需要设置,设置为 tooltip 将提示面板变成跟随光标的弹框
mode="tooltip"
  • 只读
    • readonly: 输入框只读性。默认为 false ,设置为 true 将输入框置为只读
readonly={true}
  • 传入查询语句
    • queryString: 设置语句
queryString="your query"
  • 留下查询记录
    • historyFlag: 历史记录藉由浏览器 localStorage 实现,设置使用的 key
historyFlag="history_key"
  • 自定义获取补全项的请求方式(查询)

    • getValueCandidatesFunc: ( keyName: string, keyType: 'text' | 'json' | 'long' | 'double', prefix: string ) => Promise<CompletionItem[]>
  • 隐藏语法帮助

    • hiddenGrammarHelp: 默认为 false ,设置为 true 可以隐藏语法帮助栏
hiddenGrammarHelp={true}
  • 隐藏保留字段
    • sealReservedField: 默认为 false ,设置为 true 可以关闭保留字段的提示
sealReservedField={true}
  • 无确认事件时默认回车换行
    • noDefaultConfirm: 默认为 false ,设置为 true 则认为无确认事件,默认回车换行,同时隐藏配置面板内快捷键设置
noDefaultConfirm={true}
  • 去掉配置面板
    • onlyFormatOption: 默认为 false ,设置为 true 可以去掉配置面板,将右侧按钮行为变成格式化
onlyFormatOption={true}
  • 监控内容变化
    • onContentChange: 内容变化时的回调函数
onContentChange={
  (curStr) => {
    console.log(curStr)
  }
}
  • 失焦事件
    • onBlur: 失焦时的回调函数
onBlur={
  () => {
    // do something
  }
}

使用 TraceEditor

安装

安装@aliyun-sls/lsp-editor、@aliyun-sls/lsp-core

引入

import { TraceEditor } from '@aliyun-sls/lsp-editor'
import { SLSLanguageMode } from '@aliyun-sls/lsp-core'

属性配置

  1. 必需属性
<TraceEditor
  project={projectName}
  logstore={logStoreName}
  startTime={startTime} // 查询起始时间
  endTime={endTime} // 查询结束时间
  languageMode={SLSLanguageMode.IndexQuery} // 请设置为此项
  onConfirm={() => {}} // 确认事件,空函数亦可
/>
  1. 可选属性
  • 索引(可用于 key 列表提示)
    • indexMap: 索引字段
类型定义:
indexMap?: Record<string, IIndexKey>
interface IIndexKey {
  type: 'text' | 'json' | 'long' | 'double'
  json_keys?: Record<string, IIndexKey> // json类型下形成树形结构
}
  • 模版
    • jsonStencil: json 格式的模版 每个模版过滤器参数说明: keyName: 索引名(只有此参数为必填)。注意此值不能重复!!! type: 类型(不指定会尝试从全部索引中获取) op: 预设的符号 opCandidates: 预设的符号集 category: 分类(common 为常用,senior 为高级) description: 说明 value: 值 disabled: 是否禁止下拉修改 noValueCandidates: 仅输入框模式
      • op: 预设符号包括::,=,!=,<,>,<=,>=,in,not in,oneOf,not oneOf, 其中 in 表示数值范围, oneOf 表示多选
jsonStencil={{
  'attribute.t': {
    keyName: 'attribute.t',
    type: 'text',
    category: 'common',
    description: '行为类型',
  },
  'duration': {
    keyName: 'duration',
    type: 'long',
    op: 'in',
    category: 'common',
    description: '延迟',
  },
  'resource.os.name': {
    keyName: 'resource.os.name',
    type: 'text',
    category: 'senior',
    description: '操作系统',
  },
}}
  • 可勾选的固定过滤器
    • constantFilters: json 数组格式 每个固定过滤器参数说明(四个参数均需填写): keyName: 索引名 op: 符号 value: 值 explaination: 对这个固定过滤器的说明
constantFilters={[
  {
    keyName: 'attribute.log.spm_type',
    op: ':',
    value: 'table',
    explaination: '用户切换到表格模式的行为',
  },
  {
    keyName: 'size',
    op: '>=',
    value: '1024',
    explaination: '筛选size大于1k的日志',
  },
]}
  • 控制 editor 大小
    • defaultLineNumber: 默认行数
    • minLineNumber: 最小高度(以行为单位)
    • maxLineNumber: 最大高度(以行为单位)
defaultLineNumber={1}
minLineNumber={1}
maxLineNumber={7}
  • 传入查询语句
    • queryString: 设置语句
queryString="your query"
  • 自定义获取待选项的请求方式

    • getCandidatesFunc: (keyName: string) => Promise<string[]>
  • 修改待选项/勾选固定过滤条件时的回调

    • onQueryChangedByAction: (val: string) => {}
onQueryChangedByAction={(val) => {
  console.log('currentQuery: ', val)
}}
  • 修改类别文字
    • categoryTitles: Record<string, string>
// 请使用 common, senior, other 这三个键
categoryTitles={{ common: '第一个类别', senior: '第二个类别', other: '其他条件' }}
  • 模糊查询模式的状态获取
    • onFuzzyChanged: (val: boolean) => {}
onFuzzyChanged={(val) => {
  console.log('isFuzzyAllowed: ', val)
}}
0.1.52

1 year ago

0.1.53

1 year ago

0.1.54

1 year ago

0.1.55

1 year ago

0.1.56

1 year ago

0.1.57

1 year ago

0.1.59

1 year ago

0.1.50

1 year ago

0.1.51

1 year ago

0.1.49

1 year ago

0.1.41

1 year ago

0.1.42

1 year ago

0.1.43

1 year ago

0.1.44

1 year ago

0.1.45

1 year ago

0.1.46

1 year ago

0.1.47

1 year ago

0.1.48

1 year ago

0.1.40

1 year ago

0.1.38

1 year ago

0.1.39

1 year ago

0.1.30

1 year ago

0.1.31

1 year ago

0.1.32

1 year ago

0.1.33

1 year ago

0.1.34

1 year ago

0.1.35

1 year ago

0.1.36

1 year ago

0.1.37

1 year ago

0.1.27

1 year ago

0.1.28

1 year ago

0.1.29

1 year ago

0.1.20

1 year ago

0.1.21

1 year ago

0.1.22

1 year ago

0.1.23

1 year ago

0.1.24

1 year ago

0.1.26

1 year ago

0.1.18

1 year ago

0.1.19

1 year ago

0.1.63

12 months ago

0.1.64

12 months ago

0.1.65

12 months ago

0.1.60

1 year ago

0.1.61

12 months ago

0.1.62

12 months ago

0.1.16

1 year ago

0.1.17

1 year ago

0.1.15

1 year ago

0.1.14

1 year ago

0.1.13

1 year ago

0.1.11

1 year ago

0.1.12

1 year ago

0.1.10

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.8

1 year ago

0.1.7

1 year ago

0.1.9

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.0.100

1 year ago

0.0.99

1 year ago

0.0.95

1 year ago

0.0.96

1 year ago

0.0.97

1 year ago

0.0.98

1 year ago

0.0.92

1 year ago

0.0.93

1 year ago

0.0.94

1 year ago

0.0.91

1 year ago

0.0.90

1 year ago

0.0.88

1 year ago

0.0.89

1 year ago

0.0.87

1 year ago

0.0.86

1 year ago

0.0.85

1 year ago

0.0.84

1 year ago

0.0.83

1 year ago

0.0.82

1 year ago

0.0.80

1 year ago

0.0.81

1 year ago

0.0.77

1 year ago

0.0.78

1 year ago

0.0.79

1 year ago

0.0.75

1 year ago

0.0.76

1 year ago

0.0.74

1 year ago

0.0.73

1 year ago

0.0.71

1 year ago

0.0.72

1 year ago

0.0.70

1 year ago

0.0.68

1 year ago

0.0.69

1 year ago

0.0.65

1 year ago

0.0.66

1 year ago

0.0.67

1 year ago

0.0.63

1 year ago

0.0.64

1 year ago

0.0.62

1 year ago

0.0.61

1 year ago

0.0.60

1 year ago

0.0.59

1 year ago

0.0.58

2 years ago

0.0.57

2 years ago

0.0.56

2 years ago

0.0.55

2 years ago

0.0.54

2 years ago

0.0.53

2 years ago

0.0.51

2 years ago

0.0.52

2 years ago

0.0.50

2 years ago

0.0.49

2 years ago

0.0.49-beta.1

2 years ago

0.0.48

2 years ago

0.0.46

2 years ago

0.0.47

2 years ago

0.0.45

2 years ago

0.0.44

2 years ago

0.0.43

2 years ago

0.0.42

2 years ago

0.0.41

2 years ago

0.0.40

2 years ago

0.0.37

2 years ago

0.0.38

2 years ago

0.0.39

2 years ago

0.0.34

2 years ago

0.0.35

2 years ago

0.0.36

2 years ago

0.0.30

2 years ago

0.0.31

2 years ago

0.0.32

2 years ago

0.0.33

2 years ago

0.0.26

2 years ago

0.0.27

2 years ago

0.0.28

2 years ago

0.0.29

2 years ago

0.0.24

2 years ago

0.0.25

2 years ago

0.0.23

2 years ago

0.0.22

2 years ago

0.0.21

2 years ago

0.0.20

2 years ago

0.0.19

2 years ago

0.0.18

2 years ago

0.0.17

2 years ago

0.0.16

2 years ago

0.0.15

2 years ago

0.0.14

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago