@flatbiz/antd 4.5.55 → 4.5.56

package/esm/form-grid/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Col as t,Form as i,Row as n,Space as o}from"antd";import{jsx as a,jsxs as l}from"react/jsx-runtime";import{classNames as u}from"@dimjs/utils/cjs/class-names";import{useMemo as s,isValidElement as f,cloneElement as d}from"react";import{toArray as v,valueIsEqual as m}from"@flatbiz/utils";import{u as p}from"../use-responsive-point-21b8c601.js";var c=["forceAloneRow","hidden"];var h={xs:24,sm:24,md:24,lg:24,xl:24,xxl:24};var g=function i(n){var o=n.forceAloneRow,l=n.hidden,u=r(n,c);var s=o?h:u;if(l)return null;return a(t,e({},s,{children:n.children}))};g["domTypeName"]="FormCol";var x=["leftList","rightList","rowColTotal","justify","forceAloneRow","hidden","leftSpaceProps","rightSpaceProps"];var y={xs:24,sm:24,md:24,lg:24,xl:24,xxl:24};var L=function f(d){var v=d,m=v.leftList,p=v.rightList,c=v.rowColTotal,h=v.justify,g=v.forceAloneRow,L=v.hidden,w=v.leftSpaceProps,C=v.rightSpaceProps,N=r(v,x);var j=(m||[]).filter(Boolean);var T=(p||[]).filter(Boolean);var F=j.length>0&&T.length>0;var S=g||F?y:{};var G=s((function(){if(h)return h;if(F)return"space-between";if(g)return"end";if(c===1)return"start";return"end"}),[g,F,h,c]);var O=u(d.className,"v-form-col-operate");if(L)return null;return a(t,e({},N,S,{className:O,children:a(i.Item,{children:l(n,{justify:G,wrap:false,children:[a(o,e({},w,{className:u("v-form-col-operate-left",w==null?void 0:w.className),children:j.map((function(r){return r}))})),a(o,e({},C,{style:e({overflowX:"auto"},C==null?void 0:C.style),className:u("v-form-col-operate-right",C==null?void 0:C.className),children:T==null?void 0:T.map((function(r){return r}))}))]})})}))};L["domTypeName"]="FormOperateCol";var w=function r(e,t){try{var i=[];var n=function r(t){var i=e[t];return{index:t,value:i>24?24:i}};var o=true;var a=[];var l=0;var u=0;while(o){var s=e[l];a.push(n(l));if(s>=24){i.push(a);a=[];u=0}else if(l===e.length-1){i.push(a)}else{u+=s;if(u>=24){i.push(a);a=[];u=0}}l=l+1;if(l>=e.length){o=false}}var f=i.find((function(r){return!!r.find((function(r){return r.index===t}))}))||[];var d=0;var v=0;f.forEach((function(r,e){if(r.index===t)v=e;if(r.index<t){d=d+r.value}}));if(d===24||d===0){f[v].value=24}else{f[v].value=24-d}return{gridList:i.reduce((function(r,e){return r.concat(e)})).map((function(r){return r.value})),gridGroupList:i}}catch(r){return{gridList:e,gridGroupList:[]}}};var C=["gridSize"];var N={xs:24,sm:12,md:12,lg:8,xl:8,xxl:6};var j={xs:24,sm:12,md:8,lg:6,xl:6,xxl:6};var T=function t(i){var o=i.gridSize,l=r(i,C);var u=p()||"md";var c=v(i.children).filter((function(r){if(!r||!f(r))return false;return m(r.type["domTypeName"],["FormOperateCol","FormCol"])}));var h=o==="small"?j:N;var g=s((function(){var r=c.findIndex((function(r){return r.type["domTypeName"]==="FormOperateCol"}));if(u===undefined){return{gridList:[],gridGroupList:[]}}var e=c.map((function(e,t){var i,n;if(t===r)return 0;var o=(i=e.props)==null?void 0:i.span;if(["md","sm","xs"].includes(u)){var a;var l=((a=e.props)==null?void 0:a[u])||h[u];if(u=="md"&&o){return o>l?o:l}return l}return((n=e.props)==null?void 0:n[u])||o||h[u]}));if(r<0){return{gridList:e,gridGroupList:[]}}return w(e,r)}),[c,h,u]),x=g.gridList,y=g.gridGroupList;return a(n,e({},l,{children:c.map((function(r,t){var i;var n=e({},h,r.props);var o=e({key:t},n,(i={},i[u]=x[t]||n[u],i));if(r.type["domTypeName"]==="FormOperateCol"){o["rowColTotal"]=y.length}return d(r,o)}))}))};var F={Row:T,Col:g,OperateCol:L};export{F as FormGrid};
+import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Col as t,Form as i,Row as n,Space as o}from"antd";import{jsx as a,jsxs as l}from"react/jsx-runtime";import{classNames as u}from"@dimjs/utils/cjs/class-names";import{useMemo as s,isValidElement as f,cloneElement as d}from"react";import{toArray as v,valueIsEqual as m}from"@flatbiz/utils";import{u as p}from"../use-responsive-point-1e6d93d9.js";var c=["forceAloneRow","hidden"];var h={xs:24,sm:24,md:24,lg:24,xl:24,xxl:24};var g=function i(n){var o=n.forceAloneRow,l=n.hidden,u=r(n,c);var s=o?h:u;if(l)return null;return a(t,e({},s,{children:n.children}))};g["domTypeName"]="FormCol";var x=["leftList","rightList","rowColTotal","justify","forceAloneRow","hidden","leftSpaceProps","rightSpaceProps"];var y={xs:24,sm:24,md:24,lg:24,xl:24,xxl:24};var L=function f(d){var v=d,m=v.leftList,p=v.rightList,c=v.rowColTotal,h=v.justify,g=v.forceAloneRow,L=v.hidden,w=v.leftSpaceProps,C=v.rightSpaceProps,N=r(v,x);var j=(m||[]).filter(Boolean);var T=(p||[]).filter(Boolean);var F=j.length>0&&T.length>0;var S=g||F?y:{};var G=s(function(){if(h)return h;if(F)return"space-between";if(g)return"end";if(c===1)return"start";return"end"},[g,F,h,c]);var O=u(d.className,"v-form-col-operate");if(L)return null;return a(t,e({},N,S,{className:O,children:a(i.Item,{children:l(n,{justify:G,wrap:false,children:[a(o,e({},w,{className:u("v-form-col-operate-left",w==null?void 0:w.className),children:j.map(function(r){return r})})),a(o,e({},C,{style:e({overflowX:"auto"},C==null?void 0:C.style),className:u("v-form-col-operate-right",C==null?void 0:C.className),children:T==null?void 0:T.map(function(r){return r})}))]})})}))};L["domTypeName"]="FormOperateCol";var w=function r(e,t){try{var i=[];var n=function r(t){var i=e[t];return{index:t,value:i>24?24:i}};var o=true;var a=[];var l=0;var u=0;while(o){var s=e[l];a.push(n(l));if(s>=24){i.push(a);a=[];u=0}else if(l===e.length-1){i.push(a)}else{u+=s;if(u>=24){i.push(a);a=[];u=0}}l=l+1;if(l>=e.length){o=false}}var f=i.find(function(r){return!!r.find(function(r){return r.index===t})})||[];var d=0;var v=0;f.forEach(function(r,e){if(r.index===t)v=e;if(r.index<t){d=d+r.value}});if(d===24||d===0){f[v].value=24}else{f[v].value=24-d}return{gridList:i.reduce(function(r,e){return r.concat(e)}).map(function(r){return r.value}),gridGroupList:i}}catch(r){return{gridList:e,gridGroupList:[]}}};var C=["gridSize"];var N={xs:24,sm:12,md:12,lg:8,xl:8,xxl:6};var j={xs:24,sm:12,md:8,lg:6,xl:6,xxl:6};var T=function t(i){var o=i.gridSize,l=r(i,C);var u=p()||"md";var c=v(i.children).filter(function(r){if(!r||!f(r))return false;return m(r.type["domTypeName"],["FormOperateCol","FormCol"])});var h=o==="small"?j:N;var g=s(function(){var r=c.findIndex(function(r){return r.type["domTypeName"]==="FormOperateCol"});if(u===undefined){return{gridList:[],gridGroupList:[]}}var e=c.map(function(e,t){var i,n;if(t===r)return 0;var o=(i=e.props)==null?void 0:i.span;if(["md","sm","xs"].includes(u)){var a;var l=((a=e.props)==null?void 0:a[u])||h[u];if(u=="md"&&o){return o>l?o:l}return l}return((n=e.props)==null?void 0:n[u])||o||h[u]});if(r<0){return{gridList:e,gridGroupList:[]}}return w(e,r)},[c,h,u]),x=g.gridList,y=g.gridGroupList;return a(n,e({},l,{children:c.map(function(r,t){var i;var n=e({},h,r.props);var o=e({key:t},n,(i={},i[u]=x[t]||n[u],i));if(r.type["domTypeName"]==="FormOperateCol"){o["rowColTotal"]=y.length}return d(r,o)})}))};var F={Row:T,Col:g,OperateCol:L};export{F as FormGrid};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-grid/form-col.tsx","@flatbiz/antd/src/form-grid/form-operate-col.tsx","@flatbiz/antd/src/form-grid/utils.ts","@flatbiz/antd/src/form-grid/form-row.tsx","@flatbiz/antd/src/form-grid/index.ts"],"sourcesContent":["import { Col } from 'antd';\nimport { ReactNode } from 'react';\nconst forceAloneRowGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormColProps = {\n  /** 栅格占位格数，替换lg、xl、xxl默认数据 */\n  span?: number;\n  /** 屏幕 < 576px  */\n  xs?: number;\n  /** 屏幕 ≥ 576px */\n  sm?: number;\n  /** 屏幕 ≥ 768px */\n  md?: number;\n  /** 屏幕 ≥ 992px */\n  lg?: number;\n  /** 屏幕 ≥ 1200px */\n  xl?: number;\n  /** 屏幕 ≥ 1600px */\n  xxl?: number;\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  children?: ReactNode | ReactNode[];\n  hidden?: boolean;\n};\n\n/**\n * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n *```\n * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n * 2. grid 自定义响应式网格布局\n * xs: 屏幕 < 576px\n * sm: 屏幕 ≥ 576px\n * md: 屏幕 ≥ 768px\n * lg: 屏幕 ≥ 992px\n * xl: 屏幕 ≥ 1200px\n * xxl: 屏幕 ≥ 1600px\n * ```\n */\nexport const FormCol = (props: FormColProps) => {\n  const { forceAloneRow, hidden, ...otherProps } = props;\n  const forceGrid = forceAloneRow ? forceAloneRowGrid : otherProps;\n  if (hidden) return null;\n  return <Col {...forceGrid}>{props.children}</Col>;\n};\n\nFormCol['domTypeName'] = 'FormCol';\n","import { classNames } from '@dimjs/utils';\nimport { Col, Form, Row, RowProps, Space, SpaceProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\n\nconst fullGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormOperateColProps = {\n  className?: string;\n  leftList?: Array<ReactElement | null>;\n  rightList?: Array<ReactElement | null>;\n  // left、right 对齐方式，优先级最高\n  justify?: RowProps['justify'];\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  hidden?: boolean;\n  leftSpaceProps?: SpaceProps;\n  rightSpaceProps?: SpaceProps;\n};\n\n/**\n * FormOperateCol 布局说明\n * ```\n * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n * ```\n */\nexport const FormOperateCol = (props: FormOperateColProps) => {\n  const {\n    leftList,\n    rightList,\n    rowColTotal,\n    justify,\n    forceAloneRow,\n    hidden,\n    leftSpaceProps,\n    rightSpaceProps,\n    ...otherProps\n  } = props as FormOperateColProps & {\n    rowColTotal: number;\n  };\n  const _leftList = (leftList || []).filter(Boolean);\n  const _rightList = (rightList || []).filter(Boolean);\n  const hasAll = _leftList.length > 0 && _rightList.length > 0;\n  const forceGrid = forceAloneRow || hasAll ? fullGrid : {};\n\n  const colJustify = useMemo(() => {\n    if (justify) return justify;\n    if (hasAll) return 'space-between';\n    if (forceAloneRow) return 'end';\n    if (rowColTotal === 1) return 'start';\n    return 'end';\n  }, [forceAloneRow, hasAll, justify, rowColTotal]);\n\n  const className = classNames(props.className, 'v-form-col-operate');\n\n  if (hidden) return null;\n\n  return (\n    <Col {...otherProps} {...forceGrid} className={className}>\n      <Form.Item>\n        <Row justify={colJustify} wrap={false}>\n          <Space\n            {...leftSpaceProps}\n            className={classNames('v-form-col-operate-left', leftSpaceProps?.className)}\n          >\n            {_leftList.map((item) => item)}\n          </Space>\n          <Space\n            {...rightSpaceProps}\n            style={{ overflowX: 'auto', ...rightSpaceProps?.style }}\n            className={classNames('v-form-col-operate-right', rightSpaceProps?.className)}\n          >\n            {_rightList?.map((item) => item)}\n          </Space>\n        </Row>\n      </Form.Item>\n    </Col>\n  );\n};\n\nFormOperateCol['domTypeName'] = 'FormOperateCol';\n","/**\n * 用于计算 operateCol 所占用网格数\n * ```\n * col网格数据 [8,8,8,12,24,0,8] => [[8,8,8],[12],[24],[0,8]]，分组后计算operateCol所在行中剩余网格数\n * ```\n * @returns\n */\nexport const calculateOperateGrid = (gridList: number[], operateColIndex: number) => {\n  try {\n    const groupList = [] as { index: number; value: number }[][];\n    const getGroupItem = function (index) {\n      const value = gridList[index];\n      return { index, value: value > 24 ? 24 : value };\n    };\n    let condition = true;\n    let groupItemList = [] as { index: number; value: number }[];\n    let currentIndex = 0;\n    let total = 0;\n    while (condition) {\n      const currentValue = gridList[currentIndex];\n      groupItemList.push(getGroupItem(currentIndex));\n      if (currentValue >= 24) {\n        groupList.push(groupItemList);\n        groupItemList = [];\n        total = 0;\n      } else if (currentIndex === gridList.length - 1) {\n        groupList.push(groupItemList);\n      } else {\n        total += currentValue;\n        if (total >= 24) {\n          groupList.push(groupItemList);\n          groupItemList = [];\n          total = 0;\n        }\n      }\n      currentIndex = currentIndex + 1;\n      if (currentIndex >= gridList.length) {\n        condition = false;\n      }\n    }\n    const hasOperateList =\n      groupList.find((item) => !!item.find((temp) => temp.index === operateColIndex)) || [];\n    let hasOperateTotal = 0;\n    let hasOperateIndex = 0;\n    hasOperateList.forEach((item, index) => {\n      if (item.index === operateColIndex) hasOperateIndex = index;\n      if (item.index < operateColIndex) {\n        hasOperateTotal = hasOperateTotal + item.value;\n      }\n    });\n    if (hasOperateTotal === 24 || hasOperateTotal === 0) {\n      hasOperateList[hasOperateIndex].value = 24;\n    } else {\n      hasOperateList[hasOperateIndex].value = 24 - hasOperateTotal;\n    }\n\n    return {\n      gridList: groupList.reduce((a, b) => a.concat(b)).map((temp) => temp.value),\n      gridGroupList: groupList,\n    };\n  } catch (error) {\n    return {\n      gridList,\n      gridGroupList: [],\n    };\n  }\n};\n","import { toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Row, RowProps } from 'antd';\nimport { cloneElement, isValidElement, ReactElement, ReactNode, useMemo } from 'react';\nimport { useResponsivePoint } from '../fba-hooks/use-responsive-point';\nimport { calculateOperateGrid } from './utils';\n\nexport type FormRowProps = RowProps & {\n  children?: ReactNode | ReactNode[];\n  /**\n   * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };\n   * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n   */\n  gridSize?: 'default' | 'small';\n};\nconst defaultGrid = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\nconst defaultSmallGrid = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n\n/**\n * FormItem网格响应式布局\n *```\n * 1. 应用场景：Form条件布局\n * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n */\nexport const FormRow = (props: FormRowProps) => {\n  const { gridSize, ...otherProps } = props;\n  const screenType = useResponsivePoint() || 'md';\n\n  const childrenList = toArray<ReactElement>(props.children).filter((item) => {\n    if (!item || !isValidElement(item)) return false;\n    return valueIsEqual(item.type['domTypeName'], ['FormOperateCol', 'FormCol']);\n  });\n  const defaultGridSize = gridSize === 'small' ? defaultSmallGrid : defaultGrid;\n\n  const { gridList, gridGroupList } = useMemo(() => {\n    const operateColIndex = childrenList.findIndex((item) => {\n      return item.type['domTypeName'] === 'FormOperateCol';\n    });\n    if (screenType === undefined) {\n      return { gridList: [] as number[], gridGroupList: [] };\n    }\n    const _currentGridList = childrenList.map((temp, index) => {\n      if (index === operateColIndex) return 0;\n      const span = temp.props?.span as number;\n      if (['md', 'sm', 'xs'].includes(screenType)) {\n        const innerSpan = temp.props?.[screenType] || defaultGridSize[screenType];\n        if (screenType == 'md' && span) {\n          return span > innerSpan ? span : innerSpan;\n        }\n        return innerSpan;\n      }\n      return temp.props?.[screenType] || span || defaultGridSize[screenType];\n    });\n    if (operateColIndex < 0) {\n      return { gridList: _currentGridList, gridGroupList: [] };\n    }\n    return calculateOperateGrid(_currentGridList, operateColIndex);\n  }, [childrenList, defaultGridSize, screenType]);\n\n  // if (!screenType) return <Fragment>{props.children}</Fragment>;\n  return (\n    <Row {...otherProps}>\n      {childrenList.map((item, index) => {\n        const itemProps = { ...defaultGridSize, ...item.props };\n        const newProps = {\n          key: index,\n          ...itemProps,\n          [screenType]: gridList[index] || itemProps[screenType],\n        };\n        if (item.type['domTypeName'] === 'FormOperateCol') {\n          newProps['rowColTotal'] = gridGroupList.length;\n        }\n        return cloneElement(item, newProps);\n      })}\n    </Row>\n  );\n};\n","import { FormCol } from './form-col';\nimport { FormOperateCol } from './form-operate-col';\nimport { FormRow } from './form-row';\n\nexport const FormGrid = {\n  /**\n   * FormItem网格响应式布局\n   *```\n   * 1. 应用场景：Form条件布局\n   * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n   * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n   */\n  Row: FormRow,\n  /**\n   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n   *```\n   * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n   * 2. grid 自定义响应式网格布局\n   * xs: 屏幕 < 576px\n   * sm: 屏幕 ≥ 576px\n   * md: 屏幕 ≥ 768px\n   * lg: 屏幕 ≥ 992px\n   * xl: 屏幕 ≥ 1200px\n   * xxl: 屏幕 ≥ 1600px\n   * ```\n   */\n  Col: FormCol,\n  /**\n   * FormOperateCol 布局说明\n   * ```\n   * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n   * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n   * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n   * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n   * ```\n   */\n  OperateCol: FormOperateCol,\n};\n"],"names":["forceAloneRowGrid","xs","sm","md","lg","xl","xxl","FormCol","props","forceAloneRow","hidden","otherProps","_objectWithoutPropertiesLoose","_excluded","forceGrid","_jsx","Col","_extends","children","fullGrid","FormOperateCol","_ref","leftList","rightList","rowColTotal","justify","leftSpaceProps","rightSpaceProps","_leftList","filter","Boolean","_rightList","hasAll","length","colJustify","useMemo","className","_classNames","Form","Item","_jsxs","Row","wrap","Space","map","item","style","overflowX","calculateOperateGrid","gridList","operateColIndex","groupList","getGroupItem","index","value","condition","groupItemList","currentIndex","total","currentValue","push","hasOperateList","find","temp","hasOperateTotal","hasOperateIndex","forEach","reduce","a","b","concat","gridGroupList","error","defaultGrid","defaultSmallGrid","FormRow","gridSize","screenType","useResponsivePoint","childrenList","toArray","isValidElement","valueIsEqual","type","defaultGridSize","_useMemo","findIndex","undefined","_currentGridList","_temp$props","_temp$props3","span","includes","_temp$props2","innerSpan","_extends2","itemProps","newProps","key","cloneElement","FormGrid","OperateCol"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-grid/form-col.tsx","@flatbiz/antd/src/form-grid/form-operate-col.tsx","@flatbiz/antd/src/form-grid/utils.ts","@flatbiz/antd/src/form-grid/form-row.tsx","@flatbiz/antd/src/form-grid/index.ts"],"sourcesContent":["import { Col } from 'antd';\nimport { ReactNode } from 'react';\nconst forceAloneRowGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormColProps = {\n  /** 栅格占位格数，替换lg、xl、xxl默认数据 */\n  span?: number;\n  /** 屏幕 < 576px  */\n  xs?: number;\n  /** 屏幕 ≥ 576px */\n  sm?: number;\n  /** 屏幕 ≥ 768px */\n  md?: number;\n  /** 屏幕 ≥ 992px */\n  lg?: number;\n  /** 屏幕 ≥ 1200px */\n  xl?: number;\n  /** 屏幕 ≥ 1600px */\n  xxl?: number;\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  children?: ReactNode | ReactNode[];\n  hidden?: boolean;\n};\n\n/**\n * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n *```\n * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n * 2. grid 自定义响应式网格布局\n * xs: 屏幕 < 576px\n * sm: 屏幕 ≥ 576px\n * md: 屏幕 ≥ 768px\n * lg: 屏幕 ≥ 992px\n * xl: 屏幕 ≥ 1200px\n * xxl: 屏幕 ≥ 1600px\n * ```\n */\nexport const FormCol = (props: FormColProps) => {\n  const { forceAloneRow, hidden, ...otherProps } = props;\n  const forceGrid = forceAloneRow ? forceAloneRowGrid : otherProps;\n  if (hidden) return null;\n  return <Col {...forceGrid}>{props.children}</Col>;\n};\n\nFormCol['domTypeName'] = 'FormCol';\n","import { classNames } from '@dimjs/utils';\nimport { Col, Form, Row, RowProps, Space, SpaceProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\n\nconst fullGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormOperateColProps = {\n  className?: string;\n  leftList?: Array<ReactElement | null>;\n  rightList?: Array<ReactElement | null>;\n  // left、right 对齐方式，优先级最高\n  justify?: RowProps['justify'];\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  hidden?: boolean;\n  leftSpaceProps?: SpaceProps;\n  rightSpaceProps?: SpaceProps;\n};\n\n/**\n * FormOperateCol 布局说明\n * ```\n * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n * ```\n */\nexport const FormOperateCol = (props: FormOperateColProps) => {\n  const {\n    leftList,\n    rightList,\n    rowColTotal,\n    justify,\n    forceAloneRow,\n    hidden,\n    leftSpaceProps,\n    rightSpaceProps,\n    ...otherProps\n  } = props as FormOperateColProps & {\n    rowColTotal: number;\n  };\n  const _leftList = (leftList || []).filter(Boolean);\n  const _rightList = (rightList || []).filter(Boolean);\n  const hasAll = _leftList.length > 0 && _rightList.length > 0;\n  const forceGrid = forceAloneRow || hasAll ? fullGrid : {};\n\n  const colJustify = useMemo(() => {\n    if (justify) return justify;\n    if (hasAll) return 'space-between';\n    if (forceAloneRow) return 'end';\n    if (rowColTotal === 1) return 'start';\n    return 'end';\n  }, [forceAloneRow, hasAll, justify, rowColTotal]);\n\n  const className = classNames(props.className, 'v-form-col-operate');\n\n  if (hidden) return null;\n\n  return (\n    <Col {...otherProps} {...forceGrid} className={className}>\n      <Form.Item>\n        <Row justify={colJustify} wrap={false}>\n          <Space\n            {...leftSpaceProps}\n            className={classNames('v-form-col-operate-left', leftSpaceProps?.className)}\n          >\n            {_leftList.map((item) => item)}\n          </Space>\n          <Space\n            {...rightSpaceProps}\n            style={{ overflowX: 'auto', ...rightSpaceProps?.style }}\n            className={classNames('v-form-col-operate-right', rightSpaceProps?.className)}\n          >\n            {_rightList?.map((item) => item)}\n          </Space>\n        </Row>\n      </Form.Item>\n    </Col>\n  );\n};\n\nFormOperateCol['domTypeName'] = 'FormOperateCol';\n","/**\n * 用于计算 operateCol 所占用网格数\n * ```\n * col网格数据 [8,8,8,12,24,0,8] => [[8,8,8],[12],[24],[0,8]]，分组后计算operateCol所在行中剩余网格数\n * ```\n * @returns\n */\nexport const calculateOperateGrid = (gridList: number[], operateColIndex: number) => {\n  try {\n    const groupList = [] as { index: number; value: number }[][];\n    const getGroupItem = function (index) {\n      const value = gridList[index];\n      return { index, value: value > 24 ? 24 : value };\n    };\n    let condition = true;\n    let groupItemList = [] as { index: number; value: number }[];\n    let currentIndex = 0;\n    let total = 0;\n    while (condition) {\n      const currentValue = gridList[currentIndex];\n      groupItemList.push(getGroupItem(currentIndex));\n      if (currentValue >= 24) {\n        groupList.push(groupItemList);\n        groupItemList = [];\n        total = 0;\n      } else if (currentIndex === gridList.length - 1) {\n        groupList.push(groupItemList);\n      } else {\n        total += currentValue;\n        if (total >= 24) {\n          groupList.push(groupItemList);\n          groupItemList = [];\n          total = 0;\n        }\n      }\n      currentIndex = currentIndex + 1;\n      if (currentIndex >= gridList.length) {\n        condition = false;\n      }\n    }\n    const hasOperateList =\n      groupList.find((item) => !!item.find((temp) => temp.index === operateColIndex)) || [];\n    let hasOperateTotal = 0;\n    let hasOperateIndex = 0;\n    hasOperateList.forEach((item, index) => {\n      if (item.index === operateColIndex) hasOperateIndex = index;\n      if (item.index < operateColIndex) {\n        hasOperateTotal = hasOperateTotal + item.value;\n      }\n    });\n    if (hasOperateTotal === 24 || hasOperateTotal === 0) {\n      hasOperateList[hasOperateIndex].value = 24;\n    } else {\n      hasOperateList[hasOperateIndex].value = 24 - hasOperateTotal;\n    }\n\n    return {\n      gridList: groupList.reduce((a, b) => a.concat(b)).map((temp) => temp.value),\n      gridGroupList: groupList,\n    };\n  } catch (error) {\n    return {\n      gridList,\n      gridGroupList: [],\n    };\n  }\n};\n","import { toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Row, RowProps } from 'antd';\nimport { cloneElement, isValidElement, ReactElement, ReactNode, useMemo } from 'react';\nimport { useResponsivePoint } from '../fba-hooks/use-responsive-point';\nimport { calculateOperateGrid } from './utils';\n\nexport type FormRowProps = RowProps & {\n  children?: ReactNode | ReactNode[];\n  /**\n   * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };\n   * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n   */\n  gridSize?: 'default' | 'small';\n};\nconst defaultGrid = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\nconst defaultSmallGrid = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n\n/**\n * FormItem网格响应式布局\n *```\n * 1. 应用场景：Form条件布局\n * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n */\nexport const FormRow = (props: FormRowProps) => {\n  const { gridSize, ...otherProps } = props;\n  const screenType = useResponsivePoint() || 'md';\n\n  const childrenList = toArray<ReactElement>(props.children).filter((item) => {\n    if (!item || !isValidElement(item)) return false;\n    return valueIsEqual(item.type['domTypeName'], ['FormOperateCol', 'FormCol']);\n  });\n  const defaultGridSize = gridSize === 'small' ? defaultSmallGrid : defaultGrid;\n\n  const { gridList, gridGroupList } = useMemo(() => {\n    const operateColIndex = childrenList.findIndex((item) => {\n      return item.type['domTypeName'] === 'FormOperateCol';\n    });\n    if (screenType === undefined) {\n      return { gridList: [] as number[], gridGroupList: [] };\n    }\n    const _currentGridList = childrenList.map((temp, index) => {\n      if (index === operateColIndex) return 0;\n      const span = temp.props?.span as number;\n      if (['md', 'sm', 'xs'].includes(screenType)) {\n        const innerSpan = temp.props?.[screenType] || defaultGridSize[screenType];\n        if (screenType == 'md' && span) {\n          return span > innerSpan ? span : innerSpan;\n        }\n        return innerSpan;\n      }\n      return temp.props?.[screenType] || span || defaultGridSize[screenType];\n    });\n    if (operateColIndex < 0) {\n      return { gridList: _currentGridList, gridGroupList: [] };\n    }\n    return calculateOperateGrid(_currentGridList, operateColIndex);\n  }, [childrenList, defaultGridSize, screenType]);\n\n  // if (!screenType) return <Fragment>{props.children}</Fragment>;\n  return (\n    <Row {...otherProps}>\n      {childrenList.map((item, index) => {\n        const itemProps = { ...defaultGridSize, ...item.props };\n        const newProps = {\n          key: index,\n          ...itemProps,\n          [screenType]: gridList[index] || itemProps[screenType],\n        };\n        if (item.type['domTypeName'] === 'FormOperateCol') {\n          newProps['rowColTotal'] = gridGroupList.length;\n        }\n        return cloneElement(item, newProps);\n      })}\n    </Row>\n  );\n};\n","import { FormCol } from './form-col';\nimport { FormOperateCol } from './form-operate-col';\nimport { FormRow } from './form-row';\n\nexport const FormGrid = {\n  /**\n   * FormItem网格响应式布局\n   *```\n   * 1. 应用场景：Form条件布局\n   * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n   * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n   */\n  Row: FormRow,\n  /**\n   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n   *```\n   * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n   * 2. grid 自定义响应式网格布局\n   * xs: 屏幕 < 576px\n   * sm: 屏幕 ≥ 576px\n   * md: 屏幕 ≥ 768px\n   * lg: 屏幕 ≥ 992px\n   * xl: 屏幕 ≥ 1200px\n   * xxl: 屏幕 ≥ 1600px\n   * ```\n   */\n  Col: FormCol,\n  /**\n   * FormOperateCol 布局说明\n   * ```\n   * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n   * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n   * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n   * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n   * ```\n   */\n  OperateCol: FormOperateCol,\n};\n"],"names":["forceAloneRowGrid","xs","sm","md","lg","xl","xxl","FormCol","props","forceAloneRow","hidden","otherProps","_objectWithoutPropertiesLoose","_excluded","forceGrid","_jsx","Col","_extends","children","fullGrid","FormOperateCol","_ref","leftList","rightList","rowColTotal","justify","leftSpaceProps","rightSpaceProps","_leftList","filter","Boolean","_rightList","hasAll","length","colJustify","useMemo","className","_classNames","Form","Item","_jsxs","Row","wrap","Space","map","item","style","overflowX","calculateOperateGrid","gridList","operateColIndex","groupList","getGroupItem","index","value","condition","groupItemList","currentIndex","total","currentValue","push","hasOperateList","find","temp","hasOperateTotal","hasOperateIndex","forEach","reduce","a","b","concat","gridGroupList","error","defaultGrid","defaultSmallGrid","FormRow","gridSize","screenType","useResponsivePoint","childrenList","toArray","isValidElement","valueIsEqual","type","defaultGridSize","_useMemo","findIndex","undefined","_currentGridList","_temp$props","_temp$props3","span","includes","_temp$props2","innerSpan","_extends2","itemProps","newProps","key","cloneElement","FormGrid","OperateCol"],"mappings":";mcAEA,IAAMA,EAAoB,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,IAAK,IAmClE,IAAMC,EAAU,SAAVA,EAAWC,GACtB,IAAQC,EAAyCD,EAAzCC,cAAeC,EAA0BF,EAA1BE,OAAWC,EAAUC,EAAKJ,EAAKK,GACtD,IAAMC,EAAYL,EAAgBT,EAAoBW,EACtD,GAAID,EAAQ,OAAO,KACnB,OAAOK,EAACC,EAAGC,KAAKH,EAAS,CAAAI,SAAGV,EAAMU,WACpC,EAEAX,EAAQ,eAAiB,6HCxCzB,IAAMY,EAAW,CAAElB,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,IAAK,IAuBzD,IAAMc,EAAiB,SAAjBA,EAAkBZ,GAC7B,IAAAa,EAUIb,EATFc,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAWH,EAAXG,YACAC,EAAOJ,EAAPI,QACAhB,EAAaY,EAAbZ,cACAC,EAAMW,EAANX,OACAgB,EAAcL,EAAdK,eACAC,EAAeN,EAAfM,gBACGhB,EAAUC,EAAAS,EAAAR,GAIf,IAAMe,GAAaN,GAAY,IAAIO,OAAOC,SAC1C,IAAMC,GAAcR,GAAa,IAAIM,OAAOC,SAC5C,IAAME,EAASJ,EAAUK,OAAS,GAAKF,EAAWE,OAAS,EAC3D,IAAMnB,EAAYL,GAAiBuB,EAASb,EAAW,CAAA,EAEvD,IAAMe,EAAaC,EAAQ,WACzB,GAAIV,EAAS,OAAOA,EACpB,GAAIO,EAAQ,MAAO,gBACnB,GAAIvB,EAAe,MAAO,MAC1B,GAAIe,IAAgB,EAAG,MAAO,QAC9B,MAAO,KACR,EAAE,CAACf,EAAeuB,EAAQP,EAASD,IAEpC,IAAMY,EAAYC,EAAW7B,EAAM4B,UAAW,sBAE9C,GAAI1B,EAAQ,OAAO,KAEnB,OACEK,EAACC,EAAGC,EAAKN,CAAAA,EAAAA,EAAgBG,EAAS,CAAEsB,UAAWA,EAAUlB,SACvDH,EAACuB,EAAKC,KAAI,CAAArB,SACRsB,EAACC,EAAG,CAAChB,QAASS,EAAYQ,KAAM,MAAMxB,UACpCH,EAAC4B,EAAK1B,KACAS,EAAc,CAClBU,UAAWC,EAAW,0BAA2BX,GAAAA,UAAAA,EAAAA,EAAgBU,WAAWlB,SAE3EU,EAAUgB,IAAI,SAACC,GAAI,OAAKA,CAAI,MAE/B9B,EAAC4B,EAAK1B,KACAU,EAAe,CACnBmB,MAAK7B,EAAA,CAAI8B,UAAW,QAAWpB,GAAe,UAAA,EAAfA,EAAiBmB,OAChDV,UAAWC,EAAW,2BAA4BV,GAAAA,UAAAA,EAAAA,EAAiBS,WAAWlB,SAE7Ea,GAAAA,UAAAA,EAAAA,EAAYa,IAAI,SAACC,GAAI,OAAKA,CAAI,aAM3C,EAEAzB,EAAe,eAAiB,iBC1EzB,IAAM4B,EAAuB,SAAvBA,EAAwBC,EAAoBC,GACvD,IACE,IAAMC,EAAY,GAClB,IAAMC,EAAe,SAAfA,EAAyBC,GAC7B,IAAMC,EAAQL,EAASI,GACvB,MAAO,CAAEA,MAAAA,EAAOC,MAAOA,EAAQ,GAAK,GAAKA,IAE3C,IAAIC,EAAY,KAChB,IAAIC,EAAgB,GACpB,IAAIC,EAAe,EACnB,IAAIC,EAAQ,EACZ,MAAOH,EAAW,CAChB,IAAMI,EAAeV,EAASQ,GAC9BD,EAAcI,KAAKR,EAAaK,IAChC,GAAIE,GAAgB,GAAI,CACtBR,EAAUS,KAAKJ,GACfA,EAAgB,GAChBE,EAAQ,CACT,MAAM,GAAID,IAAiBR,EAAShB,OAAS,EAAG,CAC/CkB,EAAUS,KAAKJ,EACjB,KAAO,CACLE,GAASC,EACT,GAAID,GAAS,GAAI,CACfP,EAAUS,KAAKJ,GACfA,EAAgB,GAChBE,EAAQ,CACV,CACF,CACAD,EAAeA,EAAe,EAC9B,GAAIA,GAAgBR,EAAShB,OAAQ,CACnCsB,EAAY,KACd,CACF,CACA,IAAMM,EACJV,EAAUW,KAAK,SAACjB,GAAI,QAAOA,EAAKiB,KAAK,SAACC,GAAI,OAAKA,EAAKV,QAAUH,GAAgB,IAAK,GACrF,IAAIc,EAAkB,EACtB,IAAIC,EAAkB,EACtBJ,EAAeK,QAAQ,SAACrB,EAAMQ,GAC5B,GAAIR,EAAKQ,QAAUH,EAAiBe,EAAkBZ,EACtD,GAAIR,EAAKQ,MAAQH,EAAiB,CAChCc,EAAkBA,EAAkBnB,EAAKS,KAC3C,CACF,GACA,GAAIU,IAAoB,IAAMA,IAAoB,EAAG,CACnDH,EAAeI,GAAiBX,MAAQ,EAC1C,KAAO,CACLO,EAAeI,GAAiBX,MAAQ,GAAKU,CAC/C,CAEA,MAAO,CACLf,SAAUE,EAAUgB,OAAO,SAACC,EAAGC,GAAC,OAAKD,EAAEE,OAAOD,EAAE,GAAEzB,IAAI,SAACmB,GAAI,OAAKA,EAAKT,QACrEiB,cAAepB,EAElB,CAAC,MAAOqB,GACP,MAAO,CACLvB,SAAAA,EACAsB,cAAe,GAEnB,CACF,qBCpDA,IAAME,EAAc,CAAExE,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGC,IAAK,GACjE,IAAMoE,EAAmB,CAAEzE,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,IAAK,GAS9D,IAAMqE,EAAU,SAAVA,EAAWnE,GACtB,IAAQoE,EAA4BpE,EAA5BoE,SAAajE,EAAUC,EAAKJ,EAAKK,GACzC,IAAMgE,EAAaC,KAAwB,KAE3C,IAAMC,EAAeC,EAAsBxE,EAAMU,UAAUW,OAAO,SAACgB,GACjE,IAAKA,IAASoC,EAAepC,GAAO,OAAO,MAC3C,OAAOqC,EAAarC,EAAKsC,KAAK,eAAgB,CAAC,iBAAkB,WACnE,GACA,IAAMC,EAAkBR,IAAa,QAAUF,EAAmBD,EAElE,IAAAY,EAAoClD,EAAQ,WAC1C,IAAMe,EAAkB6B,EAAaO,UAAU,SAACzC,GAC9C,OAAOA,EAAKsC,KAAK,iBAAmB,gBACtC,GACA,GAAIN,IAAeU,UAAW,CAC5B,MAAO,CAAEtC,SAAU,GAAgBsB,cAAe,GACpD,CACA,IAAMiB,EAAmBT,EAAanC,IAAI,SAACmB,EAAMV,GAAU,IAAAoC,EAAAC,EACzD,GAAIrC,IAAUH,EAAiB,OAAO,EACtC,IAAMyC,GAAIF,EAAG1B,EAAKvD,QAAK,UAAA,EAAViF,EAAYE,KACzB,GAAI,CAAC,KAAM,KAAM,MAAMC,SAASf,GAAa,CAAA,IAAAgB,EAC3C,IAAMC,IAAYD,EAAA9B,EAAKvD,QAALqF,UAAAA,EAAAA,EAAahB,KAAeO,EAAgBP,GAC9D,GAAIA,GAAc,MAAQc,EAAM,CAC9B,OAAOA,EAAOG,EAAYH,EAAOG,CACnC,CACA,OAAOA,CACT,CACA,QAAOJ,EAAA3B,EAAKvD,QAALkF,UAAAA,EAAAA,EAAab,KAAec,GAAQP,EAAgBP,EAC7D,GACA,GAAI3B,EAAkB,EAAG,CACvB,MAAO,CAAED,SAAUuC,EAAkBjB,cAAe,GACtD,CACA,OAAOvB,EAAqBwC,EAAkBtC,EAC/C,EAAE,CAAC6B,EAAcK,EAAiBP,IAvB3B5B,EAAQoC,EAARpC,SAAUsB,EAAac,EAAbd,cA0BlB,OACExD,EAAC0B,EAAGxB,KAAKN,EAAU,CAAAO,SAChB6D,EAAanC,IAAI,SAACC,EAAMQ,GAAU,IAAA0C,EACjC,IAAMC,EAAS/E,EAAA,CAAA,EAAQmE,EAAoBvC,EAAKrC,OAChD,IAAMyF,EAAQhF,EAAA,CACZiF,IAAK7C,GACF2C,GAASD,KAAAA,EACXlB,GAAa5B,EAASI,IAAU2C,EAAUnB,GAAWkB,IAExD,GAAIlD,EAAKsC,KAAK,iBAAmB,iBAAkB,CACjDc,EAAS,eAAiB1B,EAActC,MAC1C,CACA,OAAOkE,EAAatD,EAAMoD,OAIlC,ECxEO,IAAMG,EAAW,CAQtB3D,IAAKkC,EAcL3D,IAAKT,EAUL8F,WAAYjF"}

package/esm/form-item-group/index.js

@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Form as l}from"antd";import{useMemo as a,isValidElement as n,cloneElement as s}from"react";import{FlexLayout as m}from"../flex-layout/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var u=function l(a){var n;var s="form-item-group-card";var m=t.useThemeToken();var u={"--form-item-group-colorPrimary":m.colorPrimary};return i("div",{className:r(s,a.className),style:e({},u,a.style),children:[a.title?o("div",{className:r(s+"-title",(n={},n[s+"-title-sign"]=a.titleSign===true,n)),children:a.title}):null,a.children]})};u.defaultProps={titleSign:true};var f=function t(i){var u=a((function(){var r=[];var t=[];var l=i.groupConfigList.filter((function(e){return!e.hidden}));l.forEach((function(i){if(i.before){t.push(n(i.before)?i.before:o("div",{className:"union-before-text",children:i.before}))}if(i.width){t.push(s(i.mainItem,{style:e({width:i.width},i.mainItem.props.style)}))}else{r.push(t.length);t.push(i.mainItem)}if(i.after){t.push(n(i.after)?i.after:o("div",{className:"union-after-text",children:i.after}))}}));return{flexElementList:t,fullIndex:r}}),[i.groupConfigList]);return o(l.Item,{label:i.label,className:r("form-item-group-horizontal-union",i.className),style:i.style,hidden:i.hidden,required:i.required,colon:i.colon,children:o(m,{direction:"horizontal",gap:i.gap===undefined?15:i.gap,fullIndex:u.fullIndex,style:i.flexLayoutStyle,className:i.flexLayoutClassName,children:u.flexElementList.map((function(e,r){return s(e,{key:r})}))})})};var d={HorizontalUnion:f,Card:u};export{d as FormItemGroup};
+import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Form as l}from"antd";import{useMemo as a,isValidElement as n,cloneElement as s}from"react";import{FlexLayout as m}from"../flex-layout/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var u=function l(a){var n;var s="form-item-group-card";var m=t.useThemeToken();var u={"--form-item-group-colorPrimary":m.colorPrimary};return i("div",{className:r(s,a.className),style:e({},u,a.style),children:[a.title?o("div",{className:r(s+"-title",(n={},n[s+"-title-sign"]=a.titleSign===true,n)),children:a.title}):null,a.children]})};u.defaultProps={titleSign:true};var f=function t(i){var u=a(function(){var r=[];var t=[];var l=i.groupConfigList.filter(function(e){return!e.hidden});l.forEach(function(i){if(i.before){t.push(n(i.before)?i.before:o("div",{className:"union-before-text",children:i.before}))}if(i.width){t.push(s(i.mainItem,{style:e({width:i.width},i.mainItem.props.style)}))}else{r.push(t.length);t.push(i.mainItem)}if(i.after){t.push(n(i.after)?i.after:o("div",{className:"union-after-text",children:i.after}))}});return{flexElementList:t,fullIndex:r}},[i.groupConfigList]);return o(l.Item,{label:i.label,className:r("form-item-group-horizontal-union",i.className),style:i.style,hidden:i.hidden,required:i.required,colon:i.colon,children:o(m,{direction:"horizontal",gap:i.gap===undefined?15:i.gap,fullIndex:u.fullIndex,style:i.flexLayoutStyle,className:i.flexLayoutClassName,children:u.flexElementList.map(function(e,r){return s(e,{key:r})})})})};var d={HorizontalUnion:f,Card:u};export{d as FormItemGroup};
 //# sourceMappingURL=index.js.map

