@bitrix24/b24ui-nuxt 0.4.0 → 0.4.2

package/dist/runtime/prose/H4.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/h4'
+import { tv } from '../utils/tv'
+
+const appConfigProseH4 = _appConfig as AppConfig & { b24ui: { prose: { h4: Partial<typeof theme> } } }
+
+const proseH4 = tv({ extend: tv(theme), ...(appConfigProseH4.b24ui?.prose?.h4 || {}) })
+
+export interface proseH4Props {
+  class?: any
+  b24ui?: Partial<typeof proseH4.slots>
+}
+
+export interface proseH4Slots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseH4Props>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseH4({})
+</script>
+
+<template>
+  <h4
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </h4>
+</template>

package/dist/runtime/prose/H5.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/h5'
+import { tv } from '../utils/tv'
+
+const appConfigProseH5 = _appConfig as AppConfig & { b24ui: { prose: { h5: Partial<typeof theme> } } }
+
+const proseH5 = tv({ extend: tv(theme), ...(appConfigProseH5.b24ui?.prose?.h5 || {}) })
+
+export interface proseH5Props {
+  class?: any
+  b24ui?: Partial<typeof proseH5.slots>
+}
+
+export interface proseH5Slots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseH5Props>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseH5({})
+</script>
+
+<template>
+  <h5
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </h5>
+</template>

package/dist/runtime/prose/H6.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/h6'
+import { tv } from '../utils/tv'
+
+const appConfigProseH6 = _appConfig as AppConfig & { b24ui: { prose: { h6: Partial<typeof theme> } } }
+
+const proseH6 = tv({ extend: tv(theme), ...(appConfigProseH6.b24ui?.prose?.h6 || {}) })
+
+export interface proseH6Props {
+  class?: any
+  b24ui?: Partial<typeof proseH6.slots>
+}
+
+export interface proseH6Slots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseH6Props>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseH6({})
+</script>
+
+<template>
+  <h6
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </h6>
+</template>

package/dist/runtime/prose/Hr.vue

