@ebl-vue/editor-render 2.31.25 → 2.31.29

package/src/components/code.vue

@@ -1,114 +0,0 @@
-<template>
-  <div :class="`cdx-block ce-editorjs-x-shiki`" :style="`${shikiContent?.preStyle}`">    
-    <div class="ce-editorjs-x-shiki__selector">
-      <div class="ce-editorjs-x-shiki__lang">{{block.data.lang}}</div>
-      <div class="ce-editorjs-x-shiki__copy" ref="copyRef">
-        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
-          viewBox="0 0 24 24">
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-            d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z">
-          </path>
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-            d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5">
-          </path>
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-            d="M12 12L15.5 12"></path>
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-            d="M12 15.5L15.5 15.5"></path>
-        </svg>
-        <div class="ce-editorjs-x-shiki__copy_tip">已复制</div>
-      </div>
-    </div>
-    <div ref="codeRef" class="ce-editorjs-x-shiki__code" :style="`height:${block.data.resizeSize}px`">
-      <span v-html="shikiContent?.html"></span>
-    </div>
-    <div class="ce-editorjs-x-shiki__code__dragHandler" @mousedown="dragStartHandler"></div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue';
-import type { IBlock } from '../types';
-import { codeToHtml } from 'shiki'
-import { asyncComputed } from '@vueuse/core'
-
-defineOptions({
-  name: 'eblcode',
-  inheritAttrs: false
-})
-const codeRef = ref<HTMLElement | null>(null);
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-const shikiContent = asyncComputed(async () => {
-  let preStyle = ''
-  const html = await codeToHtml(block.value.data.code, {
-    lang: block.value.data.lang,
-    theme: block.value.data.theme || "github-dark-dimmed",
-
-    transformers: [
-      {
-        preprocess(code) {
-          // if (code.endsWith('\n'))
-          return `${code}\n`
-        },
-        pre(node) {
-          this.addClassToHast(node, 'ce-editorjs-x-shiki__span')
-          preStyle = node.properties?.style as string || ''
-        },
-        line(node, line) {
-          node.properties = node.properties || {};
-          node.properties['data-line'] = line;
-
-        }
-
-      }
-    ]
-  })
-
-  return {
-    html,
-    preStyle
-  }
-
-});
-
-function dragStartHandler(e: MouseEvent) {
-  if(!codeRef.value) return;
-  resize(codeRef.value, e);
-}
-  function resize(codeElement: HTMLElement, event: MouseEvent) {
-    let startY = event.clientY;
-    let startHeight = parseInt(window.getComputedStyle(codeElement).height, 10);
-    const mouseMoveHandler = (e: MouseEvent) => {
-      const dY = e.clientY - startY;
-      let newHeight = startHeight + dY;
-      if (newHeight < 100) {
-        newHeight = 100;        
-      }
-      codeElement.style.height = newHeight + 'px';
-    };
-    const mouseUpHandler = () => {
-      
-  
-      document.removeEventListener('mousemove', mouseMoveHandler);
-      document.removeEventListener('mouseup', mouseUpHandler);
-    };
-
-    document.addEventListener('mousemove', mouseMoveHandler);
-    document.addEventListener('mouseup', mouseUpHandler);
-  }
-</script>
-<style scoped>
-.ce-editorjs-x-shiki__code {
-  overflow: auto;
-}
-.ce-editorjs-x-shiki__selector{
-  padding: 0 8px;
-  align-items: center;
-}
-</style>

package/src/components/delimiter.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="ce-delimiter cdx-block"><div class="ce-delimiter__line__wrapper"><div class="ce-delimiter__line"></div></div></div>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'ebldelimiter',
-  inheritAttrs: false
-})
-
-// const block = defineModel<IBlock>("block", {
-//   default: {
-//     id: "",
-//     type: "",
-//     data: {}
-//   },
-// });
-
-</script>

package/src/components/h1.vue

@@ -1,19 +0,0 @@
-<template>
-  <h1 class="ce-header" v-html="block.data.text"></h1>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh1',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/h2.vue

@@ -1,19 +0,0 @@
-<template>
-  <h2 class="ce-header" v-html="block.data.text"></h2>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh2',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/h3.vue

