Merge pull request #1339 from TencentBlueKing/develop

v1.1.8 merge develop to master
TencentBlueKing · Aug 19, 2024 · 260cea9 · 260cea9
2 parents 73bdf14 + 35f7bed
commit 260cea9
Show file tree

Hide file tree

Showing 172 changed files with 1,797 additions and 4,795 deletions.
diff --git a/.bk.production.env b/.bk.production.env
@@ -24,6 +24,9 @@ BK_COMPONENT_API_URL = {{ BK_COMPONENT_API_URL }}
 // cookie domian
 BKPAAS_BK_DOMAIN = {{ BKPAAS_BK_DOMAIN }}
 
+// share url
+BK_SHARED_RES_URL = {{ BK_SHARED_RES_URL }}
+
 // apigateway 地址
 BK_API_GATEWAY_ORIGIN = ${BK_API_URL_TMPL}
 

diff --git a/lib/client/index.html b/lib/client/index.html
@@ -12,11 +12,10 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <link rel="icon" href="<%= process.env.BK_STATIC_URL %>/static/images/logo.png" type="image/x-icon" />
-        <link rel="shortcut icon" href="<%= process.env.BK_STATIC_URL %>/static/images/logo.png" type="image/x-icon" />
+        <link rel="shortcut icon" type="image/x-icon" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta charset="utf-8">
-        <title>运维开发平台 | 腾讯蓝鲸智云</title>
+        <title>运维开发平台 | 蓝鲸智云</title>
         <script>
             var customCompontensPlugin = []
             function register(callback) {
@@ -31,6 +30,7 @@
             var BKPAAS_ENVIRONMENT = '<%= process.env.BK_PAAS_ENVIRONMENT %>'
             var BK_COMPONENT_API_URL = '<%= process.env.BK_COMPONENT_API_URL  %>'
             var BKPAAS_BK_DOMAIN = '<%= process.env.BKPAAS_BK_DOMAIN  %>'
+            var BK_SHARED_RES_URL = '<%= process.env.BK_SHARED_RES_URL %>'
             var BK_API_URL_TMPL = '{{ BK_API_URL_TMPL }}'
             var BKPAAS_ENGINE_REGION = '<%= process.env.BK_PAAS_ENGINE_REGION %>'
             var BK_APP_APIGW_PREFIX = '<%= process.env.BK_API_GATEWAY_ORIGIN.replace('{api_name}', 'bk-lesscode') + '/' + process.env.BK_LESSCODE_ENVIRONMENT || '' %>'

diff --git a/lib/client/preview.html b/lib/client/preview.html
@@ -12,11 +12,10 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <link rel="icon" href="<%= process.env.BK_STATIC_URL %>/static/images/logo.png" type="image/x-icon" />
-        <link rel="shortcut icon" href="<%= process.env.BK_STATIC_URL %>/static/images/logo.png" type="image/x-icon" />
+        <link rel="shortcut icon" href="<%= process.env.BK_STATIC_URL %>/static/images/favion.png" type="image/x-icon" />
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>运维开发平台 | 腾讯蓝鲸智云</title>
+        <title>运维开发平台 | 蓝鲸智云</title>
         <style>
             html, body, #preview-app, #app {
                 height: 100%;

diff --git a/lib/client/src/App.vue b/lib/client/src/App.vue
@@ -39,6 +39,8 @@
     import NoticeComponent from '@blueking/notice-component-vue2'
     import '@blueking/notice-component-vue2/dist/style.css'
 
+    import { getPlatformConfig, setDocumentTitle, setShortcutIcon } from '@blueking/platform-config';
+
     export default {
         name: 'app',
         components: {
@@ -82,6 +84,7 @@
 
         computed: {
             ...mapGetters(['mainContentLoading', 'bodyHeight']),
+            ...mapGetters('platformConfig', ['defaultConfig', 'platformConfig']),
             emptyPage () {
                 return this.$route.name === 'preview' || this.$route.name === 'previewTemplate' || this.$route.name === 'previewMobile' || this.$route.meta?.navigation === 'empty'
             },
@@ -117,6 +120,7 @@
             this.$once('hook:beforeDestroy', () => {
                 bus.$off('not-exist', this.notExistHold)
             })
+            this.initPlatformConfig()
             await Promise.all([
                 this.$store.dispatch('checkIamNoResourcesPerm'),
                 this.$store.dispatch('ai/checkAiAvailable'),
@@ -143,6 +147,14 @@
 
             showAlertChange (isShow) {
                 this.$store.commit('updateShowAlertNotice', isShow)
+            },
+
+            async initPlatformConfig () {
+                const url = `${window.BK_SHARED_RES_URL}/lesscode/base.js`
+                const config = await getPlatformConfig(url, this.defaultConfig)
+                this.$store.commit('platformConfig/update', config)
+                setDocumentTitle(config.i18n)
+                setShortcutIcon(config.favicon)
             }
         }
     }

diff --git a/lib/client/src/bk-icon/demo.html b/lib/client/src/bk-icon/demo.html
diff --git a/lib/client/src/components/api/common/single-scheme.tsx b/lib/client/src/components/api/common/single-scheme.tsx
@@ -241,7 +241,7 @@ export default defineComponent({
                         value={this.copyScheme.type}
                         clearable={false}
                         disabled={this.finalTypeDisable}
-                        onChange={(type) => this.updateType(type)}
+                        onSelected={(type) => this.updateType(type)}
                     >
                         {
                             Object.keys(API_PARAM_TYPES).map((key) => (

diff --git a/lib/client/src/components/api/create-api-sideslider/index.vue b/lib/client/src/components/api/create-api-sideslider/index.vue
@@ -27,7 +27,15 @@
                 :api-list="apiList"
                 @update="handleUpdate"
             />
-            <h3 class="api-form-title">{{ $t('默认请求参数') }}</h3>
+            <div class="api-form-title" style="display: flex;align-items: center;">
+                <h3 style="margin: 0 4px 0;">{{ $t('默认请求参数') }}</h3>
+                <i
+                    v-if="showTips"
+                    v-bk-tooltips="{ content: $t('sql语句已做base64加密处理') }"
+                    class="bk-icon icon-info"
+                ></i>
+            </div>
+
             <render-param
                 class="api-form"
                 ref="paramRef"
@@ -121,6 +129,10 @@
             },
             isEdit: {
                 type: Boolean
+            },
+            showTips: {
+                type: Boolean,
+                default: false
             }
         },
 

diff --git a/lib/client/src/components/app-header.vue b/lib/client/src/components/app-header.vue
@@ -12,8 +12,9 @@
 <template>
     <header class="app-header">
         <div class="logo" @click="toProjectList">
-            <img src="../images/logo.png" alt="logo">
-            {{ $t('蓝鲸运维开发平台') }} </div>
+            <img :src="logoUrl" alt="logo">
+            {{ platformName }}
+        </div>
         <nav class="top-nav">
             <ul class="menu">
                 <router-link
@@ -145,6 +146,14 @@
             const user = computed(() => store.getters['user'])
             const userName = computed(() => user.value?.username ?? '')
             const showAlertNotice = computed(() => store.getters['showAlertNotice'])
+
+            const logoUrl = computed(() => {
+                return store.getters['platformConfig/platformConfig']?.appLogo || '../images/logo.png'
+            })
+
+            const platformName = computed(() => {
+                return store.getters['platformConfig/platformConfig']?.i18n?.productName || window.i18n.t('蓝鲸运维开发平台')
+            })
 
             const menus = computed(() => {
                 const list = [
@@ -204,6 +213,8 @@
                 visible.value = value
             }
             return {
+                logoUrl,
+                platformName,
                 languageList,
                 userName,
                 menus,

diff --git a/lib/client/src/components/changelog-version/changelog-data.js b/lib/client/src/components/changelog-version/changelog-data.js
@@ -1,4 +1,31 @@
 export default [
+    {
+        date: '2024.08.19',
+        detailList: [
+            {
+                reviseTitle: window.i18n.t('新增'),
+                logMassage: [
+                    window.i18n.t('平台: 平台名称/footer/header区域等信息支持全局配置'),
+                    window.i18n.t('表单&数据管理: 表单容器字段默认值支持变量'),
+                    window.i18n.t('画布: 英文模式下，组件属性不展示简易名称displayName'),
+                    window.i18n.t('画布: vue3应用bkui组件库，组件属性补充对齐组件库本身'),
+                    window.i18n.t('数据源: 离开数据管理页面时，给出二次提示')
+                ]
+            }, {
+                reviseTitle: window.i18n.t('修复'),
+                logMassage: [
+                    window.i18n.t('画布: 修复表单容器组件确认、取消按钮无法隐藏问题'),
+                    window.i18n.t('画布: 修复vue3tab组件无法切换tab的问题'),
+                    window.i18n.t('画布: 修复vue3导航的内置padding预览时与画布样式配置不一致问题'),
+                    window.i18n.t('函数: 修复编辑函数需要检验变量时，变量非最新的问题'),
+                    window.i18n.t('数据源: 修复预览时需要区分本地数据源跟第三方数据源的问题'),
+                    window.i18n.t('数据源: 修复数据源api默认page不为1的问题'),
+                    window.i18n.t('模板市场: 添加页面模板到应用时，disabled页面模板所属的应用本身')
+
+                ]
+            }
+        ]
+    },
     {
         date: '2024.07.04',
         detailList: [

diff --git a/lib/client/src/components/help-doc-detail/docs-menu.js b/lib/client/src/components/help-doc-detail/docs-menu.js
@@ -62,6 +62,7 @@ export function getDocsMenuList () {
             }, [{
                 name: window.i18n.t('资源管理'),
                 level: 0,
+                id: 'resource-manage',
                 children: [{
                     name: window.i18n.t('导航布局管理'),
                     level: 1,
@@ -83,9 +84,10 @@ export function getDocsMenuList () {
                     level: 1,
                     id: 'api'
                 }]
-            }], [{
+            }, {
                 name: window.i18n.t('发布管理'),
                 level: 0,
+                id: 'deploy-manage',
                 children: [{
                     name: window.i18n.t('发布部署'),
                     level: 1,
@@ -114,6 +116,7 @@ export function getDocsMenuList () {
             childs: [[{
                 name: window.i18n.t('资源市场'),
                 level: 0,
+                id: 'resource-market',
                 children: [{
                     name: window.i18n.t('应用模板'),
                     level: 1,
@@ -123,9 +126,10 @@ export function getDocsMenuList () {
                     level: 1,
                     id: 'template-page'
                 }]
-            }], [{
+            }, {
                 name: window.i18n.t('实战案例'),
                 level: 0,
+                id: 'exercise-example',
                 children: [{
                     name: window.i18n.t('表格查询案例'),
                     level: 1,

diff --git a/lib/client/src/components/help-doc-detail/docs/api.md b/lib/client/src/components/help-doc-detail/docs/api.md
@@ -1,6 +1,6 @@
 # API 管理
 
-蓝鲸运维开发平台中，可以由用户创建 API，并且 API 已打通 Api gateway，方便对接口进行管理。可以在函数中选择 API，来快速使用接口。
+蓝鲸运维开发平台(LessCode)中，可以由用户创建 API，并且 API 已和蓝鲸API Gateway服务打通，方便对接口进行管理。可以在函数中选择 API，来快速使用接口。
 
 ## 创建 API
 

diff --git a/lib/client/src/components/help-doc-detail/docs/canvas.md b/lib/client/src/components/help-doc-detail/docs/canvas.md
@@ -8,10 +8,10 @@
 可以使用的物料包括， 布局、基础组件、自定义组件、模板、icon图标
 
 ### 布局
-Lesscode提供了3种布局： 行布局、多列布局、自由布局
+蓝鲸运维开发平台(LessCode)提供了3种布局： 行布局、多列布局、自由布局
 
 ### 基础组件
-根据不同的应用类型跟页面类型， LessCode提供了不同的基础组件
+根据不同的应用类型跟页面类型， 蓝鲸运维开发平台(LessCode)提供了不同的基础组件
 - Vue2 PC： 蓝鲸MagicBox组件库、element组件库
 - Vue3 PC： 蓝鲸MagicBox组件库
 - Vue2 移动端页面： Vant UI组件库

diff --git a/lib/client/src/components/help-doc-detail/docs/container.md b/lib/client/src/components/help-doc-detail/docs/container.md
@@ -1,6 +1,6 @@
 # 画布布局容器
 
-LessCode提供行布局、多列布局、自由布局三种布局容器， 以便用户能便捷的编排出所需的页面
+蓝鲸运维开发平台(LessCode)提供行布局、多列布局、自由布局三种布局容器， 以便用户能便捷的编排出所需的页面
 <img src="../../../images/help/container-total.png" alt="grid" width="80%" class="help-img">
 
 ## 通用样式设置

diff --git a/lib/client/src/components/help-doc-detail/docs/courses.md b/lib/client/src/components/help-doc-detail/docs/courses.md
@@ -1,16 +1,16 @@
 ## 课程实战文档和视频
 
-### 基于 LessCode 进行 SaaS 开发
+### 基于蓝鲸运维开发平台(LessCode)进行 SaaS 开发
 #### 内容大纲：
 ``` js
-1. LessCode 理论
-2. LessCode 实战，开发一个 LessCode 应用
+1. 蓝鲸运维开发平台(LessCode)理论
+2. 蓝鲸运维开发平台(LessCode)实战，开发一个应用
 ```
 #### PPT下载：[下载地址](https://staticfile.qq.com/lesscode/p9508f3d3cfba4809b2e1a3cba58cdd20/template-imgs/latest/LessCode-1.pptx)
 #### 观看视频：[视频地址](https://www.bilibili.com/video/BV1RG4y147ey)
 ---
 
-### 基于 LessCode 进行二次开发和构建部署
+### 基于蓝鲸运维开发平台(LessCode)进行二次开发和构建部署
 #### 内容大纲：
 ```js
 1. LessCode 下载源码结构讲解

diff --git a/lib/client/src/components/help-doc-detail/docs/custom.md b/lib/client/src/components/help-doc-detail/docs/custom.md
@@ -1,5 +1,5 @@
 # 自定义组件管理
-除了平台提供的基础组件以外、LessCode还提供自定义组件的方式， 支持用户自行开发上传更丰富更贴合自身业务场景的组件到平台中使用
+除了平台提供的基础组件以外、蓝鲸运维开发平台(LessCode)还提供自定义组件的方式， 支持用户自行开发上传更丰富更贴合自身业务场景的组件到平台中使用
 
 ## 组件本地开发
 ```bash

diff --git a/lib/client/src/components/help-doc-detail/docs/data-manage.md b/lib/client/src/components/help-doc-detail/docs/data-manage.md
@@ -1,6 +1,6 @@
 # 数据表管理
 
-蓝鲸运维开发平台中：用户可以创建数据表。可以查看`预览环境`、`预发布环境`、`生产环境`的表数据，也可以修改不同环境的表数据。每个表都有相应的增删改查 API，可以在创建函数的时候选择该 API，从而在页面中使用表数据。蓝鲸运维开发平台也支持第三方数据库，可以直接链接已有的数据库，在打开第三方数据的时候会自动拉取数据库的表结构，用户可以继续对表结构进行增删改查操作。
+蓝鲸运维开发平台(LessCode)中：用户可以创建数据表。可以查看`预览环境`、`预发布环境`、`生产环境`的表数据，也可以修改不同环境的表数据。每个表都有相应的增删改查 API，可以在创建函数的时候选择该 API，从而在页面中使用表数据。蓝鲸运维开发平台(LessCode)也支持第三方数据库，可以直接链接已有的数据库，在打开第三方数据的时候会自动拉取数据库的表结构，用户可以继续对表结构进行增删改查操作。
 
 ## 内置数据库
 

diff --git a/lib/client/src/components/help-doc-detail/docs/data-operation.md b/lib/client/src/components/help-doc-detail/docs/data-operation.md
@@ -1,6 +1,6 @@
 # 数据操作
 
-蓝鲸运维开发平台提供了数据操作页面来解决复杂的数据查询。支持直接编写 SQL，或者通过查询描述的方式来进行数据查询
+蓝鲸运维开发平台(LessCode)提供了数据操作页面来解决复杂的数据查询。支持直接编写 SQL，或者通过查询描述的方式来进行数据查询
 
 ## 切换`内置数据库`、`BkBase结果表`、`第三方数据库`
 

diff --git a/lib/client/src/components/help-doc-detail/docs/directive.md b/lib/client/src/components/help-doc-detail/docs/directive.md
@@ -1,6 +1,6 @@
 ## 指令使用指引
 ---
-蓝鲸运维开发平台中：可以通过[VUE 指令](https://cn.vuejs.org/v2/api/#%E6%8C%87%E4%BB%A4)完成更多应用功能开发，通过指令可以完成以下功能：
+蓝鲸运维开发平台(LessCode)中：可以通过[VUE 指令](https://cn.vuejs.org/v2/api/#%E6%8C%87%E4%BB%A4)完成更多应用功能开发，通过指令可以完成以下功能：
 * 通过配置属性相关的指令，可以做到动态修改组件的值，也可以在函数中获取该属性的值，用于后续的应用功能开发
 * 通过配置指令面板的指令，可以做到渲染多个元素、控制元素是否显示和在表单控件或者组件上创建双向绑定
 

diff --git a/lib/client/src/components/help-doc-detail/docs/function-using.md b/lib/client/src/components/help-doc-detail/docs/function-using.md
@@ -1,6 +1,6 @@
 # 画布中函数使用
 
-在前端页面中，函数通常用于组件获取数据和处理页面交互。在蓝鲸智云运维开发平台，我们根据不同场景，提供了函数来实现这 2 个能力
+在前端页面中，函数通常用于组件获取数据和处理页面交互。在蓝鲸运维开发平台(LessCode)，我们根据不同场景，提供了函数来实现这 2 个能力
 
 ## 用于组件获取数据
 

diff --git a/lib/client/src/components/help-doc-detail/docs/intro.md b/lib/client/src/components/help-doc-detail/docs/intro.md
@@ -1,6 +1,6 @@
 # 介绍
 
-蓝鲸智云运维开发平台提供了前端页面在线可视化拖拽组装、配置编辑、源码生成、二次开发等能力。旨在帮助用户通过尽量少的手写代码的方式快速设计和开发 SaaS。
+蓝鲸运维开发平台(LessCode)提供了前端页面在线可视化拖拽组装、配置编辑、源码生成、二次开发等能力。旨在帮助用户通过尽量少的手写代码的方式快速设计和开发 SaaS。
 
 ## 功能特性
 
@@ -13,4 +13,4 @@
 - **在线组件配置**：支持组件样式、属性、事件在线配置
 - **二次开发能力**：生成的 Vue 源码文件支持无缝集成到蓝鲸前端开发框架([BKUI-CLI](https://bk.tencent.com/docs/document/6.0/130/5940))进行二次开发
 - **支持自定义组件开发**：提供自定义组件开发规范及示例，开放自定义组件开发能力，满足业务场景组件集成需求
-- **一键部署**：基于蓝鲸PaaS，支持在线拖拽布局后，一键部署至线上环境
+- **一键部署**：基于蓝鲸PaaS平台，支持在线拖拽布局后，一键部署至线上环境
diff --git a/lib/client/src/components/help-doc-detail/docs/method.md b/lib/client/src/components/help-doc-detail/docs/method.md
@@ -1,6 +1,6 @@
 # JS 函数开发
 
-蓝鲸运维开发平台中：可以由用户自行编写函数，并在页面中使用函数。通过使用函数，可以完成以下需求：
+蓝鲸运维开发平台(LessCode)中：可以由用户自行编写函数，并在页面中使用函数。通过使用函数，可以完成以下需求：
 
 - 编写空白函数：使用 js 语法编写代码，可以发起 ajax 请求，获取接口数据，然后进行功能逻辑处理
 - 编写远程函数：通过后台转发的形式，发起 ajax 请求，转发的请求可以通过配置的方式来携带更多的数据
@@ -35,7 +35,7 @@
 
 ## 函数类型介绍
 
-蓝鲸运维开发平台目前提供了空白函数和远程函数两种函数类型，以便应用开发使用。后续将会添加更多的函数类型，敬请期待
+蓝鲸运维开发平台(LessCode)目前提供了空白函数和远程函数两种函数类型，以便应用开发使用。后续将会添加更多的函数类型，敬请期待
 
 ### 空白函数：