@tmagic/editor 1.8.0-beta.7 → 1.8.0-manmanyu.8

package/src/utils/props.ts

@@ -131,44 +131,161 @@ export const eventTabConfig: TabPaneConfig = {
   ],
 };
 
+const getReportTypeConfig = ({ reportType }: { reportType: 'click' | 'expose' }) => {
+  const reportLabel = {
+    click: '点击',
+    expose: '曝光',
+  };
+  const label = reportLabel[reportType];
+  return {
+    name: reportType,
+    style: {
+      backgroundColor: '#fff',
+      borderRadius: '4px',
+      padding: '16px',
+      marginBottom: '10px',
+    },
+    items: [
+      {
+        text: label,
+        static: true,
+        labelPosition: 'left',
+        labelWidth: '200px',
+        className: 'm-fields-title-container',
+      },
+      {
+        name: 'f_module',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'text',
+        },
+        checkStrictly: false,
+        dataSourceFieldType: ['string'],
+        disabled: (_vm: any, { formValue }: any) => !formValue?.report?.custom,
+        text: 'f_module',
+        labelPosition: 'left',
+      },
+      {
+        name: 'f_resource',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'text',
+        },
+        checkStrictly: false,
+        dataSourceFieldType: ['string'],
+        disabled: (_vm: any, { formValue }: any) => !formValue?.report?.custom,
+        text: 'f_resource',
+        labelPosition: 'left',
+      },
+      {
+        name: 'f_type',
+        type: 'data-source-field-select',
+        fieldConfig: {
+          type: 'text',
+        },
+        checkStrictly: false,
+        dataSourceFieldType: ['string', 'number'],
+        disabled: (_vm: any, { formValue }: any) => !formValue?.report?.custom,
+        text: 'f_type',
+        labelPosition: 'left',
+      },
+    ],
+  };
+};
+
 export const advancedTabConfig: TabPaneConfig = {
   title: '高级',
   lazy: true,
   items: [
+    {
+      type: 'link',
+      displayText: '点击查看配置指南',
+      href: 'https://iwiki.woa.com/pages/viewpage.action?pageId=827749220',
+      css: 'color: #F56C6C;font-weight: bold',
+    } as any,
     {
       name: NODE_DISABLE_CODE_BLOCK_KEY,
       text: '禁用代码块',
       type: 'switch',
+      labelPosition: 'left',
       defaultValue: false,
       extra: '开启后，配置的代码块将不会被执行',
+      style: {
+        padding: '0 22px',
+      },
     },
     {
       name: NODE_DISABLE_DATA_SOURCE_KEY,
       text: '禁用数据源',
       type: 'switch',
+      labelPosition: 'left',
       defaultValue: false,
       extra: '开启后，组件内配置的数据源相关配置将不会被编译，显隐条件将失效',
+      style: {
+        padding: '0 22px',
+      },
     },
     {
       name: 'created',
-      text: 'created',
+      text: 'Created',
+      flat: true,
       labelPosition: 'top',
       type: 'code-select',
-      extra: '组件初始化时执行',
+      titleExtra: '组件初始化时执行',
+      style: {
+        padding: '0 22px',
+      },
     },
     {
       name: 'mounted',
-      text: 'mounted',
+      text: 'Mounted',
       labelPosition: 'top',
+      flat: true,
+
       type: 'code-select',
-      extra: '组件挂载到dom时执行',
+      titleExtra: '组件挂载到dom时执行',
+      style: {
+        padding: '0 22px',
+      },
     },
     {
       name: 'display',
-      text: 'display',
-      extra: '控制组件是否渲染，关系的代码块返回值为false时不渲染',
+      text: 'Display',
+      flat: true,
+      titleExtra: '控制组件是否渲染，关系的代码块返回值为false时不渲染',
       labelPosition: 'top',
       type: 'code-select',
+      style: {
+        padding: '0 22px',
+      },
+    },
+    {
+      type: 'fieldset',
+      legend: '上报',
+      labelWidth: '80px',
+      name: 'report',
+      className: 'no-border-fieldset',
+      style: {
+        paddingTop: '10px',
+      },
+      items: [
+        {
+          type: 'row',
+          items: [
+            {
+              type: 'switch',
+              name: 'custom',
+              labelPosition: 'left',
+              defaultValue: false,
+              labelWidth: '120px',
+              text: '开启自定义',
+              extra: '开启自定义后可以手动修改上报内容，关闭后会自动生成上报内容',
+            },
+          ],
+        },
+        getReportTypeConfig({ reportType: 'click' }),
+        getReportTypeConfig({ reportType: 'expose' }) as any,
+      ],
     },
   ],
 };
@@ -189,10 +306,18 @@ export const displayTabConfig: TabPaneConfig<DisplayCondsConfig> = {
       extra: (_state, { model }) =>
         `条件成立时${model[NODE_CONDS_RESULT_KEY] ? '隐藏' : '显示'}，不成立时${model[NODE_CONDS_RESULT_KEY] ? '显示' : '隐藏'}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`,
     },
+    {
+      text: '条件组配置',
+      static: true,
+      className: 'display-conds-title',
+    },
     {
       type: 'display-conds',
       name: NODE_CONDS_KEY,
       titlePrefix: '条件组',
+      flat: true,
+      fixed: 'right',
+      operateColWidth: 112,
       defaultValue: [],
     },
   ],
@@ -228,10 +353,13 @@ export const fillConfig = (
       name: 'id',
       text: 'ID',
       type: 'text',
-      disabled: true,
+      // 走纯文本渲染，避免出现 disabled 的灰底输入框；append 仍正常显示。
+      static: true,
+
       append: {
-        type: 'button',
-        text: '复制',
+        type: 'icon',
+        text: 'https://vip.image.video.qpic.cn/vupload/20260615/36cf7e1781493669935.svg',
+        extra: '复制',
         handler: (vm, { model }) => {
           navigator.clipboard
             .writeText(`${model.id}`)
@@ -264,6 +392,7 @@ export const fillConfig = (
   const tabConfig: TabConfig = {
     type: 'tab',
     labelWidth,
+    className: 'magic-right-panel-tabs-top',
     items: [
       {
         title: '属性',