feat: 💥 video 插件 & 优化icon

packages/antd/lib/index.tsx

@@ -64,6 +64,7 @@ export const DefaultToolbar = [
   'line-height',
   'divider',
   'img',
+  'video',
   'link',
   'blockquote',
   'hr',
@@ -81,7 +82,6 @@ export default forwardRef<DSlateRef, AntdStyleDSlateProps>(
       const locales = context.locales ? context.locales : DefaultLocales;
 
       return {
-        iconScriptUrl: '//at.alicdn.com/t/c/font_3062978_igshjiflyft.js',
         ...context,
         locales: mergeLocalteFromPlugins(locales, plugins),
         plugins,

packages/component/lib/components/icon.tsx

@@ -1,5 +1,5 @@
-import { ConfigContext } from "@dslate/core";
-import { useContext, useEffect } from "react";
+import { ConfigContext } from '@dslate/core';
+import { useContext, useEffect } from 'react';
 
 const inited: string[] = [];
 
@@ -12,17 +12,20 @@ const Icon = (props: IconProps) => {
   const { iconScriptUrl } = useContext(ConfigContext);
 
   const initScript = () => {
+    if (!iconScriptUrl) return;
     let urls: any = iconScriptUrl;
-    if (typeof urls === "string") urls = [urls];
-
-    for (const url of urls) {
-      if (inited.includes(url)) continue;
-      let script = document.createElement("script");
-      script.type = "text/javascript";
-      script.async = true;
-      script.src = url;
-      document.head.appendChild(script);
-      inited.push(url);
+    if (typeof urls === 'string') urls = [urls];
+
+    if (urls?.length) {
+      for (const url of urls) {
+        if (inited.includes(url)) continue;
+        let script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = true;
+        script.src = url;
+        document.head.appendChild(script);
+        inited.push(url);
+      }
     }
   };
 
@@ -33,11 +36,11 @@ const Icon = (props: IconProps) => {
   return (
     <svg
       style={{
-        width: "1em",
-        height: "1em",
-        verticalAlign: "-0.15em",
-        fill: "currentColor",
-        overflow: "hidden",
+        width: '1em',
+        height: '1em',
+        verticalAlign: '-0.15em',
+        fill: 'currentColor',
+        overflow: 'hidden',
         ...(props?.style ?? {}),
       }}
     >

packages/component/lib/index.tsx

@@ -1,2 +1,3 @@
-export * from "./components";
-export * from "./element";
+import './iconfont.js';
+export * from './components';
+export * from './element';

packages/core/lib/utils/file.ts

@@ -0,0 +1,29 @@
+import type { UploadFunc, UploadRequestOption } from '../typing';
+
+export const base64file: UploadFunc = (option: UploadRequestOption) => {
+  const reader: FileReader = new FileReader();
+  reader.addEventListener(
+    'load',
+    () => {
+      option.onSuccess?.({ url: reader.result as string });
+    },
+    false,
+  );
+  reader.readAsDataURL(option.file);
+};
+
+export const blobfile: UploadFunc = (option: UploadRequestOption) => {
+  const reader: FileReader = new FileReader();
+  reader.addEventListener(
+    'load',
+    (event) => {
+      let blob = new Blob([event?.target?.result as any], {
+        type: option.file.type,
+      });
+      window.URL = window.URL || window.webkitURL;
+      option.onSuccess?.({ url: window.URL.createObjectURL(blob) });
+    },
+    false,
+  );
+  reader.readAsDataURL(option.file);
+};

packages/core/lib/utils/index.ts

@@ -1,10 +1,16 @@
-export { mergeStyle, style2string } from './mergeStyle';
+export {
+  clearBlockProps,
+  getBlockProps,
+  isBlockActive,
+  setBlockProps,
+  toggleBlock,
+} from './block';
+export { base64file, blobfile } from './file';
 export { get } from './get';
-export { getTextProps, setTextProps, toggleTextProps } from './text';
-export { toggleBlock, getBlockProps, setBlockProps, isBlockActive, clearBlockProps } from './block';
-export { withPlugins } from './withPlugins';
+export { isEmpty } from './isEmpty';
 export { isStart } from './isStart';
-export { promiseUploadFunc } from './promiseUploadFunc';
-export { base64file } from './base64file';
 export { mergeLocalteFromPlugins } from './mergeLocalteFromPlugins';
-export { isEmpty } from './isEmpty';
+export { mergeStyle, style2string } from './mergeStyle';
+export { promiseUploadFunc } from './promiseUploadFunc';
+export { getTextProps, setTextProps, toggleTextProps } from './text';
+export { withPlugins } from './withPlugins';

packages/core/lib/utils/promiseUploadFunc.ts

@@ -1,13 +1,15 @@
-import type { UploadFunc, UploadRequestOption } from "../typing";
-import { base64file } from ".";
+import { base64file, blobfile } from '.';
+import type { UploadFunc, UploadRequestOption } from '../typing';
 
 export const promiseUploadFunc = (
   options: UploadRequestOption,
   customUploadRequest?: UploadFunc,
-  setPercent?: (p: number) => void
+  setPercent?: (p: number) => void,
+  defaultType: 'dataurl' | 'bloburl' | false = 'dataurl',
 ) => {
   const { onProgress, onError, onSuccess } = options;
   return new Promise<{ url?: string }>((resolve, reject) => {
+    setPercent?.(1);
     const args = {
       ...options,
       onProgress: (e: { percent?: number }) => {
@@ -29,7 +31,12 @@ export const promiseUploadFunc = (
     if (customUploadRequest) {
       customUploadRequest(args);
     } else {
-      base64file(args);
+      if (defaultType === 'dataurl') base64file(args);
+      if (defaultType === 'bloburl') blobfile(args);
+      alert('not support upload function');
+      reject('not support upload function');
+      onError?.(new Error('not support upload function'));
+      setPercent?.(-1);
     }
   });
 };

packages/plugin/lib/index.tsx

@@ -17,7 +17,7 @@ import { ListPlugin } from './plugins/list';
 import { ParagraphPlugin } from './plugins/paragraph';
 import { TextAlignPlugin } from './plugins/text-align';
 import { TodoListPlugin } from './plugins/todo-list';
-
+import { VideoPlugin } from './plugins/video';
 export default {
   HistoryPlugin,
   ClearPlugin,
@@ -33,6 +33,7 @@ export default {
   TextIndentPlugin,
   TodoListPlugin,
   ImgPlugin,
+  VideoPlugin,
   LinkPlugin,
   BlockquotePlugin,
   HrPlugin,