vue2-client 1.15.13 → 1.15.15

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>

package/src/pages/AMisDemo/AMisDemo.vue

@@ -1,325 +0,0 @@
-<template>
-  <amis-renderer :schema="schema" :locals="locals" />
-</template>
-<script>
-import AMISRenderer from '@vue2-client/base-client/components/common/AMisRender'
-import Vue from 'vue'
-import Index from '@vue2-client/base-client/components/index.js'
-
-const vms = {}
-const store = Vue.$store
-const router = Vue.$router
-const i18n = Vue.$i18n
-
-// const schema = {
-//   // 原生与自定义组件混用
-//   type: 'page',
-//   css: {
-//   },
-//   body: [
-//     // {
-//     //   type: 'grid',
-//     //   columns: [
-//     //     {
-//     //       mode: 'horizontal',
-//     //       body: {
-//     //         name: 'queryParams',
-//     //         type: 'input-text',
-//     //         label: '查询值'
-//     //       },
-//     //       md: 4
-//     //     }
-//     //   ]
-//     // },
-//     {
-//       type: 'grid',
-//       columns: [
-//         {
-//           body: [
-//             {
-//               type: 'input-tree',
-//               name: 'test_tree',
-//               label: '树选择框',
-//               options: [
-//                 {
-//                   label: '查询配置',
-//                   children: [
-//                     {
-//                       label: '字典管理',
-//                       value: 'crud_dictionary_manage'
-//                     },
-//                     {
-//                       label: '操作日志',
-//                       value: 'crud_oper_log_manage'
-//                     }
-//                   ]
-//                 }
-//               ]
-//               // source: {
-//               //   method: 'post',
-//               //   url: '/api/af-system/logic/get_root_nodes'
-//               // },
-//             }
-//           ],
-//           id: 'u:b1d2075dc231',
-//           md: 1.5
-//         },
-//         {
-//           body: [
-//             // {
-//             //       type: 'table-view',
-//             //       name: 'table-view1',
-//             //       api: '',
-//             //       trs: [
-//             //         {
-//             //           background: '#F7F7F7',
-//             //           tds: [
-//             //             {
-//             //               align: 'center',
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '地区'
-//             //               }
-//             //             },
-//             //             {
-//             //               align: 'center',
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '城市'
-//             //               }
-//             //             },
-//             //             {
-//             //               align: 'center',
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '销量'
-//             //               }
-//             //             }
-//             //           ]
-//             //         },
-//             //         {
-//             //           tds: [
-//             //             {
-//             //               align: 'center',
-//             //               colspan: 2,
-//             //               rowspan: 2,
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '${queryParams}'
-//             //               }
-//             //             },
-//             //             {
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '北京'
-//             //               },
-//             //             }
-//             //           ]
-//             //         },
-//             //         {
-//             //           tds: [
-//             //             {
-//             //               body: {
-//             //                 type: 'tpl',
-//             //                 tpl: '上京'
-//             //               },
-//             //             }
-//             //           ]
-//             //         }
-//             //       ]
-//             //     },
-//             // {
-//             //
-//             // },
-//             // {
-//             //   type: 'table-view',
-//             //   trs: [
-//             //     {
-//             //       background: '#F7F7F7',
-//             //       tds: [
-//             //         {
-//             //           align: 'center',
-//             //           body: {
-//             //             type: 'tpl',
-//             //             tpl: '地区'
-//             //           }
-//             //         },
-//             //         {
-//             //           align: 'center',
-//             //           body: {
-//             //             type: 'tpl',
-//             //             tpl: '城市'
-//             //           }
-//             //         },
-//             //         {
-//             //           align: 'center',
-//             //           body: {
-//             //             type: 'tpl',
-//             //             tpl: '销量'
-//             //           }
-//             //         }
-//             //       ]
-//             //     },
-//             //     {
-//             //       tds: [
-//             //         {
-//             //           align: 'center',
-//             //           colspan: 3,
-//             //           body: {
-//             //             type: 'tpl',
-//             //             tpl: '北京'
-//             //           }
-//             //         },
-//             //
-//             //       ]
-//             //     }
-//             //   ]
-//             // },
-//             {
-//               name: 'xTable', // 如果要放在 form 中，需要设置 name，onChange 将会设置这个值
-//               type: 'custom',
-//               // onMount 将会在组件创建时执行，默认会创建一个空 div 标签，也可以设置 inline: true 来创建 span 标签
-//               // dom 是 dom 节点，value 是初始数据，比如表单 name 初始拿到的数据，onChange 只有在表单下才会有
-//               onMount: (dom, value, onChange) => {
-//                 const vm = new Vue({
-//                   router,
-//                   store,
-//                   i18n,
-//                   render: h => h(Index.XFormTable, {
-//                     props: {
-//                       queryParamsName: `crud_dictionary_manage`
-//                     }
-//                   })
-//                 })
-//                 vms.XFormTable = vm
-//                 dom.appendChild(vm.$mount().$el)
-//               },
-//               // onUpdate 将会在数据更新时被调用
-//               // dom 是 dom 节点、data 将包含表单所有数据，prevData 是之前表单的所有数据
-//               onUpdate: (dom, data, prevData) => {
-//                 console.log('数据有变化', data)
-//                 const vm = vms.XFormTable
-//                 vm.$children[0].active(data)
-//               },
-//               // onUnmount 将会在组件被销毁的时候调用，用于清理资源
-//               onUnmount: () => {
-//                 console.log('组件被销毁')
-//               },
-//             },
-//           ],
-//           id: 'u:e4e49c147c06'
-//         }
-//       ],
-//     }
-//   ]
-// }
-
-const schema2 = {
-  // 原生与自定义组件混用
-  type: 'page',
-  css: {
-  },
-  body: [
-    {
-      type: 'grid',
-      columns: [
-        {
-          md: 3,
-          body: [
-            {
-              type: 'input-tree',
-              name: 'test_tree2',
-              label: '树选择框',
-              options: [
-                {
-                  label: '查询配置',
-                  icon: 'fa fa-cogs',
-                  children: [
-                    {
-                      label: '字典管理',
-                      value: 'crud_dictionary_manage',
-                      icon: 'fa fa-cog'
-                    },
-                    {
-                      label: '字典值管理',
-                      value: 'crud_dictionary_value_manage',
-                      icon: 'fa fa-cog'
-                    }
-                  ]
-                }
-              ],
-              value: 'crud_dictionary_manage'
-            }
-          ]
-        },
-        {
-          md: 9,
-          body: [
-            {
-              name: 'xTable',
-              type: 'custom',
-              onMount: (dom, value, onChange, props) => {
-                console.warn('value', value)
-                console.warn('props', props)
-                const vm = new Vue({
-                  router,
-                  store,
-                  i18n,
-                  data: {
-                    queryParamsNameFather: 'crud_dictionary_manage'
-                  },
-                  render: function (createElement) {
-                    return createElement(
-                      'div',
-                      [
-                        createElement(Index.XFormTable, {
-                          props: {
-                            queryParamsName: this.queryParamsNameFather
-                          },
-                          on: {
-                            action: function (record, id, actionType) {
-                              console.warn('action触发', record, id, actionType)
-                            }
-                          }
-                        })
-                      ]
-                    )
-                  }
-                })
-                vms.XFormTable = vm
-                dom.appendChild(vm.$mount().$el)
-              },
-              onUpdate: (dom, data, prevData, props) => {
-                console.warn('AAA', vms)
-                Vue.set(vms.XFormTable, 'queryParamsNameFather', data.test_tree2)
-              },
-              onUnmount: () => {
-                console.log('组件被销毁')
-              },
-            },
-          ]
-        }
-      ],
-    }
-  ]
-}
-
-export default {
-  name: 'AMisDemo',
-  components: {
-    'amis-renderer': AMISRenderer,
-  },
-  computed: {
-  },
-  mounted () {
-
-  },
-  data: () => ({
-    outerVue: this,
-    schema: schema2,
-    locals: { fixedQueryForm: {} },
-    vms: {},
-    queryParamsName: 'crud_dictionary_manage'
-  }),
-}
-</script>