@@ -1,19 +0,0 @@
-<template>
-  <h3 class="ce-header" v-html="block.data.text"></h3>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh3',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/h4.vue

@@ -1,19 +0,0 @@
-<template>
-  <h4 class="ce-header" v-html="block.data.text"></h4>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh4',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/h5.vue

@@ -1,19 +0,0 @@
-<template>
-  <h5 class="ce-header" v-html="block.data.text"></h5>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh5',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/h6.vue

@@ -1,19 +0,0 @@
-<template>
-  <h6 class="ce-header" v-html="block.data.text"></h6>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblh6',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/image.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="cdx-block image-tool image-tool--filled">
-    <div class="image-tool__image">
-      <img class="image-tool__image-picture"
-        :src="block.data.file.url">
-    </div>
-    <div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true">
-    </div> 
-  </div>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblimage',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>
-<style scoped>
-  .image-tool__image{
-    margin-top:15px;
-  }
-</style>

package/src/components/index.ts

@@ -1,54 +0,0 @@
-import { Plugin } from "vue";
-import { withInstall } from "../utils/install"
-import type { SFCWithInstall } from '@ebl-vue/basic-ele'
-
-
-import EditorRender from "../EditorRender.vue";
-
-
-//属性
-import paragraph from "./paragraph.vue";
-import h1 from "./h1.vue";
-import h2 from "./h2.vue";
-import h3 from "./h3.vue";
-import h4 from "./h4.vue";
-import h5 from "./h5.vue";
-import h6 from "./h6.vue";
-import alert from "./alert.vue";
-import code from "./code.vue";
-import delimiter from "./delimiter.vue";
-import list from "./List.vue";
-import quote from "./quote.vue";
-import table from "./table.vue";
-import image from "./image.vue";
-
-
-
-const items: any = [
-  EditorRender,
-  paragraph,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  alert,
-  code,
-  delimiter,
-  list,
-  quote,
-  table,
-  image
-];
-
-let EblItems: Plugin[] = [];
-for (let key in items) {
-  const eblele = items[key];
-  const EblProps: SFCWithInstall<typeof eblele> = withInstall(eblele);
-
-  EblItems.push(EblProps);
-}
-
-
-export default EblItems;

package/src/components/paragraph.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="ce-paragraph cdx-block" v-html="block.data.text"></div>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblparagraph',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/quote.vue

