chore: 3.0.0-beta.4 version release

Author: woothu

README.md

@@ -1,34 +1,25 @@
-## CoreUI v3 for Vue.js
-
-> A [@coreui/vue](https://coreui.io/vue) `v3` components library project.  
-
-[![npm-coreui-vue-next][npm-coreui-vue-next]][npm]
-[![Npm badge](https://img.shields.io/npm/v/@coreui/vue.svg)][npm]
-[![NPM downloads][npm-download]][npm]
+# CoreUI Vue components library
+![NPM](https://img.shields.io/npm/v/@coreui/vue/latest?style=flat&color=brightgreen)
+![Downloads](https://img.shields.io/npm/dm/@coreui/vue.svg?style=flat-square)
 ![Jest](https://img.shields.io/badge/Jest-^24.9.0-blue.svg)
 ![Vue](https://img.shields.io/badge/Vue-^2.6.10-brightgreen.svg)  
 
-[npm]: https://www.npmjs.com/package/@coreui/vue
-[npm-download]: https://img.shields.io/npm/dm/@coreui/vue.svg?style=flat-square
-[npm-coreui-vue-next]: https://img.shields.io/npm/v/@coreui/vue/next.png?style=flat-square
-
-### Introduction
+> A @coreui/vue `v3` components library project
 
-#### Over 90 bootstrap based Vue.js components and directives!
+## Over 90 bootstrap based Vue.js components and directives!
 
-[Explore CoreUI v3 for Vue.js docs »](https://coreui.io/vue/docs)
+### For library guide please visit our [Documentation site »](https://coreui.io/vue/docs)
 
-Check out template build on top of this library: [CoreUI Open Source Bootstrap Admin Template »](https://coreui.io/vue/)
+Check out demo of components usage: [CoreUI Vue Admin Template »](https://coreui.io/vue/demo/3.0-beta.1/#)
 
----
+## Installation
 
-### Installation
-
-```bash
-npm install @coreui/vue@next
+```shell
+npm install @coreui/vue
 ```
 
 ### Registering components
+
 ```js
 // Installing whole package
 import CoreuiVue from '@coreui/vue';
@@ -88,4 +79,4 @@ See [CONTRIBUTING.md](https://github.com/coreui/coreui-vue/blob/v3-next/CONTRIBU
 
 ### Credits
 
-Some design ideas and solutions in this library are inspired by [Bootstrap-Vue library](https://bootstrap-vue.js.org/)
+Some design ideas and solutions in this library are inspired by [Bootstrap-Vue library](https://bootstrap-vue.js.org/)

dist/coreui-vue.common.js

@@ -1,7 +1,7 @@
 {
   "name": "@coreui/vue",
   "description": "CoreUI Vue Bootstrap 4 layout components",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.4",
   "license": "MIT",
   "main": "dist/coreui-vue.common.js",
   "types": "src/index.d.ts",
@@ -64,8 +64,8 @@
     "clear_jest": "jest --clearCache"
   },
   "dependencies": {
-    "@coreui/coreui": "3.0.0-beta.3",
-    "@coreui/icons": "coreui/coreui-icons#1.0.0-beta.1",
+    "@coreui/utils": "^1.0.0",
+    "@coreui/icons": "^1.0.0-beta.3",
     "@coreui/icons-vue": "^1.0.2",
     "lodash.clonedeep": "^4.5.0",
     "perfect-scrollbar": "^1.4.0",
@@ -83,13 +83,13 @@
     "@vue/test-utils": "1.0.0-beta.29",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9",
-    "core-js": "^3.4.7",
+    "core-js": "^3.4.8",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.0.1",
     "node-sass": "^4.13.0",
     "node-sass-magic-importer": "^5.3.2",
     "npm-run-all": "^4.1.5",
-    "rollup": "^1.27.8",
+    "rollup": "^1.27.10",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-filesize": "^6.2.1",
@@ -98,7 +98,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-postcss": "^2.0.3",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-uglify": "^6.0.3",
+    "rollup-plugin-uglify": "^6.0.4",
     "rollup-plugin-vue": "4.7.2",
     "sass-loader": "^8.0.0",
     "vue-router": "^3.1.3",

dist/coreui-vue.common.js.map

@@ -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/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 }
         }
       }

dist/coreui-vue.umd.js

@@ -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)
+  }) 
 })

dist/coreui-vue.umd.js.map

@@ -99,7 +99,7 @@ export default {
         {
           'c-sidebar-show': this.open === true,
           [`c-sidebar-${this.breakpoint}-show`]: haveResponsiveClass,
-          'c-sidebar-fixed': this.fixed,
+          'c-sidebar-fixed': this.fixed && !this.overlaid,
           'c-sidebar-right': this.aside,
           'c-sidebar-minimized': this.minimize && !this.unfoldable,
           'c-sidebar-unfoldable': this.minimize && this.unfoldable,

dist/coreui-vue.umd.min.js

@@ -1,9 +1,11 @@
 <template>
   <div class="card" :class="`bg-${color} text-white`">
-    <div class="card-body pb-0">
+    <div class="card-body pb-0 d-flex justify-content-between">
+      <div>
+        <div v-if="header" class="text-value-lg">{{header}}</div>
+        <div v-if="text">{{text}}</div>
+      </div>
       <slot></slot>
-      <h4 v-if="header" class="mb-0">{{header}}</h4>
-      <p v-if="text">{{text}}</p>
     </div>
     <slot name="footer"></slot>
   </div>

dist/coreui-vue.umd.min.js.map

@@ -5,18 +5,20 @@ exports[`CWidgetDropdown matches custom props snapshot 1`] = `
   class="card bg-info text-white"
 >
   <div
-    class="card-body pb-0"
+    class="card-body pb-0 d-flex justify-content-between"
   >
+    <div>
+      <div
+        class="text-value-lg"
+      >
+        header
+      </div>
+       
+      <div>
+        text
+      </div>
+    </div>
      
-    <h4
-      class="mb-0"
-    >
-      header
-    </h4>
-     
-    <p>
-      text
-    </p>
   </div>
    
 </div>
@@ -27,12 +29,14 @@ exports[`CWidgetDropdown matches default props snapshot 1`] = `
   class="card bg-undefined text-white"
 >
   <div
-    class="card-body pb-0"
+    class="card-body pb-0 d-flex justify-content-between"
   >
+    <div>
+      <!---->
+       
+      <!---->
+    </div>
      
-    <!---->
-     
-    <!---->
   </div>
    
 </div>