vue2-client 1.9.13 → 1.9.14

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

@@ -1,263 +1,263 @@
-<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>
+<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>