vue2-client 1.15.13 → 1.15.14

package/src/pages/XPageViewExample/index.vue

@@ -1,149 +1,149 @@
-<script setup>
-import { onMounted, ref } from 'vue'
-import XPageView from '@vue2-client/base-client/components/layout/XPageView'
-
-const xPageViewRef = ref(null)
-
-onMounted(() => {
-  xPageViewRef.value.init({
-    configValue: {
-      type: 'page',
-      onMounted: function (curr) {
-          console.warn(curr.data)
-          // 设置Tab配置数据
-          curr.data.tabData = {
-            index: 0,
-            items: [
-              // 第一组配置
-              {
-                tabConfigs: [
-                  { title: '表单列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
-                  { title: '新增表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } }
-                ]
-              },
-              // 第二组配置
-              {
-                tabConfigs: [
-                  { title: '数据列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
-                  { title: '编辑表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } },
-                  { title: '查看记录', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } }
-                ]
-              }
-            ]
-          }
-          console.log('页面初始化完成，全局数据上下文已创建')
-      },
-      gutter: [16, 16],
-      children: [
-        {
-          id: 'controlRow',
-          type: 'row',
-          gutter: 16,
-          template: 'card',
-          children: [
-            {
-              id: 'buttonContainer',
-              span: '24',
-              type: 'row',
-              gutter: 8,
-              children: [
-                {
-                  id: 'reloadButton',
-                  span: '6',
-                  type: 'a-button',
-                  props: {
-                    type: 'primary',
-                    value: '切换Tab配置'
-                  },
-                  children: [
-                    {
-                      type: 'text',
-                      text: '切换Tab配置'
-                    }
-                  ],
-                  event: {
-                    click: function (e, context) {
-                      // 切换Tab配置
-                      const tabData = context.data.tabData
-                      tabData.index = tabData.index === 0 ? 1 : 0
-
-                      // 获取当前配置和Tab组件
-                      const currentConfig = tabData.items[tabData.index]
-                      const tabComponent = context.comps.pageTab
-
-                      if (tabComponent) {
-                        // 更新Tab组件配置
-                        tabComponent.$props.data = currentConfig.tabConfigs
-                        console.log('Tab配置已更新，当前配置索引:', tabData.index)
-
-                        // 更新状态文本
-                        const statusText = context.comps.statusText
-                        if (statusText && statusText.$el) {
-                          statusText.message = `点击按钮切换不同的Tab配置，当前是第${tabData.index + 1}组配置`
-                        }
-                      }
-                    }
-                  }
-                },
-                {
-                  id: 'statusText',
-                  span: '18',
-                  type: 'a-alert',
-                  props: {
-                    message: '点击按钮切换不同的Tab配置，当前是第1组配置',
-                    type: 'success'
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          id: 'row2',
-          type: 'row',
-          gutter: 16,
-          template: 'none',
-          children: [
-            {
-              id: 'pageTab',
-              span: '24',
-              type: 'XTab',
-              props: {
-                showTabBar: true,
-                data: [
-                  {
-                    title: '表单列表',
-                    type: 'XFormTable',
-                    props: {
-                      serviceName: 'af-system',
-                      queryParamsName: 'crud_dictionary_manage'
-                    }
-                  },
-                  {
-                    title: '新增表单',
-                    type: 'XAddNativeForm',
-                    props: {
-                      serviceName: 'af-system',
-                      configName: 'crud_dictionary_manage_add_form'
-                    }
-                  }
-                ],
-                onChange: function (oldKey, newKey, oldTab, newTab) {
-                  console.log('Tab changed:', oldKey, newKey)
-                }
-              }
-            }
-          ]
-        }
-      ]
-    },
-    serviceName: 'af-his'
-  })
-})
-</script>
-
-<template>
-  <div>
-    <x-page-view ref="xPageViewRef"></x-page-view>
-  </div>
-</template>
+<script setup>
+import { onMounted, ref } from 'vue'
+import XPageView from '@vue2-client/base-client/components/layout/XPageView'
+
+const xPageViewRef = ref(null)
+
+onMounted(() => {
+  xPageViewRef.value.init({
+    configValue: {
+      type: 'page',
+      onMounted: function (curr) {
+          console.warn(curr.data)
+          // 设置Tab配置数据
+          curr.data.tabData = {
+            index: 0,
+            items: [
+              // 第一组配置
+              {
+                tabConfigs: [
+                  { title: '表单列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
+                  { title: '新增表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } }
+                ]
+              },
+              // 第二组配置
+              {
+                tabConfigs: [
+                  { title: '数据列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
+                  { title: '编辑表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } },
+                  { title: '查看记录', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } }
+                ]
+              }
+            ]
+          }
+          console.log('页面初始化完成，全局数据上下文已创建')
+      },
+      gutter: [16, 16],
+      children: [
+        {
+          id: 'controlRow',
+          type: 'row',
+          gutter: 16,
+          template: 'card',
+          children: [
+            {
+              id: 'buttonContainer',
+              span: '24',
+              type: 'row',
+              gutter: 8,
+              children: [
+                {
+                  id: 'reloadButton',
+                  span: '6',
+                  type: 'a-button',
+                  props: {
+                    type: 'primary',
+                    value: '切换Tab配置'
+                  },
+                  children: [
+                    {
+                      type: 'text',
+                      text: '切换Tab配置'
+                    }
+                  ],
+                  event: {
+                    click: function (e, context) {
+                      // 切换Tab配置
+                      const tabData = context.data.tabData
+                      tabData.index = tabData.index === 0 ? 1 : 0
+
+                      // 获取当前配置和Tab组件
+                      const currentConfig = tabData.items[tabData.index]
+                      const tabComponent = context.comps.pageTab
+
+                      if (tabComponent) {
+                        // 更新Tab组件配置
+                        tabComponent.$props.data = currentConfig.tabConfigs
+                        console.log('Tab配置已更新，当前配置索引:', tabData.index)
+
+                        // 更新状态文本
+                        const statusText = context.comps.statusText
+                        if (statusText && statusText.$el) {
+                          statusText.message = `点击按钮切换不同的Tab配置，当前是第${tabData.index + 1}组配置`
+                        }
+                      }
+                    }
+                  }
+                },
+                {
+                  id: 'statusText',
+                  span: '18',
+                  type: 'a-alert',
+                  props: {
+                    message: '点击按钮切换不同的Tab配置，当前是第1组配置',
+                    type: 'success'
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          id: 'row2',
+          type: 'row',
+          gutter: 16,
+          template: 'none',
+          children: [
+            {
+              id: 'pageTab',
+              span: '24',
+              type: 'XTab',
+              props: {
+                showTabBar: true,
+                data: [
+                  {
+                    title: '表单列表',
+                    type: 'XFormTable',
+                    props: {
+                      serviceName: 'af-system',
+                      queryParamsName: 'crud_dictionary_manage'
+                    }
+                  },
+                  {
+                    title: '新增表单',
+                    type: 'XAddNativeForm',
+                    props: {
+                      serviceName: 'af-system',
+                      configName: 'crud_dictionary_manage_add_form'
+                    }
+                  }
+                ],
+                onChange: function (oldKey, newKey, oldTab, newTab) {
+                  console.log('Tab changed:', oldKey, newKey)
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    serviceName: 'af-his'
+  })
+})
+</script>
+
+<template>
+  <div>
+    <x-page-view ref="xPageViewRef"></x-page-view>
+  </div>
+</template>

package/src/pages/addressSelect/addressDemo.vue

@@ -1,24 +1,24 @@
-<template>
-  <!--  测试界面——测试地址选择新增组件-->
-  <div>
-    <a-button @click="open">打开选择地址弹窗</a-button>
-    <address-select :addressShow="showDialog"/>
-  </div>
-</template>
-
-  <script>
-  import AddressSelect from '@/pages/addressSelect'
-
-  export default {
-    components: { AddressSelect },
-    data: () => ({
-      showDialog: false
-    }),
-    methods: {
-      open () {
-        console.log('打开选择地址弹窗')
-        this.showDialog = true
-      }
-    }
-  }
-  </script>
+<template>
+  <!--  测试界面——测试地址选择新增组件-->
+  <div>
+    <a-button @click="open">打开选择地址弹窗</a-button>
+    <address-select :addressShow="showDialog"/>
+  </div>
+</template>
+
+  <script>
+  import AddressSelect from '@/pages/addressSelect'
+
+  export default {
+    components: { AddressSelect },
+    data: () => ({
+      showDialog: false
+    }),
+    methods: {
+      open () {
+        console.log('打开选择地址弹窗')
+        this.showDialog = true
+      }
+    }
+  }
+  </script>

package/src/router/async/router.map.js

@@ -43,8 +43,6 @@ routerResource.submitTicket = () => import('@vue2-client/pages/system/ticket')
 routerResource.ServiceReview = () => import('@vue2-client/pages/ServiceReview')
 // 系统设置
 routerResource.settings = () => import('@vue2-client/pages/system/settings')
-// AMIS示例页面
-routerResource.amisDemo = () => import('@vue2-client/pages/AMisDemo/AMisDemo')
 // 页面编辑器
 routerResource.editablePage = () => import('@vue2-client/pages/lowCode/lowCodeEditor.vue')
 // 数据检索
@@ -55,14 +53,14 @@ routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynami
 routerResource.example = {
   path: 'example',
   name: '示例主页面',
-  // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
+  component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
   // component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
-  component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
+  // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),

package/src/router.js

@@ -8,8 +8,6 @@ const routes = [
   // 对于每个路由，你都可以使用 'loadView' 方法动态加载对应的组件
   { path: '/Tree', component: loadView('Tree') },
   { path: '/XStepView', component: loadView('XStepView') },
-  { path: '/Amis', component: () => import('@vue2-client/pages/AMisDemo/AMisDemo') },
-  { path: '/Amis2', component: () => import('@vue2-client/pages/AMisDemo/AMisDemo2') },
   { path: '/DynamicStatistics', component: () => import('@vue2-client/pages/DynamicStatistics/index') },
   { path: '/NewDynamicStatistics', component: () => import('@vue2-client/pages/NewDynamicStatistics/index') },
   { path: '/submitTicket', component: () => import('@vue2-client/pages/system/ticket') },

package/vue.config.js

@@ -163,9 +163,6 @@ module.exports = {
     }))
 
     config.plugins.push(
-      // new CopyPlugin({
-      //   patterns: [{ from: 'node_modules/amis/sdk', to: 'amis/sdk' }],
-      // })
     )
 
     // 生产环境下将资源压缩成gzip格式

package/src/base-client/components/common/AMisRender/index.js

@@ -1,3 +0,0 @@
-import AMisRender from './index.vue'
-
-export default AMisRender

package/src/base-client/components/common/AMisRender/index.vue

@@ -1,263 +0,0 @@
-<template><div ref="domRef">Loading...</div></template>
-
-<script>
-// // import 'amis/sdk/sdk.js'
-// // import 'amis/sdk/sdk.css'
-// // import 'amis/sdk/iconfont.css'
-//
-// // 可以不引用, 如果你不想要任何辅助类样式的话 (比如 `m-t-xs` 这种)
-// // https://aisuda.bce.baidu.com/amis/zh-CN/style/index
-// // import 'amis/sdk/helper.css'
-// import qs from 'qs'
-// import Vue from 'vue'
-// import Index from '@vue2-client/base-client/components/index.js'
-// import { ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
-//
-// let React
-// let amisLib
-// let scoped
-// const apps = {}
-// function loadScript (src, callback) {
-//   const script = document.createElement('script')
-//   script.setAttribute('type', 'text/javascript')
-//   script.setAttribute('src', src)
-//   script.onload = () => callback()
-//   script.onerror = () => callback(new Error(`Failed to load ${src}`))
-//   document.body.appendChild(script)
-// }
-// const vueList = {}
-//
-// // eslint-disable-next-line no-unused-vars
-// function CustomComponent (props, dom) {
-//   const store = Vue.$store
-//   const router = Vue.$router
-//   const i18n = Vue.$i18n
-//   console.log('props', props)
-//   React.useEffect(function () {
-//     vueList[props.$schema.name] = new Vue({
-//       router,
-//       store,
-//       i18n,
-//       render: h => h(Index[props.$schema.type], {
-//         props: props.$schema
-//       })
-//     }).$mount(dom.current)
-//   }, [])
-//   const app = React.createElement('div', {
-//     ref: dom
-//   })
-//   if (apps[props.name] !== undefined) {
-//     const vue = vueList[props.$schema.name]
-//     vue.$children[0].active(props.data)
-//   } else {
-//     apps[props.name] = app
-//   }
-//   return app
-// }
-//
-// function loadStyles (styles) {
-//   for (const path of styles) {
-//     const style = document.createElement('link')
-//     style.setAttribute('rel', 'stylesheet')
-//     style.setAttribute('type', 'text/css')
-//     style.setAttribute('href', path)
-//     document.head.appendChild(style)
-//   }
-// }
-// // eslint-disable-next-line no-unused-vars
-// function appstyle (data) {
-//   console.log('111111111111')
-// }
-// // 动态导入组件
-//
-// function loadSDK () {
-//   return new Promise((resolve, reject) => {
-//     if (window.amisRequire) {
-//       resolve()
-//       return
-//     }
-//     loadStyles([
-//       '/amis/sdk/sdk.css',
-//       '/amis/sdk/helper.css',
-//       '/amis/sdk/iconfont.css',
-//     ])
-//     loadScript('/amis/sdk/sdk.js', (err) => {
-//       if (err) {
-//         reject(err)
-//         return
-//       }
-//       resolve()
-//     })
-//   })
-// }
-//
-// export default {
-//   name: 'AMISRenderer',
-//   components: {},
-//   props: {
-//     schema: {
-//       type: Object,
-//       default: {
-//         type: 'page',
-//         body: 'Hello World!',
-//       },
-//     },
-//     locals: {
-//       type: Object,
-//       default: () => ({}),
-//     },
-//     props: {
-//       type: Object,
-//       default: () => ({}),
-//     },
-//     env: {
-//       type: Object,
-//       default: () => ({}),
-//     },
-//   },
-//   data () {
-//     const router = this.$router
-//     return {
-//       // 这里面的数据所有 amis 页面都可以获取到
-//       // 可以用来放一下公共数据，比如用户信息等
-//       // 不要放受控数据，受控数据应该通过 data 下发
-//       context: {
-//         siteName: 'AMIS DEMO',
-//       },
-//       get location () {
-//         const current = router.history.current
-//         return {
-//           pathname: current.path,
-//           hash: current.hash,
-//           query: current.query,
-//           search: `?${qs.stringify(current.query)}`,
-//         }
-//       },
-//       loading: false,
-//       amisInstance: null,
-//       unmounted: false,
-//       applist: {}
-//     }
-//   },
-//
-//   watch: {
-//     locals: function () {
-//       this.updateProps()
-//     },
-//     props: function () {
-//       this.updateProps()
-//     },
-//     $route: function () {
-//       this.updateProps()
-//     },
-//   },
-//   async mounted () {
-//     try {
-//       this.loading = true
-//       await loadSDK()
-//     } finally {
-//       this.loading = false
-//     }
-//     if (this.unmounted) {
-//       return
-//     }
-//     React = window.amisRequire('react')
-//     amisLib = window.amisRequire('amis')
-//     scoped = window.amisRequire('amis/embed')
-//     const { normalizeLink } = amisLib
-//     const router = this.$router
-//     // eslint-disable-next-line no-prototype-builtins
-//     // console.log('this.schema.type', this.schema.type)
-//
-//     amisLib.Renderer({
-//       test: new RegExp(`(^|\/)${this.schema.type}`)
-//     })(props => CustomComponent(props, this.$el))
-//
-//     const instance = scoped.embed(
-//       this.$el,
-//       this.schema,
-//       {
-//         data: {
-//           ...this.locals,
-//         },
-//         context: this.context,
-//         location: this.location,
-//
-//         // todo 下发 location 对象
-//         ...this.props,
-//       },
-//       {
-//         requestAdaptor (api) {
-//           api.headers.Authorization = localStorage.getItem(ACCESS_TOKEN)
-//           return api
-//         },
-//         // 覆盖 amis env
-//         // 参考 https://aisuda.bce.baidu.com/amis/zh-CN/docs/start/getting-started#sdk
-//         jumpTo: (to, action) => {
-//           if (to === 'goBack') {
-//             return router.go(-1)
-//           }
-//
-//           to = normalizeLink(to, this.location)
-//
-//           if (action?.actionType === 'url') {
-//             action.blank === false ? router.push(to) : window.open(to)
-//             return
-//           }
-//
-//           // 主要是支持 nav 中的跳转
-//           if (action && to && action.target) {
-//             window.open(to, action.target)
-//             return
-//           }
-//
-//           if (/^https?:\/\//.test(to)) {
-//             window.location.replace(to)
-//           } else {
-//             router.push(to)
-//           }
-//         },
-//
-//         updateLocation: (location, replace) => {
-//           if (location === 'goBack') {
-//             return router.go(-1)
-//           }
-//
-//           location = normalizeLink(location, this.location)
-//           replace ? router.replace(location) : router.replace(location)
-//         },
-//
-//         ...this.env,
-//       },
-//       () => {
-//         this.$emit('ready', {
-//           instance,
-//         })
-//       }
-//     )
-//     this.amisInstance = instance
-//   },
-//
-//   methods: {
-//     updateProps () {
-//       // eslint-disable-next-line no-unused-expressions
-//       this.amisInstance?.updateProps({
-//         data: {
-//           ...this.locals,
-//         },
-//         context: this.context,
-//         ...this.props,
-//       })
-//     },
-//     initConfig () {
-//       console.warn('initConfig')
-//     }
-//   },
-//
-//   destroyed () {
-//     this.unmounted = true
-//     // eslint-disable-next-line no-unused-expressions
-//     this.amisInstance?.unmount()
-//   },
-// }
-</script>