@flatbiz/antd 4.2.23 → 4.2.24

package/esm/rich-text-editor/index.js

@@ -3,5 +3,5 @@ import './../dynamic-node/index.css';
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-export{R as RichTextEditor}from"../rich-text-editor-32d0886e.js";import"../_rollupPluginBabelHelpers-1f4d8910.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@tinymce/tinymce-react";import"ahooks";import"react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"antd";import"../dynamic-node-577ef8fd.js";import"react-dom";import"../dom-4d04aa64.js";import"react/jsx-runtime";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";
+import{_ as e,a as n}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{Editor as i}from"@tinymce/tinymce-react";import{useKeyPress as o}from"ahooks";import{Fragment as a,useRef as l,useState as s}from"react";import c from"@ant-design/icons/es/icons/PlusCircleOutlined";import{Image as m}from"antd";import{d as u}from"../dynamic-node-577ef8fd.js";import{fbaHooks as d}from"../fba-hooks/index.js";import{jsx as p,Fragment as f,jsxs as v}from"react/jsx-runtime";import"react-dom";import"../dom-4d04aa64.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var g=function e(n){var t=n.visible,r=n.url;d.useEffectCustom((function(){if(t){u.append({content:p(c,{onClick:n.close,className:"preview-image-popup-close",twoToneColor:"#1890ff"})})}else{u.remove()}}),[t]);if(!r)return p(f,{});return p(a,{children:p(m,{style:{left:"100px"},preview:{className:"preview-image-popup",maskStyle:{backgroundColor:"rgba(0,0,0,0.85)"},visible:t,src:r,onVisibleChange:function e(){n.close()}}},r)})};var h=["onUploadImage","onChange","className"];var y=function a(c){var m,u,d,f;var y=c.onUploadImage,b=c.onChange,C=c.className,k=e(c,h);var x=l(null);var w=s(""),_=w[0],j=w[1];var E=((m=c.init)==null?void 0:m.img_ratio)||[{min:0,max:1e3,ratio:.5},{min:1e3,ratio:.3}];o((function(){return true}),(function(e){try{if(e.type==="keyup"&&e.key==="Escape"){var n;var t=(n=x.current)==null?void 0:n.editorContainer.classList.contains("tox-fullscreen");if(t){var r;(r=x.current)==null?void 0:r.editorCommands.execCommand("mceFullScreen")}}}catch(e){}}),{events:["keydown","keyup"]});var I=r.useCallbackRef((function(e,n){try{if(e.keyCode==27){var t;var r=(t=x.current)==null?void 0:t.editorContainer.classList.contains("tox-fullscreen");if(r){var i;(i=x.current)==null?void 0:i.editorCommands.execCommand("mceFullScreen")}}}catch(e){}c.onKeyDown==null?void 0:c.onKeyDown(e,n)}));var N=r.useCallbackRef((function(e,n){x.current=n;try{var t,r;(t=n.iframeElement)==null?void 0:(r=t.contentDocument)==null?void 0:r.addEventListener("click",(function(e){var n;if(c.imgPreview&&((n=e.target)==null?void 0:n["tagName"])==="IMG"){j(e.target["src"])}}),true)}catch(e){}k.onInit==null?void 0:k.onInit(e,n)}));var P=r.useCallbackRef((function(e,n){x.current=n;k.onEditorChange==null?void 0:k.onEditorChange(e,n);b==null?void 0:b(e)}));var S="https://file.40017.cn/tcsk/tinymce@6.4.1";var z=function e(n){if(E.length===0)return 1;for(var t=0;t<E.length;t++){var r=E[t];if(r.max){if(n>=r.min&&n<=r.max)return r.ratio}else{if(n>=r.min)return r.ratio}}return 1};var D=r.useCallbackRef((function(e,n){try{var t=n.node.children||[];if(t.length===1&&t[0].nodeName==="IMG"){t[0].setAttribute("style","display:none");var r=document.createElement("img");r.src=t[0].getAttribute("src");console.log("img.src",r.src);r.onload=function(){var n=z(r.width);e.execCommand("mceInsertContent",true,'<img src="'+r.src+'" width="'+r.width*n+'" height="'+r.height*n+'" />')}}}catch(e){}}));return v("div",{className:t("v-editor-wrapper",C),children:[p(i,n({tinymceScriptSrc:S+"/tinymce.min.js"},k,{onInit:N,onKeyDown:I,onEditorChange:P,init:n({promotion:false,language:"zh-Hans",height:500,paste_data_images:y?true:false,paste_postprocess:D,autosave_ask_before_unload:false,base_url:S,autoresize_bottom_margin:0,images_upload_handler:function e(n){return new Promise((function(e,t){var r,i,o;var a=function(n){try{return e(Promise.reject((n==null?void 0:n.message)||"图片上传异常"))}catch(e){return t(e)}};try{r=n.blob();i=new File([r],r.name,{type:r.type});return Promise.resolve(y==null?void 0:y(i)).then((function(n){try{o=n;return e(Promise.resolve(o))}catch(e){return a(e)}}),a)}catch(e){a(e)}}))},plugins:"lists link image advlist charmap preview fullscreen code table help codesample "+(((u=c.init)==null?void 0:u.plugins_append)||""),toolbar:"undo redo fullscreen preview | bold italic underline strikethrough |"+"fontsize blocks |"+"forecolor backcolor removeformat |"+"numlist bullist advlist |"+"alignleft aligncenter alignright alignjustify |"+"outdent indent |"+"hr image link code codesample |"+(((d=c.init)==null?void 0:d.toolbar_append)||""),font_size_formats:"8px 10px 12px 14px 16px 18px 24px 36px 48px"},c.init,{content_style:"img {max-width:100%;} table{width:100%} "+((f=c.init)==null?void 0:f.content_style)})})),p(g,{visible:!!_,url:_,close:function e(){j("")}})]})};export{y as RichTextEditor};
 //# sourceMappingURL=index.js.map

