@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,31 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Slider } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var StepExample = function StepExample() {
|
|
6
|
+
var _useState = useState(30),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value = _useState2[0],
|
|
9
|
+
setValue = _useState2[1];
|
|
10
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
11
|
+
style: {
|
|
12
|
+
width: "400px",
|
|
13
|
+
padding: "20px 0"
|
|
14
|
+
}
|
|
15
|
+
}, /* @__PURE__ */React__default.createElement(Slider, {
|
|
16
|
+
value: value,
|
|
17
|
+
onChange: function onChange(val) {
|
|
18
|
+
return setValue(val);
|
|
19
|
+
},
|
|
20
|
+
step: 10,
|
|
21
|
+
label: true
|
|
22
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
23
|
+
style: {
|
|
24
|
+
marginTop: "16px",
|
|
25
|
+
color: "#666"
|
|
26
|
+
}
|
|
27
|
+
}, "\u6B65\u957F\u4E3A 10\uFF0C\u5F53\u524D\u503C\uFF1A", value));
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { StepExample as default };
|
|
31
|
+
//# sourceMappingURL=step.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"step.js","sources":["../../../../components/slider/_example/step.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Slider } from \"@tendaui/react\";\n\nconst StepExample = () => {\n const [value, setValue] = useState<number>(30);\n return (\n <div style={{ width: \"400px\", padding: \"20px 0\" }}>\n <Slider value={value} onChange={(val) => setValue(val as number)} step={10} label />\n <div style={{ marginTop: \"16px\", color: \"#666\" }}>步长为 10,当前值:{value}</div>\n </div>\n );\n};\n\nexport default StepExample;\n"],"names":["StepExample","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","width","padding","Slider","onChange","val","step","label","marginTop","color"],"mappings":";;;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;AACxB,EAAA,IAAAC,SAAA,GAA0BC,SAAiB,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtCI,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,OAAO,OAAA;AAASC,MAAAA,OAAA,EAAS;AAAS;AAAA,GAAA,8CAC7CC,MAAA,EAAA;AAAOP,IAAAA,KAAA,EAAAA,KAAA;AAAcQ,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQR,QAAA,CAASQ,GAAa,CAAA;AAAA,IAAA,CAAA;AAAGC,IAAAA,IAAA,EAAM,EAAA;AAAIC,IAAAA,KAAA,EAAK;GAAC,CAAA,8CACjF,KAAA,EAAA;AAAIP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,SAAA,EAAW;AAAQC,MAAAA,KAAA,EAAO;AAAO;AAAA,GAAA,EAAG,qDAAA,EAAYb,KAAM,CACtE,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Slider } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var VerticalExample = function VerticalExample() {
|
|
6
|
+
var _useState = useState(40),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value = _useState2[0],
|
|
9
|
+
setValue = _useState2[1];
|
|
10
|
+
var _useState3 = useState([20, 70]),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
rangeValue = _useState4[0],
|
|
13
|
+
setRangeValue = _useState4[1];
|
|
14
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
15
|
+
style: {
|
|
16
|
+
display: "flex",
|
|
17
|
+
gap: "80px",
|
|
18
|
+
padding: "20px"
|
|
19
|
+
}
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: {
|
|
22
|
+
height: "250px"
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: {
|
|
26
|
+
marginBottom: "8px",
|
|
27
|
+
color: "#666"
|
|
28
|
+
}
|
|
29
|
+
}, "\u5355\u6ED1\u5757"), /* @__PURE__ */React__default.createElement(Slider, {
|
|
30
|
+
value: value,
|
|
31
|
+
onChange: setValue,
|
|
32
|
+
layout: "vertical"
|
|
33
|
+
})), /* @__PURE__ */React__default.createElement("div", {
|
|
34
|
+
style: {
|
|
35
|
+
height: "250px"
|
|
36
|
+
}
|
|
37
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
38
|
+
style: {
|
|
39
|
+
marginBottom: "8px",
|
|
40
|
+
color: "#666"
|
|
41
|
+
}
|
|
42
|
+
}, "\u8303\u56F4\u6ED1\u5757"), /* @__PURE__ */React__default.createElement(Slider, {
|
|
43
|
+
value: rangeValue,
|
|
44
|
+
onChange: setRangeValue,
|
|
45
|
+
layout: "vertical",
|
|
46
|
+
range: true
|
|
47
|
+
})), /* @__PURE__ */React__default.createElement("div", {
|
|
48
|
+
style: {
|
|
49
|
+
height: "250px"
|
|
50
|
+
}
|
|
51
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
52
|
+
style: {
|
|
53
|
+
marginBottom: "8px",
|
|
54
|
+
color: "#666"
|
|
55
|
+
}
|
|
56
|
+
}, "\u5E26\u8F93\u5165\u6846"), /* @__PURE__ */React__default.createElement(Slider, {
|
|
57
|
+
value: value,
|
|
58
|
+
onChange: setValue,
|
|
59
|
+
layout: "vertical",
|
|
60
|
+
inputNumberProps: {
|
|
61
|
+
theme: "row"
|
|
62
|
+
}
|
|
63
|
+
})));
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export { VerticalExample as default };
|
|
67
|
+
//# sourceMappingURL=vertical.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical.js","sources":["../../../../components/slider/_example/vertical.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Slider, SliderValue } from \"@tendaui/react\";\n\nconst VerticalExample = () => {\n const [value, setValue] = useState<SliderValue>(40);\n const [rangeValue, setRangeValue] = useState<SliderValue>([20, 70]);\n\n return (\n <div style={{ display: \"flex\", gap: \"80px\", padding: \"20px\" }}>\n <div style={{ height: \"250px\" }}>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>单滑块</div>\n <Slider value={value} onChange={setValue} layout=\"vertical\" />\n </div>\n <div style={{ height: \"250px\" }}>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>范围滑块</div>\n <Slider value={rangeValue} onChange={setRangeValue} layout=\"vertical\" range />\n </div>\n <div style={{ height: \"250px\" }}>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>带输入框</div>\n <Slider value={value} onChange={setValue} layout=\"vertical\" inputNumberProps={{ theme: \"row\" }} />\n </div>\n </div>\n );\n};\n\nexport default VerticalExample;\n"],"names":["VerticalExample","_useState","useState","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","rangeValue","setRangeValue","React","createElement","style","display","gap","padding","height","marginBottom","color","Slider","onChange","layout","range","inputNumberProps","theme"],"mappings":";;;;AAGA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAAC,SAAA,GAA0BC,SAAsB,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;EACtB,IAAAI,UAAA,GAAoCL,SAAsB,CAAC,EAAA,EAAI,EAAE,CAAC,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA3DE,IAAAA;AAAYC,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,sBACEG,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAQC,MAAAA,OAAA,EAAS;AAAO;oBAC1DL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,MAAA,EAAQ;AAAQ;AAAA,GAAA,iBAC5BN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc;AAAOC,MAAAA,KAAA,EAAO;AAAO;KAAG,oBAAG,CAAA,8CACtDC,MAAA,EAAA;AAAOf,IAAAA,KAAA,EAAAA,KAAA;AAAcgB,IAAAA,QAAA,EAAUf,QAAA;AAAUgB,IAAAA,MAAA,EAAO;GAAW,CAC9D,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,QAAQ;AAAQ;AAAA,GAAA,iBAC5BN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,cAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,kBACxDR,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AAAOf,IAAAA,KAAA,EAAOI,UAAA;AAAYY,IAAAA,QAAA,EAAUX,aAAA;AAAeY,IAAAA,QAAO,UAAA;AAAWC,IAAAA,KAAA,EAAK;GAAC,CAC9E,CAAA,8CACC,KAAA,EAAA;AAAIV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,MAAA,EAAQ;AAAQ;AAAA,GAAA,8CAC3B,KAAA,EAAA;AAAIJ,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDR,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AAAOf,IAAAA,OAAAA;AAAcgB,IAAAA,QAAA,EAAUf,QAAA;AAAUgB,IAAAA,QAAO,UAAA;AAAWE,IAAAA,gBAAA,EAAkB;AAAEC,MAAAA,KAAA,EAAO;AAAM;GAAG,CAClG,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Slider } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var WithInputExample = function WithInputExample() {
|
|
6
|
+
var _useState = useState(50),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
value1 = _useState2[0],
|
|
9
|
+
setValue1 = _useState2[1];
|
|
10
|
+
var _useState3 = useState([20, 80]),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
value2 = _useState4[0],
|
|
13
|
+
setValue2 = _useState4[1];
|
|
14
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
15
|
+
style: {
|
|
16
|
+
display: "flex",
|
|
17
|
+
flexDirection: "column",
|
|
18
|
+
gap: "40px"
|
|
19
|
+
}
|
|
20
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
21
|
+
style: {
|
|
22
|
+
width: "500px"
|
|
23
|
+
}
|
|
24
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
25
|
+
style: {
|
|
26
|
+
marginBottom: "8px",
|
|
27
|
+
color: "#666"
|
|
28
|
+
}
|
|
29
|
+
}, "\u5355\u6ED1\u5757 + \u6570\u5B57\u8F93\u5165\u6846"), /* @__PURE__ */React__default.createElement(Slider, {
|
|
30
|
+
value: value1,
|
|
31
|
+
onChange: function onChange(val) {
|
|
32
|
+
return setValue1(val);
|
|
33
|
+
},
|
|
34
|
+
inputNumberProps: true
|
|
35
|
+
})), /* @__PURE__ */React__default.createElement("div", {
|
|
36
|
+
style: {
|
|
37
|
+
width: "500px"
|
|
38
|
+
}
|
|
39
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
40
|
+
style: {
|
|
41
|
+
marginBottom: "8px",
|
|
42
|
+
color: "#666"
|
|
43
|
+
}
|
|
44
|
+
}, "\u8303\u56F4\u6ED1\u5757 + \u6570\u5B57\u8F93\u5165\u6846"), /* @__PURE__ */React__default.createElement(Slider, {
|
|
45
|
+
value: value2,
|
|
46
|
+
onChange: function onChange(val) {
|
|
47
|
+
return setValue2(val);
|
|
48
|
+
},
|
|
49
|
+
range: true,
|
|
50
|
+
inputNumberProps: true
|
|
51
|
+
})));
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { WithInputExample as default };
|
|
55
|
+
//# sourceMappingURL=with-input-number.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-input-number.js","sources":["../../../../components/slider/_example/with-input-number.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Slider } from \"@tendaui/react\";\n\nconst WithInputExample = () => {\n const [value1, setValue1] = useState<number>(50);\n const [value2, setValue2] = useState<number[]>([20, 80]);\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"40px\" }}>\n <div style={{ width: \"500px\" }}>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>单滑块 + 数字输入框</div>\n <Slider value={value1} onChange={(val) => setValue1(val as number)} inputNumberProps={true} />\n </div>\n <div style={{ width: \"500px\" }}>\n <div style={{ marginBottom: \"8px\", color: \"#666\" }}>范围滑块 + 数字输入框</div>\n <Slider value={value2} onChange={(val) => setValue2(val as number[])} range inputNumberProps={true} />\n </div>\n </div>\n );\n};\n\nexport default WithInputExample;\n"],"names":["WithInputExample","_useState","useState","_useState2","_slicedToArray","value1","setValue1","_useState3","_useState4","value2","setValue2","style","display","flexDirection","gap","React","createElement","width","marginBottom","color","Slider","value","onChange","val","inputNumberProps","range"],"mappings":";;;;AAGA,IAAMA,mBAAmB,SAAnBA,mBAAyB;AAC7B,EAAA,IAAAC,SAAA,GAA4BC,SAAiB,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,MAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAQG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA;EACxB,IAAAI,UAAA,GAA4BL,SAAmB,CAAC,EAAA,EAAI,EAAE,CAAC,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAhDE,IAAAA;AAAQC,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AACxB,EAAA,mDACG,KAAA,EAAA;AAAIG,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;oBAClEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIL,IAAAA,KAAA,EAAO;AAAEM,MAAAA,OAAO;AAAQ;AAAA,GAAA,iBAC3BF,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIL,IAAAA,OAAO;AAAEO,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,qDAAW,CAAA,iBAC/DJ,cAAA,CAAAC,aAAA,CAACI;AAAOC,IAAAA,KAAA,EAAOhB,MAAA;AAAQiB,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQjB,SAAA,CAAUiB,GAAa,CAAA;AAAA,IAAA,CAAA;AAAGC,IAAAA,gBAAA,EAAkB;GAAM,CAC9F,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIL,IAAAA,OAAO;AAAEM,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,8CAC1B,KAAA,EAAA;AAAIN,IAAAA,KAAA,EAAO;AAAEO,MAAAA,YAAA,EAAc;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,2DAAY,kBAChEJ,cAAA,CAAAC,aAAA,CAACI,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAOZ,MAAA;AAAQa,IAAAA,UAAU,SAAVA,SAAWC,GAAA,EAAA;MAAA,OAAQb,SAAA,CAAUa,GAAe;;AAAGE,IAAAA,KAAA,EAAK,IAAA;AAACD,IAAAA,gBAAA,EAAkB;GAAM,CACtG,CACF,CAAA;AAEJ;;;;"}
|
package/es/slider/index.js
CHANGED
|
@@ -6,10 +6,11 @@ import '../_chunks/dep-CzLhKWCf.js';
|
|
|
6
6
|
import 'react';
|
|
7
7
|
import 'classnames';
|
|
8
8
|
import 'lodash-es';
|
|
9
|
-
import '../_chunks/dep-
|
|
10
|
-
import '../
|
|
9
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
10
|
+
import '../config-provider/ConfigContext.js';
|
|
11
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
11
12
|
import 'dayjs';
|
|
12
|
-
import '../_chunks/dep-
|
|
13
|
+
import '../_chunks/dep-grkSd2UB.js';
|
|
13
14
|
import '../_chunks/dep-DGvfel3I.js';
|
|
14
15
|
import '../input-number/InputNumber.js';
|
|
15
16
|
import '@tendaui/icons';
|
|
@@ -18,8 +19,8 @@ import '../input/Input.js';
|
|
|
18
19
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
19
20
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
20
21
|
import '../_chunks/dep-DRwijJcv.js';
|
|
21
|
-
import '../_chunks/dep-
|
|
22
|
-
import '../_chunks/dep-
|
|
22
|
+
import '../_chunks/dep-spxR0DG0.js';
|
|
23
|
+
import '../_chunks/dep-UHQn9biR.js';
|
|
23
24
|
import '../config-provider/index.js';
|
|
24
25
|
import '../config-provider/ConfigProvider.js';
|
|
25
26
|
import '../input/InputGroup.js';
|
|
@@ -31,15 +32,15 @@ import '../loading/Loading.js';
|
|
|
31
32
|
import '../common/Portal.js';
|
|
32
33
|
import 'react-dom';
|
|
33
34
|
import '../loading/Gradient.js';
|
|
34
|
-
import '../_chunks/dep-
|
|
35
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
35
36
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
36
37
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
37
38
|
import '../loading/style/css.js';
|
|
38
39
|
import '../button/style/css.js';
|
|
39
40
|
import '../input-number/useInputNumber.js';
|
|
40
41
|
import '../utils/log/index.js';
|
|
41
|
-
import '../_chunks/dep
|
|
42
|
-
import '../_chunks/dep-
|
|
42
|
+
import '../_chunks/dep--qagmRQa.js';
|
|
43
|
+
import '../_chunks/dep-bWaVq_y3.js';
|
|
43
44
|
import './SliderHandleButton.js';
|
|
44
45
|
import '../_chunks/dep-BbeHB7S3.js';
|
|
45
46
|
|
package/es/slider/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/slider/index.ts"],"sourcesContent":["import _Slider from \"./Slider\";\n\nimport \"./style/index.js\";\n\nexport type { SliderProps } from \"./Slider\";\nexport * from \"./type\";\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/slider/index.ts"],"sourcesContent":["import _Slider from \"./Slider\";\n\nimport \"./style/index.js\";\n\nexport type { SliderProps } from \"./Slider\";\nexport * from \"./type\";\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.t-slider__input-container {
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
|
-
margin-
|
|
4
|
+
margin-inline-start: var(--td-comp-margin-xxl);
|
|
5
5
|
}
|
|
6
6
|
.t-slider__input-container.is-vertical {
|
|
7
7
|
padding-top: var(--td-comp-paddingTB-l);
|
|
8
|
-
margin-
|
|
8
|
+
margin-inline-start: 0px;
|
|
9
9
|
}
|
|
10
10
|
.t-slider__input-container .t-slider__center-line {
|
|
11
11
|
width: var(--td-size-4);
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
.t-slider__mark {
|
|
106
106
|
position: absolute;
|
|
107
107
|
top: 2px;
|
|
108
|
-
|
|
108
|
+
inset-inline-start: 0;
|
|
109
109
|
width: 100%;
|
|
110
110
|
}
|
|
111
111
|
.t-slider__mark-text {
|
|
@@ -146,33 +146,33 @@
|
|
|
146
146
|
}
|
|
147
147
|
.t-slider--vertical .t-slider__handle {
|
|
148
148
|
margin-top: -6px;
|
|
149
|
-
margin-
|
|
149
|
+
margin-inline-start: -5px;
|
|
150
150
|
top: auto;
|
|
151
151
|
transform: translateY(50%);
|
|
152
152
|
}
|
|
153
153
|
.t-slider--vertical .t-slider__mark {
|
|
154
154
|
top: 0;
|
|
155
|
-
|
|
155
|
+
inset-inline-start: 12px;
|
|
156
156
|
width: 18px;
|
|
157
157
|
height: 100%;
|
|
158
158
|
}
|
|
159
159
|
.t-slider--vertical .t-slider__stop {
|
|
160
160
|
width: var(--td-size-2);
|
|
161
161
|
height: 1px;
|
|
162
|
-
|
|
162
|
+
inset-inline-start: 4px;
|
|
163
163
|
background-color: var(--td-bg-color-secondarycomponent);
|
|
164
164
|
}
|
|
165
165
|
.t-slider--vertical .t-slider__mark-text {
|
|
166
166
|
transform: translateY(-50%);
|
|
167
167
|
margin-top: 0;
|
|
168
|
-
margin-
|
|
168
|
+
margin-inline-start: var(--td-comp-margin-xxs);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.t-slider--vertical .t-slider__button-wrapper {
|
|
172
172
|
top: auto;
|
|
173
173
|
position: absolute;
|
|
174
174
|
z-index: 2;
|
|
175
|
-
|
|
175
|
+
inset-inline-start: 50%;
|
|
176
176
|
transform: translate(-50%, 50%);
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
text-align: center;
|
package/es/style/index.css
CHANGED
|
@@ -131,32 +131,18 @@
|
|
|
131
131
|
--td-bg-color-page: var(--td-gray-color-2);
|
|
132
132
|
--td-bg-color-container: #fff;
|
|
133
133
|
--td-bg-color-container-hover: var(--td-gray-color-1);
|
|
134
|
-
--td-bg-color-container-active: var(
|
|
135
|
-
--td-gray-color-3
|
|
136
|
-
);
|
|
134
|
+
--td-bg-color-container-active: var(--td-gray-color-3);
|
|
137
135
|
--td-bg-color-container-select: #fff;
|
|
138
136
|
--td-bg-color-secondarycontainer: var(--td-gray-color-1);
|
|
139
|
-
--td-bg-color-secondarycontainer-hover: var(
|
|
140
|
-
|
|
141
|
-
);
|
|
142
|
-
--td-bg-color-secondarycontainer-active: var(
|
|
143
|
-
--td-gray-color-4
|
|
144
|
-
);
|
|
137
|
+
--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
|
|
138
|
+
--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
|
|
145
139
|
--td-bg-color-component: var(--td-gray-color-3);
|
|
146
140
|
--td-bg-color-component-hover: var(--td-gray-color-4);
|
|
147
|
-
--td-bg-color-component-active: var(
|
|
148
|
-
--td-gray-color-6
|
|
149
|
-
);
|
|
141
|
+
--td-bg-color-component-active: var(--td-gray-color-6);
|
|
150
142
|
--td-bg-color-secondarycomponent: var(--td-gray-color-4);
|
|
151
|
-
--td-bg-color-secondarycomponent-hover: var(
|
|
152
|
-
|
|
153
|
-
);
|
|
154
|
-
--td-bg-color-secondarycomponent-active: var(
|
|
155
|
-
--td-gray-color-6
|
|
156
|
-
);
|
|
157
|
-
--td-bg-color-component-disabled: var(
|
|
158
|
-
--td-gray-color-2
|
|
159
|
-
);
|
|
143
|
+
--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
|
|
144
|
+
--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
|
|
145
|
+
--td-bg-color-component-disabled: var(--td-gray-color-2);
|
|
160
146
|
--td-bg-color-specialcomponent: #fff;
|
|
161
147
|
--td-text-color-primary: var(--td-font-gray-1);
|
|
162
148
|
--td-text-color-secondary: var(--td-font-gray-2);
|
|
@@ -170,15 +156,9 @@
|
|
|
170
156
|
--td-component-stroke: var(--td-gray-color-3);
|
|
171
157
|
--td-border-level-2-color: var(--td-gray-color-4);
|
|
172
158
|
--td-component-border: var(--td-gray-color-4);
|
|
173
|
-
--td-shadow-1:
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
--td-shadow-2:
|
|
177
|
-
0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%),
|
|
178
|
-
0 5px 5px -3px rgba(0, 0, 0, 10%);
|
|
179
|
-
--td-shadow-3:
|
|
180
|
-
0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%),
|
|
181
|
-
0 8px 10px -5px rgba(0, 0, 0, 8%);
|
|
159
|
+
--td-shadow-1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
|
|
160
|
+
--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
|
|
161
|
+
--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
|
|
182
162
|
--td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
|
|
183
163
|
--td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
|
|
184
164
|
--td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
|
|
@@ -286,34 +266,18 @@
|
|
|
286
266
|
--td-bg-color-page: var(--td-gray-color-14);
|
|
287
267
|
--td-bg-color-container: var(--td-gray-color-13);
|
|
288
268
|
--td-bg-color-container-hover: var(--td-gray-color-12);
|
|
289
|
-
--td-bg-color-container-active: var(
|
|
290
|
-
|
|
291
|
-
);
|
|
292
|
-
--td-bg-color-container-select: var(
|
|
293
|
-
--td-gray-color-9
|
|
294
|
-
);
|
|
269
|
+
--td-bg-color-container-active: var(--td-gray-color-10);
|
|
270
|
+
--td-bg-color-container-select: var(--td-gray-color-9);
|
|
295
271
|
--td-bg-color-secondarycontainer: var(--td-gray-color-12);
|
|
296
|
-
--td-bg-color-secondarycontainer-hover: var(
|
|
297
|
-
|
|
298
|
-
);
|
|
299
|
-
--td-bg-color-secondarycontainer-active: var(
|
|
300
|
-
--td-gray-color-9
|
|
301
|
-
);
|
|
272
|
+
--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
|
|
273
|
+
--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
|
|
302
274
|
--td-bg-color-component: var(--td-gray-color-11);
|
|
303
275
|
--td-bg-color-component-hover: var(--td-gray-color-10);
|
|
304
|
-
--td-bg-color-component-active: var(
|
|
305
|
-
--td-gray-color-9
|
|
306
|
-
);
|
|
276
|
+
--td-bg-color-component-active: var(--td-gray-color-9);
|
|
307
277
|
--td-bg-color-secondarycomponent: var(--td-gray-color-10);
|
|
308
|
-
--td-bg-color-secondarycomponent-hover: var(
|
|
309
|
-
|
|
310
|
-
);
|
|
311
|
-
--td-bg-color-secondarycomponent-active: var(
|
|
312
|
-
--td-gray-color-8
|
|
313
|
-
);
|
|
314
|
-
--td-bg-color-component-disabled: var(
|
|
315
|
-
--td-gray-color-12
|
|
316
|
-
);
|
|
278
|
+
--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
|
|
279
|
+
--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
|
|
280
|
+
--td-bg-color-component-disabled: var(--td-gray-color-12);
|
|
317
281
|
--td-bg-color-specialcomponent: transparent;
|
|
318
282
|
--td-text-color-primary: var(--td-font-white-1);
|
|
319
283
|
--td-text-color-secondary: var(--td-font-white-2);
|
|
@@ -327,15 +291,9 @@
|
|
|
327
291
|
--td-component-stroke: var(--td-gray-color-11);
|
|
328
292
|
--td-border-level-2-color: var(--td-gray-color-9);
|
|
329
293
|
--td-component-border: var(--td-gray-color-9);
|
|
330
|
-
--td-shadow-1:
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
--td-shadow-2:
|
|
334
|
-
0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%),
|
|
335
|
-
0 5px 5px rgba(0, 0, 0, 16%);
|
|
336
|
-
--td-shadow-3:
|
|
337
|
-
0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%),
|
|
338
|
-
0 8px 10px rgba(0, 0, 0, 20%);
|
|
294
|
+
--td-shadow-1: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
|
|
295
|
+
--td-shadow-2: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
|
|
296
|
+
--td-shadow-3: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
|
|
339
297
|
--td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
|
|
340
298
|
--td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
|
|
341
299
|
--td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
|
package/es/switch/Switch.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
2
|
import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
|
|
3
3
|
import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
|
|
4
|
-
import
|
|
4
|
+
import React__default, { useState, useEffect } from 'react';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { Loading } from '../loading/index.js';
|
|
7
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
8
|
-
import { u as useCommonClassName } from '../_chunks/dep
|
|
9
|
-
import {
|
|
7
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
8
|
+
import { u as useCommonClassName } from '../_chunks/dep--qagmRQa.js';
|
|
9
|
+
import { a as parseTNode } from '../_chunks/dep-BbOvNxhg.js';
|
|
10
10
|
import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
|
|
11
11
|
import '../_chunks/dep-D-UKOauR.js';
|
|
12
12
|
import '../loading/Loading.js';
|
|
@@ -16,10 +16,11 @@ import '../common/Portal.js';
|
|
|
16
16
|
import 'react-dom';
|
|
17
17
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
18
18
|
import '../loading/Gradient.js';
|
|
19
|
-
import '../_chunks/dep-
|
|
19
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
20
20
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
21
21
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
22
|
-
import '../
|
|
22
|
+
import '../config-provider/ConfigContext.js';
|
|
23
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
23
24
|
import 'dayjs';
|
|
24
25
|
import '../loading/style/css.js';
|
|
25
26
|
|
|
@@ -32,7 +33,7 @@ var switchDefaultProps = {
|
|
|
32
33
|
var _excluded = ["className", "value", "defaultValue", "disabled", "loading", "size", "label", "customValue", "onChange", "beforeChange"];
|
|
33
34
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
34
35
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
35
|
-
var Switch = /*#__PURE__*/
|
|
36
|
+
var Switch = /*#__PURE__*/React__default.forwardRef(function (originalProps, ref) {
|
|
36
37
|
var _useConfig = useConfig(),
|
|
37
38
|
classPrefix = _useConfig.classPrefix;
|
|
38
39
|
var props = useDefaultProps(originalProps, switchDefaultProps);
|
|
@@ -59,7 +60,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
|
|
|
59
60
|
_useState2 = _slicedToArray(_useState, 2),
|
|
60
61
|
innerChecked = _useState2[0],
|
|
61
62
|
setInnerChecked = _useState2[1];
|
|
62
|
-
var contentNode =
|
|
63
|
+
var contentNode = React__default.useMemo(function () {
|
|
63
64
|
if (Array.isArray(label)) {
|
|
64
65
|
var _label = _slicedToArray(label, 2),
|
|
65
66
|
_label$ = _label[0],
|
|
@@ -114,19 +115,19 @@ var Switch = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
|
|
|
114
115
|
SIZE = _useCommonClassName.SIZE,
|
|
115
116
|
STATUS = _useCommonClassName.STATUS;
|
|
116
117
|
var switchClassName = classNames("".concat(classPrefix, "-switch"), className, _defineProperty(_defineProperty(_defineProperty({}, STATUS.checked, innerChecked), STATUS.disabled, disabled), STATUS.loading, loading), SIZE[size]);
|
|
117
|
-
return /* @__PURE__ */
|
|
118
|
+
return /* @__PURE__ */React__default.createElement("button", _objectSpread(_objectSpread({}, restProps), {}, {
|
|
118
119
|
type: "button",
|
|
119
120
|
role: "switch",
|
|
120
121
|
disabled: disabled || loading,
|
|
121
122
|
className: switchClassName,
|
|
122
123
|
ref: ref,
|
|
123
124
|
onClick: onInternalClick
|
|
124
|
-
}), /* @__PURE__ */
|
|
125
|
+
}), /* @__PURE__ */React__default.createElement("span", {
|
|
125
126
|
className: "".concat(classPrefix, "-switch__handle")
|
|
126
|
-
}, loading && /* @__PURE__ */
|
|
127
|
+
}, loading && /* @__PURE__ */React__default.createElement(Loading, {
|
|
127
128
|
loading: true,
|
|
128
129
|
size: "small"
|
|
129
|
-
})), /* @__PURE__ */
|
|
130
|
+
})), /* @__PURE__ */React__default.createElement("div", {
|
|
130
131
|
className: "".concat(classPrefix, "-switch__content")
|
|
131
132
|
}, contentNode));
|
|
132
133
|
});
|
package/es/switch/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../components/switch/defaultProps.ts","../../../components/switch/Switch.tsx"],"sourcesContent":["import { TdSwitchProps } from \"./type\";\n\nexport const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: \"medium\" };\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport Loading from \"../loading\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport useCommonClassName from \"../hooks/useCommonClassName\";\nimport { SwitchValue, TdSwitchProps } from \"./type\";\nimport { switchDefaultProps } from \"./defaultProps\";\nimport parseTNode from \"../utils/parentTNode\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((originalProps, ref) => {\n const { classPrefix } = useConfig();\n const props = useDefaultProps<SwitchProps<SwitchValue>>(originalProps, switchDefaultProps);\n const {\n className,\n value,\n defaultValue,\n disabled,\n loading,\n size,\n label,\n customValue,\n onChange,\n beforeChange,\n ...restProps\n } = props;\n const [activeValue = true, inactiveValue = false] = customValue || [];\n\n const isControlled = typeof value !== \"undefined\";\n const initChecked = defaultValue === activeValue || value === activeValue;\n const [innerChecked, setInnerChecked] = useState(initChecked);\n\n const contentNode = React.useMemo<React.ReactNode>(() => {\n if (Array.isArray(label)) {\n const [activeContent = \"\", inactiveContent = \"\"] = label;\n const content = innerChecked ? activeContent : inactiveContent;\n return parseTNode(content, { value });\n }\n return parseTNode(label, { value });\n }, [label, innerChecked, value]);\n\n const handleChange = (e: React.MouseEvent) => {\n if (!isControlled) {\n setInnerChecked(!innerChecked);\n }\n const changedValue = !innerChecked ? activeValue : inactiveValue;\n onChange?.(changedValue, { e });\n };\n\n const onInternalClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n if (disabled) {\n return;\n }\n\n if (!beforeChange) {\n handleChange(e);\n return;\n }\n Promise.resolve(beforeChange())\n .then((v) => {\n if (v) {\n handleChange(e);\n }\n })\n .catch((e) => {\n console.error(\"Switch\", `some error occurred: ${e}`);\n });\n };\n\n useEffect(() => {\n if (Array.isArray(customValue) && !customValue.includes(value)) {\n console.error(\"Switch\", `value is not in customValue: ${JSON.stringify(customValue)}`);\n }\n if (isControlled) {\n // Use setTimeout to avoid calling setState synchronously within an effect\n setTimeout(() => {\n setInnerChecked(value === activeValue);\n }, 0);\n }\n }, [value, customValue, activeValue, isControlled]);\n\n const { SIZE, STATUS } = useCommonClassName();\n const switchClassName = classNames(\n `${classPrefix}-switch`,\n className,\n {\n [STATUS.checked]: innerChecked,\n [STATUS.disabled]: disabled,\n [STATUS.loading]: loading\n },\n SIZE[size]\n );\n\n return (\n <button\n {...restProps}\n type=\"button\"\n role=\"switch\"\n disabled={disabled || loading}\n className={switchClassName}\n ref={ref}\n onClick={onInternalClick}\n >\n <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading size=\"small\" />}</span>\n <div className={`${classPrefix}-switch__content`}>{contentNode}</div>\n </button>\n );\n});\n\nSwitch.displayName = \"Switch\";\n\nexport default Switch as <T extends SwitchValue = SwitchValue>(\n props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>\n) => React.ReactElement;\n"],"names":["switchDefaultProps","label","loading","size","Switch","React","forwardRef","originalProps","ref","_useConfig","useConfig","classPrefix","props","useDefaultProps","className","value","defaultValue","disabled","customValue","onChange","beforeChange","restProps","_objectWithoutProperties","_excluded","_ref","_ref2","_slicedToArray","_ref2$","activeValue","_ref2$2","inactiveValue","isControlled","initChecked","_useState","useState","_useState2","innerChecked","setInnerChecked","contentNode","useMemo","Array","isArray","_label","_label$","activeContent","_label$2","inactiveContent","content","parseTNode","handleChange","e","changedValue","onInternalClick","Promise","resolve","then","v","console","error","concat","useEffect","includes","JSON","stringify","setTimeout","_useCommonClassName","useCommonClassName","SIZE","STATUS","switchClassName","classNames","_defineProperty","checked","createElement","_objectSpread","type","role","onClick","Loading","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../components/switch/defaultProps.ts","../../../components/switch/Switch.tsx"],"sourcesContent":["import { TdSwitchProps } from \"./type\";\n\nexport const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: \"medium\" };\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport Loading from \"../loading\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport useCommonClassName from \"../hooks/useCommonClassName\";\nimport { SwitchValue, TdSwitchProps } from \"./type\";\nimport { switchDefaultProps } from \"./defaultProps\";\nimport parseTNode from \"../utils/parentTNode\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((originalProps, ref) => {\n const { classPrefix } = useConfig();\n const props = useDefaultProps<SwitchProps<SwitchValue>>(originalProps, switchDefaultProps);\n const {\n className,\n value,\n defaultValue,\n disabled,\n loading,\n size,\n label,\n customValue,\n onChange,\n beforeChange,\n ...restProps\n } = props;\n const [activeValue = true, inactiveValue = false] = customValue || [];\n\n const isControlled = typeof value !== \"undefined\";\n const initChecked = defaultValue === activeValue || value === activeValue;\n const [innerChecked, setInnerChecked] = useState(initChecked);\n\n const contentNode = React.useMemo<React.ReactNode>(() => {\n if (Array.isArray(label)) {\n const [activeContent = \"\", inactiveContent = \"\"] = label;\n const content = innerChecked ? activeContent : inactiveContent;\n return parseTNode(content, { value });\n }\n return parseTNode(label, { value });\n }, [label, innerChecked, value]);\n\n const handleChange = (e: React.MouseEvent) => {\n if (!isControlled) {\n setInnerChecked(!innerChecked);\n }\n const changedValue = !innerChecked ? activeValue : inactiveValue;\n onChange?.(changedValue, { e });\n };\n\n const onInternalClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n if (disabled) {\n return;\n }\n\n if (!beforeChange) {\n handleChange(e);\n return;\n }\n Promise.resolve(beforeChange())\n .then((v) => {\n if (v) {\n handleChange(e);\n }\n })\n .catch((e) => {\n console.error(\"Switch\", `some error occurred: ${e}`);\n });\n };\n\n useEffect(() => {\n if (Array.isArray(customValue) && !customValue.includes(value)) {\n console.error(\"Switch\", `value is not in customValue: ${JSON.stringify(customValue)}`);\n }\n if (isControlled) {\n // Use setTimeout to avoid calling setState synchronously within an effect\n setTimeout(() => {\n setInnerChecked(value === activeValue);\n }, 0);\n }\n }, [value, customValue, activeValue, isControlled]);\n\n const { SIZE, STATUS } = useCommonClassName();\n const switchClassName = classNames(\n `${classPrefix}-switch`,\n className,\n {\n [STATUS.checked]: innerChecked,\n [STATUS.disabled]: disabled,\n [STATUS.loading]: loading\n },\n SIZE[size]\n );\n\n return (\n <button\n {...restProps}\n type=\"button\"\n role=\"switch\"\n disabled={disabled || loading}\n className={switchClassName}\n ref={ref}\n onClick={onInternalClick}\n >\n <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading size=\"small\" />}</span>\n <div className={`${classPrefix}-switch__content`}>{contentNode}</div>\n </button>\n );\n});\n\nSwitch.displayName = \"Switch\";\n\nexport default Switch as <T extends SwitchValue = SwitchValue>(\n props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>\n) => React.ReactElement;\n"],"names":["switchDefaultProps","label","loading","size","Switch","React","forwardRef","originalProps","ref","_useConfig","useConfig","classPrefix","props","useDefaultProps","className","value","defaultValue","disabled","customValue","onChange","beforeChange","restProps","_objectWithoutProperties","_excluded","_ref","_ref2","_slicedToArray","_ref2$","activeValue","_ref2$2","inactiveValue","isControlled","initChecked","_useState","useState","_useState2","innerChecked","setInnerChecked","contentNode","useMemo","Array","isArray","_label","_label$","activeContent","_label$2","inactiveContent","content","parseTNode","handleChange","e","changedValue","onInternalClick","Promise","resolve","then","v","console","error","concat","useEffect","includes","JSON","stringify","setTimeout","_useCommonClassName","useCommonClassName","SIZE","STATUS","switchClassName","classNames","_defineProperty","checked","createElement","_objectSpread","type","role","onClick","Loading","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Switch } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var AsyncExample = function AsyncExample() {
|
|
6
|
+
var _useState = useState(false),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
checked = _useState2[0],
|
|
9
|
+
setChecked = _useState2[1];
|
|
10
|
+
var _useState3 = useState(false),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
loading = _useState4[0],
|
|
13
|
+
setLoading = _useState4[1];
|
|
14
|
+
var handleChange = function handleChange(val) {
|
|
15
|
+
setLoading(true);
|
|
16
|
+
setTimeout(function () {
|
|
17
|
+
setChecked(val);
|
|
18
|
+
setLoading(false);
|
|
19
|
+
}, 1e3);
|
|
20
|
+
};
|
|
21
|
+
return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Switch, {
|
|
22
|
+
value: checked,
|
|
23
|
+
loading: loading,
|
|
24
|
+
onChange: function onChange(val) {
|
|
25
|
+
return handleChange(val);
|
|
26
|
+
}
|
|
27
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
28
|
+
style: {
|
|
29
|
+
color: "#666",
|
|
30
|
+
fontSize: "12px"
|
|
31
|
+
}
|
|
32
|
+
}, "\u70B9\u51FB\u5207\u6362\uFF0C\u6A21\u62DF 1 \u79D2\u5F02\u6B65\u8BF7\u6C42"));
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export { AsyncExample as default };
|
|
36
|
+
//# sourceMappingURL=async-change.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"async-change.js","sources":["../../../../components/switch/_example/async-change.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst AsyncExample = () => {\n const [checked, setChecked] = useState(false);\n const [loading, setLoading] = useState(false);\n\n const handleChange = (val: boolean) => {\n setLoading(true);\n // 模拟异步请求\n setTimeout(() => {\n setChecked(val);\n setLoading(false);\n }, 1000);\n };\n\n return (\n <div>\n <Switch value={checked} loading={loading} onChange={(val) => handleChange(val as boolean)} />\n <div style={{ color: \"#666\", fontSize: \"12px\" }}>点击切换,模拟 1 秒异步请求</div>\n </div>\n );\n};\n\nexport default AsyncExample;\n"],"names":["AsyncExample","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_useState3","_useState4","loading","setLoading","handleChange","val","setTimeout","React","createElement","Switch","value","onChange","style","color","fontSize"],"mappings":";;;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACzB,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,UAAA,GAA8BL,SAAS,KAAK,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArCE,IAAAA,OAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAASE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMG,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,GAAA,EAAiB;IACrCF,UAAA,CAAW,IAAI,CAAA;AAEfG,IAAAA,UAAA,CAAW,YAAM;MACfP,UAAA,CAAWM,GAAG,CAAA;MACdF,UAAA,CAAW,KAAK,CAAA;IAClB,GAAG,GAAI,CAAA;EACT,CAAA;AAEA,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAOZ;AAASI,IAAAA,OAAA,EAAAA,OAAA;AAAkBS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWN,GAAA,EAAA;MAAA,OAAQD,YAAA,CAAaC,GAAc;;GAAG,CAAA,iBAC3FE,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAII,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,6EAAe,CAClE,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Switch } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var BeforeChangeExample = function BeforeChangeExample() {
|
|
6
|
+
var _useState = useState(false),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
checked = _useState2[0],
|
|
9
|
+
setChecked = _useState2[1];
|
|
10
|
+
var beforeChange = function beforeChange() {
|
|
11
|
+
return new Promise(function (resolve) {
|
|
12
|
+
var confirmed = window.confirm("\u786E\u5B9A\u8981\u5207\u6362\u72B6\u6001\u5417\uFF1F");
|
|
13
|
+
resolve(confirmed);
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Switch, {
|
|
17
|
+
value: checked,
|
|
18
|
+
beforeChange: beforeChange,
|
|
19
|
+
onChange: function onChange(val) {
|
|
20
|
+
return setChecked(val);
|
|
21
|
+
}
|
|
22
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
23
|
+
style: {
|
|
24
|
+
color: "#666",
|
|
25
|
+
fontSize: "12px"
|
|
26
|
+
}
|
|
27
|
+
}, "\u5207\u6362\u524D\u4F1A\u5F39\u51FA\u786E\u8BA4\u6846\uFF0C\u786E\u8BA4\u540E\u624D\u4F1A\u5207\u6362"));
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { BeforeChangeExample as default };
|
|
31
|
+
//# sourceMappingURL=before-change.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"before-change.js","sources":["../../../../components/switch/_example/before-change.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst BeforeChangeExample = () => {\n const [checked, setChecked] = useState(false);\n\n const beforeChange = () => {\n return new Promise<boolean>((resolve) => {\n const confirmed = window.confirm(\"确定要切换状态吗?\");\n resolve(confirmed);\n });\n };\n\n return (\n <div>\n <Switch value={checked} beforeChange={beforeChange} onChange={(val) => setChecked(val as boolean)} />\n <div style={{ color: \"#666\", fontSize: \"12px\" }}>切换前会弹出确认框,确认后才会切换</div>\n </div>\n );\n};\n\nexport default BeforeChangeExample;\n"],"names":["BeforeChangeExample","_useState","useState","_useState2","_slicedToArray","checked","setChecked","beforeChange","Promise","resolve","confirmed","window","confirm","React","createElement","Switch","value","onChange","val","style","color","fontSize"],"mappings":";;;;AAGA,IAAMA,sBAAsB,SAAtBA,sBAA4B;AAChC,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMI,eAAe,SAAfA,eAAqB;AACzB,IAAA,OAAO,IAAIC,OAAA,CAAiB,UAACC,OAAA,EAAY;AACvC,MAAA,IAAMC,SAAA,GAAYC,MAAA,CAAOC,OAAA,CAAQ,wDAAW,CAAA;MAC5CH,OAAA,CAAQC,SAAS,CAAA;AACnB,IAAA,CAAC,CAAA;EACH,CAAA;AAEA,EAAA,sBACEG,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAOX;AAASE,IAAAA,YAAA,EAAAA,YAAA;AAA4BU,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQZ,UAAA,CAAWY,GAAc;;GAAG,CAAA,iBACnGL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIK,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,wGAAiB,CACpE,CAAA;AAEJ;;;;"}
|