vue2-client 1.8.11 → 1.8.13

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

@@ -1,257 +1,243 @@
-<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'
-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,
-      },
-      {
-        // 覆盖 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>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 locale from 'ant-design-vue/es/locale-provider/zh_CN'
+
+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)
+}
+
+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)
+  }
+}
+
+// 动态导入组件
+function CustomComponent (props) {
+  const React = window.amisRequire('react')
+  const dom = React.useRef(null)
+  const store = Vue.$store
+  const router = Vue.$router
+  const i18n = Vue.$i18n
+  React.useEffect(function () {
+    new Vue({
+      router,
+      store,
+      i18n,
+      render: h => h('a-config-provider', {
+          props: {
+            locale: locale,
+            popContainer: document.getElementById('popContainer')
+          }
+        }, [
+          h(Index[props.$schema.type], {
+            props: props.$schema
+          })
+      ])
+    }).$mount(dom.current)
+  })
+  return React.createElement('div', {
+    ref: dom
+  })
+}
+
+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,
+    }
+  },
+
+  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
+    }
+
+    const amisLib = window.amisRequire('amis')
+    const scoped = window.amisRequire('amis/embed')
+    const { normalizeLink } = amisLib
+    const router = this.$router
+    amisLib.Renderer({
+      test: new RegExp(`(^|\/)${this.schema.type}`)
+    })(CustomComponent)
+    const instance = scoped.embed(
+        this.$el,
+        this.schema,
+        {
+          data: {
+            ...this.locals,
+          },
+          context: this.context,
+          location: this.location,
+
+          // todo 下发 location 对象
+          ...this.props,
+        },
+        {
+          // 覆盖 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,
+      })
+    },
+  },
+
+  destroyed () {
+    this.unmounted = true
+    // eslint-disable-next-line no-unused-expressions
+    this.amisInstance?.unmount()
+  },
+}
+</script>

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

@@ -1,3 +1,3 @@
-import CitySelect from './CitySelect'
-
-export default CitySelect
+import CitySelect from './CitySelect'
+
+export default CitySelect