package/src/pages/AMisDemo/AMisDemo2.vue

@@ -1,74 +0,0 @@
-<template>
-  <amis-renderer :schema="schemaJson" :locals="locals" />
-</template>
-<script>
-import AMISRenderer from '@vue2-client/base-client/components/common/AMisRender'
-
-const schema = {
-    // 原生与自定义组件混用
-    type: 'page',
-    data: {
-      queryParamsName: 'crud_dictionary_manage',
-      fixedQueryForm: '{}'
-    },
-    body: [
-      {
-        type: 'tabs',
-        tabsMode: 'chrome',
-        name: 'fixedQueryForm',
-        id: 'username',
-        tabs: [
-          {
-            title: '测试1',
-            value: '{"d_f_name":"设备异常处理方式"}',
-            body: {
-              name: 'username',
-              id: 'XFormTable1',
-              type: 'XFormTable',
-            }
-          },
-          {
-            title: '选项卡3',
-            value: '{"d_f_name":"二级用气性质"}',
-            body: {
-                name: 'username2',
-                id: 'XFormTable2',
-                type: 'XFormTable',
-              }
-          },
-        ],
-      },
-    ]
-  }
-
-export default {
-  name: 'AMisDemo',
-  components: {
-    'amis-renderer': AMISRenderer,
-  },
-  computed: {
-  },
-  props: {
-    queryParamsName: {
-      type: String,
-      default: () => {
-        return 'crud_dictionary_manage'
-      }
-    },
-    schemaJson: {
-      type: Object,
-      default: () => {
-        return schema
-      }
-    }
-  },
-  mounted () {
-  },
-  data: () => ({
-    locals: {},
-    vms: {},
-  }),
-  methods: {
-  }
-}
-</script>