@flatbiz/antd 4.5.31 → 4.5.33

package/esm/cascader-wrapper/index.js

@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
 import './../request-status/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/RedoOutlined";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{a as r,_ as s}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as n}from"@wove/react/cjs/hooks";import{isArray as o}from"@dimjs/lang/cjs/is-array";import{get as i}from"@dimjs/utils/cjs/get";import{extend as u}from"@dimjs/utils/cjs/extend";import{cloneState as a}from"@dimjs/model";import{cloneObject as l,treeNodeParentsList as c}from"@flatbiz/utils";import{Cascader as f,Button as d,message as m}from"antd";import{forwardRef as v,useState as p,useImperativeHandle as g}from"react";import{fbaHooks as h}from"../fba-hooks/index.js";import{RequestStatus as q}from"../request-status/index.js";import{Model as C}from"@dimjs/model-react";import{jsx as L}from"react/jsx-runtime";import"../use-responsive-point-21b8c601.js";var R={selectorList:[],queryIsEmpty:false,requestStatus:"request-init"};var S={actions:{setSelectBoxList:function e(t){return function(e){e.selectorList=t.selectorList||[];e.requestStatus="request-success"}},changeRequestStatus:function e(t){return function(e){e.requestStatus=t}}},state:R};var j={};var w=function e(t){if(!j[t]){j[t]=C(S)}return j[t]};var y=["serviceConfig","modelKey","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange"];var b=v((function(v,C){var R=v.serviceConfig,S=v.modelKey,j=v.fieldNames,b=v.isDynamicLoad,x=v.requestMessageConfig,k=v.onSelectorListChange,B=r(v,y);var N=p([]),P=N[0],E=N[1];var D=h.useSafeState(false),K=D[0],A=D[1];var I=w(S).useStore(),M=I[0],_=I[1];var z="request-progress-"+v.modelKey;var F=u(true,{label:"label",value:"value",children:"children"},j);var H=p(),O=H[0],G=H[1];var J=function e(t){if(R!=null&&R.onRequestResultAdapter){return R.onRequestResultAdapter(t)}if(j!=null&&j.list){t=i(t,j==null?void 0:j.list)}if(!o(t)){console.warn("接口返回数据不是数组类型，已被忽略",t);return[]}return t};var Q=n.useCallbackRef((function(){return new Promise((function(e,t){var r,s;if(!(R!=null&&R.onRequest)){return t(new Error("onRequest 调用接口服务不能为空"))}var n=function(){try{return e()}catch(e){return t(e)}};var o=function(e){try{A(false);window[z]=false;void _.changeRequestStatus("request-error");void m.error(e.message||"获取数据异常");return n()}catch(e){return t(e)}};try{A(true);window[z]=true;void _.changeRequestStatus("request-progress");return Promise.resolve(R.onRequest==null?void 0:R.onRequest(R.params)).then((function(e){try{r=e;s=J(r);if(b){s.map((function(e){e.isLeaf=e.isLeaf||false}))}A(false);window[z]=false;void _.setSelectBoxList({selectorList:s||[]});k==null?void 0:k(s||[]);return n()}catch(e){return o(e)}}),o)}catch(e){o(e)}}))}));h.useEffectCustom((function(){if(window[z])return;if(M.requestStatus==="request-success"){E(a(M.selectorList))}else{void Q()}}),[]);h.useEffectCustom((function(){var e=l(M.selectorList);if(v.value){var t=c(v.value,e,true,F);if(t.length===0){G([v.value])}else{G(t)}}else{G(undefined)}E(e)}),[M.selectorList,v.value]);g(C,(function(){return{getCascaderList:function e(){return M.selectorList}}}));var T=n.useCallbackRef((function(){void Q()}));var U=function e(t){return new Promise((function(e,r){var n,o,i,u;o=t[t.length-1];o.loading=true;return Promise.resolve(R==null||R.onRequest==null?void 0:R.onRequest(s({},R.params,(n={},n[F.value]=o[F.value],n)))).then((function(t){try{i=t;u=J(i);if(!u||u.length===0){o.isLeaf=true}else{u.map((function(e){e.isLeaf=e.isLeaf||false}));o.children=u}o.loading=false;void _.setSelectBoxList({selectorList:P||[]});k==null?void 0:k(P||[]);E([].concat(P));return e()}catch(e){return r(e)}}),r)}))};var V=n.useCallbackRef((function(e,t){void(v.onChange==null?void 0:v.onChange(e==null?void 0:e[e.length-1],t))}));var W=n.useCallbackRef((function(){void(v.onChange==null?void 0:v.onChange(undefined))}));return L(f,s({showSearch:true,allowClear:true},B,{popupClassName:t("cascader-wrapper-popup",B.popupClassName),notFoundContent:L(q,{status:M.requestStatus,loading:K,messageConfig:x,errorButton:L(d,{type:"primary",onClick:T,children:"重新获取数据"})}),loading:K,loadData:b?U:undefined,fieldNames:F,suffixIcon:M.requestStatus==="request-error"?L(e,{spin:K,onClick:T}):undefined,options:P,value:O,multiple:false,onChange:V,onClear:W}))}));export{b as CascaderWrapper};