package/esm/form-item-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-group/card/index.tsx","@flatbiz/antd/src/form-item-group/horizontal-union/index.tsx","@flatbiz/antd/src/form-item-group/index.ts"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { CSSProperties, FC, ReactElement } from 'react';\nimport { fbaHooks } from '../../fba-hooks';\nimport './style.less';\n\nexport type FormItemCardProps = {\n  title?: string | ReactElement;\n  children: ReactElement | ReactElement[];\n  className?: string;\n  style?: CSSProperties;\n  titleSign?: boolean;\n};\nexport const FormItemCard: FC<FormItemCardProps> = (props) => {\n  const classNamePrefix = 'form-item-group-card';\n\n  const theme = fbaHooks.useThemeToken();\n\n  const style = { '--form-item-group-colorPrimary': theme.colorPrimary } as CSSProperties;\n\n  return (\n    <div className={classNames(classNamePrefix, props.className)} style={{ ...style, ...props.style }}>\n      {props.title ? (\n        <div\n          className={classNames(`${classNamePrefix}-title`, {\n            [`${classNamePrefix}-title-sign`]: props.titleSign === true,\n          })}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.children}\n    </div>\n  );\n};\n\nFormItemCard.defaultProps = {\n  titleSign: true,\n};\n","import { classNames } from '@dimjs/utils';\nimport { Form } from 'antd';\nimport { cloneElement, CSSProperties, isValidElement, ReactElement, useMemo } from 'react';\nimport { FlexLayout } from '../../flex-layout';\nimport './style.less';\n\nexport type FormItemHorizontalUnionProps = {\n  className?: string;\n  style?: CSSProperties;\n  label?: string | ReactElement;\n  /** 水平布局元素 */\n  groupConfigList: {\n    hidden?: boolean;\n    before?: ReactElement | string;\n    /**\n     * 设置宽度\n     * ```\n     * 1. 自适应可设置：auto\n     * 2. 可设置具体数值\n     * 3. 不设置会在铺满flex剩余空间\n     * 4. 多个未设置会等分铺满剩余空间\n     * ```\n     */\n    width?: number | string;\n    mainItem: ReactElement;\n    after?: ReactElement | string;\n  }[];\n  /** 水平布局原始之间的间距 */\n  gap?: number;\n  flexLayoutStyle?: CSSProperties;\n  flexLayoutClassName?: string;\n  hidden?: boolean;\n  required?: boolean;\n  colon?: boolean;\n};\n\n/**\n * FormItem 水平布局\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/input\n * ```\n * @param props\n * @returns\n */\nexport const FormItemHorizontalUnion = (props: FormItemHorizontalUnionProps) => {\n  const groupFlexElementData = useMemo(() => {\n    const fullIndex = [] as number[];\n    const flexElementList = [] as Array<ReactElement>;\n    const groupConfigList = props.groupConfigList.filter((item) => !item.hidden);\n    groupConfigList.forEach((item) => {\n      if (item.before) {\n        flexElementList.push(\n          isValidElement(item.before) ? (\n            (item.before as ReactElement)\n          ) : (\n            <div className=\"union-before-text\">{item.before}</div>\n          ),\n        );\n      }\n      if (item.width) {\n        flexElementList.push(\n          cloneElement(item.mainItem, {\n            style: { width: item.width, ...item.mainItem.props.style },\n          }),\n        );\n      } else {\n        fullIndex.push(flexElementList.length);\n        flexElementList.push(item.mainItem);\n      }\n      if (item.after) {\n        flexElementList.push(\n          isValidElement(item.after) ? (\n            (item.after as ReactElement)\n          ) : (\n            <div className=\"union-after-text\">{item.after}</div>\n          ),\n        );\n      }\n    });\n    return {\n      flexElementList,\n      fullIndex,\n    };\n  }, [props.groupConfigList]);\n\n  return (\n    <Form.Item\n      label={props.label}\n      className={classNames('form-item-group-horizontal-union', props.className)}\n      style={props.style}\n      hidden={props.hidden}\n      required={props.required}\n      colon={props.colon}\n    >\n      <FlexLayout\n        direction=\"horizontal\"\n        gap={props.gap === undefined ? 15 : props.gap}\n        fullIndex={groupFlexElementData.fullIndex}\n        style={props.flexLayoutStyle}\n        className={props.flexLayoutClassName}\n      >\n        {groupFlexElementData.flexElementList.map((item, index) => {\n          return cloneElement(item, { key: index });\n        })}\n      </FlexLayout>\n    </Form.Item>\n  );\n};\n","import { FormItemCard } from './card';\nimport { FormItemHorizontalUnion } from './horizontal-union';\n\nexport const FormItemGroup = {\n  HorizontalUnion: FormItemHorizontalUnion,\n  Card: FormItemCard,\n};\n"],"names":["FormItemCard","props","_classNames2","classNamePrefix","theme","fbaHooks","useThemeToken","style","colorPrimary","_jsxs","className","_classNames","_extends","children","title","_jsx","titleSign","defaultProps","FormItemHorizontalUnion","groupFlexElementData","useMemo","fullIndex","flexElementList","groupConfigList","filter","item","hidden","forEach","before","push","isValidElement","width","cloneElement","mainItem","length","after","Form","Item","label","required","colon","FlexLayout","direction","gap","undefined","flexLayoutStyle","flexLayoutClassName","map","index","key","FormItemGroup","HorizontalUnion","Card"],"mappings":";ihBAYO,IAAMA,EAAsC,SAAtCA,EAAuCC,GAAU,IAAAC,EAC5D,IAAMC,EAAkB,uBAExB,IAAMC,EAAQC,EAASC,gBAEvB,IAAMC,EAAQ,CAAE,iCAAkCH,EAAMI,cAExD,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAWR,EAAiBF,EAAMS,WAAYH,MAAKK,EAAOL,CAAAA,EAAAA,EAAUN,EAAMM,OAAQM,SAC/FZ,CAAAA,EAAMa,MACLC,EAAA,MAAA,CACEL,UAAWC,EAAcR,EAAeD,UAAAA,KAAAA,EAClCC,EAA+BF,eAAAA,EAAMe,YAAc,KAAId,IAC1DW,SAEFZ,EAAMa,QAEP,KACHb,EAAMY,WAGb,EAEAb,EAAaiB,aAAe,CAC1BD,UAAW,MCQN,IAAME,EAA0B,SAA1BA,EAA2BjB,GACtC,IAAMkB,EAAuBC,GAAQ,WACnC,IAAMC,EAAY,GAClB,IAAMC,EAAkB,GACxB,IAAMC,EAAkBtB,EAAMsB,gBAAgBC,QAAO,SAACC,GAAI,OAAMA,EAAKC,UACrEH,EAAgBI,SAAQ,SAACF,GACvB,GAAIA,EAAKG,OAAQ,CACfN,EAAgBO,KACdC,EAAeL,EAAKG,QACjBH,EAAKG,OAENb,EAAA,MAAA,CAAKL,UAAU,oBAAmBG,SAAEY,EAAKG,SAG/C,CACA,GAAIH,EAAKM,MAAO,CACdT,EAAgBO,KACdG,EAAaP,EAAKQ,SAAU,CAC1B1B,MAAKK,EAAA,CAAImB,MAAON,EAAKM,OAAUN,EAAKQ,SAAShC,MAAMM,SAGzD,KAAO,CACLc,EAAUQ,KAAKP,EAAgBY,QAC/BZ,EAAgBO,KAAKJ,EAAKQ,SAC5B,CACA,GAAIR,EAAKU,MAAO,CACdb,EAAgBO,KACdC,EAAeL,EAAKU,OACjBV,EAAKU,MAENpB,EAAA,MAAA,CAAKL,UAAU,mBAAkBG,SAAEY,EAAKU,QAG9C,CACF,IACA,MAAO,CACLb,gBAAAA,EACAD,UAAAA,EAEJ,GAAG,CAACpB,EAAMsB,kBAEV,OACER,EAACqB,EAAKC,KAAI,CACRC,MAAOrC,EAAMqC,MACb5B,UAAWC,EAAW,mCAAoCV,EAAMS,WAChEH,MAAON,EAAMM,MACbmB,OAAQzB,EAAMyB,OACda,SAAUtC,EAAMsC,SAChBC,MAAOvC,EAAMuC,MAAM3B,SAEnBE,EAAC0B,EAAU,CACTC,UAAU,aACVC,IAAK1C,EAAM0C,MAAQC,UAAY,GAAK3C,EAAM0C,IAC1CtB,UAAWF,EAAqBE,UAChCd,MAAON,EAAM4C,gBACbnC,UAAWT,EAAM6C,oBAAoBjC,SAEpCM,EAAqBG,gBAAgByB,KAAI,SAACtB,EAAMuB,GAC/C,OAAOhB,EAAaP,EAAM,CAAEwB,IAAKD,UAK3C,ECxGO,IAAME,EAAgB,CAC3BC,gBAAiBjC,EACjBkC,KAAMpD"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-group/card/index.tsx","@flatbiz/antd/src/form-item-group/horizontal-union/index.tsx","@flatbiz/antd/src/form-item-group/index.ts"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { CSSProperties, FC, ReactElement } from 'react';\nimport { fbaHooks } from '../../fba-hooks';\nimport './style.less';\n\nexport type FormItemCardProps = {\n  title?: string | ReactElement;\n  children: ReactElement | ReactElement[];\n  className?: string;\n  style?: CSSProperties;\n  titleSign?: boolean;\n};\nexport const FormItemCard: FC<FormItemCardProps> = (props) => {\n  const classNamePrefix = 'form-item-group-card';\n\n  const theme = fbaHooks.useThemeToken();\n\n  const style = { '--form-item-group-colorPrimary': theme.colorPrimary } as CSSProperties;\n\n  return (\n    <div className={classNames(classNamePrefix, props.className)} style={{ ...style, ...props.style }}>\n      {props.title ? (\n        <div\n          className={classNames(`${classNamePrefix}-title`, {\n            [`${classNamePrefix}-title-sign`]: props.titleSign === true,\n          })}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.children}\n    </div>\n  );\n};\n\nFormItemCard.defaultProps = {\n  titleSign: true,\n};\n","import { classNames } from '@dimjs/utils';\nimport { Form } from 'antd';\nimport { cloneElement, CSSProperties, isValidElement, ReactElement, useMemo } from 'react';\nimport { FlexLayout } from '../../flex-layout';\nimport './style.less';\n\nexport type FormItemHorizontalUnionProps = {\n  className?: string;\n  style?: CSSProperties;\n  label?: string | ReactElement;\n  /** 水平布局元素 */\n  groupConfigList: {\n    hidden?: boolean;\n    before?: ReactElement | string;\n    /**\n     * 设置宽度\n     * ```\n     * 1. 自适应可设置：auto\n     * 2. 可设置具体数值\n     * 3. 不设置会在铺满flex剩余空间\n     * 4. 多个未设置会等分铺满剩余空间\n     * ```\n     */\n    width?: number | string;\n    mainItem: ReactElement;\n    after?: ReactElement | string;\n  }[];\n  /** 水平布局原始之间的间距 */\n  gap?: number;\n  flexLayoutStyle?: CSSProperties;\n  flexLayoutClassName?: string;\n  hidden?: boolean;\n  required?: boolean;\n  colon?: boolean;\n};\n\n/**\n * FormItem 水平布局\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/input\n * ```\n * @param props\n * @returns\n */\nexport const FormItemHorizontalUnion = (props: FormItemHorizontalUnionProps) => {\n  const groupFlexElementData = useMemo(() => {\n    const fullIndex = [] as number[];\n    const flexElementList = [] as Array<ReactElement>;\n    const groupConfigList = props.groupConfigList.filter((item) => !item.hidden);\n    groupConfigList.forEach((item) => {\n      if (item.before) {\n        flexElementList.push(\n          isValidElement(item.before) ? (\n            (item.before as ReactElement)\n          ) : (\n            <div className=\"union-before-text\">{item.before}</div>\n          ),\n        );\n      }\n      if (item.width) {\n        flexElementList.push(\n          cloneElement(item.mainItem, {\n            style: { width: item.width, ...item.mainItem.props.style },\n          }),\n        );\n      } else {\n        fullIndex.push(flexElementList.length);\n        flexElementList.push(item.mainItem);\n      }\n      if (item.after) {\n        flexElementList.push(\n          isValidElement(item.after) ? (\n            (item.after as ReactElement)\n          ) : (\n            <div className=\"union-after-text\">{item.after}</div>\n          ),\n        );\n      }\n    });\n    return {\n      flexElementList,\n      fullIndex,\n    };\n  }, [props.groupConfigList]);\n\n  return (\n    <Form.Item\n      label={props.label}\n      className={classNames('form-item-group-horizontal-union', props.className)}\n      style={props.style}\n      hidden={props.hidden}\n      required={props.required}\n      colon={props.colon}\n    >\n      <FlexLayout\n        direction=\"horizontal\"\n        gap={props.gap === undefined ? 15 : props.gap}\n        fullIndex={groupFlexElementData.fullIndex}\n        style={props.flexLayoutStyle}\n        className={props.flexLayoutClassName}\n      >\n        {groupFlexElementData.flexElementList.map((item, index) => {\n          return cloneElement(item, { key: index });\n        })}\n      </FlexLayout>\n    </Form.Item>\n  );\n};\n","import { FormItemCard } from './card';\nimport { FormItemHorizontalUnion } from './horizontal-union';\n\nexport const FormItemGroup = {\n  HorizontalUnion: FormItemHorizontalUnion,\n  Card: FormItemCard,\n};\n"],"names":["FormItemCard","props","_classNames2","classNamePrefix","theme","fbaHooks","useThemeToken","style","colorPrimary","_jsxs","className","_classNames","_extends","children","title","_jsx","titleSign","defaultProps","FormItemHorizontalUnion","groupFlexElementData","useMemo","fullIndex","flexElementList","groupConfigList","filter","item","hidden","forEach","before","push","isValidElement","width","cloneElement","mainItem","length","after","Form","Item","label","required","colon","FlexLayout","direction","gap","undefined","flexLayoutStyle","flexLayoutClassName","map","index","key","FormItemGroup","HorizontalUnion","Card"],"mappings":";ihBAYO,IAAMA,EAAsC,SAAtCA,EAAuCC,GAAU,IAAAC,EAC5D,IAAMC,EAAkB,uBAExB,IAAMC,EAAQC,EAASC,gBAEvB,IAAMC,EAAQ,CAAE,iCAAkCH,EAAMI,cAExD,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAWR,EAAiBF,EAAMS,WAAYH,MAAKK,EAAOL,CAAAA,EAAAA,EAAUN,EAAMM,OAAQM,SAC/FZ,CAAAA,EAAMa,MACLC,EAAA,MAAA,CACEL,UAAWC,EAAcR,EAAeD,UAAAA,KAAAA,EAClCC,EAA+BF,eAAAA,EAAMe,YAAc,KAAId,IAC1DW,SAEFZ,EAAMa,QAEP,KACHb,EAAMY,WAGb,EAEAb,EAAaiB,aAAe,CAC1BD,UAAW,MCQN,IAAME,EAA0B,SAA1BA,EAA2BjB,GACtC,IAAMkB,EAAuBC,EAAQ,WACnC,IAAMC,EAAY,GAClB,IAAMC,EAAkB,GACxB,IAAMC,EAAkBtB,EAAMsB,gBAAgBC,OAAO,SAACC,GAAI,OAAMA,EAAKC,SACrEH,EAAgBI,QAAQ,SAACF,GACvB,GAAIA,EAAKG,OAAQ,CACfN,EAAgBO,KACdC,EAAeL,EAAKG,QACjBH,EAAKG,OAENb,EAAA,MAAA,CAAKL,UAAU,oBAAmBG,SAAEY,EAAKG,SAG/C,CACA,GAAIH,EAAKM,MAAO,CACdT,EAAgBO,KACdG,EAAaP,EAAKQ,SAAU,CAC1B1B,MAAKK,EAAA,CAAImB,MAAON,EAAKM,OAAUN,EAAKQ,SAAShC,MAAMM,SAGzD,KAAO,CACLc,EAAUQ,KAAKP,EAAgBY,QAC/BZ,EAAgBO,KAAKJ,EAAKQ,SAC5B,CACA,GAAIR,EAAKU,MAAO,CACdb,EAAgBO,KACdC,EAAeL,EAAKU,OACjBV,EAAKU,MAENpB,EAAA,MAAA,CAAKL,UAAU,mBAAkBG,SAAEY,EAAKU,QAG9C,CACF,GACA,MAAO,CACLb,gBAAAA,EACAD,UAAAA,EAEJ,EAAG,CAACpB,EAAMsB,kBAEV,OACER,EAACqB,EAAKC,KAAI,CACRC,MAAOrC,EAAMqC,MACb5B,UAAWC,EAAW,mCAAoCV,EAAMS,WAChEH,MAAON,EAAMM,MACbmB,OAAQzB,EAAMyB,OACda,SAAUtC,EAAMsC,SAChBC,MAAOvC,EAAMuC,MAAM3B,SAEnBE,EAAC0B,EAAU,CACTC,UAAU,aACVC,IAAK1C,EAAM0C,MAAQC,UAAY,GAAK3C,EAAM0C,IAC1CtB,UAAWF,EAAqBE,UAChCd,MAAON,EAAM4C,gBACbnC,UAAWT,EAAM6C,oBAAoBjC,SAEpCM,EAAqBG,gBAAgByB,IAAI,SAACtB,EAAMuB,GAC/C,OAAOhB,EAAaP,EAAM,CAAEwB,IAAKD,SAK3C,ECxGO,IAAME,EAAgB,CAC3BC,gBAAiBjC,EACjBkC,KAAMpD"}

