@flatbiz/antd 4.4.13 → 4.4.14

package/esm/date-range-picker-wrapper-form-item/index.js

@@ -2,8 +2,9 @@
 import './../date-range-picker-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../form-item-wrapper/index.css';
+import './../pre-defined-class-name/index.css';
 import './../types/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{Form as t,Input as o}from"antd";import{useMemo as i,useRef as l,forwardRef as u,useImperativeHandle as s}from"react";import{DateRangePickerWrapper as m}from"../date-range-picker-wrapper/index.js";import{fbaHooks as c}from"../fba-hooks/index.js";import{FormItemWrapper as d}from"../form-item-wrapper/index.js";import{jsxs as v,Fragment as f,jsx as p}from"react/jsx-runtime";import"@flatbiz/utils";import"dayjs";import"../time-53b3f55f.js";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/class-names";var h=["startName","endName","formListName","dateRangePickerWrapperProps"];var g=function o(u){var s=u.startName,g=u.endName,C=u.formListName,_=u.dateRangePickerWrapperProps,P=e(u,h);var k=t.useFormInstance();var N=i((function(){if(a(s)&&a(g)){return s.slice(0,s.length-1).concat("__#invalid_date_"+s[s.length-1]+"_"+g[g.length-1])}return"__#invalid_date_"+s+"_"+g}),[s,g]);var b=i((function(){return C?[].concat(C,s):s}),[s,C]);var x=i((function(){return C?[].concat(C,g):g}),[g,C]);var F=t.useWatch(b,k);var W=t.useWatch(x,k);var w=c.usePrevious(F);var I=c.usePrevious(W);c.useEffectCustom((function(){var e=C?[].concat(C,N):N;if(F&&W){k.setFields([{name:e,value:[F,W]}])}if(w&&I&&!F&&!W){k.setFields([{name:e,value:undefined}])}}),[F,W]);var R=l(null);var y=l(null);var L=r.useCallbackRef((function(e){var n,r;k.setFields([{name:b,value:e==null?void 0:e[0]},{name:x,value:e==null?void 0:e[1]}]);(n=R.current)==null||n.onChange==null?void 0:n.onChange(e==null?void 0:e[0]);(r=y.current)==null||r.onChange==null?void 0:r.onChange(e==null?void 0:e[1]);_==null||_.onChange==null?void 0:_.onChange(e)}));return v(f,{children:[p(t.Item,{name:s,hidden:true,children:p(j,{ref:R})}),p(t.Item,{name:g,hidden:true,children:p(j,{ref:y})}),p(d,n({},P,{name:N,children:p(m,n({},_,{onChange:L}))}))]})};var j=u((function(e,n){s(n,(function(){return{onChange:function n(r){e.onChange==null?void 0:e.onChange(r)}}}));return p(o,{value:e.value})}));export{g as DateRangePickerWrapperFormItem};
