@flatbiz/antd 4.5.45 → 4.5.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/button-operate/index.js +1 -1
- package/esm/button-operate/index.js.map +1 -1
- package/esm/dialog-drag-modal/index.css +1 -0
- package/esm/dialog-drag-modal/index.js +12 -0
- package/esm/dialog-drag-modal/index.js.map +1 -0
- package/esm/index.js +2 -1
- package/esm/tabs-wrapper/index.css +1 -1
- package/esm/tree-modal-selector/index.js +1 -1
- package/esm/tree-modal-selector/index.js.map +1 -1
- package/esm/tree-wrapper/index.js +1 -1
- package/esm/tree-wrapper/index.js.map +1 -1
- package/esm/upload-wrapper/index.js +1 -1
- package/esm/upload-wrapper/index.js.map +1 -1
- package/index.d.ts +84 -2
- package/package.json +4 -4
|
@@ -9,5 +9,5 @@ import './../dialog-confirm/index.css';
|
|
|
9
9
|
import './../dialog-modal/index.css';
|
|
10
10
|
import './index.css';
|
|
11
11
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
12
|
-
import
|
|
12
|
+
import r from"@ant-design/icons/es/icons/MoreOutlined";import{_ as e,a as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isUndefined as o}from"@dimjs/lang/cjs/is-undefined";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isPlainObject as n}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as p}from"@dimjs/lang/cjs/is-promise";import{hooks as a}from"@wove/react/cjs/hooks";import{Popover as l,Tooltip as c,Space as d,Divider as m,Popconfirm as u,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as h,useMemo as y,createElement as g}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 w,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"@dimjs/model";var C=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips","color","tipsType","type","isFold"];var b=function r(e){if(e.hoverTips){if(e.tipsType==="popover"){return w(l,{content:e.hoverTips,zIndex:1e3,children:w("span",{children:e.content})})}return w(c,{title:e.hoverTips,zIndex:1e3,children:w("span",{children:e.content})})}if(v(e.content)){return w(j,{children:e.content})}return w("span",{children:e.content})};var O=function l(c){var j=h(false),O=j[0],F=j[1];var z=a.useCallbackRef((function(r,e){var i=r.onClick==null?void 0:r.onClick(e);if(i&&p(i)){F(true);return i.finally((function(){F(false)}))}return}));var I=c.operateList.filter((function(r){if(!r)return false;if(v(r)){var e,i,o;if(((e=r.props)==null?void 0:e["hidden"])===true)return false;if(((i=r.props)==null?void 0:i["v-hidden"])===true)return false;var t=(o=r.props)==null?void 0:o["v-permission"];if(s(t)){return T.hasPermission(t)}return true}if(n(r)){if(!T.hasPermission(r["permission"])){return false}if(Object.prototype.hasOwnProperty.call(r,"show")){return r["show"]}else if(Object.prototype.hasOwnProperty.call(r,"hidden")){return!r["hidden"]}return true}return false}));var M=y((function(){return I.filter((function(r){if(v(r)){return true}return!r["isFold"]}))}),[I]);var N=y((function(){var r=I.filter((function(r){if(v(r)){return false}return r["isFold"]}));var i=[];r.forEach((function(r){var o=e({},r);delete o.isFold;i.push(o)}));return i}),[I]);var _=c.gap===undefined?10:c.gap;var L=!c.split?_:0;return w("div",{className:t("table-operate",c.className),style:c.style,children:P(d,e({split:c.split?w(m,{type:"vertical"}):null,size:L,wrap:o(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map((function(r,o){if(r&&v(r)){return w(b,{content:r,hoverTips:r.hoverTips,tipsType:r.tipsType},o)}var t=r.text,n=r.onClick,s=r.needConfirm,p=r.confirmMessage,a=r.popconfirmProps,l=r.hoverTips,c=r.color,d=r.tipsType,m=r.type;r.isFold;var f=i(r,C);var j=m||"link";if(s&&!f.disabled){var h=c?false:true;return g(u,e({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},a,{title:p,onConfirm:z.bind(null,r),key:o,okButtonProps:{loading:O},onOpenChange:function r(e){if(!e){F(false)}},onCancel:function r(e){e==null||e.stopPropagation()}}),w(k,e({danger:h},f,{onClick:function r(e){e.stopPropagation()},type:j,children:w(b,{content:t,hoverTips:l,tipsType:d},o)})))}return g(k,e({loadingPosition:"center"},f,{type:j,onClick:function r(e){e.stopPropagation();return n==null?void 0:n(e)},key:o}),w(b,{content:t,hoverTips:l,tipsType:r.tipsType}))})),N.length>0?w(x,e({menuList:N,placement:"bottom"},c.dropdownMenuProps,{children:w(f,{type:"link",className:"fold-more-button",onClick:function r(e){e.stopPropagation()},children:c.foldIcon?c.foldIcon:w(r,{})})})):null]}))})};O.defaultProps={split:true};export{O as ButtonOperate,b as ButtonOperateItemContent};
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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 type { PopconfirmProps, SpaceProps } from 'antd';\nimport { Button, Divider, Popconfirm, Popover, Space, Tooltip } from 'antd';\nimport type { CSSProperties, FC, ReactElement, ReactNode } from 'react';\nimport { Fragment, isValidElement, useMemo, useState } from 'react';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { DialogModalProps } from '../dialog-modal/dialog-modal.jsx';\nimport type { DropdownMenuWrapperProps } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { DropdownMenuWrapper } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { fbaUtils } from '../fba-utils/index.js';\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?: ReactNode;\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、v-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'> & {\n content: ReactNode;\n },\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 * 1. operateList中存在ReactElement类型的元素，可通过配置 v-permission 属性来设置权限，例如 v-permission=\"add\"\n * 2. operateList中存在ReactElement类型的元素，如果有hidden、v-hidden属性，值为true会隐藏\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 if (item.props?.['v-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 {\n text,\n onClick,\n needConfirm,\n confirmMessage,\n popconfirmProps,\n hoverTips,\n color,\n tipsType,\n type,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n isFold: _isFold,\n ...otherProps\n } = item;\n const typeFt = type || 'link';\n if (needConfirm && !otherProps.disabled) {\n const danger = 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={typeFt}\n >\n <ButtonOperateItemContent\n content={text}\n hoverTips={hoverTips}\n tipsType={tipsType}\n key={index}\n />\n </ButtonWrapper>\n </Popconfirm>\n );\n }\n return (\n <ButtonWrapper\n loadingPosition=\"center\"\n {...otherProps}\n type={typeFt}\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=\"bottom\" {...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","_item$props3","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","color","otherProps","_objectWithoutPropertiesLoose","_excluded","typeFt","disabled","danger","_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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"}
|
|
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 type { PopconfirmProps, SpaceProps } from 'antd';\nimport { Button, Divider, Popconfirm, Popover, Space, Tooltip } from 'antd';\nimport type { CSSProperties, FC, ReactElement, ReactNode } from 'react';\nimport { Fragment, isValidElement, useMemo, useState } from 'react';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { DialogModalProps } from '../dialog-modal/dialog-modal.jsx';\nimport type { DropdownMenuWrapperProps } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { DropdownMenuWrapper } from '../dropdown-menu-wrapper/dropdown-menu-wrapper.jsx';\nimport { fbaUtils } from '../fba-utils/index.js';\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?: ReactNode;\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 /** 是否显示按钮，优先级高于 hidden */\n show?: boolean;\n}\n\nexport interface ButtonOperateProps {\n className?: string;\n style?: CSSProperties;\n /**\n * 如果数组中元素为ReactElement类型\n * 1. 一般为antd Button组件，如果组件存在属性hidden=true、v-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'> & {\n content: ReactNode;\n },\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 * 1. operateList中存在ReactElement类型的元素，可通过配置 v-permission 属性来设置权限，例如 v-permission=\"add\"\n * 2. operateList中存在ReactElement类型的元素，如果有hidden、v-hidden属性，值为true会隐藏\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 if (item.props?.['v-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 if (Object.prototype.hasOwnProperty.call(item, 'show')) {\n return item['show'];\n } else if (Object.prototype.hasOwnProperty.call(item, 'hidden')) {\n return !item['hidden'];\n }\n return true;\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 {\n text,\n onClick,\n needConfirm,\n confirmMessage,\n popconfirmProps,\n hoverTips,\n color,\n tipsType,\n type,\n // 多余字段渲染到react dom上，出现警告\n isFold: _isFold,\n ...otherProps\n } = item;\n const typeFt = type || 'link';\n if (needConfirm && !otherProps.disabled) {\n const danger = 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={typeFt}\n >\n <ButtonOperateItemContent\n content={text}\n hoverTips={hoverTips}\n tipsType={tipsType}\n key={index}\n />\n </ButtonWrapper>\n </Popconfirm>\n );\n }\n return (\n <ButtonWrapper\n loadingPosition=\"center\"\n {...otherProps}\n type={typeFt}\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=\"bottom\" {...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","_item$props3","permission","_isString","fbaUtils","hasPermission","_isPlainObject","Object","prototype","hasOwnProperty","call","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","color","otherProps","_objectWithoutPropertiesLoose","_excluded","typeFt","disabled","danger","_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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dialog-drag-modal{background-color:#fff;border-radius:8px;box-shadow:0 0 10px 5px rgba(0,0,0,.1);left:50%;opacity:0;padding:0;position:fixed;top:50%;transition:opacity .3s ease-in-out;z-index:99}.dark-theme .dialog-drag-modal{background-color:#1f1f1f}.dialog-drag-modal-move-handle{cursor:move}.dialog-drag-modal-header{padding:20px 24px 8px;position:relative}.dialog-drag-modal-header .icon-wrapper-wrapper{position:absolute;right:24px;top:50%;transform:translateY(-50%)}.dialog-drag-modal-title{font-size:16px;font-weight:600;line-height:1.5;word-wrap:break-word}.dialog-drag-modal-body{display:flex;flex-direction:column;overflow:auto;padding:10px 24px 15px}.dialog-drag-modal-footer{padding:10px 24px 20px;text-align:right}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import './../button-wrapper/index.css';
|
|
3
|
+
import './../config-provider-wrapper/index.css';
|
|
4
|
+
import './../fba-hooks/index.css';
|
|
5
|
+
import './../types/index.css';
|
|
6
|
+
import './../fba-utils/index.css';
|
|
7
|
+
import './../gap/index.css';
|
|
8
|
+
import './../icon-wrapper/index.css';
|
|
9
|
+
import './index.css';
|
|
10
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
11
|
+
import{isString as e}from"@dimjs/lang/cjs/is-string";import o from"@ant-design/icons/es/icons/CloseOutlined";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isNumber as r}from"@dimjs/lang/cjs/is-number";import{_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as l}from"@wove/react/cjs/hooks";import{dom as a}from"@flatbiz/utils";import{useSize as d}from"ahooks";import{Form as n,Space as m}from"antd";import{useState as s,useMemo as c}from"react";import{createRoot as p}from"react-dom/client";import f from"react-draggable";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{fbaHooks as v}from"../fba-hooks/index.js";import{Gap as g}from"../gap/index.js";import{IconWrapper as y}from"../icon-wrapper/index.js";import{jsx as h,jsxs as j}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"@dimjs/model";import"../use-responsive-point-21b8c601.js";import"@dimjs/lang/cjs/is-undefined";var w=function e(p){var w,_,x;var b=v.useResponsivePoint()||"";var k=n.useForm(),C=k[0];var I=s(true),O=I[0],N=I[1];var H=p.xOffset||0;var R=l.useCallbackRef((function(){try{N(false);setTimeout((function(){a.removeBodyChild("#"+p.elementId);delete window[p.elementId]}),100)}catch(e){}N(false)}));v.useEffectCustom((function(){window[p.elementId]=R}),[R]);var B=p.footer===null||p.okHidden&&p.cancelHidden&&!p.footerOperateBeforeRender&&!p.footerOperateAfterRender;var E=d(document.querySelector("html"));var K=c((function(){var e={};if(E){var o=E.height;e={maxHeight:o-200+"px"}}return i({},e,{height:p.bodyHeight})}),[E,p.bodyHeight]);var Y=c((function(){var e={opacity:O?1:0};var o=p.event&&r(p.event.clientX)&&r(p.event.clientY);var t=p.width||500;var l=["xs","sm"].includes(b);if(l){if(p.event&&o){var a=p.event.clientY;return i({},e,{top:a-30<0?a:a-30,width:"90%",left:"5%"},p.style)}return i({},e,{top:30,width:"90%",left:"5%"},p.style)}var d=0;if(p.event&&o){var n=p.event,m=n.clientX,s=n.clientY;e.left=m+H+"px";var c=s-30<0?s:s-30;e.top=c+"px";d=((E==null?void 0:E.width)||0)-m-H-t;if(d<0){e.left=m-t-H}}else{e.top="100px";e.left="50%";e.marginLeft="-"+t/2+"px"}return i({width:t},e,p.style)}),[O,p.width,p.event,H,p.style,b,E]);return h(f,{handle:".dialog-drag-modal-move-handle",children:j("div",{className:t("dialog-drag-modal",p.className),style:Y,children:[j("div",{className:"dialog-drag-modal-header dialog-drag-modal-move-handle",style:(w=p.styles)==null?void 0:w.header,children:[h("div",{className:"dialog-drag-modal-title",children:p.title}),h(y,{className:"dialog-drag-modal-close",icon:h(o,{}),onClick:R})]}),h("div",{className:"dialog-drag-modal-body",style:i({},K,(_=p.styles)==null?void 0:_.body),children:typeof p.content==="function"?p.content(C,{onClose:R}):p.content}),B?h(g,{className:"dialog-drag-modal-move-handle",height:20}):h("div",{className:"dialog-drag-modal-footer dialog-drag-modal-move-handle",style:(x=p.styles)==null?void 0:x.footer,children:p.footer?p.footer(C,{onClose:R}):j(m,{children:[p.footerOperateBeforeRender==null?void 0:p.footerOperateBeforeRender(C,{onClose:R}),p.cancelHidden==true?null:h(u,{type:"default",onClick:R,children:"取消"}),p.okHidden==true?null:h(u,{type:"primary",children:"提交"}),p.footerOperateAfterRender==null?void 0:p.footerOperateAfterRender(C,{onClose:R})]})})]})})};var _={open:function e(o){if(o.modalKey&&document.getElementById(o.modalKey)){return}var t=a.bodyAppendDivElement(o.modalKey),r=t.divElement,l=t.elementId;var d=o.modalKey?"__dialog_drag_modal_elementId_"+o.modalKey:"__dialog_drag_modal_elementId";window[d]=l;var n=p(r);n.render(h(w,i({},o,{divElement:r,elementId:l})));return{close:function e(){var o,t;(o=(t=window)[l])==null||o.call(t)}}},close:function o(t){try{var r,i;var l=t?window["__dialog_drag_modal_elementId_"+t]:window["__dialog_drag_modal_elementId"];if(e(l))(r=(i=window)[l])==null||r.call(i)}catch(e){}}};export{_ as dialogDragModal};
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drag-modal/drag-modal.tsx"],"sourcesContent":["import { CloseOutlined } from '@ant-design/icons';\nimport { isNumber, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport type { BodyAppendDivElementProps, TNoopDefine } from '@flatbiz/utils';\nimport { dom } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport type { FormInstance } from 'antd';\nimport { Form, Space } from 'antd';\nimport type { CSSProperties, ReactElement } from 'react';\nimport { useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Draggable from 'react-draggable';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { Gap } from '../gap';\nimport { IconWrapper } from '../icon-wrapper';\nimport './style.less';\n\nexport type DialogDragModalProps = {\n /** 相同的modalKey，最多只有一个弹起状态 */\n modalKey?: string;\n className?: string;\n style?: CSSProperties;\n styles?: {\n header?: CSSProperties;\n body?: CSSProperties;\n footer?: CSSProperties;\n };\n width?: number;\n bodyHeight?: number;\n /** 触发弹起点击事件event，用于计算鼠标位置 */\n event?: React.MouseEvent<HTMLElement>;\n /** 定义弹出层距离触发点的x轴偏移量 */\n xOffset?: number;\n\n title?: string;\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n okHidden?: boolean;\n cancelHidden?: boolean;\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n /** 覆盖当前footer，自定义操作按钮 */\n footer?: null | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n /** 当前footer操作按钮，左侧扩展 */\n footerOperateBeforeRender?: (form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement;\n /** 当前footer操作按钮，右侧扩展 */\n footerOperateAfterRender?: (form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDragModalProps) => {\n const screenType = fbaHooks.useResponsivePoint() || '';\n const [form] = Form.useForm();\n const [open, setOpen] = useState(true);\n const xOffset = props.xOffset || 0;\n const onClose = hooks.useCallbackRef(() => {\n try {\n setOpen(false);\n setTimeout(() => {\n dom.removeBodyChild(`#${props.elementId}`);\n delete window[props.elementId];\n }, 100);\n } catch (_error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[props.elementId] = onClose;\n }, [onClose]);\n\n const hiddenFooter =\n props.footer === null ||\n (props.okHidden &&\n props.cancelHidden &&\n !props.footerOperateBeforeRender &&\n !props.footerOperateAfterRender);\n\n const htmlSize = useSize(document.querySelector('html'));\n\n const bodyStyle = useMemo(() => {\n let style: CSSProperties = {};\n if (htmlSize) {\n const { height } = htmlSize;\n style = {\n maxHeight: `${height - 200}px`,\n };\n }\n return {\n ...style,\n height: props.bodyHeight,\n };\n }, [htmlSize, props.bodyHeight]);\n\n const modalStyle = useMemo(() => {\n const style: CSSProperties = {\n opacity: open ? 1 : 0,\n };\n\n const hasEvent = props.event && isNumber(props.event.clientX) && isNumber(props.event.clientY);\n const width = props.width || 500;\n\n const isXsSm = ['xs', 'sm'].includes(screenType);\n\n if (isXsSm) {\n if (props.event && hasEvent) {\n const { clientY } = props.event;\n return {\n ...style,\n top: clientY - 30 < 0 ? clientY : clientY - 30,\n width: '90%',\n left: '5%',\n ...props.style,\n };\n }\n return {\n ...style,\n top: 30,\n width: '90%',\n left: '5%',\n ...props.style,\n };\n }\n let modalToRightWallCount = 0;\n if (props.event && hasEvent) {\n const { clientX, clientY } = props.event;\n style.left = `${clientX + xOffset}px`;\n const top = clientY - 30 < 0 ? clientY : clientY - 30;\n style.top = `${top}px`;\n modalToRightWallCount = (htmlSize?.width || 0) - clientX - xOffset - width;\n\n if (modalToRightWallCount < 0) {\n style.left = clientX - width - xOffset;\n }\n } else {\n style.top = '100px';\n style.left = '50%';\n style.marginLeft = `-${width / 2}px`;\n }\n\n return {\n width,\n ...style,\n ...props.style,\n };\n }, [open, props.width, props.event, xOffset, props.style, screenType, htmlSize]);\n\n return (\n <Draggable handle=\".dialog-drag-modal-move-handle\">\n <div className={classNames('dialog-drag-modal', props.className)} style={modalStyle}>\n <div className=\"dialog-drag-modal-header dialog-drag-modal-move-handle\" style={props.styles?.header}>\n <div className=\"dialog-drag-modal-title\">{props.title}</div>\n <IconWrapper className=\"dialog-drag-modal-close\" icon={<CloseOutlined />} onClick={onClose} />\n </div>\n <div className=\"dialog-drag-modal-body\" style={{ ...bodyStyle, ...props.styles?.body }}>\n {typeof props.content === 'function' ? props.content(form, { onClose }) : props.content}\n </div>\n {hiddenFooter ? (\n <Gap className=\"dialog-drag-modal-move-handle\" height={20} />\n ) : (\n <div\n className=\"dialog-drag-modal-footer dialog-drag-modal-move-handle\"\n style={props.styles?.footer}\n >\n {props.footer ? (\n props.footer(form, { onClose })\n ) : (\n <Space>\n {props.footerOperateBeforeRender?.(form, { onClose })}\n {props.cancelHidden == true ? null : (\n <ButtonWrapper type=\"default\" onClick={onClose}>\n 取消\n </ButtonWrapper>\n )}\n {props.okHidden == true ? null : <ButtonWrapper type=\"primary\">提交</ButtonWrapper>}\n {props.footerOperateAfterRender?.(form, { onClose })}\n </Space>\n )}\n </div>\n )}\n </div>\n </Draggable>\n );\n};\n\n/**\n * 可移动弹框\n * ```\n * 1. 设置 event 后，弹起位置受鼠标点击位置控制\n * 2. 相同的modalKey，最多只有一个弹起状态\n * ```\n */\nexport const dialogDragModal = {\n open: (props: DialogDragModalProps) => {\n if (props.modalKey && document.getElementById(props.modalKey)) {\n return;\n }\n const { divElement, elementId } = dom.bodyAppendDivElement(props.modalKey);\n const idKey = props.modalKey\n ? `__dialog_drag_modal_elementId_${props.modalKey}`\n : '__dialog_drag_modal_elementId';\n window[idKey] = elementId;\n const root = createRoot(divElement);\n root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n return {\n close: () => {\n window[elementId]?.();\n },\n };\n },\n /**\n * ```\n * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n * ```\n */\n close: (modalKey?: string) => {\n try {\n const elementId = (\n modalKey\n ? window[`__dialog_drag_modal_elementId_${modalKey}`]\n : window['__dialog_drag_modal_elementId']\n ) as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (_error) {\n //\n }\n },\n};\n"],"names":["ModalRender","props","_props$styles","_props$styles2","_props$styles3","screenType","fbaHooks","useResponsivePoint","_Form$useForm","Form","useForm","form","_useState","useState","open","setOpen","xOffset","onClose","_hooks","useCallbackRef","setTimeout","dom","removeBodyChild","elementId","window","_error","useEffectCustom","hiddenFooter","footer","okHidden","cancelHidden","footerOperateBeforeRender","footerOperateAfterRender","htmlSize","useSize","document","querySelector","bodyStyle","useMemo","style","height","maxHeight","_extends","bodyHeight","modalStyle","opacity","hasEvent","event","_isNumber","clientX","clientY","width","isXsSm","includes","top","left","modalToRightWallCount","_props$event","marginLeft","_jsx","Draggable","handle","children","_jsxs","className","_classNames","styles","header","title","IconWrapper","icon","_CloseOutlined","onClick","body","content","Gap","Space","ButtonWrapper","type","dialogDragModal","modalKey","getElementById","_dom$bodyAppendDivEle","bodyAppendDivElement","divElement","idKey","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -42,6 +42,7 @@ import './form-item-wrapper/index.css';
|
|
|
42
42
|
import './pre-defined-class-name/index.css';
|
|
43
43
|
import './delete-node/index.css';
|
|
44
44
|
import './dialog-alert/index.css';
|
|
45
|
+
import './dialog-drag-modal/index.css';
|
|
45
46
|
import './dialog-drawer/index.css';
|
|
46
47
|
import './dialog-drawer-content/index.css';
|
|
47
48
|
import './dialog-loading/index.css';
|
|
@@ -139,5 +140,5 @@ import './tree-selector-wrapper/index.css';
|
|
|
139
140
|
import './x-mind-preview/index.css';
|
|
140
141
|
import './index.css';
|
|
141
142
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
142
|
-
export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{BlockLayout}from"./block-layout/index.js";export{Bootstrap}from"./bootstrap/index.js";export{BoxGrid,useBoxBreakpoint}from"./box-grid/index.js";export{ButtonOperate,ButtonOperateItemContent}from"./button-operate/index.js";export{ButtonWrapper}from"./button-wrapper/index.js";export{CardLayout}from"./card-layout/index.js";export{CardWrapper}from"./card-wrapper/index.js";export{CascaderWrapper}from"./cascader-wrapper/index.js";export{CheckList}from"./check-list/index.js";export{CheckboxWrapper}from"./checkbox-wrapper/index.js";export{ColorPickerWrapper}from"./color-picker-wrapper/index.js";export{C as ConfigProviderWrapper}from"./index-83bede1b.js";export{createDrawerWrapperModel}from"./create-drawer-wrapper-model/index.js";export{createModalWrapperModel}from"./create-modal-wrapper-model/index.js";export{CssNodeHover}from"./css-node-hover/index.js";export{DataRender}from"./data-render/index.js";export{DatePickerWrapper}from"./date-picker-wrapper/index.js";export{DateRangePickerWrapper}from"./date-range-picker-wrapper/index.js";export{DateRangePickerWrapperFormItem}from"./date-range-picker-wrapper-form-item/index.js";export{DeleteNode}from"./delete-node/index.js";export{dialogAlert}from"./dialog-alert/index.js";export{dialogConfirm}from"./dialog-confirm/index.js";export{dialogDrawer}from"./dialog-drawer/index.js";export{DialogDrawerContent}from"./dialog-drawer-content/index.js";export{dialogLoading}from"./dialog-loading/index.js";export{dialogModal}from"./dialog-modal/index.js";export{dialogPreviewImage}from"./dialog-preview-image/index.js";export{DragCollapse}from"./drag-collapse/index.js";export{DragCollapseFormList}from"./drag-collapse-form-list/index.js";export{DragEditableCard}from"./drag-editable-card/index.js";export{DragEditableTable}from"./drag-editable-table/index.js";export{DragEditableTablePro}from"./drag-editable-table-pro/index.js";export{DragFormList}from"./drag-form-list/index.js";export{DragTable}from"./drag-table/index.js";export{DrawerWrapper}from"./drawer-wrapper/index.js";export{DropdownMenuWrapper}from"./dropdown-menu-wrapper/index.js";export{dynamicNode}from"./dynamic-node/index.js";export{EasyForm}from"./easy-form/index.js";export{EasyTable}from"./easy-table/index.js";export{EditableCard}from"./editable-card/index.js";export{EditableField}from"./editable-field/index.js";export{EditableFieldProvider}from"./editable-field-provider/index.js";export{EditableTable}from"./editable-table/index.js";export{EditableTablePro}from"./editable-table-pro/index.js";export{EditorWrapper}from"./editor-wrapper/index.js";export{ErrorBoundaryWrapper}from"./error-boundary-wrapper/index.js";export{FbaApp}from"./fba-app/index.js";export{fbaHooks}from"./fba-hooks/index.js";export{fbaUtils}from"./fba-utils/index.js";export{FileExport}from"./file-export/index.js";export{FileImport}from"./file-import/index.js";export{FileSelect}from"./file-select/index.js";export{FlexLayout}from"./flex-layout/index.js";export{FormGrid}from"./form-grid/index.js";export{FormItemGroup}from"./form-item-group/index.js";export{FormItemHidden}from"./form-item-hidden/index.js";export{FormItemSpan}from"./form-item-span/index.js";export{FormItemText}from"./form-item-text/index.js";export{FormItemWrapper}from"./form-item-wrapper/index.js";export{FormItemWrapperDependencies}from"./form-item-wrapper-dependencies/index.js";export{FormListWrapper}from"./form-list-wrapper/index.js";export{FormWrapper}from"./form-wrapper/index.js";export{Gap}from"./gap/index.js";export{IconWrapper}from"./icon-wrapper/index.js";export{InputSearchWrapper}from"./input-search-wrapper/index.js";export{InputTextAreaWrapper}from"./input-text-area-wrapper/index.js";export{InputWrapper}from"./input-wrapper/index.js";export{JsonEditor}from"./json-editor/index.js";export{LabelValueLayout}from"./label-value-layout/index.js";export{LabelValueRender}from"./label-value-render/index.js";export{LocalLoading}from"./local-loading/index.js";export{MentionEditor}from"./mention-editor/index.js";export{MentionsWrapper}from"./mentions-wrapper/index.js";export{ModalAction}from"./modal-action/index.js";export{ModalWrapper}from"./modal-wrapper/index.js";export{NumberRangeFormItem}from"./number-range-form-item/index.js";export{PageFixedFooter}from"./page-fixed-footer/index.js";export{Page404}from"./page404/index.js";export{PaginationWrapper}from"./pagination-wrapper/index.js";export{Pdf}from"./pdf/index.js";export{PdfPreview}from"./pdf-preview/index.js";export{PdfPreview2}from"./pdf-preview2/index.js";export{Permission}from"./permission/index.js";export{preDefinedClassName}from"./pre-defined-class-name/index.js";export{RadioGroupWrapper}from"./radio-group-wrapper/index.js";export{RelationTree}from"./relation-tree/index.js";export{RequestStatus}from"./request-status/index.js";export{RichTextEditor}from"./rich-text-editor/index.js";export{RichTextViewer}from"./rich-text-viewer/index.js";export{RollLocationCenter}from"./roll-location-center/index.js";export{RollLocationInView}from"./roll-location-in-view/index.js";export{RuleDescribe}from"./rule-describe/index.js";export{SearchForm}from"./search-form/index.js";export{SearchMenu}from"./search-menu/index.js";export{SelectorWrapper}from"./selector-wrapper/index.js";export{SelectorWrapperSearch}from"./selector-wrapper-search/index.js";export{SelectorWrapperSimple}from"./selector-wrapper-simple/index.js";export{SimpleLayout}from"./simple-layout/index.js";export{SmsCountDown}from"./sms-count-down/index.js";export{SplitWrapper}from"./split-wrapper/index.js";export{styles}from"./styles/index.js";export{SvgHttpView}from"./svg-http-view/index.js";export{SwitchConfirmWrapper}from"./switch-confirm-wrapper/index.js";export{SwitchWrapper}from"./switch-wrapper/index.js";export{tableCellRender}from"./table-cell-render/index.js";export{TableScrollbar}from"./table-scrollbar/index.js";export{TableTitleTooltip}from"./table-title-tooltip/index.js";export{TabsSticky}from"./tabs-sticky/index.js";export{TabsWrapper}from"./tabs-wrapper/index.js";export{TagGroup}from"./tag-group/index.js";export{TagListRender}from"./tag-list-render/index.js";export{TagListSelect}from"./tag-list-select/index.js";export{TagWrapper}from"./tag-wrapper/index.js";export{TextCssEllipsis}from"./text-css-ellipsis/index.js";export{TextOverflow}from"./text-overflow/index.js";export{TextOverflowRender}from"./text-overflow-render/index.js";export{TextSymbolWrapper}from"./text-symbol-wrapper/index.js";export{TimePickerWrapper}from"./time-picker-wrapper/index.js";export{TimeRangePickerWrapper}from"./time-range-picker-wrapper/index.js";export{TimeRangePickerWrapperFormItem}from"./time-range-picker-wrapper-form-item/index.js";export{TipsTitle}from"./tips-title/index.js";export{TipsWrapper}from"./tips-wrapper/index.js";export{TreeModal}from"./tree-modal/index.js";export{TreeModalSelector}from"./tree-modal-selector/index.js";export{TreeSelectorWrapper}from"./tree-selector-wrapper/index.js";export{TreeWrapper}from"./tree-wrapper/index.js";export{UploadWrapper}from"./upload-wrapper/index.js";export{XMindPreview}from"./x-mind-preview/index.js";import"./_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-object";import"@flatbiz/utils";import"react";import"react-ace";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-groovy";import"ace-builds/src-noconflict/snippets/groovy";import"react/jsx-runtime";import"ace-builds/src-noconflict/mode-java";import"ace-builds/src-noconflict/snippets/java";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/snippets/json";import"sql-formatter";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import"antd";import"xml-formatter";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-array";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/RedoOutlined";import"@wove/react/cjs/create-ctx";import"@ant-design/icons/es/icons/CloseCircleOutlined";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/model-react";import"./time-53b3f55f.js";import"@ant-design/icons/es/icons/DeleteOutlined";import"react-dom/client";import"./context-1f2093c6.js";import"./dom-4d04aa64.js";import"@dimjs/utils/cjs/array";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@ant-design/icons/es/icons/DragOutlined";import"@dnd-kit/utilities";import"@dnd-kit/modifiers";import"@ant-design/icons/es/icons/SaveOutlined";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"@ant-design/icons/es/icons/DownOutlined";import"@ant-design/icons/es/icons/UpOutlined";import"react-is";import"@ant-design/icons/es/icons/PlusOutlined";import"@ant-design/icons/es/icons/CloseOutlined";import"@ant-design/icons/es/icons/CheckOutlined";import"@ant-design/icons/es/icons/EditOutlined";import"./context-62955871.js";import"@dimjs/lang/cjs/is-boolean";import"@dimjs/model";import"@wove/react/cjs/editor";import"./use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/QuestionCircleFilled";import"@dimjs/lang/cjs/is-deep-equal";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"@ant-design/icons/es/icons/FullscreenOutlined";import"@dimjs/utils/cjs/json";import"pubsub-js";import"react-split";import"@dimjs/lang/cjs/is-empty";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"dayjs/plugin/isSameOrAfter";import"dayjs/plugin/isSameOrBefore";import"@ant-design/icons/es/icons/CaretDownFilled";import"dequal";import"@dimjs/utils/cjs/tree";import"react-dom";import"simple-mind-map";
|
|
143
|
+
export{AceEditorGroovy}from"./ace-editor-groovy/index.js";export{AceEditorJava}from"./ace-editor-java/index.js";export{AceEditorJson}from"./ace-editor-json/index.js";export{AceEditorMysql}from"./ace-editor-mysql/index.js";export{AceEditorXml}from"./ace-editor-xml/index.js";export{AlertWrapper}from"./alert-wrapper/index.js";export{AmountFenInput}from"./amount-fen-input/index.js";export{AmountFenInputFormItem}from"./amount-fen-input-form-item/index.js";export{AnchorSteps}from"./anchor-steps/index.js";export{BlockLayout}from"./block-layout/index.js";export{Bootstrap}from"./bootstrap/index.js";export{BoxGrid,useBoxBreakpoint}from"./box-grid/index.js";export{ButtonOperate,ButtonOperateItemContent}from"./button-operate/index.js";export{ButtonWrapper}from"./button-wrapper/index.js";export{CardLayout}from"./card-layout/index.js";export{CardWrapper}from"./card-wrapper/index.js";export{CascaderWrapper}from"./cascader-wrapper/index.js";export{CheckList}from"./check-list/index.js";export{CheckboxWrapper}from"./checkbox-wrapper/index.js";export{ColorPickerWrapper}from"./color-picker-wrapper/index.js";export{C as ConfigProviderWrapper}from"./index-83bede1b.js";export{createDrawerWrapperModel}from"./create-drawer-wrapper-model/index.js";export{createModalWrapperModel}from"./create-modal-wrapper-model/index.js";export{CssNodeHover}from"./css-node-hover/index.js";export{DataRender}from"./data-render/index.js";export{DatePickerWrapper}from"./date-picker-wrapper/index.js";export{DateRangePickerWrapper}from"./date-range-picker-wrapper/index.js";export{DateRangePickerWrapperFormItem}from"./date-range-picker-wrapper-form-item/index.js";export{DeleteNode}from"./delete-node/index.js";export{dialogAlert}from"./dialog-alert/index.js";export{dialogConfirm}from"./dialog-confirm/index.js";export{dialogDragModal}from"./dialog-drag-modal/index.js";export{dialogDrawer}from"./dialog-drawer/index.js";export{DialogDrawerContent}from"./dialog-drawer-content/index.js";export{dialogLoading}from"./dialog-loading/index.js";export{dialogModal}from"./dialog-modal/index.js";export{dialogPreviewImage}from"./dialog-preview-image/index.js";export{DragCollapse}from"./drag-collapse/index.js";export{DragCollapseFormList}from"./drag-collapse-form-list/index.js";export{DragEditableCard}from"./drag-editable-card/index.js";export{DragEditableTable}from"./drag-editable-table/index.js";export{DragEditableTablePro}from"./drag-editable-table-pro/index.js";export{DragFormList}from"./drag-form-list/index.js";export{DragTable}from"./drag-table/index.js";export{DrawerWrapper}from"./drawer-wrapper/index.js";export{DropdownMenuWrapper}from"./dropdown-menu-wrapper/index.js";export{dynamicNode}from"./dynamic-node/index.js";export{EasyForm}from"./easy-form/index.js";export{EasyTable}from"./easy-table/index.js";export{EditableCard}from"./editable-card/index.js";export{EditableField}from"./editable-field/index.js";export{EditableFieldProvider}from"./editable-field-provider/index.js";export{EditableTable}from"./editable-table/index.js";export{EditableTablePro}from"./editable-table-pro/index.js";export{EditorWrapper}from"./editor-wrapper/index.js";export{ErrorBoundaryWrapper}from"./error-boundary-wrapper/index.js";export{FbaApp}from"./fba-app/index.js";export{fbaHooks}from"./fba-hooks/index.js";export{fbaUtils}from"./fba-utils/index.js";export{FileExport}from"./file-export/index.js";export{FileImport}from"./file-import/index.js";export{FileSelect}from"./file-select/index.js";export{FlexLayout}from"./flex-layout/index.js";export{FormGrid}from"./form-grid/index.js";export{FormItemGroup}from"./form-item-group/index.js";export{FormItemHidden}from"./form-item-hidden/index.js";export{FormItemSpan}from"./form-item-span/index.js";export{FormItemText}from"./form-item-text/index.js";export{FormItemWrapper}from"./form-item-wrapper/index.js";export{FormItemWrapperDependencies}from"./form-item-wrapper-dependencies/index.js";export{FormListWrapper}from"./form-list-wrapper/index.js";export{FormWrapper}from"./form-wrapper/index.js";export{Gap}from"./gap/index.js";export{IconWrapper}from"./icon-wrapper/index.js";export{InputSearchWrapper}from"./input-search-wrapper/index.js";export{InputTextAreaWrapper}from"./input-text-area-wrapper/index.js";export{InputWrapper}from"./input-wrapper/index.js";export{JsonEditor}from"./json-editor/index.js";export{LabelValueLayout}from"./label-value-layout/index.js";export{LabelValueRender}from"./label-value-render/index.js";export{LocalLoading}from"./local-loading/index.js";export{MentionEditor}from"./mention-editor/index.js";export{MentionsWrapper}from"./mentions-wrapper/index.js";export{ModalAction}from"./modal-action/index.js";export{ModalWrapper}from"./modal-wrapper/index.js";export{NumberRangeFormItem}from"./number-range-form-item/index.js";export{PageFixedFooter}from"./page-fixed-footer/index.js";export{Page404}from"./page404/index.js";export{PaginationWrapper}from"./pagination-wrapper/index.js";export{Pdf}from"./pdf/index.js";export{PdfPreview}from"./pdf-preview/index.js";export{PdfPreview2}from"./pdf-preview2/index.js";export{Permission}from"./permission/index.js";export{preDefinedClassName}from"./pre-defined-class-name/index.js";export{RadioGroupWrapper}from"./radio-group-wrapper/index.js";export{RelationTree}from"./relation-tree/index.js";export{RequestStatus}from"./request-status/index.js";export{RichTextEditor}from"./rich-text-editor/index.js";export{RichTextViewer}from"./rich-text-viewer/index.js";export{RollLocationCenter}from"./roll-location-center/index.js";export{RollLocationInView}from"./roll-location-in-view/index.js";export{RuleDescribe}from"./rule-describe/index.js";export{SearchForm}from"./search-form/index.js";export{SearchMenu}from"./search-menu/index.js";export{SelectorWrapper}from"./selector-wrapper/index.js";export{SelectorWrapperSearch}from"./selector-wrapper-search/index.js";export{SelectorWrapperSimple}from"./selector-wrapper-simple/index.js";export{SimpleLayout}from"./simple-layout/index.js";export{SmsCountDown}from"./sms-count-down/index.js";export{SplitWrapper}from"./split-wrapper/index.js";export{styles}from"./styles/index.js";export{SvgHttpView}from"./svg-http-view/index.js";export{SwitchConfirmWrapper}from"./switch-confirm-wrapper/index.js";export{SwitchWrapper}from"./switch-wrapper/index.js";export{tableCellRender}from"./table-cell-render/index.js";export{TableScrollbar}from"./table-scrollbar/index.js";export{TableTitleTooltip}from"./table-title-tooltip/index.js";export{TabsSticky}from"./tabs-sticky/index.js";export{TabsWrapper}from"./tabs-wrapper/index.js";export{TagGroup}from"./tag-group/index.js";export{TagListRender}from"./tag-list-render/index.js";export{TagListSelect}from"./tag-list-select/index.js";export{TagWrapper}from"./tag-wrapper/index.js";export{TextCssEllipsis}from"./text-css-ellipsis/index.js";export{TextOverflow}from"./text-overflow/index.js";export{TextOverflowRender}from"./text-overflow-render/index.js";export{TextSymbolWrapper}from"./text-symbol-wrapper/index.js";export{TimePickerWrapper}from"./time-picker-wrapper/index.js";export{TimeRangePickerWrapper}from"./time-range-picker-wrapper/index.js";export{TimeRangePickerWrapperFormItem}from"./time-range-picker-wrapper-form-item/index.js";export{TipsTitle}from"./tips-title/index.js";export{TipsWrapper}from"./tips-wrapper/index.js";export{TreeModal}from"./tree-modal/index.js";export{TreeModalSelector}from"./tree-modal-selector/index.js";export{TreeSelectorWrapper}from"./tree-selector-wrapper/index.js";export{TreeWrapper}from"./tree-wrapper/index.js";export{UploadWrapper}from"./upload-wrapper/index.js";export{XMindPreview}from"./x-mind-preview/index.js";import"./_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/utils/cjs/class-names";import"@wove/react/cjs/hooks";import"@dimjs/lang/cjs/is-object";import"@flatbiz/utils";import"react";import"react-ace";import"ace-builds/src-noconflict/ext-language_tools";import"ace-builds/src-noconflict/mode-groovy";import"ace-builds/src-noconflict/snippets/groovy";import"react/jsx-runtime";import"ace-builds/src-noconflict/mode-java";import"ace-builds/src-noconflict/snippets/java";import"ace-builds/src-noconflict/mode-json";import"ace-builds/src-noconflict/snippets/json";import"sql-formatter";import"ace-builds/src-noconflict/mode-mysql";import"ace-builds/src-noconflict/snippets/mysql";import"antd";import"xml-formatter";import"ace-builds/src-noconflict/mode-xml";import"ace-builds/src-noconflict/snippets/xml";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-number";import"ahooks";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-array";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/CloseCircleFilled";import"@ant-design/icons/es/icons/RedoOutlined";import"@wove/react/cjs/create-ctx";import"@ant-design/icons/es/icons/CloseCircleOutlined";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/model-react";import"./time-53b3f55f.js";import"@ant-design/icons/es/icons/DeleteOutlined";import"@ant-design/icons/es/icons/CloseOutlined";import"react-dom/client";import"react-draggable";import"./context-1f2093c6.js";import"./dom-4d04aa64.js";import"@dimjs/utils/cjs/array";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@ant-design/icons/es/icons/DragOutlined";import"@dnd-kit/utilities";import"@dnd-kit/modifiers";import"@ant-design/icons/es/icons/SaveOutlined";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"@ant-design/icons/es/icons/DownOutlined";import"@ant-design/icons/es/icons/UpOutlined";import"react-is";import"@ant-design/icons/es/icons/PlusOutlined";import"@ant-design/icons/es/icons/CheckOutlined";import"@ant-design/icons/es/icons/EditOutlined";import"./context-62955871.js";import"@dimjs/lang/cjs/is-boolean";import"@dimjs/model";import"@wove/react/cjs/editor";import"./use-responsive-point-21b8c601.js";import"@ant-design/icons/es/icons/QuestionCircleFilled";import"@dimjs/lang/cjs/is-deep-equal";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"@ant-design/icons/es/icons/FullscreenOutlined";import"@dimjs/utils/cjs/json";import"pubsub-js";import"react-split";import"@dimjs/lang/cjs/is-empty";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"dayjs/plugin/isSameOrAfter";import"dayjs/plugin/isSameOrBefore";import"@ant-design/icons/es/icons/CaretDownFilled";import"dequal";import"@dimjs/utils/cjs/tree";import"react-dom";import"simple-mind-map";
|
|
143
144
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fba-tabs-wrapper .ant-tabs-nav{margin:0}.fba-tabs-wrapper-fixed{height:100%;overflow:hidden}.fba-tabs-wrapper-fixed>.ant-tabs-content-holder
|
|
1
|
+
.fba-tabs-wrapper .ant-tabs-nav{margin:0}.fba-tabs-wrapper-fixed{height:100%;overflow:hidden}.fba-tabs-wrapper-fixed>.ant-tabs-content-holder,.fba-tabs-wrapper-fixed>.ant-tabs-content-holder>.ant-tabs-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.fba-tabs-wrapper-fixed>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{height:100%;overflow-x:hidden;overflow-y:auto}.fba-tabs-wrapper-hidden-header>.ant-tabs-nav{display:none}
|
|
@@ -18,5 +18,5 @@ import './../dropdown-menu-wrapper/index.css';
|
|
|
18
18
|
import './../input-search-wrapper/index.css';
|
|
19
19
|
import './index.css';
|
|
20
20
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
21
|
-
import{a as e,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isObject as
|
|
21
|
+
import{a as e,_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isObject as a}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as o,toArray as n}from"@flatbiz/utils";import{Select as t,message as l}from"antd";import{forwardRef as s,useRef as u,useState as d,useEffect as m,useImperativeHandle as p}from"react";import{TreeModal as c}from"../tree-modal/index.js";import{jsx as j}from"react/jsx-runtime";import"ahooks";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../flex-layout/index.js";import"@dimjs/utils/cjs/class-names";import"@ant-design/icons/es/icons/CloseOutlined";import"../css-node-hover/index.js";import"../icon-wrapper/index.js";import"@dimjs/lang/cjs/is-undefined";import"../text-overflow/index.js";import"@dimjs/lang/cjs/is-string";import"../tree-wrapper/index.js";import"@dimjs/model-react";import"@dimjs/utils/cjs/array";import"@ant-design/icons/es/icons/CaretDownFilled";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/utils/cjs/extend";import"@dimjs/utils/cjs/get";import"@dimjs/model";import"../button-operate/index.js";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-promise";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-utils/index.js";import"../dropdown-menu-wrapper/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"react-dom/client";import"@wove/react/cjs/create-ctx";import"../input-search-wrapper/index.js";import"../request-status/index.js";import"@dimjs/utils/cjs/tree";import"dequal";var v=["placeholder","maxTagCount","labelInValue","maxCount","overMaxCountMsg","disabled","allowClear"];var f=s((function(s,f){var g,x;var C=s.placeholder,b=s.maxTagCount,h=s.labelInValue,w=s.maxCount,y=s.overMaxCountMsg,M=s.disabled,k=s.allowClear,D=e(s,v);var F=o(C)?"请选择":C;var O=o(k)?true:k;var S=u({});var _=u([]);var z=((g=D.fieldNames)==null?void 0:g.label)||"label";var I=((x=D.fieldNames)==null?void 0:x.value)||"value";var N=d(),T=N[0],V=N[1];m((function(){var e;var i=((e=n(s.value))==null?void 0:e.map((function(e){var i;var r=a(e)?e:{label:e,value:e};return{value:r.value,label:((i=S.current[r.value])==null?void 0:i[z])||r.value}})))||[];V(i)}),[z,s.value]);var q=function e(i){var r=n(i).length?i:undefined;if(D.isMultiple==false){s.onChange==null||s.onChange(r==null?void 0:r[0])}else{if(r&&w!==undefined&&r.length>w){void l.error(y?y:"最多选择"+w+"项");return}s.onChange==null||s.onChange(r)}};var B=function e(i){V(i);if(h){q(i);return}q(i==null?void 0:i.map((function(e){return e.value})))};var L=function e(i){V(i);if(h){q(i);return}q(i==null?void 0:i.map((function(e){return e.value})))};var P=r.useCallbackRef((function(e,i){S.current=i;_.current=e||[];var r=T==null?void 0:T.map((function(e){var r=i[e.value];return r?{label:r[z],value:r[I]}:undefined})).filter(Boolean);V(r)}));p(f,(function(){return{getDataSourceMap:function e(){return{treeDataList:_.current,dataSourceMap:S.current}}}}));return j(c,i({},D,{value:T,forceRender:true,onChange:L,onDataSourceChange:P,disabled:M,children:j(t,{labelInValue:true,style:{width:"100%"},placeholder:F,maxTagCount:b,mode:D.isMultiple?"multiple":undefined,open:false,value:T,onChange:B,disabled:M,allowClear:O})}))}));export{f as TreeModalSelector};
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tree-modal-selector/selector.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, toArray, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { message, Select } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport { TreeModal } from '../tree-modal';\nimport type { TreeModalProps, TreeModelSelectItem } from '../tree-modal/types';\nexport type TreeModalSelectorProps = Omit<TreeModalProps, 'children' | 'forceRender' | 'onChange'> & {\n placeholder?: string;\n /**\n * 1. 可指定数量\n * 2. 可设置 responsive，一行自适应显示\n */\n maxTagCount?: number | 'responsive';\n /** 是否返回label+value模式 */\n labelInValue?: boolean;\n onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;\n\n /** 最大选择数量 */\n maxCount?: number;\n /** 超过最大选择数量提示文本 */\n overMaxCountMsg?: string;\n disabled?: boolean;\n allowClear?: boolean;\n};\n\n/**\n * 树弹框选择器\n * ```\n * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点\n * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree\n * ```\n */\nexport const TreeModalSelector = (props
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tree-modal-selector/selector.tsx"],"sourcesContent":["import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, toArray, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { message, Select } from 'antd';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { TreeModal } from '../tree-modal';\nimport type { TreeModalProps, TreeModelSelectItem } from '../tree-modal/types';\nexport type TreeModalSelectorProps = Omit<TreeModalProps, 'children' | 'forceRender' | 'onChange'> & {\n placeholder?: string;\n /**\n * 1. 可指定数量\n * 2. 可设置 responsive，一行自适应显示\n */\n maxTagCount?: number | 'responsive';\n /** 是否返回label+value模式 */\n labelInValue?: boolean;\n onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;\n\n /** 最大选择数量 */\n maxCount?: number;\n /** 超过最大选择数量提示文本 */\n overMaxCountMsg?: string;\n disabled?: boolean;\n allowClear?: boolean;\n};\n\nexport type TreeModalSelectorApi = {\n getDataSourceMap: () => {\n treeDataList: TPlainObject[];\n dataSourceMap: TPlainObject;\n };\n};\n\n/**\n * 树弹框选择器\n * ```\n * 1. 可通过 treeProps.checkableType 配置多选节点模式（包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点），默认只返回叶子节点\n * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree\n * ```\n */\nexport const TreeModalSelector = forwardRef<TreeModalSelectorApi, TreeModalSelectorProps>((props, ref) => {\n const {\n placeholder,\n maxTagCount,\n labelInValue,\n maxCount,\n overMaxCountMsg,\n disabled,\n allowClear,\n ...otherProps\n } = props;\n const placeholderFt = isUndefinedOrNull(placeholder) ? '请选择' : placeholder;\n const allowClearFt = isUndefinedOrNull(allowClear) ? true : allowClear;\n\n const dataSourceMapRef = useRef<TPlainObject>({});\n const treeDataListRef = useRef<TPlainObject[]>([]);\n\n const labelKey = otherProps.fieldNames?.label || 'label';\n const valueKey = otherProps.fieldNames?.value || 'value';\n\n const [showValues, setShowValues] = useState<TreeModelSelectItem[]>();\n\n useEffect(() => {\n const dataList =\n toArray(props.value)?.map((item) => {\n const objItems = (isObject(item) ? item : { label: item, value: item }) as TreeModelSelectItem;\n return {\n value: objItems.value,\n label: dataSourceMapRef.current[objItems.value]?.[labelKey] || objItems.value,\n } as TreeModelSelectItem;\n }) || [];\n setShowValues(dataList);\n }, [labelKey, props.value]);\n\n const onInnerChange = (value: TreeModelSelectItem[]) => {\n const valueFt = toArray(value).length ? value : undefined;\n if (otherProps.isMultiple == false) {\n props.onChange?.(valueFt?.[0]);\n } else {\n if (valueFt && maxCount !== undefined && valueFt.length > maxCount) {\n void message.error(overMaxCountMsg ? overMaxCountMsg : `最多选择${maxCount}项`);\n return;\n }\n\n props.onChange?.(valueFt);\n }\n };\n\n const onSelectChange = (value) => {\n setShowValues(value);\n if (labelInValue) {\n onInnerChange(value);\n return;\n }\n\n onInnerChange(value?.map((item) => item.value));\n };\n const treeModalChange = (value) => {\n setShowValues(value);\n if (labelInValue) {\n onInnerChange(value);\n return;\n }\n onInnerChange(value?.map((item) => item.value));\n };\n\n const onDataSourceChange = hooks.useCallbackRef((treeDataList: TPlainObject[], mapData: TPlainObject) => {\n dataSourceMapRef.current = mapData;\n treeDataListRef.current = treeDataList || [];\n const result = showValues\n ?.map((item) => {\n const target = mapData[item.value];\n return target ? { label: target[labelKey], value: target[valueKey] } : undefined;\n })\n .filter(Boolean) as TreeModelSelectItem[];\n setShowValues(result);\n });\n\n useImperativeHandle(ref, () => {\n return {\n getDataSourceMap: () => {\n return {\n treeDataList: treeDataListRef.current,\n dataSourceMap: dataSourceMapRef.current,\n };\n },\n };\n });\n\n return (\n <TreeModal\n {...otherProps}\n value={showValues}\n forceRender={true}\n onChange={treeModalChange}\n onDataSourceChange={onDataSourceChange}\n disabled={disabled}\n >\n <Select\n labelInValue\n style={{ width: '100%' }}\n placeholder={placeholderFt}\n maxTagCount={maxTagCount}\n mode={otherProps.isMultiple ? 'multiple' : undefined}\n open={false}\n value={showValues}\n onChange={onSelectChange}\n disabled={disabled}\n allowClear={allowClearFt}\n />\n </TreeModal>\n );\n});\n"],"names":["TreeModalSelector","forwardRef","props","ref","_otherProps$fieldName","_otherProps$fieldName2","placeholder","maxTagCount","labelInValue","maxCount","overMaxCountMsg","disabled","allowClear","otherProps","_objectWithoutPropertiesLoose","_excluded","placeholderFt","isUndefinedOrNull","allowClearFt","dataSourceMapRef","useRef","treeDataListRef","labelKey","fieldNames","label","valueKey","value","_useState","useState","showValues","setShowValues","useEffect","_toArray","dataList","toArray","map","item","_dataSourceMapRef$cur","objItems","_isObject","current","onInnerChange","valueFt","length","undefined","isMultiple","onChange","message","error","onSelectChange","treeModalChange","onDataSourceChange","_hooks","useCallbackRef","treeDataList","mapData","result","target","filter","Boolean","useImperativeHandle","getDataSourceMap","dataSourceMap","_jsx","TreeModal","_extends","forceRender","children","Select","style","width","mode","open"],"mappings":"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"}
|
|
@@ -13,5 +13,5 @@ import './../dropdown-menu-wrapper/index.css';
|
|
|
13
13
|
import './../input-search-wrapper/index.css';
|
|
14
14
|
import './index.css';
|
|
15
15
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
16
|
-
import{treeToArray as e,arrayToMap as r,treeToTiledArray as t,treeLeafParentsArray as n,isUndefinedOrNull as a,isNotEmptyArray as i,treeToTiledMap as l,toArray as u,treeFilter as s,dom as o,attachPropertiesToComponent as c}from"@flatbiz/utils";import{isArray as d}from"@dimjs/lang/cjs/is-array";import{Model as f}from"@dimjs/model-react";import{array as v}from"@dimjs/utils/cjs/array";import p from"@ant-design/icons/es/icons/CaretDownFilled";import m from"@ant-design/icons/es/icons/MoreOutlined";import{classNames as h}from"@dimjs/utils/cjs/class-names";import{isString as g}from"@dimjs/lang/cjs/is-string";import{extend as y}from"@dimjs/utils/cjs/extend";import{hooks as b}from"@wove/react/cjs/hooks";import{get as L}from"@dimjs/utils/cjs/get";import{_ as C,a as T}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{cloneState as w}from"@dimjs/model";import{Spin as j,Tree as A,Button as N,message as S}from"antd";import{forwardRef as R,useState as q,useMemo as k,useRef as x,useImperativeHandle as M,Fragment as E,isValidElement as P}from"react";import{ButtonOperate as D}from"../button-operate/index.js";import{DropdownMenuWrapper as O}from"../dropdown-menu-wrapper/index.js";import{fbaHooks as I}from"../fba-hooks/index.js";import{InputSearchWrapper as _}from"../input-search-wrapper/index.js";import{RequestStatus as V}from"../request-status/index.js";import{tree as F}from"@dimjs/utils/cjs/tree";import{isObject as K}from"@dimjs/lang/cjs/is-object";import"dequal";import{jsxs as U,jsx as z}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-promise";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-utils/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"../use-responsive-point-21b8c601.js";var H={treeList:[],treeTiledArray:[],treeTiledArrayMap:{},queryIsEmpty:false};var J={actions:{setTreeList:function t(n){return function(t){t.treeList=n.treeList||[];t.treeTiledArray=e(t.treeList,n.childrenName);t.treeTiledArrayMap=r(t.treeTiledArray,n.valueName);t.requestStatus="request-success"}},resetTreeList:function e(){return function(e){e.treeList=[];e.treeTiledArray=[];e.treeTiledArrayMap={}}},changeRequestStatus:function e(r){return function(e){e.requestStatus=r.status;if(r.status==="request-error"){e.treeList=[];e.treeTiledArray=[];e.treeTiledArrayMap={};e.requestErrorMessage=r.errorMessage||"数据查询异常"}else{e.requestErrorMessage=undefined}}},treeListAppendChildren:function t(n){return function(t){var a=e(t.treeList,n.childrenName);var i=r(a,n.valueName);var l=i[n.value];if(l){if(d(n.appendList)&&n.appendList.length>0){l[n.childrenName]=n.appendList}else{l.isLeaf=true}}t.treeTiledArray=a;t.treeTiledArrayMap=i}}},state:H};var B={};var Y=function e(r){if(!B[r]){B[r]=f(J)}return B[r]};var G=function e(r){var t=Y(r).getState();return t.treeList};var W=function r(t,n){var a=e(t,n.children).filter((function(e){var r=e[n.children];return r&&r.length>0})).map((function(e){return e[n.value]}));return a};var Q=function e(r,a,i){var l=t(a,i);return n(r,l,true,{value:"value",parentValue:"parentValue"}).filter((function(e){var r=e[i.children];return r&&r.length>0})).map((function(e){return e.value}))};var X=function e(r,t){var n=a(r)?[]:r;n=d(n)?n:[n];n=n.map((function(e){if(K(e))return e[t.value];return e}));return n};var Z=function e(r,t,n){var a=n.node.key;var i=n.dragNode.key;var l=n.node.pos.split("-");var u=n.dropPosition-Number(l[l.length-1]);var s=t.value;var o=t.children;var c=function e(r,t,n){for(var a=0;a<r.length;a++){if(r[a][s]===t){return n(r[a],a,r)}if(r[a][o]){c(r[a][o],t,n)}}};var d=w(r);var f;c(d,i,(function(e,r,t){t.splice(r,1);f=e}));if(!n.dropToGap){c(d,a,(function(e){e[o]=e[o]||[];e[o].unshift(f)}))}else if((n.node.props.children||[]).length>0&&n.node.props.expanded&&u===1){c(d,a,(function(e){e[o]=e[o]||[];e[o].unshift(f)}))}else{var v=[];var p;c(d,a,(function(e,r,t){v=t;p=r}));if(u===-1){v.splice(p,0,f)}else{v.splice(p+1,0,f)}}return{dataList:d,dragNodeData:$(i,d,t)}};var $=function r(t,n,a){var i;var l=a.value;var u=a.children;F.walkThroughTree((i={},i[l]=undefined,i[u]=n,i),(function(e,r,t){e["__index"]=r;e["__parentId"]=t==null?void 0:t[l]}),u);var s=e(n,u);var o=s.find((function(e){return e[l]===t}));return{parentId:o==null?void 0:o["__parentId"],id:o==null?void 0:o[l],index:o==null?void 0:o["__index"]}};var ee=function r(t,n,a,l){var u={};var s=[];var o=[];t.forEach((function(e){var r;if(i((r=n[e])==null?void 0:r[a])){s.push(e)}else{u[e]=e}}));if(s.length>0){s.forEach((function(r){var i=e(n[r][a],a);if(Object.keys(u).length>i.length){var s=i.filter((function(e){return t.find((function(r){return r===e[l]}))}));if(s.length===i.length){o.push(r)}}}))}return t.filter((function(e){return o.find((function(r){return r==e}))||u[e]}))};var re=function e(r,t,n,a){var i=l([t],{value:a,children:n});return r.filter((function(e){return!i[e]}))};var te=function e(r,t,n,a){var u={};r.forEach((function(e){var r;var s=(r=t[e])==null?void 0:r[n];if(i(s)){var o=l(s,{value:a,children:n});u=C({},u,o)}}));return r.filter((function(e){return!u[e]}))};var ne=function e(r,t,n){return r.filter((function(e){return!i(t[e][n])}))};var ae=function r(t,n,a,l){var u=[].concat(t);t.forEach((function(r){var t;var s=(t=n[r])==null?void 0:t[a];if(i(s)){var o=e(s,a);u=u.concat(o.map((function(e){return e[l]})))}}));return Array.from(new Set(u))};var ie=["style","serviceConfig","effectDependencyList","selectorTreeList","value","onChange","modelKey","checkableResponseParentNode","checkable","onSelectorTreeListChange","onRequestResponseChange","treeItemDataAdapter","searchValue","showSearch","searchPlaceholder","requestMessageConfig","labelInValueFieldNames","labelInValue","disabledCanUse","menuLayoutType","menuTriggerType","initRootExpand","searchResultType","onDropNodeHandle","onDropPrev","labelRender","searchStyle","className","defaultExpandAll","menus","customSearchRule","checkableType","clickParentNodeToggleExpand","disableNodeSelect","required","executeOnChangeInRenderFirstValue"];var le=function e(r,t){var n=r.slice().sort();var a=t.slice().sort();return JSON.stringify(n)===JSON.stringify(a)};var ue=R((function(e,r){var t=e.style,n=e.serviceConfig,i=e.effectDependencyList,l=e.selectorTreeList,c=e.value,f=e.onChange,R=e.modelKey,F=e.checkableResponseParentNode,K=F===void 0?true:F,H=e.checkable,J=e.onSelectorTreeListChange,B=e.onRequestResponseChange,G=e.treeItemDataAdapter,$=e.searchValue,ue=e.showSearch,se=e.searchPlaceholder,oe=e.requestMessageConfig,ce=e.labelInValueFieldNames,de=e.labelInValue,fe=e.disabledCanUse,ve=e.menuLayoutType,pe=e.menuTriggerType,me=e.initRootExpand,he=e.searchResultType,ge=e.onDropNodeHandle,ye=e.onDropPrev,be=e.labelRender,Le=e.searchStyle,Ce=e.className,Te=e.defaultExpandAll,we=e.menus,je=e.customSearchRule,Ae=e.checkableType,Ne=e.clickParentNodeToggleExpand,Se=e.disableNodeSelect,Re=e.required,qe=e.executeOnChangeInRenderFirstValue,ke=T(e,ie);var xe=e.hasOwnProperty("selectorTreeList");var Me=n||{};var Ee=i||[];var Pe=q([]),De=Pe[0],Oe=Pe[1];var Ie=Y(R).useStore(),_e=Ie[0],Ve=Ie[1];var Fe=I.useSafeState(false),Ke=Fe[0],Ue=Fe[1];var ze="request-progress-"+e.modelKey;var He=he==="highlight";var Je=k((function(){return C({label:"label",value:"value",children:"children"},e.fieldNames)}),[e.fieldNames]);var Be=ve===undefined?"fold":ve;var Ye=pe===undefined?"click":pe;var Ge=x(true);var We=x(undefined);var Qe=k((function(){return C({label:"label",value:"value"},ce)}),[ce]);var Xe=q(),Ze=Xe[0],$e=Xe[1];var er=k((function(){return X(c,Qe)}),[Qe,c]);I.useEffectCustom((function(){if(_e.treeList.length>0){if(Ge.current&&de&&qe&&er.length>0){var r=[];var t=[];er.forEach((function(e){var n=_e.treeTiledArrayMap[e];if(n){var a;t.push(n);r.push((a={},a[Qe.label]=n[Je.label],a[Qe.value]=n[Je.value],a))}}));if(H){e.onChange==null||e.onChange(r?r:undefined,t)}else{e.onChange==null||e.onChange(r?r[0]:undefined,t[0])}}if(Ge.current&&a(c)){Ge.current=false;if(Te){Oe(W(_e.treeList,Je));return}else if(me&&_e.treeList.length){Oe([_e.treeList[0][Je.value]]);return}}if(!a(c)){Ge.current=false;if(We.current){if(!le(er,We.current)){var n=ir(er,true);Oe(Array.from(new Set(De==null?void 0:De.concat(n))))}}else{var i=ir(er,true);Oe(Array.from(new Set(De==null?void 0:De.concat(i))))}}}}),[_e.treeList,JSON.stringify(er)]);var rr=function e(r){return r===""||a(r)};var tr=function e(r){var t=r;if(Me.onRequestResultAdapter){t=Me.onRequestResultAdapter(r)}else if(Je.list){t=L(r,Je.list,[])||[]}if(!d(t)){console.warn("接口返回数据为非数组结构，确认是否需要配置fieldNames.list进行解析");return[]}return t};I.useEffectCustom((function(){$e($)}),[$]);var nr=b.useCallbackRef((function(){return new Promise((function(e,r){var t,n,a,i,l;var u=function(){try{return e()}catch(e){return r(e)}};var s=function(e){try{Ge.current=false;Ue(false);void S.error(e.message||"数据查询异常...");return u()}catch(e){return r(e)}};try{if(!Me.onRequest){throw new Error("onRequest 调用接口服务不能为空")}t=Me.requiredParamsKeys;n=y({},Me.params);if(t){a=t.find((function(e){return rr(n[e])}));if(a){void Ve.changeRequestStatus({status:"no-dependencies-params"});console.warn("TreeWrapper组件：参数："+t.join("、")+"不能为空");return e()}}var o=function(){try{return u()}catch(e){return s(e)}};var c=function(e){try{window[ze]=false;Ue(false);void Ve.changeRequestStatus({status:"request-error",errorMessage:e.message});return o()}catch(e){return s(e)}};try{Ue(true);return Promise.resolve(Ve.changeRequestStatus({status:"request-progress"})).then((function(e){try{window[ze]=true;return Promise.resolve(Me.onRequest==null?void 0:Me.onRequest(n)).then((function(e){try{i=e;B==null||B(i);l=tr(i);if(l.length===0){Ge.current=false}ar(l);Ue(false);window[ze]=false;return o()}catch(e){return c(e)}}),c)}catch(e){return c(e)}}),c)}catch(e){c(e)}}catch(e){s(e)}}))}));I.useEffectCustom((function(){if(xe)return;if(Ee.length){void nr();return}var e=Y(R).getState();if(e.requestStatus==="request-success"){J==null||J(e.treeList);return}if(!window[ze]){void nr()}else{J==null||J(e.treeList)}}),Ee);I.useEffectCustom((function(){if(xe){ar(l||[])}}),[l]);var ar=b.useCallbackRef((function(e){if((e==null?void 0:e.length)===0&&_e.treeList.length===0){void Ve.changeRequestStatus({status:"request-success"});return}void Ve.setTreeList({treeList:e||[],childrenName:Je.children,valueName:Je.value});J==null||J(e)}));var ir=function e(r,t){var n=[];r.forEach((function(e){if(!t&&De!=null&&De.includes(e))return;var r=Q(e,_e.treeList,Je);n=n.concat(r)}));return n};b.useUpdateEffect((function(){if(Ze){var e=_e.treeTiledArray.filter((function(e){var r=e[Je.label]||"";if(je){return je(e,Ze)}return String(r).toLowerCase().includes(Ze.toLowerCase())}));var r=ir(e.map((function(e){return e[Je.value]})),true);Oe(Array.from(new Set(r)))}else{Oe([])}}),[Ze]);M(r,(function(){return{onClearSelectorList:function e(){void Ve.resetTreeList()},getTreeDataList:function e(){return _e.treeList},getTreeTiledArray:function e(){return _e.treeTiledArray},getTreeTiledArrayMap:function e(){return _e.treeTiledArrayMap},onChangeExpandedKeys:function e(r){Oe(r)},onSelectAll:function e(){var r=_e.treeTiledArray.map((function(e){return e[Je.value]}));Oe(r);f==null||f(r,undefined,_e.treeList,undefined)},onCancelSelectAll:function e(){Oe([]);f==null||f(undefined)},onExpandedAll:function e(){var r=_e.treeTiledArray.map((function(e){return e[Je.value]}));Oe(r)},onCancelExpandedAll:function e(){Oe([])}}}));var lr=b.useCallbackRef((function(e){Oe(e)}));var ur=function r(t,n,a,i){We.current=u(t);if(u(t).length===0){var l=i==null?void 0:i.node[Je.value];var s=_e.treeTiledArrayMap[l];e.onChange==null||e.onChange(undefined,s,[s],i)}else{e.onChange==null||e.onChange(t,n,a,i)}};var sr=b.useCallbackRef((function(r,t){var n=[];var a=[];if(H){n=e.checkStrictly?r.checked:r}else{n=r;if(Re&&!u(r).length){return}if(Se){var i=_e.treeTiledArrayMap[r[0]];var l=i?Se(i):false;if(l){return}}}n=u(n);if(!H){a=n}else{if(ue&&Ze&&!He){var s=t==null?void 0:t.node;if(e.checkStrictly){if(t.checked==false){n=er.filter((function(e){return e!=s[Je.value]}))}else{n=Array.from(new Set([].concat(er,n)))}a=n}else{var o=Ae==="2"||Ae==="3"?ae(er,_e.treeTiledArrayMap,Je.children,Je.value):er;if(t.checked==false){n=re([].concat(o),s,Je.children,Je.value)}else{n=Array.from(new Set([].concat(o,n)))}a=ee(n,_e.treeTiledArrayMap,Je.children,Je.value)}}else{a=n}if(!e.checkStrictly){if(Ae==="2"){n=ne(a,_e.treeTiledArrayMap,Je.children)}else if(Ae==="3"){n=te(a,_e.treeTiledArrayMap,Je.children,Je.value)}else if(K==false){n=ne(a,_e.treeTiledArrayMap,Je.children)}else{n=a}}}var c=a.map((function(e){return _e.treeTiledArrayMap[e]}));if(de){var d=Qe.value;var f=Qe.label;var v=n.map((function(e){var r;return r={},r[f]=_e.treeTiledArrayMap[e][Je.label],r[d]=_e.treeTiledArrayMap[e][Je.value],r}));if(H){ur(v,n.map((function(e){return _e.treeTiledArrayMap[e]})),c,t)}else{ur(v[0],_e.treeTiledArrayMap[n[0]],c,t)}}else{if(H){ur(n,n.map((function(e){return _e.treeTiledArrayMap[e]})),c,t)}else{ur(n[0],_e.treeTiledArrayMap[n[0]],c,t)}}}));var or=b.useCallbackRef((function(e){return G==null?void 0:G(e)}));var cr=k((function(){var e=w(_e.treeList||[]);if(Ze&&he!=="highlight"){var r=s(w(_e.treeList||[]),(function(e){var r;if(je){return je(e,Ze)}var t=(r=e[Je.label])==null?void 0:r.toLowerCase();return t.indexOf(Ze.toLowerCase())>=0}),{childrenName:Je.children});return r}return e}),[je,Je.children,Je.label,he,_e.treeList,Ze]);var dr=k((function(){var e=function r(t){return t==null?void 0:t.map((function(r){var t;var n=(or==null?void 0:or(r))||r;var a=fe?undefined:n.disabled;var i=n[Je.label]||"";var l;if(Ze&&g(i)){var u=i==null?void 0:i.toLowerCase();var s=u.indexOf(Ze.toLowerCase());var o=i.substring(0,s);var c=i.slice(s+Ze.length);var f=i.slice(s,s+Ze.length);l=s>-1?U("span",{className:h({"v-tree-item-disabled":n.disabled}),children:[o,z("span",{className:"site-tree-search-value",children:f}),c]}):null}if(!l&&n.disabled){l=z("span",{className:h({"v-tree-item-disabled":n.disabled}),children:i})}var v=n[Je.children];return C({},n,(t={disabled:a},t[Je.label]=l||i,t._treeItemName=i,t._disabled=n.disabled,t[Je.children]=d(v)&&v.length>0?e(v):undefined,t))}))};return e(cr)}),[cr,or,fe,Je.label,Je.children,Ze]);var fr=b.useCallbackRef((function(r){return new Promise((function(t,n){return new Promise((function(a,i){var l,u,s,o,c;if(r[Je.children]){t();return a()}var d=function(){try{return a()}catch(e){return i(e)}};var f=function(e){try{void S.error(e.message||"数据加载异常...");n();return d()}catch(e){return i(e)}};try{return Promise.resolve((l=e.loadDataServiceConfig)==null||l.onRequest==null?void 0:l.onRequest(((u=e.loadDataServiceConfig)==null||u.getParams==null?void 0:u.getParams(r))||{})).then((function(n){try{o=n;c=(s=e.loadDataServiceConfig)!=null&&s.onRequestResultAdapter?e.loadDataServiceConfig.onRequestResultAdapter(o):o;void Ve.treeListAppendChildren({value:r[Je.value],appendList:c,childrenName:Je.children,valueName:Je.value}).then((function(e){ar(e.treeList);t()}));return d()}catch(e){return f(e)}}),f)}catch(e){f(e)}}))}))}));var vr=b.useCallbackRef((function(r){var t=r==null?void 0:r[Je.children];var n=e.loadDataFlag;var a=n?!r.isLeaf:false;var i=t&&t.length>0||a;return!i}));var pr=b.useCallbackRef((function(r){var t,n,a;var i=r._treeItemName||r[Je.label];var l=we==null?void 0:we(C({},r,(t={},t[Je.label]=i,t)));if(l!=null&&l.operateList.length){return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),z(D,C({gap:5},l,{dropdownMenuProps:C({placement:"bottomRight",isFixed:true},l==null?void 0:l.dropdownMenuProps),className:h("tree-item-title-operate",l.className)}))]})}if(Be==="fold"){var u;var s=[];if((u=e.menuOptions)!=null&&u.fold){var o,c,d;s=((o=e.menuOptions)==null||(c=o[Be])==null?void 0:c.call(o,C({},r,(d={},d[Je.label]=i,d))))||[]}else{var f;s=(e.getMenuOptions==null?void 0:e.getMenuOptions(C({},r,(f={},f[Je.label]=i,f))))||[]}return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),s.length>0&&z(O,{menuList:s,placement:"bottomRight",children:z(m,{})})]})}var v=(n=e.menuOptions)==null||n.tile==null?void 0:n.tile(C({},r,(a={},a[Je.label]=i,a)));return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),v?z(D,C({gap:5},v,{className:h("tree-item-title-operate",v.className)})):null]})}));var mr=b.useDebounceCallback((function(r){$e(r);e.onSearchValueChange==null||e.onSearchValueChange(r)}),300);var hr=b.useCallbackRef((function(e){mr(e.target.value)}));var gr=b.useCallbackRef((function(r){if(!e.icon)return null;if(P(e.icon))return e.icon;var t=vr(r.data);return e.icon(C({},r,{isParent:!t,isLeaf:t}))}));var yr=k((function(){return{title:Je.label,key:Je.value,children:Je.children}}),[Je]);var br=dr.length>0&&_e.requestStatus!=="request-error";var Lr=C({showLine:{showLeafIcon:false},titleRender:pr,blockNode:true,switcherIcon:z(p,{}),onDrop:function e(r){if(ye){var t=ye(r);if(!t)return}var n=Z(cr,Je,r),a=n.dataList,i=n.dragNodeData;ge==null||ge(i);ar(a)},expandedKeys:De},ke,{fieldNames:yr,treeData:dr,onExpand:lr,loadData:e.loadDataFlag?fr:undefined,style:{width:"100%"},icon:gr,onClick:function e(r){if(Ne){var t=r.target;var n=t.dataset.value;if(a(n)){t=o.findParentsElement(r.target,(function(e){var r,t;return((r=e.classList)==null?void 0:r.contains("tree-item-title"))||((t=e.classList)==null?void 0:t.contains("ant-tree-treenode"))}));n=t.dataset.value}if(!a(n)){var i=_e.treeTiledArrayMap[n];if(i!=null&&i[Je.children]&&i[Je.children].length>0){var l=De.includes(n);if(l){var u=v.arrayRemove(De,n);Oe([].concat(u))}else{Oe([].concat(De,[n]))}}}}}});var Cr={onCheck:sr,checkable:H,checkedKeys:er};var Tr={onSelect:sr,multiple:false,selectedKeys:er};var wr=H?Cr:Tr;var jr=h("v-tree-wrapper","v-tree-wrapper-menu-"+Ye,Ce);var Ar=_e.treeList.length>0&&!br&&Ze;return U("div",{className:jr,style:t,children:[!!ue&&U("div",{className:"v-tree-wrapper-search-area",style:Le,children:[z(_,{className:"v-tree-wrapper-search",placeholder:a(se)?"搜索":se,onChange:hr,value:Ze,allowClear:true}),!!e.searchExtraElement&&z("span",{className:"v-tree-wrapper-search-extra",children:e.searchExtraElement})]}),br?U("div",{className:"v-tree-wrapper-tree-wrapper",children:[z(j,{spinning:_e.requestStatus==="request-progress"}),z(A,C({},wr,Lr,{className:"v-tree-wrapper-tree"}))]}):z(V,{status:_e.requestStatus,loading:Ke,messageConfig:C({"request-success":Ar?"搜索结果为空":"暂无数据","request-error":_e.requestErrorMessage},oe),errorButton:z(N,{type:"primary",onClick:nr,children:"重新获取数据"})})]})}));var se=c(ue,{getTreeDataList:G});export{se as TreeWrapper};
|
|
16
|
+
import{treeToArray as e,arrayToMap as r,treeToTiledArray as t,treeLeafParentsArray as n,isUndefinedOrNull as a,isNotEmptyArray as i,treeToTiledMap as l,toArray as u,treeFilter as s,dom as o,attachPropertiesToComponent as c}from"@flatbiz/utils";import{isArray as d}from"@dimjs/lang/cjs/is-array";import{Model as f}from"@dimjs/model-react";import{array as v}from"@dimjs/utils/cjs/array";import p from"@ant-design/icons/es/icons/CaretDownFilled";import m from"@ant-design/icons/es/icons/MoreOutlined";import{classNames as h}from"@dimjs/utils/cjs/class-names";import{isString as g}from"@dimjs/lang/cjs/is-string";import{extend as y}from"@dimjs/utils/cjs/extend";import{hooks as b}from"@wove/react/cjs/hooks";import{get as L}from"@dimjs/utils/cjs/get";import{_ as C,a as T}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{cloneState as w}from"@dimjs/model";import{Spin as j,Tree as A,Button as N,message as S}from"antd";import{forwardRef as R,useState as q,useMemo as k,useRef as x,useImperativeHandle as M,Fragment as E,isValidElement as P}from"react";import{ButtonOperate as D}from"../button-operate/index.js";import{DropdownMenuWrapper as O}from"../dropdown-menu-wrapper/index.js";import{fbaHooks as I}from"../fba-hooks/index.js";import{InputSearchWrapper as _}from"../input-search-wrapper/index.js";import{RequestStatus as V}from"../request-status/index.js";import{tree as F}from"@dimjs/utils/cjs/tree";import{isObject as K}from"@dimjs/lang/cjs/is-object";import"dequal";import{jsxs as U,jsx as z}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-promise";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-utils/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"../use-responsive-point-21b8c601.js";var H={treeList:[],treeTiledArray:[],treeTiledArrayMap:{},queryIsEmpty:false};var J={actions:{setTreeList:function t(n){return function(t){t.treeList=n.treeList||[];t.treeTiledArray=e(t.treeList,n.childrenName);t.treeTiledArrayMap=r(t.treeTiledArray,n.valueName);t.requestStatus="request-success"}},resetTreeList:function e(){return function(e){e.treeList=[];e.treeTiledArray=[];e.treeTiledArrayMap={}}},changeRequestStatus:function e(r){return function(e){e.requestStatus=r.status;if(r.status==="request-error"){e.treeList=[];e.treeTiledArray=[];e.treeTiledArrayMap={};e.requestErrorMessage=r.errorMessage||"数据查询异常"}else{e.requestErrorMessage=undefined}}},treeListAppendChildren:function t(n){return function(t){var a=e(t.treeList,n.childrenName);var i=r(a,n.valueName);var l=i[n.value];if(l){if(d(n.appendList)&&n.appendList.length>0){l[n.childrenName]=n.appendList}else{l.isLeaf=true}}t.treeTiledArray=a;t.treeTiledArrayMap=i}}},state:H};var B={};var Y=function e(r){if(!B[r]){B[r]=f(J)}return B[r]};var G=function e(r){var t=Y(r).getState();return t.treeList};var W=function r(t,n){var a=e(t,n.children).filter((function(e){var r=e[n.children];return r&&r.length>0})).map((function(e){return e[n.value]}));return a};var Q=function e(r,a,i){var l=t(a,i);return n(r,l,true,{value:"value",parentValue:"parentValue"}).filter((function(e){var r=e[i.children];return r&&r.length>0})).map((function(e){return e.value}))};var X=function e(r,t){var n=a(r)?[]:r;n=d(n)?n:[n];n=n.map((function(e){if(K(e))return e[t.value];return e}));return n};var Z=function e(r,t,n){var a=n.node.key;var i=n.dragNode.key;var l=n.node.pos.split("-");var u=n.dropPosition-Number(l[l.length-1]);var s=t.value;var o=t.children;var c=function e(r,t,n){for(var a=0;a<r.length;a++){if(r[a][s]===t){return n(r[a],a,r)}if(r[a][o]){c(r[a][o],t,n)}}};var d=w(r);var f;c(d,i,(function(e,r,t){t.splice(r,1);f=e}));if(!n.dropToGap){c(d,a,(function(e){e[o]=e[o]||[];e[o].unshift(f)}))}else if((n.node.props.children||[]).length>0&&n.node.props.expanded&&u===1){c(d,a,(function(e){e[o]=e[o]||[];e[o].unshift(f)}))}else{var v=[];var p;c(d,a,(function(e,r,t){v=t;p=r}));if(u===-1){v.splice(p,0,f)}else{v.splice(p+1,0,f)}}return{dataList:d,dragNodeData:$(i,d,t)}};var $=function r(t,n,a){var i;var l=a.value;var u=a.children;F.walkThroughTree((i={},i[l]=undefined,i[u]=n,i),(function(e,r,t){e["__index"]=r;e["__parentId"]=t==null?void 0:t[l]}),u);var s=e(n,u);var o=s.find((function(e){return e[l]===t}));return{parentId:o==null?void 0:o["__parentId"],id:o==null?void 0:o[l],index:o==null?void 0:o["__index"]}};var ee=function r(t,n,a,l){var u={};var s=[];var o=[];t.forEach((function(e){var r;if(i((r=n[e])==null?void 0:r[a])){s.push(e)}else{u[e]=e}}));if(s.length>0){s.forEach((function(r){var i=e(n[r][a],a);if(Object.keys(u).length>i.length){var s=i.filter((function(e){return t.find((function(r){return r===e[l]}))}));if(s.length===i.length){o.push(r)}}}))}return t.filter((function(e){return o.find((function(r){return r==e}))||u[e]}))};var re=function e(r,t,n,a){var i=l([t],{value:a,children:n});return r.filter((function(e){return!i[e]}))};var te=function e(r,t,n,a){var u={};r.forEach((function(e){var r;var s=(r=t[e])==null?void 0:r[n];if(i(s)){var o=l(s,{value:a,children:n});u=C({},u,o)}}));return r.filter((function(e){return!u[e]}))};var ne=function e(r,t,n){return r.filter((function(e){return!i(t[e][n])}))};var ae=function r(t,n,a,l){var u=[].concat(t);t.forEach((function(r){var t;var s=(t=n[r])==null?void 0:t[a];if(i(s)){var o=e(s,a);u=u.concat(o.map((function(e){return e[l]})))}}));return Array.from(new Set(u))};var ie=["style","serviceConfig","effectDependencyList","selectorTreeList","value","onChange","modelKey","checkableResponseParentNode","checkable","onSelectorTreeListChange","onRequestResponseChange","treeItemDataAdapter","searchValue","showSearch","searchPlaceholder","requestMessageConfig","labelInValueFieldNames","labelInValue","disabledCanUse","menuLayoutType","menuTriggerType","initRootExpand","searchResultType","onDropNodeHandle","onDropPrev","labelRender","searchStyle","className","defaultExpandAll","menus","customSearchRule","checkableType","clickParentNodeToggleExpand","disableNodeSelect","required","executeOnChangeInRenderFirstValue"];var le=function e(r,t){var n=r.slice().sort();var a=t.slice().sort();return JSON.stringify(n)===JSON.stringify(a)};var ue=R((function(e,r){var t=e.style,n=e.serviceConfig,i=e.effectDependencyList,l=e.selectorTreeList,c=e.value,f=e.onChange,R=e.modelKey,F=e.checkableResponseParentNode,K=F===void 0?true:F,H=e.checkable,J=e.onSelectorTreeListChange,B=e.onRequestResponseChange,G=e.treeItemDataAdapter,$=e.searchValue,ue=e.showSearch,se=e.searchPlaceholder,oe=e.requestMessageConfig,ce=e.labelInValueFieldNames,de=e.labelInValue,fe=e.disabledCanUse,ve=e.menuLayoutType,pe=e.menuTriggerType,me=e.initRootExpand,he=e.searchResultType,ge=e.onDropNodeHandle,ye=e.onDropPrev,be=e.labelRender,Le=e.searchStyle,Ce=e.className,Te=e.defaultExpandAll,we=e.menus,je=e.customSearchRule,Ae=e.checkableType,Ne=e.clickParentNodeToggleExpand,Se=e.disableNodeSelect,Re=e.required,qe=e.executeOnChangeInRenderFirstValue,ke=T(e,ie);var xe=e.hasOwnProperty("selectorTreeList");var Me=n||{};var Ee=i||[];var Pe=q([]),De=Pe[0],Oe=Pe[1];var Ie=Y(R).useStore(),_e=Ie[0],Ve=Ie[1];var Fe=I.useSafeState(false),Ke=Fe[0],Ue=Fe[1];var ze="request-progress-"+e.modelKey;var He=he==="highlight";var Je=k((function(){return C({label:"label",value:"value",children:"children"},e.fieldNames)}),[e.fieldNames]);var Be=ve===undefined?"fold":ve;var Ye=pe===undefined?"click":pe;var Ge=x(true);var We=x(undefined);var Qe=k((function(){return C({label:"label",value:"value"},ce)}),[ce]);var Xe=q(),Ze=Xe[0],$e=Xe[1];var er=k((function(){return X(c,Qe)}),[Qe,c]);I.useEffectCustom((function(){if(_e.treeList.length>0){if(Ge.current&&de&&qe&&er.length>0){var r=[];var t=[];er.forEach((function(e){var n=_e.treeTiledArrayMap[e];if(n){var a;t.push(n);r.push((a={},a[Qe.label]=n[Je.label],a[Qe.value]=n[Je.value],a))}}));if(H){e.onChange==null||e.onChange(r?r:undefined,t)}else{e.onChange==null||e.onChange(r?r[0]:undefined,t[0])}}if(Ge.current&&er.length===0){Ge.current=false;if(Te){Oe(W(_e.treeList,Je));return}else if(me&&_e.treeList.length){Oe([_e.treeList[0][Je.value]]);return}}if(er.length>0){Ge.current=false;if(We.current){if(!le(er,We.current)){var n=ir(er,true);Oe(Array.from(new Set(De==null?void 0:De.concat(n))))}}else{var a=ir(er,true);Oe(Array.from(new Set(De==null?void 0:De.concat(a))))}}}}),[_e.treeList,JSON.stringify(er)]);var rr=function e(r){return r===""||a(r)};var tr=function e(r){var t=r;if(Me.onRequestResultAdapter){t=Me.onRequestResultAdapter(r)}else if(Je.list){t=L(r,Je.list,[])||[]}if(!d(t)){console.warn("接口返回数据为非数组结构，确认是否需要配置fieldNames.list进行解析");return[]}return t};I.useEffectCustom((function(){$e($)}),[$]);var nr=b.useCallbackRef((function(){return new Promise((function(e,r){var t,n,a,i,l;var u=function(){try{return e()}catch(e){return r(e)}};var s=function(e){try{Ge.current=false;Ue(false);void S.error(e.message||"数据查询异常...");return u()}catch(e){return r(e)}};try{if(!Me.onRequest){throw new Error("onRequest 调用接口服务不能为空")}t=Me.requiredParamsKeys;n=y({},Me.params);if(t){a=t.find((function(e){return rr(n[e])}));if(a){void Ve.changeRequestStatus({status:"no-dependencies-params"});console.warn("TreeWrapper组件：参数："+t.join("、")+"不能为空");return e()}}var o=function(){try{return u()}catch(e){return s(e)}};var c=function(e){try{window[ze]=false;Ue(false);void Ve.changeRequestStatus({status:"request-error",errorMessage:e.message});return o()}catch(e){return s(e)}};try{Ue(true);return Promise.resolve(Ve.changeRequestStatus({status:"request-progress"})).then((function(e){try{window[ze]=true;return Promise.resolve(Me.onRequest==null?void 0:Me.onRequest(n)).then((function(e){try{i=e;B==null||B(i);l=tr(i);if(l.length===0){Ge.current=false}ar(l);Ue(false);window[ze]=false;return o()}catch(e){return c(e)}}),c)}catch(e){return c(e)}}),c)}catch(e){c(e)}}catch(e){s(e)}}))}));I.useEffectCustom((function(){if(xe)return;if(Ee.length){void nr();return}var e=Y(R).getState();if(e.requestStatus==="request-success"){J==null||J(e.treeList);return}if(!window[ze]){void nr()}else{J==null||J(e.treeList)}}),Ee);I.useEffectCustom((function(){if(xe){ar(l||[])}}),[l]);var ar=b.useCallbackRef((function(e){if((e==null?void 0:e.length)===0&&_e.treeList.length===0){void Ve.changeRequestStatus({status:"request-success"});return}void Ve.setTreeList({treeList:e||[],childrenName:Je.children,valueName:Je.value});J==null||J(e)}));var ir=function e(r,t){var n=[];r.forEach((function(e){if(!t&&De!=null&&De.includes(e))return;var r=Q(e,_e.treeList,Je);n=n.concat(r)}));return n};b.useUpdateEffect((function(){if(Ze){var e=_e.treeTiledArray.filter((function(e){var r=e[Je.label]||"";if(je){return je(e,Ze)}return String(r).toLowerCase().includes(Ze.toLowerCase())}));var r=ir(e.map((function(e){return e[Je.value]})),true);Oe(Array.from(new Set(r)))}else{Oe([])}}),[Ze]);M(r,(function(){return{onClearSelectorList:function e(){void Ve.resetTreeList()},getTreeDataList:function e(){return _e.treeList},getTreeTiledArray:function e(){return _e.treeTiledArray},getTreeTiledArrayMap:function e(){return _e.treeTiledArrayMap},onChangeExpandedKeys:function e(r){Oe(r)},onSelectAll:function e(){var r=_e.treeTiledArray.map((function(e){return e[Je.value]}));Oe(r);f==null||f(r,undefined,_e.treeList,undefined)},onCancelSelectAll:function e(){Oe([]);f==null||f(undefined)},onExpandedAll:function e(){var r=_e.treeTiledArray.map((function(e){return e[Je.value]}));Oe(r)},onCancelExpandedAll:function e(){Oe([])}}}));var lr=b.useCallbackRef((function(e){Oe(e)}));var ur=function r(t,n,a,i){We.current=u(t);if(u(t).length===0){var l=i==null?void 0:i.node[Je.value];var s=_e.treeTiledArrayMap[l];e.onChange==null||e.onChange(undefined,s,[s],i)}else{e.onChange==null||e.onChange(t,n,a,i)}};var sr=b.useCallbackRef((function(r,t){var n=[];var a=[];if(H){n=e.checkStrictly?r.checked:r}else{n=r;if(Re&&!u(r).length){return}if(Se){var i=_e.treeTiledArrayMap[r[0]];var l=i?Se(i):false;if(l){return}}}n=u(n);if(!H){a=n}else{if(ue&&Ze&&!He){var s=t==null?void 0:t.node;if(e.checkStrictly){if(t.checked==false){n=er.filter((function(e){return e!=s[Je.value]}))}else{n=Array.from(new Set([].concat(er,n)))}a=n}else{var o=Ae==="2"||Ae==="3"?ae(er,_e.treeTiledArrayMap,Je.children,Je.value):er;if(t.checked==false){n=re([].concat(o),s,Je.children,Je.value)}else{n=Array.from(new Set([].concat(o,n)))}a=ee(n,_e.treeTiledArrayMap,Je.children,Je.value)}}else{a=n}if(!e.checkStrictly){if(Ae==="2"){n=ne(a,_e.treeTiledArrayMap,Je.children)}else if(Ae==="3"){n=te(a,_e.treeTiledArrayMap,Je.children,Je.value)}else if(K==false){n=ne(a,_e.treeTiledArrayMap,Je.children)}else{n=a}}}var c=a.map((function(e){return _e.treeTiledArrayMap[e]}));if(de){var d=Qe.value;var f=Qe.label;var v=n.map((function(e){var r;return r={},r[f]=_e.treeTiledArrayMap[e][Je.label],r[d]=_e.treeTiledArrayMap[e][Je.value],r}));if(H){ur(v,n.map((function(e){return _e.treeTiledArrayMap[e]})),c,t)}else{ur(v[0],_e.treeTiledArrayMap[n[0]],c,t)}}else{if(H){ur(n,n.map((function(e){return _e.treeTiledArrayMap[e]})),c,t)}else{ur(n[0],_e.treeTiledArrayMap[n[0]],c,t)}}}));var or=b.useCallbackRef((function(e){return G==null?void 0:G(e)}));var cr=k((function(){var e=w(_e.treeList||[]);if(Ze&&he!=="highlight"){var r=s(w(_e.treeList||[]),(function(e){var r;if(je){return je(e,Ze)}var t=(r=e[Je.label])==null?void 0:r.toLowerCase();return t.indexOf(Ze.toLowerCase())>=0}),{childrenName:Je.children});return r}return e}),[je,Je.children,Je.label,he,_e.treeList,Ze]);var dr=k((function(){var e=function r(t){return t==null?void 0:t.map((function(r){var t;var n=(or==null?void 0:or(r))||r;var a=fe?undefined:n.disabled;var i=n[Je.label]||"";var l;if(Ze&&g(i)){var u=i==null?void 0:i.toLowerCase();var s=u.indexOf(Ze.toLowerCase());var o=i.substring(0,s);var c=i.slice(s+Ze.length);var f=i.slice(s,s+Ze.length);l=s>-1?U("span",{className:h({"v-tree-item-disabled":n.disabled}),children:[o,z("span",{className:"site-tree-search-value",children:f}),c]}):null}if(!l&&n.disabled){l=z("span",{className:h({"v-tree-item-disabled":n.disabled}),children:i})}var v=n[Je.children];return C({},n,(t={disabled:a},t[Je.label]=l||i,t._treeItemName=i,t._disabled=n.disabled,t[Je.children]=d(v)&&v.length>0?e(v):undefined,t))}))};return e(cr)}),[cr,or,fe,Je.label,Je.children,Ze]);var fr=b.useCallbackRef((function(r){return new Promise((function(t,n){return new Promise((function(a,i){var l,u,s,o,c;if(r[Je.children]){t();return a()}var d=function(){try{return a()}catch(e){return i(e)}};var f=function(e){try{void S.error(e.message||"数据加载异常...");n();return d()}catch(e){return i(e)}};try{return Promise.resolve((l=e.loadDataServiceConfig)==null||l.onRequest==null?void 0:l.onRequest(((u=e.loadDataServiceConfig)==null||u.getParams==null?void 0:u.getParams(r))||{})).then((function(n){try{o=n;c=(s=e.loadDataServiceConfig)!=null&&s.onRequestResultAdapter?e.loadDataServiceConfig.onRequestResultAdapter(o):o;void Ve.treeListAppendChildren({value:r[Je.value],appendList:c,childrenName:Je.children,valueName:Je.value}).then((function(e){ar(e.treeList);t()}));return d()}catch(e){return f(e)}}),f)}catch(e){f(e)}}))}))}));var vr=b.useCallbackRef((function(r){var t=r==null?void 0:r[Je.children];var n=e.loadDataFlag;var a=n?!r.isLeaf:false;var i=t&&t.length>0||a;return!i}));var pr=b.useCallbackRef((function(r){var t,n,a;var i=r._treeItemName||r[Je.label];var l=we==null?void 0:we(C({},r,(t={},t[Je.label]=i,t)));if(l!=null&&l.operateList.length){return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),z(D,C({gap:5},l,{dropdownMenuProps:C({placement:"bottomRight",isFixed:true},l==null?void 0:l.dropdownMenuProps),className:h("tree-item-title-operate",l.className)}))]})}if(Be==="fold"){var u;var s=[];if((u=e.menuOptions)!=null&&u.fold){var o,c,d;s=((o=e.menuOptions)==null||(c=o[Be])==null?void 0:c.call(o,C({},r,(d={},d[Je.label]=i,d))))||[]}else{var f;s=(e.getMenuOptions==null?void 0:e.getMenuOptions(C({},r,(f={},f[Je.label]=i,f))))||[]}return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),s.length>0&&z(O,{menuList:s,placement:"bottomRight",children:z(m,{})})]})}var v=(n=e.menuOptions)==null||n.tile==null?void 0:n.tile(C({},r,(a={},a[Je.label]=i,a)));return U(E,{children:[z("span",{className:"tree-item-title","data-value":r[Je.value],children:(be==null?void 0:be(r))||(r==null?void 0:r[Je.label])}),v?z(D,C({gap:5},v,{className:h("tree-item-title-operate",v.className)})):null]})}));var mr=b.useDebounceCallback((function(r){$e(r);e.onSearchValueChange==null||e.onSearchValueChange(r)}),300);var hr=b.useCallbackRef((function(e){mr(e.target.value)}));var gr=b.useCallbackRef((function(r){if(!e.icon)return null;if(P(e.icon))return e.icon;var t=vr(r.data);return e.icon(C({},r,{isParent:!t,isLeaf:t}))}));var yr=k((function(){return{title:Je.label,key:Je.value,children:Je.children}}),[Je]);var br=dr.length>0&&_e.requestStatus!=="request-error";var Lr=C({showLine:{showLeafIcon:false},titleRender:pr,blockNode:true,switcherIcon:z(p,{}),onDrop:function e(r){if(ye){var t=ye(r);if(!t)return}var n=Z(cr,Je,r),a=n.dataList,i=n.dragNodeData;ge==null||ge(i);ar(a)},expandedKeys:De},ke,{fieldNames:yr,treeData:dr,onExpand:lr,loadData:e.loadDataFlag?fr:undefined,style:{width:"100%"},icon:gr,onClick:function e(r){if(Ne){var t=r.target;var n=t.dataset.value;if(a(n)){t=o.findParentsElement(r.target,(function(e){var r,t;return((r=e.classList)==null?void 0:r.contains("tree-item-title"))||((t=e.classList)==null?void 0:t.contains("ant-tree-treenode"))}));n=t.dataset.value}if(!a(n)){var i=_e.treeTiledArrayMap[n];if(i!=null&&i[Je.children]&&i[Je.children].length>0){var l=De.includes(n);if(l){var u=v.arrayRemove(De,n);Oe([].concat(u))}else{Oe([].concat(De,[n]))}}}}}});var Cr={onCheck:sr,checkable:H,checkedKeys:er};var Tr={onSelect:sr,multiple:false,selectedKeys:er};var wr=H?Cr:Tr;var jr=h("v-tree-wrapper","v-tree-wrapper-menu-"+Ye,Ce);var Ar=_e.treeList.length>0&&!br&&Ze;return U("div",{className:jr,style:t,children:[!!ue&&U("div",{className:"v-tree-wrapper-search-area",style:Le,children:[z(_,{className:"v-tree-wrapper-search",placeholder:a(se)?"搜索":se,onChange:hr,value:Ze,allowClear:true}),!!e.searchExtraElement&&z("span",{className:"v-tree-wrapper-search-extra",children:e.searchExtraElement})]}),br?U("div",{className:"v-tree-wrapper-tree-wrapper",children:[z(j,{spinning:_e.requestStatus==="request-progress"}),z(A,C({},wr,Lr,{className:"v-tree-wrapper-tree"}))]}):z(V,{status:_e.requestStatus,loading:Ke,messageConfig:C({"request-success":Ar?"搜索结果为空":"暂无数据","request-error":_e.requestErrorMessage},oe),errorButton:z(N,{type:"primary",onClick:nr,children:"重新获取数据"})})]})}));var se=c(ue,{getTreeDataList:G});export{se as TreeWrapper};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|