@flatbiz/antd 4.2.22 → 4.2.23

package/esm/local-loading/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{Result as r,Button as n,Spin as t}from"antd";import{forwardRef as e,useState as i,useImperativeHandle as o,Fragment as a}from"react";import{fbaHooks as c}from"../fba-hooks/index.js";import{jsx as u}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-1f4d8910.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var s=e((function(e,s){var l=e.serviceConfig,f=e.isAsync,h=e.children,m=e.errorRender;var d=i("loading"),v=d[0],p=d[1];var y=i(),g=y[0],j=y[1];var b=i(false),x=b[0],P=b[1];var C=function r(){return new Promise((function(r,n){var t;var e=function(){try{return r()}catch(r){return n(r)}};var i=function(r){try{p("error");return e()}catch(r){return n(r)}};try{p("loading");return Promise.resolve(l.onRequest(l.params)).then((function(r){try{t=r;p("success");j(t);return e()}catch(r){return i(r)}}),i)}catch(r){i()}}))};c.useEffectCustomAsync(C,[]);var H=e.loadingHeight===undefined?100:e.loadingHeight;o(s,(function(){return{onRefresh:function r(){return new Promise((function(r,n){var t=function(r){return function(t){try{P(false);return r&&r.call(this,t)}catch(r){return n(r)}}.bind(this)}.bind(this);var e;var i=function(){try{return r()}catch(r){return n(r)}};var o=function(r){try{p("error");return t(i)()}catch(r){return t(n)(r)}};try{P(true);return Promise.resolve(l.onRequest(l.params)).then((function(r){try{e=r;j(e);return t(i)()}catch(r){return o(r)}}),o)}catch(r){o()}}))}}}));if(v==="error"){if(m){return m(g)}return u(r,{status:"error",className:"local-loading-error",subTitle:(g==null?void 0:g.message)||"数据处理异常",style:{minHeight:H},extra:[u(n,{type:"primary",onClick:C,children:"重新获取"},"console")]})}var R=v==="loading";if(R&&!f){return u("div",{style:{height:H,display:"flex",justifyContent:"center"},children:u(t,{spinning:true,children:u(a,{})})})}return u(t,{spinning:x||R,children:h(g)})}));export{s as LocalLoading};
+import{isDeepEqual as r}from"@dimjs/lang/cjs/is-deep-equal";import{a as n}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{toArray as e}from"@flatbiz/utils";import{Result as t,Button as i,Spin as a}from"antd";import{forwardRef as o,useState as u,useMemo as s,useImperativeHandle as c,Fragment as f}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{jsx as m}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var v=o((function(o,v){var d=o.serviceConfig,h=o.isAsync,p=o.children,y=o.errorRender;var g=u("loading"),j=g[0],P=g[1];var b=u(),x=b[0],C=b[1];var H=u(false),R=H[0],k=H[1];var q=o.loadingHeight===undefined?100:o.loadingHeight;var w=l.usePrevious(d.params);var E=s((function(){var r;if(!d.params||e(d.invalidParamKey).length===0){return d.params}var t=n({},d.params);(r=d.invalidParamKey)==null?void 0:r.forEach((function(r){t[r]=undefined}));return t}),[d]);var A=function r(){return new Promise((function(r,n){var e;var t=function(){try{return r()}catch(r){return n(r)}};var i=function(r){try{P("error");return t()}catch(r){return n(r)}};try{P("loading");return Promise.resolve(d.onRequest(E)).then((function(r){try{e=r;P("success");C(e);return t()}catch(r){return i(r)}}),i)}catch(r){i()}}))};l.useEffectCustomAsync(A,[]);l.useEffectCustom((function(){if(w){if(!r(d.params,w)){void K()}}}),[w,d.params]);var K=function r(){return new Promise((function(r,n){var e=function(r){return function(e){try{k(false);return r&&r.call(this,e)}catch(r){return n(r)}}.bind(this)}.bind(this);var t;var i=function(){try{return r()}catch(r){return n(r)}};var a=function(r){try{P("error");return e(i)()}catch(r){return e(n)(r)}};try{k(true);return Promise.resolve(d.onRequest(E)).then((function(r){try{t=r;C(t);return e(i)()}catch(r){return a(r)}}),a)}catch(r){a()}}))};c(v,(function(){return{onRefresh:K}}));if(j==="error"){if(y){return y(x)}return m(t,{status:"error",className:"local-loading-error",subTitle:(x==null?void 0:x.message)||"数据处理异常",style:{minHeight:q},extra:[m(i,{type:"primary",onClick:A,children:"重新获取"},"console")]})}var z=j==="loading";if(z&&!h){return m("div",{style:{height:q,display:"flex",justifyContent:"center"},children:m(a,{spinning:true,children:m(f,{})})})}return m(a,{spinning:R||z,children:p(x)})}));export{v as LocalLoading};
 //# sourceMappingURL=index.js.map

