@flatbiz/antd 4.5.55 → 4.5.57

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

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

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

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

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

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

package/esm/form-wrapper/index.js

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

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

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

package/esm/full-screen/index.js

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

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

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

package/esm/icon-wrapper/index.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index-83bede1b.js","sources":["@flatbiz/antd/src/_utils/i18n/en.ts","@flatbiz/antd/src/_utils/i18n/zh-cn.ts","@flatbiz/antd/src/_utils/i18n/index.ts","@flatbiz/antd/src/config-provider-wrapper/config-provider-wrapper.tsx"],"sourcesContent":["import { TFbaLocale } from '../../types';\n\nexport const en: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: 'cancel',\n  },\n};\n","import { TFbaLocale } from '../../types';\n\nexport const zhCn: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: '取消',\n  },\n};\n","import { extend } from '@dimjs/utils';\nimport { TFbaLocale, TLocale } from '../../types';\nimport { en } from './en';\nimport { zhCn } from './zh-cn';\n\n/**\n * 设置 @flatbiz/antd中的国际化语言\n * @param locale\n * @param customLocaleMessage\n */\nexport const setFbaLocaleMessage = (locale: TLocale, customLocaleMessage?: Partial<TFbaLocale>) => {\n  let localeMessage = zhCn;\n  if (locale === 'en') {\n    localeMessage = en;\n  }\n  window['__fba_locale_message'] = extend(true, {}, localeMessage, customLocaleMessage);\n};\n\n/**\n * 读取 @flatbiz/antd中的国际化语言\n * @param key\n * @returns\n */\nexport const getFbaLocaleMessage = () => {\n  const localeMessage = window['__fba_locale_message'] as TFbaLocale;\n  return localeMessage || {};\n};\n","import { ConfigProvider } from 'antd';\nimport { ConfigProviderProps } from 'antd/es/config-provider';\nimport enUS from 'antd/es/locale/en_US';\nimport zhCN from 'antd/es/locale/zh_CN';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/zh-cn';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport localeData from 'dayjs/plugin/localeData';\nimport dayjsUtc from 'dayjs/plugin/utc';\nimport weekday from 'dayjs/plugin/weekday';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport weekYear from 'dayjs/plugin/weekYear';\nimport { fbaHooks } from '../fba-hooks';\nimport { TFbaLocale, TLocale } from '../types';\nimport { setFbaLocaleMessage } from '../_utils/i18n';\ndayjs.extend(customParseFormat);\ndayjs.extend(advancedFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(weekOfYear);\ndayjs.extend(weekYear);\ndayjs.extend(dayjsUtc);\n\nexport type ConfigProviderWrapperProps = Omit<ConfigProviderProps, 'locale'> & {\n  locale?: TLocale;\n  /** 自定义国际化数据 */\n  customLocaleMessage?: Partial<TFbaLocale>;\n  /** 同 fbaHooks.useCopyRemoveSpace[ignoreClass]  */\n  copyOperateIgnoreClass?: string[];\n};\n\nconst localeMap = {\n  en: {\n    dayjs: 'en',\n    antd: enUS,\n  },\n  'zh-cn': {\n    dayjs: 'zh-cn',\n    antd: zhCN,\n  },\n};\n\n/**\n *  antd ConfigProvider 扩展类\n * ```\n * 1. 新增监听辅助行为，移除复制文本中前后空格能力\n * ```\n */\nexport const ConfigProviderWrapper = (props: ConfigProviderWrapperProps) => {\n  const { locale, ...otherProps } = props;\n  const localeNew = locale || 'zh-cn';\n  fbaHooks.useEffectCustom(() => {\n    setFbaLocaleMessage(localeNew, props.customLocaleMessage);\n    dayjs.locale(localeMap[localeNew].dayjs || localeMap['zh-cn'].dayjs);\n  }, []);\n\n  fbaHooks.useCopyRemoveSpace({\n    ignoreClass: props.copyOperateIgnoreClass,\n  });\n\n  return (\n    <ConfigProvider\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...otherProps}\n      locale={localeMap[localeNew].antd || localeMap['zh-cn'].antd}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n"],"names":["en","TreeWrapper","requestError","FbaDialogModal","cancelText","zhCn","setFbaLocaleMessage","locale","customLocaleMessage","localeMessage","window","_extend","getFbaLocaleMessage","dayjs","extend","customParseFormat","advancedFormat","weekday","localeData","weekOfYear","weekYear","dayjsUtc","localeMap","antd","enUS","zhCN","ConfigProviderWrapper","props","otherProps","_objectWithoutPropertiesLoose","_excluded","localeNew","fbaHooks","useEffectCustom","useCopyRemoveSpace","ignoreClass","copyOperateIgnoreClass","_jsx","ConfigProvider","_extends","componentSize","space","size","children"],"mappings":";kpBAEO,IAAMA,EAAiB,CAC5BC,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,WCNT,IAAMC,EAAmB,CAC9BJ,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,OCET,IAAME,EAAsB,SAAtBA,EAAuBC,EAAiBC,GACnD,IAAIC,EAAgBJ,EACpB,GAAIE,IAAW,KAAM,CACnBE,EAAgBT,CAClB,CACAU,OAAO,wBAA0BC,EAAO,KAAM,GAAIF,EAAeD,EACnE,MAOaI,EAAsB,SAAtBA,IACX,IAAMH,EAAgBC,OAAO,wBAC7B,OAAOD,GAAiB,CAAA,CAC1B,mBCTAI,EAAMC,OAAOC,GACbF,EAAMC,OAAOE,GACbH,EAAMC,OAAOG,GACbJ,EAAMC,OAAOI,GACbL,EAAMC,OAAOK,GACbN,EAAMC,OAAOM,GACbP,EAAMC,OAAOO,GAUb,IAAMC,EAAY,CAChBtB,GAAI,CACFa,MAAO,KACPU,KAAMC,GAER,QAAS,CACPX,MAAO,QACPU,KAAME,QAUGC,EAAwB,SAAxBA,EAAyBC,GACpC,IAAQpB,EAA0BoB,EAA1BpB,OAAWqB,EAAUC,EAAKF,EAAKG,GACvC,IAAMC,EAAYxB,GAAU,QAC5ByB,EAASC,iBAAgB,WACvB3B,EAAoByB,EAAWJ,EAAMnB,qBACrCK,EAAMN,OAAOe,EAAUS,GAAWlB,OAASS,EAAU,SAAST,MAC/D,GAAE,IAEHmB,EAASE,mBAAmB,CAC1BC,YAAaR,EAAMS,yBAGrB,OACEC,EAACC,EAAcC,EAAA,CACbC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACXd,EAAU,CACdrB,OAAQe,EAAUS,GAAWR,MAAQD,EAAU,SAASC,KAAKoB,SAE5DhB,EAAMgB,WAGb"}
+{"version":3,"file":"index-853b36e6.js","sources":["@flatbiz/antd/src/_utils/i18n/en.ts","@flatbiz/antd/src/_utils/i18n/zh-cn.ts","@flatbiz/antd/src/_utils/i18n/index.ts","@flatbiz/antd/src/config-provider-wrapper/config-provider-wrapper.tsx"],"sourcesContent":["import { TFbaLocale } from '../../types';\n\nexport const en: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: 'cancel',\n  },\n};\n","import { TFbaLocale } from '../../types';\n\nexport const zhCn: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: '取消',\n  },\n};\n","import { extend } from '@dimjs/utils';\nimport { TFbaLocale, TLocale } from '../../types';\nimport { en } from './en';\nimport { zhCn } from './zh-cn';\n\n/**\n * 设置 @flatbiz/antd中的国际化语言\n * @param locale\n * @param customLocaleMessage\n */\nexport const setFbaLocaleMessage = (locale: TLocale, customLocaleMessage?: Partial<TFbaLocale>) => {\n  let localeMessage = zhCn;\n  if (locale === 'en') {\n    localeMessage = en;\n  }\n  window['__fba_locale_message'] = extend(true, {}, localeMessage, customLocaleMessage);\n};\n\n/**\n * 读取 @flatbiz/antd中的国际化语言\n * @param key\n * @returns\n */\nexport const getFbaLocaleMessage = () => {\n  const localeMessage = window['__fba_locale_message'] as TFbaLocale;\n  return localeMessage || {};\n};\n","import { ConfigProvider } from 'antd';\nimport { ConfigProviderProps } from 'antd/es/config-provider';\nimport enUS from 'antd/es/locale/en_US';\nimport zhCN from 'antd/es/locale/zh_CN';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/zh-cn';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport localeData from 'dayjs/plugin/localeData';\nimport dayjsUtc from 'dayjs/plugin/utc';\nimport weekday from 'dayjs/plugin/weekday';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport weekYear from 'dayjs/plugin/weekYear';\nimport { fbaHooks } from '../fba-hooks';\nimport { TFbaLocale, TLocale } from '../types';\nimport { setFbaLocaleMessage } from '../_utils/i18n';\ndayjs.extend(customParseFormat);\ndayjs.extend(advancedFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(weekOfYear);\ndayjs.extend(weekYear);\ndayjs.extend(dayjsUtc);\n\nexport type ConfigProviderWrapperProps = Omit<ConfigProviderProps, 'locale'> & {\n  locale?: TLocale;\n  /** 自定义国际化数据 */\n  customLocaleMessage?: Partial<TFbaLocale>;\n  /** 同 fbaHooks.useCopyRemoveSpace[ignoreClass]  */\n  copyOperateIgnoreClass?: string[];\n};\n\nconst localeMap = {\n  en: {\n    dayjs: 'en',\n    antd: enUS,\n  },\n  'zh-cn': {\n    dayjs: 'zh-cn',\n    antd: zhCN,\n  },\n};\n\n/**\n *  antd ConfigProvider 扩展类\n * ```\n * 1. 新增监听辅助行为，移除复制文本中前后空格能力\n * ```\n */\nexport const ConfigProviderWrapper = (props: ConfigProviderWrapperProps) => {\n  const { locale, ...otherProps } = props;\n  const localeNew = locale || 'zh-cn';\n  fbaHooks.useEffectCustom(() => {\n    setFbaLocaleMessage(localeNew, props.customLocaleMessage);\n    dayjs.locale(localeMap[localeNew].dayjs || localeMap['zh-cn'].dayjs);\n  }, []);\n\n  fbaHooks.useCopyRemoveSpace({\n    ignoreClass: props.copyOperateIgnoreClass,\n  });\n\n  return (\n    <ConfigProvider\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...otherProps}\n      locale={localeMap[localeNew].antd || localeMap['zh-cn'].antd}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n"],"names":["en","TreeWrapper","requestError","FbaDialogModal","cancelText","zhCn","setFbaLocaleMessage","locale","customLocaleMessage","localeMessage","window","_extend","getFbaLocaleMessage","dayjs","extend","customParseFormat","advancedFormat","weekday","localeData","weekOfYear","weekYear","dayjsUtc","localeMap","antd","enUS","zhCN","ConfigProviderWrapper","props","otherProps","_objectWithoutPropertiesLoose","_excluded","localeNew","fbaHooks","useEffectCustom","useCopyRemoveSpace","ignoreClass","copyOperateIgnoreClass","_jsx","ConfigProvider","_extends","componentSize","space","size","children"],"mappings":";kpBAEO,IAAMA,EAAiB,CAC5BC,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,WCNT,IAAMC,EAAmB,CAC9BJ,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,OCET,IAAME,EAAsB,SAAtBA,EAAuBC,EAAiBC,GACnD,IAAIC,EAAgBJ,EACpB,GAAIE,IAAW,KAAM,CACnBE,EAAgBT,CAClB,CACAU,OAAO,wBAA0BC,EAAO,KAAM,GAAIF,EAAeD,EACnE,MAOaI,EAAsB,SAAtBA,IACX,IAAMH,EAAgBC,OAAO,wBAC7B,OAAOD,GAAiB,CAAA,CAC1B,mBCTAI,EAAMC,OAAOC,GACbF,EAAMC,OAAOE,GACbH,EAAMC,OAAOG,GACbJ,EAAMC,OAAOI,GACbL,EAAMC,OAAOK,GACbN,EAAMC,OAAOM,GACbP,EAAMC,OAAOO,GAUb,IAAMC,EAAY,CAChBtB,GAAI,CACFa,MAAO,KACPU,KAAMC,GAER,QAAS,CACPX,MAAO,QACPU,KAAME,QAUGC,EAAwB,SAAxBA,EAAyBC,GACpC,IAAQpB,EAA0BoB,EAA1BpB,OAAWqB,EAAUC,EAAKF,EAAKG,GACvC,IAAMC,EAAYxB,GAAU,QAC5ByB,EAASC,gBAAgB,WACvB3B,EAAoByB,EAAWJ,EAAMnB,qBACrCK,EAAMN,OAAOe,EAAUS,GAAWlB,OAASS,EAAU,SAAST,MAC/D,EAAE,IAEHmB,EAASE,mBAAmB,CAC1BC,YAAaR,EAAMS,yBAGrB,OACEC,EAACC,EAAcC,EAAA,CACbC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACXd,EAAU,CACdrB,OAAQe,EAAUS,GAAWR,MAAQD,EAAU,SAASC,KAAKoB,SAE5DhB,EAAMgB,WAGb"}

