@flatbiz/antd 4.5.28 → 4.5.29
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/easy-form/index.js +1 -1
- package/esm/easy-form/index.js.map +1 -1
- package/esm/editable-card/index.js +1 -1
- package/esm/editable-card/index.js.map +1 -1
- package/esm/editable-table-pro/index.js +1 -1
- package/esm/editable-table-pro/index.js.map +1 -1
- package/esm/form-item-span/index.css +0 -0
- package/esm/form-item-span/index.js +6 -0
- package/esm/form-item-span/index.js.map +1 -0
- package/esm/index.js +5 -2
- package/esm/tree-modal/index.css +0 -0
- package/esm/tree-modal/index.js +21 -0
- package/esm/tree-modal/index.js.map +1 -0
- package/esm/tree-modal-selector/index.css +0 -0
- package/esm/tree-modal-selector/index.js +22 -0
- package/esm/tree-modal-selector/index.js.map +1 -0
- package/esm/tree-wrapper/index.js +1 -1
- package/esm/tree-wrapper/index.js.map +1 -1
- package/index.d.ts +245 -127
- package/package.json +3 -3
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import './../fba-hooks/index.css';
|
|
3
|
+
import './../flex-layout/index.css';
|
|
4
|
+
import './../css-node-hover/index.css';
|
|
5
|
+
import './../icon-wrapper/index.css';
|
|
6
|
+
import './../text-overflow/index.css';
|
|
7
|
+
import './../tree-wrapper/index.css';
|
|
8
|
+
import './../request-status/index.css';
|
|
9
|
+
import './../button-operate/index.css';
|
|
10
|
+
import './../button-wrapper/index.css';
|
|
11
|
+
import './../config-provider-wrapper/index.css';
|
|
12
|
+
import './../types/index.css';
|
|
13
|
+
import './../fba-utils/index.css';
|
|
14
|
+
import './../dropdown-menu-wrapper/index.css';
|
|
15
|
+
import './../dialog-confirm/index.css';
|
|
16
|
+
import './../dialog-modal/index.css';
|
|
17
|
+
import './../input-search-wrapper/index.css';
|
|
18
|
+
import './index.css';
|
|
19
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
20
|
+
import{_ as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isObject as i}from"@dimjs/lang/cjs/is-object";import{hooks as n}from"@wove/react/cjs/hooks";import{toArray as t,treeToTiledMap as o,isUndefinedOrNull as r}from"@flatbiz/utils";import{useSize as l}from"ahooks";import{Modal as a}from"antd";import{Fragment as d,useState as s,useRef as u,useMemo as c}from"react";import{fbaHooks as m}from"../fba-hooks/index.js";import{FlexLayout as h}from"../flex-layout/index.js";import p from"@ant-design/icons/es/icons/CloseOutlined";import{CssNodeHover as v}from"../css-node-hover/index.js";import{IconWrapper as f}from"../icon-wrapper/index.js";import{TextOverflow as g}from"../text-overflow/index.js";import{jsx as j,jsxs as x}from"react/jsx-runtime";import{TreeWrapper as C}from"../tree-wrapper/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/lang/cjs/is-string";import"@dimjs/model-react";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-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-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 y=function e(i){var n=i.chenkedIdList;return j(d,{children:n==null?void 0:n.map((function(e){var n=e.value;var t=e.label||n;return j(v,{style:{paddingLeft:5,paddingRight:0},children:x(h,{fullIndex:1,direction:"horizontal",style:{alignItems:"center",fontSize:14,marginBottom:0,color:"#505050"},children:[j(g,{text:t}),j("div",{style:{position:"relative",zIndex:9,color:"#a1a1a1"},children:j(f,{text:j(p,{}),onClick:i.onDeleteItem.bind(null,n),size:"small",style:{paddingRight:5,margin:"2px"}})})]})},n)}))})};var w=function i(o){var r,l;var a=n.useId(undefined,"tree-select-modal");return j(C,e({initRootExpand:true,showSearch:true,searchPlaceholder:"搜索",checkable:true,checkableType:"2"},o.treeProps,{showIcon:(r=o.treeProps)!=null&&r.icon?true:false,value:(l=o.value)==null?void 0:l.map((function(e){return e.value})),modelKey:a,fieldNames:o.fieldNames,labelInValue:true,serviceConfig:o.serviceConfig,onChange:function e(i){o.onChange==null?void 0:o.onChange(t(i))}}))};var b=function e(i){var n,t;var r=i.value||[];var l=((n=i.fieldNames)==null?void 0:n.value)||"value";var a=((t=i.fieldNames)==null?void 0:t.children)||"children";var s=i.textConfig,u=s.selectQuantityPrompt,c=s.placeholder;return x(h,{fullIndex:0,direction:"horizontal",gap:10,style:{height:"100%",overflow:"hidden"},children:[j("div",{style:{backgroundColor:"#f4f4f4",padding:10,borderRadius:5},children:j(w,{treeProps:i.treeProps,value:r,onChange:i.onChange,fieldNames:i.fieldNames,serviceConfig:{onRequest:i.onRequest,onRequestResultAdapter:function e(n){var t=o(n,{value:l,children:a});i.onChangeDataSourceMap(t);i.onChangeDataSource==null?void 0:i.onChangeDataSource(n,t);return n}}})}),x("div",{style:{width:"40%",overflow:"hidden",height:"100%",display:"flex",flexDirection:"column",flexShrink:0},children:[j("div",{style:{fontSize:15,fontWeight:"500",marginBottom:10},children:r.length>0?j(d,{children:u?u.replace("{total}",""+((r==null?void 0:r.length)||"")):"已选择"+(r==null?void 0:r.length)}):c||"请选择"}),j("div",{style:{overflow:"auto",flex:1,paddingRight:15},children:j(y,{chenkedIdList:r,fieldNames:i.fieldNames,onDeleteItem:i.onDeleteItem})})]})]})};var S=function e(i){var n,t;var r=i.textConfig,l=r.selectQuantityPrompt,a=r.placeholder;var s=((n=i.fieldNames)==null?void 0:n.value)||"value";var u=((t=i.fieldNames)==null?void 0:t.children)||"children";var c=i.value||[];return x("div",{style:{height:"100%",overflow:"auto"},children:[j("div",{style:{backgroundColor:"#f4f4f4",padding:10,borderRadius:5},children:j(w,{treeProps:i.treeProps,value:c,onChange:i.onChange,fieldNames:i.fieldNames,serviceConfig:{onRequest:i.onRequest,onRequestResultAdapter:function e(n){var t=o(n,{value:s,children:u});i.onChangeDataSourceMap(t);i.onChangeDataSource==null?void 0:i.onChangeDataSource(n,t);return n}}})}),x("div",{style:{marginTop:20},children:[j("div",{style:{fontSize:15,fontWeight:"500",marginBottom:10},children:c.length>0?j(d,{children:l?l.replace("{total}",""+((c==null?void 0:c.length)||"")):"已选择"+(c==null?void 0:c.length)}):a}),j(y,{chenkedIdList:c,fieldNames:i.fieldNames,onDeleteItem:i.onDeleteItem})]})]})};var D=function o(h){var p;var v=h.size,f=v===void 0?"large":v,g=h.isMultiple;var C=s(false),y=C[0],w=C[1];var D=s(),N=D[0],R=D[1];var k=((p=h.fieldNames)==null?void 0:p.label)||"label";var I=l(document.querySelector("html"));var P=m.useResponsivePoint()||"";var q=P==="xs"?"vertical":"horizontal";var z=r(g)?true:g;var B=n.useCallbackRef((function(){w(true)}));var M=h.children.type;var L=s(),O=L[0],F=L[1];var H=u([]);var W=function e(i){var n=O==null?void 0:O.filter((function(e){return e.value!==i}));F(n)};m.useEffectCustom((function(){var e=t(h.value).map((function(e){if(i(e))return e;return{value:e,label:N==null?void 0:N[e][k]}}));if(N){h.onSelectChange==null?void 0:h.onSelectChange(e||[])}H.current=e||[];F(e)}),[h.value,N,k]);var _=c((function(){if(!(I!=null&&I.height)||!P)return undefined;var e=["xs","sm"].includes(P);var i={};if(f=="large"){i={height:(I==null?void 0:I.height)*.65,width:800}}else if(f=="small"){i={height:(I==null?void 0:I.height)*.45,width:450}}else if(f=="middle"){i={height:(I==null?void 0:I.height)*.55,width:600}}return{height:h.modalBodyHeight||i.height,width:e?"90%":h.modalWidth||i.width}}),[I==null?void 0:I.height,P,f,h.modalBodyHeight,h.modalWidth]);var E=e({},h.treeProps,{checkable:z?true:false});var A=function e(){h.onSelectChange==null?void 0:h.onSelectChange(O);h.onChange==null?void 0:h.onChange(O);w(false)};var Q=function e(i){F(i)};var T=function e(){w(false);F(H.current)};return x(d,{children:[j(M,e({},h.children.props,{onClick:B})),j(a,{className:h.modalClassName,title:h.textConfig.title||"选择",open:y,onCancel:T,forceRender:h.forceRender,centered:true,width:_==null?void 0:_.width,onOk:A,styles:q==="horizontal"?{body:{height:_==null?void 0:_.height,maxHeight:"calc(100vh - 200px)",padding:"0px 0 0 20px"},content:{padding:0},header:{padding:"20px 24px 0 20px"},footer:{padding:"0 24px 20px 24px"}}:{body:{height:_==null?void 0:_.height}},children:q==="vertical"?j(S,{onChangeDataSourceMap:R,value:O,onDeleteItem:W,fieldNames:h.fieldNames,onRequest:h.onRequest,textConfig:h.textConfig,onChange:Q,onChangeDataSource:h.onChangeDataSource,treeProps:E}):j(b,{value:O,onChangeDataSourceMap:R,onDeleteItem:W,fieldNames:h.fieldNames,onRequest:h.onRequest,textConfig:h.textConfig,onChange:Q,onChangeDataSource:h.onChangeDataSource,treeProps:E})})]})};export{D as TreeModal};
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tree-modal/select-item.tsx","@flatbiz/antd/src/tree-modal/tree.tsx","@flatbiz/antd/src/tree-modal/horizontal.tsx","@flatbiz/antd/src/tree-modal/vertical.tsx","@flatbiz/antd/src/tree-modal/select-modal.tsx"],"sourcesContent":["import { CloseOutlined } from '@ant-design/icons';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { Fragment } from 'react';\nimport { CssNodeHover } from '../css-node-hover';\nimport { FlexLayout } from '../flex-layout';\nimport { IconWrapper } from '../icon-wrapper';\nimport { TextOverflow } from '../text-overflow';\nimport { TreeModalProps } from './types';\n\nexport const SelectItemList = (props: {\n chenkedIdList: TPlainObject[];\n fieldNames: TreeModalProps['fieldNames'];\n onDeleteItem: (value: TAny) => void;\n}) => {\n const chenkedIdList = props.chenkedIdList;\n return (\n <Fragment>\n {chenkedIdList?.map((item) => {\n const value = item.value;\n const label = item.label || value;\n\n return (\n <CssNodeHover style={{ paddingLeft: 5, paddingRight: 0 }} key={value}>\n <FlexLayout\n fullIndex={1}\n direction=\"horizontal\"\n style={{\n alignItems: 'center',\n fontSize: 14,\n marginBottom: 0,\n color: '#505050',\n }}\n >\n <TextOverflow text={label} />\n <div\n style={{\n position: 'relative',\n zIndex: 9,\n color: '#a1a1a1',\n }}\n >\n <IconWrapper\n text={<CloseOutlined />}\n onClick={props.onDeleteItem.bind(null, value)}\n size=\"small\"\n style={{ paddingRight: 5, margin: '2px' }}\n />\n </div>\n </FlexLayout>\n </CssNodeHover>\n );\n })}\n </Fragment>\n );\n};\n","import { TAny, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { TreeServiceConfig, TreeWrapper, TreeWrapperProps } from '../tree-wrapper';\nimport { TreeModalProps, TreeModelSelectItem } from './types';\n\nexport const SelectContent = (props: {\n value?: TAny;\n onChange?: (value?: TreeModelSelectItem[]) => void;\n fieldNames?: TreeWrapperProps['fieldNames'];\n serviceConfig?: TreeServiceConfig;\n treeProps?: TreeModalProps['treeProps'];\n}) => {\n const modelKey = hooks.useId(undefined, 'tree-select-modal');\n return (\n <TreeWrapper\n initRootExpand\n showSearch\n searchPlaceholder=\"搜索\"\n checkable={true}\n checkableType=\"2\"\n {...props.treeProps}\n showIcon={props.treeProps?.icon ? true : false}\n value={props.value?.map((item) => item.value)}\n modelKey={modelKey}\n fieldNames={props.fieldNames}\n labelInValue={true}\n serviceConfig={props.serviceConfig}\n onChange={(values) => {\n props.onChange?.(toArray(values));\n }}\n />\n );\n};\n","import { TAny, TPlainObject, treeToTiledMap } from '@flatbiz/utils';\nimport { Fragment } from 'react';\nimport { FlexLayout } from '../flex-layout';\nimport { SelectItemList } from './select-item';\nimport { SelectContent } from './tree';\nimport { TreeModalProps, TreeModelSelectItem } from './types';\n\nexport const HorizontalLayout = (props: {\n onChangeDataSourceMap: (data: TPlainObject) => void;\n onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;\n onDeleteItem: (value: TAny) => void;\n fieldNames?: TreeModalProps['fieldNames'];\n onRequest?: TreeModalProps['onRequest'];\n textConfig: TreeModalProps['textConfig'];\n onChange?: (value?: TreeModelSelectItem[]) => void;\n value?: TreeModelSelectItem[];\n treeProps?: TreeModalProps['treeProps'];\n}) => {\n const chenkedIdList = props.value || [];\n\n const valueKey = props.fieldNames?.value || 'value';\n const childrenKey = props.fieldNames?.children || 'children';\n\n const { selectQuantityPrompt, placeholder } = props.textConfig;\n\n return (\n <FlexLayout fullIndex={0} direction=\"horizontal\" gap={10} style={{ height: '100%', overflow: 'hidden' }}>\n <div style={{ backgroundColor: '#f4f4f4', padding: 10, borderRadius: 5 }}>\n <SelectContent\n treeProps={props.treeProps}\n value={chenkedIdList}\n onChange={props.onChange}\n fieldNames={props.fieldNames}\n serviceConfig={{\n onRequest: props.onRequest,\n onRequestResultAdapter: (respData) => {\n const listMap: TPlainObject = treeToTiledMap(respData, {\n value: valueKey,\n children: childrenKey,\n });\n props.onChangeDataSourceMap(listMap);\n props.onChangeDataSource?.(respData, listMap);\n return respData;\n },\n }}\n />\n </div>\n\n <div\n style={{\n width: '40%',\n overflow: 'hidden',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n flexShrink: 0,\n }}\n >\n <div style={{ fontSize: 15, fontWeight: '500', marginBottom: 10 }}>\n {chenkedIdList.length > 0 ? (\n <Fragment>\n {selectQuantityPrompt\n ? selectQuantityPrompt.replace('{total}', `${chenkedIdList?.length || ''}`)\n : `已选择${chenkedIdList?.length}`}\n </Fragment>\n ) : (\n placeholder || '请选择'\n )}\n </div>\n <div style={{ overflow: 'auto', flex: 1, paddingRight: 15 }}>\n <SelectItemList\n chenkedIdList={chenkedIdList}\n fieldNames={props.fieldNames}\n onDeleteItem={props.onDeleteItem}\n />\n </div>\n </div>\n </FlexLayout>\n );\n};\n","import { TAny, TPlainObject, treeToTiledMap } from '@flatbiz/utils';\nimport { Fragment } from 'react';\nimport { SelectItemList } from './select-item';\nimport { SelectContent } from './tree';\nimport { TreeModalProps, TreeModelSelectItem } from './types';\n\nexport const VerticalLayout = (props: {\n onChangeDataSourceMap: (data: TPlainObject) => void;\n onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;\n onDeleteItem: (value: TAny) => void;\n fieldNames?: TreeModalProps['fieldNames'];\n onRequest?: TreeModalProps['onRequest'];\n textConfig: TreeModalProps['textConfig'];\n onChange?: (value?: TreeModelSelectItem[]) => void;\n value?: TreeModelSelectItem[];\n treeProps?: TreeModalProps['treeProps'];\n}) => {\n const { selectQuantityPrompt, placeholder } = props.textConfig;\n const valueKey = props.fieldNames?.value || 'value';\n const childrenKey = props.fieldNames?.children || 'children';\n\n const chenkedIdList = props.value || [];\n\n return (\n <div style={{ height: '100%', overflow: 'auto' }}>\n <div style={{ backgroundColor: '#f4f4f4', padding: 10, borderRadius: 5 }}>\n <SelectContent\n treeProps={props.treeProps}\n value={chenkedIdList}\n onChange={props.onChange}\n fieldNames={props.fieldNames}\n serviceConfig={{\n onRequest: props.onRequest,\n onRequestResultAdapter: (respData) => {\n const listMap: TPlainObject = treeToTiledMap(respData, {\n value: valueKey,\n children: childrenKey,\n });\n props.onChangeDataSourceMap(listMap);\n props.onChangeDataSource?.(respData, listMap);\n return respData;\n },\n }}\n />\n </div>\n\n <div style={{ marginTop: 20 }}>\n <div style={{ fontSize: 15, fontWeight: '500', marginBottom: 10 }}>\n {chenkedIdList.length > 0 ? (\n <Fragment>\n {selectQuantityPrompt\n ? selectQuantityPrompt.replace('{total}', `${chenkedIdList?.length || ''}`)\n : `已选择${chenkedIdList?.length}`}\n </Fragment>\n ) : (\n placeholder\n )}\n </div>\n <SelectItemList\n chenkedIdList={chenkedIdList}\n fieldNames={props.fieldNames}\n onDeleteItem={props.onDeleteItem}\n />\n </div>\n </div>\n );\n};\n","import { isObject } from '@dimjs/lang';\nimport { isUndefinedOrNull, TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Modal } from 'antd';\nimport { Fragment, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { HorizontalLayout } from './horizontal';\nimport { TreeModalProps, TreeModelSelectItem } from './types';\nimport { VerticalLayout } from './vertical';\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 TreeModal = (props: TreeModalProps) => {\n const { size = 'large', isMultiple } = props;\n const [isOpen, setIsOpen] = useState(false);\n const [dataSourceMap, setDataSourceMap] = useState<TPlainObject>();\n const labelKey = props.fieldNames?.label || 'label';\n\n const htmlSize = useSize(document.querySelector('html'));\n const screenType = fbaHooks.useResponsivePoint() || '';\n\n const direction = screenType === 'xs' ? 'vertical' : 'horizontal';\n const isMultipleFt = isUndefinedOrNull(isMultiple) ? true : isMultiple;\n\n const handleOnClick = hooks.useCallbackRef(() => {\n setIsOpen(true);\n });\n\n const Action = props.children.type;\n\n const [values, setValues] = useState<TreeModelSelectItem[]>();\n const originalValuesRef = useRef<TreeModelSelectItem[]>([]);\n\n const onDeleteItem = (value) => {\n const targetList = values?.filter((item) => item.value !== value);\n setValues(targetList);\n };\n\n fbaHooks.useEffectCustom(() => {\n const values = toArray<TAny>(props.value).map((item) => {\n if (isObject(item)) return item;\n return {\n value: item,\n label: dataSourceMap?.[item][labelKey],\n };\n });\n if (dataSourceMap) {\n props.onSelectChange?.(values || []);\n }\n originalValuesRef.current = values || [];\n setValues(values);\n }, [props.value, dataSourceMap, labelKey]);\n\n const customSize = useMemo(() => {\n if (!htmlSize?.height || !screenType) return undefined;\n const isXsSm = ['xs', 'sm'].includes(screenType);\n let sizeCalculate: TPlainObject = {};\n if (size == 'large') {\n sizeCalculate = {\n height: htmlSize?.height * 0.65,\n width: 800,\n };\n } else if (size == 'small') {\n sizeCalculate = {\n height: htmlSize?.height * 0.45,\n width: 450,\n };\n } else if (size == 'middle') {\n sizeCalculate = {\n height: htmlSize?.height * 0.55,\n width: 600,\n };\n }\n\n return {\n height: props.modalBodyHeight || sizeCalculate.height,\n width: isXsSm ? '90%' : props.modalWidth || sizeCalculate.width,\n };\n }, [htmlSize?.height, screenType, size, props.modalBodyHeight, props.modalWidth]);\n\n const treePropsFt = {\n ...props.treeProps,\n checkable: isMultipleFt ? true : false,\n };\n const onSubmit = () => {\n props.onSelectChange?.(values);\n props.onChange?.(values);\n setIsOpen(false);\n };\n\n const onChange = (values?: TreeModelSelectItem[]) => {\n setValues(values);\n };\n const onCancel = () => {\n setIsOpen(false);\n setValues(originalValuesRef.current);\n };\n\n return (\n <Fragment>\n <Action {...props.children.props} onClick={handleOnClick} />\n <Modal\n className={props.modalClassName}\n title={props.textConfig.title || '选择'}\n open={isOpen}\n onCancel={onCancel}\n forceRender={props.forceRender}\n centered\n width={customSize?.width}\n onOk={onSubmit}\n styles={\n direction === 'horizontal'\n ? {\n body: {\n height: customSize?.height,\n maxHeight: 'calc(100vh - 200px)',\n padding: '0px 0 0 20px',\n },\n content: {\n padding: 0,\n },\n header: {\n padding: '20px 24px 0 20px',\n },\n footer: {\n padding: '0 24px 20px 24px',\n },\n }\n : {\n body: {\n height: customSize?.height,\n },\n }\n }\n >\n {direction === 'vertical' ? (\n <VerticalLayout\n onChangeDataSourceMap={setDataSourceMap}\n value={values}\n onDeleteItem={onDeleteItem}\n fieldNames={props.fieldNames}\n onRequest={props.onRequest}\n textConfig={props.textConfig}\n onChange={onChange}\n onChangeDataSource={props.onChangeDataSource}\n treeProps={treePropsFt}\n ></VerticalLayout>\n ) : (\n <HorizontalLayout\n value={values}\n onChangeDataSourceMap={setDataSourceMap}\n onDeleteItem={onDeleteItem}\n fieldNames={props.fieldNames}\n onRequest={props.onRequest}\n textConfig={props.textConfig}\n onChange={onChange}\n onChangeDataSource={props.onChangeDataSource}\n treeProps={treePropsFt}\n />\n )}\n </Modal>\n </Fragment>\n );\n};\n"],"names":["SelectItemList","props","chenkedIdList","_jsx","Fragment","children","map","item","value","label","CssNodeHover","style","paddingLeft","paddingRight","_jsxs","FlexLayout","fullIndex","direction","alignItems","fontSize","marginBottom","color","TextOverflow","text","position","zIndex","IconWrapper","_CloseOutlined","onClick","onDeleteItem","bind","size","margin","SelectContent","_props$treeProps","_props$value","modelKey","_hooks","useId","undefined","TreeWrapper","_extends","initRootExpand","showSearch","searchPlaceholder","checkable","checkableType","treeProps","showIcon","icon","fieldNames","labelInValue","serviceConfig","onChange","values","toArray","HorizontalLayout","_props$fieldNames","_props$fieldNames2","valueKey","childrenKey","_props$textConfig","textConfig","selectQuantityPrompt","placeholder","gap","height","overflow","backgroundColor","padding","borderRadius","onRequest","onRequestResultAdapter","respData","listMap","treeToTiledMap","onChangeDataSourceMap","onChangeDataSource","width","display","flexDirection","flexShrink","fontWeight","length","replace","flex","VerticalLayout","marginTop","TreeModal","_props$size","isMultiple","_useState","useState","isOpen","setIsOpen","_useState2","dataSourceMap","setDataSourceMap","labelKey","htmlSize","useSize","document","querySelector","screenType","fbaHooks","useResponsivePoint","isMultipleFt","isUndefinedOrNull","handleOnClick","useCallbackRef","Action","type","_useState3","setValues","originalValuesRef","useRef","targetList","filter","useEffectCustom","_isObject","onSelectChange","current","customSize","useMemo","isXsSm","includes","sizeCalculate","modalBodyHeight","modalWidth","treePropsFt","onSubmit","onCancel","Modal","className","modalClassName","title","open","forceRender","centered","onOk","styles","body","maxHeight","content","header","footer"],"mappings":"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"}
|
|
File without changes
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import './../tree-modal/index.css';
|
|
3
|
+
import './../fba-hooks/index.css';
|
|
4
|
+
import './../flex-layout/index.css';
|
|
5
|
+
import './../css-node-hover/index.css';
|
|
6
|
+
import './../icon-wrapper/index.css';
|
|
7
|
+
import './../text-overflow/index.css';
|
|
8
|
+
import './../tree-wrapper/index.css';
|
|
9
|
+
import './../request-status/index.css';
|
|
10
|
+
import './../button-operate/index.css';
|
|
11
|
+
import './../button-wrapper/index.css';
|
|
12
|
+
import './../config-provider-wrapper/index.css';
|
|
13
|
+
import './../types/index.css';
|
|
14
|
+
import './../fba-utils/index.css';
|
|
15
|
+
import './../dropdown-menu-wrapper/index.css';
|
|
16
|
+
import './../dialog-confirm/index.css';
|
|
17
|
+
import './../dialog-modal/index.css';
|
|
18
|
+
import './../input-search-wrapper/index.css';
|
|
19
|
+
import './index.css';
|
|
20
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
21
|
+
import{a as i,_ as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isObject as o}from"@dimjs/lang/cjs/is-object";import{isUndefinedOrNull as n,toArray as t}from"@flatbiz/utils";import{Select as r}from"antd";import{useState as a}from"react";import{TreeModal as s}from"../tree-modal/index.js";import{jsx as l}from"react/jsx-runtime";import"@wove/react/cjs/hooks";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"@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-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-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 m=["placeholder","maxTagCount","labelInValue"];var p=function p(d){var u=d.placeholder,c=d.maxTagCount,j=d.labelInValue,g=i(d,m);var f=n(u)?"请选择":u;var v=a((function(){var i;return((i=t(d.value))==null?void 0:i.map((function(i){return o(i)?i:{label:i,value:i}})))||[]})),x=v[0],h=v[1];var C=function i(e){var o=t(e).length?e:undefined;if(g.isMultiple==false){d.onChange==null?void 0:d.onChange(o==null?void 0:o[0])}else{d.onChange==null?void 0:d.onChange(o)}};var w=function i(e){if(j){C(e);return}C(e==null?void 0:e.map((function(i){return i.value})))};var y=function i(e){if(j){C(e);return}C(e==null?void 0:e.map((function(i){return i.value})))};return l(s,e({},g,{forceRender:true,onChange:y,onSelectChange:function i(e){h(e||[]);d.onSelectChange==null?void 0:d.onSelectChange(e||[])},children:l(r,{labelInValue:true,style:{width:"100%"},placeholder:f,maxTagCount:c,mode:"multiple",open:false,value:x,onChange:w})}))};export{p as TreeModalSelector};
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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 } from '@flatbiz/utils';\nimport { Select } from 'antd';\nimport { useState } from 'react';\nimport { TreeModal } from '../tree-modal';\nimport { 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/**\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: TreeModalSelectorProps) => {\n const { placeholder, maxTagCount, labelInValue, ...otherProps } = props;\n const placeholderFt = isUndefinedOrNull(placeholder) ? '请选择' : placeholder;\n\n const [showValues, setShowValues] = useState<TreeModelSelectItem[]>(() => {\n return (\n toArray(props.value)?.map((item) => {\n return isObject(item)\n ? (item as TreeModelSelectItem)\n : ({ label: item, value: item } as TreeModelSelectItem);\n }) || []\n );\n });\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 props.onChange?.(valueFt);\n }\n };\n\n const onSelectChange = (value) => {\n if (labelInValue) {\n onInnerChange(value);\n return;\n }\n\n onInnerChange(value?.map((item) => item.value));\n };\n const treeModalChange = (value) => {\n if (labelInValue) {\n onInnerChange(value);\n return;\n }\n\n onInnerChange(value?.map((item) => item.value));\n };\n\n return (\n <TreeModal\n {...otherProps}\n forceRender={true}\n onChange={treeModalChange}\n onSelectChange={(values) => {\n setShowValues(values || []);\n props.onSelectChange?.(values || []);\n }}\n >\n <Select\n labelInValue\n style={{ width: '100%' }}\n placeholder={placeholderFt}\n maxTagCount={maxTagCount}\n mode=\"multiple\"\n open={false}\n value={showValues}\n onChange={onSelectChange}\n />\n </TreeModal>\n );\n};\n"],"names":["TreeModalSelector","props","placeholder","maxTagCount","labelInValue","otherProps","_objectWithoutPropertiesLoose","_excluded","placeholderFt","isUndefinedOrNull","_useState","useState","_toArray","toArray","value","map","item","_isObject","label","showValues","setShowValues","onInnerChange","valueFt","length","undefined","isMultiple","onChange","onSelectChange","treeModalChange","_jsx","TreeModal","_extends","forceRender","values","children","Select","style","width","mode","open"],"mappings":";6+DAyBaA,EAAoB,SAApBA,EAAqBC,GAChC,IAAQC,EAA0DD,EAA1DC,YAAaC,EAA6CF,EAA7CE,YAAaC,EAAgCH,EAAhCG,aAAiBC,EAAUC,EAAKL,EAAKM,GACvE,IAAMC,EAAgBC,EAAkBP,GAAe,MAAQA,EAE/D,IAAAQ,EAAoCC,GAAgC,WAAM,IAAAC,EACxE,QACEA,EAAAC,EAAQZ,EAAMa,SAAM,UAAA,EAApBF,EAAsBG,KAAI,SAACC,GACzB,OAAOC,EAASD,GACXA,EACA,CAAEE,MAAOF,EAAMF,MAAOE,EAC5B,MAAK,EAEV,IAROG,EAAUT,EAAA,GAAEU,EAAaV,EAAA,GAUhC,IAAMW,EAAgB,SAAhBA,EAAiBP,GACrB,IAAMQ,EAAUT,EAAQC,GAAOS,OAAST,EAAQU,UAChD,GAAInB,EAAWoB,YAAc,MAAO,CAClCxB,EAAMyB,UAANzB,UAAAA,EAAAA,EAAMyB,SAAWJ,GAAAA,UAAAA,EAAAA,EAAU,GAC7B,KAAO,CACLrB,EAAMyB,UAANzB,UAAAA,EAAAA,EAAMyB,SAAWJ,EACnB,GAGF,IAAMK,EAAiB,SAAjBA,EAAkBb,GACtB,GAAIV,EAAc,CAChBiB,EAAcP,GACd,MACF,CAEAO,EAAcP,GAAAA,UAAAA,EAAAA,EAAOC,KAAI,SAACC,GAAI,OAAKA,EAAKF,KAAK,MAE/C,IAAMc,EAAkB,SAAlBA,EAAmBd,GACvB,GAAIV,EAAc,CAChBiB,EAAcP,GACd,MACF,CAEAO,EAAcP,GAAAA,UAAAA,EAAAA,EAAOC,KAAI,SAACC,GAAI,OAAKA,EAAKF,KAAK,MAG/C,OACEe,EAACC,EAASC,KACJ1B,EAAU,CACd2B,YAAa,KACbN,SAAUE,EACVD,eAAgB,SAAAA,EAACM,GACfb,EAAca,GAAU,IACxBhC,EAAM0B,gBAAc,UAAA,EAApB1B,EAAM0B,eAAiBM,GAAU,GACjC,EAAAC,SAEFL,EAACM,EAAM,CACL/B,aAAY,KACZgC,MAAO,CAAEC,MAAO,QAChBnC,YAAaM,EACbL,YAAaA,EACbmC,KAAK,WACLC,KAAM,MACNzB,MAAOK,EACPO,SAAUC,MAIlB"}
|
|
@@ -13,5 +13,5 @@ import './../flex-layout/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,treeToTiledArray as r,treeLeafParentsArray as t,isUndefinedOrNull as n,treeFilter as a,attachPropertiesToComponent as i}from"@flatbiz/utils";import{isArray as l}from"@dimjs/lang/cjs/is-array";import{Model as s}from"@dimjs/model-react";import u from"@ant-design/icons/es/icons/CaretDownFilled";import o from"@ant-design/icons/es/icons/MoreOutlined";import{classNames as c}from"@dimjs/utils/cjs/class-names";import{extend as d}from"@dimjs/utils/cjs/extend";import{hooks as f}from"@wove/react/cjs/hooks";import{get as v}from"@dimjs/utils/cjs/get";import{a as p,_ as m}from"../_rollupPluginBabelHelpers-a0769acd.js";import{cloneState as h}from"@dimjs/model";import{Spin as g,Tree as y,Button as b,message as L}from"antd";import{forwardRef as C,useState as w,useMemo as j,useRef as R,useImperativeHandle as N,Fragment as q,isValidElement as S}from"react";import{ButtonOperate as x}from"../button-operate/index.js";import{DropdownMenuWrapper as k}from"../dropdown-menu-wrapper/index.js";import{fbaHooks as T}from"../fba-hooks/index.js";import{InputSearchWrapper as A}from"../input-search-wrapper/index.js";import{RequestStatus as E}from"../request-status/index.js";import{tree as D}from"@dimjs/utils/cjs/tree";import{isObject as P}from"@dimjs/lang/cjs/is-object";import"dequal";import{jsxs as _,jsx as I}from"react/jsx-runtime";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"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-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 M={treeList:[],treeTiledArray:[],queryIsEmpty:false};var O={actions:{setTreeList:function r(t){return function(r){r.treeList=t.treeList||[];r.treeTiledArray=e(r.treeList,t.childrenName);r.requestStatus="request-success"}},resetTreeList:function e(){return function(e){e.treeList=[];e.treeTiledArray=[]}},changeRequestStatus:function e(r){return function(e){e.requestStatus=r.status;if(r.status==="request-error"){e.treeList=[];e.treeTiledArray=[];e.requestErrorMessage=r.errorMessage||"数据查询异常"}else{e.requestErrorMessage=undefined}}},treeListAppendChildren:function r(t){return function(r){var n=e(r.treeList,t.childrenName);var a=n.find((function(e){return e[t.valueName]===t.value}));if(a){if(l(t.appendList)&&t.appendList.length>0){a[t.childrenName]=t.appendList}else{a.isLeaf=true}}r.treeTiledArray=e(r.treeList,t.childrenName)}}},state:M};var V={};var F=function e(r){if(!V[r]){V[r]=s(O)}return V[r]};var K=function e(r){var t=F(r).getState();return t.treeList};var U=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 z=function e(n,a,i){var l=r(a,i);return t(n,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 H=function e(r,t){var a=n(r)?[]:r;a=l(a)?a:[a];a=a.map((function(e){if(P(e))return e[t.value];return e}));return a};var B=function e(r,t,n){var a=n.node.key;var i=n.dragNode.key;var l=n.node.pos.split("-");var s=n.dropPosition-Number(l[l.length-1]);var u=t.value;var o=t.children;var c=function e(r,t,n){for(var a=0;a<r.length;a++){if(r[a][u]===t){return n(r[a],a,r)}if(r[a][o]){e(r[a][o],t,n)}}};var d=h(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&&s===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(s===-1){v.splice(p,0,f)}else{v.splice(p+1,0,f)}}return{dataList:d,dragNodeData:Y(i,d,t)}};var Y=function r(t,n,a){var i;var l=a.value;var s=a.children;D.walkThroughTree((i={},i[l]=undefined,i[s]=n,i),(function(e,r,t){e["__index"]=r;e["__parentId"]=t==null?void 0:t[l]}),s);var u=e(n,s);var o=u.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 G=["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"];var W=C((function(e,r){var t=e.style,i=e.serviceConfig,s=e.effectDependencyList,C=e.selectorTreeList,D=e.value,P=e.onChange,M=e.modelKey,O=e.checkableResponseParentNode,V=O===void 0?true:O,K=e.checkable,Y=e.onSelectorTreeListChange,W=e.onRequestResponseChange,J=e.treeItemDataAdapter,Q=e.searchValue,X=e.showSearch,Z=e.searchPlaceholder,$=e.requestMessageConfig,ee=e.labelInValueFieldNames,re=e.labelInValue,te=e.disabledCanUse,ne=e.menuLayoutType,ae=e.menuTriggerType,ie=e.initRootExpand,le=e.searchResultType,se=e.onDropNodeHandle,ue=e.onDropPrev,oe=e.labelRender,ce=e.searchStyle,de=e.className,fe=e.defaultExpandAll,ve=e.menus,pe=e.customSearchRule,me=p(e,G);var he=e.hasOwnProperty("selectorTreeList");var ge=i||{};var ye=s||[];var be=w([]),Le=be[0],Ce=be[1];var we=F(M).useStore(),je=we[0],Re=we[1];var Ne=T.useSafeState(false),qe=Ne[0],Se=Ne[1];var xe="request-progress-"+e.modelKey;var ke=j((function(){return m({label:"label",value:"value",children:"children"},e.fieldNames)}),[e.fieldNames]);var Te=ne===undefined?"fold":ne;var Ae=ae===undefined?"click":ae;var Ee=R(true);var De=j((function(){return m({label:"label",value:"value"},ee)}),[ee]);var Pe=w(),_e=Pe[0],Ie=Pe[1];var Me=R();var Oe=j((function(){return H(D,De)}),[De,D]);T.useEffectCustom((function(){if(je.treeList.length>0){if(Ee.current){Ee.current=false;if(fe){Ce(U(je.treeList,ke));return}else if(ie&&je.treeList.length){Ce([je.treeList[0][ke.value]]);return}}if(!n(D)){var e=ze(Oe,true);Ce(Array.from(new Set(Le==null?void 0:Le.concat(e))))}}}),[D,je.treeList,Oe]);var Ve=function e(r){return r===""||n(r)};var Fe=function e(r){if(ge.onRequestResultAdapter){return ge.onRequestResultAdapter(r)}if(ke.list){return v(r,ke.list,[])||[]}if(!l(r)){console.warn("接口返回数据为非数组结构,确认是否需要配置fieldNames.list进行解析");return[]}return r};T.useEffectCustom((function(){Ie(Q)}),[Q]);var Ke=f.useCallbackRef((function(){return new Promise((function(e,r){var t,n,a,i,l,s;var u=function(){try{return e()}catch(e){return r(e)}};var o=function(e){try{Ee.current=false;Se(false);void L.error(e.message||"数据查询异常...");return u()}catch(e){return r(e)}};try{if(!ge.onRequest){throw new Error("onRequest 调用接口服务不能为空")}t=ge.requiredParamsKeys;n=d({},ge.params);if(t){a=t.find((function(e){return Ve(n[e])}));if(a){void Re.changeRequestStatus({status:"no-dependencies-params"});console.warn("TreeWrapper组件:参数:"+t.join("、")+"不能为空");return e()}}var c=function(){try{return u()}catch(e){return o(e)}};var f=function(e){try{window[xe]=false;Se(false);void Re.changeRequestStatus({status:"request-error",errorMessage:e.message});return c()}catch(e){return o(e)}};try{Se(true);return Promise.resolve(Re.changeRequestStatus({status:"request-progress"})).then((function(e){try{window[xe]=true;return Promise.resolve(ge.onRequest==null?void 0:ge.onRequest(n)).then((function(e){try{i=e;W==null?void 0:W(i);l=Fe(i);s=l||[];if(s.length===0){Ee.current=false}Ue(s);Se(false);window[xe]=false;return c()}catch(e){return f(e)}}),f)}catch(e){return f(e)}}),f)}catch(e){f(e)}}catch(e){o(e)}}))}));T.useEffectCustom((function(){if(he)return;if(ye.length){void Ke();return}var e=F(M).getState();if(e.requestStatus==="request-success"){Y==null?void 0:Y(e.treeList);return}if(!window[xe]){void Ke()}else{Y==null?void 0:Y(e.treeList)}}),ye);T.useEffectCustom((function(){if(he){Ue(C||[])}}),[C]);var Ue=f.useCallbackRef((function(e){if((e==null?void 0:e.length)===0&&je.treeList.length===0){void Re.changeRequestStatus({status:"request-success"});return}void Re.setTreeList({treeList:e||[],childrenName:ke.children});Y==null?void 0:Y(e)}));var ze=function e(r,t){var n=[];r.forEach((function(e){if(!t&&Le!=null&&Le.includes(e))return;var r=z(e,je.treeList,ke);n=n.concat(r)}));return n};f.useUpdateEffect((function(){if(_e){var e=je.treeTiledArray.filter((function(e){var r=e[ke.label]||"";if(pe){return pe(e,_e)}return String(r).toLowerCase().includes(_e.toLowerCase())}));var r=ze(e.map((function(e){return e[ke.value]})),true);Ce(Array.from(new Set(r)))}else{Ce([])}}),[_e]);N(r,(function(){return{onClearSelectorList:function e(){void Re.resetTreeList()},getTreeDataList:function e(){return je.treeList},onChangeExpandedKeys:function e(r){Ce(r)},onSelectAll:function e(){var r=je.treeTiledArray.map((function(e){return e[ke.value]}));Ce(r);P==null?void 0:P(r,undefined,je.treeList,undefined)},onCancelSelectAll:function e(){Ce([]);P==null?void 0:P(undefined)},onExpandedAll:function e(){var r=je.treeTiledArray.map((function(e){return e[ke.value]}));Ce(r)},onCancelExpandedAll:function e(){Ce([])}}}));var He=f.useCallbackRef((function(e){Ce(e)}));var Be=f.useCallbackRef((function(e,r,t,a){Me.current=e;var i=n(r)?[]:l(r)?r:[r];if(n(e)){P==null?void 0:P(e,r,t);return}if(re){var s=De.label;var u=De.value;var o=i.map((function(e){var r;return r={},r[s]=e[ke.label],r[u]=e[ke.value],r}));if(l(e)){P==null?void 0:P(o,i,t,a)}else{P==null?void 0:P(o[0],i[0],t,a)}}else{if(l(e)){P==null?void 0:P(e,i,t,a)}else{P==null?void 0:P(e,i[0],t,a)}}}));var Ye=f.useCallbackRef((function(r,t){var a=n(r)?[]:r;a=e.checkStrictly?r.checked:r;a=l(a)?a:[a];var i=[];var s=[];var u=[];var o=[];a.forEach((function(e){var r=je.treeTiledArray.find((function(r){return r[ke.value]===e}));if(!r)return;var t=r==null?void 0:r[ke.children];if(!l(t)||t.length===0){i.push(r);s.push(r[ke.value])}u.push(r);o.push(r[ke.value])}));if(K){Ce((function(e){var r=ze(s).concat(e||[]);return Array.from(new Set(r))}));if(!V&&!e.checkStrictly){Be(s,i,u,t)}else{Be(o,u,u,t)}}else{if(a[0]){var c=u.find((function(e){return e[ke.value]===a[0]}));Be(a[0],c,[c],t)}else{var d=t.node[ke.value];var f=je.treeTiledArray.find((function(e){return e[ke.value]===d}));Be(undefined,f,[f],t)}}}));var Ge=f.useCallbackRef((function(e){return J==null?void 0:J(e)}));var We=j((function(){var e=h(je.treeList||[]);if(_e&&le!=="highlight"){return a(h(je.treeList||[]),(function(e){var r;if(pe){return pe(e,_e)}var t=(r=e[ke.label])==null?void 0:r.toLowerCase();return t.indexOf(_e.toLowerCase())>=0}),{childrenName:ke.children})}return e}),[ke.children,ke.label,le,je.treeList,_e]);var Je=j((function(){var e=function e(r){return r==null?void 0:r.map((function(r){var t;var n=(Ge==null?void 0:Ge(r))||r;var a=te?undefined:n.disabled;var i=n[ke.label];var s;if(_e){var u=i==null?void 0:i.toLowerCase();var o=u.indexOf(_e.toLowerCase());var d=u.substring(0,o);var f=u.slice(o+_e.length);var v=u.slice(o,o+_e.length);s=o>-1?_("span",{className:c({"v-tree-item-disabled":n.disabled}),children:[d,I("span",{className:"site-tree-search-value",children:v}),f]}):null}if(!s&&n.disabled){s=I("span",{className:c({"v-tree-item-disabled":n.disabled}),children:i})}var p=n[ke.children];return m({},n,(t={disabled:a},t[ke.label]=s||i,t._treeItemName=i,t._disabled=n.disabled,t[ke.children]=l(p)&&p.length>0?e(p):undefined,t))}))};return e(We)}),[We,Ge,te,ke.label,ke.children,_e]);var Qe=f.useCallbackRef((function(r){return new Promise((function(t,n){return new Promise((function(a,i){var l,s,u,o,c;if(r[ke.children]){t();return a()}var d=function(){try{return a()}catch(e){return i(e)}};var f=function(e){try{void L.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(((s=e.loadDataServiceConfig)==null||s.getParams==null?void 0:s.getParams(r))||{})).then((function(n){try{o=n;c=(u=e.loadDataServiceConfig)!=null&&u.onRequestResultAdapter?e.loadDataServiceConfig.onRequestResultAdapter(o):o;void Re.treeListAppendChildren({value:r[ke.value],appendList:c,childrenName:ke.children,valueName:ke.value}).then((function(e){Ue(e.treeList);t()}));return d()}catch(e){return f(e)}}),f)}catch(e){f(e)}}))}))}));var Xe=f.useCallbackRef((function(r){var t=r==null?void 0:r[ke.children];var n=e.loadDataFlag;var a=n?!r.isLeaf:false;var i=t&&t.length>0||a;return!i}));var Ze=f.useCallbackRef((function(r){var t,n,a;var i=r._treeItemName||r[ke.label];var l=ve==null?void 0:ve(m({},r,(t={},t[ke.label]=i,t)));if(l!=null&&l.operateList.length){return _(q,{children:[I("span",{className:"tree-item-title",children:(oe==null?void 0:oe(r))||(r==null?void 0:r[ke.label])}),I(x,m({gap:5},l,{dropdownMenuProps:m({placement:"bottomRight",isFixed:true},l==null?void 0:l.dropdownMenuProps),className:c("tree-item-title-operate",l.className)}))]})}if(Te==="fold"){var s;var u=[];if((s=e.menuOptions)!=null&&s.fold){var d,f,v;u=((d=e.menuOptions)==null||(f=d[Te])==null?void 0:f.call(d,m({},r,(v={},v[ke.label]=i,v))))||[]}else{var p;u=(e.getMenuOptions==null?void 0:e.getMenuOptions(m({},r,(p={},p[ke.label]=i,p))))||[]}return _(q,{children:[I("span",{className:"tree-item-title",children:(oe==null?void 0:oe(r))||(r==null?void 0:r[ke.label])}),u.length>0&&I(k,{menuList:u,placement:"bottomRight",children:I(o,{})})]})}var h=(n=e.menuOptions)==null||n.tile==null?void 0:n.tile(m({},r,(a={},a[ke.label]=i,a)));return _(q,{children:[I("span",{className:"tree-item-title",children:(oe==null?void 0:oe(r))||(r==null?void 0:r[ke.label])}),h?I(x,m({gap:5},h,{className:c("tree-item-title-operate",h.className)})):null]})}));var $e=f.useDebounceCallback((function(r){Ie(r);e.onSearchValueChange==null?void 0:e.onSearchValueChange(r)}),300);var er=f.useCallbackRef((function(e){$e(e.target.value)}));var rr=f.useCallbackRef((function(r){if(!e.icon)return null;if(S(e.icon))return e.icon;var t=Xe(r.data);return e.icon(m({},r,{isParent:!t,isLeaf:t}))}));var tr=j((function(){return{title:ke.label,key:ke.value,children:ke.children}}),[ke]);var nr=Je.length>0&&je.requestStatus!=="request-error";var ar=m({showLine:{showLeafIcon:false},titleRender:Ze,blockNode:true,switcherIcon:I(u,{}),onDrop:function e(r){if(ue){var t=ue(r);if(!t)return}var n=B(We,ke,r),a=n.dataList,i=n.dragNodeData;se==null?void 0:se(i);Ue(a)},expandedKeys:Le},me,{fieldNames:tr,treeData:Je,onExpand:He,loadData:e.loadDataFlag?Qe:undefined,style:{width:"100%"},icon:rr});var ir={onCheck:Ye,checkable:K,checkedKeys:Oe};var lr={onSelect:Ye,multiple:false,selectedKeys:Oe};var sr=K?ir:lr;var ur=c("v-tree-wrapper","v-tree-wrapper-menu-"+Ae,de);var or=je.treeList.length>0&&!nr&&_e;return _("div",{className:ur,style:t,children:[!!X&&_("div",{className:"v-tree-wrapper-search-area",style:ce,children:[I(A,{className:"v-tree-wrapper-search",placeholder:n(Z)?"搜索":Z,onChange:er,value:Q,allowClear:true}),!!e.searchExtraElement&&I("span",{className:"v-tree-wrapper-search-extra",children:e.searchExtraElement})]}),nr?_("div",{className:"v-tree-wrapper-tree-wrapper",children:[I(g,{spinning:je.requestStatus==="request-progress"}),I(y,m({},sr,ar,{className:"v-tree-wrapper-tree"}))]}):I(E,{status:je.requestStatus,loading:qe,messageConfig:m({"request-success":or?"搜索结果为空":"暂无数据","request-error":je.requestErrorMessage},$),errorButton:I(b,{type:"primary",onClick:Ke,children:"重新获取数据"})})]})}));W.defaultProps={disabledCanUse:true};var J=i(W,{getTreeDataList:K});export{J 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 s,treeFilter as u,attachPropertiesToComponent as o}from"@flatbiz/utils";import{isArray as c}from"@dimjs/lang/cjs/is-array";import{Model as d}from"@dimjs/model-react";import f from"@ant-design/icons/es/icons/CaretDownFilled";import v from"@ant-design/icons/es/icons/MoreOutlined";import{classNames as p}from"@dimjs/utils/cjs/class-names";import{extend as m}from"@dimjs/utils/cjs/extend";import{hooks as h}from"@wove/react/cjs/hooks";import{get as g}from"@dimjs/utils/cjs/get";import{_ as y,a as b}from"../_rollupPluginBabelHelpers-a0769acd.js";import{cloneState as L}from"@dimjs/model";import{Spin as C,Tree as w,Button as j,message as T}from"antd";import{forwardRef as A,useState as N,useMemo as R,useRef as S,useImperativeHandle as q,Fragment as k,isValidElement as x}from"react";import{ButtonOperate as M}from"../button-operate/index.js";import{DropdownMenuWrapper as E}from"../dropdown-menu-wrapper/index.js";import{fbaHooks as D}from"../fba-hooks/index.js";import{InputSearchWrapper as P}from"../input-search-wrapper/index.js";import{RequestStatus as _}from"../request-status/index.js";import{tree as I}from"@dimjs/utils/cjs/tree";import{isObject as O}from"@dimjs/lang/cjs/is-object";import"dequal";import{jsxs as V,jsx as F}from"react/jsx-runtime";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"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-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 K={treeList:[],treeTiledArray:[],treeTiledArrayMap:{},queryIsEmpty:false};var U={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(c(n.appendList)&&n.appendList.length>0){l[n.childrenName]=n.appendList}else{l.isLeaf=true}}t.treeTiledArray=a;t.treeTiledArrayMap=i}}},state:K};var z={};var H=function e(r){if(!z[r]){z[r]=d(U)}return z[r]};var B=function e(r){var t=H(r).getState();return t.treeList};var Y=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 G=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 W=function e(r,t){var n=a(r)?[]:r;n=c(n)?n:[n];n=n.map((function(e){if(O(e))return e[t.value];return e}));return n};var J=function e(r,t,n){var a=n.node.key;var i=n.dragNode.key;var l=n.node.pos.split("-");var s=n.dropPosition-Number(l[l.length-1]);var u=t.value;var o=t.children;var c=function e(r,t,n){for(var a=0;a<r.length;a++){if(r[a][u]===t){return n(r[a],a,r)}if(r[a][o]){e(r[a][o],t,n)}}};var d=L(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&&s===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(s===-1){v.splice(p,0,f)}else{v.splice(p+1,0,f)}}return{dataList:d,dragNodeData:Q(i,d,t)}};var Q=function r(t,n,a){var i;var l=a.value;var s=a.children;I.walkThroughTree((i={},i[l]=undefined,i[s]=n,i),(function(e,r,t){e["__index"]=r;e["__parentId"]=t==null?void 0:t[l]}),s);var u=e(n,s);var o=u.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 X=function r(t,n,a,l){var s={};var u=[];var o=[];t.forEach((function(e){var r;if(i((r=n[e])==null?void 0:r[a])){u.push(e)}else{s[e]=e}}));if(u.length>0){u.forEach((function(r){var i=e(n[r][a],a);if(Object.keys(s).length>i.length){var u=i.filter((function(e){return t.find((function(r){return r===e[l]}))}));if(u.length===i.length){o.push(r)}}}))}return t.filter((function(e){return o.find((function(r){return r==e}))||s[e]}))};var Z=function e(r,t,n,a){var i=l([t],{value:a,children:n});return r.filter((function(e){return!i[e]}))};var $=function e(r,t,n,a){var s={};r.forEach((function(e){var r;var u=(r=t[e])==null?void 0:r[n];if(i(u)){var o=l(u,{value:a,children:n});s=y({},s,o)}}));return r.filter((function(e){return!s[e]}))};var ee=function e(r,t,n){return r.filter((function(e){return!i(t[e][n])}))};var re=function r(t,n,a,l){var s=[].concat(t);t.forEach((function(r){var t;var u=(t=n[r])==null?void 0:t[a];if(i(u)){var o=e(u,a);s=s.concat(o.map((function(e){return e[l]})))}}));return Array.from(new Set(s))};var te=["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"];var ne=A((function(e,r){var t=e.style,n=e.serviceConfig,i=e.effectDependencyList,l=e.selectorTreeList,o=e.value,d=e.onChange,A=e.modelKey,I=e.checkableResponseParentNode,O=I===void 0?true:I,K=e.checkable,U=e.onSelectorTreeListChange,z=e.onRequestResponseChange,B=e.treeItemDataAdapter,Q=e.searchValue,ne=e.showSearch,ae=e.searchPlaceholder,ie=e.requestMessageConfig,le=e.labelInValueFieldNames,se=e.labelInValue,ue=e.disabledCanUse,oe=e.menuLayoutType,ce=e.menuTriggerType,de=e.initRootExpand,fe=e.searchResultType,ve=e.onDropNodeHandle,pe=e.onDropPrev,me=e.labelRender,he=e.searchStyle,ge=e.className,ye=e.defaultExpandAll,be=e.menus,Le=e.customSearchRule,Ce=e.checkableType,we=b(e,te);var je=e.hasOwnProperty("selectorTreeList");var Te=n||{};var Ae=i||[];var Ne=N([]),Re=Ne[0],Se=Ne[1];var qe=H(A).useStore(),ke=qe[0],xe=qe[1];var Me=D.useSafeState(false),Ee=Me[0],De=Me[1];var Pe="request-progress-"+e.modelKey;var _e=fe==="highlight";var Ie=R((function(){return y({label:"label",value:"value",children:"children"},e.fieldNames)}),[e.fieldNames]);var Oe=oe===undefined?"fold":oe;var Ve=ce===undefined?"click":ce;var Fe=S(true);var Ke=R((function(){return y({label:"label",value:"value"},le)}),[le]);var Ue=N(),ze=Ue[0],He=Ue[1];var Be=R((function(){return W(o,Ke)}),[Ke,o]);D.useEffectCustom((function(){if(ke.treeList.length>0){if(Fe.current){Fe.current=false;if(ye){Se(Y(ke.treeList,Ie));return}else if(de&&ke.treeList.length){Se([ke.treeList[0][Ie.value]]);return}}if(!a(o)){var e=Qe(Be,true);Se(Array.from(new Set(Re==null?void 0:Re.concat(e))))}}}),[o,ke.treeList,Be]);var Ye=function e(r){return r===""||a(r)};var Ge=function e(r){if(Te.onRequestResultAdapter){return Te.onRequestResultAdapter(r)}if(Ie.list){return g(r,Ie.list,[])||[]}if(!c(r)){console.warn("接口返回数据为非数组结构,确认是否需要配置fieldNames.list进行解析");return[]}return r};D.useEffectCustom((function(){He(Q)}),[Q]);var We=h.useCallbackRef((function(){return new Promise((function(e,r){var t,n,a,i,l,s;var u=function(){try{return e()}catch(e){return r(e)}};var o=function(e){try{Fe.current=false;De(false);void T.error(e.message||"数据查询异常...");return u()}catch(e){return r(e)}};try{if(!Te.onRequest){throw new Error("onRequest 调用接口服务不能为空")}t=Te.requiredParamsKeys;n=m({},Te.params);if(t){a=t.find((function(e){return Ye(n[e])}));if(a){void xe.changeRequestStatus({status:"no-dependencies-params"});console.warn("TreeWrapper组件:参数:"+t.join("、")+"不能为空");return e()}}var c=function(){try{return u()}catch(e){return o(e)}};var d=function(e){try{window[Pe]=false;De(false);void xe.changeRequestStatus({status:"request-error",errorMessage:e.message});return c()}catch(e){return o(e)}};try{De(true);return Promise.resolve(xe.changeRequestStatus({status:"request-progress"})).then((function(e){try{window[Pe]=true;return Promise.resolve(Te.onRequest==null?void 0:Te.onRequest(n)).then((function(e){try{i=e;z==null?void 0:z(i);l=Ge(i);s=l||[];if(s.length===0){Fe.current=false}Je(s);De(false);window[Pe]=false;return c()}catch(e){return d(e)}}),d)}catch(e){return d(e)}}),d)}catch(e){d(e)}}catch(e){o(e)}}))}));D.useEffectCustom((function(){if(je)return;if(Ae.length){void We();return}var e=H(A).getState();if(e.requestStatus==="request-success"){U==null?void 0:U(e.treeList);return}if(!window[Pe]){void We()}else{U==null?void 0:U(e.treeList)}}),Ae);D.useEffectCustom((function(){if(je){Je(l||[])}}),[l]);var Je=h.useCallbackRef((function(e){if((e==null?void 0:e.length)===0&&ke.treeList.length===0){void xe.changeRequestStatus({status:"request-success"});return}void xe.setTreeList({treeList:e||[],childrenName:Ie.children,valueName:Ie.value});U==null?void 0:U(e)}));var Qe=function e(r,t){var n=[];r.forEach((function(e){if(!t&&Re!=null&&Re.includes(e))return;var r=G(e,ke.treeList,Ie);n=n.concat(r)}));return n};h.useUpdateEffect((function(){if(ze){var e=ke.treeTiledArray.filter((function(e){var r=e[Ie.label]||"";if(Le){return Le(e,ze)}return String(r).toLowerCase().includes(ze.toLowerCase())}));var r=Qe(e.map((function(e){return e[Ie.value]})),true);Se(Array.from(new Set(r)))}else{Se([])}}),[ze]);q(r,(function(){return{onClearSelectorList:function e(){void xe.resetTreeList()},getTreeDataList:function e(){return ke.treeList},onChangeExpandedKeys:function e(r){Se(r)},onSelectAll:function e(){var r=ke.treeTiledArray.map((function(e){return e[Ie.value]}));Se(r);d==null?void 0:d(r,undefined,ke.treeList,undefined)},onCancelSelectAll:function e(){Se([]);d==null?void 0:d(undefined)},onExpandedAll:function e(){var r=ke.treeTiledArray.map((function(e){return e[Ie.value]}));Se(r)},onCancelExpandedAll:function e(){Se([])}}}));var Xe=h.useCallbackRef((function(e){Se(e)}));var Ze=function r(t,n,a,i){if(s(t).length===0){var l=i==null?void 0:i.node[Ie.value];var u=ke.treeTiledArrayMap[l];e.onChange==null?void 0:e.onChange(undefined,u,[u],i)}else{e.onChange==null?void 0:e.onChange(t,n,a,i)}};var $e=h.useCallbackRef((function(r,t){var n=[];var a=[];if(K){n=e.checkStrictly?r.checked:r}else{n=r}n=s(n);if(K==false){a=n}else{if(ne&&ze&&!_e){var i=t==null?void 0:t.node;if(e.checkStrictly){if(t.checked==false){n=Be.filter((function(e){return e!=i[Ie.value]}))}else{n=Array.from(new Set([].concat(Be,n)))}a=n}else{var l=Ce==="2"||Ce==="3"?re(Be,ke.treeTiledArrayMap,Ie.children,Ie.value):Be;if(t.checked==false){n=Z([].concat(l),i,Ie.children,Ie.value)}else{n=Array.from(new Set([].concat(l,n)))}a=X(n,ke.treeTiledArrayMap,Ie.children,Ie.value)}}else{a=n}if(!e.checkStrictly){if(Ce==="2"){n=ee(a,ke.treeTiledArrayMap,Ie.children)}else if(Ce==="3"){n=$(a,ke.treeTiledArrayMap,Ie.children,Ie.value)}else if(O==false){n=ee(a,ke.treeTiledArrayMap,Ie.children)}else{n=a}}}var u=a.map((function(e){return ke.treeTiledArrayMap[e]}));if(se){var o=Ke.value;var c=Ke.label;var d=n.map((function(e){var r;return r={},r[c]=ke.treeTiledArrayMap[e][Ie.label],r[o]=ke.treeTiledArrayMap[e][Ie.value],r}));if(K){Ze(d,n.map((function(e){return ke.treeTiledArrayMap[e]})),u,t)}else{Ze(d[0],ke.treeTiledArrayMap[n[0]],u,t)}}else{if(K){Ze(n,n.map((function(e){return ke.treeTiledArrayMap[e]})),u,t)}else{Ze(n[0],ke.treeTiledArrayMap[n[0]],u,t)}}}));var er=h.useCallbackRef((function(e){return B==null?void 0:B(e)}));var rr=R((function(){var e=L(ke.treeList||[]);if(ze&&fe!=="highlight"){var r=u(L(ke.treeList||[]),(function(e){var r;if(Le){return Le(e,ze)}var t=(r=e[Ie.label])==null?void 0:r.toLowerCase();return t.indexOf(ze.toLowerCase())>=0}),{childrenName:Ie.children});return r}return e}),[Le,Ie.children,Ie.label,fe,ke.treeList,ze]);var tr=R((function(){var e=function e(r){return r==null?void 0:r.map((function(r){var t;var n=(er==null?void 0:er(r))||r;var a=ue?undefined:n.disabled;var i=n[Ie.label];var l;if(ze){var s=i==null?void 0:i.toLowerCase();var u=s.indexOf(ze.toLowerCase());var o=s.substring(0,u);var d=s.slice(u+ze.length);var f=s.slice(u,u+ze.length);l=u>-1?V("span",{className:p({"v-tree-item-disabled":n.disabled}),children:[o,F("span",{className:"site-tree-search-value",children:f}),d]}):null}if(!l&&n.disabled){l=F("span",{className:p({"v-tree-item-disabled":n.disabled}),children:i})}var v=n[Ie.children];return y({},n,(t={disabled:a},t[Ie.label]=l||i,t._treeItemName=i,t._disabled=n.disabled,t[Ie.children]=c(v)&&v.length>0?e(v):undefined,t))}))};return e(rr)}),[rr,er,ue,Ie.label,Ie.children,ze]);var nr=h.useCallbackRef((function(r){return new Promise((function(t,n){return new Promise((function(a,i){var l,s,u,o,c;if(r[Ie.children]){t();return a()}var d=function(){try{return a()}catch(e){return i(e)}};var f=function(e){try{void T.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(((s=e.loadDataServiceConfig)==null||s.getParams==null?void 0:s.getParams(r))||{})).then((function(n){try{o=n;c=(u=e.loadDataServiceConfig)!=null&&u.onRequestResultAdapter?e.loadDataServiceConfig.onRequestResultAdapter(o):o;void xe.treeListAppendChildren({value:r[Ie.value],appendList:c,childrenName:Ie.children,valueName:Ie.value}).then((function(e){Je(e.treeList);t()}));return d()}catch(e){return f(e)}}),f)}catch(e){f(e)}}))}))}));var ar=h.useCallbackRef((function(r){var t=r==null?void 0:r[Ie.children];var n=e.loadDataFlag;var a=n?!r.isLeaf:false;var i=t&&t.length>0||a;return!i}));var ir=h.useCallbackRef((function(r){var t,n,a;var i=r._treeItemName||r[Ie.label];var l=be==null?void 0:be(y({},r,(t={},t[Ie.label]=i,t)));if(l!=null&&l.operateList.length){return V(k,{children:[F("span",{className:"tree-item-title",children:(me==null?void 0:me(r))||(r==null?void 0:r[Ie.label])}),F(M,y({gap:5},l,{dropdownMenuProps:y({placement:"bottomRight",isFixed:true},l==null?void 0:l.dropdownMenuProps),className:p("tree-item-title-operate",l.className)}))]})}if(Oe==="fold"){var s;var u=[];if((s=e.menuOptions)!=null&&s.fold){var o,c,d;u=((o=e.menuOptions)==null||(c=o[Oe])==null?void 0:c.call(o,y({},r,(d={},d[Ie.label]=i,d))))||[]}else{var f;u=(e.getMenuOptions==null?void 0:e.getMenuOptions(y({},r,(f={},f[Ie.label]=i,f))))||[]}return V(k,{children:[F("span",{className:"tree-item-title",children:(me==null?void 0:me(r))||(r==null?void 0:r[Ie.label])}),u.length>0&&F(E,{menuList:u,placement:"bottomRight",children:F(v,{})})]})}var m=(n=e.menuOptions)==null||n.tile==null?void 0:n.tile(y({},r,(a={},a[Ie.label]=i,a)));return V(k,{children:[F("span",{className:"tree-item-title",children:(me==null?void 0:me(r))||(r==null?void 0:r[Ie.label])}),m?F(M,y({gap:5},m,{className:p("tree-item-title-operate",m.className)})):null]})}));var lr=h.useDebounceCallback((function(r){He(r);e.onSearchValueChange==null?void 0:e.onSearchValueChange(r)}),300);var sr=h.useCallbackRef((function(e){lr(e.target.value)}));var ur=h.useCallbackRef((function(r){if(!e.icon)return null;if(x(e.icon))return e.icon;var t=ar(r.data);return e.icon(y({},r,{isParent:!t,isLeaf:t}))}));var or=R((function(){return{title:Ie.label,key:Ie.value,children:Ie.children}}),[Ie]);var cr=tr.length>0&&ke.requestStatus!=="request-error";var dr=y({showLine:{showLeafIcon:false},titleRender:ir,blockNode:true,switcherIcon:F(f,{}),onDrop:function e(r){if(pe){var t=pe(r);if(!t)return}var n=J(rr,Ie,r),a=n.dataList,i=n.dragNodeData;ve==null?void 0:ve(i);Je(a)},expandedKeys:Re},we,{fieldNames:or,treeData:tr,onExpand:Xe,loadData:e.loadDataFlag?nr:undefined,style:{width:"100%"},icon:ur});var fr={onCheck:$e,checkable:K,checkedKeys:Be};var vr={onSelect:$e,multiple:false,selectedKeys:Be};var pr=K?fr:vr;var mr=p("v-tree-wrapper","v-tree-wrapper-menu-"+Ve,ge);var hr=ke.treeList.length>0&&!cr&&ze;return V("div",{className:mr,style:t,children:[!!ne&&V("div",{className:"v-tree-wrapper-search-area",style:he,children:[F(P,{className:"v-tree-wrapper-search",placeholder:a(ae)?"搜索":ae,onChange:sr,value:ze,allowClear:true}),!!e.searchExtraElement&&F("span",{className:"v-tree-wrapper-search-extra",children:e.searchExtraElement})]}),cr?V("div",{className:"v-tree-wrapper-tree-wrapper",children:[F(C,{spinning:ke.requestStatus==="request-progress"}),F(w,y({},pr,dr,{className:"v-tree-wrapper-tree"}))]}):F(_,{status:ke.requestStatus,loading:Ee,messageConfig:y({"request-success":hr?"搜索结果为空":"暂无数据","request-error":ke.requestErrorMessage},ie),errorButton:F(j,{type:"primary",onClick:We,children:"重新获取数据"})})]})}));var ae=o(ne,{getTreeDataList:B});export{ae as TreeWrapper};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|