@histoire/controls 0.15.0 → 0.15.2

package/dist/index.es.js

@@ -525,10 +525,13 @@ const Qa = {
 }, Me = /* @__PURE__ */ tt({
   ...Xa,
   props: {
-    content: null
+    content: { type: [String, Function] }
   },
   setup(s) {
-    const t = s, { copy: e, copied: i } = da(), n = () => e(t.content);
+    const t = s, { copy: e, copied: i } = da(), n = async () => {
+      const r = typeof t.content == "function" ? await t.content() : t.content;
+      e(r);
+    };
     return (r, o) => Wt((C(), Q(H(zs), {
       icon: "carbon:copy-file",
       class: "htw-w-4 htw-h-4 htw-opacity-50 hover:htw-opacity-100 hover:htw-text-primary-500 htw-cursor-pointer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@histoire/controls",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "description": "Prebuilt controls components",
   "license": "MIT",
   "author": {
@@ -38,7 +38,8 @@
     "@codemirror/state": "^6.1.2",
     "@codemirror/theme-one-dark": "^6.1.0",
     "@codemirror/view": "^6.3.0",
-    "@histoire/vendors": "^0.15.0"
+    "@histoire/shared": "^0.15.2",
+    "@histoire/vendors": "^0.15.2"
   },
   "devDependencies": {
     "@peeky/server": "^0.14.0",

package/src/components/HstCopyIcon.vue

@@ -8,14 +8,18 @@ export default {
 import { Icon } from '@iconify/vue'
 import { useClipboard } from '@vueuse/core'
 import { VTooltip as vTooltip } from 'floating-vue'
+import type { Awaitable } from '@histoire/shared'
 
 const props = defineProps<{
-  content: string
+  content: string | (() => Awaitable<string>)
 }>()
 
 const { copy, copied } = useClipboard()
 
-const action = () => copy(props.content)
+const action = async () => {
+  const content = typeof props.content === 'function' ? await props.content() : props.content
+  copy(content)
+}
 </script>
 
 <template>

package/src/components/button/HstButtonGroup.vue

@@ -12,7 +12,7 @@ import HstButton from './HstButton.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: string[] | number[] | HstControlOption[] | Record<string, string | number>
 }>()
 

package/src/components/checkbox/HstCheckbox.vue

@@ -9,7 +9,7 @@ import HstWrapper from '../HstWrapper.vue'
 import HstSimpleCheckbox from './HstSimpleCheckbox.vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   title?: string
 }>()
 

package/src/components/checkbox/HstSimpleCheckbox.vue

@@ -8,7 +8,7 @@ export default {
 import { computed, ref, watch } from 'vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   withToggle?: boolean
 }>()
 

package/src/components/number/HstNumber.vue

@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
 }>()
 
 const emit = defineEmits({

package/src/components/radio/HstRadio.vue

@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: HstControlOption[]
 }>()
 

package/src/components/select/HstSelect.vue

@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: Record<string, any> | string[] | HstControlOption[]
 }>()
 

package/src/components/slider/HstSlider.vue

@@ -13,7 +13,7 @@ import { VTooltip as vTooltip } from 'floating-vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
   min: number
   max: number
 }>()

package/src/components/text/HstText.vue

@@ -10,7 +10,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({

package/src/components/textarea/HstTextarea.vue

@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({