@flatbiz/antd 5.0.43 → 5.0.45
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/dist/_commonjsHelpers-a3yINl_6.js +8 -0
- package/dist/_commonjsHelpers-a3yINl_6.js.map +1 -0
- package/dist/amount-fen-input-DI4mxLeO.js.map +1 -1
- package/dist/anchor-steps-CqqmN9Pf.js.map +1 -1
- package/dist/bootstrap/index.d.ts +1 -1
- package/dist/bootstrap-DtZAiLNG.js.map +1 -1
- package/dist/box-grid/index.js.map +1 -1
- package/dist/button-operate/index.d.ts +1 -1
- package/dist/button-operate/index.js +1 -1
- package/dist/{button-operate-DprXMhOZ.js → button-operate-BIWXX7to.js} +3 -2
- package/dist/button-operate-BIWXX7to.js.map +1 -0
- package/dist/button-wrapper-DezyMqPx.js.map +1 -1
- package/dist/card-layout-P-Qb5pCT.js.map +1 -1
- package/dist/cascader-wrapper/index.d.ts +1 -1
- package/dist/cascader-wrapper/index.js +2 -2
- package/dist/{cascader-wrapper-BFCjHaa9.js → cascader-wrapper-CMYrmR6L.js} +2 -2
- package/dist/{cascader-wrapper-BFCjHaa9.js.map → cascader-wrapper-CMYrmR6L.js.map} +1 -1
- package/dist/{cell-render-Btk1xTUj.js → cell-render-1gunNiMm.js} +11 -5
- package/dist/cell-render-1gunNiMm.js.map +1 -0
- package/dist/center-DgQUmnwe.js.map +1 -1
- package/dist/check-list/index.js.map +1 -1
- package/dist/checkbox-wrapper-BOIS5kIz.js.map +1 -1
- package/dist/color-picker-D8Tiiut0.js.map +1 -1
- package/dist/config-provider-wrapper/index.d.ts +1 -1
- package/dist/config-provider-wrapper-C72dPUJZ.js.map +1 -1
- package/dist/content-B5Twifti.js.map +1 -1
- package/dist/context-HuMVSP3b.js.map +1 -1
- package/dist/{copy-BbkSnxi9.js → copy-BSlIwnwz.js} +9 -4
- package/dist/copy-BSlIwnwz.js.map +1 -0
- package/dist/copy-wrapper/index.d.ts +15 -4
- package/dist/copy-wrapper/index.js +1 -1
- package/dist/css-node-hover-2asP-4iL.js.map +1 -1
- package/dist/data-render-U7RkK7OY.js.map +1 -1
- package/dist/date-picker-wrapper/index.d.ts +1 -1
- package/dist/date-picker-wrapper-D0_g483p.js.map +1 -1
- package/dist/date-range-picker-wrapper-BYOsf0I5.js.map +1 -1
- package/dist/date-range-picker-wrapper-form-item-C_ClxVlZ.js.map +1 -1
- package/dist/delete-node-BXaXf6fO.js.map +1 -1
- package/dist/dependencies-BPs1pFvo.js.map +1 -1
- package/dist/dialog-alert/index.d.ts +1 -1
- package/dist/dialog-alert-CDsZqePQ.js.map +1 -1
- package/dist/dialog-confirm/index.d.ts +1 -1
- package/dist/dialog-confirm-Dc6IMRm7.js.map +1 -1
- package/dist/dialog-drag-modal/index.js +2 -2
- package/dist/dialog-drawer/index.d.ts +1 -1
- package/dist/dialog-drawer-JEjoR512.js.map +1 -1
- package/dist/dialog-loading-Bm6n4_3R.js.map +1 -1
- package/dist/dialog-modal/index.d.ts +1 -1
- package/dist/dialog-modal-DLWmy5GR.js.map +1 -1
- package/dist/dom-DJxTwF3J.js.map +1 -1
- package/dist/{drag-Dxvr0bSy.js → drag-D891d5m3.js} +3 -2
- package/dist/drag-D891d5m3.js.map +1 -0
- package/dist/{drag-Bn9b0R-o.js → drag-DT_ZyPqJ.js} +2 -2
- package/dist/{drag-Bn9b0R-o.js.map → drag-DT_ZyPqJ.js.map} +1 -1
- package/dist/drag-collapse-D2mbeDvD.js.map +1 -1
- package/dist/drag-collapse-DhZ1V5P6.js.map +1 -1
- package/dist/drag-collapse-form-list/index.d.ts +1 -1
- package/dist/drag-editable-card/index.d.ts +1 -1
- package/dist/drag-editable-table/index.d.ts +9 -7
- package/dist/drag-editable-table/index.js +11 -8
- package/dist/drag-editable-table/index.js.map +1 -1
- package/dist/drag-editable-table-pro/index.d.ts +2 -2
- package/dist/drag-editable-table-pro/index.js +1 -1
- package/dist/drag-form-list/index.d.ts +1 -1
- package/dist/drag-form-list-BrIW06Ex.js.map +1 -1
- package/dist/{drag-modal-C3Azghu3.js → drag-modal-Y41HH12_.js} +161 -204
- package/dist/drag-modal-Y41HH12_.js.map +1 -0
- package/dist/drag-table-Dk8HllSn.js.map +1 -1
- package/dist/{drawer-BITwshmb.js → drawer-BfMemZA8.js} +2 -73
- package/dist/drawer-BfMemZA8.js.map +1 -0
- package/dist/dropdown-menu-wrapper/index.d.ts +1 -1
- package/dist/dropdown-menu-wrapper-BE3Liqoh.js.map +1 -1
- package/dist/dynamic-node-B_An5owN.js.map +1 -1
- package/dist/easy-table/index.d.ts +1 -1
- package/dist/easy-table/index.js.map +1 -1
- package/dist/editable-card/index.d.ts +1 -1
- package/dist/editable-card-tyOSUivy.js.map +1 -1
- package/dist/editable-card-zY9wCgE6.js.map +1 -1
- package/dist/editable-field-DBiVpCRE.js.map +1 -1
- package/dist/editable-table/index.css +1 -1
- package/dist/editable-table/index.d.ts +9 -7
- package/dist/editable-table/index.js +10 -6
- package/dist/editable-table/index.js.map +1 -1
- package/dist/{editable-table-Bsch15kT.js → editable-table-0f-H4DHt.js} +3 -3
- package/dist/editable-table-0f-H4DHt.js.map +1 -0
- package/dist/editable-table-pro/index.d.ts +2 -2
- package/dist/editable-table-pro-B12YG7J_.js.map +1 -1
- package/dist/editor-C_Wf256R.js.map +1 -1
- package/dist/editor-CncecOdy.js.map +1 -1
- package/dist/editor-CxXSgnLP.js.map +1 -1
- package/dist/editor-Dhs7idH7.js.map +1 -1
- package/dist/editor-i79rPG9r.js.map +1 -1
- package/dist/error-boundary-D6RX4EQZ.js.map +1 -1
- package/dist/fba-app-Ew89Y7th.js.map +1 -1
- package/dist/fba-hooks/index.js.map +1 -1
- package/dist/fba-utils-okhb5eSJ.js.map +1 -1
- package/dist/file-export-B3RBS7Wl.js.map +1 -1
- package/dist/file-import-pbdSC5lZ.js.map +1 -1
- package/dist/file-select/index.d.ts +1 -1
- package/dist/file-select-BFrXFyKW.js.map +1 -1
- package/dist/flex-layout-BGtMe7zr.js.map +1 -1
- package/dist/form-ByFljQr9.js.map +1 -1
- package/dist/form-grid/index.js.map +1 -1
- package/dist/form-item-group/index.js.map +1 -1
- package/dist/form-item-hidden-BtQvJEx7.js.map +1 -1
- package/dist/form-item-text-bxy5q8tw.js.map +1 -1
- package/dist/form-item-wrapper-Ci7-5IKi.js.map +1 -1
- package/dist/form-list-wrapper/index.d.ts +1 -1
- package/dist/form-list-wrapper-BTSuq_pI.js.map +1 -1
- package/dist/form-wrapper-DBDMN0mN.js.map +1 -1
- package/dist/full-screen/index.js.map +1 -1
- package/dist/gap-5v_ndf2v.js.map +1 -1
- package/dist/icon-wrapper-DE97bI14.js.map +1 -1
- package/dist/in-view-XeG6cIRO.js.map +1 -1
- package/dist/index-C6y8q2MK.js +77 -0
- package/dist/index-C6y8q2MK.js.map +1 -0
- package/dist/index.d.ts +42 -37
- package/dist/index.js +19 -20
- package/dist/input-search-wrapper/index.d.ts +1 -1
- package/dist/input-search-wrapper-dVFSFf3t.js.map +1 -1
- package/dist/input-text-area-wrapper/index.d.ts +1 -1
- package/dist/input-text-area-wrapper-CRi9fWSJ.js.map +1 -1
- package/dist/input-wrapper-hEJP2UIk.js.map +1 -1
- package/dist/label-value-layout-CbKTtTXJ.js.map +1 -1
- package/dist/{label-value-CcUdtnY1.js → label-value-o1pOZ2M6.js} +9 -1
- package/dist/label-value-o1pOZ2M6.js.map +1 -0
- package/dist/label-value-render/index.d.ts +3 -2
- package/dist/label-value-render/index.js +1 -1
- package/dist/layout-2woF_D6T.js.map +1 -1
- package/dist/local-loading/index.js.map +1 -1
- package/dist/mention-editor-zgAlQ8Cx.js.map +1 -1
- package/dist/mentions-950t_JC_.js.map +1 -1
- package/dist/modal-action-kQ60nGCG.js.map +1 -1
- package/dist/number-range-DUyTW0V1.js.map +1 -1
- package/dist/page-fixed-footer-BHBJsfnh.js.map +1 -1
- package/dist/pdf/index.js.map +1 -1
- package/dist/permission-D5AvZAS8.js.map +1 -1
- package/dist/pre-defined-class-name/index.js.map +1 -1
- package/dist/preview-Blwn4lHG.js.map +1 -1
- package/dist/preview-DvEwmG2h.js.map +1 -1
- package/dist/preview-image-BCBOv4h_.js.map +1 -1
- package/dist/radio-group-wrapper-Dip9OsdR.js.map +1 -1
- package/dist/relation-tree-BMas57Ck.js.map +1 -1
- package/dist/request-status/index.d.ts +1 -1
- package/dist/request-status/index.js +1 -1
- package/dist/{request-status-5M9DP8-J.js → request-status-CTleOQtX.js} +12 -6
- package/dist/request-status-CTleOQtX.js.map +1 -0
- package/dist/resizable-drawer/index.js +3 -2
- package/dist/resizable-drawer/index.js.map +1 -1
- package/dist/rich-text-editor-cqzUxX_s.js.map +1 -1
- package/dist/rich-text-viewer-FVi2i8nv.js.map +1 -1
- package/dist/rule-describe-BkkX7ukt.js.map +1 -1
- package/dist/search-BbKmdP-9.js.map +1 -1
- package/dist/search-menu/index.d.ts +1 -1
- package/dist/search-menu-N7nz0XoH.js.map +1 -1
- package/dist/selector-D0YxuDbf.js.map +1 -1
- package/dist/{selector-DGXElqt2.js → selector-fu9imgsR.js} +2 -2
- package/dist/{selector-DGXElqt2.js.map → selector-fu9imgsR.js.map} +1 -1
- package/dist/selector-wrapper/index.css +1 -1
- package/dist/selector-wrapper/index.d.ts +4 -1
- package/dist/selector-wrapper/index.js +9 -3
- package/dist/selector-wrapper/index.js.map +1 -1
- package/dist/{selector-wrapper-DfaplVbz.js → selector-wrapper-B5PUm15M.js} +113 -47
- package/dist/selector-wrapper-B5PUm15M.js.map +1 -0
- package/dist/selector-wrapper-search/index.d.ts +5 -1
- package/dist/selector-wrapper-search/index.js +3 -3
- package/dist/{selector-wrapper-search-DG0GPWl6.js → selector-wrapper-search-BMyOMlZl.js} +26 -8
- package/dist/selector-wrapper-search-BMyOMlZl.js.map +1 -0
- package/dist/selector-wrapper-simple/index.d.ts +1 -1
- package/dist/selector-wrapper-simple/index.js +2 -2
- package/dist/{selector-wrapper-simple-BE6H7nX7.js → selector-wrapper-simple-Vbt4cYNm.js} +2 -2
- package/dist/{selector-wrapper-simple-BE6H7nX7.js.map → selector-wrapper-simple-Vbt4cYNm.js.map} +1 -1
- package/dist/simple-layout-mSolkIZ5.js.map +1 -1
- package/dist/sms-count-down-DyovY2s3.js.map +1 -1
- package/dist/span-Cjqb-rEm.js.map +1 -1
- package/dist/split-BHDOAdvw.js.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/svg-CqFW3W-s.js.map +1 -1
- package/dist/switch-confirm-wrapper-CFFD0YJY.js.map +1 -1
- package/dist/switch-wrapper-CxGztawn.js.map +1 -1
- package/dist/symbol-DcM8okBP.js.map +1 -1
- package/dist/table-cell-render/index.d.ts +7 -2
- package/dist/table-cell-render/index.js +3 -3
- package/dist/table-scrollbar-yqz5FkCz.js.map +1 -1
- package/dist/tabs-cpy2bCpo.js.map +1 -1
- package/dist/tabs-wrapper-IxpPTX9z.js.map +1 -1
- package/dist/tag-group-B2oj-CYo.js.map +1 -1
- package/dist/{tag-list-B0OTlda6.js → tag-list-DrmpuEDJ.js} +8 -2
- package/dist/tag-list-DrmpuEDJ.js.map +1 -0
- package/dist/tag-list-render/index.d.ts +2 -0
- package/dist/tag-list-render/index.js +1 -1
- package/dist/tag-list-select-C8_X2SS-.js.map +1 -1
- package/dist/tag-wrapper-CJsZ8Jvy.js.map +1 -1
- package/dist/text-overflow-C42UFIyh.js.map +1 -1
- package/dist/time-Cv4_lLXu.js.map +1 -1
- package/dist/time-picker-wrapper-AQg6UCts.js.map +1 -1
- package/dist/time-range-picker-wrapper-C2Y0j-w1.js.map +1 -1
- package/dist/time-range-picker-wrapper-form-item-Cl0i2rZv.js.map +1 -1
- package/dist/tips-title-B6qZn_zc.js.map +1 -1
- package/dist/tips-wrapper-DvbgHMwl.js.map +1 -1
- package/dist/title-render-DGYUo6yV.js.map +1 -1
- package/dist/tree-modal/index.d.ts +2 -2
- package/dist/tree-modal/index.js +3 -3
- package/dist/tree-modal/index.js.map +1 -1
- package/dist/tree-modal-selector/index.d.ts +2 -2
- package/dist/tree-modal-selector/index.js +3 -3
- package/dist/tree-selector-wrapper/index.d.ts +1 -1
- package/dist/tree-selector-wrapper/index.js +2 -2
- package/dist/tree-wrapper/index.d.ts +2 -2
- package/dist/tree-wrapper/index.js +5 -5
- package/dist/tree-wrapper/index.js.map +1 -1
- package/dist/upload-wrapper/index.d.ts +1 -1
- package/dist/upload-wrapper--IfkLPBP.js.map +1 -1
- package/dist/use-responsive-point-Bp3D3lZT.js.map +1 -1
- package/dist/x-mind-preview-Bx7UmHAu.js.map +1 -1
- package/package.json +1 -7
- package/dist/_commonjsHelpers-nJh5OW6J.js +0 -33
- package/dist/_commonjsHelpers-nJh5OW6J.js.map +0 -1
- package/dist/ai-search/index.css +0 -1
- package/dist/ai-search/index.d.ts +0 -25
- package/dist/ai-search/index.js +0 -39
- package/dist/ai-search/index.js.map +0 -1
- package/dist/ai-search-BuvayoCT.js +0 -161
- package/dist/ai-search-BuvayoCT.js.map +0 -1
- package/dist/button-operate-DprXMhOZ.js.map +0 -1
- package/dist/cell-render-Btk1xTUj.js.map +0 -1
- package/dist/copy-BbkSnxi9.js.map +0 -1
- package/dist/drag-Dxvr0bSy.js.map +0 -1
- package/dist/drag-modal-C3Azghu3.js.map +0 -1
- package/dist/drawer-BITwshmb.js.map +0 -1
- package/dist/editable-table-Bsch15kT.js.map +0 -1
- package/dist/label-value-CcUdtnY1.js.map +0 -1
- package/dist/request-status-5M9DP8-J.js.map +0 -1
- package/dist/selector-wrapper-DfaplVbz.js.map +0 -1
- package/dist/selector-wrapper-search-DG0GPWl6.js.map +0 -1
- package/dist/tag-list-B0OTlda6.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-layout-mSolkIZ5.js","sources":["@flatbiz/antd/src/simple-layout/simple-layout.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { Fragment } from 'react';\nimport { Space } from 'antd';\nimport { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\n\nexport type SimpleLayoutProps = {\n className?: string;\n style?: CSSProperties;\n title?: string | ReactElement;\n desc?: string | ReactElement | string[] | ReactElement[];\n /**\n * @deprecated 已过期,请使用form className 属性 preDefinedClassName.form.xxx\n */\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 * 1. default = 15\n * 2. small = 8\n */\n size?: 'default' | 'small';\n onClick?: (event) => void;\n};\n\n/**\n * 简单布局\n * @deprecated 已过期,使用 CardLayout 组件替代\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 'simple-layout-small': props.size === 'small',\n },\n props.className\n );\n\n const theme = fbaHooks.useThemeToken();\n const style = extend(\n { '--simple-layout-colorPrimary': theme.colorPrimary },\n props.style,\n {\n padding: props.padding,\n width: props.width,\n }\n );\n\n if (props.hidden) return <Fragment />;\n\n return (\n <div className={className} style={style} onClick={props.onClick}>\n {props.title && props.titleExtra ? (\n <div\n className={classNames({\n 'simple-layout-title-sign': props.titleLeftLine,\n })}\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) ? (\n <div className=\"simple-layout-desc\">{props.desc}</div>\n ) : 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","size","theme","fbaHooks","useThemeToken","style","_extend","colorPrimary","padding","width","hidden","_jsx","Fragment","_jsxs","onClick","children","title","titleExtra","titleLeftLine","titleStyle","Space","desc","_isArray","direction","map","item","index","contentStyle","defaultProps"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"simple-layout-mSolkIZ5.js","sources":["@flatbiz/antd/src/simple-layout/simple-layout.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { Fragment } from 'react';\nimport { Space } from 'antd';\nimport { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\n\nexport type SimpleLayoutProps = {\n className?: string;\n style?: CSSProperties;\n title?: string | ReactElement;\n desc?: string | ReactElement | string[] | ReactElement[];\n /**\n * @deprecated 已过期,请使用form className 属性 preDefinedClassName.form.xxx\n */\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 * 1. default = 15\n * 2. small = 8\n */\n size?: 'default' | 'small';\n onClick?: (event) => void;\n};\n\n/**\n * 简单布局\n * @deprecated 已过期,使用 CardLayout 组件替代\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 'simple-layout-small': props.size === 'small',\n },\n props.className\n );\n\n const theme = fbaHooks.useThemeToken();\n const style = extend(\n { '--simple-layout-colorPrimary': theme.colorPrimary },\n props.style,\n {\n padding: props.padding,\n width: props.width,\n }\n );\n\n if (props.hidden) return <Fragment />;\n\n return (\n <div className={className} style={style} onClick={props.onClick}>\n {props.title && props.titleExtra ? (\n <div\n className={classNames({\n 'simple-layout-title-sign': props.titleLeftLine,\n })}\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) ? (\n <div className=\"simple-layout-desc\">{props.desc}</div>\n ) : 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","size","theme","fbaHooks","useThemeToken","style","_extend","colorPrimary","padding","width","hidden","_jsx","Fragment","_jsxs","onClick","children","title","titleExtra","titleLeftLine","titleStyle","Space","desc","_isArray","direction","map","item","index","contentStyle","defaultProps"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sms-count-down-DyovY2s3.js","sources":["@flatbiz/antd/src/sms-count-down/sms-count-down.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\n\nexport interface SmsCountDownProps {\n onSendRequest: () => Promise<void>; // 验证码请求函数\n totalTicks?: number; // 总倒计时,默认:60(s)\n duration?: number; // 倒计时间隔,默认:1000ms(1s)\n autoStart?: boolean; // 是否自动开始倒计时,默认:fasle,注意:不会自动调用 onSendRequest\n format?: string; // 倒计时格式化,默认:'{t}s'\n sendTxt?: string; // 文案,默认:'获取验证码'\n sentTxt?: string; // 倒计时完成文案,默认:'重新获取'\n processingTxt?: string; // 倒计时中文案,默认:'发送中...'\n onTick?: (time: number) => void; // 倒计时回调\n className?: string;\n}\nexport const SmsCountDown: FC<SmsCountDownProps> = (props) => {\n const [showMessage, setShowMessage] = useState<string>();\n\n const [running, setRunning] = useState(false);\n const [starting, setStarting] = useState(false);\n\n // 初始化设置有效\n const initConfig = useMemo<\n Omit<SmsCountDownProps, 'onSendRequest' | 'onTick' | 'className'>\n >(() => {\n return {\n sendTxt: props.sendTxt,\n sentTxt: props.sentTxt,\n processingTxt: props.processingTxt,\n format: props.format,\n autoStart: props.autoStart,\n totalTicks: props.totalTicks,\n duration: props.duration,\n };\n }, []);\n\n const format = initConfig.format as string;\n const totalTicks = initConfig.totalTicks as number;\n const duration = initConfig.duration as number;\n\n const countdownFnc = hooks.useCountdownCallback(\n (num) => {\n const second = num / 1000;\n if (num > 0) {\n if (!running) {\n setRunning(true);\n }\n setShowMessage(format.replace('{t}', String(second)));\n props.onTick?.(second);\n } else if (num === 0) {\n setRunning(false);\n setStarting(false);\n props.onTick?.(second);\n setShowMessage(initConfig.sentTxt);\n }\n },\n totalTicks * 1000,\n { intervalTime: duration }\n );\n\n useEffect(() => {\n if (!initConfig.autoStart) {\n setShowMessage(initConfig.sendTxt);\n } else {\n countdownFnc();\n setStarting(true);\n setRunning(true);\n }\n }, [countdownFnc, initConfig]);\n\n const onStart = hooks.useCallbackRef(() => {\n if (running || starting) return;\n setStarting(true);\n setShowMessage(initConfig.processingTxt);\n void props\n .onSendRequest()\n .then(() => {\n setRunning(true);\n countdownFnc();\n })\n .catch(() => {\n setShowMessage(initConfig.sendTxt);\n setStarting(false);\n });\n });\n\n const className = classNames('v-count-down', props.className, {\n running,\n starting,\n });\n\n return (\n <div className={className} onClick={onStart}>\n {showMessage}\n </div>\n );\n};\n\nSmsCountDown.defaultProps = {\n totalTicks: 60,\n duration: 1000,\n autoStart: false,\n format: '{t}s',\n sendTxt: '获取验证码',\n sentTxt: '重新获取',\n processingTxt: '发送中...',\n};\n"],"names":["SmsCountDown","props","_useState","useState","_useState2","_slicedToArray","showMessage","setShowMessage","_useState3","_useState4","running","setRunning","_useState5","_useState6","starting","setStarting","initConfig","useMemo","sendTxt","sentTxt","processingTxt","format","autoStart","totalTicks","duration","countdownFnc","_hooks","useCountdownCallback","num","second","_props$onTick","replace","String","onTick","call","_props$onTick2","intervalTime","useEffect","onStart","useCallbackRef","onSendRequest","then","catch","className","_classNames","_jsx","onClick","children","defaultProps"],"mappings":";;;;;;;;IAiBaA,YAAmC,GAAG,SAAtCA,YAAmCA,CAAIC,KAAK,EAAK;AAC5D,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,EAAU;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjDI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAAI,UAAA,GAA8BL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtCE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAG,UAAA,GAAgCT,QAAQ,CAAC,KAAK,CAAC;IAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAxCE,IAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;;AAE5B;AACA,EAAA,IAAMG,UAAU,GAAGC,OAAO,CAExB,YAAM;IACN,OAAO;MACLC,OAAO,EAAEjB,KAAK,CAACiB,OAAO;MACtBC,OAAO,EAAElB,KAAK,CAACkB,OAAO;MACtBC,aAAa,EAAEnB,KAAK,CAACmB,aAAa;MAClCC,MAAM,EAAEpB,KAAK,CAACoB,MAAM;MACpBC,SAAS,EAAErB,KAAK,CAACqB,SAAS;MAC1BC,UAAU,EAAEtB,KAAK,CAACsB,UAAU;MAC5BC,QAAQ,EAAEvB,KAAK,CAACuB;KACjB;
|
|
1
|
+
{"version":3,"file":"sms-count-down-DyovY2s3.js","sources":["@flatbiz/antd/src/sms-count-down/sms-count-down.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\n\nexport interface SmsCountDownProps {\n onSendRequest: () => Promise<void>; // 验证码请求函数\n totalTicks?: number; // 总倒计时,默认:60(s)\n duration?: number; // 倒计时间隔,默认:1000ms(1s)\n autoStart?: boolean; // 是否自动开始倒计时,默认:fasle,注意:不会自动调用 onSendRequest\n format?: string; // 倒计时格式化,默认:'{t}s'\n sendTxt?: string; // 文案,默认:'获取验证码'\n sentTxt?: string; // 倒计时完成文案,默认:'重新获取'\n processingTxt?: string; // 倒计时中文案,默认:'发送中...'\n onTick?: (time: number) => void; // 倒计时回调\n className?: string;\n}\nexport const SmsCountDown: FC<SmsCountDownProps> = (props) => {\n const [showMessage, setShowMessage] = useState<string>();\n\n const [running, setRunning] = useState(false);\n const [starting, setStarting] = useState(false);\n\n // 初始化设置有效\n const initConfig = useMemo<\n Omit<SmsCountDownProps, 'onSendRequest' | 'onTick' | 'className'>\n >(() => {\n return {\n sendTxt: props.sendTxt,\n sentTxt: props.sentTxt,\n processingTxt: props.processingTxt,\n format: props.format,\n autoStart: props.autoStart,\n totalTicks: props.totalTicks,\n duration: props.duration,\n };\n }, []);\n\n const format = initConfig.format as string;\n const totalTicks = initConfig.totalTicks as number;\n const duration = initConfig.duration as number;\n\n const countdownFnc = hooks.useCountdownCallback(\n (num) => {\n const second = num / 1000;\n if (num > 0) {\n if (!running) {\n setRunning(true);\n }\n setShowMessage(format.replace('{t}', String(second)));\n props.onTick?.(second);\n } else if (num === 0) {\n setRunning(false);\n setStarting(false);\n props.onTick?.(second);\n setShowMessage(initConfig.sentTxt);\n }\n },\n totalTicks * 1000,\n { intervalTime: duration }\n );\n\n useEffect(() => {\n if (!initConfig.autoStart) {\n setShowMessage(initConfig.sendTxt);\n } else {\n countdownFnc();\n setStarting(true);\n setRunning(true);\n }\n }, [countdownFnc, initConfig]);\n\n const onStart = hooks.useCallbackRef(() => {\n if (running || starting) return;\n setStarting(true);\n setShowMessage(initConfig.processingTxt);\n void props\n .onSendRequest()\n .then(() => {\n setRunning(true);\n countdownFnc();\n })\n .catch(() => {\n setShowMessage(initConfig.sendTxt);\n setStarting(false);\n });\n });\n\n const className = classNames('v-count-down', props.className, {\n running,\n starting,\n });\n\n return (\n <div className={className} onClick={onStart}>\n {showMessage}\n </div>\n );\n};\n\nSmsCountDown.defaultProps = {\n totalTicks: 60,\n duration: 1000,\n autoStart: false,\n format: '{t}s',\n sendTxt: '获取验证码',\n sentTxt: '重新获取',\n processingTxt: '发送中...',\n};\n"],"names":["SmsCountDown","props","_useState","useState","_useState2","_slicedToArray","showMessage","setShowMessage","_useState3","_useState4","running","setRunning","_useState5","_useState6","starting","setStarting","initConfig","useMemo","sendTxt","sentTxt","processingTxt","format","autoStart","totalTicks","duration","countdownFnc","_hooks","useCountdownCallback","num","second","_props$onTick","replace","String","onTick","call","_props$onTick2","intervalTime","useEffect","onStart","useCallbackRef","onSendRequest","then","catch","className","_classNames","_jsx","onClick","children","defaultProps"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"span-Cjqb-rEm.js","sources":["@flatbiz/antd/src/form-item-span/span.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { BoxGrid } from '../box-grid/index.js';\nexport type FormItemSpanProps = {\n span?: number;\n children?: ReactNode;\n className?: string;\n style?: CSSProperties;\n /** 是否移除 */\n hidden?: boolean;\n};\n\n/**\n * 包裹EasyForm children item元素, 设置自定义栅格占位格数(使用在EasyForm一级子节点下生效)\n * ```\n * EasyForm中自定义栅格占位格数方式\n * 1. 设置 FormItemWrapper、FormItemText 的 span 属性(支持移动端小屏幕span强制转为24逻辑)\n * 2. 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置 span 属性(不支持移动端小屏幕span强制转为24逻辑)\n * 3. 使用 <FormItemSpan span={24} ></FormItemSpan> 包裹,设置 span 属性(支持移动端小屏幕span强制转为24逻辑)\n * <EasyForm>\n * <FormItemSpan span={24}>\n * <CardLayout title={'基本信息'}>\n * <EasyForm nonuseFormWrapper>\n * <FormItemWrapper></FormItemWrapper>\n * </EasyForm>\n * </CardLayout>\n * </FormItemSpan>\n * <FormItemSpan span={24}>\n * <CardLayout title={'紧急联系人信息'}>\n * <EasyForm nonuseFormWrapper>\n * <FormItemWrapper></FormItemWrapper>\n * </EasyForm>\n * </CardLayout>\n * </FormItemSpan>\n * </EasyForm>\n * 4. 处在EasyFrom直接子节点时hidden、span属性生效\n * ```\n */\nexport const FormItemSpan = (props: FormItemSpanProps) => {\n return <BoxGrid.Col {...props} style={{ ...props.style }} />;\n};\n\nFormItemSpan['domTypeName'] = 'FormItemSpan';\n"],"names":["FormItemSpan","props","_jsx","BoxGrid","Col","_objectSpread","style"],"mappings":";;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAK;EACxD,oBAAOC,GAAA,CAACC,OAAO,CAACC,GAAG,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAKJ,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEK,IAAAA,KAAK,EAAAD,cAAA,
|
|
1
|
+
{"version":3,"file":"span-Cjqb-rEm.js","sources":["@flatbiz/antd/src/form-item-span/span.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { BoxGrid } from '../box-grid/index.js';\nexport type FormItemSpanProps = {\n span?: number;\n children?: ReactNode;\n className?: string;\n style?: CSSProperties;\n /** 是否移除 */\n hidden?: boolean;\n};\n\n/**\n * 包裹EasyForm children item元素, 设置自定义栅格占位格数(使用在EasyForm一级子节点下生效)\n * ```\n * EasyForm中自定义栅格占位格数方式\n * 1. 设置 FormItemWrapper、FormItemText 的 span 属性(支持移动端小屏幕span强制转为24逻辑)\n * 2. 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置 span 属性(不支持移动端小屏幕span强制转为24逻辑)\n * 3. 使用 <FormItemSpan span={24} ></FormItemSpan> 包裹,设置 span 属性(支持移动端小屏幕span强制转为24逻辑)\n * <EasyForm>\n * <FormItemSpan span={24}>\n * <CardLayout title={'基本信息'}>\n * <EasyForm nonuseFormWrapper>\n * <FormItemWrapper></FormItemWrapper>\n * </EasyForm>\n * </CardLayout>\n * </FormItemSpan>\n * <FormItemSpan span={24}>\n * <CardLayout title={'紧急联系人信息'}>\n * <EasyForm nonuseFormWrapper>\n * <FormItemWrapper></FormItemWrapper>\n * </EasyForm>\n * </CardLayout>\n * </FormItemSpan>\n * </EasyForm>\n * 4. 处在EasyFrom直接子节点时hidden、span属性生效\n * ```\n */\nexport const FormItemSpan = (props: FormItemSpanProps) => {\n return <BoxGrid.Col {...props} style={{ ...props.style }} />;\n};\n\nFormItemSpan['domTypeName'] = 'FormItemSpan';\n"],"names":["FormItemSpan","props","_jsx","BoxGrid","Col","_objectSpread","style"],"mappings":";;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAK;EACxD,oBAAOC,GAAA,CAACC,OAAO,CAACC,GAAG,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAKJ,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEK,IAAAA,KAAK,EAAAD,cAAA,CAAA,EAAA,EAAOJ,KAAK,CAACK,KAAK;AAAG,GAAA,CAAE,CAAC;AAC9D;AAEAN,YAAY,CAAC,aAAa,CAAC,GAAG,cAAc;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-BHDOAdvw.js","sources":["@flatbiz/antd/src/split-wrapper/split.tsx"],"sourcesContent":["import { Children, type CSSProperties, useState } from 'react';\nimport Split, { type SplitProps } from 'react-split';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport './style.less';\ntype SplitWrapperProps = SplitProps & {\n panelStyle?: CSSProperties;\n};\n/**\n * 分屏可拖动组件\n * ```\n * <SplitWrapper\n sizes={[25, 75]}\n minSize={[300, 300]}\n direction={'vertical'}\n >{...}</SplitWrapper>\n 1. 通过 sizes 来初始化设置面板分屏尺寸\n 2. 通过 minSize 来设置面板最小尺寸\n 3. 通过 direction 设置方向\n * ```\n */\nexport const SplitWrapper = (props: SplitWrapperProps) => {\n const childrenList = Children.toArray(props.children);\n const [key, setKey] = useState(Date.now());\n\n hooks.useUpdateEffect(() => {\n setKey(Date.now());\n }, [props.direction]);\n const Element = ((Split as any)?.['default'] || (Split as any)) as any;\n return (\n <Element\n key={key}\n gutterSize={7}\n {...props}\n className={classNames(\n 'split-warpper',\n `split-warpper-${props.direction}`,\n props.className\n )}\n >\n {childrenList.map((item, index) => {\n return (\n <div\n className=\"split-warpper-panel\"\n key={index}\n style={props.panelStyle}\n >\n {item}\n </div>\n );\n })}\n </Element>\n );\n};\n"],"names":["SplitWrapper","props","childrenList","Children","toArray","children","_useState","useState","Date","now","_useState2","_slicedToArray","key","setKey","_hooks","useUpdateEffect","direction","Element","Split","_jsx","_objectSpread","gutterSize","className","_classNames","concat","map","item","index","style","panelStyle"],"mappings":";;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAK;EACxD,IAAMC,YAAY,GAAGC,QAAQ,CAACC,OAAO,CAACH,KAAK,CAACI,QAAQ,CAAC;EACrD,IAAAC,SAAA,GAAsBC,QAAQ,CAACC,IAAI,CAACC,GAAG,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAAnCM,IAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA;EAElBI,KAAA,CAAMC,eAAe,CAAC,YAAM;AAC1BF,IAAAA,MAAM,CAACL,IAAI,CAACC,GAAG,EAAE,CAAC;AACpB,
|
|
1
|
+
{"version":3,"file":"split-BHDOAdvw.js","sources":["@flatbiz/antd/src/split-wrapper/split.tsx"],"sourcesContent":["import { Children, type CSSProperties, useState } from 'react';\nimport Split, { type SplitProps } from 'react-split';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport './style.less';\ntype SplitWrapperProps = SplitProps & {\n panelStyle?: CSSProperties;\n};\n/**\n * 分屏可拖动组件\n * ```\n * <SplitWrapper\n sizes={[25, 75]}\n minSize={[300, 300]}\n direction={'vertical'}\n >{...}</SplitWrapper>\n 1. 通过 sizes 来初始化设置面板分屏尺寸\n 2. 通过 minSize 来设置面板最小尺寸\n 3. 通过 direction 设置方向\n * ```\n */\nexport const SplitWrapper = (props: SplitWrapperProps) => {\n const childrenList = Children.toArray(props.children);\n const [key, setKey] = useState(Date.now());\n\n hooks.useUpdateEffect(() => {\n setKey(Date.now());\n }, [props.direction]);\n const Element = ((Split as any)?.['default'] || (Split as any)) as any;\n return (\n <Element\n key={key}\n gutterSize={7}\n {...props}\n className={classNames(\n 'split-warpper',\n `split-warpper-${props.direction}`,\n props.className\n )}\n >\n {childrenList.map((item, index) => {\n return (\n <div\n className=\"split-warpper-panel\"\n key={index}\n style={props.panelStyle}\n >\n {item}\n </div>\n );\n })}\n </Element>\n );\n};\n"],"names":["SplitWrapper","props","childrenList","Children","toArray","children","_useState","useState","Date","now","_useState2","_slicedToArray","key","setKey","_hooks","useUpdateEffect","direction","Element","Split","_jsx","_objectSpread","gutterSize","className","_classNames","concat","map","item","index","style","panelStyle"],"mappings":";;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAK;EACxD,IAAMC,YAAY,GAAGC,QAAQ,CAACC,OAAO,CAACH,KAAK,CAACI,QAAQ,CAAC;EACrD,IAAAC,SAAA,GAAsBC,QAAQ,CAACC,IAAI,CAACC,GAAG,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAAnCM,IAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA;EAElBI,KAAA,CAAMC,eAAe,CAAC,YAAM;AAC1BF,IAAAA,MAAM,CAACL,IAAI,CAACC,GAAG,EAAE,CAAC;AACpB,EAAA,CAAC,EAAE,CAACR,KAAK,CAACe,SAAS,CAAC,CAAC;AACrB,EAAA,IAAMC,OAAO,GAAI,CAACC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAW,SAAS,CAAC,KAAKA,KAAqB;AACtE,EAAA,oBACEC,GAAA,CAACF,OAAO,EAAAG,cAAA,CAAAA,cAAA,CAAA;AAENC,IAAAA,UAAU,EAAE;AAAE,GAAA,EACVpB,KAAK,CAAA,EAAA,EAAA,EAAA;AACTqB,IAAAA,SAAS,EAAEC,UAAA,CACT,eAAe,mBAAAC,MAAA,CACEvB,KAAK,CAACe,SAAS,CAAA,EAChCf,KAAK,CAACqB,SACR,CAAE;IAAAjB,QAAA,EAEDH,YAAY,CAACuB,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AACjC,MAAA,oBACER,GAAA,CAAA,KAAA,EAAA;AACEG,QAAAA,SAAS,EAAC,qBAAqB;QAE/BM,KAAK,EAAE3B,KAAK,CAAC4B,UAAW;AAAAxB,QAAAA,QAAA,EAEvBqB;AAAI,OAAA,EAHAC,KAIF,CAAC;IAEV,CAAC;AAAC,GAAA,CAAA,EAnBGf,GAoBE,CAAC;AAEd;;;;"}
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.num-ff{font-family:var(--v-font-family-number)}p,ul{margin:0;padding:0}.hide{display:none}.clear-fix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.ant-form-item-has-error .ant-form-item-control-input .ant-checkbox-inner,.ant-form-item-has-error .ant-form-item-control-input .ant-radio-inner{border-color:#ff4d4f}.ant-form-item-has-error .ant-upload-wrapper .ant-upload .ant-btn{border-color:#ff4d4f;color:#ff4d4f}.ant-form-item-has-error .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{border:1px dashed #ff4d4f;color:#ff4d4f}.ant-btn-dashed:disabled,.ant-btn-variant-dashed:disabled,.ant-btn-variant-link:disabled,.ant-btn-variant-solid:disabled,.ant-checkbox-disabled+span,.ant-input-number-outlined.ant-input-number-disabled,.ant-input[disabled],.ant-picker-disabled input[disabled],.ant-radio-wrapper-disabled,.ant-select-disabled .ant-select-selector,.ant-select-multiple.ant-select-disabled .ant-select-selection-item,.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{color:rgba(0,0,0,.6)!important}.ant-radio-disabled .ant-radio-inner:after{background-color:rgba(0,0,0,.5)!important}.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:rgba(0,0,0,.6)!important}.dark-theme .ant-btn-dashed:disabled,.dark-theme .ant-btn-variant-dashed:disabled,.dark-theme .ant-btn-variant-link:disabled,.dark-theme .ant-btn-variant-solid:disabled,.dark-theme .ant-checkbox-disabled+span,.dark-theme .ant-input-number-outlined.ant-input-number-disabled,.dark-theme .ant-input[disabled],.dark-theme .ant-picker-disabled input[disabled],.dark-theme .ant-radio-wrapper-disabled,.dark-theme .ant-select-disabled .ant-select-selector,.dark-theme .ant-select-multiple.ant-select-disabled .ant-select-selection-item,.dark-theme .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{color:hsla(0,0%,100%,.8)!important}.dark-theme .ant-radio-disabled .ant-radio-inner:after{background-color:hsla(0,0%,100%,.7)!important}.dark-theme .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:hsla(0,0%,100%,.8)!important}
|
|
1
|
+
.num-ff{font-family:var(--v-font-family-number)}p,ul{margin:0;padding:0}.hide{display:none}.clear-fix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.ant-form-item-has-error .ant-form-item-control-input .ant-checkbox-inner,.ant-form-item-has-error .ant-form-item-control-input .ant-radio-inner{border-color:#ff4d4f}.ant-form-item-has-error .ant-upload-wrapper .ant-upload .ant-btn{border-color:#ff4d4f;color:#ff4d4f}.ant-form-item-has-error .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{border:1px dashed #ff4d4f;color:#ff4d4f}.ant-btn-dashed:disabled,.ant-btn-variant-dashed:disabled,.ant-btn-variant-link:disabled,.ant-btn-variant-solid:disabled,.ant-checkbox-disabled+span,.ant-input-number-outlined.ant-input-number-disabled,.ant-input[disabled],.ant-picker-disabled input[disabled],.ant-radio-wrapper-disabled,.ant-select-disabled .ant-select-selector,.ant-select-multiple.ant-select-disabled .ant-select-selection-item,.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{color:rgba(0,0,0,.6)!important}.ant-radio-disabled .ant-radio-inner:after{background-color:rgba(0,0,0,.5)!important}.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:rgba(0,0,0,.6)!important}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(0,0,0,.6)!important}.dark-theme .ant-btn-dashed:disabled,.dark-theme .ant-btn-variant-dashed:disabled,.dark-theme .ant-btn-variant-link:disabled,.dark-theme .ant-btn-variant-solid:disabled,.dark-theme .ant-checkbox-disabled+span,.dark-theme .ant-input-number-outlined.ant-input-number-disabled,.dark-theme .ant-input[disabled],.dark-theme .ant-picker-disabled input[disabled],.dark-theme .ant-radio-wrapper-disabled,.dark-theme .ant-select-disabled .ant-select-selector,.dark-theme .ant-select-multiple.ant-select-disabled .ant-select-selection-item,.dark-theme .ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector{color:hsla(0,0%,100%,.8)!important}.dark-theme .ant-radio-disabled .ant-radio-inner:after{background-color:hsla(0,0%,100%,.7)!important}.dark-theme .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:hsla(0,0%,100%,.8)!important}.dark-theme .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:hsla(0,0%,100%,.8)!important}
|
package/dist/svg-CqFW3W-s.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-CqFW3W-s.js","sources":["@flatbiz/antd/src/svg-http-view/svg.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useMemo } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { isHttpUri } from '@flatbiz/utils';\nimport './style.less';\nexport type SvgHttpViewProps = {\n /**\n * svg地址\n * ```\n * 1. 可传http绝对路径\n * 2. 可传ionic组图标,例如:ionic/alarm-outline\n * 3. 可传lucide组图标,例如:lucide/crosshair\n *\n * 查询ionic、lucide图标 https://fex.qa.tcshuke.com/docs/admin/resources/icons\n * ```\n */\n svgPath: string;\n /** 默认:20px */\n width?: number;\n /** 默认:20px */\n height?: number;\n /** svg 颜色, 默认:#555 */\n color?: string;\n onClick?: (e) => void;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * http svg地址解析,可自定义颜色\n * ```\n * 1. 内置ionic、lucide组图标基础路径\n * 2. 可传自定义http绝对路径svg数据\n * 3.\n * ```\n */\nexport const SvgHttpView = (props: SvgHttpViewProps) => {\n const {\n color,\n svgPath,\n className,\n height,\n width,\n style,\n onClick,\n ...otherProps\n } = props;\n const colorNew = color || '#555';\n\n const srcLink = isHttpUri(svgPath)\n ? svgPath\n : `https://file.40017.cn/tcsk/alicon/${svgPath}.svg`;\n\n const size = useMemo(() => {\n if (width || height) {\n return { width, height };\n }\n return { width: 20, height: 20 };\n }, [height, width]);\n\n return (\n <div\n {...otherProps}\n onClick={onClick}\n className={classNames('http-svg-view', className)}\n style={{ width: size.width, height: size.height, ...style }}\n >\n <div\n className=\"hsv-content\"\n style={{ filter: `drop-shadow(${colorNew} 200px 0)` }}\n >\n <img src={srcLink} />\n </div>\n </div>\n );\n};\n"],"names":["SvgHttpView","props","color","svgPath","className","height","width","style","onClick","otherProps","_objectWithoutProperties","_excluded","colorNew","srcLink","isHttpUri","concat","size","useMemo","_jsx","_objectSpread","_classNames","children","filter","src"],"mappings":";;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;AACtD,EAAA,IACEC,KAAK,GAQHD,KAAK,CARPC,KAAK;IACLC,OAAO,GAOLF,KAAK,CAPPE,OAAO;IACPC,SAAS,GAMPH,KAAK,CANPG,SAAS;IACTC,MAAM,GAKJJ,KAAK,CALPI,MAAM;IACNC,KAAK,GAIHL,KAAK,CAJPK,KAAK;IACLC,KAAK,GAGHN,KAAK,CAHPM,KAAK;IACLC,OAAO,GAELP,KAAK,CAFPO,OAAO;AACJC,IAAAA,UAAU,GAAAC,wBAAA,CACXT,KAAK,EAAAU,SAAA,CAAA;AACT,EAAA,IAAMC,QAAQ,GAAGV,KAAK,IAAI,MAAM;AAEhC,EAAA,IAAMW,OAAO,GAAGC,SAAS,CAACX,OAAO,CAAC,GAC9BA,OAAO,
|
|
1
|
+
{"version":3,"file":"svg-CqFW3W-s.js","sources":["@flatbiz/antd/src/svg-http-view/svg.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useMemo } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { isHttpUri } from '@flatbiz/utils';\nimport './style.less';\nexport type SvgHttpViewProps = {\n /**\n * svg地址\n * ```\n * 1. 可传http绝对路径\n * 2. 可传ionic组图标,例如:ionic/alarm-outline\n * 3. 可传lucide组图标,例如:lucide/crosshair\n *\n * 查询ionic、lucide图标 https://fex.qa.tcshuke.com/docs/admin/resources/icons\n * ```\n */\n svgPath: string;\n /** 默认:20px */\n width?: number;\n /** 默认:20px */\n height?: number;\n /** svg 颜色, 默认:#555 */\n color?: string;\n onClick?: (e) => void;\n className?: string;\n style?: CSSProperties;\n};\n\n/**\n * http svg地址解析,可自定义颜色\n * ```\n * 1. 内置ionic、lucide组图标基础路径\n * 2. 可传自定义http绝对路径svg数据\n * 3.\n * ```\n */\nexport const SvgHttpView = (props: SvgHttpViewProps) => {\n const {\n color,\n svgPath,\n className,\n height,\n width,\n style,\n onClick,\n ...otherProps\n } = props;\n const colorNew = color || '#555';\n\n const srcLink = isHttpUri(svgPath)\n ? svgPath\n : `https://file.40017.cn/tcsk/alicon/${svgPath}.svg`;\n\n const size = useMemo(() => {\n if (width || height) {\n return { width, height };\n }\n return { width: 20, height: 20 };\n }, [height, width]);\n\n return (\n <div\n {...otherProps}\n onClick={onClick}\n className={classNames('http-svg-view', className)}\n style={{ width: size.width, height: size.height, ...style }}\n >\n <div\n className=\"hsv-content\"\n style={{ filter: `drop-shadow(${colorNew} 200px 0)` }}\n >\n <img src={srcLink} />\n </div>\n </div>\n );\n};\n"],"names":["SvgHttpView","props","color","svgPath","className","height","width","style","onClick","otherProps","_objectWithoutProperties","_excluded","colorNew","srcLink","isHttpUri","concat","size","useMemo","_jsx","_objectSpread","_classNames","children","filter","src"],"mappings":";;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;AACtD,EAAA,IACEC,KAAK,GAQHD,KAAK,CARPC,KAAK;IACLC,OAAO,GAOLF,KAAK,CAPPE,OAAO;IACPC,SAAS,GAMPH,KAAK,CANPG,SAAS;IACTC,MAAM,GAKJJ,KAAK,CALPI,MAAM;IACNC,KAAK,GAIHL,KAAK,CAJPK,KAAK;IACLC,KAAK,GAGHN,KAAK,CAHPM,KAAK;IACLC,OAAO,GAELP,KAAK,CAFPO,OAAO;AACJC,IAAAA,UAAU,GAAAC,wBAAA,CACXT,KAAK,EAAAU,SAAA,CAAA;AACT,EAAA,IAAMC,QAAQ,GAAGV,KAAK,IAAI,MAAM;AAEhC,EAAA,IAAMW,OAAO,GAAGC,SAAS,CAACX,OAAO,CAAC,GAC9BA,OAAO,GAAA,oCAAA,CAAAY,MAAA,CAC8BZ,OAAO,EAAA,MAAA,CAAM;AAEtD,EAAA,IAAMa,IAAI,GAAGC,OAAO,CAAC,YAAM;IACzB,IAAIX,KAAK,IAAID,MAAM,EAAE;MACnB,OAAO;AAAEC,QAAAA,KAAK,EAALA,KAAK;AAAED,QAAAA,MAAM,EAANA;OAAQ;AAC1B,IAAA;IACA,OAAO;AAAEC,MAAAA,KAAK,EAAE,EAAE;AAAED,MAAAA,MAAM,EAAE;KAAI;AAClC,EAAA,CAAC,EAAE,CAACA,MAAM,EAAEC,KAAK,CAAC,CAAC;AAEnB,EAAA,oBACEY,GAAA,CAAA,KAAA,EAAAC,cAAA,CAAAA,cAAA,KACMV,UAAU,CAAA,EAAA,EAAA,EAAA;AACdD,IAAAA,OAAO,EAAEA,OAAQ;AACjBJ,IAAAA,SAAS,EAAEgB,UAAA,CAAW,eAAe,EAAEhB,SAAS,CAAE;AAClDG,IAAAA,KAAK,EAAAY,cAAA,CAAA;MAAIb,KAAK,EAAEU,IAAI,CAACV,KAAK;MAAED,MAAM,EAAEW,IAAI,CAACX;AAAM,KAAA,EAAKE,KAAK,CAAG;AAAAc,IAAAA,QAAA,eAE5DH,GAAA,CAAA,KAAA,EAAA;AACEd,MAAAA,SAAS,EAAC,aAAa;AACvBG,MAAAA,KAAK,EAAE;QAAEe,MAAM,EAAA,cAAA,CAAAP,MAAA,CAAiBH,QAAQ,EAAA,WAAA;OAAc;AAAAS,MAAAA,QAAA,eAEtDH,GAAA,CAAA,KAAA,EAAA;AAAKK,QAAAA,GAAG,EAAEV;OAAU;KACjB;AAAC,GAAA,CACH,CAAC;AAEV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-confirm-wrapper-CFFD0YJY.js","sources":["@flatbiz/antd/src/switch-confirm-wrapper/switch-confirm-wrapper.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport type { PopconfirmProps, SwitchProps } from 'antd';\nimport { message, Popconfirm, Switch } from 'antd';\nimport type { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\nexport type SwitchConfirmWrapperValue = string | number | boolean;\nexport type SwitchConfirmWrapperProps = Omit<\n SwitchProps,\n 'defaultChecked' | 'onChange'\n> & {\n value?: SwitchConfirmWrapperValue;\n checkedValue: SwitchConfirmWrapperValue;\n unCheckedValue: SwitchConfirmWrapperValue;\n needConfirm?: 'close' | 'open' | 'all' | 'none';\n noMessage?: boolean;\n onChange?: (value: SwitchConfirmWrapperValue) => void;\n popConfirmProps?:\n | Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>\n | ((\n checked?: boolean\n ) => Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>);\n serviceConfig?: {\n onRequest: (value: SwitchConfirmWrapperValue) => TAny;\n message?: {\n success?: string;\n defaultError?: string;\n };\n };\n};\n\n/**\n *\n * @description switch 切换时做二次pop提醒, 非可控组件【内部控制】\n * @param props\n * @param value\n * @param checkedValue:选中状态值\n * @param unCheckedValue:非选中状态值\n * @param needConfirm:二次pop拦截时机 可不传\n * close:switch 由开启转换成关闭时pop弹出\n * open:switch 由开启转换成开启时pop弹出\n * all:switch 一直pop\n * none:switch 不弹出\n * @param noMessage:不采用内置message提示\n * @param onChange:switch 有效切换回掉\n * @param popConfirmProps:popConfirm中参数 disabled title description\n * @param serviceConfig onRequest\n * @field onRequest 请求函数\n * @field message message配置 success defaultError\n * ```\n * 1. 单独使用\n * <SwitchConfirmWrapper\n * value={value}\n * checkedValue={'1'}\n * unCheckedValue={'2'}\n * serviceConfig={{\n * onRequest: async () => {\n * await sleep(2000);\n * },\n * }}\n * needConfirm={'all'}\n * popConfirmProps={{\n * title: '确定要开启吗?',\n * }}\n * onChange={(value) => {\n * setValue(value as string);\n * }}\n * />\n *\n * 2. 与Form.Item结合使用\n * <Form.Item name=\"open\">\n * <SwitchConfirmWrapper\n * checkedValue={'1'}\n * unCheckedValue={'2'}\n * serviceConfig={{\n * onRequest: async () => {\n * await sleep(2000);\n * },\n * }}\n * needConfirm={'all'}\n * popConfirmProps={{\n * title: '确定要开启吗?',\n * }}\n * />\n * </Form.Item>\n * ```\n */\nexport const SwitchConfirmWrapper = (props: SwitchConfirmWrapperProps) => {\n const {\n popConfirmProps,\n needConfirm,\n checkedValue,\n unCheckedValue,\n onChange,\n value,\n serviceConfig,\n noMessage,\n ...otherProps\n } = props;\n const popConfirmPropsFt = useMemo(() => {\n if (typeof popConfirmProps === 'function') {\n return popConfirmProps(value === checkedValue);\n }\n return popConfirmProps;\n }, [checkedValue, popConfirmProps, value]);\n const [isCheked, setIsCheked] = useState<boolean>(false);\n const [loading, setLoading] = useState<boolean>(false);\n\n fbaHooks.useEffectCustom(() => {\n setIsCheked(value === checkedValue);\n }, [props.value]);\n\n const showConfirm = useMemo(() => {\n return (\n (needConfirm === 'close' && isCheked) ||\n (needConfirm === 'open' && !isCheked) ||\n !needConfirm ||\n needConfirm === 'all'\n );\n }, [isCheked, needConfirm]);\n\n const onHandleChange = hooks.useCallbackRef(async () => {\n const changeValue = !isCheked ? checkedValue : unCheckedValue;\n if (serviceConfig?.onRequest) {\n try {\n setLoading(true);\n await serviceConfig.onRequest(changeValue);\n setIsCheked(!isCheked);\n onChange?.(changeValue);\n if (!noMessage) {\n void message.success(\n serviceConfig?.message?.success || '状态修改成功!'\n );\n }\n } catch (error: TAny) {\n if (!noMessage) {\n void message.error(\n error?.message ||\n serviceConfig?.message?.defaultError ||\n '状态修改失败!'\n );\n }\n } finally {\n setLoading(false);\n }\n } else {\n setIsCheked(!isCheked);\n onChange?.(changeValue);\n }\n });\n if (showConfirm) {\n return (\n <Popconfirm\n disabled={popConfirmPropsFt?.disabled}\n okButtonProps={{ loading: loading }}\n title={popConfirmPropsFt?.title}\n description={popConfirmPropsFt?.description}\n onConfirm={onHandleChange}\n >\n <Switch checked={isCheked} {...otherProps} />\n </Popconfirm>\n );\n }\n return (\n <Switch\n checked={isCheked}\n loading={loading}\n {...otherProps}\n onChange={onHandleChange}\n />\n );\n};\n"],"names":["SwitchConfirmWrapper","props","popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage","otherProps","_objectWithoutProperties","_excluded","popConfirmPropsFt","useMemo","_useState","useState","_useState2","_slicedToArray","isCheked","setIsCheked","_useState3","_useState4","loading","setLoading","fbaHooks","useEffectCustom","showConfirm","onHandleChange","_hooks","useCallbackRef","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","_jsx","Popconfirm","disabled","okButtonProps","title","description","onConfirm","children","Switch","_objectSpread","checked"],"mappings":";;;;;;;;;;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAgC,EAAK;AACxE,EAAA,IACEC,eAAe,GASbD,KAAK,CATPC,eAAe;IACfC,WAAW,GAQTF,KAAK,CARPE,WAAW;IACXC,YAAY,GAOVH,KAAK,CAPPG,YAAY;IACZC,cAAc,GAMZJ,KAAK,CANPI,cAAc;IACdC,QAAQ,GAKNL,KAAK,CALPK,QAAQ;IACRC,KAAK,GAIHN,KAAK,CAJPM,KAAK;IACLC,aAAa,GAGXP,KAAK,CAHPO,aAAa;IACbC,SAAS,GAEPR,KAAK,CAFPQ,SAAS;AACNC,IAAAA,UAAU,GAAAC,wBAAA,CACXV,KAAK,EAAAW,SAAA,CAAA;AACT,EAAA,IAAMC,iBAAiB,GAAGC,OAAO,CAAC,YAAM;AACtC,IAAA,IAAI,OAAOZ,eAAe,KAAK,UAAU,EAAE;AACzC,MAAA,OAAOA,eAAe,CAACK,KAAK,KAAKH,YAAY,CAAC;AAChD;AACA,IAAA,OAAOF,eAAe;GACvB,EAAE,CAACE,YAAY,EAAEF,eAAe,EAAEK,KAAK,CAAC,CAAC;AAC1C,EAAA,IAAAQ,SAAA,GAAgCC,QAAQ,CAAU,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjDI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAAI,UAAA,GAA8BL,QAAQ,CAAU,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA/CE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;EAE1BG,QAAQ,CAACC,eAAe,CAAC,YAAM;AAC7BN,IAAAA,WAAW,CAACb,KAAK,KAAKH,YAAY,CAAC;AACrC,GAAC,EAAE,CAACH,KAAK,CAACM,KAAK,CAAC,CAAC;AAEjB,EAAA,IAAMoB,WAAW,GAAGb,OAAO,CAAC,YAAM;AAChC,IAAA,OACGX,WAAW,KAAK,OAAO,IAAIgB,QAAQ,IACnChB,WAAW,KAAK,MAAM,IAAI,CAACgB,QAAS,IACrC,CAAChB,WAAW,IACZA,WAAW,KAAK,KAAK;AAEzB,GAAC,EAAE,CAACgB,QAAQ,EAAEhB,WAAW,CAAC,CAAC;AAE3B,EAAA,IAAMyB,cAAc,GAAGC,KAAA,CAAMC,cAAc,CAAC,YAAA;AAAA,IAAA,OAAA,IAAAC,OAAA,CAAA,UAAAC,OAAA,EAAAC,MAAA,EAAA;AAAA,MAAA,IACpCC,WAAuD,EAAAC,qBAAA,EAAAC,sBAAA;AAAvDF,MAAAA,WAAW,GAAG,CAACf,QAAQ,GAAGf,YAAY,GAAGC,cAAc;AAC7D,MAAA,IAAIG,aAAa,KAAbA,IAAAA,IAAAA,aAAa,eAAbA,aAAa,CAAE6B,SAAS,EAAE;QAAA,IAAAC,cAAA,GA5HlC,UAAAC,WAAA,EAAA;UAAA,OAAC,UAAAC,YAAA,EAAkB;YAAnB,IAAI;cAgJIhB,UAAU,CAAC,KAAK,CAAC;cAhJsF,OAAOe,WAAA,IAAUA,WAAA,CAAME,IAAI,CAAC,IAAI,EAAAD,YAAQ,CAAE;aAAhJ,CAAC,OAAAE,QAAA,EAAU;cAAC,OAAOT,MAAA,CAAAS,QAAK,CAAC;AAAA;AAAgI,WAAC,CAAhKC,IAAI,CAAC,IAAI,CAAC;SAAVA,CAAAA,IAAI,CAAC,IAAI,CAAC;AAAb,QAAA,IAAIC,WAAA,GAAJ,YAAA;UAAA,IAAI;AAAA,YAAA,OAAJC,KAAA,CAAGJ,IAAI,CAAA,IAAG,CAAC;WAAF,CAAC,OAAAC,QAAA,EAAU;YAAC,OAAOT,MAAA,CAAAS,QAAK,CAAC;AAAA;SAA/BC,CAAAA,IAAI,CAAC,IAAI,CAAD;AAAX,QAAA,IAAIG,YAAA,GAAA,UAuIWC,KAAW,EAAE;UAvI5B,IAAI;YAwII,IAAI,CAACtC,SAAS,EAAE;AACd,cAAA,KAAKuC,OAAO,CAACD,KAAK,CAChB,CAAAA,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEC,OAAO,MACZxC,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,IAAA,CAAA4B,sBAAA,GAAb5B,aAAa,CAAEwC,OAAO,MAAA,IAAA,IAAAZ,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,sBAAA,CAAwBa,YAAY,CAAA,IACpC,SACJ,CAAC;AACH;AA9IR,YAAA,OAAOX,cAAA,CAAAM,WAAA,CAAA,EAAI;WAAF,CAAC,OAAAF,QAAA,EAAU;AAAC,YAAA,OAAOJ,cAAA,CAAAL,MAAA,CAAA,CAAAS,QAAK,CAAC;AAAA;SAAvB;QA6HL,IAAI;UACFlB,UAAU,CAAC,IAAI,CAAC;AAChB,UAAA,OAAAO,OAAA,CAAAmB,OAAA,CAAM1C,aAAa,CAAC6B,SAAS,CAACH,WAAW,CAAC,CAA1CiB,CAAAA,IAA0C,WAAAC,QAAA,EAAA;YA/HlD,IAAI;cAgIIhC,WAAW,CAAC,CAACD,QAAQ,CAAC;AACtBb,cAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG4B,WAAW,CAAC;cACvB,IAAI,CAACzB,SAAS,EAAE;gBACd,KAAKuC,OAAO,CAACK,OAAO,CAClB,CAAA7C,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,IAAA,CAAA2B,qBAAA,GAAb3B,aAAa,CAAEwC,OAAO,cAAAb,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,qBAAA,CAAwBkB,OAAO,KAAI,SACrC,CAAC;AACH;AAtIR,cAAA,OAAOf,cAAA,CAAAM,WAAA,CAAA,EAAI;aAAF,CAAC,OAAAF,QAAA,EAAU;cAAC,OAAOI,YAAA,CAAAJ,QAAK,CAAC;AAAA;AAAC,WAAA,EAAAI,YAAA,CAAA;SAuI5B,CAAC,OAAOC,KAAW,EAAE;AAAAD,UAAAA,YAAA,CAAbC,KAAW;AAQpB;AAGF,OAAC,MAAM;QACL3B,WAAW,CAAC,CAACD,QAAQ,CAAC;AACtBb,QAAAA,QAAQ,aAARA,QAAQ,KAAA,MAAA,IAARA,QAAQ,CAAG4B,WAAW,CAAC;AAAC,QAAA,OApJ9BW,KAAA,CAAGJ,IAAI,CAAA,IAAG,CAAC;AAqJP;AAAC,MAAA,SAAAI,KAAA,GAAA;AAAA,QAAA,OAAAb,OAAA,EAAA;AAAA;AAAA,KAAA,CAAA;GACD,CAAA;AACF,EAAA,IAAIL,WAAW,EAAE;IACf,oBACE2B,GAAA,CAACC,UAAU,EAAA;AACTC,MAAAA,QAAQ,EAAE3C,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAiB,CAAE2C,QAAS;AACtCC,MAAAA,aAAa,EAAE;AAAElC,QAAAA,OAAO,EAAEA;OAAU;AACpCmC,MAAAA,KAAK,EAAE7C,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAiB,CAAE6C,KAAM;AAChCC,MAAAA,WAAW,EAAE9C,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAiB,CAAE8C,WAAY;AAC5CC,MAAAA,SAAS,EAAEhC,cAAe;AAAAiC,MAAAA,QAAA,eAE1BP,GAAA,CAACQ,MAAM,EAAAC,cAAA,CAAA;AAACC,QAAAA,OAAO,EAAE7C;AAAS,OAAA,EAAKT,UAAU,CAAG;AAAC,KACnC,CAAC;AAEjB;AACA,EAAA,oBACE4C,GAAA,CAACQ,MAAM,EAAAC,cAAA,CAAAA,cAAA,CAAA;AACLC,IAAAA,OAAO,EAAE7C,QAAS;AAClBI,IAAAA,OAAO,EAAEA;AAAQ,GAAA,EACbb,UAAU,CAAA,EAAA,EAAA,EAAA;AACdJ,IAAAA,QAAQ,EAAEsB;AAAe,GAAA,CAC1B,CAAC;AAEN;;;;"}
|
|
1
|
+
{"version":3,"file":"switch-confirm-wrapper-CFFD0YJY.js","sources":["@flatbiz/antd/src/switch-confirm-wrapper/switch-confirm-wrapper.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport type { PopconfirmProps, SwitchProps } from 'antd';\nimport { message, Popconfirm, Switch } from 'antd';\nimport type { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\nexport type SwitchConfirmWrapperValue = string | number | boolean;\nexport type SwitchConfirmWrapperProps = Omit<\n SwitchProps,\n 'defaultChecked' | 'onChange'\n> & {\n value?: SwitchConfirmWrapperValue;\n checkedValue: SwitchConfirmWrapperValue;\n unCheckedValue: SwitchConfirmWrapperValue;\n needConfirm?: 'close' | 'open' | 'all' | 'none';\n noMessage?: boolean;\n onChange?: (value: SwitchConfirmWrapperValue) => void;\n popConfirmProps?:\n | Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>\n | ((\n checked?: boolean\n ) => Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>);\n serviceConfig?: {\n onRequest: (value: SwitchConfirmWrapperValue) => TAny;\n message?: {\n success?: string;\n defaultError?: string;\n };\n };\n};\n\n/**\n *\n * @description switch 切换时做二次pop提醒, 非可控组件【内部控制】\n * @param props\n * @param value\n * @param checkedValue:选中状态值\n * @param unCheckedValue:非选中状态值\n * @param needConfirm:二次pop拦截时机 可不传\n * close:switch 由开启转换成关闭时pop弹出\n * open:switch 由开启转换成开启时pop弹出\n * all:switch 一直pop\n * none:switch 不弹出\n * @param noMessage:不采用内置message提示\n * @param onChange:switch 有效切换回掉\n * @param popConfirmProps:popConfirm中参数 disabled title description\n * @param serviceConfig onRequest\n * @field onRequest 请求函数\n * @field message message配置 success defaultError\n * ```\n * 1. 单独使用\n * <SwitchConfirmWrapper\n * value={value}\n * checkedValue={'1'}\n * unCheckedValue={'2'}\n * serviceConfig={{\n * onRequest: async () => {\n * await sleep(2000);\n * },\n * }}\n * needConfirm={'all'}\n * popConfirmProps={{\n * title: '确定要开启吗?',\n * }}\n * onChange={(value) => {\n * setValue(value as string);\n * }}\n * />\n *\n * 2. 与Form.Item结合使用\n * <Form.Item name=\"open\">\n * <SwitchConfirmWrapper\n * checkedValue={'1'}\n * unCheckedValue={'2'}\n * serviceConfig={{\n * onRequest: async () => {\n * await sleep(2000);\n * },\n * }}\n * needConfirm={'all'}\n * popConfirmProps={{\n * title: '确定要开启吗?',\n * }}\n * />\n * </Form.Item>\n * ```\n */\nexport const SwitchConfirmWrapper = (props: SwitchConfirmWrapperProps) => {\n const {\n popConfirmProps,\n needConfirm,\n checkedValue,\n unCheckedValue,\n onChange,\n value,\n serviceConfig,\n noMessage,\n ...otherProps\n } = props;\n const popConfirmPropsFt = useMemo(() => {\n if (typeof popConfirmProps === 'function') {\n return popConfirmProps(value === checkedValue);\n }\n return popConfirmProps;\n }, [checkedValue, popConfirmProps, value]);\n const [isCheked, setIsCheked] = useState<boolean>(false);\n const [loading, setLoading] = useState<boolean>(false);\n\n fbaHooks.useEffectCustom(() => {\n setIsCheked(value === checkedValue);\n }, [props.value]);\n\n const showConfirm = useMemo(() => {\n return (\n (needConfirm === 'close' && isCheked) ||\n (needConfirm === 'open' && !isCheked) ||\n !needConfirm ||\n needConfirm === 'all'\n );\n }, [isCheked, needConfirm]);\n\n const onHandleChange = hooks.useCallbackRef(async () => {\n const changeValue = !isCheked ? checkedValue : unCheckedValue;\n if (serviceConfig?.onRequest) {\n try {\n setLoading(true);\n await serviceConfig.onRequest(changeValue);\n setIsCheked(!isCheked);\n onChange?.(changeValue);\n if (!noMessage) {\n void message.success(\n serviceConfig?.message?.success || '状态修改成功!'\n );\n }\n } catch (error: TAny) {\n if (!noMessage) {\n void message.error(\n error?.message ||\n serviceConfig?.message?.defaultError ||\n '状态修改失败!'\n );\n }\n } finally {\n setLoading(false);\n }\n } else {\n setIsCheked(!isCheked);\n onChange?.(changeValue);\n }\n });\n if (showConfirm) {\n return (\n <Popconfirm\n disabled={popConfirmPropsFt?.disabled}\n okButtonProps={{ loading: loading }}\n title={popConfirmPropsFt?.title}\n description={popConfirmPropsFt?.description}\n onConfirm={onHandleChange}\n >\n <Switch checked={isCheked} {...otherProps} />\n </Popconfirm>\n );\n }\n return (\n <Switch\n checked={isCheked}\n loading={loading}\n {...otherProps}\n onChange={onHandleChange}\n />\n );\n};\n"],"names":["SwitchConfirmWrapper","props","popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage","otherProps","_objectWithoutProperties","_excluded","popConfirmPropsFt","useMemo","_useState","useState","_useState2","_slicedToArray","isCheked","setIsCheked","_useState3","_useState4","loading","setLoading","fbaHooks","useEffectCustom","showConfirm","onHandleChange","_hooks","useCallbackRef","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","_jsx","Popconfirm","disabled","okButtonProps","title","description","onConfirm","children","Switch","_objectSpread","checked"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-wrapper-CxGztawn.js","sources":["@flatbiz/antd/src/switch-wrapper/switch-wrapper.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { SwitchProps, TooltipProps } from 'antd';\nimport { message, Switch, Tooltip } from 'antd';\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\n\nexport type SwitchWrapperValue = string | number | boolean;\nexport type SwitchWrapperProps = Omit<\n SwitchProps,\n 'checked' | 'defaultChecked' | 'onChange' | 'value'\n> & {\n value?: SwitchWrapperValue;\n checkedValue: SwitchWrapperValue;\n unCheckedValue: SwitchWrapperValue;\n onChange?: (value: SwitchWrapperValue) => void;\n tooltipProps?: Omit<TooltipProps, 'title'>;\n tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);\n serviceConfig?: {\n onRequest: (value: SwitchWrapperValue) => TAny;\n message?: {\n success?: string;\n defaultError?: string;\n };\n };\n};\n/**\n * 解决Switch只能接收boolean的限制,与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值,不局限于boolean,可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用,不再需要配置 valuePropName\n * <Form.Item name=\"fieldName\">\n * <SwitchWrapper checkedValue={2} unCheckedValue={1} />\n * </Form.Item>\n * 5. 可设置tooltip效果数据显示\n * 6. 可设置 serviceConfig 配置服务调用交互\n * ```\n */\nexport const SwitchWrapper = (props: SwitchWrapperProps) => {\n const {\n checkedValue,\n unCheckedValue,\n onChange,\n value,\n tooltipProps,\n tooltipTitle,\n serviceConfig,\n ...otherProps\n } = props;\n const [loading, setLoading] = useState<boolean>();\n const onChangeHandle = hooks.useCallbackRef(async (checked) => {\n const changeValue = checked ? checkedValue : unCheckedValue;\n if (serviceConfig?.onRequest) {\n try {\n setLoading(true);\n await serviceConfig.onRequest(changeValue);\n onChange?.(changeValue);\n void message.success(\n serviceConfig?.message?.success || '状态修改成功!'\n );\n } catch (error: TAny) {\n void message.error(\n error?.message ||\n serviceConfig?.message?.defaultError ||\n '状态修改失败!'\n );\n } finally {\n setLoading(false);\n }\n } else {\n onChange?.(changeValue);\n }\n });\n\n let tipTitle: string | undefined;\n\n if (typeof tooltipTitle === 'function') {\n tipTitle = tooltipTitle(value);\n } else {\n tipTitle = tooltipTitle;\n }\n\n if (tipTitle) {\n return (\n <Tooltip placement=\"top\" {...tooltipProps} title={tipTitle}>\n <Switch\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n </Tooltip>\n );\n }\n\n return (\n <Switch\n loading={loading}\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["SwitchWrapper","props","checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle","serviceConfig","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","loading","setLoading","onChangeHandle","_hooks","useCallbackRef","checked","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","tipTitle","_jsx","Tooltip","_objectSpread","placement","title","children","Switch","isUndefinedOrNull"],"mappings":";;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;AAC1D,EAAA,IACEC,YAAY,GAQVD,KAAK,CARPC,YAAY;IACZC,cAAc,GAOZF,KAAK,CAPPE,cAAc;IACdC,QAAQ,GAMNH,KAAK,CANPG,QAAQ;IACRC,KAAK,GAKHJ,KAAK,CALPI,KAAK;IACLC,YAAY,GAIVL,KAAK,CAJPK,YAAY;IACZC,YAAY,GAGVN,KAAK,CAHPM,YAAY;IACZC,aAAa,GAEXP,KAAK,CAFPO,aAAa;AACVC,IAAAA,UAAU,GAAAC,wBAAA,CACXT,KAAK,EAAAU,SAAA,CAAA;AACT,EAAA,IAAAC,SAAA,GAA8BC,QAAQ,EAAW;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAMI,cAAc,GAAGC,KAAA,CAAMC,cAAc,CAAC,UAAOC,OAAO,EAAA;AAAd,IAAA,OAAA,IAAAC,OAAA,CAAA,UAAAC,OAAA,EAAAC,MAAA,EAAA;AAAA,MAAA,IACpCC,WAAqD,EAAAC,qBAAA,EAAAC,sBAAA;AAArDF,MAAAA,WAAW,GAAGJ,OAAO,GAAGnB,YAAY,GAAGC,cAAc;AAC3D,MAAA,IAAIK,aAAa,
|
|
1
|
+
{"version":3,"file":"switch-wrapper-CxGztawn.js","sources":["@flatbiz/antd/src/switch-wrapper/switch-wrapper.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { SwitchProps, TooltipProps } from 'antd';\nimport { message, Switch, Tooltip } from 'antd';\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\n\nexport type SwitchWrapperValue = string | number | boolean;\nexport type SwitchWrapperProps = Omit<\n SwitchProps,\n 'checked' | 'defaultChecked' | 'onChange' | 'value'\n> & {\n value?: SwitchWrapperValue;\n checkedValue: SwitchWrapperValue;\n unCheckedValue: SwitchWrapperValue;\n onChange?: (value: SwitchWrapperValue) => void;\n tooltipProps?: Omit<TooltipProps, 'title'>;\n tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);\n serviceConfig?: {\n onRequest: (value: SwitchWrapperValue) => TAny;\n message?: {\n success?: string;\n defaultError?: string;\n };\n };\n};\n/**\n * 解决Switch只能接收boolean的限制,与Form.Item结合使用最佳\n * ```\n * 1. value 为状态值,不局限于boolean,可以为 [string | number | boolean]\n * 2. checkedValue 选中值\n * 3. unCheckedValue 未选中值\n * 4. 与 Form.Item 结合使用,不再需要配置 valuePropName\n * <Form.Item name=\"fieldName\">\n * <SwitchWrapper checkedValue={2} unCheckedValue={1} />\n * </Form.Item>\n * 5. 可设置tooltip效果数据显示\n * 6. 可设置 serviceConfig 配置服务调用交互\n * ```\n */\nexport const SwitchWrapper = (props: SwitchWrapperProps) => {\n const {\n checkedValue,\n unCheckedValue,\n onChange,\n value,\n tooltipProps,\n tooltipTitle,\n serviceConfig,\n ...otherProps\n } = props;\n const [loading, setLoading] = useState<boolean>();\n const onChangeHandle = hooks.useCallbackRef(async (checked) => {\n const changeValue = checked ? checkedValue : unCheckedValue;\n if (serviceConfig?.onRequest) {\n try {\n setLoading(true);\n await serviceConfig.onRequest(changeValue);\n onChange?.(changeValue);\n void message.success(\n serviceConfig?.message?.success || '状态修改成功!'\n );\n } catch (error: TAny) {\n void message.error(\n error?.message ||\n serviceConfig?.message?.defaultError ||\n '状态修改失败!'\n );\n } finally {\n setLoading(false);\n }\n } else {\n onChange?.(changeValue);\n }\n });\n\n let tipTitle: string | undefined;\n\n if (typeof tooltipTitle === 'function') {\n tipTitle = tooltipTitle(value);\n } else {\n tipTitle = tooltipTitle;\n }\n\n if (tipTitle) {\n return (\n <Tooltip placement=\"top\" {...tooltipProps} title={tipTitle}>\n <Switch\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n </Tooltip>\n );\n }\n\n return (\n <Switch\n loading={loading}\n {...otherProps}\n checked={!isUndefinedOrNull(value) && checkedValue === value}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["SwitchWrapper","props","checkedValue","unCheckedValue","onChange","value","tooltipProps","tooltipTitle","serviceConfig","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","loading","setLoading","onChangeHandle","_hooks","useCallbackRef","checked","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","tipTitle","_jsx","Tooltip","_objectSpread","placement","title","children","Switch","isUndefinedOrNull"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"symbol-DcM8okBP.js","sources":["@flatbiz/antd/src/text-symbol-wrapper/symbol.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { type CSSProperties, type ReactElement, useMemo } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport './style.less';\n\nexport type TextSymbolWrapperProps = {\n className?: string;\n style?: CSSProperties;\n /** 内置图标类型 */\n symbolType?: 'required';\n /** 自定义标记符号,优先级大于 symbolType */\n symbol?: ReactNode;\n /** 标记位置,默认:brefore */\n position?: 'before' | 'after';\n /** 显示文本 */\n text?: string | ReactElement;\n symbolStyle?: CSSProperties;\n onSymbolClick?: (event) => void;\n /** 只隐藏符号,不隐藏文案 */\n hiddenSymbol?: boolean;\n /** 图标与文字之间的间距 */\n gap?: number;\n};\n\n/**\n * 为文字添加符号,例如:必填符号\n * ```\n * 例如: <TextSymbolWrapper text={'用户名'} symbolType=\"required\" />\n * ```\n */\nexport const TextSymbolWrapper = (props: TextSymbolWrapperProps) => {\n const gap = props.gap === undefined ? 3 : props.gap;\n const symbol = useMemo(() => {\n if (props.symbol) {\n return props.symbol;\n }\n if (props.symbolType === 'required') {\n return '*';\n }\n return undefined;\n }, [props.symbolType, props.symbol]);\n\n const position = props.position || 'before';\n\n if (props.hiddenSymbol) {\n return (\n <span\n className={classNames('text-symbol-wrapper', props.className)}\n style={props.style}\n >\n {props.text}\n </span>\n );\n }\n\n const cn = classNames(\n 'text-symbol-wrapper',\n { 'tsw-required': props.symbolType },\n props.className\n );\n\n const hasTextSymbolSyle =\n position === 'before' ? { left: -gap } : { right: -gap };\n const noTextSymbolSyle = position === 'before' ? { left: 0 } : { right: 0 };\n const symbolSyle = props.text ? hasTextSymbolSyle : noTextSymbolSyle;\n return (\n <span className={cn} style={props.style}>\n {symbol ? (\n <span\n className={classNames('tsw-symbol', `tsw-symbol-${position}`)}\n style={{\n ...hasTextSymbolSyle,\n ...symbolSyle,\n }}\n onClick={props.onSymbolClick}\n >\n {symbol}\n </span>\n ) : null}\n\n {props.text}\n </span>\n );\n};\n"],"names":["TextSymbolWrapper","props","gap","undefined","symbol","useMemo","symbolType","position","hiddenSymbol","_jsx","className","_classNames","style","children","text","cn","hasTextSymbolSyle","left","right","noTextSymbolSyle","symbolSyle","_jsxs","concat","_objectSpread","onClick","onSymbolClick"],"mappings":";;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;IACaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAA6B,EAAK;AAClE,EAAA,IAAMC,GAAG,GAAGD,KAAK,CAACC,GAAG,KAAKC,SAAS,GAAG,CAAC,GAAGF,KAAK,CAACC,GAAG;AACnD,EAAA,IAAME,MAAM,GAAGC,OAAO,CAAC,YAAM;IAC3B,IAAIJ,KAAK,CAACG,MAAM,EAAE;MAChB,OAAOH,KAAK,CAACG,MAAM;AACrB;AACA,IAAA,IAAIH,KAAK,CAACK,UAAU,KAAK,UAAU,EAAE;AACnC,MAAA,OAAO,GAAG;AACZ;AACA,IAAA,OAAOH,SAAS;
|
|
1
|
+
{"version":3,"file":"symbol-DcM8okBP.js","sources":["@flatbiz/antd/src/text-symbol-wrapper/symbol.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { type CSSProperties, type ReactElement, useMemo } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport './style.less';\n\nexport type TextSymbolWrapperProps = {\n className?: string;\n style?: CSSProperties;\n /** 内置图标类型 */\n symbolType?: 'required';\n /** 自定义标记符号,优先级大于 symbolType */\n symbol?: ReactNode;\n /** 标记位置,默认:brefore */\n position?: 'before' | 'after';\n /** 显示文本 */\n text?: string | ReactElement;\n symbolStyle?: CSSProperties;\n onSymbolClick?: (event) => void;\n /** 只隐藏符号,不隐藏文案 */\n hiddenSymbol?: boolean;\n /** 图标与文字之间的间距 */\n gap?: number;\n};\n\n/**\n * 为文字添加符号,例如:必填符号\n * ```\n * 例如: <TextSymbolWrapper text={'用户名'} symbolType=\"required\" />\n * ```\n */\nexport const TextSymbolWrapper = (props: TextSymbolWrapperProps) => {\n const gap = props.gap === undefined ? 3 : props.gap;\n const symbol = useMemo(() => {\n if (props.symbol) {\n return props.symbol;\n }\n if (props.symbolType === 'required') {\n return '*';\n }\n return undefined;\n }, [props.symbolType, props.symbol]);\n\n const position = props.position || 'before';\n\n if (props.hiddenSymbol) {\n return (\n <span\n className={classNames('text-symbol-wrapper', props.className)}\n style={props.style}\n >\n {props.text}\n </span>\n );\n }\n\n const cn = classNames(\n 'text-symbol-wrapper',\n { 'tsw-required': props.symbolType },\n props.className\n );\n\n const hasTextSymbolSyle =\n position === 'before' ? { left: -gap } : { right: -gap };\n const noTextSymbolSyle = position === 'before' ? { left: 0 } : { right: 0 };\n const symbolSyle = props.text ? hasTextSymbolSyle : noTextSymbolSyle;\n return (\n <span className={cn} style={props.style}>\n {symbol ? (\n <span\n className={classNames('tsw-symbol', `tsw-symbol-${position}`)}\n style={{\n ...hasTextSymbolSyle,\n ...symbolSyle,\n }}\n onClick={props.onSymbolClick}\n >\n {symbol}\n </span>\n ) : null}\n\n {props.text}\n </span>\n );\n};\n"],"names":["TextSymbolWrapper","props","gap","undefined","symbol","useMemo","symbolType","position","hiddenSymbol","_jsx","className","_classNames","style","children","text","cn","hasTextSymbolSyle","left","right","noTextSymbolSyle","symbolSyle","_jsxs","concat","_objectSpread","onClick","onSymbolClick"],"mappings":";;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;IACaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAA6B,EAAK;AAClE,EAAA,IAAMC,GAAG,GAAGD,KAAK,CAACC,GAAG,KAAKC,SAAS,GAAG,CAAC,GAAGF,KAAK,CAACC,GAAG;AACnD,EAAA,IAAME,MAAM,GAAGC,OAAO,CAAC,YAAM;IAC3B,IAAIJ,KAAK,CAACG,MAAM,EAAE;MAChB,OAAOH,KAAK,CAACG,MAAM;AACrB,IAAA;AACA,IAAA,IAAIH,KAAK,CAACK,UAAU,KAAK,UAAU,EAAE;AACnC,MAAA,OAAO,GAAG;AACZ,IAAA;AACA,IAAA,OAAOH,SAAS;EAClB,CAAC,EAAE,CAACF,KAAK,CAACK,UAAU,EAAEL,KAAK,CAACG,MAAM,CAAC,CAAC;AAEpC,EAAA,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,QAAQ;EAE3C,IAAIN,KAAK,CAACO,YAAY,EAAE;AACtB,IAAA,oBACEC,GAAA,CAAA,MAAA,EAAA;MACEC,SAAS,EAAEC,UAAA,CAAW,qBAAqB,EAAEV,KAAK,CAACS,SAAS,CAAE;MAC9DE,KAAK,EAAEX,KAAK,CAACW,KAAM;MAAAC,QAAA,EAElBZ,KAAK,CAACa;AAAI,KACP,CAAC;AAEX,EAAA;AAEA,EAAA,IAAMC,EAAE,GAAGJ,UAAA,CACT,qBAAqB,EACrB;IAAE,cAAc,EAAEV,KAAK,CAACK;AAAW,GAAC,EACpCL,KAAK,CAACS,SACR,CAAC;AAED,EAAA,IAAMM,iBAAiB,GACrBT,QAAQ,KAAK,QAAQ,GAAG;AAAEU,IAAAA,IAAI,EAAE,CAACf;AAAI,GAAC,GAAG;AAAEgB,IAAAA,KAAK,EAAE,CAAChB;GAAK;AAC1D,EAAA,IAAMiB,gBAAgB,GAAGZ,QAAQ,KAAK,QAAQ,GAAG;AAAEU,IAAAA,IAAI,EAAE;AAAE,GAAC,GAAG;AAAEC,IAAAA,KAAK,EAAE;GAAG;EAC3E,IAAME,UAAU,GAAGnB,KAAK,CAACa,IAAI,GAAGE,iBAAiB,GAAGG,gBAAgB;AACpE,EAAA,oBACEE,IAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAEK,EAAG;IAACH,KAAK,EAAEX,KAAK,CAACW,KAAM;IAAAC,QAAA,EAAA,CACrCT,MAAM,gBACLK,GAAA,CAAA,MAAA,EAAA;MACEC,SAAS,EAAEC,UAAA,CAAW,YAAY,gBAAAW,MAAA,CAAgBf,QAAQ,CAAE,CAAE;MAC9DK,KAAK,EAAAW,cAAA,CAAAA,cAAA,KACAP,iBAAiB,CAAA,EACjBI,UAAU,CACb;MACFI,OAAO,EAAEvB,KAAK,CAACwB,aAAc;AAAAZ,MAAAA,QAAA,EAE5BT;AAAM,KACH,CAAC,GACL,IAAI,EAEPH,KAAK,CAACa,IAAI;AAAA,GACP,CAAC;AAEX;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DateFormatType, TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
|
|
2
2
|
import { ButtonProps, DropdownProps, FormInstance, ModalProps, PopconfirmProps, SpaceProps } from 'antd';
|
|
3
|
-
import { ConfigProviderProps } from 'antd/
|
|
3
|
+
import { ConfigProviderProps } from 'antd/lib/config-provider/index.js';
|
|
4
4
|
import { CSSProperties, ReactElement, ReactNode } from 'react';
|
|
5
5
|
|
|
6
6
|
export type ButtonWrapperProps = Omit<ButtonProps, "onClick" | "color"> & {
|
|
@@ -199,8 +199,13 @@ export declare const tableCellRender: {
|
|
|
199
199
|
* table 序号展示,如果存在pageSize、pageNo参数可分页展示累加序号,否则每页都从1开始
|
|
200
200
|
* ```
|
|
201
201
|
* render: tableCellRender.serialNumberCell(() => {
|
|
202
|
-
* return {
|
|
202
|
+
* return {
|
|
203
|
+
* pageNo: easyTableApi.getRequestParams().pageNo,
|
|
204
|
+
* pageSize: easyTableApi.getRequestParams().pageSize,
|
|
205
|
+
* }
|
|
203
206
|
* }),
|
|
207
|
+
* 参考:
|
|
208
|
+
* https://gitlab.itcjf.com/flatjs/flat-os/flat-oss-demo/blob/master/src/modules/crud/demo1/home/table.tsx
|
|
204
209
|
* ```
|
|
205
210
|
*/
|
|
206
211
|
serialNumberCell: (method?: () => {
|
|
@@ -7,7 +7,7 @@ import './../tag-list-render/index.css';
|
|
|
7
7
|
import './index.css';
|
|
8
8
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
9
9
|
|
|
10
|
-
export { t as tableCellRender } from '../cell-render-
|
|
10
|
+
export { t as tableCellRender } from '../cell-render-1gunNiMm.js';
|
|
11
11
|
import '@dimjs/lang/is-string';
|
|
12
12
|
import '@dimjs/lang/is-object';
|
|
13
13
|
import '@dimjs/utils/get/get';
|
|
@@ -17,7 +17,7 @@ import '@dimjs/lang/is-empty';
|
|
|
17
17
|
import 'react';
|
|
18
18
|
import 'antd';
|
|
19
19
|
import '@flatbiz/utils';
|
|
20
|
-
import '../button-operate-
|
|
20
|
+
import '../button-operate-BIWXX7to.js';
|
|
21
21
|
import '@ant-design/icons/es/icons/MoreOutlined.js';
|
|
22
22
|
import '@dimjs/lang/is-undefined';
|
|
23
23
|
import '@dimjs/utils/class-names/class-names';
|
|
@@ -54,5 +54,5 @@ import 'react-dom/client';
|
|
|
54
54
|
import 'ahooks';
|
|
55
55
|
import '../flex-layout-BGtMe7zr.js';
|
|
56
56
|
import '@wove/react/create-ctx';
|
|
57
|
-
import '../tag-list-
|
|
57
|
+
import '../tag-list-DrmpuEDJ.js';
|
|
58
58
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-scrollbar-yqz5FkCz.js","sources":["@flatbiz/antd/src/table-scrollbar/table-scrollbar.tsx"],"sourcesContent":["import {\n cloneElement,\n type ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useCreation, useEventListener, useInViewport, useSize } from 'ahooks';\nimport { Affix } from 'antd';\nimport { get } from '@dimjs/utils';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\nconst { useEffectCustom } = fbaHooks;\n\ntype TableScrollProps = {\n children: ReactNode;\n /**\n * y轴的滚动条\n */\n target?: HTMLElement;\n};\n\nconst getParentNodeScroll = (\n parentNode: HTMLElement | null | undefined\n): HTMLElement | undefined => {\n if (!parentNode) return undefined;\n const computedStyle = getComputedStyle(parentNode);\n if (\n computedStyle.overflowY === 'scroll' ||\n computedStyle.overflowY === 'auto'\n ) {\n return parentNode;\n }\n return getParentNodeScroll(parentNode.parentNode as HTMLElement);\n};\n/**\n * 表格x轴浮动滚动条\n * ```\n * 使用方法\n * <TableScrollbar>\n * <Table/>\n * </TableScrollbar>\n * ```\n */\nexport const TableScrollbar = ({\n children,\n target,\n ...props\n}: TableScrollProps) => {\n const summary: any = get(children as any, 'props.summary');\n return cloneElement(children as any, {\n ...props,\n summary: (...args) => (\n <>\n {summary?.(...args)}\n <ScrollbarSummary target={target} />\n </>\n ),\n });\n};\ntype ScrollbarSummaryProps = {\n target?: HTMLElement;\n};\nconst ScrollbarSummary = ({ target }: ScrollbarSummaryProps) => {\n const refScrollBox = useRef<HTMLDivElement>();\n const refScroll = useRef<HTMLDivElement>();\n // 控制滚动条的显示\n const [show, setShow] = useState<boolean>(false);\n // 获取表格和表格包裹框\n const { table, tableBox } = useCreation(() => {\n const getParentTable = (\n parentNode: HTMLElement | null | undefined\n ): HTMLElement | undefined => {\n if (!parentNode) return undefined;\n if (parentNode.nodeName === 'TABLE') {\n return parentNode;\n }\n return getParentTable(parentNode.parentNode as HTMLElement);\n };\n const table = getParentTable(refScrollBox?.current?.parentElement);\n return {\n table,\n tableBox: table?.parentElement,\n };\n }, [refScrollBox.current]);\n // 表格是否显示\n const [inViewport] = useInViewport(table?.querySelector('tbody'));\n\n // 监听左右滚动框的大小变化\n const size = useSize(tableBox);\n // 获取上下滚动事件的滚动条\n const _target = useCreation(() => {\n if (target) return target;\n return getParentNodeScroll(table) || document.body;\n }, [target, table, size]);\n\n useEffectCustom(() => {\n if (show && refScrollBox.current && refScroll.current) {\n if (refScrollBox.current.clientWidth != tableBox?.clientWidth) {\n refScrollBox.current.style.width = `${tableBox?.clientWidth || 0}px`;\n }\n if (refScroll.current.clientWidth != table?.clientWidth) {\n refScroll.current.style.width = `${table?.clientWidth || 0}px`;\n }\n }\n }, [size, show]);\n // 注册原始滚动条事件\n useEventListener(\n 'scroll',\n ({ target }) => {\n if (refScrollBox.current) {\n refScrollBox.current.scrollLeft = target.scrollLeft;\n }\n },\n { target: () => tableBox }\n );\n // 注册原始自定义滚动条时间\n useEventListener(\n 'scroll',\n ({ target }) => {\n if (tableBox) tableBox.scrollLeft = target.scrollLeft;\n },\n { target: refScrollBox }\n );\n\n const [key, setKey] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n useEffect(() => {\n let parentNode = rootRef.current?.parentNode as HTMLElement;\n let inModal = false;\n while (parentNode != null) {\n if (\n parentNode.classList?.contains('ant-modal-content') ||\n parentNode.classList?.contains('ant-drawer-body')\n ) {\n inModal = true;\n break;\n }\n parentNode = parentNode.parentNode as HTMLElement;\n }\n if (inModal) {\n setTimeout(() => {\n setKey(Date.now());\n }, 400);\n } else {\n setKey(Date.now());\n }\n }, []);\n\n return (\n <div className=\"scrollbar-main\" ref={rootRef}>\n {key ? (\n <Affix\n offsetBottom={inViewport ? 13 : 0}\n style={{ opacity: show ? 1 : 0 }}\n onChange={(value) => {\n setShow(!!value);\n }}\n target={() => _target}\n >\n <div ref={refScrollBox as any} className=\"scrollbar-box\">\n <div ref={refScroll as any} style={{ height: 1 }}></div>\n </div>\n </Affix>\n ) : null}\n </div>\n );\n};\n"],"names":["useEffectCustom","fbaHooks","getParentNodeScroll","parentNode","undefined","computedStyle","getComputedStyle","overflowY","TableScrollbar","_ref","children","target","props","_objectWithoutProperties","_excluded","summary","_get","cloneElement","_objectSpread","_len","arguments","length","args","Array","_key","_jsxs","_Fragment","apply","_jsx","ScrollbarSummary","_ref2","refScrollBox","useRef","refScroll","_useState","useState","_useState2","_slicedToArray","show","setShow","_useCreation","useCreation","_refScrollBox$current","getParentTable","nodeName","table","current","parentElement","tableBox","_useInViewport","useInViewport","querySelector","_useInViewport2","inViewport","size","useSize","_target","document","body","clientWidth","style","width","concat","useEventListener","_ref3","scrollLeft","_ref4","_useState3","_useState4","key","setKey","rootRef","useEffect","_rootRef$current","inModal","_parentNode$classList","_parentNode$classList2","classList","contains","setTimeout","Date","now","className","ref","Affix","offsetBottom","opacity","onChange","value","height"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table-scrollbar-yqz5FkCz.js","sources":["@flatbiz/antd/src/table-scrollbar/table-scrollbar.tsx"],"sourcesContent":["import {\n cloneElement,\n type ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useCreation, useEventListener, useInViewport, useSize } from 'ahooks';\nimport { Affix } from 'antd';\nimport { get } from '@dimjs/utils';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\nconst { useEffectCustom } = fbaHooks;\n\ntype TableScrollProps = {\n children: ReactNode;\n /**\n * y轴的滚动条\n */\n target?: HTMLElement;\n};\n\nconst getParentNodeScroll = (\n parentNode: HTMLElement | null | undefined\n): HTMLElement | undefined => {\n if (!parentNode) return undefined;\n const computedStyle = getComputedStyle(parentNode);\n if (\n computedStyle.overflowY === 'scroll' ||\n computedStyle.overflowY === 'auto'\n ) {\n return parentNode;\n }\n return getParentNodeScroll(parentNode.parentNode as HTMLElement);\n};\n/**\n * 表格x轴浮动滚动条\n * ```\n * 使用方法\n * <TableScrollbar>\n * <Table/>\n * </TableScrollbar>\n * ```\n */\nexport const TableScrollbar = ({\n children,\n target,\n ...props\n}: TableScrollProps) => {\n const summary: any = get(children as any, 'props.summary');\n return cloneElement(children as any, {\n ...props,\n summary: (...args) => (\n <>\n {summary?.(...args)}\n <ScrollbarSummary target={target} />\n </>\n ),\n });\n};\ntype ScrollbarSummaryProps = {\n target?: HTMLElement;\n};\nconst ScrollbarSummary = ({ target }: ScrollbarSummaryProps) => {\n const refScrollBox = useRef<HTMLDivElement>();\n const refScroll = useRef<HTMLDivElement>();\n // 控制滚动条的显示\n const [show, setShow] = useState<boolean>(false);\n // 获取表格和表格包裹框\n const { table, tableBox } = useCreation(() => {\n const getParentTable = (\n parentNode: HTMLElement | null | undefined\n ): HTMLElement | undefined => {\n if (!parentNode) return undefined;\n if (parentNode.nodeName === 'TABLE') {\n return parentNode;\n }\n return getParentTable(parentNode.parentNode as HTMLElement);\n };\n const table = getParentTable(refScrollBox?.current?.parentElement);\n return {\n table,\n tableBox: table?.parentElement,\n };\n }, [refScrollBox.current]);\n // 表格是否显示\n const [inViewport] = useInViewport(table?.querySelector('tbody'));\n\n // 监听左右滚动框的大小变化\n const size = useSize(tableBox);\n // 获取上下滚动事件的滚动条\n const _target = useCreation(() => {\n if (target) return target;\n return getParentNodeScroll(table) || document.body;\n }, [target, table, size]);\n\n useEffectCustom(() => {\n if (show && refScrollBox.current && refScroll.current) {\n if (refScrollBox.current.clientWidth != tableBox?.clientWidth) {\n refScrollBox.current.style.width = `${tableBox?.clientWidth || 0}px`;\n }\n if (refScroll.current.clientWidth != table?.clientWidth) {\n refScroll.current.style.width = `${table?.clientWidth || 0}px`;\n }\n }\n }, [size, show]);\n // 注册原始滚动条事件\n useEventListener(\n 'scroll',\n ({ target }) => {\n if (refScrollBox.current) {\n refScrollBox.current.scrollLeft = target.scrollLeft;\n }\n },\n { target: () => tableBox }\n );\n // 注册原始自定义滚动条时间\n useEventListener(\n 'scroll',\n ({ target }) => {\n if (tableBox) tableBox.scrollLeft = target.scrollLeft;\n },\n { target: refScrollBox }\n );\n\n const [key, setKey] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n useEffect(() => {\n let parentNode = rootRef.current?.parentNode as HTMLElement;\n let inModal = false;\n while (parentNode != null) {\n if (\n parentNode.classList?.contains('ant-modal-content') ||\n parentNode.classList?.contains('ant-drawer-body')\n ) {\n inModal = true;\n break;\n }\n parentNode = parentNode.parentNode as HTMLElement;\n }\n if (inModal) {\n setTimeout(() => {\n setKey(Date.now());\n }, 400);\n } else {\n setKey(Date.now());\n }\n }, []);\n\n return (\n <div className=\"scrollbar-main\" ref={rootRef}>\n {key ? (\n <Affix\n offsetBottom={inViewport ? 13 : 0}\n style={{ opacity: show ? 1 : 0 }}\n onChange={(value) => {\n setShow(!!value);\n }}\n target={() => _target}\n >\n <div ref={refScrollBox as any} className=\"scrollbar-box\">\n <div ref={refScroll as any} style={{ height: 1 }}></div>\n </div>\n </Affix>\n ) : null}\n </div>\n );\n};\n"],"names":["useEffectCustom","fbaHooks","getParentNodeScroll","parentNode","undefined","computedStyle","getComputedStyle","overflowY","TableScrollbar","_ref","children","target","props","_objectWithoutProperties","_excluded","summary","_get","cloneElement","_objectSpread","_len","arguments","length","args","Array","_key","_jsxs","_Fragment","apply","_jsx","ScrollbarSummary","_ref2","refScrollBox","useRef","refScroll","_useState","useState","_useState2","_slicedToArray","show","setShow","_useCreation","useCreation","_refScrollBox$current","getParentTable","nodeName","table","current","parentElement","tableBox","_useInViewport","useInViewport","querySelector","_useInViewport2","inViewport","size","useSize","_target","document","body","clientWidth","style","width","concat","useEventListener","_ref3","scrollLeft","_ref4","_useState3","_useState4","key","setKey","rootRef","useEffect","_rootRef$current","inModal","_parentNode$classList","_parentNode$classList2","classList","contains","setTimeout","Date","now","className","ref","Affix","offsetBottom","opacity","onChange","value","height"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-cpy2bCpo.js","sources":["@flatbiz/antd/src/tabs-sticky/tabs.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type ReactElement,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useSize } from 'ahooks';\nimport { Affix, type GetProps, Tabs } from 'antd';\nimport './style.less';\n\ntype TabsType = GetProps<typeof Tabs>;\n\nexport type TabsStickyProps = {\n tabsProps: Omit<TabsType, 'tabPosition'>;\n /** tabs头部布局 */\n headerRender?: ReactElement;\n /** 点击tabItem后,tab跳到顶部吸顶效果;默认值true */\n clickTabToTop?: boolean;\n /** 设置tabItem 内容包裹元素的样式 */\n tabItemContentWrapperStyle?: (key: string) => CSSProperties;\n};\n\n/**\n * Tabs吸顶组件\n * ```\n * 1. 组件根节点设置了 height: 100%、overflow: auto;所以外部包裹元素必须要有高度\n * ```\n */\nexport const TabsSticky = (props: TabsStickyProps) => {\n const tabsProps = props.tabsProps;\n\n const [activeKey, setActiveKey] = useState(tabsProps.defaultActiveKey);\n const headerRef = useRef<HTMLDivElement>(null);\n const affixRef = useRef<any>(null);\n const affixedFlagRef = useRef<boolean>();\n\n const headerSize = useSize(headerRef);\n\n const scollNodeRef = useRef<any>(null);\n\n const scollNodeSize = useSize(scollNodeRef);\n const affixRefSize = useSize(affixRef);\n\n useEffect(() => {\n if (tabsProps.activeKey) {\n setActiveKey(tabsProps.activeKey);\n }\n }, [tabsProps.activeKey]);\n\n const onChange = (activeKey) => {\n if (!tabsProps.activeKey) {\n setActiveKey(activeKey);\n }\n tabsProps.onChange?.(activeKey);\n const top = headerSize?.height || 0;\n if (affixedFlagRef.current) {\n scollNodeRef.current?.scrollTo({\n top,\n });\n } else {\n if (props.clickTabToTop !== false) {\n scollNodeRef.current?.scrollTo({\n top,\n });\n }\n }\n };\n\n const minHeight = (scollNodeSize?.height || 0) - (affixRefSize?.height || 0);\n\n const stickyTabItems = useMemo(() => {\n return tabsProps.items?.map((item) => {\n return {\n ...item,\n children: null,\n };\n });\n }, [tabsProps.items]);\n\n const contentTabItems = useMemo(() => {\n return tabsProps.items?.map((item) => {\n const wrapperStyle = props.tabItemContentWrapperStyle?.(item.key);\n return {\n ...item,\n children: (\n <div\n className=\"tabs-sticky-contents-item\"\n style={{\n minHeight,\n ...wrapperStyle,\n }}\n >\n {item.children}\n </div>\n ),\n };\n });\n }, [tabsProps.items, minHeight, props.tabItemContentWrapperStyle]);\n\n return (\n <div ref={scollNodeRef} style={{ height: '100%', overflowY: 'auto' }}>\n <div ref={headerRef}>{props.headerRender}</div>\n <Affix\n offsetTop={0}\n target={() => scollNodeRef.current as HTMLElement}\n onChange={(affixed) => {\n affixedFlagRef.current = affixed;\n }}\n >\n <div ref={affixRef}>\n <Tabs\n {...tabsProps}\n activeKey={activeKey}\n items={stickyTabItems}\n tabBarStyle={{ ...tabsProps.tabBarStyle, margin: 0 }}\n style={{\n backgroundColor: 'var(--block-bg-color)',\n ...tabsProps.style,\n }}\n onChange={onChange}\n />\n </div>\n </Affix>\n <Tabs\n activeKey={activeKey}\n className=\"tabs-sticky-contents\"\n items={contentTabItems}\n />\n </div>\n );\n};\n"],"names":["TabsSticky","props","tabsProps","_useState","useState","defaultActiveKey","_useState2","_slicedToArray","activeKey","setActiveKey","headerRef","useRef","affixRef","affixedFlagRef","headerSize","useSize","scollNodeRef","scollNodeSize","affixRefSize","useEffect","onChange","_tabsProps$onChange","call","top","height","current","_scollNodeRef$current","scrollTo","clickTabToTop","_scollNodeRef$current2","minHeight","stickyTabItems","useMemo","_tabsProps$items","items","map","item","_objectSpread","children","contentTabItems","_tabsProps$items2","_props$tabItemContent","wrapperStyle","tabItemContentWrapperStyle","key","_jsx","className","style","_jsxs","ref","overflowY","headerRender","Affix","offsetTop","target","affixed","Tabs","tabBarStyle","margin","backgroundColor"],"mappings":";;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;AACpD,EAAA,IAAMC,SAAS,GAAGD,KAAK,CAACC,SAAS;AAEjC,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAACF,SAAS,CAACG,gBAAgB,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA/DK,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAMI,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC;AAC9C,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAAM,IAAI,CAAC;AAClC,EAAA,IAAME,cAAc,GAAGF,MAAM,EAAW;AAExC,EAAA,IAAMG,UAAU,GAAGC,OAAO,CAACL,SAAS,CAAC;AAErC,EAAA,IAAMM,YAAY,GAAGL,MAAM,CAAM,IAAI,CAAC;AAEtC,EAAA,IAAMM,aAAa,GAAGF,OAAO,CAACC,YAAY,CAAC;AAC3C,EAAA,IAAME,YAAY,GAAGH,OAAO,CAACH,QAAQ,CAAC;AAEtCO,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIjB,SAAS,CAACM,SAAS,EAAE;AACvBC,MAAAA,YAAY,CAACP,SAAS,CAACM,SAAS,CAAC;AACnC;AACF,
|
|
1
|
+
{"version":3,"file":"tabs-cpy2bCpo.js","sources":["@flatbiz/antd/src/tabs-sticky/tabs.tsx"],"sourcesContent":["import {\n type CSSProperties,\n type ReactElement,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useSize } from 'ahooks';\nimport { Affix, type GetProps, Tabs } from 'antd';\nimport './style.less';\n\ntype TabsType = GetProps<typeof Tabs>;\n\nexport type TabsStickyProps = {\n tabsProps: Omit<TabsType, 'tabPosition'>;\n /** tabs头部布局 */\n headerRender?: ReactElement;\n /** 点击tabItem后,tab跳到顶部吸顶效果;默认值true */\n clickTabToTop?: boolean;\n /** 设置tabItem 内容包裹元素的样式 */\n tabItemContentWrapperStyle?: (key: string) => CSSProperties;\n};\n\n/**\n * Tabs吸顶组件\n * ```\n * 1. 组件根节点设置了 height: 100%、overflow: auto;所以外部包裹元素必须要有高度\n * ```\n */\nexport const TabsSticky = (props: TabsStickyProps) => {\n const tabsProps = props.tabsProps;\n\n const [activeKey, setActiveKey] = useState(tabsProps.defaultActiveKey);\n const headerRef = useRef<HTMLDivElement>(null);\n const affixRef = useRef<any>(null);\n const affixedFlagRef = useRef<boolean>();\n\n const headerSize = useSize(headerRef);\n\n const scollNodeRef = useRef<any>(null);\n\n const scollNodeSize = useSize(scollNodeRef);\n const affixRefSize = useSize(affixRef);\n\n useEffect(() => {\n if (tabsProps.activeKey) {\n setActiveKey(tabsProps.activeKey);\n }\n }, [tabsProps.activeKey]);\n\n const onChange = (activeKey) => {\n if (!tabsProps.activeKey) {\n setActiveKey(activeKey);\n }\n tabsProps.onChange?.(activeKey);\n const top = headerSize?.height || 0;\n if (affixedFlagRef.current) {\n scollNodeRef.current?.scrollTo({\n top,\n });\n } else {\n if (props.clickTabToTop !== false) {\n scollNodeRef.current?.scrollTo({\n top,\n });\n }\n }\n };\n\n const minHeight = (scollNodeSize?.height || 0) - (affixRefSize?.height || 0);\n\n const stickyTabItems = useMemo(() => {\n return tabsProps.items?.map((item) => {\n return {\n ...item,\n children: null,\n };\n });\n }, [tabsProps.items]);\n\n const contentTabItems = useMemo(() => {\n return tabsProps.items?.map((item) => {\n const wrapperStyle = props.tabItemContentWrapperStyle?.(item.key);\n return {\n ...item,\n children: (\n <div\n className=\"tabs-sticky-contents-item\"\n style={{\n minHeight,\n ...wrapperStyle,\n }}\n >\n {item.children}\n </div>\n ),\n };\n });\n }, [tabsProps.items, minHeight, props.tabItemContentWrapperStyle]);\n\n return (\n <div ref={scollNodeRef} style={{ height: '100%', overflowY: 'auto' }}>\n <div ref={headerRef}>{props.headerRender}</div>\n <Affix\n offsetTop={0}\n target={() => scollNodeRef.current as HTMLElement}\n onChange={(affixed) => {\n affixedFlagRef.current = affixed;\n }}\n >\n <div ref={affixRef}>\n <Tabs\n {...tabsProps}\n activeKey={activeKey}\n items={stickyTabItems}\n tabBarStyle={{ ...tabsProps.tabBarStyle, margin: 0 }}\n style={{\n backgroundColor: 'var(--block-bg-color)',\n ...tabsProps.style,\n }}\n onChange={onChange}\n />\n </div>\n </Affix>\n <Tabs\n activeKey={activeKey}\n className=\"tabs-sticky-contents\"\n items={contentTabItems}\n />\n </div>\n );\n};\n"],"names":["TabsSticky","props","tabsProps","_useState","useState","defaultActiveKey","_useState2","_slicedToArray","activeKey","setActiveKey","headerRef","useRef","affixRef","affixedFlagRef","headerSize","useSize","scollNodeRef","scollNodeSize","affixRefSize","useEffect","onChange","_tabsProps$onChange","call","top","height","current","_scollNodeRef$current","scrollTo","clickTabToTop","_scollNodeRef$current2","minHeight","stickyTabItems","useMemo","_tabsProps$items","items","map","item","_objectSpread","children","contentTabItems","_tabsProps$items2","_props$tabItemContent","wrapperStyle","tabItemContentWrapperStyle","key","_jsx","className","style","_jsxs","ref","overflowY","headerRender","Affix","offsetTop","target","affixed","Tabs","tabBarStyle","margin","backgroundColor"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-wrapper-IxpPTX9z.js","sources":["@flatbiz/antd/src/tabs-wrapper/tabs-wrapper.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TabsProps } from 'antd';\nimport { Tabs } from 'antd';\nimport { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { sessionStorageCache } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport './style.less';\n\nexport type TabsWrapperProps = TabsProps & {\n /**\n * Tabs Header 提供 Sticky 效果,默认值:true\n * @deprecated 已废弃 4.3.0版本移除,请使用 isFixed 属性\n */\n isSticky?: boolean;\n /**\n * Tabs Header 提供 Fixed 效果,默认值:true\n */\n isFixed?: boolean;\n /** 是否取消 active 缓存 */\n cancelActiveCache?: boolean;\n activeCacheKey?: string;\n /** 隐藏头部 */\n hiddenTabHeader?: boolean;\n};\n\n/**\n * Tabs 包装组件\n * ```\n * 1. Tabs Header 提供 Sticky 效果,默认值:true\n * 2. 使用时,父级必须要有高度,可置于Flex布局中\n * 3. 默认缓存激活的tab item(activeKey受控操作下缓存无效)\n * 当未设置activeKey,非受控操作时,组件内部会会话缓存activeKey,在刷新时,会显示上次的激活的tab item\n * 缓存Key:如果未设置 activeCacheKey,则使用默认的 cache key(tabs-wrapper-activeKey)\n * 缓存模式:会话缓存,在浏览器关闭后,会清除\n * ```\n */\nexport const TabsWrapper = (props: TabsWrapperProps) => {\n const {\n isSticky = true,\n isFixed = true,\n activeCacheKey,\n cancelActiveCache,\n hiddenTabHeader,\n ...otherProps\n } = props;\n // 是否受控操作\n const isControl = Object.prototype.hasOwnProperty.call(props, 'activeKey');\n const cacheKey = activeCacheKey || 'tabs-wrapper-activeKey';\n const isFixedNew = isUndefined(isFixed) ? isSticky : isFixed;\n\n const onChange = hooks.useCallbackRef((activeKey: string) => {\n if (cancelActiveCache !== true && !isControl) {\n sessionStorageCache.set(cacheKey, { activeKey });\n }\n otherProps.onChange?.(activeKey);\n });\n\n const defaultActiveKey = useMemo(() => {\n if (cancelActiveCache === true || isControl) {\n return props.defaultActiveKey;\n }\n const chcheActiveKey = sessionStorageCache.get(cacheKey)?.activeKey as\n | string\n | undefined;\n return chcheActiveKey || otherProps.defaultActiveKey;\n }, [\n cacheKey,\n cancelActiveCache,\n isControl,\n otherProps.defaultActiveKey,\n props.defaultActiveKey,\n ]);\n\n const className = classNames(\n 'fba-tabs-wrapper',\n {\n 'fba-tabs-wrapper-fixed': isFixedNew,\n 'fba-tabs-wrapper-hidden-header': hiddenTabHeader,\n },\n otherProps.className\n );\n\n return (\n <Tabs\n {...otherProps}\n className={className}\n defaultActiveKey={defaultActiveKey}\n onChange={onChange}\n />\n );\n};\n"],"names":["TabsWrapper","props","_props$isSticky","isSticky","_props$isFixed","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader","otherProps","_objectWithoutProperties","_excluded","isControl","Object","prototype","hasOwnProperty","call","cacheKey","isFixedNew","_isUndefined","onChange","_hooks","useCallbackRef","activeKey","_otherProps$onChange","sessionStorageCache","set","defaultActiveKey","useMemo","_sessionStorageCache$","chcheActiveKey","get","className","_classNames","_jsx","Tabs","_objectSpread"],"mappings":";;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;AACtD,EAAA,IAAAC,eAAA,GAOID,KAAK,CANPE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,
|
|
1
|
+
{"version":3,"file":"tabs-wrapper-IxpPTX9z.js","sources":["@flatbiz/antd/src/tabs-wrapper/tabs-wrapper.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TabsProps } from 'antd';\nimport { Tabs } from 'antd';\nimport { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { sessionStorageCache } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport './style.less';\n\nexport type TabsWrapperProps = TabsProps & {\n /**\n * Tabs Header 提供 Sticky 效果,默认值:true\n * @deprecated 已废弃 4.3.0版本移除,请使用 isFixed 属性\n */\n isSticky?: boolean;\n /**\n * Tabs Header 提供 Fixed 效果,默认值:true\n */\n isFixed?: boolean;\n /** 是否取消 active 缓存 */\n cancelActiveCache?: boolean;\n activeCacheKey?: string;\n /** 隐藏头部 */\n hiddenTabHeader?: boolean;\n};\n\n/**\n * Tabs 包装组件\n * ```\n * 1. Tabs Header 提供 Sticky 效果,默认值:true\n * 2. 使用时,父级必须要有高度,可置于Flex布局中\n * 3. 默认缓存激活的tab item(activeKey受控操作下缓存无效)\n * 当未设置activeKey,非受控操作时,组件内部会会话缓存activeKey,在刷新时,会显示上次的激活的tab item\n * 缓存Key:如果未设置 activeCacheKey,则使用默认的 cache key(tabs-wrapper-activeKey)\n * 缓存模式:会话缓存,在浏览器关闭后,会清除\n * ```\n */\nexport const TabsWrapper = (props: TabsWrapperProps) => {\n const {\n isSticky = true,\n isFixed = true,\n activeCacheKey,\n cancelActiveCache,\n hiddenTabHeader,\n ...otherProps\n } = props;\n // 是否受控操作\n const isControl = Object.prototype.hasOwnProperty.call(props, 'activeKey');\n const cacheKey = activeCacheKey || 'tabs-wrapper-activeKey';\n const isFixedNew = isUndefined(isFixed) ? isSticky : isFixed;\n\n const onChange = hooks.useCallbackRef((activeKey: string) => {\n if (cancelActiveCache !== true && !isControl) {\n sessionStorageCache.set(cacheKey, { activeKey });\n }\n otherProps.onChange?.(activeKey);\n });\n\n const defaultActiveKey = useMemo(() => {\n if (cancelActiveCache === true || isControl) {\n return props.defaultActiveKey;\n }\n const chcheActiveKey = sessionStorageCache.get(cacheKey)?.activeKey as\n | string\n | undefined;\n return chcheActiveKey || otherProps.defaultActiveKey;\n }, [\n cacheKey,\n cancelActiveCache,\n isControl,\n otherProps.defaultActiveKey,\n props.defaultActiveKey,\n ]);\n\n const className = classNames(\n 'fba-tabs-wrapper',\n {\n 'fba-tabs-wrapper-fixed': isFixedNew,\n 'fba-tabs-wrapper-hidden-header': hiddenTabHeader,\n },\n otherProps.className\n );\n\n return (\n <Tabs\n {...otherProps}\n className={className}\n defaultActiveKey={defaultActiveKey}\n onChange={onChange}\n />\n );\n};\n"],"names":["TabsWrapper","props","_props$isSticky","isSticky","_props$isFixed","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader","otherProps","_objectWithoutProperties","_excluded","isControl","Object","prototype","hasOwnProperty","call","cacheKey","isFixedNew","_isUndefined","onChange","_hooks","useCallbackRef","activeKey","_otherProps$onChange","sessionStorageCache","set","defaultActiveKey","useMemo","_sessionStorageCache$","chcheActiveKey","get","className","_classNames","_jsx","Tabs","_objectSpread"],"mappings":";;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;AACtD,EAAA,IAAAC,eAAA,GAOID,KAAK,CANPE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,eAAA;IAAAE,cAAA,GAMbH,KAAK,CALPI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,cAAA;IACdE,cAAc,GAIZL,KAAK,CAJPK,cAAc;IACdC,iBAAiB,GAGfN,KAAK,CAHPM,iBAAiB;IACjBC,eAAe,GAEbP,KAAK,CAFPO,eAAe;AACZC,IAAAA,UAAU,GAAAC,wBAAA,CACXT,KAAK,EAAAU,SAAA,CAAA;AACT;AACA,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACf,KAAK,EAAE,WAAW,CAAC;AAC1E,EAAA,IAAMgB,QAAQ,GAAGX,cAAc,IAAI,wBAAwB;EAC3D,IAAMY,UAAU,GAAGC,WAAA,CAAYd,OAAO,CAAC,GAAGF,QAAQ,GAAGE,OAAO;EAE5D,IAAMe,QAAQ,GAAGC,KAAA,CAAMC,cAAc,CAAC,UAACC,SAAiB,EAAK;AAAA,IAAA,IAAAC,oBAAA;AAC3D,IAAA,IAAIjB,iBAAiB,KAAK,IAAI,IAAI,CAACK,SAAS,EAAE;AAC5Ca,MAAAA,mBAAmB,CAACC,GAAG,CAACT,QAAQ,EAAE;AAAEM,QAAAA,SAAS,EAATA;AAAU,OAAC,CAAC;AAClD,IAAA;AACA,IAAA,CAAAC,oBAAA,GAAAf,UAAU,CAACW,QAAQ,MAAA,IAAA,IAAAI,oBAAA,KAAA,MAAA,IAAnBA,oBAAA,CAAAR,IAAA,CAAAP,UAAU,EAAYc,SAAS,CAAC;AAClC,EAAA,CAAC,CAAC;AAEF,EAAA,IAAMI,gBAAgB,GAAGC,OAAO,CAAC,YAAM;AAAA,IAAA,IAAAC,qBAAA;AACrC,IAAA,IAAItB,iBAAiB,KAAK,IAAI,IAAIK,SAAS,EAAE;MAC3C,OAAOX,KAAK,CAAC0B,gBAAgB;AAC/B,IAAA;AACA,IAAA,IAAMG,cAAc,GAAA,CAAAD,qBAAA,GAAGJ,mBAAmB,CAACM,GAAG,CAACd,QAAQ,CAAC,MAAA,IAAA,IAAAY,qBAAA,KAAA,MAAA,GAAA,MAAA,GAAjCA,qBAAA,CAAmCN,SAE7C;AACb,IAAA,OAAOO,cAAc,IAAIrB,UAAU,CAACkB,gBAAgB;AACtD,EAAA,CAAC,EAAE,CACDV,QAAQ,EACRV,iBAAiB,EACjBK,SAAS,EACTH,UAAU,CAACkB,gBAAgB,EAC3B1B,KAAK,CAAC0B,gBAAgB,CACvB,CAAC;AAEF,EAAA,IAAMK,SAAS,GAAGC,UAAA,CAChB,kBAAkB,EAClB;AACE,IAAA,wBAAwB,EAAEf,UAAU;AACpC,IAAA,gCAAgC,EAAEV;AACpC,GAAC,EACDC,UAAU,CAACuB,SACb,CAAC;EAED,oBACEE,GAAA,CAACC,IAAI,EAAAC,cAAA,CAAAA,cAAA,KACC3B,UAAU,CAAA,EAAA,EAAA,EAAA;AACduB,IAAAA,SAAS,EAAEA,SAAU;AACrBL,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCP,IAAAA,QAAQ,EAAEA;AAAS,GAAA,CACpB,CAAC;AAEN;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-group-B2oj-CYo.js","sources":["@flatbiz/antd/src/tag-group/tag-group.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { SpaceProps } from 'antd';\nimport { Space, Tag } from 'antd';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\ntype TagGroupDataItem = {\n label: string;\n value: string | number;\n color?: string;\n};\n\nexport type TagGroupProps = {\n dataList: TagGroupDataItem[];\n /**\n * 颜色配置数据,例如:{ 1:'red', 2: 'blue'} key值与 dataList中value相同\n */\n colorMap?: Record<string, string>;\n spaceProps?: SpaceProps;\n};\n\n/**\n * Tag 列表显示\n */\nexport const TagGroup: FC<TagGroupProps> = (props) => {\n const theme = fbaHooks.useThemeToken();\n return (\n <Space wrap size={5} {...props.spaceProps}>\n {props.dataList.map((item, index) => {\n const color =\n item.color || props.colorMap?.[item.value] || theme.colorPrimary;\n return (\n <Tag color={color} key={index}>\n {item.label}\n </Tag>\n );\n })}\n </Space>\n );\n};\n"],"names":["TagGroup","props","theme","fbaHooks","useThemeToken","_jsx","Space","_objectSpread","wrap","size","spaceProps","children","dataList","map","item","index","_props$colorMap","color","colorMap","value","colorPrimary","Tag","label"],"mappings":";;;;;;;AAoBA;AACA;AACA;IACaA,QAA2B,GAAG,SAA9BA,QAA2BA,CAAIC,KAAK,EAAK;AACpD,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,EAAE;AACtC,EAAA,oBACEC,GAAA,CAACC,KAAK,EAAAC,cAAA,CAAAA,cAAA,CAAA;IAACC,IAAI,EAAA,IAAA;AAACC,IAAAA,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"tag-group-B2oj-CYo.js","sources":["@flatbiz/antd/src/tag-group/tag-group.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport type { SpaceProps } from 'antd';\nimport { Space, Tag } from 'antd';\nimport { fbaHooks } from '../fba-hooks/index.js';\n\ntype TagGroupDataItem = {\n label: string;\n value: string | number;\n color?: string;\n};\n\nexport type TagGroupProps = {\n dataList: TagGroupDataItem[];\n /**\n * 颜色配置数据,例如:{ 1:'red', 2: 'blue'} key值与 dataList中value相同\n */\n colorMap?: Record<string, string>;\n spaceProps?: SpaceProps;\n};\n\n/**\n * Tag 列表显示\n */\nexport const TagGroup: FC<TagGroupProps> = (props) => {\n const theme = fbaHooks.useThemeToken();\n return (\n <Space wrap size={5} {...props.spaceProps}>\n {props.dataList.map((item, index) => {\n const color =\n item.color || props.colorMap?.[item.value] || theme.colorPrimary;\n return (\n <Tag color={color} key={index}>\n {item.label}\n </Tag>\n );\n })}\n </Space>\n );\n};\n"],"names":["TagGroup","props","theme","fbaHooks","useThemeToken","_jsx","Space","_objectSpread","wrap","size","spaceProps","children","dataList","map","item","index","_props$colorMap","color","colorMap","value","colorPrimary","Tag","label"],"mappings":";;;;;;;AAoBA;AACA;AACA;IACaA,QAA2B,GAAG,SAA9BA,QAA2BA,CAAIC,KAAK,EAAK;AACpD,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,EAAE;AACtC,EAAA,oBACEC,GAAA,CAACC,KAAK,EAAAC,cAAA,CAAAA,cAAA,CAAA;IAACC,IAAI,EAAA,IAAA;AAACC,IAAAA,IAAI,EAAE;GAAE,EAAKR,KAAK,CAACS,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAC,QAAA,EACtCV,KAAK,CAACW,QAAQ,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AAAA,MAAA,IAAAC,eAAA;MACnC,IAAMC,KAAK,GACTH,IAAI,CAACG,KAAK,KAAA,CAAAD,eAAA,GAAIf,KAAK,CAACiB,QAAQ,cAAAF,eAAA,KAAA,MAAA,GAAA,MAAA,GAAdA,eAAA,CAAiBF,IAAI,CAACK,KAAK,CAAC,CAAA,IAAIjB,KAAK,CAACkB,YAAY;MAClE,oBACEf,GAAA,CAACgB,GAAG,EAAA;AAACJ,QAAAA,KAAK,EAAEA,KAAM;QAAAN,QAAA,EACfG,IAAI,CAACQ;AAAK,OAAA,EADWP,KAEnB,CAAC;IAEV,CAAC;AAAC,GAAA,CACG,CAAC;AAEZ;;;;"}
|
|
@@ -69,8 +69,14 @@ var _TagListRender = function TagListRender(props) {
|
|
|
69
69
|
var popoverTagList = newTagList.length < tagList.length ? props.foldShowAllTag ? tagList : tagList.slice(maxShowCount, tagList.length) : [];
|
|
70
70
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
71
71
|
children: [newTagList.map(function (item, index) {
|
|
72
|
+
var color = item.color;
|
|
73
|
+
if (!color && props.noColorShowTag === false) {
|
|
74
|
+
return /*#__PURE__*/jsx(Fragment, {
|
|
75
|
+
children: item.label
|
|
76
|
+
}, index);
|
|
77
|
+
}
|
|
72
78
|
return /*#__PURE__*/jsx(Tag, {
|
|
73
|
-
color:
|
|
79
|
+
color: color,
|
|
74
80
|
style: index === newTagList.length - 1 ? {
|
|
75
81
|
margin: '0'
|
|
76
82
|
} : {
|
|
@@ -102,4 +108,4 @@ _TagListRender.defaultProps = {
|
|
|
102
108
|
};
|
|
103
109
|
|
|
104
110
|
export { _TagListRender as _ };
|
|
105
|
-
//# sourceMappingURL=tag-list-
|
|
111
|
+
//# sourceMappingURL=tag-list-DrmpuEDJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag-list-DrmpuEDJ.js","sources":["@flatbiz/antd/src/tag-list-render/tag-list.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Fragment, useMemo } from 'react';\nimport { Popover, Tag } from 'antd';\nimport { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\n\nexport type TagListRenderValue = string | number | boolean;\nexport type TagListRenderDataItem = {\n label: string;\n value: TagListRenderValue;\n color?: string;\n};\n\nexport type TagListRenderProps = {\n dataList: TagListRenderDataItem[];\n /** 颜色配置数据,例如:{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */\n colorMap?: Record<string | number, string>;\n value?: TagListRenderValue | TagListRenderValue[];\n /** 是否强制匹配,默认值false */\n forceMatch?: boolean;\n /** 最大显示Tag数量,超出折叠隐藏 */\n maxShowCount?: number;\n /** 触发maxShowCount后,被折叠的内容是否显示完整tag,默认值:false */\n foldShowAllTag?: boolean;\n /** 所有tag背景匹配此颜色,在colorMap为空、dataList中未配置color的情况下有效果 */\n tagColor?: string;\n /** 未匹配到color时,是否显示Tag效果,默认值:true */\n noColorShowTag?: boolean;\n};\n\n/**\n * 在列表数据dataList中通过value匹配数据,以Tag形式展示\n * ```\n * 1. forceMatch: 是否强制匹配(默认值false)\n * - false: 匹配不到显示value值,\n * - true:匹配不到不显示\n * 2. value 与 dataList中label、value任一相等,都可匹配\n *\n * 用法1:\n * <TagListRender\n * dataList=[{ label: '启用', value: 1 }]\n * colorMap={{ 1:'red', 2: 'blue'}}\n * value={1} />\n * =>\n * <Tag color={'red'}>启用</Tag>\n *\n * 用法2\n * <TagListRender\n * dataList=[{ label: '启用', value: 1. color: 'red' }]\n * value=\"启用\" />\n * =>\n * <Tag color={'red'}>启用</Tag>\n * ```\n */\nexport const TagListRender: FC<TagListRenderProps> = (props) => {\n const valueList = toArray<TagListRenderValue>(props.value);\n const maxShowCount = props.maxShowCount || 0;\n const tagList = useMemo(() => {\n if (isUndefinedOrNull(props.value)) {\n return [];\n }\n return valueList\n .map((value) => {\n const target = props.dataList?.find(\n (item) => valueIsEqual(item.value, value) || item.label === value\n );\n if (target) {\n return {\n label: target.label || target.value,\n color: props.colorMap?.[String(target.value)] || target.color,\n value: value,\n };\n }\n if (props.forceMatch) {\n return undefined;\n }\n return { label: `${value}`, color: undefined, value: value };\n })\n .filter(Boolean) as TagListRenderDataItem[];\n }, [\n props.colorMap,\n props.dataList,\n props.forceMatch,\n props.value,\n valueList,\n ]);\n\n if (tagList.length === 0) {\n return <Fragment>{props.value}</Fragment>;\n }\n\n const newTagList = tagList.slice(0, maxShowCount || tagList.length);\n\n const popoverTagList =\n newTagList.length < tagList.length\n ? props.foldShowAllTag\n ? tagList\n : tagList.slice(maxShowCount, tagList.length)\n : [];\n\n return (\n <Fragment>\n {newTagList.map((item, index) => {\n const color = item.color;\n if (!color && props.noColorShowTag === false) {\n return <Fragment key={index}>{item.label}</Fragment>;\n }\n return (\n <Tag\n color={color}\n style={\n index === newTagList.length - 1\n ? { margin: '0' }\n : { marginRight: 5 }\n }\n key={index}\n >\n {item.label}\n </Tag>\n );\n })}\n {popoverTagList.length > 0 ? (\n <Popover\n content={\n <TagListRender\n {...props}\n value={popoverTagList.map((item) => item.value)}\n dataList={popoverTagList}\n maxShowCount={undefined}\n />\n }\n >\n <Tag color=\"blue\" style={{ marginLeft: 5, cursor: 'pointer' }}>\n ...\n </Tag>\n </Popover>\n ) : null}\n </Fragment>\n );\n};\n\nTagListRender.defaultProps = {\n forceMatch: false,\n};\n"],"names":["TagListRender","props","valueList","toArray","value","maxShowCount","tagList","useMemo","isUndefinedOrNull","map","_props$dataList","target","dataList","find","item","valueIsEqual","label","_props$colorMap","color","colorMap","String","forceMatch","undefined","concat","filter","Boolean","length","_jsx","Fragment","children","newTagList","slice","popoverTagList","foldShowAllTag","_jsxs","index","noColorShowTag","Tag","style","margin","marginRight","Popover","content","_TagListRender","_objectSpread","marginLeft","cursor","defaultProps"],"mappings":"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"}
|
|
@@ -19,6 +19,8 @@ export type TagListRenderProps = {
|
|
|
19
19
|
foldShowAllTag?: boolean;
|
|
20
20
|
/** 所有tag背景匹配此颜色,在colorMap为空、dataList中未配置color的情况下有效果 */
|
|
21
21
|
tagColor?: string;
|
|
22
|
+
/** 未匹配到color时,是否显示Tag效果,默认值:true */
|
|
23
|
+
noColorShowTag?: boolean;
|
|
22
24
|
};
|
|
23
25
|
/**
|
|
24
26
|
* 在列表数据dataList中通过value匹配数据,以Tag形式展示
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
4
|
|
|
5
|
-
export { _ as TagListRender } from '../tag-list-
|
|
5
|
+
export { _ as TagListRender } from '../tag-list-DrmpuEDJ.js';
|
|
6
6
|
import '../_rollupPluginBabelHelpers-BspM60Sw.js';
|
|
7
7
|
import 'react';
|
|
8
8
|
import 'antd';
|