@prosekit/vue 0.6.6 → 0.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/create-component-BREKWlWW.js.map +1 -1
- package/dist/prosekit-vue-autocomplete.js.map +1 -1
- package/dist/prosekit-vue-block-handle.js.map +1 -1
- package/dist/prosekit-vue-drop-indicator.js.map +1 -1
- package/dist/prosekit-vue-inline-popover.js.map +1 -1
- package/dist/prosekit-vue-popover.js.map +1 -1
- package/dist/prosekit-vue-resizable.js.map +1 -1
- package/dist/prosekit-vue-table-handle.js.map +1 -1
- package/dist/prosekit-vue-tooltip.js.map +1 -1
- package/dist/prosekit-vue.d.ts +16 -16
- package/dist/prosekit-vue.d.ts.map +1 -1
- package/dist/prosekit-vue.js +14 -6
- package/dist/prosekit-vue.js.map +1 -1
- package/package.json +6 -5
- package/src/components/autocomplete/autocomplete-empty.gen.ts +2 -2
- package/src/components/autocomplete/autocomplete-item.gen.ts +2 -2
- package/src/components/autocomplete/autocomplete-list.gen.ts +2 -2
- package/src/components/autocomplete/autocomplete-popover.gen.ts +2 -2
- package/src/components/autocomplete/index.gen.ts +4 -4
- package/src/components/block-handle/block-handle-add.gen.ts +2 -2
- package/src/components/block-handle/block-handle-draggable.gen.ts +2 -2
- package/src/components/block-handle/block-handle-popover.gen.ts +2 -2
- package/src/components/block-handle/index.gen.ts +3 -3
- package/src/components/create-component.ts +1 -1
- package/src/components/drop-indicator/drop-indicator.gen.ts +2 -2
- package/src/components/drop-indicator/index.gen.ts +1 -1
- package/src/components/inline-popover/index.gen.ts +1 -1
- package/src/components/inline-popover/inline-popover.gen.ts +2 -2
- package/src/components/popover/index.gen.ts +3 -3
- package/src/components/popover/popover-content.gen.ts +2 -2
- package/src/components/popover/popover-root.gen.ts +2 -2
- package/src/components/popover/popover-trigger.gen.ts +2 -2
- package/src/components/prosekit.ts +3 -3
- package/src/components/resizable/index.gen.ts +2 -2
- package/src/components/resizable/resizable-handle.gen.ts +2 -2
- package/src/components/resizable/resizable-root.gen.ts +2 -2
- package/src/components/table-handle/index.gen.ts +9 -9
- package/src/components/table-handle/table-handle-column-root.gen.ts +2 -2
- package/src/components/table-handle/table-handle-column-trigger.gen.ts +2 -2
- package/src/components/table-handle/table-handle-drag-preview.gen.ts +2 -2
- package/src/components/table-handle/table-handle-drop-indicator.gen.ts +2 -2
- package/src/components/table-handle/table-handle-popover-content.gen.ts +2 -2
- package/src/components/table-handle/table-handle-popover-item.gen.ts +2 -2
- package/src/components/table-handle/table-handle-root.gen.ts +2 -2
- package/src/components/table-handle/table-handle-row-root.gen.ts +2 -2
- package/src/components/table-handle/table-handle-row-trigger.gen.ts +2 -2
- package/src/components/tooltip/index.gen.ts +3 -3
- package/src/components/tooltip/tooltip-content.gen.ts +2 -2
- package/src/components/tooltip/tooltip-root.gen.ts +2 -2
- package/src/components/tooltip/tooltip-trigger.gen.ts +2 -2
- package/src/extensions/helpers.ts +3 -0
- package/src/extensions/vue-mark-view.ts +4 -2
- package/src/extensions/vue-node-view.ts +4 -2
- package/src/hooks/use-doc-change.ts +1 -1
- package/src/hooks/use-editor-derived-value.ts +1 -1
- package/src/hooks/use-editor-extension.ts +1 -1
- package/src/hooks/use-editor.ts +2 -2
- package/src/hooks/use-extension.spec.ts +1 -1
- package/src/hooks/use-extension.ts +2 -2
- package/src/hooks/use-keymap.ts +1 -1
- package/src/hooks/use-state-update.ts +1 -1
- package/src/index.ts +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-component-BREKWlWW.js","names":[],"sources":["../src/components/create-component.ts"],"sourcesContent":["import { defineComponent, h, onMounted, ref, watchEffect, type DefineSetupFnComponent, type EmitsOptions, type HTMLAttributes } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context'\n\nexport function createComponent<\n Props extends { [PropName in keyof Props]: unknown },\n Emits extends EmitsOptions,\n>(\n tagName: string,\n displayName: string,\n propNames: string[],\n eventNames: string[],\n): DefineSetupFnComponent<Partial<Props> & HTMLAttributes, Emits> {\n const hasEditor = propNames.includes('editor')\n\n const Component = defineComponent<any, any>(\n (props: Record<string, unknown>, { slots, emit }) => {\n const editor = useEditorContext()\n\n const mounted = ref(false)\n\n onMounted(() => {\n mounted.value = true\n })\n\n const elementRef = ref<HTMLElement | null>(null)\n\n watchEffect((onCleanup) => {\n const element = elementRef.value\n if (!element) return\n\n const eventHandlers: Record<string, (event: Event) => void> = {}\n for (const eventName of eventNames) {\n const extractDetail = eventName.endsWith('Change')\n eventHandlers[eventName] = (event: Event) => {\n emit(\n eventName,\n extractDetail ? (event as CustomEvent).detail : event,\n )\n }\n }\n\n for (const [eventName, handler] of Object.entries(eventHandlers)) {\n element.addEventListener(eventName, handler)\n }\n\n onCleanup(() => {\n for (const [eventName, handler] of Object.entries(eventHandlers)) {\n element.removeEventListener(eventName, handler)\n }\n })\n })\n\n return () => {\n const properties: Record<string, unknown> = {}\n\n for (const [key, value] of Object.entries(props)) {\n if (value !== undefined && !key.startsWith('.')) {\n properties[propNames.includes(key) ? '.' + key : key] = value\n }\n }\n\n // Try to add the editor prop if it's missing.\n if (hasEditor && editor && !properties['editor']) {\n properties.editor = editor\n }\n\n // Ensure web components work after SSR hydration.\n properties.key = mounted.value ? 1 : 0\n\n properties.ref = elementRef\n\n return h(tagName, properties, slots.default?.())\n }\n },\n {\n name: displayName,\n props: propNames,\n emits: eventNames,\n },\n )\n\n return Component\n}\n"],"mappings":";;;;AAIA,SAAgB,gBAId,SACA,aACA,WACA,YACgE;CAChE,MAAM,YAAY,UAAU,SAAS,SAAS;AAqE9C,QAnEkB,iBACf,OAAgC,EAAE,OAAO,WAAW;EACnD,MAAM,SAAS,kBAAkB;EAEjC,MAAM,UAAU,IAAI,MAAM;AAE1B,kBAAgB;AACd,WAAQ,QAAQ;IAChB;EAEF,MAAM,aAAa,IAAwB,KAAK;AAEhD,eAAa,cAAc;GACzB,MAAM,UAAU,WAAW;AAC3B,OAAI,CAAC,QAAS;GAEd,MAAM,gBAAwD,EAAE;AAChE,QAAK,MAAM,aAAa,YAAY;IAClC,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,kBAAc,cAAc,UAAiB;AAC3C,UACE,WACA,gBAAiB,MAAsB,SAAS,MACjD;;;AAIL,QAAK,MAAM,CAAC,WAAW,YAAY,OAAO,QAAQ,cAAc,CAC9D,SAAQ,iBAAiB,WAAW,QAAQ;AAG9C,mBAAgB;AACd,SAAK,MAAM,CAAC,WAAW,YAAY,OAAO,QAAQ,cAAc,CAC9D,SAAQ,oBAAoB,WAAW,QAAQ;KAEjD;IACF;AAEF,eAAa;GACX,MAAM,aAAsC,EAAE;AAE9C,QAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,UAAU,UAAa,CAAC,IAAI,WAAW,IAAI,CAC7C,YAAW,UAAU,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO;AAK5D,OAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,SAAS;AAItB,cAAW,MAAM,QAAQ,QAAQ,IAAI;AAErC,cAAW,MAAM;AAEjB,UAAO,EAAE,SAAS,YAAY,MAAM,WAAW,CAAC;;IAGpD;EACE,MAAM;EACN,OAAO;EACP,OAAO;EACR,CACF"}
|
|
1
|
+
{"version":3,"file":"create-component-BREKWlWW.js","names":[],"sources":["../src/components/create-component.ts"],"sourcesContent":["import { defineComponent, h, onMounted, ref, watchEffect, type DefineSetupFnComponent, type EmitsOptions, type HTMLAttributes } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\nexport function createComponent<\n Props extends { [PropName in keyof Props]: unknown },\n Emits extends EmitsOptions,\n>(\n tagName: string,\n displayName: string,\n propNames: string[],\n eventNames: string[],\n): DefineSetupFnComponent<Partial<Props> & HTMLAttributes, Emits> {\n const hasEditor = propNames.includes('editor')\n\n const Component = defineComponent<any, any>(\n (props: Record<string, unknown>, { slots, emit }) => {\n const editor = useEditorContext()\n\n const mounted = ref(false)\n\n onMounted(() => {\n mounted.value = true\n })\n\n const elementRef = ref<HTMLElement | null>(null)\n\n watchEffect((onCleanup) => {\n const element = elementRef.value\n if (!element) return\n\n const eventHandlers: Record<string, (event: Event) => void> = {}\n for (const eventName of eventNames) {\n const extractDetail = eventName.endsWith('Change')\n eventHandlers[eventName] = (event: Event) => {\n emit(\n eventName,\n extractDetail ? (event as CustomEvent).detail : event,\n )\n }\n }\n\n for (const [eventName, handler] of Object.entries(eventHandlers)) {\n element.addEventListener(eventName, handler)\n }\n\n onCleanup(() => {\n for (const [eventName, handler] of Object.entries(eventHandlers)) {\n element.removeEventListener(eventName, handler)\n }\n })\n })\n\n return () => {\n const properties: Record<string, unknown> = {}\n\n for (const [key, value] of Object.entries(props)) {\n if (value !== undefined && !key.startsWith('.')) {\n properties[propNames.includes(key) ? '.' + key : key] = value\n }\n }\n\n // Try to add the editor prop if it's missing.\n if (hasEditor && editor && !properties['editor']) {\n properties.editor = editor\n }\n\n // Ensure web components work after SSR hydration.\n properties.key = mounted.value ? 1 : 0\n\n properties.ref = elementRef\n\n return h(tagName, properties, slots.default?.())\n }\n },\n {\n name: displayName,\n props: propNames,\n emits: eventNames,\n },\n )\n\n return Component\n}\n"],"mappings":";;;;AAIA,SAAgB,gBAId,SACA,aACA,WACA,YACgE;CAChE,MAAM,YAAY,UAAU,SAAS,SAAS;AAqE9C,QAnEkB,iBACf,OAAgC,EAAE,OAAO,WAAW;EACnD,MAAM,SAAS,kBAAkB;EAEjC,MAAM,UAAU,IAAI,MAAM;AAE1B,kBAAgB;AACd,WAAQ,QAAQ;IAChB;EAEF,MAAM,aAAa,IAAwB,KAAK;AAEhD,eAAa,cAAc;GACzB,MAAM,UAAU,WAAW;AAC3B,OAAI,CAAC,QAAS;GAEd,MAAM,gBAAwD,EAAE;AAChE,QAAK,MAAM,aAAa,YAAY;IAClC,MAAM,gBAAgB,UAAU,SAAS,SAAS;AAClD,kBAAc,cAAc,UAAiB;AAC3C,UACE,WACA,gBAAiB,MAAsB,SAAS,MACjD;;;AAIL,QAAK,MAAM,CAAC,WAAW,YAAY,OAAO,QAAQ,cAAc,CAC9D,SAAQ,iBAAiB,WAAW,QAAQ;AAG9C,mBAAgB;AACd,SAAK,MAAM,CAAC,WAAW,YAAY,OAAO,QAAQ,cAAc,CAC9D,SAAQ,oBAAoB,WAAW,QAAQ;KAEjD;IACF;AAEF,eAAa;GACX,MAAM,aAAsC,EAAE;AAE9C,QAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,UAAU,UAAa,CAAC,IAAI,WAAW,IAAI,CAC7C,YAAW,UAAU,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO;AAK5D,OAAI,aAAa,UAAU,CAAC,WAAW,UACrC,YAAW,SAAS;AAItB,cAAW,MAAM,QAAQ,QAAQ,IAAI;AAErC,cAAW,MAAM;AAEjB,UAAO,EAAE,SAAS,YAAY,MAAM,WAAW,CAAC;;IAGpD;EACE,MAAM;EACN,OAAO;EACP,OAAO;EACR,CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n autocompleteEmptyProps,\n autocompleteEmptyEvents,\n type AutocompleteEmptyProps as Props,\n type AutocompleteEmptyEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteEmpty: DefineSetupFnComponent<\n AutocompleteEmptyProps & HTMLAttributes,\n AutocompleteEmptyEmits\n> = createComponent<\n AutocompleteEmptyProps,\n AutocompleteEmptyEmits\n>(\n 'prosekit-autocomplete-empty',\n 'AutocompleteEmpty',\n Object.keys(autocompleteEmptyProps),\n Object.keys(autocompleteEmptyEvents),\n)\n","import {\n autocompleteItemProps,\n autocompleteItemEvents,\n type AutocompleteItemProps as Props,\n type AutocompleteItemEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteItem: DefineSetupFnComponent<\n AutocompleteItemProps & HTMLAttributes,\n AutocompleteItemEmits\n> = createComponent<\n AutocompleteItemProps,\n AutocompleteItemEmits\n>(\n 'prosekit-autocomplete-item',\n 'AutocompleteItem',\n Object.keys(autocompleteItemProps),\n Object.keys(autocompleteItemEvents),\n)\n","import {\n autocompleteListProps,\n autocompleteListEvents,\n type AutocompleteListProps as Props,\n type AutocompleteListEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteList: DefineSetupFnComponent<\n AutocompleteListProps & HTMLAttributes,\n AutocompleteListEmits\n> = createComponent<\n AutocompleteListProps,\n AutocompleteListEmits\n>(\n 'prosekit-autocomplete-list',\n 'AutocompleteList',\n Object.keys(autocompleteListProps),\n Object.keys(autocompleteListEvents),\n)\n","import {\n autocompletePopoverProps,\n autocompletePopoverEvents,\n type AutocompletePopoverProps as Props,\n type AutocompletePopoverEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverEmits extends CreateEmits<Events> {}\n\nexport const AutocompletePopover: DefineSetupFnComponent<\n AutocompletePopoverProps & HTMLAttributes,\n AutocompletePopoverEmits\n> = createComponent<\n AutocompletePopoverProps,\n AutocompletePopoverEmits\n>(\n 'prosekit-autocomplete-popover',\n 'AutocompletePopover',\n Object.keys(autocompletePopoverProps),\n Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,oBAGT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;;ACXD,MAAa,mBAGT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACXD,MAAa,mBAGT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACXD,MAAa,sBAGT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n autocompleteEmptyProps,\n autocompleteEmptyEvents,\n type AutocompleteEmptyProps as Props,\n type AutocompleteEmptyEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteEmpty: DefineSetupFnComponent<\n AutocompleteEmptyProps & HTMLAttributes,\n AutocompleteEmptyEmits\n> = createComponent<\n AutocompleteEmptyProps,\n AutocompleteEmptyEmits\n>(\n 'prosekit-autocomplete-empty',\n 'AutocompleteEmpty',\n Object.keys(autocompleteEmptyProps),\n Object.keys(autocompleteEmptyEvents),\n)\n","import {\n autocompleteItemProps,\n autocompleteItemEvents,\n type AutocompleteItemProps as Props,\n type AutocompleteItemEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteItem: DefineSetupFnComponent<\n AutocompleteItemProps & HTMLAttributes,\n AutocompleteItemEmits\n> = createComponent<\n AutocompleteItemProps,\n AutocompleteItemEmits\n>(\n 'prosekit-autocomplete-item',\n 'AutocompleteItem',\n Object.keys(autocompleteItemProps),\n Object.keys(autocompleteItemEvents),\n)\n","import {\n autocompleteListProps,\n autocompleteListEvents,\n type AutocompleteListProps as Props,\n type AutocompleteListEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListEmits extends CreateEmits<Events> {}\n\nexport const AutocompleteList: DefineSetupFnComponent<\n AutocompleteListProps & HTMLAttributes,\n AutocompleteListEmits\n> = createComponent<\n AutocompleteListProps,\n AutocompleteListEmits\n>(\n 'prosekit-autocomplete-list',\n 'AutocompleteList',\n Object.keys(autocompleteListProps),\n Object.keys(autocompleteListEvents),\n)\n","import {\n autocompletePopoverProps,\n autocompletePopoverEvents,\n type AutocompletePopoverProps as Props,\n type AutocompletePopoverEvents as Events,\n} from '@prosekit/web/autocomplete'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverEmits extends CreateEmits<Events> {}\n\nexport const AutocompletePopover: DefineSetupFnComponent<\n AutocompletePopoverProps & HTMLAttributes,\n AutocompletePopoverEmits\n> = createComponent<\n AutocompletePopoverProps,\n AutocompletePopoverEmits\n>(\n 'prosekit-autocomplete-popover',\n 'AutocompletePopover',\n Object.keys(autocompletePopoverProps),\n Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,oBAGT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;;ACXD,MAAa,mBAGT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACXD,MAAa,mBAGT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;;ACXD,MAAa,sBAGT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"sourcesContent":["import {\n blockHandleAddProps,\n blockHandleAddEvents,\n type BlockHandleAddProps as Props,\n type BlockHandleAddEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleAdd: DefineSetupFnComponent<\n BlockHandleAddProps & HTMLAttributes,\n BlockHandleAddEmits\n> = createComponent<\n BlockHandleAddProps,\n BlockHandleAddEmits\n>(\n 'prosekit-block-handle-add',\n 'BlockHandleAdd',\n Object.keys(blockHandleAddProps),\n Object.keys(blockHandleAddEvents),\n)\n","import {\n blockHandleDraggableProps,\n blockHandleDraggableEvents,\n type BlockHandleDraggableProps as Props,\n type BlockHandleDraggableEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleDraggable: DefineSetupFnComponent<\n BlockHandleDraggableProps & HTMLAttributes,\n BlockHandleDraggableEmits\n> = createComponent<\n BlockHandleDraggableProps,\n BlockHandleDraggableEmits\n>(\n 'prosekit-block-handle-draggable',\n 'BlockHandleDraggable',\n Object.keys(blockHandleDraggableProps),\n Object.keys(blockHandleDraggableEvents),\n)\n","import {\n blockHandlePopoverProps,\n blockHandlePopoverEvents,\n type BlockHandlePopoverProps as Props,\n type BlockHandlePopoverEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverEmits extends CreateEmits<Events> {}\n\nexport const BlockHandlePopover: DefineSetupFnComponent<\n BlockHandlePopoverProps & HTMLAttributes,\n BlockHandlePopoverEmits\n> = createComponent<\n BlockHandlePopoverProps,\n BlockHandlePopoverEmits\n>(\n 'prosekit-block-handle-popover',\n 'BlockHandlePopover',\n Object.keys(blockHandlePopoverProps),\n Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,uBAGT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;;ACXD,MAAa,qBAGT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"sourcesContent":["import {\n blockHandleAddProps,\n blockHandleAddEvents,\n type BlockHandleAddProps as Props,\n type BlockHandleAddEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleAdd: DefineSetupFnComponent<\n BlockHandleAddProps & HTMLAttributes,\n BlockHandleAddEmits\n> = createComponent<\n BlockHandleAddProps,\n BlockHandleAddEmits\n>(\n 'prosekit-block-handle-add',\n 'BlockHandleAdd',\n Object.keys(blockHandleAddProps),\n Object.keys(blockHandleAddEvents),\n)\n","import {\n blockHandleDraggableProps,\n blockHandleDraggableEvents,\n type BlockHandleDraggableProps as Props,\n type BlockHandleDraggableEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleDraggable: DefineSetupFnComponent<\n BlockHandleDraggableProps & HTMLAttributes,\n BlockHandleDraggableEmits\n> = createComponent<\n BlockHandleDraggableProps,\n BlockHandleDraggableEmits\n>(\n 'prosekit-block-handle-draggable',\n 'BlockHandleDraggable',\n Object.keys(blockHandleDraggableProps),\n Object.keys(blockHandleDraggableEvents),\n)\n","import {\n blockHandlePopoverProps,\n blockHandlePopoverEvents,\n type BlockHandlePopoverProps as Props,\n type BlockHandlePopoverEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverEmits extends CreateEmits<Events> {}\n\nexport const BlockHandlePopover: DefineSetupFnComponent<\n BlockHandlePopoverProps & HTMLAttributes,\n BlockHandlePopoverEmits\n> = createComponent<\n BlockHandlePopoverProps,\n BlockHandlePopoverEmits\n>(\n 'prosekit-block-handle-popover',\n 'BlockHandlePopover',\n Object.keys(blockHandlePopoverProps),\n Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,uBAGT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;;ACXD,MAAa,qBAGT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n dropIndicatorProps,\n dropIndicatorEvents,\n type DropIndicatorProps as Props,\n type DropIndicatorEvents as Events,\n} from '@prosekit/web/drop-indicator'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorEmits extends CreateEmits<Events> {}\n\nexport const DropIndicator: DefineSetupFnComponent<\n DropIndicatorProps & HTMLAttributes,\n DropIndicatorEmits\n> = createComponent<\n DropIndicatorProps,\n DropIndicatorEmits\n>(\n 'prosekit-drop-indicator',\n 'DropIndicator',\n Object.keys(dropIndicatorProps),\n Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n dropIndicatorProps,\n dropIndicatorEvents,\n type DropIndicatorProps as Props,\n type DropIndicatorEvents as Events,\n} from '@prosekit/web/drop-indicator'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorEmits extends CreateEmits<Events> {}\n\nexport const DropIndicator: DefineSetupFnComponent<\n DropIndicatorProps & HTMLAttributes,\n DropIndicatorEmits\n> = createComponent<\n DropIndicatorProps,\n DropIndicatorEmits\n>(\n 'prosekit-drop-indicator',\n 'DropIndicator',\n Object.keys(dropIndicatorProps),\n Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n inlinePopoverProps,\n inlinePopoverEvents,\n type InlinePopoverProps as Props,\n type InlinePopoverEvents as Events,\n} from '@prosekit/web/inline-popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverEmits extends CreateEmits<Events> {}\n\nexport const InlinePopover: DefineSetupFnComponent<\n InlinePopoverProps & HTMLAttributes,\n InlinePopoverEmits\n> = createComponent<\n InlinePopoverProps,\n InlinePopoverEmits\n>(\n 'prosekit-inline-popover',\n 'InlinePopover',\n Object.keys(inlinePopoverProps),\n Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n inlinePopoverProps,\n inlinePopoverEvents,\n type InlinePopoverProps as Props,\n type InlinePopoverEvents as Events,\n} from '@prosekit/web/inline-popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverEmits extends CreateEmits<Events> {}\n\nexport const InlinePopover: DefineSetupFnComponent<\n InlinePopoverProps & HTMLAttributes,\n InlinePopoverEmits\n> = createComponent<\n InlinePopoverProps,\n InlinePopoverEmits\n>(\n 'prosekit-inline-popover',\n 'InlinePopover',\n Object.keys(inlinePopoverProps),\n Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-popover.js","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n popoverContentProps,\n popoverContentEvents,\n type PopoverContentProps as Props,\n type PopoverContentEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverContent} component.\n */\nexport interface PopoverContentEmits extends CreateEmits<Events> {}\n\nexport const PopoverContent: DefineSetupFnComponent<\n PopoverContentProps & HTMLAttributes,\n PopoverContentEmits\n> = createComponent<\n PopoverContentProps,\n PopoverContentEmits\n>(\n 'prosekit-popover-content',\n 'PopoverContent',\n Object.keys(popoverContentProps),\n Object.keys(popoverContentEvents),\n)\n","import {\n popoverRootProps,\n popoverRootEvents,\n type PopoverRootProps as Props,\n type PopoverRootEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootEmits extends CreateEmits<Events> {}\n\nexport const PopoverRoot: DefineSetupFnComponent<\n PopoverRootProps & HTMLAttributes,\n PopoverRootEmits\n> = createComponent<\n PopoverRootProps,\n PopoverRootEmits\n>(\n 'prosekit-popover-root',\n 'PopoverRoot',\n Object.keys(popoverRootProps),\n Object.keys(popoverRootEvents),\n)\n","import {\n popoverTriggerProps,\n popoverTriggerEvents,\n type PopoverTriggerProps as Props,\n type PopoverTriggerEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerEmits extends CreateEmits<Events> {}\n\nexport const PopoverTrigger: DefineSetupFnComponent<\n PopoverTriggerProps & HTMLAttributes,\n PopoverTriggerEmits\n> = createComponent<\n PopoverTriggerProps,\n PopoverTriggerEmits\n>(\n 'prosekit-popover-trigger',\n 'PopoverTrigger',\n Object.keys(popoverTriggerProps),\n Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,cAGT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACXD,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-popover.js","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n popoverContentProps,\n popoverContentEvents,\n type PopoverContentProps as Props,\n type PopoverContentEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverContent} component.\n */\nexport interface PopoverContentEmits extends CreateEmits<Events> {}\n\nexport const PopoverContent: DefineSetupFnComponent<\n PopoverContentProps & HTMLAttributes,\n PopoverContentEmits\n> = createComponent<\n PopoverContentProps,\n PopoverContentEmits\n>(\n 'prosekit-popover-content',\n 'PopoverContent',\n Object.keys(popoverContentProps),\n Object.keys(popoverContentEvents),\n)\n","import {\n popoverRootProps,\n popoverRootEvents,\n type PopoverRootProps as Props,\n type PopoverRootEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverRoot} component.\n */\nexport interface PopoverRootEmits extends CreateEmits<Events> {}\n\nexport const PopoverRoot: DefineSetupFnComponent<\n PopoverRootProps & HTMLAttributes,\n PopoverRootEmits\n> = createComponent<\n PopoverRootProps,\n PopoverRootEmits\n>(\n 'prosekit-popover-root',\n 'PopoverRoot',\n Object.keys(popoverRootProps),\n Object.keys(popoverRootEvents),\n)\n","import {\n popoverTriggerProps,\n popoverTriggerEvents,\n type PopoverTriggerProps as Props,\n type PopoverTriggerEvents as Events,\n} from '@prosekit/web/popover'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link PopoverTrigger} component.\n */\nexport interface PopoverTriggerEmits extends CreateEmits<Events> {}\n\nexport const PopoverTrigger: DefineSetupFnComponent<\n PopoverTriggerProps & HTMLAttributes,\n PopoverTriggerEmits\n> = createComponent<\n PopoverTriggerProps,\n PopoverTriggerEmits\n>(\n 'prosekit-popover-trigger',\n 'PopoverTrigger',\n Object.keys(popoverTriggerProps),\n Object.keys(popoverTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,cAGT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACXD,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-resizable.js","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"sourcesContent":["import {\n resizableHandleProps,\n resizableHandleEvents,\n type ResizableHandleProps as Props,\n type ResizableHandleEvents as Events,\n} from '@prosekit/web/resizable'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleEmits extends CreateEmits<Events> {}\n\nexport const ResizableHandle: DefineSetupFnComponent<\n ResizableHandleProps & HTMLAttributes,\n ResizableHandleEmits\n> = createComponent<\n ResizableHandleProps,\n ResizableHandleEmits\n>(\n 'prosekit-resizable-handle',\n 'ResizableHandle',\n Object.keys(resizableHandleProps),\n Object.keys(resizableHandleEvents),\n)\n","import {\n resizableRootProps,\n resizableRootEvents,\n type ResizableRootProps as Props,\n type ResizableRootEvents as Events,\n} from '@prosekit/web/resizable'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootEmits extends CreateEmits<Events> {}\n\nexport const ResizableRoot: DefineSetupFnComponent<\n ResizableRootProps & HTMLAttributes,\n ResizableRootEmits\n> = createComponent<\n ResizableRootProps,\n ResizableRootEmits\n>(\n 'prosekit-resizable-root',\n 'ResizableRoot',\n Object.keys(resizableRootProps),\n Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,kBAGT,gBAIF,6BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACXD,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-resizable.js","names":[],"sources":["../src/components/resizable/resizable-handle.gen.ts","../src/components/resizable/resizable-root.gen.ts"],"sourcesContent":["import {\n resizableHandleProps,\n resizableHandleEvents,\n type ResizableHandleProps as Props,\n type ResizableHandleEvents as Events,\n} from '@prosekit/web/resizable'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link ResizableHandle} component.\n */\nexport interface ResizableHandleEmits extends CreateEmits<Events> {}\n\nexport const ResizableHandle: DefineSetupFnComponent<\n ResizableHandleProps & HTMLAttributes,\n ResizableHandleEmits\n> = createComponent<\n ResizableHandleProps,\n ResizableHandleEmits\n>(\n 'prosekit-resizable-handle',\n 'ResizableHandle',\n Object.keys(resizableHandleProps),\n Object.keys(resizableHandleEvents),\n)\n","import {\n resizableRootProps,\n resizableRootEvents,\n type ResizableRootProps as Props,\n type ResizableRootEvents as Events,\n} from '@prosekit/web/resizable'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link ResizableRoot} component.\n */\nexport interface ResizableRootEmits extends CreateEmits<Events> {}\n\nexport const ResizableRoot: DefineSetupFnComponent<\n ResizableRootProps & HTMLAttributes,\n ResizableRootEmits\n> = createComponent<\n ResizableRootProps,\n ResizableRootEmits\n>(\n 'prosekit-resizable-root',\n 'ResizableRoot',\n Object.keys(resizableRootProps),\n Object.keys(resizableRootEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,kBAGT,gBAIF,6BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACXD,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-table-handle.js","names":[],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n tableHandleColumnRootProps,\n tableHandleColumnRootEvents,\n type TableHandleColumnRootProps as Props,\n type TableHandleColumnRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleColumnRoot: DefineSetupFnComponent<\n TableHandleColumnRootProps & HTMLAttributes,\n TableHandleColumnRootEmits\n> = createComponent<\n TableHandleColumnRootProps,\n TableHandleColumnRootEmits\n>(\n 'prosekit-table-handle-column-root',\n 'TableHandleColumnRoot',\n Object.keys(tableHandleColumnRootProps),\n Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n tableHandleColumnTriggerProps,\n tableHandleColumnTriggerEvents,\n type TableHandleColumnTriggerProps as Props,\n type TableHandleColumnTriggerEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerEmits extends CreateEmits<Events> {}\n\nexport const TableHandleColumnTrigger: DefineSetupFnComponent<\n TableHandleColumnTriggerProps & HTMLAttributes,\n TableHandleColumnTriggerEmits\n> = createComponent<\n TableHandleColumnTriggerProps,\n TableHandleColumnTriggerEmits\n>(\n 'prosekit-table-handle-column-trigger',\n 'TableHandleColumnTrigger',\n Object.keys(tableHandleColumnTriggerProps),\n Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n tableHandleDragPreviewProps,\n tableHandleDragPreviewEvents,\n type TableHandleDragPreviewProps as Props,\n type TableHandleDragPreviewEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewEmits extends CreateEmits<Events> {}\n\nexport const TableHandleDragPreview: DefineSetupFnComponent<\n TableHandleDragPreviewProps & HTMLAttributes,\n TableHandleDragPreviewEmits\n> = createComponent<\n TableHandleDragPreviewProps,\n TableHandleDragPreviewEmits\n>(\n 'prosekit-table-handle-drag-preview',\n 'TableHandleDragPreview',\n Object.keys(tableHandleDragPreviewProps),\n Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n tableHandleDropIndicatorProps,\n tableHandleDropIndicatorEvents,\n type TableHandleDropIndicatorProps as Props,\n type TableHandleDropIndicatorEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorEmits extends CreateEmits<Events> {}\n\nexport const TableHandleDropIndicator: DefineSetupFnComponent<\n TableHandleDropIndicatorProps & HTMLAttributes,\n TableHandleDropIndicatorEmits\n> = createComponent<\n TableHandleDropIndicatorProps,\n TableHandleDropIndicatorEmits\n>(\n 'prosekit-table-handle-drop-indicator',\n 'TableHandleDropIndicator',\n Object.keys(tableHandleDropIndicatorProps),\n Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n tableHandlePopoverContentProps,\n tableHandlePopoverContentEvents,\n type TableHandlePopoverContentProps as Props,\n type TableHandlePopoverContentEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentEmits extends CreateEmits<Events> {}\n\nexport const TableHandlePopoverContent: DefineSetupFnComponent<\n TableHandlePopoverContentProps & HTMLAttributes,\n TableHandlePopoverContentEmits\n> = createComponent<\n TableHandlePopoverContentProps,\n TableHandlePopoverContentEmits\n>(\n 'prosekit-table-handle-popover-content',\n 'TableHandlePopoverContent',\n Object.keys(tableHandlePopoverContentProps),\n Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n tableHandlePopoverItemProps,\n tableHandlePopoverItemEvents,\n type TableHandlePopoverItemProps as Props,\n type TableHandlePopoverItemEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemEmits extends CreateEmits<Events> {}\n\nexport const TableHandlePopoverItem: DefineSetupFnComponent<\n TableHandlePopoverItemProps & HTMLAttributes,\n TableHandlePopoverItemEmits\n> = createComponent<\n TableHandlePopoverItemProps,\n TableHandlePopoverItemEmits\n>(\n 'prosekit-table-handle-popover-item',\n 'TableHandlePopoverItem',\n Object.keys(tableHandlePopoverItemProps),\n Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n tableHandleRootProps,\n tableHandleRootEvents,\n type TableHandleRootProps as Props,\n type TableHandleRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRoot: DefineSetupFnComponent<\n TableHandleRootProps & HTMLAttributes,\n TableHandleRootEmits\n> = createComponent<\n TableHandleRootProps,\n TableHandleRootEmits\n>(\n 'prosekit-table-handle-root',\n 'TableHandleRoot',\n Object.keys(tableHandleRootProps),\n Object.keys(tableHandleRootEvents),\n)\n","import {\n tableHandleRowRootProps,\n tableHandleRowRootEvents,\n type TableHandleRowRootProps as Props,\n type TableHandleRowRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRowRoot: DefineSetupFnComponent<\n TableHandleRowRootProps & HTMLAttributes,\n TableHandleRowRootEmits\n> = createComponent<\n TableHandleRowRootProps,\n TableHandleRowRootEmits\n>(\n 'prosekit-table-handle-row-root',\n 'TableHandleRowRoot',\n Object.keys(tableHandleRowRootProps),\n Object.keys(tableHandleRowRootEvents),\n)\n","import {\n tableHandleRowTriggerProps,\n tableHandleRowTriggerEvents,\n type TableHandleRowTriggerProps as Props,\n type TableHandleRowTriggerEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRowTrigger: DefineSetupFnComponent<\n TableHandleRowTriggerProps & HTMLAttributes,\n TableHandleRowTriggerEmits\n> = createComponent<\n TableHandleRowTriggerProps,\n TableHandleRowTriggerEmits\n>(\n 'prosekit-table-handle-row-trigger',\n 'TableHandleRowTrigger',\n Object.keys(tableHandleRowTriggerProps),\n Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,wBAGT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACXD,MAAa,2BAGT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACXD,MAAa,yBAGT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACXD,MAAa,2BAGT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACXD,MAAa,4BAGT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACXD,MAAa,yBAGT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACXD,MAAa,kBAGT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACXD,MAAa,qBAGT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACXD,MAAa,wBAGT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-table-handle.js","names":[],"sources":["../src/components/table-handle/table-handle-column-root.gen.ts","../src/components/table-handle/table-handle-column-trigger.gen.ts","../src/components/table-handle/table-handle-drag-preview.gen.ts","../src/components/table-handle/table-handle-drop-indicator.gen.ts","../src/components/table-handle/table-handle-popover-content.gen.ts","../src/components/table-handle/table-handle-popover-item.gen.ts","../src/components/table-handle/table-handle-root.gen.ts","../src/components/table-handle/table-handle-row-root.gen.ts","../src/components/table-handle/table-handle-row-trigger.gen.ts"],"sourcesContent":["import {\n tableHandleColumnRootProps,\n tableHandleColumnRootEvents,\n type TableHandleColumnRootProps as Props,\n type TableHandleColumnRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleColumnRoot} component.\n */\nexport interface TableHandleColumnRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleColumnRoot: DefineSetupFnComponent<\n TableHandleColumnRootProps & HTMLAttributes,\n TableHandleColumnRootEmits\n> = createComponent<\n TableHandleColumnRootProps,\n TableHandleColumnRootEmits\n>(\n 'prosekit-table-handle-column-root',\n 'TableHandleColumnRoot',\n Object.keys(tableHandleColumnRootProps),\n Object.keys(tableHandleColumnRootEvents),\n)\n","import {\n tableHandleColumnTriggerProps,\n tableHandleColumnTriggerEvents,\n type TableHandleColumnTriggerProps as Props,\n type TableHandleColumnTriggerEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleColumnTrigger} component.\n */\nexport interface TableHandleColumnTriggerEmits extends CreateEmits<Events> {}\n\nexport const TableHandleColumnTrigger: DefineSetupFnComponent<\n TableHandleColumnTriggerProps & HTMLAttributes,\n TableHandleColumnTriggerEmits\n> = createComponent<\n TableHandleColumnTriggerProps,\n TableHandleColumnTriggerEmits\n>(\n 'prosekit-table-handle-column-trigger',\n 'TableHandleColumnTrigger',\n Object.keys(tableHandleColumnTriggerProps),\n Object.keys(tableHandleColumnTriggerEvents),\n)\n","import {\n tableHandleDragPreviewProps,\n tableHandleDragPreviewEvents,\n type TableHandleDragPreviewProps as Props,\n type TableHandleDragPreviewEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleDragPreview} component.\n */\nexport interface TableHandleDragPreviewEmits extends CreateEmits<Events> {}\n\nexport const TableHandleDragPreview: DefineSetupFnComponent<\n TableHandleDragPreviewProps & HTMLAttributes,\n TableHandleDragPreviewEmits\n> = createComponent<\n TableHandleDragPreviewProps,\n TableHandleDragPreviewEmits\n>(\n 'prosekit-table-handle-drag-preview',\n 'TableHandleDragPreview',\n Object.keys(tableHandleDragPreviewProps),\n Object.keys(tableHandleDragPreviewEvents),\n)\n","import {\n tableHandleDropIndicatorProps,\n tableHandleDropIndicatorEvents,\n type TableHandleDropIndicatorProps as Props,\n type TableHandleDropIndicatorEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleDropIndicator} component.\n */\nexport interface TableHandleDropIndicatorEmits extends CreateEmits<Events> {}\n\nexport const TableHandleDropIndicator: DefineSetupFnComponent<\n TableHandleDropIndicatorProps & HTMLAttributes,\n TableHandleDropIndicatorEmits\n> = createComponent<\n TableHandleDropIndicatorProps,\n TableHandleDropIndicatorEmits\n>(\n 'prosekit-table-handle-drop-indicator',\n 'TableHandleDropIndicator',\n Object.keys(tableHandleDropIndicatorProps),\n Object.keys(tableHandleDropIndicatorEvents),\n)\n","import {\n tableHandlePopoverContentProps,\n tableHandlePopoverContentEvents,\n type TableHandlePopoverContentProps as Props,\n type TableHandlePopoverContentEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandlePopoverContent} component.\n */\nexport interface TableHandlePopoverContentEmits extends CreateEmits<Events> {}\n\nexport const TableHandlePopoverContent: DefineSetupFnComponent<\n TableHandlePopoverContentProps & HTMLAttributes,\n TableHandlePopoverContentEmits\n> = createComponent<\n TableHandlePopoverContentProps,\n TableHandlePopoverContentEmits\n>(\n 'prosekit-table-handle-popover-content',\n 'TableHandlePopoverContent',\n Object.keys(tableHandlePopoverContentProps),\n Object.keys(tableHandlePopoverContentEvents),\n)\n","import {\n tableHandlePopoverItemProps,\n tableHandlePopoverItemEvents,\n type TableHandlePopoverItemProps as Props,\n type TableHandlePopoverItemEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandlePopoverItem} component.\n */\nexport interface TableHandlePopoverItemEmits extends CreateEmits<Events> {}\n\nexport const TableHandlePopoverItem: DefineSetupFnComponent<\n TableHandlePopoverItemProps & HTMLAttributes,\n TableHandlePopoverItemEmits\n> = createComponent<\n TableHandlePopoverItemProps,\n TableHandlePopoverItemEmits\n>(\n 'prosekit-table-handle-popover-item',\n 'TableHandlePopoverItem',\n Object.keys(tableHandlePopoverItemProps),\n Object.keys(tableHandlePopoverItemEvents),\n)\n","import {\n tableHandleRootProps,\n tableHandleRootEvents,\n type TableHandleRootProps as Props,\n type TableHandleRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRoot} component.\n */\nexport interface TableHandleRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRoot: DefineSetupFnComponent<\n TableHandleRootProps & HTMLAttributes,\n TableHandleRootEmits\n> = createComponent<\n TableHandleRootProps,\n TableHandleRootEmits\n>(\n 'prosekit-table-handle-root',\n 'TableHandleRoot',\n Object.keys(tableHandleRootProps),\n Object.keys(tableHandleRootEvents),\n)\n","import {\n tableHandleRowRootProps,\n tableHandleRowRootEvents,\n type TableHandleRowRootProps as Props,\n type TableHandleRowRootEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRowRoot} component.\n */\nexport interface TableHandleRowRootEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRowRoot: DefineSetupFnComponent<\n TableHandleRowRootProps & HTMLAttributes,\n TableHandleRowRootEmits\n> = createComponent<\n TableHandleRowRootProps,\n TableHandleRowRootEmits\n>(\n 'prosekit-table-handle-row-root',\n 'TableHandleRowRoot',\n Object.keys(tableHandleRowRootProps),\n Object.keys(tableHandleRowRootEvents),\n)\n","import {\n tableHandleRowTriggerProps,\n tableHandleRowTriggerEvents,\n type TableHandleRowTriggerProps as Props,\n type TableHandleRowTriggerEvents as Events,\n} from '@prosekit/web/table-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TableHandleRowTrigger} component.\n */\nexport interface TableHandleRowTriggerEmits extends CreateEmits<Events> {}\n\nexport const TableHandleRowTrigger: DefineSetupFnComponent<\n TableHandleRowTriggerProps & HTMLAttributes,\n TableHandleRowTriggerEmits\n> = createComponent<\n TableHandleRowTriggerProps,\n TableHandleRowTriggerEmits\n>(\n 'prosekit-table-handle-row-trigger',\n 'TableHandleRowTrigger',\n Object.keys(tableHandleRowTriggerProps),\n Object.keys(tableHandleRowTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,wBAGT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC;;;;ACXD,MAAa,2BAGT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACXD,MAAa,yBAGT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACXD,MAAa,2BAGT,gBAIF,wCACA,4BACA,OAAO,KAAK,8BAA8B,EAC1C,OAAO,KAAK,+BAA+B,CAC5C;;;;ACXD,MAAa,4BAGT,gBAIF,yCACA,6BACA,OAAO,KAAK,+BAA+B,EAC3C,OAAO,KAAK,gCAAgC,CAC7C;;;;ACXD,MAAa,yBAGT,gBAIF,sCACA,0BACA,OAAO,KAAK,4BAA4B,EACxC,OAAO,KAAK,6BAA6B,CAC1C;;;;ACXD,MAAa,kBAGT,gBAIF,8BACA,mBACA,OAAO,KAAK,qBAAqB,EACjC,OAAO,KAAK,sBAAsB,CACnC;;;;ACXD,MAAa,qBAGT,gBAIF,kCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC;;;;ACXD,MAAa,wBAGT,gBAIF,qCACA,yBACA,OAAO,KAAK,2BAA2B,EACvC,OAAO,KAAK,4BAA4B,CACzC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n tooltipContentProps,\n tooltipContentEvents,\n type TooltipContentProps as Props,\n type TooltipContentEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipContent} component.\n */\nexport interface TooltipContentEmits extends CreateEmits<Events> {}\n\nexport const TooltipContent: DefineSetupFnComponent<\n TooltipContentProps & HTMLAttributes,\n TooltipContentEmits\n> = createComponent<\n TooltipContentProps,\n TooltipContentEmits\n>(\n 'prosekit-tooltip-content',\n 'TooltipContent',\n Object.keys(tooltipContentProps),\n Object.keys(tooltipContentEvents),\n)\n","import {\n tooltipRootProps,\n tooltipRootEvents,\n type TooltipRootProps as Props,\n type TooltipRootEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootEmits extends CreateEmits<Events> {}\n\nexport const TooltipRoot: DefineSetupFnComponent<\n TooltipRootProps & HTMLAttributes,\n TooltipRootEmits\n> = createComponent<\n TooltipRootProps,\n TooltipRootEmits\n>(\n 'prosekit-tooltip-root',\n 'TooltipRoot',\n Object.keys(tooltipRootProps),\n Object.keys(tooltipRootEvents),\n)\n","import {\n tooltipTriggerProps,\n tooltipTriggerEvents,\n type TooltipTriggerProps as Props,\n type TooltipTriggerEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component'\nimport type { CreateEmits } from '../create-emits'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerEmits extends CreateEmits<Events> {}\n\nexport const TooltipTrigger: DefineSetupFnComponent<\n TooltipTriggerProps & HTMLAttributes,\n TooltipTriggerEmits\n> = createComponent<\n TooltipTriggerProps,\n TooltipTriggerEmits\n>(\n 'prosekit-tooltip-trigger',\n 'TooltipTrigger',\n Object.keys(tooltipTriggerProps),\n Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,cAGT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACXD,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n tooltipContentProps,\n tooltipContentEvents,\n type TooltipContentProps as Props,\n type TooltipContentEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipContent} component.\n */\nexport interface TooltipContentEmits extends CreateEmits<Events> {}\n\nexport const TooltipContent: DefineSetupFnComponent<\n TooltipContentProps & HTMLAttributes,\n TooltipContentEmits\n> = createComponent<\n TooltipContentProps,\n TooltipContentEmits\n>(\n 'prosekit-tooltip-content',\n 'TooltipContent',\n Object.keys(tooltipContentProps),\n Object.keys(tooltipContentEvents),\n)\n","import {\n tooltipRootProps,\n tooltipRootEvents,\n type TooltipRootProps as Props,\n type TooltipRootEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootEmits extends CreateEmits<Events> {}\n\nexport const TooltipRoot: DefineSetupFnComponent<\n TooltipRootProps & HTMLAttributes,\n TooltipRootEmits\n> = createComponent<\n TooltipRootProps,\n TooltipRootEmits\n>(\n 'prosekit-tooltip-root',\n 'TooltipRoot',\n Object.keys(tooltipRootProps),\n Object.keys(tooltipRootEvents),\n)\n","import {\n tooltipTriggerProps,\n tooltipTriggerEvents,\n type TooltipTriggerProps as Props,\n type TooltipTriggerEvents as Events,\n} from '@prosekit/web/tooltip'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerEmits extends CreateEmits<Events> {}\n\nexport const TooltipTrigger: DefineSetupFnComponent<\n TooltipTriggerProps & HTMLAttributes,\n TooltipTriggerEmits\n> = createComponent<\n TooltipTriggerProps,\n TooltipTriggerEmits\n>(\n 'prosekit-tooltip-trigger',\n 'TooltipTrigger',\n Object.keys(tooltipTriggerProps),\n Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;;AAqBA,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;;ACXD,MAAa,cAGT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;;ACXD,MAAa,iBAGT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
package/dist/prosekit-vue.d.ts
CHANGED
|
@@ -103,22 +103,6 @@ extension: MaybeRefOrGetter<Extension | null>, options?: UseExtensionOptions): v
|
|
|
103
103
|
*/
|
|
104
104
|
declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
|
|
105
105
|
//#endregion
|
|
106
|
-
//#region src/hooks/use-editor.d.ts
|
|
107
|
-
/**
|
|
108
|
-
* Retrieves the editor instance from the nearest ProseKit component.
|
|
109
|
-
*
|
|
110
|
-
* @public
|
|
111
|
-
*/
|
|
112
|
-
declare function useEditor<E extends Extension = any>(options?: {
|
|
113
|
-
/**
|
|
114
|
-
* Whether to update the component when the editor is mounted or editor state
|
|
115
|
-
* is updated.
|
|
116
|
-
*
|
|
117
|
-
* @default false
|
|
118
|
-
*/
|
|
119
|
-
update?: boolean;
|
|
120
|
-
}): ShallowRef<Editor<E>>;
|
|
121
|
-
//#endregion
|
|
122
106
|
//#region src/hooks/use-editor-derived-value.d.ts
|
|
123
107
|
interface UseEditorDerivedOptions<E extends Extension = any> {
|
|
124
108
|
/**
|
|
@@ -149,6 +133,22 @@ declare function useEditorDerivedValue<E extends Extension, Derived>(
|
|
|
149
133
|
|
|
150
134
|
derive: (editor: Editor<E>) => Derived, options?: UseEditorDerivedOptions<E>): ShallowRef<Derived>;
|
|
151
135
|
//#endregion
|
|
136
|
+
//#region src/hooks/use-editor.d.ts
|
|
137
|
+
/**
|
|
138
|
+
* Retrieves the editor instance from the nearest ProseKit component.
|
|
139
|
+
*
|
|
140
|
+
* @public
|
|
141
|
+
*/
|
|
142
|
+
declare function useEditor<E extends Extension = any>(options?: {
|
|
143
|
+
/**
|
|
144
|
+
* Whether to update the component when the editor is mounted or editor state
|
|
145
|
+
* is updated.
|
|
146
|
+
*
|
|
147
|
+
* @default false
|
|
148
|
+
*/
|
|
149
|
+
update?: boolean;
|
|
150
|
+
}): ShallowRef<Editor<E>>;
|
|
151
|
+
//#endregion
|
|
152
152
|
//#region src/hooks/use-keymap.d.ts
|
|
153
153
|
declare function useKeymap(keymap: MaybeRefOrGetter<Keymap>, options?: UseExtensionOptions): void;
|
|
154
154
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor
|
|
1
|
+
{"version":3,"file":"prosekit-vue.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"mappings":";;;;;;;;UAQiB,aAAA;EACf,MAAA,EAAQ,MAAA;AAAA;;;;AADV;;cASa,QAAA,EAAU,sBAAA,CAAuB,aAAA;;;;;;UCE7B,gBAAA,SAAyB,eAAA;;;;KAK9B,oBAAA,GAAuB,eAAA,CAAgB,gBAAA;ADPnD;;;;;AAAA,UCciB,kBAAA,SAA2B,uBAAA,CAAwB,oBAAA;;;AAZpE;EAgBE,IAAA;AAAA;;;;AAJF;;iBAqCgB,iBAAA,CAAkB,OAAA,EAAS,kBAAA,GAAqB,SAAA;;;;;;UCjD/C,gBAAA,SAAyB,eAAA;;;;KAK9B,oBAAA,GAAuB,eAAA,CAAgB,gBAAA;AFPnD;;;;;AAAA,UEciB,kBAAA,SAA2B,uBAAA,CAAwB,oBAAA;;;ADZpE;ECgBE,IAAA;AAAA;;;;ADJF;;iBCqCgB,iBAAA,CAAkB,OAAA,EAAS,kBAAA,GAAqB,SAAA;;;UC9D/C,mBAAA;;;;;EAKf,MAAA,GAAS,gBAAA,CAAiB,MAAA;EHHX;;;EGQf,QAAA,GAAW,QAAA;AAAA;AHCb;;;;;AAAA,iBGOgB,YAAA;;;AFLhB;;;AEUE,SAAA,EAAW,gBAAA,CAAiB,SAAA,UAC5B,OAAA,GAAU,mBAAA;;;;;;;;iBCpBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;;;UCPK,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,gBAAA,CAAiB,MAAA,CAAO,CAAA;AAAA;;;;;ALOnC;;;;;;;;iBKQgB,qBAAA,WAAgC,SAAA,UAAA;;;;;AJDhD;;;AIQE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,UAAA,CAAW,OAAA;;;;;;;;iBCxBE,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;ENFpC;;;;;AASjB;EMAE,MAAA;AAAA,IACE,UAAA,CAAW,MAAA,CAAO,CAAA;;;iBCbN,SAAA,CACd,MAAA,EAAQ,gBAAA,CAAiB,MAAA,GACzB,OAAA,GAAU,mBAAA;;;;;;;;iBCGI,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA"}
|
package/dist/prosekit-vue.js
CHANGED
|
@@ -40,6 +40,12 @@ function useExtension(extension, options) {
|
|
|
40
40
|
useEditorExtension(options?.editor, usePriorityExtension(extension, options?.priority));
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/extensions/helpers.ts
|
|
45
|
+
function renderNothing() {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
|
|
43
49
|
//#endregion
|
|
44
50
|
//#region src/extensions/vue-mark-view.ts
|
|
45
51
|
function withMarkViewProps(component) {
|
|
@@ -61,7 +67,7 @@ const VueMarkViewsConsumer = /* @__PURE__ */ defineComponent({
|
|
|
61
67
|
useExtension(computed(() => {
|
|
62
68
|
return defineVueMarkViewFactory(markViewFactory);
|
|
63
69
|
}));
|
|
64
|
-
return
|
|
70
|
+
return renderNothing;
|
|
65
71
|
}
|
|
66
72
|
});
|
|
67
73
|
/**
|
|
@@ -108,7 +114,7 @@ const VueNodeViewsConsumer = /* @__PURE__ */ defineComponent({
|
|
|
108
114
|
useExtension(computed(() => {
|
|
109
115
|
return defineVueNodeViewFactory(nodeViewFactory);
|
|
110
116
|
}));
|
|
111
|
-
return
|
|
117
|
+
return renderNothing;
|
|
112
118
|
}
|
|
113
119
|
});
|
|
114
120
|
/**
|
|
@@ -182,11 +188,13 @@ function useEditor(options) {
|
|
|
182
188
|
const editor = useEditorContext();
|
|
183
189
|
if (!editor) throw new ProseKitError("useEditor must be used within the ProseKit component");
|
|
184
190
|
const editorRef = shallowRef(editor);
|
|
185
|
-
if (update)
|
|
191
|
+
if (update) {
|
|
186
192
|
const forceUpdate = () => triggerRef(editorRef);
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
193
|
+
onMounted(() => {
|
|
194
|
+
const extension = union(defineMountHandler(forceUpdate), defineUpdateHandler(forceUpdate));
|
|
195
|
+
onUnmounted(editor.use(extension));
|
|
196
|
+
});
|
|
197
|
+
}
|
|
190
198
|
return editorRef;
|
|
191
199
|
}
|
|
192
200
|
|
package/dist/prosekit-vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-vue.js","names":[],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n editorRef: MaybeRefOrGetter<Editor> | null | undefined,\n extensionRef: MaybeRefOrGetter<Extension | null> | null,\n): void {\n const editorContext = useEditorContext()\n\n watchPostEffect((onCleanup) => {\n const editor = toValue(editorRef) || toValue(editorContext)\n const extension = toValue(extensionRef)\n\n if (!editor) {\n throw new EditorNotFoundError()\n }\n if (extension) {\n onCleanup(editor.use(extension))\n }\n })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n extension: MaybeRefOrGetter<T | null>,\n priority: Priority | null | undefined,\n): ComputedRef<T | null> {\n return computed(() => {\n const ext = toValue(extension)\n return ext && priority ? withPriority(ext, priority) : ext\n })\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { MaybeRefOrGetter } from 'vue'\n\nimport { useEditorExtension } from './use-editor-extension'\nimport { usePriorityExtension } from './use-priority-extension'\n\nexport interface UseExtensionOptions {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: MaybeRefOrGetter<Editor>\n\n /**\n * Optional priority to add the extension with.\n */\n priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n *\n * @public\n */\nexport function useExtension(\n /**\n * The ref to an extension to add to the editor. If it changes, the previous\n * extension will be removed and the new one (if not null) will be added.\n */\n extension: MaybeRefOrGetter<Extension | null>,\n options?: UseExtensionOptions,\n): void {\n useEditorExtension(\n options?.editor,\n usePriorityExtension(extension, options?.priority),\n )\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useMarkViewContext,\n useMarkViewFactory,\n type MarkViewContext,\n type MarkViewFactory,\n type VueMarkViewUserOptions,\n} from '@prosemirror-adapter/vue'\nimport { computed, defineComponent, h, type DefineComponent } from 'vue'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface VueMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type VueMarkViewComponent = DefineComponent<VueMarkViewProps, any, any>\n\n/**\n * Options for {@link defineVueMarkView}.\n *\n * @public\n */\nexport interface VueMarkViewOptions extends CoreMarkViewUserOptions<VueMarkViewComponent> {\n /**\n * The name of the mark type.\n */\n name: string\n}\n\nfunction withMarkViewProps(component: VueMarkViewComponent) {\n return defineComponent({\n name: 'MarkViewPropsWrapper',\n setup: () => {\n const props: Readonly<VueMarkViewProps> = useMarkViewContext()\n return () => h(component, props)\n },\n })\n}\n\n/**\n * @internal\n */\nexport const VueMarkViewsConsumer: DefineComponent = /* @__PURE__ */ defineComponent({\n name: 'VueMarkViewsConsumer',\n setup: () => {\n const markViewFactory: MarkViewFactory = useMarkViewFactory()\n const extension = computed(() => {\n return defineVueMarkViewFactory(markViewFactory)\n })\n useExtension(extension)\n return (): null => null\n },\n})\n\n/**\n * Defines a mark view using a Vue component.\n *\n * @public\n */\nexport function defineVueMarkView(options: VueMarkViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: VueMarkViewUserOptions = {\n ...userOptions,\n component: withMarkViewProps(component),\n }\n\n return defineMarkViewComponent<VueMarkViewUserOptions>({\n group: 'vue',\n name,\n args,\n })\n}\n\nfunction defineVueMarkViewFactory(\n factory: (options: VueMarkViewUserOptions) => MarkViewConstructor,\n) {\n return defineMarkViewFactory<VueMarkViewUserOptions>({\n group: 'vue',\n factory,\n })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useNodeViewContext,\n useNodeViewFactory,\n type NodeViewContext,\n type NodeViewFactory,\n type VueNodeViewUserOptions,\n} from '@prosemirror-adapter/vue'\nimport { computed, defineComponent, h, type DefineComponent } from 'vue'\n\nimport { useExtension } from '../hooks/use-extension'\n\n/**\n * @public\n */\nexport interface VueNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type VueNodeViewComponent = DefineComponent<VueNodeViewProps, any, any>\n\n/**\n * Options for {@link defineVueNodeView}.\n *\n * @public\n */\nexport interface VueNodeViewOptions extends CoreNodeViewUserOptions<VueNodeViewComponent> {\n /**\n * The name of the node type.\n */\n name: string\n}\n\nfunction withNodeViewProps(component: VueNodeViewComponent) {\n return defineComponent({\n name: 'NodeViewPropsWrapper',\n setup: () => {\n const props: Readonly<VueNodeViewProps> = useNodeViewContext()\n return () => h(component, props)\n },\n })\n}\n\n/**\n * @internal\n */\nexport const VueNodeViewsConsumer: DefineComponent = /* @__PURE__ */ defineComponent({\n name: 'VueNodeViewsConsumer',\n setup: () => {\n const nodeViewFactory: NodeViewFactory = useNodeViewFactory()\n const extension = computed(() => {\n return defineVueNodeViewFactory(nodeViewFactory)\n })\n useExtension(extension)\n return (): null => null\n },\n})\n\n/**\n * Defines a node view using a Vue component.\n *\n * @public\n */\nexport function defineVueNodeView(options: VueNodeViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: VueNodeViewUserOptions = {\n ...userOptions,\n component: withNodeViewProps(component),\n }\n\n return defineNodeViewComponent<VueNodeViewUserOptions>({\n group: 'vue',\n name,\n args,\n })\n}\n\nfunction defineVueNodeViewFactory(\n factory: (options: VueNodeViewUserOptions) => NodeViewConstructor,\n) {\n return defineNodeViewFactory<VueNodeViewUserOptions>({\n group: 'vue',\n factory,\n })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/vue'\nimport { defineComponent, h, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { VueMarkViewsConsumer } from '../extensions/vue-mark-view'\nimport { VueNodeViewsConsumer } from '../extensions/vue-node-view'\nimport { provideEditor } from '../injection/editor-context'\n\nexport interface ProseKitProps {\n editor: Editor\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: DefineSetupFnComponent<ProseKitProps> = defineComponent<ProseKitProps>({\n name: 'ProseKit',\n props: { editor: { type: Object as PropType<Editor>, required: true } },\n setup: (props, { slots }) => {\n provideEditor(props.editor)\n return () => {\n return h(ProsemirrorAdapterProvider, null, () => [\n h(VueNodeViewsConsumer),\n h(VueMarkViewsConsumer),\n slots.default?.(),\n ])\n }\n },\n})\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n handler: (doc: ProseMirrorNode) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { onMounted, onUnmounted, shallowRef, triggerRef, type ShallowRef } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n /**\n * Whether to update the component when the editor is mounted or editor state\n * is updated.\n *\n * @default false\n */\n update?: boolean\n}): ShallowRef<Editor<E>> {\n const update = options?.update ?? false\n\n const editor = useEditorContext<E>()\n if (!editor) {\n throw new ProseKitError(\n 'useEditor must be used within the ProseKit component',\n )\n }\n\n const editorRef = shallowRef<Editor<E>>(editor)\n\n if (update) {\n onMounted(() => {\n const forceUpdate = () => triggerRef(editorRef)\n const extension = union(\n defineMountHandler(forceUpdate),\n defineUpdateHandler(forceUpdate),\n )\n const dispose = editor.use(extension)\n onUnmounted(dispose)\n })\n }\n\n return editorRef\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter, type Ref, type ShallowRef } from 'vue'\n\nimport { useEditor } from './use-editor'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: MaybeRefOrGetter<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns a shallow ref of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n /**\n * A function that receives the editor instance and returns a derived value.\n *\n * It will be called whenever the editor's document state changes, or when it\n * mounts.\n */\n derive: (editor: Editor<E>) => Derived,\n options?: UseEditorDerivedOptions<E>,\n): ShallowRef<Derived> {\n const initialEditor = options?.editor\n const editorAccessor: Ref<Editor<E>> = initialEditor\n ? computed(() => toValue(initialEditor))\n : useEditor<E>({ update: true })\n\n return computed(() => derive(toValue(editorAccessor)))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\nexport function useKeymap(\n keymap: MaybeRefOrGetter<Keymap>,\n options?: UseExtensionOptions,\n): void {\n const extension = computed(() => defineKeymap(toValue(keymap)))\n useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n handler: (state: EditorState) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = defineUpdateHandler((view) => handler(view.state))\n useExtension(extension, options)\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,mBACd,WACA,cACM;CACN,MAAM,gBAAgB,kBAAkB;AAExC,kBAAiB,cAAc;EAC7B,MAAM,SAAS,QAAQ,UAAU,IAAI,QAAQ,cAAc;EAC3D,MAAM,YAAY,QAAQ,aAAa;AAEvC,MAAI,CAAC,OACH,OAAM,IAAI,qBAAqB;AAEjC,MAAI,UACF,WAAU,OAAO,IAAI,UAAU,CAAC;GAElC;;;;;;;;AClBJ,SAAgB,qBACd,WACA,UACuB;AACvB,QAAO,eAAe;EACpB,MAAM,MAAM,QAAQ,UAAU;AAC9B,SAAO,OAAO,WAAW,aAAa,KAAK,SAAS,GAAG;GACvD;;;;;;;;;;ACWJ,SAAgB,aAKd,WACA,SACM;AACN,oBACE,SAAS,QACT,qBAAqB,WAAW,SAAS,SAAS,CACnD;;;;;ACCH,SAAS,kBAAkB,WAAiC;AAC1D,QAAO,gBAAgB;EACrB,MAAM;EACN,aAAa;GACX,MAAM,QAAoC,oBAAoB;AAC9D,gBAAa,EAAE,WAAW,MAAM;;EAEnC,CAAC;;;;;AAMJ,MAAa,uBAAwD,gCAAgB;CACnF,MAAM;CACN,aAAa;EACX,MAAM,kBAAmC,oBAAoB;AAI7D,eAHkB,eAAe;AAC/B,UAAO,yBAAyB,gBAAgB;IAChD,CACqB;AACvB,eAAmB;;CAEtB,CAAC;;;;;;AAOF,SAAgB,kBAAkB,SAAwC;CACxE,MAAM,EAAE,MAAM,WAAW,GAAG,gBAAgB;AAO5C,QAAO,wBAAgD;EACrD,OAAO;EACP;EACA,MARmC;GACnC,GAAG;GACH,WAAW,kBAAkB,UAAU;GACxC;EAMA,CAAC;;AAGJ,SAAS,yBACP,SACA;AACA,QAAO,sBAA8C;EACnD,OAAO;EACP;EACD,CAAC;;;;;ACnDJ,SAAS,kBAAkB,WAAiC;AAC1D,QAAO,gBAAgB;EACrB,MAAM;EACN,aAAa;GACX,MAAM,QAAoC,oBAAoB;AAC9D,gBAAa,EAAE,WAAW,MAAM;;EAEnC,CAAC;;;;;AAMJ,MAAa,uBAAwD,gCAAgB;CACnF,MAAM;CACN,aAAa;EACX,MAAM,kBAAmC,oBAAoB;AAI7D,eAHkB,eAAe;AAC/B,UAAO,yBAAyB,gBAAgB;IAChD,CACqB;AACvB,eAAmB;;CAEtB,CAAC;;;;;;AAOF,SAAgB,kBAAkB,SAAwC;CACxE,MAAM,EAAE,MAAM,WAAW,GAAG,gBAAgB;AAO5C,QAAO,wBAAgD;EACrD,OAAO;EACP;EACA,MARmC;GACnC,GAAG;GACH,WAAW,kBAAkB,UAAU;GACxC;EAMA,CAAC;;AAGJ,SAAS,yBACP,SACA;AACA,QAAO,sBAA8C;EACnD,OAAO;EACP;EACD,CAAC;;;;;;;;;;ACtEJ,MAAa,WAAkD,gBAA+B;CAC5F,MAAM;CACN,OAAO,EAAE,QAAQ;EAAE,MAAM;EAA4B,UAAU;EAAM,EAAE;CACvE,QAAQ,OAAO,EAAE,YAAY;AAC3B,gBAAc,MAAM,OAAO;AAC3B,eAAa;AACX,UAAO,EAAE,4BAA4B,YAAY;IAC/C,EAAE,qBAAqB;IACvB,EAAE,qBAAqB;IACvB,MAAM,WAAW;IAClB,CAAC;;;CAGP,CAAC;;;;;;;;;ACpBF,SAAgB,aACd,SACA,SACM;AAEN,cADkB,wBAAwB,SAAS,QAAQ,KAAK,MAAM,IAAI,CAAC,EACnD,QAAQ;;;;;;;;;;ACLlC,SAAgB,UAAqC,SAQ3B;CACxB,MAAM,SAAS,SAAS,UAAU;CAElC,MAAM,SAAS,kBAAqB;AACpC,KAAI,CAAC,OACH,OAAM,IAAI,cACR,uDACD;CAGH,MAAM,YAAY,WAAsB,OAAO;AAE/C,KAAI,OACF,iBAAgB;EACd,MAAM,oBAAoB,WAAW,UAAU;EAC/C,MAAM,YAAY,MAChB,mBAAmB,YAAY,EAC/B,oBAAoB,YAAY,CACjC;AAED,cADgB,OAAO,IAAI,UAAU,CACjB;GACpB;AAGJ,QAAO;;;;;;;;;;;;;;;;;ACjBT,SAAgB,sBAOd,QACA,SACqB;CACrB,MAAM,gBAAgB,SAAS;CAC/B,MAAM,iBAAiC,gBACnC,eAAe,QAAQ,cAAc,CAAC,GACtC,UAAa,EAAE,QAAQ,MAAM,CAAC;AAElC,QAAO,eAAe,OAAO,QAAQ,eAAe,CAAC,CAAC;;;;;ACnCxD,SAAgB,UACd,QACA,SACM;AAEN,cADkB,eAAe,aAAa,QAAQ,OAAO,CAAC,CAAC,EACvC,QAAQ;;;;;;;;;;ACAlC,SAAgB,eACd,SACA,SACM;AAEN,cADkB,qBAAqB,SAAS,QAAQ,KAAK,MAAM,CAAC,EAC5C,QAAQ"}
|
|
1
|
+
{"version":3,"file":"prosekit-vue.js","names":[],"sources":["../src/hooks/use-editor-extension.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/extensions/helpers.ts","../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/components/prosekit.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n editorRef: MaybeRefOrGetter<Editor> | null | undefined,\n extensionRef: MaybeRefOrGetter<Extension | null> | null,\n): void {\n const editorContext = useEditorContext()\n\n watchPostEffect((onCleanup) => {\n const editor = toValue(editorRef) || toValue(editorContext)\n const extension = toValue(extensionRef)\n\n if (!editor) {\n throw new EditorNotFoundError()\n }\n if (extension) {\n onCleanup(editor.use(extension))\n }\n })\n}\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n extension: MaybeRefOrGetter<T | null>,\n priority: Priority | null | undefined,\n): ComputedRef<T | null> {\n return computed(() => {\n const ext = toValue(extension)\n return ext && priority ? withPriority(ext, priority) : ext\n })\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { MaybeRefOrGetter } from 'vue'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: MaybeRefOrGetter<Editor>\n\n /**\n * Optional priority to add the extension with.\n */\n priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n *\n * @public\n */\nexport function useExtension(\n /**\n * The ref to an extension to add to the editor. If it changes, the previous\n * extension will be removed and the new one (if not null) will be added.\n */\n extension: MaybeRefOrGetter<Extension | null>,\n options?: UseExtensionOptions,\n): void {\n useEditorExtension(\n options?.editor,\n usePriorityExtension(extension, options?.priority),\n )\n}\n","export function renderNothing(): null {\n return null\n}\n","import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { MarkViewConstructor } from '@prosekit/pm/view'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useMarkViewContext,\n useMarkViewFactory,\n type MarkViewContext,\n type MarkViewFactory,\n type VueMarkViewUserOptions,\n} from '@prosemirror-adapter/vue'\nimport { computed, defineComponent, h, type DefineComponent } from 'vue'\n\nimport { useExtension } from '../hooks/use-extension.ts'\n\nimport { renderNothing } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface VueMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type VueMarkViewComponent = DefineComponent<VueMarkViewProps, any, any>\n\n/**\n * Options for {@link defineVueMarkView}.\n *\n * @public\n */\nexport interface VueMarkViewOptions extends CoreMarkViewUserOptions<VueMarkViewComponent> {\n /**\n * The name of the mark type.\n */\n name: string\n}\n\nfunction withMarkViewProps(component: VueMarkViewComponent) {\n return defineComponent({\n name: 'MarkViewPropsWrapper',\n setup: () => {\n const props: Readonly<VueMarkViewProps> = useMarkViewContext()\n return () => h(component, props)\n },\n })\n}\n\n/**\n * @internal\n */\nexport const VueMarkViewsConsumer: DefineComponent = /* @__PURE__ */ defineComponent({\n name: 'VueMarkViewsConsumer',\n setup: () => {\n const markViewFactory: MarkViewFactory = useMarkViewFactory()\n const extension = computed(() => {\n return defineVueMarkViewFactory(markViewFactory)\n })\n useExtension(extension)\n return renderNothing\n },\n})\n\n/**\n * Defines a mark view using a Vue component.\n *\n * @public\n */\nexport function defineVueMarkView(options: VueMarkViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: VueMarkViewUserOptions = {\n ...userOptions,\n component: withMarkViewProps(component),\n }\n\n return defineMarkViewComponent<VueMarkViewUserOptions>({\n group: 'vue',\n name,\n args,\n })\n}\n\nfunction defineVueMarkViewFactory(\n factory: (options: VueMarkViewUserOptions) => MarkViewConstructor,\n) {\n return defineMarkViewFactory<VueMarkViewUserOptions>({\n group: 'vue',\n factory,\n })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { NodeViewConstructor } from '@prosekit/pm/view'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n useNodeViewContext,\n useNodeViewFactory,\n type NodeViewContext,\n type NodeViewFactory,\n type VueNodeViewUserOptions,\n} from '@prosemirror-adapter/vue'\nimport { computed, defineComponent, h, type DefineComponent } from 'vue'\n\nimport { useExtension } from '../hooks/use-extension.ts'\n\nimport { renderNothing } from './helpers.ts'\n\n/**\n * @public\n */\nexport interface VueNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type VueNodeViewComponent = DefineComponent<VueNodeViewProps, any, any>\n\n/**\n * Options for {@link defineVueNodeView}.\n *\n * @public\n */\nexport interface VueNodeViewOptions extends CoreNodeViewUserOptions<VueNodeViewComponent> {\n /**\n * The name of the node type.\n */\n name: string\n}\n\nfunction withNodeViewProps(component: VueNodeViewComponent) {\n return defineComponent({\n name: 'NodeViewPropsWrapper',\n setup: () => {\n const props: Readonly<VueNodeViewProps> = useNodeViewContext()\n return () => h(component, props)\n },\n })\n}\n\n/**\n * @internal\n */\nexport const VueNodeViewsConsumer: DefineComponent = /* @__PURE__ */ defineComponent({\n name: 'VueNodeViewsConsumer',\n setup: () => {\n const nodeViewFactory: NodeViewFactory = useNodeViewFactory()\n const extension = computed(() => {\n return defineVueNodeViewFactory(nodeViewFactory)\n })\n useExtension(extension)\n return renderNothing\n },\n})\n\n/**\n * Defines a node view using a Vue component.\n *\n * @public\n */\nexport function defineVueNodeView(options: VueNodeViewOptions): Extension {\n const { name, component, ...userOptions } = options\n\n const args: VueNodeViewUserOptions = {\n ...userOptions,\n component: withNodeViewProps(component),\n }\n\n return defineNodeViewComponent<VueNodeViewUserOptions>({\n group: 'vue',\n name,\n args,\n })\n}\n\nfunction defineVueNodeViewFactory(\n factory: (options: VueNodeViewUserOptions) => NodeViewConstructor,\n) {\n return defineNodeViewFactory<VueNodeViewUserOptions>({\n group: 'vue',\n factory,\n })\n}\n","import type { Editor } from '@prosekit/core'\nimport { ProsemirrorAdapterProvider } from '@prosemirror-adapter/vue'\nimport { defineComponent, h, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { VueMarkViewsConsumer } from '../extensions/vue-mark-view.ts'\nimport { VueNodeViewsConsumer } from '../extensions/vue-node-view.ts'\nimport { provideEditor } from '../injection/editor-context.ts'\n\nexport interface ProseKitProps {\n editor: Editor\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: DefineSetupFnComponent<ProseKitProps> = defineComponent<ProseKitProps>({\n name: 'ProseKit',\n props: { editor: { type: Object as PropType<Editor>, required: true } },\n setup: (props, { slots }) => {\n provideEditor(props.editor)\n return () => {\n return h(ProsemirrorAdapterProvider, null, () => [\n h(VueNodeViewsConsumer),\n h(VueMarkViewsConsumer),\n slots.default?.(),\n ])\n }\n },\n})\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n handler: (doc: ProseMirrorNode) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { onMounted, onUnmounted, shallowRef, triggerRef, type ShallowRef } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n /**\n * Whether to update the component when the editor is mounted or editor state\n * is updated.\n *\n * @default false\n */\n update?: boolean\n}): ShallowRef<Editor<E>> {\n const update = options?.update ?? false\n\n const editor = useEditorContext<E>()\n if (!editor) {\n throw new ProseKitError(\n 'useEditor must be used within the ProseKit component',\n )\n }\n\n const editorRef = shallowRef<Editor<E>>(editor)\n\n if (update) {\n const forceUpdate = () => triggerRef(editorRef)\n onMounted(() => {\n const extension = union(\n defineMountHandler(forceUpdate),\n defineUpdateHandler(forceUpdate),\n )\n const dispose = editor.use(extension)\n onUnmounted(dispose)\n })\n }\n\n return editorRef\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter, type Ref, type ShallowRef } from 'vue'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n /**\n * The editor to add the extension to. If not provided, it will use the\n * editor from the nearest `<ProseKit>` component.\n */\n editor?: MaybeRefOrGetter<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns a shallow ref of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n /**\n * A function that receives the editor instance and returns a derived value.\n *\n * It will be called whenever the editor's document state changes, or when it\n * mounts.\n */\n derive: (editor: Editor<E>) => Derived,\n options?: UseEditorDerivedOptions<E>,\n): ShallowRef<Derived> {\n const initialEditor = options?.editor\n const editorAccessor: Ref<Editor<E>> = initialEditor\n ? computed(() => toValue(initialEditor))\n : useEditor<E>({ update: true })\n\n return computed(() => derive(toValue(editorAccessor)))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(\n keymap: MaybeRefOrGetter<Keymap>,\n options?: UseExtensionOptions,\n): void {\n const extension = computed(() => defineKeymap(toValue(keymap)))\n useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n handler: (state: EditorState) => void,\n options?: UseExtensionOptions,\n): void {\n const extension = defineUpdateHandler((view) => handler(view.state))\n useExtension(extension, options)\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,mBACd,WACA,cACM;CACN,MAAM,gBAAgB,kBAAkB;AAExC,kBAAiB,cAAc;EAC7B,MAAM,SAAS,QAAQ,UAAU,IAAI,QAAQ,cAAc;EAC3D,MAAM,YAAY,QAAQ,aAAa;AAEvC,MAAI,CAAC,OACH,OAAM,IAAI,qBAAqB;AAEjC,MAAI,UACF,WAAU,OAAO,IAAI,UAAU,CAAC;GAElC;;;;;;;;AClBJ,SAAgB,qBACd,WACA,UACuB;AACvB,QAAO,eAAe;EACpB,MAAM,MAAM,QAAQ,UAAU;AAC9B,SAAO,OAAO,WAAW,aAAa,KAAK,SAAS,GAAG;GACvD;;;;;;;;;;ACWJ,SAAgB,aAKd,WACA,SACM;AACN,oBACE,SAAS,QACT,qBAAqB,WAAW,SAAS,SAAS,CACnD;;;;;ACnCH,SAAgB,gBAAsB;AACpC,QAAO;;;;;ACqCT,SAAS,kBAAkB,WAAiC;AAC1D,QAAO,gBAAgB;EACrB,MAAM;EACN,aAAa;GACX,MAAM,QAAoC,oBAAoB;AAC9D,gBAAa,EAAE,WAAW,MAAM;;EAEnC,CAAC;;;;;AAMJ,MAAa,uBAAwD,gCAAgB;CACnF,MAAM;CACN,aAAa;EACX,MAAM,kBAAmC,oBAAoB;AAI7D,eAHkB,eAAe;AAC/B,UAAO,yBAAyB,gBAAgB;IAChD,CACqB;AACvB,SAAO;;CAEV,CAAC;;;;;;AAOF,SAAgB,kBAAkB,SAAwC;CACxE,MAAM,EAAE,MAAM,WAAW,GAAG,gBAAgB;AAO5C,QAAO,wBAAgD;EACrD,OAAO;EACP;EACA,MARmC;GACnC,GAAG;GACH,WAAW,kBAAkB,UAAU;GACxC;EAMA,CAAC;;AAGJ,SAAS,yBACP,SACA;AACA,QAAO,sBAA8C;EACnD,OAAO;EACP;EACD,CAAC;;;;;ACnDJ,SAAS,kBAAkB,WAAiC;AAC1D,QAAO,gBAAgB;EACrB,MAAM;EACN,aAAa;GACX,MAAM,QAAoC,oBAAoB;AAC9D,gBAAa,EAAE,WAAW,MAAM;;EAEnC,CAAC;;;;;AAMJ,MAAa,uBAAwD,gCAAgB;CACnF,MAAM;CACN,aAAa;EACX,MAAM,kBAAmC,oBAAoB;AAI7D,eAHkB,eAAe;AAC/B,UAAO,yBAAyB,gBAAgB;IAChD,CACqB;AACvB,SAAO;;CAEV,CAAC;;;;;;AAOF,SAAgB,kBAAkB,SAAwC;CACxE,MAAM,EAAE,MAAM,WAAW,GAAG,gBAAgB;AAO5C,QAAO,wBAAgD;EACrD,OAAO;EACP;EACA,MARmC;GACnC,GAAG;GACH,WAAW,kBAAkB,UAAU;GACxC;EAMA,CAAC;;AAGJ,SAAS,yBACP,SACA;AACA,QAAO,sBAA8C;EACnD,OAAO;EACP;EACD,CAAC;;;;;;;;;;ACxEJ,MAAa,WAAkD,gBAA+B;CAC5F,MAAM;CACN,OAAO,EAAE,QAAQ;EAAE,MAAM;EAA4B,UAAU;EAAM,EAAE;CACvE,QAAQ,OAAO,EAAE,YAAY;AAC3B,gBAAc,MAAM,OAAO;AAC3B,eAAa;AACX,UAAO,EAAE,4BAA4B,YAAY;IAC/C,EAAE,qBAAqB;IACvB,EAAE,qBAAqB;IACvB,MAAM,WAAW;IAClB,CAAC;;;CAGP,CAAC;;;;;;;;;ACpBF,SAAgB,aACd,SACA,SACM;AAEN,cADkB,wBAAwB,SAAS,QAAQ,KAAK,MAAM,IAAI,CAAC,EACnD,QAAQ;;;;;;;;;;ACLlC,SAAgB,UAAqC,SAQ3B;CACxB,MAAM,SAAS,SAAS,UAAU;CAElC,MAAM,SAAS,kBAAqB;AACpC,KAAI,CAAC,OACH,OAAM,IAAI,cACR,uDACD;CAGH,MAAM,YAAY,WAAsB,OAAO;AAE/C,KAAI,QAAQ;EACV,MAAM,oBAAoB,WAAW,UAAU;AAC/C,kBAAgB;GACd,MAAM,YAAY,MAChB,mBAAmB,YAAY,EAC/B,oBAAoB,YAAY,CACjC;AAED,eADgB,OAAO,IAAI,UAAU,CACjB;IACpB;;AAGJ,QAAO;;;;;;;;;;;;;;;;;ACjBT,SAAgB,sBAOd,QACA,SACqB;CACrB,MAAM,gBAAgB,SAAS;CAC/B,MAAM,iBAAiC,gBACnC,eAAe,QAAQ,cAAc,CAAC,GACtC,UAAa,EAAE,QAAQ,MAAM,CAAC;AAElC,QAAO,eAAe,OAAO,QAAQ,eAAe,CAAC,CAAC;;;;;ACnCxD,SAAgB,UACd,QACA,SACM;AAEN,cADkB,eAAe,aAAa,QAAQ,OAAO,CAAC,CAAC,EACvC,QAAQ;;;;;;;;;;ACAlC,SAAgB,eACd,SACA,SACM;AAEN,cADkB,qBAAqB,SAAS,QAAQ,KAAK,MAAM,CAAC,EAC5C,QAAQ"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.7",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Vue components and utilities for ProseKit",
|
|
7
7
|
"author": {
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@prosemirror-adapter/vue": "^0.4.6",
|
|
73
73
|
"@prosekit/core": "^0.10.0",
|
|
74
74
|
"@prosekit/pm": "^0.1.15",
|
|
75
|
-
"@prosekit/web": "^0.7.
|
|
75
|
+
"@prosekit/web": "^0.7.12"
|
|
76
76
|
},
|
|
77
77
|
"peerDependencies": {
|
|
78
78
|
"vue": ">= 3.0.0"
|
|
@@ -87,10 +87,11 @@
|
|
|
87
87
|
"@vue/test-utils": "^2.4.6",
|
|
88
88
|
"tsdown": "^0.20.3",
|
|
89
89
|
"typescript": "~5.9.3",
|
|
90
|
-
"vitest": "^4.0.
|
|
90
|
+
"vitest": "^4.1.0-beta.4",
|
|
91
91
|
"vue": "^3.5.28",
|
|
92
|
-
"@prosekit/config-
|
|
93
|
-
"@prosekit/config-
|
|
92
|
+
"@prosekit/config-tsdown": "0.0.0",
|
|
93
|
+
"@prosekit/config-ts": "0.0.0",
|
|
94
|
+
"@prosekit/config-vitest": "0.0.0"
|
|
94
95
|
},
|
|
95
96
|
"publishConfig": {
|
|
96
97
|
"dev": {}
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/autocomplete'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link AutocompleteEmpty} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/autocomplete'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link AutocompleteItem} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/autocomplete'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link AutocompleteList} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/autocomplete'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link AutocompletePopover} component.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { AutocompleteEmpty, type AutocompleteEmptyProps, type AutocompleteEmptyEmits } from './autocomplete-empty.gen'
|
|
1
|
+
export { AutocompleteEmpty, type AutocompleteEmptyProps, type AutocompleteEmptyEmits } from './autocomplete-empty.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { AutocompleteItem, type AutocompleteItemProps, type AutocompleteItemEmits } from './autocomplete-item.gen'
|
|
3
|
+
export { AutocompleteItem, type AutocompleteItemProps, type AutocompleteItemEmits } from './autocomplete-item.gen.ts'
|
|
4
4
|
|
|
5
|
-
export { AutocompleteList, type AutocompleteListProps, type AutocompleteListEmits } from './autocomplete-list.gen'
|
|
5
|
+
export { AutocompleteList, type AutocompleteListProps, type AutocompleteListEmits } from './autocomplete-list.gen.ts'
|
|
6
6
|
|
|
7
|
-
export { AutocompletePopover, type AutocompletePopoverProps, type AutocompletePopoverEmits } from './autocomplete-popover.gen'
|
|
7
|
+
export { AutocompletePopover, type AutocompletePopoverProps, type AutocompletePopoverEmits } from './autocomplete-popover.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/block-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link BlockHandleAdd} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/block-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link BlockHandleDraggable} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/block-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link BlockHandlePopover} component.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { BlockHandleAdd, type BlockHandleAddProps, type BlockHandleAddEmits } from './block-handle-add.gen'
|
|
1
|
+
export { BlockHandleAdd, type BlockHandleAddProps, type BlockHandleAddEmits } from './block-handle-add.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { BlockHandleDraggable, type BlockHandleDraggableProps, type BlockHandleDraggableEmits } from './block-handle-draggable.gen'
|
|
3
|
+
export { BlockHandleDraggable, type BlockHandleDraggableProps, type BlockHandleDraggableEmits } from './block-handle-draggable.gen.ts'
|
|
4
4
|
|
|
5
|
-
export { BlockHandlePopover, type BlockHandlePopoverProps, type BlockHandlePopoverEmits } from './block-handle-popover.gen'
|
|
5
|
+
export { BlockHandlePopover, type BlockHandlePopoverProps, type BlockHandlePopoverEmits } from './block-handle-popover.gen.ts'
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, h, onMounted, ref, watchEffect, type DefineSetupFnComponent, type EmitsOptions, type HTMLAttributes } from 'vue'
|
|
2
2
|
|
|
3
|
-
import { useEditorContext } from '../injection/editor-context'
|
|
3
|
+
import { useEditorContext } from '../injection/editor-context.ts'
|
|
4
4
|
|
|
5
5
|
export function createComponent<
|
|
6
6
|
Props extends { [PropName in keyof Props]: unknown },
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/drop-indicator'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link DropIndicator} component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { DropIndicator, type DropIndicatorProps, type DropIndicatorEmits } from './drop-indicator.gen'
|
|
1
|
+
export { DropIndicator, type DropIndicatorProps, type DropIndicatorEmits } from './drop-indicator.gen.ts'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { InlinePopover, type InlinePopoverProps, type InlinePopoverEmits } from './inline-popover.gen'
|
|
1
|
+
export { InlinePopover, type InlinePopoverProps, type InlinePopoverEmits } from './inline-popover.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/inline-popover'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link InlinePopover} component.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { PopoverContent, type PopoverContentProps, type PopoverContentEmits } from './popover-content.gen'
|
|
1
|
+
export { PopoverContent, type PopoverContentProps, type PopoverContentEmits } from './popover-content.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { PopoverRoot, type PopoverRootProps, type PopoverRootEmits } from './popover-root.gen'
|
|
3
|
+
export { PopoverRoot, type PopoverRootProps, type PopoverRootEmits } from './popover-root.gen.ts'
|
|
4
4
|
|
|
5
|
-
export { PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerEmits } from './popover-trigger.gen'
|
|
5
|
+
export { PopoverTrigger, type PopoverTriggerProps, type PopoverTriggerEmits } from './popover-trigger.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/popover'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link PopoverContent} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/popover'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link PopoverRoot} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/popover'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link PopoverTrigger} component.
|
|
@@ -2,9 +2,9 @@ import type { Editor } from '@prosekit/core'
|
|
|
2
2
|
import { ProsemirrorAdapterProvider } from '@prosemirror-adapter/vue'
|
|
3
3
|
import { defineComponent, h, type DefineSetupFnComponent, type PropType } from 'vue'
|
|
4
4
|
|
|
5
|
-
import { VueMarkViewsConsumer } from '../extensions/vue-mark-view'
|
|
6
|
-
import { VueNodeViewsConsumer } from '../extensions/vue-node-view'
|
|
7
|
-
import { provideEditor } from '../injection/editor-context'
|
|
5
|
+
import { VueMarkViewsConsumer } from '../extensions/vue-mark-view.ts'
|
|
6
|
+
import { VueNodeViewsConsumer } from '../extensions/vue-node-view.ts'
|
|
7
|
+
import { provideEditor } from '../injection/editor-context.ts'
|
|
8
8
|
|
|
9
9
|
export interface ProseKitProps {
|
|
10
10
|
editor: Editor
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { ResizableHandle, type ResizableHandleProps, type ResizableHandleEmits } from './resizable-handle.gen'
|
|
1
|
+
export { ResizableHandle, type ResizableHandleProps, type ResizableHandleEmits } from './resizable-handle.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { ResizableRoot, type ResizableRootProps, type ResizableRootEmits } from './resizable-root.gen'
|
|
3
|
+
export { ResizableRoot, type ResizableRootProps, type ResizableRootEmits } from './resizable-root.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/resizable'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link ResizableHandle} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/resizable'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link ResizableRoot} component.
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export { TableHandleColumnRoot, type TableHandleColumnRootProps, type TableHandleColumnRootEmits } from './table-handle-column-root.gen'
|
|
1
|
+
export { TableHandleColumnRoot, type TableHandleColumnRootProps, type TableHandleColumnRootEmits } from './table-handle-column-root.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { TableHandleColumnTrigger, type TableHandleColumnTriggerProps, type TableHandleColumnTriggerEmits } from './table-handle-column-trigger.gen'
|
|
3
|
+
export { TableHandleColumnTrigger, type TableHandleColumnTriggerProps, type TableHandleColumnTriggerEmits } from './table-handle-column-trigger.gen.ts'
|
|
4
4
|
|
|
5
|
-
export { TableHandleDragPreview, type TableHandleDragPreviewProps, type TableHandleDragPreviewEmits } from './table-handle-drag-preview.gen'
|
|
5
|
+
export { TableHandleDragPreview, type TableHandleDragPreviewProps, type TableHandleDragPreviewEmits } from './table-handle-drag-preview.gen.ts'
|
|
6
6
|
|
|
7
|
-
export { TableHandleDropIndicator, type TableHandleDropIndicatorProps, type TableHandleDropIndicatorEmits } from './table-handle-drop-indicator.gen'
|
|
7
|
+
export { TableHandleDropIndicator, type TableHandleDropIndicatorProps, type TableHandleDropIndicatorEmits } from './table-handle-drop-indicator.gen.ts'
|
|
8
8
|
|
|
9
|
-
export { TableHandlePopoverContent, type TableHandlePopoverContentProps, type TableHandlePopoverContentEmits } from './table-handle-popover-content.gen'
|
|
9
|
+
export { TableHandlePopoverContent, type TableHandlePopoverContentProps, type TableHandlePopoverContentEmits } from './table-handle-popover-content.gen.ts'
|
|
10
10
|
|
|
11
|
-
export { TableHandlePopoverItem, type TableHandlePopoverItemProps, type TableHandlePopoverItemEmits } from './table-handle-popover-item.gen'
|
|
11
|
+
export { TableHandlePopoverItem, type TableHandlePopoverItemProps, type TableHandlePopoverItemEmits } from './table-handle-popover-item.gen.ts'
|
|
12
12
|
|
|
13
|
-
export { TableHandleRoot, type TableHandleRootProps, type TableHandleRootEmits } from './table-handle-root.gen'
|
|
13
|
+
export { TableHandleRoot, type TableHandleRootProps, type TableHandleRootEmits } from './table-handle-root.gen.ts'
|
|
14
14
|
|
|
15
|
-
export { TableHandleRowRoot, type TableHandleRowRootProps, type TableHandleRowRootEmits } from './table-handle-row-root.gen'
|
|
15
|
+
export { TableHandleRowRoot, type TableHandleRowRootProps, type TableHandleRowRootEmits } from './table-handle-row-root.gen.ts'
|
|
16
16
|
|
|
17
|
-
export { TableHandleRowTrigger, type TableHandleRowTriggerProps, type TableHandleRowTriggerEmits } from './table-handle-row-trigger.gen'
|
|
17
|
+
export { TableHandleRowTrigger, type TableHandleRowTriggerProps, type TableHandleRowTriggerEmits } from './table-handle-row-trigger.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleColumnRoot} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleColumnTrigger} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleDragPreview} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleDropIndicator} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandlePopoverContent} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandlePopoverItem} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleRoot} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleRowRoot} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/table-handle'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TableHandleRowTrigger} component.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { TooltipContent, type TooltipContentProps, type TooltipContentEmits } from './tooltip-content.gen'
|
|
1
|
+
export { TooltipContent, type TooltipContentProps, type TooltipContentEmits } from './tooltip-content.gen.ts'
|
|
2
2
|
|
|
3
|
-
export { TooltipRoot, type TooltipRootProps, type TooltipRootEmits } from './tooltip-root.gen'
|
|
3
|
+
export { TooltipRoot, type TooltipRootProps, type TooltipRootEmits } from './tooltip-root.gen.ts'
|
|
4
4
|
|
|
5
|
-
export { TooltipTrigger, type TooltipTriggerProps, type TooltipTriggerEmits } from './tooltip-trigger.gen'
|
|
5
|
+
export { TooltipTrigger, type TooltipTriggerProps, type TooltipTriggerEmits } from './tooltip-trigger.gen.ts'
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/tooltip'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TooltipContent} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/tooltip'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TooltipRoot} component.
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
} from '@prosekit/web/tooltip'
|
|
7
7
|
import type { DefineSetupFnComponent, HTMLAttributes } from 'vue'
|
|
8
8
|
|
|
9
|
-
import { createComponent } from '../create-component'
|
|
10
|
-
import type { CreateEmits } from '../create-emits'
|
|
9
|
+
import { createComponent } from '../create-component.ts'
|
|
10
|
+
import type { CreateEmits } from '../create-emits.ts'
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Props for the {@link TooltipTrigger} component.
|
|
@@ -10,7 +10,9 @@ import {
|
|
|
10
10
|
} from '@prosemirror-adapter/vue'
|
|
11
11
|
import { computed, defineComponent, h, type DefineComponent } from 'vue'
|
|
12
12
|
|
|
13
|
-
import { useExtension } from '../hooks/use-extension'
|
|
13
|
+
import { useExtension } from '../hooks/use-extension.ts'
|
|
14
|
+
|
|
15
|
+
import { renderNothing } from './helpers.ts'
|
|
14
16
|
|
|
15
17
|
/**
|
|
16
18
|
* @public
|
|
@@ -55,7 +57,7 @@ export const VueMarkViewsConsumer: DefineComponent = /* @__PURE__ */ defineCompo
|
|
|
55
57
|
return defineVueMarkViewFactory(markViewFactory)
|
|
56
58
|
})
|
|
57
59
|
useExtension(extension)
|
|
58
|
-
return
|
|
60
|
+
return renderNothing
|
|
59
61
|
},
|
|
60
62
|
})
|
|
61
63
|
|
|
@@ -10,7 +10,9 @@ import {
|
|
|
10
10
|
} from '@prosemirror-adapter/vue'
|
|
11
11
|
import { computed, defineComponent, h, type DefineComponent } from 'vue'
|
|
12
12
|
|
|
13
|
-
import { useExtension } from '../hooks/use-extension'
|
|
13
|
+
import { useExtension } from '../hooks/use-extension.ts'
|
|
14
|
+
|
|
15
|
+
import { renderNothing } from './helpers.ts'
|
|
14
16
|
|
|
15
17
|
/**
|
|
16
18
|
* @public
|
|
@@ -55,7 +57,7 @@ export const VueNodeViewsConsumer: DefineComponent = /* @__PURE__ */ defineCompo
|
|
|
55
57
|
return defineVueNodeViewFactory(nodeViewFactory)
|
|
56
58
|
})
|
|
57
59
|
useExtension(extension)
|
|
58
|
-
return
|
|
60
|
+
return renderNothing
|
|
59
61
|
},
|
|
60
62
|
})
|
|
61
63
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineDocChangeHandler } from '@prosekit/core'
|
|
2
2
|
import type { ProseMirrorNode } from '@prosekit/pm/model'
|
|
3
3
|
|
|
4
|
-
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
4
|
+
import { useExtension, type UseExtensionOptions } from './use-extension.ts'
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Calls the given handler whenever the editor document changes.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Editor, Extension } from '@prosekit/core'
|
|
2
2
|
import { computed, toValue, type MaybeRefOrGetter, type Ref, type ShallowRef } from 'vue'
|
|
3
3
|
|
|
4
|
-
import { useEditor } from './use-editor'
|
|
4
|
+
import { useEditor } from './use-editor.ts'
|
|
5
5
|
|
|
6
6
|
export interface UseEditorDerivedOptions<E extends Extension = any> {
|
|
7
7
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'
|
|
2
2
|
import { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue'
|
|
3
3
|
|
|
4
|
-
import { useEditorContext } from '../injection/editor-context'
|
|
4
|
+
import { useEditorContext } from '../injection/editor-context.ts'
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* @internal
|
package/src/hooks/use-editor.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'
|
|
2
2
|
import { onMounted, onUnmounted, shallowRef, triggerRef, type ShallowRef } from 'vue'
|
|
3
3
|
|
|
4
|
-
import { useEditorContext } from '../injection/editor-context'
|
|
4
|
+
import { useEditorContext } from '../injection/editor-context.ts'
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Retrieves the editor instance from the nearest ProseKit component.
|
|
@@ -29,8 +29,8 @@ export function useEditor<E extends Extension = any>(options?: {
|
|
|
29
29
|
const editorRef = shallowRef<Editor<E>>(editor)
|
|
30
30
|
|
|
31
31
|
if (update) {
|
|
32
|
+
const forceUpdate = () => triggerRef(editorRef)
|
|
32
33
|
onMounted(() => {
|
|
33
|
-
const forceUpdate = () => triggerRef(editorRef)
|
|
34
34
|
const extension = union(
|
|
35
35
|
defineMountHandler(forceUpdate),
|
|
36
36
|
defineUpdateHandler(forceUpdate),
|
|
@@ -4,7 +4,7 @@ import { mount } from '@vue/test-utils'
|
|
|
4
4
|
import { describe, expect, it, vi } from 'vitest'
|
|
5
5
|
import { defineComponent } from 'vue'
|
|
6
6
|
|
|
7
|
-
import { useExtension } from './use-extension'
|
|
7
|
+
import { useExtension } from './use-extension.ts'
|
|
8
8
|
|
|
9
9
|
function defineText() {
|
|
10
10
|
return defineNodeSpec({ name: 'text', topNode: true })
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Editor, Extension, Priority } from '@prosekit/core'
|
|
2
2
|
import type { MaybeRefOrGetter } from 'vue'
|
|
3
3
|
|
|
4
|
-
import { useEditorExtension } from './use-editor-extension'
|
|
5
|
-
import { usePriorityExtension } from './use-priority-extension'
|
|
4
|
+
import { useEditorExtension } from './use-editor-extension.ts'
|
|
5
|
+
import { usePriorityExtension } from './use-priority-extension.ts'
|
|
6
6
|
|
|
7
7
|
export interface UseExtensionOptions {
|
|
8
8
|
/**
|
package/src/hooks/use-keymap.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineKeymap, type Keymap } from '@prosekit/core'
|
|
2
2
|
import { computed, toValue, type MaybeRefOrGetter } from 'vue'
|
|
3
3
|
|
|
4
|
-
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
4
|
+
import { useExtension, type UseExtensionOptions } from './use-extension.ts'
|
|
5
5
|
|
|
6
6
|
export function useKeymap(
|
|
7
7
|
keymap: MaybeRefOrGetter<Keymap>,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineUpdateHandler } from '@prosekit/core'
|
|
2
2
|
import type { EditorState } from '@prosekit/pm/state'
|
|
3
3
|
|
|
4
|
-
import { useExtension, type UseExtensionOptions } from './use-extension'
|
|
4
|
+
import { useExtension, type UseExtensionOptions } from './use-extension.ts'
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Calls the given handler whenever the editor state changes.
|
package/src/index.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { ProseKit, type ProseKitProps } from './components/prosekit'
|
|
2
|
-
export { defineVueMarkView, type VueMarkViewComponent, type VueMarkViewOptions, type VueMarkViewProps } from './extensions/vue-mark-view'
|
|
3
|
-
export { defineVueNodeView, type VueNodeViewComponent, type VueNodeViewOptions, type VueNodeViewProps } from './extensions/vue-node-view'
|
|
4
|
-
export { useDocChange } from './hooks/use-doc-change'
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export { useExtension, type UseExtensionOptions } from './hooks/use-extension'
|
|
8
|
-
export { useKeymap } from './hooks/use-keymap'
|
|
9
|
-
export { useStateUpdate } from './hooks/use-state-update'
|
|
1
|
+
export { ProseKit, type ProseKitProps } from './components/prosekit.ts'
|
|
2
|
+
export { defineVueMarkView, type VueMarkViewComponent, type VueMarkViewOptions, type VueMarkViewProps } from './extensions/vue-mark-view.ts'
|
|
3
|
+
export { defineVueNodeView, type VueNodeViewComponent, type VueNodeViewOptions, type VueNodeViewProps } from './extensions/vue-node-view.ts'
|
|
4
|
+
export { useDocChange } from './hooks/use-doc-change.ts'
|
|
5
|
+
export { useEditorDerivedValue, type UseEditorDerivedOptions } from './hooks/use-editor-derived-value.ts'
|
|
6
|
+
export { useEditor } from './hooks/use-editor.ts'
|
|
7
|
+
export { useExtension, type UseExtensionOptions } from './hooks/use-extension.ts'
|
|
8
|
+
export { useKeymap } from './hooks/use-keymap.ts'
|
|
9
|
+
export { useStateUpdate } from './hooks/use-state-update.ts'
|