From 7200675af94c5c7b3b70dd754d94d6d149650699 Mon Sep 17 00:00:00 2001
From: dengbf <dengbf@aliyun.com>
Date: Fri, 8 Dec 2023 17:51:07 +0800
Subject: [PATCH 1/2] =?UTF-8?q?-=20[=E5=8A=9F=E8=83=BD]=20=E6=8A=BD?=
 =?UTF-8?q?=E7=A6=BB=E8=A1=A8=E5=8D=95=E5=AD=90=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/resources/plugins/TsSheet/TsSheet.vue     |   2 +-
 .../plugins/TsSheet/form-item-config.vue      |  38 ++-
 src/resources/plugins/TsSheet/form-item.vue   |  54 +++--
 .../form/component/formsubassembly.vue        | 217 ------------------
 .../plugins/TsSheet/form/component/index.js   |   7 +-
 .../form/config/formsubassembly-conf.vue      |  65 ------
 .../plugins/TsSheet/form/config/index.js      |   4 +-
 .../TsSheet/form/define/formsubassembly.js    |  23 --
 .../plugins/TsSheet/form/formitem-list.js     |   5 +-
 9 files changed, 66 insertions(+), 349 deletions(-)
 delete mode 100644 src/resources/plugins/TsSheet/form/component/formsubassembly.vue
 delete mode 100644 src/resources/plugins/TsSheet/form/config/formsubassembly-conf.vue
 delete mode 100644 src/resources/plugins/TsSheet/form/define/formsubassembly.js

diff --git a/src/resources/plugins/TsSheet/TsSheet.vue b/src/resources/plugins/TsSheet/TsSheet.vue
index ab79a65d..2e8c35a9 100644
--- a/src/resources/plugins/TsSheet/TsSheet.vue
+++ b/src/resources/plugins/TsSheet/TsSheet.vue
@@ -116,7 +116,7 @@
       ref="tableContainer"
       :class="{ editmode: mode === 'edit' }"
       style="position:relative;overflow:auto;width:100%"
