@itshixun/qckeditor-vue3 1.0.0

package/dist/src/components/QCKEditorPro.vue.d.ts

@@ -0,0 +1,134 @@
+import { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5';
+type __VLS_Props = {
+    config?: EditorConfig;
+    tagName?: string;
+    disabled?: boolean;
+    disableTwoWayDataBinding?: boolean;
+    content?: string;
+    containerClass?: string;
+    sanitize?: boolean;
+    placeholder?: string;
+    minHeight?: number;
+    height?: number;
+    fitHeight?: boolean;
+    contentBgColor?: string;
+    contentBgHoverColor?: string;
+    borderRadius?: number;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    ready: (editor: ClassicEditor) => any;
+    destroy: () => any;
+    blur: (event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+    focus: (event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+    input: (data: string, event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onReady?: ((editor: ClassicEditor) => any) | undefined;
+    onDestroy?: (() => any) | undefined;
+    onBlur?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+    onFocus?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+    onInput?: ((data: string, event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+}>, {
+    config: EditorConfig;
+    tagName: string;
+    disabled: boolean;
+    disableTwoWayDataBinding: boolean;
+    placeholder: string;
+    content: string;
+    containerClass: string;
+    sanitize: boolean;
+    minHeight: number;
+    height: number;
+    fitHeight: boolean;
+    contentBgColor: string;
+    contentBgHoverColor: string;
+    borderRadius: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    classicRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+    } & {
+        config?: EditorConfig;
+        tagName?: string;
+        disabled?: boolean;
+        disableTwoWayDataBinding?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onReady?: ((editor: ClassicEditor) => any) | undefined;
+        onDestroy?: (() => any) | undefined;
+        onBlur?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+        onFocus?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+        onInput?: ((data: string, event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+    }>, {
+        ckeditorRef: import('vue').Ref<{
+            instance: ClassicEditor | undefined;
+            lastEditorData: string | undefined;
+        } | null, {
+            instance: import('vue').Ref<ClassicEditor | undefined>;
+            lastEditorData: import('vue').Ref<string | undefined>;
+        } | {
+            instance: ClassicEditor | undefined;
+            lastEditorData: string | undefined;
+        } | null>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+        ready: (editor: ClassicEditor) => any;
+        destroy: () => any;
+        blur: (event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+        focus: (event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+        input: (data: string, event: EventInfo<string, unknown>, editor: ClassicEditor) => any;
+    }, import('vue').PublicProps, {
+        config: EditorConfig;
+        tagName: string;
+        disabled: boolean;
+        disableTwoWayDataBinding: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        ckeditorRef: import('vue').ShallowUnwrapRef<{
+            instance: import('vue').Ref<ClassicEditor | undefined, ClassicEditor | undefined>;
+            lastEditorData: import('vue').Ref<string | undefined, string | undefined>;
+        }> | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+    } & {
+        config?: EditorConfig;
+        tagName?: string;
+        disabled?: boolean;
+        disableTwoWayDataBinding?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onReady?: ((editor: ClassicEditor) => any) | undefined;
+        onDestroy?: (() => any) | undefined;
+        onBlur?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+        onFocus?: ((event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+        onInput?: ((data: string, event: EventInfo<string, unknown>, editor: ClassicEditor) => any) | undefined;
+    }>, {
+        ckeditorRef: import('vue').Ref<{
+            instance: ClassicEditor | undefined;
+            lastEditorData: string | undefined;
+        } | null, {
+            instance: import('vue').Ref<ClassicEditor | undefined>;
+            lastEditorData: import('vue').Ref<string | undefined>;
+        } | {
+            instance: ClassicEditor | undefined;
+            lastEditorData: string | undefined;
+        } | null>;
+    }, {}, {}, {}, {
+        config: EditorConfig;
+        tagName: string;
+        disabled: boolean;
+        disableTwoWayDataBinding: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=QCKEditorPro.vue.d.ts.map

package/dist/src/components/QCKEditorPro.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QCKEditorPro.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCKEditorPro.vue"],"names":[],"mappings":"AAwCA;AA2VA,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAa7E,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAiPJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;YAjQH,YAAY;aACX,MAAM;cACL,OAAO;8BACS,OAAO;iBAIpB,MAAM;aAHV,MAAM;oBACC,MAAM;cACZ,OAAO;eAEN,MAAM;YACT,MAAM;eACH,OAAO;oBACF,MAAM;yBACD,MAAM;kBACb,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmYzB,wBAUG"}

package/dist/src/types.d.ts

@@ -0,0 +1,25 @@
+import { EditorConfig } from 'ckeditor5';
+/**
+ * This file contains types for the CKEditor 5 Vue component.
+ * These types were moved to a separate file, because the `vue-tsc`
+ * package couldn't generate the correct types for the component
+ * when the types were in the component file. This is a workaround
+ * that may be fixed in the next versions of `vue-tsc`.
+ */
+/**
+ * The props accepted by the `<ckeditor>` component.
+ */
+export interface Props<TEditor> {
+    editor: TEditor;
+    config?: EditorConfig;
+    tagName?: string;
+    disabled?: boolean;
+    disableTwoWayDataBinding?: boolean;
+}
+/**
+ * The editor type extracted from the editor instance type.
+ */
+export type ExtractEditorType<TEditor> = TEditor extends {
+    create(...args: Array<any>): Promise<infer E>;
+} ? E : never;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,KAAK,CAAC,OAAO;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAAI,OAAO,SAAS;IAAE,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,KAAK,CAAC"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@itshixun/qckeditor-vue3",
+  "version": "1.0.0",
+  "description": "Vue3 components for CKEditor 5",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build:lib": "vue-tsc && vite build",
+    "dev:lib": "vite build --watch",
+    "release": "pnpm build:lib && npm publish --access public"
+  },
+  "peerDependencies": {
+    "ckeditor5": ">=42.0.0",
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "ckeditor5": "^47.6.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.0.0"
+  },
+  "keywords": [
+    "ckeditor",
+    "ckeditor5",
+    "vue",
+    "vue3",
+    "editor",
+    "rich-text",
+    "wysiwyg"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}