package/esm/form-item-text/index.js

@@ -7,5 +7,5 @@ import './../pre-defined-class-name/index.css';
 import './../form-item-hidden/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as e}from"@dimjs/utils/cjs/class-names";import{_ as r,a as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Fragment as i,useState as t,useRef as o,useMemo as a}from"react";import s from"@ant-design/icons/es/icons/RedoOutlined";import l from"@ant-design/icons/es/icons/QuestionCircleFilled";import{isUndefinedOrNull as u,toArray as c}from"@flatbiz/utils";import{Tooltip as d,Spin as m,Form as f}from"antd";import{TextOverflow as p}from"../text-overflow/index.js";import{TipsWrapper as v}from"../tips-wrapper/index.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{FormItemWrapper as y}from"../form-item-wrapper/index.js";import{isDeepEqual as j}from"@dimjs/lang/cjs/is-deep-equal";import{fbaHooks as x}from"../fba-hooks/index.js";import{FormItemHidden as w}from"../form-item-hidden/index.js";import"@dimjs/lang/cjs/is-string";import"ahooks";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"../pre-defined-class-name/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var C=function e(r){var n=function(){if(u(r.value))return r.placeholderValue;return typeof r.value==="string"?r.value:JSON.stringify(r.value)}();var t=r.wrap?n:h(p,{text:n||""});if(r.status==="error"){return h(i,{children:h(v,{tipType:"tooltip",tooltipProps:{title:r.errorMsg},icon:h(l,{style:{color:"red"}}),gap:6,children:h(d,{title:"点击查询",children:h(s,{style:{color:"red"},onClick:r.onRequest,className:"fitc-reload-icon"})})})})}if(r.loading){return h("span",{className:"form-item-text-content fitc-loading",style:r.style,children:h(m,{spinning:r.loading,size:"small",children:h("span",{style:{textIndent:"-9999px",display:"inline-block"},children:"Loading"})})})}return h("span",{className:"form-item-text-content",style:r.style,children:r.render?r.render(r.value):t})};var V=function e(n){var i=n.serviceConfig;var s=t(false),l=s[0],d=s[1];var m=t(),p=m[0],v=m[1];var h=x.usePrevious(i==null?void 0:i.params);var g=t("init"),y=g[0],w=g[1];var C=o();var V=f.useFormInstance();var N=a((function(){var e;if(!(i!=null&&i.params)||c(i==null?void 0:i.invalidParamKey).length===0){return i==null?void 0:i.params}var n=r({},i==null?void 0:i.params);i==null||(e=i.invalidParamKey)==null||e.forEach((function(e){n[e]=undefined}));return n}),[i==null?void 0:i.invalidParamKey,i==null?void 0:i.params]);var P=function e(t){return new Promise((function(e,o){var a=function(e){return function(r){try{d(false);return e&&e.call(this,r)}catch(e){return o(e)}}.bind(this)}.bind(this);var s,c,m,f,p,h;if(!i)return e();s=r({},N,t);c=i==null?void 0:i.requiredParamsKeys;if(c!=null&&c.length){m=c.find((function(e){return u(s[e])}));if(m){C.current="缺少必填参数："+c.join("、");console.warn(C.current);w("error");return e()}}var g=function(){try{return e()}catch(e){return o(e)}};var y=function(e){try{console.error(e);C.current=(e==null?void 0:e.message)||"接口调用异常";w("error");return a(g)()}catch(e){return a(o)(e)}};try{if(!l)d(true);w("init");return Promise.resolve(i.onRequest(s)).then((function(e){try{f=e;p=n.name?V.getFieldValue(n.name):undefined;h=i.onResponseAdapter?i.onResponseAdapter(f,p):f;v(h);w("success");return a(g)()}catch(e){return y(e)}}),y)}catch(e){y(e)}}))};x.useEffectCustomAsync(P,[]);x.useEffectCustom((function(){if(!i)return;if(h){if(!j(i.params,h)){void P()}}}),[h,i==null?void 0:i.params]);if(!i){return undefined}return{loading:l,status:y,viewValue:p,onRequest:P,errorMsg:C.current}};var N=["wrap","render","placeholderValue","serviceConfig"];var P=function i(t){var o=t.wrap,a=t.render,s=t.placeholderValue,l=t.serviceConfig,u=n(t,N);var c=V({serviceConfig:l,name:t.name});return h(y,r({},u,{name:undefined,className:e("form-item-text",t.className),children:h(C,{loading:c==null?void 0:c.loading,wrap:o,render:a,placeholderValue:s,value:c==null?void 0:c.viewValue,status:c==null?void 0:c.status,onRequest:c==null?void 0:c.onRequest,errorMsg:c==null?void 0:c.errorMsg})}))};var R=["wrap","render","placeholderValue"];var q=function t(o){var a=o.wrap,s=o.render,l=o.placeholderValue,u=n(o,R);if(o.serviceConfig){return g(i,{children:[h(w,{name:o.name}),h(P,r({},o))]})}return h(y,r({},u,{className:e("form-item-text",o.className),children:h(C,{wrap:a,render:s,placeholderValue:l})}))};q["domTypeName"]="FormItemText";export{q as FormItemText};
