@flatbiz/antd 4.5.46 → 4.5.48

package/esm/number-range-form-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/number-range-form-item/number-range.tsx"],"sourcesContent":["import { isEmptyArray, isNotEmptyArray, isUndefinedOrNull } from '@flatbiz/utils';\nimport { InputNumber, InputNumberProps } from 'antd';\nimport { useMemo } from 'react';\nimport { FlexLayout } from '../flex-layout/flex-layout';\nimport { FormItemWrapper, type FormItemWrapperProps } from '../form-item-wrapper';\nimport type { FormItemNamePath } from '../types';\n\n// type InputNumberProps = GetProps<typeof InputNumber>;\n\nexport type NumberRangeFormItemProps = Omit<FormItemWrapperProps, 'name' | 'rules'> & {\n  minFormItemName: FormItemNamePath;\n  maxFormItemName: FormItemNamePath;\n  /** 是否必填 */\n  required?: boolean;\n  /** 必填验证异常文案 */\n  requiredRuleMessage?: string | [string, string];\n  /** 范围验证异常文案 */\n  rangeRuleMessage?: string | [string, string];\n  minInputNumberProps?: Omit<InputNumberProps, 'value'>;\n  maxInputNumberProps?: Omit<InputNumberProps, 'value'>;\n  /** 最小值与最大值输入是否可以相同 */\n  isInputEqual?: boolean;\n};\n/**\n * 数字输入范围组件\n */\nexport const NumberRangeFormItem = (props: NumberRangeFormItemProps) => {\n  const {\n    minFormItemName,\n    maxFormItemName,\n    required,\n    requiredRuleMessage,\n    rangeRuleMessage,\n    minInputNumberProps,\n    maxInputNumberProps,\n    isInputEqual,\n    ...otherProps\n  } = props;\n\n  const rangeRuleMessageList = useMemo(() => {\n    if (!rangeRuleMessage) return ['最小值输入不能超过最大值', '最大值输入不能低于最小值'];\n    if (isNotEmptyArray(rangeRuleMessage)) {\n      return [rangeRuleMessage[0], rangeRuleMessage[1] || rangeRuleMessage[0]];\n    }\n    return [rangeRuleMessage, rangeRuleMessage] as string[];\n  }, [rangeRuleMessage]);\n\n  const requiredRuleMessageList = useMemo(() => {\n    if (!requiredRuleMessage || isEmptyArray(requiredRuleMessage)) return [];\n    if (isNotEmptyArray(requiredRuleMessage)) {\n      return [requiredRuleMessage[0], requiredRuleMessage[1] || requiredRuleMessage[0]];\n    }\n    return [requiredRuleMessage, requiredRuleMessage] as string[];\n  }, [requiredRuleMessage]);\n\n  const minRules = [\n    { required: required, message: requiredRuleMessageList[0] || '' },\n    ({ getFieldValue }) => ({\n      validator(_, value) {\n        if (isUndefinedOrNull(value)) {\n          return Promise.resolve();\n        }\n        const maxValue = getFieldValue(maxFormItemName);\n        if (isUndefinedOrNull(maxValue)) {\n          return Promise.resolve();\n        }\n        if (isInputEqual) {\n          if (value <= maxValue) {\n            return Promise.resolve();\n          }\n        } else {\n          if (value < maxValue) {\n            return Promise.resolve();\n          }\n        }\n        return Promise.reject(new Error(rangeRuleMessageList[0]));\n      },\n    }),\n  ];\n\n  const maxRules = [\n    { required: required, message: requiredRuleMessageList[1] || '' },\n    ({ getFieldValue }) => ({\n      validator(_, value) {\n        if (isUndefinedOrNull(value)) {\n          return Promise.resolve();\n        }\n        const minValue = getFieldValue(minFormItemName);\n        if (isUndefinedOrNull(minValue)) {\n          return Promise.resolve();\n        }\n\n        if (isInputEqual) {\n          if (value >= minValue) {\n            return Promise.resolve();\n          }\n        } else {\n          if (value > minValue) {\n            return Promise.resolve();\n          }\n        }\n        return Promise.reject(new Error(rangeRuleMessageList[1]));\n      },\n    }),\n  ];\n\n  return (\n    <FormItemWrapper {...otherProps} required={required}>\n      <FlexLayout fullIndex={[0, 1]} direction=\"horizontal\" gap={10}>\n        <FormItemWrapper\n          name={minFormItemName}\n          dependencies={[maxFormItemName]}\n          rules={minRules}\n          style={{ margin: 0 }}\n        >\n          <InputNumber\n            placeholder=\"请输入\"\n            {...minInputNumberProps}\n            style={{ width: '100%', ...minInputNumberProps?.style }}\n          />\n        </FormItemWrapper>\n        <FormItemWrapper\n          name={maxFormItemName}\n          dependencies={[minFormItemName]}\n          rules={maxRules}\n          style={{ margin: 0 }}\n        >\n          <InputNumber\n            placeholder=\"请输入\"\n            {...maxInputNumberProps}\n            style={{ width: '100%', ...maxInputNumberProps?.style }}\n          />\n        </FormItemWrapper>\n      </FlexLayout>\n    </FormItemWrapper>\n  );\n};\n"],"names":["NumberRangeFormItem","props","minFormItemName","maxFormItemName","required","requiredRuleMessage","rangeRuleMessage","minInputNumberProps","maxInputNumberProps","isInputEqual","otherProps","_objectWithoutPropertiesLoose","_excluded","rangeRuleMessageList","useMemo","isNotEmptyArray","requiredRuleMessageList","isEmptyArray","minRules","message","_ref","getFieldValue","validator","_","value","isUndefinedOrNull","Promise","resolve","maxValue","reject","Error","maxRules","_ref2","minValue","_jsx","FormItemWrapper","_extends","children","_jsxs","FlexLayout","fullIndex","direction","gap","name","dependencies","rules","style","margin","InputNumber","placeholder","width"],"mappings":";gwBA0BaA,EAAsB,SAAtBA,EAAuBC,GAClC,IACEC,EASED,EATFC,gBACAC,EAQEF,EARFE,gBACAC,EAOEH,EAPFG,SACAC,EAMEJ,EANFI,oBACAC,EAKEL,EALFK,iBACAC,EAIEN,EAJFM,oBACAC,EAGEP,EAHFO,oBACAC,EAEER,EAFFQ,aACGC,EAAUC,EACXV,EAAKW,GAET,IAAMC,EAAuBC,GAAQ,WACnC,IAAKR,EAAkB,MAAO,CAAC,eAAgB,gBAC/C,GAAIS,EAAgBT,GAAmB,CACrC,MAAO,CAACA,EAAiB,GAAIA,EAAiB,IAAMA,EAAiB,GACvE,CACA,MAAO,CAACA,EAAkBA,EAC5B,GAAG,CAACA,IAEJ,IAAMU,EAA0BF,GAAQ,WACtC,IAAKT,GAAuBY,EAAaZ,GAAsB,MAAO,GACtE,GAAIU,EAAgBV,GAAsB,CACxC,MAAO,CAACA,EAAoB,GAAIA,EAAoB,IAAMA,EAAoB,GAChF,CACA,MAAO,CAACA,EAAqBA,EAC/B,GAAG,CAACA,IAEJ,IAAMa,EAAW,CACf,CAAEd,SAAUA,EAAUe,QAASH,EAAwB,IAAM,IAC7D,SAAAI,GAAA,IAAGC,EAAaD,EAAbC,cAAa,MAAQ,CACtBC,mBAAAA,EAAUC,EAAGC,GACX,GAAIC,EAAkBD,GAAQ,CAC5B,OAAOE,QAAQC,SACjB,CACA,IAAMC,EAAWP,EAAclB,GAC/B,GAAIsB,EAAkBG,GAAW,CAC/B,OAAOF,QAAQC,SACjB,CACA,GAAIlB,EAAc,CAChB,GAAIe,GAASI,EAAU,CACrB,OAAOF,QAAQC,SACjB,CACF,KAAO,CACL,GAAIH,EAAQI,EAAU,CACpB,OAAOF,QAAQC,SACjB,CACF,CACA,OAAOD,QAAQG,OAAO,IAAIC,MAAMjB,EAAqB,IACvD,EACD,GAGH,IAAMkB,EAAW,CACf,CAAE3B,SAAUA,EAAUe,QAASH,EAAwB,IAAM,IAC7D,SAAAgB,GAAA,IAAGX,EAAaW,EAAbX,cAAa,MAAQ,CACtBC,mBAAAA,EAAUC,EAAGC,GACX,GAAIC,EAAkBD,GAAQ,CAC5B,OAAOE,QAAQC,SACjB,CACA,IAAMM,EAAWZ,EAAcnB,GAC/B,GAAIuB,EAAkBQ,GAAW,CAC/B,OAAOP,QAAQC,SACjB,CAEA,GAAIlB,EAAc,CAChB,GAAIe,GAASS,EAAU,CACrB,OAAOP,QAAQC,SACjB,CACF,KAAO,CACL,GAAIH,EAAQS,EAAU,CACpB,OAAOP,QAAQC,SACjB,CACF,CACA,OAAOD,QAAQG,OAAO,IAAIC,MAAMjB,EAAqB,IACvD,EACD,GAGH,OACEqB,EAACC,EAAeC,KAAK1B,EAAU,CAAEN,SAAUA,EAASiC,SAClDC,EAACC,EAAU,CAACC,UAAW,CAAC,EAAG,GAAIC,UAAU,aAAaC,IAAK,GAAGL,SAAA,CAC5DH,EAACC,EAAe,CACdQ,KAAMzC,EACN0C,aAAc,CAACzC,GACf0C,MAAO3B,EACP4B,MAAO,CAAEC,OAAQ,GAAIV,SAErBH,EAACc,EAAWZ,EAAA,CACVa,YAAY,OACR1C,EAAmB,CACvBuC,MAAKV,EAAA,CAAIc,MAAO,QAAW3C,GAAmB,UAAA,EAAnBA,EAAqBuC,YAGpDZ,EAACC,EAAe,CACdQ,KAAMxC,EACNyC,aAAc,CAAC1C,GACf2C,MAAOd,EACPe,MAAO,CAAEC,OAAQ,GAAIV,SAErBH,EAACc,EAAWZ,EAAA,CACVa,YAAY,OACRzC,EAAmB,CACvBsC,MAAKV,EAAA,CAAIc,MAAO,QAAW1C,GAAmB,UAAA,EAAnBA,EAAqBsC,iBAM5D"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/number-range-form-item/number-range.tsx"],"sourcesContent":["import { isEmptyArray, isNotEmptyArray, isUndefinedOrNull } from '@flatbiz/utils';\nimport { InputNumber, InputNumberProps } from 'antd';\nimport { useMemo } from 'react';\nimport { FlexLayout } from '../flex-layout/flex-layout';\nimport { FormItemWrapper, type FormItemWrapperProps } from '../form-item-wrapper';\nimport type { FormItemNamePath } from '../types';\n\n// type InputNumberProps = GetProps<typeof InputNumber>;\n\nexport type NumberRangeFormItemProps = Omit<FormItemWrapperProps, 'name' | 'rules'> & {\n  minFormItemName: FormItemNamePath;\n  maxFormItemName: FormItemNamePath;\n  /** 是否必填 */\n  required?: boolean;\n  /** 必填验证异常文案 */\n  requiredRuleMessage?: string | [string, string];\n  /** 范围验证异常文案 */\n  rangeRuleMessage?: string | [string, string];\n  minInputNumberProps?: Omit<InputNumberProps, 'value'>;\n  maxInputNumberProps?: Omit<InputNumberProps, 'value'>;\n  /** 最小值与最大值输入是否可以相同 */\n  isInputEqual?: boolean;\n};\n/**\n * 数字输入范围组件\n */\nexport const NumberRangeFormItem = (props: NumberRangeFormItemProps) => {\n  const {\n    minFormItemName,\n    maxFormItemName,\n    required,\n    requiredRuleMessage,\n    rangeRuleMessage,\n    minInputNumberProps,\n    maxInputNumberProps,\n    isInputEqual,\n    ...otherProps\n  } = props;\n\n  const rangeRuleMessageList = useMemo(() => {\n    if (!rangeRuleMessage) return ['最小值输入不能超过最大值', '最大值输入不能低于最小值'];\n    if (isNotEmptyArray(rangeRuleMessage)) {\n      return [rangeRuleMessage[0], rangeRuleMessage[1] || rangeRuleMessage[0]];\n    }\n    return [rangeRuleMessage, rangeRuleMessage] as string[];\n  }, [rangeRuleMessage]);\n\n  const requiredRuleMessageList = useMemo(() => {\n    if (!requiredRuleMessage || isEmptyArray(requiredRuleMessage)) return [];\n    if (isNotEmptyArray(requiredRuleMessage)) {\n      return [requiredRuleMessage[0], requiredRuleMessage[1] || requiredRuleMessage[0]];\n    }\n    return [requiredRuleMessage, requiredRuleMessage] as string[];\n  }, [requiredRuleMessage]);\n\n  const minRules = [\n    { required: required, message: requiredRuleMessageList[0] || '' },\n    ({ getFieldValue }) => ({\n      validator(_, value) {\n        if (isUndefinedOrNull(value)) {\n          return Promise.resolve();\n        }\n        const maxValue = getFieldValue(maxFormItemName);\n        if (isUndefinedOrNull(maxValue)) {\n          return Promise.resolve();\n        }\n        if (isInputEqual) {\n          if (value <= maxValue) {\n            return Promise.resolve();\n          }\n        } else {\n          if (value < maxValue) {\n            return Promise.resolve();\n          }\n        }\n        return Promise.reject(new Error(rangeRuleMessageList[0]));\n      },\n    }),\n  ];\n\n  const maxRules = [\n    { required: required, message: requiredRuleMessageList[1] || '' },\n    ({ getFieldValue }) => ({\n      validator(_, value) {\n        if (isUndefinedOrNull(value)) {\n          return Promise.resolve();\n        }\n        const minValue = getFieldValue(minFormItemName);\n        if (isUndefinedOrNull(minValue)) {\n          return Promise.resolve();\n        }\n\n        if (isInputEqual) {\n          if (value >= minValue) {\n            return Promise.resolve();\n          }\n        } else {\n          if (value > minValue) {\n            return Promise.resolve();\n          }\n        }\n        return Promise.reject(new Error(rangeRuleMessageList[1]));\n      },\n    }),\n  ];\n\n  return (\n    <FormItemWrapper {...otherProps} required={required}>\n      <FlexLayout fullIndex={[0, 1]} direction=\"horizontal\" gap={10}>\n        <FormItemWrapper\n          name={minFormItemName}\n          dependencies={[maxFormItemName]}\n          rules={minRules}\n          style={{ margin: 0 }}\n        >\n          <InputNumber\n            placeholder=\"请输入\"\n            {...minInputNumberProps}\n            style={{ width: '100%', ...minInputNumberProps?.style }}\n          />\n        </FormItemWrapper>\n        <FormItemWrapper\n          name={maxFormItemName}\n          dependencies={[minFormItemName]}\n          rules={maxRules}\n          style={{ margin: 0 }}\n        >\n          <InputNumber\n            placeholder=\"请输入\"\n            {...maxInputNumberProps}\n            style={{ width: '100%', ...maxInputNumberProps?.style }}\n          />\n        </FormItemWrapper>\n      </FlexLayout>\n    </FormItemWrapper>\n  );\n};\n"],"names":["NumberRangeFormItem","props","minFormItemName","maxFormItemName","required","requiredRuleMessage","rangeRuleMessage","minInputNumberProps","maxInputNumberProps","isInputEqual","otherProps","_objectWithoutPropertiesLoose","_excluded","rangeRuleMessageList","useMemo","isNotEmptyArray","requiredRuleMessageList","isEmptyArray","minRules","message","_ref","getFieldValue","validator","_","value","isUndefinedOrNull","Promise","resolve","maxValue","reject","Error","maxRules","_ref2","minValue","_jsx","FormItemWrapper","_extends","children","_jsxs","FlexLayout","fullIndex","direction","gap","name","dependencies","rules","style","margin","InputNumber","placeholder","width"],"mappings":";8xBA0BaA,EAAsB,SAAtBA,EAAuBC,GAClC,IACEC,EASED,EATFC,gBACAC,EAQEF,EARFE,gBACAC,EAOEH,EAPFG,SACAC,EAMEJ,EANFI,oBACAC,EAKEL,EALFK,iBACAC,EAIEN,EAJFM,oBACAC,EAGEP,EAHFO,oBACAC,EAEER,EAFFQ,aACGC,EAAUC,EACXV,EAAKW,GAET,IAAMC,EAAuBC,GAAQ,WACnC,IAAKR,EAAkB,MAAO,CAAC,eAAgB,gBAC/C,GAAIS,EAAgBT,GAAmB,CACrC,MAAO,CAACA,EAAiB,GAAIA,EAAiB,IAAMA,EAAiB,GACvE,CACA,MAAO,CAACA,EAAkBA,EAC5B,GAAG,CAACA,IAEJ,IAAMU,EAA0BF,GAAQ,WACtC,IAAKT,GAAuBY,EAAaZ,GAAsB,MAAO,GACtE,GAAIU,EAAgBV,GAAsB,CACxC,MAAO,CAACA,EAAoB,GAAIA,EAAoB,IAAMA,EAAoB,GAChF,CACA,MAAO,CAACA,EAAqBA,EAC/B,GAAG,CAACA,IAEJ,IAAMa,EAAW,CACf,CAAEd,SAAUA,EAAUe,QAASH,EAAwB,IAAM,IAC7D,SAAAI,GAAA,IAAGC,EAAaD,EAAbC,cAAa,MAAQ,CACtBC,mBAAAA,EAAUC,EAAGC,GACX,GAAIC,EAAkBD,GAAQ,CAC5B,OAAOE,QAAQC,SACjB,CACA,IAAMC,EAAWP,EAAclB,GAC/B,GAAIsB,EAAkBG,GAAW,CAC/B,OAAOF,QAAQC,SACjB,CACA,GAAIlB,EAAc,CAChB,GAAIe,GAASI,EAAU,CACrB,OAAOF,QAAQC,SACjB,CACF,KAAO,CACL,GAAIH,EAAQI,EAAU,CACpB,OAAOF,QAAQC,SACjB,CACF,CACA,OAAOD,QAAQG,OAAO,IAAIC,MAAMjB,EAAqB,IACvD,EACD,GAGH,IAAMkB,EAAW,CACf,CAAE3B,SAAUA,EAAUe,QAASH,EAAwB,IAAM,IAC7D,SAAAgB,GAAA,IAAGX,EAAaW,EAAbX,cAAa,MAAQ,CACtBC,mBAAAA,EAAUC,EAAGC,GACX,GAAIC,EAAkBD,GAAQ,CAC5B,OAAOE,QAAQC,SACjB,CACA,IAAMM,EAAWZ,EAAcnB,GAC/B,GAAIuB,EAAkBQ,GAAW,CAC/B,OAAOP,QAAQC,SACjB,CAEA,GAAIlB,EAAc,CAChB,GAAIe,GAASS,EAAU,CACrB,OAAOP,QAAQC,SACjB,CACF,KAAO,CACL,GAAIH,EAAQS,EAAU,CACpB,OAAOP,QAAQC,SACjB,CACF,CACA,OAAOD,QAAQG,OAAO,IAAIC,MAAMjB,EAAqB,IACvD,EACD,GAGH,OACEqB,EAACC,EAAeC,KAAK1B,EAAU,CAAEN,SAAUA,EAASiC,SAClDC,EAACC,EAAU,CAACC,UAAW,CAAC,EAAG,GAAIC,UAAU,aAAaC,IAAK,GAAGL,SAAA,CAC5DH,EAACC,EAAe,CACdQ,KAAMzC,EACN0C,aAAc,CAACzC,GACf0C,MAAO3B,EACP4B,MAAO,CAAEC,OAAQ,GAAIV,SAErBH,EAACc,EAAWZ,EAAA,CACVa,YAAY,OACR1C,EAAmB,CACvBuC,MAAKV,EAAA,CAAIc,MAAO,QAAW3C,GAAmB,UAAA,EAAnBA,EAAqBuC,YAGpDZ,EAACC,EAAe,CACdQ,KAAMxC,EACNyC,aAAc,CAAC1C,GACf2C,MAAOd,EACPe,MAAO,CAAEC,OAAQ,GAAIV,SAErBH,EAACc,EAAWZ,EAAA,CACVa,YAAY,OACRzC,EAAmB,CACvBsC,MAAKV,EAAA,CAAIc,MAAO,QAAW1C,GAAmB,UAAA,EAAnBA,EAAqBsC,iBAM5D"}

