@tendaui/react 1.2.4 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/_chunks/dep--nQ-cjme.js +45 -0
- package/es/_chunks/dep--nQ-cjme.js.map +1 -0
- package/es/_chunks/{dep-DTlQ2dCA.js → dep--qagmRQa.js} +2 -2
- package/es/_chunks/{dep-DTlQ2dCA.js.map → dep--qagmRQa.js.map} +1 -1
- package/es/_chunks/{dep-Dr5wkz0z.js → dep--svkhMCP.js} +12 -12
- package/es/_chunks/{dep-Dr5wkz0z.js.map → dep--svkhMCP.js.map} +1 -1
- package/es/_chunks/{dep-Bjfn7Zv_.js → dep-2HsCYcmp.js} +5 -5
- package/es/_chunks/{dep-Bjfn7Zv_.js.map → dep-2HsCYcmp.js.map} +1 -1
- package/es/_chunks/{dep-CkmtEv0Y.js → dep-B2D1svZy.js} +4 -2
- package/es/_chunks/dep-B2D1svZy.js.map +1 -0
- package/es/_chunks/{dep-BuIAffJt.js → dep-BI5F2D3y.js} +23 -13
- package/es/_chunks/dep-BI5F2D3y.js.map +1 -0
- package/es/_chunks/dep-BK4_iOSv.js +68 -0
- package/es/_chunks/dep-BK4_iOSv.js.map +1 -0
- package/es/_chunks/{dep-BYlJzn45.js → dep-BOj-ayw6.js} +26 -26
- package/es/_chunks/{dep-BYlJzn45.js.map → dep-BOj-ayw6.js.map} +1 -1
- package/es/_chunks/{dep-D68MD94M.js → dep-BZdpKjaa.js} +18 -18
- package/es/_chunks/{dep-D68MD94M.js.map → dep-BZdpKjaa.js.map} +1 -1
- package/es/_chunks/{dep-aX8qrQpB.js → dep-BbOvNxhg.js} +4 -4
- package/es/_chunks/{dep-aX8qrQpB.js.map → dep-BbOvNxhg.js.map} +1 -1
- package/es/_chunks/{dep-oUgTcXgm.js → dep-Blkje0_M.js} +2 -2
- package/es/_chunks/{dep-oUgTcXgm.js.map → dep-Blkje0_M.js.map} +1 -1
- package/es/_chunks/{dep-DJmE940f.js → dep-CHpQ3xhh.js} +2 -2
- package/es/_chunks/dep-CHpQ3xhh.js.map +1 -0
- package/es/_chunks/{dep-DX65P8M9.js → dep-CPjkUfQu.js} +2 -2
- package/es/_chunks/{dep-DX65P8M9.js.map → dep-CPjkUfQu.js.map} +1 -1
- package/es/_chunks/dep-CSzOEACo.js +165 -0
- package/es/_chunks/dep-CSzOEACo.js.map +1 -0
- package/es/_chunks/{dep-CJCt0IS0.js → dep-Cd1UOXnJ.js} +14 -14
- package/es/_chunks/{dep-CJCt0IS0.js.map → dep-Cd1UOXnJ.js.map} +1 -1
- package/es/_chunks/{dep-DQ6kXoi8.js → dep-DHWwZ2Nj.js} +2 -2
- package/es/_chunks/{dep-DQ6kXoi8.js.map → dep-DHWwZ2Nj.js.map} +1 -1
- package/es/_chunks/{dep-Tshfumgl.js → dep-DYFbjXzW.js} +2 -2
- package/es/_chunks/{dep-Tshfumgl.js.map → dep-DYFbjXzW.js.map} +1 -1
- package/es/_chunks/{dep-C_wPqvpm.js → dep-D_qcGLah.js} +2 -2
- package/es/_chunks/{dep-C_wPqvpm.js.map → dep-D_qcGLah.js.map} +1 -1
- package/es/_chunks/{dep-CsSvR9wN.js → dep-DfsP8eqT.js} +21 -21
- package/es/_chunks/{dep-CsSvR9wN.js.map → dep-DfsP8eqT.js.map} +1 -1
- package/es/_chunks/dep-Dl5DFuGU.js +2001 -0
- package/es/_chunks/dep-Dl5DFuGU.js.map +1 -0
- package/es/_chunks/{dep-DURB9x8g.js → dep-Dnwq3YvL.js} +36 -21
- package/es/_chunks/dep-Dnwq3YvL.js.map +1 -0
- package/es/_chunks/{dep-B4_O1Vgv.js → dep-Dr3i7zFt.js} +12 -12
- package/es/_chunks/{dep-B4_O1Vgv.js.map → dep-Dr3i7zFt.js.map} +1 -1
- package/es/_chunks/{dep-CD_4-1Xb.js → dep-UHQn9biR.js} +5 -5
- package/es/_chunks/dep-UHQn9biR.js.map +1 -0
- package/es/_chunks/{dep-ByzdZjUR.js → dep-bWaVq_y3.js} +2 -2
- package/es/_chunks/{dep-ByzdZjUR.js.map → dep-bWaVq_y3.js.map} +1 -1
- package/es/_chunks/{dep-DwWrhxkd.js → dep-grkSd2UB.js} +3 -3
- package/es/_chunks/{dep-DwWrhxkd.js.map → dep-grkSd2UB.js.map} +1 -1
- package/es/_chunks/{dep-CMPsNAXF.js → dep-hCWFQAqL.js} +15 -9
- package/es/_chunks/dep-hCWFQAqL.js.map +1 -0
- package/es/_chunks/{dep-D6YxJv-F.js → dep-spxR0DG0.js} +3 -3
- package/es/_chunks/{dep-D6YxJv-F.js.map → dep-spxR0DG0.js.map} +1 -1
- package/es/_chunks/{dep-gy8uvBaS.js → dep-u1x3x6MJ.js} +2 -2
- package/es/_chunks/{dep-gy8uvBaS.js.map → dep-u1x3x6MJ.js.map} +1 -1
- package/es/alert/Alert.js +25 -24
- package/es/alert/Alert.js.map +1 -1
- package/es/alert/_example/base.js +27 -0
- package/es/alert/_example/base.js.map +1 -0
- package/es/alert/_example/collapse.js +14 -0
- package/es/alert/_example/collapse.js.map +1 -0
- package/es/alert/index.js +6 -5
- package/es/alert/index.js.map +1 -1
- package/es/badge/Badge.js +6 -5
- package/es/badge/Badge.js.map +1 -1
- package/es/badge/_example/base.js +11 -0
- package/es/badge/_example/base.js.map +1 -0
- package/es/badge/_example/count.js +38 -0
- package/es/badge/_example/count.js.map +1 -0
- package/es/badge/_example/custom-color.js +48 -0
- package/es/badge/_example/custom-color.js.map +1 -0
- package/es/badge/_example/dot.js +36 -0
- package/es/badge/_example/dot.js.map +1 -0
- package/es/badge/_example/max-count.js +37 -0
- package/es/badge/_example/max-count.js.map +1 -0
- package/es/badge/_example/offset.js +41 -0
- package/es/badge/_example/offset.js.map +1 -0
- package/es/badge/_example/shape.js +47 -0
- package/es/badge/_example/shape.js.map +1 -0
- package/es/badge/_example/show-zero.js +31 -0
- package/es/badge/_example/show-zero.js.map +1 -0
- package/es/badge/_example/size.js +54 -0
- package/es/badge/_example/size.js.map +1 -0
- package/es/badge/_example/standalone.js +27 -0
- package/es/badge/_example/standalone.js.map +1 -0
- package/es/badge/_example/text-count.js +32 -0
- package/es/badge/_example/text-count.js.map +1 -0
- package/es/badge/_example/with-button.js +33 -0
- package/es/badge/_example/with-button.js.map +1 -0
- package/es/badge/index.js +3 -2
- package/es/badge/index.js.map +1 -1
- package/es/button/Button.js +10 -9
- package/es/button/Button.js.map +1 -1
- package/es/button/__tests__/Button.test.js +54700 -0
- package/es/button/__tests__/Button.test.js.map +1 -0
- package/es/button/_example/base.js +3 -3
- package/es/button/_example/base.js.map +1 -1
- package/es/button/_example/block.js +26 -0
- package/es/button/_example/block.js.map +1 -0
- package/es/button/_example/disabled.js +32 -0
- package/es/button/_example/disabled.js.map +1 -0
- package/es/button/_example/ghost.js +28 -0
- package/es/button/_example/ghost.js.map +1 -0
- package/es/button/_example/icon.js +10 -10
- package/es/button/_example/icon.js.map +1 -1
- package/es/button/_example/link.js +24 -0
- package/es/button/_example/link.js.map +1 -0
- package/es/button/_example/loading.js +28 -0
- package/es/button/_example/loading.js.map +1 -0
- package/es/button/_example/shape.js +31 -0
- package/es/button/_example/shape.js.map +1 -0
- package/es/button/_example/size.js +25 -0
- package/es/button/_example/size.js.map +1 -0
- package/es/button/_example/suffix.js +23 -0
- package/es/button/_example/suffix.js.map +1 -0
- package/es/button/_example/theme.js +25 -0
- package/es/button/_example/theme.js.map +1 -0
- package/es/button/_example/variant-base.js +30 -0
- package/es/button/_example/variant-base.js.map +1 -0
- package/es/button/_example/variant-dashed.js +30 -0
- package/es/button/_example/variant-dashed.js.map +1 -0
- package/es/button/_example/variant-outline.js +30 -0
- package/es/button/_example/variant-outline.js.map +1 -0
- package/es/button/_example/variant-text.js +30 -0
- package/es/button/_example/variant-text.js.map +1 -0
- package/es/button/index.js +5 -4
- package/es/button/index.js.map +1 -1
- package/es/button/style/index.css +3 -3
- package/es/checkbox/Checkbox.js +6 -5
- package/es/checkbox/Checkbox.js.map +1 -1
- package/es/checkbox/CheckboxGroup.js +6 -5
- package/es/checkbox/CheckboxGroup.js.map +1 -1
- package/es/checkbox/_example/base.js +9 -0
- package/es/checkbox/_example/base.js.map +1 -0
- package/es/checkbox/_example/controlled.js +19 -0
- package/es/checkbox/_example/controlled.js.map +1 -0
- package/es/checkbox/_example/group-disabled.js +20 -0
- package/es/checkbox/_example/group-disabled.js.map +1 -0
- package/es/checkbox/_example/group-with-check-all.js +41 -0
- package/es/checkbox/_example/group-with-check-all.js.map +1 -0
- package/es/checkbox/_example/group-with-max.js +34 -0
- package/es/checkbox/_example/group-with-max.js.map +1 -0
- package/es/checkbox/_example/group-with-options.js +40 -0
- package/es/checkbox/_example/group-with-options.js.map +1 -0
- package/es/checkbox/_example/group.js +33 -0
- package/es/checkbox/_example/group.js.map +1 -0
- package/es/checkbox/_example/states.js +27 -0
- package/es/checkbox/_example/states.js.map +1 -0
- package/es/checkbox/index.js +6 -5
- package/es/checkbox/index.js.map +1 -1
- package/es/color-picker/ColorPickPanel.js +76 -12
- package/es/color-picker/ColorPickPanel.js.map +1 -1
- package/es/color-picker/ColorPicker.js +67 -18
- package/es/color-picker/ColorPicker.js.map +1 -1
- package/es/color-picker/_example/base.js +26 -0
- package/es/color-picker/_example/base.js.map +1 -0
- package/es/color-picker/_example/borderless.js +29 -0
- package/es/color-picker/_example/borderless.js.map +1 -0
- package/es/color-picker/_example/clearable.js +29 -0
- package/es/color-picker/_example/clearable.js.map +1 -0
- package/es/color-picker/_example/disabled.js +29 -0
- package/es/color-picker/_example/disabled.js.map +1 -0
- package/es/color-picker/_example/formats.js +79 -0
- package/es/color-picker/_example/formats.js.map +1 -0
- package/es/color-picker/_example/manual-input.js +91 -0
- package/es/color-picker/_example/manual-input.js.map +1 -0
- package/es/color-picker/_example/recent-colors.js +31 -0
- package/es/color-picker/_example/recent-colors.js.map +1 -0
- package/es/color-picker/_example/swatch-colors.js +27 -0
- package/es/color-picker/_example/swatch-colors.js.map +1 -0
- package/es/color-picker/_example/with-alpha.js +35 -0
- package/es/color-picker/_example/with-alpha.js.map +1 -0
- package/es/color-picker/components/panel/alpha.js +5 -4
- package/es/color-picker/components/panel/alpha.js.map +1 -1
- package/es/color-picker/components/panel/format/index.js +25 -23
- package/es/color-picker/components/panel/format/index.js.map +1 -1
- package/es/color-picker/components/panel/format/inputs.js +20 -18
- package/es/color-picker/components/panel/format/inputs.js.map +1 -1
- package/es/color-picker/components/panel/header.js +16 -14
- package/es/color-picker/components/panel/header.js.map +1 -1
- package/es/color-picker/components/panel/hue.js +5 -4
- package/es/color-picker/components/panel/hue.js.map +1 -1
- package/es/color-picker/components/panel/index.js +73 -9
- package/es/color-picker/components/panel/index.js.map +1 -1
- package/es/color-picker/components/panel/saturation.js +6 -5
- package/es/color-picker/components/panel/saturation.js.map +1 -1
- package/es/color-picker/components/panel/slider.js +9 -8
- package/es/color-picker/components/panel/slider.js.map +1 -1
- package/es/color-picker/components/panel/swatches.js +17 -16
- package/es/color-picker/components/panel/swatches.js.map +1 -1
- package/es/color-picker/components/trigger.js +58 -25
- package/es/color-picker/components/trigger.js.map +1 -1
- package/es/color-picker/index.js +63 -20
- package/es/color-picker/index.js.map +1 -1
- package/es/color-picker/utils/color-picker/index.js +4 -67
- package/es/color-picker/utils/color-picker/index.js.map +1 -1
- package/es/common/Check.js +11 -10
- package/es/common/Check.js.map +1 -1
- package/es/common/FakeArrow.js +6 -5
- package/es/common/FakeArrow.js.map +1 -1
- package/es/common/PluginContainer.js +4 -3
- package/es/common/PluginContainer.js.map +1 -1
- package/es/common/Portal.js +3 -2
- package/es/common/Portal.js.map +1 -1
- package/es/config-provider/ConfigContext.js +303 -4
- package/es/config-provider/ConfigContext.js.map +1 -1
- package/es/config-provider/ConfigProvider.js +17 -4
- package/es/config-provider/ConfigProvider.js.map +1 -1
- package/es/config-provider/index.js +2 -1
- package/es/config-provider/index.js.map +1 -1
- package/es/dialog/Dialog.js +19 -18
- package/es/dialog/Dialog.js.map +1 -1
- package/es/dialog/DialogCard.js +8 -7
- package/es/dialog/DialogCard.js.map +1 -1
- package/es/dialog/_example/base.js +32 -0
- package/es/dialog/_example/base.js.map +1 -0
- package/es/dialog/_example/confirm-loading.js +38 -0
- package/es/dialog/_example/confirm-loading.js.map +1 -0
- package/es/dialog/_example/custom-buttons.js +36 -0
- package/es/dialog/_example/custom-buttons.js.map +1 -0
- package/es/dialog/_example/full-screen.js +33 -0
- package/es/dialog/_example/full-screen.js.map +1 -0
- package/es/dialog/_example/hide-buttons.js +50 -0
- package/es/dialog/_example/hide-buttons.js.map +1 -0
- package/es/dialog/_example/modeless.js +30 -0
- package/es/dialog/_example/modeless.js.map +1 -0
- package/es/dialog/_example/placement.js +53 -0
- package/es/dialog/_example/placement.js.map +1 -0
- package/es/dialog/_example/plugin-example.js +81 -0
- package/es/dialog/_example/plugin-example.js.map +1 -0
- package/es/dialog/_example/themes.js +62 -0
- package/es/dialog/_example/themes.js.map +1 -0
- package/es/dialog/index.js +10 -9
- package/es/dialog/index.js.map +1 -1
- package/es/dialog/plugin.js +15 -14
- package/es/dialog/plugin.js.map +1 -1
- package/es/dialog/style/index.css +3 -3
- package/es/drawer/Drawer.js +46 -37
- package/es/drawer/Drawer.js.map +1 -1
- package/es/drawer/_example/custom-header-footer.js +78 -0
- package/es/drawer/_example/custom-header-footer.js.map +1 -0
- package/es/drawer/_example/default.js +61 -0
- package/es/drawer/_example/default.js.map +1 -0
- package/es/drawer/_example/events.js +81 -0
- package/es/drawer/_example/events.js.map +1 -0
- package/es/drawer/_example/no-footer.js +62 -0
- package/es/drawer/_example/no-footer.js.map +1 -0
- package/es/drawer/_example/no-overlay.js +62 -0
- package/es/drawer/_example/no-overlay.js.map +1 -0
- package/es/drawer/_example/placement.js +91 -0
- package/es/drawer/_example/placement.js.map +1 -0
- package/es/drawer/_example/size-draggable.js +65 -0
- package/es/drawer/_example/size-draggable.js.map +1 -0
- package/es/drawer/_example/size.js +96 -0
- package/es/drawer/_example/size.js.map +1 -0
- package/es/drawer/index.js +9 -8
- package/es/drawer/index.js.map +1 -1
- package/es/drawer/style/index.css +4 -4
- package/es/fireworks/Fireworks.js +7 -6
- package/es/fireworks/Fireworks.js.map +1 -1
- package/es/fireworks/index.js +3 -2
- package/es/fireworks/index.js.map +1 -1
- package/es/form/Form.js +26 -173
- package/es/form/Form.js.map +1 -1
- package/es/form/FormContext.js +5 -5
- package/es/form/FormContext.js.map +1 -1
- package/es/form/FormItem.js +12 -11
- package/es/form/FormItem.js.map +1 -1
- package/es/form/FormList.js +2 -2
- package/es/form/FormList.js.map +1 -1
- package/es/form/_example/complex.js +105 -0
- package/es/form/_example/complex.js.map +1 -0
- package/es/form/_example/default.js +87 -0
- package/es/form/_example/default.js.map +1 -0
- package/es/form/_example/disabled.js +40 -0
- package/es/form/_example/disabled.js.map +1 -0
- package/es/form/_example/form-list.js +122 -0
- package/es/form/_example/form-list.js.map +1 -0
- package/es/form/_example/inline-layout.js +32 -0
- package/es/form/_example/inline-layout.js.map +1 -0
- package/es/form/_example/label-align.js +73 -0
- package/es/form/_example/label-align.js.map +1 -0
- package/es/form/_example/methods.js +118 -0
- package/es/form/_example/methods.js.map +1 -0
- package/es/form/_example/validation.js +97 -0
- package/es/form/_example/validation.js.map +1 -0
- package/es/form/hooks/useFormItemStyle.js +5 -4
- package/es/form/hooks/useFormItemStyle.js.map +1 -1
- package/es/form/hooks/useInstance.js +5 -4
- package/es/form/hooks/useInstance.js.map +1 -1
- package/es/form/index.js +22 -17
- package/es/form/index.js.map +1 -1
- package/es/form/style/index.css +6 -6
- package/es/hooks/useDragSorter.js +4 -4
- package/es/hooks/useDragSorter.js.map +1 -1
- package/es/index.js +37 -30
- package/es/index.js.map +1 -1
- package/es/input/Input.js +165 -26
- package/es/input/Input.js.map +1 -1
- package/es/input/InputGroup.js +2 -2
- package/es/input/InputGroup.js.map +1 -1
- package/es/input/_example/auto-width.js +53 -0
- package/es/input/_example/auto-width.js.map +1 -0
- package/es/input/_example/borderless.js +52 -0
- package/es/input/_example/borderless.js.map +1 -0
- package/es/input/_example/clearable.js +54 -0
- package/es/input/_example/clearable.js.map +1 -0
- package/es/input/_example/default.js +37 -0
- package/es/input/_example/default.js.map +1 -0
- package/es/input/_example/disabled-readonly.js +48 -0
- package/es/input/_example/disabled-readonly.js.map +1 -0
- package/es/input/_example/events.js +87 -0
- package/es/input/_example/events.js.map +1 -0
- package/es/input/_example/group.js +47 -0
- package/es/input/_example/group.js.map +1 -0
- package/es/input/_example/label-suffix.js +48 -0
- package/es/input/_example/label-suffix.js.map +1 -0
- package/es/input/_example/max-length.js +44 -0
- package/es/input/_example/max-length.js.map +1 -0
- package/es/input/_example/password.js +43 -0
- package/es/input/_example/password.js.map +1 -0
- package/es/input/_example/sizes.js +47 -0
- package/es/input/_example/sizes.js.map +1 -0
- package/es/input/_example/status.js +55 -0
- package/es/input/_example/status.js.map +1 -0
- package/es/input/_example/text-align.js +50 -0
- package/es/input/_example/text-align.js.map +1 -0
- package/es/input/_example/with-icon.js +48 -0
- package/es/input/_example/with-icon.js.map +1 -0
- package/es/input/index.js +6 -5
- package/es/input/index.js.map +1 -1
- package/es/input/style/index.css +18 -9
- package/es/input-number/InputNumber.js +19 -18
- package/es/input-number/InputNumber.js.map +1 -1
- package/es/input-number/_example/align.js +88 -0
- package/es/input-number/_example/align.js.map +1 -0
- package/es/input-number/_example/auto-width.js +54 -0
- package/es/input-number/_example/auto-width.js.map +1 -0
- package/es/input-number/_example/default.js +55 -0
- package/es/input-number/_example/default.js.map +1 -0
- package/es/input-number/_example/events.js +103 -0
- package/es/input-number/_example/events.js.map +1 -0
- package/es/input-number/_example/format.js +94 -0
- package/es/input-number/_example/format.js.map +1 -0
- package/es/input-number/_example/large-number.js +81 -0
- package/es/input-number/_example/large-number.js.map +1 -0
- package/es/input-number/_example/min-max.js +70 -0
- package/es/input-number/_example/min-max.js.map +1 -0
- package/es/input-number/_example/sizes.js +128 -0
- package/es/input-number/_example/sizes.js.map +1 -0
- package/es/input-number/_example/status.js +175 -0
- package/es/input-number/_example/status.js.map +1 -0
- package/es/input-number/_example/step-and-decimal.js +70 -0
- package/es/input-number/_example/step-and-decimal.js.map +1 -0
- package/es/input-number/_example/themes.js +80 -0
- package/es/input-number/_example/themes.js.map +1 -0
- package/es/input-number/_example/with-suffix.js +74 -0
- package/es/input-number/_example/with-suffix.js.map +1 -0
- package/es/input-number/index.js +9 -8
- package/es/input-number/index.js.map +1 -1
- package/es/input-number/style/index.css +12 -12
- package/es/input-number/useInputNumber.js +5 -4
- package/es/input-number/useInputNumber.js.map +1 -1
- package/es/ip-input/IPInput.js +5 -4
- package/es/ip-input/IPInput.js.map +1 -1
- package/es/ip-input/_example/controlled.js +65 -0
- package/es/ip-input/_example/controlled.js.map +1 -0
- package/es/ip-input/_example/default.js +27 -0
- package/es/ip-input/_example/default.js.map +1 -0
- package/es/ip-input/_example/full-featured.js +48 -0
- package/es/ip-input/_example/full-featured.js.map +1 -0
- package/es/ip-input/_example/ipv6.js +47 -0
- package/es/ip-input/_example/ipv6.js.map +1 -0
- package/es/ip-input/_example/keyboard-navigation.js +46 -0
- package/es/ip-input/_example/keyboard-navigation.js.map +1 -0
- package/es/ip-input/_example/paste-demo.js +54 -0
- package/es/ip-input/_example/paste-demo.js.map +1 -0
- package/es/ip-input/_example/states.js +52 -0
- package/es/ip-input/_example/states.js.map +1 -0
- package/es/ip-input/_example/with-cidr.js +47 -0
- package/es/ip-input/_example/with-cidr.js.map +1 -0
- package/es/ip-input/index.js +5 -4
- package/es/ip-input/index.js.map +1 -1
- package/es/layout/Aside.js +5 -4
- package/es/layout/Aside.js.map +1 -1
- package/es/layout/Layout.js +10 -9
- package/es/layout/Layout.js.map +1 -1
- package/es/layout/_example/combine-left.js +68 -0
- package/es/layout/_example/combine-left.js.map +1 -0
- package/es/layout/_example/combine-right.js +68 -0
- package/es/layout/_example/combine-right.js.map +1 -0
- package/es/layout/_example/custom-aside-width.js +69 -0
- package/es/layout/_example/custom-aside-width.js.map +1 -0
- package/es/layout/_example/custom-height.js +59 -0
- package/es/layout/_example/custom-height.js.map +1 -0
- package/es/layout/_example/double-sidebar.js +72 -0
- package/es/layout/_example/double-sidebar.js.map +1 -0
- package/es/layout/_example/side-navigation-right.js +66 -0
- package/es/layout/_example/side-navigation-right.js.map +1 -0
- package/es/layout/_example/side-navigation.js +66 -0
- package/es/layout/_example/side-navigation.js.map +1 -0
- package/es/layout/_example/top-navigation.js +57 -0
- package/es/layout/_example/top-navigation.js.map +1 -0
- package/es/layout/index.js +4 -3
- package/es/layout/index.js.map +1 -1
- package/es/list/List.js +18 -17
- package/es/list/List.js.map +1 -1
- package/es/list/ListItem.js +7 -6
- package/es/list/ListItem.js.map +1 -1
- package/es/list/ListItemMeta.js +12 -11
- package/es/list/ListItemMeta.js.map +1 -1
- package/es/list/_example/async-loading.js +114 -0
- package/es/list/_example/async-loading.js.map +1 -0
- package/es/list/_example/default.js +62 -0
- package/es/list/_example/default.js.map +1 -0
- package/es/list/_example/header-footer.js +98 -0
- package/es/list/_example/header-footer.js.map +1 -0
- package/es/list/_example/multiline.js +66 -0
- package/es/list/_example/multiline.js.map +1 -0
- package/es/list/_example/scroll-loading.js +133 -0
- package/es/list/_example/scroll-loading.js.map +1 -0
- package/es/list/_example/sizes.js +94 -0
- package/es/list/_example/sizes.js.map +1 -0
- package/es/list/_example/split.js +93 -0
- package/es/list/_example/split.js.map +1 -0
- package/es/list/_example/stripe.js +68 -0
- package/es/list/_example/stripe.js.map +1 -0
- package/es/list/_example/virtual-scroll.js +97 -0
- package/es/list/_example/virtual-scroll.js.map +1 -0
- package/es/list/_example/with-image.js +72 -0
- package/es/list/_example/with-image.js.map +1 -0
- package/es/list/index.js +6 -5
- package/es/list/index.js.map +1 -1
- package/es/list/style/index.css +5 -5
- package/es/loading/Gradient.js +8 -7
- package/es/loading/Gradient.js.map +1 -1
- package/es/loading/Loading.js +14 -13
- package/es/loading/Loading.js.map +1 -1
- package/es/loading/_example/default.js +30 -0
- package/es/loading/_example/default.js.map +1 -0
- package/es/loading/_example/delay.js +70 -0
- package/es/loading/_example/delay.js.map +1 -0
- package/es/loading/_example/fullscreen.js +38 -0
- package/es/loading/_example/fullscreen.js.map +1 -0
- package/es/loading/_example/inherit-color.js +58 -0
- package/es/loading/_example/inherit-color.js.map +1 -0
- package/es/loading/_example/no-overlay.js +28 -0
- package/es/loading/_example/no-overlay.js.map +1 -0
- package/es/loading/_example/sizes.js +84 -0
- package/es/loading/_example/sizes.js.map +1 -0
- package/es/loading/_example/with-text.js +41 -0
- package/es/loading/_example/with-text.js.map +1 -0
- package/es/loading/_example/wrapper.js +41 -0
- package/es/loading/_example/wrapper.js.map +1 -0
- package/es/loading/index.js +4 -3
- package/es/loading/index.js.map +1 -1
- package/es/notification/NotifyContainer.js +7 -6
- package/es/notification/NotifyContainer.js.map +1 -1
- package/es/notification/NotifyContext.js +7 -6
- package/es/notification/NotifyContext.js.map +1 -1
- package/es/notification/NotifyItem.js +20 -19
- package/es/notification/NotifyItem.js.map +1 -1
- package/es/notification/_example/default.js +55 -0
- package/es/notification/_example/default.js.map +1 -0
- package/es/notification/_example/long-content.js +36 -0
- package/es/notification/_example/long-content.js.map +1 -0
- package/es/notification/_example/stacking.js +56 -0
- package/es/notification/_example/stacking.js.map +1 -0
- package/es/notification/_example/types.js +75 -0
- package/es/notification/_example/types.js.map +1 -0
- package/es/notification/_example/usage-example.js +68 -0
- package/es/notification/_example/usage-example.js.map +1 -0
- package/es/notification/index.js +3 -2
- package/es/notification/index.js.map +1 -1
- package/es/notification/style/index.css +4 -4
- package/es/popup/Popup.js +30 -17
- package/es/popup/Popup.js.map +1 -1
- package/es/popup/_example/controlled.js +55 -0
- package/es/popup/_example/controlled.js.map +1 -0
- package/es/popup/_example/custom-content.js +81 -0
- package/es/popup/_example/custom-content.js.map +1 -0
- package/es/popup/_example/default.js +24 -0
- package/es/popup/_example/default.js.map +1 -0
- package/es/popup/_example/delay.js +43 -0
- package/es/popup/_example/delay.js.map +1 -0
- package/es/popup/_example/disabled.js +35 -0
- package/es/popup/_example/disabled.js.map +1 -0
- package/es/popup/_example/no-arrow.js +32 -0
- package/es/popup/_example/no-arrow.js.map +1 -0
- package/es/popup/_example/placements.js +138 -0
- package/es/popup/_example/placements.js.map +1 -0
- package/es/popup/_example/triggers.js +49 -0
- package/es/popup/_example/triggers.js.map +1 -0
- package/es/popup/index.js +5 -4
- package/es/popup/index.js.map +1 -1
- package/es/radio/Radio.js +8 -7
- package/es/radio/Radio.js.map +1 -1
- package/es/radio/RadioGroup.js +8 -7
- package/es/radio/RadioGroup.js.map +1 -1
- package/es/radio/_example/allow-uncheck.js +37 -0
- package/es/radio/_example/allow-uncheck.js.map +1 -0
- package/es/radio/_example/button-style.js +79 -0
- package/es/radio/_example/button-style.js.map +1 -0
- package/es/radio/_example/controlled.js +19 -0
- package/es/radio/_example/controlled.js.map +1 -0
- package/es/radio/_example/default.js +16 -0
- package/es/radio/_example/default.js.map +1 -0
- package/es/radio/_example/group-disabled.js +34 -0
- package/es/radio/_example/group-disabled.js.map +1 -0
- package/es/radio/_example/group-with-options.js +40 -0
- package/es/radio/_example/group-with-options.js.map +1 -0
- package/es/radio/_example/group.js +33 -0
- package/es/radio/_example/group.js.map +1 -0
- package/es/radio/_example/sizes.js +57 -0
- package/es/radio/_example/sizes.js.map +1 -0
- package/es/radio/_example/states.js +25 -0
- package/es/radio/_example/states.js.map +1 -0
- package/es/radio/index.js +8 -7
- package/es/radio/index.js.map +1 -1
- package/es/select/Option.js +10 -9
- package/es/select/Option.js.map +1 -1
- package/es/select/OptionGroup.js +4 -3
- package/es/select/OptionGroup.js.map +1 -1
- package/es/select/PopupContent.js +5 -4
- package/es/select/PopupContent.js.map +1 -1
- package/es/select/Select.js +21 -20
- package/es/select/Select.js.map +1 -1
- package/es/select/_example/collapsed.js +55 -0
- package/es/select/_example/collapsed.js.map +1 -0
- package/es/select/_example/creatable.js +61 -0
- package/es/select/_example/creatable.js.map +1 -0
- package/es/select/_example/custom-content.js +41 -0
- package/es/select/_example/custom-content.js.map +1 -0
- package/es/select/_example/default.js +54 -0
- package/es/select/_example/default.js.map +1 -0
- package/es/select/_example/disabled.js +54 -0
- package/es/select/_example/disabled.js.map +1 -0
- package/es/select/_example/filterable.js +44 -0
- package/es/select/_example/filterable.js.map +1 -0
- package/es/select/_example/group-options.js +57 -0
- package/es/select/_example/group-options.js.map +1 -0
- package/es/select/_example/label-suffix.js +51 -0
- package/es/select/_example/label-suffix.js.map +1 -0
- package/es/select/_example/loading.js +45 -0
- package/es/select/_example/loading.js.map +1 -0
- package/es/select/_example/multiple.js +58 -0
- package/es/select/_example/multiple.js.map +1 -0
- package/es/select/_example/sizes.js +54 -0
- package/es/select/_example/sizes.js.map +1 -0
- package/es/select/_example/status.js +66 -0
- package/es/select/_example/status.js.map +1 -0
- package/es/select/index.js +12 -11
- package/es/select/index.js.map +1 -1
- package/es/select-input/SelectInput.js +14 -13
- package/es/select-input/SelectInput.js.map +1 -1
- package/es/select-input/hook/useMultiple.js +9 -8
- package/es/select-input/hook/useMultiple.js.map +1 -1
- package/es/select-input/hook/useSingle.js +9 -8
- package/es/select-input/hook/useSingle.js.map +1 -1
- package/es/select-input/index.js +8 -7
- package/es/select-input/index.js.map +1 -1
- package/es/slider/Slider.js +37 -27
- package/es/slider/Slider.js.map +1 -1
- package/es/slider/SliderHandleButton.js +3 -3
- package/es/slider/SliderHandleButton.js.map +1 -1
- package/es/slider/_example/custom-label.js +33 -0
- package/es/slider/_example/custom-label.js.map +1 -0
- package/es/slider/_example/default.js +33 -0
- package/es/slider/_example/default.js.map +1 -0
- package/es/slider/_example/disabled.js +38 -0
- package/es/slider/_example/disabled.js.map +1 -0
- package/es/slider/_example/marks.js +61 -0
- package/es/slider/_example/marks.js.map +1 -0
- package/es/slider/_example/range.js +30 -0
- package/es/slider/_example/range.js.map +1 -0
- package/es/slider/_example/step.js +31 -0
- package/es/slider/_example/step.js.map +1 -0
- package/es/slider/_example/vertical.js +67 -0
- package/es/slider/_example/vertical.js.map +1 -0
- package/es/slider/_example/with-input-number.js +55 -0
- package/es/slider/_example/with-input-number.js.map +1 -0
- package/es/slider/index.js +9 -8
- package/es/slider/index.js.map +1 -1
- package/es/slider/style/index.css +8 -8
- package/es/switch/Switch.js +13 -12
- package/es/switch/Switch.js.map +1 -1
- package/es/switch/_example/async-change.js +36 -0
- package/es/switch/_example/async-change.js.map +1 -0
- package/es/switch/_example/before-change.js +31 -0
- package/es/switch/_example/before-change.js.map +1 -0
- package/es/switch/_example/controlled.js +23 -0
- package/es/switch/_example/controlled.js.map +1 -0
- package/es/switch/_example/custom-value.js +50 -0
- package/es/switch/_example/custom-value.js.map +1 -0
- package/es/switch/_example/default.js +11 -0
- package/es/switch/_example/default.js.map +1 -0
- package/es/switch/_example/disabled.js +72 -0
- package/es/switch/_example/disabled.js.map +1 -0
- package/es/switch/_example/loading.js +44 -0
- package/es/switch/_example/loading.js.map +1 -0
- package/es/switch/_example/sizes.js +60 -0
- package/es/switch/_example/sizes.js.map +1 -0
- package/es/switch/_example/with-label.js +54 -0
- package/es/switch/_example/with-label.js.map +1 -0
- package/es/switch/index.js +6 -5
- package/es/switch/index.js.map +1 -1
- package/es/switch/style/index.css +56 -0
- package/es/tab/TabBar.js +8 -7
- package/es/tab/TabBar.js.map +1 -1
- package/es/tab/TabNav.js +12 -11
- package/es/tab/TabNav.js.map +1 -1
- package/es/tab/TabNavItem.js +11 -10
- package/es/tab/TabNavItem.js.map +1 -1
- package/es/tab/TabPanel.js +6 -4
- package/es/tab/TabPanel.js.map +1 -1
- package/es/tab/Tabs.js +20 -19
- package/es/tab/Tabs.js.map +1 -1
- package/es/tab/_example/addable.js +92 -0
- package/es/tab/_example/addable.js.map +1 -0
- package/es/tab/_example/card-theme.js +66 -0
- package/es/tab/_example/card-theme.js.map +1 -0
- package/es/tab/_example/default.js +65 -0
- package/es/tab/_example/default.js.map +1 -0
- package/es/tab/_example/disabled.js +99 -0
- package/es/tab/_example/disabled.js.map +1 -0
- package/es/tab/_example/lazy.js +73 -0
- package/es/tab/_example/lazy.js.map +1 -0
- package/es/tab/_example/placement.js +96 -0
- package/es/tab/_example/placement.js.map +1 -0
- package/es/tab/_example/removable.js +78 -0
- package/es/tab/_example/removable.js.map +1 -0
- package/es/tab/_example/sizes.js +85 -0
- package/es/tab/_example/sizes.js.map +1 -0
- package/es/tab/_example/with-action.js +71 -0
- package/es/tab/_example/with-action.js.map +1 -0
- package/es/tab/index.js +8 -7
- package/es/tab/index.js.map +1 -1
- package/es/tab/style/index.css +8 -8
- package/es/table/Cell.js +10 -11
- package/es/table/Cell.js.map +1 -1
- package/es/table/Ellipsis.js +77 -0
- package/es/table/Ellipsis.js.map +1 -0
- package/es/table/TBody.js +16 -13
- package/es/table/TBody.js.map +1 -1
- package/es/table/THead.js +7 -6
- package/es/table/THead.js.map +1 -1
- package/es/table/TR.js +9 -5
- package/es/table/TR.js.map +1 -1
- package/es/table/Table.js +14 -11
- package/es/table/Table.js.map +1 -1
- package/es/table/_example/alignment.js +96 -0
- package/es/table/_example/alignment.js.map +1 -0
- package/es/table/_example/auto-width.js +90 -0
- package/es/table/_example/auto-width.js.map +1 -0
- package/es/table/_example/bordered-stripe-hover.js +96 -0
- package/es/table/_example/bordered-stripe-hover.js.map +1 -0
- package/es/table/_example/bordered.js +94 -0
- package/es/table/_example/bordered.js.map +1 -0
- package/es/table/_example/cell-click.js +107 -0
- package/es/table/_example/cell-click.js.map +1 -0
- package/es/table/_example/complex.js +131 -0
- package/es/table/_example/complex.js.map +1 -0
- package/es/table/_example/custom-cell.js +115 -0
- package/es/table/_example/custom-cell.js.map +1 -0
- package/es/table/_example/custom-empty.js +64 -0
- package/es/table/_example/custom-empty.js.map +1 -0
- package/es/table/_example/custom-row-class-name.js +105 -0
- package/es/table/_example/custom-row-class-name.js.map +1 -0
- package/es/table/_example/default.js +93 -0
- package/es/table/_example/default.js.map +1 -0
- package/es/table/_example/ellipsis.js +96 -0
- package/es/table/_example/ellipsis.js.map +1 -0
- package/es/table/_example/empty.js +58 -0
- package/es/table/_example/empty.js.map +1 -0
- package/es/table/_example/fixed-width.js +98 -0
- package/es/table/_example/fixed-width.js.map +1 -0
- package/es/table/_example/hover.js +94 -0
- package/es/table/_example/hover.js.map +1 -0
- package/es/table/_example/row-click.js +100 -0
- package/es/table/_example/row-click.js.map +1 -0
- package/es/table/_example/sizes.js +111 -0
- package/es/table/_example/sizes.js.map +1 -0
- package/es/table/_example/stripe.js +94 -0
- package/es/table/_example/stripe.js.map +1 -0
- package/es/table/_example/vertical-align.js +110 -0
- package/es/table/_example/vertical-align.js.map +1 -0
- package/es/table/hooks/index.js +6 -5
- package/es/table/hooks/index.js.map +1 -1
- package/es/table/index.js +6 -3
- package/es/table/index.js.map +1 -1
- package/es/table/style/index.css +11 -10
- package/es/tag/Tag.js +8 -7
- package/es/tag/Tag.js.map +1 -1
- package/es/tag/_example/closable.js +43 -0
- package/es/tag/_example/closable.js.map +1 -0
- package/es/tag/_example/default.js +24 -0
- package/es/tag/_example/default.js.map +1 -0
- package/es/tag/_example/disabled.js +26 -0
- package/es/tag/_example/disabled.js.map +1 -0
- package/es/tag/_example/sizes.js +24 -0
- package/es/tag/_example/sizes.js.map +1 -0
- package/es/tag/_example/variants.js +49 -0
- package/es/tag/_example/variants.js.map +1 -0
- package/es/tag/index.js +4 -3
- package/es/tag/index.js.map +1 -1
- package/es/tag-input/TagInput.js +10 -9
- package/es/tag-input/TagInput.js.map +1 -1
- package/es/tag-input/_example/collapsed.js +39 -0
- package/es/tag-input/_example/collapsed.js.map +1 -0
- package/es/tag-input/_example/controlled-uncontrolled.js +47 -0
- package/es/tag-input/_example/controlled-uncontrolled.js.map +1 -0
- package/es/tag-input/_example/default.js +31 -0
- package/es/tag-input/_example/default.js.map +1 -0
- package/es/tag-input/_example/disabled-readonly.js +50 -0
- package/es/tag-input/_example/disabled-readonly.js.map +1 -0
- package/es/tag-input/_example/events.js +84 -0
- package/es/tag-input/_example/events.js.map +1 -0
- package/es/tag-input/_example/excess-display.js +40 -0
- package/es/tag-input/_example/excess-display.js.map +1 -0
- package/es/tag-input/_example/max-tags.js +36 -0
- package/es/tag-input/_example/max-tags.js.map +1 -0
- package/es/tag-input/_example/sizes.js +51 -0
- package/es/tag-input/_example/sizes.js.map +1 -0
- package/es/tag-input/_example/status.js +49 -0
- package/es/tag-input/_example/status.js.map +1 -0
- package/es/tag-input/_example/with-label.js +31 -0
- package/es/tag-input/_example/with-label.js.map +1 -0
- package/es/tag-input/hooks/useTagList.js +11 -10
- package/es/tag-input/hooks/useTagList.js.map +1 -1
- package/es/tag-input/index.js +7 -6
- package/es/tag-input/index.js.map +1 -1
- package/es/tag-input/useTagList.js +11 -10
- package/es/tag-input/useTagList.js.map +1 -1
- package/es/tooltip/Tooltip.js +100 -0
- package/es/tooltip/Tooltip.js.map +1 -0
- package/es/tooltip/_example/base.js +32 -0
- package/es/tooltip/_example/base.js.map +1 -0
- package/es/tooltip/_example/custom-content.js +62 -0
- package/es/tooltip/_example/custom-content.js.map +1 -0
- package/es/tooltip/_example/placement.js +31 -0
- package/es/tooltip/_example/placement.js.map +1 -0
- package/es/tooltip/_example/theme.js +47 -0
- package/es/tooltip/_example/theme.js.map +1 -0
- package/es/tooltip/index.js +36 -0
- package/es/tooltip/index.js.map +1 -0
- package/es/tooltip/style/index.css +59 -0
- package/es/tooltip/style/index.js +2 -0
- package/es/tooltip/style/index.js.map +1 -0
- package/es/utils/log/index.js.map +1 -1
- package/package.json +3 -3
- package/es/_chunks/dep-5U9UjDaf.js +0 -345
- package/es/_chunks/dep-5U9UjDaf.js.map +0 -1
- package/es/_chunks/dep-BuIAffJt.js.map +0 -1
- package/es/_chunks/dep-CD_4-1Xb.js.map +0 -1
- package/es/_chunks/dep-CMPsNAXF.js.map +0 -1
- package/es/_chunks/dep-CkmtEv0Y.js.map +0 -1
- package/es/_chunks/dep-DJmE940f.js.map +0 -1
- package/es/_chunks/dep-DURB9x8g.js.map +0 -1
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { List } from '../index.js';
|
|
3
|
+
import '../List.js';
|
|
4
|
+
import '../../_chunks/dep-Cwish4GD.js';
|
|
5
|
+
import '../../_chunks/dep-D-UKOauR.js';
|
|
6
|
+
import '../../_chunks/dep-CzLhKWCf.js';
|
|
7
|
+
import 'classnames';
|
|
8
|
+
import 'lodash-es';
|
|
9
|
+
import '../../_chunks/dep-BP0-apUT.js';
|
|
10
|
+
import 'hoist-non-react-statics';
|
|
11
|
+
import '../../_chunks/dep-U1T8CQY9.js';
|
|
12
|
+
import '../../_chunks/dep-spxR0DG0.js';
|
|
13
|
+
import '../../_chunks/dep-u1x3x6MJ.js';
|
|
14
|
+
import '../../config-provider/ConfigContext.js';
|
|
15
|
+
import '../../_chunks/dep--nQ-cjme.js';
|
|
16
|
+
import 'dayjs';
|
|
17
|
+
import '../../_chunks/dep-DGvfel3I.js';
|
|
18
|
+
import '../../loading/index.js';
|
|
19
|
+
import '../../loading/Loading.js';
|
|
20
|
+
import '../../_chunks/dep-DRwijJcv.js';
|
|
21
|
+
import '../../common/Portal.js';
|
|
22
|
+
import 'react-dom';
|
|
23
|
+
import '../../_chunks/dep-BRbJGDI9.js';
|
|
24
|
+
import '../../loading/Gradient.js';
|
|
25
|
+
import '../../_chunks/dep-DHWwZ2Nj.js';
|
|
26
|
+
import '../../_chunks/dep-DN7d1SzH.js';
|
|
27
|
+
import '../../_chunks/dep-PPA-yoAy.js';
|
|
28
|
+
import '../../_chunks/dep-DbVHGoUC.js';
|
|
29
|
+
import '../../loading/style/css.js';
|
|
30
|
+
import '../../_chunks/dep-UHQn9biR.js';
|
|
31
|
+
import '../../config-provider/index.js';
|
|
32
|
+
import '../../config-provider/ConfigProvider.js';
|
|
33
|
+
import '../ListItem.js';
|
|
34
|
+
import '../ListItemMeta.js';
|
|
35
|
+
import '../../_chunks/dep-Dlppf0JU.js';
|
|
36
|
+
import '../../_chunks/dep-CgyDw_YI.js';
|
|
37
|
+
import '../style/css.js';
|
|
38
|
+
|
|
39
|
+
var ListItem = List.ListItem,
|
|
40
|
+
ListItemMeta = List.ListItemMeta;
|
|
41
|
+
var WithImageList = function WithImageList() {
|
|
42
|
+
var avatarUrl = "https://tdesign.gtimg.com/site/avatar.jpg";
|
|
43
|
+
var listData = [{
|
|
44
|
+
id: 1,
|
|
45
|
+
title: "\u5217\u8868\u4E3B\u5185\u5BB9",
|
|
46
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
47
|
+
}, {
|
|
48
|
+
id: 2,
|
|
49
|
+
title: "\u5217\u8868\u4E3B\u5185\u5BB9",
|
|
50
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
51
|
+
}, {
|
|
52
|
+
id: 3,
|
|
53
|
+
title: "\u5217\u8868\u4E3B\u5185\u5BB9",
|
|
54
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
55
|
+
}, {
|
|
56
|
+
id: 4,
|
|
57
|
+
title: "\u5217\u8868\u4E3B\u5185\u5BB9",
|
|
58
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
59
|
+
}];
|
|
60
|
+
return /* @__PURE__ */React__default.createElement(List, null, listData.map(function (item) {
|
|
61
|
+
return /* @__PURE__ */React__default.createElement(ListItem, {
|
|
62
|
+
key: item.id
|
|
63
|
+
}, /* @__PURE__ */React__default.createElement(ListItemMeta, {
|
|
64
|
+
image: avatarUrl,
|
|
65
|
+
title: item.title,
|
|
66
|
+
description: item.content
|
|
67
|
+
}));
|
|
68
|
+
}));
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
export { WithImageList as default };
|
|
72
|
+
//# sourceMappingURL=with-image.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-image.js","sources":["../../../../components/list/_example/with-image.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem, ListItemMeta } = List;\n\nconst WithImageList = () => {\n const avatarUrl = \"https://tdesign.gtimg.com/site/avatar.jpg\";\n const listData = [\n { id: 1, title: \"列表主内容\", content: \"列表内容列表内容列表内容\" },\n { id: 2, title: \"列表主内容\", content: \"列表内容列表内容列表内容\" },\n { id: 3, title: \"列表主内容\", content: \"列表内容列表内容列表内容\" },\n { id: 4, title: \"列表主内容\", content: \"列表内容列表内容列表内容\" }\n ];\n\n return (\n <List>\n {listData.map((item) => (\n <ListItem key={item.id}>\n <ListItemMeta image={avatarUrl} title={item.title} description={item.content} />\n </ListItem>\n ))}\n </List>\n );\n};\n\nexport default WithImageList;\n"],"names":["ListItem","List","ListItemMeta","WithImageList","avatarUrl","listData","id","title","content","React","createElement","map","item","key","image","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,QAAA,GAA2BC,IAAA,CAA3BD,QAAA;EAAUE,YAAA,GAAiBD,IAAA,CAAjBC,YAAA;AAElB,IAAMC,gBAAgB,SAAhBA,gBAAsB;EAC1B,IAAMC,SAAA,GAAY,2CAAA;EAClB,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAAe,GAAA,EACjD;AAAEF,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAAe,GAAA,EACjD;AAAEF,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAAe,GAAA,EACjD;AAAEF,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAAe,GAAA,CACnD;AAEA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACT,YACEI,QAAA,CAASM,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbH,cAAA,CAAAC,aAAA,CAACV,QAAA,EAAA;MAASa,GAAA,EAAKD,IAAA,CAAKN;AAAA,KAAA,8CACjBJ,YAAA,EAAA;AAAaY,MAAAA,KAAA,EAAOV,SAAA;MAAWG,KAAA,EAAOK,IAAA,CAAKL,KAAA;MAAOQ,aAAaH,IAAA,CAAKJ;AAAA,KAAS,CAChF,CACD;AAAA,EAAA,CAAA,CACH,CAAA;AAEJ;;;;"}
|
package/es/list/index.js
CHANGED
|
@@ -9,9 +9,10 @@ import 'lodash-es';
|
|
|
9
9
|
import '../_chunks/dep-BP0-apUT.js';
|
|
10
10
|
import 'hoist-non-react-statics';
|
|
11
11
|
import '../_chunks/dep-U1T8CQY9.js';
|
|
12
|
-
import '../_chunks/dep-
|
|
13
|
-
import '../_chunks/dep-
|
|
14
|
-
import '../
|
|
12
|
+
import '../_chunks/dep-spxR0DG0.js';
|
|
13
|
+
import '../_chunks/dep-u1x3x6MJ.js';
|
|
14
|
+
import '../config-provider/ConfigContext.js';
|
|
15
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
15
16
|
import 'dayjs';
|
|
16
17
|
import '../_chunks/dep-DGvfel3I.js';
|
|
17
18
|
import '../loading/index.js';
|
|
@@ -21,12 +22,12 @@ import '../common/Portal.js';
|
|
|
21
22
|
import 'react-dom';
|
|
22
23
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
23
24
|
import '../loading/Gradient.js';
|
|
24
|
-
import '../_chunks/dep-
|
|
25
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
25
26
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
26
27
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
27
28
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
28
29
|
import '../loading/style/css.js';
|
|
29
|
-
import '../_chunks/dep-
|
|
30
|
+
import '../_chunks/dep-UHQn9biR.js';
|
|
30
31
|
import '../config-provider/index.js';
|
|
31
32
|
import '../config-provider/ConfigProvider.js';
|
|
32
33
|
import './ListItem.js';
|
package/es/list/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../components/list/index.ts"],"sourcesContent":["import _List from \"./List\";\n\nimport \"./style/index.js\";\n\nexport type { ListProps } from \"./List\";\nexport type { ListItemProps } from \"./ListItem\";\nexport type { ListItemMetaProps } from \"./ListItemMeta\";\nexport * from \"./type\";\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../components/list/index.ts"],"sourcesContent":["import _List from \"./List\";\n\nimport \"./style/index.js\";\n\nexport type { ListProps } from \"./List\";\nexport type { ListItemProps } from \"./ListItem\";\nexport type { ListItemMetaProps } from \"./ListItemMeta\";\nexport * from \"./type\";\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,IAAA,GAAOC;;;;"}
|
package/es/list/style/index.css
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
.t-list-item::after {
|
|
41
41
|
content: "";
|
|
42
42
|
position: absolute;
|
|
43
|
-
|
|
43
|
+
inset-inline-start: 0;
|
|
44
44
|
bottom: 0;
|
|
45
45
|
width: 100%;
|
|
46
46
|
height: 1px;
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
border-radius: calc(var(--td-comp-size-xxxl) / 2);
|
|
62
62
|
overflow: hidden;
|
|
63
63
|
background: var(--td-bg-color-page);
|
|
64
|
-
margin-
|
|
64
|
+
margin-inline-end: var(--td-comp-margin-l);
|
|
65
65
|
flex-shrink: 0;
|
|
66
66
|
}
|
|
67
67
|
.t-list-item__meta-avatar img {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
color: var(--td-text-color-primary);
|
|
77
77
|
}
|
|
78
78
|
.t-list-item__meta-description {
|
|
79
|
-
margin-
|
|
79
|
+
margin-inline-end: var(--td-comp-margin-xxl);
|
|
80
80
|
color: var(--td-text-color-primary);
|
|
81
81
|
}
|
|
82
82
|
.t-list-item__action {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
display: inline-block;
|
|
89
89
|
}
|
|
90
90
|
.t-list-item__action > li:not(:last-child) {
|
|
91
|
-
margin-
|
|
91
|
+
margin-inline-end: var(--td-comp-margin-l);
|
|
92
92
|
}
|
|
93
93
|
.t-list-item__action > li .t-icon {
|
|
94
94
|
color: var(--td-text-color-secondary);
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
}
|
|
138
138
|
.t-list__load .t-loading {
|
|
139
139
|
font-size: var(--td-comp-size-xxxs);
|
|
140
|
-
margin-
|
|
140
|
+
margin-inline-end: var(--td-comp-margin-s);
|
|
141
141
|
}
|
|
142
142
|
.t-list__load .t-loading.t-is-load-more {
|
|
143
143
|
cursor: pointer;
|
package/es/loading/Gradient.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useEffect } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
5
|
-
import {
|
|
5
|
+
import { b as getIEVersion } from '../_chunks/dep-DHWwZ2Nj.js';
|
|
6
6
|
import { u as useDomRefCallback } from '../_chunks/dep-PPA-yoAy.js';
|
|
7
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
7
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
8
8
|
import '../_chunks/dep-D-UKOauR.js';
|
|
9
9
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
10
10
|
import 'lodash-es';
|
|
11
|
-
import '../
|
|
11
|
+
import '../config-provider/ConfigContext.js';
|
|
12
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
12
13
|
import 'dayjs';
|
|
13
14
|
|
|
14
15
|
function setStyle(el, styles) {
|
|
@@ -65,19 +66,19 @@ var GradientLoading = function GradientLoading() {
|
|
|
65
66
|
var el = conicRef;
|
|
66
67
|
circleAdapter(el);
|
|
67
68
|
}, [conicRef]);
|
|
68
|
-
return /* @__PURE__ */
|
|
69
|
+
return /* @__PURE__ */React__default.createElement("svg", {
|
|
69
70
|
className: classNames(gradientClass, "".concat(classPrefix, "-icon-loading")),
|
|
70
71
|
viewBox: "0 0 12 12",
|
|
71
72
|
version: "1.1",
|
|
72
73
|
width: "1em",
|
|
73
74
|
height: "1em",
|
|
74
75
|
xmlns: "http://www.w3.org/2000/svg"
|
|
75
|
-
}, /* @__PURE__ */
|
|
76
|
+
}, /* @__PURE__ */React__default.createElement("foreignObject", {
|
|
76
77
|
x: "0",
|
|
77
78
|
y: "0",
|
|
78
79
|
width: "12",
|
|
79
80
|
height: "12"
|
|
80
|
-
}, /* @__PURE__ */
|
|
81
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
81
82
|
className: "".concat(gradientClass, "-conic"),
|
|
82
83
|
ref: setConicRef
|
|
83
84
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gradient.js","sources":["../../../components/loading/utils/setStyle.ts","../../../components/loading/circleAdapter.ts","../../../components/loading/Gradient.tsx"],"sourcesContent":["/**\n * 用于为节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles): void {\n const keys = Object.keys(styles);\n keys.forEach((key) => {\n el.style[key] = styles[key];\n });\n}\n\nexport default setStyle;\n","import setStyle from \"./utils/setStyle\";\nimport { getIEVersion } from \"../utils/helper\";\n\nexport default function circleAdapter(circleElem: HTMLElement) {\n let basicStyle = {};\n\n if (!circleElem || typeof window === \"undefined\") {\n return;\n }\n\n const computedStyle = window?.getComputedStyle?.(circleElem);\n const { color, fontSize } = computedStyle || {};\n\n // to fix the browser compat of foreignObject in Safari,\n // https://bugs.webkit.org/show_bug.cgi?id=23113\n const ua = window?.navigator?.userAgent || \"\";\n const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);\n // 判断是否为 iOS 下的微信和企业微信\n const isIosWechat = /(?=.*iPhone)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n // 判断是否为 iPadOS 下的微信和企业微信\n const isIpadWechat = /(?=.*iPad)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n\n // 注意:chrome上调试mobile/ipad端时,loading出现异常,属于正常现象,不需要修改。\n if (isSafari || isIosWechat || isIpadWechat) {\n basicStyle = {\n transformOrigin: \"0px 0px\",\n transform: `scale(${parseInt(fontSize, 10) / 12})`\n };\n }\n // 添加:判断是否为IE浏览器\n if (color && getIEVersion() > 11) {\n const matched = color.match(/[\\d.]+/g);\n const endColor = matched ? `rgba(${matched[0]}, ${matched[1]}, ${matched[2]}, 0)` : \"\";\n setStyle(circleElem, {\n ...basicStyle,\n background: `conic-gradient(from 90deg at 50% 50%,${endColor} 0deg, ${color} 360deg)`\n });\n } else {\n setStyle(circleElem, {\n ...basicStyle,\n background: \"\"\n });\n }\n}\n","import React, { useEffect, FC } from \"react\";\nimport classnames from \"classnames\";\nimport circleAdapter from \"./circleAdapter\";\nimport useDomRefCallback from \"../hooks/useDomRefCallback\";\nimport useConfig from \"../hooks/useConfig\";\n\n/**\n * Loading组件 渐变部分实现\n */\nconst GradientLoading: FC = () => {\n const { classPrefix } = useConfig();\n const [conicRef, setConicRef] = useDomRefCallback();\n const gradientClass = `${classPrefix}-loading__gradient`;\n\n useEffect(() => {\n const el = conicRef;\n circleAdapter(el);\n }, [conicRef]);\n\n return (\n <svg\n className={classnames(gradientClass, `${classPrefix}-icon-loading`)}\n viewBox=\"0 0 12 12\"\n version=\"1.1\"\n width=\"1em\"\n height=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <foreignObject x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n <div className={`${gradientClass}-conic`} ref={setConicRef} />\n </foreignObject>\n </svg>\n );\n};\n\nexport default GradientLoading;\n"],"names":["setStyle","el","styles","keys","Object","forEach","key","style","circleAdapter","circleElem","_window","_window$getComputedSt","_window2","basicStyle","window","computedStyle","getComputedStyle","call","_ref","color","fontSize","ua","navigator","userAgent","isSafari","test","isIosWechat","isIpadWechat","transformOrigin","transform","parseInt","getIEVersion","matched","match","endColor","concat","_objectSpread","background","GradientLoading","_useConfig","useConfig","classPrefix","_useDomRefCallback","useDomRefCallback","_useDomRefCallback2","_slicedToArray","conicRef","setConicRef","gradientClass","useEffect","React","createElement","className","classnames","viewBox","version","width","height","xmlns","x","y","ref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Gradient.js","sources":["../../../components/loading/utils/setStyle.ts","../../../components/loading/circleAdapter.ts","../../../components/loading/Gradient.tsx"],"sourcesContent":["/**\n * 用于为节点增加styles\n * @param el HTMLElement\n * @param style Styles\n */\nfunction setStyle(el: HTMLElement, styles): void {\n const keys = Object.keys(styles);\n keys.forEach((key) => {\n el.style[key] = styles[key];\n });\n}\n\nexport default setStyle;\n","import setStyle from \"./utils/setStyle\";\nimport { getIEVersion } from \"../utils/helper\";\n\nexport default function circleAdapter(circleElem: HTMLElement) {\n let basicStyle = {};\n\n if (!circleElem || typeof window === \"undefined\") {\n return;\n }\n\n const computedStyle = window?.getComputedStyle?.(circleElem);\n const { color, fontSize } = computedStyle || {};\n\n // to fix the browser compat of foreignObject in Safari,\n // https://bugs.webkit.org/show_bug.cgi?id=23113\n const ua = window?.navigator?.userAgent || \"\";\n const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);\n // 判断是否为 iOS 下的微信和企业微信\n const isIosWechat = /(?=.*iPhone)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n // 判断是否为 iPadOS 下的微信和企业微信\n const isIpadWechat = /(?=.*iPad)[?=.*MicroMessenger]/.test(ua) && !/Chrome/.test(ua);\n\n // 注意:chrome上调试mobile/ipad端时,loading出现异常,属于正常现象,不需要修改。\n if (isSafari || isIosWechat || isIpadWechat) {\n basicStyle = {\n transformOrigin: \"0px 0px\",\n transform: `scale(${parseInt(fontSize, 10) / 12})`\n };\n }\n // 添加:判断是否为IE浏览器\n if (color && getIEVersion() > 11) {\n const matched = color.match(/[\\d.]+/g);\n const endColor = matched ? `rgba(${matched[0]}, ${matched[1]}, ${matched[2]}, 0)` : \"\";\n setStyle(circleElem, {\n ...basicStyle,\n background: `conic-gradient(from 90deg at 50% 50%,${endColor} 0deg, ${color} 360deg)`\n });\n } else {\n setStyle(circleElem, {\n ...basicStyle,\n background: \"\"\n });\n }\n}\n","import React, { useEffect, FC } from \"react\";\nimport classnames from \"classnames\";\nimport circleAdapter from \"./circleAdapter\";\nimport useDomRefCallback from \"../hooks/useDomRefCallback\";\nimport useConfig from \"../hooks/useConfig\";\n\n/**\n * Loading组件 渐变部分实现\n */\nconst GradientLoading: FC = () => {\n const { classPrefix } = useConfig();\n const [conicRef, setConicRef] = useDomRefCallback();\n const gradientClass = `${classPrefix}-loading__gradient`;\n\n useEffect(() => {\n const el = conicRef;\n circleAdapter(el);\n }, [conicRef]);\n\n return (\n <svg\n className={classnames(gradientClass, `${classPrefix}-icon-loading`)}\n viewBox=\"0 0 12 12\"\n version=\"1.1\"\n width=\"1em\"\n height=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <foreignObject x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n <div className={`${gradientClass}-conic`} ref={setConicRef} />\n </foreignObject>\n </svg>\n );\n};\n\nexport default GradientLoading;\n"],"names":["setStyle","el","styles","keys","Object","forEach","key","style","circleAdapter","circleElem","_window","_window$getComputedSt","_window2","basicStyle","window","computedStyle","getComputedStyle","call","_ref","color","fontSize","ua","navigator","userAgent","isSafari","test","isIosWechat","isIpadWechat","transformOrigin","transform","parseInt","getIEVersion","matched","match","endColor","concat","_objectSpread","background","GradientLoading","_useConfig","useConfig","classPrefix","_useDomRefCallback","useDomRefCallback","_useDomRefCallback2","_slicedToArray","conicRef","setConicRef","gradientClass","useEffect","React","createElement","className","classnames","viewBox","version","width","height","xmlns","x","y","ref"],"mappings":"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"}
|
package/es/loading/Loading.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
|
|
2
2
|
import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
|
|
3
|
-
import
|
|
3
|
+
import React__default, { useState, useEffect, useMemo } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { c as canUseDocument } from '../_chunks/dep-DRwijJcv.js';
|
|
6
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
6
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
7
7
|
import Portal from '../common/Portal.js';
|
|
8
8
|
import GradientLoading from './Gradient.js';
|
|
9
9
|
import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
|
|
10
10
|
import { a as addClass, r as removeClass } from '../_chunks/dep-DbVHGoUC.js';
|
|
11
11
|
import '../_chunks/dep-D-UKOauR.js';
|
|
12
12
|
import 'lodash-es';
|
|
13
|
-
import '../
|
|
13
|
+
import '../config-provider/ConfigContext.js';
|
|
14
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
14
15
|
import 'dayjs';
|
|
15
16
|
import 'react-dom';
|
|
16
17
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
17
|
-
import '../_chunks/dep-
|
|
18
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
18
19
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
19
20
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
20
21
|
|
|
@@ -105,40 +106,40 @@ var Loading = function Loading(props) {
|
|
|
105
106
|
};
|
|
106
107
|
}, [loading, preventScrollThrough, fullscreen, lockClass]);
|
|
107
108
|
var commonContent = function commonContent() {
|
|
108
|
-
var renderIndicator = /* @__PURE__ */
|
|
109
|
+
var renderIndicator = /* @__PURE__ */React__default.createElement(GradientLoading, null);
|
|
109
110
|
if (indicator && typeof indicator !== "boolean") {
|
|
110
111
|
renderIndicator = indicator;
|
|
111
112
|
}
|
|
112
|
-
return /* @__PURE__ */
|
|
113
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, indicator ? renderIndicator : null, text ? /* @__PURE__ */React__default.createElement("div", {
|
|
113
114
|
className: textClass
|
|
114
115
|
}, text) : null);
|
|
115
116
|
};
|
|
116
117
|
if (fullscreen) {
|
|
117
|
-
return loading ? /* @__PURE__ */
|
|
118
|
+
return loading ? /* @__PURE__ */React__default.createElement("div", {
|
|
118
119
|
className: classNames(name, fullscreenClass, centerClass, overlayClass),
|
|
119
120
|
style: _objectSpread(_objectSpread({}, calcStyles), style)
|
|
120
|
-
}, /* @__PURE__ */
|
|
121
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
121
122
|
className: baseClasses
|
|
122
123
|
}, commonContent())) : null;
|
|
123
124
|
}
|
|
124
125
|
if (content || children) {
|
|
125
|
-
return /* @__PURE__ */
|
|
126
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
126
127
|
className: relativeClass,
|
|
127
128
|
style: style
|
|
128
|
-
}, content || children, showLoading ? /* @__PURE__ */
|
|
129
|
+
}, content || children, showLoading ? /* @__PURE__ */React__default.createElement("div", {
|
|
129
130
|
className: classNames(name, baseClasses, fullClass, _defineProperty({}, overlayClass, showOverlay)),
|
|
130
131
|
style: calcStyles
|
|
131
132
|
}, commonContent()) : null);
|
|
132
133
|
}
|
|
133
134
|
if (attach) {
|
|
134
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */React__default.createElement(Portal, {
|
|
135
136
|
attach: attach
|
|
136
|
-
}, loading ? /* @__PURE__ */
|
|
137
|
+
}, loading ? /* @__PURE__ */React__default.createElement("div", {
|
|
137
138
|
className: classNames(name, baseClasses, fullClass, _defineProperty({}, overlayClass, showOverlay)),
|
|
138
139
|
style: _objectSpread(_objectSpread({}, calcStyles), style)
|
|
139
140
|
}, commonContent()) : null);
|
|
140
141
|
}
|
|
141
|
-
return loading ? /* @__PURE__ */
|
|
142
|
+
return loading ? /* @__PURE__ */React__default.createElement("div", {
|
|
142
143
|
className: classNames(name, baseClasses),
|
|
143
144
|
style: _objectSpread(_objectSpread({}, calcStyles), style)
|
|
144
145
|
}, commonContent()) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sources":["../../../components/loading/defaultProps.ts","../../../components/loading/Loading.tsx"],"sourcesContent":["import { TdLoadingProps } from \"./type\";\n\nexport const loadingDefaultProps: TdLoadingProps = {\n delay: 0,\n fullscreen: false,\n indicator: true,\n inheritColor: false,\n loading: true,\n preventScrollThrough: true,\n showOverlay: true,\n size: \"medium\"\n};\n","import React, { useState, useEffect, useMemo, CSSProperties } from \"react\";\nimport classnames from \"classnames\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLoadingProps } from \"./type\";\nimport Portal from \"../common/Portal\";\nimport Gradient from \"./Gradient\";\nimport { loadingDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { addClass, removeClass } from \"../utils/style\";\n\nexport interface LoadingProps extends TdLoadingProps, StyledProps {}\n\nconst Loading: React.FC<LoadingProps> = (props) => {\n const {\n attach,\n indicator,\n text,\n loading,\n size,\n delay,\n fullscreen,\n preventScrollThrough,\n showOverlay,\n content,\n children,\n inheritColor,\n zIndex,\n className,\n style\n } = useDefaultProps<LoadingProps>(props, loadingDefaultProps);\n\n const [showLoading, setShowLoading] = useState(() => (delay ? false : loading));\n\n const { classPrefix } = useConfig();\n\n const name = `${classPrefix}-loading`;\n const centerClass = `${classPrefix}-loading--center`;\n const inheritColorClass = `${classPrefix}-loading--inherit-color`;\n const fullClass = `${classPrefix}-loading--full`;\n const fullscreenClass = `${classPrefix}-loading__fullscreen`;\n const lockClass = `${classPrefix}-loading--lock`;\n const overlayClass = `${classPrefix}-loading__overlay`;\n const relativeClass = `${classPrefix}-loading__parent`;\n const textClass = `${classPrefix}-loading__text`;\n\n useEffect(() => {\n let timer: NodeJS.Timeout;\n\n if (delay && loading) {\n timer = setTimeout(() => {\n setShowLoading(loading);\n }, delay);\n } else {\n // Use setTimeout to avoid calling setState synchronously within an effect\n setTimeout(() => {\n setShowLoading(loading);\n }, 0);\n }\n return () => {\n clearTimeout(timer);\n };\n }, [delay, loading]);\n\n const calcStyles = useMemo<React.CSSProperties>(() => {\n const styles: CSSProperties = {};\n\n if (zIndex !== undefined) {\n styles.zIndex = zIndex;\n }\n\n if (![\"small\", \"medium\", \"large\"].includes(size)) {\n styles.fontSize = size;\n }\n\n return styles;\n }, [size, zIndex]);\n\n const sizeMap = {\n large: `${classPrefix}-size-l`,\n small: `${classPrefix}-size-s`,\n medium: `${classPrefix}-size-m`\n };\n\n const baseClasses = classnames(\n centerClass,\n sizeMap[size],\n {\n [inheritColorClass]: inheritColor\n },\n className\n );\n\n useEffect(() => {\n if (preventScrollThrough && fullscreen && canUseDocument && loading) {\n addClass(document.body, lockClass);\n }\n return () => {\n removeClass(document.body, lockClass);\n };\n }, [loading, preventScrollThrough, fullscreen, lockClass]);\n\n const commonContent = () => {\n let renderIndicator = <Gradient />;\n\n if (indicator && typeof indicator !== \"boolean\") {\n renderIndicator = indicator as React.ReactElement;\n }\n return (\n <>\n {indicator ? renderIndicator : null}\n {text ? <div className={textClass}>{text}</div> : null}\n </>\n );\n };\n\n if (fullscreen) {\n return loading ? (\n <div className={classnames(name, fullscreenClass, centerClass, overlayClass)} style={{ ...calcStyles, ...style }}>\n <div className={baseClasses}>{commonContent()}</div>\n </div>\n ) : null;\n }\n\n if (content || children) {\n return (\n <div className={relativeClass} style={style}>\n {content || children}\n {showLoading ? (\n <div\n className={classnames(name, baseClasses, fullClass, {\n [overlayClass]: showOverlay\n })}\n style={calcStyles}\n >\n {commonContent()}\n </div>\n ) : null}\n </div>\n );\n }\n if (attach) {\n return (\n <Portal attach={attach}>\n {loading ? (\n <div\n className={classnames(name, baseClasses, fullClass, {\n [overlayClass]: showOverlay\n })}\n style={{ ...calcStyles, ...style }}\n >\n {commonContent()}\n </div>\n ) : null}\n </Portal>\n );\n }\n\n return loading ? (\n <div className={classnames(name, baseClasses)} style={{ ...calcStyles, ...style }}>\n {commonContent()}\n </div>\n ) : null;\n};\n\nLoading.displayName = \"Loading\";\n\nexport default Loading;\n"],"names":["loadingDefaultProps","delay","fullscreen","indicator","inheritColor","loading","preventScrollThrough","showOverlay","size","Loading","props","_useDefaultProps","useDefaultProps","attach","text","content","children","zIndex","className","style","_useState","useState","_useState2","_slicedToArray","showLoading","setShowLoading","_useConfig","useConfig","classPrefix","name","concat","centerClass","inheritColorClass","fullClass","fullscreenClass","lockClass","overlayClass","relativeClass","textClass","useEffect","timer","setTimeout","clearTimeout","calcStyles","useMemo","styles","includes","fontSize","sizeMap","large","small","medium","baseClasses","classnames","_defineProperty","canUseDocument","addClass","document","body","removeClass","commonContent","renderIndicator","Gradient","React","createElement","Fragment","_objectSpread","Portal","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Loading.js","sources":["../../../components/loading/defaultProps.ts","../../../components/loading/Loading.tsx"],"sourcesContent":["import { TdLoadingProps } from \"./type\";\n\nexport const loadingDefaultProps: TdLoadingProps = {\n delay: 0,\n fullscreen: false,\n indicator: true,\n inheritColor: false,\n loading: true,\n preventScrollThrough: true,\n showOverlay: true,\n size: \"medium\"\n};\n","import React, { useState, useEffect, useMemo, CSSProperties } from \"react\";\nimport classnames from \"classnames\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLoadingProps } from \"./type\";\nimport Portal from \"../common/Portal\";\nimport Gradient from \"./Gradient\";\nimport { loadingDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { addClass, removeClass } from \"../utils/style\";\n\nexport interface LoadingProps extends TdLoadingProps, StyledProps {}\n\nconst Loading: React.FC<LoadingProps> = (props) => {\n const {\n attach,\n indicator,\n text,\n loading,\n size,\n delay,\n fullscreen,\n preventScrollThrough,\n showOverlay,\n content,\n children,\n inheritColor,\n zIndex,\n className,\n style\n } = useDefaultProps<LoadingProps>(props, loadingDefaultProps);\n\n const [showLoading, setShowLoading] = useState(() => (delay ? false : loading));\n\n const { classPrefix } = useConfig();\n\n const name = `${classPrefix}-loading`;\n const centerClass = `${classPrefix}-loading--center`;\n const inheritColorClass = `${classPrefix}-loading--inherit-color`;\n const fullClass = `${classPrefix}-loading--full`;\n const fullscreenClass = `${classPrefix}-loading__fullscreen`;\n const lockClass = `${classPrefix}-loading--lock`;\n const overlayClass = `${classPrefix}-loading__overlay`;\n const relativeClass = `${classPrefix}-loading__parent`;\n const textClass = `${classPrefix}-loading__text`;\n\n useEffect(() => {\n let timer: NodeJS.Timeout;\n\n if (delay && loading) {\n timer = setTimeout(() => {\n setShowLoading(loading);\n }, delay);\n } else {\n // Use setTimeout to avoid calling setState synchronously within an effect\n setTimeout(() => {\n setShowLoading(loading);\n }, 0);\n }\n return () => {\n clearTimeout(timer);\n };\n }, [delay, loading]);\n\n const calcStyles = useMemo<React.CSSProperties>(() => {\n const styles: CSSProperties = {};\n\n if (zIndex !== undefined) {\n styles.zIndex = zIndex;\n }\n\n if (![\"small\", \"medium\", \"large\"].includes(size)) {\n styles.fontSize = size;\n }\n\n return styles;\n }, [size, zIndex]);\n\n const sizeMap = {\n large: `${classPrefix}-size-l`,\n small: `${classPrefix}-size-s`,\n medium: `${classPrefix}-size-m`\n };\n\n const baseClasses = classnames(\n centerClass,\n sizeMap[size],\n {\n [inheritColorClass]: inheritColor\n },\n className\n );\n\n useEffect(() => {\n if (preventScrollThrough && fullscreen && canUseDocument && loading) {\n addClass(document.body, lockClass);\n }\n return () => {\n removeClass(document.body, lockClass);\n };\n }, [loading, preventScrollThrough, fullscreen, lockClass]);\n\n const commonContent = () => {\n let renderIndicator = <Gradient />;\n\n if (indicator && typeof indicator !== \"boolean\") {\n renderIndicator = indicator as React.ReactElement;\n }\n return (\n <>\n {indicator ? renderIndicator : null}\n {text ? <div className={textClass}>{text}</div> : null}\n </>\n );\n };\n\n if (fullscreen) {\n return loading ? (\n <div className={classnames(name, fullscreenClass, centerClass, overlayClass)} style={{ ...calcStyles, ...style }}>\n <div className={baseClasses}>{commonContent()}</div>\n </div>\n ) : null;\n }\n\n if (content || children) {\n return (\n <div className={relativeClass} style={style}>\n {content || children}\n {showLoading ? (\n <div\n className={classnames(name, baseClasses, fullClass, {\n [overlayClass]: showOverlay\n })}\n style={calcStyles}\n >\n {commonContent()}\n </div>\n ) : null}\n </div>\n );\n }\n if (attach) {\n return (\n <Portal attach={attach}>\n {loading ? (\n <div\n className={classnames(name, baseClasses, fullClass, {\n [overlayClass]: showOverlay\n })}\n style={{ ...calcStyles, ...style }}\n >\n {commonContent()}\n </div>\n ) : null}\n </Portal>\n );\n }\n\n return loading ? (\n <div className={classnames(name, baseClasses)} style={{ ...calcStyles, ...style }}>\n {commonContent()}\n </div>\n ) : null;\n};\n\nLoading.displayName = \"Loading\";\n\nexport default Loading;\n"],"names":["loadingDefaultProps","delay","fullscreen","indicator","inheritColor","loading","preventScrollThrough","showOverlay","size","Loading","props","_useDefaultProps","useDefaultProps","attach","text","content","children","zIndex","className","style","_useState","useState","_useState2","_slicedToArray","showLoading","setShowLoading","_useConfig","useConfig","classPrefix","name","concat","centerClass","inheritColorClass","fullClass","fullscreenClass","lockClass","overlayClass","relativeClass","textClass","useEffect","timer","setTimeout","clearTimeout","calcStyles","useMemo","styles","includes","fontSize","sizeMap","large","small","medium","baseClasses","classnames","_defineProperty","canUseDocument","addClass","document","body","removeClass","commonContent","renderIndicator","Gradient","React","createElement","Fragment","_objectSpread","Portal","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Loading } from '../index.js';
|
|
3
|
+
import '../Loading.js';
|
|
4
|
+
import '../../_chunks/dep-Cwish4GD.js';
|
|
5
|
+
import '../../_chunks/dep-D-UKOauR.js';
|
|
6
|
+
import '../../_chunks/dep-CzLhKWCf.js';
|
|
7
|
+
import 'classnames';
|
|
8
|
+
import '../../_chunks/dep-DRwijJcv.js';
|
|
9
|
+
import 'lodash-es';
|
|
10
|
+
import '../../_chunks/dep-u1x3x6MJ.js';
|
|
11
|
+
import '../../config-provider/ConfigContext.js';
|
|
12
|
+
import '../../_chunks/dep--nQ-cjme.js';
|
|
13
|
+
import 'dayjs';
|
|
14
|
+
import '../../common/Portal.js';
|
|
15
|
+
import 'react-dom';
|
|
16
|
+
import '../../_chunks/dep-BRbJGDI9.js';
|
|
17
|
+
import '../Gradient.js';
|
|
18
|
+
import '../../_chunks/dep-DHWwZ2Nj.js';
|
|
19
|
+
import '../../_chunks/dep-DN7d1SzH.js';
|
|
20
|
+
import '../../_chunks/dep-PPA-yoAy.js';
|
|
21
|
+
import '../../_chunks/dep-DGvfel3I.js';
|
|
22
|
+
import '../../_chunks/dep-DbVHGoUC.js';
|
|
23
|
+
import '../style/css.js';
|
|
24
|
+
|
|
25
|
+
var DefaultLoading = function DefaultLoading() {
|
|
26
|
+
return /* @__PURE__ */React__default.createElement(Loading, null);
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { DefaultLoading as default };
|
|
30
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.js","sources":["../../../../components/loading/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loading } from \"../index\";\n\nconst DefaultLoading = () => <Loading />;\n\nexport default DefaultLoading;\n"],"names":["DefaultLoading","React","createElement","Loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,GAAA;EAAA,sBAAuBC,cAAA,CAAAC,aAAA,CAACC,OAAA,EAAA,IAAQ,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState, useEffect } from 'react';
|
|
3
|
+
import { Loading, Button } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var DelayLoading = function DelayLoading() {
|
|
6
|
+
var _useState = useState(""),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
data = _useState2[0],
|
|
9
|
+
setData = _useState2[1];
|
|
10
|
+
var _useState3 = useState(false),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
loading = _useState4[0],
|
|
13
|
+
setLoading = _useState4[1];
|
|
14
|
+
var loadData = function loadData(time) {
|
|
15
|
+
setLoading(true);
|
|
16
|
+
setData("");
|
|
17
|
+
var timer = setTimeout(function () {
|
|
18
|
+
setLoading(false);
|
|
19
|
+
setData("\u6570\u636E\u52A0\u8F7D\u5B8C\u6210\uFF0C\u77ED\u65F6\u95F4\u7684\u6570\u636E\u52A0\u8F7D\u5E76\u672A\u51FA\u73B0 loading");
|
|
20
|
+
clearTimeout(timer);
|
|
21
|
+
}, time || 100);
|
|
22
|
+
};
|
|
23
|
+
useEffect(function () {
|
|
24
|
+
setTimeout(function () {
|
|
25
|
+
loadData();
|
|
26
|
+
}, 0);
|
|
27
|
+
}, []);
|
|
28
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
29
|
+
style: {
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "column",
|
|
32
|
+
gap: "16px"
|
|
33
|
+
}
|
|
34
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
35
|
+
style: {
|
|
36
|
+
color: "#666",
|
|
37
|
+
fontSize: "12px"
|
|
38
|
+
}
|
|
39
|
+
}, "\u8BBE\u7F6E delay=500ms\uFF0C\u5F53\u52A0\u8F7D\u65F6\u95F4\u5C0F\u4E8E 500ms \u65F6\u4E0D\u663E\u793A loading\uFF0C\u907F\u514D\u95EA\u70C1"), /* @__PURE__ */React__default.createElement(Loading, {
|
|
40
|
+
loading: loading,
|
|
41
|
+
delay: 500,
|
|
42
|
+
size: "small",
|
|
43
|
+
showOverlay: true
|
|
44
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
45
|
+
style: {
|
|
46
|
+
padding: "20px",
|
|
47
|
+
background: "#f5f5f5",
|
|
48
|
+
borderRadius: "4px",
|
|
49
|
+
minHeight: "60px"
|
|
50
|
+
}
|
|
51
|
+
}, data || "\u7B49\u5F85\u52A0\u8F7D...")), /* @__PURE__ */React__default.createElement("div", {
|
|
52
|
+
style: {
|
|
53
|
+
display: "flex",
|
|
54
|
+
gap: "8px"
|
|
55
|
+
}
|
|
56
|
+
}, /* @__PURE__ */React__default.createElement(Button, {
|
|
57
|
+
size: "small",
|
|
58
|
+
onClick: function onClick() {
|
|
59
|
+
return loadData();
|
|
60
|
+
}
|
|
61
|
+
}, "\u5FEB\u901F\u52A0\u8F7D\uFF08\u65E0 loading\uFF09"), /* @__PURE__ */React__default.createElement(Button, {
|
|
62
|
+
size: "small",
|
|
63
|
+
onClick: function onClick() {
|
|
64
|
+
return loadData(1e3);
|
|
65
|
+
}
|
|
66
|
+
}, "\u6162\u901F\u52A0\u8F7D\uFF08\u663E\u793A loading\uFF09")));
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export { DelayLoading as default };
|
|
70
|
+
//# sourceMappingURL=delay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delay.js","sources":["../../../../components/loading/_example/delay.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Loading, Button } from \"@tendaui/react\";\n\nconst DelayLoading = () => {\n const [data, setData] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const loadData = (time?: number) => {\n setLoading(true);\n setData(\"\");\n const timer = setTimeout(() => {\n setLoading(false);\n setData(\"数据加载完成,短时间的数据加载并未出现 loading\");\n clearTimeout(timer);\n }, time || 100);\n };\n\n useEffect(() => {\n setTimeout(() => {\n loadData();\n }, 0);\n }, []);\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <div style={{ color: \"#666\", fontSize: \"12px\" }}>\n 设置 delay=500ms,当加载时间小于 500ms 时不显示 loading,避免闪烁\n </div>\n <Loading loading={loading} delay={500} size=\"small\" showOverlay>\n <div\n style={{\n padding: \"20px\",\n background: \"#f5f5f5\",\n borderRadius: \"4px\",\n minHeight: \"60px\"\n }}\n >\n {data || \"等待加载...\"}\n </div>\n </Loading>\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <Button size=\"small\" onClick={() => loadData()}>\n 快速加载(无 loading)\n </Button>\n <Button size=\"small\" onClick={() => loadData(1000)}>\n 慢速加载(显示 loading)\n </Button>\n </div>\n </div>\n );\n};\n\nexport default DelayLoading;\n"],"names":["DelayLoading","_useState","useState","_useState2","_slicedToArray","data","setData","_useState3","_useState4","loading","setLoading","loadData","time","timer","setTimeout","clearTimeout","useEffect","React","createElement","style","display","flexDirection","gap","color","fontSize","Loading","delay","size","showOverlay","padding","background","borderRadius","minHeight","Button","onClick"],"mappings":";;;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACzB,EAAA,IAAAC,SAAA,GAAwBC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5BI,IAAAA,IAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAMG,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AACpB,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,QAAA,GAAW,SAAXA,QAAAA,CAAYC,IAAA,EAAkB;IAClCF,UAAA,CAAW,IAAI,CAAA;IACfJ,OAAA,CAAQ,EAAE,CAAA;AACV,IAAA,IAAMO,KAAA,GAAQC,WAAW,YAAM;MAC7BJ,UAAA,CAAW,KAAK,CAAA;MAChBJ,OAAA,CAAQ,4HAA6B,CAAA;MACrCS,YAAA,CAAaF,KAAK,CAAA;AACpB,IAAA,CAAA,EAAGD,QAAQ,GAAG,CAAA;EAChB,CAAA;AAEAI,EAAAA,SAAA,CAAU,YAAM;AACdF,IAAAA,UAAA,CAAW,YAAM;AACfH,MAAAA,QAAA,EAAS;IACX,GAAG,CAAC,CAAA;EACN,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,sBACEM,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;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,+IAEjD,CAAA,iBACAP,cAAA,CAAAC,aAAA,CAACO,OAAA,EAAA;AAAQhB,IAAAA,OAAA,EAAAA,OAAA;AAAkBiB,IAAAA,KAAA,EAAO,GAAA;AAAKC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,aAAW;AAAA,GAAA,iBAC7DX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AACCC,IAAAA,KAAA,EAAO;AACLU,MAAAA,OAAA,EAAS,MAAA;AACTC,MAAAA,UAAA,EAAY,SAAA;AACZC,MAAAA,YAAA,EAAc,KAAA;AACdC,MAAAA,SAAA,EAAW;AACb;AAAA,GAAA,EAEC3B,IAAA,IAAQ,6BACX,CACF,CAAA,iBACAY,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQE,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACxCL,cAAA,CAAAC,aAAA,CAACe,MAAA,EAAA;AAAON,IAAAA,MAAK,OAAA;IAAQO,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAevB,QAAA,EAAS;AAAA,IAAA;GAAA,EAAG,oDAEhD,CAAA,iBACAM,cAAA,CAAAC,aAAA,CAACe;AAAON,IAAAA,IAAA,EAAK,OAAA;IAAQO,OAAA,EAAS,SAATA,OAAAA,GAAA;MAAA,OAAevB,QAAA,CAAS,GAAI,CAAA;AAAA,IAAA;AAAA,GAAA,EAAG,0DAEpD,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { Loading, Button } from '@tendaui/react';
|
|
4
|
+
|
|
5
|
+
var FullscreenLoading = function FullscreenLoading() {
|
|
6
|
+
var _useState = useState(false),
|
|
7
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
+
loading = _useState2[0],
|
|
9
|
+
setLoading = _useState2[1];
|
|
10
|
+
var showLoading = function showLoading() {
|
|
11
|
+
setLoading(true);
|
|
12
|
+
setTimeout(function () {
|
|
13
|
+
setLoading(false);
|
|
14
|
+
}, 2e3);
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Loading, {
|
|
17
|
+
loading: loading,
|
|
18
|
+
fullscreen: true,
|
|
19
|
+
preventScrollThrough: true,
|
|
20
|
+
text: "\u5168\u5C4F\u52A0\u8F7D\u4E2D..."
|
|
21
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: {
|
|
23
|
+
display: "flex",
|
|
24
|
+
flexDirection: "column",
|
|
25
|
+
gap: "16px"
|
|
26
|
+
}
|
|
27
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
28
|
+
style: {
|
|
29
|
+
color: "#666"
|
|
30
|
+
}
|
|
31
|
+
}, "\u70B9\u51FB\u6309\u94AE\u663E\u793A\u5168\u5C4F\u52A0\u8F7D\uFF0C2\u79D2\u540E\u81EA\u52A8\u5173\u95ED"), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Button, {
|
|
32
|
+
theme: "primary",
|
|
33
|
+
onClick: showLoading
|
|
34
|
+
}, "\u663E\u793A\u5168\u5C4F\u52A0\u8F7D"))));
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { FullscreenLoading as default };
|
|
38
|
+
//# sourceMappingURL=fullscreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fullscreen.js","sources":["../../../../components/loading/_example/fullscreen.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Loading, Button } from \"@tendaui/react\";\n\nconst FullscreenLoading = () => {\n const [loading, setLoading] = useState(false);\n\n const showLoading = () => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n };\n\n return (\n <>\n <Loading loading={loading} fullscreen preventScrollThrough={true} text=\"全屏加载中...\" />\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <div style={{ color: \"#666\" }}>点击按钮显示全屏加载,2秒后自动关闭</div>\n <div>\n <Button theme=\"primary\" onClick={showLoading}>\n 显示全屏加载\n </Button>\n </div>\n </div>\n </>\n );\n};\n\nexport default FullscreenLoading;\n"],"names":["FullscreenLoading","_useState","useState","_useState2","_slicedToArray","loading","setLoading","showLoading","setTimeout","React","createElement","Loading","fullscreen","preventScrollThrough","text","style","display","flexDirection","gap","color","Button","theme","onClick"],"mappings":";;;;AAGA,IAAMA,oBAAoB,SAApBA,oBAA0B;AAC9B,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,cAAc,SAAdA,cAAoB;IACxBD,UAAA,CAAW,IAAI,CAAA;AACfE,IAAAA,UAAA,CAAW,YAAM;MACfF,UAAA,CAAW,KAAK,CAAA;IAClB,GAAG,GAAI,CAAA;EACT,CAAA;AAEA,EAAA,iGAEIG,cAAA,CAAAC,aAAA,CAACC,OAAA,EAAA;AAAQN,IAAAA,SAAAA;AAAkBO,IAAAA,UAAA,EAAU,IAAA;AAACC,IAAAA,sBAAsB,IAAA;AAAMC,IAAAA,IAAA,EAAK;GAAW,CAAA,iBAClFL,cAAA,CAAAC,aAAA,CAAC;AAAIK,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClET,cAAA,CAAAC,aAAA,CAAC;AAAIK,IAAAA,KAAA,EAAO;AAAEI,MAAAA,OAAO;AAAO;AAAA,GAAA,EAAG,yGAAkB,CAAA,iBACjDV,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA;AAAOC,IAAAA,OAAM,SAAA;AAAUC,IAAAA,OAAA,EAASf;KAAa,sCAE9C,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Loading } from '@tendaui/react';
|
|
3
|
+
|
|
4
|
+
var InheritColorExample = function InheritColorExample() {
|
|
5
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
6
|
+
style: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
gap: "24px"
|
|
9
|
+
}
|
|
10
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
11
|
+
style: {
|
|
12
|
+
color: "var(--td-brand-color)"
|
|
13
|
+
}
|
|
14
|
+
}, /* @__PURE__ */React__default.createElement(Loading, {
|
|
15
|
+
inheritColor: true
|
|
16
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
17
|
+
style: {
|
|
18
|
+
marginTop: "8px",
|
|
19
|
+
fontSize: "12px"
|
|
20
|
+
}
|
|
21
|
+
}, "\u7EE7\u627F\u54C1\u724C\u8272")), /* @__PURE__ */React__default.createElement("div", {
|
|
22
|
+
style: {
|
|
23
|
+
color: "var(--td-success-color)"
|
|
24
|
+
}
|
|
25
|
+
}, /* @__PURE__ */React__default.createElement(Loading, {
|
|
26
|
+
inheritColor: true
|
|
27
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
28
|
+
style: {
|
|
29
|
+
marginTop: "8px",
|
|
30
|
+
fontSize: "12px"
|
|
31
|
+
}
|
|
32
|
+
}, "\u7EE7\u627F\u6210\u529F\u8272")), /* @__PURE__ */React__default.createElement("div", {
|
|
33
|
+
style: {
|
|
34
|
+
color: "var(--td-warning-color)"
|
|
35
|
+
}
|
|
36
|
+
}, /* @__PURE__ */React__default.createElement(Loading, {
|
|
37
|
+
inheritColor: true
|
|
38
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
39
|
+
style: {
|
|
40
|
+
marginTop: "8px",
|
|
41
|
+
fontSize: "12px"
|
|
42
|
+
}
|
|
43
|
+
}, "\u7EE7\u627F\u8B66\u544A\u8272")), /* @__PURE__ */React__default.createElement("div", {
|
|
44
|
+
style: {
|
|
45
|
+
color: "var(--td-danger-color)"
|
|
46
|
+
}
|
|
47
|
+
}, /* @__PURE__ */React__default.createElement(Loading, {
|
|
48
|
+
inheritColor: true
|
|
49
|
+
}), /* @__PURE__ */React__default.createElement("div", {
|
|
50
|
+
style: {
|
|
51
|
+
marginTop: "8px",
|
|
52
|
+
fontSize: "12px"
|
|
53
|
+
}
|
|
54
|
+
}, "\u7EE7\u627F\u9519\u8BEF\u8272")));
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export { InheritColorExample as default };
|
|
58
|
+
//# sourceMappingURL=inherit-color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inherit-color.js","sources":["../../../../components/loading/_example/inherit-color.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loading } from \"@tendaui/react\";\nconst InheritColorExample = () => (\n <div style={{ display: \"flex\", gap: \"24px\" }}>\n <div style={{ color: \"var(--td-brand-color)\" }}>\n <Loading inheritColor />\n <div style={{ marginTop: \"8px\", fontSize: \"12px\" }}>继承品牌色</div>\n </div>\n <div style={{ color: \"var(--td-success-color)\" }}>\n <Loading inheritColor />\n <div style={{ marginTop: \"8px\", fontSize: \"12px\" }}>继承成功色</div>\n </div>\n <div style={{ color: \"var(--td-warning-color)\" }}>\n <Loading inheritColor />\n <div style={{ marginTop: \"8px\", fontSize: \"12px\" }}>继承警告色</div>\n </div>\n <div style={{ color: \"var(--td-danger-color)\" }}>\n <Loading inheritColor />\n <div style={{ marginTop: \"8px\", fontSize: \"12px\" }}>继承错误色</div>\n </div>\n </div>\n);\n\nexport default InheritColorExample;\n"],"names":["InheritColorExample","React","createElement","style","display","gap","color","Loading","inheritColor","marginTop","fontSize"],"mappings":";;;AAEA,IAAMA,mBAAA,GAAsB,SAAtBA,mBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,8CACxC,KAAA,EAAA;AAAIF,IAAAA,KAAA,EAAO;AAAEG,MAAAA,KAAA,EAAO;AAAwB;AAAA,GAAA,8CAC1CC,OAAA,EAAA;AAAQC,IAAAA,YAAA,EAAY;GAAC,CAAA,iBACtBP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEM,MAAAA,SAAA,EAAW,KAAA;AAAOC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,gCAAK,CAC3D,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEG,MAAAA,OAAO;AAA0B;AAAA,GAAA,iBAC7CL,cAAA,CAAAC,aAAA,CAACK,OAAA,EAAA;AAAQC,IAAAA,YAAA,EAAY;GAAC,kBACtBP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEM,MAAAA,SAAA,EAAW,KAAA;AAAOC,MAAAA,UAAU;AAAO;GAAA,EAAG,gCAAK,CAC3D,CAAA,8CACC,KAAA,EAAA;AAAIP,IAAAA,KAAA,EAAO;AAAEG,MAAAA,KAAA,EAAO;AAA0B;AAAA,GAAA,8CAC5CC,OAAA,EAAA;AAAQC,IAAAA,YAAA,EAAY;GAAC,CAAA,iBACtBP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEM,MAAAA,SAAA,EAAW,KAAA;AAAOC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,gCAAK,CAC3D,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEG,MAAAA,OAAO;AAAyB;AAAA,GAAA,iBAC5CL,cAAA,CAAAC,aAAA,CAACK,OAAA,EAAA;AAAQC,IAAAA,YAAA,EAAY;GAAC,kBACtBP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEM,MAAAA,SAAA,EAAW,KAAA;AAAOC,MAAAA,UAAU;AAAO;AAAA,GAAA,EAAG,gCAAK,CAC3D,CACF,CAAA;AAAA;;;;"}
|