@@ -0,0 +1,30 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/hr'
+import { tv } from '../utils/tv'
+
+const appConfigProseHr = _appConfig as AppConfig & { b24ui: { prose: { hr: Partial<typeof theme> } } }
+
+const proseHr = tv({ extend: tv(theme), ...(appConfigProseHr.b24ui?.prose?.hr || {}) })
+
+export interface proseHrProps {
+  class?: any
+  b24ui?: Partial<typeof proseHr.slots>
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseHrProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseHr({})
+</script>
+
+<template>
+  <hr
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+</template>

package/dist/runtime/prose/Li.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/li'
+import { tv } from '../utils/tv'
+
+const appConfigProseLi = _appConfig as AppConfig & { b24ui: { prose: { li: Partial<typeof theme> } } }
+
+const proseLi = tv({ extend: tv(theme), ...(appConfigProseLi.b24ui?.prose?.li || {}) })
+
+export interface proseLiProps {
+  class?: any
+  b24ui?: Partial<typeof proseLi.slots>
+}
+
+export interface proseLiSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseLiProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseLi({})
+</script>
+
+<template>
+  <li
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </li>
+</template>

package/dist/runtime/prose/Ol.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/ol'
+import { tv } from '../utils/tv'
+
+const appConfigProseOl = _appConfig as AppConfig & { b24ui: { prose: { ol: Partial<typeof theme> } } }
+
+const proseOl = tv({ extend: tv(theme), ...(appConfigProseOl.b24ui?.prose?.ol || {}) })
+
+export interface proseOlProps {
+  class?: any
+  b24ui?: Partial<typeof proseOl.slots>
+}
+
+export interface proseOlSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseOlProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseOl({})
+</script>
+
+<template>
+  <ol
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </ol>
+</template>

package/dist/runtime/prose/P.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/p'
+import { tv } from '../utils/tv'
+
+const appConfigProseP = _appConfig as AppConfig & { b24ui: { prose: { p: Partial<typeof theme> } } }
+
+const proseP = tv({ extend: tv(theme), ...(appConfigProseP.b24ui?.prose?.p || {}) })
+
+export interface prosePProps {
+  class?: any
+  b24ui?: Partial<typeof proseP.slots>
+}
+
+export interface prosePSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<prosePProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseP({})
+</script>
+
+<template>
+  <p
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </p>
+</template>

package/dist/runtime/prose/Strong.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/strong'
+import { tv } from '../utils/tv'
+
+const appConfigProseStrong = _appConfig as AppConfig & { b24ui: { prose: { strong: Partial<typeof theme> } } }
+
+const proseStrong = tv({ extend: tv(theme), ...(appConfigProseStrong.b24ui?.prose?.strong || {}) })
+
+export interface proseStrongProps {
+  class?: any
+  b24ui?: Partial<typeof proseStrong.slots>
+}
+
+export interface proseStrongSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseStrongProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseStrong({})
+</script>
+
+<template>
+  <strong
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </strong>
+</template>

package/dist/runtime/prose/Ul.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import type { AppConfig } from '@nuxt/schema'
+import _appConfig from '#build/app.config'
+import theme from '#build/b24ui/prose/ul'
+import { tv } from '../utils/tv'
+
+const appConfigProseUl = _appConfig as AppConfig & { b24ui: { prose: { ul: Partial<typeof theme> } } }
+
+const proseUl = tv({ extend: tv(theme), ...(appConfigProseUl.b24ui?.prose?.ul || {}) })
+
+export interface proseUlProps {
+  class?: any
+  b24ui?: Partial<typeof proseUl.slots>
+}
+
+export interface proseUlSlots {
+  default(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps<proseUlProps>()
+
+// eslint-disable-next-line vue/no-dupe-keys
+const b24ui = proseUl({})
+</script>
+
+<template>
+  <ul
+    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
+  >
+    <slot />
+  </ul>
+</template>

package/dist/runtime/types/index.d.ts

@@ -10,6 +10,7 @@ export * from '../components/Checkbox.vue';
 export * from '../components/Chip.vue';
 export * from '../components/Container.vue';
 export * from '../components/Countdown.vue';
+export * from '../components/DescriptionList.vue';
 export * from '../components/DropdownMenu.vue';
 export * from '../components/Form.vue';
 export * from '../components/FormField.vue';
@@ -34,8 +35,21 @@ export * from '../components/Textarea.vue';
 export * from '../components/Toast.vue';
 export * from '../components/Toaster.vue';
 export * from '../components/Tooltip.vue';
-export * from '../components/content/DescriptionList.vue';
-export * from '../components/prose/TableWrapper.vue';
+export * from '../components/content/TableWrapper.vue';
+export * from '../prose/H1.vue';
+export * from '../prose/H2.vue';
+export * from '../prose/H3.vue';
+export * from '../prose/H3.vue';
+export * from '../prose/H4.vue';
+export * from '../prose/H5.vue';
+export * from '../prose/H6.vue';
+export * from '../prose/P.vue';
+export * from '../prose/Blockquote.vue';
+export * from '../prose/Strong.vue';
+export * from '../prose/Ol.vue';
+export * from '../prose/Ul.vue';
+export * from '../prose/Li.vue';
+export * from '../prose/Hr.vue';
 export * from './form';
 export * from './icons';
 export * from './locale';

package/dist/runtime/types/index.js

@@ -10,6 +10,7 @@ export * from "../components/Checkbox.vue";
 export * from "../components/Chip.vue";
 export * from "../components/Container.vue";
 export * from "../components/Countdown.vue";
+export * from "../components/DescriptionList.vue";
 export * from "../components/DropdownMenu.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
@@ -34,8 +35,21 @@ export * from "../components/Textarea.vue";
 export * from "../components/Toast.vue";
 export * from "../components/Toaster.vue";
 export * from "../components/Tooltip.vue";
-export * from "../components/content/DescriptionList.vue";
-export * from "../components/prose/TableWrapper.vue";
+export * from "../components/content/TableWrapper.vue";
+export * from "../prose/H1.vue";
+export * from "../prose/H2.vue";
+export * from "../prose/H3.vue";
+export * from "../prose/H3.vue";
+export * from "../prose/H4.vue";
+export * from "../prose/H5.vue";
+export * from "../prose/H6.vue";
+export * from "../prose/P.vue";
+export * from "../prose/Blockquote.vue";
+export * from "../prose/Strong.vue";
+export * from "../prose/Ol.vue";
+export * from "../prose/Ul.vue";
+export * from "../prose/Li.vue";
+export * from "../prose/Hr.vue";
 export * from "./form.js";
 export * from "./icons.js";
 export * from "./locale.js";

package/dist/runtime/utils/index.js

@@ -1,4 +1,4 @@
-import { isEqual } from "ohash";
+import { isEqual } from "ohash/utils";
 export function pick(data, keys) {
   const result = {};
   for (const key of keys) {

package/dist/runtime/vue/components/Link.vue

@@ -93,7 +93,7 @@ export interface LinkSlots {
 
 <script setup lang="ts">
 import { computed, getCurrentInstance } from 'vue'
-import { isEqual, diff } from 'ohash'
+import { isEqual, diff } from 'ohash/utils'
 import { useForwardProps } from 'reka-ui'
 import { reactiveOmit } from '@vueuse/core'
 import { hasProtocol } from 'ufo'
@@ -144,11 +144,15 @@ const b24ui = computed(() => tv({
 function isPartiallyEqual(item1: any, item2: any) {
   const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
     if (q.type === 'added') {
-      filtered.push(q.key)
+      filtered.add(q.key)
     }
     return filtered
-  }, [] as string[])
-  return isEqual(item1, item2, { excludeKeys: key => diffedKeys.includes(key) })
+  }, new Set<string>())
+
+  const item1Filtered = Object.fromEntries(Object.entries(item1).filter(([key]) => !diffedKeys.has(key)))
+  const item2Filtered = Object.fromEntries(Object.entries(item2).filter(([key]) => !diffedKeys.has(key)))
+
+  return isEqual(item1Filtered, item2Filtered)
 }
 
 const isExternal = computed(() => {
@@ -246,7 +250,7 @@ function resolveLinkClass({ route, isActive, isExactActive }: any = {}) {
           disabled,
           href: to,
           target: isExternal ? '_blank' : undefined,
-          active: false
+          active: props?.active || false
         }"
       />
     </template>
@@ -263,7 +267,7 @@ function resolveLinkClass({ route, isActive, isExactActive }: any = {}) {
       :is-external="isExternal"
       :class="resolveLinkClass()"
     >
-      <slot :active="false" />
+      <slot :active="props?.active || false" />
     </B24LinkBase>
   </template>
 </template>