+import{a as e,_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{Form as t,Input as i}from"antd";import{useMemo as o,useRef as l,forwardRef as u,useImperativeHandle as s}from"react";import{DateRangePickerWrapper as m}from"../date-range-picker-wrapper/index.js";import{fbaHooks as c}from"../fba-hooks/index.js";import{FormItemWrapper as d}from"../form-item-wrapper/index.js";import{jsxs as v,Fragment as f,jsx as p}from"react/jsx-runtime";import"@flatbiz/utils";import"dayjs";import"../time-53b3f55f.js";import"../use-responsive-point-21b8c601.js";import"../pre-defined-class-name/index.js";import"@dimjs/utils/cjs/class-names";var h=["startName","endName","formListName","dateRangePickerWrapperProps"];var g=function i(u){var s=u.startName,g=u.endName,C=u.formListName,_=u.dateRangePickerWrapperProps,P=e(u,h);var k=t.useFormInstance();var x=o((function(){if(a(s)&&a(g)){return s.slice(0,s.length-1).concat("__#invalid_date_"+s[s.length-1]+"_"+g[g.length-1])}return"__#invalid_date_"+s+"_"+g}),[s,g]);var N=o((function(){return C?[].concat(C,s):s}),[s,C]);var b=o((function(){return C?[].concat(C,g):g}),[g,C]);var F=t.useWatch(N,k);var W=t.useWatch(b,k);var w=c.usePrevious(F);var I=c.usePrevious(W);c.useEffectCustom((function(){var e=C?[].concat(C,x):x;if(F&&W){k.setFields([{name:e,value:[F,W]}])}if(w&&I&&!F&&!W){k.setFields([{name:e,value:undefined}])}}),[F,W]);var R=l(null);var y=l(null);var L=r.useCallbackRef((function(e){var n,r;k.setFields([{name:N,value:e==null?void 0:e[0]},{name:b,value:e==null?void 0:e[1]}]);(n=R.current)==null||n.onChange==null?void 0:n.onChange(e==null?void 0:e[0]);(r=y.current)==null||r.onChange==null?void 0:r.onChange(e==null?void 0:e[1]);_==null||_.onChange==null?void 0:_.onChange(e)}));return v(f,{children:[p(t.Item,{name:s,hidden:true,children:p(j,{ref:R})}),p(t.Item,{name:g,hidden:true,children:p(j,{ref:y})}),p(d,n({},P,{name:x,children:p(m,n({},_,{onChange:L}))}))]})};var j=u((function(e,n){s(n,(function(){return{onChange:function n(r){e.onChange==null?void 0:e.onChange(r)}}}));return p(i,{value:e.value})}));export{g as DateRangePickerWrapperFormItem};
 //# sourceMappingURL=index.js.map

package/esm/date-range-picker-wrapper-form-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, Input } from 'antd';\nimport { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport { DateRangePickerWrapper, DateRangePickerWrapperProps } from '../date-range-picker-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemWrapper, FormItemWrapperProps } from '../form-item-wrapper';\nimport { FormItemNamePath } from '../types';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n   */\n  formListName?: FormItemNamePath;\n  dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件\n * ```\n * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * 2. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (props: DateRangePickerWrapperFormItemProps) => {\n  const { startName, endName, formListName, dateRangePickerWrapperProps, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const bodyName = useMemo(() => {\n    if (isArray(startName) && isArray(endName)) {\n      return startName\n        .slice(0, startName.length - 1)\n        .concat(`__#invalid_date_${startName[startName.length - 1]}_${endName[endName.length - 1]}`);\n    }\n    return `__#invalid_date_${startName}_${endName}`;\n  }, [startName, endName]);\n\n  const startNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, startName) : startName;\n  }, [startName, formListName]);\n\n  const endNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, endName) : endName;\n  }, [endName, formListName]);\n\n  const startVal = Form.useWatch(startNameMerge, form);\n  const endVal = Form.useWatch(endNameMerge, form);\n  // const bodyVal = Form.useWatch(bodyName, form);\n\n  const preValue1 = fbaHooks.usePrevious(startVal);\n  const preValue2 = fbaHooks.usePrevious(endVal);\n\n  fbaHooks.useEffectCustom(() => {\n    const name = formListName ? ([] as (string | number)[]).concat(formListName, bodyName) : bodyName;\n    if (startVal && endVal) {\n      form.setFields([{ name, value: [startVal, endVal] }]);\n    }\n    if (preValue1 && preValue2 && !startVal && !endVal) {\n      form.setFields([{ name, value: undefined }]);\n    }\n  }, [startVal, endVal]);\n\n  const reftest = useRef<InputContentRef>(null);\n  const reftest2 = useRef<InputContentRef>(null);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    form.setFields([\n      { name: startNameMerge, value: data?.[0] },\n      { name: endNameMerge, value: data?.[1] },\n    ]);\n    // 为了解决 外部Form onValuesChange获取到操作值\n    reftest.current?.onChange?.(data?.[0]);\n    reftest2.current?.onChange?.(data?.[1]);\n    dateRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  return (\n    <>\n      <Form.Item name={startName} hidden>\n        <InputContent ref={reftest} />\n      </Form.Item>\n      <Form.Item name={endName} hidden>\n        <InputContent ref={reftest2} />\n      </Form.Item>\n      <FormItemWrapper {...otherProps} name={bodyName}>\n        <DateRangePickerWrapper {...dateRangePickerWrapperProps} onChange={onChange} />\n      </FormItemWrapper>\n    </>\n  );\n};\n\ntype InputContentProps = {\n  onChange?: (data: TAny) => void;\n  value?: string;\n};\n\ntype InputContentRef = {\n  onChange?: (data: TAny) => void;\n};\n\nconst InputContent = forwardRef<InputContentRef, InputContentProps>((props, ref) => {\n  useImperativeHandle(ref, () => {\n    return {\n      onChange: (startVal) => {\n        props.onChange?.(startVal);\n      },\n    };\n  });\n\n  return <Input value={props.value} />;\n});\n"],"names":["DateRangePickerWrapperFormItem","props","startName","endName","formListName","dateRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","bodyName","useMemo","_isArray","slice","length","concat","startNameMerge","endNameMerge","startVal","useWatch","endVal","preValue1","fbaHooks","usePrevious","preValue2","useEffectCustom","name","setFields","value","undefined","reftest","useRef","reftest2","onChange","_hooks","useCallbackRef","data","_reftest$current","_reftest2$current","current","_jsxs","_Fragment","children","_jsx","Item","hidden","InputContent","ref","FormItemWrapper","_extends","DateRangePickerWrapper","forwardRef","useImperativeHandle","Input"],"mappings":";kwBAgCaA,EAAiC,SAAjCA,EAAkCC,GAC7C,IAAQC,EAAiFD,EAAjFC,UAAWC,EAAsEF,EAAtEE,QAASC,EAA6DH,EAA7DG,aAAcC,EAA+CJ,EAA/CI,4BAAgCC,EAAUC,EAAKN,EAAKO,GAC9F,IAAMC,EAAOC,EAAKC,kBAClB,IAAMC,EAAWC,GAAQ,WACvB,GAAIC,EAAQZ,IAAcY,EAAQX,GAAU,CAC1C,OAAOD,EACJa,MAAM,EAAGb,EAAUc,OAAS,GAC5BC,OAA0Bf,mBAAAA,EAAUA,EAAUc,OAAS,GAAMb,IAAAA,EAAQA,EAAQa,OAAS,GAC3F,CACA,MAA0Bd,mBAAAA,MAAaC,CACzC,GAAG,CAACD,EAAWC,IAEf,IAAMe,EAAiBL,GAAQ,WAC7B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcF,GAAaA,CACtF,GAAG,CAACA,EAAWE,IAEf,IAAMe,EAAeN,GAAQ,WAC3B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcD,GAAWA,CACpF,GAAG,CAACA,EAASC,IAEb,IAAMgB,EAAWV,EAAKW,SAASH,EAAgBT,GAC/C,IAAMa,EAASZ,EAAKW,SAASF,EAAcV,GAG3C,IAAMc,EAAYC,EAASC,YAAYL,GACvC,IAAMM,EAAYF,EAASC,YAAYH,GAEvCE,EAASG,iBAAgB,WACvB,IAAMC,EAAOxB,EAAgB,GAA2Ba,OAAOb,EAAcQ,GAAYA,EACzF,GAAIQ,GAAYE,EAAQ,CACtBb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAO,CAACV,EAAUE,KAC5C,CACA,GAAIC,GAAaG,IAAcN,IAAaE,EAAQ,CAClDb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAOC,YACjC,CACF,GAAG,CAACX,EAAUE,IAEd,IAAMU,EAAUC,EAAwB,MACxC,IAAMC,EAAWD,EAAwB,MAEzC,IAAME,EAAWC,EAAMC,gBAAe,SAACC,GAAS,IAAAC,EAAAC,EAC9C/B,EAAKoB,UAAU,CACb,CAAED,KAAMV,EAAgBY,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,IACtC,CAAEV,KAAMT,EAAcW,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,OAGtCC,EAAAP,EAAQS,UAARF,MAAAA,EAAiBJ,UAAQ,UAAA,EAAzBI,EAAiBJ,SAAWG,GAAI,UAAA,EAAJA,EAAO,KACnCE,EAAAN,EAASO,UAATD,MAAAA,EAAkBL,UAAQ,UAAA,EAA1BK,EAAkBL,SAAWG,GAAI,UAAA,EAAJA,EAAO,IACpCjC,GAA2B,MAA3BA,EAA6B8B,UAAQ,UAAA,EAArC9B,EAA6B8B,SAAWG,EAC1C,IAEA,OACEI,EAAAC,EAAA,CAAAC,SACEC,CAAAA,EAACnC,EAAKoC,KAAI,CAAClB,KAAM1B,EAAW6C,OAAM,KAAAH,SAChCC,EAACG,EAAY,CAACC,IAAKjB,MAErBa,EAACnC,EAAKoC,KAAI,CAAClB,KAAMzB,EAAS4C,OAAM,KAAAH,SAC9BC,EAACG,EAAY,CAACC,IAAKf,MAErBW,EAACK,EAAeC,KAAK7C,EAAU,CAAEsB,KAAMhB,EAASgC,SAC9CC,EAACO,EAAsBD,KAAK9C,EAA2B,CAAE8B,SAAUA,UAI3E,EAWA,IAAMa,EAAeK,GAA+C,SAACpD,EAAOgD,GAC1EK,EAAoBL,GAAK,WACvB,MAAO,CACLd,SAAU,SAAAA,EAACf,GACTnB,EAAMkC,UAANlC,UAAAA,EAAAA,EAAMkC,SAAWf,EACnB,EAEJ,IAEA,OAAOyB,EAACU,EAAK,CAACzB,MAAO7B,EAAM6B,OAC7B"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, Input } from 'antd';\nimport { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport { DateRangePickerWrapper, DateRangePickerWrapperProps } from '../date-range-picker-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemWrapper, FormItemWrapperProps } from '../form-item-wrapper';\nimport { FormItemNamePath } from '../types';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n   */\n  formListName?: FormItemNamePath;\n  dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件\n * ```\n * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * 2. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (props: DateRangePickerWrapperFormItemProps) => {\n  const { startName, endName, formListName, dateRangePickerWrapperProps, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const bodyName = useMemo(() => {\n    if (isArray(startName) && isArray(endName)) {\n      return startName\n        .slice(0, startName.length - 1)\n        .concat(`__#invalid_date_${startName[startName.length - 1]}_${endName[endName.length - 1]}`);\n    }\n    return `__#invalid_date_${startName}_${endName}`;\n  }, [startName, endName]);\n\n  const startNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, startName) : startName;\n  }, [startName, formListName]);\n\n  const endNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, endName) : endName;\n  }, [endName, formListName]);\n\n  const startVal = Form.useWatch(startNameMerge, form);\n  const endVal = Form.useWatch(endNameMerge, form);\n  // const bodyVal = Form.useWatch(bodyName, form);\n\n  const preValue1 = fbaHooks.usePrevious(startVal);\n  const preValue2 = fbaHooks.usePrevious(endVal);\n\n  fbaHooks.useEffectCustom(() => {\n    const name = formListName ? ([] as (string | number)[]).concat(formListName, bodyName) : bodyName;\n    if (startVal && endVal) {\n      form.setFields([{ name, value: [startVal, endVal] }]);\n    }\n    if (preValue1 && preValue2 && !startVal && !endVal) {\n      form.setFields([{ name, value: undefined }]);\n    }\n  }, [startVal, endVal]);\n\n  const reftest = useRef<InputContentRef>(null);\n  const reftest2 = useRef<InputContentRef>(null);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    form.setFields([\n      { name: startNameMerge, value: data?.[0] },\n      { name: endNameMerge, value: data?.[1] },\n    ]);\n    // 为了解决 外部Form onValuesChange获取到操作值\n    reftest.current?.onChange?.(data?.[0]);\n    reftest2.current?.onChange?.(data?.[1]);\n    dateRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  return (\n    <>\n      <Form.Item name={startName} hidden>\n        <InputContent ref={reftest} />\n      </Form.Item>\n      <Form.Item name={endName} hidden>\n        <InputContent ref={reftest2} />\n      </Form.Item>\n      <FormItemWrapper {...otherProps} name={bodyName}>\n        <DateRangePickerWrapper {...dateRangePickerWrapperProps} onChange={onChange} />\n      </FormItemWrapper>\n    </>\n  );\n};\n\ntype InputContentProps = {\n  onChange?: (data: TAny) => void;\n  value?: string;\n};\n\ntype InputContentRef = {\n  onChange?: (data: TAny) => void;\n};\n\nconst InputContent = forwardRef<InputContentRef, InputContentProps>((props, ref) => {\n  useImperativeHandle(ref, () => {\n    return {\n      onChange: (startVal) => {\n        props.onChange?.(startVal);\n      },\n    };\n  });\n\n  return <Input value={props.value} />;\n});\n"],"names":["DateRangePickerWrapperFormItem","props","startName","endName","formListName","dateRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","bodyName","useMemo","_isArray","slice","length","concat","startNameMerge","endNameMerge","startVal","useWatch","endVal","preValue1","fbaHooks","usePrevious","preValue2","useEffectCustom","name","setFields","value","undefined","reftest","useRef","reftest2","onChange","_hooks","useCallbackRef","data","_reftest$current","_reftest2$current","current","_jsxs","_Fragment","children","_jsx","Item","hidden","InputContent","ref","FormItemWrapper","_extends","DateRangePickerWrapper","forwardRef","useImperativeHandle","Input"],"mappings":";6yBAgCaA,EAAiC,SAAjCA,EAAkCC,GAC7C,IAAQC,EAAiFD,EAAjFC,UAAWC,EAAsEF,EAAtEE,QAASC,EAA6DH,EAA7DG,aAAcC,EAA+CJ,EAA/CI,4BAAgCC,EAAUC,EAAKN,EAAKO,GAC9F,IAAMC,EAAOC,EAAKC,kBAClB,IAAMC,EAAWC,GAAQ,WACvB,GAAIC,EAAQZ,IAAcY,EAAQX,GAAU,CAC1C,OAAOD,EACJa,MAAM,EAAGb,EAAUc,OAAS,GAC5BC,OAA0Bf,mBAAAA,EAAUA,EAAUc,OAAS,GAAMb,IAAAA,EAAQA,EAAQa,OAAS,GAC3F,CACA,MAA0Bd,mBAAAA,MAAaC,CACzC,GAAG,CAACD,EAAWC,IAEf,IAAMe,EAAiBL,GAAQ,WAC7B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcF,GAAaA,CACtF,GAAG,CAACA,EAAWE,IAEf,IAAMe,EAAeN,GAAQ,WAC3B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcD,GAAWA,CACpF,GAAG,CAACA,EAASC,IAEb,IAAMgB,EAAWV,EAAKW,SAASH,EAAgBT,GAC/C,IAAMa,EAASZ,EAAKW,SAASF,EAAcV,GAG3C,IAAMc,EAAYC,EAASC,YAAYL,GACvC,IAAMM,EAAYF,EAASC,YAAYH,GAEvCE,EAASG,iBAAgB,WACvB,IAAMC,EAAOxB,EAAgB,GAA2Ba,OAAOb,EAAcQ,GAAYA,EACzF,GAAIQ,GAAYE,EAAQ,CACtBb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAO,CAACV,EAAUE,KAC5C,CACA,GAAIC,GAAaG,IAAcN,IAAaE,EAAQ,CAClDb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAOC,YACjC,CACF,GAAG,CAACX,EAAUE,IAEd,IAAMU,EAAUC,EAAwB,MACxC,IAAMC,EAAWD,EAAwB,MAEzC,IAAME,EAAWC,EAAMC,gBAAe,SAACC,GAAS,IAAAC,EAAAC,EAC9C/B,EAAKoB,UAAU,CACb,CAAED,KAAMV,EAAgBY,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,IACtC,CAAEV,KAAMT,EAAcW,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,OAGtCC,EAAAP,EAAQS,UAARF,MAAAA,EAAiBJ,UAAQ,UAAA,EAAzBI,EAAiBJ,SAAWG,GAAI,UAAA,EAAJA,EAAO,KACnCE,EAAAN,EAASO,UAATD,MAAAA,EAAkBL,UAAQ,UAAA,EAA1BK,EAAkBL,SAAWG,GAAI,UAAA,EAAJA,EAAO,IACpCjC,GAA2B,MAA3BA,EAA6B8B,UAAQ,UAAA,EAArC9B,EAA6B8B,SAAWG,EAC1C,IAEA,OACEI,EAAAC,EAAA,CAAAC,SACEC,CAAAA,EAACnC,EAAKoC,KAAI,CAAClB,KAAM1B,EAAW6C,OAAM,KAAAH,SAChCC,EAACG,EAAY,CAACC,IAAKjB,MAErBa,EAACnC,EAAKoC,KAAI,CAAClB,KAAMzB,EAAS4C,OAAM,KAAAH,SAC9BC,EAACG,EAAY,CAACC,IAAKf,MAErBW,EAACK,EAAeC,KAAK7C,EAAU,CAAEsB,KAAMhB,EAASgC,SAC9CC,EAACO,EAAsBD,KAAK9C,EAA2B,CAAE8B,SAAUA,UAI3E,EAWA,IAAMa,EAAeK,GAA+C,SAACpD,EAAOgD,GAC1EK,EAAoBL,GAAK,WACvB,MAAO,CACLd,SAAU,SAAAA,EAACf,GACTnB,EAAMkC,UAANlC,UAAAA,EAAAA,EAAMkC,SAAWf,EACnB,EAEJ,IAEA,OAAOyB,EAACU,EAAK,CAACzB,MAAO7B,EAAM6B,OAC7B"}

