@mixd-id/web-scaffold 0.1.230406067 → 0.1.230406068

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406067",
+  "version": "0.1.230406068",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ColorPicker.vue

@@ -26,6 +26,8 @@
 
 export default{
 
+	emits: [ 'change', 'update:modelValue' ],
+
 	props: {
 
 		colors: Array,
@@ -40,6 +42,7 @@ export default{
 
 		select(color){
 			this.$emit('update:modelValue', color)
+			this.$emit('change')
 			this.$refs.contextMenu.close()
 		}
 

package/src/index.js

@@ -143,6 +143,10 @@ const unregisterResizeEvent = (fn) => {
   }
 }
 
+const consoleInfo = (text) => { console.info(text) }
+const consoleLog = (text) => { console.log(text) }
+const consoleWarn = (text) => { console.warn(text) }
+
 const util = {
 
   push: (arr, item, opt = { key:"id" }) => {
@@ -239,6 +243,9 @@ export default{
     app.config.globalProperties.$util = util
     app.config.globalProperties.$resize = registerResizeEvent
     app.config.globalProperties.$unresize = unregisterResizeEvent
+    app.config.globalProperties.log = consoleLog
+    app.config.globalProperties.warn = consoleWarn
+    app.config.globalProperties.info = consoleInfo
 
     app.component('Alert', defineAsyncComponent(() => import("./components/Alert.vue")))
     app.component('Button', defineAsyncComponent(() => import("./components/Button.vue")))

package/src/utils/helpers.js

@@ -274,6 +274,27 @@ const accessNestedObject = function(obj, path) {
   return nestedObj;
 }
 
+const cssDict = {
+  'Global': '*',
+  'Font': 'font-family',
+  'Impact': "'Impact', 'Arial Black', 'Arial Bold', Gadget, sans-serif",
+}
+
+const generateStylesheet = (styleObj) => {
+
+  return `*{ font-family: Impact; }`
+
+}
+
+const hexToRgb = (hex) => {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+}
+
 
 module.exports = {
   ceil,
@@ -293,5 +314,7 @@ module.exports = {
   sequelizeChunk,
   getPresetSortWhereParams,
   unflatten,
-  accessNestedObject
+  accessNestedObject,
+  generateStylesheet,
+  hexToRgb
 }