package/esm/index.js

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

package/esm/input-search-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as o}from"@flatbiz/utils";import{Input as n}from"antd";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var f=["value"];var l=function l(m){var p=m.value,c=r(m,f);var v=a();var j=a(true);var C=i(0),d=C[0],g=C[1];s.useEffectCustom((function(){if(o(p)&&j.current)return;j.current=false;if(p===v.current&&!o(p))return;g(Date.now())}),[p]);var h=t.useCallbackRef((function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}v.current=r.target.value;m.onChange==null||m.onChange(r)}));var b=t.useCallbackRef((function(r){h(r)}));return u(n.Search,e({},c,{key:d,onCompositionEnd:b,onChange:h,defaultValue:p}))};export{l as InputSearchWrapper};
+import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as o}from"@flatbiz/utils";import{Input as n}from"antd";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var f=["value"];var l=function l(m){var p=m.value,c=r(m,f);var v=a();var j=a(true);var C=i(0),d=C[0],g=C[1];s.useEffectCustom(function(){if(o(p)&&j.current)return;j.current=false;if(p===v.current&&!o(p))return;g(Date.now())},[p]);var h=t.useCallbackRef(function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}v.current=r.target.value;m.onChange==null||m.onChange(r)});var b=t.useCallbackRef(function(r){h(r)});return u(n.Search,e({},c,{key:d,onCompositionEnd:b,onChange:h,defaultValue:p}))};export{l as InputSearchWrapper};
 //# sourceMappingURL=index.js.map