+import{classNames as e}from"@dimjs/utils/cjs/class-names";import{_ as r,a as n}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Fragment as i,useState as t,useRef as o,useMemo as a}from"react";import s from"@ant-design/icons/es/icons/RedoOutlined";import l from"@ant-design/icons/es/icons/QuestionCircleFilled";import{isUndefinedOrNull as u,toArray as c}from"@flatbiz/utils";import{Tooltip as d,Spin as m,Form as f}from"antd";import{TextOverflow as p}from"../text-overflow/index.js";import{TipsWrapper as v}from"../tips-wrapper/index.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{FormItemWrapper as y}from"../form-item-wrapper/index.js";import{isDeepEqual as j}from"@dimjs/lang/cjs/is-deep-equal";import{fbaHooks as x}from"../fba-hooks/index.js";import{FormItemHidden as w}from"../form-item-hidden/index.js";import"@dimjs/lang/cjs/is-string";import"ahooks";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"../pre-defined-class-name/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var C=function e(r){var n=function(){if(u(r.value))return r.placeholderValue;return typeof r.value==="string"?r.value:JSON.stringify(r.value)}();var t=r.wrap?n:h(p,{text:n||""});if(r.status==="error"){return h(i,{children:h(v,{tipType:"tooltip",tooltipProps:{title:r.errorMsg},icon:h(l,{style:{color:"red"}}),gap:6,children:h(d,{title:"点击查询",children:h(s,{style:{color:"red"},onClick:r.onRequest,className:"fitc-reload-icon"})})})})}if(r.loading){return h("span",{className:"form-item-text-content fitc-loading",style:r.style,children:h(m,{spinning:r.loading,size:"small",children:h("span",{style:{textIndent:"-9999px",display:"inline-block"},children:"Loading"})})})}return h("span",{className:"form-item-text-content",style:r.style,children:r.render?r.render(r.value):t})};var V=function e(n){var i=n.serviceConfig;var s=t(false),l=s[0],d=s[1];var m=t(),p=m[0],v=m[1];var h=x.usePrevious(i==null?void 0:i.params);var g=t("init"),y=g[0],w=g[1];var C=o();var V=f.useFormInstance();var N=a(function(){var e;if(!(i!=null&&i.params)||c(i==null?void 0:i.invalidParamKey).length===0){return i==null?void 0:i.params}var n=r({},i==null?void 0:i.params);i==null||(e=i.invalidParamKey)==null||e.forEach(function(e){n[e]=undefined});return n},[i==null?void 0:i.invalidParamKey,i==null?void 0:i.params]);var P=function e(t){return new Promise(function(e,o){var a=function(e){return function(r){try{d(false);return e&&e.call(this,r)}catch(e){return o(e)}}.bind(this)}.bind(this);var s,c,m,f,p,h;if(!i)return e();s=r({},N,t);c=i==null?void 0:i.requiredParamsKeys;if(c!=null&&c.length){m=c.find(function(e){return u(s[e])});if(m){C.current="缺少必填参数："+c.join("、");console.warn(C.current);w("error");return e()}}var g=function(){try{return e()}catch(e){return o(e)}};var y=function(e){try{console.error(e);C.current=(e==null?void 0:e.message)||"接口调用异常";w("error");return a(g)()}catch(e){return a(o)(e)}};try{if(!l)d(true);w("init");return Promise.resolve(i.onRequest(s)).then(function(e){try{f=e;p=n.name?V.getFieldValue(n.name):undefined;h=i.onResponseAdapter?i.onResponseAdapter(f,p):f;v(h);w("success");return a(g)()}catch(e){return y(e)}},y)}catch(e){y(e)}})};x.useEffectCustomAsync(P,[]);x.useEffectCustom(function(){if(!i)return;if(h){if(!j(i.params,h)){void P()}}},[h,i==null?void 0:i.params]);if(!i){return undefined}return{loading:l,status:y,viewValue:p,onRequest:P,errorMsg:C.current}};var N=["wrap","render","placeholderValue","serviceConfig"];var P=function i(t){var o=t.wrap,a=t.render,s=t.placeholderValue,l=t.serviceConfig,u=n(t,N);var c=V({serviceConfig:l,name:t.name});return h(y,r({},u,{name:undefined,className:e("form-item-text",t.className),children:h(C,{loading:c==null?void 0:c.loading,wrap:o,render:a,placeholderValue:s,value:c==null?void 0:c.viewValue,status:c==null?void 0:c.status,onRequest:c==null?void 0:c.onRequest,errorMsg:c==null?void 0:c.errorMsg})}))};var R=["wrap","render","placeholderValue"];var q=function t(o){var a=o.wrap,s=o.render,l=o.placeholderValue,u=n(o,R);if(o.serviceConfig){return g(i,{children:[h(w,{name:o.name}),h(P,r({},o))]})}return h(y,r({},u,{className:e("form-item-text",o.className),children:h(C,{wrap:a,render:s,placeholderValue:l})}))};q["domTypeName"]="FormItemText";export{q as FormItemText};
 //# sourceMappingURL=index.js.map

