@coze-editor/vue-components 0.1.0-alpha.09ffeb

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 coze-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/esm/index.js

@@ -0,0 +1,130 @@
+// src/placeholder.ts
+import { h, defineComponent, onBeforeMount, onUnmounted, Teleport } from "vue";
+import { useInjector } from "@coze-editor/vue";
+import { placeholder } from "@coze-editor/extension-placeholder";
+var Placeholder = defineComponent({
+  setup(_props, { slots }) {
+    const element = document.createElement("span");
+    const injector = useInjector();
+    let eject = null;
+    onBeforeMount(() => {
+      eject = injector.inject([placeholder(() => element)]);
+    });
+    onUnmounted(() => {
+      if (eject) {
+        eject();
+      }
+    });
+    return () => h(Teleport, { to: element }, [
+      slots.default ? slots.default() : void 0
+    ]);
+  }
+});
+
+// src/cursor-mirror.ts
+import {
+  defineComponent as defineComponent2,
+  onBeforeMount as onBeforeMount2,
+  onMounted,
+  onUnmounted as onUnmounted2
+} from "vue";
+import { autoUpdate } from "@floating-ui/dom";
+import { useEditorRef, useInjector as useInjector2 } from "@coze-editor/vue";
+import {
+  elementAtPosition,
+  positionElementLayer,
+  SelectionSide
+} from "@coze-editor/extensions";
+var CursorMirror = defineComponent2({
+  props: {
+    side: String,
+    onChange: Function,
+    onVisibleChange: Function
+  },
+  setup({ side, onChange, onVisibleChange }, { expose }) {
+    const injector = useInjector2();
+    const editor = useEditorRef();
+    const dom = document.createElement("div");
+    expose({ element: dom });
+    let eject = null;
+    onBeforeMount2(() => {
+      eject = injector.inject([
+        elementAtPosition.of({
+          dom,
+          pos: side
+        }),
+        positionElementLayer
+      ]);
+    });
+    onUnmounted2(() => {
+      if (typeof eject === "function") {
+        eject();
+      }
+    });
+    let disposeUpdateWatcher = null;
+    onMounted(() => {
+      const floating = document.createElement("div");
+      document.body.appendChild(floating);
+      const dispose = autoUpdate(
+        dom,
+        floating,
+        () => {
+          if (typeof onChange === "function") {
+            onChange();
+          }
+        },
+        { animationFrame: true }
+      );
+      disposeUpdateWatcher = () => {
+        document.body.removeChild(floating);
+        dispose();
+      };
+    });
+    onUnmounted2(() => {
+      if (typeof disposeUpdateWatcher === "function") {
+        disposeUpdateWatcher();
+        disposeUpdateWatcher = null;
+      }
+    });
+    let disposeVisibleWatcher = null;
+    onMounted(() => {
+      if (!editor) {
+        return;
+      }
+      const view = editor.value.$view;
+      const observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (typeof onVisibleChange === "function") {
+              onVisibleChange(entry.isIntersecting);
+            }
+          });
+        },
+        {
+          root: view.scrollDOM,
+          threshold: 0
+        }
+      );
+      observer.observe(dom);
+      disposeVisibleWatcher = () => {
+        observer.disconnect();
+      };
+    });
+    onUnmounted2(() => {
+      if (typeof disposeVisibleWatcher === "function") {
+        disposeVisibleWatcher();
+        disposeVisibleWatcher = null;
+      }
+    });
+    return {};
+  },
+  render() {
+    return null;
+  }
+});
+export {
+  CursorMirror,
+  Placeholder,
+  SelectionSide
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/placeholder.ts","../../src/cursor-mirror.ts"],"sourcesContent":["//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { h, defineComponent, onBeforeMount, onUnmounted, Teleport } from 'vue';\nimport { useInjector } from '@coze-editor/vue';\nimport { placeholder } from '@coze-editor/extension-placeholder';\n\nconst Placeholder = defineComponent({\n  setup(_props, { slots }) {\n    const element = document.createElement('span');\n\n    const injector = useInjector();\n\n    let eject: (() => void) | null = null;\n\n    onBeforeMount(() => {\n      eject = injector.inject([placeholder(() => element)]);\n    });\n\n    onUnmounted(() => {\n      if (eject) {\n        eject();\n      }\n    });\n\n    return () =>\n      h(Teleport, { to: element }, [\n        slots.default ? slots.default() : undefined,\n      ]);\n  },\n});\n\nexport { Placeholder };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport {\n  defineComponent,\n  onBeforeMount,\n  onMounted,\n  onUnmounted,\n  type PropType,\n} from 'vue';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { type BuiltinEditorAPI } from '@coze-editor/vue';\nimport { useEditorRef, useInjector } from '@coze-editor/vue';\nimport {\n  elementAtPosition,\n  positionElementLayer,\n  SelectionSide,\n} from '@coze-editor/extensions';\n\nconst CursorMirror = defineComponent({\n  props: {\n    side: String as PropType<SelectionSide>,\n    onChange: Function as PropType<() => void>,\n    onVisibleChange: Function as PropType<(visible: boolean) => void>,\n  },\n\n  setup({ side, onChange, onVisibleChange }, { expose }) {\n    const injector = useInjector();\n    const editor = useEditorRef<BuiltinEditorAPI>();\n    const dom = document.createElement('div');\n\n    expose({ element: dom });\n\n    let eject: (() => void) | null = null;\n    onBeforeMount(() => {\n      eject = injector.inject([\n        elementAtPosition.of({\n          dom,\n          pos: side!,\n        }),\n        positionElementLayer,\n      ]);\n    });\n    onUnmounted(() => {\n      if (typeof eject === 'function') {\n        eject();\n      }\n    });\n\n    // watch for position change\n    let disposeUpdateWatcher: (() => void) | null = null;\n    onMounted(() => {\n      const floating = document.createElement('div');\n      document.body.appendChild(floating);\n\n      const dispose = autoUpdate(\n        dom,\n        floating,\n        () => {\n          if (typeof onChange === 'function') {\n            onChange();\n          }\n        },\n        { animationFrame: true },\n      );\n\n      disposeUpdateWatcher = () => {\n        document.body.removeChild(floating);\n        dispose();\n      };\n    });\n    onUnmounted(() => {\n      if (typeof disposeUpdateWatcher === 'function') {\n        disposeUpdateWatcher();\n        disposeUpdateWatcher = null;\n      }\n    });\n\n    // watch for visible change\n    let disposeVisibleWatcher: (() => void) | null = null;\n    onMounted(() => {\n      if (!editor) {\n        return;\n      }\n\n      const view = editor.value!.$view;\n\n      const observer = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (typeof onVisibleChange === 'function') {\n              onVisibleChange(entry.isIntersecting);\n            }\n          });\n        },\n        {\n          root: view.scrollDOM,\n          threshold: 0,\n        },\n      );\n\n      observer.observe(dom);\n\n      disposeVisibleWatcher = () => {\n        observer.disconnect();\n      };\n    });\n    onUnmounted(() => {\n      if (typeof disposeVisibleWatcher === 'function') {\n        disposeVisibleWatcher();\n        disposeVisibleWatcher = null;\n      }\n    });\n\n    return {};\n  },\n\n  render() {\n    return null;\n  },\n});\n\nexport { CursorMirror, SelectionSide };\n"],"mappings":"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","names":["defineComponent","onBeforeMount","onUnmounted","useInjector"]}

package/dist/index.d.mts

@@ -0,0 +1,20 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { SelectionSide } from '@coze-editor/extensions';
+export { SelectionSide } from '@coze-editor/extensions';
+
+declare const Placeholder: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const CursorMirror: vue.DefineComponent<vue.ExtractPropTypes<{
+    side: PropType<SelectionSide>;
+    onChange: PropType<() => void>;
+    onVisibleChange: PropType<(visible: boolean) => void>;
+}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    side: PropType<SelectionSide>;
+    onChange: PropType<() => void>;
+    onVisibleChange: PropType<(visible: boolean) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { CursorMirror, Placeholder };

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { SelectionSide } from '@coze-editor/extensions';
+export { SelectionSide } from '@coze-editor/extensions';
+
+declare const Placeholder: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const CursorMirror: vue.DefineComponent<vue.ExtractPropTypes<{
+    side: PropType<SelectionSide>;
+    onChange: PropType<() => void>;
+    onVisibleChange: PropType<(visible: boolean) => void>;
+}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    side: PropType<SelectionSide>;
+    onChange: PropType<() => void>;
+    onVisibleChange: PropType<(visible: boolean) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { CursorMirror, Placeholder };

package/dist/index.js

@@ -0,0 +1,149 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CursorMirror: () => CursorMirror,
+  Placeholder: () => Placeholder,
+  SelectionSide: () => import_extensions.SelectionSide
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/placeholder.ts
+var import_vue = require("vue");
+var import_vue2 = require("@coze-editor/vue");
+var import_extension_placeholder = require("@coze-editor/extension-placeholder");
+var Placeholder = (0, import_vue.defineComponent)({
+  setup(_props, { slots }) {
+    const element = document.createElement("span");
+    const injector = (0, import_vue2.useInjector)();
+    let eject = null;
+    (0, import_vue.onBeforeMount)(() => {
+      eject = injector.inject([(0, import_extension_placeholder.placeholder)(() => element)]);
+    });
+    (0, import_vue.onUnmounted)(() => {
+      if (eject) {
+        eject();
+      }
+    });
+    return () => (0, import_vue.h)(import_vue.Teleport, { to: element }, [
+      slots.default ? slots.default() : void 0
+    ]);
+  }
+});
+
+// src/cursor-mirror.ts
+var import_vue3 = require("vue");
+var import_dom = require("@floating-ui/dom");
+var import_vue4 = require("@coze-editor/vue");
+var import_extensions = require("@coze-editor/extensions");
+var CursorMirror = (0, import_vue3.defineComponent)({
+  props: {
+    side: String,
+    onChange: Function,
+    onVisibleChange: Function
+  },
+  setup({ side, onChange, onVisibleChange }, { expose }) {
+    const injector = (0, import_vue4.useInjector)();
+    const editor = (0, import_vue4.useEditorRef)();
+    const dom = document.createElement("div");
+    expose({ element: dom });
+    let eject = null;
+    (0, import_vue3.onBeforeMount)(() => {
+      eject = injector.inject([
+        import_extensions.elementAtPosition.of({
+          dom,
+          pos: side
+        }),
+        import_extensions.positionElementLayer
+      ]);
+    });
+    (0, import_vue3.onUnmounted)(() => {
+      if (typeof eject === "function") {
+        eject();
+      }
+    });
+    let disposeUpdateWatcher = null;
+    (0, import_vue3.onMounted)(() => {
+      const floating = document.createElement("div");
+      document.body.appendChild(floating);
+      const dispose = (0, import_dom.autoUpdate)(
+        dom,
+        floating,
+        () => {
+          if (typeof onChange === "function") {
+            onChange();
+          }
+        },
+        { animationFrame: true }
+      );
+      disposeUpdateWatcher = () => {
+        document.body.removeChild(floating);
+        dispose();
+      };
+    });
+    (0, import_vue3.onUnmounted)(() => {
+      if (typeof disposeUpdateWatcher === "function") {
+        disposeUpdateWatcher();
+        disposeUpdateWatcher = null;
+      }
+    });
+    let disposeVisibleWatcher = null;
+    (0, import_vue3.onMounted)(() => {
+      if (!editor) {
+        return;
+      }
+      const view = editor.value.$view;
+      const observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (typeof onVisibleChange === "function") {
+              onVisibleChange(entry.isIntersecting);
+            }
+          });
+        },
+        {
+          root: view.scrollDOM,
+          threshold: 0
+        }
+      );
+      observer.observe(dom);
+      disposeVisibleWatcher = () => {
+        observer.disconnect();
+      };
+    });
+    (0, import_vue3.onUnmounted)(() => {
+      if (typeof disposeVisibleWatcher === "function") {
+        disposeVisibleWatcher();
+        disposeVisibleWatcher = null;
+      }
+    });
+    return {};
+  },
+  render() {
+    return null;
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CursorMirror,
+  Placeholder,
+  SelectionSide
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/placeholder.ts","../src/cursor-mirror.ts"],"sourcesContent":["//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nexport { Placeholder } from './placeholder';\n\nexport { CursorMirror, SelectionSide } from './cursor-mirror';\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport { h, defineComponent, onBeforeMount, onUnmounted, Teleport } from 'vue';\nimport { useInjector } from '@coze-editor/vue';\nimport { placeholder } from '@coze-editor/extension-placeholder';\n\nconst Placeholder = defineComponent({\n  setup(_props, { slots }) {\n    const element = document.createElement('span');\n\n    const injector = useInjector();\n\n    let eject: (() => void) | null = null;\n\n    onBeforeMount(() => {\n      eject = injector.inject([placeholder(() => element)]);\n    });\n\n    onUnmounted(() => {\n      if (eject) {\n        eject();\n      }\n    });\n\n    return () =>\n      h(Teleport, { to: element }, [\n        slots.default ? slots.default() : undefined,\n      ]);\n  },\n});\n\nexport { Placeholder };\n","//  Copyright (c) 2025 coze-dev\n//  SPDX-License-Identifier: MIT\n\nimport {\n  defineComponent,\n  onBeforeMount,\n  onMounted,\n  onUnmounted,\n  type PropType,\n} from 'vue';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { type BuiltinEditorAPI } from '@coze-editor/vue';\nimport { useEditorRef, useInjector } from '@coze-editor/vue';\nimport {\n  elementAtPosition,\n  positionElementLayer,\n  SelectionSide,\n} from '@coze-editor/extensions';\n\nconst CursorMirror = defineComponent({\n  props: {\n    side: String as PropType<SelectionSide>,\n    onChange: Function as PropType<() => void>,\n    onVisibleChange: Function as PropType<(visible: boolean) => void>,\n  },\n\n  setup({ side, onChange, onVisibleChange }, { expose }) {\n    const injector = useInjector();\n    const editor = useEditorRef<BuiltinEditorAPI>();\n    const dom = document.createElement('div');\n\n    expose({ element: dom });\n\n    let eject: (() => void) | null = null;\n    onBeforeMount(() => {\n      eject = injector.inject([\n        elementAtPosition.of({\n          dom,\n          pos: side!,\n        }),\n        positionElementLayer,\n      ]);\n    });\n    onUnmounted(() => {\n      if (typeof eject === 'function') {\n        eject();\n      }\n    });\n\n    // watch for position change\n    let disposeUpdateWatcher: (() => void) | null = null;\n    onMounted(() => {\n      const floating = document.createElement('div');\n      document.body.appendChild(floating);\n\n      const dispose = autoUpdate(\n        dom,\n        floating,\n        () => {\n          if (typeof onChange === 'function') {\n            onChange();\n          }\n        },\n        { animationFrame: true },\n      );\n\n      disposeUpdateWatcher = () => {\n        document.body.removeChild(floating);\n        dispose();\n      };\n    });\n    onUnmounted(() => {\n      if (typeof disposeUpdateWatcher === 'function') {\n        disposeUpdateWatcher();\n        disposeUpdateWatcher = null;\n      }\n    });\n\n    // watch for visible change\n    let disposeVisibleWatcher: (() => void) | null = null;\n    onMounted(() => {\n      if (!editor) {\n        return;\n      }\n\n      const view = editor.value!.$view;\n\n      const observer = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (typeof onVisibleChange === 'function') {\n              onVisibleChange(entry.isIntersecting);\n            }\n          });\n        },\n        {\n          root: view.scrollDOM,\n          threshold: 0,\n        },\n      );\n\n      observer.observe(dom);\n\n      disposeVisibleWatcher = () => {\n        observer.disconnect();\n      };\n    });\n    onUnmounted(() => {\n      if (typeof disposeVisibleWatcher === 'function') {\n        disposeVisibleWatcher();\n        disposeVisibleWatcher = null;\n      }\n    });\n\n    return {};\n  },\n\n  render() {\n    return null;\n  },\n});\n\nexport { CursorMirror, SelectionSide };\n"],"mappings":"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","names":["import_vue","import_vue"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@coze-editor/vue-components",
+  "version": "0.1.0-alpha.09ffeb",
+  "description": "vue-components",
+  "license": "MIT",
+  "author": "fengzilong",
+  "maintainers": [],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.less",
+    "**/*.sass",
+    "**/*.scss"
+  ],
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint && tsc --noEmit"
+  },
+  "dependencies": {
+    "@coze-editor/extension-placeholder": "0.1.0-alpha.09ffeb",
+    "@coze-editor/extensions": "0.1.0-alpha.09ffeb",
+    "@coze-editor/utils": "0.1.0-alpha.09ffeb",
+    "@floating-ui/dom": "^1.6.3"
+  },
+  "devDependencies": {
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1",
+    "@coze-arch/ts-config": "workspace:*",
+    "@coze-editor/eslint-config": "workspace:*",
+    "@coze-editor/vue": "workspace:*",
+    "@types/node": "^22",
+    "eslint": "9.14.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.8.2",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.1",
+    "@coze-editor/vue": "0.1.0-alpha.09ffeb",
+    "vue": "^3.5.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "test:main": "./src/index.ts"
+}