@meta-1/editor 0.0.27

package/src/editor/utils/isTextSelected.ts

@@ -0,0 +1,25 @@
+import { isTextSelection } from "@tiptap/core";
+import type { Editor } from "@tiptap/react";
+
+export const isTextSelected = ({ editor }: { editor: Editor }) => {
+  const {
+    state: {
+      doc,
+      selection,
+      selection: { empty, from, to },
+    },
+  } = editor;
+
+  // Sometime check for `empty` is not enough.
+  // Doubleclick an empty paragraph returns a node size of 2.
+  // So we check also for an empty text size.
+  const isEmptyTextBlock = !doc.textBetween(from, to).length && isTextSelection(selection);
+
+  if (empty || isEmptyTextBlock || !editor.isEditable) {
+    return false;
+  }
+
+  return true;
+};
+
+export default isTextSelected;

package/src/editor/utils/locale.ts

@@ -0,0 +1,5 @@
+import i18next from "i18next";
+
+export const i18n = (key: string) => {
+  return i18next.t(key, { ns: "editor" });
+};

package/src/editor/viewer/index.tsx

@@ -0,0 +1,26 @@
+import "../container.css";
+import "../editor.css";
+import type { FC } from "react";
+import { EditorContent } from "@tiptap/react";
+
+import { useEditor } from "../hooks";
+
+export type ContentViewerProps = {
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+export const ContentViewer: FC<ContentViewerProps> = (props) => {
+  const { value, onChange } = props;
+  const [editor] = useEditor({
+    value,
+    editable: false,
+    onReadOnlyChange: onChange,
+  });
+
+  return (
+    <div className="editor-container">
+      <EditorContent className="editor" editor={editor} />
+    </div>
+  );
+};

package/src/globals.css

@@ -0,0 +1 @@
+@import "@meta-1/design/theme.css";

package/src/index.ts

@@ -0,0 +1,7 @@
+export type { EditorEvents } from "@tiptap/core";
+
+export type { EditorProps, EditorRef } from "./editor";
+export { Editor } from "./editor";
+export * from "./editor/hooks";
+export type { ContentViewerProps } from "./editor/viewer";
+export { ContentViewer } from "./editor/viewer";

package/src/locales/en-us.ts

@@ -0,0 +1,133 @@
+export default {
+  default: "默认",
+  fontSize: {
+    mini: "极小",
+    small: "小",
+    normal: "默认",
+    large: "大",
+    huge: "超大",
+  },
+  placeholder: {
+    default: "输入 / 快速插入",
+    quoteCaption: "请输入引用作者",
+    quote: "请输入引用内容",
+  },
+  dragHandle: {
+    actions: {
+      clear: "清空格式",
+      duplicate: "复制",
+      delete: "删除",
+    },
+  },
+  imageBlock: {
+    align: {
+      left: "左对齐",
+      center: "居中",
+      right: "右对齐",
+    },
+  },
+  imageUpload: {
+    draggedInside: "拖拽图片到这里",
+    draggedInsideDefault: "拖动到此处",
+    button: "上传图片",
+  },
+  slashCommand: {
+    group: {
+      format: "格式",
+      insert: "插入",
+    },
+    heading1: {
+      title: "标题一",
+      description: "高优先级部分标题",
+    },
+    heading2: {
+      title: "标题二",
+      description: "中等优先级部分标题",
+    },
+    heading3: {
+      title: "标题三",
+      description: "低优先级部分标题",
+    },
+    bulletList: {
+      title: "无序列表",
+      description: "创建一个无序列表",
+    },
+    numberedList: {
+      title: "有序列表",
+      description: "创建一个有序列表",
+    },
+    taskList: {
+      title: "任务列表",
+      description: "创建一个任务列表",
+    },
+    blockquote: {
+      title: "引用",
+      description: "引用内容",
+    },
+    codeBlock: {
+      title: "代码块",
+      description: "带语法高亮代码块",
+    },
+    table: {
+      title: "表格",
+      description: "创建一个表格",
+    },
+    image: {
+      title: "图片",
+      description: "插入图片",
+    },
+    horizontalRule: {
+      title: "分割线",
+      description: "插入分割线",
+    },
+  },
+  tableColumnMenu: {
+    onAddColumnBefore: "左边插入",
+    onAddColumnAfter: "右边插入",
+    onDeleteColumn: "删除",
+    onAddRowBefore: "上方插入",
+    onAddRowAfter: "下方插入",
+    onDeleteRow: "删除",
+  },
+  textMenu: {
+    editLink: "设置链接",
+    hierarchy: "内容",
+    paragraph: "正文",
+    heading1: "标题一",
+    heading2: "标题二",
+    heading3: "标题三",
+    lists: "列表",
+    bulletList: "无序列表",
+    orderedList: "有序列表",
+    ListTodo: "任务列表",
+    bold: "加粗",
+    italic: "斜体",
+    underline: "下划线",
+    strikethrough: "删除线",
+    code: "代码",
+    codeBlock: "代码块",
+    highlighter: "背景色",
+    color: "文字颜色",
+    more: "更多设置",
+    subscript: "下标",
+    superscript: "上标",
+    alignLeft: "左对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右对齐",
+    alignJustify: "两端对齐",
+  },
+  colorPicker: {
+    undo: "还原默认颜色",
+  },
+  panel: {
+    linkEditor: {
+      input: "请输入链接地址",
+      submit: "确认",
+      newTab: "新标签页打开",
+    },
+    linkPreview: {
+      edit: "编辑链接",
+      delete: "删除链接",
+    },
+  },
+};

package/src/locales/zh-cn.ts

@@ -0,0 +1,133 @@
+export default {
+  default: "默认",
+  fontSize: {
+    mini: "极小",
+    small: "小",
+    normal: "默认",
+    large: "大",
+    huge: "超大",
+  },
+  placeholder: {
+    default: "输入 / 快速插入",
+    quoteCaption: "请输入引用作者",
+    quote: "请输入引用内容",
+  },
+  dragHandle: {
+    actions: {
+      clear: "清空格式",
+      duplicate: "复制",
+      delete: "删除",
+    },
+  },
+  imageBlock: {
+    align: {
+      left: "左对齐",
+      center: "居中",
+      right: "右对齐",
+    },
+  },
+  imageUpload: {
+    draggedInside: "拖拽图片到这里",
+    draggedInsideDefault: "拖动到此处",
+    button: "上传图片",
+  },
+  slashCommand: {
+    group: {
+      format: "格式",
+      insert: "插入",
+    },
+    heading1: {
+      title: "标题一",
+      description: "高优先级部分标题",
+    },
+    heading2: {
+      title: "标题二",
+      description: "中等优先级部分标题",
+    },
+    heading3: {
+      title: "标题三",
+      description: "低优先级部分标题",
+    },
+    bulletList: {
+      title: "无序列表",
+      description: "创建一个无序列表",
+    },
+    numberedList: {
+      title: "有序列表",
+      description: "创建一个有序列表",
+    },
+    taskList: {
+      title: "任务列表",
+      description: "创建一个任务列表",
+    },
+    blockquote: {
+      title: "引用",
+      description: "引用内容",
+    },
+    codeBlock: {
+      title: "代码块",
+      description: "带语法高亮代码块",
+    },
+    table: {
+      title: "表格",
+      description: "创建一个表格",
+    },
+    image: {
+      title: "图片",
+      description: "插入图片",
+    },
+    horizontalRule: {
+      title: "分割线",
+      description: "插入分割线",
+    },
+  },
+  tableColumnMenu: {
+    onAddColumnBefore: "左边插入",
+    onAddColumnAfter: "右边插入",
+    onDeleteColumn: "删除",
+    onAddRowBefore: "上方插入",
+    onAddRowAfter: "下方插入",
+    onDeleteRow: "删除",
+  },
+  textMenu: {
+    editLink: "设置链接",
+    hierarchy: "内容",
+    paragraph: "正文",
+    heading1: "标题一",
+    heading2: "标题二",
+    heading3: "标题三",
+    lists: "列表",
+    bulletList: "无序列表",
+    orderedList: "有序列表",
+    ListTodo: "任务列表",
+    bold: "加粗",
+    italic: "斜体",
+    underline: "下划线",
+    strikethrough: "删除线",
+    code: "代码",
+    codeBlock: "代码块",
+    highlighter: "背景色",
+    color: "文字颜色",
+    more: "更多设置",
+    subscript: "下标",
+    superscript: "上标",
+    alignLeft: "左对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右对齐",
+    alignJustify: "两端对齐",
+  },
+  colorPicker: {
+    undo: "还原默认颜色",
+  },
+  panel: {
+    linkEditor: {
+      input: "请输入链接地址",
+      submit: "确认",
+      newTab: "新标签页打开",
+    },
+    linkPreview: {
+      edit: "编辑链接",
+      delete: "删除链接",
+    },
+  },
+};

package/src/locales/zh-tw.ts

@@ -0,0 +1,133 @@
+export default {
+  default: "默认",
+  fontSize: {
+    mini: "极小",
+    small: "小",
+    normal: "默认",
+    large: "大",
+    huge: "超大",
+  },
+  placeholder: {
+    default: "输入 / 快速插入",
+    quoteCaption: "请输入引用作者",
+    quote: "请输入引用内容",
+  },
+  dragHandle: {
+    actions: {
+      clear: "清空格式",
+      duplicate: "复制",
+      delete: "删除",
+    },
+  },
+  imageBlock: {
+    align: {
+      left: "左对齐",
+      center: "居中",
+      right: "右对齐",
+    },
+  },
+  imageUpload: {
+    draggedInside: "拖拽图片到这里",
+    draggedInsideDefault: "拖动到此处",
+    button: "上传图片",
+  },
+  slashCommand: {
+    group: {
+      format: "格式",
+      insert: "插入",
+    },
+    heading1: {
+      title: "标题一",
+      description: "高优先级部分标题",
+    },
+    heading2: {
+      title: "标题二",
+      description: "中等优先级部分标题",
+    },
+    heading3: {
+      title: "标题三",
+      description: "低优先级部分标题",
+    },
+    bulletList: {
+      title: "无序列表",
+      description: "创建一个无序列表",
+    },
+    numberedList: {
+      title: "有序列表",
+      description: "创建一个有序列表",
+    },
+    taskList: {
+      title: "任务列表",
+      description: "创建一个任务列表",
+    },
+    blockquote: {
+      title: "引用",
+      description: "引用内容",
+    },
+    codeBlock: {
+      title: "代码块",
+      description: "带语法高亮代码块",
+    },
+    table: {
+      title: "表格",
+      description: "创建一个表格",
+    },
+    image: {
+      title: "图片",
+      description: "插入图片",
+    },
+    horizontalRule: {
+      title: "分割线",
+      description: "插入分割线",
+    },
+  },
+  tableColumnMenu: {
+    onAddColumnBefore: "左边插入",
+    onAddColumnAfter: "右边插入",
+    onDeleteColumn: "删除",
+    onAddRowBefore: "上方插入",
+    onAddRowAfter: "下方插入",
+    onDeleteRow: "删除",
+  },
+  textMenu: {
+    editLink: "设置链接",
+    hierarchy: "内容",
+    paragraph: "正文",
+    heading1: "标题一",
+    heading2: "标题二",
+    heading3: "标题三",
+    lists: "列表",
+    bulletList: "无序列表",
+    orderedList: "有序列表",
+    ListTodo: "任务列表",
+    bold: "加粗",
+    italic: "斜体",
+    underline: "下划线",
+    strikethrough: "删除线",
+    code: "代码",
+    codeBlock: "代码块",
+    highlighter: "背景色",
+    color: "文字颜色",
+    more: "更多设置",
+    subscript: "下标",
+    superscript: "上标",
+    alignLeft: "左对齐",
+    alignCenter: "居中对齐",
+    alignRight: "右对齐",
+    alignJustify: "两端对齐",
+  },
+  colorPicker: {
+    undo: "还原默认颜色",
+  },
+  panel: {
+    linkEditor: {
+      input: "请输入链接地址",
+      submit: "确认",
+      newTab: "新标签页打开",
+    },
+    linkPreview: {
+      edit: "编辑链接",
+      delete: "删除链接",
+    },
+  },
+};