package/esm/input-search-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-search-wrapper/input-search-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Input } from 'antd';\nimport { SearchProps } from 'antd/lib/input';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputSearchWrapperProps = Omit<SearchProps, 'defaultValue'>;\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n *\n * ```\n */\nexport const InputSearchWrapper = (props: InputSearchWrapperProps) => {\n  const { value, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [defaultSearchInputKey, setDefaultSearchInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    setDefaultSearchInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useCallbackRef((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  });\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input.Search\n      {...otherProps}\n      key={defaultSearchInputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputSearchWrapper","props","value","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","defaultSearchInputKey","setDefaultSearchInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useCallbackRef","event","nativeEvent","target","onCompositionEnd","_createElement","Input","Search","_extends","key","defaultValue"],"mappings":";kbAoBaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAQC,EAAyBD,EAAzBC,MAAUC,EAAUC,EAAKH,EAAKI,GACtC,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAA0DC,EAAS,GAA5DC,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEtDI,EAASC,iBAAgB,WACvB,GAAIC,EAAkBb,IAAUM,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAId,IAAUI,EAAcU,UAAYD,EAAkBb,GAAQ,OAClEU,EAAyBK,KAAKC,MAChC,GAAG,CAAChB,IAEJ,IAAMiB,EAAWC,EAAMC,gBAAe,SAACC,GACrC,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOtB,MACrCD,EAAMkB,UAANlB,MAAAA,EAAMkB,SAAWG,EACnB,IAEA,IAAMG,EAAmBL,EAAMC,gBAAe,SAACC,GAC7CH,EAASG,EACX,IAEA,OACEI,EAACC,EAAMC,OAAMC,KACP1B,EAAU,CACd2B,IAAKnB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVY,aAAc7B,IAGpB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-search-wrapper/input-search-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Input } from 'antd';\nimport { SearchProps } from 'antd/lib/input';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputSearchWrapperProps = Omit<SearchProps, 'defaultValue'>;\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n *\n * ```\n */\nexport const InputSearchWrapper = (props: InputSearchWrapperProps) => {\n  const { value, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [defaultSearchInputKey, setDefaultSearchInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    setDefaultSearchInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useCallbackRef((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  });\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input.Search\n      {...otherProps}\n      key={defaultSearchInputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputSearchWrapper","props","value","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","defaultSearchInputKey","setDefaultSearchInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useCallbackRef","event","nativeEvent","target","onCompositionEnd","_createElement","Input","Search","_extends","key","defaultValue"],"mappings":";kbAoBaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAQC,EAAyBD,EAAzBC,MAAUC,EAAUC,EAAKH,EAAKI,GACtC,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAA0DC,EAAS,GAA5DC,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEtDI,EAASC,gBAAgB,WACvB,GAAIC,EAAkBb,IAAUM,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAId,IAAUI,EAAcU,UAAYD,EAAkBb,GAAQ,OAClEU,EAAyBK,KAAKC,MAChC,EAAG,CAAChB,IAEJ,IAAMiB,EAAWC,EAAMC,eAAe,SAACC,GACrC,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOtB,MACrCD,EAAMkB,UAANlB,MAAAA,EAAMkB,SAAWG,EACnB,GAEA,IAAMG,EAAmBL,EAAMC,eAAe,SAACC,GAC7CH,EAASG,EACX,GAEA,OACEI,EAACC,EAAMC,OAAMC,KACP1B,EAAU,CACd2B,IAAKnB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVY,aAAc7B,IAGpB"}

package/esm/input-text-area-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as t}from"@wove/react/cjs/hooks";import{Input as o}from"antd";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var l=["value","debounceDuration"];var f=function f(m){var c=m.value,p=m.debounceDuration,v=r(m,l);var d=a();var b=a(true);var j=i(0),C=j[0],g=j[1];s.useEffectCustom((function(){if(n(c)&&b.current)return;b.current=false;if(c===d.current&&!n(c))return;g(Date.now())}),[c]);var h=t.useDebounceCallback((function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}d.current=r.target.value;m.onChange==null||m.onChange(r)}),p||0);var k=t.useCallbackRef((function(r){h(r)}));return u(o.TextArea,e({},v,{key:C,onCompositionEnd:k,onChange:h,defaultValue:c}))};export{f as InputTextAreaWrapper};
+import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as t}from"@wove/react/cjs/hooks";import{Input as o}from"antd";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var l=["value","debounceDuration"];var f=function f(m){var c=m.value,p=m.debounceDuration,v=r(m,l);var d=a();var b=a(true);var j=i(0),C=j[0],g=j[1];s.useEffectCustom(function(){if(n(c)&&b.current)return;b.current=false;if(c===d.current&&!n(c))return;g(Date.now())},[c]);var h=t.useDebounceCallback(function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}d.current=r.target.value;m.onChange==null||m.onChange(r)},p||0);var k=t.useCallbackRef(function(r){h(r)});return u(o.TextArea,e({},v,{key:C,onCompositionEnd:k,onChange:h,defaultValue:c}))};export{f as InputTextAreaWrapper};
 //# sourceMappingURL=index.js.map