-      :style="{ height: mode === 'edit' || mode === 'editSubform' ?containerHeight:'100%' }"
+      :style="{ height: mode === 'edit'?containerHeight:mode === 'editSubform' ?'auto':'100%' }"
       @scroll="
         event => {
           scrollContainer(event);
diff --git a/src/resources/plugins/TsSheet/form-item-config.vue b/src/resources/plugins/TsSheet/form-item-config.vue
index 0a77aede..3c91c822 100644
--- a/src/resources/plugins/TsSheet/form-item-config.vue
+++ b/src/resources/plugins/TsSheet/form-item-config.vue
@@ -20,17 +20,24 @@
       </TsFormItem>
       <TsForm labelPosition="top" :item-list="formConfig">
         <template v-slot:customConfig>
-          <component
-            :is="formItem.handler"
-            v-if="formItem.type === 'form'"
-            :error="error"
-            :formItem="formItem"
-            :formItemList="formItemList"
-            :disabled="!!formItem.inherit || disabled"
-            :initFormItemList="initFormItemList"
-            class="mb-sm"
-            @editSubForm="editSubForm"
-          ></component>
+          <template v-if="formItem.type === 'form'">
+            <component
+              :is="formItem.handler"
+              v-if="isExistComponent(formItem.handler)"
+              :error="error"
+              :formItem="formItem"
+              :formItemList="formItemList"
+              :disabled="!!formItem.inherit || disabled"
+              :initFormItemList="initFormItemList"
+              class="mb-sm"
+              @editSubForm="editSubForm"
+            ></component>
+            <div v-else>
+              <Alert show-icon>
+                {{ formItem.handler }}组件是商业版专供，需要额外付费购买才能使用。
+              </Alert>
+            </div>
+          </template>
           <FormCustomItemConfig
             v-else-if="formItem.type === 'custom'"
             :error="error"
@@ -394,6 +401,15 @@ export default {
       return attr => {
         return this.formItem.config.hasOwnProperty(attr);
       };
+    },
+    isExistComponent() { //判断是否存在
+      return (handler) => {
+        let component = true;
+        if (!formItemConfig[handler]) {
+          component = false;
+        }
+        return component;
+      };
     }
   },
   watch: {
diff --git a/src/resources/plugins/TsSheet/form-item.vue b/src/resources/plugins/TsSheet/form-item.vue
index 33e787a7..46d6db46 100644
--- a/src/resources/plugins/TsSheet/form-item.vue
+++ b/src/resources/plugins/TsSheet/form-item.vue
@@ -47,27 +47,30 @@
     ></div>
     <div v-if="mode == 'edit' && formItem.config && formItem.config.isHide" class="corner-bottom-icon text-grey tsfont-eye-off"></div>
     <div v-if="needLabel" class="mb-xs">{{ formItem.label }}</div>
-    <component
-      :is="formItem.handler"
-      v-if="showComponent(formItem) && (!formItem.type || formItem.type === 'form')"
-      ref="formItem"
-      :style="{ width: mode != 'defaultvalue'?(formItem.config && formItem.config.width) || '100%':'100%' }"
-      :formItem="formItem"
-      :formItemList="formItemList"
-      :value="formItemValue"
-      :mode="mode"
-      :filter="filter"
-      :readonly="((mode != 'defaultvalue' && mode != 'condition') ? formItem.config && formItem.config.isReadOnly:false) || readonly"
-      :disabled="((mode != 'defaultvalue' && mode != 'condition') ? formItem.config && formItem.config.isDisabled:false) || disabled"
-      :required="(mode != 'defaultvalue'?formItem.config && formItem.config.isRequired:false)"
-      :formData="formData"
-      :readonlyTextIsHighlight="readonlyTextIsHighlight"
-      :isClearEchoFailedDefaultValue="isClearEchoFailedDefaultValue"
-      :isCustomValue="isCustomValue"
-      @setValue="setValue"
-      @resize="$emit('resize')"
-      @select="selectFormItem"
-    ></component>
+    <template v-if="showComponent(formItem) && (!formItem.type || formItem.type === 'form')">
+      <component
+        :is="formItem.handler"
+        v-if="isExistComponent(formItem.handler)"
+        ref="formItem"
+        :style="{ width: mode != 'defaultvalue'?(formItem.config && formItem.config.width) || '100%':'100%' }"
+        :formItem="formItem"
+        :formItemList="formItemList"
+        :value="formItemValue"
+        :mode="mode"
+        :filter="filter"
+        :readonly="((mode != 'defaultvalue' && mode != 'condition') ? formItem.config && formItem.config.isReadOnly:false) || readonly"
+        :disabled="((mode != 'defaultvalue' && mode != 'condition') ? formItem.config && formItem.config.isDisabled:false) || disabled"
+        :required="(mode != 'defaultvalue'?formItem.config && formItem.config.isRequired:false)"
+        :formData="formData"
+        :readonlyTextIsHighlight="readonlyTextIsHighlight"
+        :isClearEchoFailedDefaultValue="isClearEchoFailedDefaultValue"
+        :isCustomValue="isCustomValue"
+        @setValue="setValue"
+        @resize="$emit('resize')"
+        @select="selectFormItem"
+      ></component>
+      <div v-else class="text-warning">该组件是商业版专供</div>
+    </template>
     <CustomItem
       v-else-if="showComponent(formItem) && formItem.type === 'custom'"
       ref="formItem"
@@ -530,6 +533,15 @@ export default {
         readonlyTextIsHighlight = true;
       }
       return readonlyTextIsHighlight;
+    },
+    isExistComponent() {
+      return (handler) => {
+        let component = true;
+        if (!formItems[handler]) {
+          component = false;
+        }
+        return component;
+      };
     }
   },
   watch: {}