package/esm/rich-text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/rich-text-editor/preview/preview.tsx","@flatbiz/antd/src/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { PlusCircleOutlined } from '@ant-design/icons';\nimport { Image } from 'antd';\nimport { Fragment } from 'react';\nimport { dynamicNode } from '../../dynamic-node';\nimport { fbaHooks } from '../../fba-hooks';\nimport './preview.less';\n\nexport const Preview = (props) => {\n  const { visible, url } = props;\n\n  fbaHooks.useEffectCustom(() => {\n    if (visible) {\n      dynamicNode.append({\n        content: (\n          <PlusCircleOutlined\n            onClick={props.close}\n            className=\"preview-image-popup-close\"\n            twoToneColor=\"#1890ff\"\n          />\n        ),\n      });\n    } else {\n      dynamicNode.remove();\n    }\n  }, [visible]);\n\n  if (!url) return <></>;\n\n  return (\n    <Fragment>\n      <Image\n        key={url}\n        style={{ left: '100px' }}\n        preview={{\n          className: 'preview-image-popup',\n          maskStyle: { backgroundColor: 'rgba(0,0,0,0.85)' },\n          visible,\n          src: url,\n          onVisibleChange: () => {\n            props.close();\n          },\n        }}\n      />\n    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { TAny } from '@flatbiz/utils';\nimport { Editor, IAllProps } from '@tinymce/tinymce-react';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { useRef, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\nimport { Preview } from './preview';\nimport './style.less';\n\nexport interface RichTextEditorProps extends Omit<IAllProps, 'onChange' | 'init'> {\n  onChange?: (data?: string) => void;\n  // value?: string;\n  /** 上传图片服务 */\n  onUploadImage?: (file: File) => Promise<string>;\n  className?: string;\n  /** 图片点击预览 */\n  imgPreview?: boolean;\n  init?: IAllProps['init'] & {\n    /**\n     * 通过粘贴图片创建的img标签，显示压缩比例，此处min、max是和指图片宽度\n     * 1. 默认值值：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]\n     */\n    img_ratio?: { min: number; max?: number; ratio: number }[];\n    /** 插件添加；自定义plugins后失效 */\n    plugins_append?: string;\n    /** 工具栏添加；自定义toolbar后失效  */\n    toolbar_append?: string;\n  };\n}\n\n/**\n * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6\n * @param props\n * @returns\n * ```\n * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口\n * 2. 获取富文本实例，通过onInit(_, editor)函数获取\n * 3. 预览富文本数据，使用 RichTextViewer 组件\n * 4. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append\n *    <RichTextEditor init={{ plugins_append: 'codesample', toolbar_append: 'codesample' }} />\n * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏\n * 6. 其他插件\n *    emoticons 表情插件\n * 7. 可通过设置 init.img_ratio 设置通过粘贴上传的图片压缩显示比例\n *    默认比例：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]\n * ```\n */\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n  const { onUploadImage, onChange, className, ...otherProps } = props;\n\n  const editorRef = useRef<TAny>(null);\n  const [previewUrl, setPreviewUrl] = useState('');\n  const imgRatio = props.init?.img_ratio || [\n    { min: 0, max: 1000, ratio: 0.5 },\n    { min: 1000, ratio: 0.3 },\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: BlobInfo, progress: ProgressFn) => {\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  const onKeyDown = hooks.useCallbackRef((event, editor: TinyMCEEditor) => {\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.onKeyDown?.(event, editor);\n  });\n\n  const onInit = hooks.useCallbackRef((_, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    try {\n      editor.iframeElement?.contentDocument?.addEventListener(\n        'click',\n        (event) => {\n          if (props.imgPreview && event.target?.['tagName'] === 'IMG') {\n            setPreviewUrl(event.target['src']);\n          }\n        },\n        true,\n      );\n    } catch (error) {\n      //\n    }\n    otherProps.onInit?.(_, editor);\n  });\n\n  const onEditorChange = hooks.useCallbackRef((a: string, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    otherProps.onEditorChange?.(a, editor);\n    onChange?.(a);\n  });\n\n  const tinymceBaseUrl = 'https://file.40017.cn/tcsk/tinymce@6.4.1';\n\n  const getImgRatio = (width: number) => {\n    if (imgRatio.length === 0) return 1;\n    for (let index = 0; index < imgRatio.length; index++) {\n      const element = imgRatio[index];\n      if (element.max) {\n        if (width >= element.min && width <= element.max) return element.ratio;\n      } else {\n        if (width >= element.min) return element.ratio;\n      }\n    }\n    return 1;\n  };\n\n  const paste_postprocess = hooks.useCallbackRef((editor, args) => {\n    try {\n      const nodes = (args.node.children || []) as unknown as HTMLElement[];\n      if (nodes.length === 1 && nodes[0].nodeName === 'IMG') {\n        nodes[0].setAttribute('style', `display:none`);\n        const img = document.createElement('img');\n        img.src = nodes[0].getAttribute('src') as string;\n        console.log('img.src', img.src);\n        img.onload = () => {\n          const ratio = getImgRatio(img.width);\n          editor.execCommand(\n            'mceInsertContent',\n            true,\n            `<img src=\"${img.src}\" width=\"${img.width * ratio}\" height=\"${img.height * ratio}\" />`,\n          );\n        };\n      }\n    } catch (error) {}\n  });\n\n  return (\n    <div className={classNames('v-editor-wrapper', className)}>\n      <Editor\n        // apiKey=\"ds6j8so4g3d2cycidbhgkds36q0phy1uqd9jd8bot91sfe5l\"\n        tinymceScriptSrc={`${tinymceBaseUrl}/tinymce.min.js`}\n        {...otherProps}\n        onInit={onInit}\n        onKeyDown={onKeyDown}\n        onEditorChange={onEditorChange}\n        init={{\n          promotion: false,\n          language: 'zh-Hans',\n          height: 500,\n          paste_data_images: onUploadImage ? true : false,\n          paste_postprocess,\n          autosave_ask_before_unload: false,\n          base_url: tinymceBaseUrl,\n          autoresize_bottom_margin: 0,\n          images_upload_handler: async (blobInfo) => {\n            try {\n              const blob = blobInfo.blob();\n              const file = new File([blob], blob.name, { type: blob.type });\n              const respData = await onUploadImage?.(file);\n              return Promise.resolve(respData as string);\n            } catch (error) {\n              return Promise.reject(error?.message || '图片上传异常');\n            }\n          },\n\n          plugins:\n            'lists link image advlist charmap preview fullscreen code table help codesample ' +\n            (props.init?.plugins_append || ''),\n          toolbar:\n            'undo redo fullscreen preview | bold italic underline strikethrough |' +\n            'fontsize blocks |' +\n            'forecolor backcolor removeformat |' +\n            'numlist bullist advlist |' +\n            'alignleft aligncenter alignright alignjustify |' +\n            'outdent indent |' +\n            'hr image link code codesample |' +\n            (props.init?.toolbar_append || ''),\n          font_size_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n          ...props.init,\n          content_style: `img {max-width:100%;} table{width:100%} ${props.init?.content_style}`,\n        }}\n      />\n      <Preview\n        visible={!!previewUrl}\n        url={previewUrl}\n        close={() => {\n          setPreviewUrl('');\n        }}\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":["Preview","props","visible","url","fbaHooks","useEffectCustom","dynamicNode","append","content","_jsx","_PlusCircleOutlined","onClick","close","className","twoToneColor","remove","_Fragment","Fragment","children","Image","style","left","preview","maskStyle","backgroundColor","src","onVisibleChange","RichTextEditor","_props$init","_props$init2","_props$init3","_props$init4","onUploadImage","onChange","otherProps","_objectWithoutPropertiesLoose","_excluded","editorRef","useRef","_useState","useState","previewUrl","setPreviewUrl","imgRatio","init","img_ratio","min","max","ratio","useKeyPress","event","type","key","_editorRef$current","isFull","current","editorContainer","classList","contains","_editorRef$current2","editorCommands","execCommand","error","events","onKeyDown","_hooks","useCallbackRef","editor","keyCode","_editorRef$current3","_editorRef$current4","onInit","_","_editor$iframeElement","_editor$iframeElement2","iframeElement","contentDocument","addEventListener","_event$target","imgPreview","target","onEditorChange","a","tinymceBaseUrl","getImgRatio","width","length","index","element","paste_postprocess","args","nodes","node","nodeName","setAttribute","img","document","createElement","getAttribute","console","log","onload","height","_jsxs","_classNames","Editor","_extends","tinymceScriptSrc","promotion","language","paste_data_images","autosave_ask_before_unload","base_url","autoresize_bottom_margin","images_upload_handler","blobInfo","Promise","$return","$error","blob","_file","respData","$Try_5_Catch","reject","message","$boundEx","file","File","name","resolve","then","$await_6","plugins","plugins_append","toolbar","toolbar_append","font_size_formats","content_style"],"mappings":"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"}

package/esm/rich-text-viewer/index.js

@@ -1,9 +1,5 @@
 /* eslint-disable */
-import './../rich-text-editor/index.css';
-import './../dynamic-node/index.css';
-import './../fba-hooks/index.css';
-import './../icon-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/FullscreenOutlined";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{useKeyPress as o}from"ahooks";import{useState as t,useRef as s}from"react";import{R as n}from"../rich-text-editor-32d0886e.js";import{fbaHooks as a}from"../fba-hooks/index.js";import{I as l}from"../icon-wrapper-ed5fcacc.js";import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-1f4d8910.js";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"antd";import"../dynamic-node-577ef8fd.js";import"react-dom";import"../dom-4d04aa64.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var u=function u(d){var f=t(false),p=f[0],v=f[1];var j=s();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&p){v(false)}}),{events:["keydown","keyup"]});var y=r.useCallbackRef((function(){v(!p)}));var b=r.useCallbackRef((function(e,i){j.current=i;d.onInit==null?void 0:d.onInit(i)}));a.useEffectCustom((function(){var e;(e=j.current)==null?void 0:e.editorCommands.execCommand("mceAutoResize")}),[d.value]);return m("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":p},d.className),style:d.style,children:[d.children,d.fullscreen&&d.value&&c("div",{className:"fba-editor-viewer-icon",children:c(l,{hoverTips:d.fullscreenIconTips,icon:c(e,{}),onClick:y})}),c(n,{value:'<div style="overflow: hidden">'+d.value+"</div>",onInit:b,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false}})]})};export{u as RichTextViewer};
+import e from"@ant-design/icons/es/icons/FullscreenOutlined";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as i}from"@wove/react/cjs/hooks";import{useKeyPress as o}from"ahooks";import{useState as n,useRef as t}from"react";import{fbaHooks as a,IconWrapper as s,RichTextEditor as l}from"packages/antd";import{jsxs as c,jsx as u}from"react/jsx-runtime";var f=function f(m){var d=n(false),v=d[0],p=d[1];var k=t();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&v){p(false)}}),{events:["keydown","keyup"]});var b=i.useCallbackRef((function(){p(!v)}));var y=i.useCallbackRef((function(e,r){k.current=r;m.onInit==null?void 0:m.onInit(r)}));a.useEffectCustom((function(){var e;(e=k.current)==null?void 0:e.editorCommands.execCommand("mceAutoResize")}),[m.value]);return c("div",{className:r("fba-editor-viewer",{"fba-editor-viewer-fixed":v},m.className),style:m.style,children:[m.children,m.fullscreen&&m.value&&u("div",{className:"fba-editor-viewer-icon",children:u(s,{hoverTips:m.fullscreenIconTips,icon:u(e,{}),onClick:b})}),u(l,{value:'<div style="overflow: hidden">'+m.value+"</div>",onInit:y,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false}})]})};export{f as RichTextViewer};
 //# sourceMappingURL=index.js.map

