@tendaui/react 1.2.3 → 1.3.0
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/LICENSE +21 -21
- package/README.md +1 -1
- 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-DbVHGoUC.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 +32 -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 +47 -31
- 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 +11 -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/style/index.css +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/style/index.css +21 -63
- 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 +48 -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 +17 -18
- 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 +6 -6
- 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/style/index.css +3 -3
- 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
- package/es/alert/style/css.js +0 -1
- package/es/badge/style/css.js +0 -1
- package/es/button/style/css.js +0 -1
- package/es/checkbox/style/css.js +0 -1
- package/es/color-picker/style/css.js +0 -1
- package/es/dialog/style/css.js +0 -1
- package/es/drawer/style/css.js +0 -1
- package/es/fireworks/style/css.js +0 -0
- package/es/form/style/css.js +0 -1
- package/es/input/style/css.js +0 -1
- package/es/input-number/style/css.js +0 -1
- package/es/ip-input/style/css.js +0 -1
- package/es/layout/style/css.js +0 -1
- package/es/list/style/css.js +0 -1
- package/es/loading/style/css.js +0 -1
- package/es/notification/style/css.js +0 -1
- package/es/popup/style/css.js +0 -1
- package/es/radio/style/css.js +0 -0
- package/es/select/style/css.js +0 -1
- package/es/select-input/style/css.js +0 -1
- package/es/slider/style/css.js +0 -1
- package/es/switch/style/css.js +0 -1
- package/es/table/style/css.js +0 -1
- package/es/tag/style/css.js +0 -1
- package/es/tag-input/style/css.js +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
export { j as COLOR_MODES, C as Color, D as DEFAULT_COLOR, k as DEFAULT_LINEAR_GRADIENT, a as DEFAULT_SYSTEM_SWATCH_COLORS, G as GRADIENT_SLIDER_DEFAULT_WIDTH, l as SATURATION_PANEL_DEFAULT_HEIGHT, S as SATURATION_PANEL_DEFAULT_WIDTH, m as SLIDER_DEFAULT_WIDTH, T as TD_COLOR_USED_COLORS_MAX_SIZE, c as cmyk2rgb, d as cmykInputToColor, i as genGradientPoint, h as genId, g as getColorObject, f as getColorWithoutAlpha, e as gradientColors2string, n as isGradientColor, p as parseGradientString, r as rgb2cmyk } from '../../../_chunks/dep-DJmE940f.js';
|
|
1
|
+
export { A as ALPHA_FORMAT_MAP, k as COLOR_FORMAT_INPUTS, i as COLOR_MODES, C as Color, D as DEFAULT_COLOR, j as DEFAULT_LINEAR_GRADIENT, a as DEFAULT_SYSTEM_SWATCH_COLORS, F as FORMATS, G as GRADIENT_SLIDER_DEFAULT_WIDTH, l as SATURATION_PANEL_DEFAULT_HEIGHT, S as SATURATION_PANEL_DEFAULT_WIDTH, m as SLIDER_DEFAULT_WIDTH, T as TD_COLOR_USED_COLORS_MAX_SIZE, c as cmyk2rgb, b as cmykInputToColor, h as genGradientPoint, f as genId, g as getColorObject, e as getColorWithoutAlpha, d as gradientColors2string, n as isGradientColor, p as parseGradientString, r as rgb2cmyk } from '../../../_chunks/dep-CHpQ3xhh.js';
|
|
3
2
|
import { a as _classCallCheck, _ as _createClass } from '../../../_chunks/dep-Chz4ZJCb.js';
|
|
4
3
|
import { _ as _defineProperty } from '../../../_chunks/dep-Cwish4GD.js';
|
|
5
|
-
|
|
4
|
+
export { b as getColorFormatInputs, g as getColorFormatMap, a as getColorFormatOptions, i as initColorFormat } from '../../../_chunks/dep-BK4_iOSv.js';
|
|
6
5
|
import '../../../_chunks/dep-CzLhKWCf.js';
|
|
7
6
|
import '../../../_chunks/dep-zOZQ0R9g.js';
|
|
8
7
|
import 'lodash-es';
|
|
9
8
|
import '../../../_chunks/dep-D-UKOauR.js';
|
|
9
|
+
import '../../../_chunks/dep-CgyDw_YI.js';
|
|
10
10
|
|
|
11
11
|
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; }
|
|
12
12
|
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; }
|
|
@@ -80,68 +80,5 @@ function _getCoordinate(event) {
|
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
|
|
84
|
-
if (enableAlpha && format in ALPHA_FORMAT_MAP) {
|
|
85
|
-
return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format] : format;
|
|
86
|
-
}
|
|
87
|
-
return format;
|
|
88
|
-
};
|
|
89
|
-
var getColorFormatMap = function getColorFormatMap(color, type) {
|
|
90
|
-
if (type === "encode") {
|
|
91
|
-
return {
|
|
92
|
-
HSV: color.getHsva(),
|
|
93
|
-
HSVA: color.getHsva(),
|
|
94
|
-
HSL: color.getHsla(),
|
|
95
|
-
HSLA: color.getHsla(),
|
|
96
|
-
RGB: color.getRgba(),
|
|
97
|
-
RGBA: color.getRgba(),
|
|
98
|
-
CMYK: color.getCmyk(),
|
|
99
|
-
CSS: {
|
|
100
|
-
css: color.css
|
|
101
|
-
},
|
|
102
|
-
HEX: {
|
|
103
|
-
hex: color.hex
|
|
104
|
-
},
|
|
105
|
-
HEX8: {
|
|
106
|
-
hex: color.hex8
|
|
107
|
-
// 为了减少转换 hex8 的 key 也对应 hex
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
return color.getFormatsColorMap();
|
|
112
|
-
};
|
|
113
|
-
var getColorFormatOptions = function getColorFormatOptions(enableAlpha) {
|
|
114
|
-
return enableAlpha ? FORMATS.map(function (item) {
|
|
115
|
-
return item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item] : item;
|
|
116
|
-
}) : FORMATS;
|
|
117
|
-
};
|
|
118
|
-
var getColorFormatInputs = function getColorFormatInputs() {
|
|
119
|
-
var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "RGB";
|
|
120
|
-
var enableAlpha = arguments.length > 1 ? arguments[1] : undefined;
|
|
121
|
-
var finalFormat;
|
|
122
|
-
if (enableAlpha) {
|
|
123
|
-
finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(function (key) {
|
|
124
|
-
return key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key] === format;
|
|
125
|
-
}) || format;
|
|
126
|
-
} else {
|
|
127
|
-
finalFormat = format;
|
|
128
|
-
}
|
|
129
|
-
if (!COLOR_FORMAT_INPUTS[finalFormat]) return [];
|
|
130
|
-
var configs = _toConsumableArray(COLOR_FORMAT_INPUTS[finalFormat]);
|
|
131
|
-
if (enableAlpha && format !== "CMYK") {
|
|
132
|
-
configs.push({
|
|
133
|
-
type: "inputNumber",
|
|
134
|
-
key: "a",
|
|
135
|
-
min: 0,
|
|
136
|
-
max: 100,
|
|
137
|
-
format: function format(value) {
|
|
138
|
-
return "".concat(value, "%");
|
|
139
|
-
},
|
|
140
|
-
flex: 1.15
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
return configs;
|
|
144
|
-
};
|
|
145
|
-
|
|
146
|
-
export { ALPHA_FORMAT_MAP, COLOR_FORMAT_INPUTS, Draggable, FORMATS, getColorFormatInputs, getColorFormatMap, getColorFormatOptions, initColorFormat };
|
|
83
|
+
export { Draggable };
|
|
147
84
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../components/color-picker/utils/color-picker/draggable.ts","../../../../../components/color-picker/utils/color-picker/format.ts"],"sourcesContent":["/* eslint-disable no-use-before-define */\nexport interface Coordinate {\n x: number;\n y: number;\n}\n\nexport type DraggableEvent = MouseEvent;\n\ninterface DraggableCallback {\n (coordinate: Coordinate, event?: DraggableEvent): void;\n}\n\nexport interface DraggableProps {\n start?: DraggableCallback;\n drag?: DraggableCallback;\n end?: DraggableCallback;\n}\n\ninterface DraggableHandles {\n start: (event: DraggableEvent) => void;\n drag: (event: DraggableEvent) => void;\n end: (event: DraggableEvent) => void;\n}\n\n// 配置项\nconst defaultsOptions: DraggableProps = {\n start: (coordinate: Coordinate, event: DraggableEvent) => {},\n drag: (coordinate: Coordinate, event: DraggableEvent) => {},\n end: (coordinate: Coordinate, event: DraggableEvent) => {},\n};\n\nexport class Draggable {\n private dragging = false;\n\n private $el: HTMLElement;\n\n private props: DraggableProps;\n\n private handles: DraggableHandles;\n\n constructor(el: HTMLElement, options?: DraggableProps) {\n this.$el = el;\n this.props = { ...defaultsOptions, ...options };\n this.handles = {\n start: this.#dragStart.bind(this),\n drag: this.#drag.bind(this),\n end: this.#dragEnd.bind(this),\n };\n this.$el.addEventListener('mousedown', this.handles.start, false);\n }\n\n #dragStart(event: DraggableEvent) {\n if (this.dragging) {\n return;\n }\n // event.preventDefault();\n window.addEventListener('mousemove', this.handles.drag, false);\n window.addEventListener('mouseup', this.handles.end, false);\n window.addEventListener('contextmenu', this.handles.end, false);\n this.dragging = true;\n this.props.start(this.#getCoordinate(event), event);\n }\n\n #drag(event: DraggableEvent) {\n if (!this.dragging) {\n return;\n }\n this.props.drag(this.#getCoordinate(event), event);\n }\n\n #dragEnd(event: DraggableEvent) {\n setTimeout(() => {\n this.dragging = false;\n this.props.end(this.#getCoordinate(event), event);\n }, 0);\n window.removeEventListener('mousemove', this.handles.drag, false);\n window.removeEventListener('mouseup', this.handles.end, false);\n window.removeEventListener('contextmenu', this.handles.end, false);\n }\n\n #getCoordinate(event: DraggableEvent) {\n const rect = this.$el.getBoundingClientRect();\n const mouseEvent = event;\n const left = mouseEvent.clientX - rect.left;\n const top = mouseEvent.clientY - rect.top;\n return {\n y: Math.min(Math.max(0, top), rect.height),\n x: Math.min(Math.max(0, left), rect.width),\n };\n }\n\n destroy() {\n this.$el.removeEventListener('mousedown', this.handles.start, false);\n window.removeEventListener('mousemove', this.handles.drag, false);\n window.removeEventListener('mouseup', this.handles.end, false);\n window.removeEventListener('contextmenu', this.handles.end, false);\n }\n}\n\nexport default Draggable;\n","import Color from './color';\nimport { ALPHA_FORMAT_MAP, COLOR_FORMAT_INPUTS, FORMATS } from './constants';\nimport type { AlphaConvertibleFormat, BasicColorFormat, ColorFormat } from './types';\n\n/**\n * 兜底处理用户传入的格式,例如:\n * - 传入 `RGB`, 但 `enableAlpha` ,则返回 `RGBA`\n */\nexport const initColorFormat = (format: ColorFormat, enableAlpha: boolean) => {\n if (enableAlpha && format in ALPHA_FORMAT_MAP) {\n return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format as AlphaConvertibleFormat] : format;\n }\n return format as BasicColorFormat;\n};\n\n/**\n * 获取不同格式的输入输出值\n * - encode:将字符串转换为单独的颜色值,例如 `{r: 255, g: 255, b: 255}`\n * - decode:获取完整的颜色字符串,例如 `rgb(255, 255, 255)`\n */\nexport const getColorFormatMap = (color: Color, type: 'encode' | 'decode') => {\n if (type === 'encode') {\n return {\n HSV: color.getHsva(),\n HSVA: color.getHsva(),\n HSL: color.getHsla(),\n HSLA: color.getHsla(),\n RGB: color.getRgba(),\n RGBA: color.getRgba(),\n CMYK: color.getCmyk(),\n CSS: {\n css: color.css,\n },\n HEX: {\n hex: color.hex,\n },\n HEX8: {\n hex: color.hex8, // 为了减少转换 hex8 的 key 也对应 hex\n },\n };\n }\n\n // decode\n return color.getFormatsColorMap();\n};\n\n/**\n * 获取下拉框的格式选项\n */\nexport const getColorFormatOptions = (enableAlpha: boolean) => (\n enableAlpha\n ? FORMATS.map((item) => (item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item as AlphaConvertibleFormat] : item))\n : FORMATS\n);\n\n/**\n * 获取当前格式的输入框配置\n */\nexport const getColorFormatInputs = (\n format: ColorFormat = 'RGB',\n enableAlpha: boolean\n) => {\n let finalFormat;\n\n /* 为了减少 `ALPHA_FORMAT_MAP` 中的重复代码\n `RGBA/HEX8/HSLA/HSVA` 会被转换为 `RGB/HEX/HSL/HSV` 后再匹配\n 但在下一步会 push 一个代表透明度的输入框 */\n if (enableAlpha) {\n finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(\n (key) => key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key as AlphaConvertibleFormat] === format\n ) || format;\n } else {\n finalFormat = format;\n }\n\n if (!COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]) return [];\n\n const configs = [\n ...(COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]),\n ];\n\n // CMYK 格式不支持透明度\n if (enableAlpha && format !== 'CMYK') {\n configs.push({\n type: 'inputNumber',\n key: 'a',\n min: 0,\n max: 100,\n format: (value: number) => `${value}%`,\n flex: 1.15,\n });\n }\n\n return configs;\n};\n"],"names":["defaultsOptions","start","coordinate","event","drag","end","_Draggable_brand","WeakSet","Draggable","el","options","_classCallCheck","_classPrivateMethodInitSpec","_defineProperty","$el","props","_objectSpread","handles","_assertClassBrand","_dragStart","bind","_drag","_dragEnd","addEventListener","_createClass","key","value","destroy","removeEventListener","window","dragging","_getCoordinate","call","_this","setTimeout","rect","getBoundingClientRect","mouseEvent","left","clientX","top","clientY","y","Math","min","max","height","x","width","initColorFormat","format","enableAlpha","ALPHA_FORMAT_MAP","getColorFormatMap","color","type","HSV","getHsva","HSVA","HSL","getHsla","HSLA","RGB","getRgba","RGBA","CMYK","getCmyk","CSS","css","HEX","hex","HEX8","hex8","getFormatsColorMap","getColorFormatOptions","FORMATS","map","item","getColorFormatInputs","arguments","length","undefined","finalFormat","Object","keys","find","COLOR_FORMAT_INPUTS","configs","_toConsumableArray","push","concat","flex"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../components/color-picker/utils/color-picker/draggable.ts"],"sourcesContent":["export interface Coordinate {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport type DraggableEvent = MouseEvent;\r\n\r\ninterface DraggableCallback {\r\n (coordinate: Coordinate, event?: DraggableEvent): void;\r\n}\r\n\r\nexport interface DraggableProps {\r\n start?: DraggableCallback;\r\n drag?: DraggableCallback;\r\n end?: DraggableCallback;\r\n}\r\n\r\ninterface DraggableHandles {\r\n start: (event: DraggableEvent) => void;\r\n drag: (event: DraggableEvent) => void;\r\n end: (event: DraggableEvent) => void;\r\n}\r\n\r\n// 配置项\r\nconst defaultsOptions: DraggableProps = {\r\n start: (coordinate: Coordinate, event: DraggableEvent) => {},\r\n drag: (coordinate: Coordinate, event: DraggableEvent) => {},\r\n end: (coordinate: Coordinate, event: DraggableEvent) => {}\r\n};\r\n\r\nexport class Draggable {\r\n private dragging = false;\r\n\r\n private $el: HTMLElement;\r\n\r\n private props: DraggableProps;\r\n\r\n private handles: DraggableHandles;\r\n\r\n constructor(el: HTMLElement, options?: DraggableProps) {\r\n this.$el = el;\r\n this.props = { ...defaultsOptions, ...options };\r\n this.handles = {\r\n start: this.#dragStart.bind(this),\r\n drag: this.#drag.bind(this),\r\n end: this.#dragEnd.bind(this)\r\n };\r\n this.$el.addEventListener(\"mousedown\", this.handles.start, false);\r\n }\r\n\r\n #dragStart(event: DraggableEvent) {\r\n if (this.dragging) {\r\n return;\r\n }\r\n // event.preventDefault();\r\n window.addEventListener(\"mousemove\", this.handles.drag, false);\r\n window.addEventListener(\"mouseup\", this.handles.end, false);\r\n window.addEventListener(\"contextmenu\", this.handles.end, false);\r\n this.dragging = true;\r\n this.props.start(this.#getCoordinate(event), event);\r\n }\r\n\r\n #drag(event: DraggableEvent) {\r\n if (!this.dragging) {\r\n return;\r\n }\r\n this.props.drag(this.#getCoordinate(event), event);\r\n }\r\n\r\n #dragEnd(event: DraggableEvent) {\r\n setTimeout(() => {\r\n this.dragging = false;\r\n this.props.end(this.#getCoordinate(event), event);\r\n }, 0);\r\n window.removeEventListener(\"mousemove\", this.handles.drag, false);\r\n window.removeEventListener(\"mouseup\", this.handles.end, false);\r\n window.removeEventListener(\"contextmenu\", this.handles.end, false);\r\n }\r\n\r\n #getCoordinate(event: DraggableEvent) {\r\n const rect = this.$el.getBoundingClientRect();\r\n const mouseEvent = event;\r\n const left = mouseEvent.clientX - rect.left;\r\n const top = mouseEvent.clientY - rect.top;\r\n return {\r\n y: Math.min(Math.max(0, top), rect.height),\r\n x: Math.min(Math.max(0, left), rect.width)\r\n };\r\n }\r\n\r\n destroy() {\r\n this.$el.removeEventListener(\"mousedown\", this.handles.start, false);\r\n window.removeEventListener(\"mousemove\", this.handles.drag, false);\r\n window.removeEventListener(\"mouseup\", this.handles.end, false);\r\n window.removeEventListener(\"contextmenu\", this.handles.end, false);\r\n }\r\n}\r\n\r\nexport default Draggable;\r\n"],"names":["defaultsOptions","start","coordinate","event","drag","end","_Draggable_brand","WeakSet","Draggable","el","options","_classCallCheck","_classPrivateMethodInitSpec","_defineProperty","$el","props","_objectSpread","handles","_assertClassBrand","_dragStart","bind","_drag","_dragEnd","addEventListener","_createClass","key","value","destroy","removeEventListener","window","dragging","_getCoordinate","call","_this","setTimeout","rect","getBoundingClientRect","mouseEvent","left","clientX","top","clientY","y","Math","min","max","height","x","width"],"mappings":"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"}
|
package/es/common/Check.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
2
|
import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
|
|
3
3
|
import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
|
|
4
|
-
import
|
|
4
|
+
import React__default, { forwardRef, useContext } from 'react';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { isBoolean } from 'lodash-es';
|
|
7
|
-
import { o as omit } from '../_chunks/dep-
|
|
8
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
9
|
-
import { u as useControlled } from '../_chunks/dep-
|
|
7
|
+
import { o as omit } from '../_chunks/dep-DHWwZ2Nj.js';
|
|
8
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
9
|
+
import { u as useControlled } from '../_chunks/dep-grkSd2UB.js';
|
|
10
10
|
import '../_chunks/dep-D-UKOauR.js';
|
|
11
|
-
import '../
|
|
11
|
+
import '../config-provider/ConfigContext.js';
|
|
12
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
12
13
|
import 'dayjs';
|
|
13
14
|
|
|
14
15
|
var _excluded = ["allowUncheck", "type", "disabled", "name", "value", "onChange", "indeterminate", "children", "label", "className", "style", "readonly", "onClick"];
|
|
15
16
|
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; }
|
|
16
17
|
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; }
|
|
17
|
-
var CheckContext = /*#__PURE__*/
|
|
18
|
+
var CheckContext = /*#__PURE__*/React__default.createContext(null);
|
|
18
19
|
var Check = /*#__PURE__*/forwardRef(function (_props, ref) {
|
|
19
20
|
var context = useContext(CheckContext);
|
|
20
21
|
var props = context ? context.inject(_props) : _props;
|
|
@@ -42,7 +43,7 @@ var Check = /*#__PURE__*/forwardRef(function (_props, ref) {
|
|
|
42
43
|
setInternalChecked = _useControlled2[1];
|
|
43
44
|
var labelClassName = classNames("".concat(classPrefix, "-").concat(type), className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-is-checked"), internalChecked), "".concat(classPrefix, "-is-disabled"), disabled), "".concat(classPrefix, "-is-indeterminate"), indeterminate));
|
|
44
45
|
var isDisabled = disabled || readonly;
|
|
45
|
-
var input = /* @__PURE__ */
|
|
46
|
+
var input = /* @__PURE__ */React__default.createElement("input", {
|
|
46
47
|
readOnly: readonly,
|
|
47
48
|
type: type === "radio-button" ? "radio" : type,
|
|
48
49
|
className: "".concat(classPrefix, "-").concat(type, "__former"),
|
|
@@ -80,7 +81,7 @@ var Check = /*#__PURE__*/forwardRef(function (_props, ref) {
|
|
|
80
81
|
e: e
|
|
81
82
|
});
|
|
82
83
|
};
|
|
83
|
-
return /* @__PURE__ */
|
|
84
|
+
return /* @__PURE__ */React__default.createElement("label", _objectSpread(_objectSpread({
|
|
84
85
|
ref: ref,
|
|
85
86
|
tabIndex: disabled ? void 0 : 0,
|
|
86
87
|
className: labelClassName,
|
|
@@ -88,9 +89,9 @@ var Check = /*#__PURE__*/forwardRef(function (_props, ref) {
|
|
|
88
89
|
style: style
|
|
89
90
|
}, omit(htmlProps, ["checkAll", "stopLabelTrigger"])), {}, {
|
|
90
91
|
onClick: onInnerClick
|
|
91
|
-
}), input, /* @__PURE__ */
|
|
92
|
+
}), input, /* @__PURE__ */React__default.createElement("span", {
|
|
92
93
|
className: "".concat(classPrefix, "-").concat(type, "__input")
|
|
93
|
-
}), showLabel && /* @__PURE__ */
|
|
94
|
+
}), showLabel && /* @__PURE__ */React__default.createElement("span", {
|
|
94
95
|
key: "label",
|
|
95
96
|
className: "".concat(classPrefix, "-").concat(type, "__label"),
|
|
96
97
|
onClick: handleLabelClick
|
package/es/common/Check.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Check.js","sources":["../../../components/common/Check.tsx"],"sourcesContent":["import React, { forwardRef, useContext, MouseEvent, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isBoolean } from \"lodash-es\";\nimport { omit } from \"../utils/helper\";\nimport { StyledProps } from \"../common\";\nimport useConfig from \"../hooks/useConfig\";\nimport useControlled from \"../hooks/useControlled\";\nimport { TdCheckboxProps } from \"../checkbox/type\";\n\nexport interface CheckProps extends TdCheckboxProps, StyledProps {\n type: \"radio\" | \"radio-button\" | \"checkbox\";\n allowUncheck?: boolean;\n title?: string;\n children?: React.ReactNode;\n stopLabelTrigger?: boolean;\n}\n\n/**\n * Check 组件支持使用 CheckContext 进行状态托管\n */\nexport const CheckContext = React.createContext<CheckContextValue>(null);\n\n/**\n * 托管 Check 组件的状态,请提供 inject() 方法注入托管好的 props\n */\nexport interface CheckContextValue {\n inject: (props: CheckProps) => CheckProps;\n}\n\nconst Check = forwardRef<HTMLLabelElement, CheckProps>((_props, ref) => {\n // 支持从 Context 注入\n const context = useContext(CheckContext);\n const props = context ? context.inject(_props) : _props;\n\n const {\n allowUncheck = false,\n type,\n disabled,\n name,\n value,\n onChange,\n indeterminate,\n children,\n label,\n className,\n style,\n readonly,\n onClick,\n ...htmlProps\n } = props;\n\n const { classPrefix } = useConfig();\n\n const TOnChange: (\n checked: boolean,\n context: { e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLInputElement> }\n ) => void = onChange;\n\n const [internalChecked, setInternalChecked] = useControlled(props, \"checked\", TOnChange);\n\n const labelClassName = classNames(`${classPrefix}-${type}`, className, {\n [`${classPrefix}-is-checked`]: internalChecked,\n [`${classPrefix}-is-disabled`]: disabled,\n [`${classPrefix}-is-indeterminate`]: indeterminate\n });\n\n const isDisabled = disabled || readonly;\n\n const input = (\n <input\n readOnly={readonly}\n type={type === \"radio-button\" ? \"radio\" : type}\n className={`${classPrefix}-${type}__former`}\n checked={internalChecked}\n disabled={disabled}\n name={name}\n tabIndex={-1}\n value={isBoolean(value) ? Number(value) : value}\n data-value={typeof value === \"string\" ? `'${value}'` : value}\n data-allow-uncheck={allowUncheck || undefined}\n onClick={(e) => {\n e.stopPropagation();\n if ((type === \"radio-button\" || type === \"radio\") && allowUncheck && internalChecked) {\n setInternalChecked(!e.currentTarget.checked, { e });\n }\n }}\n onChange={(e) => {\n if (isDisabled) return;\n setInternalChecked(e.currentTarget.checked, { e });\n }}\n />\n );\n // Checkbox/ Radio 内容为空则不再渲染 span,不存在 0:Number 的情况\n const showLabel = !!(children || label);\n\n const handleLabelClick = (event: MouseEvent<HTMLSpanElement>) => {\n // 在tree等组件中使用 阻止label触发checked 与expand冲突\n if (props.stopLabelTrigger) {\n event.preventDefault();\n }\n };\n\n const onInnerClick = (e: MouseEvent<HTMLLabelElement>) => {\n if (isDisabled) return;\n onClick?.({ e });\n };\n\n return (\n <label\n ref={ref}\n tabIndex={disabled ? undefined : 0}\n className={labelClassName}\n title={props.title}\n style={style}\n {...omit(htmlProps, [\"checkAll\", \"stopLabelTrigger\"])}\n onClick={onInnerClick}\n >\n {input}\n <span className={`${classPrefix}-${type}__input`} />\n {showLabel && (\n <span key=\"label\" className={`${classPrefix}-${type}__label`} onClick={handleLabelClick}>\n {children || label}\n </span>\n )}\n </label>\n );\n});\n\nCheck.displayName = \"Check\";\n\nexport default Check;\n"],"names":["CheckContext","React","createContext","Check","forwardRef","_props","ref","context","useContext","props","inject","_props$allowUncheck","allowUncheck","type","disabled","name","value","onChange","indeterminate","children","label","className","style","readonly","onClick","htmlProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","TOnChange","_useControlled","useControlled","_useControlled2","_slicedToArray","internalChecked","setInternalChecked","labelClassName","classNames","concat","_defineProperty","isDisabled","input","createElement","readOnly","checked","tabIndex","isBoolean","Number","e","stopPropagation","currentTarget","showLabel","handleLabelClick","event","stopLabelTrigger","preventDefault","onInnerClick","_objectSpread","title","omit","key","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Check.js","sources":["../../../components/common/Check.tsx"],"sourcesContent":["import React, { forwardRef, useContext, MouseEvent, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isBoolean } from \"lodash-es\";\nimport { omit } from \"../utils/helper\";\nimport { StyledProps } from \"../common\";\nimport useConfig from \"../hooks/useConfig\";\nimport useControlled from \"../hooks/useControlled\";\nimport { TdCheckboxProps } from \"../checkbox/type\";\n\nexport interface CheckProps extends TdCheckboxProps, StyledProps {\n type: \"radio\" | \"radio-button\" | \"checkbox\";\n allowUncheck?: boolean;\n title?: string;\n children?: React.ReactNode;\n stopLabelTrigger?: boolean;\n}\n\n/**\n * Check 组件支持使用 CheckContext 进行状态托管\n */\nexport const CheckContext = React.createContext<CheckContextValue>(null);\n\n/**\n * 托管 Check 组件的状态,请提供 inject() 方法注入托管好的 props\n */\nexport interface CheckContextValue {\n inject: (props: CheckProps) => CheckProps;\n}\n\nconst Check = forwardRef<HTMLLabelElement, CheckProps>((_props, ref) => {\n // 支持从 Context 注入\n const context = useContext(CheckContext);\n const props = context ? context.inject(_props) : _props;\n\n const {\n allowUncheck = false,\n type,\n disabled,\n name,\n value,\n onChange,\n indeterminate,\n children,\n label,\n className,\n style,\n readonly,\n onClick,\n ...htmlProps\n } = props;\n\n const { classPrefix } = useConfig();\n\n const TOnChange: (\n checked: boolean,\n context: { e: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLInputElement> }\n ) => void = onChange;\n\n const [internalChecked, setInternalChecked] = useControlled(props, \"checked\", TOnChange);\n\n const labelClassName = classNames(`${classPrefix}-${type}`, className, {\n [`${classPrefix}-is-checked`]: internalChecked,\n [`${classPrefix}-is-disabled`]: disabled,\n [`${classPrefix}-is-indeterminate`]: indeterminate\n });\n\n const isDisabled = disabled || readonly;\n\n const input = (\n <input\n readOnly={readonly}\n type={type === \"radio-button\" ? \"radio\" : type}\n className={`${classPrefix}-${type}__former`}\n checked={internalChecked}\n disabled={disabled}\n name={name}\n tabIndex={-1}\n value={isBoolean(value) ? Number(value) : value}\n data-value={typeof value === \"string\" ? `'${value}'` : value}\n data-allow-uncheck={allowUncheck || undefined}\n onClick={(e) => {\n e.stopPropagation();\n if ((type === \"radio-button\" || type === \"radio\") && allowUncheck && internalChecked) {\n setInternalChecked(!e.currentTarget.checked, { e });\n }\n }}\n onChange={(e) => {\n if (isDisabled) return;\n setInternalChecked(e.currentTarget.checked, { e });\n }}\n />\n );\n // Checkbox/ Radio 内容为空则不再渲染 span,不存在 0:Number 的情况\n const showLabel = !!(children || label);\n\n const handleLabelClick = (event: MouseEvent<HTMLSpanElement>) => {\n // 在tree等组件中使用 阻止label触发checked 与expand冲突\n if (props.stopLabelTrigger) {\n event.preventDefault();\n }\n };\n\n const onInnerClick = (e: MouseEvent<HTMLLabelElement>) => {\n if (isDisabled) return;\n onClick?.({ e });\n };\n\n return (\n <label\n ref={ref}\n tabIndex={disabled ? undefined : 0}\n className={labelClassName}\n title={props.title}\n style={style}\n {...omit(htmlProps, [\"checkAll\", \"stopLabelTrigger\"])}\n onClick={onInnerClick}\n >\n {input}\n <span className={`${classPrefix}-${type}__input`} />\n {showLabel && (\n <span key=\"label\" className={`${classPrefix}-${type}__label`} onClick={handleLabelClick}>\n {children || label}\n </span>\n )}\n </label>\n );\n});\n\nCheck.displayName = \"Check\";\n\nexport default Check;\n"],"names":["CheckContext","React","createContext","Check","forwardRef","_props","ref","context","useContext","props","inject","_props$allowUncheck","allowUncheck","type","disabled","name","value","onChange","indeterminate","children","label","className","style","readonly","onClick","htmlProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","TOnChange","_useControlled","useControlled","_useControlled2","_slicedToArray","internalChecked","setInternalChecked","labelClassName","classNames","concat","_defineProperty","isDisabled","input","createElement","readOnly","checked","tabIndex","isBoolean","Number","e","stopPropagation","currentTarget","showLabel","handleLabelClick","event","stopLabelTrigger","preventDefault","onInnerClick","_objectSpread","title","omit","key","displayName"],"mappings":"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"}
|
package/es/common/FakeArrow.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
4
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
5
5
|
import '../_chunks/dep-D-UKOauR.js';
|
|
6
|
-
import '../
|
|
6
|
+
import '../config-provider/ConfigContext.js';
|
|
7
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
7
8
|
import 'dayjs';
|
|
8
9
|
|
|
9
10
|
function FakeArrow(props) {
|
|
10
11
|
var _useConfig = useConfig(),
|
|
11
12
|
classPrefix = _useConfig.classPrefix;
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
+
return /* @__PURE__ */React__default.createElement("svg", {
|
|
13
14
|
style: props.style,
|
|
14
15
|
className: classNames("".concat(classPrefix, "-fake-arrow"), _defineProperty({}, "".concat(classPrefix, "-fake-arrow--active"), (props === null || props === void 0 ? void 0 : props.isActive) && !(props !== null && props !== void 0 && props.disabled)), props === null || props === void 0 ? void 0 : props.className),
|
|
15
16
|
width: "16",
|
|
@@ -17,7 +18,7 @@ function FakeArrow(props) {
|
|
|
17
18
|
viewBox: "0 0 16 16",
|
|
18
19
|
fill: "none",
|
|
19
20
|
xmlns: "http://www.w3.org/2000/svg"
|
|
20
|
-
}, /* @__PURE__ */
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("path", {
|
|
21
22
|
d: "M3.75 5.7998L7.99274 10.0425L12.2361 5.79921",
|
|
22
23
|
stroke: "black",
|
|
23
24
|
strokeOpacity: "0.9",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FakeArrow.js","sources":["../../../components/common/FakeArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ClassName } from \"../common\";\n\nimport useConfig from \"../hooks/useConfig\";\n\n// 翻转箭头统一组件\nfunction FakeArrow(props: {\n className?: ClassName;\n isActive?: boolean;\n disabled?: boolean;\n style?: React.CSSProperties;\n}) {\n const { classPrefix } = useConfig();\n return (\n <svg\n style={props.style}\n className={classNames(\n `${classPrefix}-fake-arrow`,\n {\n [`${classPrefix}-fake-arrow--active`]: props?.isActive && !props?.disabled\n },\n props?.className\n )}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\" stroke=\"black\" strokeOpacity=\"0.9\" strokeWidth=\"1.3\" />\n </svg>\n );\n}\n\nexport default FakeArrow;\n"],"names":["FakeArrow","props","_useConfig","useConfig","classPrefix","React","createElement","style","className","classNames","concat","_defineProperty","isActive","disabled","width","height","viewBox","fill","xmlns","d","stroke","strokeOpacity","strokeWidth"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FakeArrow.js","sources":["../../../components/common/FakeArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ClassName } from \"../common\";\n\nimport useConfig from \"../hooks/useConfig\";\n\n// 翻转箭头统一组件\nfunction FakeArrow(props: {\n className?: ClassName;\n isActive?: boolean;\n disabled?: boolean;\n style?: React.CSSProperties;\n}) {\n const { classPrefix } = useConfig();\n return (\n <svg\n style={props.style}\n className={classNames(\n `${classPrefix}-fake-arrow`,\n {\n [`${classPrefix}-fake-arrow--active`]: props?.isActive && !props?.disabled\n },\n props?.className\n )}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\" stroke=\"black\" strokeOpacity=\"0.9\" strokeWidth=\"1.3\" />\n </svg>\n );\n}\n\nexport default FakeArrow;\n"],"names":["FakeArrow","props","_useConfig","useConfig","classPrefix","React","createElement","style","className","classNames","concat","_defineProperty","isActive","disabled","width","height","viewBox","fill","xmlns","d","stroke","strokeOpacity","strokeWidth"],"mappings":";;;;;;;;;AAOA,SAASA,UAAUC,KAAA,EAKhB;AACD,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AACR,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IACCC,OAAON,KAAA,CAAMM,KAAA;AACbC,IAAAA,SAAA,EAAWC,UAAA,CAAA,EAAA,CAAAC,MAAA,CACNN,WAAW,EAAA,aAAA,CAAA,EAAAO,eAAA,CAAA,EAAA,EAAA,EAAA,CAAAD,MAAA,CAERN,WAAW,EAAA,qBAAA,CAAA,EAAwB,CAAAH,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAOW,QAAA,KAAY,EAACX,KAAA,KAAA,IAAA,IAAAA,KAAA,eAAAA,KAAA,CAAOY,QAAA,CAAA,CAAA,EAEpEZ,KAAA,KAAA,IAAA,IAAAA,KAAA,uBAAAA,KAAA,CAAOO,SACT,CAAA;AACAM,IAAAA,KAAA,EAAM,IAAA;AACNC,IAAAA,MAAA,EAAO,IAAA;AACPC,IAAAA,OAAA,EAAQ,WAAA;AACRC,IAAAA,IAAA,EAAK,MAAA;AACLC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAENb,cAAA,CAAAC,aAAA,CAAC;AAAKa,IAAAA,CAAA,EAAE,8CAAA;AAA+CC,IAAAA,QAAO,OAAA;AAAQC,IAAAA,aAAA,EAAc,KAAA;AAAMC,IAAAA,WAAA,EAAY;AAAA,GAAM,CAC9G,CAAA;AAEJ;;;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import '../config-provider/index.js';
|
|
4
4
|
import ConfigProvider from '../config-provider/ConfigProvider.js';
|
|
5
5
|
import '../_chunks/dep-D-UKOauR.js';
|
|
6
|
-
import '../
|
|
6
|
+
import '../config-provider/ConfigContext.js';
|
|
7
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
7
8
|
import 'dayjs';
|
|
8
9
|
import 'lodash-es';
|
|
9
10
|
|
|
@@ -11,7 +12,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
11
12
|
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; }
|
|
12
13
|
var PluginContainer = function PluginContainer(props) {
|
|
13
14
|
var _props$globalConfig;
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, props !== null && props !== void 0 && (_props$globalConfig = props.globalConfig) !== null && _props$globalConfig !== void 0 && _props$globalConfig.isContextEffectPlugin ? /* @__PURE__ */React__default.createElement(ConfigProvider, _objectSpread({
|
|
15
16
|
notSet: true
|
|
16
17
|
}, props), props === null || props === void 0 ? void 0 : props.children) : props === null || props === void 0 ? void 0 : props.children);
|
|
17
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PluginContainer.js","sources":["../../../components/common/PluginContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport ConfigProvider, { ConfigProviderProps } from \"../config-provider\";\n\n/**\n *\n * @param notSet 默认不传设置为true,函数是调用唤起组件不需要同步设置全局上下文信息\n * @returns\n */\nconst PluginContainer: React.FC<ConfigProviderProps> = (props) => (\n <>\n {props?.globalConfig?.isContextEffectPlugin ? (\n <ConfigProvider notSet {...props}>\n {props?.children}\n </ConfigProvider>\n ) : (\n props?.children\n )}\n </>\n);\n\nexport default PluginContainer;\n"],"names":["PluginContainer","props","_props$globalConfig","React","createElement","Fragment","globalConfig","isContextEffectPlugin","ConfigProvider","_objectSpread","notSet","children"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PluginContainer.js","sources":["../../../components/common/PluginContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport ConfigProvider, { ConfigProviderProps } from \"../config-provider\";\n\n/**\n *\n * @param notSet 默认不传设置为true,函数是调用唤起组件不需要同步设置全局上下文信息\n * @returns\n */\nconst PluginContainer: React.FC<ConfigProviderProps> = (props) => (\n <>\n {props?.globalConfig?.isContextEffectPlugin ? (\n <ConfigProvider notSet {...props}>\n {props?.children}\n </ConfigProvider>\n ) : (\n props?.children\n )}\n </>\n);\n\nexport default PluginContainer;\n"],"names":["PluginContainer","props","_props$globalConfig","React","createElement","Fragment","globalConfig","isContextEffectPlugin","ConfigProvider","_objectSpread","notSet","children"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,kBAAiD,SAAjDA,gBAAkDC,KAAA,EAAA;AAAA,EAAA,IAAAC,mBAAA;AAAA,EAAA,sBACtDC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,EACGJ,KAAA,KAAA,IAAA,IAAAA,KAAA,gBAAAC,mBAAA,GAAAD,KAAA,CAAOK,4DAAPJ,mBAAA,CAAqBK,qBAAA,kBACpBJ,cAAA,CAAAC,aAAA,CAACI,cAAA,EAAAC,aAAA,CAAA;AAAeC,IAAAA,MAAA,EAAM;KAAKT,KAAA,CAAA,EACxBA,kBAAAA,4BAAAA,MAAOU,QACV,CAAA,GAEAV,kBAAAA,4BAAAA,MAAOU,QAEX,CAAA;AAAA;;;;"}
|
package/es/common/Portal.js
CHANGED
|
@@ -2,11 +2,12 @@ import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
|
|
|
2
2
|
import { forwardRef, useMemo, useImperativeHandle } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import { c as canUseDocument } from '../_chunks/dep-DRwijJcv.js';
|
|
5
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
5
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
6
6
|
import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
|
|
7
7
|
import 'lodash-es';
|
|
8
|
-
import '../
|
|
8
|
+
import '../config-provider/ConfigContext.js';
|
|
9
9
|
import '../_chunks/dep-Cwish4GD.js';
|
|
10
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
10
11
|
import 'dayjs';
|
|
11
12
|
|
|
12
13
|
function getAttach(attach, triggerNode) {
|
package/es/common/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sources":["../../../components/common/Portal.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useImperativeHandle } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AttachNode, AttachNodeReturnValue } from \"../common\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useConfig from \"../hooks/useConfig\";\nimport useIsomorphicLayoutEffect from \"../hooks/useLayoutEffect\";\n\nexport interface PortalProps {\n /**\n * 指定挂载的 HTML 节点, false 为挂载在 body\n */\n attach?: React.ReactElement | AttachNode | boolean;\n /**\n * 触发元素\n */\n triggerNode?: HTMLElement;\n children: React.ReactNode;\n}\n\nexport function getAttach(attach: PortalProps[\"attach\"], triggerNode?: HTMLElement): AttachNodeReturnValue {\n if (!canUseDocument) return null;\n\n let el: AttachNodeReturnValue;\n if (typeof attach === \"string\") {\n el = document.querySelector(attach);\n }\n if (typeof attach === \"function\") {\n el = attach(triggerNode);\n }\n if (typeof attach === \"object\" && attach instanceof window.HTMLElement) {\n el = attach;\n }\n\n // fix el in iframe\n if (el && el.nodeType === 1) return el;\n\n return document.body;\n}\n\nconst Portal = forwardRef((props: PortalProps, ref) => {\n const { attach, children, triggerNode } = props;\n const { classPrefix } = useConfig();\n\n const container = useMemo(() => {\n if (!canUseDocument) return null;\n const el = document.createElement(\"div\");\n el.className = `${classPrefix}-portal-wrapper`;\n return el;\n }, [classPrefix]);\n\n useIsomorphicLayoutEffect(() => {\n const parentElement = getAttach(attach, triggerNode);\n parentElement?.appendChild?.(container);\n\n return () => {\n parentElement?.removeChild?.(container);\n };\n }, [container, attach, triggerNode]);\n\n useImperativeHandle(ref, () => container);\n\n return canUseDocument ? createPortal(children, container) : null;\n});\n\nPortal.displayName = \"Portal\";\n\nexport default Portal;\n"],"names":["getAttach","attach","triggerNode","canUseDocument","el","document","querySelector","_typeof","window","HTMLElement","nodeType","body","Portal","forwardRef","props","ref","children","_useConfig","useConfig","classPrefix","container","useMemo","createElement","className","concat","useIsomorphicLayoutEffect","_parentElement$append","parentElement","appendChild","call","_parentElement$remove","removeChild","useImperativeHandle","createPortal","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Portal.js","sources":["../../../components/common/Portal.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useImperativeHandle } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AttachNode, AttachNodeReturnValue } from \"../common\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useConfig from \"../hooks/useConfig\";\nimport useIsomorphicLayoutEffect from \"../hooks/useLayoutEffect\";\n\nexport interface PortalProps {\n /**\n * 指定挂载的 HTML 节点, false 为挂载在 body\n */\n attach?: React.ReactElement | AttachNode | boolean;\n /**\n * 触发元素\n */\n triggerNode?: HTMLElement;\n children: React.ReactNode;\n}\n\nexport function getAttach(attach: PortalProps[\"attach\"], triggerNode?: HTMLElement): AttachNodeReturnValue {\n if (!canUseDocument) return null;\n\n let el: AttachNodeReturnValue;\n if (typeof attach === \"string\") {\n el = document.querySelector(attach);\n }\n if (typeof attach === \"function\") {\n el = attach(triggerNode);\n }\n if (typeof attach === \"object\" && attach instanceof window.HTMLElement) {\n el = attach;\n }\n\n // fix el in iframe\n if (el && el.nodeType === 1) return el;\n\n return document.body;\n}\n\nconst Portal = forwardRef((props: PortalProps, ref) => {\n const { attach, children, triggerNode } = props;\n const { classPrefix } = useConfig();\n\n const container = useMemo(() => {\n if (!canUseDocument) return null;\n const el = document.createElement(\"div\");\n el.className = `${classPrefix}-portal-wrapper`;\n return el;\n }, [classPrefix]);\n\n useIsomorphicLayoutEffect(() => {\n const parentElement = getAttach(attach, triggerNode);\n parentElement?.appendChild?.(container);\n\n return () => {\n parentElement?.removeChild?.(container);\n };\n }, [container, attach, triggerNode]);\n\n useImperativeHandle(ref, () => container);\n\n return canUseDocument ? createPortal(children, container) : null;\n});\n\nPortal.displayName = \"Portal\";\n\nexport default Portal;\n"],"names":["getAttach","attach","triggerNode","canUseDocument","el","document","querySelector","_typeof","window","HTMLElement","nodeType","body","Portal","forwardRef","props","ref","children","_useConfig","useConfig","classPrefix","container","useMemo","createElement","className","concat","useIsomorphicLayoutEffect","_parentElement$append","parentElement","appendChild","call","_parentElement$remove","removeChild","useImperativeHandle","createPortal","displayName"],"mappings":";;;;;;;;;;;;AAmBO,SAASA,SAAAA,CAAUC,QAA+BC,WAAA,EAAkD;AACzG,EAAA,IAAI,CAACC,gBAAgB,OAAO,IAAA;AAE5B,EAAA,IAAIC,EAAA;AACJ,EAAA,IAAI,OAAOH,WAAW,QAAA,EAAU;AAC9BG,IAAAA,EAAA,GAAKC,QAAA,CAASC,cAAcL,MAAM,CAAA;AACpC,EAAA;AACA,EAAA,IAAI,OAAOA,WAAW,UAAA,EAAY;AAChCG,IAAAA,EAAA,GAAKH,OAAOC,WAAW,CAAA;AACzB,EAAA;EACA,IAAIK,OAAA,CAAON,MAAA,CAAA,KAAW,QAAA,IAAYA,MAAA,YAAkBO,OAAOC,WAAA,EAAa;AACtEL,IAAAA,EAAA,GAAKH,MAAA;AACP,EAAA;EAGA,IAAIG,EAAA,IAAMA,EAAA,CAAGM,QAAA,KAAa,CAAA,EAAG,OAAON,EAAA;EAEpC,OAAOC,QAAA,CAASM,IAAA;AAClB;AAEA,IAAMC,MAAA,gBAASC,UAAA,CAAW,UAACC,KAAA,EAAoBC,GAAA,EAAQ;AACrD,EAAA,IAAQd,MAAA,GAAkCa,KAAA,CAAlCb,MAAA;IAAQe,QAAA,GAA0BF,KAAA,CAA1BE,QAAA;IAAUd,WAAA,GAAgBY,KAAA,CAAhBZ,WAAA;AAC1B,EAAA,IAAAe,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAER,EAAA,IAAMC,SAAA,GAAYC,QAAQ,YAAM;AAC9B,IAAA,IAAI,CAAClB,gBAAgB,OAAO,IAAA;AAC5B,IAAA,IAAMC,EAAA,GAAKC,QAAA,CAASiB,aAAA,CAAc,KAAK,CAAA;AACvClB,IAAAA,EAAA,CAAGmB,SAAA,GAAA,EAAA,CAAAC,MAAA,CAAeL,WAAW,EAAA,iBAAA,CAAA;AAC7B,IAAA,OAAOf,EAAA;AACT,EAAA,CAAA,EAAG,CAACe,WAAW,CAAC,CAAA;AAEhBM,EAAAA,yBAAA,CAA0B,YAAM;AAAA,IAAA,IAAAC,qBAAA;AAC9B,IAAA,IAAMC,aAAA,GAAgB3B,SAAA,CAAUC,MAAA,EAAQC,WAAW,CAAA;AACnDyB,IAAAA,aAAA,aAAAA,aAAA,KAAA,KAAA,CAAA,IAAA,CAAAD,qBAAA,GAAAC,aAAA,CAAeC,6DAAfF,qBAAA,CAAAG,IAAA,CAAAF,aAAA,EAA6BP,SAAS,CAAA;AAEtC,IAAA,OAAO,YAAM;AAAA,MAAA,IAAAU,qBAAA;AACXH,MAAAA,aAAA,aAAAA,aAAA,KAAA,KAAA,CAAA,IAAA,CAAAG,qBAAA,GAAAH,aAAA,CAAeI,6DAAfD,qBAAA,CAAAD,IAAA,CAAAF,aAAA,EAA6BP,SAAS,CAAA;IACxC,CAAA;EACF,CAAA,EAAG,CAACA,SAAA,EAAWnB,MAAA,EAAQC,WAAW,CAAC,CAAA;EAEnC8B,mBAAA,CAAoBjB,GAAA,EAAK,YAAA;AAAA,IAAA,OAAMK,SAAS;EAAA,CAAA,CAAA;EAExC,OAAOjB,cAAA,gBAAiB8B,YAAA,CAAajB,QAAA,EAAUI,SAAS,CAAA,GAAI,IAAA;AAC9D,CAAC;AAEDR,MAAA,CAAOsB,WAAA,GAAc,QAAA;;;;"}
|