chore: replace coreui with coreui-utils library, update files

Author: woothu

package-lock.json

@@ -64,7 +64,7 @@
     "clear_jest": "jest --clearCache"
   },
   "dependencies": {
-    "@coreui/coreui": "3.0.0-beta.3",
+    "@coreui/coreui-utils": "coreui/coreui-utils#ba52b40",
     "@coreui/icons": "coreui/coreui-icons#1.0.0-beta.1",
     "@coreui/icons-vue": "^1.0.2",
     "lodash.clonedeep": "^4.5.0",

package.json

@@ -35,7 +35,7 @@
 import CLink from '../link/CLink'
 import Popper from 'popper.js'
 import { mixin as clickaway } from 'vue-clickaway2'
-import { deepObjectsMerge } from '@coreui/coreui/dist/js/coreui-utilities'
+import { deepObjectsMerge } from '@coreui/coreui-utils/src/index.js'
 
 export default {
   name: 'CDropdown',
@@ -60,7 +60,10 @@ export default {
       validator: val => ['', 'sm', 'lg'].includes(val)
     },
     split: Boolean,
-    offset: Number,
+    offset: {
+      type: Number,
+      default: 0
+    },
     placement: {
       type: String,
       validator: position => {
@@ -146,7 +149,7 @@ export default {
       return {
         placement: this.placement,
         modifiers: {
-          offset: { offset: this.offset || 0 },
+          offset: { offset: this.offset },
           flip: { enabled: this.flip }
         }
       }

src/components/dropdown/CDropdown.vue

@@ -119,4 +119,11 @@ describe(ComponentName, () => {
     toggle()
     expect(customWrapper.vm.visible).toBe(false)
   })
+  it('generates popper config properly', () => {
+    const modifiers = () => customWrapper.vm.computedPopperConfig.modifiers
+    expect(modifiers().offset.offset).toBe(20)
+    customWrapper.setProps({ popperConfig: {modifiers:{offset:{ offset:22 }}}})
+    expect(modifiers().offset.offset).toBe(22)
+    expect(modifiers().flip.enabled).toBe(false)
+  }) 
 })