refactor: move utilities to external library @coreui/utils

Author: woothu

package-lock.json

@@ -69,7 +69,7 @@
   "dependencies": {
     "@coreui/icons": "^1.0.0",
     "@coreui/icons-vue": "^1.1.2",
-    "@coreui/utils": "^1.0.0",
+    "@coreui/utils": "^1.2.1",
     "@popperjs/core": "^2.0.0",
     "lodash.clonedeep": "^4.5.0",
     "perfect-scrollbar": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 <script>
 import { mergeData } from 'vue-functional-data-merge'
-import pickByKeys from '../../utils/pick-by-keys'
+import { pickByKeys } from '@coreui/utils/src'
 import CLink, { propsFactory as linkPropsFactory } from '../link/CLink'
 
 const btnProps = {

src/components/button/CButton.vue

@@ -1,5 +1,16 @@
-import safeIdMixin from '../../mixins/safe-id'
-export const safeId = safeIdMixin
+import { makeUid } from '@coreui/utils/src'
+
+export const safeId = {
+  computed: {
+    safeId () {
+      if (this.id || this.$attrs.id) {
+        return this.id || this.$attrs.id
+      }
+      return makeUid()
+    }
+  }
+}
+
 export const wrapperComputedProps = {
   computed: {
     isHorizontal () {

src/components/form/form-mixins.js

@@ -47,6 +47,6 @@ describe(ComponentName, () => {
     expect(emittedValues).toEqual([true, false])
   })
   it('generates safe id when no id is passed', () => {
-    expect(autoIdWrapper.vm.safeId.includes('_safe_id_')).toBe(true)
+    expect(autoIdWrapper.vm.safeId.includes('uid-')).toBe(true)
   })
 })

src/components/form/tests/CInputCheckbox.spec.js

@@ -1,6 +1,6 @@
 <script>
 import { mergeData } from 'vue-functional-data-merge'
-import pickByKeys from '../../utils/pick-by-keys'
+import { pickByKeys } from '@coreui/utils/src'
 import CLink, { propsFactory as linkPropsFactory } from '../link/CLink'
 
 const props = Object.assign(