frappe-ui 0.0.23 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.0.23",
+  "version": "0.0.26",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.js",
   "scripts": {

package/src/components/Badge.vue

@@ -13,6 +13,14 @@ export default {
   computed: {
     classes() {
       let color = this.color
+      if (typeof color === 'object') {
+        for (let key in color) {
+          if (color[key]) {
+            color = key
+            break
+          }
+        }
+      }
       if (!color && this.status) {
         color = {
           Pending: 'yellow',

package/src/components/Input.vue

@@ -13,7 +13,7 @@
         )
       "
       v-bind="inputAttributes"
-      class="placeholder-gray-500"
+      class="placeholder-gray-500 border-gray-400"
       ref="input"
       :class="[
         {
@@ -30,12 +30,13 @@
     <textarea
       v-if="type === 'textarea'"
       v-bind="inputAttributes"
+      :placeholder="placeholder"
+      class="placeholder-gray-500"
       :class="['block w-full resize-none form-textarea', inputClass]"
       ref="input"
       :value="passedInputValue"
       :disabled="disabled"
       :rows="rows || 3"
-      @blur="$emit('blur', $event)"
     ></textarea>
     <select
       v-bind="inputAttributes"
@@ -114,7 +115,7 @@ export default {
       type: String,
     },
   },
-  emits: ['blur', 'input', 'change', 'update:modelValue'],
+  emits: ['input', 'change', 'update:modelValue'],
   methods: {
     focus() {
       this.$refs.input.focus()
@@ -139,13 +140,17 @@ export default {
       return this.modelValue || null
     },
     inputAttributes() {
+      let attrs = {}
       let onInput = (e) => {
         this.$emit('input', this.getInputValue(e))
       }
       if (this.debounce) {
         onInput = debounce(onInput, this.debounce)
       }
-      return Object.assign({}, this.$attrs, {
+      if (this.type == 'checkbox') {
+        attrs.checked = this.passedInputValue
+      }
+      return Object.assign(attrs, this.$attrs, {
         onInput,
         onChange: (e) => {
           this.$emit('change', this.getInputValue(e))

package/src/components/Popover.vue

@@ -18,6 +18,7 @@
         :class="popoverClass"
         class="relative z-[100] popover-container"
         :style="{ minWidth: targetWidth ? targetWidth + 'px' : null }"
+        v-show="isOpen"
       >
         <div v-if="!hideArrow" class="popover-arrow" ref="popover-arrow"></div>
         <slot

package/src/index.js

@@ -28,6 +28,7 @@ export { default as onOutsideClickDirective } from './directives/onOutsideClick.
 // utilities
 export { default as call, createCall } from './utils/call.js'
 export { default as debounce } from './utils/debounce.js'
+export { createResource } from './utils/resources.js'
 
 // plugin
 export { default as FrappeUI } from './utils/plugin.js'

package/src/utils/resources.js

@@ -81,7 +81,7 @@ export function createResource(options, vm, getResource) {
 
     try {
       let data = await resourceFetcher(options.method, params || options.params)
-      out.data = data
+      out.data = transform(data)
       out.fetched = true
       for (let fn of successFunctions) {
         if (fn) {
@@ -136,7 +136,17 @@ export function createResource(options, vm, getResource) {
     if (typeof data === 'function') {
       data = data.call(vm, out.data)
     }
-    out.data = data
+    out.data = transform(data)
+  }
+
+  function transform(data) {
+    if (options.transform) {
+      let returnValue = options.transform.call(vm, data)
+      if (typeof returnValue != null) {
+        return returnValue
+      }
+    }
+    return data
   }
 
   if (cacheKey && !cached[cacheKey]) {
@@ -165,7 +175,9 @@ export function createDocumentResource(options, vm) {
     },
     onSuccess(data) {
       out.doc = transform(data)
+      options.setValue?.onSuccess?.call(vm, data)
     },
+    onError: options.setValue?.onError,
   }
 
   let out = reactive({
@@ -206,7 +218,9 @@ export function createDocumentResource(options, vm) {
         },
         onSuccess() {
           out.doc = null
+          options.delete?.onSuccess?.call(vm, data)
         },
+        onError: options.delete?.onError,
       },
       vm
     ),