@flatbiz/antd 4.2.60 → 4.2.62
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/anchor-steps/index.js +1 -1
- package/esm/{anchor-steps-fba86c87.js → anchor-steps-601a335f.js} +2 -2
- package/esm/{anchor-steps-fba86c87.js.map → anchor-steps-601a335f.js.map} +1 -1
- package/esm/cascader-wrapper/index.js +1 -1
- package/esm/{cascader-wrapper-a965eef5.js → cascader-wrapper-2f6a926f.js} +2 -2
- package/esm/{cascader-wrapper-a965eef5.js.map → cascader-wrapper-2f6a926f.js.map} +1 -1
- package/esm/content-c0e49ffb.js +3 -0
- package/esm/content-c0e49ffb.js.map +1 -0
- package/esm/context-1f2093c6.js +3 -0
- package/esm/context-1f2093c6.js.map +1 -0
- package/esm/dialog-drawer/index.js +1 -1
- package/esm/dialog-drawer-550ce42c.js +3 -0
- package/esm/dialog-drawer-550ce42c.js.map +1 -0
- package/esm/dialog-drawer-content/index.css +1 -0
- package/esm/dialog-drawer-content/index.js +9 -0
- package/esm/dialog-drawer-content/index.js.map +1 -0
- package/esm/dialog-loading/index.js +1 -1
- package/esm/{dialog-loading-16bd1baa.js → dialog-loading-53cf2c60.js} +2 -2
- package/esm/{dialog-loading-16bd1baa.js.map → dialog-loading-53cf2c60.js.map} +1 -1
- package/esm/easy-table/index.js +3 -1
- package/esm/easy-table/index.js.map +1 -1
- package/esm/editable-field/index.js +1 -1
- package/esm/{editable-field-2042924e.js → editable-field-bcac193d.js} +2 -2
- package/esm/{editable-field-2042924e.js.map → editable-field-bcac193d.js.map} +1 -1
- package/esm/editable-field-provider/index.js +1 -1
- package/esm/{editable-field-provider-20963c3e.js → editable-field-provider-3223073a.js} +2 -2
- package/esm/{editable-field-provider-20963c3e.js.map → editable-field-provider-3223073a.js.map} +1 -1
- package/esm/editable-table/index.js +2 -1
- package/esm/editable-table-c17d96ed.js +3 -0
- package/esm/{editable-table-392040f7.js.map → editable-table-c17d96ed.js.map} +1 -1
- package/esm/index.js +4 -2
- package/esm/local-loading/index.js +1 -1
- package/esm/pagination-0e66a3b5.js +3 -0
- package/esm/pagination-0e66a3b5.js.map +1 -0
- package/esm/pagination-wrapper/index.css +0 -0
- package/esm/pagination-wrapper/index.js +5 -0
- package/esm/pagination-wrapper/index.js.map +1 -0
- package/esm/selector-wrapper/index.js +1 -1
- package/esm/{selector-wrapper-91427b7d.js → selector-wrapper-773778c0.js} +2 -2
- package/esm/{selector-wrapper-91427b7d.js.map → selector-wrapper-773778c0.js.map} +1 -1
- package/esm/selector-wrapper-search/index.js +1 -1
- package/esm/{selector-wrapper-search-c763c481.js → selector-wrapper-search-54866dd6.js} +2 -2
- package/esm/{selector-wrapper-search-c763c481.js.map → selector-wrapper-search-54866dd6.js.map} +1 -1
- package/esm/selector-wrapper-simple/index.js +1 -1
- package/esm/{selector-wrapper-simple-1c0ceae7.js → selector-wrapper-simple-7b34f7bd.js} +2 -2
- package/esm/{selector-wrapper-simple-1c0ceae7.js.map → selector-wrapper-simple-7b34f7bd.js.map} +1 -1
- package/esm/simple-layout/index.css +1 -1
- package/esm/simple-layout/index.js +1 -1
- package/esm/simple-layout-0dce0d39.js +3 -0
- package/esm/simple-layout-0dce0d39.js.map +1 -0
- package/esm/table-title-tooltip/index.js +1 -1
- package/esm/title-render-4f255df0.js +3 -0
- package/esm/title-render-4f255df0.js.map +1 -0
- package/esm/tree-selector-wrapper/index.js +1 -1
- package/esm/{tree-selector-wrapper-8c9a9393.js → tree-selector-wrapper-1e520ad1.js} +2 -2
- package/esm/{tree-selector-wrapper-8c9a9393.js.map → tree-selector-wrapper-1e520ad1.js.map} +1 -1
- package/esm/tree-wrapper/index.js +1 -1
- package/index.d.ts +81 -8
- package/package.json +1 -1
- package/esm/dialog-drawer-7cb5c6df.js +0 -3
- package/esm/dialog-drawer-7cb5c6df.js.map +0 -1
- package/esm/editable-table-392040f7.js +0 -3
- package/esm/simple-layout-1cd0fefc.js +0 -3
- package/esm/simple-layout-1cd0fefc.js.map +0 -1
- package/esm/title-render-2874a932.js +0 -3
- package/esm/title-render-2874a932.js.map +0 -1
package/index.d.ts
CHANGED
|
@@ -539,7 +539,7 @@ export type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
|
|
|
539
539
|
*```
|
|
540
540
|
* 1. 基础使用方式
|
|
541
541
|
* dialogDrawer.open({
|
|
542
|
-
* title: '
|
|
542
|
+
* title: '我是标题',
|
|
543
543
|
* content: <div>我是内容</div>,
|
|
544
544
|
* });
|
|
545
545
|
* ```
|
|
@@ -547,7 +547,7 @@ export type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
|
|
|
547
547
|
* ***************************
|
|
548
548
|
* 2. 结合内置form使用,可在onOK、onCancel获取form对象
|
|
549
549
|
* dialogDrawer.open({
|
|
550
|
-
* title: '
|
|
550
|
+
* title: '我是标题',
|
|
551
551
|
* content: (form, operate) => {
|
|
552
552
|
* return (
|
|
553
553
|
* <Form form={form}>
|
|
@@ -557,11 +557,12 @@ export type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
|
|
|
557
557
|
* </Form>
|
|
558
558
|
* );
|
|
559
559
|
* },
|
|
560
|
-
*
|
|
560
|
+
* onOk: (form) => {
|
|
561
561
|
* console.log('content form数据', form.getFieldsValue());
|
|
562
562
|
* return Promise.resolve();
|
|
563
563
|
* },
|
|
564
564
|
* });
|
|
565
|
+
*
|
|
565
566
|
* 注意:
|
|
566
567
|
* 1. 设置operateRender后,需要自定义操作按钮,onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效
|
|
567
568
|
* ```
|
|
@@ -578,6 +579,28 @@ export declare const dialogDrawer: {
|
|
|
578
579
|
*/
|
|
579
580
|
close: () => void;
|
|
580
581
|
};
|
|
582
|
+
export type DialogDrawerContentProps = {
|
|
583
|
+
footer?: (data: {
|
|
584
|
+
onClose: () => void;
|
|
585
|
+
}) => ReactElement;
|
|
586
|
+
footerStyle?: CSSProperties;
|
|
587
|
+
children?: ReactNode;
|
|
588
|
+
okHidden?: boolean;
|
|
589
|
+
cancelHidden?: boolean;
|
|
590
|
+
okButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children" | "loading">;
|
|
591
|
+
cancelButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children" | "loading">;
|
|
592
|
+
okText?: string | ReactElement;
|
|
593
|
+
cancelText?: string | ReactElement;
|
|
594
|
+
onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
|
|
595
|
+
onCancel?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
|
|
596
|
+
};
|
|
597
|
+
/**
|
|
598
|
+
* 当dialogDrawer底部操作按钮在业务content内部时,使用
|
|
599
|
+
* ```
|
|
600
|
+
* 1. 设置 footer 后,okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效
|
|
601
|
+
* ```
|
|
602
|
+
*/
|
|
603
|
+
export declare const DialogDrawerContent: (props: DialogDrawerContentProps) => JSX.Element;
|
|
581
604
|
export type DialogLoadingProps = {
|
|
582
605
|
className?: string;
|
|
583
606
|
message?: string;
|
|
@@ -767,6 +790,8 @@ export type EasyTableRefApi = {
|
|
|
767
790
|
onResetRequest: (params?: TPlainObject) => void;
|
|
768
791
|
/** 接口数据源 */
|
|
769
792
|
getDataSource: () => TAny;
|
|
793
|
+
/** 过滤表格数据源,不会触发 onDataSourceChange 函数 */
|
|
794
|
+
onFilterDataSource: (dataSource: TPlainObject[]) => void;
|
|
770
795
|
};
|
|
771
796
|
export type EasyTableServiceConfig = {
|
|
772
797
|
/** 接口配置 */
|
|
@@ -888,7 +913,22 @@ export type EasyTableFilterProps = {
|
|
|
888
913
|
formGridSize?: FormRowProps["gridSize"];
|
|
889
914
|
formClassName?: string;
|
|
890
915
|
};
|
|
891
|
-
export type
|
|
916
|
+
export type TEasyTableTableColumn<T> = ColumnsType<T>[0] & {
|
|
917
|
+
/**
|
|
918
|
+
* 会在 title 之后展示一个 icon,hover 之后提示一些信息
|
|
919
|
+
* ```
|
|
920
|
+
* 1. title为string类型有效
|
|
921
|
+
* 2. hoverArea 默认值:icon
|
|
922
|
+
* ```
|
|
923
|
+
*/
|
|
924
|
+
tooltip?: string | {
|
|
925
|
+
content: string;
|
|
926
|
+
icon?: ReactElement;
|
|
927
|
+
hoverArea?: "icon" | "all";
|
|
928
|
+
};
|
|
929
|
+
dataIndex?: keyof T | (string & {});
|
|
930
|
+
};
|
|
931
|
+
export type EasyTableTableProps<T> = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey" | "columns"> & {
|
|
892
932
|
children?: ReactElement | ReactElement[];
|
|
893
933
|
/**
|
|
894
934
|
* 表格行 key 的取值,
|
|
@@ -902,6 +942,7 @@ export type EasyTableTableProps = Omit<TableProps<TAny>, "dataSource" | "loading
|
|
|
902
942
|
rowKey: TableProps<TAny>["rowKey"];
|
|
903
943
|
tableWrapperStyle?: CSSProperties;
|
|
904
944
|
tableWrapperClassName?: string;
|
|
945
|
+
columns: TEasyTableTableColumn<T>[];
|
|
905
946
|
};
|
|
906
947
|
/**
|
|
907
948
|
* 对 查询条件+表格数据 进行深度封装,内置数据交互处理
|
|
@@ -958,7 +999,7 @@ export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTa
|
|
|
958
999
|
* 2. 分页功能已内置处理,不调用 onChange
|
|
959
1000
|
* ```
|
|
960
1001
|
*/
|
|
961
|
-
Table: (props: EasyTableTableProps) => JSX.Element;
|
|
1002
|
+
Table: <T extends import("@flatbiz/utils").TPlainObject>(props: EasyTableTableProps<T>) => JSX.Element;
|
|
962
1003
|
/**
|
|
963
1004
|
* @deprecated 已过时 4.3.0版本移除,请使用 useEasyTable
|
|
964
1005
|
*/
|
|
@@ -1286,6 +1327,18 @@ export type fieldConfigFunctionParams = {
|
|
|
1286
1327
|
* antd 默认render功能此处不能使用
|
|
1287
1328
|
*/
|
|
1288
1329
|
export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
|
|
1330
|
+
/**
|
|
1331
|
+
* 会在 title 之后展示一个 icon,hover 之后提示一些信息
|
|
1332
|
+
* ```
|
|
1333
|
+
* 1. title为string类型有效
|
|
1334
|
+
* 2. hoverArea 默认值:icon
|
|
1335
|
+
* ```
|
|
1336
|
+
*/
|
|
1337
|
+
tooltip?: string | {
|
|
1338
|
+
content: string;
|
|
1339
|
+
icon?: ReactElement;
|
|
1340
|
+
hoverArea?: "icon" | "all";
|
|
1341
|
+
};
|
|
1289
1342
|
dataIndex?: string;
|
|
1290
1343
|
fieldConfig?: FieldSingleConfig | FormListConfig | ((data: fieldConfigFunctionParams) => FieldSingleConfig | FormListConfig);
|
|
1291
1344
|
/** 隐藏域字段 */
|
|
@@ -1747,6 +1800,14 @@ export type Page404Props = {
|
|
|
1747
1800
|
message?: string;
|
|
1748
1801
|
};
|
|
1749
1802
|
export declare const Page404: (props: Page404Props) => JSX.Element;
|
|
1803
|
+
/**
|
|
1804
|
+
* 由于 antd 5.3.x 分页Pagination组件,存在点击分页选择框框时,一直朝下
|
|
1805
|
+
* issues:https://github.com/ant-design/ant-design/issues/36866
|
|
1806
|
+
* 为了兼容,在 Pagination 中添加了 selectComponentClass 属性,后期antd 官方优化了bug,可取消 配置selectComponentClass
|
|
1807
|
+
* @param props
|
|
1808
|
+
* @returns
|
|
1809
|
+
*/
|
|
1810
|
+
export declare const PaginationWrapper: (props: PaginationProps) => JSX.Element;
|
|
1750
1811
|
export interface PermissionProps {
|
|
1751
1812
|
name?: string;
|
|
1752
1813
|
children?: ReactNode | ReactNode[];
|
|
@@ -2087,7 +2148,7 @@ export type SimpleLayoutProps = {
|
|
|
2087
2148
|
* layoutType 布局类型
|
|
2088
2149
|
* ```
|
|
2089
2150
|
* 1. layer:分层布局
|
|
2090
|
-
* 2. tight
|
|
2151
|
+
* 2. tight:紧凑布局(没有外边距)
|
|
2091
2152
|
* ```
|
|
2092
2153
|
*/
|
|
2093
2154
|
layoutType?: "layer" | "tight";
|
|
@@ -2102,6 +2163,12 @@ export type SimpleLayoutProps = {
|
|
|
2102
2163
|
titleExtra?: string | ReactElement;
|
|
2103
2164
|
hidden?: boolean;
|
|
2104
2165
|
titleFixed?: boolean;
|
|
2166
|
+
/**
|
|
2167
|
+
* 间距尺寸
|
|
2168
|
+
* 1. default = 15
|
|
2169
|
+
* 2. small = 8
|
|
2170
|
+
*/
|
|
2171
|
+
size?: "default" | "small";
|
|
2105
2172
|
};
|
|
2106
2173
|
/**
|
|
2107
2174
|
* 简单布局
|
|
@@ -2110,7 +2177,7 @@ export type SimpleLayoutProps = {
|
|
|
2110
2177
|
* ```
|
|
2111
2178
|
* 1. layoutType 布局类型
|
|
2112
2179
|
* layer:分层布局
|
|
2113
|
-
* tight
|
|
2180
|
+
* tight:紧凑布局(没有外边距)
|
|
2114
2181
|
* ```
|
|
2115
2182
|
*/
|
|
2116
2183
|
export declare const SimpleLayout: {
|
|
@@ -2393,13 +2460,19 @@ export declare const TableScrollbar: ({ children, target, ...props }: TableScrol
|
|
|
2393
2460
|
export type TableTitleTooltipProps = {
|
|
2394
2461
|
title: string;
|
|
2395
2462
|
tooltip: string | {
|
|
2396
|
-
icon
|
|
2463
|
+
icon?: ReactElement;
|
|
2397
2464
|
content?: string;
|
|
2465
|
+
hoverArea?: "icon" | "all";
|
|
2398
2466
|
};
|
|
2399
2467
|
gap?: number;
|
|
2400
2468
|
className?: string;
|
|
2401
2469
|
style?: CSSProperties;
|
|
2402
2470
|
};
|
|
2471
|
+
/**
|
|
2472
|
+
* title + tooltip
|
|
2473
|
+
* @param props
|
|
2474
|
+
* @returns
|
|
2475
|
+
*/
|
|
2403
2476
|
export declare const TableTitleTooltip: (props: TableTitleTooltipProps) => JSX.Element;
|
|
2404
2477
|
export type TabsWrapperProps = TabsProps & {
|
|
2405
2478
|
/**
|
package/package.json
CHANGED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
-
import{isString as e}from"@dimjs/lang/cjs/is-string";import{a as r,_ as o}from"./_rollupPluginBabelHelpers-1f4d8910.js";import{isPromise as n}from"@dimjs/lang/cjs/is-promise";import{hooks as t}from"@wove/react/cjs/hooks";import{Form as i,Space as a,Drawer as l}from"antd";import{useState as d}from"react";import{createRoot as c}from"react-dom/client";import{B as s}from"./button-wrapper-125fce50.js";import{C as f}from"./config-provider-wrapper-dfe8f592.js";import{fbaHooks as m}from"./fba-hooks/index.js";import{b as u}from"./dom-4d04aa64.js";import{jsx as p,jsxs as v}from"react/jsx-runtime";var w=["divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra"];var h=function e(c){var u=c.divElement,h=c.elementId,k=c.onOk,x=c.onCancel,C=c.content,j=c.configProviderProps,P=c.okText,g=c.cancelText,_=c.okButtonExtraProps,E=c.cancelButtonExtraProps,b=c.operatePosition,y=b===void 0?"footer":b,B=c.operateRender,I=c.width,H=I===void 0?600:I,R=c.okHidden,T=c.cancelHidden,O=c.extra,W=o(c,w);var F=d(true),S=F[0],q=F[1];var z=i.useForm(),A=z[0];var D=t.useCallbackRef((function(){try{delete window[h]}catch(e){}q(false)}));m.useEffectCustom((function(){window[h]=D}),[D]);var G=t.useCallbackRef((function(e){if(x){var r=x(A,e);if(r&&n(r)){return r.then(D)}}return D()}));var J=t.useCallbackRef((function(e){if(k){var r=k(A,e);if(r&&n(r)){return r.then(D)}}return D()}));var K=v(a,{children:[T||E!=null&&E.hidden?null:p(s,r({},E,{onClick:G,children:g||"取消"})),R||_!=null&&_.hidden?null:p(s,r({type:"primary"},_,{onClick:J,children:P||"提交"}))]});var L=function e(){if(B){return B(A)}if(!R||!T){return K}return null};var M=typeof O==="function"?O(A):O;return p(f,r({},j,{children:p(l,r({maskClosable:true,destroyOnClose:true,onClose:D,width:"80%",contentWrapperStyle:{maxWidth:H},footer:y==="footer"?L():null},W,{extra:y==="header"?L():M,open:S,getContainer:u,children:typeof C==="function"?C(A,{onClose:D}):C}))}))};var k={open:function e(o){var n=u(),t=n.divElement,i=n.elementId;window["__dialog_drawer_elementId"]=i;var a=c(t);a.render(p(h,r({},o,{divElement:t,elementId:i})));return{close:function e(){var r,o;(r=(o=window)[i])==null?void 0:r.call(o)}}},close:function r(){try{var o,n;var t=window["__dialog_drawer_elementId"];if(e(t))(o=(n=window)[t])==null?void 0:o.call(n)}catch(e){}}};export{k as d};
|
|
3
|
-
//# sourceMappingURL=dialog-drawer-7cb5c6df.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-drawer-7cb5c6df.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\n\nexport type DialogDrawerProps = Omit<\n DrawerProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\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 configProviderProps?: ConfigProviderWrapperProps;\n okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n operatePosition?: 'header' | 'footer';\n operateRender?: (form: FormInstance) => ReactElement;\n okHidden?: boolean;\n cancelHidden?: boolean;\n extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n const {\n divElement,\n elementId,\n onOk,\n onCancel,\n content,\n configProviderProps,\n okText,\n cancelText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n operatePosition = 'footer',\n operateRender,\n width = 600,\n okHidden,\n cancelHidden,\n extra,\n ...otherProps\n } = props;\n const [open, setOpen] = useState(true);\n const [form] = Form.useForm();\n\n const onClose = hooks.useCallbackRef(() => {\n try {\n delete window[elementId];\n } catch (error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[elementId] = onClose;\n }, [onClose]);\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const operateGroup = (\n <Space>\n {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHidden || okButtonExtraProps?.hidden ? null : (\n <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n\n const operateRenderHandle = () => {\n if (operateRender) {\n return operateRender(form);\n }\n if (!okHidden || !cancelHidden) {\n return operateGroup;\n }\n return null;\n };\n\n const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n return (\n <ConfigProviderWrapper {...configProviderProps}>\n <Drawer\n maskClosable={true}\n destroyOnClose\n onClose={onClose}\n width={'80%'}\n contentWrapperStyle={{ maxWidth: width }}\n footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n {...otherProps}\n extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n open={open}\n getContainer={divElement}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Drawer>\n </ConfigProviderWrapper>\n );\n};\n\n/**\n * 函数式调用弹框;初始化后,内容无法更新\n *```\n * 1. 基础使用方式\n * dialogDrawer.open({\n * title: '我是弹框',\n * content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用,可在onOK、onCancel获取form对象\n * dialogDrawer.open({\n * title: '我是弹框',\n * content: (form, operate) => {\n * return (\n * <Form form={form}>\n * <Form.Item name=\"useName\">\n * <Input placeholder=\"请输入\" />\n * </Form.Item>\n * </Form>\n * );\n * },\n * onOK: (form) => {\n * console.log('content form数据', form.getFieldsValue());\n * return Promise.resolve();\n * },\n * });\n * 注意:\n * 1. 设置operateRender后,需要自定义操作按钮,onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效\n * ```\n */\nexport const dialogDrawer = {\n open: (props: DialogDrawerProps) => {\n const { divElement, elementId } = bodyAppendDivElement();\n window['__dialog_drawer_elementId'] = 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: () => {\n try {\n const elementId = window['__dialog_drawer_elementId'] as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (error) {\n //\n }\n },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
-
import e from"@ant-design/icons/es/icons/PlusOutlined";import{a as n,_ as r}from"./_rollupPluginBabelHelpers-1f4d8910.js";import{arrayField2LabelValue as a,toArray as l}from"@flatbiz/utils";import{Form as i,Checkbox as t,Tag as o,InputNumber as d,Radio as u,Space as m,Button as f,Input as c,Table as s}from"antd";import{useMemo as v,useState as p,useEffect as g,Fragment as b}from"react";import{B as C}from"./button-wrapper-125fce50.js";import{isArray as h}from"@dimjs/lang/cjs/is-array";import{extend as I}from"@dimjs/utils/cjs/extend";import{classNames as w}from"@dimjs/utils/cjs/class-names";import{hooks as x}from"@wove/react/cjs/hooks";import{jsx as R,jsxs as N,Fragment as P}from"react/jsx-runtime";import{D as y}from"./date-picker-wrapper-ba650858.js";import{D as j}from"./date-range-picker-wrapper-fb15c592.js";import{I as k}from"./input-wrapper-b378eb5a.js";import{fbaHooks as F}from"./fba-hooks/index.js";import{S as L}from"./selector-wrapper-91427b7d.js";import{isBoolean as T}from"@dimjs/lang/cjs/is-boolean";import{isNumber as A}from"@dimjs/lang/cjs/is-number";import{isString as O}from"@dimjs/lang/cjs/is-string";import{I as B}from"./input-text-area-wrapper-c958fba0.js";import{U as S}from"./upload-wrapper-bd9ef592.js";import V from"@ant-design/icons/es/icons/DeleteOutlined";var _=function e(n,r){return typeof n==="boolean"?n:n==null?void 0:n({tableRowIndex:r})};var G=function e(r){var a=r.fieldConfig,l=a.editableConfig,i=a.editable,d=a.render;var u=l.editableComptProps;var m=v((function(){if(i)return[];var e=h(r.value)?r.value:[];var n=u.options||[];if(!h(n)||n.length===0){return e.map((function(e){return{label:e,value:e}}))}var a=[];e.forEach((function(e){var r=n.find((function(n){return n.value===e}));a.push(r?r:{label:e,value:e})}));return a}),[i,u.options,r.value]);var f=x.useCallbackRef((function(e){r.onChange==null?void 0:r.onChange(e);u.onChange==null?void 0:u.onChange(e)}));if(i){return R(t.Group,n({},u,{value:r.value,onChange:f}))}return R("span",{className:"editable-checkbox-group-view",children:d?d(r.value):m.map((function(e,n){return R(o,{color:"#1890ff",children:e.label},n)}))})};var W=function e(r){var a=r.fieldConfig.formItemProps;return R(i.Item,n({},a,{name:r.name,className:w("editable-checkbox-group-form-item",a==null?void 0:a.className),children:R(G,n({},r))}))};var D=function e(r){var a=r.fieldConfig,l=a.formItemProps,t=a.editableConfig;return R(i.Item,n({},l,{name:r.name,className:w("editable-date-picker-wraper-form-item",l==null?void 0:l.className),children:R(y,n({allowClear:true},t.editableComptProps))}))};var E=function e(r){var a=r.fieldConfig,l=a.editableConfig,i=a.editable,t=a.render;var o=l.editableComptProps;var d=x.useCallbackRef((function(e){r.onChange==null?void 0:r.onChange(e);o==null?void 0:o.onChange==null?void 0:o.onChange(e)}));var u=v((function(){var e=h(r.value)?r.value:[];if(i)return undefined;return e.join("~")}),[i,r.value]);if(i){return R(j,n({allowClear:true},o,{value:r.value,onChange:d}))}return R("span",{className:"editable-date-range-picker-view",children:t?t(r.value):u})};var z=function e(r){var a=r.fieldConfig.formItemProps;return R(i.Item,n({},a,{name:r.name,className:w("editable-date-range-picker-wraper-form-item",a==null?void 0:a.className),children:R(E,n({},r))}))};var M=function e(r){var a=r.fieldConfig,l=a.formItemProps,t=a.editableConfig;return R(i.Item,n({},l,{name:r.name,children:R(k,n({allowClear:true},t.editableComptProps))}))};var H=function e(r){var a=r.fieldConfig,l=a.formItemProps,t=a.editableConfig;return R(i.Item,n({},l,{name:r.name,className:w("editable-input-number-form-item",l==null?void 0:l.className),children:R(d,n({},t.editableComptProps))}))};var J=function e(r){var a=r.fieldConfig,l=a.editableConfig,i=a.editable,t=a.render;var d=l.editableComptProps;var m=F.useThemeToken();var f=v((function(){if(i)return[];var e=r.value;var n=d.options||[];if(!h(n)||n.length===0){return e}var a=n.find((function(n){return n.value===e}));return(a==null?void 0:a.label)||e}),[i,d.options,r.value]);var c=x.useCallbackRef((function(e){r.onChange==null?void 0:r.onChange(e.target.value);d.onChange==null?void 0:d.onChange(e)}));if(i){return R(u.Group,n({},d,{value:r.value,onChange:c}))}return R("span",{className:"editable-radio-group-view",children:t?t(r.value):f?R(o,{color:m.colorPrimary,children:f}):null})};var K=function e(r){var a=r.fieldConfig.formItemProps;return R(i.Item,n({},a,{name:r.name,className:w("editable-radio-group-form-item",a==null?void 0:a.className),children:R(J,n({},r))}))};var U=function e(r){var l=r.fieldConfig,i=l.editableConfig,t=l.editable,d=l.render;var u=i.editableComptProps;var m=p([]),f=m[0],c=m[1];var s=p([]),v=s[0],C=s[1];var I=F.useThemeToken();g((function(){if(!t){var e=h(r.value)?r.value:r.value===undefined?[]:[r.value];if(f.length===0){C(e.map((function(e){return{label:e,value:e}})))}var n=[];e.forEach((function(e){var r=f.find((function(n){return n.value===e}));n.push(r?r:{label:String(e),value:e})}));C(n)}}),[t,u.fieldNames,r.value,f]);var w=x.useCallbackRef((function(e){c(a(e||[],u.fieldNames))}));var P=x.useCallbackRef((function(e,n){r.onChange==null?void 0:r.onChange(e);u.onChange==null?void 0:u.onChange(e,n)}));if(t){return R(L,n({},u,{value:r.value,onChange:P,onSelectorListAllChange:w}))}return N(b,{children:[R("div",{style:{display:"none"},children:R(L,n({},u,{onSelectorListAllChange:w}))}),R("span",{className:"editable-selector-view",children:d?d(r.value,f):v.map((function(e,n){return R(o,{color:I.colorPrimary,children:e.label},n)}))})]})};var q=function e(r){var a=r.fieldConfig.formItemProps;return R(i.Item,n({},a,{name:r.name,className:w("editable-selector-wrapper-form-item",a==null?void 0:a.className),children:R(U,n({},r))}))};var Q=function e(n){var r,a;var l=v((function(){var e;if((e=n.fieldConfig)!=null&&e.render)return undefined;var r=O(n.value)||A(n.value)||T(n.value)||!n.value;if(!r){console.warn("Form.List name:【"+n.name+"】数据【"+JSON.stringify(n.value)+"】不能渲染在页面中")}return r?n.value:undefined}),[(r=n.fieldConfig)==null?void 0:r.render,n.name,n.value]);var i=((a=n.fieldConfig)==null?void 0:a.render==null?void 0:a.render(n.value))||l;return R("span",{children:i})};var X=function e(n){return R(i.Item,{noStyle:true,name:n.name,children:R(Q,{name:n.name,fieldConfig:n.fieldConfig})})};var Y=function e(r){var a=r.fieldConfig,l=a.formItemProps,t=a.editableConfig;return R(i.Item,n({},l,{name:r.name,children:R(B,n({},t.editableComptProps))}))};var Z=["children"];var $=function e(a){var l=a.fieldConfig,i=l.editableConfig,t=l.render,o=l.editable;var d=i.editableComptProps,u=d.children,m=r(d,Z);if(o){return R(S,n({listType:"text"},m,{value:a.value,onChange:a.onChange,children:u}))}return R("div",{className:"upload-wrapper-selector-view",children:t?t(a.value):R(S,n({listType:"text"},m,{value:a.value,disabled:true}))})};var ee=function e(r){var a=r.fieldConfig.formItemProps;return R(i.Item,n({},a,{name:r.name,className:w("editable-upload-wrapper-form-item",a==null?void 0:a.className),children:R($,n({},r))}))};var ne=function e(r){var a=r.fieldConfig,l=a.editableConfig,i=a.editable;var t=_(i,r.tableRowIndex);var o=I({},r.fieldConfig,{editable:t});var d={name:r.name,fieldConfig:o};if((l==null?void 0:l.type)==="input"&&t){return R(M,n({},d))}else if((l==null?void 0:l.type)==="inputNumber"&&t){return R(H,n({},d))}else if((l==null?void 0:l.type)==="textArea"&&t){return R(Y,n({},d))}else if((l==null?void 0:l.type)==="datePickerWrapper"&&t){return R(D,n({},d))}else if((l==null?void 0:l.type)==="dateRangePickerWrapper"){return R(z,n({},d))}else if((l==null?void 0:l.type)==="selectorWrapper"){return R(q,n({},d))}else if((l==null?void 0:l.type)==="checkboxGroup"){return R(W,n({},d))}else if((l==null?void 0:l.type)==="radioGroup"){return R(K,n({},d))}else if((l==null?void 0:l.type)==="uploadWrapper"){return R(ee,n({},d))}else if((l==null?void 0:l.type)==="custom"){return l.editableComptProps({name:r.name,editable:t,completeName:r.completeName,tableRowIndex:r.tableRowIndex})}return R(X,n({},d))};var re=function e(n){var r=i.useFormInstance();var a=n.formListConfig,l=a.onFormListBeforeRender,t=a.editableConfigList,o=a.onFormListAfterRender,d=a.onFormListItemBeforeRender,u=a.onFormListItemAfterRender,f=a.deleteOperateRender;return R(i.List,{name:n.name,children:function e(a,i){var c=i.add,s=i.remove;return N(P,{children:[l?l({tableRowIndex:n.tableRowIndex,add:c,get value(){return r.getFieldValue(n.completeName)}}):null,a.map((function(e,a){var l=t.find((function(e){return _(e.editable,n.tableRowIndex)}));var i=w("editable-inner-formlist-item","editable-inner-formlist-item-"+n.name[1],{"editable-inner-formlist-item_preview":!l});return N("div",{className:i,children:[d==null?void 0:d({add:c,remove:function e(){s(a)},formListItemIndex:a,tableRowIndex:n.tableRowIndex,get value(){return r.getFieldValue([].concat(n.completeName,[e.name]))}}),N(m,{children:[t.map((function(r,a){return R(ne,{name:[e.name,r.fieldName],fieldConfig:r,tableRowIndex:n.tableRowIndex,completeName:[].concat(n.completeName,[e.name])},a)})),l?R(ae,{deleteOperateRender:f,remove:function e(){s(a)},index:a}):undefined]}),u==null?void 0:u({add:c,formListItemIndex:a,tableRowIndex:n.tableRowIndex,remove:function e(){s(a)},get value(){return r.getFieldValue([].concat(n.completeName,[e.name]))}})]},a)})),o?o({tableRowIndex:n.tableRowIndex,add:c,get value(){return r.getFieldValue(n.completeName)}}):null]})}})};var ae=function e(n){return R(i.Item,{children:n.deleteOperateRender?n.deleteOperateRender({remove:n.remove,formListItemIndex:n.index}):R(f,{type:"link",danger:true,icon:R(V,{}),onClick:n.remove,children:"删除"})})};var le=function e(n){if(n.fieldConfig){if(h(n.fieldConfig["editableConfigList"])){var r=n.fieldConfig;return R(re,{name:n.name,completeName:n.completeName,formListConfig:r,tableRowIndex:n.tableRowIndex})}else{return N(b,{children:[R(ne,{name:n.name,fieldConfig:n.fieldConfig,tableRowIndex:n.tableRowIndex,completeName:n.completeName}),n.hiddenField?R(i.Item,{hidden:true,name:n.hiddenField.dataIndex,children:R(c,{})}):null]})}}return R(X,{name:n.name})};var ie=["fieldConfig","renderMiddleware"];var te=function a(t){var o;var d=v((function(){if(!t.columns)return[];return t.columns.map((function(e){var a=e.fieldConfig,i=e.renderMiddleware,o=r(e,ie);return n({onCell:function e(){var n;return{valign:((n=t.tableProps)==null?void 0:n.cellVerticalAlign)||"middle"}}},o,{_render:function n(r,o,d){var u=[].concat(l(t.name),[o.name]);var m=e.dataIndex?[].concat(u,[e.dataIndex]):u;var f=i==null?void 0:i({name:m,tableRowIndex:o.name,operation:o.operation,tableRowName:u,index:d});if(f){return f}var c=typeof a==="function"?a({name:m,tableRowIndex:o.name,tableRowName:u}):a;return R(le,{name:e.dataIndex?[o.name,e.dataIndex]:[o.name],completeName:m,fieldConfig:c,tableRowIndex:o.name,hiddenField:e.hiddenField})},get render(){return this._render},set render(e){this._render=e}})}))}),[t.columns,t.name,(o=t.tableProps)==null?void 0:o.cellVerticalAlign]);return R("div",{className:"editable-table",children:R(i.List,{name:t.name,rules:t.rules,children:function r(a,l){return N(b,{children:[t.onTableBeforeRender?t.onTableBeforeRender(l,a.length):null,R(s,n({scroll:{x:"max-content"},pagination:false,rowKey:"key"},t.tableProps,{dataSource:a.map((function(e){return n({},e,{operation:l})})),columns:d})),t.onTableAfterRender?t.onTableAfterRender(l,a.length):R(C,{type:"dashed",hidden:t.hiddenFooterBtn,onClick:function e(){return l.add()},block:true,icon:R(e,{}),style:{marginTop:15},children:"新增"})]})}})})};export{te as E};
|
|
3
|
-
//# sourceMappingURL=editable-table-392040f7.js.map
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
-
import{isArray as e}from"@dimjs/lang/cjs/is-array";import{extend as t}from"@dimjs/utils/cjs/extend";import{classNames as l}from"@dimjs/utils/cjs/class-names";import{Space as i}from"antd";import{Fragment as s}from"react";import{fbaHooks as a}from"./fba-hooks/index.js";import{jsx as r,jsxs as m}from"react/jsx-runtime";var d=function d(c){var n=c.formLabelAlign||"right";var o=l("simple-layout",{"simple-layout-tight":c.layoutType==="tight","simple-layout-formlabel-left":n==="left","simple-layout-title-fixed":c.titleFixed},c.className);var u=a.useThemeToken();var y=t({"--simple-layout-colorPrimary":u.colorPrimary},c.style,{padding:c.padding,width:c.width});if(c.hidden)return r(s,{});return m("div",{className:o,style:y,children:[c.title&&c.titleExtra?r("div",{className:l({"simple-layout-title-sign":c.titleLeftLine}),style:c.titleStyle,children:m(i,{className:"simple-layout-title-extra-space",children:[r("div",{className:"simple-layout-title",children:c.title}),r("div",{className:"simple-layout-title-extra",children:c.titleExtra})]})}):null,c.title&&!c.titleExtra?r("div",{className:l("simple-layout-title",{"simple-layout-title-sign":c.titleLeftLine}),style:c.titleStyle,children:c.title}):null,c.desc&&!e(c.desc)?r("div",{className:"simple-layout-desc",children:c.desc}):null,c.desc&&e(c.desc)?r("div",{className:"simple-layout-desc",children:r(i,{direction:"vertical",size:5,children:c.desc.map((function(e,t){return r(s,{children:e},t)}))})}):null,c.children?r("div",{className:"simple-layout-content",style:c.contentStyle,children:c.children}):null]})};d.defaultProps={titleLeftLine:true,layoutType:"layer"};export{d as S};
|
|
3
|
-
//# sourceMappingURL=simple-layout-1cd0fefc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simple-layout-1cd0fefc.js","sources":["@flatbiz/antd/src/simple-layout/simple-layout.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { Space } from 'antd';\nimport { CSSProperties, Fragment, ReactElement, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type SimpleLayoutProps = {\n className?: string;\n style?: CSSProperties;\n title?: string | ReactElement;\n desc?: string | ReactElement | string[] | ReactElement[];\n formLabelAlign?: 'left' | 'right';\n /**\n * layoutType 布局类型\n * ```\n * 1. layer:分层布局\n * 2. tight:紧凑布局\n * ```\n */\n layoutType?: 'layer' | 'tight';\n titleLeftLine?: boolean;\n titleStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n /** 优先级大于 style padding */\n padding?: CSSProperties['padding'];\n /** 优先级大于 style width */\n width?: CSSProperties['width'];\n children?: ReactNode | ReactNode[];\n titleExtra?: string | ReactElement;\n hidden?: boolean;\n titleFixed?: boolean;\n};\n\n/**\n * 简单布局\n * @param props\n * @returns\n * ```\n * 1. layoutType 布局类型\n * layer:分层布局\n * tight:紧凑布局\n * ```\n */\nexport const SimpleLayout = (props: SimpleLayoutProps) => {\n const labelAlign = props.formLabelAlign || 'right';\n const className = classNames(\n 'simple-layout',\n {\n 'simple-layout-tight': props.layoutType === 'tight',\n 'simple-layout-formlabel-left': labelAlign === 'left',\n 'simple-layout-title-fixed': props.titleFixed,\n },\n props.className,\n );\n\n const theme = fbaHooks.useThemeToken();\n const style = extend({ '--simple-layout-colorPrimary': theme.colorPrimary }, props.style, {\n padding: props.padding,\n width: props.width,\n });\n\n if (props.hidden) return <Fragment />;\n\n return (\n <div className={className} style={style}>\n {props.title && props.titleExtra ? (\n <div\n className={classNames({ 'simple-layout-title-sign': props.titleLeftLine })}\n style={props.titleStyle}\n >\n <Space className=\"simple-layout-title-extra-space\">\n <div className=\"simple-layout-title\">{props.title}</div>\n <div className=\"simple-layout-title-extra\">{props.titleExtra}</div>\n </Space>\n </div>\n ) : null}\n {props.title && !props.titleExtra ? (\n <div\n className={classNames('simple-layout-title', {\n 'simple-layout-title-sign': props.titleLeftLine,\n })}\n style={props.titleStyle}\n >\n {props.title}\n </div>\n ) : null}\n {props.desc && !isArray(props.desc) ? <div className=\"simple-layout-desc\">{props.desc}</div> : null}\n {props.desc && isArray(props.desc) ? (\n <div className=\"simple-layout-desc\">\n <Space direction=\"vertical\" size={5}>\n {(props.desc as string[]).map((item, index) => {\n return <Fragment key={index}>{item}</Fragment>;\n })}\n </Space>\n </div>\n ) : null}\n {props.children ? (\n <div className=\"simple-layout-content\" style={props.contentStyle}>\n {props.children}\n </div>\n ) : null}\n </div>\n );\n};\n\nSimpleLayout.defaultProps = {\n titleLeftLine: true,\n layoutType: 'layer',\n};\n"],"names":["SimpleLayout","props","labelAlign","formLabelAlign","className","_classNames","layoutType","titleFixed","theme","fbaHooks","useThemeToken","style","_extend","colorPrimary","padding","width","hidden","_jsx","Fragment","_jsxs","children","title","titleExtra","titleLeftLine","titleStyle","Space","desc","_isArray","direction","size","map","item","index","contentStyle","defaultProps"],"mappings":";kUA4CaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAMC,EAAaD,EAAME,gBAAkB,QAC3C,IAAMC,EAAYC,EAChB,gBACA,CACE,sBAAuBJ,EAAMK,aAAe,QAC5C,+BAAgCJ,IAAe,OAC/C,4BAA6BD,EAAMM,YAErCN,EAAMG,WAGR,IAAMI,EAAQC,EAASC,gBACvB,IAAMC,EAAQC,EAAO,CAAE,+BAAgCJ,EAAMK,cAAgBZ,EAAMU,MAAO,CACxFG,QAASb,EAAMa,QACfC,MAAOd,EAAMc,QAGf,GAAId,EAAMe,OAAQ,OAAOC,EAACC,EAAW,CAAA,GAErC,OACEC,EAAA,MAAA,CAAKf,UAAWA,EAAWO,MAAOA,EAAMS,SAAA,CACrCnB,EAAMoB,OAASpB,EAAMqB,WACpBL,EAAA,MAAA,CACEb,UAAWC,EAAW,CAAE,2BAA4BJ,EAAMsB,gBAC1DZ,MAAOV,EAAMuB,WAAWJ,SAExBD,EAACM,EAAK,CAACrB,UAAU,kCAAiCgB,UAChDH,EAAA,MAAA,CAAKb,UAAU,sBAAqBgB,SAAEnB,EAAMoB,QAC5CJ,EAAA,MAAA,CAAKb,UAAU,4BAA2BgB,SAAEnB,EAAMqB,kBAGpD,KACHrB,EAAMoB,QAAUpB,EAAMqB,WACrBL,EAAA,MAAA,CACEb,UAAWC,EAAW,sBAAuB,CAC3C,2BAA4BJ,EAAMsB,gBAEpCZ,MAAOV,EAAMuB,WAAWJ,SAEvBnB,EAAMoB,QAEP,KACHpB,EAAMyB,OAASC,EAAQ1B,EAAMyB,MAAQT,EAAA,MAAA,CAAKb,UAAU,qBAAoBgB,SAAEnB,EAAMyB,OAAc,KAC9FzB,EAAMyB,MAAQC,EAAQ1B,EAAMyB,MAC3BT,EAAA,MAAA,CAAKb,UAAU,qBAAoBgB,SACjCH,EAACQ,EAAK,CAACG,UAAU,WAAWC,KAAM,EAAET,SAChCnB,EAAMyB,KAAkBI,KAAI,SAACC,EAAMC,GACnC,OAAOf,EAACC,EAAQ,CAAAE,SAAcW,GAARC,UAI1B,KACH/B,EAAMmB,SACLH,EAAA,MAAA,CAAKb,UAAU,wBAAwBO,MAAOV,EAAMgC,aAAab,SAC9DnB,EAAMmB,WAEP,OAGV,EAEApB,EAAakC,aAAe,CAC1BX,cAAe,KACfjB,WAAY"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
-
import t from"@ant-design/icons/es/icons/QuestionCircleOutlined";import{isUndefinedOrNull as e}from"@flatbiz/utils";import{Tooltip as i,Space as n}from"antd";import{jsx as r,jsxs as s}from"react/jsx-runtime";var l=function l(a){var c=a.tooltip;var o=e(a.gap)?3:a.gap;if(typeof c==="string"){return r(i,{title:c,children:s(n,{size:o,className:a.className,style:a.style,children:[r("span",{children:a.title}),r("span",{style:{opacity:.7},children:r(t,{})})]})})}return r(i,{title:c.content,children:s(n,{size:o,className:a.className,style:a.style,children:[r("span",{children:a.title}),r("span",{children:c.icon})]})})};export{l as T};
|
|
3
|
-
//# sourceMappingURL=title-render-2874a932.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"title-render-2874a932.js","sources":["@flatbiz/antd/src/table-title-tooltip/title-render.tsx"],"sourcesContent":["import { QuestionCircleOutlined } from '@ant-design/icons';\nimport { isUndefinedOrNull } from '@flatbiz/utils';\nimport { Space, Tooltip } from 'antd';\nimport { CSSProperties, ReactElement } from 'react';\n\nexport type TableTitleTooltipProps = {\n title: string;\n tooltip: string | { icon: ReactElement; content?: string };\n // 间隙,默认值:3\n gap?: number;\n className?: string;\n style?: CSSProperties;\n};\n\nexport const TableTitleTooltip = (props: TableTitleTooltipProps) => {\n const tooltip = props.tooltip;\n const gap = isUndefinedOrNull(props.gap) ? 3 : props.gap;\n if (typeof tooltip === 'string') {\n return (\n <Tooltip title={tooltip}>\n <Space size={gap} className={props.className} style={props.style}>\n <span>{props.title}</span>\n <span style={{ opacity: 0.7 }}>\n <QuestionCircleOutlined />\n </span>\n </Space>\n </Tooltip>\n );\n }\n return (\n <Tooltip title={tooltip.content}>\n <Space size={gap} className={props.className} style={props.style}>\n <span>{props.title}</span>\n <span>{tooltip.icon}</span>\n </Space>\n </Tooltip>\n );\n};\n"],"names":["TableTitleTooltip","props","tooltip","gap","isUndefinedOrNull","_jsx","Tooltip","title","children","_jsxs","Space","size","className","style","opacity","_QuestionCircleOutlined","content","icon"],"mappings":";oNAcaA,EAAoB,SAApBA,EAAqBC,GAChC,IAAMC,EAAUD,EAAMC,QACtB,IAAMC,EAAMC,EAAkBH,EAAME,KAAO,EAAIF,EAAME,IACrD,UAAWD,IAAY,SAAU,CAC/B,OACEG,EAACC,EAAO,CAACC,MAAOL,EAAQM,SACtBC,EAACC,EAAK,CAACC,KAAMR,EAAKS,UAAWX,EAAMW,UAAWC,MAAOZ,EAAMY,MAAML,UAC/DH,EAAA,OAAA,CAAAG,SAAOP,EAAMM,QACbF,EAAA,OAAA,CAAMQ,MAAO,CAAEC,QAAS,IAAMN,SAC5BH,EAAAU,EAAA,UAKV,CACA,OACEV,EAACC,EAAO,CAACC,MAAOL,EAAQc,QAAQR,SAC9BC,EAACC,EAAK,CAACC,KAAMR,EAAKS,UAAWX,EAAMW,UAAWC,MAAOZ,EAAMY,MAAML,UAC/DH,EAAA,OAAA,CAAAG,SAAOP,EAAMM,QACbF,EAAA,OAAA,CAAAG,SAAON,EAAQe,WAIvB"}
|