fx-platform-ui 0.0.13-alpha1 → 0.0.13-alpha3

package/packages/components/editor/src/hook/useEditorState.ts

@@ -5,29 +5,29 @@ import { PlatEditorProps } from '../plat-editor-props'
 import { isFunction } from '../../../../utils/is'
 
 const DEFAULT_INIT = {
-  selector: 'textarea',
-  placeholder: '在这里输入文字',
-  language_url: '/tinymce/langs/zh-Hans.js', // 语言包的路径，具体路径看自己的项目，文档后面附上中文js文件
-  language: 'zh-Hans', //语言
-  skin_url: '/tinymce/skins/ui/oxide', // skin路径，具体路径看自己的项目
-  height: 500, //编辑器高度
-  branding: false, //是否禁用“Powered by TinyMCE”
-  menubar: true, //顶部菜单栏显示
-  image_dimensions: true, //图片宽高属性
-  promotion: false, // 去除高级功能升级的促销按钮
-  plugins:
-    'wordcount table searchreplace pagebreak  fullscreen  codesample  autolink anchor  autolink image media lists  link code  image', //这里的数据是在props里面就定义好了的
-  toolbar:
-    'fontsize fontfamily fontsizeselect fontselect bold  italic lineheight underline alignleft aligncenter alignright alignjustify anchor | undo redo |  formatselect | forecolor backcolor | bullist numlist outdent indent | lists link  image axupimgs media  table  | removeformat | fullscreen|preview code  codesample|searchreplace', //这里的数据是在props里面就定义好了的
-  paste_webkit_styles: 'all',
-  paste_merge_formats: true,
-  nonbreaking_force_tab: false,
-  paste_auto_cleanup_on_paste: false,
-  file_picker_types: 'file image media',
-  fontsize_formats: '8pt 10pt 12pt 14pt 16pt 18pt 20pt 22pt 24pt 36pt',
-  font_formats:
-    "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings",
-  content_css: '/tinymce/skins/content/default/content.css' //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
+  // selector: 'textarea',
+  // placeholder: '在这里输入文字',
+  // language_url: '/tinymce/langs/zh-Hans.js', // 语言包的路径，具体路径看自己的项目，文档后面附上中文js文件
+  // language: 'zh-Hans', //语言
+  // skin_url: '/tinymce/skins/ui/oxide', // skin路径，具体路径看自己的项目
+  // height: 500, //编辑器高度
+  // branding: false, //是否禁用“Powered by TinyMCE”
+  // menubar: true, //顶部菜单栏显示
+  // image_dimensions: true, //图片宽高属性
+  // promotion: false, // 去除高级功能升级的促销按钮
+  // plugins:
+  //   'wordcount table searchreplace pagebreak  fullscreen  codesample  autolink anchor  autolink image media lists  link code  image', //这里的数据是在props里面就定义好了的
+  // toolbar:
+  //   'fontsize fontfamily fontsizeselect fontselect bold  italic lineheight underline alignleft aligncenter alignright alignjustify anchor | undo redo |  formatselect | forecolor backcolor | bullist numlist outdent indent | lists link  image axupimgs media  table  | removeformat | fullscreen|preview code  codesample|searchreplace', //这里的数据是在props里面就定义好了的
+  // paste_webkit_styles: 'all',
+  // paste_merge_formats: true,
+  // nonbreaking_force_tab: false,
+  // paste_auto_cleanup_on_paste: false,
+  // file_picker_types: 'file image media',
+  // fontsize_formats: '8pt 10pt 12pt 14pt 16pt 18pt 20pt 22pt 24pt 36pt',
+  // font_formats:
+  //   "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings",
+  // content_css: '/tinymce/skins/content/default/content.css' //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
 }
 
 export const useEditorState = (props: PlatEditorProps) => {

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

@@ -32,12 +32,13 @@ 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 editorBorder = ref('1px solid #d9d9d9')

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

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