package/esm/local-loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/local-loading/local-loading.tsx"],"sourcesContent":["import { TAny, TPlainObject } from '@flatbiz/utils';\nimport { Button, Result, Spin } from 'antd';\nimport { forwardRef, Fragment, ReactElement, useImperativeHandle, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type LocalLoadingServiceConfig = {\n  onRequest: (params?: TAny) => Promise<TPlainObject>;\n  params?: TPlainObject;\n};\n\nexport interface LocalLoadingProps {\n  /** 接口数据配置 */\n  serviceConfig: LocalLoadingServiceConfig;\n  /** children 为函数，参数【respData】为接口返回数据 */\n  children: (respData?: TAny) => ReactElement;\n  /**\n   * 是否异步，默认：false\n   * ```\n   * true（异步）：onRequest、react dom渲染同步执行\n   * false（同步）：onRequest有结果了才渲染 react dom\n   * ```\n   */\n  isAsync?: boolean;\n  /** 自定义异常渲染处理 */\n  errorRender?: (error?: TAny) => ReactElement;\n  /** loading高度，默认值：100；isAsync = true 无效 */\n  loadingHeight?: number;\n  /** 当值变更时，重新发起调用服务接口, 初始化不起作用  */\n  // serviceRefreshKey?: number;\n}\n\nexport type LocalLoadingRefApi = {\n  onRefresh: () => void;\n};\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 正常接口数据渲染\n * ```\n * @param props\n * @returns\n */\nexport const LocalLoading = forwardRef<LocalLoadingRefApi, LocalLoadingProps>((props, ref) => {\n  const { serviceConfig, isAsync, children, errorRender } = props;\n  const [status, setStatus] = useState<'success' | 'error' | 'loading'>('loading');\n  const [respData, setRespData] = useState<TAny>();\n  const [refreshLoading, setRefreshLoading] = useState(false);\n\n  const onRequest = async () => {\n    try {\n      setStatus('loading');\n      const respData = await serviceConfig.onRequest(serviceConfig.params);\n      setStatus('success');\n      setRespData(respData);\n    } catch (error) {\n      setStatus('error');\n    }\n  };\n\n  fbaHooks.useEffectCustomAsync(onRequest, []);\n\n  const loadingHeight = props.loadingHeight === undefined ? 100 : props.loadingHeight;\n\n  useImperativeHandle(ref, () => {\n    return {\n      onRefresh: async () => {\n        try {\n          setRefreshLoading(true);\n          const respData = await serviceConfig.onRequest(serviceConfig.params);\n          setRespData(respData);\n        } catch (error) {\n          setStatus('error');\n        } finally {\n          setRefreshLoading(false);\n        }\n      },\n    };\n  });\n\n  if (status === 'error') {\n    if (errorRender) {\n      return errorRender(respData);\n    }\n    return (\n      <Result\n        status=\"error\"\n        className=\"local-loading-error\"\n        subTitle={(respData?.message as string) || '数据处理异常'}\n        style={{ minHeight: loadingHeight }}\n        extra={[\n          <Button type=\"primary\" key=\"console\" onClick={onRequest}>\n            重新获取\n          </Button>,\n        ]}\n      />\n    );\n  }\n  const isLoading = status === 'loading';\n\n  if (isLoading && !isAsync) {\n    return (\n      <div style={{ height: loadingHeight, display: 'flex', justifyContent: 'center' }}>\n        <Spin spinning={true}>\n          <Fragment />\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Spin spinning={refreshLoading || isLoading}>{children(respData)}</Spin>;\n});\n"],"names":["LocalLoading","forwardRef","props","ref","serviceConfig","isAsync","children","errorRender","_useState","useState","status","setStatus","_useState2","respData","setRespData","_useState3","refreshLoading","setRefreshLoading","onRequest","Promise","$return","$error","_respData","$Try_1_Post","$boundEx","$Try_1_Catch","error","resolve","params","then","$await_3","fbaHooks","useEffectCustomAsync","loadingHeight","undefined","useImperativeHandle","onRefresh","$Try_2_Finally","$Try_2_Exit","$Try_2_Value","call","this","bind","_respData2","$Try_2_Post","$Try_2_Catch","$await_4","_jsx","Result","className","subTitle","message","style","minHeight","extra","Button","type","onClick","isLoading","height","display","justifyContent","Spin","spinning","Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/local-loading/local-loading.tsx"],"sourcesContent":["import { isDeepEqual } from '@dimjs/lang';\nimport { TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { Button, Result, Spin } from 'antd';\nimport { forwardRef, Fragment, ReactElement, useImperativeHandle, useMemo, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type LocalLoadingServiceConfig = {\n  onRequest: (params?: TAny) => Promise<TPlainObject>;\n  params?: TPlainObject;\n  /** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参  */\n  invalidParamKey?: string[];\n};\n\nexport interface LocalLoadingProps {\n  /** 接口数据配置 */\n  serviceConfig: LocalLoadingServiceConfig;\n  /** children 为函数，参数【respData】为接口返回数据 */\n  children: (respData?: TAny) => ReactElement;\n  /**\n   * 是否异步，默认：false\n   * ```\n   * true（异步）：onRequest、react dom渲染同步执行\n   * false（同步）：onRequest有结果了才渲染 react dom\n   * ```\n   */\n  isAsync?: boolean;\n  /** 自定义异常渲染处理 */\n  errorRender?: (error?: TAny) => ReactElement;\n  /** loading高度，默认值：100；isAsync = true 无效 */\n  loadingHeight?: number;\n}\n\nexport type LocalLoadingRefApi = {\n  onRefresh: () => void;\n};\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 获取服务数据\n * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * ```\n * @param props\n * @returns\n */\nexport const LocalLoading = forwardRef<LocalLoadingRefApi, LocalLoadingProps>((props, ref) => {\n  const { serviceConfig, isAsync, children, errorRender } = props;\n  const [status, setStatus] = useState<'success' | 'error' | 'loading'>('loading');\n  const [respData, setRespData] = useState<TAny>();\n  const [refreshLoading, setRefreshLoading] = useState(false);\n  const loadingHeight = props.loadingHeight === undefined ? 100 : props.loadingHeight;\n\n  const prevParams = fbaHooks.usePrevious(serviceConfig.params);\n\n  // 用于直接发起接口调用，不能用于比较\n  const serviceParams = useMemo(() => {\n    if (!serviceConfig.params || toArray(serviceConfig.invalidParamKey).length === 0) {\n      return serviceConfig.params;\n    }\n    const newParams = { ...serviceConfig.params };\n    serviceConfig.invalidParamKey?.forEach((key) => {\n      newParams[key] = undefined;\n    });\n    return newParams;\n  }, [serviceConfig]);\n\n  const onInitRequest = async () => {\n    try {\n      setStatus('loading');\n      const respData = await serviceConfig.onRequest(serviceParams);\n      setStatus('success');\n      setRespData(respData);\n    } catch (error) {\n      setStatus('error');\n    }\n  };\n\n  fbaHooks.useEffectCustomAsync(onInitRequest, []);\n\n  fbaHooks.useEffectCustom(() => {\n    if (prevParams) {\n      if (!isDeepEqual(serviceConfig.params, prevParams)) {\n        void onRefresh();\n      }\n    }\n  }, [prevParams, serviceConfig.params]);\n\n  const onRefresh = async () => {\n    try {\n      setRefreshLoading(true);\n      const respData = await serviceConfig.onRequest(serviceParams);\n      setRespData(respData);\n    } catch (error) {\n      setStatus('error');\n    } finally {\n      setRefreshLoading(false);\n    }\n  };\n\n  useImperativeHandle(ref, () => {\n    return { onRefresh };\n  });\n\n  if (status === 'error') {\n    if (errorRender) {\n      return errorRender(respData);\n    }\n    return (\n      <Result\n        status=\"error\"\n        className=\"local-loading-error\"\n        subTitle={(respData?.message as string) || '数据处理异常'}\n        style={{ minHeight: loadingHeight }}\n        extra={[\n          <Button type=\"primary\" key=\"console\" onClick={onInitRequest}>\n            重新获取\n          </Button>,\n        ]}\n      />\n    );\n  }\n  const isLoading = status === 'loading';\n\n  if (isLoading && !isAsync) {\n    return (\n      <div style={{ height: loadingHeight, display: 'flex', justifyContent: 'center' }}>\n        <Spin spinning={true}>\n          <Fragment />\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Spin spinning={refreshLoading || isLoading}>{children(respData)}</Spin>;\n});\n"],"names":["LocalLoading","forwardRef","props","ref","serviceConfig","isAsync","children","errorRender","_useState","useState","status","setStatus","_useState2","respData","setRespData","_useState3","refreshLoading","setRefreshLoading","loadingHeight","undefined","prevParams","fbaHooks","usePrevious","params","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_extends","forEach","key","onInitRequest","Promise","$return","$error","_respData","$Try_1_Post","$boundEx","$Try_1_Catch","error","resolve","onRequest","then","$await_3","useEffectCustomAsync","useEffectCustom","_isDeepEqual","onRefresh","$Try_2_Finally","$Try_2_Exit","$Try_2_Value","call","this","bind","_respData2","$Try_2_Post","$Try_2_Catch","$await_4","useImperativeHandle","_jsx","Result","className","subTitle","message","style","minHeight","extra","Button","type","onClick","isLoading","height","display","justifyContent","Spin","spinning","Fragment"],"mappings":";+fAiDO,IAAMA,EAAeC,GAAkD,SAACC,EAAOC,GACpF,IAAQC,EAAkDF,EAAlDE,cAAeC,EAAmCH,EAAnCG,QAASC,EAA0BJ,EAA1BI,SAAUC,EAAgBL,EAAhBK,YAC1C,IAAAC,EAA4BC,EAA0C,WAA/DC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxB,IAAAI,EAAgCH,IAAzBI,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5B,IAAAG,EAA4CN,EAAS,OAA9CO,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxC,IAAMG,EAAgBhB,EAAMgB,gBAAkBC,UAAY,IAAMjB,EAAMgB,cAEtE,IAAME,EAAaC,EAASC,YAAYlB,EAAcmB,QAGtD,IAAMC,EAAgBC,GAAQ,WAAM,IAAAC,EAClC,IAAKtB,EAAcmB,QAAUI,EAAQvB,EAAcwB,iBAAiBC,SAAW,EAAG,CAChF,OAAOzB,EAAcmB,MACvB,CACA,IAAMO,EAASC,KAAQ3B,EAAcmB,SACrCG,EAAAtB,EAAcwB,kBAAe,UAAA,EAA7BF,EAA+BM,SAAQ,SAACC,GACtCH,EAAUG,GAAOd,SACnB,IACA,OAAOW,CACT,GAAG,CAAC1B,IAEJ,IAAM8B,EAAgB,SAAhBA,IAAgB,OAAA,IAAAC,SAAA,SAAAC,EAAAC,GAAA,IAGZC,EAzEZ,IAAIC,aAAJ,IAAI,OAAAH,GAAK,CAAC,MAAAI,GAAW,OAAOH,EAAAG,EAAM,GAAlC,IAAIC,EAAA,SA4ESC,GA5Eb,IA6EM/B,EAAU,SA7EhB,OAAO4B,GAAE,CAAC,MAAAC,GAAW,OAAOH,EAAAG,EAAM,GAuE9B,IACE7B,EAAU,WACO,OAAAwB,QAAAQ,QAAMvC,EAAcwC,UAAUpB,IAA9BqB,eAA4CC,GAzEnE,IAyEYjC,EAAWiC,EACjBnC,EAAU,WACVG,EAAYD,GA3ElB,OAAO0B,GAAE,CAAC,MAAAC,GAAW,OAAOC,EAAAD,EAAM,CAAC,GAAAC,EA4E9B,CAAC,MAAOC,GAAOD,GAEhB,CAAC,GACF,EAEDpB,EAAS0B,qBAAqBb,EAAe,IAE7Cb,EAAS2B,iBAAgB,WACvB,GAAI5B,EAAY,CACd,IAAK6B,EAAY7C,EAAcmB,OAAQH,GAAa,MAC7C8B,GACP,CACF,CACD,GAAE,CAAC9B,EAAYhB,EAAcmB,SAE9B,IAAM2B,EAAY,SAAZA,IAAY,OAAA,IAAAf,SAAA,SAAAC,EAAAC,GAAA,IAAAc,EA3FpB,SAAAC,GAAA,OAAC,SAAAC,GAAD,IAmGMpC,EAAkB,OAnGuF,OAAOmC,GAAUA,EAAME,KAAKC,KAAIF,EAAtI,CAAC,MAAAb,GAAW,OAAOH,EAAAG,EAAM,CAAgI,EAA/JgB,KAAKD,OAALC,KAAKD,MAAK,IA8FDE,EA9FZ,IAAIC,aAAJ,IAAI,OAAAtB,GAAK,CAAC,MAAAI,GAAW,OAAOH,EAAAG,EAAM,GAAlC,IAAImB,EAAA,SAgGSjB,GAhGb,IAiGM/B,EAAU,SAjGhB,OAAOwC,EAAAO,EAAAP,EAAE,CAAC,MAAAX,GAAW,OAAOW,EAAAd,EAAAc,CAAAX,EAAM,GA4F9B,IACEvB,EAAkB,MACD,OAAAkB,QAAAQ,QAAMvC,EAAcwC,UAAUpB,IAA9BqB,eAA4Ce,GA9FnE,IA8FY/C,EAAW+C,EACjB9C,EAAYD,GA/FlB,OAAOsC,EAAAO,EAAAP,EAAE,CAAC,MAAAX,GAAW,OAAOmB,EAAAnB,EAAM,CAAC,GAAAmB,EAgG9B,CAAC,MAAOjB,GAAOiB,GAEhB,CAEC,GACF,EAEDE,EAAoB1D,GAAK,WACvB,MAAO,CAAE+C,UAAAA,EACX,IAEA,GAAIxC,IAAW,QAAS,CACtB,GAAIH,EAAa,CACf,OAAOA,EAAYM,EACrB,CACA,OACEiD,EAACC,EAAM,CACLrD,OAAO,QACPsD,UAAU,sBACVC,UAAWpD,GAAQ,UAAA,EAARA,EAAUqD,UAAsB,SAC3CC,MAAO,CAAEC,UAAWlD,GACpBmD,MAAO,CACLP,EAACQ,EAAM,CAACC,KAAK,UAAwBC,QAAStC,EAAc5B,SAAC,QAAlC,aAMnC,CACA,IAAMmE,EAAY/D,IAAW,UAE7B,GAAI+D,IAAcpE,EAAS,CACzB,OACEyD,EAAA,MAAA,CAAKK,MAAO,CAAEO,OAAQxD,EAAeyD,QAAS,OAAQC,eAAgB,UAAWtE,SAC/EwD,EAACe,EAAI,CAACC,SAAU,KAAKxE,SACnBwD,EAACiB,EAAQ,OAIjB,CAEA,OAAOjB,EAACe,EAAI,CAACC,SAAU9D,GAAkByD,EAAUnE,SAAEA,EAASO,IAChE"}

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-417bf0d8.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";
+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";
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,3 @@
+/*! @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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -2,7 +2,8 @@
 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{IconWrapper as o}from"@flatbiz/antd";import{useKeyPress as t}from"ahooks";import{useState as s}from"react";import{R as n}from"../rich-text-editor-417bf0d8.js";import{jsxs as a,jsx as l}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"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var m=function m(c){var u=s(false),p=u[0],d=u[1];t((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&p){d(false)}}),{events:["keydown","keyup"]});var f=r.useCallbackRef((function(){d(!p)}));var v=r.useCallbackRef((function(e,i){c.onInit==null?void 0:c.onInit(i)}));return a("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":p},c.className),style:c.style,children:[c.children,c.fullscreen&&c.data&&l("div",{className:"fba-editor-viewer-icon",children:l(o,{hoverTips:c.fullscreenIconTips,icon:l(e,{}),onClick:f})}),l(n,{value:c.data,onInit:v,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false}})]})};export{m as RichTextViewer};
+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};
 //# 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 { IconWrapper } from '@flatbiz/antd';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { CSSProperties, ReactElement, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\nimport { RichTextEditor } from '../rich-text-editor';\n\nimport './style.less';\n\ntype RichTextViewerProps = {\n  data: string;\n  className?: string;\n  fullscreen?: boolean;\n  onInit?: (editor: TinyMCEEditor) => void;\n  children?: ReactElement;\n  style?: CSSProperties;\n  fullscreenIconTips?: string;\n};\n\n/**\n * 预览 RichTextEditor 生成的富文本数据\n * ```\n * 1. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');\n * ```\n * @param props\n * @returns\n */\nexport const RichTextViewer = (props: RichTextViewerProps) => {\n  const [isFixed, setIsFixed] = useState(false);\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) => {\n    props.onInit?.(editor);\n  });\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.data && (\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={props.data}\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","useKeyPress","event","type","key","events","onChangeFixed","_hooks","useCallbackRef","onInit","_","editor","_jsxs","className","_classNames","style","children","fullscreen","data","_jsx","IconWrapper","hoverTips","fullscreenIconTips","icon","_FullscreenOutlined","onClick","RichTextEditor","value","imgPreview","disabled","init","plugins","menubar","toolbar","statusbar"],"mappings":";gtBA6BaA,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAAC,EAA8BC,EAAS,OAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAE1BI,GACE,WAAA,OAAM,IACN,IAAA,SAACC,GACC,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,UAAYL,EAAS,CAC/DC,EAAW,MACb,CACF,GACA,CAAEK,OAAQ,CAAC,UAAW,WAGxB,IAAMC,EAAgBC,EAAMC,gBAAe,WACzCR,GAAYD,EACd,IACA,IAAMU,EAASF,EAAMC,gBAAe,SAACE,EAAGC,GACtCf,EAAMa,QAANb,UAAAA,EAAAA,EAAMa,OAASE,EACjB,IAEA,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,oBAAqB,CAAE,0BAA2Bf,GAAWH,EAAMiB,WACzFE,MAAOnB,EAAMmB,MAAMC,SAElBpB,CAAAA,EAAMoB,SACNpB,EAAMqB,YAAcrB,EAAMsB,MACzBC,EAAA,MAAA,CAAKN,UAAU,yBAAwBG,SACrCG,EAACC,EAAW,CACVC,UAAWzB,EAAM0B,mBACjBC,KAAMJ,EAAAK,EAAuB,IAC7BC,QAASnB,MAIfa,EAACO,EAAc,CACbC,MAAO/B,EAAMsB,KACbT,OAAQA,EACRmB,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';\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"}

package/index.d.ts

@@ -1375,6 +1375,8 @@ export declare const LabelValueLayout: (props: LabelValueLayoutProps) => JSX.Ele
 export type LocalLoadingServiceConfig = {
 	onRequest: (params?: TAny) => Promise<TPlainObject>;
 	params?: TPlainObject;
+	/** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参  */
+	invalidParamKey?: string[];
 };
 export interface LocalLoadingProps {
 	/** 接口数据配置 */
@@ -1403,7 +1405,8 @@ export type LocalLoadingRefApi = {
  * 包括
  * 1. loading显示效果
  * 2. error显示效果
- * 3. 正常接口数据渲染
+ * 3. 获取服务数据
+ * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用
  * ```
  * @param props
  * @returns
@@ -1617,6 +1620,12 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
 	className?: string;
 	/** 图片点击预览 */
 	imgPreview?: boolean;
+	init?: IAllProps["init"] & {
+		/** 插件添加；自定义plugins后失效 */
+		plugins_append?: string;
+		/** 工具栏添加；自定义toolbar后失效  */
+		toolbar_append?: string;
+	};
 }
 /**
  * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6
@@ -1624,25 +1633,31 @@ export interface RichTextEditorProps extends Omit<IAllProps, "onChange"> {
  * @returns
  * ```
  * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口
- * 2. 如果不需要粘贴上传图片，可配置 init.paste_data_images = false
- * 3. 获取富文本实例，通过onInit(_, editor)函数获取
- * 5. 预览富文本数据，使用 RichTextViewer 组件
+ * 2. 获取富文本实例，通过onInit(_, editor)函数获取
+ * 3. 预览富文本数据，使用 RichTextViewer 组件
+ * 4. 添加其他插件使用方式，配置 init.plugins_append、init.toolbar_append
+ *    <RichTextEditor init={{ plugins_append: 'codesample', toolbar_append: 'codesample' }} />
+ * 5. 可通过设置 init.plugins、init.toolbar 完全自定义插件、工具栏
+ * 6. 其他插件
+ *    emoticons 表情插件
  * ```
  */
 export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
 export type RichTextViewerProps = {
-	data: string;
+	value: string;
 	className?: string;
+	style?: CSSProperties;
 	fullscreen?: boolean;
 	onInit?: (editor: TinyMCEEditor) => void;
 	children?: ReactElement;
-	style?: CSSProperties;
 	fullscreenIconTips?: string;
 };
 /**
  * 预览 RichTextEditor 生成的富文本数据
  * ```
- * 1. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');
+ * 1. 通过 onInit 属性可获取实例：editor
+ * 2. 如果高度发生变更，可执行 editor.execCommand('mceAutoResize');
+ *
  * ```
  * @param props
  * @returns

package/package.json

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

package/esm/rich-text-editor-417bf0d8.js

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

package/esm/rich-text-editor-417bf0d8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor-417bf0d8.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}\n\n/**\n * 富文本编辑器，配置参考tinymce https://www.tiny.cloud/docs/tinymce/6\n * @param props\n * @returns\n * ```\n * 1. 如果需要粘贴上传图片服务，需要提供 onUploadImage 上传图片接口\n * 2. 如果不需要粘贴上传图片，可配置 init.paste_data_images = false\n * 3. 获取富文本实例，通过onInit(_, editor)函数获取\n * 5. 预览富文本数据，使用 RichTextViewer 组件\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          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          content_style: 'img {max-width:100%;} table{width:100%}',\n          plugins: 'lists link image advlist charmap preview fullscreen code table help',\n          toolbar:\n            'undo redo fullscreen preview | bold italic underline strikethrough |' +\n            'fontsize blocks |' +\n            'alignleft aligncenter alignright alignjustify |' +\n            'outdent indent | numlist bullist advlist |' +\n            'forecolor backcolor removeformat |' +\n            'code image link',\n          font_size_formats: '8px 10px 12px 14px 16px 18px 24px 36px 48px',\n          ...props.init,\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","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","images_upload_handler","blobInfo","Promise","$return","$error","blob","_file","respData","$Try_4_Catch","reject","message","$boundEx","file","File","name","resolve","then","$await_5","content_style","plugins","toolbar","font_size_formats"],"mappings":"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"}