package/esm/pdf/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{Result as e,Spin as t}from"antd";import{useState as n}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{createCtx as a}from"@wove/react/cjs/create-ctx";import{jsx as i,jsxs as c}from"react/jsx-runtime";import{_ as s}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as l}from"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var u=a(),d=u[0],f=u[1];var m=function a(c){var s=n(),l=s[0],u=s[1];var d=n(),m=d[0],p=d[1];o.useEffectCustomAsync((function(){return new Promise((function(r,e){var t,n,o,a;t=globalThis,n=t.pdfjsLib;n.GlobalWorkerOptions.workerSrc="//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.worker.min.js";var i=function(){try{return r()}catch(r){return e(r)}};var s=function(r){try{console.error(r);c.onLoadError==null||c.onLoadError(r);p(r);return i()}catch(r){return e(r)}};try{o=n.getDocument({url:c.pdfUrl,cMapUrl:"https://file.40017.cn/tcsk/react/pdf@3.2.146/bcmaps/",cMapPacked:true});return Promise.resolve(o.promise).then((function(r){try{a=r;u(a);c.onLoadSuccess==null||c.onLoadSuccess(a);return i()}catch(r){return s(r)}}),s)}catch(r){s(r)}}))}),[c.pdfUrl]);var v=function r(){return l};if(m){if(c.error){return typeof c.error==="function"?c.error(m):c.error}return i(e,{status:"error",title:"PDF加载异常",subTitle:m==null?void 0:m.message})}if(l){return i(f,{value:{getPdfInstance:v},children:i("div",{className:r("v-pdf-document",c.className),children:c.children})})}return i("div",{className:"v-pdf-document-init-loading",children:i(t,{})})};var p=function e(a){var u=d();var f=u.getPdfInstance();var m=l.useId(undefined,"v-pdf-page-"+a.pageNumber);var p=n(true),v=p[0],h=p[1];var g=f.numPages;o.useEffectCustom((function(){f.getPage(a.pageNumber).then((function(r){var e=a.scale||1;var t=r.getViewport({scale:e});var n=a.width;var o=document.getElementById(m);var i=o.getContext("2d");if(n&&!a.scale){var c=n/t.width;t=r.getViewport({scale:c})}var s=window.devicePixelRatio;s=s<=1?96/72:s;o.width=Math.floor(t.width*s);o.height=Math.floor(t.height*s);o.style.width=t.width+"px";o.style.height=t.height+"px";var l={transform:[s,0,0,s,0,0],canvasContext:i,viewport:t};var u=r.render(l);u.promise.then((function(){a.onRenderSuccess==null||a.onRenderSuccess({width:t.width,height:t.height,scale:e,pageNumber:a.pageNumber,page:r},f);h(false)})).catch((function(r){console.error(r==null?void 0:r.message);a.onRenderError==null||a.onRenderError(r,f);h(false)}))}))}),[f,a.scale,a.pageNumber]);var w=typeof a.gap==="undefined"?10:a.gap;var b=g!==a.pageNumber?{marginBottom:w}:{};return c("div",{className:r("v-pdf-page",a.className),style:s({},b,a.style),onClick:a.onClick,children:[i(t,{spinning:v,children:i("canvas",{id:m})}),a.children]})};var v={Document:m,Page:p};export{v as Pdf};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{Result as e,Spin as t}from"antd";import{useState as n}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{createCtx as a}from"@wove/react/cjs/create-ctx";import{jsx as i,jsxs as s}from"react/jsx-runtime";import{_ as c}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as u}from"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var l=a(),d=l[0],m=l[1];var f=function a(s){var c=n(),u=c[0],l=c[1];var d=n(),f=d[0],p=d[1];o.useEffectCustomAsync((function(){return new Promise((function(r,e){var t,n,o,a;t=globalThis,n=t.pdfjsLib;n.GlobalWorkerOptions.workerSrc="//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.worker.min.js";var i=function(){try{return r()}catch(r){return e(r)}};var c=function(r){try{console.error(r);s.onLoadError==null||s.onLoadError(r);p(r);return i()}catch(r){return e(r)}};try{o=n.getDocument({url:s.pdfUrl,cMapUrl:"https://file.40017.cn/tcsk/react/pdf@3.2.146/bcmaps/",cMapPacked:true});return Promise.resolve(o.promise).then((function(r){try{a=r;l(a);s.onLoadSuccess==null||s.onLoadSuccess(a);return i()}catch(r){return c(r)}}),c)}catch(r){c(r)}}))}),[s.pdfUrl]);var v=function r(){return u};if(f){if(s.error){return typeof s.error==="function"?s.error(f):s.error}return i(e,{status:"error",title:"PDF加载异常",subTitle:f==null?void 0:f.message})}if(u){return i(m,{value:{getPdfInstance:v},children:i("div",{className:r("v-pdf-document",s.className),children:s.children})})}return i("div",{className:"v-pdf-document-init-loading",children:i(t,{})})};var p=function e(a){var l=d();var m=l.getPdfInstance();var f=u.useId(undefined,"v-pdf-page-"+a.pageNumber);var p=n(true),v=p[0],h=p[1];var g=m.numPages;o.useEffectCustom((function(){m.getPage(a.pageNumber).then((function(r){var e=a.scale||1;var t=r.getViewport({scale:e});var n=a.width;var o=document.getElementById(f);var i=o.getContext("2d");if(n&&!a.scale){var s=n/t.width;t=r.getViewport({scale:s})}var c=window.devicePixelRatio;c=c<=1?96/72:c;o.width=Math.floor(t.width*c);o.height=Math.floor(t.height*c);o.style.width=t.width+"px";o.style.height=t.height+"px";var u={transform:[c,0,0,c,0,0],canvasContext:i,viewport:t};var l=r.render(u);l.promise.then((function(){a.onRenderSuccess==null||a.onRenderSuccess({width:t.width,height:t.height,scale:e,pageNumber:a.pageNumber,page:r},m);h(false)})).catch((function(r){console.error(r==null?void 0:r.message);a.onRenderError==null||a.onRenderError(r,m);h(false)}))}))}),[m,a.scale,a.pageNumber]);var w=typeof a.gap==="undefined"?10:a.gap;var b=g!==a.pageNumber?{marginBottom:w}:{};return s("div",{className:r("v-pdf-page",a.className),style:c({},b,a.style),onClick:a.onClick,children:[i(t,{spinning:v,children:i("canvas",{id:f})}),a.children]})};var v={Document:f,Page:p};export{v as Pdf};
 //# sourceMappingURL=index.js.map