package/esm/rich-text-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/rich-text-viewer/rich-text-viewer.tsx"],"sourcesContent":["import { FullscreenOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\nimport { RichTextEditor } from '../rich-text-editor';\n\nimport { fbaHooks } from '../fba-hooks';\nimport { IconWrapper } from '../icon-wrapper';\nimport './style.less';\n\ntype RichTextViewerProps = {\n  value: string;\n  className?: string;\n  style?: CSSProperties;\n  fullscreen?: boolean;\n  onInit?: (editor: TinyMCEEditor) => void;\n  children?: ReactElement;\n  fullscreenIconTips?: string;\n};\n\n/**\n * 预览 RichTextEditor 生成的富文本数据\n * ```\n * 1. 通过 onInit 属性可获取实例：editor\n * 2. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');\n *\n * ```\n * @param props\n * @returns\n */\nexport const RichTextViewer = (props: RichTextViewerProps) => {\n  const [isFixed, setIsFixed] = useState(false);\n  const editorRef = useRef<TinyMCEEditor>();\n\n  useKeyPress(\n    () => true,\n    (event) => {\n      if (event.type === 'keyup' && event.key === 'Escape' && isFixed) {\n        setIsFixed(false);\n      }\n    },\n    { events: ['keydown', 'keyup'] },\n  );\n\n  const onChangeFixed = hooks.useCallbackRef(() => {\n    setIsFixed(!isFixed);\n  });\n  const onInit = hooks.useCallbackRef((_, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    props.onInit?.(editor);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    editorRef.current?.editorCommands.execCommand('mceAutoResize');\n  }, [props.value]);\n\n  return (\n    <div\n      className={classNames('fba-editor-viewer', { 'fba-editor-viewer-fixed': isFixed }, props.className)}\n      style={props.style}\n    >\n      {props.children}\n      {props.fullscreen && props.value && (\n        <div className=\"fba-editor-viewer-icon\">\n          <IconWrapper\n            hoverTips={props.fullscreenIconTips}\n            icon={<FullscreenOutlined />}\n            onClick={onChangeFixed}\n          />\n        </div>\n      )}\n      <RichTextEditor\n        value={`<div style=\"overflow: hidden\">${props.value}</div>`}\n        onInit={onInit}\n        imgPreview\n        disabled\n        init={{\n          plugins: 'autoresize',\n          menubar: false,\n          toolbar: '',\n          statusbar: false,\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["RichTextViewer","props","_useState","useState","isFixed","setIsFixed","editorRef","useRef","useKeyPress","event","type","key","events","onChangeFixed","_hooks","useCallbackRef","onInit","_","editor","current","fbaHooks","useEffectCustom","_editorRef$current","editorCommands","execCommand","value","_jsxs","className","_classNames","style","children","fullscreen","_jsx","IconWrapper","hoverTips","fullscreenIconTips","icon","_FullscreenOutlined","onClick","RichTextEditor","imgPreview","disabled","init","plugins","menubar","toolbar","statusbar"],"mappings":";mvBAgCaA,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAAC,EAA8BC,EAAS,OAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1B,IAAMI,EAAYC,IAElBC,GACE,WAAA,OAAM,IACN,IAAA,SAACC,GACC,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,UAAYP,EAAS,CAC/DC,EAAW,MACb,CACF,GACA,CAAEO,OAAQ,CAAC,UAAW,WAGxB,IAAMC,EAAgBC,EAAMC,gBAAe,WACzCV,GAAYD,EACd,IACA,IAAMY,EAASF,EAAMC,gBAAe,SAACE,EAAGC,GACtCZ,EAAUa,QAAUD,EACpBjB,EAAMe,QAANf,UAAAA,EAAAA,EAAMe,OAASE,EACjB,IAEAE,EAASC,iBAAgB,WAAM,IAAAC,GAC7BA,EAAAhB,EAAUa,UAAO,UAAA,EAAjBG,EAAmBC,eAAeC,YAAY,gBAChD,GAAG,CAACvB,EAAMwB,QAEV,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,oBAAqB,CAAE,0BAA2BxB,GAAWH,EAAM0B,WACzFE,MAAO5B,EAAM4B,MAAMC,SAElB7B,CAAAA,EAAM6B,SACN7B,EAAM8B,YAAc9B,EAAMwB,OACzBO,EAAA,MAAA,CAAKL,UAAU,yBAAwBG,SACrCE,EAACC,EAAW,CACVC,UAAWjC,EAAMkC,mBACjBC,KAAMJ,EAAAK,EAAuB,IAC7BC,QAASzB,MAIfmB,EAACO,EAAc,CACbd,MAAwCxB,iCAAAA,EAAMwB,MAAc,SAC5DT,OAAQA,EACRwB,WAAU,KACVC,SAAQ,KACRC,KAAM,CACJC,QAAS,aACTC,QAAS,MACTC,QAAS,GACTC,UAAW,WAKrB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/rich-text-viewer/rich-text-viewer.tsx"],"sourcesContent":["import { FullscreenOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\n\nimport { fbaHooks, IconWrapper, RichTextEditor } from 'packages/antd';\nimport './style.less';\n\ntype RichTextViewerProps = {\n  value: string;\n  className?: string;\n  style?: CSSProperties;\n  fullscreen?: boolean;\n  onInit?: (editor: TinyMCEEditor) => void;\n  children?: ReactElement;\n  fullscreenIconTips?: string;\n};\n\n/**\n * 预览 RichTextEditor 生成的富文本数据\n * ```\n * 1. 通过 onInit 属性可获取实例：editor\n * 2. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');\n *\n * ```\n * @param props\n * @returns\n */\nexport const RichTextViewer = (props: RichTextViewerProps) => {\n  const [isFixed, setIsFixed] = useState(false);\n  const editorRef = useRef<TinyMCEEditor>();\n\n  useKeyPress(\n    () => true,\n    (event) => {\n      if (event.type === 'keyup' && event.key === 'Escape' && isFixed) {\n        setIsFixed(false);\n      }\n    },\n    { events: ['keydown', 'keyup'] },\n  );\n\n  const onChangeFixed = hooks.useCallbackRef(() => {\n    setIsFixed(!isFixed);\n  });\n  const onInit = hooks.useCallbackRef((_, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    props.onInit?.(editor);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    editorRef.current?.editorCommands.execCommand('mceAutoResize');\n  }, [props.value]);\n\n  return (\n    <div\n      className={classNames('fba-editor-viewer', { 'fba-editor-viewer-fixed': isFixed }, props.className)}\n      style={props.style}\n    >\n      {props.children}\n      {props.fullscreen && props.value && (\n        <div className=\"fba-editor-viewer-icon\">\n          <IconWrapper\n            hoverTips={props.fullscreenIconTips}\n            icon={<FullscreenOutlined />}\n            onClick={onChangeFixed}\n          />\n        </div>\n      )}\n      <RichTextEditor\n        value={`<div style=\"overflow: hidden\">${props.value}</div>`}\n        onInit={onInit}\n        imgPreview\n        disabled\n        init={{\n          plugins: 'autoresize',\n          menubar: false,\n          toolbar: '',\n          statusbar: false,\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["RichTextViewer","props","_useState","useState","isFixed","setIsFixed","editorRef","useRef","useKeyPress","event","type","key","events","onChangeFixed","_hooks","useCallbackRef","onInit","_","editor","current","fbaHooks","useEffectCustom","_editorRef$current","editorCommands","execCommand","value","_jsxs","className","_classNames","style","children","fullscreen","_jsx","IconWrapper","hoverTips","fullscreenIconTips","icon","_FullscreenOutlined","onClick","RichTextEditor","imgPreview","disabled","init","plugins","menubar","toolbar","statusbar"],"mappings":";2XA8BaA,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAAC,EAA8BC,EAAS,OAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1B,IAAMI,EAAYC,IAElBC,GACE,WAAA,OAAM,IACN,IAAA,SAACC,GACC,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,UAAYP,EAAS,CAC/DC,EAAW,MACb,CACF,GACA,CAAEO,OAAQ,CAAC,UAAW,WAGxB,IAAMC,EAAgBC,EAAMC,gBAAe,WACzCV,GAAYD,EACd,IACA,IAAMY,EAASF,EAAMC,gBAAe,SAACE,EAAGC,GACtCZ,EAAUa,QAAUD,EACpBjB,EAAMe,QAANf,UAAAA,EAAAA,EAAMe,OAASE,EACjB,IAEAE,EAASC,iBAAgB,WAAM,IAAAC,GAC7BA,EAAAhB,EAAUa,UAAO,UAAA,EAAjBG,EAAmBC,eAAeC,YAAY,gBAChD,GAAG,CAACvB,EAAMwB,QAEV,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,oBAAqB,CAAE,0BAA2BxB,GAAWH,EAAM0B,WACzFE,MAAO5B,EAAM4B,MAAMC,SAElB7B,CAAAA,EAAM6B,SACN7B,EAAM8B,YAAc9B,EAAMwB,OACzBO,EAAA,MAAA,CAAKL,UAAU,yBAAwBG,SACrCE,EAACC,EAAW,CACVC,UAAWjC,EAAMkC,mBACjBC,KAAMJ,EAAAK,EAAuB,IAC7BC,QAASzB,MAIfmB,EAACO,EAAc,CACbd,MAAwCxB,iCAAAA,EAAMwB,MAAc,SAC5DT,OAAQA,EACRwB,WAAU,KACVC,SAAQ,KACRC,KAAM,CACJC,QAAS,aACTC,QAAS,MACTC,QAAS,GACTC,UAAW,WAKrB"}

package/esm/switch-wrapper/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as e,a as o}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as r}from"@flatbiz/utils";import{Tooltip as l,Switch as a}from"antd";import{jsx as n}from"react/jsx-runtime";var i=["checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle"];var c=function c(u){var p=u.checkedValue,f=u.unCheckedValue,h=u.onChange,m=u.value,s=u.tooltipProps,d=u.tooltipTitle,v=e(u,i);var k=t.useCallbackRef((function(e){h==null?void 0:h(e?p:f)}));var C;if(typeof d==="function"){C=d(m)}else{C=d}if(C){return n(l,o({placement:"top"},s,{title:C,children:n(a,o({},v,{checked:!r(m)&&p===m,onChange:k}))}))}return n(a,o({},v,{checked:!r(m)&&p===m,onChange:k}))};export{c as SwitchWrapper};
+import{_ as e,a as r}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{message as o,Tooltip as i,Switch as l}from"antd";import{useState as u}from"react";import{jsx as a}from"react/jsx-runtime";var c=["checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle","serviceConfig"];var s=function s(f){var v=f.checkedValue,h=f.unCheckedValue,d=f.onChange,m=f.value,p=f.tooltipProps,g=f.tooltipTitle,C=f.serviceConfig,k=e(f,c);var b=u(),y=b[0],P=b[1];var V=t.useCallbackRef((function(e){return new Promise((function(r,t){var n,i,l;n=e?v:h;if(C!=null&&C.onRequest){var u=function(e){return function(r){try{P(false);return e&&e.call(this,r)}catch(e){return t(e)}}.bind(this)}.bind(this);var a=function(){try{return s.call(this)}catch(e){return t(e)}}.bind(this);var c=function(e){try{void o.error((e==null?void 0:e.message)||(C==null?void 0:(l=C.message)==null?void 0:l.defaultError)||"状态修改失败！");return u(a)()}catch(e){return u(t)(e)}};try{P(true);return Promise.resolve(C.onRequest(n)).then((function(e){try{d==null?void 0:d(n);void o.success((C==null?void 0:(i=C.message)==null?void 0:i.success)||"状态修改成功！");return u(a)()}catch(e){return c(e)}}),c)}catch(e){c(e)}}else{d==null?void 0:d(n);return s.call(this)}function s(){return r()}}))}));var j;if(typeof g==="function"){j=g(m)}else{j=g}if(j){return a(i,r({placement:"top"},p,{title:j,children:a(l,r({},k,{checked:!n(m)&&v===m,onChange:V}))}))}return a(l,r({loading:y},k,{checked:!n(m)&&v===m,onChange:V}))};export{s as SwitchWrapper};
 //# sourceMappingURL=index.js.map

package/esm/switch-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/switch-wrapper/switch-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Switch, SwitchProps, Tooltip, TooltipProps } from 'antd';\n\nexport type SwitchWrapperProps = Omit<SwitchProps, 'checked' | 'defaultChecked' | 'onChange'> & {\n  value?: string | number | boolean;\n  checkedValue: string | number | boolean;\n  unCheckedValue: string | number | boolean;\n  onChange?: (value: string | number | boolean) => void;\n  tooltipProps?: Omit<TooltipProps, 'title'>;\n  tooltipTitle?: string | ((value?: string | number | boolean) => string | undefined);\n};\n/**\n * 解决Switch只能接收boolean的限制，与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值，不局限于boolean，可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用，不再需要配置 valuePropName\n *     <Form.Item name=\"fieldName\">\n *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />\n *     </Form.Item>\n * 5. 可设置tooltip效果数据显示\n * ```\n */\nexport const SwitchWrapper = (props: SwitchWrapperProps) => {\n  const { checkedValue, unCheckedValue, onChange, value, tooltipProps, tooltipTitle, ...otherProps } = props;\n  const onChangeHandle = hooks.useCallbackRef((checked) => {\n    onChange?.(checked ? checkedValue : unCheckedValue);\n  });\n\n  let tipTitle: string | undefined;\n\n  if (typeof tooltipTitle === 'function') {\n    tipTitle = tooltipTitle(value);\n  } else {\n    tipTitle = tooltipTitle;\n  }\n\n  if (tipTitle) {\n    return (\n      <Tooltip placement=\"top\" {...tooltipProps} title={tipTitle}>\n        <Switch\n          {...otherProps}\n          checked={!isUndefinedOrNull(value) && checkedValue === value}\n          onChange={onChangeHandle}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Switch\n      {...otherProps}\n      checked={!isUndefinedOrNull(value) && checkedValue === value}\n      onChange={onChangeHandle}\n    />\n  );\n};\n"],"names":["SwitchWrapper","props","checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle","otherProps","_objectWithoutPropertiesLoose","_excluded","onChangeHandle","_hooks","useCallbackRef","checked","tipTitle","_jsx","Tooltip","_extends","placement","title","children","Switch","isUndefinedOrNull"],"mappings":";qVAyBaA,EAAgB,SAAhBA,EAAiBC,GAC5B,IAAQC,EAA6FD,EAA7FC,aAAcC,EAA+EF,EAA/EE,eAAgBC,EAA+DH,EAA/DG,SAAUC,EAAqDJ,EAArDI,MAAOC,EAA8CL,EAA9CK,aAAcC,EAAgCN,EAAhCM,aAAiBC,EAAUC,EAAKR,EAAKS,GAC1G,IAAMC,EAAiBC,EAAMC,gBAAe,SAACC,GAC3CV,GAAQ,UAAA,EAARA,EAAWU,EAAUZ,EAAeC,EACtC,IAEA,IAAIY,EAEJ,UAAWR,IAAiB,WAAY,CACtCQ,EAAWR,EAAaF,EAC1B,KAAO,CACLU,EAAWR,CACb,CAEA,GAAIQ,EAAU,CACZ,OACEC,EAACC,EAAOC,EAAA,CAACC,UAAU,OAAUb,EAAY,CAAEc,MAAOL,EAASM,SACzDL,EAACM,EAAMJ,KACDV,EAAU,CACdM,SAAUS,EAAkBlB,IAAUH,IAAiBG,EACvDD,SAAUO,OAIlB,CAEA,OACEK,EAACM,EAAMJ,KACDV,EAAU,CACdM,SAAUS,EAAkBlB,IAAUH,IAAiBG,EACvDD,SAAUO,IAGhB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/switch-wrapper/switch-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { message, Switch, SwitchProps, Tooltip, TooltipProps } from 'antd';\nimport { useState } from 'react';\n\nexport type SwitchWrapperValue = string | number | boolean;\nexport type SwitchWrapperProps = Omit<SwitchProps, 'checked' | 'defaultChecked' | 'onChange'> & {\n  value?: SwitchWrapperValue;\n  checkedValue: SwitchWrapperValue;\n  unCheckedValue: SwitchWrapperValue;\n  onChange?: (value: SwitchWrapperValue) => void;\n  tooltipProps?: Omit<TooltipProps, 'title'>;\n  tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);\n  serviceConfig?: {\n    onRequest: (value: SwitchWrapperValue) => TAny;\n    message?: {\n      success?: string;\n      defaultError?: string;\n    };\n  };\n};\n/**\n * 解决Switch只能接收boolean的限制，与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值，不局限于boolean，可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用，不再需要配置 valuePropName\n *     <Form.Item name=\"fieldName\">\n *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />\n *     </Form.Item>\n * 5. 可设置tooltip效果数据显示\n * 6. 可设置 serviceConfig 配置服务调用交互\n * ```\n */\nexport const SwitchWrapper = (props: SwitchWrapperProps) => {\n  const {\n    checkedValue,\n    unCheckedValue,\n    onChange,\n    value,\n    tooltipProps,\n    tooltipTitle,\n    serviceConfig,\n    ...otherProps\n  } = props;\n  const [loading, setLoading] = useState<boolean>();\n  const onChangeHandle = hooks.useCallbackRef(async (checked) => {\n    const changeValue = checked ? checkedValue : unCheckedValue;\n    if (serviceConfig?.onRequest) {\n      try {\n        setLoading(true);\n        await serviceConfig.onRequest(changeValue);\n        onChange?.(changeValue);\n        void message.success(serviceConfig?.message?.success || '状态修改成功！');\n      } catch (error) {\n        void message.error(error?.message || serviceConfig?.message?.defaultError || '状态修改失败！');\n      } finally {\n        setLoading(false);\n      }\n    } else {\n      onChange?.(changeValue);\n    }\n  });\n\n  let tipTitle: string | undefined;\n\n  if (typeof tooltipTitle === 'function') {\n    tipTitle = tooltipTitle(value);\n  } else {\n    tipTitle = tooltipTitle;\n  }\n\n  if (tipTitle) {\n    return (\n      <Tooltip placement=\"top\" {...tooltipProps} title={tipTitle}>\n        <Switch\n          {...otherProps}\n          checked={!isUndefinedOrNull(value) && checkedValue === value}\n          onChange={onChangeHandle}\n        />\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Switch\n      loading={loading}\n      {...otherProps}\n      checked={!isUndefinedOrNull(value) && checkedValue === value}\n      onChange={onChangeHandle}\n    />\n  );\n};\n"],"names":["SwitchWrapper","props","checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle","serviceConfig","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","loading","setLoading","onChangeHandle","_hooks","useCallbackRef","checked","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","tipTitle","_jsx","Tooltip","_extends","placement","title","children","Switch","isUndefinedOrNull"],"mappings":";mZAmCaA,EAAgB,SAAhBA,EAAiBC,GAC5B,IACEC,EAQED,EARFC,aACAC,EAOEF,EAPFE,eACAC,EAMEH,EANFG,SACAC,EAKEJ,EALFI,MACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,aACAC,EAEEP,EAFFO,cACGC,EAAUC,EACXT,EAAKU,GACT,IAAAC,EAA8BC,IAAvBC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1B,IAAMI,EAAiBC,EAAMC,gBAAe,SAAOC,GAAP,OAAA,IAAAC,SAAA,SAAAC,EAAAC,GAAA,IACpCC,EAAqDC,EAAAC,EAArDF,EAAcJ,EAAUjB,EAAeC,EAC7C,GAAIK,GAAa,MAAbA,EAAekB,UAAW,CAAA,IAAAC,EAjDlC,SAAAC,GAAA,OAAC,SAAAC,GAAD,IA0DQd,EAAW,OA1D4F,OAAOa,GAAUA,EAAME,KAAKC,KAAIF,EAAtI,CAAC,MAAAG,GAAW,OAAOV,EAAAU,EAAM,CAAgI,EAA/JC,KAAKF,OAALE,KAAKF,MAAR,IAAIG,EAAJ,WAAA,IAAI,OAAJC,EAAGL,KAAQC,KAAF,CAAC,MAAAC,GAAW,OAAOV,EAAAU,EAAM,GAA/BC,KAAKF,MAAR,IAAIK,EAAA,SAuDWC,GAvDf,SAwDaC,EAAQD,OAAMA,GAAAA,UAAAA,EAAAA,EAAOC,WAAW9B,gBAAaiB,EAAbjB,EAAe8B,UAAO,UAAA,EAAtBb,EAAwBc,eAAgB,WAxDrF,OAAOZ,EAAAO,EAAAP,EAAE,CAAC,MAAAK,GAAW,OAAOL,EAAAL,EAAAK,CAAAK,EAAM,GAkD5B,IACEjB,EAAW,MACX,OAAAK,QAAAoB,QAAMhC,EAAckB,UAAUH,IAA9BkB,eAA0CC,GApDlD,IAqDQtC,GAAAA,UAAAA,EAAAA,EAAWmB,QACNe,EAAQK,SAAQnC,gBAAagB,EAAbhB,EAAe8B,UAAfd,UAAAA,EAAAA,EAAwBmB,UAAW,WAtDhE,OAAOhB,EAAAO,EAAAP,EAAE,CAAC,MAAAK,GAAW,OAAOI,EAAAJ,EAAM,CAAC,GAAAI,EAuD5B,CAAC,MAAOC,GAAOD,EAAPC,EAET,CAGF,KAAO,CACLjC,GAAAA,UAAAA,EAAAA,EAAWmB,GAAa,OA7D9BY,EAAGL,KAAQC,KA8DP,CAAC,SAAAI,IAAA,OAAAd,GAAA,CAAA,OAGH,IAAIuB,EAEJ,UAAWrC,IAAiB,WAAY,CACtCqC,EAAWrC,EAAaF,EAC1B,KAAO,CACLuC,EAAWrC,CACb,CAEA,GAAIqC,EAAU,CACZ,OACEC,EAACC,EAAOC,EAAA,CAACC,UAAU,OAAU1C,EAAY,CAAE2C,MAAOL,EAASM,SACzDL,EAACM,EAAMJ,KACDtC,EAAU,CACdU,SAAUiC,EAAkB/C,IAAUH,IAAiBG,EACvDD,SAAUY,OAIlB,CAEA,OACE6B,EAACM,EAAMJ,EAAA,CACLjC,QAASA,GACLL,EAAU,CACdU,SAAUiC,EAAkB/C,IAAUH,IAAiBG,EACvDD,SAAUY,IAGhB"}

package/index.d.ts

@@ -1613,7 +1613,7 @@ export type TRelationTreeOperate = {
 	onChange: (name: string, value: TAny) => void;
 };
 export declare const RelationTree: (props: RelationTreeProps) => JSX.Element;
-export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
+export interface RichTextEditorProps extends Omit<IAllProps, "onChange" | "init"> {
 	onChange?: (data?: string) => void;
 	/** 上传图片服务 */
 	onUploadImage?: (file: File) => Promise<string>;
@@ -1621,6 +1621,15 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
 	/** 图片点击预览 */
 	imgPreview?: boolean;
 	init?: IAllProps["init"] & {
+		/**
+		 * 通过粘贴图片创建的img标签，显示压缩比例，此处min、max是和指图片宽度
+		 * 1. 默认值值：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]
+		 */
+		img_ratio?: {
+			min: number;
+			max?: number;
+			ratio: number;
+		}[];
 		/** 插件添加；自定义plugins后失效 */
 		plugins_append?: string;
 		/** 工具栏添加；自定义toolbar后失效  */
@@ -1640,6 +1649,8 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
  * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏
  * 6. 其他插件
  *    emoticons 表情插件
+ * 7. 可通过设置 init.img_ratio 设置通过粘贴上传的图片压缩显示比例
+ *    默认比例：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]
  * ```
  */
 export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
@@ -1835,13 +1846,21 @@ export interface SmsCountDownProps {
 }
 export declare const SmsCountDown: FC<SmsCountDownProps>;
 export declare const styles: () => void;
+export type SwitchWrapperValue = string | number | boolean;
 export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange"> & {
-	value?: string | number | boolean;
-	checkedValue: string | number | boolean;
-	unCheckedValue: string | number | boolean;
-	onChange?: (value: string | number | boolean) => void;
+	value?: SwitchWrapperValue;
+	checkedValue: SwitchWrapperValue;
+	unCheckedValue: SwitchWrapperValue;
+	onChange?: (value: SwitchWrapperValue) => void;
 	tooltipProps?: Omit<TooltipProps, "title">;
-	tooltipTitle?: string | ((value?: string | number | boolean) => string | undefined);
+	tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
+	serviceConfig?: {
+		onRequest: (value: SwitchWrapperValue) => TAny;
+		message?: {
+			success?: string;
+			defaultError?: string;
+		};
+	};
 };
 /**
  * 解决Switch只能接收boolean的限制，与Form.Item结合使用最佳
@@ -1854,6 +1873,7 @@ export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked"
  *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />
  *     </Form.Item>
  * 5. 可设置tooltip效果数据显示
+ * 6. 可设置 serviceConfig 配置服务调用交互
  * ```
  */
 export declare const SwitchWrapper: (props: SwitchWrapperProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.2.23",
+  "version": "4.2.24",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",

package/esm/rich-text-editor-32d0886e.js

@@ -1,3 +0,0 @@
-/*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as e,a as n}from"./_rollupPluginBabelHelpers-1f4d8910.js";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{Editor as t}from"@tinymce/tinymce-react";import{useKeyPress as i}from"ahooks";import{Fragment as a,useRef as l,useState as s}from"react";import c from"@ant-design/icons/es/icons/PlusCircleOutlined";import{Image as u}from"antd";import{d as m}from"./dynamic-node-577ef8fd.js";import{fbaHooks as d}from"./fba-hooks/index.js";import{jsx as p,Fragment as f,jsxs as v}from"react/jsx-runtime";var g=function e(n){var o=n.visible,r=n.url;d.useEffectCustom((function(){if(o){m.append({content:p(c,{onClick:n.close,className:"preview-image-popup-close",twoToneColor:"#1890ff"})})}else{m.remove()}}),[o]);if(!r)return p(f,{});return p(a,{children:p(u,{style:{left:"100px"},preview:{className:"preview-image-popup",maskStyle:{backgroundColor:"rgba(0,0,0,0.85)"},visible:o,src:r,onVisibleChange:function e(){n.close()}}},r)})};var h=["onUploadImage","onChange","className"];var y=function a(c){var u,m,d;var f=c.onUploadImage,y=c.onChange,b=c.className,k=e(c,h);var C=l(null);var x=s(""),_=x[0],w=x[1];i((function(){return true}),(function(e){try{if(e.type==="keyup"&&e.key==="Escape"){var n;var o=(n=C.current)==null?void 0:n.editorContainer.classList.contains("tox-fullscreen");if(o){var r;(r=C.current)==null?void 0:r.editorCommands.execCommand("mceFullScreen")}}}catch(e){}}),{events:["keydown","keyup"]});var j=r.useCallbackRef((function(e,n){try{if(e.keyCode==27){var o;var r=(o=C.current)==null?void 0:o.editorContainer.classList.contains("tox-fullscreen");if(r){var t;(t=C.current)==null?void 0:t.editorCommands.execCommand("mceFullScreen")}}}catch(e){}c.onKeyDown==null?void 0:c.onKeyDown(e,n)}));var E=r.useCallbackRef((function(e,n){C.current=n;try{var o,r;(o=n.iframeElement)==null?void 0:(r=o.contentDocument)==null?void 0:r.addEventListener("click",(function(e){var n;if(c.imgPreview&&((n=e.target)==null?void 0:n["tagName"])==="IMG"){w(e.target["src"])}}),true)}catch(e){}k.onInit==null?void 0:k.onInit(e,n)}));var P=r.useCallbackRef((function(e,n){C.current=n;k.onEditorChange==null?void 0:k.onEditorChange(e,n);y==null?void 0:y(e)}));var I="https://file.40017.cn/tcsk/tinymce@6.4.1";return v("div",{className:o("v-editor-wrapper",b),children:[p(t,n({tinymceScriptSrc:I+"/tinymce.min.js"},k,{onInit:E,onKeyDown:j,onEditorChange:P,init:n({promotion:false,language:"zh-Hans",height:500,paste_data_images:f?true:false,autosave_ask_before_unload:false,base_url:I,autoresize_bottom_margin:0,images_upload_handler:function e(n){return new Promise((function(e,o){var r,t,i;var a=function(n){try{return e(Promise.reject((n==null?void 0:n.message)||"图片上传异常"))}catch(e){return o(e)}};try{r=n.blob();t=new File([r],r.name,{type:r.type});return Promise.resolve(f==null?void 0:f(t)).then((function(n){try{i=n;return e(Promise.resolve(i))}catch(e){return a(e)}}),a)}catch(e){a(e)}}))},plugins:"lists link image advlist charmap preview fullscreen code table help codesample "+(((u=c.init)==null?void 0:u.plugins_append)||""),toolbar:"undo redo fullscreen preview | bold italic underline strikethrough |"+"fontsize blocks |"+"forecolor backcolor removeformat |"+"numlist bullist advlist |"+"alignleft aligncenter alignright alignjustify |"+"outdent indent |"+"hr image link code codesample |"+(((m=c.init)==null?void 0:m.toolbar_append)||""),font_size_formats:"8px 10px 12px 14px 16px 18px 24px 36px 48px"},c.init,{content_style:"img {max-width:100%;} table{width:100%} "+((d=c.init)==null?void 0:d.content_style)})})),p(g,{visible:!!_,url:_,close:function e(){w("")}})]})};export{y as R};
-//# sourceMappingURL=rich-text-editor-32d0886e.js.map

package/esm/rich-text-editor-32d0886e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor-32d0886e.js","sources":["@flatbiz/antd/src/rich-text-editor/preview/preview.tsx","@flatbiz/antd/src/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { PlusCircleOutlined } from '@ant-design/icons';\nimport { Image } from 'antd';\nimport { Fragment } from 'react';\nimport { dynamicNode } from '../../dynamic-node';\nimport { fbaHooks } from '../../fba-hooks';\nimport './preview.less';\n\nexport const Preview = (props) => {\n  const { visible, url } = props;\n\n  fbaHooks.useEffectCustom(() => {\n    if (visible) {\n      dynamicNode.append({\n        content: (\n          <PlusCircleOutlined\n            onClick={props.close}\n            className=\"preview-image-popup-close\"\n            twoToneColor=\"#1890ff\"\n          />\n        ),\n      });\n    } else {\n      dynamicNode.remove();\n    }\n  }, [visible]);\n\n  if (!url) return <></>;\n\n  return (\n    <Fragment>\n      <Image\n        key={url}\n        style={{ left: '100px' }}\n        preview={{\n          className: 'preview-image-popup',\n          maskStyle: { backgroundColor: 'rgba(0,0,0,0.85)' },\n          visible,\n          src: url,\n          onVisibleChange: () => {\n            props.close();\n          },\n        }}\n      />\n    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { TAny } from '@flatbiz/utils';\nimport { Editor, IAllProps } from '@tinymce/tinymce-react';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { useRef, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\nimport { Preview } from './preview';\nimport './style.less';\n\nexport interface RichTextEditorProps extends Omit<IAllProps, 'onChange'> {\n  onChange?: (data?: string) => void;\n  // value?: string;\n  /** 上传图片服务 */\n  onUploadImage?: (file: File) => Promise<string>;\n  className?: string;\n  /** 图片点击预览 */\n  imgPreview?: boolean;\n  init?: IAllProps['init'] & {\n    /** 插件添加；自定义plugins后失效 */\n    plugins_append?: string;\n    /** 工具栏添加；自定义toolbar后失效  */\n    toolbar_append?: string;\n  };\n}\n\n/**\n * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6\n * @param props\n * @returns\n * ```\n * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口\n * 2. 获取富文本实例，通过onInit(_, editor)函数获取\n * 3. 预览富文本数据，使用 RichTextViewer 组件\n * 4. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append\n *    <RichTextEditor init={{ plugins_append: 'codesample', toolbar_append: 'codesample' }} />\n * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏\n * 6. 其他插件\n *    emoticons 表情插件\n * ```\n */\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n  const { onUploadImage, onChange, className, ...otherProps } = props;\n\n  const editorRef = useRef<TAny>(null);\n  const [previewUrl, setPreviewUrl] = useState('');\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: BlobInfo, progress: ProgressFn) => {\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  const onKeyDown = hooks.useCallbackRef((event, editor: TinyMCEEditor) => {\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.onKeyDown?.(event, editor);\n  });\n\n  const onInit = hooks.useCallbackRef((_, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    try {\n      editor.iframeElement?.contentDocument?.addEventListener(\n        'click',\n        (event) => {\n          if (props.imgPreview && event.target?.['tagName'] === 'IMG') {\n            setPreviewUrl(event.target['src']);\n          }\n        },\n        true,\n      );\n    } catch (error) {\n      //\n    }\n    otherProps.onInit?.(_, editor);\n  });\n\n  const onEditorChange = hooks.useCallbackRef((a: string, editor: TinyMCEEditor) => {\n    editorRef.current = editor;\n    otherProps.onEditorChange?.(a, editor);\n    onChange?.(a);\n  });\n\n  const tinymceBaseUrl = 'https://file.40017.cn/tcsk/tinymce@6.4.1';\n\n  return (\n    <div className={classNames('v-editor-wrapper', className)}>\n      <Editor\n        // apiKey=\"ds6j8so4g3d2cycidbhgkds36q0phy1uqd9jd8bot91sfe5l\"\n        tinymceScriptSrc={`${tinymceBaseUrl}/tinymce.min.js`}\n        {...otherProps}\n        onInit={onInit}\n        onKeyDown={onKeyDown}\n        onEditorChange={onEditorChange}\n        init={{\n          promotion: false,\n          language: 'zh-Hans',\n          height: 500,\n          paste_data_images: onUploadImage ? true : false,\n          autosave_ask_before_unload: false,\n          base_url: tinymceBaseUrl,\n          autoresize_bottom_margin: 0,\n          images_upload_handler: async (blobInfo) => {\n            try {\n              const blob = blobInfo.blob();\n              const file = new File([blob], blob.name, { type: blob.type });\n              const respData = await onUploadImage?.(file);\n              return Promise.resolve(respData as string);\n            } catch (error) {\n              return Promise.reject(error?.message || '图片上传异常');\n            }\n          },\n\n          plugins:\n            'lists link image advlist charmap preview fullscreen code table help codesample ' +\n            (props.init?.plugins_append || ''),\n          toolbar:\n            'undo redo fullscreen preview | bold italic underline strikethrough |' +\n            'fontsize blocks |' +\n            'forecolor backcolor removeformat |' +\n            'numlist bullist advlist |' +\n            'alignleft aligncenter alignright alignjustify |' +\n            'outdent indent |' +\n            'hr image link code codesample |' +\n            (props.init?.toolbar_append || ''),\n          font_size_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n          ...props.init,\n          content_style: `img {max-width:100%;} table{width:100%} ${props.init?.content_style}`,\n        }}\n      />\n      <Preview\n        visible={!!previewUrl}\n        url={previewUrl}\n        close={() => {\n          setPreviewUrl('');\n        }}\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":["Preview","props","visible","url","fbaHooks","useEffectCustom","dynamicNode","append","content","_jsx","_PlusCircleOutlined","onClick","close","className","twoToneColor","remove","_Fragment","Fragment","children","Image","style","left","preview","maskStyle","backgroundColor","src","onVisibleChange","RichTextEditor","_props$init","_props$init2","_props$init3","onUploadImage","onChange","otherProps","_objectWithoutPropertiesLoose","_excluded","editorRef","useRef","_useState","useState","previewUrl","setPreviewUrl","useKeyPress","event","type","key","_editorRef$current","isFull","current","editorContainer","classList","contains","_editorRef$current2","editorCommands","execCommand","error","events","onKeyDown","_hooks","useCallbackRef","editor","keyCode","_editorRef$current3","_editorRef$current4","onInit","_","_editor$iframeElement","_editor$iframeElement2","iframeElement","contentDocument","addEventListener","_event$target","imgPreview","target","onEditorChange","a","tinymceBaseUrl","_jsxs","_classNames","Editor","_extends","tinymceScriptSrc","init","promotion","language","height","paste_data_images","autosave_ask_before_unload","base_url","autoresize_bottom_margin","images_upload_handler","blobInfo","Promise","$return","$error","blob","_file","respData","$Try_4_Catch","reject","message","$boundEx","file","File","name","resolve","then","$await_5","plugins","plugins_append","toolbar","toolbar_append","font_size_formats","content_style"],"mappings":"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"}