@flatbiz/antd 4.5.22 → 4.5.23

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-json/editor.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, jsonStringToJsonObject, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, Fragment, ReactElement, useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\n\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\n\nimport { classNames } from '@dimjs/utils';\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-json';\nimport 'ace-builds/src-noconflict/snippets/json';\n\nexport type AceEditorJsonProps = Omit<IAceEditorProps, 'mode' | 'value' | 'onChange' | 'theme'> & {\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  /** 是否隐藏【验证数据】按钮 */\n  hiddenVerifyBtn?: boolean;\n  /** 是否隐藏内部验证异常文案 */\n  hiddenErrorMsg?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\n/**\n * Json编辑器\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 hiddenVerifyBtn 配置隐藏底部操作按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const AceEditorJson = (props: AceEditorJsonProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    hiddenVerifyBtn,\n    autoCompleterList,\n    onLoad,\n    hiddenErrorMsg,\n    ...otherProps\n  } = 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      setErrorMsg(undefined);\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 onLoadHandle = (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    onLoad?.(editor);\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  const footer = (\n    <Fragment>\n      <ButtonWrapper\n        hidden={hiddenVerifyBtn === true}\n        type=\"primary\"\n        block={false}\n        ghost\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      {!hiddenErrorMsg && errorMsg ? <span style={{ color: 'red', marginLeft: 10 }}>{errorMsg}</span> : null}\n    </Fragment>\n  );\n\n  return (\n    <FlexLayout\n      fullIndex={0}\n      className={classNames('ace-editor-json', props.className)}\n      style={{ height: heightFt, ...props.style }}\n      key={rootNodekey}\n    >\n      <div className=\"aej-content\">\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            placeholder=\"请输入\"\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            mode=\"json\"\n            onLoad={onLoadHandle}\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=\"ace-editor-json-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : <Fragment>{footer}</Fragment>}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["AceEditorJson","props","value","onChange","height","hiddenVerifyBtn","autoCompleterList","onLoad","hiddenErrorMsg","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","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","result","jsonStringToJsonObject","error","footer","_jsxs","Fragment","children","_jsx","ButtonWrapper","hidden","type","block","ghost","onClick","_editorRef$current","currentValue","getValue","style","color","marginLeft","FlexLayout","fullIndex","className","_classNames","_extends","ErrorBoundaryWrapper","onRenderReset","Ace","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","placeholder","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","marginTop","footerStyle","footerExtraRender"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-json/editor.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, jsonStringToJsonObject, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, Fragment, ReactElement, useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\n\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\n\nimport { classNames } from '@dimjs/utils';\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-json';\nimport 'ace-builds/src-noconflict/snippets/json';\n\nexport type AceEditorJsonProps = Omit<IAceEditorProps, 'mode' | 'value' | 'onChange' | 'theme'> & {\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  /** 是否隐藏【验证数据】按钮 */\n  hiddenVerifyBtn?: boolean;\n  /** 是否隐藏内部验证异常文案 */\n  hiddenErrorMsg?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\n/**\n * Json编辑器\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 hiddenVerifyBtn 配置隐藏底部操作按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const AceEditorJson = (props: AceEditorJsonProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    hiddenVerifyBtn,\n    autoCompleterList,\n    onLoad,\n    hiddenErrorMsg,\n    ...otherProps\n  } = 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      setErrorMsg(undefined);\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 onLoadHandle = (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    onLoad?.(editor);\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  const footer = (\n    <Fragment>\n      <ButtonWrapper\n        hidden={hiddenVerifyBtn === true}\n        type=\"primary\"\n        block={false}\n        ghost\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      {!hiddenErrorMsg && errorMsg ? <span style={{ color: 'red', marginLeft: 10 }}>{errorMsg}</span> : null}\n    </Fragment>\n  );\n\n  return (\n    <FlexLayout\n      fullIndex={0}\n      className={classNames('ace-editor-json', props.className)}\n      style={{ height: heightFt, ...props.style }}\n      key={rootNodekey}\n    >\n      <div className=\"aej-content\">\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            placeholder=\"请输入\"\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            mode=\"json\"\n            onLoad={onLoadHandle}\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=\"ace-editor-json-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : <Fragment>{footer}</Fragment>}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["AceEditorJson","props","value","onChange","height","hiddenVerifyBtn","autoCompleterList","onLoad","hiddenErrorMsg","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","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","result","jsonStringToJsonObject","error","footer","_jsxs","Fragment","children","_jsx","ButtonWrapper","hidden","type","block","ghost","onClick","_editorRef$current","currentValue","getValue","style","color","marginLeft","FlexLayout","fullIndex","className","_classNames","_extends","ErrorBoundaryWrapper","onRenderReset","Ace","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","placeholder","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","marginTop","footerStyle","footerExtraRender"],"mappings":"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"}

package/esm/ace-editor-mysql/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 o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{useState as i,useRef as a}from"react";import n from"react-ace";import{format as s}from"sql-formatter";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import{ButtonWrapper as l}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as m}from"../error-boundary-wrapper/index.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@flatbiz/utils";import"antd";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"../flex-layout/index.js";var c=["value","hiddenFormatterBtn","autoCompleterList","onChange","onLoad"];var d=function e(o){return s(o,{language:"sql"}).replace(/\$ /g,"$").replace(/\{ /g,"{").replace(/ \}/g,"}")};var f=function s(f){var g=i(Date.now()),v=g[0],j=g[1];var h=f.value,y=f.hiddenFormatterBtn,b=f.autoCompleterList,x=f.onChange,w=f.onLoad,C=e(f,c);var L=a();var k=r.useCallbackRef((function(e){x==null?void 0:x(e)}));var q=r.useCallbackRef((function(e,o,t,r,i){i(null,b==null?void 0:b.map((function(e){return{name:e.name,value:e.name,meta:e.desc}})))}));var R=function e(o){L.current=o;var t=o.completers.findIndex((function(e){return e.id==="custom"}));if(t>=0){o.completers[t]={getCompletions:q,id:"custom"}}else{o.completers.push({getCompletions:q,id:"custom"})}w==null?void 0:w(o)};var S=u(l,{hidden:y===true,type:"primary",ghost:true,onClick:function e(){var o;var t=(o=L.current)==null?void 0:o.getValue();x==null?void 0:x(d(t||""))},children:"美化"});return p("div",{className:t("ace-editor-mysql",f.className),style:f.style,children:[u(m,{onRenderReset:function e(){x==null?void 0:x(undefined);j(Date.now())},children:u(n,o({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,placeholder:"输入SQL",height:"250px",width:"auto"},C,{setOptions:o({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},C.setOptions),mode:"mysql",onLoad:R,onChange:k,value:h}))}),u("div",{className:"ace-editor-mysql-footer",style:o({marginTop:10},f.footerStyle),children:f.footerExtraRender?f.footerExtraRender(S):S})]},v)};export{f as AceEditorMysql};
+import{a as e,_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{useState as i,useRef as a}from"react";import n from"react-ace";import{format as s}from"sql-formatter";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import{ButtonWrapper as l}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as m}from"../error-boundary-wrapper/index.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@flatbiz/utils";import"antd";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";import"../flex-layout/index.js";var d=["value","hiddenFormatterBtn","autoCompleterList","onChange","onLoad"];var c=function e(o){return s(o,{language:"sql"}).replace(/\$ /g,"$").replace(/\{ /g,"{").replace(/ \}/g,"}")};var f=function s(f){var g=i(Date.now()),v=g[0],j=g[1];var h=f.value,y=f.hiddenFormatterBtn,b=f.autoCompleterList,x=f.onChange,w=f.onLoad,C=e(f,d);var L=a();var k=r.useCallbackRef((function(e){x==null?void 0:x(e)}));var q=r.useCallbackRef((function(e,o,t,r,i){i(null,b==null?void 0:b.map((function(e){return{name:e.name,value:e.name,meta:e.desc}})))}));var R=function e(o){L.current=o;var t=o.completers.findIndex((function(e){return e.id==="custom"}));if(t>=0){o.completers[t]={getCompletions:q,id:"custom"}}else{o.completers.push({getCompletions:q,id:"custom"})}w==null?void 0:w(o)};var S=u(l,{hidden:y===true,type:"primary",ghost:true,onClick:function e(){var o;var t=(o=L.current)==null?void 0:o.getValue();x==null?void 0:x(c(t||""))},children:"美化"});return p("div",{className:t("ace-editor-mysql",f.className),style:f.style,children:[u(m,{onRenderReset:function e(){x==null?void 0:x(undefined);j(Date.now())},children:u(n,o({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,placeholder:"输入SQL",height:"250px",width:"auto"},C,{setOptions:o({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},C.setOptions),mode:"mysql",onLoad:R,onChange:k,value:h}))}),u("div",{className:"ace-editor-mysql-footer",style:o({marginTop:10},f.footerStyle),children:f.footerExtraRender?f.footerExtraRender(S):S})]},v)};export{f as AceEditorMysql};
 //# sourceMappingURL=index.js.map

package/esm/ace-editor-mysql/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-mysql/editor.tsx"],"sourcesContent":["import { type TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement, useRef, useState } from 'react';\nimport type { IAceEditorProps } from 'react-ace';\nimport Ace from 'react-ace';\nimport { format } from 'sql-formatter';\n\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-mysql';\nimport 'ace-builds/src-noconflict/snippets/mysql';\n\nimport { classNames } from '@dimjs/utils';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\n\nconst formatSql = (sqlContent: string) => {\n  return format(sqlContent, { language: 'sql' })\n    .replace(/\\$ /g, '$')\n    .replace(/\\{ /g, '{')\n    .replace(/ \\}/g, '}');\n};\n\nexport type AceEditorMysqlProps = Omit<IAceEditorProps, 'theme' | 'mode' | 'value' | 'onChange'> & {\n  /** 编辑器高度，默认值：100%，可输入值例如 300px、100% */\n  height?: string;\n  value?: string;\n  onChange?: (value?: string) => void;\n  /** 配置输入自动提示关键字 */\n  autoCompleterList?: { name: string; desc?: string }[];\n  /** 隐藏【美化】按钮 */\n  hiddenFormatterBtn?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\nexport const AceEditorMysql = (props: AceEditorMysqlProps) => {\n  const [rootNodekey, setRootNodekey] = useState(Date.now());\n  const { value, hiddenFormatterBtn, autoCompleterList, onChange, onLoad, ...otherProps } = props;\n\n  const editorRef = useRef<TAny>();\n\n  const handleChange = hooks.useCallbackRef((content: string) => {\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 onLoadHandle = (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    onLoad?.(editor);\n  };\n\n  const footer = (\n    <ButtonWrapper\n      hidden={hiddenFormatterBtn === true}\n      type=\"primary\"\n      ghost\n      onClick={() => {\n        const currentValue = editorRef.current?.getValue();\n        onChange?.(formatSql(currentValue || ''));\n      }}\n    >\n      美化\n    </ButtonWrapper>\n  );\n\n  return (\n    <div key={rootNodekey} className={classNames('ace-editor-mysql', props.className)} style={props.style}>\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          placeholder=\"输入SQL\"\n          height=\"250px\"\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          mode=\"mysql\"\n          onLoad={onLoadHandle}\n          onChange={handleChange}\n          value={value}\n        />\n      </ErrorBoundaryWrapper>\n      <div className=\"ace-editor-mysql-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : footer}\n      </div>\n    </div>\n  );\n};\n"],"names":["formatSql","sqlContent","format","language","replace","AceEditorMysql","props","_useState","useState","Date","now","rootNodekey","setRootNodekey","value","hiddenFormatterBtn","autoCompleterList","onChange","onLoad","otherProps","_objectWithoutPropertiesLoose","_excluded","editorRef","useRef","handleChange","_hooks","useCallbackRef","content","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","footer","_jsx","ButtonWrapper","hidden","type","ghost","onClick","_editorRef$current","currentValue","getValue","children","_jsxs","className","_classNames","style","ErrorBoundaryWrapper","onRenderReset","undefined","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","placeholder","height","width","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","marginTop","footerStyle","footerExtraRender"],"mappings":";02CAeA,IAAMA,EAAY,SAAZA,EAAaC,GACjB,OAAOC,EAAOD,EAAY,CAAEE,SAAU,QACnCC,QAAQ,OAAQ,KAChBA,QAAQ,OAAQ,KAChBA,QAAQ,OAAQ,IACrB,MAwBaC,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAAC,EAAsCC,EAASC,KAAKC,OAA7CC,EAAWJ,EAAA,GAAEK,EAAcL,EAAA,GAClC,IAAQM,EAAkFP,EAAlFO,MAAOC,EAA2ER,EAA3EQ,mBAAoBC,EAAuDT,EAAvDS,kBAAmBC,EAAoCV,EAApCU,SAAUC,EAA0BX,EAA1BW,OAAWC,EAAUC,EAAKb,EAAKc,GAE/F,IAAMC,EAAYC,IAElB,IAAMC,EAAeC,EAAMC,gBAAe,SAACC,GACzCV,GAAAA,UAAAA,EAAAA,EAAWU,EACb,IAEA,IAAMC,EAAiBH,EAAMC,gBAAe,SAACG,EAAIC,EAAIC,EAAIC,EAAIC,GAC3DA,EACE,KACAjB,GAAiB,UAAA,EAAjBA,EAAmBkB,KAAI,SAACC,GAAI,MAAM,CAChCC,KAAMD,EAAKC,KACXtB,MAAOqB,EAAKC,KAEZC,KAAMF,EAAKG,KACX,IAEN,IAEA,IAAMC,EAAe,SAAfA,EAAgBC,GACpBlB,EAAUmB,QAAUD,EAEpB,IAAME,EAAYF,EAAOG,WAAWD,WAAU,SAACP,GAAI,OAAKA,EAAKS,KAAO,YACpE,GAAIF,GAAa,EAAG,CAClBF,EAAOG,WAAWD,GAAa,CAAEd,eAAAA,EAAgBgB,GAAI,SACvD,KAAO,CACLJ,EAAOG,WAAWE,KAAK,CAAEjB,eAAAA,EAAgBgB,GAAI,UAC/C,CACA1B,GAAAA,UAAAA,EAAAA,EAASsB,IAGX,IAAMM,EACJC,EAACC,EAAa,CACZC,OAAQlC,IAAuB,KAC/BmC,KAAK,UACLC,MAAK,KACLC,QAAS,SAAAA,IAAM,IAAAC,EACb,IAAMC,GAAYD,EAAG/B,EAAUmB,UAAO,UAAA,EAAjBY,EAAmBE,WACxCtC,GAAQ,UAAA,EAARA,EAAWhB,EAAUqD,GAAgB,IACrC,EAAAE,SACH,OAKH,OACEC,EAAA,MAAA,CAAuBC,UAAWC,EAAW,mBAAoBpD,EAAMmD,WAAYE,MAAOrD,EAAMqD,MAAMJ,SAAA,CACpGT,EAACc,EAAoB,CACnBC,cAAe,SAAAA,IACb7C,GAAAA,UAAAA,EAAAA,EAAW8C,WACXlD,EAAeH,KAAKC,MACpB,EAAA6C,SAEFT,EAACiB,EAAGC,EAAA,CACFC,SAAU,GACVC,gBAAiB,KACjBC,WAAY,KACZC,oBAAqB,KACrBC,YAAY,QACZC,OAAO,QACPC,MAAM,QACFrD,EAAU,CACdsD,WAAUR,EAAA,CACRS,UAAW,MACXC,0BAA2B,MAC3BC,yBAA0B,KAC1BC,eAAgB,MAChBC,gBAAiB,KACjBC,QAAS,GACN5D,EAAWsD,YAEhBO,KAAK,QACL9D,OAAQqB,EACRtB,SAAUO,EACVV,MAAOA,OAGXiC,EAAA,MAAA,CAAKW,UAAU,0BAA0BE,MAAKK,EAAA,CAAIgB,UAAW,IAAO1E,EAAM2E,aAAc1B,SACrFjD,EAAM4E,kBAAoB5E,EAAM4E,kBAAkBrC,GAAUA,MAhCvDlC,EAoCd"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-mysql/editor.tsx"],"sourcesContent":["import { type TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement, useRef, useState } from 'react';\nimport type { IAceEditorProps } from 'react-ace';\nimport Ace from 'react-ace';\nimport { format } from 'sql-formatter';\n\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-mysql';\nimport 'ace-builds/src-noconflict/snippets/mysql';\n\nimport { classNames } from '@dimjs/utils';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\n\nconst formatSql = (sqlContent: string) => {\n  return format(sqlContent, { language: 'sql' })\n    .replace(/\\$ /g, '$')\n    .replace(/\\{ /g, '{')\n    .replace(/ \\}/g, '}');\n};\n\nexport type AceEditorMysqlProps = Omit<IAceEditorProps, 'theme' | 'mode' | 'value' | 'onChange'> & {\n  /** 编辑器高度，默认值：100%，可输入值例如 300px、100% */\n  height?: string;\n  value?: string;\n  onChange?: (value?: string) => void;\n  /** 配置输入自动提示关键字 */\n  autoCompleterList?: { name: string; desc?: string }[];\n  /** 隐藏【美化】按钮 */\n  hiddenFormatterBtn?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\nexport const AceEditorMysql = (props: AceEditorMysqlProps) => {\n  const [rootNodekey, setRootNodekey] = useState(Date.now());\n  const { value, hiddenFormatterBtn, autoCompleterList, onChange, onLoad, ...otherProps } = props;\n\n  const editorRef = useRef<TAny>();\n\n  const handleChange = hooks.useCallbackRef((content: string) => {\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 onLoadHandle = (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    onLoad?.(editor);\n  };\n\n  const footer = (\n    <ButtonWrapper\n      hidden={hiddenFormatterBtn === true}\n      type=\"primary\"\n      ghost\n      onClick={() => {\n        const currentValue = editorRef.current?.getValue();\n        onChange?.(formatSql(currentValue || ''));\n      }}\n    >\n      美化\n    </ButtonWrapper>\n  );\n\n  return (\n    <div key={rootNodekey} className={classNames('ace-editor-mysql', props.className)} style={props.style}>\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          placeholder=\"输入SQL\"\n          height=\"250px\"\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          mode=\"mysql\"\n          onLoad={onLoadHandle}\n          onChange={handleChange}\n          value={value}\n        />\n      </ErrorBoundaryWrapper>\n      <div className=\"ace-editor-mysql-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : footer}\n      </div>\n    </div>\n  );\n};\n"],"names":["formatSql","sqlContent","format","language","replace","AceEditorMysql","props","_useState","useState","Date","now","rootNodekey","setRootNodekey","value","hiddenFormatterBtn","autoCompleterList","onChange","onLoad","otherProps","_objectWithoutPropertiesLoose","_excluded","editorRef","useRef","handleChange","_hooks","useCallbackRef","content","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","footer","_jsx","ButtonWrapper","hidden","type","ghost","onClick","_editorRef$current","currentValue","getValue","children","_jsxs","className","_classNames","style","ErrorBoundaryWrapper","onRenderReset","undefined","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","placeholder","height","width","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","marginTop","footerStyle","footerExtraRender"],"mappings":";+3CAeA,IAAMA,EAAY,SAAZA,EAAaC,GACjB,OAAOC,EAAOD,EAAY,CAAEE,SAAU,QACnCC,QAAQ,OAAQ,KAChBA,QAAQ,OAAQ,KAChBA,QAAQ,OAAQ,IACrB,MAwBaC,EAAiB,SAAjBA,EAAkBC,GAC7B,IAAAC,EAAsCC,EAASC,KAAKC,OAA7CC,EAAWJ,EAAA,GAAEK,EAAcL,EAAA,GAClC,IAAQM,EAAkFP,EAAlFO,MAAOC,EAA2ER,EAA3EQ,mBAAoBC,EAAuDT,EAAvDS,kBAAmBC,EAAoCV,EAApCU,SAAUC,EAA0BX,EAA1BW,OAAWC,EAAUC,EAAKb,EAAKc,GAE/F,IAAMC,EAAYC,IAElB,IAAMC,EAAeC,EAAMC,gBAAe,SAACC,GACzCV,GAAAA,UAAAA,EAAAA,EAAWU,EACb,IAEA,IAAMC,EAAiBH,EAAMC,gBAAe,SAACG,EAAIC,EAAIC,EAAIC,EAAIC,GAC3DA,EACE,KACAjB,GAAiB,UAAA,EAAjBA,EAAmBkB,KAAI,SAACC,GAAI,MAAM,CAChCC,KAAMD,EAAKC,KACXtB,MAAOqB,EAAKC,KAEZC,KAAMF,EAAKG,KACX,IAEN,IAEA,IAAMC,EAAe,SAAfA,EAAgBC,GACpBlB,EAAUmB,QAAUD,EAEpB,IAAME,EAAYF,EAAOG,WAAWD,WAAU,SAACP,GAAI,OAAKA,EAAKS,KAAO,YACpE,GAAIF,GAAa,EAAG,CAClBF,EAAOG,WAAWD,GAAa,CAAEd,eAAAA,EAAgBgB,GAAI,SACvD,KAAO,CACLJ,EAAOG,WAAWE,KAAK,CAAEjB,eAAAA,EAAgBgB,GAAI,UAC/C,CACA1B,GAAAA,UAAAA,EAAAA,EAASsB,IAGX,IAAMM,EACJC,EAACC,EAAa,CACZC,OAAQlC,IAAuB,KAC/BmC,KAAK,UACLC,MAAK,KACLC,QAAS,SAAAA,IAAM,IAAAC,EACb,IAAMC,GAAYD,EAAG/B,EAAUmB,UAAO,UAAA,EAAjBY,EAAmBE,WACxCtC,GAAQ,UAAA,EAARA,EAAWhB,EAAUqD,GAAgB,IACrC,EAAAE,SACH,OAKH,OACEC,EAAA,MAAA,CAAuBC,UAAWC,EAAW,mBAAoBpD,EAAMmD,WAAYE,MAAOrD,EAAMqD,MAAMJ,SAAA,CACpGT,EAACc,EAAoB,CACnBC,cAAe,SAAAA,IACb7C,GAAAA,UAAAA,EAAAA,EAAW8C,WACXlD,EAAeH,KAAKC,MACpB,EAAA6C,SAEFT,EAACiB,EAAGC,EAAA,CACFC,SAAU,GACVC,gBAAiB,KACjBC,WAAY,KACZC,oBAAqB,KACrBC,YAAY,QACZC,OAAO,QACPC,MAAM,QACFrD,EAAU,CACdsD,WAAUR,EAAA,CACRS,UAAW,MACXC,0BAA2B,MAC3BC,yBAA0B,KAC1BC,eAAgB,MAChBC,gBAAiB,KACjBC,QAAS,GACN5D,EAAWsD,YAEhBO,KAAK,QACL9D,OAAQqB,EACRtB,SAAUO,EACVV,MAAOA,OAGXiC,EAAA,MAAA,CAAKW,UAAU,0BAA0BE,MAAKK,EAAA,CAAIgB,UAAW,IAAO1E,EAAM2E,aAAc1B,SACrFjD,EAAM4E,kBAAoB5E,EAAM4E,kBAAkBrC,GAAUA,MAhCvDlC,EAoCd"}

package/esm/ace-editor-xml/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 r}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isObject as o}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Space as i}from"antd";import{useState as a,useRef as l,useMemo as s}from"react";import m from"react-ace";import d from"xml-formatter";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as c}from"../error-boundary-wrapper/index.js";import{FlexLayout as p}from"../flex-layout/index.js";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import{jsxs as f,jsx as v}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@dimjs/utils/cjs/class-names";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";var g=function e(r){var t=0;var o;if(window["ActiveXObject"]){var n=new window["ActiveXObject"]("Microsoft.XMLDOM");n.async="false";n.loadXML(r);if(n.parseError.errorCode!=0){o="错误code: "+n.parseError.errorCode+" \n";o=o+" 错误原因: "+n.parseError.reason+" \n";o=o+" 错误位置: "+n.parseError.line;t=1}else{o="格式正确"}}else if(document.implementation["createDocument"]){var i=new DOMParser;var a=i.parseFromString(r,"text/xml");var l=a.getElementsByTagName("parsererror");if(l.length>0){if(a.documentElement.nodeName=="parsererror"){t=1;o=a.documentElement.childNodes[0].nodeValue}else{t=1;o=a.getElementsByTagName("parsererror")[0].innerHTML}}else{o="格式正确"}}else{t=2;o="浏览器不支持验证，无法验证xml正确性"}return{message:o,result:t==0?true:false}};var h=["value","onChange","height","hiddenVerifyBtn","hiddenFormatterBtn","autoCompleterList","onLoad","hiddenErrorMsg"];var j=function j(y){var x=y.value,b=y.onChange,w=y.height,C=y.hiddenVerifyBtn,L=y.hiddenFormatterBtn,E=y.autoCompleterList,k=y.onLoad,M=y.hiddenErrorMsg,N=e(y,h);var B=n(w)?"100%":w;var O=a(Date.now()),S=O[0],_=O[1];var D=a(),R=D[0],V=D[1];var z=l();var A=s((function(){if(o(x)){return JSON.stringify(x,null,2)}return x}),[x]);var F=t.useCallbackRef((function(e){if(R){V(undefined)}b==null?void 0:b(e)}));var T=t.useCallbackRef((function(e,r,t,o,n){n(null,E==null?void 0:E.map((function(e){return{name:e.name,value:e.name,meta:e.desc}})))}));var I=function e(r){z.current=r;var t=r.completers.findIndex((function(e){return e.id==="custom"}));if(t>=0){r.completers[t]={getCompletions:T,id:"custom"}}else{r.completers.push({getCompletions:T,id:"custom"})}k==null?void 0:k(r)};var P=function e(r){var t=g(r);if(t.result){b==null?void 0:b(r)}else{V(t.message)}};var X=f(i,{style:{alignItems:"flex-start"},children:[v(u,{hidden:L===true,type:"primary",ghost:true,onClick:function e(){var r;var t=(r=z.current)==null?void 0:r.getValue();b==null?void 0:b(d(t||""))},children:"美化"}),v(u,{hidden:C===true,type:"primary",ghost:true,onClick:function e(){var r;var t=(r=z.current)==null?void 0:r.getValue();if(!t){b==null?void 0:b(t);return}P(t)},children:"验证&格式化数据"}),!M&&R?v("span",{style:{color:"red"},dangerouslySetInnerHTML:{__html:R}}):null]});return f(p,{fullIndex:0,className:"ace-editor-xml",style:{height:B},children:[v("div",{className:"aex-content",children:v(c,{onRenderReset:function e(){b==null?void 0:b(undefined);_(Date.now())},children:v(m,r({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,height:"100%",width:"auto",placeholder:"请输入"},N,{setOptions:r({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},N.setOptions),mode:"xml",onLoad:I,onChange:F,onBlur:function e(r,t){var o=t==null?void 0:t.getValue();if(o){P(o)}},value:A}))})}),v("div",{className:"ace-editor-xml-footer",style:r({marginTop:10},y.footerStyle),children:y.footerExtraRender?y.footerExtraRender(X):X})]},S)};export{j as AceEditorXml};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as t}from"@wove/react/cjs/hooks";import{isObject as o}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Space as i}from"antd";import{useState as a,useRef as l,useMemo as s}from"react";import m from"react-ace";import d from"xml-formatter";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{ErrorBoundaryWrapper as c}from"../error-boundary-wrapper/index.js";import{FlexLayout as p}from"../flex-layout/index.js";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import{jsxs as f,jsx as v}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@dimjs/utils/cjs/class-names";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";var g=function e(r){var t=0;var o;if(window["ActiveXObject"]){var n=new window["ActiveXObject"]("Microsoft.XMLDOM");n.async="false";n.loadXML(r);if(n.parseError.errorCode!=0){o="错误code: "+n.parseError.errorCode+" \n";o=o+" 错误原因: "+n.parseError.reason+" \n";o=o+" 错误位置: "+n.parseError.line;t=1}else{o="格式正确"}}else if(document.implementation["createDocument"]){var i=new DOMParser;var a=i.parseFromString(r,"text/xml");var l=a.getElementsByTagName("parsererror");if(l.length>0){if(a.documentElement.nodeName=="parsererror"){t=1;o=a.documentElement.childNodes[0].nodeValue}else{t=1;o=a.getElementsByTagName("parsererror")[0].innerHTML}}else{o="格式正确"}}else{t=2;o="浏览器不支持验证，无法验证xml正确性"}return{message:o,result:t==0?true:false}};var h=["value","onChange","height","hiddenVerifyBtn","hiddenFormatterBtn","autoCompleterList","onLoad","hiddenErrorMsg"];var j=function j(y){var x=y.value,b=y.onChange,w=y.height,C=y.hiddenVerifyBtn,L=y.hiddenFormatterBtn,E=y.autoCompleterList,k=y.onLoad,M=y.hiddenErrorMsg,N=e(y,h);var B=n(w)?"100%":w;var O=a(Date.now()),S=O[0],_=O[1];var D=a(),R=D[0],V=D[1];var z=l();var A=s((function(){if(o(x)){return JSON.stringify(x,null,2)}return x}),[x]);var F=t.useCallbackRef((function(e){if(R){V(undefined)}b==null?void 0:b(e)}));var T=t.useCallbackRef((function(e,r,t,o,n){n(null,E==null?void 0:E.map((function(e){return{name:e.name,value:e.name,meta:e.desc}})))}));var I=function e(r){z.current=r;var t=r.completers.findIndex((function(e){return e.id==="custom"}));if(t>=0){r.completers[t]={getCompletions:T,id:"custom"}}else{r.completers.push({getCompletions:T,id:"custom"})}k==null?void 0:k(r)};var P=function e(r){var t=g(r);if(t.result){b==null?void 0:b(r)}else{V(t.message)}};var X=f(i,{style:{alignItems:"flex-start"},children:[v(u,{hidden:L===true,type:"primary",ghost:true,onClick:function e(){var r;var t=(r=z.current)==null?void 0:r.getValue();b==null?void 0:b(d(t||""))},children:"美化"}),v(u,{hidden:C===true,type:"primary",ghost:true,onClick:function e(){var r;var t=(r=z.current)==null?void 0:r.getValue();if(!t){b==null?void 0:b(t);return}P(t)},children:"验证&格式化数据"}),!M&&R?v("span",{style:{color:"red"},dangerouslySetInnerHTML:{__html:R}}):null]});return f(p,{fullIndex:0,className:"ace-editor-xml",style:{height:B},children:[v("div",{className:"aex-content",children:v(c,{onRenderReset:function e(){b==null?void 0:b(undefined);_(Date.now())},children:v(m,r({fontSize:14,showPrintMargin:true,showGutter:true,highlightActiveLine:true,height:"100%",width:"auto",placeholder:"请输入"},N,{setOptions:r({useWorker:false,enableBasicAutocompletion:false,enableLiveAutocompletion:true,enableSnippets:false,showLineNumbers:true,tabSize:2},N.setOptions),mode:"xml",onLoad:I,onChange:F,onBlur:function e(r,t){var o=t==null?void 0:t.getValue();if(o){P(o)}},value:A}))})}),v("div",{className:"ace-editor-xml-footer",style:r({marginTop:10},y.footerStyle),children:y.footerExtraRender?y.footerExtraRender(X):X})]},S)};export{j as AceEditorXml};
 //# sourceMappingURL=index.js.map

