@flatbiz/antd 4.2.9 → 4.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
-
import{Editor as e}from"@wove/react/cjs/editor";import{a as t}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as
|
|
4
|
+
import{Editor as e}from"@wove/react/cjs/editor";import{a as t}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as r}from"@wove/react/cjs/hooks";import{useKeyPress as n}from"ahooks";import{useRef as a}from"react";import{jsx as o}from"react/jsx-runtime";var i=function i(l){var c=a(null);var u=r.useCallbackRef((function(e,t){var r=t.getContent();var n=r?r:undefined;l.onChange==null?void 0:l.onChange(n)}));var s=r.useCallbackRef((function(e,t,r){return new Promise((function(n,a){var o;var i=function(){try{return n()}catch(e){return a(e)}};var c=function(e){try{r(e.message);return i()}catch(e){return a(e)}};try{return Promise.resolve(l.onUploadImage==null?void 0:l.onUploadImage(e.blob())).then((function(e){try{o=e;t(o);return i()}catch(e){return c(e)}}),c)}catch(e){c(e)}}))}));n((function(){return true}),(function(e){try{if(e.type==="keyup"&&e.key==="Escape"){var t;var r=(t=c.current)==null?void 0:t.editorContainer.classList.contains("tox-fullscreen");if(r){var n;(n=c.current)==null?void 0:n.editorCommands.execCommand("mceFullScreen")}}}catch(e){}}),{events:["keydown","keyup"]});return o("div",{className:"v-editor-wrapper",children:o(e,t({value:l.value,cdnTinyMce:"https://file.40017.cn/tcsk/tinymce/tinymce.min.js",init:t({paste_data_images:!!l.onUploadImage,images_upload_handler:s,height:l.height||300,menubar:true,language:"zh_CN",paste_retain_style_properties:"all",table_default_styles:{width:"100%"},plugins:"advlist lists image charmap preview visualblocks code hr print media table paste help template fullscreen",toolbar:["undo redo fullscreen preview","formatselect bold italic backcolor bullist numlist","outdent indent alignleft aligncenter alignright alignjustify","textmark untextmark code preview","template link image help"].join("|"),fontsize_formats:"8px 10px 12px 14px 16px 18px 24px 36px 48px",autoresize_bottom_margin:50},l.editorInitParams,{setup:function e(t){var r;c.current=t;(r=l.editorInitParams)==null?void 0:r.setup(t)}})},l.editorProps,{onKeyDown:function e(t){var r;try{if(t.keyCode==27){var n;var a=(n=c.current)==null?void 0:n.editorContainer.classList.contains("tox-fullscreen");if(a){var o;(o=c.current)==null?void 0:o.editorCommands.execCommand("mceFullScreen")}}}catch(e){}(r=l.editorProps)==null?void 0:r.onKeyDown(t)},onEditorChange:u}))})};export{i as EditorWrapper};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editor-wrapper/editor-wrapper.tsx"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { Editor, hooks } from '@wove/react';\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editor-wrapper/editor-wrapper.tsx"],"sourcesContent":["import { TAny, TPlainObject } from '@flatbiz/utils';\nimport { Editor, hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { useRef } from 'react';\nimport './style.less';\n\nexport type EditorWrapperProps = {\n onChange?: (data?: string) => void;\n value?: string;\n editorInitParams?: TPlainObject;\n editorProps?: TPlainObject;\n // varStyle?: Record<varStyles, CSSProperties['color']>;\n height?: number | string;\n /** 上传图片服务 */\n onUploadImage?: (file: File) => Promise<string>;\n};\n\n/**\n * 富文本编辑器，配置参考tinymce\n * @param props\n * @returns\n * ```\n * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口\n * 2. 如果粘贴不需要上传图片，可 配置 editorInitParams.paste_data_images = false\n * 3. 获取富文本实例，通过editorInitParams.setup(editor)\n *\n * ```\n */\nexport const EditorWrapper = (props: EditorWrapperProps) => {\n const editorRef = useRef<TAny>(null);\n\n const onChange = hooks.useCallbackRef((_, editor) => {\n const content = editor.getContent();\n const respValue = content ? content : undefined;\n props.onChange?.(respValue);\n });\n\n // const varStyleString = useMemo(() => {\n // const merge = { ...defaultVarStyle, ...props.varStyle };\n // let varStyleString = '';\n // Object.keys(merge).map((key) => {\n // varStyleString += `${key}:${merge[key]};`;\n // });\n // return varStyleString;\n // }, [props.varStyle]);\n\n const images_upload_handler = hooks.useCallbackRef(async (blobInfo, success, failure) => {\n try {\n const respData = await props.onUploadImage?.(blobInfo.blob());\n success(respData);\n } catch (error) {\n failure(error.message);\n }\n });\n\n useKeyPress(\n () => true,\n (event) => {\n try {\n if (event.type === 'keyup' && event.key === 'Escape') {\n const isFull = editorRef.current?.editorContainer.classList.contains('tox-fullscreen');\n if (isFull) {\n editorRef.current?.editorCommands.execCommand('mceFullScreen');\n }\n }\n } catch (error) {\n // 异常不处理\n }\n },\n {\n events: ['keydown', 'keyup'],\n },\n );\n\n return (\n <div className=\"v-editor-wrapper\">\n <Editor\n value={props.value}\n cdnTinyMce=\"https://file.40017.cn/tcsk/tinymce/tinymce.min.js\"\n init={{\n paste_data_images: !!props.onUploadImage,\n images_upload_handler,\n height: props.height || 300,\n menubar: true,\n language: 'zh_CN',\n paste_retain_style_properties: 'all',\n table_default_styles: {\n width: '100%',\n },\n plugins:\n 'advlist lists image charmap preview visualblocks code hr print media table paste help template fullscreen',\n toolbar: [\n 'undo redo fullscreen preview',\n 'formatselect bold italic backcolor bullist numlist',\n 'outdent indent alignleft aligncenter alignright alignjustify',\n 'textmark untextmark code preview',\n 'template link image help',\n ].join('|'),\n fontsize_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n autoresize_bottom_margin: 50,\n // templates: [\n // editorTemplates.block,\n // editorTemplates.primary_p,\n // editorTemplates.secondary_p,\n // editorTemplates.warning_p,\n // editorTemplates.danger_p,\n // editorTemplates.success_p,\n // editorTemplates.p,\n // ],\n // template_replace_values: {\n // varStyle: varStyleString,\n // },\n // template_preview_replace_values: {\n // varStyle: varStyleString,\n // },\n ...props.editorInitParams,\n setup: (editor) => {\n editorRef.current = editor;\n props.editorInitParams?.setup(editor);\n },\n }}\n {...props.editorProps}\n onKeyDown={(event) => {\n try {\n if (event.keyCode == 27) {\n const isFull = editorRef.current?.editorContainer.classList.contains('tox-fullscreen');\n if (isFull) {\n editorRef.current?.editorCommands.execCommand('mceFullScreen');\n }\n }\n } catch (error) {\n // 异常不处理\n }\n props.editorProps?.onKeyDown(event);\n }}\n onEditorChange={onChange}\n />\n </div>\n );\n};\n\n/**\n * undo redo\n * codesample\n * fontselect fontsizeselect formatselect\n * image media link anchor\n * preview save print\n * emoticons(表情)\n */\n"],"names":["EditorWrapper","props","editorRef","useRef","onChange","_hooks","useCallbackRef","_","editor","content","getContent","respValue","undefined","images_upload_handler","blobInfo","success","failure","Promise","$return","$error","respData","$Try_1_Post","$boundEx","$Try_1_Catch","error","message","resolve","onUploadImage","blob","then","$await_4","useKeyPress","event","type","key","_editorRef$current","isFull","current","editorContainer","classList","contains","_editorRef$current2","editorCommands","execCommand","events","_jsx","className","children","_Editor","_extends","value","cdnTinyMce","init","paste_data_images","height","menubar","language","paste_retain_style_properties","table_default_styles","width","plugins","toolbar","join","fontsize_formats","autoresize_bottom_margin","editorInitParams","setup","_props$editorInitPara","editorProps","onKeyDown","_props$editorProps","keyCode","_editorRef$current3","_editorRef$current4","onEditorChange"],"mappings":";2QA4BaA,EAAgB,SAAhBA,EAAiBC,GAC5B,IAAMC,EAAYC,EAAa,MAE/B,IAAMC,EAAWC,EAAMC,gBAAe,SAACC,EAAGC,GACxC,IAAMC,EAAUD,EAAOE,aACvB,IAAMC,EAAYF,EAAUA,EAAUG,UACtCX,EAAMG,UAANH,UAAAA,EAAAA,EAAMG,SAAWO,EACnB,IAWA,IAAME,EAAwBR,EAAMC,gBAAe,SAAOQ,EAAUC,EAASC,GAA1B,OAAA,IAAAC,SAAA,SAAAC,EAAAC,GAAA,IAEzCC,EAhDZ,IAAIC,aAAJ,IAAI,OAAAH,GAAK,CAAC,MAAAI,GAAW,OAAOH,EAAAG,EAAM,GAAlC,IAAIC,EAAA,SAkDSC,GAlDb,IAmDMR,EAAQQ,EAAMC,SAnDpB,OAAOJ,GAAE,CAAC,MAAAC,GAAW,OAAOH,EAAAG,EAAM,GA+C9B,IACmB,OAAAL,QAAAS,QAAMzB,EAAM0B,2BAAN1B,EAAM0B,cAAgBb,EAASc,SAArCC,eAA4CC,GAhDnE,IAgDYV,EAAWU,EACjBf,EAAQK,GAjDd,OAAOC,GAAE,CAAC,MAAAC,GAAW,OAAOC,EAAAD,EAAM,CAAC,GAAAC,EAkD9B,CAAC,MAAOC,GAAOD,EAAPC,EAET,CAAC,OAGHO,GACE,WAAA,OAAM,IACN,IAAA,SAACC,GACC,IACE,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,SAAU,CAAA,IAAAC,EACpD,IAAMC,GAAMD,EAAGjC,EAAUmC,UAAO,UAAA,EAAjBF,EAAmBG,gBAAgBC,UAAUC,SAAS,kBACrE,GAAIJ,EAAQ,CAAA,IAAAK,GACVA,EAAAvC,EAAUmC,UAAO,UAAA,EAAjBI,EAAmBC,eAAeC,YAAY,gBAChD,CACF,CACD,CAAC,MAAOnB,GACP,CAEJ,GACA,CACEoB,OAAQ,CAAC,UAAW,WAIxB,OACEC,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAAG,EAAAC,EAAA,CACEC,MAAOjD,EAAMiD,MACbC,WAAW,oDACXC,KAAIH,EAAA,CACFI,oBAAqBpD,EAAM0B,cAC3Bd,sBAAAA,EACAyC,OAAQrD,EAAMqD,QAAU,IACxBC,QAAS,KACTC,SAAU,QACVC,8BAA+B,MAC/BC,qBAAsB,CACpBC,MAAO,QAETC,QACE,4GACFC,QAAS,CACP,+BACA,qDACA,+DACA,mCACA,4BACAC,KAAK,KACPC,iBAAkB,8CAClBC,yBAA0B,IAgBvB/D,EAAMgE,iBAAgB,CACzBC,MAAO,SAAAA,EAAC1D,GAAW,IAAA2D,EACjBjE,EAAUmC,QAAU7B,GACpB2D,EAAAlE,EAAMgE,mBAANE,UAAAA,EAAAA,EAAwBD,MAAM1D,EAChC,KAEEP,EAAMmE,YAAW,CACrBC,UAAW,SAAAA,EAACrC,GAAU,IAAAsC,EACpB,IACE,GAAItC,EAAMuC,SAAW,GAAI,CAAA,IAAAC,EACvB,IAAMpC,GAAMoC,EAAGtE,EAAUmC,UAAO,UAAA,EAAjBmC,EAAmBlC,gBAAgBC,UAAUC,SAAS,kBACrE,GAAIJ,EAAQ,CAAA,IAAAqC,GACVA,EAAAvE,EAAUmC,UAAO,UAAA,EAAjBoC,EAAmB/B,eAAeC,YAAY,gBAChD,CACF,CACD,CAAC,MAAOnB,GACP,EAEF8C,EAAArE,EAAMmE,cAANE,UAAAA,EAAAA,EAAmBD,UAAUrC,EAC7B,EACF0C,eAAgBtE,MAIxB"}
|
package/index.d.ts
CHANGED
|
@@ -1042,19 +1042,25 @@ export type EditableTableProps = {
|
|
|
1042
1042
|
rules?: FormListProps["rules"];
|
|
1043
1043
|
};
|
|
1044
1044
|
export declare const EditableTable: (props: EditableTableProps) => JSX.Element;
|
|
1045
|
-
export type varStyles = "--fa-color-primary" | "--fa-color-secondary" | "--fa-color-warning" | "--fa-color-danger" | "--fa-color-success" | "--editor-card-bgcolor";
|
|
1046
1045
|
export type EditorWrapperProps = {
|
|
1047
1046
|
onChange?: (data?: string) => void;
|
|
1048
1047
|
value?: string;
|
|
1049
1048
|
editorInitParams?: TPlainObject;
|
|
1050
1049
|
editorProps?: TPlainObject;
|
|
1051
|
-
varStyle?: Record<varStyles, CSSProperties["color"]>;
|
|
1052
1050
|
height?: number | string;
|
|
1051
|
+
/** 上传图片服务 */
|
|
1052
|
+
onUploadImage?: (file: File) => Promise<string>;
|
|
1053
1053
|
};
|
|
1054
1054
|
/**
|
|
1055
1055
|
* 富文本编辑器，配置参考tinymce
|
|
1056
1056
|
* @param props
|
|
1057
1057
|
* @returns
|
|
1058
|
+
* ```
|
|
1059
|
+
* 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口
|
|
1060
|
+
* 2. 如果粘贴不需要上传图片，可 配置 editorInitParams.paste_data_images = false
|
|
1061
|
+
* 3. 获取富文本实例，通过editorInitParams.setup(editor)
|
|
1062
|
+
*
|
|
1063
|
+
* ```
|
|
1058
1064
|
*/
|
|
1059
1065
|
export declare const EditorWrapper: (props: EditorWrapperProps) => JSX.Element;
|
|
1060
1066
|
export type ShouldUpdateFunc<T> = (prev: T | undefined, next: T) => boolean;
|