@bagelink/vue 0.0.1137 → 0.0.1141

package/src/components/form/inputs/RichText/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ToolbarConfig } from './richTextTypes'
 import { CodeEditor, copyText, Btn } from '@bagelink/vue'
-import { watch, computed } from 'vue'
+import { watch } from 'vue'
 import EditorToolbar from './components/EditorToolbar.vue'
 import { useCommands } from './composables/useCommands'
 import { useEditor } from './composables/useEditor'
@@ -15,8 +15,8 @@ const editor = useEditor()
 const commands = useCommands(editor.state, props.debug ? editor.debug : undefined)
 
 // Expose debug methods if debug mode is enabled
-const debugMethods = computed(() => props.debug ? editor.debug : undefined)
-
+const debugMethods = $computed(() => props.debug ? editor.debug : undefined)
+const hasRTL = $computed(() => /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/.test(props.modelValue))
 async function initEditor() {
 	if (!iframe) {
 		setTimeout(initEditor, 100)
@@ -30,7 +30,6 @@ async function initEditor() {
 	doc.body.contentEditable = 'true'
 
 	// Set default direction based on content
-	const hasRTL = /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/.test(props.modelValue)
 	doc.body.dir = hasRTL ? 'rtl' : 'ltr'
 
 	const style = doc.createElement('style')
@@ -79,6 +78,9 @@ watch(() => props.modelValue, (newValue) => {
 })
 
 watch(() => editor.state.content, (newValue) => {
+	if (editor.state.doc?.body.innerHTML) {
+		editor.state.doc.body.dir = hasRTL ? 'rtl' : 'ltr'
+	}
 	emit('update:modelValue', newValue)
 })
 </script>

package/src/components/index.ts

@@ -11,6 +11,8 @@ export { default as Card } from './Card.vue'
 export { default as Carousel } from './Carousel.vue'
 export * from './dashboard'
 export { default as DataPreview } from './DataPreview.vue'
+export { default as DataTable } from './DataTable/DataTable.vue'
+export { default as TableSchema } from './DataTable/DataTable.vue'
 export { default as Dropdown } from './Dropdown.vue'
 export { default as FieldSetVue } from './FieldSetVue.vue'
 export { default as Flag } from './Flag.vue'
@@ -22,8 +24,8 @@ export * from './layout'
 export { default as ListItem } from './ListItem.vue'
 export { default as ListView } from './ListView.vue'
 export { default as Loading } from './Loading.vue'
-export { default as MapEmbed } from './MapEmbed.vue'
 
+export { default as MapEmbed } from './MapEmbed.vue'
 export { default as Modal } from './Modal.vue'
 export { default as ModalConfirm } from './ModalConfirm.vue'
 export { default as ModalForm } from './ModalForm.vue'
@@ -31,7 +33,6 @@ export { default as NavBar } from './NavBar.vue'
 export { default as PageTitle } from './PageTitle.vue'
 export { default as Pill } from './Pill.vue'
 export { default as RouterWrapper } from './RouterWrapper.vue'
-export { default as TableSchema } from './TableSchema.vue'
 
 export { default as Title } from './Title.vue'
 export { default as ToolBar } from './ToolBar.vue'

package/src/types/TableSchema.ts

@@ -0,0 +1,39 @@
+import type { BglFormSchemaT } from '@bagelink/vue'
+import type { Ref, ComputedRef } from 'vue'
+
+export type SortDirectionsT = 'ASC' | 'DESC'
+export type EmitOrderT = `${string} ${SortDirectionsT}`
+
+export interface TableSchemaProps<T extends Record<string, any> = Record<string, any>> {
+	data: T[]
+	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
+	showFields?: string[]
+	useServerSort?: boolean
+	selectable?: boolean
+	onLastItemVisible?: () => void
+}
+
+export interface SortingOptions<T> {
+	onSort: (field: string, direction: SortDirectionsT) => void
+}
+
+export interface TableSelectionOptions<T> {
+	selectable: boolean | undefined
+	selectedItems: { value: string[] }
+	onSelect: (item: T) => void
+}
+
+export interface TableVirtualizationOptions<T> {
+	data: Ref<T[]> | ComputedRef<T[]>
+	itemHeight: number
+	onLastItemVisible?: () => void
+}
+
+export interface TableDataOptions<T> {
+	data: Ref<T[]> | ComputedRef<T[]>
+	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
+	showFields?: string[]
+	sortField: string
+	sortDirection: SortDirectionsT
+	useServerSort?: boolean
+}