bump to v0.2.5 (#453)

* 修改删除和新增分类的项目

* 修改删除和新增分类的项目 (#256)

* 1. 函数体验优化
2. 函数对接项目

* 修改删除和新增分类的项目

* 函数修改为可以选中所有模板生成的函数

* 登录权限控制 & 账号管理页面 & 用户信息

* 登录权限控制 & 账号管理页面 & 用户信息 (#259)

* entities base 中尝试获取 curLoginUser (#260)

* 登录权限控制 & 账号管理页面 & 用户信息

* entities base 中尝试获取 curLoginUser

* fix页面管理体验问题 (#257)

* fix页面管理体验问题

* 下拉项目列表增加搜索

Co-authored-by: ielgnaw <[email protected]>

* 使用函数的时候，可以选择所有模板生成的函数 (#258)

* 1. 函数体验优化
2. 函数对接项目

* 修改删除和新增分类的项目

* 函数修改为可以选中所有模板生成的函数

* add http.js.example

* add http.js.example (#261)

* 项目管理对接登录用户和复制项目及样式与交互优化 (#262)

* 新增项目级别页面布局和项目列表页UI

* 新增创建项目和查询项目列表功能

* 新增项目收藏功能

* 新增项目重命名功能

* 新增项目列表分类和搜索查询

* 新增复制项目功能

* 修改项目收藏功能使用独立的数据接口和模型

* 优化项目列表查询

* 新增删除项目功能

* 项目管理样式和交互优化

* 项目对接登录用户和复制项目优化

Co-authored-by: ielgnaw <[email protected]>

* 处理projectId不存在情况，fix页面管理样式问题 (#263)

* 增加chart图表

* fix冲突

* 删除consolelog

* 更新图标库

* 同步新的lesscode-develop，fix图表bug

* fix高版本echarts无法自适应大小的问题

* project模块layout和router

* 提交页面管理

* merge

* fix复制页面问题

* 删除preview页面的query参数

* update msg

* 修改整体路由、生成页面缩略图

* 增加手动保存串连流程

* 删除consolelog

* fix页面管理体验问题

* 下拉项目列表增加搜索

* 处理projectId不存在情况，fix页面管理样式问题

Co-authored-by: ielgnaw <[email protected]>

* 数据库默认值调整 (#264)

* merge #201

* merge manually from #201

* merge manually from #203

* fix some bug

* 修复 charts-line options.tips 小问题

* 修复刷新页面时，没有选中组件但右侧面板会显示 grid 属性的问题

* 修复 chart 组件样式被覆盖的问题

* 体验 bug 修复

* 修复体验问题

* 画布仅剩一个 grid 时，不允许删除；增加清空 grid 操作

* 修复 clone grid 时，右侧面板没有默认选中的问题；更新日志

* 文案

* up data-base conf example

* merge page && page 表，content 和 sourceCode 改为允许 null

* format code style

* page 模块小问题修复

* merge

* merge && cookie

* 登录权限控制 & 账号管理页面 & 用户信息

* add http.js.example

* 修复自定义组件 x-table 获取数据的问题

* 统一操作用户

* 修复自定义组件 x-table 获取数据的问题 (#265)

* 统一操作用户 (#266)

* 1. 函数体验优化
2. 函数对接项目

* 修改删除和新增分类的项目

* 函数修改为可以选中所有模板生成的函数

* 统一操作用户

* 获取正确的当前登录用户写入数据库 createUser 和 updateUser

* 获取正确的当前登录用户写入数据库 createUser 和 updateUser (#267)

* 修复 cookie 中 bktoken 失效的问题

* 项目复制完善和项目列表体验问题修复 (#268)

* 项目列表体验优化

Co-authored-by: ielgnaw <[email protected]>

* 修复 cookie 中 bktoken 失效的问题 (#269)

* 函数体验优化

* 去除重复js

* fix页面管理相关体验问题 (#271)

* 处理projectId不存在情况，fix页面管理样式问题

* 页面管理体验问题修复

* fix page style

Co-authored-by: ielgnaw <[email protected]>

* 函数体验问题修复 (#270)

* 1. 函数体验优化
2. 函数对接项目

* 修改删除和新增分类的项目

* 函数修改为可以选中所有模板生成的函数

* 统一操作用户

* 函数体验优化

* 去除重复js

* 函数api url提示，默认函数填写绝对路径

* 去掉多余的空格

* 函数体验问题修复 (#272)

* 1. 函数体验优化
2. 函数对接项目

* 修改删除和新增分类的项目

* 函数修改为可以选中所有模板生成的函数

* 统一操作用户

* 函数体验优化

* 去除重复js

* 函数api url提示，默认函数填写绝对路径

* 去掉多余的空格

* 修改layout样式

* 导航与主站一致

* 导航与主站一致 (#274)

* 导航与主站一致

* 导航与主站一致

* 隐藏项目删除操作和画布内容区加loading等体验问题修复 (#275)

* 新增项目级别页面布局和项目列表页UI

* 新增创建项目和查询项目列表功能

* 新增项目收藏功能

* 新增项目重命名功能

* 新增项目列表分类和搜索查询

* 新增复制项目功能

* 修改项目收藏功能使用独立的数据接口和模型

* 优化项目列表查询

* 新增删除项目功能

* 项目管理样式和交互优化

* 项目对接登录用户和复制项目优化

* 复制项目补充页面函数关联记录

* 项目列表体验优化

* 体验问题修复

Co-authored-by: ielgnaw <[email protected]>

* 修复属性面板中 switch 组件不会正确渲染的问题

* 修复属性面板中 switch 组件不会正确渲染的问题 (#276)

* 函数提示优化，增加按钮获取数据 (#277)

* 项目名称、ID 校验去重在当前用户维度下

* 项目名称、ID 校验去重在当前用户维度下 (#278)

* 修复 compId 的问题

* 修复 compId 的问题 (#280)

* initcode (#326)

* initCode

* update ignore文件

* feat：修改conf目录下npm、bkrepo、migrate配置文件引用方式和相应文档说明 (#329)

* initCode

* update ignore文件

* 修改conf目录下npm、bkrepo、migrate配置文件引用方式和相应文档说明

* 修改gitignore文件

* feature: 新增sideslider交互式组件；feature: 路由功能增强，支持删除路由、修改父路径、绑定跳转路由及自动识别项目默认首页

* feature: 新增sideslider交互式组件；feature: 路由功能增强，支持删除路由、修改父路径、绑定跳转路由及自动识别项目默认首页 (#336)

* bugfix: 增加路由跳转的sql变更 (#337)

* bugfix: 增加路由跳转的sql变更

* bugfix: 增加路由跳转的sql变更

* bugfix: delete图标库相关code (#341)

* bugfix: 增加路由跳转的sql变更

* bugfix: 增加路由跳转的sql变更

* fix: delete图标库相关code

* fix: 页面预览图偶发失败

* fix: 页面预览图偶发失败 (#344)

* fix: 修复侧栏sideSlider的配置问题 (#348)

fix: 变量名优化

Co-authored-by: vincenttgao <[email protected]>

* fix: 页面绑定路由时未禁用已绑定跳转的路由问题 (#350)

* fix(edit): 路由参数tips (#352)

* fix: 修复交互式组件的若干问题 (#351)

* fix: 修复侧栏sideSlider的配置问题

fix: 变量名优化

* fix: 修复交互式组件中，自由布局定位错误的问题

* fix: 修复diff组件缺少language报错的问题

* fix: 修复交互式组件处于激活态时，底层下仍然可交互的问题

* fix: 修复交互式组件拖拽的问题

Co-authored-by: vincenttgao <[email protected]>

* feat: new version

* feat: new version (#354)

* bugfix: fix自定义组件第一次拖入时不显示问题 (#357)

* feat: add db index sql

* feat: add db index sql (#358)

* feat: 画布支持json导入和渲染 (#363)

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染 (#364)

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染 (#365)

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染 (#366)

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染

* feat: 画布支持json导入和渲染(增加弹窗确认)

* 画布属性实时获取最新变量值 (#367)

* 画布属性实时获取最新变量值

* 属性多tab切换，异常修复

* 画布属性实时获取最新变量值 (#369)

* 画布属性实时获取最新变量值

* 属性多tab切换，异常修复

* 画布默认为一个单格

* change crlf to lf

* bugfix: ee体验问题 (#376)

* bugfix: demo示例包名称规范问题、input组件tips显示问题

* bugfix: fix成员重复问题

* bugfix: 项目名称为test时与自定义组件prefix冲突问题

* feat: add log path config

* feat: 增加数据库表索引 (#379)

* bugfix: demo示例包名称规范问题、input组件tips显示问题

* bugfix: fix成员重复问题

* bugfix: 项目名称为test时与自定义组件prefix冲突问题

* feat: 增加数据库表索引

* feat: add log path config (#378)

* feat: 优化帮助导航，采用悬浮UI (#380)

feat: 优化帮助导航，采用悬浮UI 

Co-authored-by: vincenttgao <[email protected]>

* feat: element ui集成，form模块组件

* feat: 优化帮助导航

* feat: 优化帮助导航 (#383)

* feat: 源码模块增加复合组件的配置

* feat: 优化帮助导航，采用悬浮UI (#385)

* feat: 优化帮助导航，采用悬浮UI

* bugfix: 修复文档导航错误的问题

* opt: 画布指引优化

fix: 删除无用依赖

Co-authored-by: vincenttgao <[email protected]>

* feat: bump to v0.2.2

* feat: bump to v0.2.2 (#386)

* feat: 增加form表单容器 (#387)

* feat: 增加form表单布局

* feat: 增加form表单布局

* feat: 增加form表单布局(增加初始数据源)

* feat: 增加form表单布局（生成formModel数据,兼容性问题处理）

* feat: 增加form表单布局（fix）

* fix: 修复帮助点击无反应问题 (#390)

Co-authored-by: vincenttgao <[email protected]>

* feat: 增加form表单布局(bugfix) (#389)

* feat: 增加form表单布局（fixbug）

* feat: element ui集成：单选框、多选框、级联选择器、日期选择器、日期时间选择器、上传、颜色选择器、穿梭框

* feat: element ui组件集成：table

* feat: element ui组件集成：tag标签

* feat: element ui组件集成：progress进度条

* feat: element ui组件集成：tree树形组件

* feat: element ui组件集成：pagination分页

* feat: element ui组件集成：alert,badge

* 支持函数的导入导出 (#392)

* 画布属性实时获取最新变量值

* 属性多tab切换，异常修复

* 画布默认为一个单格

* change crlf to lf

* feat: 页面保存的时候校验函数和变量是否重复 (#523)

* feat: 支持函数的导入导出 (#201)

* change crlf to lf

* feature: 添加指令使用指引（issue: #431)

* change crlf to lf

* feature(edit): 导航自定义Icon (#393)

* feat: element ui组件集成：组件vmodel配置问题

* feat: element ui组件集成：组件vmodel配置问题代码优化

* feat: element ui组件集成：inputNumber计数器

* feat: element ui组件集成：avatar头像

* feat: element ui组件集成：badge标记

* feat: element ui组件集成：image 图片

* feat: element ui组件集成：card卡片

* feat: update 复合组件 && fix: 部分页面预览图加载失败的问题

* feat: update 复合组件 && fix: 部分页面预览图加载失败的问题 (#396)

* 导入函数优化 & 切换tab保留编辑的值 (#397)

* 画布属性实时获取最新变量值

* 属性多tab切换，异常修复

* 画布默认为一个单格

* change crlf to lf

* feat: 页面保存的时候校验函数和变量是否重复 (#523)

* feat: 支持函数的导入导出 (#201)

* change crlf to lf

* feature: 添加指令使用指引（issue: #431)

* change crlf to lf

* feat: 支持函数的导入导出 (#201)

* 编辑时，保留切换tab的值

* merge: 中途解决

* feat: element ui组件集成：tooltip文字提示

* bugfix: table组件点击源码报错

* feat: element ui组件集成：tab标签页 && 组件列表顺序

* feat: element ui组件集成：breadcrumb 面包屑

* feat: element ui组件集成：图标库

* minor：删除无用代码

* feat: element ui组件集成：upload上传

* feat: element ui组件集成：transfer穿梭框

* feat: element ui组件集成：checkbox多选框

* feat: element ui组件集成：steps步骤

* feat: element ui组件集成：timeline时间轴

* feat: element ui组件集成：carousel走马灯

* feat: element ui组件集成：radio、checkbox属性配置面板修改

* feature(bk-charts): 添加bkCharts (#399)

Co-authored-by: vincenttgao <[email protected]>

* feature: 删除权限增加判断是否为数据的创造者 (#531) (#403)

* feature: 删除权限增加判断是否为数据的创造者 (fix: 项目管理: 非项目管理员，自己创建的函数自己也不能删除)

* feat: element ui集成，form模块组件 (#382)

* feat: element ui组件集成：form模块组件；tree树形组件；pagination分页；alert；badge；组件vmodel配置问题；组件vmodel配置问题代码优化；inputNumber计数器；avatar头像；badge标记；image 图片；card卡片；tooltip文字提示；tab标签页 && 组件列表顺序；table；tag标签；progress进度条；单选框；多选框；级联选择器；日期选择器；日期时间选择器；上传；颜色选择器；穿梭框；breadcrumb 面包屑；图标库；upload上传；transfer穿梭框；checkbox多选框；steps步骤；timeline时间轴；carousel走马灯；radio；checkbox属性配置面板修改

* feat: 源码模块增加复合组件的配置

* bugfix: table组件点击源码报错


Co-authored-by: Lukol <[email protected]>

* bugfix: element ui组件集成：分类名改为中文

* feat: element ui组件集成：新增element版本号展示

* optimization：element组件集成：修改分类名及版本号展示 (#404)

* bugfix: element ui组件集成：分类名改为中文

* feat: element ui组件集成：新增element版本号展示

Co-authored-by: Lukol <[email protected]>

* feat: merge

* fix: element table el-table-cokumn slot-scope 变量的问题

* fix: element table el-table-cokumn slot-scope 变量的问题 (#405)

* fix: 修复 tree 组件 JSON 字段循环引入报错的问题 (#407)

* merge #201

* merge manually from #201

* merge manually from #203

* fix some bug

* 修复 charts-line options.tips 小问题

* 修复刷新页面时，没有选中组件但右侧面板会显示 grid 属性的问题

* 修复 chart 组件样式被覆盖的问题

* 体验 bug 修复

* 修复体验问题

* 画布仅剩一个 grid 时，不允许删除；增加清空 grid 操作

* 修复 clone grid 时，右侧面板没有默认选中的问题；更新日志

* 文案

* up data-base conf example

* merge page && page 表，content 和 sourceCode 改为允许 null

* format code style

* page 模块小问题修复

* merge

* merge && cookie

* 登录权限控制 & 账号管理页面 & 用户信息

* add http.js.example

* 修复自定义组件 x-table 获取数据的问题

* 获取正确的当前登录用户写入数据库 createUser 和 updateUser

* 修复 cookie 中 bktoken 失效的问题

* 导航与主站一致

* 修复属性面板中 switch 组件不会正确渲染的问题

* 项目名称、ID 校验去重在当前用户维度下

* 修复 compId 的问题

* feature: 新增sideslider交互式组件；feature: 路由功能增强，支持删除路由、修改父路径、绑定跳转路由及自动识别项目默认首页

* fix: 页面预览图偶发失败

* feat: new version

* feat: add db index sql

* feat: add log path config

* feat: 优化帮助导航

* feat: bump to v0.2.2

* feat: update 复合组件 && fix: 部分页面预览图加载失败的问题

* feat: merge

* fix: element table el-table-cokumn slot-scope 变量的问题

* bugfix: 兼容页面不存在调用页面详情数据 (#406)

* fix: 补充js关键字为无效页面ID和删除页面同时删除项目与页面的关联关系 (#408)

* fix: 添加js关键字为无效的页面ID

* fix: 删除页面的同时删除项目与页面的关联关系

* fix: 项目列表页面项目缩略图为空的问题

* fix: 项目列表页面项目缩略图为空的问题 (#409)

* update: 新增bkcharts的雷达图、气泡图和散点图 && 优化图表分类 (#411)

Co-authored-by: vincenttgao <[email protected]>

* bugfix: fix有form组件时生成项目源码报错问题 (#410)

* feat: bumo to v0.2.3

* feat: bumo to v0.2.3 (#412)

* bugfix: 删除project列表页部署入口 (#413)

* bugfix: fix有form组件时生成项目源码报错问题

* bugfix: 删除project列表页部署入口

* bugfix: fix服务器部署拖拽项目时异常情况 (#415)

* bugfix: fix有form组件时生成项目源码报错问题

* bugfix: 删除project列表页部署入口

* bugfix: fix服务器部署拖拽项目时异常情况

* bugfix: 修复变量切换 (#414)

* bugfix: 修复变量切换

* perf: api 错误信息处理 (#416)

* perf: 后端异常处理 (#418)

* perf: 后端异常处理

Co-authored-by: ielgnaw <[email protected]>

* bugfix: 颜色相关属性统一用颜色选择器

* fix: 修复p标签外边距较大时的显示问题 & 增加部分组件text-align属性 (#417)

Co-authored-by: vincenttgao <[email protected]>

* 自动fix eslint & 部署页面title (#419)

* feature: 函数和计算变量添加自动fix eslint

* feature: 部署页面title和页面名称一致 issue:530

* feature: 函数和计算变量添加自动fix eslint (#421)

* feature: 函数和计算变量添加自动fix eslint

* bugfix: element icon颜色预览不生效

* fix: 修复社区版测试的一些小问题

* fix: 修复社区版测试的一些小问题 (#423)

* 函数相关 (#424)

* add auth whitelist & add function tip

* feature: 修改远程函数提示和获取数据源逻辑

* 修改校验tip (#425)

* feature: 修改校验tip

* 去掉getip (#426)

* 去掉getip

* feat: 增加health接口（访问路径： 域名/checkHealth） (#429)

* feat: 增加health接口（访问路径： 域名/checkHealth）

* feat: props属性可视化配置

* fix: 身份认证失败状态码 (#430)

* feature: 添加画布加锁功能

* fixup: 添加释放画布逻辑； 加锁文案优化

* bugfix: element ui组件bug修复

* minor：删除无用代码

* feat: v0.2.4 changeLog (#439)

* feat: v0.2.4changeLog

* bugfix: fix eslint (#440)

* feat: v0.2.4changeLog

* feat: v0.2.4changeLog

* bugfix: fix eslint error

* bugfix: fix eslint error

* feat: 顶导 设计规范 链接更新

* feat: 顶导 设计规范 链接更新

* feature: 按钮组件增加icon设置属性 (#443)

Co-authored-by: Lukol <[email protected]>

* 组件添加vmodel值 (#444)

Co-authored-by: Lukol <[email protected]>

* bugfix: rate组件预览不可更改、穿梭框增加tips

* fixed: 画布加锁提示优化

* bugfix: 修复弹窗存在时保存成功的问题

* feat: v0.2.5 changeLog

Co-authored-by: xuzhan <[email protected]>
Co-authored-by: terlinhe <[email protected]>
Co-authored-by: yangyy <[email protected]>
Co-authored-by: Vincent Ko <[email protected]>
Co-authored-by: vincenttgao <[email protected]>
Co-authored-by: hlinx <[email protected]>
Co-authored-by: Lukol <[email protected]>
Co-authored-by: Lukol <[email protected]>
Co-authored-by: terlinhe <[email protected]>

paas-ce/lesscode/lib/client/build/conf.js

@@ -24,7 +24,6 @@ module.exports = {
             APP_CODE: JSON.stringify(APP_CODE),
             AJAX_URL_PREFIX: JSON.stringify('/api'),
             ENV: JSON.stringify(ENV)
-
         },
         assetsPublicPath: '{{STATIC_URL}}',
         staticUrl: '/static',

paas-ce/lesscode/lib/client/index-dev.html

@@ -15,7 +15,7 @@
         <link rel="icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <link rel="shortcut icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <meta charset="utf-8">
-        <title>蓝鲸智云MagicBox|可视化开发</title>
+        <title>可视化开发平台 | 蓝鲸智云社区版</title>
         <script>
             var customCompontensPlugin = []
             function register(callback) {

paas-ce/lesscode/lib/client/index.html

@@ -15,7 +15,7 @@
         <link rel="icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <link rel="shortcut icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <meta charset="utf-8">
-        <title>蓝鲸智云MagicBox|可视化开发</title>
+        <title>可视化开发平台 | 蓝鲸智云社区版</title>
         <script>
             var customCompontensPlugin = []
             function register(callback) {

paas-ce/lesscode/lib/client/preview.html

@@ -15,7 +15,7 @@
         <link rel="icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <link rel="shortcut icon" href="<%= htmlWebpackPlugin.options.staticUrl %>/images/favicon.png" type="image/x-icon" />
         <meta charset="utf-8">
-        <title>蓝鲸智云MagicBox|可视化开发</title>
+        <title>可视化开发平台 | 蓝鲸智云社区版</title>
         <style>
             #preview-app .bk-loading {
                 width: 100%;

paas-ce/lesscode/lib/client/require-monaco.html

@@ -14,46 +14,46 @@
     html-loader 用来 load require-monaco.html，html-webpack-plugin 用来给 index.html 传递一些参数
 -->
 <script>
-    /**
+/**
      * 简单的 loadScript
      *
      * @param {string} url js 地址
      * @param {Function} callback 回调函数
      */
-    function loadScript (url, callback) {
-        const script = document.createElement('script')
-        script.async = true
-        script.src = url
+function loadScript (url, callback) {
+    const script = document.createElement('script')
+    script.async = true
+    script.src = url
 
-        script.onerror = () => {
-            callback(new Error('Failed to load: ' + url))
-        }
-
-        script.onload = () => {
-            callback()
-        }
+    script.onerror = () => {
+        callback(new Error('Failed to load: ' + url))
+    }
 
-        document.getElementsByTagName('head')[0].appendChild(script)
+    script.onload = () => {
+        callback()
     }
 
-    const urlPrefix = window.location.origin + STATIC_URL
+    document.getElementsByTagName('head')[0].appendChild(script)
+}
 
-    loadScript(urlPrefix + '/monaco-editor/min/vs/loader.js', function () {
-        require.config({
-            paths: {
-                'vs': urlPrefix + '/monaco-editor/min/vs/'
-            }
-        })
-        window.MonacoEnvironment = {
-            getWorkerUrl: function (workerId, label) {
-                return `data:text/javascript;charset=utf-8,${encodeURIComponent(`
-                    self.MonacoEnvironment = {
-                        baseUrl: '${urlPrefix}/monaco-editor/min/'
-                    }
-                    importScripts('${urlPrefix}/monaco-editor/min/vs/base/worker/workerMain.js')`
-                )}`
-            }
+const urlPrefix = window.location.origin + STATIC_URL
+
+loadScript(urlPrefix + '/monaco-editor/min/vs/loader.js', function () {
+    require.config({
+        paths: {
+            'vs': urlPrefix + '/monaco-editor/min/vs/'
         }
-        require(['vs/editor/editor.main'], function () {})
     })
+    window.MonacoEnvironment = {
+        getWorkerUrl: function (workerId, label) {
+            return `data:text/javascript;charset=utf-8,${encodeURIComponent(`
+                        self.MonacoEnvironment = {
+                            baseUrl: '${urlPrefix}/monaco-editor/min//'
+                        }
+                        importScripts('${urlPrefix}/monaco-editor/min/vs/base/worker/workerMain.js')`
+            )}`
+        }
+    }
+    require(['vs/editor/editor.main'], function () {})
+})
 </script>

paas-ce/lesscode/lib/client/src/common/bkmagic.js

@@ -10,7 +10,6 @@
  */
 
 import Vue from 'vue'
-
 // 全量引入
 import './fully-import'
 
@@ -21,6 +20,26 @@ const Message = Vue.prototype.$bkMessage
 
 let messageInstance = null
 
+export const messageHtmlError = (errMessage, delay = 3000, ellipsisLine = 0) => {
+    messageInstance && messageInstance.close()
+    const messageComponent = Vue.compile(errMessage)
+    const globalComponent = global.mainComponent
+    const { $options, $createElement } = globalComponent
+    const _staticRenderFns = $options.staticRenderFns
+
+    $options.staticRenderFns = messageComponent.staticRenderFns
+    const message = messageComponent.render.call(globalComponent, $createElement)
+    $options.staticRenderFns = _staticRenderFns
+
+    messageInstance = Message({
+        message,
+        delay,
+        theme: 'error',
+        ellipsisLine,
+        extCls: 'auto-width'
+    })
+}
+
 export const messageError = (message, delay = 3000, ellipsisLine = 0) => {
     messageInstance && messageInstance.close()
     messageInstance = Message({
@@ -59,6 +78,7 @@ export const messageWarn = (message, delay = 3000) => {
     })
 }
 
+Vue.prototype.messageHtmlError = messageHtmlError
 Vue.prototype.messageError = messageError
 Vue.prototype.messageSuccess = messageSuccess
 Vue.prototype.messageInfo = messageInfo

paas-ce/lesscode/lib/client/src/components/header.vue

@@ -80,7 +80,7 @@
                                     <a href="https://bk.tencent.com/docs/document/5.1/19/4125" target="_blank">前端规范</a>
                                 </dd>
                                 <dd>
-                                    <a :href="`${host}/${path}/index.html#design`">设计规范</a>
+                                    <a href="https://bkdesign.bk.tencent.com/" target="_blank">设计规范</a>
                                 </dd>
                                 <dd>
                                     <a :href="`${host}/${path}/index.html#css`">辅助样式</a>

paas-ce/lesscode/lib/client/src/components/methods/func-form.vue

@@ -55,26 +55,37 @@
                     </bk-select>
                 </bk-form-item>
                 <bk-form-item label="Api Data" :rules="[objRule]" property="funcApiData" :key="`${form.id}funcApiData`" error-display-type="normal" :desc="{ width: 350, content: 'HTTP 请求（例如 POST）的请求体数据包。如果是GET请求，请在 Api Url 中填写请求头参数' }">
-                    <bk-input v-model="form.funcApiData" type="textarea" :rows="3" :maxlength="100" :placeholder="`请输入请求体数据包，例如：{ name: {{name}}, age: 17 }`"></bk-input>
+                    <bk-input v-model="form.funcApiData" type="textarea" :rows="3" :maxlength="500" :placeholder="`请输入请求体数据包，例如：{ name: {{name}}, age: 17 }`"></bk-input>
                 </bk-form-item>
             </template>
             <bk-form-item label="函数简介" property="funcSummary" :key="`${form.id}funcSummary`">
                 <bk-input v-model="form.funcSummary" type="textarea" :rows="3" :maxlength="100"></bk-input>
             </bk-form-item>
         </bk-form>
-        <monaco :value.sync="form.funcBody" :func-type="form.funcType" :height="monacoHeight" :width="monacoWidth" :full-screen="size !== 'small'" class="monaco" ref="monaco"></monaco>
+        <monaco-func :value.sync="form.funcBody"
+            :func-type="form.funcType"
+            :height="monacoHeight"
+            :width="monacoWidth"
+            :func.sync="form"
+            class="monaco"
+            ref="monaco"
+        >
+            <template v-slot:tools>
+                <slot name="tools"></slot>
+            </template>
+        </monaco-func>
     </section>
 </template>
 
 <script>
     import { mapGetters } from 'vuex'
-    import monaco from './monaco'
+    import monacoFunc from './monaco-func.vue'
     import dayjs from 'dayjs'
     import { isJsKeyWord } from '@/common/util'
 
     export default {
         components: {
-            monaco
+            monacoFunc
         },
 
         props: {
@@ -281,11 +292,10 @@
                 })
             },
 
-            resize (width) {
+            resizeMonaco (width) {
                 const parent = document.querySelector('.method-layout')
                 const parentWidth = parent.offsetWidth
-                this.monacoWidth = 333 / 1033 * (parentWidth - width)
-                this.$nextTick(this.$refs.monaco.resize)
+                this.monacoWidth = parentWidth - width - 350
             },
 
             changeTemType (id) {
@@ -328,22 +338,18 @@
         }
         .monaco {
             margin-top: 20px;
-            padding-top: 30px;
-            background-color: #1e1e1e;
         }
     }
 
     .small {
-        display: flex;
-        flex-direction: row;
         padding: 0;
         .add-main-form{
-            flex: 333;
-            max-height: 100%;
-            min-width: 180px;
+            float: left;
+            width: 350px;
+            height: 100%;
             overflow-y: auto;
             margin: 7px 0;
-            padding: 0 20px;
+            padding: 0 20px 20px;
             &::-webkit-scrollbar {
                 width: 6px;
                 height: 5px;
@@ -356,8 +362,8 @@
         }
         .monaco {
             margin: 0;
-            flex: 700;
             height: 100%;
+            margin-left: 350px;
         }
     }
 </style>