package/esm/ace-editor-xml/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-xml/validate-xml.ts","@flatbiz/antd/src/ace-editor-xml/editor.tsx"],"sourcesContent":["/**\n * 验证xml格式的正确性\n * ```\n *  result / true 验证通过\n *  result / false 验证不通过，message为失败描述（使用富文本渲染）\n * ```\n */\nexport const validateXML = (xmlContent: string) => {\n  // errorCode 0是xml正确，1是xml错误，2是无法验证\n  let errorCode = 0;\n  let errorMessage;\n  // code for IE\n  if (window['ActiveXObject']) {\n    const xmlDoc = new window['ActiveXObject']('Microsoft.XMLDOM');\n    xmlDoc.async = 'false';\n    xmlDoc.loadXML(xmlContent);\n\n    if (xmlDoc.parseError.errorCode != 0) {\n      errorMessage = `错误code: ${xmlDoc.parseError.errorCode} \\n`;\n      errorMessage = `${errorMessage} 错误原因: ${xmlDoc.parseError.reason} \\n`;\n      errorMessage = `${errorMessage} 错误位置: ${xmlDoc.parseError.line}`;\n      errorCode = 1;\n    } else {\n      errorMessage = '格式正确';\n    }\n  }\n  // code for Mozilla, Firefox, Opera, chrome, safari,etc.\n  else if (document.implementation['createDocument']) {\n    const parser = new DOMParser();\n    const xmlDoc = parser.parseFromString(xmlContent, 'text/xml');\n    const error = xmlDoc.getElementsByTagName('parsererror');\n    if (error.length > 0) {\n      if (xmlDoc.documentElement.nodeName == 'parsererror') {\n        errorCode = 1;\n        errorMessage = xmlDoc.documentElement.childNodes[0].nodeValue;\n      } else {\n        errorCode = 1;\n        errorMessage = xmlDoc.getElementsByTagName('parsererror')[0].innerHTML;\n      }\n    } else {\n      errorMessage = '格式正确';\n    }\n  } else {\n    errorCode = 2;\n    errorMessage = '浏览器不支持验证，无法验证xml正确性';\n  }\n  return {\n    message: errorMessage,\n    result: errorCode == 0 ? true : false,\n  };\n};\n","import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\n\nimport { Space } from 'antd';\nimport { CSSProperties, ReactElement, useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\nimport xmlFormat from 'xml-formatter';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\nimport { validateXML } from './validate-xml';\n\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-xml';\nimport 'ace-builds/src-noconflict/snippets/xml';\n\nexport type AceEditorXmlProps = Omit<IAceEditorProps, 'mode' | 'value' | 'onChange' | 'theme'> & {\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  /** 隐藏【验证数据】按钮 */\n  hiddenVerifyBtn?: boolean;\n  /** 是否隐藏内部验证异常文案 */\n  hiddenErrorMsg?: boolean;\n  /** 隐藏【美化】按钮 */\n  hiddenFormatterBtn?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\n/**\n * xml编辑器\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 hiddenVerifyBtn、hiddenFormatterBtn可隐藏底部操作按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const AceEditorXml = (props: AceEditorXmlProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    hiddenVerifyBtn,\n    hiddenFormatterBtn,\n    autoCompleterList,\n    onLoad,\n    hiddenErrorMsg,\n    ...otherProps\n  } = 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      setErrorMsg(undefined);\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 onLoadHandle = (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    onLoad?.(editor);\n  };\n\n  const inputValueVerify = (inputValue: string) => {\n    const result = validateXML(inputValue);\n    if (result.result) {\n      onChange?.(inputValue);\n    } else {\n      setErrorMsg(result.message);\n    }\n  };\n\n  const footer = (\n    <Space style={{ alignItems: 'flex-start' }}>\n      <ButtonWrapper\n        hidden={hiddenFormatterBtn === true}\n        type=\"primary\"\n        ghost\n        onClick={() => {\n          const currentValue = editorRef.current?.getValue();\n          onChange?.(xmlFormat(currentValue || ''));\n        }}\n      >\n        美化\n      </ButtonWrapper>\n      <ButtonWrapper\n        hidden={hiddenVerifyBtn === true}\n        type=\"primary\"\n        ghost\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      {!hiddenErrorMsg && errorMsg ? (\n        <span style={{ color: 'red' }} dangerouslySetInnerHTML={{ __html: errorMsg }}></span>\n      ) : null}\n    </Space>\n  );\n\n  return (\n    <FlexLayout fullIndex={0} className=\"ace-editor-xml\" key={rootNodekey} style={{ height: heightFt }}>\n      <div className=\"aex-content\">\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            placeholder=\"请输入\"\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            mode=\"xml\"\n            onLoad={onLoadHandle}\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=\"ace-editor-xml-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : footer}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["validateXML","xmlContent","errorCode","errorMessage","window","xmlDoc","async","loadXML","parseError","reason","line","document","implementation","parser","DOMParser","parseFromString","error","getElementsByTagName","length","documentElement","nodeName","childNodes","nodeValue","innerHTML","message","result","AceEditorXml","props","value","onChange","height","hiddenVerifyBtn","hiddenFormatterBtn","autoCompleterList","onLoad","hiddenErrorMsg","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","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","footer","_jsxs","Space","style","alignItems","children","_jsx","ButtonWrapper","hidden","type","ghost","onClick","_editorRef$current","currentValue","getValue","xmlFormat","_editorRef$current2","color","dangerouslySetInnerHTML","__html","FlexLayout","fullIndex","className","ErrorBoundaryWrapper","onRenderReset","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","placeholder","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","marginTop","footerStyle","footerExtraRender"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/ace-editor-xml/validate-xml.ts","@flatbiz/antd/src/ace-editor-xml/editor.tsx"],"sourcesContent":["/**\n * 验证xml格式的正确性\n * ```\n *  result / true 验证通过\n *  result / false 验证不通过，message为失败描述（使用富文本渲染）\n * ```\n */\nexport const validateXML = (xmlContent: string) => {\n  // errorCode 0是xml正确，1是xml错误，2是无法验证\n  let errorCode = 0;\n  let errorMessage;\n  // code for IE\n  if (window['ActiveXObject']) {\n    const xmlDoc = new window['ActiveXObject']('Microsoft.XMLDOM');\n    xmlDoc.async = 'false';\n    xmlDoc.loadXML(xmlContent);\n\n    if (xmlDoc.parseError.errorCode != 0) {\n      errorMessage = `错误code: ${xmlDoc.parseError.errorCode} \\n`;\n      errorMessage = `${errorMessage} 错误原因: ${xmlDoc.parseError.reason} \\n`;\n      errorMessage = `${errorMessage} 错误位置: ${xmlDoc.parseError.line}`;\n      errorCode = 1;\n    } else {\n      errorMessage = '格式正确';\n    }\n  }\n  // code for Mozilla, Firefox, Opera, chrome, safari,etc.\n  else if (document.implementation['createDocument']) {\n    const parser = new DOMParser();\n    const xmlDoc = parser.parseFromString(xmlContent, 'text/xml');\n    const error = xmlDoc.getElementsByTagName('parsererror');\n    if (error.length > 0) {\n      if (xmlDoc.documentElement.nodeName == 'parsererror') {\n        errorCode = 1;\n        errorMessage = xmlDoc.documentElement.childNodes[0].nodeValue;\n      } else {\n        errorCode = 1;\n        errorMessage = xmlDoc.getElementsByTagName('parsererror')[0].innerHTML;\n      }\n    } else {\n      errorMessage = '格式正确';\n    }\n  } else {\n    errorCode = 2;\n    errorMessage = '浏览器不支持验证，无法验证xml正确性';\n  }\n  return {\n    message: errorMessage,\n    result: errorCode == 0 ? true : false,\n  };\n};\n","import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\n\nimport { Space } from 'antd';\nimport { CSSProperties, ReactElement, useMemo, useRef, useState } from 'react';\nimport Ace, { type IAceEditorProps } from 'react-ace';\nimport xmlFormat from 'xml-formatter';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { ErrorBoundaryWrapper } from '../error-boundary-wrapper';\nimport { FlexLayout } from '../flex-layout';\nimport { validateXML } from './validate-xml';\n\nimport 'ace-builds/src-noconflict/ext-language_tools';\nimport 'ace-builds/src-noconflict/mode-xml';\nimport 'ace-builds/src-noconflict/snippets/xml';\n\nexport type AceEditorXmlProps = Omit<IAceEditorProps, 'mode' | 'value' | 'onChange' | 'theme'> & {\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  /** 隐藏【验证数据】按钮 */\n  hiddenVerifyBtn?: boolean;\n  /** 是否隐藏内部验证异常文案 */\n  hiddenErrorMsg?: boolean;\n  /** 隐藏【美化】按钮 */\n  hiddenFormatterBtn?: boolean;\n  /**\n   * 编辑器主题配置，例如：github、terminal、xcode\n   * ```\n   * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n   * 2. 配置 theme = xxxx\n   * ```\n   */\n  theme?: string;\n  /** 底部额外布局 */\n  footerExtraRender?: (children: ReactElement) => ReactElement;\n  footerStyle?: CSSProperties;\n};\n\n/**\n * xml编辑器\n * ```\n * 1. 受控组件，需要使用value、onChange配合显示数据\n * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性\n * 3. 通过 autoCompleterList 配置自动提示关键字\n * 4. 通过 hiddenVerifyBtn、hiddenFormatterBtn可隐藏底部操作按钮\n * 5. 通过 theme 配置编辑器主题，例如：\n *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';\n *    5.2 配置 theme = xxxx\n * ```\n */\nexport const AceEditorXml = (props: AceEditorXmlProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    hiddenVerifyBtn,\n    hiddenFormatterBtn,\n    autoCompleterList,\n    onLoad,\n    hiddenErrorMsg,\n    ...otherProps\n  } = 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      setErrorMsg(undefined);\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 onLoadHandle = (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    onLoad?.(editor);\n  };\n\n  const inputValueVerify = (inputValue: string) => {\n    const result = validateXML(inputValue);\n    if (result.result) {\n      onChange?.(inputValue);\n    } else {\n      setErrorMsg(result.message);\n    }\n  };\n\n  const footer = (\n    <Space style={{ alignItems: 'flex-start' }}>\n      <ButtonWrapper\n        hidden={hiddenFormatterBtn === true}\n        type=\"primary\"\n        ghost\n        onClick={() => {\n          const currentValue = editorRef.current?.getValue();\n          onChange?.(xmlFormat(currentValue || ''));\n        }}\n      >\n        美化\n      </ButtonWrapper>\n      <ButtonWrapper\n        hidden={hiddenVerifyBtn === true}\n        type=\"primary\"\n        ghost\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      {!hiddenErrorMsg && errorMsg ? (\n        <span style={{ color: 'red' }} dangerouslySetInnerHTML={{ __html: errorMsg }}></span>\n      ) : null}\n    </Space>\n  );\n\n  return (\n    <FlexLayout fullIndex={0} className=\"ace-editor-xml\" key={rootNodekey} style={{ height: heightFt }}>\n      <div className=\"aex-content\">\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            placeholder=\"请输入\"\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            mode=\"xml\"\n            onLoad={onLoadHandle}\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=\"ace-editor-xml-footer\" style={{ marginTop: 10, ...props.footerStyle }}>\n        {props.footerExtraRender ? props.footerExtraRender(footer) : footer}\n      </div>\n    </FlexLayout>\n  );\n};\n"],"names":["validateXML","xmlContent","errorCode","errorMessage","window","xmlDoc","async","loadXML","parseError","reason","line","document","implementation","parser","DOMParser","parseFromString","error","getElementsByTagName","length","documentElement","nodeName","childNodes","nodeValue","innerHTML","message","result","AceEditorXml","props","value","onChange","height","hiddenVerifyBtn","hiddenFormatterBtn","autoCompleterList","onLoad","hiddenErrorMsg","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","getCompletions","_a","_b","_c","_d","callback","map","item","name","meta","desc","onLoadHandle","editor","current","findIndex","completers","id","push","inputValueVerify","inputValue","footer","_jsxs","Space","style","alignItems","children","_jsx","ButtonWrapper","hidden","type","ghost","onClick","_editorRef$current","currentValue","getValue","xmlFormat","_editorRef$current2","color","dangerouslySetInnerHTML","__html","FlexLayout","fullIndex","className","ErrorBoundaryWrapper","onRenderReset","Ace","_extends","fontSize","showPrintMargin","showGutter","highlightActiveLine","width","placeholder","setOptions","useWorker","enableBasicAutocompletion","enableLiveAutocompletion","enableSnippets","showLineNumbers","tabSize","mode","onBlur","_event","marginTop","footerStyle","footerExtraRender"],"mappings":"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"}

package/esm/bootstrap/index.js

@@ -9,5 +9,5 @@ import './../flex-layout/index.css';
 import './../block-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{get as r}from"@dimjs/utils/cjs/get";import{toArray as i}from"@flatbiz/utils";import{theme as t,App as e}from"antd";import{useEffect as a}from"react";import{C as l}from"../index-7f4ad045.js";import{FbaApp as s}from"../fba-app/index.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{jsx as c}from"react/jsx-runtime";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-null";import"@dimjs/lang/cjs/is-promise";import"ahooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"../block-layout/index.js";import"../use-responsive-point-21b8c601.js";var n=function n(d){var p,g;a((function(){var o=document.body.style.cssText;var i={};if(o){var t=/(.+?):\s*(.+?);/g;var e;while(e=t.exec(o)){var a=e[1].trim();var l=e[2];i[a]=l}}if(d.dark){i["--bg-color"]=r(d,"bgColorConfig.dark.bgColor","#1b1a1a");i["--block-bg-color"]=r(d,"bgColorConfig.dark.blockBgColor","#000")}else{i["--bg-color"]=r(d,"bgColorConfig.light.bgColor","#f9f9f9");i["--block-bg-color"]=r(d,"bgColorConfig.light.blockBgColor","#FFF")}var s="";Object.keys(i).forEach((function(o){if(i[o]){s=s+(o+":"+i[o]+";")}}));document.body.style.cssText=s;if(d.dark){document.body.classList.add("dark-theme")}else{document.body.classList.add("light-theme")}if(d.compact){document.body.classList.add("compact-theme")}}),[d.bgColorConfig,d.dark]);var u=m.useThemeToken();var f=(p=d.configProviderProps)==null||(p=p.theme)==null?void 0:p.algorithm;var j=i(f);j=[].concat(j,[d.dark?t.darkAlgorithm:null,d.compact?t.compactAlgorithm:null]).filter(Boolean);return c(l,o({locale:d.locale,componentSize:"middle",space:{size:"middle"}},d.configProviderProps,{theme:o({},(g=d.configProviderProps)==null?void 0:g.theme,{algorithm:j}),children:c(e,{style:{"--color-primary":u.colorPrimary},className:"bootstrap-app",children:c(s,{children:d.children})})}))};export{n as Bootstrap};
+import{_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{get as r}from"@dimjs/utils/cjs/get";import{toArray as i}from"@flatbiz/utils";import{theme as t,App as e}from"antd";import{useEffect as a}from"react";import{C as l}from"../index-7f4ad045.js";import{FbaApp as s}from"../fba-app/index.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{jsx as c}from"react/jsx-runtime";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-null";import"@dimjs/lang/cjs/is-promise";import"ahooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"../block-layout/index.js";import"../use-responsive-point-21b8c601.js";var d=function d(n){var p,g;a((function(){var o=document.body.style.cssText;var i={};if(o){var t=/(.+?):\s*(.+?);/g;var e;while(e=t.exec(o)){var a=e[1].trim();var l=e[2];i[a]=l}}if(n.dark){i["--bg-color"]=r(n,"bgColorConfig.dark.bgColor","#1b1a1a");i["--block-bg-color"]=r(n,"bgColorConfig.dark.blockBgColor","#000")}else{i["--bg-color"]=r(n,"bgColorConfig.light.bgColor","#f9f9f9");i["--block-bg-color"]=r(n,"bgColorConfig.light.blockBgColor","#FFF")}var s="";Object.keys(i).forEach((function(o){if(i[o]){s=s+(o+":"+i[o]+";")}}));document.body.style.cssText=s;if(n.dark){document.body.classList.add("dark-theme")}else{document.body.classList.add("light-theme")}if(n.compact){document.body.classList.add("compact-theme")}}),[n.bgColorConfig,n.dark]);var u=m.useThemeToken();var f=(p=n.configProviderProps)==null||(p=p.theme)==null?void 0:p.algorithm;var j=i(f);j=[].concat(j,[n.dark?t.darkAlgorithm:null,n.compact?t.compactAlgorithm:null]).filter(Boolean);return c(l,o({locale:n.locale,componentSize:"middle",space:{size:"middle"}},n.configProviderProps,{theme:o({},(g=n.configProviderProps)==null?void 0:g.theme,{algorithm:j}),children:c(e,{style:{"--color-primary":u.colorPrimary},className:"bootstrap-app",children:c(s,{children:n.children})})}))};export{d as Bootstrap};
 //# sourceMappingURL=index.js.map

package/esm/bootstrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/bootstrap/bootstrap.tsx"],"sourcesContent":["import { get } from '@dimjs/utils';\nimport { toArray } from '@flatbiz/utils';\nimport { App, theme } from 'antd';\nimport { CSSProperties, ReactNode, useEffect } from 'react';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { FbaApp } from '../fba-app';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type BootstrapProps = {\n  /** 是否紧凑模式 */\n  compact?: boolean;\n  /** 是否drak模式 */\n  dark?: boolean;\n  children: ReactNode;\n  configProviderProps?: ConfigProviderWrapperProps;\n  /** @default zhCN */\n  locale?: 'en' | 'zh-cn';\n  /**\n   * 背景颜色配置\n   * ```\n   * 默认值：\n   * dark: { bgColor: '#1b1a1a', blockBgColor: '#000'  }\n   * light: { bgColor: '#f9f9f9', blockBgColor: '#FFF'  }\n   * ```\n   */\n  bgColorConfig?: {\n    dark?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n    light?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n  };\n};\n/**\n * 如果当前项目入口不使用@flatbiz/pro-layout，必须使用 Bootstrap 组件包装\n * ```\n * Bootstrap 内部\n * 1. 封装 antd App组件\n * 2. 封装 @flatbiz/antd FbaApp组件\n * 3. 适配 light/dark模式\n * 4. 封装 antd ConfigProvider 可配置主题\n * ```\n */\nexport const Bootstrap = (props: BootstrapProps) => {\n  useEffect(() => {\n    const bodyStyle = document.body.style.cssText;\n    const keyValuePairs = {};\n    if (bodyStyle) {\n      const regex = /(.+?):\\s*(.+?);/g;\n\n      let match;\n      while ((match = regex.exec(bodyStyle))) {\n        const key = match[1].trim();\n        const value = match[2];\n        keyValuePairs[key] = value;\n      }\n    }\n    if (props.dark) {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.dark.bgColor', '#1b1a1a');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.dark.blockBgColor', '#000');\n    } else {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.light.bgColor', '#f9f9f9');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.light.blockBgColor', '#FFF');\n    }\n    let varStyleText = '';\n    Object.keys(keyValuePairs).forEach((key) => {\n      if (keyValuePairs[key]) {\n        varStyleText = varStyleText + `${key}:${keyValuePairs[key]};`;\n      }\n    });\n    document.body.style.cssText = varStyleText;\n\n    if (props.dark) {\n      document.body.classList.add('dark-theme');\n    } else {\n      document.body.classList.add('light-theme');\n    }\n    if (props.compact) {\n      document.body.classList.add('compact-theme');\n    }\n  }, [props.bgColorConfig, props.dark]);\n\n  const innerTheme = fbaHooks.useThemeToken();\n\n  const algorithm = props.configProviderProps?.theme?.algorithm;\n\n  let algorithmArray = toArray<any>(algorithm);\n\n  algorithmArray = [\n    ...algorithmArray,\n    props.dark ? theme.darkAlgorithm : null,\n    props.compact ? theme.compactAlgorithm : null,\n  ].filter(Boolean);\n\n  return (\n    <ConfigProviderWrapper\n      locale={props.locale}\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...props.configProviderProps}\n      theme={{\n        ...props.configProviderProps?.theme,\n        algorithm: algorithmArray,\n      }}\n    >\n      <App style={{ '--color-primary': innerTheme.colorPrimary } as CSSProperties} className=\"bootstrap-app\">\n        <FbaApp>{props.children}</FbaApp>\n      </App>\n    </ConfigProviderWrapper>\n  );\n};\n"],"names":["Bootstrap","props","_props$configProvider","_props$configProvider2","useEffect","bodyStyle","document","body","style","cssText","keyValuePairs","regex","match","exec","key","trim","value","dark","_get","varStyleText","Object","keys","forEach","classList","add","compact","bgColorConfig","innerTheme","fbaHooks","useThemeToken","algorithm","configProviderProps","theme","algorithmArray","toArray","concat","darkAlgorithm","compactAlgorithm","filter","Boolean","_jsx","ConfigProviderWrapper","_extends","locale","componentSize","space","size","children","App","colorPrimary","className","FbaApp"],"mappings":";gsCA+CaA,EAAY,SAAZA,EAAaC,GAA0B,IAAAC,EAAAC,EAClDC,GAAU,WACR,IAAMC,EAAYC,SAASC,KAAKC,MAAMC,QACtC,IAAMC,EAAgB,CAAA,EACtB,GAAIL,EAAW,CACb,IAAMM,EAAQ,mBAEd,IAAIC,EACJ,MAAQA,EAAQD,EAAME,KAAKR,GAAa,CACtC,IAAMS,EAAMF,EAAM,GAAGG,OACrB,IAAMC,EAAQJ,EAAM,GACpBF,EAAcI,GAAOE,CACvB,CACF,CACA,GAAIf,EAAMgB,KAAM,CACdP,EAAc,cAAgBQ,EAAIjB,EAAO,6BAA8B,WACvES,EAAc,oBAAsBQ,EAAIjB,EAAO,kCAAmC,OACpF,KAAO,CACLS,EAAc,cAAgBQ,EAAIjB,EAAO,8BAA+B,WACxES,EAAc,oBAAsBQ,EAAIjB,EAAO,mCAAoC,OACrF,CACA,IAAIkB,EAAe,GACnBC,OAAOC,KAAKX,GAAeY,SAAQ,SAACR,GAClC,GAAIJ,EAAcI,GAAM,CACtBK,EAAeA,GAAkBL,MAAOJ,EAAcI,GAAO,IAC/D,CACF,IACAR,SAASC,KAAKC,MAAMC,QAAUU,EAE9B,GAAIlB,EAAMgB,KAAM,CACdX,SAASC,KAAKgB,UAAUC,IAAI,aAC9B,KAAO,CACLlB,SAASC,KAAKgB,UAAUC,IAAI,cAC9B,CACA,GAAIvB,EAAMwB,QAAS,CACjBnB,SAASC,KAAKgB,UAAUC,IAAI,gBAC9B,CACD,GAAE,CAACvB,EAAMyB,cAAezB,EAAMgB,OAE/B,IAAMU,EAAaC,EAASC,gBAE5B,IAAMC,GAAS5B,EAAGD,EAAM8B,sBAAmB,OAAA7B,EAAzBA,EAA2B8B,QAA3B9B,UAAAA,EAAAA,EAAkC4B,UAEpD,IAAIG,EAAiBC,EAAaJ,GAElCG,EAAiB,GAAAE,OACZF,EAAc,CACjBhC,EAAMgB,KAAOe,EAAMI,cAAgB,KACnCnC,EAAMwB,QAAUO,EAAMK,iBAAmB,OACzCC,OAAOC,SAET,OACEC,EAACC,EAAqBC,EAAA,CACpBC,OAAQ1C,EAAM0C,OACdC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACX7C,EAAM8B,oBAAmB,CAC7BC,MAAKU,EAAA,IAAAvC,EACAF,EAAM8B,sBAAmB,UAAA,EAAzB5B,EAA2B6B,MAAK,CACnCF,UAAWG,IACXc,SAEFP,EAACQ,EAAG,CAACxC,MAAO,CAAE,kBAAmBmB,EAAWsB,cAAiCC,UAAU,gBAAeH,SACpGP,EAACW,EAAM,CAAAJ,SAAE9C,EAAM8C,eAIvB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/bootstrap/bootstrap.tsx"],"sourcesContent":["import { get } from '@dimjs/utils';\nimport { toArray } from '@flatbiz/utils';\nimport { App, theme } from 'antd';\nimport { CSSProperties, ReactNode, useEffect } from 'react';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { FbaApp } from '../fba-app';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type BootstrapProps = {\n  /** 是否紧凑模式 */\n  compact?: boolean;\n  /** 是否drak模式 */\n  dark?: boolean;\n  children: ReactNode;\n  configProviderProps?: ConfigProviderWrapperProps;\n  /** @default zhCN */\n  locale?: 'en' | 'zh-cn';\n  /**\n   * 背景颜色配置\n   * ```\n   * 默认值：\n   * dark: { bgColor: '#1b1a1a', blockBgColor: '#000'  }\n   * light: { bgColor: '#f9f9f9', blockBgColor: '#FFF'  }\n   * ```\n   */\n  bgColorConfig?: {\n    dark?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n    light?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n  };\n};\n/**\n * 如果当前项目入口不使用@flatbiz/pro-layout，必须使用 Bootstrap 组件包装\n * ```\n * Bootstrap 内部\n * 1. 封装 antd App组件\n * 2. 封装 @flatbiz/antd FbaApp组件\n * 3. 适配 light/dark模式\n * 4. 封装 antd ConfigProvider 可配置主题\n * ```\n */\nexport const Bootstrap = (props: BootstrapProps) => {\n  useEffect(() => {\n    const bodyStyle = document.body.style.cssText;\n    const keyValuePairs = {};\n    if (bodyStyle) {\n      const regex = /(.+?):\\s*(.+?);/g;\n\n      let match;\n      while ((match = regex.exec(bodyStyle))) {\n        const key = match[1].trim();\n        const value = match[2];\n        keyValuePairs[key] = value;\n      }\n    }\n    if (props.dark) {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.dark.bgColor', '#1b1a1a');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.dark.blockBgColor', '#000');\n    } else {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.light.bgColor', '#f9f9f9');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.light.blockBgColor', '#FFF');\n    }\n    let varStyleText = '';\n    Object.keys(keyValuePairs).forEach((key) => {\n      if (keyValuePairs[key]) {\n        varStyleText = varStyleText + `${key}:${keyValuePairs[key]};`;\n      }\n    });\n    document.body.style.cssText = varStyleText;\n\n    if (props.dark) {\n      document.body.classList.add('dark-theme');\n    } else {\n      document.body.classList.add('light-theme');\n    }\n    if (props.compact) {\n      document.body.classList.add('compact-theme');\n    }\n  }, [props.bgColorConfig, props.dark]);\n\n  const innerTheme = fbaHooks.useThemeToken();\n\n  const algorithm = props.configProviderProps?.theme?.algorithm;\n\n  let algorithmArray = toArray<any>(algorithm);\n\n  algorithmArray = [\n    ...algorithmArray,\n    props.dark ? theme.darkAlgorithm : null,\n    props.compact ? theme.compactAlgorithm : null,\n  ].filter(Boolean);\n\n  return (\n    <ConfigProviderWrapper\n      locale={props.locale}\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...props.configProviderProps}\n      theme={{\n        ...props.configProviderProps?.theme,\n        algorithm: algorithmArray,\n      }}\n    >\n      <App style={{ '--color-primary': innerTheme.colorPrimary } as CSSProperties} className=\"bootstrap-app\">\n        <FbaApp>{props.children}</FbaApp>\n      </App>\n    </ConfigProviderWrapper>\n  );\n};\n"],"names":["Bootstrap","props","_props$configProvider","_props$configProvider2","useEffect","bodyStyle","document","body","style","cssText","keyValuePairs","regex","match","exec","key","trim","value","dark","_get","varStyleText","Object","keys","forEach","classList","add","compact","bgColorConfig","innerTheme","fbaHooks","useThemeToken","algorithm","configProviderProps","theme","algorithmArray","toArray","concat","darkAlgorithm","compactAlgorithm","filter","Boolean","_jsx","ConfigProviderWrapper","_extends","locale","componentSize","space","size","children","App","colorPrimary","className","FbaApp"],"mappings":";qtCA+CaA,EAAY,SAAZA,EAAaC,GAA0B,IAAAC,EAAAC,EAClDC,GAAU,WACR,IAAMC,EAAYC,SAASC,KAAKC,MAAMC,QACtC,IAAMC,EAAgB,CAAA,EACtB,GAAIL,EAAW,CACb,IAAMM,EAAQ,mBAEd,IAAIC,EACJ,MAAQA,EAAQD,EAAME,KAAKR,GAAa,CACtC,IAAMS,EAAMF,EAAM,GAAGG,OACrB,IAAMC,EAAQJ,EAAM,GACpBF,EAAcI,GAAOE,CACvB,CACF,CACA,GAAIf,EAAMgB,KAAM,CACdP,EAAc,cAAgBQ,EAAIjB,EAAO,6BAA8B,WACvES,EAAc,oBAAsBQ,EAAIjB,EAAO,kCAAmC,OACpF,KAAO,CACLS,EAAc,cAAgBQ,EAAIjB,EAAO,8BAA+B,WACxES,EAAc,oBAAsBQ,EAAIjB,EAAO,mCAAoC,OACrF,CACA,IAAIkB,EAAe,GACnBC,OAAOC,KAAKX,GAAeY,SAAQ,SAACR,GAClC,GAAIJ,EAAcI,GAAM,CACtBK,EAAeA,GAAkBL,MAAOJ,EAAcI,GAAO,IAC/D,CACF,IACAR,SAASC,KAAKC,MAAMC,QAAUU,EAE9B,GAAIlB,EAAMgB,KAAM,CACdX,SAASC,KAAKgB,UAAUC,IAAI,aAC9B,KAAO,CACLlB,SAASC,KAAKgB,UAAUC,IAAI,cAC9B,CACA,GAAIvB,EAAMwB,QAAS,CACjBnB,SAASC,KAAKgB,UAAUC,IAAI,gBAC9B,CACD,GAAE,CAACvB,EAAMyB,cAAezB,EAAMgB,OAE/B,IAAMU,EAAaC,EAASC,gBAE5B,IAAMC,GAAS5B,EAAGD,EAAM8B,sBAAmB,OAAA7B,EAAzBA,EAA2B8B,QAA3B9B,UAAAA,EAAAA,EAAkC4B,UAEpD,IAAIG,EAAiBC,EAAaJ,GAElCG,EAAiB,GAAAE,OACZF,EAAc,CACjBhC,EAAMgB,KAAOe,EAAMI,cAAgB,KACnCnC,EAAMwB,QAAUO,EAAMK,iBAAmB,OACzCC,OAAOC,SAET,OACEC,EAACC,EAAqBC,EAAA,CACpBC,OAAQ1C,EAAM0C,OACdC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACX7C,EAAM8B,oBAAmB,CAC7BC,MAAKU,EAAA,IAAAvC,EACAF,EAAM8B,sBAAmB,UAAA,EAAzB5B,EAA2B6B,MAAK,CACnCF,UAAWG,IACXc,SAEFP,EAACQ,EAAG,CAACxC,MAAO,CAAE,kBAAmBmB,EAAWsB,cAAiCC,UAAU,gBAAeH,SACpGP,EAACW,EAAM,CAAAJ,SAAE9C,EAAM8C,eAIvB"}

package/esm/button-operate/index.js

@@ -10,5 +10,5 @@ import './../dialog-modal/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import i from"@ant-design/icons/es/icons/MoreOutlined";import{_ as r,a as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefined as n}from"@dimjs/lang/cjs/is-undefined";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as a}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as l,Tooltip as c,Space as m,Divider as d,Popconfirm as u,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as g,useMemo as h,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as C,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var w=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips"];var b=function i(r){if(r.hoverTips){if(r.tipsType==="popover"){return C(l,{content:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}return C(c,{title:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}if(v(r.content)){return C(j,{children:r.content})}return C("span",{children:r.content})};var z=function l(c){var j=g(false),z=j[0],F=j[1];var O=p.useCallbackRef((function(i,r){var e=i.onClick==null?void 0:i.onClick(r);if(e&&a(e)){F(true);return e.finally((function(){F(false)}))}return}));var I=c.operateList.filter((function(i){if(!i)return false;if(v(i)){var r,e;if(((r=i.props)==null?void 0:r["hidden"])===true)return false;var n=(e=i.props)==null?void 0:e["v-permission"];if(s(n)){return T.hasPermission(n)}return true}if(t(i)){if(!T.hasPermission(i["permission"])){return false}return!i["hidden"]}return false}));var M=h((function(){return I.filter((function(i){if(v(i)){return true}return!i["isFold"]}))}),[I]);var N=h((function(){var i=I.filter((function(i){if(v(i)){return false}return i["isFold"]}));var e=[];i.forEach((function(i){var n=r({},i);delete n.isFold;e.push(n)}));return e}),[I]);var _=c.gap===undefined?10:c.gap;var L=!c.split?_:0;return C("div",{className:o("table-operate",c.className),style:c.style,children:P(m,r({split:c.split?C(d,{type:"vertical"}):null,size:L,wrap:n(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map((function(i,n){if(i&&v(i)){return C(b,{content:i,hoverTips:i.hoverTips,tipsType:i.tipsType},n)}var o=i.text,t=i.onClick,s=i.needConfirm,a=i.confirmMessage,p=i.popconfirmProps,l=i.hoverTips,c=e(i,w);var m=i.type||"link";if(s&&!c.disabled){var d=!!i.color?false:true;return y(u,r({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},p,{title:a,onConfirm:O.bind(null,i),key:n,okButtonProps:{loading:z},onOpenChange:function i(r){if(!r){F(false)}},onCancel:function i(r){r==null?void 0:r.stopPropagation()}}),C(k,r({danger:d},c,{onClick:function i(r){r.stopPropagation()},type:m,children:C(b,{content:o,hoverTips:l,tipsType:i.tipsType},n)})))}return y(k,r({loadingPosition:"center"},c,{type:m,onClick:function i(r){r.stopPropagation();return t==null?void 0:t(r)},key:n}),C(b,{content:o,hoverTips:l,tipsType:i.tipsType}))})),N.length>0?C(x,r({menuList:N,placement:"bottomCenter"},c.dropdownMenuProps,{children:C(f,{type:"link",className:"fold-more-button",onClick:function i(r){r.stopPropagation()},children:c.foldIcon?c.foldIcon:C(i,{})})})):null]}))})};z.defaultProps={split:true};export{z as ButtonOperate,b as ButtonOperateItemContent};
+import i from"@ant-design/icons/es/icons/MoreOutlined";import{_ as r,a as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefined as n}from"@dimjs/lang/cjs/is-undefined";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as a}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as l,Tooltip as c,Space as m,Divider as d,Popconfirm as u,Button as f}from"antd";import{isValidElement as j,Fragment as v,useState as g,useMemo as h,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as C,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"@dimjs/model";var w=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips"];var b=function i(r){if(r.hoverTips){if(r.tipsType==="popover"){return C(l,{content:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}return C(c,{title:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}if(j(r.content)){return C(v,{children:r.content})}return C("span",{children:r.content})};var z=function l(c){var v=g(false),z=v[0],F=v[1];var O=p.useCallbackRef((function(i,r){var e=i.onClick==null?void 0:i.onClick(r);if(e&&a(e)){F(true);return e.finally((function(){F(false)}))}return}));var I=c.operateList.filter((function(i){if(!i)return false;if(j(i)){var r,e;if(((r=i.props)==null?void 0:r["hidden"])===true)return false;var n=(e=i.props)==null?void 0:e["v-permission"];if(s(n)){return T.hasPermission(n)}return true}if(t(i)){if(!T.hasPermission(i["permission"])){return false}return!i["hidden"]}return false}));var M=h((function(){return I.filter((function(i){if(j(i)){return true}return!i["isFold"]}))}),[I]);var N=h((function(){var i=I.filter((function(i){if(j(i)){return false}return i["isFold"]}));var e=[];i.forEach((function(i){var n=r({},i);delete n.isFold;e.push(n)}));return e}),[I]);var _=c.gap===undefined?10:c.gap;var L=!c.split?_:0;return C("div",{className:o("table-operate",c.className),style:c.style,children:P(m,r({split:c.split?C(d,{type:"vertical"}):null,size:L,wrap:n(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map((function(i,n){if(i&&j(i)){return C(b,{content:i,hoverTips:i.hoverTips,tipsType:i.tipsType},n)}var o=i.text,t=i.onClick,s=i.needConfirm,a=i.confirmMessage,p=i.popconfirmProps,l=i.hoverTips,c=e(i,w);var m=i.type||"link";if(s&&!c.disabled){var d=!!i.color?false:true;return y(u,r({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},p,{title:a,onConfirm:O.bind(null,i),key:n,okButtonProps:{loading:z},onOpenChange:function i(r){if(!r){F(false)}},onCancel:function i(r){r==null?void 0:r.stopPropagation()}}),C(k,r({danger:d},c,{onClick:function i(r){r.stopPropagation()},type:m,children:C(b,{content:o,hoverTips:l,tipsType:i.tipsType},n)})))}return y(k,r({loadingPosition:"center"},c,{type:m,onClick:function i(r){r.stopPropagation();return t==null?void 0:t(r)},key:n}),C(b,{content:o,hoverTips:l,tipsType:i.tipsType}))})),N.length>0?C(x,r({menuList:N,placement:"bottomCenter"},c.dropdownMenuProps,{children:C(f,{type:"link",className:"fold-more-button",onClick:function i(r){r.stopPropagation()},children:c.foldIcon?c.foldIcon:C(i,{})})})):null]}))})};z.defaultProps={split:true};export{z as ButtonOperate,b as ButtonOperateItemContent};
 //# sourceMappingURL=index.js.map

package/esm/button-operate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Divider, Popconfirm, PopconfirmProps, Popover, Space, SpaceProps, Tooltip } from 'antd';\nimport {\n  CSSProperties,\n  FC,\n  Fragment,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { DropdownMenuWrapper, DropdownMenuWrapperProps } from '../dropdown-menu-wrapper';\nimport { fbaUtils } from '../fba-utils';\n\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  /** 按钮文案 */\n  text?: string | ReactElement;\n  /** 自定义按钮颜色 */\n  color?: string;\n  /** 是否需要二次弹框确认 */\n  needConfirm?: boolean;\n  /** 二次弹框确认文案  */\n  confirmMessage?: string;\n  /* isFold=false & needConfirm=true 有效  */\n  popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n  /** 是否折叠合拢 */\n  isFold?: boolean;\n  /* isFold=true & needConfirm=true 有效  */\n  confirmModalProps?: DialogModalProps;\n}\n\nexport interface ButtonOperateProps {\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * 如果数组中元素为ReactElement类型\n   * 1. 一般为antd Button组件，如果组件存在属性hidden=true，则会隐藏\n   * 2. 可配置 v-permission 权限值，例如 v-permission=\"add\"\n   * 3. 任何confirm、disabled等状态在外部控制\n   * 3. 不支持fold效果\n   */\n  operateList: Array<ButtonOperateItem | null | ReactElement>;\n  /** 是否换行，默认true */\n  wrap?: boolean;\n  /** 隐藏图标Icon */\n  foldIcon?: ReactElement;\n  /** 按钮之间是否添加分隔符 */\n  split?: boolean;\n  /** 多个按钮的包装组件Space属性 */\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  /** 折叠合拢属性 */\n  dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n}\n\nexport const ButtonOperateItemContent = (\n  props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & { content: ReactNode },\n) => {\n  if (props.hoverTips) {\n    if (props.tipsType === 'popover') {\n      return (\n        <Popover content={props.hoverTips} zIndex={1000}>\n          <span>{props.content}</span>\n        </Popover>\n      );\n    }\n    return (\n      <Tooltip title={props.hoverTips} zIndex={1000}>\n        <span>{props.content}</span>\n      </Tooltip>\n    );\n  }\n  if (isValidElement(props.content)) {\n    return <Fragment>{props.content}</Fragment>;\n  }\n  // ButtonOperate item 内部 span 包文案会有动态效果\n  return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * @flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互，有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因：升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n  const [loading, setLoading] = useState(false);\n\n  const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n    const result = item.onClick?.(event);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      return result.finally(() => {\n        setLoading(false);\n      });\n    }\n    return;\n  });\n\n  const operateList = props.operateList.filter((item) => {\n    if (!item) return false;\n    if (isValidElement(item)) {\n      if (item.props?.['hidden'] === true) return false;\n      const permission = item.props?.['v-permission'];\n      if (isString(permission)) {\n        return fbaUtils.hasPermission(permission);\n      }\n      return true;\n    }\n    if (isPlainObject(item)) {\n      if (!fbaUtils.hasPermission(item['permission'])) {\n        return false;\n      }\n      return !item['hidden'];\n    }\n    return false;\n  }) as Array<ButtonOperateItem | ReactElement>;\n\n  const viewList = useMemo(() => {\n    return operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return true;\n      }\n      return !item['isFold'];\n    }) as ButtonOperateItem[];\n  }, [operateList]);\n\n  const foldList = useMemo(() => {\n    const filterList = operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return false;\n      }\n      return item['isFold'];\n    }) as ButtonOperateItem[];\n    const result = [] as ButtonOperateItem[];\n    filterList.forEach((item) => {\n      const target = { ...item };\n      // 多余字段渲染到react dom上，出现警告\n      delete target.isFold;\n      result.push(target);\n    });\n    return result;\n  }, [operateList]);\n\n  const gap = props.gap === undefined ? 10 : props.gap;\n  const size = !props.split ? gap : 0;\n\n  return (\n    <div className={classNames('table-operate', props.className)} style={props.style}>\n      <Space\n        split={props.split ? <Divider type=\"vertical\" /> : null}\n        size={size}\n        wrap={isUndefined(props.wrap) ? true : props.wrap}\n        {...props.spaceProps}\n      >\n        {viewList.map((item, index) => {\n          if (item && isValidElement(item)) {\n            return (\n              <ButtonOperateItemContent\n                content={item}\n                hoverTips={item.hoverTips}\n                tipsType={item.tipsType}\n                key={index}\n              />\n            );\n          }\n          const { text, onClick, needConfirm, confirmMessage, popconfirmProps, hoverTips, ...otherProps } =\n            item;\n          const type = item.type || 'link';\n          if (needConfirm && !otherProps.disabled) {\n            const danger = !!item.color ? false : true;\n            return (\n              <Popconfirm\n                okText=\"确定\"\n                cancelText=\"取消\"\n                trigger={['click']}\n                placement=\"topRight\"\n                arrow={true}\n                destroyTooltipOnHide={true}\n                {...popconfirmProps}\n                title={confirmMessage}\n                onConfirm={onConfirm.bind(null, item)}\n                key={index}\n                okButtonProps={{\n                  loading,\n                }}\n                onOpenChange={(_open) => {\n                  if (!_open) {\n                    setLoading(false);\n                  }\n                }}\n                onCancel={(event) => {\n                  event?.stopPropagation();\n                }}\n              >\n                <ButtonWrapper\n                  danger={danger}\n                  {...otherProps}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                  }}\n                  type={type}\n                >\n                  <ButtonOperateItemContent\n                    content={text}\n                    hoverTips={hoverTips}\n                    tipsType={item.tipsType}\n                    key={index}\n                  />\n                </ButtonWrapper>\n              </Popconfirm>\n            );\n          }\n          return (\n            <ButtonWrapper\n              loadingPosition=\"center\"\n              {...otherProps}\n              type={type}\n              onClick={(event) => {\n                event.stopPropagation();\n                return onClick?.(event);\n              }}\n              key={index}\n            >\n              <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n            </ButtonWrapper>\n          );\n        })}\n        {foldList.length > 0 ? (\n          <DropdownMenuWrapper menuList={foldList} placement=\"bottomCenter\" {...props.dropdownMenuProps}>\n            <Button\n              type=\"link\"\n              className=\"fold-more-button\"\n              onClick={(event) => {\n                event.stopPropagation();\n              }}\n            >\n              {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n            </Button>\n          </DropdownMenuWrapper>\n        ) : null}\n      </Space>\n    </div>\n  );\n};\n\nButtonOperate.defaultProps = {\n  split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","permission","_isString","fbaUtils","hasPermission","_isPlainObject","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","gap","undefined","size","split","className","_classNames","style","_jsxs","Space","Divider","type","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","otherProps","_objectWithoutPropertiesLoose","_excluded","disabled","danger","color","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Divider, Popconfirm, PopconfirmProps, Popover, Space, SpaceProps, Tooltip } from 'antd';\nimport {\n  CSSProperties,\n  FC,\n  Fragment,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { DropdownMenuWrapper, DropdownMenuWrapperProps } from '../dropdown-menu-wrapper';\nimport { fbaUtils } from '../fba-utils';\n\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  /** 按钮文案 */\n  text?: string | ReactElement;\n  /** 自定义按钮颜色 */\n  color?: string;\n  /** 是否需要二次弹框确认 */\n  needConfirm?: boolean;\n  /** 二次弹框确认文案  */\n  confirmMessage?: string;\n  /* isFold=false & needConfirm=true 有效  */\n  popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n  /** 是否折叠合拢 */\n  isFold?: boolean;\n  /* isFold=true & needConfirm=true 有效  */\n  confirmModalProps?: DialogModalProps;\n}\n\nexport interface ButtonOperateProps {\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * 如果数组中元素为ReactElement类型\n   * 1. 一般为antd Button组件，如果组件存在属性hidden=true，则会隐藏\n   * 2. 可配置 v-permission 权限值，例如 v-permission=\"add\"\n   * 3. 任何confirm、disabled等状态在外部控制\n   * 3. 不支持fold效果\n   */\n  operateList: Array<ButtonOperateItem | null | ReactElement>;\n  /** 是否换行，默认true */\n  wrap?: boolean;\n  /** 隐藏图标Icon */\n  foldIcon?: ReactElement;\n  /** 按钮之间是否添加分隔符 */\n  split?: boolean;\n  /** 多个按钮的包装组件Space属性 */\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  /** 折叠合拢属性 */\n  dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n}\n\nexport const ButtonOperateItemContent = (\n  props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & { content: ReactNode },\n) => {\n  if (props.hoverTips) {\n    if (props.tipsType === 'popover') {\n      return (\n        <Popover content={props.hoverTips} zIndex={1000}>\n          <span>{props.content}</span>\n        </Popover>\n      );\n    }\n    return (\n      <Tooltip title={props.hoverTips} zIndex={1000}>\n        <span>{props.content}</span>\n      </Tooltip>\n    );\n  }\n  if (isValidElement(props.content)) {\n    return <Fragment>{props.content}</Fragment>;\n  }\n  // ButtonOperate item 内部 span 包文案会有动态效果\n  return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * @flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互，有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因：升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n  const [loading, setLoading] = useState(false);\n\n  const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n    const result = item.onClick?.(event);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      return result.finally(() => {\n        setLoading(false);\n      });\n    }\n    return;\n  });\n\n  const operateList = props.operateList.filter((item) => {\n    if (!item) return false;\n    if (isValidElement(item)) {\n      if (item.props?.['hidden'] === true) return false;\n      const permission = item.props?.['v-permission'];\n      if (isString(permission)) {\n        return fbaUtils.hasPermission(permission);\n      }\n      return true;\n    }\n    if (isPlainObject(item)) {\n      if (!fbaUtils.hasPermission(item['permission'])) {\n        return false;\n      }\n      return !item['hidden'];\n    }\n    return false;\n  }) as Array<ButtonOperateItem | ReactElement>;\n\n  const viewList = useMemo(() => {\n    return operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return true;\n      }\n      return !item['isFold'];\n    }) as ButtonOperateItem[];\n  }, [operateList]);\n\n  const foldList = useMemo(() => {\n    const filterList = operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return false;\n      }\n      return item['isFold'];\n    }) as ButtonOperateItem[];\n    const result = [] as ButtonOperateItem[];\n    filterList.forEach((item) => {\n      const target = { ...item };\n      // 多余字段渲染到react dom上，出现警告\n      delete target.isFold;\n      result.push(target);\n    });\n    return result;\n  }, [operateList]);\n\n  const gap = props.gap === undefined ? 10 : props.gap;\n  const size = !props.split ? gap : 0;\n\n  return (\n    <div className={classNames('table-operate', props.className)} style={props.style}>\n      <Space\n        split={props.split ? <Divider type=\"vertical\" /> : null}\n        size={size}\n        wrap={isUndefined(props.wrap) ? true : props.wrap}\n        {...props.spaceProps}\n      >\n        {viewList.map((item, index) => {\n          if (item && isValidElement(item)) {\n            return (\n              <ButtonOperateItemContent\n                content={item}\n                hoverTips={item.hoverTips}\n                tipsType={item.tipsType}\n                key={index}\n              />\n            );\n          }\n          const { text, onClick, needConfirm, confirmMessage, popconfirmProps, hoverTips, ...otherProps } =\n            item;\n          const type = item.type || 'link';\n          if (needConfirm && !otherProps.disabled) {\n            const danger = !!item.color ? false : true;\n            return (\n              <Popconfirm\n                okText=\"确定\"\n                cancelText=\"取消\"\n                trigger={['click']}\n                placement=\"topRight\"\n                arrow={true}\n                destroyTooltipOnHide={true}\n                {...popconfirmProps}\n                title={confirmMessage}\n                onConfirm={onConfirm.bind(null, item)}\n                key={index}\n                okButtonProps={{\n                  loading,\n                }}\n                onOpenChange={(_open) => {\n                  if (!_open) {\n                    setLoading(false);\n                  }\n                }}\n                onCancel={(event) => {\n                  event?.stopPropagation();\n                }}\n              >\n                <ButtonWrapper\n                  danger={danger}\n                  {...otherProps}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                  }}\n                  type={type}\n                >\n                  <ButtonOperateItemContent\n                    content={text}\n                    hoverTips={hoverTips}\n                    tipsType={item.tipsType}\n                    key={index}\n                  />\n                </ButtonWrapper>\n              </Popconfirm>\n            );\n          }\n          return (\n            <ButtonWrapper\n              loadingPosition=\"center\"\n              {...otherProps}\n              type={type}\n              onClick={(event) => {\n                event.stopPropagation();\n                return onClick?.(event);\n              }}\n              key={index}\n            >\n              <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n            </ButtonWrapper>\n          );\n        })}\n        {foldList.length > 0 ? (\n          <DropdownMenuWrapper menuList={foldList} placement=\"bottomCenter\" {...props.dropdownMenuProps}>\n            <Button\n              type=\"link\"\n              className=\"fold-more-button\"\n              onClick={(event) => {\n                event.stopPropagation();\n              }}\n            >\n              {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n            </Button>\n          </DropdownMenuWrapper>\n        ) : null}\n      </Space>\n    </div>\n  );\n};\n\nButtonOperate.defaultProps = {\n  split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","permission","_isString","fbaUtils","hasPermission","_isPlainObject","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","gap","undefined","size","split","className","_classNames","style","_jsxs","Space","Divider","type","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","otherProps","_objectWithoutPropertiesLoose","_excluded","disabled","danger","color","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}

package/esm/button-wrapper/index.js

@@ -5,5 +5,5 @@ import './../types/index.css';
 import './../fba-utils/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as t}from"antd";import{useState as s}from"react";import{C as c}from"../index-7f4ad045.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{fbaUtils as d}from"../fba-utils/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var f=["loadingPosition","color","debounceDuration","permission","hidden","loading","removeGap"];var v=function o(r){if(r.color&&!r.disabled){var i={};if(r.type==="link"){i={colorLink:r.color,colorLinkActive:r.color,colorLinkHover:r.color}}else if(r.type==="primary"){i={colorPrimary:r.color,colorPrimaryHover:r.color,colorPrimaryActive:r.color}}else{i={colorPrimaryHover:r.color,colorPrimaryActive:r.color,colorText:r.color,colorBorder:r.color}}return p(c,{theme:{components:{Button:i}},children:r.children})}return r.children};var y=function c(y){var j=y.loadingPosition,h=y.color,g=y.debounceDuration,b=y.permission,k=y.hidden,P=y.loading,x=y.removeGap,C=r(y,f);var w=P;var N=s(false),D=N[0],H=N[1];var L=j===undefined?"left":j;var _=L==="left";var z=n(g)?500:g;var A=a(C.className,{"button-remove-gap":x});m.useEffectCustom((function(){if(!n(P)){H(w||false)}}),[P]);var B=l.useDebounceClick((function(o){var r=y.onClick;if(!r){return}var i=r(o);if(i&&e(i)){H(true);i.catch((function(o){console.error(o)})).finally((function(){H(false)}))}}),z);if(!d.hasPermission(b)){return null}if(k){return null}if(_){return p(v,{color:h,disabled:y.disabled,type:y.type,children:p(t,i({},C,{onClick:B,loading:D,className:A,children:y.children}))})}return p(v,{color:h,disabled:y.disabled,type:y.type,children:u(t,i({},C,{onClick:B,className:A,children:[D&&p("div",{className:"bw-center-loading",children:p(o,{})}),D?p("div",{style:{opacity:.5},children:y.children}):y.children]}))})};export{y as ButtonWrapper};
+import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as t}from"antd";import{useState as s}from"react";import{C as c}from"../index-7f4ad045.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{fbaUtils as d}from"../fba-utils/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/model";var f=["loadingPosition","color","debounceDuration","permission","hidden","loading","removeGap"];var v=function o(r){if(r.color&&!r.disabled){var i={};if(r.type==="link"){i={colorLink:r.color,colorLinkActive:r.color,colorLinkHover:r.color}}else if(r.type==="primary"){i={colorPrimary:r.color,colorPrimaryHover:r.color,colorPrimaryActive:r.color}}else{i={colorPrimaryHover:r.color,colorPrimaryActive:r.color,colorText:r.color,colorBorder:r.color}}return p(c,{theme:{components:{Button:i}},children:r.children})}return r.children};var y=function c(y){var j=y.loadingPosition,h=y.color,g=y.debounceDuration,b=y.permission,k=y.hidden,P=y.loading,x=y.removeGap,C=r(y,f);var w=P;var N=s(false),D=N[0],H=N[1];var L=j===undefined?"left":j;var _=L==="left";var z=n(g)?500:g;var A=a(C.className,{"button-remove-gap":x});m.useEffectCustom((function(){if(!n(P)){H(w||false)}}),[P]);var B=l.useDebounceClick((function(o){var r=y.onClick;if(!r){return}var i=r(o);if(i&&e(i)){H(true);i.catch((function(o){console.error(o)})).finally((function(){H(false)}))}}),z);if(!d.hasPermission(b)){return null}if(k){return null}if(_){return p(v,{color:h,disabled:y.disabled,type:y.type,children:p(t,i({},C,{onClick:B,loading:D,className:A,children:y.children}))})}return p(v,{color:h,disabled:y.disabled,type:y.type,children:u(t,i({},C,{onClick:B,className:A,children:[D&&p("div",{className:"bw-center-loading",children:p(o,{})}),D?p("div",{style:{opacity:.5},children:y.children}):y.children]}))})};export{y as ButtonWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick'> & {\n  /** 当返回 Promise 时，按钮自动loading */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n  /** 重复点击间隙，单位毫秒 默认值：500 */\n  debounceDuration?: number;\n  /** 基于GLOBAL中elemAclLimits按钮权限列表，控制按钮显示、隐藏 */\n  permission?: string;\n  /** 是否隐藏按钮 */\n  hidden?: boolean;\n  /** loading 显示位置，默认值：left */\n  loadingPosition?: 'left' | 'center';\n  /** 移除按钮内边距，一般用于 type=link 类型下 */\n  removeGap?: boolean;\n};\n\nconst DefaultButton = (props: {\n  children: ReactElement;\n  color?: string;\n  type?: ButtonProps['type'];\n  disabled?: boolean;\n}) => {\n  if (props.color && !props.disabled) {\n    let buttonTheme: OverrideToken['Button'] = {};\n    if (props.type === 'link') {\n      buttonTheme = {\n        colorLink: props.color,\n        colorLinkActive: props.color,\n        colorLinkHover: props.color,\n      };\n    } else if (props.type === 'primary') {\n      buttonTheme = {\n        colorPrimary: props.color,\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n      };\n    } else {\n      buttonTheme = {\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n        colorText: props.color,\n        colorBorder: props.color,\n      };\n    }\n\n    return (\n      <ConfigProviderWrapper\n        theme={{\n          components: {\n            Button: buttonTheme,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProviderWrapper>\n    );\n  }\n  return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果（在第一触发函数后，在指定时间内再次触发无效，即两次触发的时间间隙大于指定时间）\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n  const { loadingPosition, color, debounceDuration, permission, hidden, loading, removeGap, ...otherProps } =\n    props;\n  const loadingNew = loading as boolean | undefined;\n  const [innerLoading, setLoading] = useState(false);\n  const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n  const isLoadingLeft = loadingPositionNew === 'left';\n  const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n  const className = classNames(otherProps.className, { 'button-remove-gap': removeGap });\n\n  fbaHooks.useEffectCustom(() => {\n    if (!isUndefinedOrNull(loading)) {\n      setLoading(loadingNew || false);\n    }\n  }, [loading]);\n\n  const onClick = hooks.useDebounceClick((e) => {\n    const onClick = props.onClick;\n    if (!onClick) {\n      return;\n    }\n    const result = onClick(e);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      result\n        .catch((error) => {\n          console.error(error);\n        })\n        .finally(() => {\n          setLoading(false);\n        });\n    }\n  }, debounceDurationMew);\n\n  if (!fbaUtils.hasPermission(permission)) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  if (isLoadingLeft) {\n    return (\n      <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n        <Button {...otherProps} onClick={onClick} loading={innerLoading} className={className}>\n          {props.children}\n        </Button>\n      </DefaultButton>\n    );\n  }\n\n  return (\n    <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n      <Button {...otherProps} onClick={onClick} className={className}>\n        {innerLoading && (\n          <div className=\"bw-center-loading\">\n            <LoadingOutlined />\n          </div>\n        )}\n        {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n      </Button>\n    </DefaultButton>\n  );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","removeGap","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","className","_classNames","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","_LoadingOutlined","style","opacity"],"mappings":";onCA4BA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EACNpB,EADMoB,gBAAiBnB,EACvBD,EADuBC,MAAOoB,EAC9BrB,EAD8BqB,iBAAkBC,EAChDtB,EADgDsB,WAAYC,EAC5DvB,EAD4DuB,OAAQC,EACpExB,EADoEwB,QAASC,EAC7EzB,EAD6EyB,UAAcC,EAAUC,EACrG3B,EAAK4B,GACP,IAAMC,EAAaL,EACnB,IAAAM,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBd,IAAoBe,UAAY,OAASf,EACpE,IAAMgB,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBjB,GAAoB,IAAMA,EACxE,IAAMkB,EAAYC,EAAWd,EAAWa,UAAW,CAAE,oBAAqBd,IAE1EgB,EAASC,iBAAgB,WACvB,IAAKJ,EAAkBd,GAAU,CAC/BS,EAAWJ,GAAc,MAC3B,CACF,GAAG,CAACL,IAEJ,IAAMmB,EAAUC,EAAMC,kBAAiB,SAACC,GACtC,IAAMH,EAAU3C,EAAM2C,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/Bd,EAAW,MACXc,EACGE,OAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,IACCE,SAAQ,WACPnB,EAAW,MACb,GACJ,CACD,GAAEI,GAEH,IAAKgB,EAASC,cAAchC,GAAa,CACvC,OAAO,IACT,CAEA,GAAIC,EAAQ,CACV,OAAO,IACT,CAEA,GAAIa,EAAe,CACjB,OACEvB,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEL,EAACI,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASnB,QAASQ,EAAcO,UAAWA,EAAUrB,SACnFlB,EAAMkB,aAIf,CAEA,OACEL,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEsC,EAACvC,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASJ,UAAWA,EAAUrB,SAAA,CAC5Dc,GACCnB,EAAA,MAAA,CAAK0B,UAAU,oBAAmBrB,SAChCL,EAAA4C,EAAkB,MAGrBzB,EAAenB,EAAA,MAAA,CAAK6C,MAAO,CAAEC,QAAS,IAAMzC,SAAElB,EAAMkB,WAAkBlB,EAAMkB,cAIrF"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick'> & {\n  /** 当返回 Promise 时，按钮自动loading */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n  /** 重复点击间隙，单位毫秒 默认值：500 */\n  debounceDuration?: number;\n  /** 基于GLOBAL中elemAclLimits按钮权限列表，控制按钮显示、隐藏 */\n  permission?: string;\n  /** 是否隐藏按钮 */\n  hidden?: boolean;\n  /** loading 显示位置，默认值：left */\n  loadingPosition?: 'left' | 'center';\n  /** 移除按钮内边距，一般用于 type=link 类型下 */\n  removeGap?: boolean;\n};\n\nconst DefaultButton = (props: {\n  children: ReactElement;\n  color?: string;\n  type?: ButtonProps['type'];\n  disabled?: boolean;\n}) => {\n  if (props.color && !props.disabled) {\n    let buttonTheme: OverrideToken['Button'] = {};\n    if (props.type === 'link') {\n      buttonTheme = {\n        colorLink: props.color,\n        colorLinkActive: props.color,\n        colorLinkHover: props.color,\n      };\n    } else if (props.type === 'primary') {\n      buttonTheme = {\n        colorPrimary: props.color,\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n      };\n    } else {\n      buttonTheme = {\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n        colorText: props.color,\n        colorBorder: props.color,\n      };\n    }\n\n    return (\n      <ConfigProviderWrapper\n        theme={{\n          components: {\n            Button: buttonTheme,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProviderWrapper>\n    );\n  }\n  return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果（在第一触发函数后，在指定时间内再次触发无效，即两次触发的时间间隙大于指定时间）\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n  const { loadingPosition, color, debounceDuration, permission, hidden, loading, removeGap, ...otherProps } =\n    props;\n  const loadingNew = loading as boolean | undefined;\n  const [innerLoading, setLoading] = useState(false);\n  const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n  const isLoadingLeft = loadingPositionNew === 'left';\n  const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n  const className = classNames(otherProps.className, { 'button-remove-gap': removeGap });\n\n  fbaHooks.useEffectCustom(() => {\n    if (!isUndefinedOrNull(loading)) {\n      setLoading(loadingNew || false);\n    }\n  }, [loading]);\n\n  const onClick = hooks.useDebounceClick((e) => {\n    const onClick = props.onClick;\n    if (!onClick) {\n      return;\n    }\n    const result = onClick(e);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      result\n        .catch((error) => {\n          console.error(error);\n        })\n        .finally(() => {\n          setLoading(false);\n        });\n    }\n  }, debounceDurationMew);\n\n  if (!fbaUtils.hasPermission(permission)) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  if (isLoadingLeft) {\n    return (\n      <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n        <Button {...otherProps} onClick={onClick} loading={innerLoading} className={className}>\n          {props.children}\n        </Button>\n      </DefaultButton>\n    );\n  }\n\n  return (\n    <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n      <Button {...otherProps} onClick={onClick} className={className}>\n        {innerLoading && (\n          <div className=\"bw-center-loading\">\n            <LoadingOutlined />\n          </div>\n        )}\n        {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n      </Button>\n    </DefaultButton>\n  );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","removeGap","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","className","_classNames","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","_LoadingOutlined","style","opacity"],"mappings":";yoCA4BA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EACNpB,EADMoB,gBAAiBnB,EACvBD,EADuBC,MAAOoB,EAC9BrB,EAD8BqB,iBAAkBC,EAChDtB,EADgDsB,WAAYC,EAC5DvB,EAD4DuB,OAAQC,EACpExB,EADoEwB,QAASC,EAC7EzB,EAD6EyB,UAAcC,EAAUC,EACrG3B,EAAK4B,GACP,IAAMC,EAAaL,EACnB,IAAAM,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBd,IAAoBe,UAAY,OAASf,EACpE,IAAMgB,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBjB,GAAoB,IAAMA,EACxE,IAAMkB,EAAYC,EAAWd,EAAWa,UAAW,CAAE,oBAAqBd,IAE1EgB,EAASC,iBAAgB,WACvB,IAAKJ,EAAkBd,GAAU,CAC/BS,EAAWJ,GAAc,MAC3B,CACF,GAAG,CAACL,IAEJ,IAAMmB,EAAUC,EAAMC,kBAAiB,SAACC,GACtC,IAAMH,EAAU3C,EAAM2C,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/Bd,EAAW,MACXc,EACGE,OAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,IACCE,SAAQ,WACPnB,EAAW,MACb,GACJ,CACD,GAAEI,GAEH,IAAKgB,EAASC,cAAchC,GAAa,CACvC,OAAO,IACT,CAEA,GAAIC,EAAQ,CACV,OAAO,IACT,CAEA,GAAIa,EAAe,CACjB,OACEvB,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEL,EAACI,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASnB,QAASQ,EAAcO,UAAWA,EAAUrB,SACnFlB,EAAMkB,aAIf,CAEA,OACEL,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEsC,EAACvC,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASJ,UAAWA,EAAUrB,SAAA,CAC5Dc,GACCnB,EAAA,MAAA,CAAK0B,UAAU,oBAAmBrB,SAChCL,EAAA4C,EAAkB,MAGrBzB,EAAenB,EAAA,MAAA,CAAK6C,MAAO,CAAEC,QAAS,IAAMzC,SAAElB,EAAMkB,WAAkBlB,EAAMkB,cAIrF"}

package/esm/check-list/index.js

@@ -3,5 +3,5 @@ import './../fba-utils/index.css';
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{extend as t}from"@dimjs/utils/cjs/extend";import{hooks as n}from"@wove/react/cjs/hooks";import{useMemo as i}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{createCtx as l}from"@wove/react/cjs/create-ctx";import{toArray as o}from"@flatbiz/utils";import{jsx as s,jsxs as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../_rollupPluginBabelHelpers-a0769acd.js";import"../use-responsive-point-21b8c601.js";import"antd";var c=l(),d=c[0],f=c[1];var m=function e(r,t){if(r!==undefined){var n=o(r);return t?n:n.splice(0,1)}return null};var p=function e(l){var o=a.useArrayChange([]),c=o[0],d=o[1];var p=i((function(){return m(l.value,l.multiple)}),[l.value,l.multiple]);a.useEffectCustom((function(){var e=p||m(l.defaultValue,l.multiple);d.resetList(e||[])}),[]);n.useUpdateEffect((function(){d.resetList(p||[])}),[p]);var h=n.useCallbackRef((function(e,r){return new Promise((function(n,i){var a,o,s;if(l.onPreChange){return Promise.resolve(l.onPreChange(e)).then(function(e){try{return u.call(this)}catch(e){return i(e)}}.bind(this),i)}function u(){a=c.findIndex((function(r){return r===e}));if(l.multiple===true){if(c.length===1&&a>=0&&l.required){return n()}if(a>=0){d.delete(a)}else{d.add(e)}}else{if(a>=0&&l.required){return n()}else{d.resetList(a>=0?[]:[e])}}if(!r){o=d.getList();if(l.multiple){s=o.length>0?t([],o):undefined}else{s=o.length>0?o[0]:undefined}l.onChange==null?void 0:l.onChange(s,e)}return n()}return u.call(this)}))}));return s("div",{className:r("check-list",l.className),style:l.style,children:u(f,{value:{onChange:h,checkedValues:c,stopPropagation:l.stopPropagation},children:[l.beforeExtra,l.children,l.afterExtra]})})};var h=function e(t){var i;var a=d();if(a===null){console.error("CheckList.Item can only be used inside CheckList.");return null}var l=n.useCallbackRef((function(e){if(a.stopPropagation){e.stopPropagation()}if(!t.disabled){a==null?void 0:a.onChange(t.value)}}));var o=(a==null?void 0:a.checkedValues.findIndex((function(e){return e===t.value})))>=0;var s="check-list";var u=r(s+"-item",(i={},i[s+"-disabled"]=t.disabled,i[s+"-readonly"]=t.readonly,i[s+"-checked"]=o,i),t.className);return t.children({onClick:l,checked:o,disabled:t.disabled,readonly:t.readonly,className:u,style:t.style})};var v=e.attachPropertiesToComponent(p,{Item:h});export{v as CheckList};
+import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{extend as t}from"@dimjs/utils/cjs/extend";import{hooks as n}from"@wove/react/cjs/hooks";import{useMemo as i}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{createCtx as l}from"@wove/react/cjs/create-ctx";import{toArray as o}from"@flatbiz/utils";import{jsx as s,jsxs as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"../_rollupPluginBabelHelpers-a0769acd.js";import"../use-responsive-point-21b8c601.js";import"antd";var c=l(),d=c[0],f=c[1];var m=function e(r,t){if(r!==undefined){var n=o(r);return t?n:n.splice(0,1)}return null};var p=function e(l){var o=a.useArrayChange([]),c=o[0],d=o[1];var p=i((function(){return m(l.value,l.multiple)}),[l.value,l.multiple]);a.useEffectCustom((function(){var e=p||m(l.defaultValue,l.multiple);d.resetList(e||[])}),[]);n.useUpdateEffect((function(){d.resetList(p||[])}),[p]);var h=n.useCallbackRef((function(e,r){return new Promise((function(n,i){var a,o,s;if(l.onPreChange){return Promise.resolve(l.onPreChange(e)).then(function(e){try{return u.call(this)}catch(e){return i(e)}}.bind(this),i)}function u(){a=c.findIndex((function(r){return r===e}));if(l.multiple===true){if(c.length===1&&a>=0&&l.required){return n()}if(a>=0){d.delete(a)}else{d.add(e)}}else{if(a>=0&&l.required){return n()}else{d.resetList(a>=0?[]:[e])}}if(!r){o=d.getList();if(l.multiple){s=o.length>0?t([],o):undefined}else{s=o.length>0?o[0]:undefined}l.onChange==null?void 0:l.onChange(s,e)}return n()}return u.call(this)}))}));return s("div",{className:r("check-list",l.className),style:l.style,children:u(f,{value:{onChange:h,checkedValues:c,stopPropagation:l.stopPropagation},children:[l.beforeExtra,l.children,l.afterExtra]})})};var h=function e(t){var i;var a=d();if(a===null){console.error("CheckList.Item can only be used inside CheckList.");return null}var l=n.useCallbackRef((function(e){if(a.stopPropagation){e.stopPropagation()}if(!t.disabled){a==null?void 0:a.onChange(t.value)}}));var o=(a==null?void 0:a.checkedValues.findIndex((function(e){return e===t.value})))>=0;var s="check-list";var u=r(s+"-item",(i={},i[s+"-disabled"]=t.disabled,i[s+"-readonly"]=t.readonly,i[s+"-checked"]=o,i),t.className);return t.children({onClick:l,checked:o,disabled:t.disabled,readonly:t.readonly,className:u,style:t.style})};var v=e.attachPropertiesToComponent(p,{Item:h});export{v as CheckList};
 //# sourceMappingURL=index.js.map

package/esm/check-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/check-list/context.ts","@flatbiz/antd/src/check-list/utils.ts","@flatbiz/antd/src/check-list/check-list.tsx","@flatbiz/antd/src/check-list/check-list-item.tsx","@flatbiz/antd/src/check-list/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\nimport { CheckListItemValue } from './types';\n\nexport const [useCheckListCtx, CheckListCtxProvider] = createCtx<{\n  checkedValues: CheckListItemValue[];\n  onChange: (value: CheckListItemValue, defaultChange?: boolean) => void;\n  stopPropagation?: boolean;\n}>();\n","import { toArray } from '@flatbiz/utils';\nimport { CheckListItemValue, CheckListValue } from './types';\n\nexport const getValueList = (value?: CheckListValue, multiple?: boolean) => {\n  if (value !== undefined) {\n    const valueList = toArray<CheckListItemValue>(value);\n    return multiple ? valueList : valueList.splice(0, 1);\n  }\n  return null;\n};\n","import { classNames, extend } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CommonPropsWithChildren } from '../_utils/native-props';\nimport { CheckListCtxProvider } from './context';\nimport './style.less';\nimport { CheckListItemValue } from './types';\nimport { getValueList } from './utils';\n\nexport type CheckListSelectedValue<T extends 'multi' | 'radio'> = T extends 'multi'\n  ? CheckListItemValue[]\n  : CheckListItemValue;\n\nexport type CheckListProps<T extends 'multi' | 'radio'> = {\n  multiple?: boolean;\n  onChange?: (value: CheckListSelectedValue<T>, operateValue: CheckListItemValue) => void;\n  onPreChange?: (value: CheckListItemValue) => Promise<void>;\n  value?: CheckListSelectedValue<T>;\n  defaultValue?: CheckListSelectedValue<T>;\n  beforeExtra?: ReactNode;\n  afterExtra?: ReactNode;\n  stopPropagation?: boolean;\n  required?: boolean;\n} & CommonPropsWithChildren;\n\nexport const CheckListInner = <T extends 'multi' | 'radio'>(props: CheckListProps<T>) => {\n  const [checkedValues, arrayOperate] = fbaHooks.useArrayChange<CheckListItemValue>([]);\n\n  const valueList = useMemo(() => {\n    return getValueList(props.value, props.multiple);\n  }, [props.value, props.multiple]);\n\n  fbaHooks.useEffectCustom(() => {\n    const current = valueList || getValueList(props.defaultValue, props.multiple);\n    arrayOperate.resetList(current || []);\n  }, []);\n\n  hooks.useUpdateEffect(() => {\n    arrayOperate.resetList(valueList || []);\n  }, [valueList]);\n\n  const onChange = hooks.useCallbackRef(async (value: CheckListItemValue, defaultChange) => {\n    if (props.onPreChange) {\n      await props.onPreChange(value);\n    }\n    const targetIndex = checkedValues.findIndex((temp) => temp === value);\n    if (props.multiple === true) {\n      if (checkedValues.length === 1 && targetIndex >= 0 && props.required) {\n        return;\n      }\n      if (targetIndex >= 0) {\n        arrayOperate.delete(targetIndex);\n      } else {\n        arrayOperate.add(value);\n      }\n    } else {\n      if (targetIndex >= 0 && props.required) {\n        return;\n      } else {\n        arrayOperate.resetList(targetIndex >= 0 ? [] : [value]);\n      }\n    }\n    if (!defaultChange) {\n      const newValues = arrayOperate.getList();\n      let selectedValue;\n      if (props.multiple) {\n        selectedValue = newValues.length > 0 ? extend([], newValues) : undefined;\n      } else {\n        selectedValue = newValues.length > 0 ? newValues[0] : undefined;\n      }\n      props.onChange?.(selectedValue as CheckListSelectedValue<T>, value);\n    }\n  });\n\n  return (\n    <div className={classNames('check-list', props.className)} style={props.style}>\n      <CheckListCtxProvider\n        value={{\n          onChange,\n          checkedValues,\n          stopPropagation: props.stopPropagation,\n        }}\n      >\n        {props.beforeExtra}\n        {props.children}\n        {props.afterExtra}\n      </CheckListCtxProvider>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement } from 'react';\nimport { useCheckListCtx } from './context';\nimport { CheckListItemValue } from './types';\n\nexport type CheckListItemContentProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  onClick?: (event) => void;\n  className?: string;\n  readonly?: boolean;\n  style?: CSSProperties;\n};\n\nexport type CheckListItemProps = {\n  value: CheckListItemValue;\n  disabled?: boolean;\n  readonly?: boolean;\n  children: (data: CheckListItemContentProps) => ReactElement;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const CheckListItem = (props: CheckListItemProps) => {\n  const context = useCheckListCtx();\n\n  if (context === null) {\n    console.error('CheckList.Item can only be used inside CheckList.');\n    return null;\n  }\n\n  const onClick = hooks.useCallbackRef((event) => {\n    if (context.stopPropagation) {\n      event.stopPropagation();\n    }\n    if (!props.disabled) {\n      context?.onChange(props.value);\n    }\n  });\n\n  const checked = context?.checkedValues.findIndex((temp) => temp === props.value) >= 0;\n  const checkedClassPrefix = 'check-list';\n\n  const className = classNames(\n    `${checkedClassPrefix}-item`,\n    {\n      [`${checkedClassPrefix}-disabled`]: props.disabled,\n      [`${checkedClassPrefix}-readonly`]: props.readonly,\n      [`${checkedClassPrefix}-checked`]: checked,\n    },\n    props.className,\n  );\n\n  return props.children({\n    onClick,\n    checked,\n    disabled: props.disabled,\n    readonly: props.readonly,\n    className,\n    style: props.style,\n  });\n};\n","import { fbaUtils } from '../fba-utils';\nimport { CheckListInner } from './check-list';\nimport { CheckListItem } from './check-list-item';\n\nexport const CheckList = fbaUtils.attachPropertiesToComponent(CheckListInner, {\n  Item: CheckListItem,\n});\n"],"names":["_createCtx","_createCtx2","useCheckListCtx","CheckListCtxProvider","getValueList","value","multiple","undefined","valueList","toArray","splice","CheckListInner","props","_fbaHooks$useArrayCha","fbaHooks","useArrayChange","checkedValues","arrayOperate","useMemo","useEffectCustom","current","defaultValue","resetList","_hooks","useUpdateEffect","onChange","useCallbackRef","defaultChange","Promise","$return","$error","targetIndex","newValues","selectedValue","onPreChange","resolve","then","$await_2","$If_1","call","this","$boundEx","bind","findIndex","temp","length","required","delete","add","getList","_extend","_jsx","className","_classNames","style","children","_jsxs","stopPropagation","beforeExtra","afterExtra","CheckListItem","_classNames2","context","console","error","onClick","event","disabled","checked","checkedClassPrefix","readonly","CheckList","fbaUtils","attachPropertiesToComponent","Item"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/check-list/context.ts","@flatbiz/antd/src/check-list/utils.ts","@flatbiz/antd/src/check-list/check-list.tsx","@flatbiz/antd/src/check-list/check-list-item.tsx","@flatbiz/antd/src/check-list/index.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\nimport { CheckListItemValue } from './types';\n\nexport const [useCheckListCtx, CheckListCtxProvider] = createCtx<{\n  checkedValues: CheckListItemValue[];\n  onChange: (value: CheckListItemValue, defaultChange?: boolean) => void;\n  stopPropagation?: boolean;\n}>();\n","import { toArray } from '@flatbiz/utils';\nimport { CheckListItemValue, CheckListValue } from './types';\n\nexport const getValueList = (value?: CheckListValue, multiple?: boolean) => {\n  if (value !== undefined) {\n    const valueList = toArray<CheckListItemValue>(value);\n    return multiple ? valueList : valueList.splice(0, 1);\n  }\n  return null;\n};\n","import { classNames, extend } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ReactNode, useMemo } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { CommonPropsWithChildren } from '../_utils/native-props';\nimport { CheckListCtxProvider } from './context';\nimport './style.less';\nimport { CheckListItemValue } from './types';\nimport { getValueList } from './utils';\n\nexport type CheckListSelectedValue<T extends 'multi' | 'radio'> = T extends 'multi'\n  ? CheckListItemValue[]\n  : CheckListItemValue;\n\nexport type CheckListProps<T extends 'multi' | 'radio'> = {\n  multiple?: boolean;\n  onChange?: (value: CheckListSelectedValue<T>, operateValue: CheckListItemValue) => void;\n  onPreChange?: (value: CheckListItemValue) => Promise<void>;\n  value?: CheckListSelectedValue<T>;\n  defaultValue?: CheckListSelectedValue<T>;\n  beforeExtra?: ReactNode;\n  afterExtra?: ReactNode;\n  stopPropagation?: boolean;\n  required?: boolean;\n} & CommonPropsWithChildren;\n\nexport const CheckListInner = <T extends 'multi' | 'radio'>(props: CheckListProps<T>) => {\n  const [checkedValues, arrayOperate] = fbaHooks.useArrayChange<CheckListItemValue>([]);\n\n  const valueList = useMemo(() => {\n    return getValueList(props.value, props.multiple);\n  }, [props.value, props.multiple]);\n\n  fbaHooks.useEffectCustom(() => {\n    const current = valueList || getValueList(props.defaultValue, props.multiple);\n    arrayOperate.resetList(current || []);\n  }, []);\n\n  hooks.useUpdateEffect(() => {\n    arrayOperate.resetList(valueList || []);\n  }, [valueList]);\n\n  const onChange = hooks.useCallbackRef(async (value: CheckListItemValue, defaultChange) => {\n    if (props.onPreChange) {\n      await props.onPreChange(value);\n    }\n    const targetIndex = checkedValues.findIndex((temp) => temp === value);\n    if (props.multiple === true) {\n      if (checkedValues.length === 1 && targetIndex >= 0 && props.required) {\n        return;\n      }\n      if (targetIndex >= 0) {\n        arrayOperate.delete(targetIndex);\n      } else {\n        arrayOperate.add(value);\n      }\n    } else {\n      if (targetIndex >= 0 && props.required) {\n        return;\n      } else {\n        arrayOperate.resetList(targetIndex >= 0 ? [] : [value]);\n      }\n    }\n    if (!defaultChange) {\n      const newValues = arrayOperate.getList();\n      let selectedValue;\n      if (props.multiple) {\n        selectedValue = newValues.length > 0 ? extend([], newValues) : undefined;\n      } else {\n        selectedValue = newValues.length > 0 ? newValues[0] : undefined;\n      }\n      props.onChange?.(selectedValue as CheckListSelectedValue<T>, value);\n    }\n  });\n\n  return (\n    <div className={classNames('check-list', props.className)} style={props.style}>\n      <CheckListCtxProvider\n        value={{\n          onChange,\n          checkedValues,\n          stopPropagation: props.stopPropagation,\n        }}\n      >\n        {props.beforeExtra}\n        {props.children}\n        {props.afterExtra}\n      </CheckListCtxProvider>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { CSSProperties, ReactElement } from 'react';\nimport { useCheckListCtx } from './context';\nimport { CheckListItemValue } from './types';\n\nexport type CheckListItemContentProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  onClick?: (event) => void;\n  className?: string;\n  readonly?: boolean;\n  style?: CSSProperties;\n};\n\nexport type CheckListItemProps = {\n  value: CheckListItemValue;\n  disabled?: boolean;\n  readonly?: boolean;\n  children: (data: CheckListItemContentProps) => ReactElement;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport const CheckListItem = (props: CheckListItemProps) => {\n  const context = useCheckListCtx();\n\n  if (context === null) {\n    console.error('CheckList.Item can only be used inside CheckList.');\n    return null;\n  }\n\n  const onClick = hooks.useCallbackRef((event) => {\n    if (context.stopPropagation) {\n      event.stopPropagation();\n    }\n    if (!props.disabled) {\n      context?.onChange(props.value);\n    }\n  });\n\n  const checked = context?.checkedValues.findIndex((temp) => temp === props.value) >= 0;\n  const checkedClassPrefix = 'check-list';\n\n  const className = classNames(\n    `${checkedClassPrefix}-item`,\n    {\n      [`${checkedClassPrefix}-disabled`]: props.disabled,\n      [`${checkedClassPrefix}-readonly`]: props.readonly,\n      [`${checkedClassPrefix}-checked`]: checked,\n    },\n    props.className,\n  );\n\n  return props.children({\n    onClick,\n    checked,\n    disabled: props.disabled,\n    readonly: props.readonly,\n    className,\n    style: props.style,\n  });\n};\n","import { fbaUtils } from '../fba-utils';\nimport { CheckListInner } from './check-list';\nimport { CheckListItem } from './check-list-item';\n\nexport const CheckList = fbaUtils.attachPropertiesToComponent(CheckListInner, {\n  Item: CheckListItem,\n});\n"],"names":["_createCtx","_createCtx2","useCheckListCtx","CheckListCtxProvider","getValueList","value","multiple","undefined","valueList","toArray","splice","CheckListInner","props","_fbaHooks$useArrayCha","fbaHooks","useArrayChange","checkedValues","arrayOperate","useMemo","useEffectCustom","current","defaultValue","resetList","_hooks","useUpdateEffect","onChange","useCallbackRef","defaultChange","Promise","$return","$error","targetIndex","newValues","selectedValue","onPreChange","resolve","then","$await_2","$If_1","call","this","$boundEx","bind","findIndex","temp","length","required","delete","add","getList","_extend","_jsx","className","_classNames","style","children","_jsxs","stopPropagation","beforeExtra","afterExtra","CheckListItem","_classNames2","context","console","error","onClick","event","disabled","checked","checkedClassPrefix","readonly","CheckList","fbaUtils","attachPropertiesToComponent","Item"],"mappings":"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"}