fix(notice): config placement not effective

components/notice/__serve__/app.vue

@@ -11,16 +11,29 @@
   <Button type="error" @on-click="$notice.error('提示的标题', '一条错误提示消息')">
     错误提示
   </Button>
+  <Button type="warning" @on-click="blNotice.warning('左下角提示', '一条左下角提示消息')">
+    左下提示
+  </Button>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
 import { Button } from '@/components/button'
+import { Notice } from '..'
 
 export default defineComponent({
   name: 'App',
   components: {
     Button
+  },
+  setup() {
+    const blNotice = Notice.clone()
+
+    blNotice.config({ placement: 'bottom-left' })
+
+    return {
+      blNotice
+    }
   }
 })
 </script>

components/notice/index.ts

@@ -111,7 +111,7 @@ export class NoticeManager {
 
   config({ placement, ...others }: { placement?: NoticePlacement, [x: string]: unknown }) {
     if (placement) {
-      this._getInstance().$props.placement = placementWhiteList.includes(placement)
+      this._getInstance().placement = placementWhiteList.includes(placement)
         ? placement
         : placementWhiteList[0]
     }

components/notice/notice.vue

@@ -85,24 +85,15 @@ import '@/common/icons/times'
 
 import type { Key, NoticePlacement } from './symbol'
 
-const props = {
-  placement: {
-    default: 'top-right' as NoticePlacement,
-    validator: (value: NoticePlacement) => {
-      return ['top-right', 'top-left', 'bottom-right', 'bottom-left'].includes(value)
-    }
-  }
-}
-
 export default defineComponent({
   name: 'Notice',
   components: {
     Icon,
     Renderer,
     Popup
   },
-  props,
   setup() {
+    const placement = ref<NoticePlacement>('top-right')
     const popup = ref<InstanceType<typeof Popup> | null>(null)
 
     async function add(options: Record<string, unknown>) {
@@ -120,6 +111,7 @@ export default defineComponent({
     return {
       prefix: 'vxp-notice',
       effectiveTypes: ['info', 'success', 'warning', 'error'],
+      placement,
 
       popup,
 

components/notice/symbol.ts

@@ -20,9 +20,7 @@ export interface NoticeOptions extends Record<string, unknown> {
 }
 
 export interface NoticeInstance extends ComponentPublicInstance {
-  $props: {
-    placement: NoticePlacement
-  },
+  placement: NoticePlacement,
   add: (options: NoticeOptions) => void,
   remove: (key: string | number) => void,
   clear: () => void

package.json

@@ -91,6 +91,10 @@
   "main": "dist/vexip-ui.cjs.js",
   "module": "dist/vexip-ui.es.js",
   "name": "vexip-ui",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/qmhc/vexip-ui.git"
+  },
   "scripts": {
     "build": "node scripts/build.js",
     "build:clean": "yarn run clean && yarn run build",