@tendaui/react 1.2.4 → 1.3.1
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/es/_chunks/dep--nQ-cjme.js +45 -0
- package/es/_chunks/dep--nQ-cjme.js.map +1 -0
- package/es/_chunks/{dep-DTlQ2dCA.js → dep--qagmRQa.js} +2 -2
- package/es/_chunks/{dep-DTlQ2dCA.js.map → dep--qagmRQa.js.map} +1 -1
- package/es/_chunks/{dep-Dr5wkz0z.js → dep--svkhMCP.js} +12 -12
- package/es/_chunks/{dep-Dr5wkz0z.js.map → dep--svkhMCP.js.map} +1 -1
- package/es/_chunks/{dep-Bjfn7Zv_.js → dep-2HsCYcmp.js} +5 -5
- package/es/_chunks/{dep-Bjfn7Zv_.js.map → dep-2HsCYcmp.js.map} +1 -1
- package/es/_chunks/{dep-CkmtEv0Y.js → dep-B2D1svZy.js} +4 -2
- package/es/_chunks/dep-B2D1svZy.js.map +1 -0
- package/es/_chunks/{dep-BuIAffJt.js → dep-BI5F2D3y.js} +23 -13
- package/es/_chunks/dep-BI5F2D3y.js.map +1 -0
- package/es/_chunks/dep-BK4_iOSv.js +68 -0
- package/es/_chunks/dep-BK4_iOSv.js.map +1 -0
- package/es/_chunks/{dep-BYlJzn45.js → dep-BOj-ayw6.js} +26 -26
- package/es/_chunks/{dep-BYlJzn45.js.map → dep-BOj-ayw6.js.map} +1 -1
- package/es/_chunks/{dep-D68MD94M.js → dep-BZdpKjaa.js} +18 -18
- package/es/_chunks/{dep-D68MD94M.js.map → dep-BZdpKjaa.js.map} +1 -1
- package/es/_chunks/{dep-aX8qrQpB.js → dep-BbOvNxhg.js} +4 -4
- package/es/_chunks/{dep-aX8qrQpB.js.map → dep-BbOvNxhg.js.map} +1 -1
- package/es/_chunks/{dep-oUgTcXgm.js → dep-Blkje0_M.js} +2 -2
- package/es/_chunks/{dep-oUgTcXgm.js.map → dep-Blkje0_M.js.map} +1 -1
- package/es/_chunks/{dep-DJmE940f.js → dep-CHpQ3xhh.js} +2 -2
- package/es/_chunks/dep-CHpQ3xhh.js.map +1 -0
- package/es/_chunks/{dep-DX65P8M9.js → dep-CPjkUfQu.js} +2 -2
- package/es/_chunks/{dep-DX65P8M9.js.map → dep-CPjkUfQu.js.map} +1 -1
- package/es/_chunks/dep-CSzOEACo.js +165 -0
- package/es/_chunks/dep-CSzOEACo.js.map +1 -0
- package/es/_chunks/{dep-CJCt0IS0.js → dep-Cd1UOXnJ.js} +14 -14
- package/es/_chunks/{dep-CJCt0IS0.js.map → dep-Cd1UOXnJ.js.map} +1 -1
- package/es/_chunks/{dep-DQ6kXoi8.js → dep-DHWwZ2Nj.js} +2 -2
- package/es/_chunks/{dep-DQ6kXoi8.js.map → dep-DHWwZ2Nj.js.map} +1 -1
- package/es/_chunks/{dep-Tshfumgl.js → dep-DYFbjXzW.js} +2 -2
- package/es/_chunks/{dep-Tshfumgl.js.map → dep-DYFbjXzW.js.map} +1 -1
- package/es/_chunks/{dep-C_wPqvpm.js → dep-D_qcGLah.js} +2 -2
- package/es/_chunks/{dep-C_wPqvpm.js.map → dep-D_qcGLah.js.map} +1 -1
- package/es/_chunks/{dep-CsSvR9wN.js → dep-DfsP8eqT.js} +21 -21
- package/es/_chunks/{dep-CsSvR9wN.js.map → dep-DfsP8eqT.js.map} +1 -1
- package/es/_chunks/dep-Dl5DFuGU.js +2001 -0
- package/es/_chunks/dep-Dl5DFuGU.js.map +1 -0
- package/es/_chunks/{dep-DURB9x8g.js → dep-Dnwq3YvL.js} +36 -21
- package/es/_chunks/dep-Dnwq3YvL.js.map +1 -0
- package/es/_chunks/{dep-B4_O1Vgv.js → dep-Dr3i7zFt.js} +12 -12
- package/es/_chunks/{dep-B4_O1Vgv.js.map → dep-Dr3i7zFt.js.map} +1 -1
- package/es/_chunks/{dep-CD_4-1Xb.js → dep-UHQn9biR.js} +5 -5
- package/es/_chunks/dep-UHQn9biR.js.map +1 -0
- package/es/_chunks/{dep-ByzdZjUR.js → dep-bWaVq_y3.js} +2 -2
- package/es/_chunks/{dep-ByzdZjUR.js.map → dep-bWaVq_y3.js.map} +1 -1
- package/es/_chunks/{dep-DwWrhxkd.js → dep-grkSd2UB.js} +3 -3
- package/es/_chunks/{dep-DwWrhxkd.js.map → dep-grkSd2UB.js.map} +1 -1
- package/es/_chunks/{dep-CMPsNAXF.js → dep-hCWFQAqL.js} +15 -9
- package/es/_chunks/dep-hCWFQAqL.js.map +1 -0
- package/es/_chunks/{dep-D6YxJv-F.js → dep-spxR0DG0.js} +3 -3
- package/es/_chunks/{dep-D6YxJv-F.js.map → dep-spxR0DG0.js.map} +1 -1
- package/es/_chunks/{dep-gy8uvBaS.js → dep-u1x3x6MJ.js} +2 -2
- package/es/_chunks/{dep-gy8uvBaS.js.map → dep-u1x3x6MJ.js.map} +1 -1
- package/es/alert/Alert.js +25 -24
- package/es/alert/Alert.js.map +1 -1
- package/es/alert/_example/base.js +27 -0
- package/es/alert/_example/base.js.map +1 -0
- package/es/alert/_example/collapse.js +14 -0
- package/es/alert/_example/collapse.js.map +1 -0
- package/es/alert/index.js +6 -5
- package/es/alert/index.js.map +1 -1
- package/es/badge/Badge.js +6 -5
- package/es/badge/Badge.js.map +1 -1
- package/es/badge/_example/base.js +11 -0
- package/es/badge/_example/base.js.map +1 -0
- package/es/badge/_example/count.js +38 -0
- package/es/badge/_example/count.js.map +1 -0
- package/es/badge/_example/custom-color.js +48 -0
- package/es/badge/_example/custom-color.js.map +1 -0
- package/es/badge/_example/dot.js +36 -0
- package/es/badge/_example/dot.js.map +1 -0
- package/es/badge/_example/max-count.js +37 -0
- package/es/badge/_example/max-count.js.map +1 -0
- package/es/badge/_example/offset.js +41 -0
- package/es/badge/_example/offset.js.map +1 -0
- package/es/badge/_example/shape.js +47 -0
- package/es/badge/_example/shape.js.map +1 -0
- package/es/badge/_example/show-zero.js +31 -0
- package/es/badge/_example/show-zero.js.map +1 -0
- package/es/badge/_example/size.js +54 -0
- package/es/badge/_example/size.js.map +1 -0
- package/es/badge/_example/standalone.js +27 -0
- package/es/badge/_example/standalone.js.map +1 -0
- package/es/badge/_example/text-count.js +32 -0
- package/es/badge/_example/text-count.js.map +1 -0
- package/es/badge/_example/with-button.js +33 -0
- package/es/badge/_example/with-button.js.map +1 -0
- package/es/badge/index.js +3 -2
- package/es/badge/index.js.map +1 -1
- package/es/button/Button.js +10 -9
- package/es/button/Button.js.map +1 -1
- package/es/button/__tests__/Button.test.js +54700 -0
- package/es/button/__tests__/Button.test.js.map +1 -0
- package/es/button/_example/base.js +3 -3
- package/es/button/_example/base.js.map +1 -1
- package/es/button/_example/block.js +26 -0
- package/es/button/_example/block.js.map +1 -0
- package/es/button/_example/disabled.js +32 -0
- package/es/button/_example/disabled.js.map +1 -0
- package/es/button/_example/ghost.js +28 -0
- package/es/button/_example/ghost.js.map +1 -0
- package/es/button/_example/icon.js +10 -10
- package/es/button/_example/icon.js.map +1 -1
- package/es/button/_example/link.js +24 -0
- package/es/button/_example/link.js.map +1 -0
- package/es/button/_example/loading.js +28 -0
- package/es/button/_example/loading.js.map +1 -0
- package/es/button/_example/shape.js +31 -0
- package/es/button/_example/shape.js.map +1 -0
- package/es/button/_example/size.js +25 -0
- package/es/button/_example/size.js.map +1 -0
- package/es/button/_example/suffix.js +23 -0
- package/es/button/_example/suffix.js.map +1 -0
- package/es/button/_example/theme.js +25 -0
- package/es/button/_example/theme.js.map +1 -0
- package/es/button/_example/variant-base.js +30 -0
- package/es/button/_example/variant-base.js.map +1 -0
- package/es/button/_example/variant-dashed.js +30 -0
- package/es/button/_example/variant-dashed.js.map +1 -0
- package/es/button/_example/variant-outline.js +30 -0
- package/es/button/_example/variant-outline.js.map +1 -0
- package/es/button/_example/variant-text.js +30 -0
- package/es/button/_example/variant-text.js.map +1 -0
- package/es/button/index.js +5 -4
- package/es/button/index.js.map +1 -1
- package/es/button/style/index.css +3 -3
- package/es/checkbox/Checkbox.js +6 -5
- package/es/checkbox/Checkbox.js.map +1 -1
- package/es/checkbox/CheckboxGroup.js +6 -5
- package/es/checkbox/CheckboxGroup.js.map +1 -1
- package/es/checkbox/_example/base.js +9 -0
- package/es/checkbox/_example/base.js.map +1 -0
- package/es/checkbox/_example/controlled.js +19 -0
- package/es/checkbox/_example/controlled.js.map +1 -0
- package/es/checkbox/_example/group-disabled.js +20 -0
- package/es/checkbox/_example/group-disabled.js.map +1 -0
- package/es/checkbox/_example/group-with-check-all.js +41 -0
- package/es/checkbox/_example/group-with-check-all.js.map +1 -0
- package/es/checkbox/_example/group-with-max.js +34 -0
- package/es/checkbox/_example/group-with-max.js.map +1 -0
- package/es/checkbox/_example/group-with-options.js +40 -0
- package/es/checkbox/_example/group-with-options.js.map +1 -0
- package/es/checkbox/_example/group.js +33 -0
- package/es/checkbox/_example/group.js.map +1 -0
- package/es/checkbox/_example/states.js +27 -0
- package/es/checkbox/_example/states.js.map +1 -0
- package/es/checkbox/index.js +6 -5
- package/es/checkbox/index.js.map +1 -1
- package/es/color-picker/ColorPickPanel.js +76 -12
- package/es/color-picker/ColorPickPanel.js.map +1 -1
- package/es/color-picker/ColorPicker.js +67 -18
- package/es/color-picker/ColorPicker.js.map +1 -1
- package/es/color-picker/_example/base.js +26 -0
- package/es/color-picker/_example/base.js.map +1 -0
- package/es/color-picker/_example/borderless.js +29 -0
- package/es/color-picker/_example/borderless.js.map +1 -0
- package/es/color-picker/_example/clearable.js +29 -0
- package/es/color-picker/_example/clearable.js.map +1 -0
- package/es/color-picker/_example/disabled.js +29 -0
- package/es/color-picker/_example/disabled.js.map +1 -0
- package/es/color-picker/_example/formats.js +79 -0
- package/es/color-picker/_example/formats.js.map +1 -0
- package/es/color-picker/_example/manual-input.js +91 -0
- package/es/color-picker/_example/manual-input.js.map +1 -0
- package/es/color-picker/_example/recent-colors.js +31 -0
- package/es/color-picker/_example/recent-colors.js.map +1 -0
- package/es/color-picker/_example/swatch-colors.js +27 -0
- package/es/color-picker/_example/swatch-colors.js.map +1 -0
- package/es/color-picker/_example/with-alpha.js +35 -0
- package/es/color-picker/_example/with-alpha.js.map +1 -0
- package/es/color-picker/components/panel/alpha.js +5 -4
- package/es/color-picker/components/panel/alpha.js.map +1 -1
- package/es/color-picker/components/panel/format/index.js +25 -23
- package/es/color-picker/components/panel/format/index.js.map +1 -1
- package/es/color-picker/components/panel/format/inputs.js +20 -18
- package/es/color-picker/components/panel/format/inputs.js.map +1 -1
- package/es/color-picker/components/panel/header.js +16 -14
- package/es/color-picker/components/panel/header.js.map +1 -1
- package/es/color-picker/components/panel/hue.js +5 -4
- package/es/color-picker/components/panel/hue.js.map +1 -1
- package/es/color-picker/components/panel/index.js +73 -9
- package/es/color-picker/components/panel/index.js.map +1 -1
- package/es/color-picker/components/panel/saturation.js +6 -5
- package/es/color-picker/components/panel/saturation.js.map +1 -1
- package/es/color-picker/components/panel/slider.js +9 -8
- package/es/color-picker/components/panel/slider.js.map +1 -1
- package/es/color-picker/components/panel/swatches.js +17 -16
- package/es/color-picker/components/panel/swatches.js.map +1 -1
- package/es/color-picker/components/trigger.js +58 -25
- package/es/color-picker/components/trigger.js.map +1 -1
- package/es/color-picker/index.js +63 -20
- package/es/color-picker/index.js.map +1 -1
- package/es/color-picker/utils/color-picker/index.js +4 -67
- package/es/color-picker/utils/color-picker/index.js.map +1 -1
- package/es/common/Check.js +11 -10
- package/es/common/Check.js.map +1 -1
- package/es/common/FakeArrow.js +6 -5
- package/es/common/FakeArrow.js.map +1 -1
- package/es/common/PluginContainer.js +4 -3
- package/es/common/PluginContainer.js.map +1 -1
- package/es/common/Portal.js +3 -2
- package/es/common/Portal.js.map +1 -1
- package/es/config-provider/ConfigContext.js +303 -4
- package/es/config-provider/ConfigContext.js.map +1 -1
- package/es/config-provider/ConfigProvider.js +17 -4
- package/es/config-provider/ConfigProvider.js.map +1 -1
- package/es/config-provider/index.js +2 -1
- package/es/config-provider/index.js.map +1 -1
- package/es/dialog/Dialog.js +19 -18
- package/es/dialog/Dialog.js.map +1 -1
- package/es/dialog/DialogCard.js +8 -7
- package/es/dialog/DialogCard.js.map +1 -1
- package/es/dialog/_example/base.js +32 -0
- package/es/dialog/_example/base.js.map +1 -0
- package/es/dialog/_example/confirm-loading.js +38 -0
- package/es/dialog/_example/confirm-loading.js.map +1 -0
- package/es/dialog/_example/custom-buttons.js +36 -0
- package/es/dialog/_example/custom-buttons.js.map +1 -0
- package/es/dialog/_example/full-screen.js +33 -0
- package/es/dialog/_example/full-screen.js.map +1 -0
- package/es/dialog/_example/hide-buttons.js +50 -0
- package/es/dialog/_example/hide-buttons.js.map +1 -0
- package/es/dialog/_example/modeless.js +30 -0
- package/es/dialog/_example/modeless.js.map +1 -0
- package/es/dialog/_example/placement.js +53 -0
- package/es/dialog/_example/placement.js.map +1 -0
- package/es/dialog/_example/plugin-example.js +81 -0
- package/es/dialog/_example/plugin-example.js.map +1 -0
- package/es/dialog/_example/themes.js +62 -0
- package/es/dialog/_example/themes.js.map +1 -0
- package/es/dialog/index.js +10 -9
- package/es/dialog/index.js.map +1 -1
- package/es/dialog/plugin.js +15 -14
- package/es/dialog/plugin.js.map +1 -1
- package/es/dialog/style/index.css +3 -3
- package/es/drawer/Drawer.js +46 -37
- package/es/drawer/Drawer.js.map +1 -1
- package/es/drawer/_example/custom-header-footer.js +78 -0
- package/es/drawer/_example/custom-header-footer.js.map +1 -0
- package/es/drawer/_example/default.js +61 -0
- package/es/drawer/_example/default.js.map +1 -0
- package/es/drawer/_example/events.js +81 -0
- package/es/drawer/_example/events.js.map +1 -0
- package/es/drawer/_example/no-footer.js +62 -0
- package/es/drawer/_example/no-footer.js.map +1 -0
- package/es/drawer/_example/no-overlay.js +62 -0
- package/es/drawer/_example/no-overlay.js.map +1 -0
- package/es/drawer/_example/placement.js +91 -0
- package/es/drawer/_example/placement.js.map +1 -0
- package/es/drawer/_example/size-draggable.js +65 -0
- package/es/drawer/_example/size-draggable.js.map +1 -0
- package/es/drawer/_example/size.js +96 -0
- package/es/drawer/_example/size.js.map +1 -0
- package/es/drawer/index.js +9 -8
- package/es/drawer/index.js.map +1 -1
- package/es/drawer/style/index.css +4 -4
- package/es/fireworks/Fireworks.js +7 -6
- package/es/fireworks/Fireworks.js.map +1 -1
- package/es/fireworks/index.js +3 -2
- package/es/fireworks/index.js.map +1 -1
- package/es/form/Form.js +26 -173
- package/es/form/Form.js.map +1 -1
- package/es/form/FormContext.js +5 -5
- package/es/form/FormContext.js.map +1 -1
- package/es/form/FormItem.js +12 -11
- package/es/form/FormItem.js.map +1 -1
- package/es/form/FormList.js +2 -2
- package/es/form/FormList.js.map +1 -1
- package/es/form/_example/complex.js +105 -0
- package/es/form/_example/complex.js.map +1 -0
- package/es/form/_example/default.js +87 -0
- package/es/form/_example/default.js.map +1 -0
- package/es/form/_example/disabled.js +40 -0
- package/es/form/_example/disabled.js.map +1 -0
- package/es/form/_example/form-list.js +122 -0
- package/es/form/_example/form-list.js.map +1 -0
- package/es/form/_example/inline-layout.js +32 -0
- package/es/form/_example/inline-layout.js.map +1 -0
- package/es/form/_example/label-align.js +73 -0
- package/es/form/_example/label-align.js.map +1 -0
- package/es/form/_example/methods.js +118 -0
- package/es/form/_example/methods.js.map +1 -0
- package/es/form/_example/validation.js +97 -0
- package/es/form/_example/validation.js.map +1 -0
- package/es/form/hooks/useFormItemStyle.js +5 -4
- package/es/form/hooks/useFormItemStyle.js.map +1 -1
- package/es/form/hooks/useInstance.js +5 -4
- package/es/form/hooks/useInstance.js.map +1 -1
- package/es/form/index.js +22 -17
- package/es/form/index.js.map +1 -1
- package/es/form/style/index.css +6 -6
- package/es/hooks/useDragSorter.js +4 -4
- package/es/hooks/useDragSorter.js.map +1 -1
- package/es/index.js +37 -30
- package/es/index.js.map +1 -1
- package/es/input/Input.js +165 -26
- package/es/input/Input.js.map +1 -1
- package/es/input/InputGroup.js +2 -2
- package/es/input/InputGroup.js.map +1 -1
- package/es/input/_example/auto-width.js +53 -0
- package/es/input/_example/auto-width.js.map +1 -0
- package/es/input/_example/borderless.js +52 -0
- package/es/input/_example/borderless.js.map +1 -0
- package/es/input/_example/clearable.js +54 -0
- package/es/input/_example/clearable.js.map +1 -0
- package/es/input/_example/default.js +37 -0
- package/es/input/_example/default.js.map +1 -0
- package/es/input/_example/disabled-readonly.js +48 -0
- package/es/input/_example/disabled-readonly.js.map +1 -0
- package/es/input/_example/events.js +87 -0
- package/es/input/_example/events.js.map +1 -0
- package/es/input/_example/group.js +47 -0
- package/es/input/_example/group.js.map +1 -0
- package/es/input/_example/label-suffix.js +48 -0
- package/es/input/_example/label-suffix.js.map +1 -0
- package/es/input/_example/max-length.js +44 -0
- package/es/input/_example/max-length.js.map +1 -0
- package/es/input/_example/password.js +43 -0
- package/es/input/_example/password.js.map +1 -0
- package/es/input/_example/sizes.js +47 -0
- package/es/input/_example/sizes.js.map +1 -0
- package/es/input/_example/status.js +55 -0
- package/es/input/_example/status.js.map +1 -0
- package/es/input/_example/text-align.js +50 -0
- package/es/input/_example/text-align.js.map +1 -0
- package/es/input/_example/with-icon.js +48 -0
- package/es/input/_example/with-icon.js.map +1 -0
- package/es/input/index.js +6 -5
- package/es/input/index.js.map +1 -1
- package/es/input/style/index.css +18 -9
- package/es/input-number/InputNumber.js +19 -18
- package/es/input-number/InputNumber.js.map +1 -1
- package/es/input-number/_example/align.js +88 -0
- package/es/input-number/_example/align.js.map +1 -0
- package/es/input-number/_example/auto-width.js +54 -0
- package/es/input-number/_example/auto-width.js.map +1 -0
- package/es/input-number/_example/default.js +55 -0
- package/es/input-number/_example/default.js.map +1 -0
- package/es/input-number/_example/events.js +103 -0
- package/es/input-number/_example/events.js.map +1 -0
- package/es/input-number/_example/format.js +94 -0
- package/es/input-number/_example/format.js.map +1 -0
- package/es/input-number/_example/large-number.js +81 -0
- package/es/input-number/_example/large-number.js.map +1 -0
- package/es/input-number/_example/min-max.js +70 -0
- package/es/input-number/_example/min-max.js.map +1 -0
- package/es/input-number/_example/sizes.js +128 -0
- package/es/input-number/_example/sizes.js.map +1 -0
- package/es/input-number/_example/status.js +175 -0
- package/es/input-number/_example/status.js.map +1 -0
- package/es/input-number/_example/step-and-decimal.js +70 -0
- package/es/input-number/_example/step-and-decimal.js.map +1 -0
- package/es/input-number/_example/themes.js +80 -0
- package/es/input-number/_example/themes.js.map +1 -0
- package/es/input-number/_example/with-suffix.js +74 -0
- package/es/input-number/_example/with-suffix.js.map +1 -0
- package/es/input-number/index.js +9 -8
- package/es/input-number/index.js.map +1 -1
- package/es/input-number/style/index.css +12 -12
- package/es/input-number/useInputNumber.js +5 -4
- package/es/input-number/useInputNumber.js.map +1 -1
- package/es/ip-input/IPInput.js +5 -4
- package/es/ip-input/IPInput.js.map +1 -1
- package/es/ip-input/_example/controlled.js +65 -0
- package/es/ip-input/_example/controlled.js.map +1 -0
- package/es/ip-input/_example/default.js +27 -0
- package/es/ip-input/_example/default.js.map +1 -0
- package/es/ip-input/_example/full-featured.js +48 -0
- package/es/ip-input/_example/full-featured.js.map +1 -0
- package/es/ip-input/_example/ipv6.js +47 -0
- package/es/ip-input/_example/ipv6.js.map +1 -0
- package/es/ip-input/_example/keyboard-navigation.js +46 -0
- package/es/ip-input/_example/keyboard-navigation.js.map +1 -0
- package/es/ip-input/_example/paste-demo.js +54 -0
- package/es/ip-input/_example/paste-demo.js.map +1 -0
- package/es/ip-input/_example/states.js +52 -0
- package/es/ip-input/_example/states.js.map +1 -0
- package/es/ip-input/_example/with-cidr.js +47 -0
- package/es/ip-input/_example/with-cidr.js.map +1 -0
- package/es/ip-input/index.js +5 -4
- package/es/ip-input/index.js.map +1 -1
- package/es/layout/Aside.js +5 -4
- package/es/layout/Aside.js.map +1 -1
- package/es/layout/Layout.js +10 -9
- package/es/layout/Layout.js.map +1 -1
- package/es/layout/_example/combine-left.js +68 -0
- package/es/layout/_example/combine-left.js.map +1 -0
- package/es/layout/_example/combine-right.js +68 -0
- package/es/layout/_example/combine-right.js.map +1 -0
- package/es/layout/_example/custom-aside-width.js +69 -0
- package/es/layout/_example/custom-aside-width.js.map +1 -0
- package/es/layout/_example/custom-height.js +59 -0
- package/es/layout/_example/custom-height.js.map +1 -0
- package/es/layout/_example/double-sidebar.js +72 -0
- package/es/layout/_example/double-sidebar.js.map +1 -0
- package/es/layout/_example/side-navigation-right.js +66 -0
- package/es/layout/_example/side-navigation-right.js.map +1 -0
- package/es/layout/_example/side-navigation.js +66 -0
- package/es/layout/_example/side-navigation.js.map +1 -0
- package/es/layout/_example/top-navigation.js +57 -0
- package/es/layout/_example/top-navigation.js.map +1 -0
- package/es/layout/index.js +4 -3
- package/es/layout/index.js.map +1 -1
- package/es/list/List.js +18 -17
- package/es/list/List.js.map +1 -1
- package/es/list/ListItem.js +7 -6
- package/es/list/ListItem.js.map +1 -1
- package/es/list/ListItemMeta.js +12 -11
- package/es/list/ListItemMeta.js.map +1 -1
- package/es/list/_example/async-loading.js +114 -0
- package/es/list/_example/async-loading.js.map +1 -0
- package/es/list/_example/default.js +62 -0
- package/es/list/_example/default.js.map +1 -0
- package/es/list/_example/header-footer.js +98 -0
- package/es/list/_example/header-footer.js.map +1 -0
- package/es/list/_example/multiline.js +66 -0
- package/es/list/_example/multiline.js.map +1 -0
- package/es/list/_example/scroll-loading.js +133 -0
- package/es/list/_example/scroll-loading.js.map +1 -0
- package/es/list/_example/sizes.js +94 -0
- package/es/list/_example/sizes.js.map +1 -0
- package/es/list/_example/split.js +93 -0
- package/es/list/_example/split.js.map +1 -0
- package/es/list/_example/stripe.js +68 -0
- package/es/list/_example/stripe.js.map +1 -0
- package/es/list/_example/virtual-scroll.js +97 -0
- package/es/list/_example/virtual-scroll.js.map +1 -0
- package/es/list/_example/with-image.js +72 -0
- package/es/list/_example/with-image.js.map +1 -0
- package/es/list/index.js +6 -5
- package/es/list/index.js.map +1 -1
- package/es/list/style/index.css +5 -5
- package/es/loading/Gradient.js +8 -7
- package/es/loading/Gradient.js.map +1 -1
- package/es/loading/Loading.js +14 -13
- package/es/loading/Loading.js.map +1 -1
- package/es/loading/_example/default.js +30 -0
- package/es/loading/_example/default.js.map +1 -0
- package/es/loading/_example/delay.js +70 -0
- package/es/loading/_example/delay.js.map +1 -0
- package/es/loading/_example/fullscreen.js +38 -0
- package/es/loading/_example/fullscreen.js.map +1 -0
- package/es/loading/_example/inherit-color.js +58 -0
- package/es/loading/_example/inherit-color.js.map +1 -0
- package/es/loading/_example/no-overlay.js +28 -0
- package/es/loading/_example/no-overlay.js.map +1 -0
- package/es/loading/_example/sizes.js +84 -0
- package/es/loading/_example/sizes.js.map +1 -0
- package/es/loading/_example/with-text.js +41 -0
- package/es/loading/_example/with-text.js.map +1 -0
- package/es/loading/_example/wrapper.js +41 -0
- package/es/loading/_example/wrapper.js.map +1 -0
- package/es/loading/index.js +4 -3
- package/es/loading/index.js.map +1 -1
- package/es/notification/NotifyContainer.js +7 -6
- package/es/notification/NotifyContainer.js.map +1 -1
- package/es/notification/NotifyContext.js +7 -6
- package/es/notification/NotifyContext.js.map +1 -1
- package/es/notification/NotifyItem.js +20 -19
- package/es/notification/NotifyItem.js.map +1 -1
- package/es/notification/_example/default.js +55 -0
- package/es/notification/_example/default.js.map +1 -0
- package/es/notification/_example/long-content.js +36 -0
- package/es/notification/_example/long-content.js.map +1 -0
- package/es/notification/_example/stacking.js +56 -0
- package/es/notification/_example/stacking.js.map +1 -0
- package/es/notification/_example/types.js +75 -0
- package/es/notification/_example/types.js.map +1 -0
- package/es/notification/_example/usage-example.js +68 -0
- package/es/notification/_example/usage-example.js.map +1 -0
- package/es/notification/index.js +3 -2
- package/es/notification/index.js.map +1 -1
- package/es/notification/style/index.css +4 -4
- package/es/popup/Popup.js +30 -17
- package/es/popup/Popup.js.map +1 -1
- package/es/popup/_example/controlled.js +55 -0
- package/es/popup/_example/controlled.js.map +1 -0
- package/es/popup/_example/custom-content.js +81 -0
- package/es/popup/_example/custom-content.js.map +1 -0
- package/es/popup/_example/default.js +24 -0
- package/es/popup/_example/default.js.map +1 -0
- package/es/popup/_example/delay.js +43 -0
- package/es/popup/_example/delay.js.map +1 -0
- package/es/popup/_example/disabled.js +35 -0
- package/es/popup/_example/disabled.js.map +1 -0
- package/es/popup/_example/no-arrow.js +32 -0
- package/es/popup/_example/no-arrow.js.map +1 -0
- package/es/popup/_example/placements.js +138 -0
- package/es/popup/_example/placements.js.map +1 -0
- package/es/popup/_example/triggers.js +49 -0
- package/es/popup/_example/triggers.js.map +1 -0
- package/es/popup/index.js +5 -4
- package/es/popup/index.js.map +1 -1
- package/es/radio/Radio.js +8 -7
- package/es/radio/Radio.js.map +1 -1
- package/es/radio/RadioGroup.js +8 -7
- package/es/radio/RadioGroup.js.map +1 -1
- package/es/radio/_example/allow-uncheck.js +37 -0
- package/es/radio/_example/allow-uncheck.js.map +1 -0
- package/es/radio/_example/button-style.js +79 -0
- package/es/radio/_example/button-style.js.map +1 -0
- package/es/radio/_example/controlled.js +19 -0
- package/es/radio/_example/controlled.js.map +1 -0
- package/es/radio/_example/default.js +16 -0
- package/es/radio/_example/default.js.map +1 -0
- package/es/radio/_example/group-disabled.js +34 -0
- package/es/radio/_example/group-disabled.js.map +1 -0
- package/es/radio/_example/group-with-options.js +40 -0
- package/es/radio/_example/group-with-options.js.map +1 -0
- package/es/radio/_example/group.js +33 -0
- package/es/radio/_example/group.js.map +1 -0
- package/es/radio/_example/sizes.js +57 -0
- package/es/radio/_example/sizes.js.map +1 -0
- package/es/radio/_example/states.js +25 -0
- package/es/radio/_example/states.js.map +1 -0
- package/es/radio/index.js +8 -7
- package/es/radio/index.js.map +1 -1
- package/es/select/Option.js +10 -9
- package/es/select/Option.js.map +1 -1
- package/es/select/OptionGroup.js +4 -3
- package/es/select/OptionGroup.js.map +1 -1
- package/es/select/PopupContent.js +5 -4
- package/es/select/PopupContent.js.map +1 -1
- package/es/select/Select.js +21 -20
- package/es/select/Select.js.map +1 -1
- package/es/select/_example/collapsed.js +55 -0
- package/es/select/_example/collapsed.js.map +1 -0
- package/es/select/_example/creatable.js +61 -0
- package/es/select/_example/creatable.js.map +1 -0
- package/es/select/_example/custom-content.js +41 -0
- package/es/select/_example/custom-content.js.map +1 -0
- package/es/select/_example/default.js +54 -0
- package/es/select/_example/default.js.map +1 -0
- package/es/select/_example/disabled.js +54 -0
- package/es/select/_example/disabled.js.map +1 -0
- package/es/select/_example/filterable.js +44 -0
- package/es/select/_example/filterable.js.map +1 -0
- package/es/select/_example/group-options.js +57 -0
- package/es/select/_example/group-options.js.map +1 -0
- package/es/select/_example/label-suffix.js +51 -0
- package/es/select/_example/label-suffix.js.map +1 -0
- package/es/select/_example/loading.js +45 -0
- package/es/select/_example/loading.js.map +1 -0
- package/es/select/_example/multiple.js +58 -0
- package/es/select/_example/multiple.js.map +1 -0
- package/es/select/_example/sizes.js +54 -0
- package/es/select/_example/sizes.js.map +1 -0
- package/es/select/_example/status.js +66 -0
- package/es/select/_example/status.js.map +1 -0
- package/es/select/index.js +12 -11
- package/es/select/index.js.map +1 -1
- package/es/select-input/SelectInput.js +14 -13
- package/es/select-input/SelectInput.js.map +1 -1
- package/es/select-input/hook/useMultiple.js +9 -8
- package/es/select-input/hook/useMultiple.js.map +1 -1
- package/es/select-input/hook/useSingle.js +9 -8
- package/es/select-input/hook/useSingle.js.map +1 -1
- package/es/select-input/index.js +8 -7
- package/es/select-input/index.js.map +1 -1
- package/es/slider/Slider.js +37 -27
- package/es/slider/Slider.js.map +1 -1
- package/es/slider/SliderHandleButton.js +3 -3
- package/es/slider/SliderHandleButton.js.map +1 -1
- package/es/slider/_example/custom-label.js +33 -0
- package/es/slider/_example/custom-label.js.map +1 -0
- package/es/slider/_example/default.js +33 -0
- package/es/slider/_example/default.js.map +1 -0
- package/es/slider/_example/disabled.js +38 -0
- package/es/slider/_example/disabled.js.map +1 -0
- package/es/slider/_example/marks.js +61 -0
- package/es/slider/_example/marks.js.map +1 -0
- package/es/slider/_example/range.js +30 -0
- package/es/slider/_example/range.js.map +1 -0
- package/es/slider/_example/step.js +31 -0
- package/es/slider/_example/step.js.map +1 -0
- package/es/slider/_example/vertical.js +67 -0
- package/es/slider/_example/vertical.js.map +1 -0
- package/es/slider/_example/with-input-number.js +55 -0
- package/es/slider/_example/with-input-number.js.map +1 -0
- package/es/slider/index.js +9 -8
- package/es/slider/index.js.map +1 -1
- package/es/slider/style/index.css +8 -8
- package/es/switch/Switch.js +13 -12
- package/es/switch/Switch.js.map +1 -1
- package/es/switch/_example/async-change.js +36 -0
- package/es/switch/_example/async-change.js.map +1 -0
- package/es/switch/_example/before-change.js +31 -0
- package/es/switch/_example/before-change.js.map +1 -0
- package/es/switch/_example/controlled.js +23 -0
- package/es/switch/_example/controlled.js.map +1 -0
- package/es/switch/_example/custom-value.js +50 -0
- package/es/switch/_example/custom-value.js.map +1 -0
- package/es/switch/_example/default.js +11 -0
- package/es/switch/_example/default.js.map +1 -0
- package/es/switch/_example/disabled.js +72 -0
- package/es/switch/_example/disabled.js.map +1 -0
- package/es/switch/_example/loading.js +44 -0
- package/es/switch/_example/loading.js.map +1 -0
- package/es/switch/_example/sizes.js +60 -0
- package/es/switch/_example/sizes.js.map +1 -0
- package/es/switch/_example/with-label.js +54 -0
- package/es/switch/_example/with-label.js.map +1 -0
- package/es/switch/index.js +6 -5
- package/es/switch/index.js.map +1 -1
- package/es/switch/style/index.css +56 -0
- package/es/tab/TabBar.js +8 -7
- package/es/tab/TabBar.js.map +1 -1
- package/es/tab/TabNav.js +12 -11
- package/es/tab/TabNav.js.map +1 -1
- package/es/tab/TabNavItem.js +11 -10
- package/es/tab/TabNavItem.js.map +1 -1
- package/es/tab/TabPanel.js +6 -4
- package/es/tab/TabPanel.js.map +1 -1
- package/es/tab/Tabs.js +20 -19
- package/es/tab/Tabs.js.map +1 -1
- package/es/tab/_example/addable.js +92 -0
- package/es/tab/_example/addable.js.map +1 -0
- package/es/tab/_example/card-theme.js +66 -0
- package/es/tab/_example/card-theme.js.map +1 -0
- package/es/tab/_example/default.js +65 -0
- package/es/tab/_example/default.js.map +1 -0
- package/es/tab/_example/disabled.js +99 -0
- package/es/tab/_example/disabled.js.map +1 -0
- package/es/tab/_example/lazy.js +73 -0
- package/es/tab/_example/lazy.js.map +1 -0
- package/es/tab/_example/placement.js +96 -0
- package/es/tab/_example/placement.js.map +1 -0
- package/es/tab/_example/removable.js +78 -0
- package/es/tab/_example/removable.js.map +1 -0
- package/es/tab/_example/sizes.js +85 -0
- package/es/tab/_example/sizes.js.map +1 -0
- package/es/tab/_example/with-action.js +71 -0
- package/es/tab/_example/with-action.js.map +1 -0
- package/es/tab/index.js +8 -7
- package/es/tab/index.js.map +1 -1
- package/es/tab/style/index.css +8 -8
- package/es/table/Cell.js +10 -11
- package/es/table/Cell.js.map +1 -1
- package/es/table/Ellipsis.js +77 -0
- package/es/table/Ellipsis.js.map +1 -0
- package/es/table/TBody.js +16 -13
- package/es/table/TBody.js.map +1 -1
- package/es/table/THead.js +7 -6
- package/es/table/THead.js.map +1 -1
- package/es/table/TR.js +9 -5
- package/es/table/TR.js.map +1 -1
- package/es/table/Table.js +14 -11
- package/es/table/Table.js.map +1 -1
- package/es/table/_example/alignment.js +96 -0
- package/es/table/_example/alignment.js.map +1 -0
- package/es/table/_example/auto-width.js +90 -0
- package/es/table/_example/auto-width.js.map +1 -0
- package/es/table/_example/bordered-stripe-hover.js +96 -0
- package/es/table/_example/bordered-stripe-hover.js.map +1 -0
- package/es/table/_example/bordered.js +94 -0
- package/es/table/_example/bordered.js.map +1 -0
- package/es/table/_example/cell-click.js +107 -0
- package/es/table/_example/cell-click.js.map +1 -0
- package/es/table/_example/complex.js +131 -0
- package/es/table/_example/complex.js.map +1 -0
- package/es/table/_example/custom-cell.js +115 -0
- package/es/table/_example/custom-cell.js.map +1 -0
- package/es/table/_example/custom-empty.js +64 -0
- package/es/table/_example/custom-empty.js.map +1 -0
- package/es/table/_example/custom-row-class-name.js +105 -0
- package/es/table/_example/custom-row-class-name.js.map +1 -0
- package/es/table/_example/default.js +93 -0
- package/es/table/_example/default.js.map +1 -0
- package/es/table/_example/ellipsis.js +96 -0
- package/es/table/_example/ellipsis.js.map +1 -0
- package/es/table/_example/empty.js +58 -0
- package/es/table/_example/empty.js.map +1 -0
- package/es/table/_example/fixed-width.js +98 -0
- package/es/table/_example/fixed-width.js.map +1 -0
- package/es/table/_example/hover.js +94 -0
- package/es/table/_example/hover.js.map +1 -0
- package/es/table/_example/row-click.js +100 -0
- package/es/table/_example/row-click.js.map +1 -0
- package/es/table/_example/sizes.js +111 -0
- package/es/table/_example/sizes.js.map +1 -0
- package/es/table/_example/stripe.js +94 -0
- package/es/table/_example/stripe.js.map +1 -0
- package/es/table/_example/vertical-align.js +110 -0
- package/es/table/_example/vertical-align.js.map +1 -0
- package/es/table/hooks/index.js +6 -5
- package/es/table/hooks/index.js.map +1 -1
- package/es/table/index.js +6 -3
- package/es/table/index.js.map +1 -1
- package/es/table/style/index.css +11 -10
- package/es/tag/Tag.js +8 -7
- package/es/tag/Tag.js.map +1 -1
- package/es/tag/_example/closable.js +43 -0
- package/es/tag/_example/closable.js.map +1 -0
- package/es/tag/_example/default.js +24 -0
- package/es/tag/_example/default.js.map +1 -0
- package/es/tag/_example/disabled.js +26 -0
- package/es/tag/_example/disabled.js.map +1 -0
- package/es/tag/_example/sizes.js +24 -0
- package/es/tag/_example/sizes.js.map +1 -0
- package/es/tag/_example/variants.js +49 -0
- package/es/tag/_example/variants.js.map +1 -0
- package/es/tag/index.js +4 -3
- package/es/tag/index.js.map +1 -1
- package/es/tag-input/TagInput.js +10 -9
- package/es/tag-input/TagInput.js.map +1 -1
- package/es/tag-input/_example/collapsed.js +39 -0
- package/es/tag-input/_example/collapsed.js.map +1 -0
- package/es/tag-input/_example/controlled-uncontrolled.js +47 -0
- package/es/tag-input/_example/controlled-uncontrolled.js.map +1 -0
- package/es/tag-input/_example/default.js +31 -0
- package/es/tag-input/_example/default.js.map +1 -0
- package/es/tag-input/_example/disabled-readonly.js +50 -0
- package/es/tag-input/_example/disabled-readonly.js.map +1 -0
- package/es/tag-input/_example/events.js +84 -0
- package/es/tag-input/_example/events.js.map +1 -0
- package/es/tag-input/_example/excess-display.js +40 -0
- package/es/tag-input/_example/excess-display.js.map +1 -0
- package/es/tag-input/_example/max-tags.js +36 -0
- package/es/tag-input/_example/max-tags.js.map +1 -0
- package/es/tag-input/_example/sizes.js +51 -0
- package/es/tag-input/_example/sizes.js.map +1 -0
- package/es/tag-input/_example/status.js +49 -0
- package/es/tag-input/_example/status.js.map +1 -0
- package/es/tag-input/_example/with-label.js +31 -0
- package/es/tag-input/_example/with-label.js.map +1 -0
- package/es/tag-input/hooks/useTagList.js +11 -10
- package/es/tag-input/hooks/useTagList.js.map +1 -1
- package/es/tag-input/index.js +7 -6
- package/es/tag-input/index.js.map +1 -1
- package/es/tag-input/useTagList.js +11 -10
- package/es/tag-input/useTagList.js.map +1 -1
- package/es/tooltip/Tooltip.js +100 -0
- package/es/tooltip/Tooltip.js.map +1 -0
- package/es/tooltip/_example/base.js +32 -0
- package/es/tooltip/_example/base.js.map +1 -0
- package/es/tooltip/_example/custom-content.js +62 -0
- package/es/tooltip/_example/custom-content.js.map +1 -0
- package/es/tooltip/_example/placement.js +31 -0
- package/es/tooltip/_example/placement.js.map +1 -0
- package/es/tooltip/_example/theme.js +47 -0
- package/es/tooltip/_example/theme.js.map +1 -0
- package/es/tooltip/index.js +36 -0
- package/es/tooltip/index.js.map +1 -0
- package/es/tooltip/style/index.css +59 -0
- package/es/tooltip/style/index.js +2 -0
- package/es/tooltip/style/index.js.map +1 -0
- package/es/utils/log/index.js.map +1 -1
- package/package.json +3 -3
- package/es/_chunks/dep-5U9UjDaf.js +0 -345
- package/es/_chunks/dep-5U9UjDaf.js.map +0 -1
- package/es/_chunks/dep-BuIAffJt.js.map +0 -1
- package/es/_chunks/dep-CD_4-1Xb.js.map +0 -1
- package/es/_chunks/dep-CMPsNAXF.js.map +0 -1
- package/es/_chunks/dep-CkmtEv0Y.js.map +0 -1
- package/es/_chunks/dep-DJmE940f.js.map +0 -1
- package/es/_chunks/dep-DURB9x8g.js.map +0 -1
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { DialogPlugin, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
function PluginExample() {
|
|
5
|
+
var buttonStyle = {
|
|
6
|
+
marginRight: 16
|
|
7
|
+
};
|
|
8
|
+
var showDialog = function showDialog() {
|
|
9
|
+
var myDialog = DialogPlugin({
|
|
10
|
+
header: "DialogPlugin \u8C03\u7528",
|
|
11
|
+
body: "\u8FD9\u662F\u901A\u8FC7 DialogPlugin \u51FD\u6570\u8C03\u7528\u7684\u5BF9\u8BDD\u6846",
|
|
12
|
+
onConfirm: function onConfirm(_ref) {
|
|
13
|
+
var e = _ref.e;
|
|
14
|
+
console.log("confirm clicked", e);
|
|
15
|
+
myDialog.hide();
|
|
16
|
+
},
|
|
17
|
+
onClose: function onClose(_ref2) {
|
|
18
|
+
var trigger = _ref2.trigger;
|
|
19
|
+
console.log("trigger:", trigger);
|
|
20
|
+
myDialog.hide();
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
var showConfirm = function showConfirm() {
|
|
25
|
+
var confirmDialog = DialogPlugin.confirm({
|
|
26
|
+
header: "\u786E\u8BA4\u64CD\u4F5C",
|
|
27
|
+
body: "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
|
|
28
|
+
confirmBtn: "\u786E\u5B9A",
|
|
29
|
+
cancelBtn: "\u53D6\u6D88",
|
|
30
|
+
onConfirm: function onConfirm() {
|
|
31
|
+
confirmDialog.hide();
|
|
32
|
+
},
|
|
33
|
+
onClose: function onClose() {
|
|
34
|
+
confirmDialog.hide();
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
var showAlert = function showAlert() {
|
|
39
|
+
var alertDialog = DialogPlugin.alert({
|
|
40
|
+
header: "\u63D0\u793A",
|
|
41
|
+
body: "\u8FD9\u662F\u4E00\u6761\u91CD\u8981\u63D0\u793A\u4FE1\u606F\u3002",
|
|
42
|
+
confirmBtn: {
|
|
43
|
+
content: "\u6211\u77E5\u9053\u4E86",
|
|
44
|
+
theme: "primary"
|
|
45
|
+
},
|
|
46
|
+
onConfirm: function onConfirm() {
|
|
47
|
+
alertDialog.hide();
|
|
48
|
+
},
|
|
49
|
+
onClose: function onClose() {
|
|
50
|
+
alertDialog.hide();
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("p", {
|
|
55
|
+
style: {
|
|
56
|
+
marginBottom: "16px",
|
|
57
|
+
color: "#666"
|
|
58
|
+
}
|
|
59
|
+
}, "\u51FD\u6570\u8C03\u7528\u65B9\u5F0F\uFF1ADialogPlugin(options) / DialogPlugin.confirm(options) / DialogPlugin.alert(options)"), /* @__PURE__ */React__default.createElement("div", {
|
|
60
|
+
style: {
|
|
61
|
+
display: "flex",
|
|
62
|
+
flexWrap: "wrap",
|
|
63
|
+
gap: "12px"
|
|
64
|
+
}
|
|
65
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
66
|
+
theme: "primary",
|
|
67
|
+
onClick: showDialog,
|
|
68
|
+
style: buttonStyle
|
|
69
|
+
}, "DialogPlugin"), /* @__PURE__ */React__default.createElement(Button, {
|
|
70
|
+
theme: "primary",
|
|
71
|
+
onClick: showConfirm,
|
|
72
|
+
style: buttonStyle
|
|
73
|
+
}, "DialogPlugin.confirm"), /* @__PURE__ */React__default.createElement(Button, {
|
|
74
|
+
theme: "primary",
|
|
75
|
+
onClick: showAlert,
|
|
76
|
+
style: buttonStyle
|
|
77
|
+
}, "DialogPlugin.alert")));
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
export { PluginExample as default };
|
|
81
|
+
//# sourceMappingURL=plugin-example.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin-example.js","sources":["../../../../components/dialog/_example/plugin-example.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, DialogPlugin } from \"@tendaui/react\";\n\nexport default function PluginExample() {\n const buttonStyle = { marginRight: 16 };\n\n const showDialog = () => {\n const myDialog = DialogPlugin({\n header: \"DialogPlugin 调用\",\n body: \"这是通过 DialogPlugin 函数调用的对话框\",\n onConfirm: ({ e }) => {\n console.log(\"confirm clicked\", e);\n myDialog.hide();\n },\n onClose: ({ trigger }) => {\n console.log(\"trigger:\", trigger);\n myDialog.hide();\n }\n });\n };\n\n const showConfirm = () => {\n const confirmDialog = DialogPlugin.confirm({\n header: \"确认操作\",\n body: \"确定要执行此操作吗?\",\n confirmBtn: \"确定\",\n cancelBtn: \"取消\",\n onConfirm: () => {\n confirmDialog.hide();\n },\n onClose: () => {\n confirmDialog.hide();\n }\n });\n };\n\n const showAlert = () => {\n const alertDialog = DialogPlugin.alert({\n header: \"提示\",\n body: \"这是一条重要提示信息。\",\n confirmBtn: { content: \"我知道了\", theme: \"primary\" },\n onConfirm: () => {\n alertDialog.hide();\n },\n onClose: () => {\n alertDialog.hide();\n }\n });\n };\n\n return (\n <div>\n <p style={{ marginBottom: \"16px\", color: \"#666\" }}>\n 函数调用方式:DialogPlugin(options) / DialogPlugin.confirm(options) / DialogPlugin.alert(options)\n </p>\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"12px\" }}>\n <Button theme=\"primary\" onClick={showDialog} style={buttonStyle}>\n DialogPlugin\n </Button>\n <Button theme=\"primary\" onClick={showConfirm} style={buttonStyle}>\n DialogPlugin.confirm\n </Button>\n <Button theme=\"primary\" onClick={showAlert} style={buttonStyle}>\n DialogPlugin.alert\n </Button>\n </div>\n </div>\n );\n}"],"names":["PluginExample","buttonStyle","marginRight","showDialog","myDialog","DialogPlugin","header","body","onConfirm","_ref","e","console","log","hide","onClose","_ref2","trigger","showConfirm","confirmDialog","confirm","confirmBtn","cancelBtn","showAlert","alertDialog","alert","content","theme","React","createElement","style","marginBottom","color","display","flexWrap","gap","Button","onClick"],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Button, Dialog } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
function Themes() {
|
|
6
|
+
var _useState = useState(false),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
visible = _useState2[0],
|
|
9
|
+
setVisible = _useState2[1];
|
|
10
|
+
var _useState3 = useState("default"),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
theme = _useState4[0],
|
|
13
|
+
setTheme = _useState4[1];
|
|
14
|
+
var openDialog = function openDialog(t) {
|
|
15
|
+
setTheme(t);
|
|
16
|
+
setVisible(true);
|
|
17
|
+
};
|
|
18
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
|
|
19
|
+
style: {
|
|
20
|
+
display: "flex",
|
|
21
|
+
gap: "12px",
|
|
22
|
+
flexWrap: "wrap"
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
25
|
+
onClick: function onClick() {
|
|
26
|
+
return openDialog("default");
|
|
27
|
+
}
|
|
28
|
+
}, "\u9ED8\u8BA4"), /* @__PURE__ */React__default.createElement(Button, {
|
|
29
|
+
theme: "primary",
|
|
30
|
+
onClick: function onClick() {
|
|
31
|
+
return openDialog("info");
|
|
32
|
+
}
|
|
33
|
+
}, "\u4FE1\u606F"), /* @__PURE__ */React__default.createElement(Button, {
|
|
34
|
+
theme: "success",
|
|
35
|
+
onClick: function onClick() {
|
|
36
|
+
return openDialog("success");
|
|
37
|
+
}
|
|
38
|
+
}, "\u6210\u529F"), /* @__PURE__ */React__default.createElement(Button, {
|
|
39
|
+
theme: "warning",
|
|
40
|
+
onClick: function onClick() {
|
|
41
|
+
return openDialog("warning");
|
|
42
|
+
}
|
|
43
|
+
}, "\u8B66\u544A"), /* @__PURE__ */React__default.createElement(Button, {
|
|
44
|
+
theme: "danger",
|
|
45
|
+
onClick: function onClick() {
|
|
46
|
+
return openDialog("danger");
|
|
47
|
+
}
|
|
48
|
+
}, "\u5371\u9669")), /* @__PURE__ */React__default.createElement(Dialog, {
|
|
49
|
+
header: "".concat(theme, " \u4E3B\u9898\u5BF9\u8BDD\u6846"),
|
|
50
|
+
theme: theme,
|
|
51
|
+
visible: visible,
|
|
52
|
+
onClose: function onClose() {
|
|
53
|
+
return setVisible(false);
|
|
54
|
+
},
|
|
55
|
+
onConfirm: function onConfirm() {
|
|
56
|
+
return setVisible(false);
|
|
57
|
+
}
|
|
58
|
+
}, /* @__PURE__ */React__default.createElement("p", null, "\u8FD9\u662F ", theme, " \u4E3B\u9898\u7684\u5BF9\u8BDD\u6846\u3002")));
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
export { Themes as default };
|
|
62
|
+
//# sourceMappingURL=themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../../components/dialog/_example/themes.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Button, Dialog } from \"@tendaui/react\";\n\nexport default function Themes() {\n const [visible, setVisible] = useState(false);\n const [theme, setTheme] = useState(\"default\");\n\n const openDialog = (t) => {\n setTheme(t);\n setVisible(true);\n };\n\n return (\n <>\n <div style={{ display: \"flex\", gap: \"12px\", flexWrap: \"wrap\" }}>\n <Button onClick={() => openDialog(\"default\")}>默认</Button>\n <Button theme=\"primary\" onClick={() => openDialog(\"info\")}>\n 信息\n </Button>\n <Button theme=\"success\" onClick={() => openDialog(\"success\")}>\n 成功\n </Button>\n <Button theme=\"warning\" onClick={() => openDialog(\"warning\")}>\n 警告\n </Button>\n <Button theme=\"danger\" onClick={() => openDialog(\"danger\")}>\n 危险\n </Button>\n </div>\n <Dialog\n header={`${theme} 主题对话框`}\n theme={theme}\n visible={visible}\n onClose={() => setVisible(false)}\n onConfirm={() => setVisible(false)}\n >\n <p>这是 {theme} 主题的对话框。</p>\n </Dialog>\n </>\n );\n}"],"names":["Themes","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","theme","setTheme","openDialog","t","React","createElement","Fragment","style","display","gap","flexWrap","Button","onClick","Dialog","header","concat","onClose","onConfirm"],"mappings":";;;;AAGA,SAAwBA,MAAAA,GAAS;AAC/B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,UAAA,GAA0BL,SAAS,SAAS,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArCE,IAAAA,KAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAOE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMG,UAAA,GAAa,SAAbA,UAAAA,CAAcC,CAAA,EAAM;IACxBF,QAAA,CAASE,CAAC,CAAA;IACVN,UAAA,CAAW,IAAI,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,iBACEF,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIE,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,8CAC1DC,MAAA,EAAA;IAAOC,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,SAAS,CAAA;AAAA,IAAA;GAAA,EAAG,cAAE,CAAA,iBAChDE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOX,IAAAA,KAAA,EAAM,SAAA;IAAUY,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,MAAM;;KAAG,cAE3D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOX,IAAAA,KAAA,EAAM,SAAA;IAAUY,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,SAAS,CAAA;AAAA,IAAA;GAAA,EAAG,cAE9D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOX,IAAAA,KAAA,EAAM;IAAUY,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,SAAS,CAAA;AAAA,IAAA;GAAA,EAAG,cAE9D,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACM;AAAOX,IAAAA,KAAA,EAAM,QAAA;IAASY,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAeV,UAAA,CAAW,QAAQ,CAAA;AAAA,IAAA;GAAA,EAAG,cAE5D,CACF,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AACCC,IAAAA,MAAA,EAAA,EAAA,CAAAC,MAAA,CAAWf,KAAK,EAAA,iCAAA,CAAA;AAChBA,IAAAA,KAAA,EAAAA,KAAA;AACAJ,IAAAA,OAAA,EAAAA,OAAA;IACAoB,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAenB,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA,CAAA;IAC/BoB,SAAA,EAAW,SAAXA,SAAAA,GAAA;MAAA,OAAiBpB,UAAA,CAAW,KAAK,CAAA;AAAA,IAAA;AAAA,GAAA,iBAEjCO,cAAA,CAAAC,aAAA,CAAC,GAAA,EAAA,IAAA,EAAE,eAAA,EAAIL,KAAA,EAAM,6CAAQ,CACvB,CACF,CAAA;AAEJ;;;;"}
|
package/es/dialog/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Dialog$1 from './Dialog.js';
|
|
2
|
-
import { D as DialogCard$1 } from '../_chunks/dep-
|
|
2
|
+
import { D as DialogCard$1 } from '../_chunks/dep-DfsP8eqT.js';
|
|
3
3
|
import { DialogPlugin as DialogPlugin$1 } from './plugin.js';
|
|
4
4
|
import './style/css.js';
|
|
5
5
|
import '../_chunks/dep-Cwish4GD.js';
|
|
@@ -13,11 +13,12 @@ import 'lodash-es';
|
|
|
13
13
|
import '../common/Portal.js';
|
|
14
14
|
import 'react-dom';
|
|
15
15
|
import '../_chunks/dep-DRwijJcv.js';
|
|
16
|
-
import '../_chunks/dep-
|
|
17
|
-
import '../
|
|
16
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
17
|
+
import '../config-provider/ConfigContext.js';
|
|
18
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
18
19
|
import 'dayjs';
|
|
19
20
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
20
|
-
import '../_chunks/dep-
|
|
21
|
+
import '../_chunks/dep-D_qcGLah.js';
|
|
21
22
|
import '../_chunks/dep-DGvfel3I.js';
|
|
22
23
|
import '../_chunks/dep-BbeHB7S3.js';
|
|
23
24
|
import '../_chunks/dep-CgyDw_YI.js';
|
|
@@ -27,17 +28,17 @@ import '../button/Button.js';
|
|
|
27
28
|
import '../loading/index.js';
|
|
28
29
|
import '../loading/Loading.js';
|
|
29
30
|
import '../loading/Gradient.js';
|
|
30
|
-
import '../_chunks/dep-
|
|
31
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
31
32
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
32
33
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
33
34
|
import '../loading/style/css.js';
|
|
34
|
-
import '../_chunks/dep-
|
|
35
|
+
import '../_chunks/dep-spxR0DG0.js';
|
|
35
36
|
import '../button/style/css.js';
|
|
36
|
-
import '../_chunks/dep-
|
|
37
|
-
import '../_chunks/dep-
|
|
37
|
+
import '../_chunks/dep-bWaVq_y3.js';
|
|
38
|
+
import '../_chunks/dep-UHQn9biR.js';
|
|
38
39
|
import '../config-provider/index.js';
|
|
39
40
|
import '../config-provider/ConfigProvider.js';
|
|
40
|
-
import '../_chunks/dep-
|
|
41
|
+
import '../_chunks/dep-CPjkUfQu.js';
|
|
41
42
|
import '../common/PluginContainer.js';
|
|
42
43
|
|
|
43
44
|
var Dialog = Dialog$1;
|
package/es/dialog/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/dialog/index.ts"],"sourcesContent":["import _Dialog from \"./Dialog\";\nimport _DialogCard from \"./DialogCard\";\nimport { DialogPlugin as _DialogPlugin } from \"./plugin\";\nimport \"./style/index.js\";\n\nexport type { DialogProps } from \"./Dialog\";\nexport * from \"./type\";\nexport const Dialog = _Dialog;\nexport const DialogCard = _DialogCard;\n\nexport const dialog = _DialogPlugin;\nexport const DialogPlugin = _DialogPlugin;\nexport default Dialog;\n"],"names":["Dialog","_Dialog","DialogCard","_DialogCard","dialog","_DialogPlugin","DialogPlugin"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/dialog/index.ts"],"sourcesContent":["import _Dialog from \"./Dialog\";\nimport _DialogCard from \"./DialogCard\";\nimport { DialogPlugin as _DialogPlugin } from \"./plugin\";\nimport \"./style/index.js\";\n\nexport type { DialogProps } from \"./Dialog\";\nexport * from \"./type\";\nexport const Dialog = _Dialog;\nexport const DialogCard = _DialogCard;\n\nexport const dialog = _DialogPlugin;\nexport const DialogPlugin = _DialogPlugin;\nexport default Dialog;\n"],"names":["Dialog","_Dialog","DialogCard","_DialogCard","dialog","_DialogPlugin","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;AACf,IAAMC,UAAA,GAAaC;AAEnB,IAAMC,MAAA,GAASC;AACf,IAAMC,YAAA,GAAeD;;;;"}
|
package/es/dialog/plugin.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
|
-
import
|
|
3
|
-
import { _ as _asyncToGenerator, a as _regeneratorRuntime } from '../_chunks/dep-
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { _ as _asyncToGenerator, a as _regeneratorRuntime } from '../_chunks/dep-CPjkUfQu.js';
|
|
4
4
|
import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
|
|
5
5
|
import * as ReactDOM from 'react-dom';
|
|
6
6
|
import Dialog from './Dialog.js';
|
|
@@ -8,17 +8,18 @@ import { getAttach } from '../common/Portal.js';
|
|
|
8
8
|
import PluginContainer from '../common/PluginContainer.js';
|
|
9
9
|
import '../config-provider/index.js';
|
|
10
10
|
import ConfigProvider from '../config-provider/ConfigProvider.js';
|
|
11
|
-
import '../_chunks/dep-
|
|
12
|
-
import 'dayjs';
|
|
11
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
13
12
|
import '../_chunks/dep-CzLhKWCf.js';
|
|
14
13
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
15
14
|
import 'react-transition-group';
|
|
16
15
|
import 'classnames';
|
|
17
16
|
import 'lodash-es';
|
|
18
|
-
import '../_chunks/dep-
|
|
19
|
-
import '../_chunks/dep-
|
|
17
|
+
import '../_chunks/dep-D_qcGLah.js';
|
|
18
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
19
|
+
import '../config-provider/ConfigContext.js';
|
|
20
|
+
import 'dayjs';
|
|
20
21
|
import '../_chunks/dep-DGvfel3I.js';
|
|
21
|
-
import '../_chunks/dep-
|
|
22
|
+
import '../_chunks/dep-DfsP8eqT.js';
|
|
22
23
|
import '@tendaui/icons';
|
|
23
24
|
import '../button/index.js';
|
|
24
25
|
import '../button/Button.js';
|
|
@@ -26,14 +27,14 @@ import '../loading/index.js';
|
|
|
26
27
|
import '../loading/Loading.js';
|
|
27
28
|
import '../_chunks/dep-DRwijJcv.js';
|
|
28
29
|
import '../loading/Gradient.js';
|
|
29
|
-
import '../_chunks/dep-
|
|
30
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
30
31
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
31
32
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
32
33
|
import '../loading/style/css.js';
|
|
33
|
-
import '../_chunks/dep-
|
|
34
|
+
import '../_chunks/dep-spxR0DG0.js';
|
|
34
35
|
import '../button/style/css.js';
|
|
35
|
-
import '../_chunks/dep-
|
|
36
|
-
import '../_chunks/dep-
|
|
36
|
+
import '../_chunks/dep-bWaVq_y3.js';
|
|
37
|
+
import '../_chunks/dep-UHQn9biR.js';
|
|
37
38
|
import '../_chunks/dep-BbeHB7S3.js';
|
|
38
39
|
import '../_chunks/dep-CgyDw_YI.js';
|
|
39
40
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
@@ -134,15 +135,15 @@ function renderAdapter(render2) {
|
|
|
134
135
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
135
136
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
136
137
|
var createDialog = function createDialog(props) {
|
|
137
|
-
var dialogRef = /*#__PURE__*/
|
|
138
|
+
var dialogRef = /*#__PURE__*/React__default.createRef();
|
|
138
139
|
var options = _objectSpread({}, props);
|
|
139
140
|
var _options$visible = options.visible,
|
|
140
141
|
visible = _options$visible === void 0 ? true : _options$visible;
|
|
141
142
|
var fragment = document.createDocumentFragment();
|
|
142
143
|
var dGlobalConfig = ConfigProvider.getGlobalConfig();
|
|
143
|
-
render(/* @__PURE__ */
|
|
144
|
+
render(/* @__PURE__ */React__default.createElement(PluginContainer, {
|
|
144
145
|
globalConfig: dGlobalConfig
|
|
145
|
-
}, /* @__PURE__ */
|
|
146
|
+
}, /* @__PURE__ */React__default.createElement(Dialog, _objectSpread(_objectSpread({}, options), {}, {
|
|
146
147
|
visible: visible,
|
|
147
148
|
ref: dialogRef,
|
|
148
149
|
isPlugin: true
|
package/es/dialog/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","sources":["../../../components/utils/react-render.ts","../../../components/dialog/plugin.tsx"],"sourcesContent":["// Implementation reference from: https://github.com/react-component/util/blob/master/src/React/render.ts\nimport type * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { Root } from \"react-dom/client\";\n\n// Let compiler not to search module usage\nconst fullClone = {\n ...ReactDOM\n} as typeof ReactDOM & {\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?: {\n usingClientEntryPoint?: boolean;\n };\n createRoot?: CreateRoot;\n};\n\ntype CreateRoot = (container: ContainerType) => Root;\n\nconst { version, render: reactRender, unmountComponentAtNode } = fullClone;\n\nlet legacyCreateRoot: CreateRoot;\ntry {\n const mainVersion = Number((version || \"\").split(\".\")[0]);\n if (mainVersion >= 18 && mainVersion < 19) {\n legacyCreateRoot = fullClone.createRoot;\n }\n if (process.env.NODE_ENV !== \"production\" && mainVersion >= 19) {\n console.warn(\n \"TDesign warning: Please import react-19-adapter in React 19, See link: https://github.com/Tencent/tdesign-react/blob/develop/packages/tdesign-react/site/docs/getting-started.md#如何在-react-19-中使用\"\n );\n }\n} catch {\n // Do nothing;\n}\n\nfunction toggleWarning(skip: boolean) {\n const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;\n\n if (\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED &&\n typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === \"object\"\n ) {\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;\n }\n}\n\nconst MARK = \"__td_react_root__\";\n\n// ========================== Render ==========================\ntype ContainerType = (Element | DocumentFragment) & {\n [MARK]?: Root;\n};\n\nfunction modernRender(node: React.ReactElement, container: ContainerType) {\n toggleWarning(true);\n const root = container[MARK] || legacyCreateRoot(container);\n toggleWarning(false);\n\n root.render(node);\n\n container[MARK] = root;\n}\n\nfunction legacyRender(node: React.ReactElement, container: ContainerType) {\n reactRender(node, container);\n}\n\nexport function render(node: React.ReactElement, container: ContainerType) {\n if (legacyCreateRoot) {\n modernRender(node, container);\n return;\n }\n\n legacyRender?.(node, container);\n}\n\n// ========================= Unmount ==========================\nasync function modernUnmount(container: ContainerType) {\n // Delay to unmount to avoid React 18 sync warning\n return Promise.resolve().then(() => {\n container[MARK]?.unmount();\n\n delete container[MARK];\n });\n}\n\nfunction legacyUnmount(container: ContainerType) {\n unmountComponentAtNode(container);\n}\n\nexport async function unmount(container: ContainerType) {\n if (legacyCreateRoot !== undefined) {\n // Delay to unmount to avoid React 18 sync warning\n return modernUnmount(container);\n }\n\n legacyUnmount(container);\n}\n\n/**\n * @deprecated Set React render function for compatible usage.\n * This is internal usage only compatible with React 19.\n * And will be removed in next major version.\n */\nexport function renderAdapter(render?: CreateRoot) {\n if (render) {\n legacyCreateRoot = render;\n }\n}\n","import React from \"react\";\nimport { render } from \"../utils/react-render\";\nimport DialogComponent, { DialogProps } from \"./Dialog\";\nimport { getAttach } from \"../common/Portal\";\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from \"./type\";\nimport PluginContainer from \"../common/PluginContainer\";\nimport ConfigProvider from \"../config-provider\";\n\nexport interface DialogPluginType extends DialogMethod {\n alert: DialogAlertMethod;\n confirm: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPluginType = (props: DialogOptions): DialogInstance => {\n const dialogRef = React.createRef<DialogInstance>();\n const options = { ...props };\n const { visible = true } = options;\n\n const fragment = document.createDocumentFragment();\n\n const dGlobalConfig = ConfigProvider.getGlobalConfig();\n render(\n <PluginContainer globalConfig={dGlobalConfig}>\n <DialogComponent {...(options as DialogProps)} visible={visible} ref={dialogRef} isPlugin />\n </PluginContainer>,\n fragment\n );\n const attachResult = getAttach(options.attach);\n const container = (attachResult && attachResult instanceof HTMLElement ? attachResult : null) || document.body;\n\n if (container) {\n container.appendChild(fragment);\n } else {\n console.error(\"Dialog\", \"attach is not exist\");\n }\n\n const dialogNode: DialogInstance = {\n show: () => {\n requestAnimationFrame(() => {\n container?.appendChild(fragment);\n dialogRef.current?.show();\n });\n },\n hide: () => {\n requestAnimationFrame(() => {\n dialogRef.current?.destroy();\n });\n },\n setConfirmLoading: (loading: boolean) => {\n requestAnimationFrame(() => {\n dialogRef.current?.setConfirmLoading(loading);\n });\n },\n update: (updateOptions: DialogOptions) => {\n requestAnimationFrame(() => {\n dialogRef.current?.update(updateOptions);\n });\n },\n destroy: () => {\n requestAnimationFrame(() => {\n dialogRef.current?.destroy();\n });\n }\n };\n return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, \"confirmBtn\">) => {\n const options = { ...props };\n options.cancelBtn = null;\n return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const DialogPlugin = createDialog;\n"],"names":["fullClone","_objectSpread","ReactDOM","version","reactRender","render","unmountComponentAtNode","legacyCreateRoot","mainVersion","Number","split","createRoot","process","env","NODE_ENV","console","warn","_unused","toggleWarning","skip","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","_typeof","usingClientEntryPoint","MARK","modernRender","node","container","root","legacyRender","modernUnmount","_callee","_regeneratorRuntime","wrap","_context","prev","next","abrupt","Promise","resolve","then","_container$MARK","unmount","stop","_modernUnmount","apply","arguments","legacyUnmount","_unmount","_asyncToGenerator","mark","_callee2","_context2","renderAdapter","createDialog","props","dialogRef","React","createRef","options","_options$visible","visible","fragment","document","createDocumentFragment","dGlobalConfig","ConfigProvider","getGlobalConfig","createElement","PluginContainer","globalConfig","DialogComponent","ref","isPlugin","attachResult","getAttach","attach","HTMLElement","body","appendChild","error","dialogNode","show","requestAnimationFrame","_dialogRef$current","current","hide","_dialogRef$current2","destroy","setConfirmLoading","loading","_dialogRef$current3","update","updateOptions","_dialogRef$current4","_dialogRef$current5","confirm","alert","cancelBtn","DialogPlugin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"plugin.js","sources":["../../../components/utils/react-render.ts","../../../components/dialog/plugin.tsx"],"sourcesContent":["// Implementation reference from: https://github.com/react-component/util/blob/master/src/React/render.ts\nimport type * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { Root } from \"react-dom/client\";\n\n// Let compiler not to search module usage\nconst fullClone = {\n ...ReactDOM\n} as typeof ReactDOM & {\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?: {\n usingClientEntryPoint?: boolean;\n };\n createRoot?: CreateRoot;\n};\n\ntype CreateRoot = (container: ContainerType) => Root;\n\nconst { version, render: reactRender, unmountComponentAtNode } = fullClone;\n\nlet legacyCreateRoot: CreateRoot;\ntry {\n const mainVersion = Number((version || \"\").split(\".\")[0]);\n if (mainVersion >= 18 && mainVersion < 19) {\n legacyCreateRoot = fullClone.createRoot;\n }\n if (process.env.NODE_ENV !== \"production\" && mainVersion >= 19) {\n console.warn(\n \"TDesign warning: Please import react-19-adapter in React 19, See link: https://github.com/Tencent/tdesign-react/blob/develop/packages/tdesign-react/site/docs/getting-started.md#如何在-react-19-中使用\"\n );\n }\n} catch {\n // Do nothing;\n}\n\nfunction toggleWarning(skip: boolean) {\n const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;\n\n if (\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED &&\n typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === \"object\"\n ) {\n __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;\n }\n}\n\nconst MARK = \"__td_react_root__\";\n\n// ========================== Render ==========================\ntype ContainerType = (Element | DocumentFragment) & {\n [MARK]?: Root;\n};\n\nfunction modernRender(node: React.ReactElement, container: ContainerType) {\n toggleWarning(true);\n const root = container[MARK] || legacyCreateRoot(container);\n toggleWarning(false);\n\n root.render(node);\n\n container[MARK] = root;\n}\n\nfunction legacyRender(node: React.ReactElement, container: ContainerType) {\n reactRender(node, container);\n}\n\nexport function render(node: React.ReactElement, container: ContainerType) {\n if (legacyCreateRoot) {\n modernRender(node, container);\n return;\n }\n\n legacyRender?.(node, container);\n}\n\n// ========================= Unmount ==========================\nasync function modernUnmount(container: ContainerType) {\n // Delay to unmount to avoid React 18 sync warning\n return Promise.resolve().then(() => {\n container[MARK]?.unmount();\n\n delete container[MARK];\n });\n}\n\nfunction legacyUnmount(container: ContainerType) {\n unmountComponentAtNode(container);\n}\n\nexport async function unmount(container: ContainerType) {\n if (legacyCreateRoot !== undefined) {\n // Delay to unmount to avoid React 18 sync warning\n return modernUnmount(container);\n }\n\n legacyUnmount(container);\n}\n\n/**\n * @deprecated Set React render function for compatible usage.\n * This is internal usage only compatible with React 19.\n * And will be removed in next major version.\n */\nexport function renderAdapter(render?: CreateRoot) {\n if (render) {\n legacyCreateRoot = render;\n }\n}\n","import React from \"react\";\nimport { render } from \"../utils/react-render\";\nimport DialogComponent, { DialogProps } from \"./Dialog\";\nimport { getAttach } from \"../common/Portal\";\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from \"./type\";\nimport PluginContainer from \"../common/PluginContainer\";\nimport ConfigProvider from \"../config-provider\";\n\nexport interface DialogPluginType extends DialogMethod {\n alert: DialogAlertMethod;\n confirm: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPluginType = (props: DialogOptions): DialogInstance => {\n const dialogRef = React.createRef<DialogInstance>();\n const options = { ...props };\n const { visible = true } = options;\n\n const fragment = document.createDocumentFragment();\n\n const dGlobalConfig = ConfigProvider.getGlobalConfig();\n render(\n <PluginContainer globalConfig={dGlobalConfig}>\n <DialogComponent {...(options as DialogProps)} visible={visible} ref={dialogRef} isPlugin />\n </PluginContainer>,\n fragment\n );\n const attachResult = getAttach(options.attach);\n const container = (attachResult && attachResult instanceof HTMLElement ? attachResult : null) || document.body;\n\n if (container) {\n container.appendChild(fragment);\n } else {\n console.error(\"Dialog\", \"attach is not exist\");\n }\n\n const dialogNode: DialogInstance = {\n show: () => {\n requestAnimationFrame(() => {\n container?.appendChild(fragment);\n dialogRef.current?.show();\n });\n },\n hide: () => {\n requestAnimationFrame(() => {\n dialogRef.current?.destroy();\n });\n },\n setConfirmLoading: (loading: boolean) => {\n requestAnimationFrame(() => {\n dialogRef.current?.setConfirmLoading(loading);\n });\n },\n update: (updateOptions: DialogOptions) => {\n requestAnimationFrame(() => {\n dialogRef.current?.update(updateOptions);\n });\n },\n destroy: () => {\n requestAnimationFrame(() => {\n dialogRef.current?.destroy();\n });\n }\n };\n return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, \"confirmBtn\">) => {\n const options = { ...props };\n options.cancelBtn = null;\n return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const DialogPlugin = createDialog;\n"],"names":["fullClone","_objectSpread","ReactDOM","version","reactRender","render","unmountComponentAtNode","legacyCreateRoot","mainVersion","Number","split","createRoot","process","env","NODE_ENV","console","warn","_unused","toggleWarning","skip","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","_typeof","usingClientEntryPoint","MARK","modernRender","node","container","root","legacyRender","modernUnmount","_callee","_regeneratorRuntime","wrap","_context","prev","next","abrupt","Promise","resolve","then","_container$MARK","unmount","stop","_modernUnmount","apply","arguments","legacyUnmount","_unmount","_asyncToGenerator","mark","_callee2","_context2","renderAdapter","createDialog","props","dialogRef","React","createRef","options","_options$visible","visible","fragment","document","createDocumentFragment","dGlobalConfig","ConfigProvider","getGlobalConfig","createElement","PluginContainer","globalConfig","DialogComponent","ref","isPlugin","attachResult","getAttach","attach","HTMLElement","body","appendChild","error","dialogNode","show","requestAnimationFrame","_dialogRef$current","current","hide","_dialogRef$current2","destroy","setConfirmLoading","loading","_dialogRef$current3","update","updateOptions","_dialogRef$current4","_dialogRef$current5","confirm","alert","cancelBtn","DialogPlugin"],"mappings":"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"}
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
font-size: calc(var(--td-font-size-body-large) + 8px);
|
|
146
146
|
display: inline-flex;
|
|
147
147
|
align-items: center;
|
|
148
|
-
margin-
|
|
148
|
+
margin-inline-end: var(--td-comp-margin-s);
|
|
149
149
|
flex-shrink: 0;
|
|
150
150
|
}
|
|
151
151
|
.t-dialog__header--fullscreen {
|
|
@@ -213,11 +213,11 @@
|
|
|
213
213
|
}
|
|
214
214
|
.t-dialog__footer {
|
|
215
215
|
width: 100%;
|
|
216
|
-
text-align:
|
|
216
|
+
text-align: end;
|
|
217
217
|
padding: var(--td-comp-paddingTB-l) 0 0;
|
|
218
218
|
}
|
|
219
219
|
.t-dialog__footer .t-button + .t-button {
|
|
220
|
-
margin-
|
|
220
|
+
margin-inline-start: var(--td-comp-margin-s);
|
|
221
221
|
}
|
|
222
222
|
.t-dialog__footer--fullscreen {
|
|
223
223
|
min-height: var(--td-comp-size-xxxxl);
|
package/es/drawer/Drawer.js
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
2
|
import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
|
|
3
3
|
import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
|
|
4
|
-
import
|
|
4
|
+
import React__default, { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect, forwardRef, isValidElement, useImperativeHandle } from 'react';
|
|
5
5
|
import { CSSTransition } from 'react-transition-group';
|
|
6
6
|
import { IconClose } from '@tendaui/icons';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
8
|
import { isEqualWith, isString, isObject, isFunction, isUndefined } from 'lodash-es';
|
|
9
|
-
import {
|
|
9
|
+
import { a as parseTNode } from '../_chunks/dep-BbOvNxhg.js';
|
|
10
10
|
import { Button } from '../button/index.js';
|
|
11
11
|
import Portal from '../common/Portal.js';
|
|
12
|
-
import { u as useSetState, a as useAttach } from '../_chunks/dep-
|
|
13
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
12
|
+
import { u as useSetState, a as useAttach } from '../_chunks/dep-D_qcGLah.js';
|
|
13
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
14
14
|
import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
|
|
15
|
-
import { u as useGlobalIcon } from '../_chunks/dep-
|
|
15
|
+
import { u as useGlobalIcon } from '../_chunks/dep-bWaVq_y3.js';
|
|
16
16
|
import { getSizeDraggable, calcMoveSize } from './utils/index.js';
|
|
17
|
-
import { u as useLocaleReceiver } from '../_chunks/dep-
|
|
17
|
+
import { u as useLocaleReceiver } from '../_chunks/dep-UHQn9biR.js';
|
|
18
18
|
import '../_chunks/dep-D-UKOauR.js';
|
|
19
19
|
import '../button/Button.js';
|
|
20
20
|
import '../loading/index.js';
|
|
21
21
|
import '../loading/Loading.js';
|
|
22
22
|
import '../_chunks/dep-DRwijJcv.js';
|
|
23
23
|
import '../loading/Gradient.js';
|
|
24
|
-
import '../_chunks/dep-
|
|
24
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
25
25
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
26
26
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
27
|
-
import '../
|
|
28
|
-
import '../_chunks/dep-
|
|
29
|
-
import '
|
|
27
|
+
import '../config-provider/ConfigContext.js';
|
|
28
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
29
|
+
import 'dayjs';
|
|
30
30
|
import 'react-dom';
|
|
31
31
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
32
|
-
import '../
|
|
33
|
-
import '
|
|
32
|
+
import '../loading/style/css.js';
|
|
33
|
+
import '../_chunks/dep-spxR0DG0.js';
|
|
34
|
+
import '../button/style/css.js';
|
|
34
35
|
import '../config-provider/index.js';
|
|
35
36
|
import '../config-provider/ConfigProvider.js';
|
|
36
37
|
|
|
@@ -65,7 +66,7 @@ var drawerDefaultProps = {
|
|
|
65
66
|
preventScrollThrough: true,
|
|
66
67
|
showInAttachedElement: false,
|
|
67
68
|
showOverlay: true,
|
|
68
|
-
size:
|
|
69
|
+
size: "medium",
|
|
69
70
|
sizeDraggable: false,
|
|
70
71
|
visible: false
|
|
71
72
|
};
|
|
@@ -243,14 +244,22 @@ var Drawer = /*#__PURE__*/forwardRef(function (originalProps, ref) {
|
|
|
243
244
|
lazy = state.lazy;
|
|
244
245
|
var size = propsSize;
|
|
245
246
|
var _useConfig = useConfig(),
|
|
246
|
-
classPrefix = _useConfig.classPrefix
|
|
247
|
+
classPrefix = _useConfig.classPrefix,
|
|
248
|
+
direction = _useConfig.direction;
|
|
247
249
|
var drawerAttach = useAttach("drawer", attach);
|
|
248
250
|
var maskRef = useRef(null);
|
|
249
251
|
var containerRef = useRef(null);
|
|
250
252
|
var drawerWrapperRef = useRef(null);
|
|
251
253
|
var prefixCls = "".concat(classPrefix, "-drawer");
|
|
252
|
-
var closeIcon = /*#__PURE__*/isValidElement(closeBtn) ? closeBtn : /* @__PURE__ */
|
|
253
|
-
var
|
|
254
|
+
var closeIcon = /*#__PURE__*/isValidElement(closeBtn) ? closeBtn : /* @__PURE__ */React__default.createElement(CloseIcon, null);
|
|
255
|
+
var isRtl = direction === "rtl";
|
|
256
|
+
var actualPlacement = useMemo(function () {
|
|
257
|
+
if (!isRtl) return placement;
|
|
258
|
+
if (placement === "left") return "right";
|
|
259
|
+
if (placement === "right") return "left";
|
|
260
|
+
return placement;
|
|
261
|
+
}, [isRtl, placement]);
|
|
262
|
+
var _useDrag = useDrag(actualPlacement, sizeDraggable, onSizeDragEnd),
|
|
254
263
|
dragSizeValue = _useDrag.dragSizeValue,
|
|
255
264
|
enableDrag = _useDrag.enableDrag,
|
|
256
265
|
draggableLineStyles = _useDrag.draggableLineStyles,
|
|
@@ -353,18 +362,18 @@ var Drawer = /*#__PURE__*/forwardRef(function (originalProps, ref) {
|
|
|
353
362
|
var contentWrapperStyle = useMemo(function () {
|
|
354
363
|
return {
|
|
355
364
|
transform: visible && animationStart ? "translateX(0)" : void 0,
|
|
356
|
-
width: ["left", "right"].includes(
|
|
357
|
-
height: ["top", "bottom"].includes(
|
|
365
|
+
width: ["left", "right"].includes(actualPlacement) ? sizeValue : "",
|
|
366
|
+
height: ["top", "bottom"].includes(actualPlacement) ? sizeValue : ""
|
|
358
367
|
};
|
|
359
|
-
}, [visible,
|
|
368
|
+
}, [visible, actualPlacement, sizeValue, animationStart]);
|
|
360
369
|
var renderDrawerButton = function renderDrawerButton(btn, defaultProps) {
|
|
361
370
|
var result = null;
|
|
362
371
|
if (isString(btn)) {
|
|
363
|
-
result = /* @__PURE__ */
|
|
372
|
+
result = /* @__PURE__ */React__default.createElement(Button, _objectSpread({}, defaultProps), btn);
|
|
364
373
|
} else if (/*#__PURE__*/isValidElement(btn)) {
|
|
365
374
|
result = btn;
|
|
366
375
|
} else if (isObject(btn)) {
|
|
367
|
-
result = /* @__PURE__ */
|
|
376
|
+
result = /* @__PURE__ */React__default.createElement(Button, _objectSpread(_objectSpread({}, defaultProps), btn));
|
|
368
377
|
} else if (isFunction(btn)) {
|
|
369
378
|
result = btn();
|
|
370
379
|
}
|
|
@@ -388,37 +397,37 @@ var Drawer = /*#__PURE__*/forwardRef(function (originalProps, ref) {
|
|
|
388
397
|
});
|
|
389
398
|
var footerStyle = {
|
|
390
399
|
display: "flex",
|
|
391
|
-
justifyContent:
|
|
400
|
+
justifyContent: actualPlacement === "right" ? "flex-start" : "flex-end"
|
|
392
401
|
};
|
|
393
|
-
return /* @__PURE__ */
|
|
402
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
394
403
|
style: footerStyle
|
|
395
|
-
},
|
|
404
|
+
}, actualPlacement === "right" ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, renderConfirmBtn, " ", renderCancelBtn) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null, renderCancelBtn, " ", renderConfirmBtn));
|
|
396
405
|
};
|
|
397
|
-
return /* @__PURE__ */
|
|
406
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
398
407
|
className: "".concat(prefixCls, "__footer")
|
|
399
408
|
}, parseTNode(footer, null, defaultFooter()));
|
|
400
409
|
};
|
|
401
|
-
var renderOverlay = showOverlay && /* @__PURE__ */
|
|
410
|
+
var renderOverlay = showOverlay && /* @__PURE__ */React__default.createElement(CSSTransition, {
|
|
402
411
|
"in": visible,
|
|
403
412
|
timeout: 200,
|
|
404
413
|
classNames: "".concat(prefixCls, "-fade"),
|
|
405
414
|
nodeRef: maskRef
|
|
406
|
-
}, /* @__PURE__ */
|
|
415
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
407
416
|
ref: maskRef,
|
|
408
417
|
className: "".concat(prefixCls, "__mask"),
|
|
409
418
|
onClick: onMaskClick
|
|
410
419
|
}));
|
|
411
|
-
var renderCloseBtn = closeBtn && /* @__PURE__ */
|
|
420
|
+
var renderCloseBtn = closeBtn && /* @__PURE__ */React__default.createElement("div", {
|
|
412
421
|
onClick: onClickCloseBtn,
|
|
413
422
|
className: "".concat(prefixCls, "__close-btn")
|
|
414
423
|
}, closeIcon);
|
|
415
|
-
var renderHeader = header && /* @__PURE__ */
|
|
424
|
+
var renderHeader = header && /* @__PURE__ */React__default.createElement("div", {
|
|
416
425
|
className: "".concat(prefixCls, "__header")
|
|
417
426
|
}, header);
|
|
418
|
-
var renderBody = /* @__PURE__ */
|
|
427
|
+
var renderBody = /* @__PURE__ */React__default.createElement("div", {
|
|
419
428
|
className: "".concat(prefixCls, "__body")
|
|
420
429
|
}, body || children);
|
|
421
|
-
return /* @__PURE__ */
|
|
430
|
+
return /* @__PURE__ */React__default.createElement(CSSTransition, {
|
|
422
431
|
"in": visible,
|
|
423
432
|
nodeRef: drawerWrapperRef,
|
|
424
433
|
mountOnEnter: isUndefined(forceRender) ? lazy : !forceRender,
|
|
@@ -440,21 +449,21 @@ var Drawer = /*#__PURE__*/forwardRef(function (originalProps, ref) {
|
|
|
440
449
|
onExited: function onExited() {
|
|
441
450
|
return setAnimationStart(false);
|
|
442
451
|
}
|
|
443
|
-
}, /* @__PURE__ */
|
|
452
|
+
}, /* @__PURE__ */React__default.createElement(Portal, {
|
|
444
453
|
attach: drawerAttach,
|
|
445
454
|
ref: drawerWrapperRef
|
|
446
|
-
}, /* @__PURE__ */
|
|
455
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
447
456
|
ref: containerRef,
|
|
448
|
-
className: classNames(prefixCls, className, "".concat(prefixCls, "--").concat(
|
|
457
|
+
className: classNames(prefixCls, className, "".concat(prefixCls, "--").concat(actualPlacement), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "--open"), visible), "".concat(prefixCls, "--attach"), showInAttachedElement), "".concat(prefixCls, "--without-mask"), !showOverlay)),
|
|
449
458
|
style: _objectSpread({
|
|
450
459
|
zIndex: zIndex
|
|
451
460
|
}, style),
|
|
452
461
|
tabIndex: -1,
|
|
453
462
|
onKeyDown: onKeyDownEsc
|
|
454
|
-
}, renderOverlay, /* @__PURE__ */
|
|
455
|
-
className: classNames("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper--").concat(
|
|
463
|
+
}, renderOverlay, /* @__PURE__ */React__default.createElement("div", {
|
|
464
|
+
className: classNames("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper--").concat(actualPlacement)),
|
|
456
465
|
style: _objectSpread(_objectSpread({}, contentWrapperStyle), draggingStyles)
|
|
457
|
-
}, renderCloseBtn, renderHeader, renderBody, !!footer && renderFooter(), sizeDraggable && /* @__PURE__ */
|
|
466
|
+
}, renderCloseBtn, renderHeader, renderBody, !!footer && renderFooter(), sizeDraggable && /* @__PURE__ */React__default.createElement("div", {
|
|
458
467
|
style: draggableLineStyles,
|
|
459
468
|
onMouseDown: enableDrag
|
|
460
469
|
})))));
|