@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
package/es/alert/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/alert/index.ts"],"sourcesContent":["import _Alert from \"./Alert\";\n\nimport \"./style/index.js\";\n\nexport type { AlertProps } from \"./Alert\";\nexport * from \"./type\";\n\nexport const Alert = _Alert;\nexport default Alert;\n"],"names":["Alert","_Alert"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/alert/index.ts"],"sourcesContent":["import _Alert from \"./Alert\";\n\nimport \"./style/index.js\";\n\nexport type { AlertProps } from \"./Alert\";\nexport * from \"./type\";\n\nexport const Alert = _Alert;\nexport default Alert;\n"],"names":["Alert","_Alert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,KAAA,GAAQC;;;;"}
|
package/es/badge/Badge.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
2
|
import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
|
|
3
|
-
import
|
|
3
|
+
import React__default, { forwardRef } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
5
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
6
6
|
import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
|
|
7
7
|
import '../_chunks/dep-D-UKOauR.js';
|
|
8
|
-
import '../
|
|
8
|
+
import '../config-provider/ConfigContext.js';
|
|
9
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
9
10
|
import 'dayjs';
|
|
10
11
|
|
|
11
12
|
var badgeDefaultProps = {
|
|
@@ -64,14 +65,14 @@ var Badge = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
64
65
|
}
|
|
65
66
|
return mergedStyle;
|
|
66
67
|
};
|
|
67
|
-
var badge = !isHidden ? /* @__PURE__ */
|
|
68
|
+
var badge = !isHidden ? /* @__PURE__ */React__default.createElement("span", _objectSpread(_objectSpread({}, childNode ? {} : restProps), {}, {
|
|
68
69
|
className: badgeClassName,
|
|
69
70
|
style: getStyle()
|
|
70
71
|
}), !dot ? getDisplayCount() : null) : null;
|
|
71
72
|
if (!childNode) {
|
|
72
73
|
return badge;
|
|
73
74
|
}
|
|
74
|
-
return /* @__PURE__ */
|
|
75
|
+
return /* @__PURE__ */React__default.createElement("span", _objectSpread(_objectSpread({}, restProps), {}, {
|
|
75
76
|
className: classNames("".concat(classPrefix, "-badge"), className),
|
|
76
77
|
ref: ref
|
|
77
78
|
}), childNode, badge);
|
package/es/badge/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../components/badge/defaultProps.ts","../../../components/badge/Badge.tsx"],"sourcesContent":["import { TdBadgeProps } from \"./type\";\n\nexport const badgeDefaultProps: TdBadgeProps = {\n count: 0,\n dot: false,\n maxCount: 99,\n shape: \"circle\",\n showZero: false,\n size: \"medium\"\n};\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledProps } from \"../common\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdBadgeProps } from \"./type\";\nimport { badgeDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport interface BadgeProps extends TdBadgeProps, StyledProps {}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {\n const {\n color,\n dot,\n maxCount,\n count,\n size,\n shape,\n showZero,\n offset,\n className,\n content,\n children,\n style,\n ...restProps\n } = useDefaultProps<BadgeProps>(props, badgeDefaultProps);\n const { classPrefix } = useConfig();\n\n const childNode = content || children;\n\n const badgeClassName = classNames(\n !childNode && `${classPrefix}-badge--static`,\n dot ? `${classPrefix}-badge--dot` : `${classPrefix}-badge--${shape}`,\n size === \"small\" && `${classPrefix}-size-s`,\n !childNode && className\n );\n const getDisplayCount = () => {\n if (typeof count === \"number\" && count > maxCount) {\n return `${maxCount}+`;\n }\n return count;\n };\n\n let isHidden = !count;\n if (typeof count === \"number\") {\n isHidden = count < 1 && !showZero;\n }\n\n const getStyle = () => {\n const mergedStyle: React.CSSProperties = { ...style };\n if (color) {\n mergedStyle.backgroundColor = color;\n }\n if (offset) {\n if (offset[0]) {\n mergedStyle.right = +offset[0];\n }\n if (offset[1]) {\n mergedStyle.marginTop = +offset[1];\n }\n }\n return mergedStyle;\n };\n\n const badge = !isHidden ? (\n <span {...(childNode ? {} : restProps)} className={badgeClassName} style={getStyle()}>\n {!dot ? getDisplayCount() : null}\n </span>\n ) : null;\n\n if (!childNode) {\n return badge;\n }\n\n return (\n <span {...restProps} className={classNames(`${classPrefix}-badge`, className)} ref={ref}>\n {childNode}\n {badge}\n </span>\n );\n});\n\nBadge.displayName = \"Badge\";\n\nexport default Badge;\n"],"names":["badgeDefaultProps","count","dot","maxCount","shape","showZero","size","Badge","forwardRef","props","ref","_useDefaultProps","useDefaultProps","color","offset","className","content","children","style","restProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","childNode","badgeClassName","classNames","concat","getDisplayCount","isHidden","getStyle","mergedStyle","_objectSpread","backgroundColor","right","marginTop","badge","React","createElement","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../components/badge/defaultProps.ts","../../../components/badge/Badge.tsx"],"sourcesContent":["import { TdBadgeProps } from \"./type\";\n\nexport const badgeDefaultProps: TdBadgeProps = {\n count: 0,\n dot: false,\n maxCount: 99,\n shape: \"circle\",\n showZero: false,\n size: \"medium\"\n};\n","import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledProps } from \"../common\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdBadgeProps } from \"./type\";\nimport { badgeDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport interface BadgeProps extends TdBadgeProps, StyledProps {}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {\n const {\n color,\n dot,\n maxCount,\n count,\n size,\n shape,\n showZero,\n offset,\n className,\n content,\n children,\n style,\n ...restProps\n } = useDefaultProps<BadgeProps>(props, badgeDefaultProps);\n const { classPrefix } = useConfig();\n\n const childNode = content || children;\n\n const badgeClassName = classNames(\n !childNode && `${classPrefix}-badge--static`,\n dot ? `${classPrefix}-badge--dot` : `${classPrefix}-badge--${shape}`,\n size === \"small\" && `${classPrefix}-size-s`,\n !childNode && className\n );\n const getDisplayCount = () => {\n if (typeof count === \"number\" && count > maxCount) {\n return `${maxCount}+`;\n }\n return count;\n };\n\n let isHidden = !count;\n if (typeof count === \"number\") {\n isHidden = count < 1 && !showZero;\n }\n\n const getStyle = () => {\n const mergedStyle: React.CSSProperties = { ...style };\n if (color) {\n mergedStyle.backgroundColor = color;\n }\n if (offset) {\n if (offset[0]) {\n mergedStyle.right = +offset[0];\n }\n if (offset[1]) {\n mergedStyle.marginTop = +offset[1];\n }\n }\n return mergedStyle;\n };\n\n const badge = !isHidden ? (\n <span {...(childNode ? {} : restProps)} className={badgeClassName} style={getStyle()}>\n {!dot ? getDisplayCount() : null}\n </span>\n ) : null;\n\n if (!childNode) {\n return badge;\n }\n\n return (\n <span {...restProps} className={classNames(`${classPrefix}-badge`, className)} ref={ref}>\n {childNode}\n {badge}\n </span>\n );\n});\n\nBadge.displayName = \"Badge\";\n\nexport default Badge;\n"],"names":["badgeDefaultProps","count","dot","maxCount","shape","showZero","size","Badge","forwardRef","props","ref","_useDefaultProps","useDefaultProps","color","offset","className","content","children","style","restProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","childNode","badgeClassName","classNames","concat","getDisplayCount","isHidden","getStyle","mergedStyle","_objectSpread","backgroundColor","right","marginTop","badge","React","createElement","displayName"],"mappings":";;;;;;;;;;;AAEO,IAAMA,iBAAA,GAAkC;AAC7CC,EAAAA,KAAA,EAAO,CAAA;AACPC,EAAAA,GAAA,EAAK,KAAA;AACLC,EAAAA,QAAA,EAAU,EAAA;AACVC,EAAAA,KAAA,EAAO,QAAA;AACPC,EAAAA,QAAA,EAAU,KAAA;AACVC,EAAAA,IAAA,EAAM;AACR,CAAA;;;;;ACCA,IAAMC,KAAA,gBAAQC,UAAA,CAAwC,UAACC,KAAA,EAAOC,GAAA,EAAQ;AACpE,EAAA,IAAAC,gBAAA,GAcIC,eAAA,CAA4BH,KAAA,EAAOT,iBAAiB,CAAA;IAbtDa,KAAA,GAAAF,gBAAA,CAAAE,KAAA;IACAX,GAAA,GAAAS,gBAAA,CAAAT,GAAA;IACAC,QAAA,GAAAQ,gBAAA,CAAAR,QAAA;IACAF,KAAA,GAAAU,gBAAA,CAAAV,KAAA;IACAK,IAAA,GAAAK,gBAAA,CAAAL,IAAA;IACAF,KAAA,GAAAO,gBAAA,CAAAP,KAAA;IACAC,QAAA,GAAAM,gBAAA,CAAAN,QAAA;IACAS,MAAA,GAAAH,gBAAA,CAAAG,MAAA;IACAC,SAAA,GAAAJ,gBAAA,CAAAI,SAAA;IACAC,OAAA,GAAAL,gBAAA,CAAAK,OAAA;IACAC,QAAA,GAAAN,gBAAA,CAAAM,QAAA;IACAC,KAAA,GAAAP,gBAAA,CAAAO,KAAA;AACGC,IAAAA,SAAA,GAAAC,wBAAA,CAAAT,gBAAA,EAAAU,SAAA,CAAA;AAEL,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAER,EAAA,IAAMC,YAAYT,OAAA,IAAWC,QAAA;AAE7B,EAAA,IAAMS,cAAA,GAAiBC,UAAA,CACrB,CAACF,SAAA,OAAAG,MAAA,CAAgBJ,WAAW,EAAA,gBAAA,CAAA,EAC5BtB,gBAASsB,WAAW,sBAAAI,MAAA,CAAmBJ,WAAW,EAAA,UAAA,CAAA,CAAAI,MAAA,CAAWxB,KAAK,CAAA,EAClEE,IAAA,KAAS,OAAA,IAAA,EAAA,CAAAsB,MAAA,CAAcJ,WAAW,EAAA,SAAA,CAAA,EAClC,CAACC,SAAA,IAAaV,SAChB,CAAA;AACA,EAAA,IAAMc,kBAAkB,SAAlBA,kBAAwB;IAC5B,IAAI,OAAO5B,KAAA,KAAU,QAAA,IAAYA,KAAA,GAAQE,QAAA,EAAU;MACjD,OAAA,EAAA,CAAAyB,MAAA,CAAUzB,QAAQ,EAAA,GAAA,CAAA;AACpB,IAAA;AACA,IAAA,OAAOF,KAAA;EACT,CAAA;EAEA,IAAI6B,WAAW,CAAC7B,KAAA;AAChB,EAAA,IAAI,OAAOA,UAAU,QAAA,EAAU;AAC7B6B,IAAAA,QAAA,GAAW7B,KAAA,GAAQ,KAAK,CAACI,QAAA;AAC3B,EAAA;AAEA,EAAA,IAAM0B,WAAW,SAAXA,WAAiB;AACrB,IAAA,IAAMC,WAAA,GAAAC,aAAA,CAAA,EAAA,EAAwCf,KAAA,CAAM;AACpD,IAAA,IAAIL,KAAA,EAAO;MACTmB,WAAA,CAAYE,eAAA,GAAkBrB,KAAA;AAChC,IAAA;AACA,IAAA,IAAIC,MAAA,EAAQ;AACV,MAAA,IAAIA,MAAA,CAAO,CAAC,CAAA,EAAG;AACbkB,QAAAA,WAAA,CAAYG,KAAA,GAAQ,CAACrB,MAAA,CAAO,CAAC,CAAA;AAC/B,MAAA;AACA,MAAA,IAAIA,MAAA,CAAO,CAAC,CAAA,EAAG;AACbkB,QAAAA,WAAA,CAAYI,SAAA,GAAY,CAACtB,MAAA,CAAO,CAAC,CAAA;AACnC,MAAA;AACF,IAAA;AACA,IAAA,OAAOkB,WAAA;EACT,CAAA;EAEA,IAAMK,KAAA,GAAQ,CAACP,QAAA,kBACbQ,cAAA,CAAAC,aAAA,CAAC,wCAAUd,SAAA,GAAY,EAAC,GAAIN,SAAA,CAAA,EAAA,EAAA,EAAA;AAAYJ,IAAAA,WAAWW,cAAA;IAAgBR,KAAA,EAAOa;GAAS,CAAA,EAChF,CAAC7B,MAAM2B,eAAA,EAAgB,GAAI,IAC9B,CAAA,GACE,IAAA;EAEJ,IAAI,CAACJ,SAAA,EAAW;AACd,IAAA,OAAOY,KAAA;AACT,EAAA;EAEA,sBACEC,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAAN,aAAA,CAAAA,aAAA,CAAA,EAAA,EAASd,SAAA,CAAA,EAAA,EAAA,EAAA;IAAWJ,SAAA,EAAWY,UAAA,CAAA,EAAA,CAAAC,MAAA,CAAcJ,WAAW,EAAA,QAAA,CAAA,EAAUT,SAAS,CAAA;AAAGL,IAAAA,GAAA,EAAAA;GAAA,CAAA,EAC5Ee,WACAY,KACH,CAAA;AAEJ,CAAC;AAED9B,KAAA,CAAMiC,WAAA,GAAc,OAAA;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
function Base() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement(Badge, {
|
|
6
|
+
count: 2
|
|
7
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u6309\u94AE"));
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { Base as default };
|
|
11
|
+
//# sourceMappingURL=base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../components/badge/_example/base.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, Button } from \"@tendaui/react\";\n\nexport default function Base() {\n return (\n <Badge count={2}>\n <Button>按钮</Button>\n </Badge>\n );\n}"],"names":["Base","Badge","count","React","createElement","Button"],"mappings":";;;AAGA,SAAwBA,IAAAA,GAAO;AAC7B,EAAA,mDACGC,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;oBACZC,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA,IAAA,EAAO,cAAE,CACZ,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function Count() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 1
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: badgeBlockStyle
|
|
22
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
23
|
+
count: 16
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: badgeBlockStyle
|
|
26
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
27
|
+
count: 99
|
|
28
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
29
|
+
style: badgeBlockStyle
|
|
30
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
31
|
+
count: 100
|
|
32
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
33
|
+
style: badgeBlockStyle
|
|
34
|
+
})));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { Count as default };
|
|
38
|
+
//# sourceMappingURL=count.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"count.js","sources":["../../../../components/badge/_example/count.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function Count() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={1}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={16}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={99}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={100}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","Count","React","createElement","style","display","gap","alignItems","Badge","count"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,KAAAA,GAAQ;AAC9B,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,8CAC9DC,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,iBACZP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,8CACX,KAAA,EAAA;AAAIL,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,iBACZP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,8CACX,KAAA,EAAA;AAAIL,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function CustomColor() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 8,
|
|
20
|
+
color: "var(--td-success-color)"
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: badgeBlockStyle
|
|
23
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
24
|
+
count: 8,
|
|
25
|
+
color: "var(--td-warning-color)"
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
27
|
+
style: badgeBlockStyle
|
|
28
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
29
|
+
count: 8,
|
|
30
|
+
color: "var(--td-brand-color)"
|
|
31
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
32
|
+
style: badgeBlockStyle
|
|
33
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
34
|
+
count: "new",
|
|
35
|
+
color: "#6366f1"
|
|
36
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
37
|
+
style: badgeBlockStyle
|
|
38
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
39
|
+
dot: true,
|
|
40
|
+
count: 1,
|
|
41
|
+
color: "var(--td-success-color)"
|
|
42
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
43
|
+
style: badgeBlockStyle
|
|
44
|
+
})));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export { CustomColor as default };
|
|
48
|
+
//# sourceMappingURL=custom-color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"custom-color.js","sources":["../../../../components/badge/_example/custom-color.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function CustomColor() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={8} color=\"var(--td-success-color)\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} color=\"var(--td-warning-color)\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} color=\"var(--td-brand-color)\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count=\"new\" color=\"#6366f1\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge dot count={1} color=\"var(--td-success-color)\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","CustomColor","React","createElement","style","display","gap","alignItems","Badge","count","color","dot"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,WAAAA,GAAc;AACpC,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,iBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAGC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBACrBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,KAAA,EAAM;oBACrBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBACrBR,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAM,KAAA;AAAMC,IAAAA,KAAA,EAAM;oBACvBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMG,IAAAA,KAAG,IAAA;AAACF,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,KAAA,EAAM;oBACzBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function Dot() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
dot: true,
|
|
20
|
+
count: 1
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: badgeBlockStyle
|
|
23
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
24
|
+
dot: true,
|
|
25
|
+
count: 1
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u6D88\u606F")), /* @__PURE__ */React__default.createElement(Badge, {
|
|
27
|
+
dot: true
|
|
28
|
+
}, /* @__PURE__ */React__default.createElement("span", {
|
|
29
|
+
style: {
|
|
30
|
+
fontSize: "16px"
|
|
31
|
+
}
|
|
32
|
+
}, "\u901A\u77E5")));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export { Dot as default };
|
|
36
|
+
//# sourceMappingURL=dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dot.js","sources":["../../../../components/badge/_example/dot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, Button } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function Dot() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge dot count={1}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge dot count={1}>\n <Button>消息</Button>\n </Badge>\n <Badge dot>\n <span style={{ fontSize: \"16px\" }}>通知</span>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","Dot","React","createElement","style","display","gap","alignItems","Badge","dot","count","Button","fontSize"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,GAAAA,GAAM;AAC5B,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAQC,MAAAA,UAAA,EAAY;AAAS;oBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAG,IAAA;AAACC,IAAAA,KAAA,EAAO;oBAChBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,GAAA,EAAG;AAACC,IAAAA,KAAA,EAAO;GAAA,8CACfC,MAAA,EAAA,IAAA,EAAO,cAAE,CACZ,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAG;AAAA,GAAA,iBACRP,cAAA,CAAAC,aAAA,CAAC;AAAKC,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,UAAU;AAAO;AAAA,GAAA,EAAG,cAAE,CACvC,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function MaxCount() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 100,
|
|
20
|
+
maxCount: 99
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: badgeBlockStyle
|
|
23
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
24
|
+
count: 1e3,
|
|
25
|
+
maxCount: 999
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
27
|
+
style: badgeBlockStyle
|
|
28
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
29
|
+
count: 50,
|
|
30
|
+
maxCount: 20
|
|
31
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
32
|
+
style: badgeBlockStyle
|
|
33
|
+
})));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { MaxCount as default };
|
|
37
|
+
//# sourceMappingURL=max-count.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"max-count.js","sources":["../../../../components/badge/_example/max-count.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function MaxCount() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={100} maxCount={99}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={1000} maxCount={999}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={50} maxCount={20}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","MaxCount","React","createElement","style","display","gap","alignItems","Badge","count","maxCount"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,QAAAA,GAAW;AACjC,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAQC,MAAAA,UAAA,EAAY;AAAS;oBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,OAAO,GAAA;AAAKC,IAAAA,QAAA,EAAU;oBAC3BR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAMC,IAAAA,QAAA,EAAU;AAAA,GAAA,8CAC3B,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAIC,IAAAA,QAAA,EAAU;AAAA,GAAA,8CACzB,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function Offset() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "40px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 8
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: badgeBlockStyle
|
|
22
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
23
|
+
count: 8,
|
|
24
|
+
offset: [-5, 5]
|
|
25
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
26
|
+
style: badgeBlockStyle
|
|
27
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
28
|
+
count: 8,
|
|
29
|
+
offset: [5, -5]
|
|
30
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
31
|
+
style: badgeBlockStyle
|
|
32
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
33
|
+
count: 8,
|
|
34
|
+
offset: [-10, 10]
|
|
35
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
36
|
+
style: badgeBlockStyle
|
|
37
|
+
})));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { Offset as default };
|
|
41
|
+
//# sourceMappingURL=offset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"offset.js","sources":["../../../../components/badge/_example/offset.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function Offset() {\n return (\n <div style={{ display: \"flex\", gap: \"40px\", alignItems: \"center\" }}>\n <Badge count={8}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} offset={[-5, 5]}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} offset={[5, -5]}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} offset={[-10, 10]}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","Offset","React","createElement","style","display","gap","alignItems","Badge","count","offset"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,MAAAA,GAAS;AAC/B,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,iBAC/DL,cAAA,CAAAC,aAAA,CAACK;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,iBACZP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,MAAA,EAAQ,CAAC,CAAA,CAAA,EAAI,CAAC;oBAC7BR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAA,CAAE;AAAA,GAAA,iBAC7BR,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,QAAQ,CAAC,CAAA,EAAA,EAAK,EAAE;AAAA,GAAA,iBAC/BR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function Shape() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 8,
|
|
20
|
+
shape: "circle"
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: badgeBlockStyle
|
|
23
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
24
|
+
count: 88,
|
|
25
|
+
shape: "circle"
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
27
|
+
style: badgeBlockStyle
|
|
28
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
29
|
+
count: 8,
|
|
30
|
+
shape: "round"
|
|
31
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
32
|
+
style: badgeBlockStyle
|
|
33
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
34
|
+
count: 88,
|
|
35
|
+
shape: "round"
|
|
36
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
37
|
+
style: badgeBlockStyle
|
|
38
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
39
|
+
count: "new",
|
|
40
|
+
shape: "round"
|
|
41
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
42
|
+
style: badgeBlockStyle
|
|
43
|
+
})));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export { Shape as default };
|
|
47
|
+
//# sourceMappingURL=shape.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shape.js","sources":["../../../../components/badge/_example/shape.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function Shape() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={8} shape=\"circle\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={88} shape=\"circle\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} shape=\"round\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={88} shape=\"round\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count=\"new\" shape=\"round\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","Shape","React","createElement","style","display","gap","alignItems","Badge","count","shape"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,KAAAA,GAAQ;AAC9B,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,iBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,OAAO,CAAA;AAAGC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBACrBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,kBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,EAAA;AAAIC,IAAAA,OAAM;AAAA,GAAA,iBACtBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,KAAA,EAAM;AAAA,GAAA,8CACpB,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAIC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBACtBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAM,KAAA;AAAMC,IAAAA,KAAA,EAAM;oBACvBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function ShowZero() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 0
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: badgeBlockStyle
|
|
22
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
23
|
+
count: 0,
|
|
24
|
+
showZero: true
|
|
25
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
26
|
+
style: badgeBlockStyle
|
|
27
|
+
})));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { ShowZero as default };
|
|
31
|
+
//# sourceMappingURL=show-zero.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"show-zero.js","sources":["../../../../components/badge/_example/show-zero.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function ShowZero() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={0}>\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={0} showZero>\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","ShowZero","React","createElement","style","display","gap","alignItems","Badge","count","showZero"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,QAAAA,GAAW;AACjC,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,iBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,OAAO;AAAA,GAAA,iBACZP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CAAA,iBACAO,cAAA,CAAAC,aAAA,CAACK;AAAMC,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,QAAA,EAAQ;AAAA,GAAA,iBACvBR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAOT;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function Size() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: 8,
|
|
20
|
+
size: "medium"
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: badgeBlockStyle
|
|
23
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
24
|
+
count: 8,
|
|
25
|
+
size: "small"
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
27
|
+
style: badgeBlockStyle
|
|
28
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
29
|
+
count: 88,
|
|
30
|
+
size: "medium"
|
|
31
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
32
|
+
style: badgeBlockStyle
|
|
33
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
34
|
+
count: 88,
|
|
35
|
+
size: "small"
|
|
36
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
37
|
+
style: badgeBlockStyle
|
|
38
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
39
|
+
dot: true,
|
|
40
|
+
count: 1,
|
|
41
|
+
size: "medium"
|
|
42
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
43
|
+
style: badgeBlockStyle
|
|
44
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
45
|
+
dot: true,
|
|
46
|
+
count: 1,
|
|
47
|
+
size: "small"
|
|
48
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
49
|
+
style: badgeBlockStyle
|
|
50
|
+
})));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export { Size as default };
|
|
54
|
+
//# sourceMappingURL=size.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"size.js","sources":["../../../../components/badge/_example/size.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function Size() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={8} size=\"medium\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={8} size=\"small\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={88} size=\"medium\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count={88} size=\"small\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge dot count={1} size=\"medium\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge dot count={1} size=\"small\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","Size","style","display","gap","alignItems","Badge","count","size","React","createElement","dot"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,IAAAA,GAAO;AAC7B,EAAA,mDACG,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,KAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,8CAC9DC,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAGC,IAAAA,IAAA,EAAK;AAAA,GAAA,8CACnB,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,kBACAc,cAAA,CAAAC,aAAA,CAACJ,KAAA,EAAA;AAAMC,IAAAA,OAAO,CAAA;AAAGC,IAAAA,IAAA,EAAK;oBACpBC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIR,IAAAA,OAAOP;GAAiB,CAC/B,kBACAc,cAAA,CAAAC,aAAA,CAACJ,KAAA,EAAA;AAAMC,IAAAA,OAAO,EAAA;AAAIC,IAAAA,IAAA,EAAK;oBACrBC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIR,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,CAAA,iBACAc,cAAA,CAAAC,aAAA,CAACJ;AAAMC,IAAAA,KAAA,EAAO,EAAA;AAAIC,IAAAA,MAAK;AAAA,GAAA,iBACrBC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIR,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,CAAA,8CACCW,KAAA,EAAA;AAAMK,IAAAA,GAAA,EAAG;AAACJ,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,IAAA,EAAK;AAAA,GAAA,8CACvB,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,CAAA,8CACCW,KAAA,EAAA;AAAMK,IAAAA,GAAA,EAAG;AAACJ,IAAAA,KAAA,EAAO,CAAA;AAAGC,IAAAA,MAAK;AAAA,GAAA,iBACxBC,cAAA,CAAAC,aAAA,CAAC;AAAIR,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
function Standalone() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
gap: "16px",
|
|
9
|
+
alignItems: "center"
|
|
10
|
+
}
|
|
11
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
12
|
+
count: 8
|
|
13
|
+
}), /* @__PURE__ */React__default.createElement(Badge, {
|
|
14
|
+
count: 88
|
|
15
|
+
}), /* @__PURE__ */React__default.createElement(Badge, {
|
|
16
|
+
count: 888
|
|
17
|
+
}), /* @__PURE__ */React__default.createElement(Badge, {
|
|
18
|
+
count: "new",
|
|
19
|
+
shape: "round"
|
|
20
|
+
}), /* @__PURE__ */React__default.createElement(Badge, {
|
|
21
|
+
dot: true,
|
|
22
|
+
count: 1
|
|
23
|
+
}));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export { Standalone as default };
|
|
27
|
+
//# sourceMappingURL=standalone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"standalone.js","sources":["../../../../components/badge/_example/standalone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge } from \"@tendaui/react\";\n\nexport default function Standalone() {\n return (\n <div style={{ display: \"flex\", gap: \"16px\", alignItems: \"center\" }}>\n <Badge count={8} />\n <Badge count={88} />\n <Badge count={888} />\n <Badge count=\"new\" shape=\"round\" />\n <Badge dot count={1} />\n </div>\n );\n}"],"names":["Standalone","style","display","gap","alignItems","React","createElement","Badge","count","shape","dot"],"mappings":";;;AAGA,SAAwBA,UAAAA,GAAa;AACnC,EAAA,mDACG,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;oBAC/DC,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AAAMC,IAAAA,OAAO;GAAG,CAAA,8CAChBD,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;GAAI,CAAA,8CACjBD,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;GAAK,CAAA,iBACnBH,cAAA,CAAAC,aAAA,CAACC;AAAMC,IAAAA,KAAA,EAAM,KAAA;AAAMC,IAAAA,KAAA,EAAM;GAAQ,kBACjCJ,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AAAMG,IAAAA,KAAG,IAAA;AAACF,IAAAA,KAAA,EAAO;GAAG,CACvB,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var badgeBlockStyle = {
|
|
5
|
+
width: "40px",
|
|
6
|
+
height: "40px",
|
|
7
|
+
background: "#EEEEEE",
|
|
8
|
+
border: "1px solid #DCDCDC",
|
|
9
|
+
borderRadius: "3px"
|
|
10
|
+
};
|
|
11
|
+
function TextCount() {
|
|
12
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
13
|
+
style: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
gap: "24px",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
}
|
|
18
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
19
|
+
count: "new"
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: badgeBlockStyle
|
|
22
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
23
|
+
count: "hot"
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: badgeBlockStyle
|
|
26
|
+
})), /* @__PURE__ */React__default.createElement(Badge, {
|
|
27
|
+
count: "NEW"
|
|
28
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u65B0\u54C1")));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { TextCount as default };
|
|
32
|
+
//# sourceMappingURL=text-count.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-count.js","sources":["../../../../components/badge/_example/text-count.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, Button } from \"@tendaui/react\";\n\nconst badgeBlockStyle: React.CSSProperties = {\n width: \"40px\",\n height: \"40px\",\n background: \"#EEEEEE\",\n border: \"1px solid #DCDCDC\",\n borderRadius: \"3px\"\n};\n\nexport default function TextCount() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count=\"new\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count=\"hot\">\n <div style={badgeBlockStyle}></div>\n </Badge>\n <Badge count=\"NEW\">\n <Button>新品</Button>\n </Badge>\n </div>\n );\n}"],"names":["badgeBlockStyle","width","height","background","border","borderRadius","TextCount","style","display","gap","alignItems","React","createElement","Badge","count","Button"],"mappings":";;;AAGA,IAAMA,eAAA,GAAuC;AAC3CC,EAAAA,KAAA,EAAO,MAAA;AACPC,EAAAA,MAAA,EAAQ,MAAA;AACRC,EAAAA,UAAA,EAAY,SAAA;AACZC,EAAAA,MAAA,EAAQ,mBAAA;AACRC,EAAAA,YAAA,EAAc;AAChB,CAAA;AAEA,SAAwBC,SAAAA,GAAY;AAClC,EAAA,mDACG,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;oBAC/DC,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AAAMC,IAAAA,OAAM;AAAA,GAAA,iBACXH,cAAA,CAAAC,aAAA,CAAC;AAAIL,IAAAA,KAAA,EAAOP;GAAiB,CAC/B,CAAA,8CACCa,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAM;oBACXH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIL,IAAAA,OAAOP;GAAiB,CAC/B,CAAA,iBACAW,cAAA,CAAAC,aAAA,CAACC;AAAMC,IAAAA,KAAA,EAAM;AAAA,GAAA,8CACVC,MAAA,EAAA,IAAA,EAAO,cAAE,CACZ,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Badge, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
function WithButton() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
gap: "24px",
|
|
9
|
+
alignItems: "center"
|
|
10
|
+
}
|
|
11
|
+
}, /* @__PURE__ */React__default.createElement(Badge, {
|
|
12
|
+
count: 5
|
|
13
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u6D88\u606F")), /* @__PURE__ */React__default.createElement(Badge, {
|
|
14
|
+
count: 12
|
|
15
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
16
|
+
theme: "primary"
|
|
17
|
+
}, "\u901A\u77E5")), /* @__PURE__ */React__default.createElement(Badge, {
|
|
18
|
+
dot: true,
|
|
19
|
+
count: 1
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
21
|
+
variant: "outline"
|
|
22
|
+
}, "\u63D0\u9192")), /* @__PURE__ */React__default.createElement(Badge, {
|
|
23
|
+
count: "new",
|
|
24
|
+
shape: "round",
|
|
25
|
+
color: "var(--td-success-color)"
|
|
26
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
27
|
+
theme: "success",
|
|
28
|
+
variant: "outline"
|
|
29
|
+
}, "\u65B0\u529F\u80FD")));
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { WithButton as default };
|
|
33
|
+
//# sourceMappingURL=with-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-button.js","sources":["../../../../components/badge/_example/with-button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Badge, Button } from \"@tendaui/react\";\n\nexport default function WithButton() {\n return (\n <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n <Badge count={5}>\n <Button>消息</Button>\n </Badge>\n <Badge count={12}>\n <Button theme=\"primary\">通知</Button>\n </Badge>\n <Badge dot count={1}>\n <Button variant=\"outline\">提醒</Button>\n </Badge>\n <Badge count=\"new\" shape=\"round\" color=\"var(--td-success-color)\">\n <Button theme=\"success\" variant=\"outline\">\n 新功能\n </Button>\n </Badge>\n </div>\n );\n}"],"names":["WithButton","React","createElement","style","display","gap","alignItems","Badge","count","Button","theme","dot","variant","shape","color"],"mappings":";;;AAGA,SAAwBA,UAAAA,GAAa;AACnC,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;AAAA,GAAA,iBAC/DL,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;GAAA,iBACZP,cAAA,CAAAC,aAAA,CAACO,MAAA,EAAA,IAAA,EAAO,cAAE,CACZ,CAAA,iBACAR,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,iBACZP,cAAA,CAAAC,aAAA,CAACO,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM;GAAA,EAAU,cAAE,CAC5B,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMI,IAAAA,GAAA,EAAG,IAAA;AAACH,IAAAA,KAAA,EAAO;AAAA,GAAA,iBAChBP,cAAA,CAAAC,aAAA,CAACO,MAAA,EAAA;AAAOG,IAAAA,OAAA,EAAQ;GAAA,EAAU,cAAE,CAC9B,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAM,KAAA;AAAMK,IAAAA,KAAA,EAAM,OAAA;AAAQC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBACrCb,cAAA,CAAAC,aAAA,CAACO,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;AAAUE,IAAAA,OAAA,EAAQ;AAAA,GAAA,EAAU,oBAE1C,CACF,CACF,CAAA;AAEJ;;;;"}
|
package/es/badge/index.js
CHANGED
|
@@ -5,8 +5,9 @@ import '../_chunks/dep-D-UKOauR.js';
|
|
|
5
5
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import 'classnames';
|
|
8
|
-
import '../_chunks/dep-
|
|
9
|
-
import '../
|
|
8
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
9
|
+
import '../config-provider/ConfigContext.js';
|
|
10
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
10
11
|
import 'dayjs';
|
|
11
12
|
import '../_chunks/dep-DGvfel3I.js';
|
|
12
13
|
|
package/es/badge/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/badge/index.ts"],"sourcesContent":["import _Badge from \"./Badge\";\n\nimport \"./style/index.js\";\n\nexport type { BadgeProps } from \"./Badge\";\nexport * from \"./type\";\n\nexport const Badge = _Badge;\nexport default Badge;\n"],"names":["Badge","_Badge"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/badge/index.ts"],"sourcesContent":["import _Badge from \"./Badge\";\n\nimport \"./style/index.js\";\n\nexport type { BadgeProps } from \"./Badge\";\nexport * from \"./type\";\n\nexport const Badge = _Badge;\nexport default Badge;\n"],"names":["Badge","_Badge"],"mappings":";;;;;;;;;;;;;AAOO,IAAMA,KAAA,GAAQC;;;;"}
|