package/esm/drag-form-list/index.css

@@ -1 +1 @@
-.block-layout{background-color:var(--block-bg-color)}.light-theme .block-layout{color:rgba(0,0,0,.88)}.dark-theme .block-layout{color:hsla(0,0%,100%,.85)}.drag-form-list-item-grap *{opacity:.7!important}.drag-form-list-item-disabled .drag-form-list-item-trigger{cursor:no-drop;opacity:.6}.drag-form-list-overlay{border:none;border-radius:6px;box-shadow:0 0 12px 4px rgba(34,33,81,.1)}.drag-form-list-overlay .ant-collapse-item{border-bottom:none}.drag-form-list-overlay .drag-form-list-item-trigger{background-color:transparent}.drag-form-list-icon{display:inline-block;width:30px}.drag-form-list-item{align-items:center;background-color:var(--block-bg-color);display:flex;padding:8px 10px}.drag-form-list-item-content{flex:1}.drag-form-list-item-content .ant-form-item{margin-bottom:0}.drag-form-list-item-trigger{align-items:center;border-radius:6px;cursor:move;display:inline-flex;font-size:16px;height:30px;justify-content:center;margin-right:5px;width:30px}.drag-form-list-item-trigger:hover{background-color:rgba(0,0,0,.1)}
+.block-layout{background-color:var(--block-bg-color)}.light-theme .block-layout{color:rgba(0,0,0,.88)}.dark-theme .block-layout{color:hsla(0,0%,100%,.85)}.union-after-text,.union-before-text{align-self:flex-start;flex-shrink:0;line-height:32px}.union-after-element,.union-before-element{align-self:flex-start}.form-item-group-horizontal-union .v-flex-layout .ant-form-item{align-self:flex-start;margin-bottom:0}.form-item-group-horizontal-union .v-flex-layout{align-items:flex-start}.drag-form-list-item-grap *{opacity:.7!important}.drag-form-list-item-disabled .drag-form-list-item-trigger{cursor:no-drop;opacity:.6}.drag-form-list-overlay{border:none;border-radius:6px;box-shadow:0 0 12px 4px rgba(34,33,81,.1)}.drag-form-list-overlay .ant-collapse-item{border-bottom:none}.drag-form-list-overlay .drag-form-list-item-trigger{background-color:transparent}.drag-form-list-icon{display:inline-block;width:30px}.drag-form-list-item{align-items:center;background-color:var(--block-bg-color);display:flex;padding:8px 10px}.drag-form-list-item-content{flex:1}.drag-form-list-item-content .ant-form-item{margin-bottom:0}.drag-form-list-item-trigger{align-items:center;border-radius:6px;cursor:move;display:inline-flex;font-size:16px;height:30px;justify-content:center;margin-right:5px;width:30px}.drag-form-list-item-trigger:hover{background-color:rgba(0,0,0,.1)}

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

@@ -4,7 +4,10 @@ import './../config-provider-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../types/index.css';
 import './../fba-utils/index.css';