+import e from"@ant-design/icons/es/icons/RedoOutlined";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{a as r,_ as s}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as n}from"@wove/react/cjs/hooks";import{isArray as o}from"@dimjs/lang/cjs/is-array";import{get as i}from"@dimjs/utils/cjs/get";import{extend as u}from"@dimjs/utils/cjs/extend";import{cloneState as a}from"@dimjs/model";import{cloneObject as l,treeNodeParentsList as c}from"@flatbiz/utils";import{Cascader as f,Button as d,message as m}from"antd";import{forwardRef as v,useState as p,useImperativeHandle as g}from"react";import{fbaHooks as h}from"../fba-hooks/index.js";import{RequestStatus as q}from"../request-status/index.js";import{Model as C}from"@dimjs/model-react";import{jsx as L}from"react/jsx-runtime";import"../use-responsive-point-21b8c601.js";var R={selectorList:[],queryIsEmpty:false,requestStatus:"request-init"};var S={actions:{setSelectBoxList:function e(t){return function(e){e.selectorList=t.selectorList||[];e.requestStatus="request-success"}},changeRequestStatus:function e(t){return function(e){e.requestStatus=t}}},state:R};var j={};var w=function e(t){if(!j[t]){j[t]=C(S)}return j[t]};var y=["serviceConfig","modelKey","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange"];var b=v((function(v,C){var R=v.serviceConfig,S=v.modelKey,j=v.fieldNames,b=v.isDynamicLoad,x=v.requestMessageConfig,k=v.onSelectorListChange,B=r(v,y);var N=p([]),P=N[0],E=N[1];var D=h.useSafeState(false),K=D[0],A=D[1];var I=w(S).useStore(),M=I[0],_=I[1];var z="request-progress-"+v.modelKey;var F=u(true,{label:"label",value:"value",children:"children"},j);var H=p(),O=H[0],G=H[1];var J=function e(t){if(R!=null&&R.onRequestResultAdapter){return R.onRequestResultAdapter(t)}if(j!=null&&j.list){t=i(t,j==null?void 0:j.list)}if(!o(t)){console.warn("接口返回数据不是数组类型，已被忽略",t);return[]}return t};var Q=n.useCallbackRef((function(){return new Promise((function(e,t){var r,s;if(!(R!=null&&R.onRequest)){return t(new Error("onRequest 调用接口服务不能为空"))}var n=function(){try{return e()}catch(e){return t(e)}};var o=function(e){try{A(false);window[z]=false;void _.changeRequestStatus("request-error");void m.error(e.message||"获取数据异常");return n()}catch(e){return t(e)}};try{A(true);window[z]=true;void _.changeRequestStatus("request-progress");return Promise.resolve(R.onRequest==null?void 0:R.onRequest(R.params)).then((function(e){try{r=e;s=J(r);if(b){s.map((function(e){e.isLeaf=e.isLeaf||false}))}A(false);window[z]=false;void _.setSelectBoxList({selectorList:s||[]});k==null?void 0:k(s||[]);return n()}catch(e){return o(e)}}),o)}catch(e){o(e)}}))}));h.useEffectCustom((function(){if(window[z])return;if(M.requestStatus==="request-success"){E(a(M.selectorList))}else{void Q()}}),[]);h.useEffectCustom((function(){var e=l(M.selectorList);if(v.value){var t=c(v.value,e,true,F).reverse();if(t.length===0){G([v.value])}else{G(t)}}else{G(undefined)}E(e)}),[M.selectorList,v.value]);g(C,(function(){return{getCascaderList:function e(){return M.selectorList}}}));var T=n.useCallbackRef((function(){void Q()}));var U=function e(t){return new Promise((function(e,r){var n,o,i,u;o=t[t.length-1];o.loading=true;return Promise.resolve(R==null||R.onRequest==null?void 0:R.onRequest(s({},R.params,(n={},n[F.value]=o[F.value],n)))).then((function(t){try{i=t;u=J(i);if(!u||u.length===0){o.isLeaf=true}else{u.map((function(e){e.isLeaf=e.isLeaf||false}));o.children=u}o.loading=false;void _.setSelectBoxList({selectorList:P||[]});k==null?void 0:k(P||[]);E([].concat(P));return e()}catch(e){return r(e)}}),r)}))};var V=n.useCallbackRef((function(e,t){void(v.onChange==null?void 0:v.onChange(e==null?void 0:e[e.length-1],t))}));var W=n.useCallbackRef((function(){void(v.onChange==null?void 0:v.onChange(undefined))}));return L(f,s({showSearch:true,allowClear:true},B,{popupClassName:t("cascader-wrapper-popup",B.popupClassName),notFoundContent:L(q,{status:M.requestStatus,loading:K,messageConfig:x,errorButton:L(d,{type:"primary",onClick:T,children:"重新获取数据"})}),loading:K,loadData:b?U:undefined,fieldNames:F,suffixIcon:M.requestStatus==="request-error"?L(e,{spin:K,onClick:T}):undefined,options:P,value:O,multiple:false,onChange:V,onClear:W}))}));export{b as CascaderWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/cascader-wrapper/model.ts","@flatbiz/antd/src/cascader-wrapper/cascader-wrapper.tsx"],"sourcesContent":["import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { TRequestStatus } from '../request-status';\n\nexport type ModelState = {\n  selectorList: TPlainObject[];\n  queryIsEmpty: boolean;\n  requestStatus: TRequestStatus;\n};\n\ntype ModelActionParams = {\n  setSelectBoxList: { selectorList: TPlainObject[] };\n  changeRequestStatus: ModelState['requestStatus'];\n};\n\nconst defaultState: ModelState = {\n  selectorList: [],\n  queryIsEmpty: false,\n  requestStatus: 'request-init',\n};\n\nconst _SelectorWrapperModel: ModelType<ModelState, ModelActionParams> = {\n  actions: {\n    setSelectBoxList: (params) => {\n      return (state) => {\n        state.selectorList = params.selectorList || [];\n        state.requestStatus = 'request-success';\n      };\n    },\n    changeRequestStatus: (params) => {\n      return (state) => {\n        state.requestStatus = params;\n      };\n    },\n  },\n  state: defaultState,\n};\n\nconst cascaderWrapperModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const cascaderWrapperModel = (key: string) => {\n  if (!cascaderWrapperModels[key]) {\n    cascaderWrapperModels[key] = Model(_SelectorWrapperModel);\n  }\n  return cascaderWrapperModels[key];\n};\n","import { RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { cloneState } from '@dimjs/model';\nimport { classNames, extend, get } from '@dimjs/utils';\nimport { cloneObject, TAny, TPlainObject, treeNodeParentsList } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Cascader, CascaderProps, message } from 'antd';\nimport { forwardRef, ReactElement, useImperativeHandle, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { RequestStatus, TRequestStatusProps } from '../request-status';\nimport { cascaderWrapperModel } from './model';\nimport './style.less';\n\ntype CascaderWrapperServiceConfig = {\n  params?: TPlainObject;\n  onRequest?: (params?: TAny) => TAny;\n  /**\n   * 响应数据适配器\n   */\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n};\n\nexport type CascaderWrapperProps = Omit<\n  CascaderProps<TAny>,\n  'loading' | 'notFoundContent' | 'options' | 'value' | 'multiple' | 'onChange' | 'fieldNames'\n> & {\n  // 模型唯一值\n  modelKey: string;\n  /**\n   * 参数Key映射\n   * ```\n   * 1. 默认值：value=value、label=label、children=children\n   * 2. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'\n   * 3. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效\n   * 4. 如果没有配置list，可说明接口返回为数组\n   * ```\n   */\n  fieldNames?: { list?: string; label?: string; value?: string; children?: string };\n  /**\n   * 请求服务需求的数据，当设置`selectorList`后无效果\n   */\n  serviceConfig?: CascaderWrapperServiceConfig;\n  // label渲染适配器\n  onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;\n  onSelectorListChange?: (dataList: TPlainObject[]) => void;\n  /**\n   * 是否动态加载选项\n   */\n  isDynamicLoad?: boolean;\n  value?: string | number;\n  onChange?: (value?: string | number, selectedList?: TPlainObject[]) => void;\n  requestMessageConfig?: TRequestStatusProps['messageConfig'];\n};\n\nexport type CascaderWrapperRefApi = {\n  getCascaderList: () => TPlainObject[];\n};\n/**\n * 级联选择器包装组件，接收value和相应data都是叶子节点数据\n * @param props\n * @returns\n * ```\n * 1. 数据源中 value 不能重复\n * 2. 不支持多选\n * 3. modelKey的配置是为了缓存数据，只缓存初始化数据，如果isDynamicLoad=true，动态获取的数据不再缓存\n * 4. onChange操作第一个参数返回叶子节点value，第二个参数返回选中的多级数据\n * 5. isDynamicLoad=true 会在请求中添加当前选中option的fieldNames.value为key的数据\n * ```\n */\nexport const CascaderWrapper = forwardRef<CascaderWrapperRefApi, CascaderWrapperProps>((props, ref) => {\n  const {\n    serviceConfig,\n    modelKey,\n    fieldNames,\n    isDynamicLoad,\n    requestMessageConfig,\n    onSelectorListChange,\n    ...otherProps\n  } = props;\n  const [options, setOptions] = useState<TAny[]>([]);\n\n  const [loading, setLoading] = fbaHooks.useSafeState(false);\n  const [state, actions] = cascaderWrapperModel(modelKey).useStore();\n  const requestPreKey = `request-progress-${props.modelKey}`;\n  const fieldNamesMerge = extend(true, { label: 'label', value: 'value', children: 'children' }, fieldNames);\n  const [valueList, setValueList] = useState<string[]>();\n\n  const serviceRespDataAdapter = (respData) => {\n    if (serviceConfig?.onRequestResultAdapter) {\n      return serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n    }\n    if (fieldNames?.list) {\n      respData = get(respData, fieldNames?.list);\n    }\n    if (!isArray(respData)) {\n      console.warn('接口返回数据不是数组类型，已被忽略', respData);\n      return [];\n    }\n    return respData;\n  };\n\n  const startDataSourceRequest = hooks.useCallbackRef(async () => {\n    if (!serviceConfig?.onRequest) {\n      throw new Error('onRequest 调用接口服务不能为空');\n    }\n    try {\n      setLoading(true);\n      window[requestPreKey] = true;\n      void actions.changeRequestStatus('request-progress');\n      const respData = await serviceConfig.onRequest?.(serviceConfig.params);\n      const respAdapterData = serviceRespDataAdapter(respData);\n      if (isDynamicLoad) {\n        respAdapterData.map((item) => {\n          item.isLeaf = item.isLeaf || false;\n        });\n      }\n      setLoading(false);\n      window[requestPreKey] = false;\n      void actions.setSelectBoxList({\n        selectorList: respAdapterData || [],\n      });\n      onSelectorListChange?.(respAdapterData || []);\n    } catch (error) {\n      setLoading(false);\n      window[requestPreKey] = false;\n      void actions.changeRequestStatus('request-error');\n      void message.error(error.message || '获取数据异常');\n    }\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    if (window[requestPreKey]) return;\n    if (state.requestStatus === 'request-success') {\n      setOptions(cloneState(state.selectorList));\n    } else {\n      void startDataSourceRequest();\n    }\n  }, []);\n\n  fbaHooks.useEffectCustom(() => {\n    const cloneList = cloneObject(state.selectorList);\n    if (props.value) {\n      const filterList = treeNodeParentsList(props.value, cloneList, true, fieldNamesMerge);\n      if (filterList.length === 0) {\n        setValueList([props.value as string]);\n      } else {\n        setValueList(filterList as string[]);\n      }\n    } else {\n      setValueList(undefined);\n    }\n    setOptions(cloneList);\n  }, [state.selectorList, props.value]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      getCascaderList: () => {\n        return state.selectorList;\n      },\n    };\n  });\n\n  const onAgainRequest = hooks.useCallbackRef(() => {\n    void startDataSourceRequest();\n  });\n\n  const loadData = async (selectedOptions: TAny[]) => {\n    const targetOption = selectedOptions[selectedOptions.length - 1];\n    targetOption.loading = true;\n    const respData = await serviceConfig?.onRequest?.({\n      ...serviceConfig.params,\n      [fieldNamesMerge.value]: targetOption[fieldNamesMerge.value],\n    });\n    const respAdapterData = serviceRespDataAdapter(respData);\n    if (!respAdapterData || respAdapterData.length === 0) {\n      targetOption.isLeaf = true;\n    } else {\n      respAdapterData.map((item) => {\n        item.isLeaf = item.isLeaf || false;\n      });\n      targetOption.children = respAdapterData;\n    }\n    targetOption.loading = false;\n    void actions.setSelectBoxList({\n      selectorList: options || [],\n    });\n    onSelectorListChange?.(options || []);\n    setOptions([...options]);\n  };\n\n  const onChange = hooks.useCallbackRef((values: Array<string | number>, selectList) => {\n    void props.onChange?.(values?.[values.length - 1], selectList);\n  });\n\n  const onClear = hooks.useCallbackRef(() => {\n    void props.onChange?.(undefined);\n  });\n\n  return (\n    <Cascader\n      showSearch={true}\n      allowClear={true}\n      {...(otherProps as TAny)}\n      popupClassName={classNames('cascader-wrapper-popup', otherProps.popupClassName)}\n      notFoundContent={\n        <RequestStatus\n          status={state.requestStatus}\n          loading={loading}\n          messageConfig={requestMessageConfig}\n          errorButton={\n            <Button type=\"primary\" onClick={onAgainRequest}>\n              重新获取数据\n            </Button>\n          }\n        />\n      }\n      loading={loading}\n      loadData={isDynamicLoad ? loadData : undefined}\n      fieldNames={fieldNamesMerge}\n      suffixIcon={\n        state.requestStatus === 'request-error' ? (\n          <RedoOutlined spin={loading} onClick={onAgainRequest} />\n        ) : undefined\n      }\n      options={options}\n      value={valueList}\n      multiple={false}\n      onChange={onChange}\n      onClear={onClear}\n    />\n  );\n});\n"],"names":["defaultState","selectorList","queryIsEmpty","requestStatus","_SelectorWrapperModel","actions","setSelectBoxList","params","state","changeRequestStatus","cascaderWrapperModels","cascaderWrapperModel","key","Model","CascaderWrapper","forwardRef","props","ref","serviceConfig","modelKey","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","options","setOptions","_fbaHooks$useSafeStat","fbaHooks","useSafeState","loading","setLoading","_cascaderWrapperModel","useStore","requestPreKey","fieldNamesMerge","_extend","label","value","children","_useState2","valueList","setValueList","serviceRespDataAdapter","respData","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","_hooks","useCallbackRef","Promise","$return","$error","_respData","respAdapterData","onRequest","Error","$Try_1_Post","$boundEx","$Try_1_Catch","error","window","message","resolve","then","$await_2","map","item","isLeaf","useEffectCustom","cloneState","cloneList","cloneObject","filterList","treeNodeParentsList","length","undefined","useImperativeHandle","getCascaderList","onAgainRequest","loadData","selectedOptions","_extends2","targetOption","_extends","$await_3","concat","onChange","values","selectList","onClear","_jsx","Cascader","showSearch","allowClear","popupClassName","_classNames","notFoundContent","RequestStatus","status","messageConfig","errorButton","Button","type","onClick","suffixIcon","_RedoOutlined","spin","multiple"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/cascader-wrapper/model.ts","@flatbiz/antd/src/cascader-wrapper/cascader-wrapper.tsx"],"sourcesContent":["import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { TRequestStatus } from '../request-status';\n\nexport type ModelState = {\n  selectorList: TPlainObject[];\n  queryIsEmpty: boolean;\n  requestStatus: TRequestStatus;\n};\n\ntype ModelActionParams = {\n  setSelectBoxList: { selectorList: TPlainObject[] };\n  changeRequestStatus: ModelState['requestStatus'];\n};\n\nconst defaultState: ModelState = {\n  selectorList: [],\n  queryIsEmpty: false,\n  requestStatus: 'request-init',\n};\n\nconst _SelectorWrapperModel: ModelType<ModelState, ModelActionParams> = {\n  actions: {\n    setSelectBoxList: (params) => {\n      return (state) => {\n        state.selectorList = params.selectorList || [];\n        state.requestStatus = 'request-success';\n      };\n    },\n    changeRequestStatus: (params) => {\n      return (state) => {\n        state.requestStatus = params;\n      };\n    },\n  },\n  state: defaultState,\n};\n\nconst cascaderWrapperModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const cascaderWrapperModel = (key: string) => {\n  if (!cascaderWrapperModels[key]) {\n    cascaderWrapperModels[key] = Model(_SelectorWrapperModel);\n  }\n  return cascaderWrapperModels[key];\n};\n","import { RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { cloneState } from '@dimjs/model';\nimport { classNames, extend, get } from '@dimjs/utils';\nimport { cloneObject, TAny, TPlainObject, treeNodeParentsList } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Cascader, CascaderProps, message } from 'antd';\nimport { forwardRef, ReactElement, useImperativeHandle, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { RequestStatus, TRequestStatusProps } from '../request-status';\nimport { cascaderWrapperModel } from './model';\nimport './style.less';\n\ntype CascaderWrapperServiceConfig = {\n  params?: TPlainObject;\n  onRequest?: (params?: TAny) => TAny;\n  /**\n   * 响应数据适配器\n   */\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n};\n\nexport type CascaderWrapperProps = Omit<\n  CascaderProps<TAny>,\n  'loading' | 'notFoundContent' | 'options' | 'value' | 'multiple' | 'onChange' | 'fieldNames'\n> & {\n  // 模型唯一值\n  modelKey: string;\n  /**\n   * 参数Key映射\n   * ```\n   * 1. 默认值：value=value、label=label、children=children\n   * 2. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'\n   * 3. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效\n   * 4. 如果没有配置list，可说明接口返回为数组\n   * ```\n   */\n  fieldNames?: { list?: string; label?: string; value?: string; children?: string };\n  /**\n   * 请求服务需求的数据，当设置`selectorList`后无效果\n   */\n  serviceConfig?: CascaderWrapperServiceConfig;\n  // label渲染适配器\n  onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;\n  onSelectorListChange?: (dataList: TPlainObject[]) => void;\n  /**\n   * 是否动态加载选项\n   */\n  isDynamicLoad?: boolean;\n  value?: string | number;\n  onChange?: (value?: string | number, selectedList?: TPlainObject[]) => void;\n  requestMessageConfig?: TRequestStatusProps['messageConfig'];\n};\n\nexport type CascaderWrapperRefApi = {\n  getCascaderList: () => TPlainObject[];\n};\n/**\n * 级联选择器包装组件，接收value和相应data都是叶子节点数据\n * @param props\n * @returns\n * ```\n * 1. 数据源中 value 不能重复\n * 2. 不支持多选\n * 3. modelKey的配置是为了缓存数据，只缓存初始化数据，如果isDynamicLoad=true，动态获取的数据不再缓存\n * 4. onChange操作第一个参数返回叶子节点value，第二个参数返回选中的多级数据\n * 5. isDynamicLoad=true 会在请求中添加当前选中option的fieldNames.value为key的数据\n * ```\n */\nexport const CascaderWrapper = forwardRef<CascaderWrapperRefApi, CascaderWrapperProps>((props, ref) => {\n  const {\n    serviceConfig,\n    modelKey,\n    fieldNames,\n    isDynamicLoad,\n    requestMessageConfig,\n    onSelectorListChange,\n    ...otherProps\n  } = props;\n  const [options, setOptions] = useState<TAny[]>([]);\n\n  const [loading, setLoading] = fbaHooks.useSafeState(false);\n  const [state, actions] = cascaderWrapperModel(modelKey).useStore();\n  const requestPreKey = `request-progress-${props.modelKey}`;\n  const fieldNamesMerge = extend(true, { label: 'label', value: 'value', children: 'children' }, fieldNames);\n  const [valueList, setValueList] = useState<string[]>();\n\n  const serviceRespDataAdapter = (respData) => {\n    if (serviceConfig?.onRequestResultAdapter) {\n      return serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n    }\n    if (fieldNames?.list) {\n      respData = get(respData, fieldNames?.list);\n    }\n    if (!isArray(respData)) {\n      console.warn('接口返回数据不是数组类型，已被忽略', respData);\n      return [];\n    }\n    return respData;\n  };\n\n  const startDataSourceRequest = hooks.useCallbackRef(async () => {\n    if (!serviceConfig?.onRequest) {\n      throw new Error('onRequest 调用接口服务不能为空');\n    }\n    try {\n      setLoading(true);\n      window[requestPreKey] = true;\n      void actions.changeRequestStatus('request-progress');\n      const respData = await serviceConfig.onRequest?.(serviceConfig.params);\n      const respAdapterData = serviceRespDataAdapter(respData);\n      if (isDynamicLoad) {\n        respAdapterData.map((item) => {\n          item.isLeaf = item.isLeaf || false;\n        });\n      }\n      setLoading(false);\n      window[requestPreKey] = false;\n      void actions.setSelectBoxList({\n        selectorList: respAdapterData || [],\n      });\n      onSelectorListChange?.(respAdapterData || []);\n    } catch (error) {\n      setLoading(false);\n      window[requestPreKey] = false;\n      void actions.changeRequestStatus('request-error');\n      void message.error(error.message || '获取数据异常');\n    }\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    if (window[requestPreKey]) return;\n    if (state.requestStatus === 'request-success') {\n      setOptions(cloneState(state.selectorList));\n    } else {\n      void startDataSourceRequest();\n    }\n  }, []);\n\n  fbaHooks.useEffectCustom(() => {\n    const cloneList = cloneObject(state.selectorList);\n    if (props.value) {\n      const filterList = treeNodeParentsList(props.value, cloneList, true, fieldNamesMerge).reverse();\n      if (filterList.length === 0) {\n        setValueList([props.value as string]);\n      } else {\n        setValueList(filterList as string[]);\n      }\n    } else {\n      setValueList(undefined);\n    }\n    setOptions(cloneList);\n  }, [state.selectorList, props.value]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      getCascaderList: () => {\n        return state.selectorList;\n      },\n    };\n  });\n\n  const onAgainRequest = hooks.useCallbackRef(() => {\n    void startDataSourceRequest();\n  });\n\n  const loadData = async (selectedOptions: TAny[]) => {\n    const targetOption = selectedOptions[selectedOptions.length - 1];\n    targetOption.loading = true;\n    const respData = await serviceConfig?.onRequest?.({\n      ...serviceConfig.params,\n      [fieldNamesMerge.value]: targetOption[fieldNamesMerge.value],\n    });\n    const respAdapterData = serviceRespDataAdapter(respData);\n    if (!respAdapterData || respAdapterData.length === 0) {\n      targetOption.isLeaf = true;\n    } else {\n      respAdapterData.map((item) => {\n        item.isLeaf = item.isLeaf || false;\n      });\n      targetOption.children = respAdapterData;\n    }\n    targetOption.loading = false;\n    void actions.setSelectBoxList({\n      selectorList: options || [],\n    });\n    onSelectorListChange?.(options || []);\n    setOptions([...options]);\n  };\n\n  const onChange = hooks.useCallbackRef((values: Array<string | number>, selectList) => {\n    void props.onChange?.(values?.[values.length - 1], selectList);\n  });\n\n  const onClear = hooks.useCallbackRef(() => {\n    void props.onChange?.(undefined);\n  });\n\n  return (\n    <Cascader\n      showSearch={true}\n      allowClear={true}\n      {...(otherProps as TAny)}\n      popupClassName={classNames('cascader-wrapper-popup', otherProps.popupClassName)}\n      notFoundContent={\n        <RequestStatus\n          status={state.requestStatus}\n          loading={loading}\n          messageConfig={requestMessageConfig}\n          errorButton={\n            <Button type=\"primary\" onClick={onAgainRequest}>\n              重新获取数据\n            </Button>\n          }\n        />\n      }\n      loading={loading}\n      loadData={isDynamicLoad ? loadData : undefined}\n      fieldNames={fieldNamesMerge}\n      suffixIcon={\n        state.requestStatus === 'request-error' ? (\n          <RedoOutlined spin={loading} onClick={onAgainRequest} />\n        ) : undefined\n      }\n      options={options}\n      value={valueList}\n      multiple={false}\n      onChange={onChange}\n      onClear={onClear}\n    />\n  );\n});\n"],"names":["defaultState","selectorList","queryIsEmpty","requestStatus","_SelectorWrapperModel","actions","setSelectBoxList","params","state","changeRequestStatus","cascaderWrapperModels","cascaderWrapperModel","key","Model","CascaderWrapper","forwardRef","props","ref","serviceConfig","modelKey","fieldNames","isDynamicLoad","requestMessageConfig","onSelectorListChange","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","options","setOptions","_fbaHooks$useSafeStat","fbaHooks","useSafeState","loading","setLoading","_cascaderWrapperModel","useStore","requestPreKey","fieldNamesMerge","_extend","label","value","children","_useState2","valueList","setValueList","serviceRespDataAdapter","respData","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","_hooks","useCallbackRef","Promise","$return","$error","_respData","respAdapterData","onRequest","Error","$Try_1_Post","$boundEx","$Try_1_Catch","error","window","message","resolve","then","$await_2","map","item","isLeaf","useEffectCustom","cloneState","cloneList","cloneObject","filterList","treeNodeParentsList","reverse","length","undefined","useImperativeHandle","getCascaderList","onAgainRequest","loadData","selectedOptions","_extends2","targetOption","_extends","$await_3","concat","onChange","values","selectList","onClear","_jsx","Cascader","showSearch","allowClear","popupClassName","_classNames","notFoundContent","RequestStatus","status","messageConfig","errorButton","Button","type","onClick","suffixIcon","_RedoOutlined","spin","multiple"],"mappings":"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"}

package/esm/easy-form/index.js

@@ -5,5 +5,5 @@ import './../form-wrapper/index.css';
 import './../pre-defined-class-name/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as e,_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefinedOrNull as n,dom as l}from"@flatbiz/utils";import{useMemo as i,useRef as o,Fragment as a,Children as s,cloneElement as m}from"react";import{BoxGrid as u}from"../box-grid/index.js";import{fbaHooks as d}from"../fba-hooks/index.js";import{FormWrapper as f}from"../form-wrapper/index.js";import{preDefinedClassName as c}from"../pre-defined-class-name/index.js";import{jsxs as p,jsx as x}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"antd";var v=["column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","formItemGap","isPure","nonuseFormWrapper"];var h=function h(y){var g=d.useResponsivePoint()||"";var b=y.column,j=y.forceColumn,I=y.children,N=y.width,F=y.gridGutter,w=y.labelWidth,G=y.labelItemVertical,W=y.labelAlign,A=y.formItemGap,C=A===void 0?"15":A,P=y.isPure,k=y.nonuseFormWrapper,T=e(y,v);var V=i((function(){if(j){var r=24/j;return{xs:r,sm:r,md:r,lg:r,xl:r,xxl:r}}if(!b){return{xs:24,sm:12,md:12,lg:8,xl:8,xxl:6}}var e={1:{xs:24,sm:24,md:24,lg:24,xl:24,xxl:24},2:{xs:24,sm:12,md:12,lg:12,xl:12,xxl:12},3:{xs:24,sm:12,md:12,lg:8,xl:8,xxl:8},4:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6}};return e[b]}),[b,j]);var B=function r(){return s.toArray(I).filter((function(r){return r.props["hidden"]||r.type["domTypeName"]=="FormItemHidden"}))};var H=function r(){return s.toArray(I).filter((function(r){return!r.props["hidden"]&&r.type["domTypeName"]!="FormItemHidden"})).map((function(r,e){var n=r.type["domTypeName"];if(n==="BoxGridCol")return x(a,{children:r},e);var l=undefined;if(n==="FormItemWrapper"||n==="FormItemText"||n==="FormItemSpan"){l=r.props["span"];if(l){if(g==="xs"){l=24}else if(g==="sm"){l=l>12?l:12}}}if(n==="FormItemSpan"){return m(r,t({},r.props,V,{span:l,key:e}))}return x(u.Col,t({},V,{span:l,children:r}),e)})).filter(Boolean)};var R=i((function(){if(["xs","sm"].includes(g)||!N){return{}}return{width:N}}),[g,N]);var L=n(F)?[15,0]:F;var S=o(null);var _=function r(){try{if(k){return true}if(S.current){var e=l.findParentsElement(S.current,(function(r){var e;return(e=r.classList)==null||e.contains==null?void 0:e.contains("easy-form")}));return e?true:false}return undefined}catch(r){console.log("error",r);return false}};var z=_();var E=i((function(){if(["xs"].includes(g)){return"left"}return W}),[W,g]);var q=i((function(){return c.getFormLayoutClassName({labelWidth:w,labelItemVertical:G,labelAlign:E,formItemGap:C,className:T.className})}),[w,G,E,C,T.className]);return p(a,{children:[x("div",{className:"easy-form-anchor",ref:S}),z===true?x("div",{style:t({},R,T.style),className:r("easy-form",{"easy-form-pure":P},"easy-form-nested",q),children:P?I:p(a,{children:[B(),x(u.Row,{gutter:L,children:H()})]})}):undefined,z===false?x(f,t({},T,{labelWidth:w,labelAlign:E,labelItemVertical:G,formItemGap:C,style:t({},R,T.style),className:r("easy-form",{"easy-form-pure":P},q),autoComplete:"off",children:P?I:p(a,{children:[B(),x(u.Row,{gutter:L,children:H()})]})})):undefined]})};export{h as EasyForm};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as e,_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefinedOrNull as n,dom as a}from"@flatbiz/utils";import{useMemo as i,useRef as l,Fragment as o,Children as s,cloneElement as m}from"react";import{BoxGrid as u}from"../box-grid/index.js";import{fbaHooks as f}from"../fba-hooks/index.js";import{FormWrapper as d}from"../form-wrapper/index.js";import{preDefinedClassName as p}from"../pre-defined-class-name/index.js";import{jsxs as c,jsx as x}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"antd";var v=function r(e){var t=e.type["domTypeName"];var r=e.props["hidden"];return r||t=="FormItemHidden"};var h=function r(e){var t=e.type["domTypeName"];var n=e.props["hidden"];if(t==="FormItemWrapper"){return n||e.props["isClear"]}return n||t=="FormItemHidden"};var y=["column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","formItemGap","isPure","nonuseFormWrapper"];var g=function g(b){var I=f.useResponsivePoint()||"";var j=b.column,F=b.forceColumn,N=b.children,W=b.width,w=b.gridGutter,C=b.labelWidth,G=b.labelItemVertical,A=b.labelAlign,P=b.formItemGap,k=P===void 0?"15":P,T=b.isPure,V=b.nonuseFormWrapper,B=e(b,y);var H=i((function(){if(F){var r=24/F;return{xs:r,sm:r,md:r,lg:r,xl:r,xxl:r}}if(!j){return{xs:24,sm:12,md:12,lg:8,xl:8,xxl:6}}var e={1:{xs:24,sm:24,md:24,lg:24,xl:24,xxl:24},2:{xs:24,sm:12,md:12,lg:12,xl:12,xxl:12},3:{xs:24,sm:12,md:12,lg:8,xl:8,xxl:8},4:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6}};return e[j]}),[j,F]);var R=function r(){return s.toArray(N).filter(v)};var L=function r(){return s.toArray(N).filter((function(r){return!h(r)})).map((function(r,e){var n=r.type["domTypeName"];if(n==="BoxGridCol")return x(o,{children:r},e);var a=undefined;if(n==="FormItemWrapper"||n==="FormItemText"||n==="FormItemSpan"){a=r.props["span"];if(a){if(I==="xs"){a=24}else if(I==="sm"){a=a>12?a:12}}}if(n==="FormItemSpan"){return m(r,t({},r.props,H,{span:a,key:e}))}return x(u.Col,t({},H,{span:a,children:r}),e)})).filter(Boolean)};var S=i((function(){if(["xs","sm"].includes(I)||!W){return{}}return{width:W}}),[I,W]);var _=n(w)?[15,0]:w;var z=l(null);var E=function r(){try{if(V){return true}if(z.current){var e=a.findParentsElement(z.current,(function(r){var e;return(e=r.classList)==null||e.contains==null?void 0:e.contains("easy-form")}));return e?true:false}return undefined}catch(r){console.log("error",r);return false}};var q=E();var D=i((function(){if(["xs"].includes(I)){return"left"}return A}),[A,I]);var J=i((function(){return p.getFormLayoutClassName({labelWidth:C,labelItemVertical:G,labelAlign:D,formItemGap:k,className:B.className})}),[C,G,D,k,B.className]);return c(o,{children:[x("div",{className:"easy-form-anchor",ref:z}),q===true?x("div",{style:t({},S,B.style),className:r("easy-form",{"easy-form-pure":T},"easy-form-nested",J),children:T?N:c(o,{children:[R(),x(u.Row,{gutter:_,children:L()})]})}):undefined,q===false?x(d,t({},B,{labelWidth:C,labelAlign:D,labelItemVertical:G,formItemGap:k,style:t({},S,B.style),className:r("easy-form",{"easy-form-pure":T},J),autoComplete:"off",children:T?N:c(o,{children:[R(),x(u.Row,{gutter:_,children:L()})]})})):undefined]})};export{g as EasyForm};
 //# sourceMappingURL=index.js.map

package/esm/easy-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/easy-form/form.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { dom, isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Children, cloneElement, Fragment, ReactNode, useMemo, useRef } from 'react';\nimport { BoxGrid } from '../box-grid';\nimport { BoxRowProps } from '../box-grid/row';\nimport { GutterParams } from '../box-grid/type';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormWrapper, FormWrapperProps } from '../form-wrapper';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport './style.less';\n\nexport type EasyFormProps = Omit<FormWrapperProps, 'children'> & {\n  /**\n   * 定义一行显示几列（当外层宽度尺寸大于 992px（lg） 时，一行显示几列）, 默认值：3\n   * ```\n   * 1. 当外层宽度尺寸小于992px（lg），为xs、sm、md情况下不受column值影响（column=1除外）\n   * 2. 宽度尺寸定义\n   *    xs: 宽度 < 576px\n   *    sm: 宽度 ≥ 576px\n   *    md: 宽度 ≥ 768px\n   *    lg: 宽度 ≥ 992px\n   *    xl: 宽度 ≥ 1200px\n   *    xxl: 宽度 ≥ 1600px\n   * 3. 列数尺寸定义\n   *  {\n   *    1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n   *    2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n   *    3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n   *    4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n   *  };\n   * ```\n   */\n  column?: 1 | 2 | 3 | 4;\n  /**\n   * 强制定义一行显示几列，不考虑响应式\n   * ```\n   * 1. 优先级大于column\n   * 2. 建议优先使用column配置\n   * ```\n   */\n  forceColumn?: 1 | 2 | 3 | 4;\n  /**\n   * Form显示宽度，可数值、可百分比；在小屏幕尺寸（xs、sm）上无效\n   */\n  width?: number | string;\n  /** 网格间距 */\n  gridGutter?: BoxRowProps['gutter'];\n  children: ReactNode;\n  /**\n   * 是否为纯净模式，对EasyForm的子节点不做任何包装处理\n   */\n  isPure?: boolean;\n  /**\n   * true: 不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用\n   */\n  nonuseFormWrapper?: boolean;\n};\n\n/**\n * 简单Form布局，可自定义网格布局\n * ```\n * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * 2. EasyForm的children列表会进行网格化布局，可通过设置 isPure = true设置纯净模式（对EasyForm的子节点不做任何包装处理）\n * 3. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效\n *  <EasyForm form={form}>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *  </EasyForm>\n * 4. 布局网格以当前组件的宽度来计算的，不是屏幕宽度\n * 5. EasyForm 子节点包含 hidden = true 会被忽略\n * 6. 通过 column 可定义一行显示几列FormItem\n * 7. 通过 labelItemVertical 可定义 formitem 竖直布局\n * 8. 通过 formItemGap 可定义 formItem竖直方向间隙\n * 9. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式\n * 10. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）\n * 11. 自定义栅格占位格数，见下方`例如`\n\n * 例如\n * <EasyForm column={3}>\n *\t <FormItemWrapper name=\"field1\" label=\"条件1\">\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->\n *\t <BoxGrid.Col span={24}>\n *\t   <FormItemWrapper name=\"field5\" label=\"条件5\">\n *\t \t<Input placeholder=\"请输入\" allowClear={true} />\n *\t   </FormItemWrapper>\n *\t </BoxGrid.Col>\n *\t <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->\n *\t <FormItemWrapper name=\"field6\" label=\"条件6\" span={24}>\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <FormItemWrapper noStyle span={24}>\n *\t   <Button>按钮</Buttone>\n *\t </FormItemWrapper>\n * </EasyForm>\n * ```\n */\nexport const EasyForm = (props: EasyFormProps) => {\n  const screenType = fbaHooks.useResponsivePoint() || '';\n\n  const {\n    column,\n    forceColumn,\n    children,\n    width,\n    gridGutter,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    formItemGap = '15',\n    isPure,\n    nonuseFormWrapper,\n    ...otherProps\n  } = props;\n\n  const gridSize = useMemo(() => {\n    if (forceColumn) {\n      const num = 24 / forceColumn;\n      return { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num };\n    }\n    if (!column) {\n      return { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\n    }\n    const columnMap = {\n      1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n      2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n      3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n      4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n    };\n    return columnMap[column];\n  }, [column, forceColumn]);\n\n  const getHiddenRowChildren = () => {\n    return Children.toArray(children).filter((item: TAny) => {\n      return item.props['hidden'] || item.type['domTypeName'] == 'FormItemHidden';\n    });\n  };\n\n  const getFormRowChildren = () => {\n    return Children.toArray(children)\n      .filter((item: TAny) => {\n        return !item.props['hidden'] && item.type['domTypeName'] != 'FormItemHidden';\n      })\n      .map((item: TAny, index) => {\n        const domTypeName = item.type['domTypeName'];\n        if (domTypeName === 'BoxGridCol') return <Fragment key={index}>{item}</Fragment>;\n        let span: number | undefined = undefined;\n        if (\n          domTypeName === 'FormItemWrapper' ||\n          domTypeName === 'FormItemText' ||\n          domTypeName === 'FormItemSpan'\n        ) {\n          span = item.props['span'] as number;\n          if (span) {\n            if (screenType === 'xs') {\n              span = 24;\n            } else if (screenType === 'sm') {\n              span = span > 12 ? span : 12;\n            }\n          }\n        }\n        if (domTypeName === 'FormItemSpan') {\n          return cloneElement(item, {\n            ...item.props,\n            ...gridSize,\n            span,\n            key: index,\n          });\n        }\n        return (\n          <BoxGrid.Col key={index} {...gridSize} span={span}>\n            {item}\n          </BoxGrid.Col>\n        );\n      })\n      .filter(Boolean);\n  };\n\n  const innerStyle = useMemo(() => {\n    /** 小屏幕不控制宽度 */\n    if (['xs', 'sm'].includes(screenType) || !width) {\n      return {};\n    }\n    return { width };\n  }, [screenType, width]);\n\n  const gutter = isUndefinedOrNull(gridGutter) ? ([15, 0] as GutterParams) : gridGutter;\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  // 是否嵌套内部EasyForm节点\n  const getIsNestedEasyForm = () => {\n    try {\n      if (nonuseFormWrapper) {\n        return true;\n      }\n      if (anchorRef.current) {\n        const target = dom.findParentsElement(anchorRef.current, (node) => {\n          return node.classList?.contains?.('easy-form');\n        });\n        return target ? true : false;\n      }\n      return undefined;\n    } catch (error) {\n      console.log('error', error);\n      return false;\n    }\n  };\n\n  const isNestedEasyForm = getIsNestedEasyForm();\n\n  const labelAlignNew = useMemo(() => {\n    if (['xs'].includes(screenType)) {\n      return 'left';\n    }\n    return labelAlign;\n  }, [labelAlign, screenType]);\n\n  const fromLayoutClassName = useMemo(() => {\n    return preDefinedClassName.getFormLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign: labelAlignNew,\n      formItemGap,\n      className: otherProps.className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlignNew, formItemGap, otherProps.className]);\n\n  return (\n    <Fragment>\n      <div className=\"easy-form-anchor\" ref={anchorRef}></div>\n      {isNestedEasyForm === true ? (\n        <div\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames(\n            'easy-form',\n            { 'easy-form-pure': isPure },\n            'easy-form-nested',\n            fromLayoutClassName,\n          )}\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </div>\n      ) : undefined}\n      {isNestedEasyForm === false ? (\n        <FormWrapper\n          {...otherProps}\n          labelWidth={labelWidth}\n          labelAlign={labelAlignNew}\n          labelItemVertical={labelItemVertical}\n          formItemGap={formItemGap}\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames('easy-form', { 'easy-form-pure': isPure }, fromLayoutClassName)}\n          autoComplete=\"off\"\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </FormWrapper>\n      ) : undefined}\n    </Fragment>\n  );\n};\n"],"names":["EasyForm","props","screenType","fbaHooks","useResponsivePoint","column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","_props$formItemGap","formItemGap","isPure","nonuseFormWrapper","otherProps","_objectWithoutPropertiesLoose","_excluded","gridSize","useMemo","num","xs","sm","md","lg","xl","xxl","columnMap","getHiddenRowChildren","Children","toArray","filter","item","type","getFormRowChildren","map","index","domTypeName","_jsx","Fragment","span","undefined","cloneElement","_extends","key","BoxGrid","Col","Boolean","innerStyle","includes","gutter","isUndefinedOrNull","anchorRef","useRef","getIsNestedEasyForm","current","target","dom","findParentsElement","node","_node$classList","classList","contains","error","console","log","isNestedEasyForm","labelAlignNew","fromLayoutClassName","preDefinedClassName","getFormLayoutClassName","className","_jsxs","ref","style","_classNames","Row","FormWrapper","autoComplete"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/easy-form/utils.ts","@flatbiz/antd/src/easy-form/form.tsx"],"sourcesContent":["export const isHidden = (item: any) => {\n  const domTypeName = item.type['domTypeName'];\n  const isHidden = item.props['hidden'];\n  return isHidden || domTypeName == 'FormItemHidden';\n};\n\nexport const isHiddenAndClear = (item: any) => {\n  const domTypeName = item.type['domTypeName'];\n  const isHidden = item.props['hidden'];\n  if (domTypeName === 'FormItemWrapper') {\n    return isHidden || item.props['isClear'];\n  }\n  return isHidden || domTypeName == 'FormItemHidden';\n};\n","import { classNames } from '@dimjs/utils';\nimport { dom, isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Children, cloneElement, Fragment, ReactNode, useMemo, useRef } from 'react';\nimport { BoxGrid } from '../box-grid';\nimport { BoxRowProps } from '../box-grid/row';\nimport { GutterParams } from '../box-grid/type';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormWrapper, FormWrapperProps } from '../form-wrapper';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport './style.less';\nimport { isHidden, isHiddenAndClear } from './utils';\n\nexport type EasyFormProps = Omit<FormWrapperProps, 'children'> & {\n  /**\n   * 定义一行显示几列（当外层宽度尺寸大于 992px（lg） 时，一行显示几列）, 默认值：3\n   * ```\n   * 1. 当外层宽度尺寸小于992px（lg），为xs、sm、md情况下不受column值影响（column=1除外）\n   * 2. 宽度尺寸定义\n   *    xs: 宽度 < 576px\n   *    sm: 宽度 ≥ 576px\n   *    md: 宽度 ≥ 768px\n   *    lg: 宽度 ≥ 992px\n   *    xl: 宽度 ≥ 1200px\n   *    xxl: 宽度 ≥ 1600px\n   * 3. 列数尺寸定义\n   *  {\n   *    1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n   *    2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n   *    3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n   *    4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n   *  };\n   * ```\n   */\n  column?: 1 | 2 | 3 | 4;\n  /**\n   * 强制定义一行显示几列，不考虑响应式\n   * ```\n   * 1. 优先级大于column\n   * 2. 建议优先使用column配置\n   * ```\n   */\n  forceColumn?: 1 | 2 | 3 | 4;\n  /**\n   * Form显示宽度，可数值、可百分比；在小屏幕尺寸（xs、sm）上无效\n   */\n  width?: number | string;\n  /** 网格间距 */\n  gridGutter?: BoxRowProps['gutter'];\n  children: ReactNode;\n  /**\n   * 是否为纯净模式，对EasyForm的子节点不做任何包装处理\n   */\n  isPure?: boolean;\n  /**\n   * true: 不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用\n   */\n  nonuseFormWrapper?: boolean;\n};\n\n/**\n * 简单Form布局，可自定义网格布局\n * ```\n * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * 2. EasyForm的children列表会进行网格化布局，可通过设置 isPure = true设置纯净模式（对EasyForm的子节点不做任何包装处理）\n * 3. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效\n *  <EasyForm form={form}>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *  </EasyForm>\n * 4. 布局网格以当前组件的宽度来计算的，不是屏幕宽度\n * 5. EasyForm 子节点包含 hidden = true 会被忽略\n * 6. 通过 column 可定义一行显示几列FormItem\n * 7. 通过 labelItemVertical 可定义 formitem 竖直布局\n * 8. 通过 formItemGap 可定义 formItem竖直方向间隙\n * 9. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式\n * 10. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）\n * 11. 自定义栅格占位格数，见下方`例如`\n\n * 例如\n * <EasyForm column={3}>\n *\t <FormItemWrapper name=\"field1\" label=\"条件1\">\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->\n *\t <BoxGrid.Col span={24}>\n *\t   <FormItemWrapper name=\"field5\" label=\"条件5\">\n *\t \t<Input placeholder=\"请输入\" allowClear={true} />\n *\t   </FormItemWrapper>\n *\t </BoxGrid.Col>\n *\t <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->\n *\t <FormItemWrapper name=\"field6\" label=\"条件6\" span={24}>\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <FormItemWrapper noStyle span={24}>\n *\t   <Button>按钮</Buttone>\n *\t </FormItemWrapper>\n * </EasyForm>\n * ```\n */\nexport const EasyForm = (props: EasyFormProps) => {\n  const screenType = fbaHooks.useResponsivePoint() || '';\n\n  const {\n    column,\n    forceColumn,\n    children,\n    width,\n    gridGutter,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    formItemGap = '15',\n    isPure,\n    nonuseFormWrapper,\n    ...otherProps\n  } = props;\n\n  const gridSize = useMemo(() => {\n    if (forceColumn) {\n      const num = 24 / forceColumn;\n      return { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num };\n    }\n    if (!column) {\n      return { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\n    }\n    const columnMap = {\n      1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n      2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n      3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n      4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n    };\n    return columnMap[column];\n  }, [column, forceColumn]);\n\n  const getHiddenRowChildren = () => {\n    return Children.toArray(children).filter(isHidden);\n  };\n\n  const getFormRowChildren = () => {\n    return Children.toArray(children)\n      .filter((item: TAny) => {\n        return !isHiddenAndClear(item);\n      })\n      .map((item: TAny, index) => {\n        const domTypeName = item.type['domTypeName'];\n        if (domTypeName === 'BoxGridCol') return <Fragment key={index}>{item}</Fragment>;\n        let span: number | undefined = undefined;\n        if (\n          domTypeName === 'FormItemWrapper' ||\n          domTypeName === 'FormItemText' ||\n          domTypeName === 'FormItemSpan'\n        ) {\n          span = item.props['span'] as number;\n          if (span) {\n            if (screenType === 'xs') {\n              span = 24;\n            } else if (screenType === 'sm') {\n              span = span > 12 ? span : 12;\n            }\n          }\n        }\n        if (domTypeName === 'FormItemSpan') {\n          return cloneElement(item, {\n            ...item.props,\n            ...gridSize,\n            span,\n            key: index,\n          });\n        }\n        return (\n          <BoxGrid.Col key={index} {...gridSize} span={span}>\n            {item}\n          </BoxGrid.Col>\n        );\n      })\n      .filter(Boolean);\n  };\n\n  const innerStyle = useMemo(() => {\n    /** 小屏幕不控制宽度 */\n    if (['xs', 'sm'].includes(screenType) || !width) {\n      return {};\n    }\n    return { width };\n  }, [screenType, width]);\n\n  const gutter = isUndefinedOrNull(gridGutter) ? ([15, 0] as GutterParams) : gridGutter;\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  // 是否嵌套内部EasyForm节点\n  const getIsNestedEasyForm = () => {\n    try {\n      if (nonuseFormWrapper) {\n        return true;\n      }\n      if (anchorRef.current) {\n        const target = dom.findParentsElement(anchorRef.current, (node) => {\n          return node.classList?.contains?.('easy-form');\n        });\n        return target ? true : false;\n      }\n      return undefined;\n    } catch (error) {\n      console.log('error', error);\n      return false;\n    }\n  };\n\n  const isNestedEasyForm = getIsNestedEasyForm();\n\n  const labelAlignNew = useMemo(() => {\n    if (['xs'].includes(screenType)) {\n      return 'left';\n    }\n    return labelAlign;\n  }, [labelAlign, screenType]);\n\n  const fromLayoutClassName = useMemo(() => {\n    return preDefinedClassName.getFormLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign: labelAlignNew,\n      formItemGap,\n      className: otherProps.className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlignNew, formItemGap, otherProps.className]);\n\n  return (\n    <Fragment>\n      <div className=\"easy-form-anchor\" ref={anchorRef}></div>\n      {isNestedEasyForm === true ? (\n        <div\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames(\n            'easy-form',\n            { 'easy-form-pure': isPure },\n            'easy-form-nested',\n            fromLayoutClassName,\n          )}\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </div>\n      ) : undefined}\n      {isNestedEasyForm === false ? (\n        <FormWrapper\n          {...otherProps}\n          labelWidth={labelWidth}\n          labelAlign={labelAlignNew}\n          labelItemVertical={labelItemVertical}\n          formItemGap={formItemGap}\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames('easy-form', { 'easy-form-pure': isPure }, fromLayoutClassName)}\n          autoComplete=\"off\"\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </FormWrapper>\n      ) : undefined}\n    </Fragment>\n  );\n};\n"],"names":["isHidden","item","domTypeName","type","props","isHiddenAndClear","EasyForm","screenType","fbaHooks","useResponsivePoint","column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","_props$formItemGap","formItemGap","isPure","nonuseFormWrapper","otherProps","_objectWithoutPropertiesLoose","_excluded","gridSize","useMemo","num","xs","sm","md","lg","xl","xxl","columnMap","getHiddenRowChildren","Children","toArray","filter","getFormRowChildren","map","index","_jsx","Fragment","span","undefined","cloneElement","_extends","key","BoxGrid","Col","Boolean","innerStyle","includes","gutter","isUndefinedOrNull","anchorRef","useRef","getIsNestedEasyForm","current","target","dom","findParentsElement","node","_node$classList","classList","contains","error","console","log","isNestedEasyForm","labelAlignNew","fromLayoutClassName","preDefinedClassName","getFormLayoutClassName","className","_jsxs","ref","style","_classNames","Row","FormWrapper","autoComplete"],"mappings":"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"}

package/esm/editable-card/index.js

@@ -16,5 +16,5 @@ import './../form-item-wrapper/index.css';
 import './../tips-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/PlusOutlined";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as i}from"@wove/react/cjs/hooks";import{toArray as o,isUndefinedOrNull as t}from"@flatbiz/utils";import{Form as a,ConfigProvider as d,Empty as l}from"antd";import{useRef as s,useMemo as m,Fragment as u,createElement as p,isValidElement as c}from"react";import{ButtonWrapper as f}from"../button-wrapper/index.js";import{CardWrapper as v}from"../card-wrapper/index.js";import{DeleteNode as g}from"../delete-node/index.js";import{EasyForm as y}from"../easy-form/index.js";import{fbaUtils as j}from"../fba-utils/index.js";import{FormItemHidden as h}from"../form-item-hidden/index.js";import{FormItemWrapper as x}from"../form-item-wrapper/index.js";import{TipsWrapper as b}from"../tips-wrapper/index.js";import{jsx as F,jsxs as w}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@dimjs/model";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/DeleteOutlined";import"../icon-wrapper/index.js";import"@dimjs/lang/cjs/is-undefined";import"../box-grid/index.js";import"@dimjs/lang/cjs/is-number";import"ahooks";import"../form-wrapper/index.js";import"../pre-defined-class-name/index.js";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var C=function C(k){var P=a.useFormInstance();var R=o(k.formListName);var I=s();var N=i.useForceUpdate();var E=d.useConfig(),D=E.componentDisabled;var V=k.formListCompleteName||R;var _=i.useCallbackRef((function(e,r){return new Promise((function(n,i){return Promise.resolve(P.validateFields(r.map((function(r){return[].concat(e,o(r))})))).then((function(e){try{return n()}catch(e){return i(e)}}),i)}))}));var q=i.useCallbackRef((function(e){return P.getFieldValue(e)}));var B=i.useCallbackRef((function(e,r){j.setFormFieldsAndTriggerValuesChange(P,r.map((function(r){return{name:[].concat(V,[e],o(r.name)),value:r.value}})));N()}));var L=m((function(){return k.columns.map((function(e){var r;var i=e.title;var a=i;if(e.tips){a=F(b,{tipType:"popover",popoverProps:{content:e.tips},children:i})}var d=e.required;if(!d&&typeof e.formItemProps==="object"&&(r=e.formItemProps.rules)!=null&&r.length){d=!!e.formItemProps.rules.find((function(e){return!!e["required"]}))}var l=o(e["dataIndex"]);return{dataIndex:l,render:function r(i,o,s){var m;var c=P.getFieldValue([].concat(V,[o.name],l));if(t(e.render)){return F(u,{children:c})}var f=[].concat(V,[o.name]);var v=typeof(e==null?void 0:e.editable)==="function"?e==null?void 0:e.editable({index:i,getCurrentRowData:q.bind(null,f)},i):e==null?void 0:e.editable;var g={index:i,editable:v,add:s.add,remove:s.remove,move:s.move,rowFormItemName:o.name,rowFormItemCompleteName:f,setCurrentRowField:B.bind(null,o.name),validateRowFields:_.bind(null,f),getCurrentRowData:q.bind(null,f),forceUpdate:N};if(e.remove!=null&&e.remove(g,i)){return F(u,{})}if(e.hidden!=null&&e.hidden(g,i)){return F(h,{name:[o.name].concat(l)},o.key)}var y=typeof e.formItemProps==="function"?e.formItemProps(g):e.formItemProps;if(!((m=y)!=null&&(m=m.rules)!=null&&m.length)&&d){y=n({},y,{rules:[{required:true,message:""}]})}if(v===true){return p(x,n({},y,{name:[o.name].concat(l),label:a,span:e.gridNumber,key:o.key}),e.render==null?void 0:e.render(g))}return F(x,n({label:a,span:e.gridNumber},y,{children:e.render==null?void 0:e.render(g)}),o.key)}}}))}),[k.columns,P,V,B,_,q,N]);var O=r("editable-card",k.className);return F("div",{className:O,style:k.style,children:F(a.List,{name:R,rules:k.rules,initialValue:k.initialValue,children:function r(i,o,t){var d=t.errors;I.current=o;return w("div",{style:{borderRadius:"6px",border:d!=null&&d.length?"1px solid #ff4d4f":"1px solid transparent"},children:[k.contentBeforeRender==null?void 0:k.contentBeforeRender(o,i.length),i.map((function(e,r){var t;var a=k.onCustomGroupName?k.onCustomGroupName(r):r+1;var d={index:r,fields:i,fieldItem:e,operation:o,required:k.required,key:""+e.key};if(k.onCustomWrapper){var l;return F(u,{children:k.onCustomWrapper(F(y,n({nonuseFormWrapper:true},k.cardEasyFormProps,{style:n({padding:0,margin:0},(l=k.cardEasyFormProps)==null?void 0:l.style),children:L.map((function(n){return n.render(r,e,o)}))})),d)},e.key)}var s=k.cardExtraRender==null?void 0:k.cardExtraRender(d);return F(v,{className:k.cardClassName,title:a,size:"small",style:n({padding:0,margin:"0 0 15px 0"},k.cardStyle),bodyStyle:{paddingBottom:0},extra:c(s)?s:w("div",{style:{display:"inline-flex",alignItems:"center",gap:"8px"},children:[s==null?void 0:s["before"],F(g,{style:{color:"red"},hidden:k.required&&i.length===1||D,onDelete:function e(){o.remove(r)}}),s==null?void 0:s["after"]]}),children:F(y,n({nonuseFormWrapper:true},k.cardEasyFormProps,{style:n({padding:0,margin:0},(t=k.cardEasyFormProps)==null?void 0:t.style),children:L.map((function(n){return F(u,{children:n.render(r,e,o)},n.dataIndex.join("_"))}))}))},e.key)})),i.length===0?F("div",{className:"editable-card-empty",children:F(l,{image:l.PRESENTED_IMAGE_SIMPLE})}):null,F(f,{block:true,hidden:k.hiddenFooterBtn||D,type:"dashed",icon:F(e,{}),onClick:function e(){var r=k.addRowDefaultValues==null?void 0:k.addRowDefaultValues();o.add(n({},r))},children:k.addRowBtnName||"新增"}),k.contentAfterRender==null?void 0:k.contentAfterRender(o,i.length),d.length?F(a.ErrorList,{errors:[F("div",{style:{color:"#ff4d4f",padding:"5px"},children:d},"0")]}):null]})}})})};export{C as EditableCard};
+import e from"@ant-design/icons/es/icons/PlusOutlined";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as i}from"@wove/react/cjs/hooks";import{toArray as o,isUndefinedOrNull as t}from"@flatbiz/utils";import{Form as a,ConfigProvider as d,Empty as l}from"antd";import{useRef as s,useMemo as m,Fragment as u,createElement as p,isValidElement as c}from"react";import{ButtonWrapper as f}from"../button-wrapper/index.js";import{CardWrapper as v}from"../card-wrapper/index.js";import{DeleteNode as g}from"../delete-node/index.js";import{EasyForm as y}from"../easy-form/index.js";import{fbaUtils as j}from"../fba-utils/index.js";import{FormItemHidden as h}from"../form-item-hidden/index.js";import{FormItemWrapper as x}from"../form-item-wrapper/index.js";import{TipsWrapper as b}from"../tips-wrapper/index.js";import{jsx as F,jsxs as w}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@dimjs/model";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/DeleteOutlined";import"../icon-wrapper/index.js";import"@dimjs/lang/cjs/is-undefined";import"../box-grid/index.js";import"@dimjs/lang/cjs/is-number";import"ahooks";import"../form-wrapper/index.js";import"../pre-defined-class-name/index.js";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var C=function C(k){var P=a.useFormInstance();var R=o(k.formListName);var I=s();var N=i.useForceUpdate();var E=d.useConfig(),D=E.componentDisabled;var B=k.formListCompleteName||R;var V=i.useCallbackRef((function(e,r){return new Promise((function(n,i){return Promise.resolve(P.validateFields(r.map((function(r){return[].concat(e,o(r))})))).then((function(e){try{return n()}catch(e){return i(e)}}),i)}))}));var _=i.useCallbackRef((function(e){return P.getFieldValue(e)}));var q=i.useCallbackRef((function(e,r){j.setFormFieldsAndTriggerValuesChange(P,r.map((function(r){return{name:[].concat(B,[e],o(r.name)),value:r.value}})));N()}));var L=m((function(){return k.columns.map((function(e){var r;var i=e.title;var a=i;if(e.tips){a=F(b,{tipType:"popover",popoverProps:{content:e.tips},children:i})}var d=e.required;if(!d&&typeof e.formItemProps==="object"&&(r=e.formItemProps.rules)!=null&&r.length){d=!!e.formItemProps.rules.find((function(e){return!!e["required"]}))}var l=o(e["dataIndex"]);return{dataIndex:l,render:function r(i,o,s){var m;var c=P.getFieldValue([].concat(B,[o.name],l));if(t(e.render)){return F(u,{children:c})}var f=[].concat(B,[o.name]);var v=typeof(e==null?void 0:e.editable)==="function"?e==null?void 0:e.editable({index:i,getCurrentRowData:_.bind(null,f)},i):e==null?void 0:e.editable;var g={index:i,editable:v,add:s.add,remove:s.remove,move:s.move,rowFormItemName:o.name,rowFormItemCompleteName:f,setCurrentRowField:q.bind(null,o.name),validateRowFields:V.bind(null,f),getCurrentRowData:_.bind(null,f),forceUpdate:N};if(e.remove!=null&&e.remove(g,i)){return F(u,{})}if(e.hidden!=null&&e.hidden(g,i)){return F(h,{name:[o.name].concat(l)},o.key)}var y=typeof e.formItemProps==="function"?e.formItemProps(g):e.formItemProps;if(!((m=y)!=null&&(m=m.rules)!=null&&m.length)&&d){y=n({},y,{rules:[{required:true,message:""}]})}if(v===true){return p(x,n({},y,{name:[o.name].concat(l),label:a,span:e.gridNumber,key:o.key}),e.render==null?void 0:e.render(g))}return F(x,n({label:a,span:e.gridNumber},y,{children:e.render==null?void 0:e.render(g)}),o.key)}}}))}),[k.columns,P,B,q,V,_,N]);var O=r("editable-card",k.className);return F("div",{className:O,style:k.style,children:F(a.List,{name:R,rules:k.rules,initialValue:k.initialValue,children:function r(i,o,t){var d=t.errors;I.current=o;return w("div",{style:{borderRadius:"6px",border:d!=null&&d.length?"1px solid #ff4d4f":"1px solid transparent"},children:[k.contentBeforeRender==null?void 0:k.contentBeforeRender(o,i.length),i.map((function(e,r){var t;var a=k.onCustomGroupName?k.onCustomGroupName(r):r+1;var d={index:r,fields:i,fieldItem:e,operation:o,required:k.required,key:""+e.key};if(k.onCustomWrapper){var l;return F(u,{children:k.onCustomWrapper(F(y,n({nonuseFormWrapper:true},k.cardEasyFormProps,{style:n({padding:0,margin:0},(l=k.cardEasyFormProps)==null?void 0:l.style),children:L.map((function(n){return n.render(r,e,o)}))})),d)},e.key)}var s=k.cardExtraRender==null?void 0:k.cardExtraRender(d);return F(v,{className:k.cardClassName,title:a,size:"small",style:n({padding:0,margin:"0 0 15px 0"},k.cardStyle),bodyStyle:{paddingBottom:0},extra:c(s)?s:w("div",{style:{display:"inline-flex",alignItems:"center",gap:"8px"},children:[s==null?void 0:s["before"],F(g,{style:{color:"red"},hidden:k.hiddenDeleteBtn||k.required&&i.length===1||D,onDelete:function e(){o.remove(r)}}),s==null?void 0:s["after"]]}),children:F(y,n({nonuseFormWrapper:true},k.cardEasyFormProps,{style:n({padding:0,margin:0},(t=k.cardEasyFormProps)==null?void 0:t.style),children:L.map((function(n){return F(u,{children:n.render(r,e,o)},n.dataIndex.join("_"))}))}))},e.key)})),i.length===0?F("div",{className:"editable-card-empty",children:F(l,{image:l.PRESENTED_IMAGE_SIMPLE})}):null,F(f,{block:true,hidden:k.hiddenFooterBtn||D,type:"dashed",icon:F(e,{}),onClick:function e(){var r=k.addRowDefaultValues==null?void 0:k.addRowDefaultValues();o.add(n({},r))},children:k.addRowBtnName||"新增"}),k.contentAfterRender==null?void 0:k.contentAfterRender(o,i.length),d.length?F(a.ErrorList,{errors:[F("div",{style:{color:"#ff4d4f",padding:"5px"},children:d},"0")]}):null]})}})})};export{C as EditableCard};
 //# sourceMappingURL=index.js.map

package/esm/editable-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editable-card/editable-card.tsx"],"sourcesContent":["import { PlusOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\n\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { ConfigProvider, Empty, Form, FormListFieldData, type FormListOperation } from 'antd';\nimport type { ReactElement } from 'react';\nimport { Fragment, isValidElement, useMemo, useRef } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { CardWrapper } from '../card-wrapper';\nimport { DeleteNode } from '../delete-node';\nimport { EasyForm } from '../easy-form';\nimport { fbaUtils } from '../fba-utils';\nimport { FormItemHidden } from '../form-item-hidden';\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport { TipsWrapper } from '../tips-wrapper';\nimport './style.less';\nimport type { EditableCardDataIndex, EditableCardOperation, EditableCardProps } from './type';\n\n/**\n * 使用FormList实现可编辑卡片\n * ```\n * 1. 必须在外部包裹Form组件或者EasyForm组件\n * 2. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法\n * 3. 可使用DragEditableCard组件实现拖拽排序\n *\n * demo\n * https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * ```\n */\nexport const EditableCard = (props: EditableCardProps) => {\n  const form = Form.useFormInstance();\n  const formListName = toArray<string | number>(props.formListName);\n  const formListOperationRef = useRef<FormListOperation>();\n  const forceUpdate = hooks.useForceUpdate();\n  const { componentDisabled } = ConfigProvider.useConfig();\n\n  const formListCompleteName = props.formListCompleteName || formListName;\n\n  const validateRowFields = hooks.useCallbackRef(\n    async (formItemPrevName: Array<string | number>, nameList: EditableCardDataIndex[]) => {\n      await form.validateFields(\n        nameList.map((item) => [...formItemPrevName, ...toArray<string | number>(item)]),\n      );\n    },\n  );\n  const getCurrentRowData = hooks.useCallbackRef((formItemPrevName: Array<string | number>) => {\n    return form.getFieldValue(formItemPrevName);\n  });\n\n  const setCurrentRowField = hooks.useCallbackRef(\n    (\n      formItemPrevName: string | number,\n      dataIndexConfigs: {\n        name: EditableCardDataIndex;\n        value?: TAny;\n      }[],\n    ) => {\n      fbaUtils.setFormFieldsAndTriggerValuesChange(\n        form,\n        dataIndexConfigs.map((item) => {\n          return {\n            name: [...formListCompleteName, formItemPrevName, ...toArray<string | number>(item.name)],\n            value: item.value,\n          };\n        }),\n      );\n      forceUpdate();\n    },\n  );\n\n  const columns = useMemo(() => {\n    return props.columns.map((column) => {\n      const title = column.title;\n      let titleRender: ReactElement | string | undefined = title;\n      if (column.tips) {\n        titleRender = (\n          <TipsWrapper tipType=\"popover\" popoverProps={{ content: column.tips }}>\n            {title}\n          </TipsWrapper>\n        );\n      }\n\n      let required = column.required;\n\n      if (!required && typeof column.formItemProps === 'object' && column.formItemProps.rules?.length) {\n        required = !!column.formItemProps.rules.find((item) => !!item['required']);\n      }\n\n      const dataIndex = toArray<string>(column['dataIndex']);\n\n      return {\n        dataIndex,\n        render: (index, fieldData: FormListFieldData, operation: FormListOperation) => {\n          const value = form.getFieldValue([...formListCompleteName, fieldData.name, ...dataIndex]);\n          if (isUndefinedOrNull(column.render)) {\n            return <Fragment>{value}</Fragment>;\n          }\n\n          const rowFormItemCompleteName = [...formListCompleteName, fieldData.name];\n\n          const editable =\n            typeof column?.editable === 'function'\n              ? column?.editable(\n                  {\n                    index,\n                    getCurrentRowData: getCurrentRowData.bind(null, rowFormItemCompleteName),\n                  },\n                  index,\n                )\n              : column?.editable;\n\n          const renderOperationProps: EditableCardOperation = {\n            index,\n            editable,\n            add: operation.add,\n            remove: operation.remove,\n            move: operation.move,\n            rowFormItemName: fieldData.name,\n            rowFormItemCompleteName,\n            setCurrentRowField: setCurrentRowField.bind(null, fieldData.name),\n            validateRowFields: validateRowFields.bind(null, rowFormItemCompleteName),\n            getCurrentRowData: getCurrentRowData.bind(null, rowFormItemCompleteName),\n            forceUpdate,\n          };\n\n          if (column.remove?.(renderOperationProps, index)) {\n            return <Fragment />;\n          }\n\n          if (column.hidden?.(renderOperationProps, index)) {\n            return <FormItemHidden name={[fieldData.name, ...dataIndex]} key={fieldData.key} />;\n          }\n          let formItemProps =\n            typeof column.formItemProps === 'function'\n              ? column.formItemProps(renderOperationProps)\n              : column.formItemProps;\n\n          if (!formItemProps?.rules?.length && required) {\n            formItemProps = {\n              ...formItemProps,\n              rules: [{ required: true, message: '' }],\n            };\n          }\n\n          if (editable === true) {\n            return (\n              <FormItemWrapper\n                {...formItemProps}\n                name={[fieldData.name, ...dataIndex]}\n                label={titleRender}\n                span={column.gridNumber}\n                key={fieldData.key}\n              >\n                {column.render?.(renderOperationProps) as React.ReactNode}\n              </FormItemWrapper>\n            );\n          }\n          return (\n            <FormItemWrapper\n              label={titleRender}\n              span={column.gridNumber}\n              key={fieldData.key}\n              {...formItemProps}\n            >\n              {column.render?.(renderOperationProps)}\n            </FormItemWrapper>\n          );\n        },\n      };\n    });\n  }, [\n    props.columns,\n    form,\n    formListCompleteName,\n    setCurrentRowField,\n    validateRowFields,\n    getCurrentRowData,\n    forceUpdate,\n  ]);\n\n  const className = classNames('editable-card', props.className);\n\n  return (\n    <div className={className} style={props.style}>\n      <Form.List name={formListName} rules={props.rules} initialValue={props.initialValue}>\n        {(fields, formListOperation, { errors }) => {\n          formListOperationRef.current = formListOperation;\n          return (\n            <div\n              style={{\n                borderRadius: '6px',\n                border: errors?.length ? '1px solid #ff4d4f' : '1px solid transparent',\n              }}\n            >\n              {props.contentBeforeRender?.(formListOperation, fields.length)}\n              {fields.map((fieldItem, index) => {\n                const title = props.onCustomGroupName ? props.onCustomGroupName(index) : index + 1;\n\n                const extraData = {\n                  index,\n                  fields,\n                  fieldItem,\n                  operation: formListOperation,\n                  required: props.required,\n                  key: `${fieldItem.key}`,\n                };\n                if (props.onCustomWrapper) {\n                  return (\n                    <Fragment key={fieldItem.key}>\n                      {props.onCustomWrapper(\n                        <EasyForm\n                          nonuseFormWrapper={true}\n                          {...props.cardEasyFormProps}\n                          style={{\n                            padding: 0,\n                            margin: 0,\n                            ...props.cardEasyFormProps?.style,\n                          }}\n                        >\n                          {columns.map((column) => {\n                            return column.render(index, fieldItem, formListOperation);\n                          })}\n                        </EasyForm>,\n                        extraData,\n                      )}\n                    </Fragment>\n                  );\n                }\n\n                const cardExtraRenderResult = props.cardExtraRender?.(extraData);\n\n                return (\n                  <CardWrapper\n                    key={fieldItem.key}\n                    className={props.cardClassName}\n                    title={title}\n                    size=\"small\"\n                    style={{\n                      padding: 0,\n                      margin: '0 0 15px 0',\n                      ...props.cardStyle,\n                    }}\n                    bodyStyle={{ paddingBottom: 0 }}\n                    // styles={{ body: { paddingBottom: 0 } }}\n                    extra={\n                      isValidElement(cardExtraRenderResult) ? (\n                        cardExtraRenderResult\n                      ) : (\n                        <div\n                          style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '8px',\n                          }}\n                        >\n                          {cardExtraRenderResult?.['before']}\n                          <DeleteNode\n                            style={{ color: 'red' }}\n                            hidden={(props.required && fields.length === 1) || componentDisabled}\n                            onDelete={() => {\n                              formListOperation.remove(index);\n                            }}\n                          />\n                          {cardExtraRenderResult?.['after']}\n                        </div>\n                      )\n                    }\n                  >\n                    <EasyForm\n                      nonuseFormWrapper={true}\n                      {...props.cardEasyFormProps}\n                      style={{\n                        padding: 0,\n                        margin: 0,\n                        ...props.cardEasyFormProps?.style,\n                      }}\n                    >\n                      {columns.map((column) => {\n                        return (\n                          <Fragment key={column.dataIndex.join('_')}>\n                            {column.render(index, fieldItem, formListOperation)}\n                          </Fragment>\n                        );\n                      })}\n                    </EasyForm>\n                  </CardWrapper>\n                );\n              })}\n              {fields.length === 0 ? (\n                <div className=\"editable-card-empty\">\n                  <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n                </div>\n              ) : null}\n              <ButtonWrapper\n                block\n                hidden={props.hiddenFooterBtn || componentDisabled}\n                type=\"dashed\"\n                icon={<PlusOutlined />}\n                onClick={() => {\n                  const defaultValues = props.addRowDefaultValues?.();\n                  formListOperation.add({ ...defaultValues });\n                }}\n              >\n                {props.addRowBtnName || '新增'}\n              </ButtonWrapper>\n              {props.contentAfterRender?.(formListOperation, fields.length)}\n              {errors.length ? (\n                <Form.ErrorList\n                  errors={[\n                    <div style={{ color: '#ff4d4f', padding: '5px' }} key=\"0\">\n                      {errors}\n                    </div>,\n                  ]}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Form.List>\n    </div>\n  );\n};\n"],"names":["EditableCard","props","form","Form","useFormInstance","formListName","toArray","formListOperationRef","useRef","forceUpdate","_hooks","useForceUpdate","_ConfigProvider$useCo","ConfigProvider","useConfig","componentDisabled","formListCompleteName","validateRowFields","useCallbackRef","formItemPrevName","nameList","Promise","$return","$error","resolve","validateFields","map","item","concat","then","$await_1","$boundEx","getCurrentRowData","getFieldValue","setCurrentRowField","dataIndexConfigs","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","columns","useMemo","column","_column$formItemProps","title","titleRender","tips","_jsx","TipsWrapper","tipType","popoverProps","content","children","required","formItemProps","rules","length","find","dataIndex","render","index","fieldData","operation","_formItemProps","isUndefinedOrNull","Fragment","rowFormItemCompleteName","editable","bind","renderOperationProps","add","remove","move","rowFormItemName","hidden","FormItemHidden","key","_extends","message","_createElement","FormItemWrapper","label","span","gridNumber","className","_classNames","style","List","initialValue","fields","formListOperation","_ref","errors","current","_jsxs","borderRadius","border","contentBeforeRender","fieldItem","_props$cardEasyFormPr2","onCustomGroupName","extraData","onCustomWrapper","_props$cardEasyFormPr","EasyForm","nonuseFormWrapper","cardEasyFormProps","padding","margin","cardExtraRenderResult","cardExtraRender","CardWrapper","cardClassName","size","cardStyle","bodyStyle","paddingBottom","extra","isValidElement","display","alignItems","gap","DeleteNode","color","onDelete","join","Empty","image","PRESENTED_IMAGE_SIMPLE","ButtonWrapper","block","hiddenFooterBtn","type","icon","_PlusOutlined","onClick","defaultValues","addRowDefaultValues","addRowBtnName","contentAfterRender","ErrorList"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/editable-card/editable-card.tsx"],"sourcesContent":["import { PlusOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\n\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { ConfigProvider, Empty, Form, FormListFieldData, type FormListOperation } from 'antd';\nimport type { ReactElement } from 'react';\nimport { Fragment, isValidElement, useMemo, useRef } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { CardWrapper } from '../card-wrapper';\nimport { DeleteNode } from '../delete-node';\nimport { EasyForm } from '../easy-form';\nimport { fbaUtils } from '../fba-utils';\nimport { FormItemHidden } from '../form-item-hidden';\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport { TipsWrapper } from '../tips-wrapper';\nimport './style.less';\nimport type { EditableCardDataIndex, EditableCardOperation, EditableCardProps } from './type';\n\n/**\n * 使用FormList实现可编辑卡片\n * ```\n * 1. 必须在外部包裹Form组件或者EasyForm组件\n * 2. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法\n * 3. 可使用DragEditableCard组件实现拖拽排序\n *\n * demo\n * https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * ```\n */\nexport const EditableCard = (props: EditableCardProps) => {\n  const form = Form.useFormInstance();\n  const formListName = toArray<string | number>(props.formListName);\n  const formListOperationRef = useRef<FormListOperation>();\n  const forceUpdate = hooks.useForceUpdate();\n  const { componentDisabled } = ConfigProvider.useConfig();\n\n  const formListCompleteName = props.formListCompleteName || formListName;\n\n  const validateRowFields = hooks.useCallbackRef(\n    async (formItemPrevName: Array<string | number>, nameList: EditableCardDataIndex[]) => {\n      await form.validateFields(\n        nameList.map((item) => [...formItemPrevName, ...toArray<string | number>(item)]),\n      );\n    },\n  );\n  const getCurrentRowData = hooks.useCallbackRef((formItemPrevName: Array<string | number>) => {\n    return form.getFieldValue(formItemPrevName);\n  });\n\n  const setCurrentRowField = hooks.useCallbackRef(\n    (\n      formItemPrevName: string | number,\n      dataIndexConfigs: {\n        name: EditableCardDataIndex;\n        value?: TAny;\n      }[],\n    ) => {\n      fbaUtils.setFormFieldsAndTriggerValuesChange(\n        form,\n        dataIndexConfigs.map((item) => {\n          return {\n            name: [...formListCompleteName, formItemPrevName, ...toArray<string | number>(item.name)],\n            value: item.value,\n          };\n        }),\n      );\n      forceUpdate();\n    },\n  );\n\n  const columns = useMemo(() => {\n    return props.columns.map((column) => {\n      const title = column.title;\n      let titleRender: ReactElement | string | undefined = title;\n      if (column.tips) {\n        titleRender = (\n          <TipsWrapper tipType=\"popover\" popoverProps={{ content: column.tips }}>\n            {title}\n          </TipsWrapper>\n        );\n      }\n\n      let required = column.required;\n\n      if (!required && typeof column.formItemProps === 'object' && column.formItemProps.rules?.length) {\n        required = !!column.formItemProps.rules.find((item) => !!item['required']);\n      }\n\n      const dataIndex = toArray<string>(column['dataIndex']);\n\n      return {\n        dataIndex,\n        render: (index, fieldData: FormListFieldData, operation: FormListOperation) => {\n          const value = form.getFieldValue([...formListCompleteName, fieldData.name, ...dataIndex]);\n          if (isUndefinedOrNull(column.render)) {\n            return <Fragment>{value}</Fragment>;\n          }\n\n          const rowFormItemCompleteName = [...formListCompleteName, fieldData.name];\n\n          const editable =\n            typeof column?.editable === 'function'\n              ? column?.editable(\n                  {\n                    index,\n                    getCurrentRowData: getCurrentRowData.bind(null, rowFormItemCompleteName),\n                  },\n                  index,\n                )\n              : column?.editable;\n\n          const renderOperationProps: EditableCardOperation = {\n            index,\n            editable,\n            add: operation.add,\n            remove: operation.remove,\n            move: operation.move,\n            rowFormItemName: fieldData.name,\n            rowFormItemCompleteName,\n            setCurrentRowField: setCurrentRowField.bind(null, fieldData.name),\n            validateRowFields: validateRowFields.bind(null, rowFormItemCompleteName),\n            getCurrentRowData: getCurrentRowData.bind(null, rowFormItemCompleteName),\n            forceUpdate,\n          };\n\n          if (column.remove?.(renderOperationProps, index)) {\n            return <Fragment />;\n          }\n\n          if (column.hidden?.(renderOperationProps, index)) {\n            return <FormItemHidden name={[fieldData.name, ...dataIndex]} key={fieldData.key} />;\n          }\n          let formItemProps =\n            typeof column.formItemProps === 'function'\n              ? column.formItemProps(renderOperationProps)\n              : column.formItemProps;\n\n          if (!formItemProps?.rules?.length && required) {\n            formItemProps = {\n              ...formItemProps,\n              rules: [{ required: true, message: '' }],\n            };\n          }\n\n          if (editable === true) {\n            return (\n              <FormItemWrapper\n                {...formItemProps}\n                name={[fieldData.name, ...dataIndex]}\n                label={titleRender}\n                span={column.gridNumber}\n                key={fieldData.key}\n              >\n                {column.render?.(renderOperationProps) as React.ReactNode}\n              </FormItemWrapper>\n            );\n          }\n          return (\n            <FormItemWrapper\n              label={titleRender}\n              span={column.gridNumber}\n              key={fieldData.key}\n              {...formItemProps}\n            >\n              {column.render?.(renderOperationProps)}\n            </FormItemWrapper>\n          );\n        },\n      };\n    });\n  }, [\n    props.columns,\n    form,\n    formListCompleteName,\n    setCurrentRowField,\n    validateRowFields,\n    getCurrentRowData,\n    forceUpdate,\n  ]);\n\n  const className = classNames('editable-card', props.className);\n\n  return (\n    <div className={className} style={props.style}>\n      <Form.List name={formListName} rules={props.rules} initialValue={props.initialValue}>\n        {(fields, formListOperation, { errors }) => {\n          formListOperationRef.current = formListOperation;\n          return (\n            <div\n              style={{\n                borderRadius: '6px',\n                border: errors?.length ? '1px solid #ff4d4f' : '1px solid transparent',\n              }}\n            >\n              {props.contentBeforeRender?.(formListOperation, fields.length)}\n              {fields.map((fieldItem, index) => {\n                const title = props.onCustomGroupName ? props.onCustomGroupName(index) : index + 1;\n\n                const extraData = {\n                  index,\n                  fields,\n                  fieldItem,\n                  operation: formListOperation,\n                  required: props.required,\n                  key: `${fieldItem.key}`,\n                };\n                if (props.onCustomWrapper) {\n                  return (\n                    <Fragment key={fieldItem.key}>\n                      {props.onCustomWrapper(\n                        <EasyForm\n                          nonuseFormWrapper={true}\n                          {...props.cardEasyFormProps}\n                          style={{\n                            padding: 0,\n                            margin: 0,\n                            ...props.cardEasyFormProps?.style,\n                          }}\n                        >\n                          {columns.map((column) => {\n                            return column.render(index, fieldItem, formListOperation);\n                          })}\n                        </EasyForm>,\n                        extraData,\n                      )}\n                    </Fragment>\n                  );\n                }\n\n                const cardExtraRenderResult = props.cardExtraRender?.(extraData);\n\n                return (\n                  <CardWrapper\n                    key={fieldItem.key}\n                    className={props.cardClassName}\n                    title={title}\n                    size=\"small\"\n                    style={{\n                      padding: 0,\n                      margin: '0 0 15px 0',\n                      ...props.cardStyle,\n                    }}\n                    bodyStyle={{ paddingBottom: 0 }}\n                    // styles={{ body: { paddingBottom: 0 } }}\n                    extra={\n                      isValidElement(cardExtraRenderResult) ? (\n                        cardExtraRenderResult\n                      ) : (\n                        <div\n                          style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '8px',\n                          }}\n                        >\n                          {cardExtraRenderResult?.['before']}\n                          <DeleteNode\n                            style={{ color: 'red' }}\n                            hidden={\n                              props.hiddenDeleteBtn ||\n                              (props.required && fields.length === 1) ||\n                              componentDisabled\n                            }\n                            onDelete={() => {\n                              formListOperation.remove(index);\n                            }}\n                          />\n                          {cardExtraRenderResult?.['after']}\n                        </div>\n                      )\n                    }\n                  >\n                    <EasyForm\n                      nonuseFormWrapper={true}\n                      {...props.cardEasyFormProps}\n                      style={{\n                        padding: 0,\n                        margin: 0,\n                        ...props.cardEasyFormProps?.style,\n                      }}\n                    >\n                      {columns.map((column) => {\n                        return (\n                          <Fragment key={column.dataIndex.join('_')}>\n                            {column.render(index, fieldItem, formListOperation)}\n                          </Fragment>\n                        );\n                      })}\n                    </EasyForm>\n                  </CardWrapper>\n                );\n              })}\n              {fields.length === 0 ? (\n                <div className=\"editable-card-empty\">\n                  <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n                </div>\n              ) : null}\n              <ButtonWrapper\n                block\n                hidden={props.hiddenFooterBtn || componentDisabled}\n                type=\"dashed\"\n                icon={<PlusOutlined />}\n                onClick={() => {\n                  const defaultValues = props.addRowDefaultValues?.();\n                  formListOperation.add({ ...defaultValues });\n                }}\n              >\n                {props.addRowBtnName || '新增'}\n              </ButtonWrapper>\n              {props.contentAfterRender?.(formListOperation, fields.length)}\n              {errors.length ? (\n                <Form.ErrorList\n                  errors={[\n                    <div style={{ color: '#ff4d4f', padding: '5px' }} key=\"0\">\n                      {errors}\n                    </div>,\n                  ]}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Form.List>\n    </div>\n  );\n};\n"],"names":["EditableCard","props","form","Form","useFormInstance","formListName","toArray","formListOperationRef","useRef","forceUpdate","_hooks","useForceUpdate","_ConfigProvider$useCo","ConfigProvider","useConfig","componentDisabled","formListCompleteName","validateRowFields","useCallbackRef","formItemPrevName","nameList","Promise","$return","$error","resolve","validateFields","map","item","concat","then","$await_1","$boundEx","getCurrentRowData","getFieldValue","setCurrentRowField","dataIndexConfigs","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","columns","useMemo","column","_column$formItemProps","title","titleRender","tips","_jsx","TipsWrapper","tipType","popoverProps","content","children","required","formItemProps","rules","length","find","dataIndex","render","index","fieldData","operation","_formItemProps","isUndefinedOrNull","Fragment","rowFormItemCompleteName","editable","bind","renderOperationProps","add","remove","move","rowFormItemName","hidden","FormItemHidden","key","_extends","message","_createElement","FormItemWrapper","label","span","gridNumber","className","_classNames","style","List","initialValue","fields","formListOperation","_ref","errors","current","_jsxs","borderRadius","border","contentBeforeRender","fieldItem","_props$cardEasyFormPr2","onCustomGroupName","extraData","onCustomWrapper","_props$cardEasyFormPr","EasyForm","nonuseFormWrapper","cardEasyFormProps","padding","margin","cardExtraRenderResult","cardExtraRender","CardWrapper","cardClassName","size","cardStyle","bodyStyle","paddingBottom","extra","isValidElement","display","alignItems","gap","DeleteNode","color","hiddenDeleteBtn","onDelete","join","Empty","image","PRESENTED_IMAGE_SIMPLE","ButtonWrapper","block","hiddenFooterBtn","type","icon","_PlusOutlined","onClick","defaultValues","addRowDefaultValues","addRowBtnName","contentAfterRender","ErrorList"],"mappings":"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"}

package/esm/index.js

@@ -103,6 +103,7 @@ import './page404/index.css';
 import './pdf/index.css';
 import './pdf-preview/index.css';
 import './roll-location-in-view/index.css';
+import './pdf-preview2/index.css';
 import './permission/index.css';
 import './radio-group-wrapper/index.css';
 import './relation-tree/index.css';
@@ -135,5 +136,5 @@ import './tree-selector-wrapper/index.css';
 import './x-mind-preview/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{BlockLayout}from"./block-layout/index.js";export{Bootstrap}from"./bootstrap/index.js";export{BoxGrid,useBoxBreakpoint}from"./box-grid/index.js";export{ButtonOperate,ButtonOperateItemContent}from"./button-operate/index.js";export{ButtonWrapper}from"./button-wrapper/index.js";export{CardLayout}from"./card-layout/index.js";export{CardWrapper}from"./card-wrapper/index.js";export{CascaderWrapper}from"./cascader-wrapper/index.js";export{CheckList}from"./check-list/index.js";export{CheckboxWrapper}from"./checkbox-wrapper/index.js";export{ColorPickerWrapper}from"./color-picker-wrapper/index.js";export{C as ConfigProviderWrapper}from"./index-7f4ad045.js";export{createDrawerWrapperModel}from"./create-drawer-wrapper-model/index.js";export{createModalWrapperModel}from"./create-modal-wrapper-model/index.js";export{CssNodeHover}from"./css-node-hover/index.js";export{DataRender}from"./data-render/index.js";export{DatePickerWrapper}from"./date-picker-wrapper/index.js";export{DateRangePickerWrapper}from"./date-range-picker-wrapper/index.js";export{DateRangePickerWrapperFormItem}from"./date-range-picker-wrapper-form-item/index.js";export{DeleteNode}from"./delete-node/index.js";export{dialogAlert}from"./dialog-alert/index.js";export{dialogConfirm}from"./dialog-confirm/index.js";export{dialogDrawer}from"./dialog-drawer/index.js";export{DialogDrawerContent}from"./dialog-drawer-content/index.js";export{dialogLoading}from"./dialog-loading/index.js";export{dialogModal}from"./dialog-modal/index.js";export{DragCollapse}from"./drag-collapse/index.js";export{DragCollapseFormList}from"./drag-collapse-form-list/index.js";export{DragEditableCard}from"./drag-editable-card/index.js";export{DragEditableTable}from"./drag-editable-table/index.js";export{DragEditableTablePro}from"./drag-editable-table-pro/index.js";export{DragFormList}from"./drag-form-list/index.js";export{DragTable}from"./drag-table/index.js";export{DrawerWrapper}from"./drawer-wrapper/index.js";export{DropdownMenuWrapper}from"./dropdown-menu-wrapper/index.js";export{dynamicNode}from"./dynamic-node/index.js";export{EasyForm}from"./easy-form/index.js";export{EasyTable}from"./easy-table/index.js";export{EditableCard}from"./editable-card/index.js";export{EditableField}from"./editable-field/index.js";export{EditableFieldProvider}from"./editable-field-provider/index.js";export{EditableTable}from"./editable-table/index.js";export{EditableTablePro}from"./editable-table-pro/index.js";export{EditorWrapper}from"./editor-wrapper/index.js";export{ErrorBoundaryWrapper}from"./error-boundary-wrapper/index.js";export{FbaApp}from"./fba-app/index.js";export{fbaHooks}from"./fba-hooks/index.js";export{fbaUtils}from"./fba-utils/index.js";export{FileExport}from"./file-export/index.js";export{FileImport}from"./file-import/index.js";export{FileSelect}from"./file-select/index.js";export{FlexLayout}from"./flex-layout/index.js";export{FormGrid}from"./form-grid/index.js";export{FormItemGroup}from"./form-item-group/index.js";export{FormItemHidden}from"./form-item-hidden/index.js";export{FormItemSpan}from"./form-item-span/index.js";export{FormItemText}from"./form-item-text/index.js";export{FormItemWrapper}from"./form-item-wrapper/index.js";export{FormListWrapper}from"./form-list-wrapper/index.js";export{FormWrapper}from"./form-wrapper/index.js";export{Gap}from"./gap/index.js";export{IconWrapper}from"./icon-wrapper/index.js";export{InputSearchWrapper}from"./input-search-wrapper/index.js";export{InputTextAreaWrapper}from"./input-text-area-wrapper/index.js";export{InputWrapper}from"./input-wrapper/index.js";export{JsonEditor}from"./json-editor/index.js";export{LabelValueLayout}from"./label-value-layout/index.js";export{LabelValueRender}from"./label-value-render/index.js";export{LocalLoading}from"./local-loading/index.js";export{MentionEditor}from"./mention-editor/index.js";export{MentionsWrapper}from"./mentions-wrapper/index.js";export{ModalAction}from"./modal-action/index.js";export{ModalWrapper}from"./modal-wrapper/index.js";export{NumberRangeFormItem}from"./number-range-form-item/index.js";export{PageFixedFooter}from"./page-fixed-footer/index.js";export{Page404}from"./page404/index.js";export{PaginationWrapper}from"./pagination-wrapper/index.js";export{Pdf}from"./pdf/index.js";export{PdfPreview}from"./pdf-preview/index.js";export{Permission}from"./permission/index.js";export{preDefinedClassName}from"./pre-defined-class-name/index.js";export{RadioGroupWrapper}from"./radio-group-wrapper/index.js";export{RelationTree}from"./relation-tree/index.js";export{RequestStatus}from"./request-status/index.js";export{RichTextEditor}from"./rich-text-editor/index.js";export{RichTextViewer}from"./rich-text-viewer/index.js";export{RollLocationCenter}from"./roll-location-center/index.js";export{RollLocationInView}from"./roll-location-in-view/index.js";export{RuleDescribe}from"./rule-describe/index.js";export{SearchForm}from"./search-form/index.js";export{SearchMenu}from"./search-menu/index.js";export{SelectorWrapper}from"./selector-wrapper/index.js";export{SelectorWrapperSearch}from"./selector-wrapper-search/index.js";export{SelectorWrapperSimple}from"./selector-wrapper-simple/index.js";export{SimpleLayout}from"./simple-layout/index.js";export{SmsCountDown}from"./sms-count-down/index.js";export{SplitWrapper}from"./split-wrapper/index.js";export{styles}from"./styles/index.js";export{SvgHttpView}from"./svg-http-view/index.js";export{SwitchConfirmWrapper}from"./switch-confirm-wrapper/index.js";export{SwitchWrapper}from"./switch-wrapper/index.js";export{tableCellRender}from"./table-cell-render/index.js";export{TableScrollbar}from"./table-scrollbar/index.js";export{TableTitleTooltip}from"./table-title-tooltip/index.js";export{TabsWrapper}from"./tabs-wrapper/index.js";export{TagGroup}from"./tag-group/index.js";export{TagListRender}from"./tag-list-render/index.js";export{TagListSelect}from"./tag-list-select/index.js";export{TagWrapper}from"./tag-wrapper/index.js";export{TextCssEllipsis}from"./text-css-ellipsis/index.js";export{TextOverflow}from"./text-overflow/index.js";export{TextOverflowRender}from"./text-overflow-render/index.js";export{TextSymbolWrapper}from"./text-symbol-wrapper/index.js";export{TimePickerWrapper}from"./time-picker-wrapper/index.js";export{TimeRangePickerWrapper}from"./time-range-picker-wrapper/index.js";export{TimeRangePickerWrapperFormItem}from"./time-range-picker-wrapper-form-item/index.js";export{TipsTitle}from"./tips-title/index.js";export{TipsWrapper}from"./tips-wrapper/index.js";export{TreeModal}from"./tree-modal/index.js";export{TreeModalSelector}from"./tree-modal-selector/index.js";export{TreeSelectorWrapper}from"./tree-selector-wrapper/index.js";export{TreeWrapper}from"./tree-wrapper/index.js";export{UploadWrapper}from"./upload-wrapper/index.js";export{XMindPreview}from"./x-mind-preview/index.js";import"./_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-object";import"@flatbiz/utils";import"react";import"react-ace";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-groovy";import"ace-builds/src-noconflict/snippets/groovy";import"react/jsx-runtime";import"ace-builds/src-noconflict/mode-java";import"ace-builds/src-noconflict/snippets/java";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/snippets/json";import"sql-formatter";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import"antd";import"xml-formatter";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-array";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/RedoOutlined";import"@dimjs/model";import"@dimjs/model-react";import"@wove/react/cjs/create-ctx";import"@ant-design/icons/es/icons/CloseCircleOutlined";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"./time-53b3f55f.js";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/DeleteOutlined";import"react-dom/client";import"./context-1f2093c6.js";import"./dom-4d04aa64.js";import"@dimjs/utils/cjs/array";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@ant-design/icons/es/icons/DragOutlined";import"@dnd-kit/utilities";import"@dnd-kit/modifiers";import"@ant-design/icons/es/icons/SaveOutlined";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"@ant-design/icons/es/icons/DownOutlined";import"@ant-design/icons/es/icons/UpOutlined";import"react-is";import"@ant-design/icons/es/icons/PlusOutlined";import"@ant-design/icons/es/icons/CloseOutlined";import"@ant-design/icons/es/icons/CheckOutlined";import"@ant-design/icons/es/icons/EditOutlined";import"./context-62955871.js";import"@dimjs/lang/cjs/is-boolean";import"@wove/react/cjs/editor";import"./use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/QuestionCircleFilled";import"@dimjs/lang/cjs/is-deep-equal";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"@ant-design/icons/es/icons/FullscreenOutlined";import"@dimjs/utils/cjs/json";import"pubsub-js";import"react-split";import"@dimjs/lang/cjs/is-empty";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"dayjs/plugin/isSameOrAfter";import"dayjs/plugin/isSameOrBefore";import"@ant-design/icons/es/icons/CaretDownFilled";import"dequal";import"@dimjs/utils/cjs/tree";import"react-dom";import"simple-mind-map";
+export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{BlockLayout}from"./block-layout/index.js";export{Bootstrap}from"./bootstrap/index.js";export{BoxGrid,useBoxBreakpoint}from"./box-grid/index.js";export{ButtonOperate,ButtonOperateItemContent}from"./button-operate/index.js";export{ButtonWrapper}from"./button-wrapper/index.js";export{CardLayout}from"./card-layout/index.js";export{CardWrapper}from"./card-wrapper/index.js";export{CascaderWrapper}from"./cascader-wrapper/index.js";export{CheckList}from"./check-list/index.js";export{CheckboxWrapper}from"./checkbox-wrapper/index.js";export{ColorPickerWrapper}from"./color-picker-wrapper/index.js";export{C as ConfigProviderWrapper}from"./index-7f4ad045.js";export{createDrawerWrapperModel}from"./create-drawer-wrapper-model/index.js";export{createModalWrapperModel}from"./create-modal-wrapper-model/index.js";export{CssNodeHover}from"./css-node-hover/index.js";export{DataRender}from"./data-render/index.js";export{DatePickerWrapper}from"./date-picker-wrapper/index.js";export{DateRangePickerWrapper}from"./date-range-picker-wrapper/index.js";export{DateRangePickerWrapperFormItem}from"./date-range-picker-wrapper-form-item/index.js";export{DeleteNode}from"./delete-node/index.js";export{dialogAlert}from"./dialog-alert/index.js";export{dialogConfirm}from"./dialog-confirm/index.js";export{dialogDrawer}from"./dialog-drawer/index.js";export{DialogDrawerContent}from"./dialog-drawer-content/index.js";export{dialogLoading}from"./dialog-loading/index.js";export{dialogModal}from"./dialog-modal/index.js";export{DragCollapse}from"./drag-collapse/index.js";export{DragCollapseFormList}from"./drag-collapse-form-list/index.js";export{DragEditableCard}from"./drag-editable-card/index.js";export{DragEditableTable}from"./drag-editable-table/index.js";export{DragEditableTablePro}from"./drag-editable-table-pro/index.js";export{DragFormList}from"./drag-form-list/index.js";export{DragTable}from"./drag-table/index.js";export{DrawerWrapper}from"./drawer-wrapper/index.js";export{DropdownMenuWrapper}from"./dropdown-menu-wrapper/index.js";export{dynamicNode}from"./dynamic-node/index.js";export{EasyForm}from"./easy-form/index.js";export{EasyTable}from"./easy-table/index.js";export{EditableCard}from"./editable-card/index.js";export{EditableField}from"./editable-field/index.js";export{EditableFieldProvider}from"./editable-field-provider/index.js";export{EditableTable}from"./editable-table/index.js";export{EditableTablePro}from"./editable-table-pro/index.js";export{EditorWrapper}from"./editor-wrapper/index.js";export{ErrorBoundaryWrapper}from"./error-boundary-wrapper/index.js";export{FbaApp}from"./fba-app/index.js";export{fbaHooks}from"./fba-hooks/index.js";export{fbaUtils}from"./fba-utils/index.js";export{FileExport}from"./file-export/index.js";export{FileImport}from"./file-import/index.js";export{FileSelect}from"./file-select/index.js";export{FlexLayout}from"./flex-layout/index.js";export{FormGrid}from"./form-grid/index.js";export{FormItemGroup}from"./form-item-group/index.js";export{FormItemHidden}from"./form-item-hidden/index.js";export{FormItemSpan}from"./form-item-span/index.js";export{FormItemText}from"./form-item-text/index.js";export{FormItemWrapper}from"./form-item-wrapper/index.js";export{FormListWrapper}from"./form-list-wrapper/index.js";export{FormWrapper}from"./form-wrapper/index.js";export{Gap}from"./gap/index.js";export{IconWrapper}from"./icon-wrapper/index.js";export{InputSearchWrapper}from"./input-search-wrapper/index.js";export{InputTextAreaWrapper}from"./input-text-area-wrapper/index.js";export{InputWrapper}from"./input-wrapper/index.js";export{JsonEditor}from"./json-editor/index.js";export{LabelValueLayout}from"./label-value-layout/index.js";export{LabelValueRender}from"./label-value-render/index.js";export{LocalLoading}from"./local-loading/index.js";export{MentionEditor}from"./mention-editor/index.js";export{MentionsWrapper}from"./mentions-wrapper/index.js";export{ModalAction}from"./modal-action/index.js";export{ModalWrapper}from"./modal-wrapper/index.js";export{NumberRangeFormItem}from"./number-range-form-item/index.js";export{PageFixedFooter}from"./page-fixed-footer/index.js";export{Page404}from"./page404/index.js";export{PaginationWrapper}from"./pagination-wrapper/index.js";export{Pdf}from"./pdf/index.js";export{PdfPreview}from"./pdf-preview/index.js";export{PdfPreview2}from"./pdf-preview2/index.js";export{Permission}from"./permission/index.js";export{preDefinedClassName}from"./pre-defined-class-name/index.js";export{RadioGroupWrapper}from"./radio-group-wrapper/index.js";export{RelationTree}from"./relation-tree/index.js";export{RequestStatus}from"./request-status/index.js";export{RichTextEditor}from"./rich-text-editor/index.js";export{RichTextViewer}from"./rich-text-viewer/index.js";export{RollLocationCenter}from"./roll-location-center/index.js";export{RollLocationInView}from"./roll-location-in-view/index.js";export{RuleDescribe}from"./rule-describe/index.js";export{SearchForm}from"./search-form/index.js";export{SearchMenu}from"./search-menu/index.js";export{SelectorWrapper}from"./selector-wrapper/index.js";export{SelectorWrapperSearch}from"./selector-wrapper-search/index.js";export{SelectorWrapperSimple}from"./selector-wrapper-simple/index.js";export{SimpleLayout}from"./simple-layout/index.js";export{SmsCountDown}from"./sms-count-down/index.js";export{SplitWrapper}from"./split-wrapper/index.js";export{styles}from"./styles/index.js";export{SvgHttpView}from"./svg-http-view/index.js";export{SwitchConfirmWrapper}from"./switch-confirm-wrapper/index.js";export{SwitchWrapper}from"./switch-wrapper/index.js";export{tableCellRender}from"./table-cell-render/index.js";export{TableScrollbar}from"./table-scrollbar/index.js";export{TableTitleTooltip}from"./table-title-tooltip/index.js";export{TabsWrapper}from"./tabs-wrapper/index.js";export{TagGroup}from"./tag-group/index.js";export{TagListRender}from"./tag-list-render/index.js";export{TagListSelect}from"./tag-list-select/index.js";export{TagWrapper}from"./tag-wrapper/index.js";export{TextCssEllipsis}from"./text-css-ellipsis/index.js";export{TextOverflow}from"./text-overflow/index.js";export{TextOverflowRender}from"./text-overflow-render/index.js";export{TextSymbolWrapper}from"./text-symbol-wrapper/index.js";export{TimePickerWrapper}from"./time-picker-wrapper/index.js";export{TimeRangePickerWrapper}from"./time-range-picker-wrapper/index.js";export{TimeRangePickerWrapperFormItem}from"./time-range-picker-wrapper-form-item/index.js";export{TipsTitle}from"./tips-title/index.js";export{TipsWrapper}from"./tips-wrapper/index.js";export{TreeModal}from"./tree-modal/index.js";export{TreeModalSelector}from"./tree-modal-selector/index.js";export{TreeSelectorWrapper}from"./tree-selector-wrapper/index.js";export{TreeWrapper}from"./tree-wrapper/index.js";export{UploadWrapper}from"./upload-wrapper/index.js";export{XMindPreview}from"./x-mind-preview/index.js";import"./_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-object";import"@flatbiz/utils";import"react";import"react-ace";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-groovy";import"ace-builds/src-noconflict/snippets/groovy";import"react/jsx-runtime";import"ace-builds/src-noconflict/mode-java";import"ace-builds/src-noconflict/snippets/java";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/snippets/json";import"sql-formatter";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import"antd";import"xml-formatter";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-array";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/RedoOutlined";import"@dimjs/model";import"@dimjs/model-react";import"@wove/react/cjs/create-ctx";import"@ant-design/icons/es/icons/CloseCircleOutlined";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"./time-53b3f55f.js";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/DeleteOutlined";import"react-dom/client";import"./context-1f2093c6.js";import"./dom-4d04aa64.js";import"@dimjs/utils/cjs/array";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@ant-design/icons/es/icons/DragOutlined";import"@dnd-kit/utilities";import"@dnd-kit/modifiers";import"@ant-design/icons/es/icons/SaveOutlined";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"@ant-design/icons/es/icons/DownOutlined";import"@ant-design/icons/es/icons/UpOutlined";import"react-is";import"@ant-design/icons/es/icons/PlusOutlined";import"@ant-design/icons/es/icons/CloseOutlined";import"@ant-design/icons/es/icons/CheckOutlined";import"@ant-design/icons/es/icons/EditOutlined";import"./context-62955871.js";import"@dimjs/lang/cjs/is-boolean";import"@wove/react/cjs/editor";import"./use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/QuestionCircleFilled";import"@dimjs/lang/cjs/is-deep-equal";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"@ant-design/icons/es/icons/FullscreenOutlined";import"@dimjs/utils/cjs/json";import"pubsub-js";import"react-split";import"@dimjs/lang/cjs/is-empty";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"dayjs/plugin/isSameOrAfter";import"dayjs/plugin/isSameOrBefore";import"@ant-design/icons/es/icons/CaretDownFilled";import"dequal";import"@dimjs/utils/cjs/tree";import"react-dom";import"simple-mind-map";
 //# sourceMappingURL=index.js.map

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

@@ -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 { 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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"}
+{"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显示效果、error显示效果、获取服务数据\n * 2. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * 3. 通过 serviceConfig.requiredParamsKeys 设置服务调用必填字段\n * 4. 通过 ref.onRequest 可主动发起服务调用\n * 5. 子组件通过下面方式主动发起服务调用\n *    const localLoadingApi = LocalLoading.useLocalLoading();\n *    localLoadingApi.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显示效果、error显示效果、获取服务数据\n * 2. 当 serviceConfig.params 值与上一次值不相等时，会主动发起服务调用\n * 3. 通过 serviceConfig.requiredParamsKeys 设置服务调用必填字段\n * 4. 通过 ref.onRequest 可主动发起服务调用\n * 5. 子组件通过下面方式主动发起服务调用\n *    const localLoadingApi = LocalLoading.useLocalLoading();\n *    localLoadingApi.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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"}