package/esm/input-text-area-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-text-area-wrapper/input-text-area-wrapper.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport { TextAreaProps } from 'antd/lib/input';\n\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputTextAreaWrapperProps = Omit<TextAreaProps, 'defaultValue'> & {\n  // 防抖触发时间，单位毫秒 默认值：0\n  debounceDuration?: number;\n};\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n *\n * ```\n */\nexport const InputTextAreaWrapper = (props: InputTextAreaWrapperProps) => {\n  const { value, debounceDuration, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [inputKey, seInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    seInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useDebounceCallback((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  }, debounceDuration || 0);\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input.TextArea\n      {...otherProps}\n      key={inputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputTextAreaWrapper","props","value","debounceDuration","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","inputKey","seInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useDebounceCallback","event","nativeEvent","target","onCompositionEnd","useCallbackRef","_createElement","Input","TextArea","_extends","key","defaultValue"],"mappings":";qcAwBaA,EAAuB,SAAvBA,EAAwBC,GACnC,IAAQC,EAA2CD,EAA3CC,MAAOC,EAAoCF,EAApCE,iBAAqBC,EAAUC,EAAKJ,EAAKK,GACxD,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAA+BC,EAAS,GAAjCC,EAAQF,EAAA,GAAEG,EAAUH,EAAA,GAE3BI,EAASC,iBAAgB,WACvB,GAAIC,EAAkBd,IAAUO,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAIf,IAAUK,EAAcU,UAAYD,EAAkBd,GAAQ,OAClEW,EAAWK,KAAKC,MAClB,GAAG,CAACjB,IAEJ,IAAMkB,EAAWC,EAAMC,qBAAoB,SAACC,GAC1C,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOvB,MACrCD,EAAMmB,UAANnB,MAAAA,EAAMmB,SAAWG,EACnB,GAAGpB,GAAoB,GAEvB,IAAMuB,EAAmBL,EAAMM,gBAAe,SAACJ,GAC7CH,EAASG,EACX,IAEA,OACEK,EAACC,EAAMC,SAAQC,KACT3B,EAAU,CACd4B,IAAKpB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVa,aAAc/B,IAGpB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-text-area-wrapper/input-text-area-wrapper.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport { TextAreaProps } from 'antd/lib/input';\n\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputTextAreaWrapperProps = Omit<TextAreaProps, 'defaultValue'> & {\n  // 防抖触发时间，单位毫秒 默认值：0\n  debounceDuration?: number;\n};\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n *\n * ```\n */\nexport const InputTextAreaWrapper = (props: InputTextAreaWrapperProps) => {\n  const { value, debounceDuration, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [inputKey, seInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    seInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useDebounceCallback((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  }, debounceDuration || 0);\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input.TextArea\n      {...otherProps}\n      key={inputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputTextAreaWrapper","props","value","debounceDuration","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","inputKey","seInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useDebounceCallback","event","nativeEvent","target","onCompositionEnd","useCallbackRef","_createElement","Input","TextArea","_extends","key","defaultValue"],"mappings":";qcAwBaA,EAAuB,SAAvBA,EAAwBC,GACnC,IAAQC,EAA2CD,EAA3CC,MAAOC,EAAoCF,EAApCE,iBAAqBC,EAAUC,EAAKJ,EAAKK,GACxD,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAA+BC,EAAS,GAAjCC,EAAQF,EAAA,GAAEG,EAAUH,EAAA,GAE3BI,EAASC,gBAAgB,WACvB,GAAIC,EAAkBd,IAAUO,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAIf,IAAUK,EAAcU,UAAYD,EAAkBd,GAAQ,OAClEW,EAAWK,KAAKC,MAClB,EAAG,CAACjB,IAEJ,IAAMkB,EAAWC,EAAMC,oBAAoB,SAACC,GAC1C,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOvB,MACrCD,EAAMmB,UAANnB,MAAAA,EAAMmB,SAAWG,EACnB,EAAGpB,GAAoB,GAEvB,IAAMuB,EAAmBL,EAAMM,eAAe,SAACJ,GAC7CH,EAASG,EACX,GAEA,OACEK,EAACC,EAAMC,SAAQC,KACT3B,EAAU,CACd4B,IAAKpB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVa,aAAc/B,IAGpB"}

package/esm/input-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as o}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as t}from"@flatbiz/utils";import{Input as n}from"antd";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var l=["value","debounceDuration"];var f=function f(m){var c=m.value,p=m.debounceDuration,v=r(m,l);var d=a();var b=a(true);var j=i(0),C=j[0],g=j[1];s.useEffectCustom((function(){if(t(c)&&b.current)return;b.current=false;if(c===d.current&&!t(c))return;g(Date.now())}),[c]);var h=o.useDebounceCallback((function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}d.current=r.target.value;m.onChange==null||m.onChange(r)}),p||0);var k=o.useCallbackRef((function(r){h(r)}));return u(n,e({},v,{key:C,onCompositionEnd:k,onChange:h,defaultValue:c}))};export{f as InputWrapper};
+import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as o}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as t}from"@flatbiz/utils";import{Input as n}from"antd";import{useRef as a,useState as i,createElement as u}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var l=["value","debounceDuration"];var f=function f(m){var c=m.value,p=m.debounceDuration,v=r(m,l);var d=a();var b=a(true);var j=i(0),C=j[0],g=j[1];s.useEffectCustom(function(){if(t(c)&&b.current)return;b.current=false;if(c===d.current&&!t(c))return;g(Date.now())},[c]);var h=o.useDebounceCallback(function(r){if(r.nativeEvent["inputType"]==="insertCompositionText"){return}d.current=r.target.value;m.onChange==null||m.onChange(r)},p||0);var k=o.useCallbackRef(function(r){h(r)});return u(n,e({},v,{key:C,onCompositionEnd:k,onChange:h,defaultValue:c}))};export{f as InputWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Input, InputProps } from 'antd';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputWrapperProps = Omit<InputProps, 'defaultValue'> & {\n  // 防抖触发时间，单位毫秒 默认值：0\n  debounceDuration?: number;\n};\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n * 6. 可设置防抖执行时间\n * ```\n */\nexport const InputWrapper = (props: InputWrapperProps) => {\n  const { value, debounceDuration, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [inputKey, setInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    setInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useDebounceCallback((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  }, debounceDuration || 0);\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input\n      {...otherProps}\n      key={inputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputWrapper","props","value","debounceDuration","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","inputKey","setInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useDebounceCallback","event","nativeEvent","target","onCompositionEnd","useCallbackRef","_createElement","Input","_extends","key","defaultValue"],"mappings":";qcAsBaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAQC,EAA2CD,EAA3CC,MAAOC,EAAoCF,EAApCE,iBAAqBC,EAAUC,EAAKJ,EAAKK,GACxD,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAAgCC,EAAS,GAAlCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,EAASC,iBAAgB,WACvB,GAAIC,EAAkBd,IAAUO,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAIf,IAAUK,EAAcU,UAAYD,EAAkBd,GAAQ,OAClEW,EAAYK,KAAKC,MACnB,GAAG,CAACjB,IAEJ,IAAMkB,EAAWC,EAAMC,qBAAoB,SAACC,GAC1C,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOvB,MACrCD,EAAMmB,UAANnB,MAAAA,EAAMmB,SAAWG,EACnB,GAAGpB,GAAoB,GAEvB,IAAMuB,EAAmBL,EAAMM,gBAAe,SAACJ,GAC7CH,EAASG,EACX,IAEA,OACEK,EAACC,EAAKC,KACA1B,EAAU,CACd2B,IAAKnB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVY,aAAc9B,IAGpB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Input, InputProps } from 'antd';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type InputWrapperProps = Omit<InputProps, 'defaultValue'> & {\n  // 防抖触发时间，单位毫秒 默认值：0\n  debounceDuration?: number;\n};\n\n/**\n * ```\n * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法\n * 2. 此处封装可以解决此问题，在输入拼音未完成时不会触达onChange，选择拼音结果触发onChange\n *\n * 3. 设置value时，内部可将受控操作转为非受控操作（具体实现逻辑，自行查看源码）\n * 4. 适用场景：需要通过onChange事件处理业务逻辑，例如：在onChange中调用接口数据\n * 5. defaultValue不可使用\n * 6. 可设置防抖执行时间\n * ```\n */\nexport const InputWrapper = (props: InputWrapperProps) => {\n  const { value, debounceDuration, ...otherProps } = props;\n  const inputValueRef = useRef<string>();\n  const isFirstUseValueRef = useRef(true);\n  const [inputKey, setInputKey] = useState(0);\n\n  fbaHooks.useEffectCustom(() => {\n    if (isUndefinedOrNull(value) && isFirstUseValueRef.current) return;\n    isFirstUseValueRef.current = false;\n    if (value === inputValueRef.current && !isUndefinedOrNull(value)) return;\n    setInputKey(Date.now());\n  }, [value]);\n\n  const onChange = hooks.useDebounceCallback((event) => {\n    if (event.nativeEvent['inputType'] === 'insertCompositionText') {\n      return;\n    }\n    inputValueRef.current = event.target.value;\n    props.onChange?.(event);\n  }, debounceDuration || 0);\n\n  const onCompositionEnd = hooks.useCallbackRef((event) => {\n    onChange(event);\n  });\n\n  return (\n    <Input\n      {...otherProps}\n      key={inputKey}\n      onCompositionEnd={onCompositionEnd}\n      onChange={onChange}\n      defaultValue={value as TAny}\n    />\n  );\n};\n"],"names":["InputWrapper","props","value","debounceDuration","otherProps","_objectWithoutPropertiesLoose","_excluded","inputValueRef","useRef","isFirstUseValueRef","_useState","useState","inputKey","setInputKey","fbaHooks","useEffectCustom","isUndefinedOrNull","current","Date","now","onChange","_hooks","useDebounceCallback","event","nativeEvent","target","onCompositionEnd","useCallbackRef","_createElement","Input","_extends","key","defaultValue"],"mappings":";qcAsBaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAQC,EAA2CD,EAA3CC,MAAOC,EAAoCF,EAApCE,iBAAqBC,EAAUC,EAAKJ,EAAKK,GACxD,IAAMC,EAAgBC,IACtB,IAAMC,EAAqBD,EAAO,MAClC,IAAAE,EAAgCC,EAAS,GAAlCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,EAASC,gBAAgB,WACvB,GAAIC,EAAkBd,IAAUO,EAAmBQ,QAAS,OAC5DR,EAAmBQ,QAAU,MAC7B,GAAIf,IAAUK,EAAcU,UAAYD,EAAkBd,GAAQ,OAClEW,EAAYK,KAAKC,MACnB,EAAG,CAACjB,IAEJ,IAAMkB,EAAWC,EAAMC,oBAAoB,SAACC,GAC1C,GAAIA,EAAMC,YAAY,eAAiB,wBAAyB,CAC9D,MACF,CACAjB,EAAcU,QAAUM,EAAME,OAAOvB,MACrCD,EAAMmB,UAANnB,MAAAA,EAAMmB,SAAWG,EACnB,EAAGpB,GAAoB,GAEvB,IAAMuB,EAAmBL,EAAMM,eAAe,SAACJ,GAC7CH,EAASG,EACX,GAEA,OACEK,EAACC,EAAKC,KACA1B,EAAU,CACd2B,IAAKnB,EACLc,iBAAkBA,EAClBN,SAAUA,EACVY,aAAc9B,IAGpB"}

package/esm/json-editor/index.js

@@ -8,5 +8,5 @@ import './../error-boundary-wrapper/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as i}from"@wove/react/cjs/hooks";import{isObject as o}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as r,jsonStringToJsonObject as n}from"@flatbiz/utils";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-json";import{useState as a,useRef as s,useMemo as l}from"react";import m from"react-ace";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as c}from"../error-boundary-wrapper/index.js";import{FlexLayout as d}from"../flex-layout/index.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@dimjs/utils/cjs/class-names";import"antd";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";var j=["value","onChange","theme","height","showVerifyBtn","autoCompleterList"];var h=function h(g){var v=g.value,y=g.onChange,b=g.theme,w=g.height,x=g.showVerifyBtn,C=g.autoCompleterList,k=e(g,j);var L=r(w)?"100%":w;var N=a(Date.now()),z=N[0],B=N[1];var O=a(),S=O[0],_=O[1];var R=s();var V=l((function(){if(o(v)){return JSON.stringify(v,null,2)}return v}),[v]);var A=i.useCallbackRef((function(e){if(S){if(!e){_(undefined)}else{try{var t=n(e);_(t?undefined:undefined)}catch(e){}}}y==null||y(e)}));var D=i.useCallbackRef((function(e,t,i,o,r){r(null,C==null?void 0:C.map((function(e){return{name:e.name,value:e.name,meta:e.desc}})))}));var P=function e(t){R.current=t;var i=t.completers.findIndex((function(e){return e.id==="custom"}));if(i>=0){t.completers[i]={getCompletions:D,id:"custom"}}else{t.completers.push({getCompletions:D,id:"custom"})}};var F=function e(t){try{var i=n(t);y==null||y(i)}catch(e){_('数据解析异常，正确格式：{"name":"张三", "age": 20}')}};return p(d,{fullIndex:0,className:"json-editor",style:{height:L},children:[f("div",{className:"json-editor-ace",children:f(c,{onRenderReset:function e(){y==null||y(undefined);B(Date.now())},children:f(m,t({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,height:"100%",width:"auto"},k,{setOptions:t({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},k.setOptions),theme:b,mode:"json",onLoad:P,onChange:A,onBlur:function e(t,i){var o=i==null?void 0:i.getValue();if(o){F(o)}},value:V}))})}),p("div",{className:"json-editor-erify",children:[x!==false?f(u,{style:{marginTop:10},block:false,onClick:function e(){var t;var i=(t=R.current)==null?void 0:t.getValue();if(!i){y==null||y(i);return}F(i)},children:"验证数据"}):null,S?f("span",{style:{color:"red",marginLeft:10},children:S}):null]})]},z)};export{h as JsonEditor};
+import{a as e,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as i}from"@wove/react/cjs/hooks";import{isObject as o}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as r,jsonStringToJsonObject as n}from"@flatbiz/utils";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-json";import{useState as a,useRef as s,useMemo as l}from"react";import m from"react-ace";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as c}from"../error-boundary-wrapper/index.js";import{FlexLayout as d}from"../flex-layout/index.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@dimjs/utils/cjs/class-names";import"antd";import"../index-853b36e6.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";var j=["value","onChange","theme","height","showVerifyBtn","autoCompleterList"];var h=function h(g){var v=g.value,y=g.onChange,b=g.theme,w=g.height,x=g.showVerifyBtn,C=g.autoCompleterList,k=e(g,j);var L=r(w)?"100%":w;var N=a(Date.now()),z=N[0],B=N[1];var O=a(),S=O[0],_=O[1];var R=s();var V=l(function(){if(o(v)){return JSON.stringify(v,null,2)}return v},[v]);var A=i.useCallbackRef(function(e){if(S){if(!e){_(undefined)}else{try{var t=n(e);_(t?undefined:undefined)}catch(e){}}}y==null||y(e)});var D=i.useCallbackRef(function(e,t,i,o,r){r(null,C==null?void 0:C.map(function(e){return{name:e.name,value:e.name,meta:e.desc}}))});var P=function e(t){R.current=t;var i=t.completers.findIndex(function(e){return e.id==="custom"});if(i>=0){t.completers[i]={getCompletions:D,id:"custom"}}else{t.completers.push({getCompletions:D,id:"custom"})}};var F=function e(t){try{var i=n(t);y==null||y(i)}catch(e){_('数据解析异常，正确格式：{"name":"张三", "age": 20}')}};return p(d,{fullIndex:0,className:"json-editor",style:{height:L},children:[f("div",{className:"json-editor-ace",children:f(c,{onRenderReset:function e(){y==null||y(undefined);B(Date.now())},children:f(m,t({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,height:"100%",width:"auto"},k,{setOptions:t({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},k.setOptions),theme:b,mode:"json",onLoad:P,onChange:A,onBlur:function e(t,i){var o=i==null?void 0:i.getValue();if(o){F(o)}},value:V}))})}),p("div",{className:"json-editor-erify",children:[x!==false?f(u,{style:{marginTop:10},block:false,onClick:function e(){var t;var i=(t=R.current)==null?void 0:t.getValue();if(!i){y==null||y(i);return}F(i)},children:"验证数据"}):null,S?f("span",{style:{color:"red",marginLeft:10},children:S}):null]})]},z)};export{h as JsonEditor};
 //# sourceMappingURL=index.js.map

