fx-platform-ui 0.0.13-alpha1 → 0.0.13-alpha10

package/packages/components/editor/src/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="fx-editor">
-    <editor v-model="modelValue" :init="init" :disabled="disabled"></editor>
+    <editor :disabled="disabled"></editor>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { onMounted, watch, ref } from 'vue'
 //在js中引入所需的主题和组件
-import tinymce from 'tinymce/tinymce'
+// import tinymce from 'tinymce/tinymce'
 import 'tinymce/skins/content/default/content.css'
 import Editor from '@tinymce/tinymce-vue'
 import 'tinymce/themes/silver'
@@ -32,23 +32,24 @@ import 'tinymce/plugins/autolink'
 import 'tinymce/plugins/anchor'
 
 import { platEditorProps } from './plat-editor-props'
+import { platEditorEmits } from './plat-editor-emits'
 import { useEditorState } from './hook'
 defineOptions({
   name: 'PlEditor'
 })
 const props = defineProps(platEditorProps)
-const emit = defineEmits(['update:value', 'change'])
+const emit = defineEmits(platEditorEmits)
 
-const { init, modelValue } = useEditorState(props)
+// const { init, modelValue } = useEditorState(props)
 const editorBorder = ref('1px solid #d9d9d9')
 
-watch(
-  () => modelValue.value,
-  (val) => {
-    emit('update:value', val)
-    emit('change', val)
-  }
-)
+// watch(
+//   () => modelValue.value,
+//   (val) => {
+//     emit('update:value', val)
+//     emit('change', val)
+//   }
+// )
 
 // 添加红色边框
 const addValidate = (border = '1px solid #ff4d4f') => {
@@ -69,9 +70,9 @@ const instance = {
 defineExpose(instance)
 
 //在onMounted中初始化编辑器
-onMounted(() => {
-  tinymce.init({})
-})
+// onMounted(() => {
+//   tinymce.init({})
+// })
 </script>
 <style lang="less" scoped>
 :deep(.tox-tinymce) {

package/packages/components/editor/src/plat-editor-emits.ts

@@ -1 +1 @@
-export const platEditorEmits = ['change', 'init']
+export const platEditorEmits = ['update:value', 'change']