frappe-ui 0.1.211 → 0.1.213

package/frappe/Link/Link.vue

@@ -73,10 +73,11 @@ const createNewOption = {
 } as ComboboxOption
 
 const linkOptions = computed(() => {
+  const _options = options.data || []
   if (props.allowCreate) {
-    return [...(options.data || []), createNewOption]
+    return [..._options, createNewOption]
   }
-  return options.data
+  return _options
 })
 
 const loadOptions = (txt: string = '') => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.1.211",
+  "version": "0.1.213",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.ts",
   "type": "module",

package/src/components/Combobox/Combobox.vue

@@ -32,7 +32,9 @@ import type {
   ComboboxProps,
 } from './types'
 
-const props = defineProps<ComboboxProps>()
+const props = withDefaults(defineProps<ComboboxProps>(), {
+  options: () => [],
+})
 const emit = defineEmits([
   'update:modelValue',
   'update:selectedOption',

package/src/components/Sidebar/Sidebar.vue

@@ -22,7 +22,11 @@
       :label="section.label"
       :items="section.items"
       :collapsible="section.collapsible"
-    />
+    >
+      <template #sidebar-item="{ item, isCollapsed }"
+        ><slot name="sidebar-item" :item :isCollapsed ></slot
+      ></template>
+    </SidebarSection>
 
     <div class="mt-auto flex flex-col gap-2">
       <slot

package/src/components/Sidebar/SidebarSection.vue

@@ -40,19 +40,20 @@
       leave-to-class="max-h-0 overflow-hidden"
     >
       <nav v-if="!isCollapsed" class="space-y-0.5">
-        <SidebarItem
-          v-for="item in props.items"
-          :key="item.label"
-          :label="item.label"
-          :accessKey="item.accessKey"
-          :icon="item.icon"
-          :suffix="item.suffix"
-          :to="item.to"
-          :isActive="item.isActive"
-          :isCollapsed="isSidebarCollapsed"
-          :onClick="item.onClick"
-        >
-        </SidebarItem>
+        <template v-for="item in props.items" :key="item.label">
+          <slot name="sidebar-item" :item="item" :isCollapsed="isSidebarCollapsed">
+            <SidebarItem
+              :label="item.label"
+              :accessKey="item.accessKey"
+              :icon="item.icon"
+              :suffix="item.suffix"
+              :to="item.to"
+              :isActive="item.isActive"
+              :isCollapsed="isSidebarCollapsed"
+              :onClick="item.onClick"
+            />
+          </slot>
+        </template>
       </nav>
     </transition>
   </div>