+import './../form-item-group/index.css';
+import './../flex-layout/index.css';
+import './../text-symbol-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as i}from"@wove/react/cjs/hooks";import{DndContext as t,closestCenter as a,DragOverlay as n}from"@dnd-kit/core";import{useSortable as o,SortableContext as d,verticalListSortingStrategy as l,arrayMove as m}from"@dnd-kit/sortable";import{toArray as s,getUuid as u}from"@flatbiz/utils";import{Form as c,Empty as p}from"antd";import{Fragment as f,useState as g,useRef as v,useMemo as h}from"react";import{B as y}from"../index-1f45bfd5.js";import{ButtonWrapper as j}from"../button-wrapper/index.js";import D from"@ant-design/icons/es/icons/DragOutlined";import{CSS as N}from"@dnd-kit/utilities";import{jsx as I,jsxs as b}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";function C(t){var a=c.useFormInstance();var n=t.isOverlay?false:t.getItemDragDisabled==null?void 0:t.getItemDragDisabled(t.uid,t.index);var d=o({id:t.uid,disabled:n}),l=d.listeners,m=d.setNodeRef,s=d.transform,u=d.transition;var p=i.useCallbackRef((function(){var r=t.dragIcon?t.dragIcon:I(D,{});return t.dragDisabled?I(f,{}):I("span",e({className:"drag-form-list-item-trigger"},l,{children:I("span",{children:r})}))}));var g=e({transform:N.Transform.toString(s),transition:u},t.style);var v=r("drag-form-list-item",{"drag-form-list-item-grap":t.isGray,"drag-form-list-item-disabled":n},t.className);return b("div",{style:e({},g),ref:m,className:v,children:[I(c.Item,{style:{margin:0},children:p()}),I("div",{className:"drag-form-list-item-content",children:t.children({formListFieldData:t.formListFieldData,operation:t.formListOperate,formStageCompleteName:t.formStageCompleteName,index:t.index,getInsideFormItemName:function e(r){return[t.formListFieldData.name,r]},getInsideFormItemData:function e(){return a.getFieldValue(t.formStageCompleteName)||{}},prevCompleteName:t.prevCompleteName,uidKey:t.uidFieldName})})]})}var F=function e(r){if(r.wrapper)return r.wrapper({children:r.children});return r.children};var x=function o(D){var N=[].concat(D.prevCompleteName,s(D.name));var x=g(),k=x[0],w=x[1];var L=c.useFormInstance();var R=v([]);var S=D.uidFieldName||"uid";var O=c.useWatch(N,L);var A=i.useCallbackRef((function(e){return e==null?void 0:e[S]}));function E(e){var r=e.active;w(r.id)}var _=i.useCallbackRef((function(){return L.getFieldValue(N)||[]}));function B(e){var r=e.active,i=e.over;var t=_();if(r.id!==i.id){var a=t.findIndex((function(e){return A(e)===r.id}));var n=t.findIndex((function(e){return A(e)===i.id}));var o=m(t,a,n);L.setFields([{name:D.name,value:o}]);D.onDropChange==null?void 0:D.onDropChange(o)}w(undefined)}var P=h((function(){if(!k)return undefined;var e=_();var r=e.findIndex((function(e){return A(e)===k}));return R.current.find((function(e){return e.name===r}))}),[k,_,A]);return b(y,{className:r("drag-form-list",D.className),style:D.style,children:[!D.hiddenEmptyRender&&!(O!=null&&O.length)?I(p,{image:p.PRESENTED_IMAGE_SIMPLE,style:{margin:"15px 0"}}):null,I(t,{collisionDetection:a,onDragStart:E,onDragEnd:B,children:I(c.List,{name:D.name,rules:D.rules,children:function r(i,t){R.current=i;return I(F,{wrapper:D.formListChildrenWrapper,children:b(f,{children:[I(d,{items:_().map((function(e){return A(e)})),strategy:l,children:b(f,{children:[i.map((function(e,r){var i=A(_()[r]);if(!i)return null;return I(C,{formListOperate:t,formListFieldData:e,uid:i,dragIcon:D.dragIcon,getItemDragDisabled:D.getItemDragDisabled,dragDisabled:D.dragDisabled,isGray:!!i&&i===k,index:r,formStageCompleteName:[].concat(N,[e.name]),prevCompleteName:N,uidFieldName:S,style:D.itemStyle,children:D.children},i+"-"+e.key)})),D.onCustomAddRowButton?D.onCustomAddRowButton(t):I(j,{hidden:D.hiddenAddRowButton,type:"dashed",block:true,onClick:function r(){var i;return t.add(e((i={},i[S]=u(),i),D.getAddRowDefaultValues==null?void 0:D.getAddRowDefaultValues()))},children:"添加"})]})}),I(n,{dropAnimation:{duration:0},children:k&&P?I(C,{isOverlay:true,uid:k,className:"drag-form-list-overlay",formListFieldData:P,dragIcon:D.dragIcon,formListOperate:null,index:0,formStageCompleteName:[].concat(N,[P.name]),prevCompleteName:N,uidFieldName:S,children:D.children},k):null})]})})}})})]})};export{x as DragFormList};
+import{classNames as e}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{DndContext as i,closestCenter as a,DragOverlay as n}from"@dnd-kit/core";import{useSortable as o,SortableContext as l,verticalListSortingStrategy as d,arrayMove as m}from"@dnd-kit/sortable";import{toArray as s,getUuid as u}from"@flatbiz/utils";import{Form as c,Empty as p}from"antd";import{Fragment as f,useState as g,useRef as v,useMemo as h}from"react";import{B as y}from"../index-1f45bfd5.js";import{ButtonWrapper as I}from"../button-wrapper/index.js";import{FormItemGroup as j}from"../form-item-group/index.js";import{TextSymbolWrapper as D}from"../text-symbol-wrapper/index.js";import N from"@ant-design/icons/es/icons/DragOutlined";import{CSS as b}from"@dnd-kit/utilities";import{jsx as x,jsxs as L}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"../flex-layout/index.js";function C(i){var a=c.useFormInstance();var n=i.isOverlay?false:i.getItemDragDisabled==null?void 0:i.getItemDragDisabled(i.uid,i.index);var l=o({id:i.uid,disabled:n}),d=l.listeners,m=l.setNodeRef,s=l.transform,u=l.transition;var p=r.useCallbackRef((function(){var e=i.dragIcon?i.dragIcon:x(N,{});return i.dragDisabled?x(f,{}):x("span",t({className:"drag-form-list-item-trigger"},d,{children:x("span",{children:e})}))}));var g=t({transform:b.Transform.toString(s),transition:u},i.style);var v=e("drag-form-list-item",{"drag-form-list-item-grap":i.isGray,"drag-form-list-item-disabled":n},i.className);return L("div",{style:t({},g),ref:m,className:v,children:[x(c.Item,{style:{margin:0},children:p()}),x("div",{className:"drag-form-list-item-content",children:i.children({formListFieldData:i.formListFieldData,operation:i.formListOperate,formStageCompleteName:i.formStageCompleteName,index:i.index,getInsideFormItemName:function e(r){return[i.formListFieldData.name,r]},getInsideFormItemData:function e(){return a.getFieldValue(i.formStageCompleteName)||{}},prevCompleteName:i.prevCompleteName,uidKey:i.uidFieldName})})]})}var w=function e(r){if(r.wrapper)return r.wrapper({children:r.children});return r.children};var F=function e(r){var i;var a=r.dragDisabled?[]:[{width:35,mainItem:x("span",{})}];return x(j.HorizontalUnion,{style:t({marginBottom:10},r.style),className:r.className,groupConfigList:a.concat(((i=r.formListItemTitleList)==null?void 0:i.map((function(e){if(e.required){return{width:e.width,mainItem:x("div",{style:{textAlign:"center"},children:x(D,{text:e.title,symbolType:"required"})})}}return{width:e.width,mainItem:x("div",{style:{textAlign:"center"},children:e.title})}})))||[])})};var k=function o(j){var D;var N=[].concat(j.prevCompleteName,s(j.name));var b=g(),k=b[0],S=b[1];var R=c.useFormInstance();var A=v([]);var T=j.uidFieldName||"uid";var O=c.useWatch(N,R);var E=r.useCallbackRef((function(e){return e==null?void 0:e[T]}));function B(e){var r=e.active;S(r.id)}var _=r.useCallbackRef((function(){return R.getFieldValue(N)||[]}));function z(e){var r=e.active,t=e.over;var i=_();if(r.id!==t.id){var a=i.findIndex((function(e){return E(e)===r.id}));var n=i.findIndex((function(e){return E(e)===t.id}));var o=m(i,a,n);R.setFields([{name:j.name,value:o}]);j.onDropChange==null?void 0:j.onDropChange(o)}S(undefined)}var P=h((function(){if(!k)return undefined;var e=_();var r=e.findIndex((function(e){return E(e)===k}));return A.current.find((function(e){return e.name===r}))}),[k,_,E]);return L(y,{className:e("drag-form-list",j.className),style:j.style,children:[(D=j.formListItemTitleList)!=null&&D.length?x(F,{formListItemTitleList:j.formListItemTitleList,className:j.formListItemTitleClassName,style:j.formListItemTitleStyle,dragDisabled:j.dragDisabled}):null,!j.hiddenEmptyRender&&!(O!=null&&O.length)?x(p,{image:p.PRESENTED_IMAGE_SIMPLE,style:{margin:"15px 0"}}):null,x(i,{collisionDetection:a,onDragStart:B,onDragEnd:z,children:x(c.List,{name:j.name,rules:j.rules,children:function e(r,i){A.current=r;return x(w,{wrapper:j.formListChildrenWrapper,children:L(f,{children:[x(l,{items:_().map((function(e){return E(e)})),strategy:d,children:L(f,{children:[r.map((function(e,r){var t=E(_()[r]);if(!t)return null;return x(C,{formListOperate:i,formListFieldData:e,uid:t,dragIcon:j.dragIcon,getItemDragDisabled:j.getItemDragDisabled,dragDisabled:j.dragDisabled,isGray:!!t&&t===k,index:r,formStageCompleteName:[].concat(N,[e.name]),prevCompleteName:N,uidFieldName:T,style:j.itemStyle,children:j.children},t+"-"+e.key)})),j.onCustomAddRowButton?j.onCustomAddRowButton(i):x(I,{hidden:j.hiddenAddRowButton,type:"dashed",block:true,onClick:function e(){var r;return i.add(t((r={},r[T]=u(),r),j.getAddRowDefaultValues==null?void 0:j.getAddRowDefaultValues()))},children:"添加"})]})}),x(n,{dropAnimation:{duration:0},children:k&&P?x(C,{isOverlay:true,uid:k,className:"drag-form-list-overlay",formListFieldData:P,dragIcon:j.dragIcon,formListOperate:null,index:0,formStageCompleteName:[].concat(N,[P.name]),prevCompleteName:N,uidFieldName:T,children:j.children},k):null})]})})}})})]})};export{k as DragFormList};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-form-list/drag-form-list.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { hooks } from '@wove/react';\nimport { Form, type FormListFieldData, type FormListOperation } from 'antd';\nimport { Fragment, type CSSProperties, type ReactElement } from 'react';\nimport { type DragFormListContentProps, type DragFormListProps } from './types';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  dragIcon?: DragFormListProps['dragIcon'];\n  getItemDragDisabled?: DragFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragFormListProps['dragDisabled'];\n  isGray?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: (string | number)[];\n  children: (data: DragFormListContentProps) => ReactElement;\n  prevCompleteName: (string | number)[];\n  uidFieldName: string;\n};\nexport function SortableItem(props: SortableItemProps) {\n  const form = Form.useFormInstance();\n  const isDisabled = props.isOverlay ? false : props.getItemDragDisabled?.(props.uid, props.index);\n  const { listeners, setNodeRef, transform, transition } = useSortable({\n    id: props.uid,\n    disabled: isDisabled,\n  });\n\n  const dragIconRender = hooks.useCallbackRef(() => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    return props.dragDisabled ? (\n      <Fragment />\n    ) : (\n      <span className=\"drag-form-list-item-trigger\" {...listeners}>\n        <span>{dragIcon}</span>\n      </span>\n    );\n  });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...props.style,\n  };\n\n  const cname = classNames(\n    'drag-form-list-item',\n    {\n      'drag-form-list-item-grap': props.isGray,\n      'drag-form-list-item-disabled': isDisabled,\n    },\n    props.className,\n  );\n  return (\n    <div style={{ ...style }} ref={setNodeRef} className={cname}>\n      <Form.Item style={{ margin: 0 }}>{dragIconRender()}</Form.Item>\n      <div className=\"drag-form-list-item-content\">\n        {props.children({\n          formListFieldData: props.formListFieldData,\n          operation: props.formListOperate,\n          formStageCompleteName: props.formStageCompleteName,\n          index: props.index,\n          getInsideFormItemName: (key: string) => {\n            return [props.formListFieldData.name, key];\n          },\n          getInsideFormItemData: () => {\n            return form.getFieldValue(props.formStageCompleteName) || {};\n          },\n          prevCompleteName: props.prevCompleteName,\n          uidKey: props.uidFieldName,\n        })}\n      </div>\n    </div>\n  );\n}\n","import { classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { getUuid, toArray, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form, type FormListFieldData } from 'antd';\nimport { Fragment, useMemo, useRef, useState, type ReactElement } from 'react';\nimport { BlockLayout } from '../block-layout';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { type DragFormListProps } from './types';\n\ntype FormListChildrenWrapperProps = {\n  wrapper?: DragFormListProps['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\n/**\n * 可拖拽FormList\n * ```\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置\n * 2. Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list\n * ```\n */\nexport const DragFormList = (props: DragFormListProps) => {\n  const stageCompleteName = [...props.prevCompleteName, ...toArray(props.name)] as Array<string | number>;\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const uidFieldName = props.uidFieldName || 'uid';\n  // 使用 useWatch 可确保FormList在变更后及时刷新\n  const formListValue = Form.useWatch(stageCompleteName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[uidFieldName] as string | number;\n  });\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    /** 只能通过getFieldValue取值 */\n    return (form.getFieldValue(stageCompleteName) || []) as TPlainObject[];\n  });\n\n  function handleDragEnd(event) {\n    const { active, over } = event;\n    const items = getItems();\n    if (active.id !== over.id) {\n      const oldIndex = items.findIndex((item) => getUidValue(item) === active.id);\n      const newIndex = items.findIndex((item) => getUidValue(item) === over.id);\n      const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n      form.setFields([\n        {\n          name: props.name,\n          value: newList,\n        },\n      ]);\n      props.onDropChange?.(newList);\n    }\n    setDragActiveId(undefined);\n  }\n\n  const dragOverlayItem = useMemo(() => {\n    if (!dragActiveId) return undefined;\n    const items = getItems();\n    const targetIndex = items.findIndex((item) => getUidValue(item) === dragActiveId);\n    return formListOperationRef.current.find((item) => item.name === targetIndex);\n  }, [dragActiveId, getItems, getUidValue]);\n\n  return (\n    <BlockLayout className={classNames('drag-form-list', props.className)} style={props.style}>\n      {!props.hiddenEmptyRender && !formListValue?.length ? (\n        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{ margin: '15px 0' }} />\n      ) : null}\n      <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n        <Form.List name={props.name} rules={props.rules}>\n          {(fields, operation) => {\n            formListOperationRef.current = fields;\n            return (\n              <FormListChildrenWrapper wrapper={props.formListChildrenWrapper}>\n                <Fragment>\n                  <SortableContext\n                    items={getItems().map((temp) => getUidValue(temp))}\n                    strategy={verticalListSortingStrategy}\n                  >\n                    <Fragment>\n                      {fields.map((item, index) => {\n                        const uid = getUidValue(getItems()[index]);\n                        if (!uid) return null;\n                        return (\n                          <SortableItem\n                            formListOperate={operation}\n                            formListFieldData={item}\n                            uid={uid}\n                            key={`${uid}-${item.key}`}\n                            dragIcon={props.dragIcon}\n                            getItemDragDisabled={props.getItemDragDisabled}\n                            dragDisabled={props.dragDisabled}\n                            isGray={!!uid && uid === dragActiveId}\n                            index={index}\n                            formStageCompleteName={[...stageCompleteName, item.name]}\n                            prevCompleteName={stageCompleteName}\n                            uidFieldName={uidFieldName}\n                            style={props.itemStyle}\n                          >\n                            {props.children}\n                          </SortableItem>\n                        );\n                      })}\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                    </Fragment>\n                  </SortableContext>\n                  <DragOverlay dropAnimation={{ duration: 0 }}>\n                    {dragActiveId && dragOverlayItem ? (\n                      <SortableItem\n                        isOverlay={true}\n                        uid={dragActiveId}\n                        key={dragActiveId}\n                        className=\"drag-form-list-overlay\"\n                        formListFieldData={dragOverlayItem}\n                        dragIcon={props.dragIcon}\n                        formListOperate={null as TAny}\n                        index={0}\n                        formStageCompleteName={[...stageCompleteName, dragOverlayItem.name]}\n                        prevCompleteName={stageCompleteName}\n                        uidFieldName={uidFieldName}\n                      >\n                        {props.children}\n                      </SortableItem>\n                    ) : null}\n                  </DragOverlay>\n                </Fragment>\n              </FormListChildrenWrapper>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </BlockLayout>\n  );\n};\n"],"names":["SortableItem","props","form","Form","useFormInstance","isDisabled","isOverlay","getItemDragDisabled","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","dragIconRender","_hooks","useCallbackRef","dragIcon","_jsx","_DragOutlined","dragDisabled","Fragment","_extends","className","children","style","CSS","Transform","toString","cname","_classNames","isGray","_jsxs","ref","Item","margin","formListFieldData","operation","formListOperate","formStageCompleteName","getInsideFormItemName","key","name","getInsideFormItemData","getFieldValue","prevCompleteName","uidKey","uidFieldName","FormListChildrenWrapper","wrapper","DragFormList","stageCompleteName","concat","toArray","_useState","useState","dragActiveId","setDragActiveId","formListOperationRef","useRef","formListValue","useWatch","getUidValue","item","handleDragStart","event","active","getItems","handleDragEnd","over","items","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","value","onDropChange","undefined","dragOverlayItem","useMemo","targetIndex","current","find","BlockLayout","hiddenEmptyRender","length","Empty","image","PRESENTED_IMAGE_SIMPLE","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","rules","fields","formListChildrenWrapper","SortableContext","map","temp","strategy","verticalListSortingStrategy","itemStyle","onCustomAddRowButton","ButtonWrapper","hidden","hiddenAddRowButton","type","block","onClick","_extends2","add","getUuid","getAddRowDefaultValues","DragOverlay","dropAnimation","duration"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-form-list/drag-form-list.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { hooks } from '@wove/react';\nimport { Form, type FormListFieldData, type FormListOperation } from 'antd';\nimport { Fragment, type CSSProperties, type ReactElement } from 'react';\nimport { type DragFormListContentProps, type DragFormListProps } from './types';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  dragIcon?: DragFormListProps['dragIcon'];\n  getItemDragDisabled?: DragFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragFormListProps['dragDisabled'];\n  isGray?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: (string | number)[];\n  children: (data: DragFormListContentProps) => ReactElement;\n  prevCompleteName: (string | number)[];\n  uidFieldName: string;\n};\nexport function SortableItem(props: SortableItemProps) {\n  const form = Form.useFormInstance();\n  const isDisabled = props.isOverlay ? false : props.getItemDragDisabled?.(props.uid, props.index);\n  const { listeners, setNodeRef, transform, transition } = useSortable({\n    id: props.uid,\n    disabled: isDisabled,\n  });\n\n  const dragIconRender = hooks.useCallbackRef(() => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    return props.dragDisabled ? (\n      <Fragment />\n    ) : (\n      <span className=\"drag-form-list-item-trigger\" {...listeners}>\n        <span>{dragIcon}</span>\n      </span>\n    );\n  });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...props.style,\n  };\n\n  const cname = classNames(\n    'drag-form-list-item',\n    {\n      'drag-form-list-item-grap': props.isGray,\n      'drag-form-list-item-disabled': isDisabled,\n    },\n    props.className,\n  );\n  return (\n    <div style={{ ...style }} ref={setNodeRef} className={cname}>\n      <Form.Item style={{ margin: 0 }}>{dragIconRender()}</Form.Item>\n      <div className=\"drag-form-list-item-content\">\n        {props.children({\n          formListFieldData: props.formListFieldData,\n          operation: props.formListOperate,\n          formStageCompleteName: props.formStageCompleteName,\n          index: props.index,\n          getInsideFormItemName: (key: string) => {\n            return [props.formListFieldData.name, key];\n          },\n          getInsideFormItemData: () => {\n            return form.getFieldValue(props.formStageCompleteName) || {};\n          },\n          prevCompleteName: props.prevCompleteName,\n          uidKey: props.uidFieldName,\n        })}\n      </div>\n    </div>\n  );\n}\n","import { classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { getUuid, toArray, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form, type FormListFieldData } from 'antd';\nimport { CSSProperties, Fragment, useMemo, useRef, useState, type ReactElement } from 'react';\nimport { BlockLayout } from '../block-layout';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { FormItemGroup } from '../form-item-group';\nimport { FormItemHorizontalUnionProps } from '../form-item-group/horizontal-union';\nimport { TextSymbolWrapper } from '../text-symbol-wrapper';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { type DragFormListProps } from './types';\n\ntype FormListChildrenWrapperProps = {\n  wrapper?: DragFormListProps['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: DragFormListProps['formListItemTitleList'];\n  className?: string;\n  style?: CSSProperties;\n  dragDisabled?: boolean;\n}) => {\n  const innerList: FormItemHorizontalUnionProps['groupConfigList'] = props.dragDisabled\n    ? []\n    : [{ width: 35, mainItem: <span /> }];\n  return (\n    <FormItemGroup.HorizontalUnion\n      style={{ marginBottom: 10, ...props.style }}\n      className={props.className}\n      groupConfigList={innerList.concat(\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 { width: item.width, mainItem: <div style={{ textAlign: 'center' }}>{item.title}</div> };\n        }) || [],\n      )}\n    />\n  );\n};\n\n/**\n * 可拖拽FormList\n * ```\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置\n * 2. Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list\n * ```\n */\nexport const DragFormList = (props: DragFormListProps) => {\n  const stageCompleteName = [...props.prevCompleteName, ...toArray(props.name)] as Array<string | number>;\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const uidFieldName = props.uidFieldName || 'uid';\n  // 使用 useWatch 可确保FormList在变更后及时刷新\n  const formListValue = Form.useWatch(stageCompleteName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[uidFieldName] as string | number;\n  });\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    /** 只能通过getFieldValue取值 */\n    return (form.getFieldValue(stageCompleteName) || []) as TPlainObject[];\n  });\n\n  function handleDragEnd(event) {\n    const { active, over } = event;\n    const items = getItems();\n    if (active.id !== over.id) {\n      const oldIndex = items.findIndex((item) => getUidValue(item) === active.id);\n      const newIndex = items.findIndex((item) => getUidValue(item) === over.id);\n      const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n      form.setFields([\n        {\n          name: props.name,\n          value: newList,\n        },\n      ]);\n      props.onDropChange?.(newList);\n    }\n    setDragActiveId(undefined);\n  }\n\n  const dragOverlayItem = useMemo(() => {\n    if (!dragActiveId) return undefined;\n    const items = getItems();\n    const targetIndex = items.findIndex((item) => getUidValue(item) === dragActiveId);\n    return formListOperationRef.current.find((item) => item.name === targetIndex);\n  }, [dragActiveId, getItems, getUidValue]);\n\n  return (\n    <BlockLayout className={classNames('drag-form-list', props.className)} style={props.style}>\n      {props.formListItemTitleList?.length ? (\n        <FormListTitleRender\n          formListItemTitleList={props.formListItemTitleList}\n          className={props.formListItemTitleClassName}\n          style={props.formListItemTitleStyle}\n          dragDisabled={props.dragDisabled}\n        />\n      ) : null}\n      {!props.hiddenEmptyRender && !formListValue?.length ? (\n        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{ margin: '15px 0' }} />\n      ) : null}\n      <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n        <Form.List name={props.name} rules={props.rules}>\n          {(fields, operation) => {\n            formListOperationRef.current = fields;\n            return (\n              <FormListChildrenWrapper wrapper={props.formListChildrenWrapper}>\n                <Fragment>\n                  <SortableContext\n                    items={getItems().map((temp) => getUidValue(temp))}\n                    strategy={verticalListSortingStrategy}\n                  >\n                    <Fragment>\n                      {fields.map((item, index) => {\n                        const uid = getUidValue(getItems()[index]);\n                        if (!uid) return null;\n                        return (\n                          <SortableItem\n                            formListOperate={operation}\n                            formListFieldData={item}\n                            uid={uid}\n                            key={`${uid}-${item.key}`}\n                            dragIcon={props.dragIcon}\n                            getItemDragDisabled={props.getItemDragDisabled}\n                            dragDisabled={props.dragDisabled}\n                            isGray={!!uid && uid === dragActiveId}\n                            index={index}\n                            formStageCompleteName={[...stageCompleteName, item.name]}\n                            prevCompleteName={stageCompleteName}\n                            uidFieldName={uidFieldName}\n                            style={props.itemStyle}\n                          >\n                            {props.children}\n                          </SortableItem>\n                        );\n                      })}\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                    </Fragment>\n                  </SortableContext>\n                  <DragOverlay dropAnimation={{ duration: 0 }}>\n                    {dragActiveId && dragOverlayItem ? (\n                      <SortableItem\n                        isOverlay={true}\n                        uid={dragActiveId}\n                        key={dragActiveId}\n                        className=\"drag-form-list-overlay\"\n                        formListFieldData={dragOverlayItem}\n                        dragIcon={props.dragIcon}\n                        formListOperate={null as TAny}\n                        index={0}\n                        formStageCompleteName={[...stageCompleteName, dragOverlayItem.name]}\n                        prevCompleteName={stageCompleteName}\n                        uidFieldName={uidFieldName}\n                      >\n                        {props.children}\n                      </SortableItem>\n                    ) : null}\n                  </DragOverlay>\n                </Fragment>\n              </FormListChildrenWrapper>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </BlockLayout>\n  );\n};\n"],"names":["SortableItem","props","form","Form","useFormInstance","isDisabled","isOverlay","getItemDragDisabled","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","dragIconRender","_hooks","useCallbackRef","dragIcon","_jsx","_DragOutlined","dragDisabled","Fragment","_extends","className","children","style","CSS","Transform","toString","cname","_classNames","isGray","_jsxs","ref","Item","margin","formListFieldData","operation","formListOperate","formStageCompleteName","getInsideFormItemName","key","name","getInsideFormItemData","getFieldValue","prevCompleteName","uidKey","uidFieldName","FormListChildrenWrapper","wrapper","FormListTitleRender","_props$formListItemTi","innerList","width","mainItem","FormItemGroup","HorizontalUnion","marginBottom","groupConfigList","concat","formListItemTitleList","map","item","required","textAlign","TextSymbolWrapper","text","title","symbolType","DragFormList","_props$formListItemTi2","stageCompleteName","toArray","_useState","useState","dragActiveId","setDragActiveId","formListOperationRef","useRef","formListValue","useWatch","getUidValue","handleDragStart","event","active","getItems","handleDragEnd","over","items","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","value","onDropChange","undefined","dragOverlayItem","useMemo","targetIndex","current","find","BlockLayout","length","formListItemTitleClassName","formListItemTitleStyle","hiddenEmptyRender","Empty","image","PRESENTED_IMAGE_SIMPLE","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","rules","fields","formListChildrenWrapper","SortableContext","temp","strategy","verticalListSortingStrategy","itemStyle","onCustomAddRowButton","ButtonWrapper","hidden","hiddenAddRowButton","type","block","onClick","_extends2","add","getUuid","getAddRowDefaultValues","DragOverlay","dropAnimation","duration"],"mappings":"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"}

package/esm/easy-form/index.js

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

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

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

package/esm/easy-table/index.js

@@ -6,11 +6,14 @@ import './../button-wrapper/index.css';
 import './../config-provider-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../types/index.css';
-import './../form-grid/index.css';
+import './../easy-form/index.css';
+import './../box-grid/index.css';
+import './../form-wrapper/index.css';
 import './../pre-defined-class-name/index.css';
+import './../form-grid/index.css';
 import './../table-scrollbar/index.css';
 import './../table-title-tooltip/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isUndefined as r}from"@dimjs/lang/cjs/is-undefined";import{isArray as n}from"@dimjs/lang/cjs/is-array";import{get as i}from"@dimjs/utils/cjs/get";import{_ as a,a as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as l}from"@wove/react/cjs/hooks";import{cloneState as s}from"@dimjs/model";import{Form as u,message as c,Table as d}from"antd";import{createContext as f,forwardRef as p,useState as m,useMemo as g,useRef as v,useImperativeHandle as y,useContext as h,Children as C,Fragment as S}from"react";import{P as b,S as j}from"../index-6677fbfc.js";import{noop as F,isUndefinedOrNull as q,getUuid as z,isMacEnv as x}from"@flatbiz/utils";import{Model as R}from"@dimjs/model-react";import{jsx as N,jsxs as w}from"react/jsx-runtime";import P from"@ant-design/icons/es/icons/DownOutlined";import k from"@ant-design/icons/es/icons/UpOutlined";import{isFragment as T}from"react-is";import{B as D}from"../index-1f45bfd5.js";import{ButtonWrapper as K}from"../button-wrapper/index.js";import{FormGrid as E}from"../form-grid/index.js";import{preDefinedClassName as V}from"../pre-defined-class-name/index.js";import{fbaHooks as A}from"../fba-hooks/index.js";import{TableScrollbar as B}from"../table-scrollbar/index.js";import{TableTitleTooltip as I}from"../table-title-tooltip/index.js";import{TipsWrapper as L}from"../tips-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../use-responsive-point-21b8c601.js";import"ahooks";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var O=f({onRequest:F,tableList:[],getEasyTableRef:function e(){}});var _={queryCondition:{},isInit:true};var W={actions:{updateFilterCondition:function e(t){return function(e){e.queryCondition=a({},e.queryCondition,t)}},resetFilterCondition:function e(t){return function(e){e.queryCondition=a({},_.queryCondition,t)}},updateInitStatus:function e(){return function(e){e.isInit=false}}},state:_};var H={};var U=function e(t){if(!H[t]){H[t]=R(W)}return H[t]};var G=p((function(e,o){var d;var f=m(),p=f[0],h=f[1];var C=m(0),S=C[0],j=C[1];var F=m(false),q=F[0],z=F[1];var x=l.useId(undefined,"easy-table-key");var R=g((function(){return e.cacheSwitch?location.pathname:x}),[x,e.cacheSwitch]);var P=U(R).useStore(),k=P[0],T=P[1];var D=e.pageSize||((d=e.initialPaginationParams)==null?void 0:d.pageSize)||10;var K=e.initRequest===undefined?true:e.initRequest;var E=m(false),V=E[0],A=E[1];var B=v();var I=v([]);var L=m(),_=L[0],W=L[1];var H=a({list:"list",total:"total",pageNo:"pageNo",pageSize:"pageSize"},e.fieldNames);var G=u.useForm(e.form),Q=G[0];var Y=l.useCallbackRef((function(t){return new Promise((function(r,a){var o,l,u,d,f,p,m,g,v,y,C,S;var b=function(){try{return r()}catch(e){return a(e)}};var F=function(t){try{z(false);if(e.onRequestErrorHandle){e.onRequestErrorHandle(t)}else{void c.error(t.message)}return b()}catch(e){return a(e)}};try{z(true);return Promise.resolve(T.updateFilterCondition(t)).then((function(t){try{o=t;l=s(o.queryCondition||{});u=e.serviceConfig,d=u.requestParamsAdapter,f=u.onRequest,p=u.requestResultAdapter,m=u.dynamicColumsAdapter;g=d?d(l):l;return Promise.resolve(f(g)).then((function(t){try{v=t||{};B.current=v;e.onDataSourceChange==null?void 0:e.onDataSourceChange(v);y=v;if(p){y=p(v)}if(m){C=m(v,I.current);W(C)}S=i(y,H.list);h(n(S)?S:[]);j(i(y,H.total));z(false);return b()}catch(e){return F(e)}}),F)}catch(e){return F(e)}}),F)}catch(e){F(e)}}))}));var $=l.useCallbackRef((function(e){return new Promise((function(t,r){return Promise.resolve(T.resetFilterCondition()).then((function(n){try{Q.resetFields();if(e){void T.updateFilterCondition(e);Q.setFieldsValue(e)}return t()}catch(e){return r(e)}}),r)}))}));var J=function e(t,r){if(V){var n;return n={},n[H.pageNo]=t,n[H.pageSize]=r||D,n}else{return{}}};var M=l.useCallbackRef((function(t){return new Promise((function(r,n){var i;i=a({},J(1,k.queryCondition[H.pageSize]),e.initialValues,t);return Promise.resolve(T.resetFilterCondition(i)).then((function(e){try{Q.resetFields();if(t){Q.setFieldsValue(t)}void Y(i);return r()}catch(e){return n(e)}}),n)}))}));var X=l.useCallbackRef((function(){return a({},k.queryCondition,Q.getFieldsValue())}));var Z=function t(){return{onRequest:Y,clearQueryCondition:$,getRequestParams:X,onResetRequest:M,form:Q,getDataSource:function e(){return B.current},onFilterDataSource:function e(t){h(t)},onClearDataSource:function e(){j(0);h([])},onUpdateDataSource:function t(r){h(r);B.current=r;e.onDataSourceChange==null?void 0:e.onDataSourceChange(r)}}};y(o,(function(){return Z()}));var ee=function e(t){A(t)};var te=function e(t){I.current=t};var re=function t(){var r=Q.getFieldsValue();if(e.onFormFinish){e.onFormFinish(a({},r,J(1,k.queryCondition[H.pageSize])))}else{void Y(a({},r,J(1,k.queryCondition[H.pageSize])))}};var ne=r(e.isFull)?true:e.isFull;var ie=t("fba-easy-table",{"fba-easy-table-full":ne,"fba-easy-table-filter-fixed":e.filterFixed,"fba-easy-table-pagination-fixed":e.paginationFixed},e.className);var ae=g((function(){return a({showSizeChanger:true,current:k.queryCondition[H.pageNo]||1,pageSize:k.queryCondition[H.pageSize]||D,total:S,showTotal:function e(t){return"共 "+t+" 条记录"}},e.pagination)}),[H.pageNo,H.pageSize,D,e.pagination,k.queryCondition,S]);var oe=l.useCallbackRef((function(t,r){var n,i;void Y((n={},n[H.pageSize]=r,n[H.pageNo]=t,n));(i=e.pagination)==null||i.onChange==null?void 0:i.onChange(t,r)}));var le=t("fba-easy-table-wrapper",{"fba-easy-table-wrapper-inline":e.isInline},e.className);var se=typeof e.children==="function"?e.children(B.current):e.children;return N(O.Provider,{value:{onSetBaseColumns:te,getEasyTableRef:Z,modelKey:R,onRequest:Y,tableDataSource:p,tableTotal:S,loading:q,fieldNames:H,pageSize:D,initRequest:K,initialValues:e.initialValues||{},onSetPaginationStatus:ee,paginationStatus:V,onFormFinish:re,form:Q,paginationFixed:e.paginationFixed||false,foldKeys:e.foldKeys||[],dynamicColumns:_},children:e.paginationFixed?w("div",{className:le,style:e.style,children:[N("div",{className:ie,children:se}),S>0&&N("div",{className:"fba-easy-table-pagination",children:N(b,a({size:"small"},ae,{onChange:oe}))})]}):N("div",{className:le,style:e.style,children:se})})}));var Q=function e(n){var i=h(O);var o=n.queryButtonProps,s=n.resetButtonProps,c=n.filterOperate,d=n.formClassName,f=n.defaultResetButtonTriggerRequest,p=n.filterWrapperStyle,v=n.filterWrapperClassName,y=n.rightOperateAreaAppendType;var S=i.modelKey,b=i.foldKeys,j=i.fieldNames,F=i.onRequest,q=i.pageSize,z=i.paginationStatus,x=i.initialValues,R=i.form,A=i.onFormFinish;var B=typeof n.children==="function"?n.children(R):n.children;var I=y||"cover";var L=g((function(){if(T(B)){return C.toArray(B.props.children)}else{return C.toArray(B)}}),[B]);var _=m(false),W=_[0],H=_[1];var G=U(S).useStore(),Q=G[0],Y=G[1];var $=l.useCallbackRef((function(){return new Promise((function(e,t){var n;return Promise.resolve(Y.resetFilterCondition()).then((function(i){try{R.resetFields();if(r(f)||f){if(z){F(a((n={},n[j.pageNo]=1,n[j.pageSize]=q,n),x))}else{F(x)}}return e()}catch(e){return t(e)}}),t)}))}));var J=g((function(){var e=[!(o!=null&&o.hidden)?N(K,a({type:"primary",htmlType:"submit"},o,{children:(o==null?void 0:o.text)||"查询"}),"1"):null,!(s!=null&&s.hidden)?N(K,a({onClick:$},s,{children:(s==null?void 0:s.text)||"重置"}),"2"):null].filter(Boolean);var t=c==null?void 0:c(R);var r=t==null?void 0:t.rightList;var n=(t==null?void 0:t.leftList)||[];var i=e;if(r){if(I==="afterAppend"){i=[].concat(e,r)}else if(I==="beforeAppend"){i=[].concat(r,e)}else{i=r}}if(b.length>0){var l=N(K,{type:"link",style:{padding:"0"},onClick:function e(){H(!W)},children:W?w("span",{children:["收起",N(k,{style:{marginLeft:3,fontSize:12}})]}):w("span",{children:["展开",N(P,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");if(i.length>0||n.length===0){i.push(l)}else if((n==null?void 0:n.length)>0){n.push(l)}}return L.map((function(e,t){if(!W&&b.find((function(t){return".$"+t===e.key})))return null;if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return N(E.Col,{children:e},t)})).filter(Boolean).concat(N(E.OperateCol,a({},t,{leftList:n,rightList:i}),999))}),[L,c,b,R,$,W,o,s,I]);return N(D,{className:t("easy-table-filter",v),style:p,children:N(u,{form:R,autoComplete:"off",onFinish:A,initialValues:a({},x,Q.queryCondition),className:t(d,V.form.label_width_80,V.form.formItemGap8,V.form.label_align_right),style:n.formStyle,children:n.isPure?B:N(E.Row,{gutter:[15,0],gridSize:n.formGridSize,children:J})})})};var Y=function e(){var t=h(O);return t.getEasyTableRef()};var $=function e(){var t=h(O);return{current:t.getEasyTableRef()}};var J=["children","rowKey","pagination","isSync"],M=["tooltip","tipsWrapperProps","title"];var X=function e(r){var n=h(O);var i=r.children,l=r.rowKey,s=r.pagination,u=r.isSync,c=o(r,J);var f=n.modelKey,p=n.fieldNames,m=n.onRequest,v=n.tableDataSource,y=n.initRequest,C=n.pageSize,b=n.tableTotal,F=n.loading,R=n.initialValues,P=n.paginationFixed,k=n.onSetPaginationStatus,T=n.dynamicColumns;var K=U(f).useStore(),E=K[0],V=K[1];A.useEffectCustom((function(){n.onSetBaseColumns(r.columns||[])}),[r.columns]);var _=g((function(){if(P||s===false)return false;return a({showSizeChanger:true,current:E.queryCondition[p.pageNo]||1,pageSize:E.queryCondition[p.pageSize]||C,total:b,showTotal:function e(t){return"共 "+t+" 条记录"}},r.pagination,{selectComponentClass:j})}),[p.pageNo,p.pageSize,C,s,P,r.pagination,E.queryCondition,b]);var W=function e(t,n,i,a){if(a.action==="paginate"&&_){var o;m((o={},o[p.pageSize]=t.pageSize,o[p.pageNo]=t.current,o))}else{r.onChange==null?void 0:r.onChange(t,n,i,a)}};var H=g((function(){if(!v)return undefined;if(v.length===0){return[]}if(typeof l==="string"&&q(v[0][l])){return v.map((function(e){e[l]=z();return e}))}return v}),[v,l]);A.useEffectCustom((function(){var e=P||_!==false;k(e);if(y!==false||!E.isInit){if(e){var t;void m(a((t={},t[p.pageNo]=1,t[p.pageSize]=C,t),R,E.queryCondition))}else{void m(R)}}else{void V.updateFilterCondition(R)}void V.updateInitStatus()}),[]);var G=g((function(){var e=T?T:r.columns;return e.map((function(e){var t=e.tooltip,r=e.tipsWrapperProps,n=e.title,i=o(e,M);if(typeof n==="string"&&r){if(typeof r==="string"){return a({},i,{title:N(L,{tipType:"popover",popoverProps:{content:r},children:n})})}return a({},i,{title:N(L,a({},r,{children:n}))})}if(typeof n==="string"&&!!t){return a({},i,{title:N(I,{tooltip:t,title:n})})}return e}))}),[T,r.columns]);var Q=function e(){if(u&&!H){return w(S,{children:[i,N(d,{size:"small",scroll:{x:"max-content"},bordered:true,columns:G,rowKey:l,loading:true},"1")]})}if(x()){return w(S,{children:[i,N(d,a({size:"small",scroll:{x:"max-content"},bordered:true},c,{columns:G,pagination:_,rowKey:l,onChange:W,loading:F,dataSource:H}),"2")]})}return w(S,{children:[i,N(B,{children:N(d,a({size:"small",scroll:{x:"max-content"},bordered:true},c,{columns:G,pagination:_,rowKey:l,onChange:W,loading:F,dataSource:H}),"3")})]})};return N(D,{className:t("easy-table-table",{"ett-empty-show-small":r.emptyShowSize==="small"},r.tableWrapperClassName),style:r.tableWrapperStyle,children:Q()})};var Z=e.attachPropertiesToComponent(G,{Filter:Q,Table:X,useEasyTablRef:$,useEasyTable:Y});export{Z as EasyTable};
+import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isUndefined as r}from"@dimjs/lang/cjs/is-undefined";import{isArray as i}from"@dimjs/lang/cjs/is-array";import{get as n}from"@dimjs/utils/cjs/get";import{_ as a,a as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as l}from"@wove/react/cjs/hooks";import{cloneState as s}from"@dimjs/model";import{Form as u,message as c,Table as d}from"antd";import{createContext as f,forwardRef as p,useState as m,useMemo as g,useRef as v,useImperativeHandle as y,useContext as h,Children as C,Fragment as S}from"react";import{P as b,S as j}from"../index-6677fbfc.js";import{noop as F,isUndefinedOrNull as q,getUuid as z,isMacEnv as x}from"@flatbiz/utils";import{Model as R}from"@dimjs/model-react";import{jsx as N,jsxs as w}from"react/jsx-runtime";import P from"@ant-design/icons/es/icons/DownOutlined";import k from"@ant-design/icons/es/icons/UpOutlined";import{isFragment as T}from"react-is";import{B as D}from"../index-1f45bfd5.js";import{ButtonWrapper as K}from"../button-wrapper/index.js";import{EasyForm as A}from"../easy-form/index.js";import{FormGrid as E}from"../form-grid/index.js";import{fbaHooks as V}from"../fba-hooks/index.js";import{TableScrollbar as B}from"../table-scrollbar/index.js";import{TableTitleTooltip as I}from"../table-title-tooltip/index.js";import{TipsWrapper as L}from"../tips-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../box-grid/index.js";import"@dimjs/lang/cjs/is-number";import"ahooks";import"../form-wrapper/index.js";import"../pre-defined-class-name/index.js";import"../use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var O=f({onRequest:F,tableList:[],getEasyTableRef:function e(){}});var W={queryCondition:{},isInit:true};var _={actions:{updateFilterCondition:function e(t){return function(e){e.queryCondition=a({},e.queryCondition,t)}},resetFilterCondition:function e(t){return function(e){e.queryCondition=a({},W.queryCondition,t)}},updateInitStatus:function e(){return function(e){e.isInit=false}}},state:W};var H={};var U=function e(t){if(!H[t]){H[t]=R(_)}return H[t]};var G=p((function(e,o){var d;var f=m(),p=f[0],h=f[1];var C=m(0),S=C[0],j=C[1];var F=m(false),q=F[0],z=F[1];var x=l.useId(undefined,"easy-table-key");var R=g((function(){return e.cacheSwitch?location.pathname:x}),[x,e.cacheSwitch]);var P=U(R).useStore(),k=P[0],T=P[1];var D=e.pageSize||((d=e.initialPaginationParams)==null?void 0:d.pageSize)||10;var K=e.initRequest===undefined?true:e.initRequest;var A=m(false),E=A[0],V=A[1];var B=v();var I=v([]);var L=m(),W=L[0],_=L[1];var H=a({list:"list",total:"total",pageNo:"pageNo",pageSize:"pageSize"},e.fieldNames);var G=u.useForm(e.form),Q=G[0];var Y=l.useCallbackRef((function(t){return new Promise((function(r,a){var o,l,u,d,f,p,m,g,v,y,C,S;var b=function(){try{return r()}catch(e){return a(e)}};var F=function(t){try{z(false);if(e.onRequestErrorHandle){e.onRequestErrorHandle(t)}else{void c.error(t.message)}return b()}catch(e){return a(e)}};try{z(true);return Promise.resolve(T.updateFilterCondition(t)).then((function(t){try{o=t;l=s(o.queryCondition||{});u=e.serviceConfig,d=u.requestParamsAdapter,f=u.onRequest,p=u.requestResultAdapter,m=u.dynamicColumsAdapter;g=d?d(l):l;return Promise.resolve(f(g)).then((function(t){try{v=t||{};B.current=v;e.onDataSourceChange==null?void 0:e.onDataSourceChange(v);y=v;if(p){y=p(v)}if(m){C=m(v,I.current);_(C)}S=n(y,H.list);h(i(S)?S:[]);j(n(y,H.total));z(false);return b()}catch(e){return F(e)}}),F)}catch(e){return F(e)}}),F)}catch(e){F(e)}}))}));var $=l.useCallbackRef((function(e){return new Promise((function(t,r){return Promise.resolve(T.resetFilterCondition()).then((function(i){try{Q.resetFields();if(e){void T.updateFilterCondition(e);Q.setFieldsValue(e)}return t()}catch(e){return r(e)}}),r)}))}));var J=function e(t,r){if(E){var i;return i={},i[H.pageNo]=t,i[H.pageSize]=r||D,i}else{return{}}};var M=l.useCallbackRef((function(t){return new Promise((function(r,i){var n;n=a({},J(1,k.queryCondition[H.pageSize]),e.initialValues,t);return Promise.resolve(T.resetFilterCondition(n)).then((function(e){try{Q.resetFields();if(t){Q.setFieldsValue(t)}void Y(n);return r()}catch(e){return i(e)}}),i)}))}));var X=l.useCallbackRef((function(){return a({},k.queryCondition,Q.getFieldsValue())}));var Z=function t(){return{onRequest:Y,clearQueryCondition:$,getRequestParams:X,onResetRequest:M,form:Q,getDataSource:function e(){return B.current},onFilterDataSource:function e(t){h(t)},onClearDataSource:function e(){j(0);h([])},onUpdateDataSource:function t(r){h(r);B.current=r;e.onDataSourceChange==null?void 0:e.onDataSourceChange(r)}}};y(o,(function(){return Z()}));var ee=function e(t){V(t)};var te=function e(t){I.current=t};var re=function t(){var r=Q.getFieldsValue();if(e.onFormFinish){e.onFormFinish(a({},r,J(1,k.queryCondition[H.pageSize])))}else{void Y(a({},r,J(1,k.queryCondition[H.pageSize])))}};var ie=r(e.isFull)?true:e.isFull;var ne=t("fba-easy-table",{"fba-easy-table-full":ie,"fba-easy-table-filter-fixed":e.filterFixed,"fba-easy-table-pagination-fixed":e.paginationFixed},e.className);var ae=g((function(){return a({showSizeChanger:true,current:k.queryCondition[H.pageNo]||1,pageSize:k.queryCondition[H.pageSize]||D,total:S,showTotal:function e(t){return"共 "+t+" 条记录"}},e.pagination)}),[H.pageNo,H.pageSize,D,e.pagination,k.queryCondition,S]);var oe=l.useCallbackRef((function(t,r){var i,n;void Y((i={},i[H.pageSize]=r,i[H.pageNo]=t,i));(n=e.pagination)==null||n.onChange==null?void 0:n.onChange(t,r)}));var le=t("fba-easy-table-wrapper",{"fba-easy-table-wrapper-inline":e.isInline},e.className);var se=typeof e.children==="function"?e.children(B.current):e.children;return N(O.Provider,{value:{onSetBaseColumns:te,getEasyTableRef:Z,modelKey:R,onRequest:Y,tableDataSource:p,tableTotal:S,loading:q,fieldNames:H,pageSize:D,initRequest:K,initialValues:e.initialValues||{},onSetPaginationStatus:ee,paginationStatus:E,onFormFinish:re,form:Q,paginationFixed:e.paginationFixed||false,foldKeys:e.foldKeys||[],dynamicColumns:W},children:e.paginationFixed?w("div",{className:le,style:e.style,children:[N("div",{className:ne,children:se}),S>0&&N("div",{className:"fba-easy-table-pagination",children:N(b,a({size:"small"},ae,{onChange:oe}))})]}):N("div",{className:le,style:e.style,children:se})})}));var Q=function e(i){var n=h(O);var o=i.queryButtonProps,s=i.resetButtonProps,u=i.filterOperate,c=i.formClassName,d=c===void 0?"":c,f=i.defaultResetButtonTriggerRequest,p=i.filterWrapperStyle,v=i.filterWrapperClassName,y=i.rightOperateAreaAppendType,S=i.easyFormProps;var b=n.modelKey,j=n.foldKeys,F=n.fieldNames,q=n.onRequest,z=n.pageSize,x=n.paginationStatus,R=n.initialValues,V=n.form,B=n.onFormFinish;var I=typeof i.children==="function"?i.children(V):i.children;var L=y||"cover";var W=g((function(){if(T(I)){return C.toArray(I.props.children)}else{return C.toArray(I)}}),[I]);var _=m(false),H=_[0],G=_[1];var Q=U(b).useStore(),Y=Q[0],$=Q[1];var J=l.useCallbackRef((function(){return new Promise((function(e,t){var i;return Promise.resolve($.resetFilterCondition()).then((function(n){try{V.resetFields();if(r(f)||f){if(x){q(a((i={},i[F.pageNo]=1,i[F.pageSize]=z,i),R))}else{q(R)}}return e()}catch(e){return t(e)}}),t)}))}));var M=g((function(){var e=[!(o!=null&&o.hidden)?N(K,a({type:"primary",htmlType:"submit"},o,{children:(o==null?void 0:o.text)||"查询"}),"1"):null,!(s!=null&&s.hidden)?N(K,a({onClick:J},s,{children:(s==null?void 0:s.text)||"重置"}),"2"):null].filter(Boolean);var t=u==null?void 0:u(V);var r=t==null?void 0:t.rightList;var i=(t==null?void 0:t.leftList)||[];var n=e;if(r){if(L==="afterAppend"){n=[].concat(e,r)}else if(L==="beforeAppend"){n=[].concat(r,e)}else{n=r}}if(j.length>0){var l=N(K,{type:"link",style:{padding:"0"},onClick:function e(){G(!H)},children:H?w("span",{children:["收起",N(k,{style:{marginLeft:3,fontSize:12}})]}):w("span",{children:["展开",N(P,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");if(n.length>0||i.length===0){n.push(l)}else if((i==null?void 0:i.length)>0){i.push(l)}}return W.map((function(e,t){if(!H&&j.find((function(t){return".$"+t===e.key})))return null;if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return N(E.Col,{children:e},t)})).filter(Boolean).concat(N(E.OperateCol,a({},t,{leftList:i,rightList:n}),999))}),[W,u,j,V,J,H,o,s,L]);return N(D,{className:t("easy-table-filter",v),style:p,children:N(A,a({form:V,autoComplete:"off",onFinish:B,initialValues:a({},R,Y.queryCondition),className:d,style:i.formStyle,isPure:true,labelWidth:"80",labelAlign:"right",formItemGap:"15"},S,{children:i.isPure?I:N(E.Row,{gutter:[15,0],gridSize:i.formGridSize,children:M})}))})};var Y=function e(){var t=h(O);return t.getEasyTableRef()};var $=function e(){var t=h(O);return{current:t.getEasyTableRef()}};var J=["children","rowKey","pagination","isSync"],M=["tooltip","tipsWrapperProps","title"];var X=function e(r){var i=h(O);var n=r.children,l=r.rowKey,s=r.pagination,u=r.isSync,c=o(r,J);var f=i.modelKey,p=i.fieldNames,m=i.onRequest,v=i.tableDataSource,y=i.initRequest,C=i.pageSize,b=i.tableTotal,F=i.loading,R=i.initialValues,P=i.paginationFixed,k=i.onSetPaginationStatus,T=i.dynamicColumns;var K=U(f).useStore(),A=K[0],E=K[1];V.useEffectCustom((function(){i.onSetBaseColumns(r.columns||[])}),[r.columns]);var W=g((function(){if(P||s===false)return false;return a({showSizeChanger:true,current:A.queryCondition[p.pageNo]||1,pageSize:A.queryCondition[p.pageSize]||C,total:b,showTotal:function e(t){return"共 "+t+" 条记录"}},r.pagination,{selectComponentClass:j})}),[p.pageNo,p.pageSize,C,s,P,r.pagination,A.queryCondition,b]);var _=function e(t,i,n,a){if(a.action==="paginate"&&W){var o;m((o={},o[p.pageSize]=t.pageSize,o[p.pageNo]=t.current,o))}else{r.onChange==null?void 0:r.onChange(t,i,n,a)}};var H=g((function(){if(!v)return undefined;if(v.length===0){return[]}if(typeof l==="string"&&q(v[0][l])){return v.map((function(e){e[l]=z();return e}))}return v}),[v,l]);V.useEffectCustom((function(){var e=P||W!==false;k(e);if(y!==false||!A.isInit){if(e){var t;void m(a((t={},t[p.pageNo]=1,t[p.pageSize]=C,t),R,A.queryCondition))}else{void m(R)}}else{void E.updateFilterCondition(R)}void E.updateInitStatus()}),[]);var G=g((function(){var e=T?T:r.columns;return e.map((function(e){var t=e.tooltip,r=e.tipsWrapperProps,i=e.title,n=o(e,M);if(typeof i==="string"&&r){if(typeof r==="string"){return a({},n,{title:N(L,{tipType:"popover",popoverProps:{content:r},children:i})})}return a({},n,{title:N(L,a({},r,{children:i}))})}if(typeof i==="string"&&!!t){return a({},n,{title:N(I,{tooltip:t,title:i})})}return e}))}),[T,r.columns]);var Q=function e(){if(u&&!H){return w(S,{children:[n,N(d,{size:"small",scroll:{x:"max-content"},bordered:true,columns:G,rowKey:l,loading:true},"1")]})}if(x()){return w(S,{children:[n,N(d,a({size:"small",scroll:{x:"max-content"},bordered:true},c,{columns:G,pagination:W,rowKey:l,onChange:_,loading:F,dataSource:H}),"2")]})}return w(S,{children:[n,N(B,{children:N(d,a({size:"small",scroll:{x:"max-content"},bordered:true},c,{columns:G,pagination:W,rowKey:l,onChange:_,loading:F,dataSource:H}),"3")})]})};return N(D,{className:t("easy-table-table",{"ett-empty-show-small":r.emptyShowSize==="small"},r.tableWrapperClassName),style:r.tableWrapperStyle,children:Q()})};var Z=e.attachPropertiesToComponent(G,{Filter:Q,Table:X,useEasyTablRef:$,useEasyTable:Y});export{Z as EasyTable};
 //# sourceMappingURL=index.js.map