package/esm/json-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/json-editor/editor.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, jsonStringToJsonObject, TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-json';\nimport { useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\n\nexport type JsonEditorProps = Omit<IAceEditorProps, 'onLoad' | 'mode' | 'value' | 'onChange'> & {\n  /** 编辑器高度，默认值：100%，可输入值例如 300px、100% */\n  height?: string;\n  value?: string | TPlainObject | TPlainObject[];\n  onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;\n  /** 配置输入自动提示关键字 */\n  autoCompleterList?: { name: string; desc?: string }[];\n  /** 是否显示【验证数据】按钮，默认值：true */\n  showVerifyBtn?: boolean;\n  /**\n   * 编辑器主题配置\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n};\n\n/**\n * Json编辑器\n * @deprecated 已过期，请使用 AceEditorJson 组件\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 showVerifyBtn配置是否显示【验证数据】按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const JsonEditor = (props: JsonEditorProps) => {\n  const { value, onChange, theme, height, showVerifyBtn, autoCompleterList, ...otherProps } = props;\n  const heightFt = isUndefinedOrNull(height) ? '100%' : height;\n\n  const [rootNodekey, setRootNodekey] = useState(Date.now());\n  const [errorMsg, setErrorMsg] = useState<string>();\n\n  const editorRef = useRef<TAny>();\n\n  const valueNew = useMemo(() => {\n    if (isObject(value)) {\n      return JSON.stringify(value, null, 2);\n    }\n    return value as string | undefined;\n  }, [value]);\n\n  const handleChange = hooks.useCallbackRef((content: string) => {\n    if (errorMsg) {\n      if (!content) {\n        setErrorMsg(undefined);\n      } else {\n        try {\n          const result = jsonStringToJsonObject(content);\n          setErrorMsg(result ? undefined : undefined);\n        } catch (error: TAny) {\n          // 异常不处理\n        }\n      }\n    }\n    onChange?.(content);\n  });\n\n  const getCompletions = hooks.useCallbackRef((_a, _b, _c, _d, callback) => {\n    callback(\n      null,\n      autoCompleterList?.map((item) => ({\n        name: item.name,\n        value: item.name,\n        // score: 100,\n        meta: item.desc,\n      })),\n    );\n  });\n\n  const onLoad = (editor) => {\n    editorRef.current = editor;\n    /** 向编辑器中添加自动补全列表 */\n    const findIndex = editor.completers.findIndex((item) => item.id === 'custom');\n    if (findIndex >= 0) {\n      editor.completers[findIndex] = { getCompletions, id: 'custom' };\n    } else {\n      editor.completers.push({ getCompletions, id: 'custom' });\n    }\n  };\n\n  const inputValueVerify = (inputValue: string) => {\n    try {\n      const result = jsonStringToJsonObject(inputValue);\n      onChange?.(result);\n    } catch (error: TAny) {\n      setErrorMsg('数据解析异常，正确格式：{\"name\":\"张三\", \"age\": 20}');\n    }\n  };\n\n  return (\n    <FlexLayout fullIndex={0} className=\"json-editor\" key={rootNodekey} style={{ height: heightFt }}>\n      <div className=\"json-editor-ace\">\n        <ErrorBoundaryWrapper\n          onRenderReset={() => {\n            onChange?.(undefined);\n            setRootNodekey(Date.now());\n          }}\n        >\n          <Ace\n            fontSize={14}\n            showPrintMargin={true}\n            showGutter={true}\n            highlightActiveLine={true}\n            height=\"100%\"\n            width=\"auto\"\n            {...otherProps}\n            setOptions={{\n              useWorker: false,\n              enableBasicAutocompletion: false,\n              enableLiveAutocompletion: true,\n              enableSnippets: false,\n              showLineNumbers: true,\n              tabSize: 2,\n              ...otherProps.setOptions,\n            }}\n            theme={theme}\n            mode=\"json\"\n            onLoad={onLoad}\n            onChange={handleChange}\n            onBlur={(_event, editor) => {\n              const value = editor?.getValue();\n              if (value) {\n                inputValueVerify(value);\n              }\n            }}\n            value={valueNew}\n          />\n        </ErrorBoundaryWrapper>\n      </div>\n      <div className=\"json-editor-erify\">\n        {showVerifyBtn !== false ? (\n          <ButtonWrapper\n            style={{ marginTop: 10 }}\n            block={false}\n            onClick={() => {\n              const currentValue = editorRef.current?.getValue();\n              if (!currentValue) {\n                onChange?.(currentValue);\n                return;\n              }\n              inputValueVerify(currentValue);\n            }}\n          >\n            验证数据\n          </ButtonWrapper>\n        ) : null}\n        {errorMsg ? <span style={{ color: 'red', marginLeft: 10 }}>{errorMsg}</span> : null}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["JsonEditor","props","value","onChange","theme","height","showVerifyBtn","autoCompleterList","otherProps","_objectWithoutPropertiesLoose","_excluded","heightFt","isUndefinedOrNull","_useState","useState","Date","now","rootNodekey","setRootNodekey","_useState2","errorMsg","setErrorMsg","editorRef","useRef","valueNew","useMemo","_isObject","JSON","stringify","handleChange","_hooks","useCallbackRef","content","undefined","result","jsonStringToJsonObject","error","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoad","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","_jsxs","FlexLayout","fullIndex","className","style","children","_jsx","ErrorBoundaryWrapper","onRenderReset","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","getValue","ButtonWrapper","marginTop","block","onClick","_editorRef$current","currentValue","color","marginLeft"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/json-editor/editor.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, jsonStringToJsonObject, TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-json';\nimport { useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\n\nexport type JsonEditorProps = Omit<IAceEditorProps, 'onLoad' | 'mode' | 'value' | 'onChange'> & {\n  /** 编辑器高度，默认值：100%，可输入值例如 300px、100% */\n  height?: string;\n  value?: string | TPlainObject | TPlainObject[];\n  onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;\n  /** 配置输入自动提示关键字 */\n  autoCompleterList?: { name: string; desc?: string }[];\n  /** 是否显示【验证数据】按钮，默认值：true */\n  showVerifyBtn?: boolean;\n  /**\n   * 编辑器主题配置\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n};\n\n/**\n * Json编辑器\n * @deprecated 已过期，请使用 AceEditorJson 组件\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 showVerifyBtn配置是否显示【验证数据】按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const JsonEditor = (props: JsonEditorProps) => {\n  const { value, onChange, theme, height, showVerifyBtn, autoCompleterList, ...otherProps } = props;\n  const heightFt = isUndefinedOrNull(height) ? '100%' : height;\n\n  const [rootNodekey, setRootNodekey] = useState(Date.now());\n  const [errorMsg, setErrorMsg] = useState<string>();\n\n  const editorRef = useRef<TAny>();\n\n  const valueNew = useMemo(() => {\n    if (isObject(value)) {\n      return JSON.stringify(value, null, 2);\n    }\n    return value as string | undefined;\n  }, [value]);\n\n  const handleChange = hooks.useCallbackRef((content: string) => {\n    if (errorMsg) {\n      if (!content) {\n        setErrorMsg(undefined);\n      } else {\n        try {\n          const result = jsonStringToJsonObject(content);\n          setErrorMsg(result ? undefined : undefined);\n        } catch (error: TAny) {\n          // 异常不处理\n        }\n      }\n    }\n    onChange?.(content);\n  });\n\n  const getCompletions = hooks.useCallbackRef((_a, _b, _c, _d, callback) => {\n    callback(\n      null,\n      autoCompleterList?.map((item) => ({\n        name: item.name,\n        value: item.name,\n        // score: 100,\n        meta: item.desc,\n      })),\n    );\n  });\n\n  const onLoad = (editor) => {\n    editorRef.current = editor;\n    /** 向编辑器中添加自动补全列表 */\n    const findIndex = editor.completers.findIndex((item) => item.id === 'custom');\n    if (findIndex >= 0) {\n      editor.completers[findIndex] = { getCompletions, id: 'custom' };\n    } else {\n      editor.completers.push({ getCompletions, id: 'custom' });\n    }\n  };\n\n  const inputValueVerify = (inputValue: string) => {\n    try {\n      const result = jsonStringToJsonObject(inputValue);\n      onChange?.(result);\n    } catch (error: TAny) {\n      setErrorMsg('数据解析异常，正确格式：{\"name\":\"张三\", \"age\": 20}');\n    }\n  };\n\n  return (\n    <FlexLayout fullIndex={0} className=\"json-editor\" key={rootNodekey} style={{ height: heightFt }}>\n      <div className=\"json-editor-ace\">\n        <ErrorBoundaryWrapper\n          onRenderReset={() => {\n            onChange?.(undefined);\n            setRootNodekey(Date.now());\n          }}\n        >\n          <Ace\n            fontSize={14}\n            showPrintMargin={true}\n            showGutter={true}\n            highlightActiveLine={true}\n            height=\"100%\"\n            width=\"auto\"\n            {...otherProps}\n            setOptions={{\n              useWorker: false,\n              enableBasicAutocompletion: false,\n              enableLiveAutocompletion: true,\n              enableSnippets: false,\n              showLineNumbers: true,\n              tabSize: 2,\n              ...otherProps.setOptions,\n            }}\n            theme={theme}\n            mode=\"json\"\n            onLoad={onLoad}\n            onChange={handleChange}\n            onBlur={(_event, editor) => {\n              const value = editor?.getValue();\n              if (value) {\n                inputValueVerify(value);\n              }\n            }}\n            value={valueNew}\n          />\n        </ErrorBoundaryWrapper>\n      </div>\n      <div className=\"json-editor-erify\">\n        {showVerifyBtn !== false ? (\n          <ButtonWrapper\n            style={{ marginTop: 10 }}\n            block={false}\n            onClick={() => {\n              const currentValue = editorRef.current?.getValue();\n              if (!currentValue) {\n                onChange?.(currentValue);\n                return;\n              }\n              inputValueVerify(currentValue);\n            }}\n          >\n            验证数据\n          </ButtonWrapper>\n        ) : null}\n        {errorMsg ? <span style={{ color: 'red', marginLeft: 10 }}>{errorMsg}</span> : null}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["JsonEditor","props","value","onChange","theme","height","showVerifyBtn","autoCompleterList","otherProps","_objectWithoutPropertiesLoose","_excluded","heightFt","isUndefinedOrNull","_useState","useState","Date","now","rootNodekey","setRootNodekey","_useState2","errorMsg","setErrorMsg","editorRef","useRef","valueNew","useMemo","_isObject","JSON","stringify","handleChange","_hooks","useCallbackRef","content","undefined","result","jsonStringToJsonObject","error","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoad","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","_jsxs","FlexLayout","fullIndex","className","style","children","_jsx","ErrorBoundaryWrapper","onRenderReset","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","getValue","ButtonWrapper","marginTop","block","onClick","_editorRef$current","currentValue","color","marginLeft"],"mappings":"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"}

package/esm/label-value-layout/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as e}from"@dimjs/utils/cjs/class-names";import{getUuid as a}from"@flatbiz/utils";import{Descriptions as l}from"antd";import{useMemo as o}from"react";import{jsx as t}from"react/jsx-runtime";var n=function n(i){var d=i.labelWidth==="auto"?"auto":(i.labelWidth||120)+"px";var u=e("v-label-value-layout",i.className,{"lvl-bordered-padding":i.borderedRowPadding});var m=r({"--v-label-value-layout-Width":d,"--v-label-value-layout-row-padding":i.borderedRowPadding},i.style);var s=o((function(){var e=i.options.filter((function(r){return!r.hidden}));return e.map((function(e){return r({key:a()},e)}))}),[i.options]);return t(l,{column:i.column||1,bordered:i.bordered,size:"small",className:u,style:m,children:s.map((function(r){return t(l.Item,{label:r.label,span:r.span,children:r.value},r.key)}))})};export{n as LabelValueLayout};
+import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as e}from"@dimjs/utils/cjs/class-names";import{getUuid as a}from"@flatbiz/utils";import{Descriptions as l}from"antd";import{useMemo as o}from"react";import{jsx as t}from"react/jsx-runtime";var n=function n(i){var d=i.labelWidth==="auto"?"auto":(i.labelWidth||120)+"px";var u=e("v-label-value-layout",i.className,{"lvl-bordered-padding":i.borderedRowPadding});var m=r({"--v-label-value-layout-Width":d,"--v-label-value-layout-row-padding":i.borderedRowPadding},i.style);var s=o(function(){var e=i.options.filter(function(r){return!r.hidden});return e.map(function(e){return r({key:a()},e)})},[i.options]);return t(l,{column:i.column||1,bordered:i.bordered,size:"small",className:u,style:m,children:s.map(function(r){return t(l.Item,{label:r.label,span:r.span,children:r.value},r.key)})})};export{n as LabelValueLayout};
 //# sourceMappingURL=index.js.map