@@ -1,21 +0,0 @@
-<template>
-  <div class="cdx-block cdx-quote">
-    <blockquote class="cdx-input cdx-quote__text cdx-block-quote" v-html="block.data.text"></blockquote>
-  </div>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-defineOptions({
-  name: 'eblquote',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-
-</script>

package/src/components/table.vue

@@ -1,46 +0,0 @@
-<template>
- <div class="tc-wrap tc-wrap--readonly" :style="colWidthStyle">
-    <div class="tc-table " :class="{ 'tc-table--heading': block.data.withHeadings }">
-      <div class="tc-row" v-for="row in block.data.content">
-        <div class="tc-cell" v-for="col in row" v-html="col"></div>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import type { IBlock } from '../types';
-import { computed} from 'vue';
-
-
-defineOptions({
-  name: 'ebltable',
-  inheritAttrs: false
-})
-
-const block = defineModel<IBlock>("block", {
-  default: {
-    id: "",
-    type: "",
-    data: {}
-  },
-});
-const colWidthStyle = computed(() => {
-  let colWidth = "";
-  if (block.value.data.colWidth && block.value.data.colWidth.length > 0) {
-    for (let i = 0; i < block.value.data.colWidth.length; i++) {
-      colWidth += " " + block.value.data.colWidth[i] + "px";
-    }
-  }
-  if (colWidth) {
-    return { '--col-width': colWidth };
-  } else {
-    return {};
-  }
-});
-
-</script>
-<style scoped>
-.tc-wrap--readonly {
-  margin-bottom: var(--toolbox-icon-size);
-}
-</style>

package/src/constants/index.ts

@@ -1 +0,0 @@
-export const INSTALLED_KEY = Symbol('INSTALLED_KEY')

package/src/i18n/zh-cn.ts

@@ -1,158 +0,0 @@
-import type { I18nConfig } from "@ebl-vue/editorjs/types/configs/i18n-config";
-
-const zhCn: I18nConfig = {
-  messages: {
-    "ui": {
-      "blockTunes": {
-        "toggler": {
-          "Click to tune": "可拖拽和点击"
-        },
-      },
-
-      "toolbar": {
-        "toolbox": {
-          "Add": "添加",
-          "Filter": "过滤",
-          "Nothing found": "无内容"
-        },
-        "popover": {
-          "Filter": "过滤",
-          "Nothing found": "无内容"
-        }
-      },
-      "popover": {
-        "Filter": "筛选",
-        "Nothing found": "未找到任何内容",
-        /**
-         * Translation of "Convert To"  at the Block Tunes Popover
-         */
-        "Convert to": "转化为",
-       
-      }
-    },
-    "toolNames": {
-      "Text": "段落",
-      "H1": "一级标题",
-      "H2": "二级标题",
-      "H3": "三级标题",
-      "H4": "四级标题",
-      "H5": "五级标题",
-      "H6": "六级标题",
-      "Ordered List": "有序列表",
-      "Unordered List": "无序列表",
-      "Checklist": "任务列表",
-      "Quote": "引用",
-      "Code": "代码块",
-      "Delimiter": "分割线",
-      "Link": "链接",
-      "Bold": "加粗",
-      "Italic": "倾斜",
-      "Alert": "高亮块",
-      "indent": "缩进",
-      "Marker": "突出显示",
-      "Color": "文本颜色",
-      "Underline": "下划线",
-      "InlineCode": "行内代码",
-      "Table": "表格",
-      "Image": "图片",
-
-
-
-    },
-    "tools": {
-      image: {
-        "Couldn’t upload image. Please try another.": "上传图片失败，请稍后重试。"
-      },
-      table: {
-        "Add row above": "在上面插入行",
-        "Add row below": "在下面插入行",
-        "Delete row": "删除行",
-        "Add column to left": "在左边插入列",
-        "Add column to right": "在右边插入列",
-        "Delete column": "删除列",
-        "With headings": "使用标题行",
-        "Without headings": "不使用标题行"
-
-
-      },
-      "marker": {
-        "Marker": "突出显示"
-      },
-      link: {
-        "Add a link":"添加链接",
-        "Save": "确定",
-        "Pasted link is not valid.":"链接地址无效"
-      },
-      "List": {
-        "Unordered": "无序",
-        "Ordered": "有序",
-        "Checklist": "任务列表",
-        "Counter type": "计数器类型",
-        "Numeric": "阿拉伯数字",
-        "Lower Roman": "小写罗马数字",
-        "Upper Roman": "大写罗马数字",
-        "Lower Alpha": "小写字母",
-        "Upper Alpha": "大写字母",
-        "Start with": "从"
-      },
-      "paragraph": {
-        "Enter something": "请输入内容",
-      },
-
-      "stub": {
-        'The block can not be displayed correctly.': '该模块不能放置在这里'
-      },
-
-      "code": {
-        "Enter your code": "输入代码",
-        "Copied": "已复制",
-        "Unable to copy": "复制失败"
-      },
-      "convertTo": {
-        "Convert to": "转化为"
-      },
-      "alert": {
-        "alert-primary": "主要样式",
-        "alert-secondary": "次要样式",
-        "alert-info": "信息",
-        "alert-success": "成功",
-        "alert-warning": "警告",
-        "alert-danger": "危险",
-        "alert-light": "浅色",
-        "alert-dark": "深色",
-        "align-left": "左对齐",
-        "align-center": "居中",
-        "align-right": "右对齐",
-        "Type here...": "输入内容"
-      }
-    },
-    "blockTunes": {
-  
-      "delete": {
-        "Delete": "删除",
-        'Click to delete': "点击删除"
-      },
-      "moveUp": {
-        "Move up": "向上移"
-      },
-      "moveDown": {
-        "Move down": "向下移"
-      },
-      "filter": {
-        "Filter": "过滤"
-      },
-      "blockAlignment": {
-        "left align": "左对齐",
-        "center align": "居中对齐",
-        "right align": "右对齐",
-        "justify align": "两端对齐",
-      },
-      "indent": {
-        "Indent right": "向右缩进",
-        "Indent left": "向左缩进"
-       },
-    },
-  }
-}
-
-export default zhCn;