ibsp-fg-page 4.0.2

package/src/views/designer/modules/config-interactive/src/actionConfig/componentAction/ShowHidden.js

@@ -0,0 +1,60 @@
+const targetActionOptions = [
+  {
+    label: '显示',
+    value: 'show'
+  },
+  {
+    label: '隐藏',
+    value: 'hidden'
+  },
+  {
+    label: '切换',
+    value: 'toggle'
+  }
+]
+export default {
+  id: 'show-hide',
+  label: '显示/隐藏',
+  key: 'ShowHidden',
+  info: '页面/组件的显示/隐藏',
+  actionSetup: ()=>{
+    return {
+      config: [
+        {
+          label: '目标组件',
+          key: 'targetComponentId',
+          value: '',
+          componentType: 'TreeSelectPlus',
+          componentProps: {
+            options: ({ page })=>{
+              return page.store.componentStore.queryComponentDataTree(null, {
+                map: (item)=>({
+                  label: item.name || item.label,
+                  value: item.id,
+                  parentId: item.parentId,
+                  id: item.id
+                })
+              })
+            },
+            'default-expand-all': true
+          }
+        },
+        {
+          label: '显示/隐藏',
+          key: 'targetAction',
+          value: '',
+          componentType: 'Select',
+          componentProps: {
+            options: targetActionOptions
+          }
+        }
+
+      ]
+    }
+  },
+  echoLabel: ({targetAction: { targetComponentId, targetAction }, page})=>{
+    if (!targetComponentId || !targetAction) return
+    return `${targetActionOptions.find(item=>item.value === targetAction)?.label || '操作已丢失'} , ${page.store.componentStore.componentDataMap[targetComponentId]?.name || '组件已丢失'}`
+  }
+
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/formAction/ChangeFormMode.js

@@ -0,0 +1,64 @@
+
+const Options = [
+  { label: '开启预览模式', value: 'preview' },
+  {
+    label: '开启设计模式', value: 'design'
+  },
+  {
+    label: '保存表单设计配置', value: 'saveDesign'
+  },
+  {
+    label: '重置表单设计配置', value: 'resetDesign'
+  }
+]
+export default {
+  id: 'ChangeFormMode',
+  label: '改变表单模式',
+  key: 'ChangeFormMode',
+  info: '改变表单模式',
+  actionSetup(component, page) {
+    return {
+      config: [
+        {
+          label: '表单模式',
+          key: 'mode',
+          value: 'design',
+          componentType: 'Select',
+          componentProps: {
+            options: Options
+          }
+        },
+        {
+          label: '选择表单',
+          key: 'formId',
+          value: '',
+          componentType: 'Select',
+          componentProps: {
+            options: ({ page })=>{
+              return page.store.platformStore.platformData.formList
+            }
+          }
+        },
+        {
+          label: '业务数据Id',
+          key: 'businessDataId',
+          value: '',
+          componentType: 'Input',
+          dynamicDataSource: {}
+        },
+        {
+          label: '进入提示',
+          key: 'prompt',
+          value: true,
+          componentType: 'Switch'
+        }
+      ]
+    }
+  },
+  echoLabel: ({targetAction: { mode, formId }, page})=>{
+    if (!formId) return '未选择表单'
+    const form = page.store.platformStore.platformData.formList.find(item=>item.id === formId)
+    const name = Options.find(item=>item.value === mode)?.label
+    return `${name} , ${form?.label}`
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/formAction/GetFormModel.js

@@ -0,0 +1,40 @@
+export default {
+  id: 'GetFormModel',
+  label: '获取表单数据',
+  key: 'GetFormModel',
+  info: '获取表单数据',
+  actionSetup() {
+    return {
+      config: [
+        {
+          label: '目标表单',
+          key: 'targetComponentId',
+          componentType: 'Select',
+          componentProps: {
+            options({page}) {
+              return page.store.componentStore.componentData.filter(item => item.componentMetaId === 'formContainer').map(item => {
+                return {
+                  label: item.name || item.label,
+                  value: item.id,
+                  id: item.id
+                }
+              })
+            }
+          }
+        }
+      ],
+      validate: (configValue, activeComponent)=>{
+        return {
+          targetComponentId: {
+            type: 'required',
+            message: '请选择目标组件'
+          }
+        }
+      }
+    }
+  },
+  echoLabel: ({targetAction: {targetComponentId}, page})=>{
+    if (!targetComponentId) return
+    return page.store.componentStore.componentDataMap[targetComponentId]?.name || '组件已丢失'
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/formAction/SaveFormModel.js

@@ -0,0 +1,40 @@
+export default {
+  id: 'SaveFormModel',
+  label: '保存表单数据',
+  key: 'SaveFormModel',
+  info: '保存表单数据',
+  actionSetup() {
+    return {
+      config: [
+        {
+          label: '目标表单',
+          key: 'targetComponentId',
+          componentType: 'Select',
+          componentProps: {
+            options({page}) {
+              return page.store.componentStore.componentData.filter(item => item.componentMetaId === 'formContainer').map(item => {
+                return {
+                  label: item.name || item.label,
+                  value: item.id,
+                  id: item.id
+                }
+              })
+            }
+          }
+        }
+      ],
+      validate: (configValue, activeComponent)=>{
+        return {
+          targetComponentId: {
+            type: 'required',
+            message: '请选择目标组件'
+          }
+        }
+      }
+    }
+  },
+  echoLabel: ({targetAction: {targetComponentId}, page})=>{
+    if (!targetComponentId) return
+    return page.store.componentStore.componentDataMap[targetComponentId]?.name || '组件已丢失'
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/formAction/SetFormModel.js

@@ -0,0 +1,91 @@
+import { ref } from 'vue'
+
+export default {
+  id: 'SetFormModel',
+  label: '设置表单数据',
+  key: 'SetFormModel',
+  info: '设置表单数据',
+  actionSetup(component, page, configValue) {
+    const outerOptions = page.dynamicValueOptions.queryDynamicValueOptions()
+    const currentOptions = ref(configValue?.valueType !== 'static' && configValue?.valueType ? outerOptions.find(item=>item.value === configValue?.valueType)?.data : [])
+    return {
+      config: [
+        {
+          label: '目标表单',
+          key: 'targetComponentId',
+          componentType: 'Select',
+          componentProps: {
+            options({page}) {
+              return page.store.componentStore.componentData.filter(item => item.componentMetaId === 'formContainer').map(item => {
+                return {
+                  label: item.name || item.label,
+                  value: item.id,
+                  id: item.id
+                }
+              })
+            }
+          }
+        },
+        {
+          label: '值类型',
+          key: 'valueType',
+          value: '',
+          componentType: 'Select',
+          componentProps: {
+            options: ({ activeComponent })=>{
+              return [
+                {
+                  label: '静态值',
+                  value: 'static'
+                },
+                ...outerOptions
+              ]
+            }
+          },
+          show: ({ targetComponentId })=>targetComponentId,
+          componentEvent: {
+            /** */
+            change({ item }) {
+              currentOptions.value = item.data
+            }
+          }
+        },
+        {
+          label: '值',
+          key: 'staticValue',
+          value: '',
+          componentType: 'Input',
+          componentProps: {
+            placeholder: '请输入值(字符串, 数字)'
+          },
+          show: ({ valueType })=>valueType === 'static'
+        },
+        {
+          label: '值',
+          key: 'otherValues',
+          value: '',
+          componentType: 'CascaderSelect',
+          componentProps: {
+            options: ()=>currentOptions.value,
+            props: {
+              children: 'data'
+            }
+          },
+          show: ({ valueType })=>valueType !== 'static' && valueType
+        }
+      ],
+      validate: (configValue, activeComponent)=>{
+        return {
+          targetComponentId: {
+            type: 'required',
+            message: '请选择目标组件'
+          }
+        }
+      }
+    }
+  },
+  echoLabel: ({targetAction: {targetComponentId}, page})=>{
+    if (!targetComponentId) return
+    return page.store.componentStore.componentDataMap[targetComponentId]?.name || '组件已丢失'
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/index.js

@@ -0,0 +1,52 @@
+/**
+ * @description 交互动作动作配置
+ */
+
+import { getComponents } from '@utils';
+
+
+/**
+ *  获取模块函数
+ * @param {*} modules
+ * @returns
+ */
+const getConfigModules = (modules) => {
+  return modules?.map(item => {
+    return {
+      key: item.path?.match(/\/([^/]+)\.js$/)?.[1],
+      getConfig: item.modules || (() => { }),
+    };
+  });
+};
+// #endregion
+
+
+export default async ()=>{
+// #region ***************************** 获取动作配置模块 ***************************** //
+  const componentActionModules = await getComponents(import.meta.glob('./componentAction/*.{js,ts}'));
+  const linkActionModules = await getComponents(import.meta.glob('./linkAction/*.{js,ts}'));
+  const outerActionModules = await getComponents(import.meta.glob('./outerAction/*.{js,ts}'));
+  const formActionModules = await getComponents(import.meta.glob('./formAction/*.{js,ts}'));
+  return [
+    {
+      id: 'componentAction',
+      category: '组件动作',
+      list: getConfigModules(componentActionModules)
+    },
+    {
+      id: 'linkAction',
+      category: '链接动作',
+      list: getConfigModules(linkActionModules)
+    },
+    {
+      id: 'formAction',
+      category: '表单动作',
+      list: getConfigModules(formActionModules)
+    },
+    {
+      id: 'outerAction',
+      category: '其他动作',
+      list: getConfigModules(outerActionModules)
+    }
+  ]
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/linkAction/AppOpenLink.js

@@ -0,0 +1,110 @@
+import { builtinPages } from '@/views/builtins/index'
+export default {
+  id: 'AppOpenLink',
+  label: '应用内打开链接',
+  key: 'AppOpenLink',
+  info: '应用内打开链接',
+  actionSetup(component, page) {
+    return {
+      config: [
+        {
+          label: '链接来源',
+          key: 'targetType',
+          value: 'page',
+          componentType: 'Select',
+          componentProps: {
+            options: [
+              { label: '构建页面', value: 'page' },
+              {
+                label: '内置页面', value: 'innerPage'
+              },
+              {
+                label: '组件值', value: 'component'
+              },
+              {
+                label: '静态值', value: 'static'
+              }
+            ]
+          }
+        },
+        {
+          label: '目标页面',
+          key: 'targetPageId',
+          value: '',
+          componentType: 'TreeSelectPlus',
+          componentProps: {
+            options: ()=>{
+              return component.store.platformStore.platformData.pageList
+            }
+          },
+          show: ({ targetType })=>targetType === 'page',
+          componentEvent: {
+            change: ({ item, configValue })=>{
+              configValue.pageLabel = item.label
+            }
+          }
+        },
+        {
+          label: '目标内置页面',
+          key: 'targetInnerPage',
+          value: '',
+          componentType: 'Select',
+          componentProps: {
+            options: builtinPages
+          },
+          show: ({ targetType })=>targetType === 'innerPage',
+          componentEvent: {
+            change: ({ item, configValue })=>{
+              configValue.pageLabel = item.label
+            }
+          }
+        },
+        {
+          label: '目标组件值',
+          key: 'targetComponent',
+          value: [],
+          componentType: 'CascaderSelect',
+          componentProps: {
+            options: ()=>page.dynamicValueOptions.componentValueOptions,
+            props: {
+              children: 'data'
+            }
+          },
+          show: ({ targetType })=>targetType === 'component'
+        },
+        {
+          label: '静态值',
+          key: 'customId',
+          value: '',
+          componentType: 'Input',
+          componentProps: {
+            options: ()=>{
+              return component.store.platformStore.platformData.pageList
+            }
+          },
+          show: ({ targetType })=>targetType === 'static'
+        },
+        {
+          label: '页面query参数',
+          key: 'query',
+          value: [],
+          componentType: 'ParamConfig',
+          componentProps: {
+            tip: 'redirect 内置属性可用于重定向到指定页面'
+          }
+        }
+      ]
+    }
+  },
+  echoLabel: ({targetAction: { targetComponent, targetType, targetPageId, pageLabel, targetInnerPage }, page})=>{
+    if (targetType === 'static') {
+      return '打开于静态值页面'
+    } else if (targetType === 'component') {
+      return '打开于 ' + page.store.componentStore.componentDataMap[targetComponent[0]]?.name
+    } else if (targetType === 'page') {
+      return '打开于 ' + pageLabel
+    } else if (targetType === 'innerPage') {
+      return '打开于 ' + builtinPages.find(item=>item.value === targetInnerPage)?.label
+    }
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/linkAction/FrameOpenLink.js

@@ -0,0 +1,117 @@
+export default {
+  id: 'FrameOpenLink',
+  label: '框架内打开链接',
+  key: 'FrameOpenLink',
+  info: '框架内打开链接',
+  actionSetup(_, page) {
+    return {
+      config: [
+        {
+          label: '返回上一页',
+          key: 'back',
+          value: false,
+          componentType: 'Switch'
+        },
+        {
+          label: '链接来源',
+          key: 'targetType',
+          value: 'page',
+          componentType: 'Select',
+          componentProps: {
+            options: [
+              { label: '页面', value: 'page' },
+              {
+                label: '组件值', value: 'component'
+              },
+              {
+                label: '静态值', value: 'static'
+              }
+            ]
+          },
+          show: ({back})=>!back
+        },
+        {
+          label: 'label',
+          key: 'pageLabel',
+          value: '',
+          componentType: 'Input',
+          show: false
+        },
+        {
+          label: '目标页面',
+          key: 'targetPageId',
+          value: '',
+          componentType: 'TreeSelectPlus',
+          componentProps: {
+            options: ()=>{
+              return page.store.platformStore.platformData.pageList
+            }
+          },
+          show: ({ targetType, back })=>targetType === 'page' && !back,
+          componentEvent: {
+            change: ({ item, configValue })=>{
+              configValue.pageLabel = item.label
+            }
+          }
+
+        },
+        {
+          label: '目标组件值',
+          key: 'targetComponent',
+          value: [],
+          componentType: 'CascaderSelect',
+          componentProps: {
+            options: ()=>page.dynamicValueOptions.componentValueOptions,
+            props: {
+              children: 'data'
+            }
+          },
+          show: ({ targetType, back })=>targetType === 'component' && !back
+        },
+        {
+          label: '静态值',
+          key: 'customId',
+          value: '',
+          componentType: 'Input',
+          componentProps: {
+            options: ()=>{
+              return page.store.platformStore.platformData.pageList
+            }
+          },
+          show: ({ targetType, back })=>targetType === 'static' && !back
+        },
+        {
+          label: '页面传值',
+          key: 'paramType',
+          value: 'none',
+          componentType: 'Select',
+          componentProps: {
+            tip: '本地参数存储在本地里面，地址栏参数存储在地址栏里面',
+            options: [
+              { label: '无', value: 'none' },
+              { label: '本地参数', value: 'local' }
+            ]
+          },
+          show: ({back})=>!back
+        },
+
+        {
+          label: '值',
+          key: 'paramValues',
+          value: [],
+          componentType: 'ParamConfig',
+          show: ({ paramType, back })=>paramType === 'local' && !back
+        }
+      ]
+    }
+  },
+  echoLabel: ({targetAction: { targetComponent, targetType, targetPageId, pageLabel }, page})=>{
+    if (targetType === 'static') {
+      return '打开于静态值页面'
+    } else if (targetType === 'component') {
+      return '打开于 ' + page.store.componentStore.componentDataMap[targetComponent[0]]?.name
+    } else if (targetType === 'page') {
+      return '打开于 ' + pageLabel
+    }
+  }
+}

package/src/views/designer/modules/config-interactive/src/actionConfig/linkAction/PlatformOutsideLink.js

@@ -0,0 +1,119 @@
+
+export default () => {
+
+  const tabTypeOptions = [
+    {
+      label: '单页签',
+      value: 'single'
+    },
+    {
+      label: '多页签',
+      value: 'multiple'
+    }
+  ]
+
+  const targetPageParamsTypeOptions = [
+    {
+      label: 'query',
+      value: 'query'
+    },
+    {
+      label: 'params',
+      value: 'params'
+    },
+    {
+      label: 'local',
+      value: 'local'
+    }
+  ]
+
+  return {
+    id: 'PlatformOutsideLink',
+    label: '平台外打开链接',
+    key: 'PlatformOutsideLink',
+    info: '平台外新开页签，渲染对应链接页面或表单。',
+    actionSetup: (_, page)=>{
+      return {
+        config: [
+          {
+            label: 'label',
+            key: 'label',
+            value: '',
+            componentType: 'Input',
+            show: false
+          },
+          {
+            label: '页签类型',
+            key: 'tabType',
+            value: 'single',
+            componentType: 'Select',
+            componentProps: {
+              options: tabTypeOptions
+            }
+          },
+          {
+            label: '页签名称',
+            key: 'tabName',
+            value: '',
+            componentType: 'CascaderSelect',
+            componentProps: {
+              options: ()=>page.dynamicValueOptions.componentValueOptions,
+              props: {
+                children: 'data'
+              }
+            }
+          },
+          {
+            label: '页签标识',
+            key: 'tabIdentification',
+            value: '',
+            componentType: 'CascaderSelect',
+            componentProps: {
+              options: ()=>page.dynamicValueOptions.componentValueOptions,
+              props: {
+                children: 'data'
+              }
+            }
+          },
+          {
+            label: '目标页面',
+            key: 'targetPageId',
+            value: '',
+            componentType: 'TreeSelectPlus',
+            componentProps: {
+              options: ()=> page.store.platformStore.platformData.pageList
+            },
+            componentEvent: {
+              change: ({ configValue, item })=>{
+                configValue.label = item.label
+                configValue.pageId = configValue.targetPageId
+              }
+            }
+          },
+          {
+            label: '页面参数类型',
+            key: 'targetPageParamsType',
+            value: 'query',
+            componentType: 'Select',
+            componentProps: {
+              options: targetPageParamsTypeOptions
+            }
+          },
+          {
+            label: '页面参数',
+            key: 'targetPageParams',
+            value: [],
+            componentType: 'ParamConfig'
+          }
+        ]
+      }
+    },
+    echoLabel: ({targetAction: { tabType, pageId }, page})=>{
+      if (!pageId) return
+      // component.store.platformStore.platformData.pageList
+      return `${tabTypeOptions.find(item=>item.value === tabType)?.label || '操作已丢失'} , ${page.store.platformStore.platformData.pageList.find(item=>item.value === pageId)?.label || '页面已丢失'}`
+
+    }
+
+  }
+}