@flatbiz/antd 4.5.30 → 4.5.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
.local-loading-error{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.local-loading-error .ant-result-icon{margin-bottom:10px!important}.local-loading-error .ant-result-icon .anticon{font-size:30px!important}.local-loading-error .ant-result-title{font-size:16px!important}.local-loading-error .ant-result-extra{margin-top:10px!important}.local-loading-error .ant-result-error{padding:24px 16px!important}.local-loading-area{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9}.fba-local-loading{overflow:hidden;position:relative}.local-loading-content{height:100%;overflow-y:auto}
|
|
1
|
+
.local-loading-error{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.local-loading-error .ant-result-icon{margin-bottom:10px!important}.local-loading-error .ant-result-icon .anticon{font-size:30px!important}.local-loading-error .ant-result-title{font-size:16px!important}.local-loading-error .ant-result-extra{margin-top:10px!important}.local-loading-error .ant-result-error{padding:24px 16px!important}.local-loading-area{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9}.fba-local-loading{overflow:hidden;position:relative}.local-loading-content{height:100%;overflow-y:auto}.local-loading-spin,.local-loading-spin-wrapper{align-items:center;background-color:var(--local-loading-spin-bgColor);border-radius:5px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}
|
|
@@ -3,5 +3,5 @@ import './../fba-utils/index.css';
|
|
|
3
3
|
import './../fba-hooks/index.css';
|
|
4
4
|
import './index.css';
|
|
5
5
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
6
|
-
import{fbaUtils as r}from"../fba-utils/index.js";import{createCtx as e}from"@wove/react/cjs/create-ctx";import{classNames as
|
|
6
|
+
import{fbaUtils as r}from"../fba-utils/index.js";import{createCtx as e}from"@wove/react/cjs/create-ctx";import{classNames as n}from"@dimjs/utils/cjs/class-names";import{isDeepEqual as a}from"@dimjs/lang/cjs/is-deep-equal";import{hooks as i}from"@wove/react/cjs/hooks";import{_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{getValueOrDefault as o,toArray as s,isUndefinedOrNull as l}from"@flatbiz/utils";import{Result as c,Button as u,Spin as m}from"antd";import{forwardRef as d,useState as f,useRef as p,useMemo as v,useImperativeHandle as g,Fragment as h}from"react";import{fbaHooks as y}from"../fba-hooks/index.js";import{jsx as b,jsxs as j}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"../use-responsive-point-21b8c601.js";var N=e(),C=N[0],P=N[1];var q=d((function(r,e){var d=r.serviceConfig,N=r.isAsync,C=r.children,q=r.errorRender,R=r.loadingSpinProps,w=r.textConfigs,x=r.showRequiredError;var k=f("init"),E=k[0],L=k[1];var T=f(),H=T[0],K=T[1];var z=r.loadingHeight===undefined?100:r.loadingHeight;var A=f(false),S=A[0],_=A[1];var B=p();var D=p(true);var F=y.usePrevious(d.params);var G=o(R==null?void 0:R.content,b("span",{}));var I=o(R==null?void 0:R.bgColor,"rgba(0,0,0,0.01)");var J=o(R==null?void 0:R.tip,"Loading");var M=w==null?void 0:w.requiredErrorText;var O=v((function(){var r;if(!d.params||s(d.invalidParamKey).length===0){return d.params}var e=t({},d.params);(r=d.invalidParamKey)==null?void 0:r.forEach((function(r){e[r]=undefined}));return e}),[d]);var Q=i.useCallbackRef((function(r){var e=d==null?void 0:d.requiredParamsKeys;if(e!=null&&e.length){var n=e.find((function(e){return l(r==null?void 0:r[e])}));if(n){return{complete:false,message:M||"LocalLoading渲染缺少必填参数："+e.join("、")}}}return{complete:true}}));var U=v((function(){return Q(d.params)}),[Q,d.params]);var V=function r(e){return new Promise((function(r,n){var a=function(r){return function(e){try{_(false);return r&&r.call(this,e)}catch(r){return n(r)}}.bind(this)}.bind(this);var i,o;var s=function(){try{return r()}catch(r){return n(r)}};var l=function(r){try{console.error(r);L("error");B.current=r.message;D.current=false;return a(s)()}catch(r){return a(n)(r)}};try{i=t({},O,e);_(true);return Promise.resolve(d.onRequest(i)).then((function(r){try{o=r;L("success");K(o);D.current=false;return a(s)()}catch(r){return l(r)}}),l)}catch(r){l(r)}}))};y.useEffectCustomAsync((function(){return new Promise((function(r,e){if(U.complete){return Promise.resolve(V()).then(function(r){try{return n.call(this)}catch(r){return e(r)}}.bind(this),e)}function n(){return r()}return n.call(this)}))}),[]);y.useEffectCustom((function(){if(U.complete){if(F){if(!a(d.params,F)){if(E==="error"){L("init")}void V()}}}}),[F,d.params]);g(e,(function(){return{onRefresh:V}}));if(!U.complete){if(D.current||!x){return b(h,{})}return b(P,{value:{onRequest:V},children:j("div",{className:n("local-loading-error",r.className),children:[b("div",{className:"local-loading-area"}),b(c,{status:"error",subTitle:U.message})]})})}if(E==="error"){if(q){return q({message:B.current})}return b(P,{value:{onRequest:V},children:j("div",{className:n("local-loading-error",r.className),children:[b("div",{className:"local-loading-area"}),b(c,{status:"error",subTitle:B.current||"数据处理异常",extra:[b(u,{type:"primary",ghost:true,size:"small",onClick:function r(){L("init");void V()},children:"重新获取"},"console")]})]})})}if(E!=="success"&&!N){return b("div",{className:n("fba-local-loading-process",r.className),style:{height:z,display:"flex",justifyContent:"center",position:"relative",backgroundColor:"var(--block-bg-color)"},children:b(m,{spinning:S,tip:J,wrapperClassName:"local-loading-spin-wrapper",className:"local-loading-spin",style:{"--local-loading-spin-bgColor":I},children:G})})}return b(P,{value:{onRequest:V},children:j("div",{className:n("fba-local-loading",r.className),style:r.style,children:[S?b(m,{spinning:S,tip:J,wrapperClassName:"local-loading-spin-wrapper",className:"local-loading-spin",style:{"--local-loading-spin-bgColor":I},children:G}):null,b("div",{className:"local-loading-content",style:r.contentStyle,children:C(H)})]})})}));var R=r.attachPropertiesToComponent(q,{useLocalLoading:function r(){var e=C();return{onRequest:function r(n){e.onRequest(n)}}}});export{R as LocalLoading};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/local-loading/context.ts","@flatbiz/antd/src/local-loading/local-loading.tsx","@flatbiz/antd/src/local-loading/index.ts"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\n\nexport const [useLocalLoadingCtx, LocalLoadingCtxProvider] = createCtx<{\n onRequest: (params?: TPlainObject) => void;\n}>();\n","import { isDeepEqual } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { Button, Result, Spin } from 'antd';\nimport {\n CSSProperties,\n forwardRef,\n ReactElement,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { LocalLoadingCtxProvider } from './context';\nimport './style.less';\n\nexport type LocalLoadingServiceConfig = {\n onRequest: (params?: TAny) => Promise<TAny>;\n params?: TPlainObject;\n /** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参 */\n invalidParamKey?: string[];\n};\n\nexport interface LocalLoadingProps {\n /** 接口数据配置 */\n serviceConfig: LocalLoadingServiceConfig;\n /** children 为函数，参数【respData】为接口返回数据 */\n children: (respData?: TAny) => ReactElement;\n /**\n * 是否异步，默认：false\n * ```\n * true（异步）：onRequest、react dom渲染同步执行\n * false（同步）：onRequest有结果了才渲染 react dom\n * ```\n */\n isAsync?: boolean;\n /** 自定义异常渲染处理 */\n errorRender?: (error?: TAny) => ReactElement;\n /** loading高度，默认值：100；isAsync = true 无效 */\n loadingHeight?: number | string;\n className?: string;\n style?: CSSProperties;\n contentStyle?: CSSProperties;\n}\n\nexport type LocalLoadingRefApi = {\n onRefresh: (params?: TPlainObject) => void;\n};\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 获取服务数据\n * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * ```\n */\nexport const LocalLoadingInner = forwardRef<LocalLoadingRefApi, LocalLoadingProps>((props, ref) => {\n const { serviceConfig, isAsync, children, errorRender } = props;\n const [status, setStatus] = useState<'success' | 'error' | 'init'>('init');\n const [respData, setRespData] = useState<TAny>();\n const loadingHeight = props.loadingHeight === undefined ? 100 : props.loadingHeight;\n const rootRef = useRef<HTMLDivElement>(null);\n const [loading, setLoading] = useState<boolean>(true);\n const errorRef = useRef<string>();\n\n const prevParams = fbaHooks.usePrevious(serviceConfig.params);\n\n // 用于直接发起接口调用，不能用于比较\n const serviceParams = useMemo(() => {\n if (!serviceConfig.params || toArray(serviceConfig.invalidParamKey).length === 0) {\n return serviceConfig.params;\n }\n const newParams = { ...serviceConfig.params };\n serviceConfig.invalidParamKey?.forEach((key) => {\n newParams[key] = undefined;\n });\n return newParams;\n }, [serviceConfig]);\n\n const onInitRequest = async (params?: TPlainObject) => {\n try {\n setLoading(true);\n const respData = await serviceConfig.onRequest({\n ...serviceParams,\n ...params,\n });\n setStatus('success');\n setRespData(respData);\n } catch (error: TAny) {\n console.error(error);\n setStatus('error');\n errorRef.current = error.message;\n } finally {\n setLoading(false);\n }\n };\n\n fbaHooks.useEffectCustomAsync(onInitRequest, []);\n\n fbaHooks.useEffectCustom(() => {\n if (prevParams) {\n if (!isDeepEqual(serviceConfig.params, prevParams)) {\n void onInitRequest();\n }\n }\n }, [prevParams, serviceConfig.params]);\n\n useImperativeHandle(ref, () => {\n return { onRefresh: onInitRequest };\n });\n\n if (status === 'error') {\n if (errorRender) {\n return errorRender({ message: errorRef.current });\n }\n return (\n <LocalLoadingCtxProvider value={{ onRequest: onInitRequest }}>\n <div className={classNames('local-loading-error', props.className)}>\n <div className=\"local-loading-area\" ref={rootRef}></div>\n <Result\n status=\"error\"\n subTitle={errorRef.current || '数据处理异常'}\n extra={[\n <Button\n type=\"primary\"\n ghost\n key=\"console\"\n size=\"small\"\n onClick={() => {\n setStatus('init');\n void onInitRequest();\n }}\n >\n 重新获取\n </Button>,\n ]}\n />\n </div>\n </LocalLoadingCtxProvider>\n );\n }\n\n if (status !== 'success' && !isAsync) {\n return (\n <div\n className={classNames('fba-local-loading-process', props.className)}\n style={{\n height: loadingHeight,\n display: 'flex',\n justifyContent: 'center',\n position: 'relative',\n backgroundColor: 'var(--block-bg-color)',\n }}\n >\n <Spin\n spinning={loading}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'absolute',\n height: '100%',\n width: '100%',\n }}\n />\n </div>\n );\n }\n\n return (\n <LocalLoadingCtxProvider value={{ onRequest: onInitRequest }}>\n <div className={classNames('fba-local-loading', props.className)} style={props.style}>\n {loading ? (\n <Spin\n spinning={true}\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'absolute',\n height: '100%',\n width: '100%',\n }}\n />\n ) : null}\n <div className=\"local-loading-content\" style={props.contentStyle}>\n {children(respData)}\n </div>\n </div>\n </LocalLoadingCtxProvider>\n );\n});\n","import { TPlainObject } from '@flatbiz/utils';\nimport { fbaUtils } from '../fba-utils';\nimport { useLocalLoadingCtx } from './context';\nimport { LocalLoadingInner } from './local-loading';\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 获取服务数据\n * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * ```\n */\nexport const LocalLoading = fbaUtils.attachPropertiesToComponent(LocalLoadingInner, {\n useLocalLoading: () => {\n const ctx = useLocalLoadingCtx();\n return {\n onRequest: (params?: TPlainObject) => {\n ctx.onRequest(params);\n },\n };\n },\n});\n"],"names":["_createCtx","_createCtx2","useLocalLoadingCtx","LocalLoadingCtxProvider","LocalLoadingInner","forwardRef","props","ref","serviceConfig","isAsync","children","errorRender","_useState","useState","status","setStatus","_useState2","respData","setRespData","loadingHeight","undefined","rootRef","useRef","_useState3","loading","setLoading","errorRef","prevParams","fbaHooks","usePrevious","params","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_extends","forEach","key","onInitRequest","Promise","$return","$error","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","_respData","$Try_1_Post","$Try_1_Catch","error","console","current","message","resolve","onRequest","then","$await_2","useEffectCustomAsync","useEffectCustom","_isDeepEqual","useImperativeHandle","onRefresh","_jsx","value","_jsxs","className","_classNames","Result","subTitle","extra","Button","type","ghost","size","onClick","style","height","display","justifyContent","position","backgroundColor","Spin","spinning","alignItems","width","contentStyle","LocalLoading","fbaUtils","attachPropertiesToComponent","useLocalLoading","ctx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/local-loading/context.ts","@flatbiz/antd/src/local-loading/local-loading.tsx","@flatbiz/antd/src/local-loading/index.ts"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\n\nexport const [useLocalLoadingCtx, LocalLoadingCtxProvider] = createCtx<{\n onRequest: (params?: TPlainObject) => void;\n}>();\n","import { isDeepEqual } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { getValueOrDefault, isUndefinedOrNull, TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Result, Spin } from 'antd';\nimport {\n CSSProperties,\n forwardRef,\n Fragment,\n ReactElement,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { LocalLoadingCtxProvider } from './context';\nimport './style.less';\n\nexport type LocalLoadingServiceConfig = {\n onRequest: (params?: TAny) => Promise<TAny>;\n params?: TPlainObject;\n /** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参 */\n invalidParamKey?: string[];\n /** 必填字段设置 */\n requiredParamsKeys?: string[];\n};\n\nexport interface LocalLoadingProps {\n className?: string;\n style?: CSSProperties;\n contentStyle?: CSSProperties;\n /** 接口数据配置 */\n serviceConfig: LocalLoadingServiceConfig;\n /** children 为函数，参数【respData】为接口返回数据 */\n children: (respData?: TAny) => ReactElement;\n /**\n * 是否异步，默认：false\n * ```\n * true（异步）：onRequest、react dom渲染同步执行\n * false（同步）：onRequest有结果了才渲染 react dom\n * ```\n */\n isAsync?: boolean;\n /** loading高度，默认值：100；isAsync = true 无效 */\n loadingHeight?: number | string;\n /** loading spin 属性设置 */\n loadingSpinProps?: {\n /** loading tip，默认值：Loading */\n tip?: string;\n /** loading 内容 */\n content?: ReactElement;\n /** 背景色，默认值：rgba(0,0,0,0.01) */\n bgColor?: string;\n };\n textConfigs?: {\n /** 必填异常文本 */\n requiredErrorText?: string;\n };\n /** 是否显示必填异常 */\n showRequiredError?: boolean;\n /** 自定义异常渲染处理 */\n errorRender?: (error?: TAny) => ReactElement;\n}\n\nexport type LocalLoadingRefApi = {\n onRefresh: (params?: TPlainObject) => void;\n};\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 获取服务数据\n * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * 5. 通过 serviceConfig.requiredParamsKeys 设置服务调用必填字段\n * 5. 通过 ref.onRequest 可主动发起服务调用\n * ```\n */\nexport const LocalLoadingInner = forwardRef<LocalLoadingRefApi, LocalLoadingProps>((props, ref) => {\n const { serviceConfig, isAsync, children, errorRender, loadingSpinProps, textConfigs, showRequiredError } =\n props;\n const [status, setStatus] = useState<'success' | 'error' | 'required_error' | 'init'>('init');\n const [respData, setRespData] = useState<TAny>();\n const loadingHeight = props.loadingHeight === undefined ? 100 : props.loadingHeight;\n const [loading, setLoading] = useState<boolean>(false);\n const errorRef = useRef<string>();\n const hiddenRequiredErrorRenderRef = useRef(true);\n\n const prevParams = fbaHooks.usePrevious(serviceConfig.params);\n\n const loadingSpinContent = getValueOrDefault(loadingSpinProps?.content, <span />);\n const loadingSpinBgColor = getValueOrDefault(loadingSpinProps?.bgColor, 'rgba(0,0,0,0.01)');\n const loadingSpinTip = getValueOrDefault(loadingSpinProps?.tip, 'Loading');\n\n const requiredErrorText = textConfigs?.requiredErrorText;\n\n // 用于直接发起接口调用，不能用于比较\n const serviceParams = useMemo(() => {\n if (!serviceConfig.params || toArray(serviceConfig.invalidParamKey).length === 0) {\n return serviceConfig.params;\n }\n const newParams = { ...serviceConfig.params };\n serviceConfig.invalidParamKey?.forEach((key) => {\n newParams[key] = undefined;\n });\n return newParams;\n }, [serviceConfig]);\n\n // 判断必要参数是否完整\n const validateRequiredParamsComplete = hooks.useCallbackRef((params?: TPlainObject) => {\n const keys = serviceConfig?.requiredParamsKeys;\n if (keys?.length) {\n const target = keys.find((item) => {\n return isUndefinedOrNull(params?.[item]);\n });\n if (target) {\n return {\n complete: false,\n message: requiredErrorText || `LocalLoading渲染缺少必填参数：${keys.join('、')}`,\n };\n }\n }\n return { complete: true };\n });\n\n const completeResult = useMemo(() => {\n return validateRequiredParamsComplete(serviceConfig.params);\n }, [validateRequiredParamsComplete, serviceConfig.params]);\n\n const onInitRequest = async (params?: TPlainObject) => {\n try {\n const mergeProps = { ...serviceParams, ...params };\n setLoading(true);\n const respData = await serviceConfig.onRequest(mergeProps);\n setStatus('success');\n setRespData(respData);\n hiddenRequiredErrorRenderRef.current = false;\n } catch (error: TAny) {\n console.error(error);\n setStatus('error');\n errorRef.current = error.message;\n hiddenRequiredErrorRenderRef.current = false;\n } finally {\n setLoading(false);\n }\n };\n\n fbaHooks.useEffectCustomAsync(async () => {\n if (completeResult.complete) {\n await onInitRequest();\n }\n }, []);\n\n fbaHooks.useEffectCustom(() => {\n if (completeResult.complete) {\n if (prevParams) {\n if (!isDeepEqual(serviceConfig.params, prevParams)) {\n if (status === 'error') {\n setStatus('init');\n }\n void onInitRequest();\n }\n }\n }\n }, [prevParams, serviceConfig.params]);\n\n useImperativeHandle(ref, () => {\n return { onRefresh: onInitRequest };\n });\n\n if (!completeResult.complete) {\n if (hiddenRequiredErrorRenderRef.current || !showRequiredError) {\n return <Fragment />;\n }\n return (\n <LocalLoadingCtxProvider value={{ onRequest: onInitRequest }}>\n <div className={classNames('local-loading-error', props.className)}>\n <div className=\"local-loading-area\"></div>\n <Result status=\"error\" subTitle={completeResult.message} />\n </div>\n </LocalLoadingCtxProvider>\n );\n }\n\n if (status === 'error') {\n if (errorRender) {\n return errorRender({ message: errorRef.current });\n }\n return (\n <LocalLoadingCtxProvider value={{ onRequest: onInitRequest }}>\n <div className={classNames('local-loading-error', props.className)}>\n <div className=\"local-loading-area\"></div>\n <Result\n status=\"error\"\n subTitle={errorRef.current || '数据处理异常'}\n extra={[\n <Button\n type=\"primary\"\n ghost\n key=\"console\"\n size=\"small\"\n onClick={() => {\n setStatus('init');\n void onInitRequest();\n }}\n >\n 重新获取\n </Button>,\n ]}\n />\n </div>\n </LocalLoadingCtxProvider>\n );\n }\n\n if (status !== 'success' && !isAsync) {\n return (\n <div\n className={classNames('fba-local-loading-process', props.className)}\n style={{\n height: loadingHeight,\n display: 'flex',\n justifyContent: 'center',\n position: 'relative',\n backgroundColor: 'var(--block-bg-color)',\n }}\n >\n <Spin\n spinning={loading}\n tip={loadingSpinTip}\n wrapperClassName=\"local-loading-spin-wrapper\"\n className=\"local-loading-spin\"\n style={\n {\n '--local-loading-spin-bgColor': loadingSpinBgColor,\n } as CSSProperties\n }\n >\n {loadingSpinContent}\n </Spin>\n </div>\n );\n }\n\n return (\n <LocalLoadingCtxProvider value={{ onRequest: onInitRequest }}>\n <div className={classNames('fba-local-loading', props.className)} style={props.style}>\n {loading ? (\n <Spin\n spinning={loading}\n tip={loadingSpinTip}\n wrapperClassName=\"local-loading-spin-wrapper\"\n className=\"local-loading-spin\"\n style={\n {\n '--local-loading-spin-bgColor': loadingSpinBgColor,\n } as CSSProperties\n }\n >\n {loadingSpinContent}\n </Spin>\n ) : null}\n <div className=\"local-loading-content\" style={props.contentStyle}>\n {children(respData)}\n </div>\n </div>\n </LocalLoadingCtxProvider>\n );\n});\n","import { TPlainObject } from '@flatbiz/utils';\nimport { fbaUtils } from '../fba-utils';\nimport { useLocalLoadingCtx } from './context';\nimport { LocalLoadingInner } from './local-loading';\n\n/**\n * 局部加载，包含接口数据处理逻辑\n * ```\n * 包括\n * 1. loading显示效果\n * 2. error显示效果\n * 3. 获取服务数据\n * 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * 5. 通过 serviceConfig.requiredParamsKeys 设置服务调用必填字段\n * 5. 通过 ref.onRequest 可主动发起服务调用\n * ```\n */\nexport const LocalLoading = fbaUtils.attachPropertiesToComponent(LocalLoadingInner, {\n useLocalLoading: () => {\n const ctx = useLocalLoadingCtx();\n return {\n onRequest: (params?: TPlainObject) => {\n ctx.onRequest(params);\n },\n };\n },\n});\n"],"names":["_createCtx","_createCtx2","useLocalLoadingCtx","LocalLoadingCtxProvider","LocalLoadingInner","forwardRef","props","ref","serviceConfig","isAsync","children","errorRender","loadingSpinProps","textConfigs","showRequiredError","_useState","useState","status","setStatus","_useState2","respData","setRespData","loadingHeight","undefined","_useState3","loading","setLoading","errorRef","useRef","hiddenRequiredErrorRenderRef","prevParams","fbaHooks","usePrevious","params","loadingSpinContent","getValueOrDefault","content","_jsx","loadingSpinBgColor","bgColor","loadingSpinTip","tip","requiredErrorText","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_extends","forEach","key","validateRequiredParamsComplete","_hooks","useCallbackRef","keys","requiredParamsKeys","target","find","item","isUndefinedOrNull","complete","message","join","completeResult","onInitRequest","Promise","$return","$error","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","mergeProps","_respData","$Try_1_Post","$Try_1_Catch","error","console","current","resolve","onRequest","then","$await_3","useEffectCustomAsync","$await_4","$If_2","useEffectCustom","_isDeepEqual","useImperativeHandle","onRefresh","Fragment","value","_jsxs","className","_classNames","Result","subTitle","extra","Button","type","ghost","size","onClick","style","height","display","justifyContent","position","backgroundColor","Spin","spinning","wrapperClassName","contentStyle","LocalLoading","fbaUtils","attachPropertiesToComponent","useLocalLoading","ctx"],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -4102,8 +4102,13 @@ export type LocalLoadingServiceConfig = {
|
|
|
4102
4102
|
params?: TPlainObject;
|
|
4103
4103
|
/** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参 */
|
|
4104
4104
|
invalidParamKey?: string[];
|
|
4105
|
+
/** 必填字段设置 */
|
|
4106
|
+
requiredParamsKeys?: string[];
|
|
4105
4107
|
};
|
|
4106
4108
|
export interface LocalLoadingProps {
|
|
4109
|
+
className?: string;
|
|
4110
|
+
style?: CSSProperties;
|
|
4111
|
+
contentStyle?: CSSProperties;
|
|
4107
4112
|
/** 接口数据配置 */
|
|
4108
4113
|
serviceConfig: LocalLoadingServiceConfig;
|
|
4109
4114
|
/** children 为函数，参数【respData】为接口返回数据 */
|
|
@@ -4116,13 +4121,25 @@ export interface LocalLoadingProps {
|
|
|
4116
4121
|
* ```
|
|
4117
4122
|
*/
|
|
4118
4123
|
isAsync?: boolean;
|
|
4119
|
-
/** 自定义异常渲染处理 */
|
|
4120
|
-
errorRender?: (error?: TAny) => ReactElement;
|
|
4121
4124
|
/** loading高度，默认值：100；isAsync = true 无效 */
|
|
4122
4125
|
loadingHeight?: number | string;
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
+
/** loading spin 属性设置 */
|
|
4127
|
+
loadingSpinProps?: {
|
|
4128
|
+
/** loading tip，默认值：Loading */
|
|
4129
|
+
tip?: string;
|
|
4130
|
+
/** loading 内容 */
|
|
4131
|
+
content?: ReactElement;
|
|
4132
|
+
/** 背景色，默认值：rgba(0,0,0,0.01) */
|
|
4133
|
+
bgColor?: string;
|
|
4134
|
+
};
|
|
4135
|
+
textConfigs?: {
|
|
4136
|
+
/** 必填异常文本 */
|
|
4137
|
+
requiredErrorText?: string;
|
|
4138
|
+
};
|
|
4139
|
+
/** 是否显示必填异常 */
|
|
4140
|
+
showRequiredError?: boolean;
|
|
4141
|
+
/** 自定义异常渲染处理 */
|
|
4142
|
+
errorRender?: (error?: TAny) => ReactElement;
|
|
4126
4143
|
}
|
|
4127
4144
|
export type LocalLoadingRefApi = {
|
|
4128
4145
|
onRefresh: (params?: TPlainObject) => void;
|
|
@@ -4135,6 +4152,8 @@ export type LocalLoadingRefApi = {
|
|
|
4135
4152
|
* 2. error显示效果
|
|
4136
4153
|
* 3. 获取服务数据
|
|
4137
4154
|
* 4. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用
|
|
4155
|
+
* 5. 通过 serviceConfig.requiredParamsKeys 设置服务调用必填字段
|
|
4156
|
+
* 5. 通过 ref.onRequest 可主动发起服务调用
|
|
4138
4157
|
* ```
|
|
4139
4158
|
*/
|
|
4140
4159
|
export declare const LocalLoading: import("react").ForwardRefExoticComponent<LocalLoadingProps & import("react").RefAttributes<LocalLoadingRefApi>> & {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flatbiz/antd",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.31",
|
|
4
4
|
"description": "flat-biz ui components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"typings": "index.d.ts",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@dimjs/model": ">=1.2.3",
|
|
32
32
|
"@dimjs/model-react": ">=1.2.3",
|
|
33
33
|
"@dimjs/utils": ">=1.5.1",
|
|
34
|
-
"@flatbiz/utils": ">=4.0.
|
|
34
|
+
"@flatbiz/utils": ">=4.0.29",
|
|
35
35
|
"@wove/react": ">=1.2.23",
|
|
36
36
|
"antd": ">=5.11.0",
|
|
37
37
|
"dayjs": ">=1.11.9",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@dimjs/model": "^1.2.3",
|
|
46
46
|
"@dimjs/model-react": "^1.2.3",
|
|
47
47
|
"@dimjs/utils": "^1.5.1",
|
|
48
|
-
"@flatbiz/utils": "^4.0.
|
|
48
|
+
"@flatbiz/utils": "^4.0.29",
|
|
49
49
|
"@wove/react": "^1.2.23",
|
|
50
50
|
"antd": "5.11.0",
|
|
51
51
|
"dayjs": "1.11.9",
|