package/esm/pdf/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/pdf/context.ts","@flatbiz/antd/src/pdf/document.tsx","@flatbiz/antd/src/pdf/page.tsx","@flatbiz/antd/src/pdf/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\n\ntype CtxProps = {\n  getPdfInstance: () => any;\n};\n\nexport const [getCtx, CtxProvider] = createCtx<CtxProps>();\n","import { classNames } from '@dimjs/utils';\nimport { Result, Spin } from 'antd';\nimport { ReactElement, ReactNode, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CtxProvider } from './context';\nimport './style.less';\n\ntype PdfProps = {\n  pdfUrl: string;\n  onLoadError?: (error: any) => void;\n  onLoadSuccess?: (pdfInstance: any) => void;\n  children: ReactNode;\n  error?: ReactElement | ((error) => ReactElement);\n  className?: string;\n};\n\nexport const PdfDocument = (props: PdfProps) => {\n  const [pdfInstance, setPdfInstance] = useState<any>();\n  const [errorInst, setErrorInst] = useState<any>();\n\n  fbaHooks.useEffectCustomAsync(async () => {\n    const { pdfjsLib } = globalThis as any;\n    pdfjsLib.GlobalWorkerOptions.workerSrc = '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.worker.min.js';\n    try {\n      const loadingTask = pdfjsLib.getDocument({\n        url: props.pdfUrl,\n        // 避免服务端动态填充的字体不展示\n        cMapUrl: 'https://file.40017.cn/tcsk/react/pdf@3.2.146/bcmaps/',\n        cMapPacked: true,\n      });\n      const pdfInstance = await loadingTask.promise;\n      setPdfInstance(pdfInstance);\n      props.onLoadSuccess?.(pdfInstance);\n    } catch (error: any) {\n      console.error(error);\n      props.onLoadError?.(error);\n      setErrorInst(error);\n    }\n  }, [props.pdfUrl]);\n\n  const getPdfInstance = () => {\n    return pdfInstance;\n  };\n\n  if (errorInst) {\n    if (props.error) {\n      return typeof props.error === 'function' ? props.error(errorInst) : props.error;\n    }\n    return <Result status=\"error\" title=\"PDF加载异常\" subTitle={errorInst?.message}></Result>;\n  }\n\n  if (pdfInstance) {\n    return (\n      <CtxProvider value={{ getPdfInstance }}>\n        <div className={classNames('v-pdf-document', props.className)}>{props.children}</div>\n      </CtxProvider>\n    );\n  }\n\n  return (\n    <div className=\"v-pdf-document-init-loading\">\n      <Spin />\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Spin } from 'antd';\nimport { CSSProperties, ReactNode, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { getCtx } from './context';\nimport './style.less';\n\ntype PdfProps = {\n  onRenderSuccess?: (pageInstance: any, pdfInstance: any) => void;\n  onRenderError?: (error: any, pdfInstance: any) => void;\n  /** pdf page宽度，高度根据比例适配 */\n  width?: number;\n  /** 缩放比例，默认值：1，配置此参数后 width 属性失效，例如：1、0.6、0.8 */\n  scale?: number;\n  /** pdf页面上下之间的间隙，默认值10 */\n  gap?: number;\n  /** 页码 */\n  pageNumber: number;\n  children?: ReactNode;\n  onClick?: (e) => void;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const PdfPage = (props: PdfProps) => {\n  const ctx = getCtx();\n  const pdfInstance = ctx.getPdfInstance();\n  const id = hooks.useId(undefined, `v-pdf-page-${props.pageNumber}`);\n  const [spinning, setSpinning] = useState(true);\n\n  const numPages = pdfInstance.numPages as number;\n\n  fbaHooks.useEffectCustom(() => {\n    pdfInstance.getPage(props.pageNumber).then(function (page) {\n      const scale = props.scale || 1;\n      let viewport = page.getViewport({ scale: scale });\n      const customWidth = props.width;\n\n      const canvas = document.getElementById(id) as any;\n      const context = canvas.getContext('2d');\n\n      if (customWidth && !props.scale) {\n        const ratio = customWidth / viewport.width;\n        viewport = page.getViewport({ scale: ratio });\n      }\n      let cssUnits = window.devicePixelRatio;\n      cssUnits = cssUnits <= 1 ? 96 / 72 : cssUnits;\n      canvas.width = Math.floor(viewport.width * cssUnits);\n      canvas.height = Math.floor(viewport.height * cssUnits);\n\n      canvas.style.width = `${viewport.width}px`;\n      canvas.style.height = `${viewport.height}px`;\n\n      const renderContext = {\n        transform: [cssUnits, 0, 0, cssUnits, 0, 0],\n        canvasContext: context,\n        viewport: viewport,\n      };\n      const renderTask = page.render(renderContext);\n      renderTask.promise\n        .then(function () {\n          props.onRenderSuccess?.(\n            {\n              width: viewport.width,\n              height: viewport.height,\n              scale: scale,\n              pageNumber: props.pageNumber,\n              page,\n            },\n            pdfInstance,\n          );\n          setSpinning(false);\n        })\n        .catch((error: any) => {\n          console.error(error?.message);\n          props.onRenderError?.(error, pdfInstance);\n          setSpinning(false);\n        });\n    });\n  }, [pdfInstance, props.scale, props.pageNumber]);\n\n  const gap = typeof props.gap === 'undefined' ? 10 : props.gap;\n\n  const style = numPages !== props.pageNumber ? { marginBottom: gap } : {};\n\n  return (\n    <div\n      className={classNames('v-pdf-page', props.className)}\n      style={{\n        ...style,\n        ...props.style,\n      }}\n      onClick={props.onClick}\n    >\n      <Spin spinning={spinning}>\n        <canvas id={id}></canvas>\n      </Spin>\n      {props.children}\n    </div>\n  );\n};\n","import { PdfDocument } from './document';\nimport { PdfPage } from './page';\n\n/**\n * pdf预览\n * ```\n * 使用方式：在cdn.ts中引入 '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.min.js'\n * Git: https://github.com/mozilla/pdfjs-dist/tree/master\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf-seal\n * ```\n */\nexport const Pdf = {\n  Document: PdfDocument,\n  Page: PdfPage,\n};\n"],"names":["_createCtx","_createCtx2","getCtx","CtxProvider","PdfDocument","props","_useState","useState","pdfInstance","setPdfInstance","_useState2","errorInst","setErrorInst","fbaHooks","useEffectCustomAsync","Promise","$return","$error","_ref","pdfjsLib","loadingTask","_pdfInstance","globalThis","GlobalWorkerOptions","workerSrc","$Try_1_Post","$boundEx","$Try_1_Catch","error","console","onLoadError","getDocument","url","pdfUrl","cMapUrl","cMapPacked","resolve","promise","then","$await_2","onLoadSuccess","getPdfInstance","_jsx","Result","status","title","subTitle","message","value","children","className","_classNames","Spin","PdfPage","ctx","id","_hooks","useId","undefined","pageNumber","spinning","setSpinning","numPages","useEffectCustom","getPage","page","scale","viewport","getViewport","customWidth","width","canvas","document","getElementById","context","getContext","ratio","cssUnits","window","devicePixelRatio","Math","floor","height","style","renderContext","transform","canvasContext","renderTask","render","onRenderSuccess","catch","onRenderError","gap","marginBottom","_jsxs","_extends","onClick","Pdf","Document","Page"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/pdf/context.ts","@flatbiz/antd/src/pdf/document.tsx","@flatbiz/antd/src/pdf/page.tsx","@flatbiz/antd/src/pdf/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\n\ntype CtxProps = {\n  getPdfInstance: () => any;\n};\n\nexport const [getCtx, CtxProvider] = createCtx<CtxProps>();\n","import { classNames } from '@dimjs/utils';\nimport { Result, Spin } from 'antd';\nimport { ReactElement, ReactNode, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CtxProvider } from './context';\nimport './style.less';\n\ntype PdfProps = {\n  pdfUrl: string;\n  onLoadError?: (error: any) => void;\n  onLoadSuccess?: (pdfInstance: any) => void;\n  children: ReactNode;\n  error?: ReactElement | ((error) => ReactElement);\n  className?: string;\n};\n\nexport const PdfDocument = (props: PdfProps) => {\n  const [pdfInstance, setPdfInstance] = useState<any>();\n  const [errorInst, setErrorInst] = useState<any>();\n\n  fbaHooks.useEffectCustomAsync(async () => {\n    const { pdfjsLib } = globalThis as any;\n    pdfjsLib.GlobalWorkerOptions.workerSrc = '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.worker.min.js';\n    try {\n      const loadingTask = pdfjsLib.getDocument({\n        url: props.pdfUrl,\n        // 避免服务端动态填充的字体不展示\n        cMapUrl: 'https://file.40017.cn/tcsk/react/pdf@3.2.146/bcmaps/',\n        cMapPacked: true,\n      });\n      const pdfInstance = await loadingTask.promise;\n      setPdfInstance(pdfInstance);\n      props.onLoadSuccess?.(pdfInstance);\n    } catch (error: any) {\n      console.error(error);\n      props.onLoadError?.(error);\n      setErrorInst(error);\n    }\n  }, [props.pdfUrl]);\n\n  const getPdfInstance = () => {\n    return pdfInstance;\n  };\n\n  if (errorInst) {\n    if (props.error) {\n      return typeof props.error === 'function' ? props.error(errorInst) : props.error;\n    }\n    return <Result status=\"error\" title=\"PDF加载异常\" subTitle={errorInst?.message}></Result>;\n  }\n\n  if (pdfInstance) {\n    return (\n      <CtxProvider value={{ getPdfInstance }}>\n        <div className={classNames('v-pdf-document', props.className)}>{props.children}</div>\n      </CtxProvider>\n    );\n  }\n\n  return (\n    <div className=\"v-pdf-document-init-loading\">\n      <Spin />\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Spin } from 'antd';\nimport { CSSProperties, ReactNode, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { getCtx } from './context';\nimport './style.less';\n\ntype PdfProps = {\n  onRenderSuccess?: (pageInstance: any, pdfInstance: any) => void;\n  onRenderError?: (error: any, pdfInstance: any) => void;\n  /** pdf page宽度，高度根据比例适配 */\n  width?: number;\n  /** 缩放比例，默认值：1，配置此参数后 width 属性失效，例如：1、0.6、0.8 */\n  scale?: number;\n  /** pdf页面上下之间的间隙，默认值10 */\n  gap?: number;\n  /** 页码 */\n  pageNumber: number;\n  children?: ReactNode;\n  onClick?: (e) => void;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const PdfPage = (props: PdfProps) => {\n  const ctx = getCtx();\n  const pdfInstance = ctx.getPdfInstance();\n  const id = hooks.useId(undefined, `v-pdf-page-${props.pageNumber}`);\n  const [spinning, setSpinning] = useState(true);\n\n  const numPages = pdfInstance.numPages as number;\n\n  fbaHooks.useEffectCustom(() => {\n    pdfInstance.getPage(props.pageNumber).then(function (page) {\n      const scale = props.scale || 1;\n      let viewport = page.getViewport({ scale: scale });\n      const customWidth = props.width;\n\n      const canvas = document.getElementById(id) as any;\n      const context = canvas.getContext('2d');\n\n      if (customWidth && !props.scale) {\n        const ratio = customWidth / viewport.width;\n        viewport = page.getViewport({ scale: ratio });\n      }\n      let cssUnits = window.devicePixelRatio;\n      cssUnits = cssUnits <= 1 ? 96 / 72 : cssUnits;\n      canvas.width = Math.floor(viewport.width * cssUnits);\n      canvas.height = Math.floor(viewport.height * cssUnits);\n\n      canvas.style.width = `${viewport.width}px`;\n      canvas.style.height = `${viewport.height}px`;\n\n      const renderContext = {\n        transform: [cssUnits, 0, 0, cssUnits, 0, 0],\n        canvasContext: context,\n        viewport: viewport,\n      };\n      const renderTask = page.render(renderContext);\n      renderTask.promise\n        .then(function () {\n          props.onRenderSuccess?.(\n            {\n              width: viewport.width,\n              height: viewport.height,\n              scale: scale,\n              pageNumber: props.pageNumber,\n              page,\n            },\n            pdfInstance,\n          );\n          setSpinning(false);\n        })\n        .catch((error: any) => {\n          console.error(error?.message);\n          props.onRenderError?.(error, pdfInstance);\n          setSpinning(false);\n        });\n    });\n  }, [pdfInstance, props.scale, props.pageNumber]);\n\n  const gap = typeof props.gap === 'undefined' ? 10 : props.gap;\n\n  const style = numPages !== props.pageNumber ? { marginBottom: gap } : {};\n\n  return (\n    <div\n      className={classNames('v-pdf-page', props.className)}\n      style={{\n        ...style,\n        ...props.style,\n      }}\n      onClick={props.onClick}\n    >\n      <Spin spinning={spinning}>\n        <canvas id={id}></canvas>\n      </Spin>\n      {props.children}\n    </div>\n  );\n};\n","import { PdfDocument } from './document';\nimport { PdfPage } from './page';\n\n/**\n * pdf预览\n * ```\n * 使用方式：在cdn.ts中引入 '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.min.js'\n * Git: https://github.com/mozilla/pdfjs-dist/tree/master\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf-seal\n * ```\n */\nexport const Pdf = {\n  Document: PdfDocument,\n  Page: PdfPage,\n};\n"],"names":["_createCtx","_createCtx2","getCtx","CtxProvider","PdfDocument","props","_useState","useState","pdfInstance","setPdfInstance","_useState2","errorInst","setErrorInst","fbaHooks","useEffectCustomAsync","Promise","$return","$error","_ref","pdfjsLib","loadingTask","_pdfInstance","globalThis","GlobalWorkerOptions","workerSrc","$Try_1_Post","$boundEx","$Try_1_Catch","error","console","onLoadError","getDocument","url","pdfUrl","cMapUrl","cMapPacked","resolve","promise","then","$await_2","onLoadSuccess","getPdfInstance","_jsx","Result","status","title","subTitle","message","value","children","className","_classNames","Spin","PdfPage","ctx","id","_hooks","useId","undefined","pageNumber","spinning","setSpinning","numPages","useEffectCustom","getPage","page","scale","viewport","getViewport","customWidth","width","canvas","document","getElementById","context","getContext","ratio","cssUnits","window","devicePixelRatio","Math","floor","height","style","renderContext","transform","canvasContext","renderTask","render","onRenderSuccess","catch","onRenderError","gap","marginBottom","_jsxs","_extends","onClick","Pdf","Document","Page"],"mappings":"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"}

package/esm/pdf-preview/index.js

@@ -4,5 +4,5 @@ import './../fba-hooks/index.css';
 import './../roll-location-in-view/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as e}from"@dimjs/utils/cjs/class-names";import{hooks as i}from"@wove/react/cjs/hooks";import{generateIntArray as a}from"@flatbiz/utils";import{Result as r}from"antd";import{useState as n,useRef as t,useMemo as o}from"react";import{Pdf as c}from"../pdf/index.js";import{RollLocationInView as s}from"../roll-location-in-view/index.js";import{jsx as l,jsxs as v}from"react/jsx-runtime";import"../fba-hooks/index.js";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@wove/react/cjs/create-ctx";import"ahooks";var d=function i(r){var n=typeof r.navigationWidth==="undefined"?200:r.navigationWidth;return l(s,{activeKey:""+r.activeNumber,behavior:"auto",style:{width:n},renderList:a(1,r.numPages+1).map((function(i){return{activeKey:""+i,render:v("div",{className:e("v-pdf-preview-navigation-content",{"v-pdf-preview-navigation-active":i===r.activeNumber}),children:[l(c.Page,{pageNumber:i,gap:0,scale:r.scale||.2,className:e("v-pdf-preview-navigation-page"),onClick:function e(){r.onChangeActiveNumber(i);var a=document.querySelector("#"+r.pdfContentNodeId);if(a){if(i===1){a.scrollTo(0,0)}else{var n=r.pdfPageListHeightScope[i-1][0];a.scrollTo(0,n)}}}}),v("div",{className:"v-pdf-preview-navigation-pagination",children:["- ",i," -"]})]},i)}}))})};var p=function s(p){var u=n(0),f=u[0],m=u[1];var g=t(null);var h=n(1),N=h[0],b=h[1];var j=n(0),w=j[0],P=j[1];var y=10;var x=i.useCallbackRef((function(e){m(e.numPages)}));var C=o((function(){if(!f)return[];var e=[];a(0,f).forEach((function(i){if(i===0){e.push([0,w])}else{var a=w*i+i*y;e.push([a,a+w])}}));return e}),[f,w]);var S=function e(i){var a;var r=i.target.scrollTop;var n=(a=g.current)==null?void 0:a.clientHeight;for(var t=0;t<C.length;t++){var o=C[t];if(o[1]-r>=n/2){b(t+1);break}}};var k=i.useId(undefined,"pdf-content-node");return v(c.Document,{pdfUrl:p.pdfUrl,onLoadSuccess:x,error:l(r,{status:"500",title:"PDF加载异常",subTitle:"PDF地址："+p.pdfUrl}),className:e("v-pdf-preview-document",p.className),children:[!p.hiddenNavigation?l("div",{className:"v-pdf-preview-navigation",children:l(d,{numPages:f,activeNumber:N,onChangeActiveNumber:b,scale:p.navigationScale,navigationWidth:p.navigationWidth,pdfPageListHeightScope:C,pdfContentNodeId:k})}):null,l("div",{className:"v-pdf-preview-content",onScroll:S,ref:g,id:k,children:f>0?a(1,f+1).map((function(e){return l(c.Page,{pageNumber:e,scale:p.scale,gap:y,onRenderSuccess:function e(i){var a=Math.floor(i.height);P(a)},style:{display:"flex",justifyContent:"center"}},e)})):null})]})};export{p as PdfPreview};
+import{classNames as e}from"@dimjs/utils/cjs/class-names";import{hooks as i}from"@wove/react/cjs/hooks";import{generateIntArray as r}from"@flatbiz/utils";import{Result as a}from"antd";import{useState as t,useRef as n,useMemo as o}from"react";import{Pdf as s}from"../pdf/index.js";import{RollLocationInView as c}from"../roll-location-in-view/index.js";import{jsx as l,jsxs as v}from"react/jsx-runtime";import"../fba-hooks/index.js";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@wove/react/cjs/create-ctx";import"ahooks";var d=function i(a){var t=typeof a.navigationWidth==="undefined"?200:a.navigationWidth;return l(c,{activeKey:""+a.activeNumber,behavior:"auto",style:{width:t},renderList:r(1,a.numPages+1).map((function(i){return{activeKey:""+i,render:v("div",{className:e("v-pdf-preview-navigation-content",{"v-pdf-preview-navigation-active":i===a.activeNumber}),children:[l(s.Page,{pageNumber:i,gap:0,scale:a.scale||.2,className:e("v-pdf-preview-navigation-page"),onClick:function e(){a.onChangeActiveNumber(i);var r=document.querySelector("#"+a.pdfContentNodeId);if(r){if(i===1){r.scrollTo(0,0)}else{var t=a.pdfPageListHeightScope[i-1][0];r.scrollTo(0,t)}}}}),v("div",{className:"v-pdf-preview-navigation-pagination",children:["- ",i," -"]})]},i)}}))})};var p=function c(p){var u=t(0),f=u[0],m=u[1];var g=n(null);var h=t(1),N=h[0],j=h[1];var b=t(0),w=b[0],P=b[1];var y=10;var x=i.useCallbackRef((function(e){m(e.numPages)}));var C=o((function(){if(!f)return[];var e=[];r(0,f).forEach((function(i){if(i===0){e.push([0,w])}else{var r=w*i+i*y;e.push([r,r+w])}}));return e}),[f,w]);var S=function e(i){var r;var a=i.target.scrollTop;var t=(r=g.current)==null?void 0:r.clientHeight;for(var n=0;n<C.length;n++){var o=C[n];if(o[1]-a>=t/2){j(n+1);break}}};var k=i.useId(undefined,"pdf-content-node");return v(s.Document,{pdfUrl:p.pdfUrl,onLoadSuccess:x,error:l(a,{status:"500",title:"PDF加载异常",subTitle:"PDF地址："+p.pdfUrl}),className:e("v-pdf-preview-document",p.className),children:[!p.hiddenNavigation?l("div",{className:"v-pdf-preview-navigation",children:l(d,{numPages:f,activeNumber:N,onChangeActiveNumber:j,scale:p.navigationScale,navigationWidth:p.navigationWidth,pdfPageListHeightScope:C,pdfContentNodeId:k})}):null,l("div",{className:"v-pdf-preview-content",onScroll:S,ref:g,id:k,children:f>0?r(1,f+1).map((function(e){return l(s.Page,{pageNumber:e,scale:p.scale,gap:y,onRenderSuccess:function e(i){var r=Math.floor(i.height);P(r)},style:{display:"flex",justifyContent:"center"}},e)})):null})]})};export{p as PdfPreview};
 //# sourceMappingURL=index.js.map

package/esm/pdf-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/pdf-preview/navigation.tsx","@flatbiz/antd/src/pdf-preview/preview.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { generateIntArray } from '@flatbiz/utils';\nimport { Pdf } from '../pdf';\nimport { RollLocationInView } from '../roll-location-in-view';\n\ntype NavigationProps = {\n  numPages: number;\n  activeNumber: number;\n  onChangeActiveNumber: (active: number) => void;\n  scale?: number;\n  navigationWidth?: number;\n  pdfPageListHeightScope: number[][];\n  pdfContentNodeId: string;\n};\nexport const Navigation = (props: NavigationProps) => {\n  const navigationWidth = typeof props.navigationWidth === 'undefined' ? 200 : props.navigationWidth;\n  return (\n    <RollLocationInView\n      activeKey={`${props.activeNumber}`}\n      behavior=\"auto\"\n      style={{ width: navigationWidth }}\n      renderList={generateIntArray(1, props.numPages + 1).map((pageNumer) => {\n        return {\n          activeKey: `${pageNumer}`,\n          render: (\n            <div\n              key={pageNumer}\n              className={classNames('v-pdf-preview-navigation-content', {\n                'v-pdf-preview-navigation-active': pageNumer === props.activeNumber,\n              })}\n            >\n              <Pdf.Page\n                pageNumber={pageNumer}\n                gap={0}\n                scale={props.scale || 0.2}\n                className={classNames('v-pdf-preview-navigation-page')}\n                onClick={() => {\n                  props.onChangeActiveNumber(pageNumer);\n                  const scroll = document.querySelector(`#${props.pdfContentNodeId}`) as HTMLDivElement;\n                  if (scroll) {\n                    if (pageNumer === 1) {\n                      scroll.scrollTo(0, 0);\n                    } else {\n                      const top = props.pdfPageListHeightScope[pageNumer - 1][0];\n                      scroll.scrollTo(0, top);\n                    }\n                  }\n                }}\n              ></Pdf.Page>\n\n              <div className=\"v-pdf-preview-navigation-pagination\">- {pageNumer} -</div>\n            </div>\n          ),\n        };\n      })}\n    />\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { generateIntArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Result } from 'antd';\nimport { useMemo, useRef, useState } from 'react';\nimport { Pdf } from '../pdf';\nimport { Navigation } from './navigation';\nimport './style.less';\n\nexport type PdfPreviewProps = {\n  pdfUrl: string;\n  /** 缩放比例，默认值：1 */\n  scale?: number;\n  className?: string;\n  /** 导航pdf，缩放比例，默认值：0.2 */\n  navigationScale?: number;\n  /** 隐藏导航栏 */\n  hiddenNavigation?: boolean;\n  /** 导航栏宽度，默认值：200 */\n  navigationWidth?: number;\n};\n\n/**\n * pdf预览方式1\n * ```\n * 使用方式：在cdn.ts中引入 '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.min.js'\n * Git: https://github.com/mozilla/pdfjs-dist/tree/master\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf-seal\n * ```\n */\nexport const PdfPreview = (props: PdfPreviewProps) => {\n  const [numPages, setNumPages] = useState(0);\n  const dpfDoucmentRef = useRef<HTMLDivElement>(null);\n  const [activePagination, setActivePagination] = useState(1);\n  const [pdfPageHeight, setPdfPageHeight] = useState(0);\n\n  const pageGap = 10;\n\n  const onDocumentLoadSuccess = hooks.useCallbackRef((inst) => {\n    setNumPages(inst.numPages);\n  });\n\n  /** 计算 page 在文档流中的高度范围，包含竖直方向间距 */\n  const pdfPageListHeightScope = useMemo(() => {\n    if (!numPages) return [];\n    const pageHeightScopeList: number[][] = [];\n    generateIntArray(0, numPages).forEach((item) => {\n      if (item === 0) {\n        pageHeightScopeList.push([0, pdfPageHeight]);\n      } else {\n        const x = pdfPageHeight * item + item * pageGap;\n        pageHeightScopeList.push([x, x + pdfPageHeight]);\n      }\n    });\n    return pageHeightScopeList;\n  }, [numPages, pdfPageHeight]);\n\n  const onDocumentCenterScroll = (event) => {\n    const scrollTop = event.target.scrollTop;\n    const scrollHeight = dpfDoucmentRef.current?.clientHeight as number;\n    for (let index = 0; index < pdfPageListHeightScope.length; index++) {\n      const element = pdfPageListHeightScope[index];\n      if (element[1] - scrollTop >= scrollHeight / 2) {\n        setActivePagination(index + 1);\n        break;\n      }\n    }\n  };\n\n  const pdfContentNodeId = hooks.useId(undefined, 'pdf-content-node');\n\n  return (\n    <Pdf.Document\n      pdfUrl={props.pdfUrl}\n      onLoadSuccess={onDocumentLoadSuccess}\n      error={<Result status=\"500\" title=\"PDF加载异常\" subTitle={`PDF地址：${props.pdfUrl}`} />}\n      className={classNames('v-pdf-preview-document', props.className)}\n    >\n      {!props.hiddenNavigation ? (\n        <div className=\"v-pdf-preview-navigation\">\n          <Navigation\n            numPages={numPages}\n            activeNumber={activePagination}\n            onChangeActiveNumber={setActivePagination}\n            scale={props.navigationScale}\n            navigationWidth={props.navigationWidth}\n            pdfPageListHeightScope={pdfPageListHeightScope}\n            pdfContentNodeId={pdfContentNodeId}\n          />\n        </div>\n      ) : null}\n\n      <div\n        className=\"v-pdf-preview-content\"\n        onScroll={onDocumentCenterScroll}\n        ref={dpfDoucmentRef}\n        id={pdfContentNodeId}\n      >\n        {numPages > 0\n          ? generateIntArray(1, numPages + 1).map((item) => {\n              return (\n                <Pdf.Page\n                  key={item}\n                  pageNumber={item}\n                  scale={props.scale}\n                  gap={pageGap}\n                  onRenderSuccess={(node) => {\n                    const h = Math.floor(node.height);\n                    setPdfPageHeight(h);\n                  }}\n                  style={{ display: 'flex', justifyContent: 'center' }}\n                ></Pdf.Page>\n              );\n            })\n          : null}\n      </div>\n    </Pdf.Document>\n  );\n};\n"],"names":["Navigation","props","navigationWidth","_jsx","RollLocationInView","activeKey","activeNumber","behavior","style","width","renderList","generateIntArray","numPages","map","pageNumer","render","_jsxs","className","_classNames","children","Pdf","Page","pageNumber","gap","scale","onClick","onChangeActiveNumber","scroll","document","querySelector","pdfContentNodeId","scrollTo","top","pdfPageListHeightScope","PdfPreview","_useState","useState","setNumPages","dpfDoucmentRef","useRef","_useState2","activePagination","setActivePagination","_useState3","pdfPageHeight","setPdfPageHeight","pageGap","onDocumentLoadSuccess","_hooks","useCallbackRef","inst","useMemo","pageHeightScopeList","forEach","item","push","x","onDocumentCenterScroll","event","_dpfDoucmentRef$curre","scrollTop","target","scrollHeight","current","clientHeight","index","length","element","useId","undefined","Document","pdfUrl","onLoadSuccess","error","Result","status","title","subTitle","hiddenNavigation","navigationScale","onScroll","ref","id","onRenderSuccess","node","h","Math","floor","height","display","justifyContent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/pdf-preview/navigation.tsx","@flatbiz/antd/src/pdf-preview/preview.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { generateIntArray } from '@flatbiz/utils';\nimport { Pdf } from '../pdf';\nimport { RollLocationInView } from '../roll-location-in-view';\n\ntype NavigationProps = {\n  numPages: number;\n  activeNumber: number;\n  onChangeActiveNumber: (active: number) => void;\n  scale?: number;\n  navigationWidth?: number;\n  pdfPageListHeightScope: number[][];\n  pdfContentNodeId: string;\n};\nexport const Navigation = (props: NavigationProps) => {\n  const navigationWidth = typeof props.navigationWidth === 'undefined' ? 200 : props.navigationWidth;\n  return (\n    <RollLocationInView\n      activeKey={`${props.activeNumber}`}\n      behavior=\"auto\"\n      style={{ width: navigationWidth }}\n      renderList={generateIntArray(1, props.numPages + 1).map((pageNumer) => {\n        return {\n          activeKey: `${pageNumer}`,\n          render: (\n            <div\n              key={pageNumer}\n              className={classNames('v-pdf-preview-navigation-content', {\n                'v-pdf-preview-navigation-active': pageNumer === props.activeNumber,\n              })}\n            >\n              <Pdf.Page\n                pageNumber={pageNumer}\n                gap={0}\n                scale={props.scale || 0.2}\n                className={classNames('v-pdf-preview-navigation-page')}\n                onClick={() => {\n                  props.onChangeActiveNumber(pageNumer);\n                  const scroll = document.querySelector(`#${props.pdfContentNodeId}`) as HTMLDivElement;\n                  if (scroll) {\n                    if (pageNumer === 1) {\n                      scroll.scrollTo(0, 0);\n                    } else {\n                      const top = props.pdfPageListHeightScope[pageNumer - 1][0];\n                      scroll.scrollTo(0, top);\n                    }\n                  }\n                }}\n              ></Pdf.Page>\n\n              <div className=\"v-pdf-preview-navigation-pagination\">- {pageNumer} -</div>\n            </div>\n          ),\n        };\n      })}\n    />\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { generateIntArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Result } from 'antd';\nimport { useMemo, useRef, useState } from 'react';\nimport { Pdf } from '../pdf';\nimport { Navigation } from './navigation';\nimport './style.less';\n\nexport type PdfPreviewProps = {\n  pdfUrl: string;\n  /** 缩放比例，默认值：1 */\n  scale?: number;\n  className?: string;\n  /** 导航pdf，缩放比例，默认值：0.2 */\n  navigationScale?: number;\n  /** 隐藏导航栏 */\n  hiddenNavigation?: boolean;\n  /** 导航栏宽度，默认值：200 */\n  navigationWidth?: number;\n};\n\n/**\n * pdf预览方式1\n * ```\n * 使用方式：在cdn.ts中引入 '//file.40017.cn/tcsk/react/pdf@3.2.146/pdf.min.js'\n * Git: https://github.com/mozilla/pdfjs-dist/tree/master\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/file/pdf-seal\n * ```\n */\nexport const PdfPreview = (props: PdfPreviewProps) => {\n  const [numPages, setNumPages] = useState(0);\n  const dpfDoucmentRef = useRef<HTMLDivElement>(null);\n  const [activePagination, setActivePagination] = useState(1);\n  const [pdfPageHeight, setPdfPageHeight] = useState(0);\n\n  const pageGap = 10;\n\n  const onDocumentLoadSuccess = hooks.useCallbackRef((inst) => {\n    setNumPages(inst.numPages);\n  });\n\n  /** 计算 page 在文档流中的高度范围，包含竖直方向间距 */\n  const pdfPageListHeightScope = useMemo(() => {\n    if (!numPages) return [];\n    const pageHeightScopeList: number[][] = [];\n    generateIntArray(0, numPages).forEach((item) => {\n      if (item === 0) {\n        pageHeightScopeList.push([0, pdfPageHeight]);\n      } else {\n        const x = pdfPageHeight * item + item * pageGap;\n        pageHeightScopeList.push([x, x + pdfPageHeight]);\n      }\n    });\n    return pageHeightScopeList;\n  }, [numPages, pdfPageHeight]);\n\n  const onDocumentCenterScroll = (event) => {\n    const scrollTop = event.target.scrollTop;\n    const scrollHeight = dpfDoucmentRef.current?.clientHeight as number;\n    for (let index = 0; index < pdfPageListHeightScope.length; index++) {\n      const element = pdfPageListHeightScope[index];\n      if (element[1] - scrollTop >= scrollHeight / 2) {\n        setActivePagination(index + 1);\n        break;\n      }\n    }\n  };\n\n  const pdfContentNodeId = hooks.useId(undefined, 'pdf-content-node');\n\n  return (\n    <Pdf.Document\n      pdfUrl={props.pdfUrl}\n      onLoadSuccess={onDocumentLoadSuccess}\n      error={<Result status=\"500\" title=\"PDF加载异常\" subTitle={`PDF地址：${props.pdfUrl}`} />}\n      className={classNames('v-pdf-preview-document', props.className)}\n    >\n      {!props.hiddenNavigation ? (\n        <div className=\"v-pdf-preview-navigation\">\n          <Navigation\n            numPages={numPages}\n            activeNumber={activePagination}\n            onChangeActiveNumber={setActivePagination}\n            scale={props.navigationScale}\n            navigationWidth={props.navigationWidth}\n            pdfPageListHeightScope={pdfPageListHeightScope}\n            pdfContentNodeId={pdfContentNodeId}\n          />\n        </div>\n      ) : null}\n\n      <div\n        className=\"v-pdf-preview-content\"\n        onScroll={onDocumentCenterScroll}\n        ref={dpfDoucmentRef}\n        id={pdfContentNodeId}\n      >\n        {numPages > 0\n          ? generateIntArray(1, numPages + 1).map((item) => {\n              return (\n                <Pdf.Page\n                  key={item}\n                  pageNumber={item}\n                  scale={props.scale}\n                  gap={pageGap}\n                  onRenderSuccess={(node) => {\n                    const h = Math.floor(node.height);\n                    setPdfPageHeight(h);\n                  }}\n                  style={{ display: 'flex', justifyContent: 'center' }}\n                ></Pdf.Page>\n              );\n            })\n          : null}\n      </div>\n    </Pdf.Document>\n  );\n};\n"],"names":["Navigation","props","navigationWidth","_jsx","RollLocationInView","activeKey","activeNumber","behavior","style","width","renderList","generateIntArray","numPages","map","pageNumer","render","_jsxs","className","_classNames","children","Pdf","Page","pageNumber","gap","scale","onClick","onChangeActiveNumber","scroll","document","querySelector","pdfContentNodeId","scrollTo","top","pdfPageListHeightScope","PdfPreview","_useState","useState","setNumPages","dpfDoucmentRef","useRef","_useState2","activePagination","setActivePagination","_useState3","pdfPageHeight","setPdfPageHeight","pageGap","onDocumentLoadSuccess","_hooks","useCallbackRef","inst","useMemo","pageHeightScopeList","forEach","item","push","x","onDocumentCenterScroll","event","_dpfDoucmentRef$curre","scrollTop","target","scrollHeight","current","clientHeight","index","length","element","useId","undefined","Document","pdfUrl","onLoadSuccess","error","Result","status","title","subTitle","hiddenNavigation","navigationScale","onScroll","ref","id","onRenderSuccess","node","h","Math","floor","height","display","justifyContent"],"mappings":"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"}

package/esm/relation-tree/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{hooks as e}from"@wove/react/cjs/hooks";import{_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{Tag as i,Empty as t,Form as l}from"antd";import{useState as a,createElement as o,Fragment as c}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as u,jsx as d}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var m=function e(n){var t;var l={"--relation-tagline-width":(n.tagLineWidth||40)+"px","--relation-group-indent-width":(n.indentWidth||80)+"px","--relation-tag-width":(n.tagWidth||26)+"px","--relation-line-color":""+(n.lineColor||"#fda148")};var a=r("relation-list",{"relation-list-only-one":n.onlyOne,"relation-list-only-no-main-one":n.onlyOne},n.className);var o=n.solt1,c=n.solt2;return u("div",{className:a,style:l,children:[o?u("div",{className:"relation-list-solt1",children:[d("div",{className:"relation-list-line"}),d("div",{className:"relation-list-label",children:n.label}),n.tagName?d(i,{className:"relation-item-tag",color:n.tagColor||"#fecd96",onClick:(t=n.onTagClick)==null?void 0:t.bind(null,n.tagName),children:n.tagName}):null,o()]}):null,c?d("div",{className:"relation-list-solt2",children:c()}):null]})};var f=function e(n){return d("div",{className:r("relation-group-list",n.className),children:n.children})};var h=function e(n){var i=r("relation-item",{"relation-item-line":true,"relation-item-first":n.isFirst,"relation-item-last":n.isLast,"relation-item-only-one":n.onlyOne});return d("div",{className:i,style:n.style,children:n.children})};var v=function e(n,r){var i;if(n.uid===r){n["_delete"]=true}n==null||(i=n.relationList)==null||i.forEach((function(e){var i,t;if(e.uid===r||((i=e.customData)==null?void 0:i.uid)===r){e["_delete"]=true;if(n.relationList.length===1){n["_delete"]=true}}(t=e.children)==null||t.forEach((function(e){v(e,r)}))}))};var g=function e(n){n.relationList=n.relationList||[];n.relationList=n.relationList.filter((function(e){return!e["_delete"]}));n.relationList.forEach((function(e){e.children=e.children||[];e.children=e.children.filter((function(e){return!e["_delete"]}));e.children.forEach((function(e){g(e)}))}));n.relationList=n.relationList.filter((function(e){if(!e.customData&&!e.children){return false}if(!e.customData&&(!e.children||e.children.length===0)){return false}return true}))};var p=function e(n){var i=n.relationItem;var t=n.dataSource;var a=n.index;if(i.customData&&i.children&&i.children.length>0){var o;return u(c,{children:[d(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:n.relationItemRender(i.customData,i.extraData)}),d(f,{children:(o=i.children)==null?void 0:o.map((function(e){return d(C,{dataSource:e,relationItemRender:n.relationItemRender,relationProps:n.relationProps,onTagClick:n.onTagClick,className:n.className},e.uid)}))})]},i.uid)}if(i.children&&i.children.length>0){var s;return d("div",{className:r("form-list-no-main-group",{"form-list-no-main-group":a===0}),children:(s=i.children)==null?void 0:s.map((function(e){return d(C,{dataSource:e,relationItemRender:n.relationItemRender,className:r("form-list-no-main",{"form-list-no-main-first":a===0,"form-list-no-main-last":a===t.relationList.length-1}),relationProps:n.relationProps,onTagClick:n.onTagClick},e.uid)}))},i.uid)}if(i.customData){return d(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:d(l,{component:false,children:n.relationItemRender(i.customData,i.extraData)})},i.uid)}return null};var C=function e(r){var i=r.dataSource;var t=i.relationList||[];var l=t[t.length-1];var a=t.length>0&&l.customData&&l.children&&l.children.length>0;var s=t.length==1;return o(m,n({},r.relationProps,{tagName:i.tagName,key:i.uid,onlyOne:s,label:i.label,className:r.className,onTagClick:function e(){r.onTagClick==null||r.onTagClick(i.uid,i.extraData)},solt1:function e(){return d(c,{children:t.map((function(e,i){var l=a&&i===t.length-1;return d(p,{dataSource:r.dataSource,relationItemRender:r.relationItemRender,relationProps:r.relationProps,onTagClick:r.onTagClick,relationItem:l?n({},e,{children:undefined}):e,index:i,onlyOne:s},i)}))})},solt2:function e(){if(a&&l.children&&l.children.length>0){return d(f,{children:l.children.map((function(e){return d(C,{dataSource:e,relationItemRender:r.relationItemRender,relationProps:r.relationProps,onTagClick:r.onTagClick},e.uid)}))},l.uid)}return null}}))};var N=function i(l){var o=a(),c=o[0],u=o[1];s.useEffectCustom((function(){u(l.dataSource)}),[l.dataSource]);var m=e.useCallbackRef((function(e,r,i){if(e){e[r]=i;l.onChange==null||l.onChange(n({},c))}}));var f=function e(n,r){for(var i=0;i<n.length;i++){var t=n[i];for(var l=0;l<t.relationList.length;l++){var a;var o=t.relationList[l];if(((a=o.customData)==null?void 0:a.uid)===r){return{relationTree:t,index:l,element:o}}else if(o.children){var c=f(o.children,r);if(c){return c}}}}return null};var h=e.useCallbackRef((function(e,n){var r;if(!c)return;var i=f([c],e.uid);if((r=i.relationTree)!=null&&r.relationList){var t;(t=i.relationTree)==null||t.relationList.splice(i.index+1,0,n);l.onChange==null||l.onChange(c)}}));var p=e.useCallbackRef((function(e,n){if(!c)return;var r=f([c],e.uid);if(r.element){r.element.children=(r.element.children||[]).concat(n);l.onChange==null||l.onChange(c)}}));var N=e.useCallbackRef((function(e){if(!c)return;v(c,e);if(c["_delete"]){l.onChange==null||l.onChange(undefined)}else{g(c);l.onChange==null||l.onChange(c)}}));if(!c)return d(t,{description:"暂无数据"});return d("div",{className:r("relation-tree",l.className),children:d(C,{dataSource:c,relationProps:l.relationProps,onTagClick:l.onTagClick,relationItemRender:function e(n,r){return l.children(n,{add:h,addChildren:p,remove:N,onChange:m.bind(null,n)},r)}})})};export{N as RelationTree};
+import{hooks as e}from"@wove/react/cjs/hooks";import{_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{Tag as i,Empty as t,Form as l}from"antd";import{useState as a,createElement as o,Fragment as c}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as u,jsx as d}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var m=function e(n){var t;var l={"--relation-tagline-width":(n.tagLineWidth||40)+"px","--relation-group-indent-width":(n.indentWidth||80)+"px","--relation-tag-width":(n.tagWidth||26)+"px","--relation-line-color":""+(n.lineColor||"#fda148")};var a=r("relation-list",{"relation-list-only-one":n.onlyOne,"relation-list-only-no-main-one":n.onlyOne},n.className);var o=n.solt1,c=n.solt2;return u("div",{className:a,style:l,children:[o?u("div",{className:"relation-list-solt1",children:[d("div",{className:"relation-list-line"}),d("div",{className:"relation-list-label",children:n.label}),n.tagName?d(i,{className:"relation-item-tag",color:n.tagColor||"#fecd96",onClick:(t=n.onTagClick)==null?void 0:t.bind(null,n.tagName),children:n.tagName}):null,o()]}):null,c?d("div",{className:"relation-list-solt2",children:c()}):null]})};var f=function e(n){return d("div",{className:r("relation-group-list",n.className),children:n.children})};var h=function e(n){var i=r("relation-item",{"relation-item-line":true,"relation-item-first":n.isFirst,"relation-item-last":n.isLast,"relation-item-only-one":n.onlyOne});return d("div",{className:i,style:n.style,children:n.children})};var v=function e(n,r){var i;if(n.uid===r){n["_delete"]=true}n==null||(i=n.relationList)==null||i.forEach((function(e){var i,t;if(e.uid===r||((i=e.customData)==null?void 0:i.uid)===r){e["_delete"]=true;if(n.relationList.length===1){n["_delete"]=true}}(t=e.children)==null||t.forEach((function(e){v(e,r)}))}))};var g=function e(n){n.relationList=n.relationList||[];n.relationList=n.relationList.filter((function(e){return!e["_delete"]}));n.relationList.forEach((function(e){e.children=e.children||[];e.children=e.children.filter((function(e){return!e["_delete"]}));e.children.forEach((function(e){g(e)}))}));n.relationList=n.relationList.filter((function(e){if(!e.customData&&!e.children){return false}if(!e.customData&&(!e.children||e.children.length===0)){return false}return true}))};var p=function e(n){var i=n.relationItem;var t=n.dataSource;var a=n.index;if(i.customData&&i.children&&i.children.length>0){var o;return u(c,{children:[d(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:n.relationItemRender(i.customData,i.extraData)}),d(f,{children:(o=i.children)==null?void 0:o.map((function(e){return d(C,{dataSource:e,relationItemRender:n.relationItemRender,relationProps:n.relationProps,onTagClick:n.onTagClick,className:n.className},e.uid)}))})]},i.uid)}if(i.children&&i.children.length>0){var s;return d("div",{className:r("form-list-no-main-group",{"form-list-no-main-group":a===0}),children:(s=i.children)==null?void 0:s.map((function(e){return d(C,{dataSource:e,relationItemRender:n.relationItemRender,className:r("form-list-no-main",{"form-list-no-main-first":a===0,"form-list-no-main-last":a===t.relationList.length-1}),relationProps:n.relationProps,onTagClick:n.onTagClick},e.uid)}))},i.uid)}if(i.customData){return d(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:d(l,{component:false,children:n.relationItemRender(i.customData,i.extraData)})},i.uid)}return null};var C=function e(r){var i=r.dataSource;var t=i.relationList||[];var l=t[t.length-1];var a=t.length>0&&l.customData&&l.children&&l.children.length>0;var s=t.length==1;return o(m,n({},r.relationProps,{tagName:i.tagName,key:i.uid,onlyOne:s,label:i.label,className:r.className,onTagClick:function e(){r.onTagClick==null||r.onTagClick(i.uid,i.extraData)},solt1:function e(){return d(c,{children:t.map((function(e,i){var l=a&&i===t.length-1;return d(p,{dataSource:r.dataSource,relationItemRender:r.relationItemRender,relationProps:r.relationProps,onTagClick:r.onTagClick,relationItem:l?n({},e,{children:undefined}):e,index:i,onlyOne:s},i)}))})},solt2:function e(){if(a&&l.children&&l.children.length>0){return d(f,{children:l.children.map((function(e){return d(C,{dataSource:e,relationItemRender:r.relationItemRender,relationProps:r.relationProps,onTagClick:r.onTagClick},e.uid)}))},l.uid)}return null}}))};var N=function i(l){var o=a(),c=o[0],u=o[1];s.useEffectCustom((function(){u(l.dataSource)}),[l.dataSource]);var m=e.useCallbackRef((function(e,r,i){if(e){e[r]=i;l.onChange==null||l.onChange(n({},c))}}));var f=function e(n,r){for(var i=0;i<n.length;i++){var t=n[i];for(var l=0;l<t.relationList.length;l++){var a;var o=t.relationList[l];if(((a=o.customData)==null?void 0:a.uid)===r){return{relationTree:t,index:l,element:o}}else if(o.children){var c=f(o.children,r);if(c){return c}}}}return null};var h=e.useCallbackRef((function(e,n){var r;if(!c)return;var i=f([c],e.uid);if((r=i.relationTree)!=null&&r.relationList){var t;(t=i.relationTree)==null||t.relationList.splice(i.index+1,0,n);l.onChange==null||l.onChange(c)}}));var p=e.useCallbackRef((function(e,n){if(!c)return;var r=f([c],e.uid);if(r.element){r.element.children=(r.element.children||[]).concat(n);l.onChange==null||l.onChange(c)}}));var N=e.useCallbackRef((function(e){if(!c)return;v(c,e);if(c["_delete"]){l.onChange==null||l.onChange(undefined)}else{g(c);l.onChange==null||l.onChange(c)}}));if(!c)return d(t,{description:"暂无数据"});return d("div",{className:r("relation-tree",l.className),children:d(C,{dataSource:c,relationProps:l.relationProps,onTagClick:l.onTagClick,relationItemRender:function e(n,r){return l.children(n,{add:h,addChildren:p,remove:N,onChange:m.bind(null,n)},r)}})})};export{N as RelationTree};
 //# sourceMappingURL=index.js.map

package/esm/relation-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/relation-tree/compts/relation.tsx","@flatbiz/antd/src/relation-tree/compts/relation-group-list.tsx","@flatbiz/antd/src/relation-tree/compts/relation-item.tsx","@flatbiz/antd/src/relation-tree/utils.ts","@flatbiz/antd/src/relation-tree/relation-tree.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { Tag } from 'antd';\nimport { CSSProperties } from 'react';\nimport { RelationProps } from '../type';\n\nexport const Relation = (props: RelationProps) => {\n  const style = {\n    '--relation-tagline-width': `${props.tagLineWidth || 40}px`,\n    '--relation-group-indent-width': `${props.indentWidth || 80}px`,\n    '--relation-tag-width': `${props.tagWidth || 26}px`,\n    '--relation-line-color': `${props.lineColor || '#fda148'}`,\n  } as CSSProperties;\n\n  const className = classNames(\n    'relation-list',\n    { 'relation-list-only-one': props.onlyOne, 'relation-list-only-no-main-one': props.onlyOne },\n    props.className,\n  );\n  const { solt1, solt2 } = props;\n\n  return (\n    <div className={className} style={style}>\n      {solt1 ? (\n        <div className=\"relation-list-solt1\">\n          <div className=\"relation-list-line\"></div>\n          <div className=\"relation-list-label\">{props.label}</div>\n\n          {props.tagName ? (\n            <Tag\n              className=\"relation-item-tag\"\n              color={props.tagColor || '#fecd96'}\n              onClick={props.onTagClick?.bind(null, props.tagName)}\n            >\n              {props.tagName}\n            </Tag>\n          ) : null}\n          {solt1()}\n        </div>\n      ) : null}\n      {solt2 ? <div className=\"relation-list-solt2\">{solt2()}</div> : null}\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { ReactElement } from 'react';\n\nexport type RelationGroupListProps = {\n  children: ReactElement | ReactElement[] | null;\n  className?: string;\n};\n\nexport const RelationGroupList = (props: RelationGroupListProps) => {\n  return <div className={classNames('relation-group-list', props.className)}>{props.children}</div>;\n};\n","import { classNames } from '@dimjs/utils';\nimport { CSSProperties, ReactElement } from 'react';\n\nexport type RelationItemProps = {\n  children: ReactElement | null | Array<ReactElement | null>;\n  className?: string;\n  style?: CSSProperties;\n  isFirst?: boolean;\n  isLast?: boolean;\n  onlyOne?: boolean;\n};\n\nexport const RelationItem = (props: RelationItemProps) => {\n  const className = classNames('relation-item', {\n    'relation-item-line': true,\n    'relation-item-first': props.isFirst,\n    'relation-item-last': props.isLast,\n    'relation-item-only-one': props.onlyOne,\n  });\n\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n","import { TRelationTreeData } from './type';\n\nexport const deleteLoop = (data: TRelationTreeData, uid: string) => {\n  if (data.uid === uid) {\n    data['_delete'] = true;\n  }\n  data?.relationList?.forEach((item) => {\n    if (item.uid === uid || item.customData?.uid === uid) {\n      item['_delete'] = true;\n      if (data.relationList.length === 1) {\n        data['_delete'] = true;\n      }\n    }\n\n    item.children?.forEach((innerItem) => {\n      deleteLoop(innerItem, uid);\n    });\n  });\n};\n\nexport const filterSurplusData = (data: TRelationTreeData) => {\n  data.relationList = data.relationList || [];\n  data.relationList = data.relationList.filter((item) => !item['_delete']);\n\n  data.relationList.forEach((item) => {\n    item.children = item.children || [];\n    item.children = item.children.filter((item) => !item['_delete']);\n\n    item.children.forEach((innerItem) => {\n      filterSurplusData(innerItem);\n    });\n  });\n\n  data.relationList = data.relationList.filter((item) => {\n    if (!item.customData && !item.children) {\n      return false;\n    }\n    if (!item.customData && (!item.children || item.children.length === 0)) {\n      return false;\n    }\n    return true;\n  });\n};\n","import { classNames } from '@dimjs/utils';\nimport { TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form } from 'antd';\nimport { Fragment, ReactElement, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { Relation } from './compts/relation';\nimport { RelationGroupList } from './compts/relation-group-list';\nimport { RelationItem } from './compts/relation-item';\nimport './style.less';\n\nimport {\n  RelationTreeProps,\n  TRelationTreeCustomData,\n  TRelationTreeData,\n  TRelationTreeRelationItem,\n} from './type';\nimport { deleteLoop, filterSurplusData } from './utils';\n\ntype TRelationTreeLoop = {\n  dataSource: TRelationTreeData;\n  relationItemRender: (data: TRelationTreeCustomData, extraData?: TPlainObject) => ReactElement;\n  className?: string;\n  relationProps?: RelationTreeProps['relationProps'];\n  onTagClick?: RelationTreeProps['onTagClick'];\n};\n\ntype RelationItemRenderProps = TRelationTreeLoop & {\n  relationItem: TRelationTreeRelationItem;\n  index: number;\n  onlyOne?: boolean;\n};\n\nconst RelationItemRender = (props: RelationItemRenderProps) => {\n  const relationItem = props.relationItem;\n  const dataSource = props.dataSource;\n  const index = props.index;\n\n  if (relationItem.customData && relationItem.children && relationItem.children.length > 0) {\n    return (\n      <Fragment key={relationItem.uid}>\n        <RelationItem\n          isFirst={index === 0}\n          isLast={index === dataSource.relationList.length - 1}\n          onlyOne={props.onlyOne}\n        >\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </RelationItem>\n        <RelationGroupList>\n          {relationItem.children?.map((innerItem) => {\n            return (\n              <RelationTreeLoop\n                dataSource={innerItem}\n                relationItemRender={props.relationItemRender}\n                key={innerItem.uid}\n                relationProps={props.relationProps}\n                onTagClick={props.onTagClick}\n                className={props.className}\n              />\n            );\n          })}\n        </RelationGroupList>\n      </Fragment>\n    );\n  }\n  if (relationItem.children && relationItem.children.length > 0) {\n    return (\n      <div\n        className={classNames('form-list-no-main-group', { 'form-list-no-main-group': index === 0 })}\n        key={relationItem.uid}\n      >\n        {relationItem.children?.map((innerItem) => {\n          return (\n            <RelationTreeLoop\n              dataSource={innerItem}\n              relationItemRender={props.relationItemRender}\n              key={innerItem.uid}\n              className={classNames('form-list-no-main', {\n                'form-list-no-main-first': index === 0,\n                'form-list-no-main-last': index === dataSource.relationList.length - 1,\n              })}\n              relationProps={props.relationProps}\n              onTagClick={props.onTagClick}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n  if (relationItem.customData) {\n    return (\n      <RelationItem\n        key={relationItem.uid}\n        isFirst={index === 0}\n        isLast={index === dataSource.relationList.length - 1}\n        onlyOne={props.onlyOne}\n      >\n        <Form component={false}>\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </Form>\n      </RelationItem>\n    );\n  }\n  return null;\n};\n\nconst RelationTreeLoop = (props: TRelationTreeLoop) => {\n  const dataSource = props.dataSource;\n  const relationList = dataSource.relationList || [];\n\n  const lastRelationItem = relationList[relationList.length - 1];\n  const hasSolt2 =\n    relationList.length > 0 &&\n    lastRelationItem.customData &&\n    lastRelationItem.children &&\n    lastRelationItem.children.length > 0;\n  const onlyOne = relationList.length == 1;\n  // const onlyNoMainOne =\n  //   onlyOne && !relationList[0].customData && toArray(relationList[0].children).length === 1;\n  return (\n    <Relation\n      {...props.relationProps}\n      tagName={dataSource.tagName}\n      key={dataSource.uid}\n      onlyOne={onlyOne}\n      label={dataSource.label}\n      className={props.className}\n      onTagClick={() => {\n        props.onTagClick?.(dataSource.uid, dataSource.extraData);\n      }}\n      solt1={() => {\n        return (\n          <Fragment>\n            {relationList.map((relationItem, index) => {\n              const flat = hasSolt2 && index === relationList.length - 1;\n              return (\n                <RelationItemRender\n                  key={index}\n                  dataSource={props.dataSource}\n                  relationItemRender={props.relationItemRender}\n                  relationProps={props.relationProps}\n                  onTagClick={props.onTagClick}\n                  relationItem={\n                    flat\n                      ? {\n                          ...relationItem,\n                          children: undefined,\n                        }\n                      : relationItem\n                  }\n                  index={index}\n                  onlyOne={onlyOne}\n                />\n              );\n            })}\n          </Fragment>\n        );\n      }}\n      solt2={() => {\n        // 渲染最后一个relation item的children list数据\n        if (hasSolt2 && lastRelationItem.children && lastRelationItem.children.length > 0) {\n          return (\n            <RelationGroupList key={lastRelationItem.uid}>\n              {lastRelationItem.children.map((innerItem) => {\n                return (\n                  <RelationTreeLoop\n                    dataSource={innerItem}\n                    relationItemRender={props.relationItemRender}\n                    key={innerItem.uid}\n                    relationProps={props.relationProps}\n                    onTagClick={props.onTagClick}\n                  />\n                );\n              })}\n            </RelationGroupList>\n          );\n        }\n        return null;\n      }}\n    ></Relation>\n  );\n};\n\nexport const RelationTree = (props: RelationTreeProps) => {\n  const [dataSource, setDataSource] = useState<TRelationTreeData>();\n\n  fbaHooks.useEffectCustom(() => {\n    setDataSource(props.dataSource);\n  }, [props.dataSource]);\n\n  const onRelationItemContentChange = hooks.useCallbackRef((data: TRelationTreeCustomData, name, value) => {\n    if (data) {\n      data[name] = value;\n      props.onChange?.({ ...dataSource } as TRelationTreeData);\n    }\n  });\n\n  const getTargetRelationList = (relationTreeList: TRelationTreeData[], uid: string) => {\n    for (let index = 0; index < relationTreeList.length; index++) {\n      const relationTree = relationTreeList[index];\n      for (let innerIndex = 0; innerIndex < relationTree.relationList.length; innerIndex++) {\n        const element = relationTree.relationList[innerIndex];\n        if (element.customData?.uid === uid) {\n          return {\n            relationTree,\n            index: innerIndex,\n            element: element,\n          };\n        } else if (element.children) {\n          const result = getTargetRelationList(element.children, uid);\n          if (result) {\n            return result;\n          }\n        }\n      }\n    }\n    return null;\n  };\n\n  const onAdd = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeRelationItem) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.relationTree?.relationList) {\n        result.relationTree?.relationList.splice((result.index as number) + 1, 0, initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n  const addChildren = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeData) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.element) {\n        result.element.children = (result.element.children || []).concat(initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n\n  const onRemove = hooks.useCallbackRef((uid: string) => {\n    if (!dataSource) return;\n    deleteLoop(dataSource, uid);\n    if (dataSource['_delete']) {\n      props.onChange?.(undefined);\n    } else {\n      filterSurplusData(dataSource);\n      props.onChange?.(dataSource);\n    }\n  });\n\n  if (!dataSource) return <Empty description=\"暂无数据\"></Empty>;\n\n  return (\n    <div className={classNames('relation-tree', props.className)}>\n      <RelationTreeLoop\n        dataSource={dataSource}\n        relationProps={props.relationProps}\n        onTagClick={props.onTagClick}\n        relationItemRender={(data, extraData) => {\n          return props.children(\n            data,\n            {\n              add: onAdd,\n              addChildren: addChildren,\n              remove: onRemove,\n              onChange: onRelationItemContentChange.bind(null, data),\n            },\n            extraData,\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["Relation","props","_props$onTagClick","style","tagLineWidth","indentWidth","tagWidth","lineColor","className","_classNames","onlyOne","solt1","solt2","_jsxs","children","_jsx","label","tagName","Tag","color","tagColor","onClick","onTagClick","bind","RelationGroupList","RelationItem","isFirst","isLast","deleteLoop","data","uid","_data$relationList","relationList","forEach","item","_item$customData","_item$children","customData","length","innerItem","filterSurplusData","filter","RelationItemRender","relationItem","dataSource","index","_relationItem$childre","Fragment","relationItemRender","extraData","map","_RelationTreeLoop","relationProps","_relationItem$childre2","Form","component","RelationTreeLoop","lastRelationItem","hasSolt2","_createElement","_extends","key","flat","undefined","RelationTree","_useState","useState","setDataSource","fbaHooks","useEffectCustom","onRelationItemContentChange","_hooks","useCallbackRef","name","value","onChange","getTargetRelationList","relationTreeList","relationTree","innerIndex","_element$customData","element","result","onAdd","initialData","_result$relationTree","_result$relationTree2","splice","addChildren","concat","onRemove","Empty","description","add","remove"],"mappings":";8dAKO,IAAMA,EAAW,SAAXA,EAAYC,GAAyB,IAAAC,EAChD,IAAMC,EAAQ,CACZ,4BAA+BF,EAAMG,cAAgB,IAAM,KAC3D,iCAAoCH,EAAMI,aAAe,IAAM,KAC/D,wBAA2BJ,EAAMK,UAAY,IAAM,KACnD,wBAA4BL,IAAAA,EAAMM,WAAa,YAGjD,IAAMC,EAAYC,EAChB,gBACA,CAAE,yBAA0BR,EAAMS,QAAS,iCAAkCT,EAAMS,SACnFT,EAAMO,WAER,IAAQG,EAAiBV,EAAjBU,MAAOC,EAAUX,EAAVW,MAEf,OACEC,EAAA,MAAA,CAAKL,UAAWA,EAAWL,MAAOA,EAAMW,SAAA,CACrCH,EACCE,EAAA,MAAA,CAAKL,UAAU,sBAAqBM,UAClCC,EAAA,MAAA,CAAKP,UAAU,uBACfO,EAAA,MAAA,CAAKP,UAAU,sBAAqBM,SAAEb,EAAMe,QAE3Cf,EAAMgB,QACLF,EAACG,EAAG,CACFV,UAAU,oBACVW,MAAOlB,EAAMmB,UAAY,UACzBC,SAAOnB,EAAED,EAAMqB,aAANpB,UAAAA,EAAAA,EAAkBqB,KAAK,KAAMtB,EAAMgB,SAASH,SAEpDb,EAAMgB,UAEP,KACHN,OAED,KACHC,EAAQG,EAAA,MAAA,CAAKP,UAAU,sBAAqBM,SAAEF,MAAiB,OAGtE,EClCO,IAAMY,EAAoB,SAApBA,EAAqBvB,GAChC,OAAOc,EAAA,MAAA,CAAKP,UAAWC,EAAW,sBAAuBR,EAAMO,WAAWM,SAAEb,EAAMa,UACpF,ECEO,IAAMW,EAAe,SAAfA,EAAgBxB,GAC3B,IAAMO,EAAYC,EAAW,gBAAiB,CAC5C,qBAAsB,KACtB,sBAAuBR,EAAMyB,QAC7B,qBAAsBzB,EAAM0B,OAC5B,yBAA0B1B,EAAMS,UAGlC,OACEK,EAAA,MAAA,CAAKP,UAAWA,EAAWL,MAAOF,EAAME,MAAMW,SAC3Cb,EAAMa,UAGb,ECvBO,IAAMc,EAAa,SAAbA,EAAcC,EAAyBC,GAAgB,IAAAC,EAClE,GAAIF,EAAKC,MAAQA,EAAK,CACpBD,EAAK,WAAa,IACpB,CACAA,GAAIE,OAAAA,EAAJF,EAAMG,eAAND,MAAAA,EAAoBE,SAAQ,SAACC,GAAS,IAAAC,EAAAC,EACpC,GAAIF,EAAKJ,MAAQA,KAAOK,EAAAD,EAAKG,aAALF,UAAAA,EAAAA,EAAiBL,OAAQA,EAAK,CACpDI,EAAK,WAAa,KAClB,GAAIL,EAAKG,aAAaM,SAAW,EAAG,CAClCT,EAAK,WAAa,IACpB,CACF,EAEAO,EAAAF,EAAKpB,WAAQ,MAAbsB,EAAeH,SAAQ,SAACM,GACtBX,EAAWW,EAAWT,EACxB,GACF,GACF,EAEO,IAAMU,EAAoB,SAApBA,EAAqBX,GAChCA,EAAKG,aAAeH,EAAKG,cAAgB,GACzCH,EAAKG,aAAeH,EAAKG,aAAaS,QAAO,SAACP,GAAI,OAAMA,EAAK,cAE7DL,EAAKG,aAAaC,SAAQ,SAACC,GACzBA,EAAKpB,SAAWoB,EAAKpB,UAAY,GACjCoB,EAAKpB,SAAWoB,EAAKpB,SAAS2B,QAAO,SAACP,GAAI,OAAMA,EAAK,cAErDA,EAAKpB,SAASmB,SAAQ,SAACM,GACrBC,EAAkBD,EACpB,GACF,IAEAV,EAAKG,aAAeH,EAAKG,aAAaS,QAAO,SAACP,GAC5C,IAAKA,EAAKG,aAAeH,EAAKpB,SAAU,CACtC,OAAO,KACT,CACA,IAAKoB,EAAKG,cAAgBH,EAAKpB,UAAYoB,EAAKpB,SAASwB,SAAW,GAAI,CACtE,OAAO,KACT,CACA,OAAO,IACT,GACF,ECTA,IAAMI,EAAqB,SAArBA,EAAsBzC,GAC1B,IAAM0C,EAAe1C,EAAM0C,aAC3B,IAAMC,EAAa3C,EAAM2C,WACzB,IAAMC,EAAQ5C,EAAM4C,MAEpB,GAAIF,EAAaN,YAAcM,EAAa7B,UAAY6B,EAAa7B,SAASwB,OAAS,EAAG,CAAA,IAAAQ,EACxF,OACEjC,EAACkC,EAAQ,CAAAjC,SAAA,CACPC,EAACU,EAAY,CACXC,QAASmB,IAAU,EACnBlB,OAAQkB,IAAUD,EAAWZ,aAAaM,OAAS,EACnD5B,QAAST,EAAMS,QAAQI,SAEtBb,EAAM+C,mBAAmBL,EAAaN,WAAYM,EAAaM,aAElElC,EAACS,EAAiB,CAAAV,UAAAgC,EACfH,EAAa7B,WAAbgC,UAAAA,EAAAA,EAAuBI,KAAI,SAACX,GAC3B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClBd,UAAWP,EAAMO,WAHZ+B,EAAUT,YAdVa,EAAab,IAwBhC,CACA,GAAIa,EAAa7B,UAAY6B,EAAa7B,SAASwB,OAAS,EAAG,CAAA,IAAAe,EAC7D,OACEtC,EAAA,MAAA,CACEP,UAAWC,EAAW,0BAA2B,CAAE,0BAA2BoC,IAAU,IAAK/B,UAAAuC,EAG5FV,EAAa7B,WAAbuC,UAAAA,EAAAA,EAAuBH,KAAI,SAACX,GAC3B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BxC,UAAWC,EAAW,oBAAqB,CACzC,0BAA2BoC,IAAU,EACrC,yBAA0BA,IAAUD,EAAWZ,aAAaM,OAAS,IAEvEc,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,YANbiB,EAAUT,SAPhBa,EAAab,IAmBxB,CACA,GAAIa,EAAaN,WAAY,CAC3B,OACEtB,EAACU,EAAY,CAEXC,QAASmB,IAAU,EACnBlB,OAAQkB,IAAUD,EAAWZ,aAAaM,OAAS,EACnD5B,QAAST,EAAMS,QAAQI,SAEvBC,EAACuC,EAAI,CAACC,UAAW,MAAMzC,SACpBb,EAAM+C,mBAAmBL,EAAaN,WAAYM,EAAaM,cAN7DN,EAAab,IAUxB,CACA,OAAO,IACT,EAEA,IAAM0B,EAAmB,SAAnBA,EAAoBvD,GACxB,IAAM2C,EAAa3C,EAAM2C,WACzB,IAAMZ,EAAeY,EAAWZ,cAAgB,GAEhD,IAAMyB,EAAmBzB,EAAaA,EAAaM,OAAS,GAC5D,IAAMoB,EACJ1B,EAAaM,OAAS,GACtBmB,EAAiBpB,YACjBoB,EAAiB3C,UACjB2C,EAAiB3C,SAASwB,OAAS,EACrC,IAAM5B,EAAUsB,EAAaM,QAAU,EAGvC,OACEqB,EAAC3D,EAAQ4D,EACH3D,CAAAA,EAAAA,EAAMmD,cAAa,CACvBnC,QAAS2B,EAAW3B,QACpB4C,IAAKjB,EAAWd,IAChBpB,QAASA,EACTM,MAAO4B,EAAW5B,MAClBR,UAAWP,EAAMO,UACjBc,WAAY,SAAZA,IACErB,EAAMqB,YAANrB,MAAAA,EAAMqB,WAAasB,EAAWd,IAAKc,EAAWK,UAC9C,EACFtC,MAAO,SAAPA,IACE,OACEI,EAACgC,EAAQ,CAAAjC,SACNkB,EAAakB,KAAI,SAACP,EAAcE,GAC/B,IAAMiB,EAAOJ,GAAYb,IAAUb,EAAaM,OAAS,EACzD,OACEvB,EAAC2B,EAAkB,CAEjBE,WAAY3C,EAAM2C,WAClBI,mBAAoB/C,EAAM+C,mBAC1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClBqB,aACEmB,EAAIF,KAEKjB,EAAY,CACf7B,SAAUiD,YAEZpB,EAENE,MAAOA,EACPnC,QAASA,GAdJmC,OAoBf,EACFjC,MAAO,SAAPA,IAEE,GAAI8C,GAAYD,EAAiB3C,UAAY2C,EAAiB3C,SAASwB,OAAS,EAAG,CACjF,OACEvB,EAACS,EAAiB,CAAAV,SACf2C,EAAiB3C,SAASoC,KAAI,SAACX,GAC9B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,YAFbiB,EAAUT,SANC2B,EAAiB3B,IAc7C,CACA,OAAO,IACT,IAGN,MAEakC,EAAe,SAAfA,EAAgB/D,GAC3B,IAAAgE,EAAoCC,IAA7BtB,EAAUqB,EAAA,GAAEE,EAAaF,EAAA,GAEhCG,EAASC,iBAAgB,WACvBF,EAAclE,EAAM2C,WACtB,GAAG,CAAC3C,EAAM2C,aAEV,IAAM0B,EAA8BC,EAAMC,gBAAe,SAAC3C,EAA+B4C,EAAMC,GAC7F,GAAI7C,EAAM,CACRA,EAAK4C,GAAQC,EACbzE,EAAM0E,UAAQ,MAAd1E,EAAM0E,SAAQf,EAAA,CAAA,EAAQhB,GACxB,CACF,IAEA,IAAMgC,EAAwB,SAAxBA,EAAyBC,EAAuC/C,GACpE,IAAK,IAAIe,EAAQ,EAAGA,EAAQgC,EAAiBvC,OAAQO,IAAS,CAC5D,IAAMiC,EAAeD,EAAiBhC,GACtC,IAAK,IAAIkC,EAAa,EAAGA,EAAaD,EAAa9C,aAAaM,OAAQyC,IAAc,CAAA,IAAAC,EACpF,IAAMC,EAAUH,EAAa9C,aAAa+C,GAC1C,KAAIC,EAAAC,EAAQ5C,aAAR2C,UAAAA,EAAAA,EAAoBlD,OAAQA,EAAK,CACnC,MAAO,CACLgD,aAAAA,EACAjC,MAAOkC,EACPE,QAASA,EAEb,MAAO,GAAIA,EAAQnE,SAAU,CAC3B,IAAMoE,EAASN,EAAsBK,EAAQnE,SAAUgB,GACvD,GAAIoD,EAAQ,CACV,OAAOA,CACT,CACF,CACF,CACF,CACA,OAAO,MAGT,IAAMC,EAAQZ,EAAMC,gBAClB,SAAC3C,EAA+BuD,GAA2C,IAAAC,EACzE,IAAKzC,EAAY,OACjB,IAAMsC,EAASN,EAAsB,CAAChC,GAAaf,EAAKC,KACxD,IAAAuD,EAAIH,EAAOJ,eAAPO,MAAAA,EAAqBrD,aAAc,CAAA,IAAAsD,GACrCA,EAAAJ,EAAOJ,eAAPQ,MAAAA,EAAqBtD,aAAauD,OAAQL,EAAOrC,MAAmB,EAAG,EAAGuC,GAC1EnF,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAEF,IAAM4C,EAAcjB,EAAMC,gBACxB,SAAC3C,EAA+BuD,GAC9B,IAAKxC,EAAY,OACjB,IAAMsC,EAASN,EAAsB,CAAChC,GAAaf,EAAKC,KACxD,GAAIoD,EAAOD,QAAS,CAClBC,EAAOD,QAAQnE,UAAYoE,EAAOD,QAAQnE,UAAY,IAAI2E,OAAOL,GACjEnF,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAGF,IAAM8C,EAAWnB,EAAMC,gBAAe,SAAC1C,GACrC,IAAKc,EAAY,OACjBhB,EAAWgB,EAAYd,GACvB,GAAIc,EAAW,WAAY,CACzB3C,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAWZ,UACnB,KAAO,CACLvB,EAAkBI,GAClB3C,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAEA,IAAKA,EAAY,OAAO7B,EAAC4E,EAAK,CAACC,YAAY,SAE3C,OACE7E,EAAA,MAAA,CAAKP,UAAWC,EAAW,gBAAiBR,EAAMO,WAAWM,SAC3DC,EAACoC,EAAgB,CACfP,WAAYA,EACZQ,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClB0B,mBAAoB,SAApBA,EAAqBnB,EAAMoB,GACzB,OAAOhD,EAAMa,SACXe,EACA,CACEgE,IAAKV,EACLK,YAAaA,EACbM,OAAQJ,EACRf,SAAUL,EAA4B/C,KAAK,KAAMM,IAEnDoB,EAEJ,KAIR"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/relation-tree/compts/relation.tsx","@flatbiz/antd/src/relation-tree/compts/relation-group-list.tsx","@flatbiz/antd/src/relation-tree/compts/relation-item.tsx","@flatbiz/antd/src/relation-tree/utils.ts","@flatbiz/antd/src/relation-tree/relation-tree.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { Tag } from 'antd';\nimport { CSSProperties } from 'react';\nimport { RelationProps } from '../type';\n\nexport const Relation = (props: RelationProps) => {\n  const style = {\n    '--relation-tagline-width': `${props.tagLineWidth || 40}px`,\n    '--relation-group-indent-width': `${props.indentWidth || 80}px`,\n    '--relation-tag-width': `${props.tagWidth || 26}px`,\n    '--relation-line-color': `${props.lineColor || '#fda148'}`,\n  } as CSSProperties;\n\n  const className = classNames(\n    'relation-list',\n    { 'relation-list-only-one': props.onlyOne, 'relation-list-only-no-main-one': props.onlyOne },\n    props.className,\n  );\n  const { solt1, solt2 } = props;\n\n  return (\n    <div className={className} style={style}>\n      {solt1 ? (\n        <div className=\"relation-list-solt1\">\n          <div className=\"relation-list-line\"></div>\n          <div className=\"relation-list-label\">{props.label}</div>\n\n          {props.tagName ? (\n            <Tag\n              className=\"relation-item-tag\"\n              color={props.tagColor || '#fecd96'}\n              onClick={props.onTagClick?.bind(null, props.tagName)}\n            >\n              {props.tagName}\n            </Tag>\n          ) : null}\n          {solt1()}\n        </div>\n      ) : null}\n      {solt2 ? <div className=\"relation-list-solt2\">{solt2()}</div> : null}\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { ReactElement } from 'react';\n\nexport type RelationGroupListProps = {\n  children: ReactElement | ReactElement[] | null;\n  className?: string;\n};\n\nexport const RelationGroupList = (props: RelationGroupListProps) => {\n  return <div className={classNames('relation-group-list', props.className)}>{props.children}</div>;\n};\n","import { classNames } from '@dimjs/utils';\nimport { CSSProperties, ReactElement } from 'react';\n\nexport type RelationItemProps = {\n  children: ReactElement | null | Array<ReactElement | null>;\n  className?: string;\n  style?: CSSProperties;\n  isFirst?: boolean;\n  isLast?: boolean;\n  onlyOne?: boolean;\n};\n\nexport const RelationItem = (props: RelationItemProps) => {\n  const className = classNames('relation-item', {\n    'relation-item-line': true,\n    'relation-item-first': props.isFirst,\n    'relation-item-last': props.isLast,\n    'relation-item-only-one': props.onlyOne,\n  });\n\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n","import { TRelationTreeData } from './type';\n\nexport const deleteLoop = (data: TRelationTreeData, uid: string) => {\n  if (data.uid === uid) {\n    data['_delete'] = true;\n  }\n  data?.relationList?.forEach((item) => {\n    if (item.uid === uid || item.customData?.uid === uid) {\n      item['_delete'] = true;\n      if (data.relationList.length === 1) {\n        data['_delete'] = true;\n      }\n    }\n\n    item.children?.forEach((innerItem) => {\n      deleteLoop(innerItem, uid);\n    });\n  });\n};\n\nexport const filterSurplusData = (data: TRelationTreeData) => {\n  data.relationList = data.relationList || [];\n  data.relationList = data.relationList.filter((item) => !item['_delete']);\n\n  data.relationList.forEach((item) => {\n    item.children = item.children || [];\n    item.children = item.children.filter((item) => !item['_delete']);\n\n    item.children.forEach((innerItem) => {\n      filterSurplusData(innerItem);\n    });\n  });\n\n  data.relationList = data.relationList.filter((item) => {\n    if (!item.customData && !item.children) {\n      return false;\n    }\n    if (!item.customData && (!item.children || item.children.length === 0)) {\n      return false;\n    }\n    return true;\n  });\n};\n","import { classNames } from '@dimjs/utils';\nimport { TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form } from 'antd';\nimport { Fragment, ReactElement, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { Relation } from './compts/relation';\nimport { RelationGroupList } from './compts/relation-group-list';\nimport { RelationItem } from './compts/relation-item';\nimport './style.less';\n\nimport {\n  RelationTreeProps,\n  TRelationTreeCustomData,\n  TRelationTreeData,\n  TRelationTreeRelationItem,\n} from './type';\nimport { deleteLoop, filterSurplusData } from './utils';\n\ntype TRelationTreeLoop = {\n  dataSource: TRelationTreeData;\n  relationItemRender: (data: TRelationTreeCustomData, extraData?: TPlainObject) => ReactElement;\n  className?: string;\n  relationProps?: RelationTreeProps['relationProps'];\n  onTagClick?: RelationTreeProps['onTagClick'];\n};\n\ntype RelationItemRenderProps = TRelationTreeLoop & {\n  relationItem: TRelationTreeRelationItem;\n  index: number;\n  onlyOne?: boolean;\n};\n\nconst RelationItemRender = (props: RelationItemRenderProps) => {\n  const relationItem = props.relationItem;\n  const dataSource = props.dataSource;\n  const index = props.index;\n\n  if (relationItem.customData && relationItem.children && relationItem.children.length > 0) {\n    return (\n      <Fragment key={relationItem.uid}>\n        <RelationItem\n          isFirst={index === 0}\n          isLast={index === dataSource.relationList.length - 1}\n          onlyOne={props.onlyOne}\n        >\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </RelationItem>\n        <RelationGroupList>\n          {relationItem.children?.map((innerItem) => {\n            return (\n              <RelationTreeLoop\n                dataSource={innerItem}\n                relationItemRender={props.relationItemRender}\n                key={innerItem.uid}\n                relationProps={props.relationProps}\n                onTagClick={props.onTagClick}\n                className={props.className}\n              />\n            );\n          })}\n        </RelationGroupList>\n      </Fragment>\n    );\n  }\n  if (relationItem.children && relationItem.children.length > 0) {\n    return (\n      <div\n        className={classNames('form-list-no-main-group', { 'form-list-no-main-group': index === 0 })}\n        key={relationItem.uid}\n      >\n        {relationItem.children?.map((innerItem) => {\n          return (\n            <RelationTreeLoop\n              dataSource={innerItem}\n              relationItemRender={props.relationItemRender}\n              key={innerItem.uid}\n              className={classNames('form-list-no-main', {\n                'form-list-no-main-first': index === 0,\n                'form-list-no-main-last': index === dataSource.relationList.length - 1,\n              })}\n              relationProps={props.relationProps}\n              onTagClick={props.onTagClick}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n  if (relationItem.customData) {\n    return (\n      <RelationItem\n        key={relationItem.uid}\n        isFirst={index === 0}\n        isLast={index === dataSource.relationList.length - 1}\n        onlyOne={props.onlyOne}\n      >\n        <Form component={false}>\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </Form>\n      </RelationItem>\n    );\n  }\n  return null;\n};\n\nconst RelationTreeLoop = (props: TRelationTreeLoop) => {\n  const dataSource = props.dataSource;\n  const relationList = dataSource.relationList || [];\n\n  const lastRelationItem = relationList[relationList.length - 1];\n  const hasSolt2 =\n    relationList.length > 0 &&\n    lastRelationItem.customData &&\n    lastRelationItem.children &&\n    lastRelationItem.children.length > 0;\n  const onlyOne = relationList.length == 1;\n  // const onlyNoMainOne =\n  //   onlyOne && !relationList[0].customData && toArray(relationList[0].children).length === 1;\n  return (\n    <Relation\n      {...props.relationProps}\n      tagName={dataSource.tagName}\n      key={dataSource.uid}\n      onlyOne={onlyOne}\n      label={dataSource.label}\n      className={props.className}\n      onTagClick={() => {\n        props.onTagClick?.(dataSource.uid, dataSource.extraData);\n      }}\n      solt1={() => {\n        return (\n          <Fragment>\n            {relationList.map((relationItem, index) => {\n              const flat = hasSolt2 && index === relationList.length - 1;\n              return (\n                <RelationItemRender\n                  key={index}\n                  dataSource={props.dataSource}\n                  relationItemRender={props.relationItemRender}\n                  relationProps={props.relationProps}\n                  onTagClick={props.onTagClick}\n                  relationItem={\n                    flat\n                      ? {\n                          ...relationItem,\n                          children: undefined,\n                        }\n                      : relationItem\n                  }\n                  index={index}\n                  onlyOne={onlyOne}\n                />\n              );\n            })}\n          </Fragment>\n        );\n      }}\n      solt2={() => {\n        // 渲染最后一个relation item的children list数据\n        if (hasSolt2 && lastRelationItem.children && lastRelationItem.children.length > 0) {\n          return (\n            <RelationGroupList key={lastRelationItem.uid}>\n              {lastRelationItem.children.map((innerItem) => {\n                return (\n                  <RelationTreeLoop\n                    dataSource={innerItem}\n                    relationItemRender={props.relationItemRender}\n                    key={innerItem.uid}\n                    relationProps={props.relationProps}\n                    onTagClick={props.onTagClick}\n                  />\n                );\n              })}\n            </RelationGroupList>\n          );\n        }\n        return null;\n      }}\n    ></Relation>\n  );\n};\n\nexport const RelationTree = (props: RelationTreeProps) => {\n  const [dataSource, setDataSource] = useState<TRelationTreeData>();\n\n  fbaHooks.useEffectCustom(() => {\n    setDataSource(props.dataSource);\n  }, [props.dataSource]);\n\n  const onRelationItemContentChange = hooks.useCallbackRef((data: TRelationTreeCustomData, name, value) => {\n    if (data) {\n      data[name] = value;\n      props.onChange?.({ ...dataSource } as TRelationTreeData);\n    }\n  });\n\n  const getTargetRelationList = (relationTreeList: TRelationTreeData[], uid: string) => {\n    for (let index = 0; index < relationTreeList.length; index++) {\n      const relationTree = relationTreeList[index];\n      for (let innerIndex = 0; innerIndex < relationTree.relationList.length; innerIndex++) {\n        const element = relationTree.relationList[innerIndex];\n        if (element.customData?.uid === uid) {\n          return {\n            relationTree,\n            index: innerIndex,\n            element: element,\n          };\n        } else if (element.children) {\n          const result = getTargetRelationList(element.children, uid);\n          if (result) {\n            return result;\n          }\n        }\n      }\n    }\n    return null;\n  };\n\n  const onAdd = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeRelationItem) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.relationTree?.relationList) {\n        result.relationTree?.relationList.splice((result.index as number) + 1, 0, initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n  const addChildren = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeData) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.element) {\n        result.element.children = (result.element.children || []).concat(initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n\n  const onRemove = hooks.useCallbackRef((uid: string) => {\n    if (!dataSource) return;\n    deleteLoop(dataSource, uid);\n    if (dataSource['_delete']) {\n      props.onChange?.(undefined);\n    } else {\n      filterSurplusData(dataSource);\n      props.onChange?.(dataSource);\n    }\n  });\n\n  if (!dataSource) return <Empty description=\"暂无数据\"></Empty>;\n\n  return (\n    <div className={classNames('relation-tree', props.className)}>\n      <RelationTreeLoop\n        dataSource={dataSource}\n        relationProps={props.relationProps}\n        onTagClick={props.onTagClick}\n        relationItemRender={(data, extraData) => {\n          return props.children(\n            data,\n            {\n              add: onAdd,\n              addChildren: addChildren,\n              remove: onRemove,\n              onChange: onRelationItemContentChange.bind(null, data),\n            },\n            extraData,\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["Relation","props","_props$onTagClick","style","tagLineWidth","indentWidth","tagWidth","lineColor","className","_classNames","onlyOne","solt1","solt2","_jsxs","children","_jsx","label","tagName","Tag","color","tagColor","onClick","onTagClick","bind","RelationGroupList","RelationItem","isFirst","isLast","deleteLoop","data","uid","_data$relationList","relationList","forEach","item","_item$customData","_item$children","customData","length","innerItem","filterSurplusData","filter","RelationItemRender","relationItem","dataSource","index","_relationItem$childre","Fragment","relationItemRender","extraData","map","_RelationTreeLoop","relationProps","_relationItem$childre2","Form","component","RelationTreeLoop","lastRelationItem","hasSolt2","_createElement","_extends","key","flat","undefined","RelationTree","_useState","useState","setDataSource","fbaHooks","useEffectCustom","onRelationItemContentChange","_hooks","useCallbackRef","name","value","onChange","getTargetRelationList","relationTreeList","relationTree","innerIndex","_element$customData","element","result","onAdd","initialData","_result$relationTree","_result$relationTree2","splice","addChildren","concat","onRemove","Empty","description","add","remove"],"mappings":";4fAKO,IAAMA,EAAW,SAAXA,EAAYC,GAAyB,IAAAC,EAChD,IAAMC,EAAQ,CACZ,4BAA+BF,EAAMG,cAAgB,IAAM,KAC3D,iCAAoCH,EAAMI,aAAe,IAAM,KAC/D,wBAA2BJ,EAAMK,UAAY,IAAM,KACnD,wBAA4BL,IAAAA,EAAMM,WAAa,YAGjD,IAAMC,EAAYC,EAChB,gBACA,CAAE,yBAA0BR,EAAMS,QAAS,iCAAkCT,EAAMS,SACnFT,EAAMO,WAER,IAAQG,EAAiBV,EAAjBU,MAAOC,EAAUX,EAAVW,MAEf,OACEC,EAAA,MAAA,CAAKL,UAAWA,EAAWL,MAAOA,EAAMW,SAAA,CACrCH,EACCE,EAAA,MAAA,CAAKL,UAAU,sBAAqBM,UAClCC,EAAA,MAAA,CAAKP,UAAU,uBACfO,EAAA,MAAA,CAAKP,UAAU,sBAAqBM,SAAEb,EAAMe,QAE3Cf,EAAMgB,QACLF,EAACG,EAAG,CACFV,UAAU,oBACVW,MAAOlB,EAAMmB,UAAY,UACzBC,SAAOnB,EAAED,EAAMqB,aAANpB,UAAAA,EAAAA,EAAkBqB,KAAK,KAAMtB,EAAMgB,SAASH,SAEpDb,EAAMgB,UAEP,KACHN,OAED,KACHC,EAAQG,EAAA,MAAA,CAAKP,UAAU,sBAAqBM,SAAEF,MAAiB,OAGtE,EClCO,IAAMY,EAAoB,SAApBA,EAAqBvB,GAChC,OAAOc,EAAA,MAAA,CAAKP,UAAWC,EAAW,sBAAuBR,EAAMO,WAAWM,SAAEb,EAAMa,UACpF,ECEO,IAAMW,EAAe,SAAfA,EAAgBxB,GAC3B,IAAMO,EAAYC,EAAW,gBAAiB,CAC5C,qBAAsB,KACtB,sBAAuBR,EAAMyB,QAC7B,qBAAsBzB,EAAM0B,OAC5B,yBAA0B1B,EAAMS,UAGlC,OACEK,EAAA,MAAA,CAAKP,UAAWA,EAAWL,MAAOF,EAAME,MAAMW,SAC3Cb,EAAMa,UAGb,ECvBO,IAAMc,EAAa,SAAbA,EAAcC,EAAyBC,GAAgB,IAAAC,EAClE,GAAIF,EAAKC,MAAQA,EAAK,CACpBD,EAAK,WAAa,IACpB,CACAA,GAAIE,OAAAA,EAAJF,EAAMG,eAAND,MAAAA,EAAoBE,SAAQ,SAACC,GAAS,IAAAC,EAAAC,EACpC,GAAIF,EAAKJ,MAAQA,KAAOK,EAAAD,EAAKG,aAALF,UAAAA,EAAAA,EAAiBL,OAAQA,EAAK,CACpDI,EAAK,WAAa,KAClB,GAAIL,EAAKG,aAAaM,SAAW,EAAG,CAClCT,EAAK,WAAa,IACpB,CACF,EAEAO,EAAAF,EAAKpB,WAAQ,MAAbsB,EAAeH,SAAQ,SAACM,GACtBX,EAAWW,EAAWT,EACxB,GACF,GACF,EAEO,IAAMU,EAAoB,SAApBA,EAAqBX,GAChCA,EAAKG,aAAeH,EAAKG,cAAgB,GACzCH,EAAKG,aAAeH,EAAKG,aAAaS,QAAO,SAACP,GAAI,OAAMA,EAAK,cAE7DL,EAAKG,aAAaC,SAAQ,SAACC,GACzBA,EAAKpB,SAAWoB,EAAKpB,UAAY,GACjCoB,EAAKpB,SAAWoB,EAAKpB,SAAS2B,QAAO,SAACP,GAAI,OAAMA,EAAK,cAErDA,EAAKpB,SAASmB,SAAQ,SAACM,GACrBC,EAAkBD,EACpB,GACF,IAEAV,EAAKG,aAAeH,EAAKG,aAAaS,QAAO,SAACP,GAC5C,IAAKA,EAAKG,aAAeH,EAAKpB,SAAU,CACtC,OAAO,KACT,CACA,IAAKoB,EAAKG,cAAgBH,EAAKpB,UAAYoB,EAAKpB,SAASwB,SAAW,GAAI,CACtE,OAAO,KACT,CACA,OAAO,IACT,GACF,ECTA,IAAMI,EAAqB,SAArBA,EAAsBzC,GAC1B,IAAM0C,EAAe1C,EAAM0C,aAC3B,IAAMC,EAAa3C,EAAM2C,WACzB,IAAMC,EAAQ5C,EAAM4C,MAEpB,GAAIF,EAAaN,YAAcM,EAAa7B,UAAY6B,EAAa7B,SAASwB,OAAS,EAAG,CAAA,IAAAQ,EACxF,OACEjC,EAACkC,EAAQ,CAAAjC,SAAA,CACPC,EAACU,EAAY,CACXC,QAASmB,IAAU,EACnBlB,OAAQkB,IAAUD,EAAWZ,aAAaM,OAAS,EACnD5B,QAAST,EAAMS,QAAQI,SAEtBb,EAAM+C,mBAAmBL,EAAaN,WAAYM,EAAaM,aAElElC,EAACS,EAAiB,CAAAV,UAAAgC,EACfH,EAAa7B,WAAbgC,UAAAA,EAAAA,EAAuBI,KAAI,SAACX,GAC3B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClBd,UAAWP,EAAMO,WAHZ+B,EAAUT,YAdVa,EAAab,IAwBhC,CACA,GAAIa,EAAa7B,UAAY6B,EAAa7B,SAASwB,OAAS,EAAG,CAAA,IAAAe,EAC7D,OACEtC,EAAA,MAAA,CACEP,UAAWC,EAAW,0BAA2B,CAAE,0BAA2BoC,IAAU,IAAK/B,UAAAuC,EAG5FV,EAAa7B,WAAbuC,UAAAA,EAAAA,EAAuBH,KAAI,SAACX,GAC3B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BxC,UAAWC,EAAW,oBAAqB,CACzC,0BAA2BoC,IAAU,EACrC,yBAA0BA,IAAUD,EAAWZ,aAAaM,OAAS,IAEvEc,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,YANbiB,EAAUT,SAPhBa,EAAab,IAmBxB,CACA,GAAIa,EAAaN,WAAY,CAC3B,OACEtB,EAACU,EAAY,CAEXC,QAASmB,IAAU,EACnBlB,OAAQkB,IAAUD,EAAWZ,aAAaM,OAAS,EACnD5B,QAAST,EAAMS,QAAQI,SAEvBC,EAACuC,EAAI,CAACC,UAAW,MAAMzC,SACpBb,EAAM+C,mBAAmBL,EAAaN,WAAYM,EAAaM,cAN7DN,EAAab,IAUxB,CACA,OAAO,IACT,EAEA,IAAM0B,EAAmB,SAAnBA,EAAoBvD,GACxB,IAAM2C,EAAa3C,EAAM2C,WACzB,IAAMZ,EAAeY,EAAWZ,cAAgB,GAEhD,IAAMyB,EAAmBzB,EAAaA,EAAaM,OAAS,GAC5D,IAAMoB,EACJ1B,EAAaM,OAAS,GACtBmB,EAAiBpB,YACjBoB,EAAiB3C,UACjB2C,EAAiB3C,SAASwB,OAAS,EACrC,IAAM5B,EAAUsB,EAAaM,QAAU,EAGvC,OACEqB,EAAC3D,EAAQ4D,EACH3D,CAAAA,EAAAA,EAAMmD,cAAa,CACvBnC,QAAS2B,EAAW3B,QACpB4C,IAAKjB,EAAWd,IAChBpB,QAASA,EACTM,MAAO4B,EAAW5B,MAClBR,UAAWP,EAAMO,UACjBc,WAAY,SAAZA,IACErB,EAAMqB,YAANrB,MAAAA,EAAMqB,WAAasB,EAAWd,IAAKc,EAAWK,UAC9C,EACFtC,MAAO,SAAPA,IACE,OACEI,EAACgC,EAAQ,CAAAjC,SACNkB,EAAakB,KAAI,SAACP,EAAcE,GAC/B,IAAMiB,EAAOJ,GAAYb,IAAUb,EAAaM,OAAS,EACzD,OACEvB,EAAC2B,EAAkB,CAEjBE,WAAY3C,EAAM2C,WAClBI,mBAAoB/C,EAAM+C,mBAC1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClBqB,aACEmB,EAAIF,KAEKjB,EAAY,CACf7B,SAAUiD,YAEZpB,EAENE,MAAOA,EACPnC,QAASA,GAdJmC,OAoBf,EACFjC,MAAO,SAAPA,IAEE,GAAI8C,GAAYD,EAAiB3C,UAAY2C,EAAiB3C,SAASwB,OAAS,EAAG,CACjF,OACEvB,EAACS,EAAiB,CAAAV,SACf2C,EAAiB3C,SAASoC,KAAI,SAACX,GAC9B,OACExB,EAACoC,EAAgB,CACfP,WAAYL,EACZS,mBAAoB/C,EAAM+C,mBAE1BI,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,YAFbiB,EAAUT,SANC2B,EAAiB3B,IAc7C,CACA,OAAO,IACT,IAGN,MAEakC,EAAe,SAAfA,EAAgB/D,GAC3B,IAAAgE,EAAoCC,IAA7BtB,EAAUqB,EAAA,GAAEE,EAAaF,EAAA,GAEhCG,EAASC,iBAAgB,WACvBF,EAAclE,EAAM2C,WACtB,GAAG,CAAC3C,EAAM2C,aAEV,IAAM0B,EAA8BC,EAAMC,gBAAe,SAAC3C,EAA+B4C,EAAMC,GAC7F,GAAI7C,EAAM,CACRA,EAAK4C,GAAQC,EACbzE,EAAM0E,UAAQ,MAAd1E,EAAM0E,SAAQf,EAAA,CAAA,EAAQhB,GACxB,CACF,IAEA,IAAMgC,EAAwB,SAAxBA,EAAyBC,EAAuC/C,GACpE,IAAK,IAAIe,EAAQ,EAAGA,EAAQgC,EAAiBvC,OAAQO,IAAS,CAC5D,IAAMiC,EAAeD,EAAiBhC,GACtC,IAAK,IAAIkC,EAAa,EAAGA,EAAaD,EAAa9C,aAAaM,OAAQyC,IAAc,CAAA,IAAAC,EACpF,IAAMC,EAAUH,EAAa9C,aAAa+C,GAC1C,KAAIC,EAAAC,EAAQ5C,aAAR2C,UAAAA,EAAAA,EAAoBlD,OAAQA,EAAK,CACnC,MAAO,CACLgD,aAAAA,EACAjC,MAAOkC,EACPE,QAASA,EAEb,MAAO,GAAIA,EAAQnE,SAAU,CAC3B,IAAMoE,EAASN,EAAsBK,EAAQnE,SAAUgB,GACvD,GAAIoD,EAAQ,CACV,OAAOA,CACT,CACF,CACF,CACF,CACA,OAAO,MAGT,IAAMC,EAAQZ,EAAMC,gBAClB,SAAC3C,EAA+BuD,GAA2C,IAAAC,EACzE,IAAKzC,EAAY,OACjB,IAAMsC,EAASN,EAAsB,CAAChC,GAAaf,EAAKC,KACxD,IAAAuD,EAAIH,EAAOJ,eAAPO,MAAAA,EAAqBrD,aAAc,CAAA,IAAAsD,GACrCA,EAAAJ,EAAOJ,eAAPQ,MAAAA,EAAqBtD,aAAauD,OAAQL,EAAOrC,MAAmB,EAAG,EAAGuC,GAC1EnF,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAEF,IAAM4C,EAAcjB,EAAMC,gBACxB,SAAC3C,EAA+BuD,GAC9B,IAAKxC,EAAY,OACjB,IAAMsC,EAASN,EAAsB,CAAChC,GAAaf,EAAKC,KACxD,GAAIoD,EAAOD,QAAS,CAClBC,EAAOD,QAAQnE,UAAYoE,EAAOD,QAAQnE,UAAY,IAAI2E,OAAOL,GACjEnF,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAGF,IAAM8C,EAAWnB,EAAMC,gBAAe,SAAC1C,GACrC,IAAKc,EAAY,OACjBhB,EAAWgB,EAAYd,GACvB,GAAIc,EAAW,WAAY,CACzB3C,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAWZ,UACnB,KAAO,CACLvB,EAAkBI,GAClB3C,EAAM0E,UAAN1E,MAAAA,EAAM0E,SAAW/B,EACnB,CACF,IAEA,IAAKA,EAAY,OAAO7B,EAAC4E,EAAK,CAACC,YAAY,SAE3C,OACE7E,EAAA,MAAA,CAAKP,UAAWC,EAAW,gBAAiBR,EAAMO,WAAWM,SAC3DC,EAACoC,EAAgB,CACfP,WAAYA,EACZQ,cAAenD,EAAMmD,cACrB9B,WAAYrB,EAAMqB,WAClB0B,mBAAoB,SAApBA,EAAqBnB,EAAMoB,GACzB,OAAOhD,EAAMa,SACXe,EACA,CACEgE,IAAKV,EACLK,YAAaA,EACbM,OAAQJ,EACRf,SAAUL,EAA4B/C,KAAK,KAAMM,IAEnDoB,EAEJ,KAIR"}

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 */
-import{a as e,_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{getStrByteLen as i}from"@flatbiz/utils";import{Editor as o}from"@tinymce/tinymce-react";import{useKeyPress as a}from"ahooks";import{Image as l,message as s}from"antd";import{Fragment as c,useRef as u,useState as m}from"react";import f from"@ant-design/icons/es/icons/PlusCircleOutlined";import{dynamicNode as p}from"../dynamic-node/index.js";import{fbaHooks as d}from"../fba-hooks/index.js";import{jsx as v,Fragment as g,jsxs as h}from"react/jsx-runtime";import"react-dom/client";import"../dom-4d04aa64.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var y=function e(n){var t=n.visible,r=n.url;d.useEffectCustom((function(){if(t){p.append({content:v(f,{onClick:n.close,className:"preview-image-popup-close",twoToneColor:"#1890ff"})})}else{p.remove()}}),[t]);if(!r)return v(g,{});return v(c,{children:v(l,{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 b=["onUploadImage","onChange","height","className"];var C=function l(c){var f,p,d,g;var C=c.onUploadImage,k=c.onChange,x=c.height,_=c.className,w=e(c,b);var j=u(null);var E=m(""),I=E[0],S=E[1];var F=((f=c.init)==null?void 0:f.img_ratio)||[{min:0,max:1e3,ratio:.5},{min:1e3,ratio:.3}];a((function(){return true}),(function(e){try{if(e.type==="keyup"&&e.key==="Escape"){var n;var t=(n=j.current)==null?void 0:n.editorContainer.classList.contains("tox-fullscreen");if(t){var r;(r=j.current)==null||r.editorCommands.execCommand("mceFullScreen")}}}catch(e){}}),{events:["keydown","keyup"]});var N=r.useCallbackRef((function(e,n){try{if(e.keyCode==27){var t;var r=(t=j.current)==null?void 0:t.editorContainer.classList.contains("tox-fullscreen");if(r){var i;(i=j.current)==null||i.editorCommands.execCommand("mceFullScreen")}}}catch(e){}c.onKeyDown==null||c.onKeyDown(e,n)}));var P=r.useCallbackRef((function(e,n){j.current=n;n.on("FullscreenStateChanged",(function(e){c.onFullScreenChange==null||c.onFullScreenChange(e.state)}));try{var t;(t=n.iframeElement)==null||(t=t.contentDocument)==null||t.addEventListener("click",(function(e){var n;if(c.imgPreview&&((n=e.target)==null?void 0:n["tagName"])==="IMG"){S(e.target["src"])}}),true)}catch(e){}w.onInit==null||w.onInit(e,n)}));var z=r.useCallbackRef((function(e,n){j.current=n;w.onEditorChange==null||w.onEditorChange(e,n);k==null||k(e)}));var R="https://file.40017.cn/tcsk/tinymce@6.4.1";var D=function e(n){if(F.length===0)return 1;for(var t=0;t<F.length;t++){var r=F[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 K=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");r.onload=function(){var n=D(r.width);e.execCommand("mceInsertContent",true,'<img src="'+r.src+'" width="'+r.width*n+'" height="'+r.height*n+'" />')}}}catch(e){}}));var L=r.useCallbackRef((function(e,n){var t;var r=(t=c.init)==null?void 0:t.paste_text_limit;if(r){var o=i(n.content);if(o>1024*r.limit){void s.error(r.message);n.content=""}}}));return h("div",{className:t("v-editor-wrapper",_),children:[v(o,n({tinymceScriptSrc:R+"/tinymce.min.js"},w,{onInit:P,onKeyDown:N,onEditorChange:z,init:n({promotion:false,language:"zh-Hans",height:x,paste_data_images:C?true:false,paste_postprocess:K,paste_preprocess:L,autosave_ask_before_unload:false,base_url:R,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(C==null?void 0:C(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 "+(((p=c.init)==null?void 0:p.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%} "+((g=c.init)==null?void 0:g.content_style),convert_urls:false})})),v(y,{visible:!!I,url:I,close:function e(){S("")}})]})};export{C as RichTextEditor};
+import{a as e,_ as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{getStrByteLen as i}from"@flatbiz/utils";import{Editor as o}from"@tinymce/tinymce-react";import{useKeyPress as a}from"ahooks";import{Image as l,message as s}from"antd";import{Fragment as c,useRef as u,useState as m}from"react";import d from"@ant-design/icons/es/icons/PlusCircleOutlined";import{dynamicNode as p}from"../dynamic-node/index.js";import{fbaHooks as f}from"../fba-hooks/index.js";import{jsx as v,Fragment as g,jsxs as h}from"react/jsx-runtime";import"react-dom/client";import"../dom-4d04aa64.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var y=function e(n){var t=n.visible,r=n.url;f.useEffectCustom((function(){if(t){p.append({content:v(d,{onClick:n.close,className:"preview-image-popup-close",twoToneColor:"#1890ff"})})}else{p.remove()}}),[t]);if(!r)return v(g,{});return v(c,{children:v(l,{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 b=["onUploadImage","onChange","height","className"];var C=function l(c){var d,p,f,g;var C=c.onUploadImage,k=c.onChange,x=c.height,_=c.className,w=e(c,b);var j=u(null);var E=m(""),I=E[0],S=E[1];var F=((d=c.init)==null?void 0:d.img_ratio)||[{min:0,max:1e3,ratio:.5},{min:1e3,ratio:.3}];a((function(){return true}),(function(e){try{if(e.type==="keyup"&&e.key==="Escape"){var n;var t=(n=j.current)==null?void 0:n.editorContainer.classList.contains("tox-fullscreen");if(t){var r;(r=j.current)==null||r.editorCommands.execCommand("mceFullScreen")}}}catch(e){}}),{events:["keydown","keyup"]});var N=r.useCallbackRef((function(e,n){try{if(e.keyCode==27){var t;var r=(t=j.current)==null?void 0:t.editorContainer.classList.contains("tox-fullscreen");if(r){var i;(i=j.current)==null||i.editorCommands.execCommand("mceFullScreen")}}}catch(e){}c.onKeyDown==null||c.onKeyDown(e,n)}));var P=r.useCallbackRef((function(e,n){j.current=n;n.on("FullscreenStateChanged",(function(e){c.onFullScreenChange==null||c.onFullScreenChange(e.state)}));try{var t;(t=n.iframeElement)==null||(t=t.contentDocument)==null||t.addEventListener("click",(function(e){var n;if(c.imgPreview&&((n=e.target)==null?void 0:n["tagName"])==="IMG"){S(e.target["src"])}}),true)}catch(e){}w.onInit==null||w.onInit(e,n)}));var z=r.useCallbackRef((function(e,n){j.current=n;w.onEditorChange==null||w.onEditorChange(e,n);k==null||k(e)}));var R="https://file.40017.cn/tcsk/tinymce@6.4.1";var D=function e(n){if(F.length===0)return 1;for(var t=0;t<F.length;t++){var r=F[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 K=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");r.onload=function(){var n=D(r.width);e.execCommand("mceInsertContent",true,'<img src="'+r.src+'" width="'+r.width*n+'" height="'+r.height*n+'" />')}}}catch(e){}}));var L=r.useCallbackRef((function(e,n){var t;var r=(t=c.init)==null?void 0:t.paste_text_limit;if(r){var o=i(n.content);if(o>1024*r.limit){void s.error(r.message);n.content=""}}}));return h("div",{className:t("v-editor-wrapper",_),children:[v(o,n({tinymceScriptSrc:R+"/tinymce.min.js"},w,{onInit:P,onKeyDown:N,onEditorChange:z,init:n({promotion:false,language:"zh-Hans",height:x,paste_data_images:C?true:false,paste_postprocess:K,paste_preprocess:L,autosave_ask_before_unload:false,base_url:R,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(C==null?void 0:C(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 "+(((p=c.init)==null?void 0:p.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 |"+(((f=c.init)==null?void 0:f.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%} "+((g=c.init)==null?void 0:g.content_style),convert_urls:false})})),v(y,{visible:!!I,url:I,close:function e(){S("")}})]})};export{C as RichTextEditor};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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 { getStrByteLen, type TAny } from '@flatbiz/utils';\nimport { Editor, type IAllProps } from '@tinymce/tinymce-react';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { message } from 'antd';\nimport { useRef, useState } from 'react';\nimport { type Editor as TinyMCEEditor } from 'tinymce';\nimport { Preview } from './preview';\nimport './style.less';\n\nexport interface RichTextEditorProps extends Omit<IAllProps, 'onChange' | 'init'> {\n  /** 设置高度，默认：500 */\n  height?: number;\n  onChange?: (data?: string) => void;\n  /** 上传图片服务 */\n  onUploadImage?: (file: File) => Promise<string>;\n  /** 图片点击预览 */\n  imgPreview?: boolean;\n  init?: IAllProps['init'] & {\n    /**\n     * 通过粘贴图片创建的img标签，显示压缩比例，此处min、max是和指图片宽度\n     * ```\n     * 1. 默认值：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]\n     * ```\n     */\n    img_ratio?: { min: number; max?: number; ratio: number }[];\n    /**\n     *  粘贴文本大小限制\n     * ```\n     * 1. limit 限制大小，单位KB，例如限制2M，值为2*1024\n     * 2. 限制提示文案\n     * ```\n     */\n    paste_text_limit?: {\n      limit: number;\n      message: string;\n    };\n    /** 插件添加；自定义plugins后失效 */\n    plugins_append?: string;\n    /** 工具栏添加；自定义toolbar后失效  */\n    toolbar_append?: string;\n  };\n  /** 点击全屏按钮回调 */\n  onFullScreenChange?: (state?: boolean) => void;\n  className?: string;\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, height, 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  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    editor.on('FullscreenStateChanged', (e) => {\n      props.onFullScreenChange?.(e.state);\n    });\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        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  });\n\n  const paste_preprocess = hooks.useCallbackRef((_plugin, args) => {\n    const paste_text_limit = props.init?.paste_text_limit;\n    if (paste_text_limit) {\n      const byteLen = getStrByteLen(args.content);\n      if (byteLen > 1024 * paste_text_limit.limit) {\n        void message.error(paste_text_limit.message);\n        args.content = '';\n      }\n    }\n  });\n\n  return (\n    <div className={classNames('v-editor-wrapper', className)}>\n      <Editor\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: height,\n          paste_data_images: onUploadImage ? true : false,\n          paste_postprocess,\n          paste_preprocess,\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: any) {\n              return Promise.reject(error?.message || '图片上传异常');\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          convert_urls: false,\n        }}\n      />\n      <Preview\n        visible={!!previewUrl}\n        url={previewUrl}\n        close={() => {\n          setPreviewUrl('');\n        }}\n      />\n    </div>\n  );\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$init3","_props$init4","_props$init5","onUploadImage","onChange","height","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","_","on","e","onFullScreenChange","state","_editor$iframeElement","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","onload","paste_preprocess","_plugin","_props$init2","paste_text_limit","byteLen","getStrByteLen","limit","message","_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","$boundEx","File","resolve","then","$await_6","plugins","plugins_append","toolbar","toolbar_append","font_size_formats","content_style","convert_urls"],"mappings":"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"}
+{"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 { getStrByteLen, type TAny } from '@flatbiz/utils';\nimport { Editor, type IAllProps } from '@tinymce/tinymce-react';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { message } from 'antd';\nimport { useRef, useState } from 'react';\nimport { type Editor as TinyMCEEditor } from 'tinymce';\nimport { Preview } from './preview';\nimport './style.less';\n\nexport interface RichTextEditorProps extends Omit<IAllProps, 'onChange' | 'init'> {\n  /** 设置高度，默认：500 */\n  height?: number;\n  onChange?: (data?: string) => void;\n  /** 上传图片服务 */\n  onUploadImage?: (file: File) => Promise<string>;\n  /** 图片点击预览 */\n  imgPreview?: boolean;\n  init?: IAllProps['init'] & {\n    /**\n     * 通过粘贴图片创建的img标签，显示压缩比例，此处min、max是和指图片宽度\n     * ```\n     * 1. 默认值：[{ min: 0, max: 1000, ratio: 0.5 }, { min: 1000, ratio: 0.3 }]\n     * ```\n     */\n    img_ratio?: { min: number; max?: number; ratio: number }[];\n    /**\n     *  粘贴文本大小限制\n     * ```\n     * 1. limit 限制大小，单位KB，例如限制2M，值为2*1024\n     * 2. 限制提示文案\n     * ```\n     */\n    paste_text_limit?: {\n      limit: number;\n      message: string;\n    };\n    /** 插件添加；自定义plugins后失效 */\n    plugins_append?: string;\n    /** 工具栏添加；自定义toolbar后失效  */\n    toolbar_append?: string;\n  };\n  /** 点击全屏按钮回调 */\n  onFullScreenChange?: (state?: boolean) => void;\n  className?: string;\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, height, 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  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    editor.on('FullscreenStateChanged', (e) => {\n      props.onFullScreenChange?.(e.state);\n    });\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        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  });\n\n  const paste_preprocess = hooks.useCallbackRef((_plugin, args) => {\n    const paste_text_limit = props.init?.paste_text_limit;\n    if (paste_text_limit) {\n      const byteLen = getStrByteLen(args.content);\n      if (byteLen > 1024 * paste_text_limit.limit) {\n        void message.error(paste_text_limit.message);\n        args.content = '';\n      }\n    }\n  });\n\n  return (\n    <div className={classNames('v-editor-wrapper', className)}>\n      <Editor\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: height,\n          paste_data_images: onUploadImage ? true : false,\n          paste_postprocess,\n          paste_preprocess,\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: any) {\n              return Promise.reject(error?.message || '图片上传异常');\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          convert_urls: false,\n        }}\n      />\n      <Preview\n        visible={!!previewUrl}\n        url={previewUrl}\n        close={() => {\n          setPreviewUrl('');\n        }}\n      />\n    </div>\n  );\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$init3","_props$init4","_props$init5","onUploadImage","onChange","height","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","_","on","e","onFullScreenChange","state","_editor$iframeElement","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","onload","paste_preprocess","_plugin","_props$init2","paste_text_limit","byteLen","getStrByteLen","limit","message","_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","$boundEx","File","resolve","then","$await_6","plugins","plugins_append","toolbar","toolbar_append","font_size_formats","content_style","convert_urls"],"mappings":"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"}

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

@@ -5,5 +5,5 @@ import './../rich-text-editor/index.css';
 import './../dynamic-node/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 n}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{IconWrapper as a}from"../icon-wrapper/index.js";import{RichTextEditor as l}from"../rich-text-editor/index.js";import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";import"@dimjs/lang/cjs/is-undefined";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"../dynamic-node/index.js";import"react-dom/client";import"../dom-4d04aa64.js";var u=function u(d){var p=t(false),f=p[0],v=p[1];var j=n();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&f){v(false)}}),{events:["keydown","keyup"]});var b=r.useCallbackRef((function(){v(!f)}));var y=r.useCallbackRef((function(e,i){j.current=i;d.onInit==null||d.onInit(i)}));s.useEffectCustom((function(){var e;(e=j.current)==null||e.editorCommands.execCommand("mceAutoResize")}),[d.value]);return m("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":f},d.className),style:d.style,children:[d.children,d.fullscreen&&d.value&&c("div",{className:"fba-editor-viewer-icon",children:c(a,{hoverTips:d.fullscreenIconTips,icon:c(e,{}),onClick:b})}),c(l,{value:d.value,onInit:y,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false,readonly:true}})]})};export{u 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 n}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{IconWrapper as a}from"../icon-wrapper/index.js";import{RichTextEditor as l}from"../rich-text-editor/index.js";import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";import"@dimjs/utils/cjs/uuid";import"@dimjs/lang/cjs/is-undefined";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"../dynamic-node/index.js";import"react-dom/client";import"../dom-4d04aa64.js";var u=function u(d){var p=t(false),f=p[0],v=p[1];var j=n();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&f){v(false)}}),{events:["keydown","keyup"]});var b=r.useCallbackRef((function(){v(!f)}));var y=r.useCallbackRef((function(e,i){j.current=i;d.onInit==null||d.onInit(i)}));s.useEffectCustom((function(){var e;(e=j.current)==null||e.editorCommands.execCommand("mceAutoResize")}),[d.value]);return m("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":f},d.className),style:d.style,children:[d.children,d.fullscreen&&d.value&&c("div",{className:"fba-editor-viewer-icon",children:c(a,{hoverTips:d.fullscreenIconTips,icon:c(e,{}),onClick:b})}),c(l,{value:d.value,onInit:y,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false,readonly:true}})]})};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 { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef, useState } from 'react';\nimport { Editor as TinyMCEEditor } from 'tinymce';\n\nimport { fbaHooks } from '../fba-hooks';\nimport { IconWrapper } from '../icon-wrapper';\nimport { RichTextEditor } from '../rich-text-editor';\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={props.value}\n        onInit={onInit}\n        imgPreview\n        disabled\n        init={{\n          plugins: 'autoresize',\n          menubar: false,\n          toolbar: '',\n          statusbar: false,\n          readonly: true,\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","readonly"],"mappings":";o0BAgCaA,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,MAAAA,EAAMe,OAASE,EACjB,IAEAE,EAASC,iBAAgB,WAAM,IAAAC,GAC7BA,EAAAhB,EAAUa,UAAO,MAAjBG,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,MACNC,QAASzB,MAIfmB,EAACO,EAAc,CACbd,MAAOxB,EAAMwB,MACbT,OAAQA,EACRwB,WAAU,KACVC,SAAQ,KACRC,KAAM,CACJC,QAAS,aACTC,QAAS,MACTC,QAAS,GACTC,UAAW,MACXC,SAAU,UAKpB"}
+{"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 } from '../fba-hooks';\nimport { IconWrapper } from '../icon-wrapper';\nimport { RichTextEditor } from '../rich-text-editor';\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={props.value}\n        onInit={onInit}\n        imgPreview\n        disabled\n        init={{\n          plugins: 'autoresize',\n          menubar: false,\n          toolbar: '',\n          statusbar: false,\n          readonly: true,\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","readonly"],"mappings":";k2BAgCaA,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,MAAAA,EAAMe,OAASE,EACjB,IAEAE,EAASC,iBAAgB,WAAM,IAAAC,GAC7BA,EAAAhB,EAAUa,UAAO,MAAjBG,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,MACNC,QAASzB,MAIfmB,EAACO,EAAc,CACbd,MAAOxB,EAAMwB,MACbT,OAAQA,EACRwB,WAAU,KACVC,SAAQ,KACRC,KAAM,CACJC,QAAS,aACTC,QAAS,MACTC,QAAS,GACTC,UAAW,MACXC,SAAU,UAKpB"}

package/esm/roll-location-center/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as t}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{jsx as l}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";var i=function i(a){var c=t(null);var n=a.behavior||"smooth";var s=a.direction||"vertical";var v=function r(e){var t,o;var l=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!l)return;var i=(o=c.current)==null?void 0:o.offsetHeight;var a=l.offsetTop;var s=l.offsetHeight;if(a<=s){var v;(v=c.current)==null||v.scrollTo({top:0,behavior:n})}else{var u=a-i/2+s/2;if(u>0){var f;(f=c.current)==null||f.scrollTo({top:u,behavior:n})}else{var m;(m=c.current)==null||m.scrollTo({top:0,behavior:n})}}};var u=function r(e){var t,o;var l=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!l)return;var i=(o=c.current)==null?void 0:o.offsetWidth;var a=l.offsetLeft;var s=l.offsetWidth;if(a<=s){var v;(v=c.current)==null||v.scrollTo({left:0,behavior:n})}else{var u=a-i/2+s/2;if(u>0){var f;(f=c.current)==null||f.scrollTo({left:u,behavior:n})}else{var m;(m=c.current)==null||m.scrollTo({left:0,behavior:n})}}};o.useEffectCustom((function(){if(a.activeKey){if(s==="vertical"){v(a.activeKey)}else{u(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(s==="vertical"){v(a.activeKey)}else{u(a.activeKey)}}}),c,{subtree:true,childList:true,characterData:true});return l("div",{className:r("roll-location-center","roll-location-center-"+s,a.className),style:a.style,ref:c,children:a.renderList.map((function(r){return l("div",{className:"roll-location-center-"+r.activeKey,children:r.render},r.activeKey)}))})};export{i as RollLocationCenter};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as t}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{jsx as i}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";import"@dimjs/utils/cjs/uuid";var l=function l(a){var c=t(null);var n=a.behavior||"smooth";var s=a.direction||"vertical";var v=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetHeight;var a=i.offsetTop;var s=i.offsetHeight;if(a<=s){var v;(v=c.current)==null||v.scrollTo({top:0,behavior:n})}else{var u=a-l/2+s/2;if(u>0){var f;(f=c.current)==null||f.scrollTo({top:u,behavior:n})}else{var m;(m=c.current)==null||m.scrollTo({top:0,behavior:n})}}};var u=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetWidth;var a=i.offsetLeft;var s=i.offsetWidth;if(a<=s){var v;(v=c.current)==null||v.scrollTo({left:0,behavior:n})}else{var u=a-l/2+s/2;if(u>0){var f;(f=c.current)==null||f.scrollTo({left:u,behavior:n})}else{var m;(m=c.current)==null||m.scrollTo({left:0,behavior:n})}}};o.useEffectCustom((function(){if(a.activeKey){if(s==="vertical"){v(a.activeKey)}else{u(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(s==="vertical"){v(a.activeKey)}else{u(a.activeKey)}}}),c,{subtree:true,childList:true,characterData:true});return i("div",{className:r("roll-location-center","roll-location-center-"+s,a.className),style:a.style,ref:c,children:a.renderList.map((function(r){return i("div",{className:"roll-location-center-"+r.activeKey,children:r.render},r.activeKey)}))})};export{l as RollLocationCenter};
 //# sourceMappingURL=index.js.map

package/esm/roll-location-center/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-center/center.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationCenterProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationCenter = (props: RollLocationCenterProps) => {\n  const rollLocationCenterRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeHeight = rollLocationCenterRef.current?.offsetHeight as number;\n    const targetNodeOffsetTop = targetNode.offsetTop;\n    const targetNodeHeight = targetNode.offsetHeight;\n    if (targetNodeOffsetTop <= targetNodeHeight) {\n      rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n    } else {\n      const rollHeight = targetNodeOffsetTop - parentNodeHeight / 2 + targetNodeHeight / 2;\n      if (rollHeight > 0) {\n        rollLocationCenterRef.current?.scrollTo({ top: rollHeight, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n      }\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeWidth = rollLocationCenterRef.current?.offsetWidth as number;\n    const targetNodeOffsetLeft = targetNode.offsetLeft;\n    const targetNodeWidth = targetNode.offsetWidth;\n    if (targetNodeOffsetLeft <= targetNodeWidth) {\n      rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n    } else {\n      const rollWidth = targetNodeOffsetLeft - parentNodeWidth / 2 + targetNodeWidth / 2;\n      if (rollWidth > 0) {\n        rollLocationCenterRef.current?.scrollTo({ left: rollWidth, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n      }\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationCenterRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-center', `roll-location-center-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationCenterRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-center-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationCenter","props","rollLocationCenterRef","useRef","behavior","direction","targetVerticalRoll","key","_rollLocationCenterRe","_rollLocationCenterRe2","targetNode","current","querySelector","parentNodeHeight","offsetHeight","targetNodeOffsetTop","offsetTop","targetNodeHeight","_rollLocationCenterRe3","scrollTo","top","rollHeight","_rollLocationCenterRe4","_rollLocationCenterRe5","targetHorizontalRoll","_rollLocationCenterRe6","_rollLocationCenterRe7","parentNodeWidth","offsetWidth","targetNodeOffsetLeft","offsetLeft","targetNodeWidth","_rollLocationCenterRe8","left","rollWidth","_rollLocationCenterRe9","_rollLocationCenterRe10","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":";maAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAMC,EAAwBC,EAAuB,MACrD,IAAMC,EAAWH,EAAMG,UAAY,SACnC,IAAMC,EAAYJ,EAAMI,WAAa,WAErC,IAAMC,EAAqB,SAArBA,EAAsBC,GAAgB,IAAAC,EAAAC,EAC1C,IAAMC,GAAUF,EAAGN,EAAsBS,UAAO,UAAA,EAA7BH,EAA+BI,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMG,GAAgBJ,EAAGP,EAAsBS,UAAO,UAAA,EAA7BF,EAA+BK,aACxD,IAAMC,EAAsBL,EAAWM,UACvC,IAAMC,EAAmBP,EAAWI,aACpC,GAAIC,GAAuBE,EAAkB,CAAA,IAAAC,GAC3CA,EAAAhB,EAAsBS,UAAtBO,MAAAA,EAA+BC,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,KAAO,CACL,IAAMiB,EAAaN,EAAsBF,EAAmB,EAAII,EAAmB,EACnF,GAAII,EAAa,EAAG,CAAA,IAAAC,GAClBA,EAAApB,EAAsBS,UAAtBW,MAAAA,EAA+BH,SAAS,CAAEC,IAAKC,EAAYjB,SAAAA,GAC7D,KAAO,CAAA,IAAAmB,GACLA,EAAArB,EAAsBS,UAAtBY,MAAAA,EAA+BJ,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,CACF,GAEF,IAAMoB,EAAuB,SAAvBA,EAAwBjB,GAAgB,IAAAkB,EAAAC,EAC5C,IAAMhB,GAAUe,EAAGvB,EAAsBS,UAAO,UAAA,EAA7Bc,EAA+Bb,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMiB,GAAeD,EAAGxB,EAAsBS,UAAO,UAAA,EAA7Be,EAA+BE,YACvD,IAAMC,EAAuBnB,EAAWoB,WACxC,IAAMC,EAAkBrB,EAAWkB,YACnC,GAAIC,GAAwBE,EAAiB,CAAA,IAAAC,GAC3CA,EAAA9B,EAAsBS,UAAtBqB,MAAAA,EAA+Bb,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,KAAO,CACL,IAAM8B,EAAYL,EAAuBF,EAAkB,EAAII,EAAkB,EACjF,GAAIG,EAAY,EAAG,CAAA,IAAAC,GACjBA,EAAAjC,EAAsBS,UAAtBwB,MAAAA,EAA+BhB,SAAS,CAAEc,KAAMC,EAAW9B,SAAAA,GAC7D,KAAO,CAAA,IAAAgC,GACLA,EAAAlC,EAAsBS,UAAtByB,MAAAA,EAA+BjB,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,CACF,GAGFiC,EAASC,iBAAgB,WACvB,GAAIrC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACF,GAAG,CAACtC,EAAMsC,YAEVC,GACE,WACE,GAAIvC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACD,GACDrC,EACA,CACEuC,QAAS,KACTC,UAAW,KACXC,cAAe,OAInB,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,uBAAsB,wBAA0BzC,EAAaJ,EAAM4C,WACzFE,MAAO9C,EAAM8C,MACbC,IAAK9C,EAAsB+C,SAE1BhD,EAAMiD,WAAWC,KAAI,SAACC,GACrB,OACER,EAAA,MAAA,CAAKC,UAAS,wBAA0BO,EAAKb,UAAYU,SACtDG,EAAKC,QADuDD,EAAKb,eAO9E"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-center/center.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationCenterProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationCenter = (props: RollLocationCenterProps) => {\n  const rollLocationCenterRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeHeight = rollLocationCenterRef.current?.offsetHeight as number;\n    const targetNodeOffsetTop = targetNode.offsetTop;\n    const targetNodeHeight = targetNode.offsetHeight;\n    if (targetNodeOffsetTop <= targetNodeHeight) {\n      rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n    } else {\n      const rollHeight = targetNodeOffsetTop - parentNodeHeight / 2 + targetNodeHeight / 2;\n      if (rollHeight > 0) {\n        rollLocationCenterRef.current?.scrollTo({ top: rollHeight, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n      }\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeWidth = rollLocationCenterRef.current?.offsetWidth as number;\n    const targetNodeOffsetLeft = targetNode.offsetLeft;\n    const targetNodeWidth = targetNode.offsetWidth;\n    if (targetNodeOffsetLeft <= targetNodeWidth) {\n      rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n    } else {\n      const rollWidth = targetNodeOffsetLeft - parentNodeWidth / 2 + targetNodeWidth / 2;\n      if (rollWidth > 0) {\n        rollLocationCenterRef.current?.scrollTo({ left: rollWidth, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n      }\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationCenterRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-center', `roll-location-center-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationCenterRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-center-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationCenter","props","rollLocationCenterRef","useRef","behavior","direction","targetVerticalRoll","key","_rollLocationCenterRe","_rollLocationCenterRe2","targetNode","current","querySelector","parentNodeHeight","offsetHeight","targetNodeOffsetTop","offsetTop","targetNodeHeight","_rollLocationCenterRe3","scrollTo","top","rollHeight","_rollLocationCenterRe4","_rollLocationCenterRe5","targetHorizontalRoll","_rollLocationCenterRe6","_rollLocationCenterRe7","parentNodeWidth","offsetWidth","targetNodeOffsetLeft","offsetLeft","targetNodeWidth","_rollLocationCenterRe8","left","rollWidth","_rollLocationCenterRe9","_rollLocationCenterRe10","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":";icAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAMC,EAAwBC,EAAuB,MACrD,IAAMC,EAAWH,EAAMG,UAAY,SACnC,IAAMC,EAAYJ,EAAMI,WAAa,WAErC,IAAMC,EAAqB,SAArBA,EAAsBC,GAAgB,IAAAC,EAAAC,EAC1C,IAAMC,GAAUF,EAAGN,EAAsBS,UAAO,UAAA,EAA7BH,EAA+BI,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMG,GAAgBJ,EAAGP,EAAsBS,UAAO,UAAA,EAA7BF,EAA+BK,aACxD,IAAMC,EAAsBL,EAAWM,UACvC,IAAMC,EAAmBP,EAAWI,aACpC,GAAIC,GAAuBE,EAAkB,CAAA,IAAAC,GAC3CA,EAAAhB,EAAsBS,UAAtBO,MAAAA,EAA+BC,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,KAAO,CACL,IAAMiB,EAAaN,EAAsBF,EAAmB,EAAII,EAAmB,EACnF,GAAII,EAAa,EAAG,CAAA,IAAAC,GAClBA,EAAApB,EAAsBS,UAAtBW,MAAAA,EAA+BH,SAAS,CAAEC,IAAKC,EAAYjB,SAAAA,GAC7D,KAAO,CAAA,IAAAmB,GACLA,EAAArB,EAAsBS,UAAtBY,MAAAA,EAA+BJ,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,CACF,GAEF,IAAMoB,EAAuB,SAAvBA,EAAwBjB,GAAgB,IAAAkB,EAAAC,EAC5C,IAAMhB,GAAUe,EAAGvB,EAAsBS,UAAO,UAAA,EAA7Bc,EAA+Bb,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMiB,GAAeD,EAAGxB,EAAsBS,UAAO,UAAA,EAA7Be,EAA+BE,YACvD,IAAMC,EAAuBnB,EAAWoB,WACxC,IAAMC,EAAkBrB,EAAWkB,YACnC,GAAIC,GAAwBE,EAAiB,CAAA,IAAAC,GAC3CA,EAAA9B,EAAsBS,UAAtBqB,MAAAA,EAA+Bb,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,KAAO,CACL,IAAM8B,EAAYL,EAAuBF,EAAkB,EAAII,EAAkB,EACjF,GAAIG,EAAY,EAAG,CAAA,IAAAC,GACjBA,EAAAjC,EAAsBS,UAAtBwB,MAAAA,EAA+BhB,SAAS,CAAEc,KAAMC,EAAW9B,SAAAA,GAC7D,KAAO,CAAA,IAAAgC,GACLA,EAAAlC,EAAsBS,UAAtByB,MAAAA,EAA+BjB,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,CACF,GAGFiC,EAASC,iBAAgB,WACvB,GAAIrC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACF,GAAG,CAACtC,EAAMsC,YAEVC,GACE,WACE,GAAIvC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACD,GACDrC,EACA,CACEuC,QAAS,KACTC,UAAW,KACXC,cAAe,OAInB,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,uBAAsB,wBAA0BzC,EAAaJ,EAAM4C,WACzFE,MAAO9C,EAAM8C,MACbC,IAAK9C,EAAsB+C,SAE1BhD,EAAMiD,WAAWC,KAAI,SAACC,GACrB,OACER,EAAA,MAAA,CAAKC,UAAS,wBAA0BO,EAAKb,UAAYU,SACtDG,EAAKC,QADuDD,EAAKb,eAO9E"}