package/esm/form-item-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-text/content.tsx","@flatbiz/antd/src/form-item-text/use-request.tsx","@flatbiz/antd/src/form-item-text/request-text.tsx","@flatbiz/antd/src/form-item-text/form-item-text.tsx"],"sourcesContent":["import { QuestionCircleFilled, RedoOutlined } from '@ant-design/icons';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Spin, Tooltip } from 'antd';\nimport { Fragment, type CSSProperties } from 'react';\nimport { TextOverflow } from '../text-overflow';\nimport { TipsWrapper } from '../tips-wrapper';\nimport { type FormItemTextProps } from './types';\n\nexport const FormItemTextContent = (\n  props: Pick<FormItemTextProps, 'render' | 'wrap' | 'placeholderValue'> & {\n    value?: string;\n    style?: CSSProperties;\n    loading?: boolean;\n    status?: 'success' | 'error' | 'init';\n    onRequest?: () => TAny;\n    errorMsg?: string;\n  },\n) => {\n  const originalValue = (function () {\n    if (isUndefinedOrNull(props.value)) return props.placeholderValue;\n    return typeof props.value === 'string' ? props.value : JSON.stringify(props.value);\n  })();\n  const valueFt = props.wrap ? originalValue : <TextOverflow text={originalValue || ''} />;\n\n  if (props.status === 'error') {\n    return (\n      <Fragment>\n        <TipsWrapper\n          tipType=\"tooltip\"\n          tooltipProps={{ title: props.errorMsg }}\n          icon={<QuestionCircleFilled style={{ color: 'red' }} />}\n          gap={6}\n        >\n          <Tooltip title=\"点击查询\">\n            <RedoOutlined style={{ color: 'red' }} onClick={props.onRequest} className=\"fitc-reload-icon\" />\n          </Tooltip>\n        </TipsWrapper>\n      </Fragment>\n    );\n  }\n\n  if (props.loading) {\n    return (\n      <span className=\"form-item-text-content fitc-loading\" style={props.style}>\n        <Spin spinning={props.loading} size=\"small\">\n          <span style={{ textIndent: '-9999px', display: 'inline-block' }}>Loading</span>\n        </Spin>\n      </span>\n    );\n  }\n  return (\n    <span className=\"form-item-text-content\" style={props.style}>\n      {props.render ? props.render(props.value) : valueFt}\n    </span>\n  );\n};\n","import { isDeepEqual } from '@dimjs/lang';\nimport { isUndefinedOrNull, toArray, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { Form } from 'antd';\nimport { useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemWrapperProps } from '../form-item-wrapper';\nimport { type FormItemTextServiceConfig } from './types';\n\nexport const useRequestFormItemText = (props: {\n  serviceConfig?: FormItemTextServiceConfig;\n  name?: FormItemWrapperProps['name'];\n}) => {\n  const serviceConfig = props.serviceConfig;\n  const [loading, setLoading] = useState(false);\n  const [respData, setRespData] = useState<TAny>();\n  const prevParams = fbaHooks.usePrevious(serviceConfig?.params);\n  const [status, setStatus] = useState<'success' | 'error' | 'init'>('init');\n  const errorMsgRef = useRef<string>();\n  const form = Form.useFormInstance();\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?.invalidParamKey, serviceConfig?.params]);\n\n  const onInnerRequest = async (params?: TPlainObject) => {\n    if (!serviceConfig) return;\n    const mergeProps = { ...serviceParams, ...params };\n    const keys = serviceConfig?.requiredParamsKeys;\n    if (keys?.length) {\n      const target = keys.find((item) => {\n        return isUndefinedOrNull(mergeProps[item]);\n      });\n      if (target) {\n        errorMsgRef.current = `缺少必填参数：${keys.join('、')}`;\n        console.warn(errorMsgRef.current);\n        setStatus('error');\n        return;\n      }\n    }\n    try {\n      if (!loading) setLoading(true);\n      setStatus('init');\n      const respData = await serviceConfig.onRequest(mergeProps);\n      const value = props.name ? form.getFieldValue(props.name) : undefined;\n      const respDataFt = serviceConfig.onResponseAdapter\n        ? serviceConfig.onResponseAdapter(respData, value)\n        : respData;\n      setRespData(respDataFt);\n      setStatus('success');\n    } catch (error: TAny) {\n      console.error(error);\n      errorMsgRef.current = error?.message || '接口调用异常';\n      setStatus('error');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  fbaHooks.useEffectCustomAsync(onInnerRequest, []);\n\n  fbaHooks.useEffectCustom(() => {\n    if (!serviceConfig) return;\n    if (prevParams) {\n      if (!isDeepEqual(serviceConfig.params, prevParams)) {\n        void onInnerRequest();\n      }\n    }\n  }, [prevParams, serviceConfig?.params]);\n\n  if (!serviceConfig) {\n    return undefined;\n  }\n\n  return {\n    loading,\n    status,\n    viewValue: respData,\n    onRequest: onInnerRequest,\n    errorMsg: errorMsgRef.current,\n  };\n};\n","import { classNames } from '@dimjs/utils';\n\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport { FormItemTextContent } from './content';\nimport { type FormItemTextProps } from './types';\nimport { useRequestFormItemText } from './use-request';\n\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * @param props\n * @returns\n */\nexport const RequestText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, serviceConfig, ...otherProps } = props;\n  const requestResult = useRequestFormItemText({\n    serviceConfig,\n    name: props.name,\n  });\n  return (\n    <FormItemWrapper\n      {...otherProps}\n      name={undefined}\n      className={classNames('form-item-text', props.className)}\n    >\n      <FormItemTextContent\n        loading={requestResult?.loading}\n        wrap={wrap}\n        render={render}\n        placeholderValue={placeholderValue}\n        value={requestResult?.viewValue}\n        status={requestResult?.status}\n        onRequest={requestResult?.onRequest}\n        errorMsg={requestResult?.errorMsg}\n      />\n    </FormItemWrapper>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Fragment } from 'react';\n\nimport { FormItemTextContent } from './content';\nimport { RequestText } from './request-text';\nimport { type FormItemTextProps } from './types';\n\nimport { FormItemHidden } from '../form-item-hidden';\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport './style.less';\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * ```\n * 可通过配置 serviceConfig 通过接口获取数据，一般用于 Select 数据显示\n *\n * 例如：\n * 1. 基本数据渲染\n * <FormItemText name=\"xxx\" label=\"xxx\" />\n * 2. 对象数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   render={(value) => {\n *     const target = [].find(\n *       (item) => item.value === value,\n *     );\n *     return target ? (\n *       <Tag color={target['color']}>{target.label}</Tag>\n *     ) : null;\n *   }}\n * />\n * 3. 接口数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   serviceConfig={{\n *     onRequest: () => {\n *       return serviceHandle.request('/random/api9468', {}, 'post');\n *     },\n *     onResponseAdapter: (dataList: TPlainObject[], value) => {\n *       return dataList?.find((item) => item.value === value);\n *     },\n *   }}\n *   render={(dataItem) => {\n *     return dataItem ? (\n *       <Tag style={{ margin: 0 }} color={dataItem['color']}>\n *         {dataItem.label}\n *       </Tag>\n *     ) : null;\n *   }}\n * />\n * ```\n */\nexport const FormItemText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, ...otherProps } = props;\n\n  if (props.serviceConfig) {\n    return (\n      <Fragment>\n        <FormItemHidden name={props.name} />\n        <RequestText {...props} />\n      </Fragment>\n    );\n  }\n\n  return (\n    <FormItemWrapper {...otherProps} className={classNames('form-item-text', props.className)}>\n      <FormItemTextContent wrap={wrap} render={render} placeholderValue={placeholderValue} />\n    </FormItemWrapper>\n  );\n};\n\nFormItemText['domTypeName'] = 'FormItemText';\n"],"names":["FormItemTextContent","props","originalValue","isUndefinedOrNull","value","placeholderValue","JSON","stringify","valueFt","wrap","_jsx","TextOverflow","text","status","Fragment","children","TipsWrapper","tipType","tooltipProps","title","errorMsg","icon","_QuestionCircleFilled","style","color","gap","Tooltip","_RedoOutlined","onClick","onRequest","className","loading","Spin","spinning","size","textIndent","display","render","useRequestFormItemText","serviceConfig","_useState","useState","setLoading","_useState2","respData","setRespData","prevParams","fbaHooks","usePrevious","params","_useState3","setStatus","errorMsgRef","useRef","form","Form","useFormInstance","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_extends","forEach","key","undefined","onInnerRequest","Promise","$return","$error","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","mergeProps","keys","target","_respData","respDataFt","requiredParamsKeys","find","item","current","join","console","warn","$Try_1_Post","$Try_1_Catch","error","message","resolve","then","$await_2","name","getFieldValue","onResponseAdapter","useEffectCustomAsync","useEffectCustom","_isDeepEqual","viewValue","RequestText","otherProps","_objectWithoutPropertiesLoose","_excluded","requestResult","FormItemWrapper","_classNames","FormItemText","_jsxs","FormItemHidden"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-text/content.tsx","@flatbiz/antd/src/form-item-text/use-request.tsx","@flatbiz/antd/src/form-item-text/request-text.tsx","@flatbiz/antd/src/form-item-text/form-item-text.tsx"],"sourcesContent":["import { QuestionCircleFilled, RedoOutlined } from '@ant-design/icons';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { Spin, Tooltip } from 'antd';\nimport { Fragment, type CSSProperties } from 'react';\nimport { TextOverflow } from '../text-overflow';\nimport { TipsWrapper } from '../tips-wrapper';\nimport { type FormItemTextProps } from './types';\n\nexport const FormItemTextContent = (\n  props: Pick<FormItemTextProps, 'render' | 'wrap' | 'placeholderValue'> & {\n    value?: string;\n    style?: CSSProperties;\n    loading?: boolean;\n    status?: 'success' | 'error' | 'init';\n    onRequest?: () => TAny;\n    errorMsg?: string;\n  },\n) => {\n  const originalValue = (function () {\n    if (isUndefinedOrNull(props.value)) return props.placeholderValue;\n    return typeof props.value === 'string' ? props.value : JSON.stringify(props.value);\n  })();\n  const valueFt = props.wrap ? originalValue : <TextOverflow text={originalValue || ''} />;\n\n  if (props.status === 'error') {\n    return (\n      <Fragment>\n        <TipsWrapper\n          tipType=\"tooltip\"\n          tooltipProps={{ title: props.errorMsg }}\n          icon={<QuestionCircleFilled style={{ color: 'red' }} />}\n          gap={6}\n        >\n          <Tooltip title=\"点击查询\">\n            <RedoOutlined style={{ color: 'red' }} onClick={props.onRequest} className=\"fitc-reload-icon\" />\n          </Tooltip>\n        </TipsWrapper>\n      </Fragment>\n    );\n  }\n\n  if (props.loading) {\n    return (\n      <span className=\"form-item-text-content fitc-loading\" style={props.style}>\n        <Spin spinning={props.loading} size=\"small\">\n          <span style={{ textIndent: '-9999px', display: 'inline-block' }}>Loading</span>\n        </Spin>\n      </span>\n    );\n  }\n  return (\n    <span className=\"form-item-text-content\" style={props.style}>\n      {props.render ? props.render(props.value) : valueFt}\n    </span>\n  );\n};\n","import { isDeepEqual } from '@dimjs/lang';\nimport { isUndefinedOrNull, toArray, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { Form } from 'antd';\nimport { useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemWrapperProps } from '../form-item-wrapper';\nimport { type FormItemTextServiceConfig } from './types';\n\nexport const useRequestFormItemText = (props: {\n  serviceConfig?: FormItemTextServiceConfig;\n  name?: FormItemWrapperProps['name'];\n}) => {\n  const serviceConfig = props.serviceConfig;\n  const [loading, setLoading] = useState(false);\n  const [respData, setRespData] = useState<TAny>();\n  const prevParams = fbaHooks.usePrevious(serviceConfig?.params);\n  const [status, setStatus] = useState<'success' | 'error' | 'init'>('init');\n  const errorMsgRef = useRef<string>();\n  const form = Form.useFormInstance();\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?.invalidParamKey, serviceConfig?.params]);\n\n  const onInnerRequest = async (params?: TPlainObject) => {\n    if (!serviceConfig) return;\n    const mergeProps = { ...serviceParams, ...params };\n    const keys = serviceConfig?.requiredParamsKeys;\n    if (keys?.length) {\n      const target = keys.find((item) => {\n        return isUndefinedOrNull(mergeProps[item]);\n      });\n      if (target) {\n        errorMsgRef.current = `缺少必填参数：${keys.join('、')}`;\n        console.warn(errorMsgRef.current);\n        setStatus('error');\n        return;\n      }\n    }\n    try {\n      if (!loading) setLoading(true);\n      setStatus('init');\n      const respData = await serviceConfig.onRequest(mergeProps);\n      const value = props.name ? form.getFieldValue(props.name) : undefined;\n      const respDataFt = serviceConfig.onResponseAdapter\n        ? serviceConfig.onResponseAdapter(respData, value)\n        : respData;\n      setRespData(respDataFt);\n      setStatus('success');\n    } catch (error: TAny) {\n      console.error(error);\n      errorMsgRef.current = error?.message || '接口调用异常';\n      setStatus('error');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  fbaHooks.useEffectCustomAsync(onInnerRequest, []);\n\n  fbaHooks.useEffectCustom(() => {\n    if (!serviceConfig) return;\n    if (prevParams) {\n      if (!isDeepEqual(serviceConfig.params, prevParams)) {\n        void onInnerRequest();\n      }\n    }\n  }, [prevParams, serviceConfig?.params]);\n\n  if (!serviceConfig) {\n    return undefined;\n  }\n\n  return {\n    loading,\n    status,\n    viewValue: respData,\n    onRequest: onInnerRequest,\n    errorMsg: errorMsgRef.current,\n  };\n};\n","import { classNames } from '@dimjs/utils';\n\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport { FormItemTextContent } from './content';\nimport { type FormItemTextProps } from './types';\nimport { useRequestFormItemText } from './use-request';\n\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * @param props\n * @returns\n */\nexport const RequestText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, serviceConfig, ...otherProps } = props;\n  const requestResult = useRequestFormItemText({\n    serviceConfig,\n    name: props.name,\n  });\n  return (\n    <FormItemWrapper\n      {...otherProps}\n      name={undefined}\n      className={classNames('form-item-text', props.className)}\n    >\n      <FormItemTextContent\n        loading={requestResult?.loading}\n        wrap={wrap}\n        render={render}\n        placeholderValue={placeholderValue}\n        value={requestResult?.viewValue}\n        status={requestResult?.status}\n        onRequest={requestResult?.onRequest}\n        errorMsg={requestResult?.errorMsg}\n      />\n    </FormItemWrapper>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Fragment } from 'react';\n\nimport { FormItemTextContent } from './content';\nimport { RequestText } from './request-text';\nimport { type FormItemTextProps } from './types';\n\nimport { FormItemHidden } from '../form-item-hidden';\nimport { FormItemWrapper } from '../form-item-wrapper';\nimport './style.less';\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * ```\n * 可通过配置 serviceConfig 通过接口获取数据，一般用于 Select 数据显示\n *\n * 例如：\n * 1. 基本数据渲染\n * <FormItemText name=\"xxx\" label=\"xxx\" />\n * 2. 对象数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   render={(value) => {\n *     const target = [].find(\n *       (item) => item.value === value,\n *     );\n *     return target ? (\n *       <Tag color={target['color']}>{target.label}</Tag>\n *     ) : null;\n *   }}\n * />\n * 3. 接口数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   serviceConfig={{\n *     onRequest: () => {\n *       return serviceHandle.request('/random/api9468', {}, 'post');\n *     },\n *     onResponseAdapter: (dataList: TPlainObject[], value) => {\n *       return dataList?.find((item) => item.value === value);\n *     },\n *   }}\n *   render={(dataItem) => {\n *     return dataItem ? (\n *       <Tag style={{ margin: 0 }} color={dataItem['color']}>\n *         {dataItem.label}\n *       </Tag>\n *     ) : null;\n *   }}\n * />\n * ```\n */\nexport const FormItemText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, ...otherProps } = props;\n\n  if (props.serviceConfig) {\n    return (\n      <Fragment>\n        <FormItemHidden name={props.name} />\n        <RequestText {...props} />\n      </Fragment>\n    );\n  }\n\n  return (\n    <FormItemWrapper {...otherProps} className={classNames('form-item-text', props.className)}>\n      <FormItemTextContent wrap={wrap} render={render} placeholderValue={placeholderValue} />\n    </FormItemWrapper>\n  );\n};\n\nFormItemText['domTypeName'] = 'FormItemText';\n"],"names":["FormItemTextContent","props","originalValue","isUndefinedOrNull","value","placeholderValue","JSON","stringify","valueFt","wrap","_jsx","TextOverflow","text","status","Fragment","children","TipsWrapper","tipType","tooltipProps","title","errorMsg","icon","_QuestionCircleFilled","style","color","gap","Tooltip","_RedoOutlined","onClick","onRequest","className","loading","Spin","spinning","size","textIndent","display","render","useRequestFormItemText","serviceConfig","_useState","useState","setLoading","_useState2","respData","setRespData","prevParams","fbaHooks","usePrevious","params","_useState3","setStatus","errorMsgRef","useRef","form","Form","useFormInstance","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_extends","forEach","key","undefined","onInnerRequest","Promise","$return","$error","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","mergeProps","keys","target","_respData","respDataFt","requiredParamsKeys","find","item","current","join","console","warn","$Try_1_Post","$Try_1_Catch","error","message","resolve","then","$await_2","name","getFieldValue","onResponseAdapter","useEffectCustomAsync","useEffectCustom","_isDeepEqual","viewValue","RequestText","otherProps","_objectWithoutPropertiesLoose","_excluded","requestResult","FormItemWrapper","_classNames","FormItemText","_jsxs","FormItemHidden"],"mappings":"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"}

package/esm/form-item-wrapper/index.js

@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
 import './../pre-defined-class-name/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{composeProps as l,isUndefinedOrNull as t}from"@flatbiz/utils";import{Form as i}from"antd";import{useMemo as a,isValidElement as n,cloneElement as o}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{preDefinedClassName as f}from"../pre-defined-class-name/index.js";import{jsx as u,jsxs as m}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/class-names";var p=["wrapper","children","inputNormalize","isClear","beforeAfterStyle"],d=["wrapper","isClear","labelWidth","labelItemVertical","labelAlign","children","before","after","inputNormalize","outputNormalize","className","dependencies","hidden","beforeAfterStyle"];var c=function i(a){var n=a.wrapper,f=a.children,d=a.inputNormalize,c=a.isClear,h=a.beforeAfterStyle,b=e(a,p);var v=Object.prototype.hasOwnProperty.call(b,"value");if(v&&d){b["value"]=d(b["value"])}var y=o(f,l(f.props,b,true));s.useEffectCustom((function(){if(c&&!t(a.value)){a.onChange==null||a.onChange(undefined)}}),[c,a.value]);if(n){return n(y)}if(a.before||a.after){return m("div",{style:r({display:"flex",alignItems:"center"},h),children:[a.before?u("span",{style:{marginRight:10},children:a.before}):null,u("div",{style:{flex:1},children:y}),a.after?u("span",{style:{marginLeft:10},children:a.after}):null]})}return y};var h=function l(t){var o=t.wrapper,s=t.isClear,m=t.labelWidth,p=t.labelItemVertical,h=t.labelAlign,b=t.children,v=t.before,y=t.after,g=t.inputNormalize,N=t.outputNormalize,j=t.className,z=t.dependencies,C=t.hidden,I=t.beforeAfterStyle,A=e(t,d);var w=i.useFormInstance();var F=a((function(){return f.getFormItemLayoutClassName({labelWidth:m,labelItemVertical:p,labelAlign:h,className:j})}),[m,p,h,j]);if(z&&(z==null?void 0:z.length)>0){return u(i.Item,{dependencies:z,noStyle:true,children:function e(l){var t=typeof C==="function"?C==null?void 0:C(l.getFieldsValue()):C;var a=typeof s==="function"?s==null?void 0:s(l.getFieldsValue()):s;return u(i.Item,r({normalize:N},A,{rules:a?[]:A.rules,className:F,hidden:a||t,children:n(b)?u(c,{wrapper:o,before:v,after:y,inputNormalize:g,isClear:a,beforeAfterStyle:I,children:b}):b}))}})}var S=typeof C==="function"?C(w.getFieldsValue()):C;var V=typeof s==="function"?s(w.getFieldsValue()):s;return u(i.Item,r({normalize:N},A,{className:F,hidden:S||V,children:n(b)?u(c,{wrapper:o,before:v,after:y,inputNormalize:g,isClear:V,beforeAfterStyle:I,children:b}):b}))};h["domTypeName"]="FormItemWrapper";export{h as FormItemWrapper};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{composeProps as l,isUndefinedOrNull as t}from"@flatbiz/utils";import{Form as i}from"antd";import{useMemo as a,isValidElement as n,cloneElement as o}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{preDefinedClassName as f}from"../pre-defined-class-name/index.js";import{jsx as u,jsxs as m}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/class-names";var p=["wrapper","children","inputNormalize","isClear","beforeAfterStyle"],d=["wrapper","isClear","labelWidth","labelItemVertical","labelAlign","children","before","after","inputNormalize","outputNormalize","className","dependencies","hidden","beforeAfterStyle"];var c=function i(a){var n=a.wrapper,f=a.children,d=a.inputNormalize,c=a.isClear,h=a.beforeAfterStyle,b=e(a,p);var v=Object.prototype.hasOwnProperty.call(b,"value");if(v&&d){b["value"]=d(b["value"])}var y=o(f,l(f.props,b,true));s.useEffectCustom(function(){if(c&&!t(a.value)){a.onChange==null||a.onChange(undefined)}},[c,a.value]);if(n){return n(y)}if(a.before||a.after){return m("div",{style:r({display:"flex",alignItems:"center"},h),children:[a.before?u("span",{style:{marginRight:10},children:a.before}):null,u("div",{style:{flex:1},children:y}),a.after?u("span",{style:{marginLeft:10},children:a.after}):null]})}return y};var h=function l(t){var o=t.wrapper,s=t.isClear,m=t.labelWidth,p=t.labelItemVertical,h=t.labelAlign,b=t.children,v=t.before,y=t.after,g=t.inputNormalize,N=t.outputNormalize,j=t.className,z=t.dependencies,C=t.hidden,I=t.beforeAfterStyle,A=e(t,d);var w=i.useFormInstance();var F=a(function(){return f.getFormItemLayoutClassName({labelWidth:m,labelItemVertical:p,labelAlign:h,className:j})},[m,p,h,j]);if(z&&(z==null?void 0:z.length)>0){return u(i.Item,{dependencies:z,noStyle:true,children:function e(l){var t=typeof C==="function"?C==null?void 0:C(l.getFieldsValue()):C;var a=typeof s==="function"?s==null?void 0:s(l.getFieldsValue()):s;return u(i.Item,r({normalize:N},A,{rules:a?[]:A.rules,className:F,hidden:a||t,children:n(b)?u(c,{wrapper:o,before:v,after:y,inputNormalize:g,isClear:a,beforeAfterStyle:I,children:b}):b}))}})}var S=typeof C==="function"?C(w.getFieldsValue()):C;var V=typeof s==="function"?s(w.getFieldsValue()):s;return u(i.Item,r({normalize:N},A,{className:F,hidden:S||V,children:n(b)?u(c,{wrapper:o,before:v,after:y,inputNormalize:g,isClear:V,beforeAfterStyle:I,children:b}):b}))};h["domTypeName"]="FormItemWrapper";export{h as FormItemWrapper};
 //# sourceMappingURL=index.js.map

package/esm/form-item-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-wrapper/form-item-wrapper.tsx"],"sourcesContent":["import { composeProps, isUndefinedOrNull, TAny, TPlainObject } from '@flatbiz/utils';\nimport { Form, FormItemProps } from 'antd';\nimport { cloneElement, CSSProperties, isValidElement, ReactElement, ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport { TFormItemLayoutPreClassNameProps } from '../pre-defined-class-name/form';\n\nexport type FormItemWrapperProps = Omit<FormItemProps, 'hidden' | 'children' | 'noStyle'> &\n  TFormItemLayoutPreClassNameProps & {\n    wrapper?: (children: ReactNode) => ReactElement;\n    /** 设置wrapper后，before、after失效 */\n    before?: ReactNode;\n    /** 设置wrapper后，before、after失效 */\n    after?: ReactNode;\n    /** 设置 before、after 属性的包装结构style */\n    beforeAfterStyle?: CSSProperties;\n    /** value 序列化处理 */\n    inputNormalize?: (value?: TAny) => TAny;\n    /**\n     * onChange 参数序列化处理\n     * 如果设置 normalize 属性，outputNormalize将失效\n     */\n    outputNormalize?: (value?: TAny) => TAny;\n    /**\n     * 隐藏 Form.Item，同时清除 Form.Item 值\n     * ```\n     * 1.与 dependencies 属性配合使用，可实现当前FormItemWrapper的显示隐藏\n     * 2.提交不校验rules\n     * ```\n     */\n    isClear?: boolean | ((formValues: TPlainObject) => boolean);\n    /**\n     * 隐藏 Form.Item，不会清除 Form.Item 值\n     * ```\n     * 1.与 dependencies 属性配合使用，可实现当前FormItemWrapper的显示隐藏\n     * 2.提交会校验rules\n     * ```\n     */\n    hidden?: boolean | ((formValues: TPlainObject) => boolean);\n    /**\n     * 栅格占位格数，最大值：24\n     * ```\n     * 1. 当前FormItemWrapper处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；\n     * 2. 父节点使用属性值，当前节点不使用属性值\n     * ```\n     */\n    span?: number;\n\n    /** 不支持函数式写法，如果需要使用dependencies获取表单值，可使用FormItemWrapperDependencies 组件  */\n    children?: ReactNode;\n\n    /**\n     * ```\n     * 1. 设置noStyle后，可能会导致 FromItemWrapper 在 EasyFrom 内部渲染网格布局时出现异常\n     * 2. 在FormItemWrapper中使用 dependencies 逻辑不需要设置 noStyle\n     * ```\n     */\n    noStyle?: boolean;\n  };\n\ntype FormItemWrapperChildrenProps = Pick<\n  FormItemWrapperProps,\n  'wrapper' | 'after' | 'before' | 'inputNormalize' | 'isClear' | 'beforeAfterStyle'\n> & {\n  children: ReactElement;\n  value?: any;\n  onChange?: (value?: any) => any;\n};\n\nconst FormItemWrapperChildren = (props: FormItemWrapperChildrenProps) => {\n  const { wrapper, children, inputNormalize, isClear, beforeAfterStyle, ...rest } = props;\n  // composeProps 合并执行 Form.Item 传的 onChange 以及组件本身的方法\n  const hasValue = Object.prototype.hasOwnProperty.call(rest, 'value');\n  if (hasValue && inputNormalize) {\n    rest['value'] = inputNormalize(rest['value']);\n  }\n  const _children = cloneElement(children, composeProps(children.props, rest, true));\n\n  fbaHooks.useEffectCustom(() => {\n    if (isClear && !isUndefinedOrNull(props.value)) {\n      props.onChange?.(undefined);\n    }\n  }, [isClear, props.value]);\n\n  if (wrapper) {\n    return wrapper(_children);\n  }\n  if (props.before || props.after) {\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', ...beforeAfterStyle }}>\n        {props.before ? <span style={{ marginRight: 10 }}>{props.before}</span> : null}\n        <div style={{ flex: 1 }}>{_children}</div>\n        {props.after ? <span style={{ marginLeft: 10 }}>{props.after}</span> : null}\n      </div>\n    );\n  }\n  return _children;\n};\n\n/**\n * 对 Form.Item 包装处理\n * ```\n * 1. 为 children 增加 before、after\n * 2. 对输入、输出数据进行序列化处理\n * 3. 内置布局样式使用 preDefinedClassName.formItem\n * 4. 设置隐藏域（不清除字段值） 使用hidden，存在依赖逻辑，可与dependencies属性配合使用\n * 5. 设置隐藏域（清除字段值）使用isClear，存在依赖逻辑，可与dependencies属性配合使用\n * 6. 不支持noStyle属性、children不支持函数写法、如果需要获取依赖字段值，可使用 FormItemWrapperDependencies 组件\n * 7. 设置noStyle后，可能会导致 FromItemWrapper 在 EasyFrom 内部渲染网格布局时出现异常\n *\n *\n * ** 依赖其他字段 自身切换显示隐藏 **\n * <FormItemWrapper\n *  label=\"label\"\n *  name=\"xx1\"\n *  dependencies={['type']}\n *  isClear={(values)  => {\n *    return values.type == 1\n *  }}>\n *  <Input placeholder=\"请输入\" />\n * </FormItemWrapper>\n *\n * 如果只是想获取依赖字段值，可使用 FormItemWrapperDependencies 组件\n * ```\n */\nexport const FormItemWrapper = (props: FormItemWrapperProps) => {\n  const {\n    wrapper,\n    isClear,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    children,\n    before,\n    after,\n    inputNormalize,\n    outputNormalize,\n    className,\n    dependencies,\n    hidden,\n    beforeAfterStyle,\n    ...rest\n  } = props;\n  const form = Form.useFormInstance();\n\n  const innerClassName = useMemo(() => {\n    return preDefinedClassName.getFormItemLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign,\n      className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlign, className]);\n\n  if (dependencies && dependencies?.length > 0) {\n    return (\n      <Form.Item dependencies={dependencies} noStyle>\n        {(innerForm) => {\n          const innerHidden = typeof hidden === 'function' ? hidden?.(innerForm.getFieldsValue()) : hidden;\n          const innerIsClear =\n            typeof isClear === 'function' ? isClear?.(innerForm.getFieldsValue()) : isClear;\n\n          return (\n            <Form.Item\n              normalize={outputNormalize}\n              {...rest}\n              rules={innerIsClear ? [] : rest.rules}\n              className={innerClassName}\n              hidden={innerIsClear || innerHidden}\n            >\n              {isValidElement(children) ? (\n                <FormItemWrapperChildren\n                  wrapper={wrapper}\n                  before={before}\n                  after={after}\n                  inputNormalize={inputNormalize}\n                  isClear={innerIsClear}\n                  beforeAfterStyle={beforeAfterStyle}\n                >\n                  {children}\n                </FormItemWrapperChildren>\n              ) : (\n                children\n              )}\n            </Form.Item>\n          );\n        }}\n      </Form.Item>\n    );\n  }\n\n  const innerHidden = typeof hidden === 'function' ? hidden(form.getFieldsValue()) : hidden;\n  const innerIsClear = typeof isClear === 'function' ? isClear(form.getFieldsValue()) : isClear;\n\n  return (\n    <Form.Item\n      normalize={outputNormalize}\n      {...rest}\n      className={innerClassName}\n      hidden={innerHidden || innerIsClear}\n    >\n      {isValidElement(children) ? (\n        <FormItemWrapperChildren\n          wrapper={wrapper}\n          before={before}\n          after={after}\n          inputNormalize={inputNormalize}\n          isClear={innerIsClear}\n          beforeAfterStyle={beforeAfterStyle}\n        >\n          {children}\n        </FormItemWrapperChildren>\n      ) : (\n        children\n      )}\n    </Form.Item>\n  );\n};\n\nFormItemWrapper['domTypeName'] = 'FormItemWrapper';\n"],"names":["FormItemWrapperChildren","props","wrapper","children","inputNormalize","isClear","beforeAfterStyle","rest","_objectWithoutPropertiesLoose","_excluded","hasValue","Object","prototype","hasOwnProperty","call","_children","cloneElement","composeProps","fbaHooks","useEffectCustom","isUndefinedOrNull","value","onChange","undefined","before","after","_jsxs","style","_extends","display","alignItems","_jsx","marginRight","flex","marginLeft","FormItemWrapper","labelWidth","labelItemVertical","labelAlign","outputNormalize","className","dependencies","hidden","_excluded2","form","Form","useFormInstance","innerClassName","useMemo","preDefinedClassName","getFormItemLayoutClassName","length","Item","noStyle","innerForm","innerHidden","getFieldsValue","innerIsClear","normalize","rules","isValidElement"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-wrapper/form-item-wrapper.tsx"],"sourcesContent":["import { composeProps, isUndefinedOrNull, TAny, TPlainObject } from '@flatbiz/utils';\nimport { Form, FormItemProps } from 'antd';\nimport { cloneElement, CSSProperties, isValidElement, ReactElement, ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport { TFormItemLayoutPreClassNameProps } from '../pre-defined-class-name/form';\n\nexport type FormItemWrapperProps = Omit<FormItemProps, 'hidden' | 'children' | 'noStyle'> &\n  TFormItemLayoutPreClassNameProps & {\n    wrapper?: (children: ReactNode) => ReactElement;\n    /** 设置wrapper后，before、after失效 */\n    before?: ReactNode;\n    /** 设置wrapper后，before、after失效 */\n    after?: ReactNode;\n    /** 设置 before、after 属性的包装结构style */\n    beforeAfterStyle?: CSSProperties;\n    /** value 序列化处理 */\n    inputNormalize?: (value?: TAny) => TAny;\n    /**\n     * onChange 参数序列化处理\n     * 如果设置 normalize 属性，outputNormalize将失效\n     */\n    outputNormalize?: (value?: TAny) => TAny;\n    /**\n     * 隐藏 Form.Item，同时清除 Form.Item 值\n     * ```\n     * 1.与 dependencies 属性配合使用，可实现当前FormItemWrapper的显示隐藏\n     * 2.提交不校验rules\n     * ```\n     */\n    isClear?: boolean | ((formValues: TPlainObject) => boolean);\n    /**\n     * 隐藏 Form.Item，不会清除 Form.Item 值\n     * ```\n     * 1.与 dependencies 属性配合使用，可实现当前FormItemWrapper的显示隐藏\n     * 2.提交会校验rules\n     * ```\n     */\n    hidden?: boolean | ((formValues: TPlainObject) => boolean);\n    /**\n     * 栅格占位格数，最大值：24\n     * ```\n     * 1. 当前FormItemWrapper处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；\n     * 2. 父节点使用属性值，当前节点不使用属性值\n     * ```\n     */\n    span?: number;\n\n    /** 不支持函数式写法，如果需要使用dependencies获取表单值，可使用FormItemWrapperDependencies 组件  */\n    children?: ReactNode;\n\n    /**\n     * ```\n     * 1. 设置noStyle后，可能会导致 FromItemWrapper 在 EasyFrom 内部渲染网格布局时出现异常\n     * 2. 在FormItemWrapper中使用 dependencies 逻辑不需要设置 noStyle\n     * ```\n     */\n    noStyle?: boolean;\n  };\n\ntype FormItemWrapperChildrenProps = Pick<\n  FormItemWrapperProps,\n  'wrapper' | 'after' | 'before' | 'inputNormalize' | 'isClear' | 'beforeAfterStyle'\n> & {\n  children: ReactElement;\n  value?: any;\n  onChange?: (value?: any) => any;\n};\n\nconst FormItemWrapperChildren = (props: FormItemWrapperChildrenProps) => {\n  const { wrapper, children, inputNormalize, isClear, beforeAfterStyle, ...rest } = props;\n  // composeProps 合并执行 Form.Item 传的 onChange 以及组件本身的方法\n  const hasValue = Object.prototype.hasOwnProperty.call(rest, 'value');\n  if (hasValue && inputNormalize) {\n    rest['value'] = inputNormalize(rest['value']);\n  }\n  const _children = cloneElement(children, composeProps(children.props, rest, true));\n\n  fbaHooks.useEffectCustom(() => {\n    if (isClear && !isUndefinedOrNull(props.value)) {\n      props.onChange?.(undefined);\n    }\n  }, [isClear, props.value]);\n\n  if (wrapper) {\n    return wrapper(_children);\n  }\n  if (props.before || props.after) {\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', ...beforeAfterStyle }}>\n        {props.before ? <span style={{ marginRight: 10 }}>{props.before}</span> : null}\n        <div style={{ flex: 1 }}>{_children}</div>\n        {props.after ? <span style={{ marginLeft: 10 }}>{props.after}</span> : null}\n      </div>\n    );\n  }\n  return _children;\n};\n\n/**\n * 对 Form.Item 包装处理\n * ```\n * 1. 为 children 增加 before、after\n * 2. 对输入、输出数据进行序列化处理\n * 3. 内置布局样式使用 preDefinedClassName.formItem\n * 4. 设置隐藏域（不清除字段值） 使用hidden，存在依赖逻辑，可与dependencies属性配合使用\n * 5. 设置隐藏域（清除字段值）使用isClear，存在依赖逻辑，可与dependencies属性配合使用\n * 6. 不支持noStyle属性、children不支持函数写法、如果需要获取依赖字段值，可使用 FormItemWrapperDependencies 组件\n * 7. 设置noStyle后，可能会导致 FromItemWrapper 在 EasyFrom 内部渲染网格布局时出现异常\n *\n *\n * ** 依赖其他字段 自身切换显示隐藏 **\n * <FormItemWrapper\n *  label=\"label\"\n *  name=\"xx1\"\n *  dependencies={['type']}\n *  isClear={(values)  => {\n *    return values.type == 1\n *  }}>\n *  <Input placeholder=\"请输入\" />\n * </FormItemWrapper>\n *\n * 如果只是想获取依赖字段值，可使用 FormItemWrapperDependencies 组件\n * ```\n */\nexport const FormItemWrapper = (props: FormItemWrapperProps) => {\n  const {\n    wrapper,\n    isClear,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    children,\n    before,\n    after,\n    inputNormalize,\n    outputNormalize,\n    className,\n    dependencies,\n    hidden,\n    beforeAfterStyle,\n    ...rest\n  } = props;\n  const form = Form.useFormInstance();\n\n  const innerClassName = useMemo(() => {\n    return preDefinedClassName.getFormItemLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign,\n      className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlign, className]);\n\n  if (dependencies && dependencies?.length > 0) {\n    return (\n      <Form.Item dependencies={dependencies} noStyle>\n        {(innerForm) => {\n          const innerHidden = typeof hidden === 'function' ? hidden?.(innerForm.getFieldsValue()) : hidden;\n          const innerIsClear =\n            typeof isClear === 'function' ? isClear?.(innerForm.getFieldsValue()) : isClear;\n\n          return (\n            <Form.Item\n              normalize={outputNormalize}\n              {...rest}\n              rules={innerIsClear ? [] : rest.rules}\n              className={innerClassName}\n              hidden={innerIsClear || innerHidden}\n            >\n              {isValidElement(children) ? (\n                <FormItemWrapperChildren\n                  wrapper={wrapper}\n                  before={before}\n                  after={after}\n                  inputNormalize={inputNormalize}\n                  isClear={innerIsClear}\n                  beforeAfterStyle={beforeAfterStyle}\n                >\n                  {children}\n                </FormItemWrapperChildren>\n              ) : (\n                children\n              )}\n            </Form.Item>\n          );\n        }}\n      </Form.Item>\n    );\n  }\n\n  const innerHidden = typeof hidden === 'function' ? hidden(form.getFieldsValue()) : hidden;\n  const innerIsClear = typeof isClear === 'function' ? isClear(form.getFieldsValue()) : isClear;\n\n  return (\n    <Form.Item\n      normalize={outputNormalize}\n      {...rest}\n      className={innerClassName}\n      hidden={innerHidden || innerIsClear}\n    >\n      {isValidElement(children) ? (\n        <FormItemWrapperChildren\n          wrapper={wrapper}\n          before={before}\n          after={after}\n          inputNormalize={inputNormalize}\n          isClear={innerIsClear}\n          beforeAfterStyle={beforeAfterStyle}\n        >\n          {children}\n        </FormItemWrapperChildren>\n      ) : (\n        children\n      )}\n    </Form.Item>\n  );\n};\n\nFormItemWrapper['domTypeName'] = 'FormItemWrapper';\n"],"names":["FormItemWrapperChildren","props","wrapper","children","inputNormalize","isClear","beforeAfterStyle","rest","_objectWithoutPropertiesLoose","_excluded","hasValue","Object","prototype","hasOwnProperty","call","_children","cloneElement","composeProps","fbaHooks","useEffectCustom","isUndefinedOrNull","value","onChange","undefined","before","after","_jsxs","style","_extends","display","alignItems","_jsx","marginRight","flex","marginLeft","FormItemWrapper","labelWidth","labelItemVertical","labelAlign","outputNormalize","className","dependencies","hidden","_excluded2","form","Form","useFormInstance","innerClassName","useMemo","preDefinedClassName","getFormItemLayoutClassName","length","Item","noStyle","innerForm","innerHidden","getFieldsValue","innerIsClear","normalize","rules","isValidElement"],"mappings":"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"}

package/esm/form-list-wrapper/index.js

@@ -9,5 +9,5 @@ import './../flex-layout/index.css';
 import './../text-symbol-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as e}from"@dimjs/utils/cjs/class-names";import{_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{toArray as r,getUuid as i}from"@flatbiz/utils";import{Form as o,Empty as n}from"antd";import{useRef as l,Fragment as a}from"react";import{ButtonWrapper as m}from"../button-wrapper/index.js";import{FormItemGroup as s}from"../form-item-group/index.js";import{TextSymbolWrapper as d}from"../text-symbol-wrapper/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../index-83bede1b.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/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";import"../flex-layout/index.js";var c=function e(t){if(t.wrapper)return t.wrapper({children:t.children});return t.children};var f=function e(r){var i,o;return p(s.HorizontalUnion,t({},r.formListItemTitleHProps,{style:t({marginBottom:10},(i=r.formListItemTitleHProps)==null?void 0:i.style),groupConfigList:((o=r.formListItemTitleList)==null?void 0:o.map((function(e){if(e.required){return{width:e.width,mainItem:p("div",{style:{textAlign:"center"},children:p(d,{text:e.title,symbolType:"required"})})}}return{width:e.width,mainItem:p("div",{style:{textAlign:"center"},children:e.title})}})))||[]}))};var h=function s(d){var h=[].concat(d.prevCompleteName,r(d.name));var g=o.useFormInstance();var j=l([]);var y=d.uidFieldName||"uid";var v=o.useWatch(h,g);var x=d.itemGap?d.itemGap/2:8;return p("div",{className:e("form-list-wrapper",d.className),style:d.style,children:p(o.List,{name:d.name,rules:d.rules,children:function e(l,s,w){var L;var I=w.errors;j.current=l;return u("div",{style:{borderRadius:"6px",border:I!=null&&I.length?"1px solid #ff4d4f":"1px solid transparent"},children:[(L=d.formListItemTitleList)!=null&&L.length?p(f,{formListItemTitleList:d.formListItemTitleList,formListItemTitleHProps:d.formListItemTitleHorizontalUnionProps}):null,!d.hiddenEmptyRender&&!(v!=null&&v.length)?p(n,{image:n.PRESENTED_IMAGE_SIMPLE,style:{margin:"15px 0"}}):null,u(a,{children:[p(c,{wrapper:d.formListChildrenWrapper,children:p(a,{children:l.map((function(e,t){var i=[].concat(h,[e.name]);return p("div",{className:"form-list-item-content",style:{padding:x+"px 0 "+x+"px 0"},children:d.children({formListFieldData:e,operation:s,formStageCompleteName:i,prevCompleteName:h,index:t,getInsideFormItemName:function t(i){var o=r(i);return[e.name].concat(o)},getInsideFormItemData:function e(){return g.getFieldValue(i)},uidKey:y})},e.key)}))})}),d.onCustomAddRowButton?d.onCustomAddRowButton(s):p(m,{hidden:d.hiddenAddRowButton,type:"dashed",block:true,onClick:function e(){var r;return s.add(t((r={},r[y]=i(),r),d.getAddRowDefaultValues==null?void 0:d.getAddRowDefaultValues()))},children:"添加"}),p(o.ErrorList,{errors:I!=null&&I.length?[p("div",{style:{color:"#ff4d4f",padding:"5px"},children:I},"0")]:undefined})]})]})}})})};export{h as FormListWrapper};
+import{classNames as e}from"@dimjs/utils/cjs/class-names";import{_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{toArray as r,getUuid as i}from"@flatbiz/utils";import{Form as o,Empty as n}from"antd";import{useRef as l,Fragment as a}from"react";import{ButtonWrapper as m}from"../button-wrapper/index.js";import{FormItemGroup as s}from"../form-item-group/index.js";import{TextSymbolWrapper as d}from"../text-symbol-wrapper/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../index-853b36e6.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-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";import"../flex-layout/index.js";var c=function e(t){if(t.wrapper)return t.wrapper({children:t.children});return t.children};var f=function e(r){var i,o;return p(s.HorizontalUnion,t({},r.formListItemTitleHProps,{style:t({marginBottom:10},(i=r.formListItemTitleHProps)==null?void 0:i.style),groupConfigList:((o=r.formListItemTitleList)==null?void 0:o.map(function(e){if(e.required){return{width:e.width,mainItem:p("div",{style:{textAlign:"center"},children:p(d,{text:e.title,symbolType:"required"})})}}return{width:e.width,mainItem:p("div",{style:{textAlign:"center"},children:e.title})}}))||[]}))};var h=function s(d){var h=[].concat(d.prevCompleteName,r(d.name));var g=o.useFormInstance();var j=l([]);var y=d.uidFieldName||"uid";var v=o.useWatch(h,g);var x=d.itemGap?d.itemGap/2:8;return p("div",{className:e("form-list-wrapper",d.className),style:d.style,children:p(o.List,{name:d.name,rules:d.rules,children:function e(l,s,w){var L;var I=w.errors;j.current=l;return u("div",{style:{borderRadius:"6px",border:I!=null&&I.length?"1px solid #ff4d4f":"1px solid transparent"},children:[(L=d.formListItemTitleList)!=null&&L.length?p(f,{formListItemTitleList:d.formListItemTitleList,formListItemTitleHProps:d.formListItemTitleHorizontalUnionProps}):null,!d.hiddenEmptyRender&&!(v!=null&&v.length)?p(n,{image:n.PRESENTED_IMAGE_SIMPLE,style:{margin:"15px 0"}}):null,u(a,{children:[p(c,{wrapper:d.formListChildrenWrapper,children:p(a,{children:l.map(function(e,t){var i=[].concat(h,[e.name]);return p("div",{className:"form-list-item-content",style:{padding:x+"px 0 "+x+"px 0"},children:d.children({formListFieldData:e,operation:s,formStageCompleteName:i,prevCompleteName:h,index:t,getInsideFormItemName:function t(i){var o=r(i);return[e.name].concat(o)},getInsideFormItemData:function e(){return g.getFieldValue(i)},uidKey:y})},e.key)})})}),d.onCustomAddRowButton?d.onCustomAddRowButton(s):p(m,{hidden:d.hiddenAddRowButton,type:"dashed",block:true,onClick:function e(){var r;return s.add(t((r={},r[y]=i(),r),d.getAddRowDefaultValues==null?void 0:d.getAddRowDefaultValues()))},children:"添加"}),p(o.ErrorList,{errors:I!=null&&I.length?[p("div",{style:{color:"#ff4d4f",padding:"5px"},children:I},"0")]:undefined})]})]})}})})};export{h as FormListWrapper};
 //# sourceMappingURL=index.js.map

package/esm/form-list-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-list-wrapper/form-list-wrapper.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { getUuid, toArray } from '@flatbiz/utils';\nimport { Empty, Form, type FormListFieldData } from 'antd';\nimport { Fragment, useRef, type ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { FormItemGroup } from '../form-item-group';\nimport { TextSymbolWrapper } from '../text-symbol-wrapper';\nimport './style.less';\nimport { type FormListWrapperProps } from './types';\n\ntype FormListChildrenWrapperProps = {\n  wrapper?: FormListWrapperProps['formListChildrenWrapper'];\n  children: ReactElement;\n};\nconst FormListChildrenWrapper = (props: FormListChildrenWrapperProps) => {\n  if (props.wrapper) return props.wrapper({ children: props.children });\n  return props.children;\n};\n\nconst FormListTitleRender = (props: {\n  formListItemTitleList: FormListWrapperProps['formListItemTitleList'];\n  formListItemTitleHProps?: FormListWrapperProps['formListItemTitleHorizontalUnionProps'];\n}) => {\n  return (\n    <FormItemGroup.HorizontalUnion\n      {...props.formListItemTitleHProps}\n      style={{ marginBottom: 10, ...props.formListItemTitleHProps?.style }}\n      groupConfigList={\n        props.formListItemTitleList?.map((item) => {\n          if (item.required) {\n            return {\n              width: item.width,\n              mainItem: (\n                <div style={{ textAlign: 'center' }}>\n                  <TextSymbolWrapper text={item.title} symbolType=\"required\" />\n                </div>\n              ),\n            };\n          }\n          return {\n            width: item.width,\n            mainItem: <div style={{ textAlign: 'center' }}>{item.title}</div>,\n          };\n        }) || []\n      }\n    />\n  );\n};\n\n/**\n * Form.List 包装组件，使用更简单\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置\n * 2. 通过 itemGap 设置FormList Item 之间间隙\n * ```\n */\nexport const FormListWrapper = (props: FormListWrapperProps) => {\n  const stageCompleteName = [...props.prevCompleteName, ...toArray(props.name)] as Array<string | number>;\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n  const uidFieldName = props.uidFieldName || 'uid';\n  const formListValue = Form.useWatch(stageCompleteName, form);\n\n  const gapHalf = props.itemGap ? props.itemGap / 2 : 8;\n\n  return (\n    <div className={classNames('form-list-wrapper', props.className)} style={props.style}>\n      <Form.List name={props.name} rules={props.rules}>\n        {(fields, operation, { errors }) => {\n          formListOperationRef.current = fields;\n          return (\n            <div\n              style={{\n                borderRadius: '6px',\n                border: errors?.length ? '1px solid #ff4d4f' : '1px solid transparent',\n              }}\n            >\n              {props.formListItemTitleList?.length ? (\n                <FormListTitleRender\n                  formListItemTitleList={props.formListItemTitleList}\n                  formListItemTitleHProps={props.formListItemTitleHorizontalUnionProps}\n                />\n              ) : null}\n              {!props.hiddenEmptyRender && !formListValue?.length ? (\n                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{ margin: '15px 0' }} />\n              ) : null}\n              <Fragment>\n                <FormListChildrenWrapper wrapper={props.formListChildrenWrapper}>\n                  <Fragment>\n                    {fields.map((field, index) => {\n                      const formStageCompleteName = [...stageCompleteName, field.name];\n                      return (\n                        <div\n                          key={field.key}\n                          className=\"form-list-item-content\"\n                          style={{ padding: `${gapHalf}px 0 ${gapHalf}px 0` }}\n                        >\n                          {props.children({\n                            formListFieldData: field,\n                            operation: operation,\n                            formStageCompleteName,\n                            prevCompleteName: stageCompleteName,\n                            index,\n                            getInsideFormItemName: (key) => {\n                              const keys = toArray<string>(key);\n                              return [field.name, ...keys];\n                            },\n                            getInsideFormItemData: () => {\n                              return form.getFieldValue(formStageCompleteName);\n                            },\n                            uidKey: uidFieldName,\n                          })}\n                        </div>\n                      );\n                    })}\n                  </Fragment>\n                </FormListChildrenWrapper>\n                {props.onCustomAddRowButton ? (\n                  props.onCustomAddRowButton(operation)\n                ) : (\n                  <ButtonWrapper\n                    hidden={props.hiddenAddRowButton}\n                    type=\"dashed\"\n                    block\n                    onClick={() =>\n                      operation.add({\n                        [uidFieldName]: getUuid(),\n                        ...props.getAddRowDefaultValues?.(),\n                      })\n                    }\n                  >\n                    添加\n                  </ButtonWrapper>\n                )}\n\n                <Form.ErrorList\n                  errors={\n                    errors?.length\n                      ? [\n                          <div\n                            key=\"0\"\n                            style={{\n                              color: '#ff4d4f',\n                              padding: '5px',\n                            }}\n                          >\n                            {errors}\n                          </div>,\n                        ]\n                      : undefined\n                  }\n                />\n              </Fragment>\n            </div>\n          );\n        }}\n      </Form.List>\n    </div>\n  );\n};\n"],"names":["FormListChildrenWrapper","props","wrapper","children","FormListTitleRender","_props$formListItemTi","_props$formListItemTi2","_jsx","FormItemGroup","HorizontalUnion","_extends","formListItemTitleHProps","style","marginBottom","groupConfigList","formListItemTitleList","map","item","required","width","mainItem","textAlign","TextSymbolWrapper","text","title","symbolType","FormListWrapper","stageCompleteName","concat","prevCompleteName","toArray","name","form","Form","useFormInstance","formListOperationRef","useRef","uidFieldName","formListValue","useWatch","gapHalf","itemGap","className","_classNames","List","rules","fields","operation","_ref","_props$formListItemTi3","errors","current","_jsxs","borderRadius","border","length","formListItemTitleHorizontalUnionProps","hiddenEmptyRender","Empty","image","PRESENTED_IMAGE_SIMPLE","margin","Fragment","formListChildrenWrapper","field","index","formStageCompleteName","padding","formListFieldData","getInsideFormItemName","key","keys","getInsideFormItemData","getFieldValue","uidKey","onCustomAddRowButton","ButtonWrapper","hidden","hiddenAddRowButton","type","block","onClick","_extends2","add","getUuid","getAddRowDefaultValues","ErrorList","color","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-list-wrapper/form-list-wrapper.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { getUuid, toArray } from '@flatbiz/utils';\nimport { Empty, Form, type FormListFieldData } from 'antd';\nimport { Fragment, useRef, type ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { FormItemGroup } from '../form-item-group';\nimport { TextSymbolWrapper } from '../text-symbol-wrapper';\nimport './style.less';\nimport { type FormListWrapperProps } from './types';\n\ntype FormListChildrenWrapperProps = {\n  wrapper?: FormListWrapperProps['formListChildrenWrapper'];\n  children: ReactElement;\n};\nconst FormListChildrenWrapper = (props: FormListChildrenWrapperProps) => {\n  if (props.wrapper) return props.wrapper({ children: props.children });\n  return props.children;\n};\n\nconst FormListTitleRender = (props: {\n  formListItemTitleList: FormListWrapperProps['formListItemTitleList'];\n  formListItemTitleHProps?: FormListWrapperProps['formListItemTitleHorizontalUnionProps'];\n}) => {\n  return (\n    <FormItemGroup.HorizontalUnion\n      {...props.formListItemTitleHProps}\n      style={{ marginBottom: 10, ...props.formListItemTitleHProps?.style }}\n      groupConfigList={\n        props.formListItemTitleList?.map((item) => {\n          if (item.required) {\n            return {\n              width: item.width,\n              mainItem: (\n                <div style={{ textAlign: 'center' }}>\n                  <TextSymbolWrapper text={item.title} symbolType=\"required\" />\n                </div>\n              ),\n            };\n          }\n          return {\n            width: item.width,\n            mainItem: <div style={{ textAlign: 'center' }}>{item.title}</div>,\n          };\n        }) || []\n      }\n    />\n  );\n};\n\n/**\n * Form.List 包装组件，使用更简单\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置\n * 2. 通过 itemGap 设置FormList Item 之间间隙\n * ```\n */\nexport const FormListWrapper = (props: FormListWrapperProps) => {\n  const stageCompleteName = [...props.prevCompleteName, ...toArray(props.name)] as Array<string | number>;\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n  const uidFieldName = props.uidFieldName || 'uid';\n  const formListValue = Form.useWatch(stageCompleteName, form);\n\n  const gapHalf = props.itemGap ? props.itemGap / 2 : 8;\n\n  return (\n    <div className={classNames('form-list-wrapper', props.className)} style={props.style}>\n      <Form.List name={props.name} rules={props.rules}>\n        {(fields, operation, { errors }) => {\n          formListOperationRef.current = fields;\n          return (\n            <div\n              style={{\n                borderRadius: '6px',\n                border: errors?.length ? '1px solid #ff4d4f' : '1px solid transparent',\n              }}\n            >\n              {props.formListItemTitleList?.length ? (\n                <FormListTitleRender\n                  formListItemTitleList={props.formListItemTitleList}\n                  formListItemTitleHProps={props.formListItemTitleHorizontalUnionProps}\n                />\n              ) : null}\n              {!props.hiddenEmptyRender && !formListValue?.length ? (\n                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{ margin: '15px 0' }} />\n              ) : null}\n              <Fragment>\n                <FormListChildrenWrapper wrapper={props.formListChildrenWrapper}>\n                  <Fragment>\n                    {fields.map((field, index) => {\n                      const formStageCompleteName = [...stageCompleteName, field.name];\n                      return (\n                        <div\n                          key={field.key}\n                          className=\"form-list-item-content\"\n                          style={{ padding: `${gapHalf}px 0 ${gapHalf}px 0` }}\n                        >\n                          {props.children({\n                            formListFieldData: field,\n                            operation: operation,\n                            formStageCompleteName,\n                            prevCompleteName: stageCompleteName,\n                            index,\n                            getInsideFormItemName: (key) => {\n                              const keys = toArray<string>(key);\n                              return [field.name, ...keys];\n                            },\n                            getInsideFormItemData: () => {\n                              return form.getFieldValue(formStageCompleteName);\n                            },\n                            uidKey: uidFieldName,\n                          })}\n                        </div>\n                      );\n                    })}\n                  </Fragment>\n                </FormListChildrenWrapper>\n                {props.onCustomAddRowButton ? (\n                  props.onCustomAddRowButton(operation)\n                ) : (\n                  <ButtonWrapper\n                    hidden={props.hiddenAddRowButton}\n                    type=\"dashed\"\n                    block\n                    onClick={() =>\n                      operation.add({\n                        [uidFieldName]: getUuid(),\n                        ...props.getAddRowDefaultValues?.(),\n                      })\n                    }\n                  >\n                    添加\n                  </ButtonWrapper>\n                )}\n\n                <Form.ErrorList\n                  errors={\n                    errors?.length\n                      ? [\n                          <div\n                            key=\"0\"\n                            style={{\n                              color: '#ff4d4f',\n                              padding: '5px',\n                            }}\n                          >\n                            {errors}\n                          </div>,\n                        ]\n                      : undefined\n                  }\n                />\n              </Fragment>\n            </div>\n          );\n        }}\n      </Form.List>\n    </div>\n  );\n};\n"],"names":["FormListChildrenWrapper","props","wrapper","children","FormListTitleRender","_props$formListItemTi","_props$formListItemTi2","_jsx","FormItemGroup","HorizontalUnion","_extends","formListItemTitleHProps","style","marginBottom","groupConfigList","formListItemTitleList","map","item","required","width","mainItem","textAlign","TextSymbolWrapper","text","title","symbolType","FormListWrapper","stageCompleteName","concat","prevCompleteName","toArray","name","form","Form","useFormInstance","formListOperationRef","useRef","uidFieldName","formListValue","useWatch","gapHalf","itemGap","className","_classNames","List","rules","fields","operation","_ref","_props$formListItemTi3","errors","current","_jsxs","borderRadius","border","length","formListItemTitleHorizontalUnionProps","hiddenEmptyRender","Empty","image","PRESENTED_IMAGE_SIMPLE","margin","Fragment","formListChildrenWrapper","field","index","formStageCompleteName","padding","formListFieldData","getInsideFormItemName","key","keys","getInsideFormItemData","getFieldValue","uidKey","onCustomAddRowButton","ButtonWrapper","hidden","hiddenAddRowButton","type","block","onClick","_extends2","add","getUuid","getAddRowDefaultValues","ErrorList","color","undefined"],"mappings":"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"}

package/esm/form-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../pre-defined-class-name/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Form as l}from"antd";import{useMemo as r}from"react";import{preDefinedClassName as m}from"../pre-defined-class-name/index.js";import{jsx as t}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";var s=["labelWidth","labelItemVertical","labelAlign","formItemGap","className"];var i=function i(o){var n=o.labelWidth,c=o.labelItemVertical,p=o.labelAlign,f=o.formItemGap,b=o.className,u=a(o,s);var d=r((function(){return m.getFormLayoutClassName({labelWidth:n,labelItemVertical:c,labelAlign:p,formItemGap:f,className:b})}),[n,c,p,f,b]);return t(l,e({},u,{className:d}))};export{i as FormWrapper};
+import{a,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Form as l}from"antd";import{useMemo as r}from"react";import{preDefinedClassName as m}from"../pre-defined-class-name/index.js";import{jsx as t}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";var s=["labelWidth","labelItemVertical","labelAlign","formItemGap","className"];var i=function i(o){var n=o.labelWidth,c=o.labelItemVertical,p=o.labelAlign,f=o.formItemGap,b=o.className,u=a(o,s);var d=r(function(){return m.getFormLayoutClassName({labelWidth:n,labelItemVertical:c,labelAlign:p,formItemGap:f,className:b})},[n,c,p,f,b]);return t(l,e({},u,{className:d}))};export{i as FormWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-wrapper/form-wrapper.tsx"],"sourcesContent":["import { Form, FormProps } from 'antd';\nimport { ReactNode, useMemo } from 'react';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport { TFormLayoutPreClassNameProps } from '../pre-defined-class-name/form';\n\nexport type FormWrapperProps<Values = any> = TFormLayoutPreClassNameProps &\n  FormProps<Values> & {\n    children: ReactNode;\n  };\n\n/**\n * Form 包装组件，添加对formItem的布局控制\n * ```\n * 1. 内置布局样式使用 preDefinedClassName.form\n * ```\n */\nexport const FormWrapper = (props: FormWrapperProps) => {\n  const { labelWidth, labelItemVertical, labelAlign, formItemGap, className, ...rest } = props;\n\n  const innerClassName = useMemo(() => {\n    return preDefinedClassName.getFormLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign,\n      formItemGap,\n      className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlign, formItemGap, className]);\n\n  return <Form {...rest} className={innerClassName}></Form>;\n};\n"],"names":["FormWrapper","props","labelWidth","labelItemVertical","labelAlign","formItemGap","className","rest","_objectWithoutPropertiesLoose","_excluded","innerClassName","useMemo","preDefinedClassName","getFormLayoutClassName","_jsx","Form","_extends"],"mappings":";qWAgBaA,EAAc,SAAdA,EAAeC,GAC1B,IAAQC,EAA+ED,EAA/EC,WAAYC,EAAmEF,EAAnEE,kBAAmBC,EAAgDH,EAAhDG,WAAYC,EAAoCJ,EAApCI,YAAaC,EAAuBL,EAAvBK,UAAcC,EAAIC,EAAKP,EAAKQ,GAE5F,IAAMC,EAAiBC,GAAQ,WAC7B,OAAOC,EAAoBC,uBAAuB,CAChDX,WAAAA,EACAC,kBAAAA,EACAC,WAAAA,EACAC,YAAAA,EACAC,UAAAA,GAEJ,GAAG,CAACJ,EAAYC,EAAmBC,EAAYC,EAAaC,IAE5D,OAAOQ,EAACC,EAAIC,KAAKT,EAAI,CAAED,UAAWI,IACpC"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-wrapper/form-wrapper.tsx"],"sourcesContent":["import { Form, FormProps } from 'antd';\nimport { ReactNode, useMemo } from 'react';\nimport { preDefinedClassName } from '../pre-defined-class-name';\nimport { TFormLayoutPreClassNameProps } from '../pre-defined-class-name/form';\n\nexport type FormWrapperProps<Values = any> = TFormLayoutPreClassNameProps &\n  FormProps<Values> & {\n    children: ReactNode;\n  };\n\n/**\n * Form 包装组件，添加对formItem的布局控制\n * ```\n * 1. 内置布局样式使用 preDefinedClassName.form\n * ```\n */\nexport const FormWrapper = (props: FormWrapperProps) => {\n  const { labelWidth, labelItemVertical, labelAlign, formItemGap, className, ...rest } = props;\n\n  const innerClassName = useMemo(() => {\n    return preDefinedClassName.getFormLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign,\n      formItemGap,\n      className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlign, formItemGap, className]);\n\n  return <Form {...rest} className={innerClassName}></Form>;\n};\n"],"names":["FormWrapper","props","labelWidth","labelItemVertical","labelAlign","formItemGap","className","rest","_objectWithoutPropertiesLoose","_excluded","innerClassName","useMemo","preDefinedClassName","getFormLayoutClassName","_jsx","Form","_extends"],"mappings":";qWAgBaA,EAAc,SAAdA,EAAeC,GAC1B,IAAQC,EAA+ED,EAA/EC,WAAYC,EAAmEF,EAAnEE,kBAAmBC,EAAgDH,EAAhDG,WAAYC,EAAoCJ,EAApCI,YAAaC,EAAuBL,EAAvBK,UAAcC,EAAIC,EAAKP,EAAKQ,GAE5F,IAAMC,EAAiBC,EAAQ,WAC7B,OAAOC,EAAoBC,uBAAuB,CAChDX,WAAAA,EACAC,kBAAAA,EACAC,WAAAA,EACAC,YAAAA,EACAC,UAAAA,GAEJ,EAAG,CAACJ,EAAYC,EAAmBC,EAAYC,EAAaC,IAE5D,OAAOQ,EAACC,EAAIC,KAAKT,EAAI,CAAED,UAAWI,IACpC"}

package/esm/full-screen/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{fbaUtils as e}from"../fba-utils/index.js";import{hooks as r}from"@wove/react/cjs/hooks";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{useKeyPress as a}from"ahooks";import{useState as o}from"react";import{jsx as i}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"@flatbiz/utils";var s=function e(r){a((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&r.handle.active){r.handle.toggle()}}),{events:["keydown","keyup"]});var o=t("full-screen",{"full-screen-active":r.handle.active},r.className);return i("div",{className:o,style:r.style,children:r.children})};var n=function e(){var t=o(false),a=t[0],i=t[1];var s=r.useCallbackRef((function(){i(!a)}));return{toggle:s,active:a}};var l=e.attachPropertiesToComponent(s,{useFullScreenHandle:n});export{l as FullScreen};
+import{fbaUtils as e}from"../fba-utils/index.js";import{hooks as r}from"@wove/react/cjs/hooks";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{useKeyPress as a}from"ahooks";import{useState as o}from"react";import{jsx as i}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"@flatbiz/utils";var s=function e(r){a(function(){return true},function(e){if(e.type==="keyup"&&e.key==="Escape"&&r.handle.active){r.handle.toggle()}},{events:["keydown","keyup"]});var o=t("full-screen",{"full-screen-active":r.handle.active},r.className);return i("div",{className:o,style:r.style,children:r.children})};var n=function e(){var t=o(false),a=t[0],i=t[1];var s=r.useCallbackRef(function(){i(!a)});return{toggle:s,active:a}};var l=e.attachPropertiesToComponent(s,{useFullScreenHandle:n});export{l as FullScreen};
 //# sourceMappingURL=index.js.map

package/esm/full-screen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/full-screen/full-screen.tsx","@flatbiz/antd/src/full-screen/index.ts"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { useState, type CSSProperties, type ReactElement } from 'react';\nimport './style.less';\n\nexport interface FullScreenHandleProps {\n  active: boolean;\n  toggle: () => void;\n}\nexport type FullScreenProps = {\n  children: ReactElement;\n  handle: FullScreenHandleProps;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const FullScreenInner = (props: FullScreenProps) => {\n  useKeyPress(\n    () => true,\n    (event) => {\n      if (event.type === 'keyup' && event.key === 'Escape' && props.handle.active) {\n        props.handle.toggle();\n      }\n    },\n    { events: ['keydown', 'keyup'] },\n  );\n\n  const cname = classNames('full-screen', { 'full-screen-active': props.handle.active }, props.className);\n  return (\n    <div className={cname} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n\nexport const useFullScreenHandleInner = () => {\n  const [active, setActive] = useState(false);\n  const toggle = hooks.useCallbackRef(() => {\n    setActive(!active);\n  });\n\n  return { toggle, active } as FullScreenHandleProps;\n};\n","import { fbaUtils } from '../fba-utils/fba-utils';\nimport { FullScreenInner, useFullScreenHandleInner } from './full-screen';\n\n/**\n * 全屏显示（点击键盘ESC可关闭全屏显示）\n *\n * ```\n * const handle = FullScreen.useFullScreenHandle();\n *\n * <FullScreen handle={handle}>\n *  包裹需要全屏的元素\n *  <Button onClick={handle.toggle}>全屏</Button>\n * </FullScreen>\n * ```\n */\nexport const FullScreen = fbaUtils.attachPropertiesToComponent(FullScreenInner, {\n  useFullScreenHandle: useFullScreenHandleInner,\n});\n"],"names":["FullScreenInner","props","useKeyPress","event","type","key","handle","active","toggle","events","cname","_classNames","className","_jsx","style","children","useFullScreenHandleInner","_useState","useState","setActive","_hooks","useCallbackRef","FullScreen","fbaUtils","attachPropertiesToComponent","useFullScreenHandle"],"mappings":";oVAiBO,IAAMA,EAAkB,SAAlBA,EAAmBC,GAC9BC,GACE,WAAA,OAAM,IACN,IAAA,SAACC,GACC,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,UAAYJ,EAAMK,OAAOC,OAAQ,CAC3EN,EAAMK,OAAOE,QACf,CACF,GACA,CAAEC,OAAQ,CAAC,UAAW,WAGxB,IAAMC,EAAQC,EAAW,cAAe,CAAE,qBAAsBV,EAAMK,OAAOC,QAAUN,EAAMW,WAC7F,OACEC,EAAA,MAAA,CAAKD,UAAWF,EAAOI,MAAOb,EAAMa,MAAMC,SACvCd,EAAMc,UAGb,EAEO,IAAMC,EAA2B,SAA3BA,IACX,IAAAC,EAA4BC,EAAS,OAA9BX,EAAMU,EAAA,GAAEE,EAASF,EAAA,GACxB,IAAMT,EAASY,EAAMC,gBAAe,WAClCF,GAAWZ,EACb,IAEA,MAAO,CAAEC,OAAAA,EAAQD,OAAAA,EACnB,EC5BO,IAAMe,EAAaC,EAASC,4BAA4BxB,EAAiB,CAC9EyB,oBAAqBT"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/full-screen/full-screen.tsx","@flatbiz/antd/src/full-screen/index.ts"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { useKeyPress } from 'ahooks';\nimport { useState, type CSSProperties, type ReactElement } from 'react';\nimport './style.less';\n\nexport interface FullScreenHandleProps {\n  active: boolean;\n  toggle: () => void;\n}\nexport type FullScreenProps = {\n  children: ReactElement;\n  handle: FullScreenHandleProps;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const FullScreenInner = (props: FullScreenProps) => {\n  useKeyPress(\n    () => true,\n    (event) => {\n      if (event.type === 'keyup' && event.key === 'Escape' && props.handle.active) {\n        props.handle.toggle();\n      }\n    },\n    { events: ['keydown', 'keyup'] },\n  );\n\n  const cname = classNames('full-screen', { 'full-screen-active': props.handle.active }, props.className);\n  return (\n    <div className={cname} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n\nexport const useFullScreenHandleInner = () => {\n  const [active, setActive] = useState(false);\n  const toggle = hooks.useCallbackRef(() => {\n    setActive(!active);\n  });\n\n  return { toggle, active } as FullScreenHandleProps;\n};\n","import { fbaUtils } from '../fba-utils/fba-utils';\nimport { FullScreenInner, useFullScreenHandleInner } from './full-screen';\n\n/**\n * 全屏显示（点击键盘ESC可关闭全屏显示）\n *\n * ```\n * const handle = FullScreen.useFullScreenHandle();\n *\n * <FullScreen handle={handle}>\n *  包裹需要全屏的元素\n *  <Button onClick={handle.toggle}>全屏</Button>\n * </FullScreen>\n * ```\n */\nexport const FullScreen = fbaUtils.attachPropertiesToComponent(FullScreenInner, {\n  useFullScreenHandle: useFullScreenHandleInner,\n});\n"],"names":["FullScreenInner","props","useKeyPress","event","type","key","handle","active","toggle","events","cname","_classNames","className","_jsx","style","children","useFullScreenHandleInner","_useState","useState","setActive","_hooks","useCallbackRef","FullScreen","fbaUtils","attachPropertiesToComponent","useFullScreenHandle"],"mappings":";oVAiBO,IAAMA,EAAkB,SAAlBA,EAAmBC,GAC9BC,EACE,WAAA,OAAM,IACN,EAAA,SAACC,GACC,GAAIA,EAAMC,OAAS,SAAWD,EAAME,MAAQ,UAAYJ,EAAMK,OAAOC,OAAQ,CAC3EN,EAAMK,OAAOE,QACf,CACF,EACA,CAAEC,OAAQ,CAAC,UAAW,WAGxB,IAAMC,EAAQC,EAAW,cAAe,CAAE,qBAAsBV,EAAMK,OAAOC,QAAUN,EAAMW,WAC7F,OACEC,EAAA,MAAA,CAAKD,UAAWF,EAAOI,MAAOb,EAAMa,MAAMC,SACvCd,EAAMc,UAGb,EAEO,IAAMC,EAA2B,SAA3BA,IACX,IAAAC,EAA4BC,EAAS,OAA9BX,EAAMU,EAAA,GAAEE,EAASF,EAAA,GACxB,IAAMT,EAASY,EAAMC,eAAe,WAClCF,GAAWZ,EACb,GAEA,MAAO,CAAEC,OAAAA,EAAQD,OAAAA,EACnB,EC5BO,IAAMe,EAAaC,EAASC,4BAA4BxB,EAAiB,CAC9EyB,oBAAqBT"}

package/esm/icon-wrapper/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{isUndefined as a}from"@dimjs/lang/cjs/is-undefined";import{Popover as n,Tooltip as s}from"antd";import{Fragment as t}from"react";import{jsx as p,jsxs as l}from"react/jsx-runtime";var o=["gap","size","hideHoverBgColor","onClick","className","hidden","style","wrapperStyle","icon","position","text","hoverTips","tipsType"];var c=function c(d){var m=d.gap,h=d.size,f=d.hideHoverBgColor,v=d.onClick,u=d.className,w=d.hidden,y=d.style,g=d.wrapperStyle,N=d.icon,j=d.position,x=d.text,C=d.hoverTips,k=d.tipsType,T=e(d,o);var b=a(m)?5:m;var B=i("icon-wrapper","icon-wrapper-"+(h||"middle"),{"icon-wrapper-hidden-hover-bgcolor":f,"icon-wrapper-tigger":!!Object.keys(d).find((function(e){return e.startsWith("on")}))},u);if(w)return p(t,{});var H=j==="after"?l("span",r({className:B,style:y,onClick:v},T,{children:[x?p("span",{className:"icon-wrapper-text",style:N?{marginRight:b}:{},children:x}):null,N]})):l("span",r({className:B,style:y,onClick:v},T,{children:[N,x?p("span",{className:"icon-wrapper-text",style:N?{marginLeft:b}:{},children:x}):null]}));if(C){if(k==="popover"){return p("div",{className:"icon-wrapper-wrapper",style:g,children:p(n,r({content:C},T,{children:H}))})}return p("div",{className:"icon-wrapper-wrapper",style:g,children:p(s,r({title:C},T,{children:H}))})}return p("div",{className:"icon-wrapper-wrapper",style:g,children:H})};export{c as IconWrapper};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{isUndefined as a}from"@dimjs/lang/cjs/is-undefined";import{Popover as n,Tooltip as s}from"antd";import{Fragment as t}from"react";import{jsx as p,jsxs as l}from"react/jsx-runtime";var o=["gap","size","hideHoverBgColor","onClick","className","hidden","style","wrapperStyle","icon","position","text","hoverTips","tipsType"];var c=function c(d){var m=d.gap,h=d.size,f=d.hideHoverBgColor,v=d.onClick,u=d.className,w=d.hidden,y=d.style,g=d.wrapperStyle,N=d.icon,j=d.position,x=d.text,C=d.hoverTips,k=d.tipsType,T=e(d,o);var b=a(m)?5:m;var B=i("icon-wrapper","icon-wrapper-"+(h||"middle"),{"icon-wrapper-hidden-hover-bgcolor":f,"icon-wrapper-tigger":!!Object.keys(d).find(function(e){return e.startsWith("on")})},u);if(w)return p(t,{});var H=j==="after"?l("span",r({className:B,style:y,onClick:v},T,{children:[x?p("span",{className:"icon-wrapper-text",style:N?{marginRight:b}:{},children:x}):null,N]})):l("span",r({className:B,style:y,onClick:v},T,{children:[N,x?p("span",{className:"icon-wrapper-text",style:N?{marginLeft:b}:{},children:x}):null]}));if(C){if(k==="popover"){return p("div",{className:"icon-wrapper-wrapper",style:g,children:p(n,r({content:C},T,{children:H}))})}return p("div",{className:"icon-wrapper-wrapper",style:g,children:p(s,r({title:C},T,{children:H}))})}return p("div",{className:"icon-wrapper-wrapper",style:g,children:H})};export{c as IconWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/icon-wrapper/icon-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { Popover, Tooltip } from 'antd';\nimport type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { Fragment } from 'react';\nimport './style.less';\n\nexport type IconWrapperProps = {\n  hoverTips?: string | ReactElement;\n  /**\n   * 提示类型\n   * @default 'tooltip'\n   */\n  tipsType?: 'popover' | 'tooltip';\n  icon?: ReactNode;\n  style?: CSSProperties;\n  wrapperStyle?: CSSProperties;\n  text?: string | ReactElement;\n  className?: string;\n  size?: 'small' | 'middle' | 'large';\n  onClick?: (event) => void;\n  hideHoverBgColor?: boolean;\n  hidden?: boolean;\n  /** 图标对比文字的位置，默认：brefore */\n  position?: 'before' | 'after';\n  /** 图标与文字之间的间距 */\n  gap?: number;\n};\nexport const IconWrapper = (props: IconWrapperProps) => {\n  const {\n    gap,\n    size,\n    hideHoverBgColor,\n    onClick,\n    className,\n    hidden,\n    style,\n    wrapperStyle,\n    icon,\n    position,\n    text,\n    hoverTips,\n    tipsType,\n    ...otherProps\n  } = props;\n  const gapNew = isUndefined(gap) ? 5 : gap;\n  const classNameNew = classNames(\n    'icon-wrapper',\n    `icon-wrapper-${size || 'middle'}`,\n    {\n      'icon-wrapper-hidden-hover-bgcolor': hideHoverBgColor,\n      'icon-wrapper-tigger': !!Object.keys(props).find((item) => item.startsWith('on')),\n    },\n\n    className,\n  );\n\n  if (hidden) return <Fragment />;\n\n  const _content =\n    position === 'after' ? (\n      <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n        {text ? (\n          <span className=\"icon-wrapper-text\" style={icon ? { marginRight: gapNew } : {}}>\n            {text}\n          </span>\n        ) : null}\n        {icon}\n      </span>\n    ) : (\n      <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n        {icon}\n        {text ? (\n          <span className=\"icon-wrapper-text\" style={icon ? { marginLeft: gapNew } : {}}>\n            {text}\n          </span>\n        ) : null}\n      </span>\n    );\n  if (hoverTips) {\n    if (tipsType === 'popover') {\n      return (\n        <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n          <Popover content={hoverTips} {...otherProps}>\n            {_content}\n          </Popover>\n        </div>\n      );\n    }\n    return (\n      <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n        <Tooltip title={hoverTips} {...otherProps}>\n          {_content}\n        </Tooltip>\n      </div>\n    );\n  }\n  return (\n    <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n      {_content}\n    </div>\n  );\n};\n"],"names":["IconWrapper","props","gap","size","hideHoverBgColor","onClick","className","hidden","style","wrapperStyle","icon","position","text","hoverTips","tipsType","otherProps","_objectWithoutPropertiesLoose","_excluded","gapNew","_isUndefined","classNameNew","_classNames","Object","keys","find","item","startsWith","_jsx","Fragment","_content","_jsxs","_extends","children","marginRight","marginLeft","Popover","content","Tooltip","title"],"mappings":";0cA4BaA,EAAc,SAAdA,EAAeC,GAC1B,IACEC,EAcED,EAdFC,IACAC,EAaEF,EAbFE,KACAC,EAYEH,EAZFG,iBACAC,EAWEJ,EAXFI,QACAC,EAUEL,EAVFK,UACAC,EASEN,EATFM,OACAC,EAQEP,EARFO,MACAC,EAOER,EAPFQ,aACAC,EAMET,EANFS,KACAC,EAKEV,EALFU,SACAC,EAIEX,EAJFW,KACAC,EAGEZ,EAHFY,UACAC,EAEEb,EAFFa,SACGC,EAAUC,EACXf,EAAKgB,GACT,IAAMC,EAASC,EAAYjB,GAAO,EAAIA,EACtC,IAAMkB,EAAeC,EACnB,eACgBlB,iBAAAA,GAAQ,UACxB,CACE,oCAAqCC,EACrC,wBAAyBkB,OAAOC,KAAKtB,GAAOuB,MAAK,SAACC,GAAI,OAAKA,EAAKC,WAAW,KAAK,KAGlFpB,GAGF,GAAIC,EAAQ,OAAOoB,EAACC,GAAU,GAE9B,IAAMC,EACJlB,IAAa,QACXmB,SAAAC,EAAA,CAAMzB,UAAWc,EAAcZ,MAAOA,EAAOH,QAASA,GAAaU,EAAU,CAAAiB,SAAA,CAC1EpB,EACCe,EAAA,OAAA,CAAMrB,UAAU,oBAAoBE,MAAOE,EAAO,CAAEuB,YAAaf,GAAW,CAAG,EAAAc,SAC5EpB,IAED,KACHF,MAGHoB,EAAA,OAAAC,EAAA,CAAMzB,UAAWc,EAAcZ,MAAOA,EAAOH,QAASA,GAAaU,EAAU,CAAAiB,SAC1EtB,CAAAA,EACAE,EACCe,EAAA,OAAA,CAAMrB,UAAU,oBAAoBE,MAAOE,EAAO,CAAEwB,WAAYhB,GAAW,CAAG,EAAAc,SAC3EpB,IAED,SAGV,GAAIC,EAAW,CACb,GAAIC,IAAa,UAAW,CAC1B,OACEa,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACxDL,EAACQ,EAAOJ,EAAA,CAACK,QAASvB,GAAeE,EAAU,CAAAiB,SACxCH,MAIT,CACA,OACEF,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACxDL,EAACU,EAAON,EAAA,CAACO,MAAOzB,GAAeE,EAAU,CAAAiB,SACtCH,MAIT,CACA,OACEF,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACvDH,GAGP"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/icon-wrapper/icon-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { Popover, Tooltip } from 'antd';\nimport type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { Fragment } from 'react';\nimport './style.less';\n\nexport type IconWrapperProps = {\n  hoverTips?: string | ReactElement;\n  /**\n   * 提示类型\n   * @default 'tooltip'\n   */\n  tipsType?: 'popover' | 'tooltip';\n  icon?: ReactNode;\n  style?: CSSProperties;\n  wrapperStyle?: CSSProperties;\n  text?: string | ReactElement;\n  className?: string;\n  size?: 'small' | 'middle' | 'large';\n  onClick?: (event) => void;\n  hideHoverBgColor?: boolean;\n  hidden?: boolean;\n  /** 图标对比文字的位置，默认：brefore */\n  position?: 'before' | 'after';\n  /** 图标与文字之间的间距 */\n  gap?: number;\n};\nexport const IconWrapper = (props: IconWrapperProps) => {\n  const {\n    gap,\n    size,\n    hideHoverBgColor,\n    onClick,\n    className,\n    hidden,\n    style,\n    wrapperStyle,\n    icon,\n    position,\n    text,\n    hoverTips,\n    tipsType,\n    ...otherProps\n  } = props;\n  const gapNew = isUndefined(gap) ? 5 : gap;\n  const classNameNew = classNames(\n    'icon-wrapper',\n    `icon-wrapper-${size || 'middle'}`,\n    {\n      'icon-wrapper-hidden-hover-bgcolor': hideHoverBgColor,\n      'icon-wrapper-tigger': !!Object.keys(props).find((item) => item.startsWith('on')),\n    },\n\n    className,\n  );\n\n  if (hidden) return <Fragment />;\n\n  const _content =\n    position === 'after' ? (\n      <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n        {text ? (\n          <span className=\"icon-wrapper-text\" style={icon ? { marginRight: gapNew } : {}}>\n            {text}\n          </span>\n        ) : null}\n        {icon}\n      </span>\n    ) : (\n      <span className={classNameNew} style={style} onClick={onClick} {...otherProps}>\n        {icon}\n        {text ? (\n          <span className=\"icon-wrapper-text\" style={icon ? { marginLeft: gapNew } : {}}>\n            {text}\n          </span>\n        ) : null}\n      </span>\n    );\n  if (hoverTips) {\n    if (tipsType === 'popover') {\n      return (\n        <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n          <Popover content={hoverTips} {...otherProps}>\n            {_content}\n          </Popover>\n        </div>\n      );\n    }\n    return (\n      <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n        <Tooltip title={hoverTips} {...otherProps}>\n          {_content}\n        </Tooltip>\n      </div>\n    );\n  }\n  return (\n    <div className=\"icon-wrapper-wrapper\" style={wrapperStyle}>\n      {_content}\n    </div>\n  );\n};\n"],"names":["IconWrapper","props","gap","size","hideHoverBgColor","onClick","className","hidden","style","wrapperStyle","icon","position","text","hoverTips","tipsType","otherProps","_objectWithoutPropertiesLoose","_excluded","gapNew","_isUndefined","classNameNew","_classNames","Object","keys","find","item","startsWith","_jsx","Fragment","_content","_jsxs","_extends","children","marginRight","marginLeft","Popover","content","Tooltip","title"],"mappings":";0cA4BaA,EAAc,SAAdA,EAAeC,GAC1B,IACEC,EAcED,EAdFC,IACAC,EAaEF,EAbFE,KACAC,EAYEH,EAZFG,iBACAC,EAWEJ,EAXFI,QACAC,EAUEL,EAVFK,UACAC,EASEN,EATFM,OACAC,EAQEP,EARFO,MACAC,EAOER,EAPFQ,aACAC,EAMET,EANFS,KACAC,EAKEV,EALFU,SACAC,EAIEX,EAJFW,KACAC,EAGEZ,EAHFY,UACAC,EAEEb,EAFFa,SACGC,EAAUC,EACXf,EAAKgB,GACT,IAAMC,EAASC,EAAYjB,GAAO,EAAIA,EACtC,IAAMkB,EAAeC,EACnB,eACgBlB,iBAAAA,GAAQ,UACxB,CACE,oCAAqCC,EACrC,wBAAyBkB,OAAOC,KAAKtB,GAAOuB,KAAK,SAACC,GAAI,OAAKA,EAAKC,WAAW,KAAK,IAGlFpB,GAGF,GAAIC,EAAQ,OAAOoB,EAACC,GAAU,GAE9B,IAAMC,EACJlB,IAAa,QACXmB,SAAAC,EAAA,CAAMzB,UAAWc,EAAcZ,MAAOA,EAAOH,QAASA,GAAaU,EAAU,CAAAiB,SAAA,CAC1EpB,EACCe,EAAA,OAAA,CAAMrB,UAAU,oBAAoBE,MAAOE,EAAO,CAAEuB,YAAaf,GAAW,CAAG,EAAAc,SAC5EpB,IAED,KACHF,MAGHoB,EAAA,OAAAC,EAAA,CAAMzB,UAAWc,EAAcZ,MAAOA,EAAOH,QAASA,GAAaU,EAAU,CAAAiB,SAC1EtB,CAAAA,EACAE,EACCe,EAAA,OAAA,CAAMrB,UAAU,oBAAoBE,MAAOE,EAAO,CAAEwB,WAAYhB,GAAW,CAAG,EAAAc,SAC3EpB,IAED,SAGV,GAAIC,EAAW,CACb,GAAIC,IAAa,UAAW,CAC1B,OACEa,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACxDL,EAACQ,EAAOJ,EAAA,CAACK,QAASvB,GAAeE,EAAU,CAAAiB,SACxCH,MAIT,CACA,OACEF,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACxDL,EAACU,EAAON,EAAA,CAACO,MAAOzB,GAAeE,EAAU,CAAAiB,SACtCH,MAIT,CACA,OACEF,EAAA,MAAA,CAAKrB,UAAU,uBAAuBE,MAAOC,EAAauB,SACvDH,GAGP"}

package/esm/{index-83bede1b.js → index-853b36e6.js}

@@ -1,3 +1,3 @@
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as a}from"./_rollupPluginBabelHelpers-c0dbec57.js";import{ConfigProvider as r}from"antd";import o from"antd/es/locale/en_US";import n from"antd/es/locale/zh_CN";import t from"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import l from"dayjs/plugin/advancedFormat";import s from"dayjs/plugin/customParseFormat";import i from"dayjs/plugin/localeData";import m from"dayjs/plugin/utc";import d from"dayjs/plugin/weekday";import c from"dayjs/plugin/weekOfYear";import p from"dayjs/plugin/weekYear";import{fbaHooks as f}from"./fba-hooks/index.js";import{extend as u}from"@dimjs/utils/cjs/extend";import{jsx as j}from"react/jsx-runtime";var y={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"cancel"}};var g={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"取消"}};var v=function e(a,r){var o=g;if(a==="en"){o=y}window["__fba_locale_message"]=u(true,{},o,r)};var x=function e(){var a=window["__fba_locale_message"];return a||{}};var _=["locale"];t.extend(s);t.extend(l);t.extend(d);t.extend(i);t.extend(c);t.extend(p);t.extend(m);var h={en:{dayjs:"en",antd:o},"zh-cn":{dayjs:"zh-cn",antd:n}};var z=function o(n){var l=n.locale,s=e(n,_);var i=l||"zh-cn";f.useEffectCustom((function(){v(i,n.customLocaleMessage);t.locale(h[i].dayjs||h["zh-cn"].dayjs)}),[]);f.useCopyRemoveSpace({ignoreClass:n.copyOperateIgnoreClass});return j(r,a({componentSize:"middle",space:{size:"middle"}},s,{locale:h[i].antd||h["zh-cn"].antd,children:n.children}))};export{z as C,x as g};
-//# sourceMappingURL=index-83bede1b.js.map
+import{a as e,_ as a}from"./_rollupPluginBabelHelpers-c0dbec57.js";import{ConfigProvider as r}from"antd";import o from"antd/es/locale/en_US";import n from"antd/es/locale/zh_CN";import t from"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import l from"dayjs/plugin/advancedFormat";import s from"dayjs/plugin/customParseFormat";import i from"dayjs/plugin/localeData";import m from"dayjs/plugin/utc";import d from"dayjs/plugin/weekday";import c from"dayjs/plugin/weekOfYear";import p from"dayjs/plugin/weekYear";import{fbaHooks as f}from"./fba-hooks/index.js";import{extend as u}from"@dimjs/utils/cjs/extend";import{jsx as j}from"react/jsx-runtime";var y={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"cancel"}};var g={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"取消"}};var v=function e(a,r){var o=g;if(a==="en"){o=y}window["__fba_locale_message"]=u(true,{},o,r)};var x=function e(){var a=window["__fba_locale_message"];return a||{}};var _=["locale"];t.extend(s);t.extend(l);t.extend(d);t.extend(i);t.extend(c);t.extend(p);t.extend(m);var h={en:{dayjs:"en",antd:o},"zh-cn":{dayjs:"zh-cn",antd:n}};var z=function o(n){var l=n.locale,s=e(n,_);var i=l||"zh-cn";f.useEffectCustom(function(){v(i,n.customLocaleMessage);t.locale(h[i].dayjs||h["zh-cn"].dayjs)},[]);f.useCopyRemoveSpace({ignoreClass:n.copyOperateIgnoreClass});return j(r,a({componentSize:"middle",space:{size:"middle"}},s,{locale:h[i].antd||h["zh-cn"].antd,children:n.children}))};export{z as C,x as g};
+//# sourceMappingURL=index-853b36e6.js.map