diff --git a/src/resources/plugins/TsSheet/form/component/formsubassembly.vue b/src/resources/plugins/TsSheet/form/component/formsubassembly.vue
deleted file mode 100644
index fbd045a2..00000000
--- a/src/resources/plugins/TsSheet/form/component/formsubassembly.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<template>
-  <div v-if="subFormData">
-    <div v-if="readonly && !formDataList.length">-</div>
-    <div v-else class="sheet-main">
-      <div class="text-left"><span class="label bg-primary">{{ label }}</span></div>
-      <div class="sheet-detail border-color" :style="{ '--height': getFormDataHeight(formDataList) }">
-        <div v-for="(item,index) in formDataList" :key="index" class="sheet-list border-base radius-md border-color">
-          <div orientation="start" class="subForm-label">
-            <div>
-              <span class="pr-xs">#{{ index+1 }}</span>
-              <span>{{ label }}</span>
-            </div>
-            <div class="">
-              <span v-if="!disabled && !readonly && config.isCanAdd && (mode ==='read'|| mode==='readSubform')" class="tsfont-trash-o text-action del-icon" @click="delSheet(index)"></span>
-              <span class="pl-sm" :class="!item.isHide?'tsfont-down':'tsfont-up'" @click="toggleshow(item)"></span>
-            </div>
-          </div>
-          <div v-show="!item.isHide" class="subForm-detail border-color">
-            <TsSheet
-              ref="sheet"
-              :mode="mode==='edit'||mode==='editSubform'?'editSubform':'readSubform'"
-              :value="subFormData"
-              :data="item"
-              :disabled="disabled"
-              :readonly="readonly"
-              isFormSubassembly
-              @setValue="(val)=>{updateValue(val, item, index)}"
-            ></TsSheet>
-          </div>
-        </div>
-      </div> 
-      <div v-if="!disabled && !readonly && config.isCanAdd" class="text-left">
-        <Button
-          type="primary"
-          ghost
-          @click="addFormData"
-        >{{ $t('dialog.title.addtarget',{'target': label }) }}</Button>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import base from './base.vue';
-import validmixin from './common/validate-mixin.js';
-export default {
-  name: '',
-  components: {
-    TsSheet: resolve => require(['@/resources/plugins/TsSheet/TsSheet.vue'], resolve)
-  },
-  extends: base,
-  mixins: [validmixin],
-  props: {},
-  data() {
-    return {
-      formDataList: [],
-      subFormData: null,
-      label: ''
-    };
-  },
-  beforeCreate() {},
-  created() {
-    this.init();
-  },
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    init() {
-      this.formDataList = [];
-      if (this.value) {
-        let value = this.$utils.deepClone(this.value);
-        if (typeof value === 'string') {
-          value = JSON.parse(value);
-        }
-        if (value instanceof Array && value.length > 0) {
-          value.forEach(item => {
-            //默认展开
-            if (item.hasOwnProperty('isHide')) {
-              this.$set(item, 'isHide', false);
-            }
-          });
-          this.formDataList.push(...value);
-        }
-      } else { 
-        if (!this.formDataList.length) {
-          this.addFormData();
-        }
-      }
-    },
-    updateValue(val, item, index) {
-      if (!this.$utils.isSame(val, item)) { 
-        this.formDataList.splice(index, 1, val);
-        this.setValue(this.formDataList); 
-      }
-    },
-    async validData() {
-      const errorList = [];
-      const sheet = this.$refs['sheet'];
-      let isValid = true;
-      let list = sheet && Array.from(sheet) || [];
-      for (let i in list) {
-        let errorData = await list[i].validData();
-        if (!this.$utils.isEmpty(errorData)) {
-          this.$set(this.formDataList[i], 'isHide', false);
-          isValid = false;
-        }
-      }
-      if (!isValid) {
-        errorList.push({uuid: this.formItem.uuid, error: this.formItem.label + '校验失败'});
-      }
-      return errorList;
-    },
-    addFormData() {
-      this.formDataList.push({});
-      this.setValue(this.formDataList); 
-    },
-    delSheet(index) {
-      this.formDataList.splice(index, 1);
-      this.setValue(this.formDataList); 
-    },
-    toggleshow(item) {
-      this.$set(item, 'isHide', !item.isHide);
-      this.$emit('resize');
-    }
-  },
-  filter: {},
-  computed: {
-    getFormDataHeight() {
-      return (list) => {
-        let height = 100;
-        if (list.length > 0 && this.disabled || this.readonly || !this.config || !this.config.isCanAdd) {
-          height = 100 * (1 - 1 / (list.length * 2));
-        }
-        return height + '%';
-      };
-    }
-  },
-  watch: {
-    formItem: {
-      handler(val) {
-        if (val && val.formData) {
-          this.subFormData = val.formData.formConfig;
-          this.label = val.label;
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.sheet-main {
-  .label {
-    display: inline-block;
-    height: 26px;
-    line-height: 26px;
-    border-radius: 13px;
-    padding: 0 6px;
-    font-size: 12px;
-    color: #fff;
-  }
-  .sheet-detail{
-    position: relative;
-    padding-left: 44px;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    &::before{
-        position: absolute;
-        content: "";
-        top: 0px;
-        bottom: -10px;
-        left: 20px;
-        border-left: 1px dashed;
-        border-color: inherit;
-        height:  var(--height);
-    }
-  }
-  .sheet-list {
-    position: relative;
-    &:not(:last-child){
-      margin-bottom: 10px;
-    }
-    &::before {
-      position: absolute;
-      content: " ";
-      top: 50%;
-      left: -24px;
-      right: 100%;
-      border-top: 1px dashed;
-      border-color: inherit;
-    }
-    .subForm-label {
-      padding: 6px;
-      display: flex;
-      justify-content: space-between;
-    }
-    &:hover {
-      .del-icon {
-        display: inline-block;
-      }
-    }
-    .del-icon {
-      display: none;
-    }
-    .subForm-detail {
-      padding: 16px;
-      border-top: 1px solid;
-    }
-  }
-}
-</style>
diff --git a/src/resources/plugins/TsSheet/form/component/index.js b/src/resources/plugins/TsSheet/form/component/index.js
index 4cc68ba8..378268d0 100644
--- a/src/resources/plugins/TsSheet/form/component/index.js
+++ b/src/resources/plugins/TsSheet/form/component/index.js
@@ -27,18 +27,15 @@ import formtable from './formtable.vue';
 import * as cmdbComponent from '@/views/pages/cmdb/form/component';
 import * as autoexecComponent from '@/views/pages/autoexec/form/component';
 
-import formsubassembly from './formsubassembly.vue';
-
 let importComponentConfig = {};
 try {
   // 导入自定义组件
-  let importComponentConfig;
   const componentConfig = require.context('@/commercial-module', true, /formcomponent.js$/);
   componentConfig
     .keys()
     .filter(path => {
       const moduleName = path.split('/')?.[1]?.split('-')?.pop() || path.split('/')?.[1];
-      return moduleName === MODULEID;
+      return moduleName === 'framework';
     })
     .forEach(path => {
       importComponentConfig = componentConfig(path).default || {};
@@ -46,6 +43,7 @@ try {
 } catch (error) {
   console.error('form/component/index.js异常', error);
 }
+
 export default {
   formlabel,
   formtext,
@@ -72,7 +70,6 @@ export default {
   formtab,
   formcollapse,
   formtable,
-  formsubassembly,
   ...cmdbComponent,
   ...autoexecComponent,
   ...importComponentConfig
diff --git a/src/resources/plugins/TsSheet/form/config/formsubassembly-conf.vue b/src/resources/plugins/TsSheet/form/config/formsubassembly-conf.vue
deleted file mode 100644
index 10a3016b..00000000
--- a/src/resources/plugins/TsSheet/form/config/formsubassembly-conf.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <div>
-    <TsFormItem :label="$t('term.pbc.adddata')" labelPosition="left" contentAlign="right">
-      <TsFormSwitch
-        v-model="config.isCanAdd"
-        :trueValue="true"
-        :falseValue="false"
-        :disabled="disabled"
-      ></TsFormSwitch>
-    </TsFormItem>
-    <!-- 场景编辑暂不支持子组件编辑 -->
-    <Button
-      v-if="!formItem.hasOwnProperty('inherit')"
-      :disabled="!!formItem.inherit || disabled"
-      type="primary"
-      style="width:100%"
-      ghost
-      class="mt-nm"
-      @click="editForm()"
-    >
-      <span class="tsfont-edit">
-        编辑组件
-      </span>
-    </Button>
-  </div>
-</template>
-<script>
-import base from './base-config.vue';
-
-export default {
-  name: '',
-  components: {
-    TsFormSwitch: resolve => require(['@/resources/plugins/TsForm/TsFormSwitch'], resolve),
-    TsFormItem: resolve => require(['@/resources/plugins/TsForm/TsFormItem'], resolve)
-  },
-  extends: base,
-  props: {},
-  data() {
-    return {
-     
-    };
-  },
-  beforeCreate() {},
-  async created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  activated() {},
-  deactivated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  methods: {
-    editForm() {
-      if (this.disabled) {
-        return;
-      }
-      this.$emit('editSubForm');
-    }
-  },
-  filter: {},
-  computed: {},
-  watch: {}
-};
-</script>
diff --git a/src/resources/plugins/TsSheet/form/config/index.js b/src/resources/plugins/TsSheet/form/config/index.js
index 7fe28e74..c44222fe 100644
--- a/src/resources/plugins/TsSheet/form/config/index.js
+++ b/src/resources/plugins/TsSheet/form/config/index.js
@@ -26,7 +26,6 @@ import formcollapse from './formcollapse-conf.vue';
 import * as cmdbComponent from '@/views/pages/cmdb/form/config';
 import * as autoexecComponent from '@/views/pages/autoexec/form/config';
 
-import formsubassembly from './formsubassembly-conf.vue';
 let importComponentConfig = {};
 try {
   // 导入表单自定义配置文件
@@ -34,7 +33,7 @@ try {
   componentConfig.keys().forEach(path => {
     if (path) {
       const moduleName = path.split('/')[1].split('-').pop() || path.split('/')[1];
-      if (moduleName == MODULEID) {
+      if (moduleName == 'framework') {
         importComponentConfig = componentConfig(path).default || {};
       }
     }
@@ -67,7 +66,6 @@ export default {
   formcube,
   formtab,
   formcollapse,
-  formsubassembly,
   ...cmdbComponent,
   ...autoexecComponent,
   ...importComponentConfig
diff --git a/src/resources/plugins/TsSheet/form/define/formsubassembly.js b/src/resources/plugins/TsSheet/form/define/formsubassembly.js
deleted file mode 100644
index fa8a2af1..00000000
--- a/src/resources/plugins/TsSheet/form/define/formsubassembly.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { $t } from '@/resources/init.js';
-
-export default {
-  'handler': 'formsubassembly',
-  'label': $t('term.framework.formsubassembly'),
-  'type': 'form',
-  'category': 'basic',
-  'icon': 'tsfont-formlist',
-  'override_config': {},
-  'hasValue': true,
-  'component': [],
-  'config': {
-    'disableDefaultValue': true,
-    'width': '100%',
-    'isRequired': false,
-    'isMask': false,
-    'isHide': false,
-    'isReadOnly': false,
-    'isDisabled': false,
-    'isCanAdd': true
-  },
-  'reaction': { 'mask': {}, 'hide': {}, 'display': {}, 'readonly': {}, 'disable': {} }
-};
diff --git a/src/resources/plugins/TsSheet/form/formitem-list.js b/src/resources/plugins/TsSheet/form/formitem-list.js
index e3ff1dd8..706717ca 100644
--- a/src/resources/plugins/TsSheet/form/formitem-list.js
+++ b/src/resources/plugins/TsSheet/form/formitem-list.js
@@ -25,7 +25,6 @@ import { default as formtab } from './define/formtab.js';
 import { default as formcollapse } from './define/formcollapse.js';
 import { default as CMDBITEMS } from '@/views/pages/cmdb/form/define';
 import { default as AUTOEXECITEMS } from '@/views/pages/autoexec/form/define';
-import { default as formsubassembly } from './define/formsubassembly.js'; //表单子组件
 
 export const FORMITEM_CATEGORY = [
   { value: 'basic', text: $t('term.report.basicwidget') },
@@ -41,7 +40,7 @@ try {
   componentConfig.keys().forEach(path => {
     if (path) {
       const moduleName = path.split('/')[1]?.split('-')?.pop() || path.split('/')[1];
-      if (moduleName == MODULEID) {
+      if (moduleName == 'framework') {
         importComponentConfig = componentConfig(path).default || {};
       }
     }
@@ -54,4 +53,4 @@ try {
 } catch (error) {
   console.error('formitem-list.js抛出异常', error);
 }
-export const FORMITEMS = [formlabel, formtext, formtextarea, formckeditor, formnumber, formpassword, formselect, formcascader, formradio, formcheckbox, formcube, formtableselector, formtableinputer, formdate, formtime, formlink, formrate, formuserselect, formtreeselect, formaccounts, formupload, formdivider, formtab, formcollapse, formsubassembly, ...CMDBITEMS, ...AUTOEXECITEMS, ...defineList];
+export const FORMITEMS = [formlabel, formtext, formtextarea, formckeditor, formnumber, formpassword, formselect, formcascader, formradio, formcheckbox, formcube, formtableselector, formtableinputer, formdate, formtime, formlink, formrate, formuserselect, formtreeselect, formaccounts, formupload, formdivider, formtab, formcollapse, ...CMDBITEMS, ...AUTOEXECITEMS, ...defineList];
-- 
Gitee


From 01d0279a506a3c0c8d7909bf9d26fba647e1002b Mon Sep 17 00:00:00 2001
From: dengbf <dengbf@aliyun.com>
Date: Mon, 11 Dec 2023 14:23:06 +0800
Subject: [PATCH 2/2] commit

---
 src/resources/assets/languages/page/en.json        | 4 +++-
 src/resources/assets/languages/page/zh.json        | 4 +++-
 src/resources/plugins/TsSheet/form-item-config.vue | 2 +-
 src/resources/plugins/TsSheet/form-item.vue        | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/resources/assets/languages/page/en.json b/src/resources/assets/languages/page/en.json
index b35ef098..c3114c97 100644
--- a/src/resources/assets/languages/page/en.json
+++ b/src/resources/assets/languages/page/en.json
@@ -951,5 +951,7 @@
   "mainscene": "Main scene",
   "enter": "enter",
   "viewdata": "View Data",
-  "you": "you"
+  "you": "you",
+  "commercialcomponent": "This component is exclusively available in the commercial version",
+  "commercialcomponenttip": "This component is exclusively for commercial use and requires additional payment to purchase in order to use."
 }
\ No newline at end of file
diff --git a/src/resources/assets/languages/page/zh.json b/src/resources/assets/languages/page/zh.json
index 0b658dbd..c3fdd053 100644
--- a/src/resources/assets/languages/page/zh.json
+++ b/src/resources/assets/languages/page/zh.json
@@ -953,5 +953,7 @@
   "mainscene": "主场景",
   "enter": "进入",
   "viewdata": "查看数据",
-  "you": "您"
+  "you": "您",
+  "commercialcomponent": "该组件是商业版专供",
+  "commercialcomponenttip": "该组件是商业版专供，需要额外付费购买才能使用。"
 }
\ No newline at end of file
diff --git a/src/resources/plugins/TsSheet/form-item-config.vue b/src/resources/plugins/TsSheet/form-item-config.vue
index 3c91c822..ee3f8805 100644
--- a/src/resources/plugins/TsSheet/form-item-config.vue
+++ b/src/resources/plugins/TsSheet/form-item-config.vue
@@ -34,7 +34,7 @@
             ></component>
             <div v-else>
               <Alert show-icon>
-                {{ formItem.handler }}组件是商业版专供，需要额外付费购买才能使用。
+                {{ $t('page.commercialcomponenttip') }}
               </Alert>
             </div>
           </template>
diff --git a/src/resources/plugins/TsSheet/form-item.vue b/src/resources/plugins/TsSheet/form-item.vue
index 46d6db46..09abe8d9 100644
--- a/src/resources/plugins/TsSheet/form-item.vue
+++ b/src/resources/plugins/TsSheet/form-item.vue
@@ -69,7 +69,7 @@
         @resize="$emit('resize')"
         @select="selectFormItem"
       ></component>
-      <div v-else class="text-warning">该组件是商业版专供</div>
+      <div v-else class="text-warning">{{ $t('page.commercialcomponent') }}</div>
     </template>
     <CustomItem
       v-else-if="showComponent(formItem) && formItem.type === 'custom'"
-- 
Gitee