vue2-client 1.8.273 → 1.8.274

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.273",
+  "version": "1.8.274",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

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()
-  },
-}
+// // 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>