@ebl-vue/editor-full 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebl-vue/editor-full",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "author": "lrj525@sina.com",
   "description": "结构化编辑器",

package/src/components/Editor/Editor.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="ebl-editor" id="holder">
-    <div class="ce-block__content ebl-editor-title-wrap">
+    <!-- <div class="ce-block__content ebl-editor-title-wrap">
       <input type="text" v-model="title" placeholder="请输入标题" class="ebl-editor-title-input"></input>
-    </div>
-    <div class="ce-block__content ebl-editor-time-wrap">
+    </div> -->
+    <!-- <div class="ce-block__content ebl-editor-time-wrap">
       <span class="ebl-editor-time">最后修改时间：{{ lastUpdateTime }}</span>
-    </div>
-     <button @click="save">保存</button> 
+    </div> -->
+     <button @click="validate">保存</button> 
 
   </div>
 </template>
@@ -58,8 +58,6 @@ let emits = defineEmits(["onReady", "onChange"]);
 interface Props {
   readOnly: boolean,
   placeholder: string,
-  title: string,
-  lastUpdateTime: string,
   data: OutputData,
   locale: any,
   userStore:any
@@ -68,8 +66,6 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   readOnly: false,
   placeholder: "Enter something",
-  title: "",
-  lastUpdateTime: "",
   data: ()=>({
     blocks: []
   }),
@@ -77,7 +73,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 
-const title = ref(props.title);
+
 let editor: EditorJS | null = null;
 const tunes = ['indent', 'blockAlignment'];
 onMounted(() => {
@@ -228,17 +224,38 @@ onUnmounted(() => {
   }
 });
 
+/**
+ * 验证是否为空 */
+function validate() {
+  return new Promise((resolve, reject) => {
+    if (editor !== null) {
+      editor.save().then((outputData: OutputData) => {
+        if (outputData.blocks.length > 0) {
+          return resolve(true);
 
-function save() {
-  console.log("save");
-  if (editor !== null) {
-    editor.save().then((outputData: OutputData) => {
-      console.log('Article data saved in outputData', JSON.stringify(outputData));
-    }).catch(error => {
-      console.log('Saving failed: ', error);
-    });
-  }
+        }
+        return resolve(false);
+      });
+    } else {
+      return resolve(false);
+    }
+  });
+}
+function getData() {
+  return new Promise((resolve, reject) => {
+    if (editor !== null) {
+      editor.save().then((outputData: OutputData) => {
+        return resolve(outputData);
+      });
+    } else {
+      return resolve(null);
+    }
+  });
 }
 
+defineExpose({
+  validate,
+  getData,
+});
 </script>
 <style scoped></style>

package/src/index.ts

@@ -4,9 +4,15 @@ import './style.css'
 import { createInstaller } from './installer'
 import Components from './components';
 import zhCn from './i18n/zh-cn';
+import type { OutputData } from '@ebl-vue/editorjs';
+import Editor from './components/Editor/Editor.vue';
 const installer = createInstaller(Components)
 export const install = installer.install
 export const version = installer.version
 export default installer;
-export * from "./components";
-export { zhCn };
+
+export {
+  zhCn,
+  Editor as EblEditor
+};
+export type { OutputData };

package/types/index.d.ts

@@ -4,11 +4,15 @@
 
 import type { INSTALLED_KEY } from '@/constants'
 
+
 declare module 'vue' {
   export interface App {
     [INSTALLED_KEY]?: boolean
   }
-  
+   export interface GlobalComponents {
+   EblEditor: typeof import('@ebl-vue/editor-full')['EblEditor'],
+    
+  }
 };