@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
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Popup, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var NoArrowDemo = function NoArrowDemo() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
padding: "40px",
|
|
8
|
+
display: "flex",
|
|
9
|
+
gap: "16px",
|
|
10
|
+
justifyContent: "center"
|
|
11
|
+
}
|
|
12
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
13
|
+
trigger: "hover",
|
|
14
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
15
|
+
style: {
|
|
16
|
+
padding: "12px"
|
|
17
|
+
}
|
|
18
|
+
}, "\u6709\u7BAD\u5934"),
|
|
19
|
+
showArrow: true
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u6709\u7BAD\u5934")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
21
|
+
trigger: "hover",
|
|
22
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
23
|
+
style: {
|
|
24
|
+
padding: "12px"
|
|
25
|
+
}
|
|
26
|
+
}, "\u65E0\u7BAD\u5934"),
|
|
27
|
+
showArrow: false
|
|
28
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u65E0\u7BAD\u5934")));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export { NoArrowDemo as default };
|
|
32
|
+
//# sourceMappingURL=no-arrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"no-arrow.js","sources":["../../../../components/popup/_example/no-arrow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popup, Button } from \"@tendaui/react\";\n\nconst NoArrowDemo = () => {\n return (\n <div style={{ padding: \"40px\", display: \"flex\", gap: \"16px\", justifyContent: \"center\" }}>\n <Popup trigger=\"hover\" content={<div style={{ padding: \"12px\" }}>有箭头</div>} showArrow>\n <Button>有箭头</Button>\n </Popup>\n <Popup trigger=\"hover\" content={<div style={{ padding: \"12px\" }}>无箭头</div>} showArrow={false}>\n <Button>无箭头</Button>\n </Popup>\n </div>\n );\n};\n\nexport default NoArrowDemo;"],"names":["NoArrowDemo","React","createElement","style","padding","display","gap","justifyContent","Popup","trigger","content","showArrow","Button"],"mappings":";;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;AACxB,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,cAAA,EAAgB;AAAS;oBACpFN,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMC,IAAAA,OAAA,EAAQ,OAAA;AAAQC,IAAAA,OAAA,iBAAST,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;KAAA,EAAG,oBAAG,CAAA;AAAQO,IAAAA,WAAS;GAAA,iBACnFV,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA,IAAA,EAAO,oBAAG,CACb,CAAA,8CACCJ,KAAA,EAAA;AAAMC,IAAAA,OAAA,EAAQ,OAAA;AAAQC,IAAAA,OAAA,iBAAST,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,OAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;KAAA,EAAG,oBAAG,CAAA;AAAQO,IAAAA,SAAA,EAAW;AAAA,GAAA,iBACrFV,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA,IAAA,EAAO,oBAAG,CACb,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Popup, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var PlacementsDemo = function PlacementsDemo() {
|
|
5
|
+
var popupContent = function popupContent(text) {
|
|
6
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
7
|
+
style: {
|
|
8
|
+
padding: "8px 12px",
|
|
9
|
+
fontSize: "12px"
|
|
10
|
+
}
|
|
11
|
+
}, text);
|
|
12
|
+
};
|
|
13
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
14
|
+
style: {
|
|
15
|
+
padding: "80px 120px"
|
|
16
|
+
}
|
|
17
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
18
|
+
style: {
|
|
19
|
+
display: "flex",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
gap: "8px",
|
|
22
|
+
marginBottom: "8px"
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
25
|
+
placement: "top-left",
|
|
26
|
+
content: popupContent("top-left"),
|
|
27
|
+
showArrow: true,
|
|
28
|
+
trigger: "hover"
|
|
29
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
30
|
+
size: "small"
|
|
31
|
+
}, "TL")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
32
|
+
placement: "top",
|
|
33
|
+
content: popupContent("top"),
|
|
34
|
+
showArrow: true,
|
|
35
|
+
trigger: "hover"
|
|
36
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
37
|
+
size: "small"
|
|
38
|
+
}, "Top")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
39
|
+
placement: "top-right",
|
|
40
|
+
content: popupContent("top-right"),
|
|
41
|
+
showArrow: true,
|
|
42
|
+
trigger: "hover"
|
|
43
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
44
|
+
size: "small"
|
|
45
|
+
}, "TR"))), /* @__PURE__ */React__default.createElement("div", {
|
|
46
|
+
style: {
|
|
47
|
+
display: "flex",
|
|
48
|
+
justifyContent: "space-between",
|
|
49
|
+
width: "280px",
|
|
50
|
+
margin: "0 auto"
|
|
51
|
+
}
|
|
52
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
53
|
+
style: {
|
|
54
|
+
display: "flex",
|
|
55
|
+
flexDirection: "column",
|
|
56
|
+
gap: "8px"
|
|
57
|
+
}
|
|
58
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
59
|
+
placement: "left-top",
|
|
60
|
+
content: popupContent("left-top"),
|
|
61
|
+
showArrow: true,
|
|
62
|
+
trigger: "hover"
|
|
63
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
64
|
+
size: "small"
|
|
65
|
+
}, "LT")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
66
|
+
placement: "left",
|
|
67
|
+
content: popupContent("left"),
|
|
68
|
+
showArrow: true,
|
|
69
|
+
trigger: "hover"
|
|
70
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
71
|
+
size: "small"
|
|
72
|
+
}, "Left")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
73
|
+
placement: "left-bottom",
|
|
74
|
+
content: popupContent("left-bottom"),
|
|
75
|
+
showArrow: true,
|
|
76
|
+
trigger: "hover"
|
|
77
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
78
|
+
size: "small"
|
|
79
|
+
}, "LB"))), /* @__PURE__ */React__default.createElement("div", {
|
|
80
|
+
style: {
|
|
81
|
+
display: "flex",
|
|
82
|
+
flexDirection: "column",
|
|
83
|
+
gap: "8px"
|
|
84
|
+
}
|
|
85
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
86
|
+
placement: "right-top",
|
|
87
|
+
content: popupContent("right-top"),
|
|
88
|
+
showArrow: true,
|
|
89
|
+
trigger: "hover"
|
|
90
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
91
|
+
size: "small"
|
|
92
|
+
}, "RT")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
93
|
+
placement: "right",
|
|
94
|
+
content: popupContent("right"),
|
|
95
|
+
showArrow: true,
|
|
96
|
+
trigger: "hover"
|
|
97
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
98
|
+
size: "small"
|
|
99
|
+
}, "Right")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
100
|
+
placement: "right-bottom",
|
|
101
|
+
content: popupContent("right-bottom"),
|
|
102
|
+
showArrow: true,
|
|
103
|
+
trigger: "hover"
|
|
104
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
105
|
+
size: "small"
|
|
106
|
+
}, "RB")))), /* @__PURE__ */React__default.createElement("div", {
|
|
107
|
+
style: {
|
|
108
|
+
display: "flex",
|
|
109
|
+
justifyContent: "center",
|
|
110
|
+
gap: "8px",
|
|
111
|
+
marginTop: "8px"
|
|
112
|
+
}
|
|
113
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
114
|
+
placement: "bottom-left",
|
|
115
|
+
content: popupContent("bottom-left"),
|
|
116
|
+
showArrow: true,
|
|
117
|
+
trigger: "hover"
|
|
118
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
119
|
+
size: "small"
|
|
120
|
+
}, "BL")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
121
|
+
placement: "bottom",
|
|
122
|
+
content: popupContent("bottom"),
|
|
123
|
+
showArrow: true,
|
|
124
|
+
trigger: "hover"
|
|
125
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
126
|
+
size: "small"
|
|
127
|
+
}, "Bottom")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
128
|
+
placement: "bottom-right",
|
|
129
|
+
content: popupContent("bottom-right"),
|
|
130
|
+
showArrow: true,
|
|
131
|
+
trigger: "hover"
|
|
132
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
133
|
+
size: "small"
|
|
134
|
+
}, "BR"))));
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export { PlacementsDemo as default };
|
|
138
|
+
//# sourceMappingURL=placements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"placements.js","sources":["../../../../components/popup/_example/placements.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popup, Button } from \"@tendaui/react\";\n\nconst PlacementsDemo = () => {\n const popupContent = (text: string) => <div style={{ padding: \"8px 12px\", fontSize: \"12px\" }}>{text}</div>;\n\n return (\n <div style={{ padding: \"80px 120px\" }}>\n <div style={{ display: \"flex\", justifyContent: \"center\", gap: \"8px\", marginBottom: \"8px\" }}>\n <Popup placement=\"top-left\" content={popupContent(\"top-left\")} showArrow trigger=\"hover\">\n <Button size=\"small\">TL</Button>\n </Popup>\n <Popup placement=\"top\" content={popupContent(\"top\")} showArrow trigger=\"hover\">\n <Button size=\"small\">Top</Button>\n </Popup>\n <Popup placement=\"top-right\" content={popupContent(\"top-right\")} showArrow trigger=\"hover\">\n <Button size=\"small\">TR</Button>\n </Popup>\n </div>\n\n <div style={{ display: \"flex\", justifyContent: \"space-between\", width: \"280px\", margin: \"0 auto\" }}>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n <Popup placement=\"left-top\" content={popupContent(\"left-top\")} showArrow trigger=\"hover\">\n <Button size=\"small\">LT</Button>\n </Popup>\n <Popup placement=\"left\" content={popupContent(\"left\")} showArrow trigger=\"hover\">\n <Button size=\"small\">Left</Button>\n </Popup>\n <Popup placement=\"left-bottom\" content={popupContent(\"left-bottom\")} showArrow trigger=\"hover\">\n <Button size=\"small\">LB</Button>\n </Popup>\n </div>\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n <Popup placement=\"right-top\" content={popupContent(\"right-top\")} showArrow trigger=\"hover\">\n <Button size=\"small\">RT</Button>\n </Popup>\n <Popup placement=\"right\" content={popupContent(\"right\")} showArrow trigger=\"hover\">\n <Button size=\"small\">Right</Button>\n </Popup>\n <Popup placement=\"right-bottom\" content={popupContent(\"right-bottom\")} showArrow trigger=\"hover\">\n <Button size=\"small\">RB</Button>\n </Popup>\n </div>\n </div>\n\n <div style={{ display: \"flex\", justifyContent: \"center\", gap: \"8px\", marginTop: \"8px\" }}>\n <Popup placement=\"bottom-left\" content={popupContent(\"bottom-left\")} showArrow trigger=\"hover\">\n <Button size=\"small\">BL</Button>\n </Popup>\n <Popup placement=\"bottom\" content={popupContent(\"bottom\")} showArrow trigger=\"hover\">\n <Button size=\"small\">Bottom</Button>\n </Popup>\n <Popup placement=\"bottom-right\" content={popupContent(\"bottom-right\")} showArrow trigger=\"hover\">\n <Button size=\"small\">BR</Button>\n </Popup>\n </div>\n </div>\n );\n};\n\nexport default PlacementsDemo;"],"names":["PlacementsDemo","popupContent","text","React","createElement","style","padding","fontSize","display","justifyContent","gap","marginBottom","Popup","placement","content","showArrow","trigger","Button","size","width","margin","flexDirection","marginTop"],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Popup, Button } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var TriggersDemo = function TriggersDemo() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
padding: "40px",
|
|
8
|
+
display: "flex",
|
|
9
|
+
gap: "16px",
|
|
10
|
+
flexWrap: "wrap",
|
|
11
|
+
justifyContent: "center"
|
|
12
|
+
}
|
|
13
|
+
}, /* @__PURE__ */React__default.createElement(Popup, {
|
|
14
|
+
trigger: "click",
|
|
15
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
16
|
+
style: {
|
|
17
|
+
padding: "12px"
|
|
18
|
+
}
|
|
19
|
+
}, "\u70B9\u51FB\u89E6\u53D1"),
|
|
20
|
+
showArrow: true
|
|
21
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "Click \u89E6\u53D1")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
22
|
+
trigger: "hover",
|
|
23
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
24
|
+
style: {
|
|
25
|
+
padding: "12px"
|
|
26
|
+
}
|
|
27
|
+
}, "\u60AC\u505C\u89E6\u53D1"),
|
|
28
|
+
showArrow: true
|
|
29
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "Hover \u89E6\u53D1")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
30
|
+
trigger: "focus",
|
|
31
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
32
|
+
style: {
|
|
33
|
+
padding: "12px"
|
|
34
|
+
}
|
|
35
|
+
}, "\u805A\u7126\u89E6\u53D1"),
|
|
36
|
+
showArrow: true
|
|
37
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "Focus \u89E6\u53D1")), /* @__PURE__ */React__default.createElement(Popup, {
|
|
38
|
+
trigger: "context-menu",
|
|
39
|
+
content: /* @__PURE__ */React__default.createElement("div", {
|
|
40
|
+
style: {
|
|
41
|
+
padding: "12px"
|
|
42
|
+
}
|
|
43
|
+
}, "\u53F3\u952E\u89E6\u53D1"),
|
|
44
|
+
showArrow: true
|
|
45
|
+
}, /* @__PURE__ */React__default.createElement(Button, null, "\u53F3\u952E\u89E6\u53D1")));
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { TriggersDemo as default };
|
|
49
|
+
//# sourceMappingURL=triggers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"triggers.js","sources":["../../../../components/popup/_example/triggers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popup, Button } from \"@tendaui/react\";\n\nconst TriggersDemo = () => {\n return (\n <div style={{ padding: \"40px\", display: \"flex\", gap: \"16px\", flexWrap: \"wrap\", justifyContent: \"center\" }}>\n <Popup trigger=\"click\" content={<div style={{ padding: \"12px\" }}>点击触发</div>} showArrow>\n <Button>Click 触发</Button>\n </Popup>\n\n <Popup trigger=\"hover\" content={<div style={{ padding: \"12px\" }}>悬停触发</div>} showArrow>\n <Button>Hover 触发</Button>\n </Popup>\n\n <Popup trigger=\"focus\" content={<div style={{ padding: \"12px\" }}>聚焦触发</div>} showArrow>\n <Button>Focus 触发</Button>\n </Popup>\n\n <Popup trigger=\"context-menu\" content={<div style={{ padding: \"12px\" }}>右键触发</div>} showArrow>\n <Button>右键触发</Button>\n </Popup>\n </div>\n );\n};\n\nexport default TriggersDemo;"],"names":["TriggersDemo","React","createElement","style","padding","display","gap","flexWrap","justifyContent","Popup","trigger","content","showArrow","Button"],"mappings":";;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACzB,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAU,MAAA;AAAQC,MAAAA,cAAA,EAAgB;AAAS;AAAA,GAAA,iBACtGP,cAAA,CAAAC,aAAA,CAACO;AAAMC,IAAAA,OAAA,EAAQ,OAAA;AAAQC,IAAAA,OAAA,iBAASV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;OAAG,0BAAI,CAAA;AAAQQ,IAAAA,WAAS;GAAA,iBACpFX,cAAA,CAAAC,aAAA,CAACW,MAAA,EAAA,IAAA,EAAO,oBAAQ,CAClB,CAAA,8CAECJ,KAAA,EAAA;AAAMC,IAAAA,OAAA,EAAQ;AAAQC,IAAAA,OAAA,iBAASV,cAAA,CAAAC,aAAA,CAAC;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;KAAA,EAAG,0BAAI;AAAQQ,IAAAA,SAAA,EAAS;GAAA,8CACnFC,MAAA,EAAA,IAAA,EAAO,oBAAQ,CAClB,CAAA,iBAEAZ,cAAA,CAAAC,aAAA,CAACO;AAAMC,IAAAA,OAAA,EAAQ,OAAA;AAAQC,IAAAA,wBAASV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,OAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;KAAA,EAAG,0BAAI,CAAA;AAAQQ,IAAAA,SAAA,EAAS;GAAA,iBACpFX,cAAA,CAAAC,aAAA,CAACW,cAAO,oBAAQ,CAClB,kBAEAZ,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMC,IAAAA,SAAQ,cAAA;AAAeC,IAAAA,OAAA,iBAASV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,SAAS;AAAO;KAAA,EAAG,0BAAI,CAAA;AAAQQ,IAAAA,SAAA,EAAS;oBAC3FX,cAAA,CAAAC,aAAA,CAACW,MAAA,EAAA,IAAA,EAAO,0BAAI,CACd,CACF,CAAA;AAEJ;;;;"}
|
package/es/popup/index.js
CHANGED
|
@@ -10,9 +10,9 @@ import '../portal/Portal.js';
|
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import '../_chunks/dep-DRwijJcv.js';
|
|
12
12
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
13
|
-
import '../_chunks/dep-
|
|
13
|
+
import '../_chunks/dep-grkSd2UB.js';
|
|
14
14
|
import '../_chunks/dep-DGvfel3I.js';
|
|
15
|
-
import '../_chunks/dep-
|
|
15
|
+
import '../_chunks/dep-B2D1svZy.js';
|
|
16
16
|
import 'react-is';
|
|
17
17
|
import '../_chunks/dep-C1XcmShP.js';
|
|
18
18
|
import '../_chunks/dep-Ccktr_jk.js';
|
|
@@ -22,8 +22,9 @@ import '@popperjs/core';
|
|
|
22
22
|
import 'react-fast-compare';
|
|
23
23
|
import 'react-transition-group';
|
|
24
24
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
25
|
-
import '../_chunks/dep-
|
|
26
|
-
import '../
|
|
25
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
26
|
+
import '../config-provider/ConfigContext.js';
|
|
27
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
27
28
|
import 'dayjs';
|
|
28
29
|
|
|
29
30
|
var Popup = Popup$1;
|
package/es/popup/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/popup/index.ts"],"sourcesContent":["import _Popup from \"./Popup\";\nimport \"./style/index\";\nexport type { PopupProps, PopupRef } from \"./Popup\";\nexport * from \"./type\";\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/popup/index.ts"],"sourcesContent":["import _Popup from \"./Popup\";\nimport \"./style/index\";\nexport type { PopupProps, PopupRef } from \"./Popup\";\nexport * from \"./type\";\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,KAAA,GAAQC;;;;"}
|
package/es/radio/Radio.js
CHANGED
|
@@ -2,7 +2,7 @@ import '../_chunks/dep-Cwish4GD.js';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import '../_chunks/dep-BP0-apUT.js';
|
|
4
4
|
import '../common/Check.js';
|
|
5
|
-
export { R as default } from '../_chunks/dep
|
|
5
|
+
export { R as default } from '../_chunks/dep--svkhMCP.js';
|
|
6
6
|
import '../_chunks/dep-DGvfel3I.js';
|
|
7
7
|
import '../_chunks/dep-D-UKOauR.js';
|
|
8
8
|
import 'hoist-non-react-statics';
|
|
@@ -10,13 +10,14 @@ import '../_chunks/dep-CzLhKWCf.js';
|
|
|
10
10
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
11
11
|
import 'classnames';
|
|
12
12
|
import 'lodash-es';
|
|
13
|
-
import '../_chunks/dep-
|
|
14
|
-
import '../_chunks/dep-
|
|
15
|
-
import '../
|
|
13
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
14
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
15
|
+
import '../config-provider/ConfigContext.js';
|
|
16
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
16
17
|
import 'dayjs';
|
|
17
|
-
import '../_chunks/dep-
|
|
18
|
-
import '../_chunks/dep
|
|
19
|
-
import '../_chunks/dep-
|
|
18
|
+
import '../_chunks/dep-grkSd2UB.js';
|
|
19
|
+
import '../_chunks/dep--qagmRQa.js';
|
|
20
|
+
import '../_chunks/dep-B2D1svZy.js';
|
|
20
21
|
import '../_chunks/dep-Ccktr_jk.js';
|
|
21
22
|
import '../_chunks/dep-DRwijJcv.js';
|
|
22
23
|
//# sourceMappingURL=Radio.js.map
|
package/es/radio/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
package/es/radio/RadioGroup.js
CHANGED
|
@@ -2,13 +2,13 @@ import '../_chunks/dep-Cwish4GD.js';
|
|
|
2
2
|
import '../_chunks/dep-CzLhKWCf.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
|
-
export { a as default } from '../_chunks/dep
|
|
5
|
+
export { a as default } from '../_chunks/dep--svkhMCP.js';
|
|
6
6
|
import '../common/Check.js';
|
|
7
|
-
import '../_chunks/dep
|
|
8
|
-
import '../_chunks/dep-
|
|
9
|
-
import '../_chunks/dep-
|
|
7
|
+
import '../_chunks/dep--qagmRQa.js';
|
|
8
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
9
|
+
import '../_chunks/dep-grkSd2UB.js';
|
|
10
10
|
import '../_chunks/dep-DGvfel3I.js';
|
|
11
|
-
import '../_chunks/dep-
|
|
11
|
+
import '../_chunks/dep-B2D1svZy.js';
|
|
12
12
|
import '../_chunks/dep-D-UKOauR.js';
|
|
13
13
|
import '../_chunks/dep-BP0-apUT.js';
|
|
14
14
|
import 'hoist-non-react-statics';
|
|
@@ -16,7 +16,8 @@ import '../_chunks/dep-Ccktr_jk.js';
|
|
|
16
16
|
import '../_chunks/dep-DRwijJcv.js';
|
|
17
17
|
import 'lodash-es';
|
|
18
18
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
19
|
-
import '../_chunks/dep-
|
|
20
|
-
import '../
|
|
19
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
20
|
+
import '../config-provider/ConfigContext.js';
|
|
21
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
21
22
|
import 'dayjs';
|
|
22
23
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Radio } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var AllowUncheckDemo = function AllowUncheckDemo() {
|
|
6
|
+
var _useState = useState("a"),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value = _useState2[0],
|
|
9
|
+
setValue = _useState2[1];
|
|
10
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
11
|
+
style: {
|
|
12
|
+
display: "flex",
|
|
13
|
+
flexDirection: "column",
|
|
14
|
+
gap: "16px"
|
|
15
|
+
}
|
|
16
|
+
}, /* @__PURE__ */React__default.createElement("div", null, "\u5F53\u524D\u9009\u4E2D\uFF1A", value || "(\u65E0)"), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
17
|
+
allowUncheck: true,
|
|
18
|
+
value: value,
|
|
19
|
+
onChange: function onChange(val) {
|
|
20
|
+
return setValue(val);
|
|
21
|
+
}
|
|
22
|
+
}, /* @__PURE__ */React__default.createElement(Radio, {
|
|
23
|
+
value: "a"
|
|
24
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio, {
|
|
25
|
+
value: "b"
|
|
26
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio, {
|
|
27
|
+
value: "c"
|
|
28
|
+
}, "\u9009\u9879 C")), /* @__PURE__ */React__default.createElement("div", {
|
|
29
|
+
style: {
|
|
30
|
+
color: "#666",
|
|
31
|
+
fontSize: "12px"
|
|
32
|
+
}
|
|
33
|
+
}, "\u63D0\u793A\uFF1A\u518D\u6B21\u70B9\u51FB\u5DF2\u9009\u4E2D\u7684\u9009\u9879\u53EF\u4EE5\u53D6\u6D88\u9009\u4E2D"));
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { AllowUncheckDemo as default };
|
|
37
|
+
//# sourceMappingURL=allow-uncheck.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"allow-uncheck.js","sources":["../../../../components/radio/_example/allow-uncheck.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst AllowUncheckDemo = () => {\n const [value, setValue] = useState<string | undefined>(\"a\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <div>当前选中:{value || \"(无)\"}</div>\n <Radio.Group allowUncheck value={value} onChange={(val) => setValue(val as string)}>\n <Radio value=\"a\">选项 A</Radio>\n <Radio value=\"b\">选项 B</Radio>\n <Radio value=\"c\">选项 C</Radio>\n </Radio.Group>\n <div style={{ color: \"#666\", fontSize: \"12px\" }}>提示:再次点击已选中的选项可以取消选中</div>\n </div>\n );\n};\n\nexport default AllowUncheckDemo;"],"names":["AllowUncheckDemo","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","display","flexDirection","gap","Radio","Group","allowUncheck","onChange","val","color","fontSize"],"mappings":";;;;AAGA,IAAMA,mBAAmB,SAAnBA,mBAAyB;AAC7B,EAAA,IAAAC,SAAA,GAA0BC,SAA6B,GAAG,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,EAAI,gCAAA,EAAMH,KAAA,IAAS,UAAM,CAAA,iBAC1BE,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMC,KAAA,EAAN;AAAYC,IAAAA,YAAA,EAAY,IAAA;AAACV,IAAAA,KAAA,EAAAA,KAAA;AAAcW,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQX,QAAA,CAASW,GAAa,CAAA;AAAA,IAAA;AAAA,GAAA,iBAC/EV,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMR,IAAAA,KAAA,EAAM;GAAA,EAAI,gBAAI,CAAA,iBACrBE,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMR,IAAAA,KAAA,EAAM;GAAA,EAAI,gBAAI,CAAA,iBACrBE,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMR,IAAAA,KAAA,EAAM;GAAA,EAAI,gBAAI,CACvB,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,oHAAmB,CACtE,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Radio } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var ButtonStyleDemo = function ButtonStyleDemo() {
|
|
6
|
+
var _useState = useState("a"),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value1 = _useState2[0],
|
|
9
|
+
setValue1 = _useState2[1];
|
|
10
|
+
var _useState3 = useState("a"),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
value2 = _useState4[0],
|
|
13
|
+
setValue2 = _useState4[1];
|
|
14
|
+
var _useState5 = useState("a"),
|
|
15
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
16
|
+
value3 = _useState6[0],
|
|
17
|
+
setValue3 = _useState6[1];
|
|
18
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
19
|
+
style: {
|
|
20
|
+
display: "flex",
|
|
21
|
+
flexDirection: "column",
|
|
22
|
+
gap: "24px"
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: {
|
|
26
|
+
marginBottom: "8px",
|
|
27
|
+
color: "#666"
|
|
28
|
+
}
|
|
29
|
+
}, "outline \u6837\u5F0F\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
30
|
+
value: value1,
|
|
31
|
+
onChange: function onChange(val) {
|
|
32
|
+
return setValue1(val);
|
|
33
|
+
},
|
|
34
|
+
variant: "outline"
|
|
35
|
+
}, /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
36
|
+
value: "a"
|
|
37
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
38
|
+
value: "b"
|
|
39
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
40
|
+
value: "c"
|
|
41
|
+
}, "\u9009\u9879 C"))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
|
|
42
|
+
style: {
|
|
43
|
+
marginBottom: "8px",
|
|
44
|
+
color: "#666"
|
|
45
|
+
}
|
|
46
|
+
}, "primary-filled \u6837\u5F0F"), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
47
|
+
value: value2,
|
|
48
|
+
onChange: function onChange(val) {
|
|
49
|
+
return setValue2(val);
|
|
50
|
+
},
|
|
51
|
+
variant: "primary-filled"
|
|
52
|
+
}, /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
53
|
+
value: "a"
|
|
54
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
55
|
+
value: "b"
|
|
56
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
57
|
+
value: "c"
|
|
58
|
+
}, "\u9009\u9879 C"))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
|
|
59
|
+
style: {
|
|
60
|
+
marginBottom: "8px",
|
|
61
|
+
color: "#666"
|
|
62
|
+
}
|
|
63
|
+
}, "default-filled \u6837\u5F0F"), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
64
|
+
value: value3,
|
|
65
|
+
onChange: function onChange(val) {
|
|
66
|
+
return setValue3(val);
|
|
67
|
+
},
|
|
68
|
+
variant: "default-filled"
|
|
69
|
+
}, /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
70
|
+
value: "a"
|
|
71
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
72
|
+
value: "b"
|
|
73
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
74
|
+
value: "c"
|
|
75
|
+
}, "\u9009\u9879 C"))));
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
export { ButtonStyleDemo as default };
|
|
79
|
+
//# sourceMappingURL=button-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-style.js","sources":["../../../../components/radio/_example/button-style.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst ButtonStyleDemo = () => {\n const [value1, setValue1] = useState(\"a\");\n const [value2, setValue2] = useState(\"a\");\n const [value3, setValue3] = useState(\"a\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n <div>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>outline 样式(默认)</div>\n <Radio.Group value={value1} onChange={(val) => setValue1(val as string)} variant=\"outline\">\n <Radio.Button value=\"a\">选项 A</Radio.Button>\n <Radio.Button value=\"b\">选项 B</Radio.Button>\n <Radio.Button value=\"c\">选项 C</Radio.Button>\n </Radio.Group>\n </div>\n\n <div>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>primary-filled 样式</div>\n <Radio.Group value={value2} onChange={(val) => setValue2(val as string)} variant=\"primary-filled\">\n <Radio.Button value=\"a\">选项 A</Radio.Button>\n <Radio.Button value=\"b\">选项 B</Radio.Button>\n <Radio.Button value=\"c\">选项 C</Radio.Button>\n </Radio.Group>\n </div>\n\n <div>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>default-filled 样式</div>\n <Radio.Group value={value3} onChange={(val) => setValue3(val as string)} variant=\"default-filled\">\n <Radio.Button value=\"a\">选项 A</Radio.Button>\n <Radio.Button value=\"b\">选项 B</Radio.Button>\n <Radio.Button value=\"c\">选项 C</Radio.Button>\n </Radio.Group>\n </div>\n </div>\n );\n};\n\nexport default ButtonStyleDemo;"],"names":["ButtonStyleDemo","_useState","useState","_useState2","_slicedToArray","value1","setValue1","_useState3","_useState4","value2","setValue2","_useState5","_useState6","value3","setValue3","style","display","flexDirection","gap","React","createElement","marginBottom","color","Radio","Group","value","onChange","val","variant","Button"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Radio } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var ControlledDemo = function ControlledDemo() {
|
|
6
|
+
var _useState = useState(true),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
checked = _useState2[0],
|
|
9
|
+
setChecked = _useState2[1];
|
|
10
|
+
return /* @__PURE__ */React__default.createElement(Radio, {
|
|
11
|
+
checked: checked,
|
|
12
|
+
onChange: function onChange(val) {
|
|
13
|
+
return setChecked(val);
|
|
14
|
+
}
|
|
15
|
+
}, "\u53D7\u63A7\u5355\u9009\u6846\uFF08\u70B9\u51FB\u5207\u6362\uFF09");
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export { ControlledDemo as default };
|
|
19
|
+
//# sourceMappingURL=controlled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controlled.js","sources":["../../../../components/radio/_example/controlled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst ControlledDemo = () => {\n const [checked, setChecked] = useState(true);\n return (\n <Radio checked={checked} onChange={(val) => setChecked(val)}>\n 受控单选框(点击切换)\n </Radio>\n );\n};\n\nexport default ControlledDemo;"],"names":["ControlledDemo","_useState","useState","_useState2","_slicedToArray","checked","setChecked","React","createElement","Radio","onChange","val"],"mappings":";;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;AAC3B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,IAAI,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAACC;AAAMJ,IAAAA,OAAA,EAAAA,OAAA;AAAkBK,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQL,UAAA,CAAWK,GAAG,CAAA;AAAA,IAAA;GAAA,EAAG,oEAE7D,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Radio } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var DefaultDemo = function DefaultDemo() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Radio, null, "\u672A\u9009\u4E2D"), /* @__PURE__ */React__default.createElement(Radio, {
|
|
6
|
+
defaultChecked: true
|
|
7
|
+
}, "\u9009\u4E2D"));
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { DefaultDemo as default };
|
|
11
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.js","sources":["../../../../components/radio/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst DefaultDemo = () => {\n return (\n <div>\n <Radio>未选中</Radio>\n <Radio defaultChecked>选中</Radio>\n </div>\n );\n};\n\nexport default DefaultDemo;"],"names":["DefaultDemo","React","createElement","Radio","defaultChecked"],"mappings":";;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;EACxB,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA,IAAA,EAAM,oBAAG,CAAA,iBACVF,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AAAMC,IAAAA,cAAA,EAAc;GAAA,EAAC,cAAE,CAC1B,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Radio } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var GroupDisabledDemo = function GroupDisabledDemo() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
flexDirection: "column",
|
|
9
|
+
gap: "16px"
|
|
10
|
+
}
|
|
11
|
+
}, /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
12
|
+
disabled: true,
|
|
13
|
+
defaultValue: "b"
|
|
14
|
+
}, /* @__PURE__ */React__default.createElement(Radio, {
|
|
15
|
+
value: "a"
|
|
16
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio, {
|
|
17
|
+
value: "b"
|
|
18
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio, {
|
|
19
|
+
value: "c"
|
|
20
|
+
}, "\u9009\u9879 C")), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
21
|
+
disabled: true,
|
|
22
|
+
defaultValue: "b",
|
|
23
|
+
variant: "primary-filled"
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
25
|
+
value: "a"
|
|
26
|
+
}, "\u9009\u9879 A"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
27
|
+
value: "b"
|
|
28
|
+
}, "\u9009\u9879 B"), /* @__PURE__ */React__default.createElement(Radio.Button, {
|
|
29
|
+
value: "c"
|
|
30
|
+
}, "\u9009\u9879 C")));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { GroupDisabledDemo as default };
|
|
34
|
+
//# sourceMappingURL=group-disabled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group-disabled.js","sources":["../../../../components/radio/_example/group-disabled.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst GroupDisabledDemo = () => {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <Radio.Group disabled defaultValue=\"b\">\n <Radio value=\"a\">选项 A</Radio>\n <Radio value=\"b\">选项 B</Radio>\n <Radio value=\"c\">选项 C</Radio>\n </Radio.Group>\n\n <Radio.Group disabled defaultValue=\"b\" variant=\"primary-filled\">\n <Radio.Button value=\"a\">选项 A</Radio.Button>\n <Radio.Button value=\"b\">选项 B</Radio.Button>\n <Radio.Button value=\"c\">选项 C</Radio.Button>\n </Radio.Group>\n </div>\n );\n};\n\nexport default GroupDisabledDemo;"],"names":["GroupDisabledDemo","React","createElement","style","display","flexDirection","gap","Radio","Group","disabled","defaultValue","value","variant","Button"],"mappings":";;;AAGA,IAAMA,oBAAoB,SAApBA,oBAA0B;AAC9B,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMC,KAAA,EAAN;AAAYC,IAAAA,QAAA,EAAQ,IAAA;AAACC,IAAAA,YAAA,EAAa;AAAA,GAAA,iBACjCT,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMI,IAAAA,KAAA,EAAM;GAAA,EAAI,gBAAI,CAAA,iBACrBV,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMI,IAAAA,KAAA,EAAM;KAAI,gBAAI,CAAA,iBACrBV,cAAA,CAAAC,aAAA,CAACK,KAAA,EAAA;AAAMI,IAAAA,OAAM;AAAA,GAAA,EAAI,gBAAI,CACvB,CAAA,iBAEAV,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMC,KAAA,EAAN;AAAYC,IAAAA,UAAQ,IAAA;AAACC,IAAAA,YAAA,EAAa,GAAA;AAAIE,IAAAA,OAAA,EAAQ;oBAC7CX,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMM,MAAA,EAAN;AAAaF,IAAAA,OAAM;AAAA,GAAA,EAAI,gBAAI,CAAA,iBAC5BV,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMM,MAAA,EAAN;AAAaF,IAAAA,KAAA,EAAM;KAAI,gBAAI,CAAA,iBAC5BV,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMM,QAAN;AAAaF,IAAAA,KAAA,EAAM;AAAA,GAAA,EAAI,gBAAI,CAC9B,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Radio } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var GroupWithOptionsDemo = function GroupWithOptionsDemo() {
|
|
6
|
+
var _useState = useState("2"),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value = _useState2[0],
|
|
9
|
+
setValue = _useState2[1];
|
|
10
|
+
var options = [{
|
|
11
|
+
label: "\u9009\u9879\u4E00",
|
|
12
|
+
value: "1"
|
|
13
|
+
}, {
|
|
14
|
+
label: "\u9009\u9879\u4E8C",
|
|
15
|
+
value: "2"
|
|
16
|
+
}, {
|
|
17
|
+
label: "\u9009\u9879\u4E09",
|
|
18
|
+
value: "3",
|
|
19
|
+
disabled: true
|
|
20
|
+
}, {
|
|
21
|
+
label: "\u9009\u9879\u56DB",
|
|
22
|
+
value: "4"
|
|
23
|
+
}];
|
|
24
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: {
|
|
26
|
+
display: "flex",
|
|
27
|
+
flexDirection: "column",
|
|
28
|
+
gap: "16px"
|
|
29
|
+
}
|
|
30
|
+
}, /* @__PURE__ */React__default.createElement("div", null, "\u5F53\u524D\u9009\u4E2D\u503C\uFF1A", value), /* @__PURE__ */React__default.createElement(Radio.Group, {
|
|
31
|
+
options: options,
|
|
32
|
+
value: value,
|
|
33
|
+
onChange: function onChange(val) {
|
|
34
|
+
return setValue(val);
|
|
35
|
+
}
|
|
36
|
+
}));
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export { GroupWithOptionsDemo as default };
|
|
40
|
+
//# sourceMappingURL=group-with-options.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group-with-options.js","sources":["../../../../components/radio/_example/group-with-options.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Radio } from \"@tendaui/react\";\n\nconst GroupWithOptionsDemo = () => {\n const [value, setValue] = useState(\"2\");\n const options = [\n { label: \"选项一\", value: \"1\" },\n { label: \"选项二\", value: \"2\" },\n { label: \"选项三\", value: \"3\", disabled: true },\n { label: \"选项四\", value: \"4\" }\n ];\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <div>当前选中值:{value}</div>\n <Radio.Group options={options} value={value} onChange={(val) => setValue(val as string)} />\n </div>\n );\n};\n\nexport default GroupWithOptionsDemo;"],"names":["GroupWithOptionsDemo","_useState","useState","_useState2","_slicedToArray","value","setValue","options","label","disabled","React","createElement","style","display","flexDirection","gap","Radio","Group","onChange","val"],"mappings":";;;;AAGA,IAAMA,uBAAuB,SAAvBA,uBAA6B;AACjC,EAAA,IAAAC,SAAA,GAA0BC,SAAS,GAAG,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/BI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;EACtB,IAAMI,OAAA,GAAU,CACd;AAAEC,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,EAC3B;AAAEG,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,EAC3B;AAAEG,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO,GAAA;AAAKI,IAAAA,UAAU;AAAK,GAAA,EAC3C;AAAED,IAAAA,KAAA,EAAO,oBAAA;AAAOH,IAAAA,KAAA,EAAO;AAAI,GAAA,CAC7B;AACA,EAAA,sBACEK,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,EAAI,sCAAA,EAAON,KAAM,CAAA,iBAClBK,cAAA,CAAAC,aAAA,CAACK,KAAA,CAAMC,KAAA,EAAN;AAAYV,IAAAA,OAAA,EAAAA,OAAA;AAAkBF,IAAAA,KAAA,EAAAA,KAAA;AAAca,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQb,QAAA,CAASa,GAAa,CAAA;AAAA,IAAA;AAAA,GAAG,CAC3F,CAAA;AAEJ;;;;"}
|