@tendaui/react 1.2.4 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/_chunks/dep--nQ-cjme.js +45 -0
- package/es/_chunks/dep--nQ-cjme.js.map +1 -0
- package/es/_chunks/{dep-DTlQ2dCA.js → dep--qagmRQa.js} +2 -2
- package/es/_chunks/{dep-DTlQ2dCA.js.map → dep--qagmRQa.js.map} +1 -1
- package/es/_chunks/{dep-Dr5wkz0z.js → dep--svkhMCP.js} +12 -12
- package/es/_chunks/{dep-Dr5wkz0z.js.map → dep--svkhMCP.js.map} +1 -1
- package/es/_chunks/{dep-Bjfn7Zv_.js → dep-2HsCYcmp.js} +5 -5
- package/es/_chunks/{dep-Bjfn7Zv_.js.map → dep-2HsCYcmp.js.map} +1 -1
- package/es/_chunks/{dep-CkmtEv0Y.js → dep-B2D1svZy.js} +4 -2
- package/es/_chunks/dep-B2D1svZy.js.map +1 -0
- package/es/_chunks/{dep-BuIAffJt.js → dep-BI5F2D3y.js} +23 -13
- package/es/_chunks/dep-BI5F2D3y.js.map +1 -0
- package/es/_chunks/dep-BK4_iOSv.js +68 -0
- package/es/_chunks/dep-BK4_iOSv.js.map +1 -0
- package/es/_chunks/{dep-BYlJzn45.js → dep-BOj-ayw6.js} +26 -26
- package/es/_chunks/{dep-BYlJzn45.js.map → dep-BOj-ayw6.js.map} +1 -1
- package/es/_chunks/{dep-D68MD94M.js → dep-BZdpKjaa.js} +18 -18
- package/es/_chunks/{dep-D68MD94M.js.map → dep-BZdpKjaa.js.map} +1 -1
- package/es/_chunks/{dep-aX8qrQpB.js → dep-BbOvNxhg.js} +4 -4
- package/es/_chunks/{dep-aX8qrQpB.js.map → dep-BbOvNxhg.js.map} +1 -1
- package/es/_chunks/{dep-oUgTcXgm.js → dep-Blkje0_M.js} +2 -2
- package/es/_chunks/{dep-oUgTcXgm.js.map → dep-Blkje0_M.js.map} +1 -1
- package/es/_chunks/{dep-DJmE940f.js → dep-CHpQ3xhh.js} +2 -2
- package/es/_chunks/dep-CHpQ3xhh.js.map +1 -0
- package/es/_chunks/{dep-DX65P8M9.js → dep-CPjkUfQu.js} +2 -2
- package/es/_chunks/{dep-DX65P8M9.js.map → dep-CPjkUfQu.js.map} +1 -1
- package/es/_chunks/dep-CSzOEACo.js +165 -0
- package/es/_chunks/dep-CSzOEACo.js.map +1 -0
- package/es/_chunks/{dep-CJCt0IS0.js → dep-Cd1UOXnJ.js} +14 -14
- package/es/_chunks/{dep-CJCt0IS0.js.map → dep-Cd1UOXnJ.js.map} +1 -1
- package/es/_chunks/{dep-DQ6kXoi8.js → dep-DHWwZ2Nj.js} +2 -2
- package/es/_chunks/{dep-DQ6kXoi8.js.map → dep-DHWwZ2Nj.js.map} +1 -1
- package/es/_chunks/{dep-Tshfumgl.js → dep-DYFbjXzW.js} +2 -2
- package/es/_chunks/{dep-Tshfumgl.js.map → dep-DYFbjXzW.js.map} +1 -1
- package/es/_chunks/{dep-C_wPqvpm.js → dep-D_qcGLah.js} +2 -2
- package/es/_chunks/{dep-C_wPqvpm.js.map → dep-D_qcGLah.js.map} +1 -1
- package/es/_chunks/{dep-CsSvR9wN.js → dep-DfsP8eqT.js} +21 -21
- package/es/_chunks/{dep-CsSvR9wN.js.map → dep-DfsP8eqT.js.map} +1 -1
- package/es/_chunks/dep-Dl5DFuGU.js +2001 -0
- package/es/_chunks/dep-Dl5DFuGU.js.map +1 -0
- package/es/_chunks/{dep-DURB9x8g.js → dep-Dnwq3YvL.js} +36 -21
- package/es/_chunks/dep-Dnwq3YvL.js.map +1 -0
- package/es/_chunks/{dep-B4_O1Vgv.js → dep-Dr3i7zFt.js} +12 -12
- package/es/_chunks/{dep-B4_O1Vgv.js.map → dep-Dr3i7zFt.js.map} +1 -1
- package/es/_chunks/{dep-CD_4-1Xb.js → dep-UHQn9biR.js} +5 -5
- package/es/_chunks/dep-UHQn9biR.js.map +1 -0
- package/es/_chunks/{dep-ByzdZjUR.js → dep-bWaVq_y3.js} +2 -2
- package/es/_chunks/{dep-ByzdZjUR.js.map → dep-bWaVq_y3.js.map} +1 -1
- package/es/_chunks/{dep-DwWrhxkd.js → dep-grkSd2UB.js} +3 -3
- package/es/_chunks/{dep-DwWrhxkd.js.map → dep-grkSd2UB.js.map} +1 -1
- package/es/_chunks/{dep-CMPsNAXF.js → dep-hCWFQAqL.js} +15 -9
- package/es/_chunks/dep-hCWFQAqL.js.map +1 -0
- package/es/_chunks/{dep-D6YxJv-F.js → dep-spxR0DG0.js} +3 -3
- package/es/_chunks/{dep-D6YxJv-F.js.map → dep-spxR0DG0.js.map} +1 -1
- package/es/_chunks/{dep-gy8uvBaS.js → dep-u1x3x6MJ.js} +2 -2
- package/es/_chunks/{dep-gy8uvBaS.js.map → dep-u1x3x6MJ.js.map} +1 -1
- package/es/alert/Alert.js +25 -24
- package/es/alert/Alert.js.map +1 -1
- package/es/alert/_example/base.js +27 -0
- package/es/alert/_example/base.js.map +1 -0
- package/es/alert/_example/collapse.js +14 -0
- package/es/alert/_example/collapse.js.map +1 -0
- package/es/alert/index.js +6 -5
- package/es/alert/index.js.map +1 -1
- package/es/badge/Badge.js +6 -5
- package/es/badge/Badge.js.map +1 -1
- package/es/badge/_example/base.js +11 -0
- package/es/badge/_example/base.js.map +1 -0
- package/es/badge/_example/count.js +38 -0
- package/es/badge/_example/count.js.map +1 -0
- package/es/badge/_example/custom-color.js +48 -0
- package/es/badge/_example/custom-color.js.map +1 -0
- package/es/badge/_example/dot.js +36 -0
- package/es/badge/_example/dot.js.map +1 -0
- package/es/badge/_example/max-count.js +37 -0
- package/es/badge/_example/max-count.js.map +1 -0
- package/es/badge/_example/offset.js +41 -0
- package/es/badge/_example/offset.js.map +1 -0
- package/es/badge/_example/shape.js +47 -0
- package/es/badge/_example/shape.js.map +1 -0
- package/es/badge/_example/show-zero.js +31 -0
- package/es/badge/_example/show-zero.js.map +1 -0
- package/es/badge/_example/size.js +54 -0
- package/es/badge/_example/size.js.map +1 -0
- package/es/badge/_example/standalone.js +27 -0
- package/es/badge/_example/standalone.js.map +1 -0
- package/es/badge/_example/text-count.js +32 -0
- package/es/badge/_example/text-count.js.map +1 -0
- package/es/badge/_example/with-button.js +33 -0
- package/es/badge/_example/with-button.js.map +1 -0
- package/es/badge/index.js +3 -2
- package/es/badge/index.js.map +1 -1
- package/es/button/Button.js +10 -9
- package/es/button/Button.js.map +1 -1
- package/es/button/__tests__/Button.test.js +54700 -0
- package/es/button/__tests__/Button.test.js.map +1 -0
- package/es/button/_example/base.js +3 -3
- package/es/button/_example/base.js.map +1 -1
- package/es/button/_example/block.js +26 -0
- package/es/button/_example/block.js.map +1 -0
- package/es/button/_example/disabled.js +32 -0
- package/es/button/_example/disabled.js.map +1 -0
- package/es/button/_example/ghost.js +28 -0
- package/es/button/_example/ghost.js.map +1 -0
- package/es/button/_example/icon.js +10 -10
- package/es/button/_example/icon.js.map +1 -1
- package/es/button/_example/link.js +24 -0
- package/es/button/_example/link.js.map +1 -0
- package/es/button/_example/loading.js +28 -0
- package/es/button/_example/loading.js.map +1 -0
- package/es/button/_example/shape.js +31 -0
- package/es/button/_example/shape.js.map +1 -0
- package/es/button/_example/size.js +25 -0
- package/es/button/_example/size.js.map +1 -0
- package/es/button/_example/suffix.js +23 -0
- package/es/button/_example/suffix.js.map +1 -0
- package/es/button/_example/theme.js +25 -0
- package/es/button/_example/theme.js.map +1 -0
- package/es/button/_example/variant-base.js +30 -0
- package/es/button/_example/variant-base.js.map +1 -0
- package/es/button/_example/variant-dashed.js +30 -0
- package/es/button/_example/variant-dashed.js.map +1 -0
- package/es/button/_example/variant-outline.js +30 -0
- package/es/button/_example/variant-outline.js.map +1 -0
- package/es/button/_example/variant-text.js +30 -0
- package/es/button/_example/variant-text.js.map +1 -0
- package/es/button/index.js +5 -4
- package/es/button/index.js.map +1 -1
- package/es/button/style/index.css +3 -3
- package/es/checkbox/Checkbox.js +6 -5
- package/es/checkbox/Checkbox.js.map +1 -1
- package/es/checkbox/CheckboxGroup.js +6 -5
- package/es/checkbox/CheckboxGroup.js.map +1 -1
- package/es/checkbox/_example/base.js +9 -0
- package/es/checkbox/_example/base.js.map +1 -0
- package/es/checkbox/_example/controlled.js +19 -0
- package/es/checkbox/_example/controlled.js.map +1 -0
- package/es/checkbox/_example/group-disabled.js +20 -0
- package/es/checkbox/_example/group-disabled.js.map +1 -0
- package/es/checkbox/_example/group-with-check-all.js +41 -0
- package/es/checkbox/_example/group-with-check-all.js.map +1 -0
- package/es/checkbox/_example/group-with-max.js +34 -0
- package/es/checkbox/_example/group-with-max.js.map +1 -0
- package/es/checkbox/_example/group-with-options.js +40 -0
- package/es/checkbox/_example/group-with-options.js.map +1 -0
- package/es/checkbox/_example/group.js +33 -0
- package/es/checkbox/_example/group.js.map +1 -0
- package/es/checkbox/_example/states.js +27 -0
- package/es/checkbox/_example/states.js.map +1 -0
- package/es/checkbox/index.js +6 -5
- package/es/checkbox/index.js.map +1 -1
- package/es/color-picker/ColorPickPanel.js +76 -12
- package/es/color-picker/ColorPickPanel.js.map +1 -1
- package/es/color-picker/ColorPicker.js +67 -18
- package/es/color-picker/ColorPicker.js.map +1 -1
- package/es/color-picker/_example/base.js +26 -0
- package/es/color-picker/_example/base.js.map +1 -0
- package/es/color-picker/_example/borderless.js +29 -0
- package/es/color-picker/_example/borderless.js.map +1 -0
- package/es/color-picker/_example/clearable.js +29 -0
- package/es/color-picker/_example/clearable.js.map +1 -0
- package/es/color-picker/_example/disabled.js +29 -0
- package/es/color-picker/_example/disabled.js.map +1 -0
- package/es/color-picker/_example/formats.js +79 -0
- package/es/color-picker/_example/formats.js.map +1 -0
- package/es/color-picker/_example/manual-input.js +91 -0
- package/es/color-picker/_example/manual-input.js.map +1 -0
- package/es/color-picker/_example/recent-colors.js +31 -0
- package/es/color-picker/_example/recent-colors.js.map +1 -0
- package/es/color-picker/_example/swatch-colors.js +27 -0
- package/es/color-picker/_example/swatch-colors.js.map +1 -0
- package/es/color-picker/_example/with-alpha.js +35 -0
- package/es/color-picker/_example/with-alpha.js.map +1 -0
- package/es/color-picker/components/panel/alpha.js +5 -4
- package/es/color-picker/components/panel/alpha.js.map +1 -1
- package/es/color-picker/components/panel/format/index.js +25 -23
- package/es/color-picker/components/panel/format/index.js.map +1 -1
- package/es/color-picker/components/panel/format/inputs.js +20 -18
- package/es/color-picker/components/panel/format/inputs.js.map +1 -1
- package/es/color-picker/components/panel/header.js +16 -14
- package/es/color-picker/components/panel/header.js.map +1 -1
- package/es/color-picker/components/panel/hue.js +5 -4
- package/es/color-picker/components/panel/hue.js.map +1 -1
- package/es/color-picker/components/panel/index.js +73 -9
- package/es/color-picker/components/panel/index.js.map +1 -1
- package/es/color-picker/components/panel/saturation.js +6 -5
- package/es/color-picker/components/panel/saturation.js.map +1 -1
- package/es/color-picker/components/panel/slider.js +9 -8
- package/es/color-picker/components/panel/slider.js.map +1 -1
- package/es/color-picker/components/panel/swatches.js +17 -16
- package/es/color-picker/components/panel/swatches.js.map +1 -1
- package/es/color-picker/components/trigger.js +58 -25
- package/es/color-picker/components/trigger.js.map +1 -1
- package/es/color-picker/index.js +63 -20
- package/es/color-picker/index.js.map +1 -1
- package/es/color-picker/utils/color-picker/index.js +4 -67
- package/es/color-picker/utils/color-picker/index.js.map +1 -1
- package/es/common/Check.js +11 -10
- package/es/common/Check.js.map +1 -1
- package/es/common/FakeArrow.js +6 -5
- package/es/common/FakeArrow.js.map +1 -1
- package/es/common/PluginContainer.js +4 -3
- package/es/common/PluginContainer.js.map +1 -1
- package/es/common/Portal.js +3 -2
- package/es/common/Portal.js.map +1 -1
- package/es/config-provider/ConfigContext.js +303 -4
- package/es/config-provider/ConfigContext.js.map +1 -1
- package/es/config-provider/ConfigProvider.js +17 -4
- package/es/config-provider/ConfigProvider.js.map +1 -1
- package/es/config-provider/index.js +2 -1
- package/es/config-provider/index.js.map +1 -1
- package/es/dialog/Dialog.js +19 -18
- package/es/dialog/Dialog.js.map +1 -1
- package/es/dialog/DialogCard.js +8 -7
- package/es/dialog/DialogCard.js.map +1 -1
- package/es/dialog/_example/base.js +32 -0
- package/es/dialog/_example/base.js.map +1 -0
- package/es/dialog/_example/confirm-loading.js +38 -0
- package/es/dialog/_example/confirm-loading.js.map +1 -0
- package/es/dialog/_example/custom-buttons.js +36 -0
- package/es/dialog/_example/custom-buttons.js.map +1 -0
- package/es/dialog/_example/full-screen.js +33 -0
- package/es/dialog/_example/full-screen.js.map +1 -0
- package/es/dialog/_example/hide-buttons.js +50 -0
- package/es/dialog/_example/hide-buttons.js.map +1 -0
- package/es/dialog/_example/modeless.js +30 -0
- package/es/dialog/_example/modeless.js.map +1 -0
- package/es/dialog/_example/placement.js +53 -0
- package/es/dialog/_example/placement.js.map +1 -0
- package/es/dialog/_example/plugin-example.js +81 -0
- package/es/dialog/_example/plugin-example.js.map +1 -0
- package/es/dialog/_example/themes.js +62 -0
- package/es/dialog/_example/themes.js.map +1 -0
- package/es/dialog/index.js +10 -9
- package/es/dialog/index.js.map +1 -1
- package/es/dialog/plugin.js +15 -14
- package/es/dialog/plugin.js.map +1 -1
- package/es/dialog/style/index.css +3 -3
- package/es/drawer/Drawer.js +46 -37
- package/es/drawer/Drawer.js.map +1 -1
- package/es/drawer/_example/custom-header-footer.js +78 -0
- package/es/drawer/_example/custom-header-footer.js.map +1 -0
- package/es/drawer/_example/default.js +61 -0
- package/es/drawer/_example/default.js.map +1 -0
- package/es/drawer/_example/events.js +81 -0
- package/es/drawer/_example/events.js.map +1 -0
- package/es/drawer/_example/no-footer.js +62 -0
- package/es/drawer/_example/no-footer.js.map +1 -0
- package/es/drawer/_example/no-overlay.js +62 -0
- package/es/drawer/_example/no-overlay.js.map +1 -0
- package/es/drawer/_example/placement.js +91 -0
- package/es/drawer/_example/placement.js.map +1 -0
- package/es/drawer/_example/size-draggable.js +65 -0
- package/es/drawer/_example/size-draggable.js.map +1 -0
- package/es/drawer/_example/size.js +96 -0
- package/es/drawer/_example/size.js.map +1 -0
- package/es/drawer/index.js +9 -8
- package/es/drawer/index.js.map +1 -1
- package/es/drawer/style/index.css +4 -4
- package/es/fireworks/Fireworks.js +7 -6
- package/es/fireworks/Fireworks.js.map +1 -1
- package/es/fireworks/index.js +3 -2
- package/es/fireworks/index.js.map +1 -1
- package/es/form/Form.js +26 -173
- package/es/form/Form.js.map +1 -1
- package/es/form/FormContext.js +5 -5
- package/es/form/FormContext.js.map +1 -1
- package/es/form/FormItem.js +12 -11
- package/es/form/FormItem.js.map +1 -1
- package/es/form/FormList.js +2 -2
- package/es/form/FormList.js.map +1 -1
- package/es/form/_example/complex.js +105 -0
- package/es/form/_example/complex.js.map +1 -0
- package/es/form/_example/default.js +87 -0
- package/es/form/_example/default.js.map +1 -0
- package/es/form/_example/disabled.js +40 -0
- package/es/form/_example/disabled.js.map +1 -0
- package/es/form/_example/form-list.js +122 -0
- package/es/form/_example/form-list.js.map +1 -0
- package/es/form/_example/inline-layout.js +32 -0
- package/es/form/_example/inline-layout.js.map +1 -0
- package/es/form/_example/label-align.js +73 -0
- package/es/form/_example/label-align.js.map +1 -0
- package/es/form/_example/methods.js +118 -0
- package/es/form/_example/methods.js.map +1 -0
- package/es/form/_example/validation.js +97 -0
- package/es/form/_example/validation.js.map +1 -0
- package/es/form/hooks/useFormItemStyle.js +5 -4
- package/es/form/hooks/useFormItemStyle.js.map +1 -1
- package/es/form/hooks/useInstance.js +5 -4
- package/es/form/hooks/useInstance.js.map +1 -1
- package/es/form/index.js +22 -17
- package/es/form/index.js.map +1 -1
- package/es/form/style/index.css +6 -6
- package/es/hooks/useDragSorter.js +4 -4
- package/es/hooks/useDragSorter.js.map +1 -1
- package/es/index.js +37 -30
- package/es/index.js.map +1 -1
- package/es/input/Input.js +165 -26
- package/es/input/Input.js.map +1 -1
- package/es/input/InputGroup.js +2 -2
- package/es/input/InputGroup.js.map +1 -1
- package/es/input/_example/auto-width.js +53 -0
- package/es/input/_example/auto-width.js.map +1 -0
- package/es/input/_example/borderless.js +52 -0
- package/es/input/_example/borderless.js.map +1 -0
- package/es/input/_example/clearable.js +54 -0
- package/es/input/_example/clearable.js.map +1 -0
- package/es/input/_example/default.js +37 -0
- package/es/input/_example/default.js.map +1 -0
- package/es/input/_example/disabled-readonly.js +48 -0
- package/es/input/_example/disabled-readonly.js.map +1 -0
- package/es/input/_example/events.js +87 -0
- package/es/input/_example/events.js.map +1 -0
- package/es/input/_example/group.js +47 -0
- package/es/input/_example/group.js.map +1 -0
- package/es/input/_example/label-suffix.js +48 -0
- package/es/input/_example/label-suffix.js.map +1 -0
- package/es/input/_example/max-length.js +44 -0
- package/es/input/_example/max-length.js.map +1 -0
- package/es/input/_example/password.js +43 -0
- package/es/input/_example/password.js.map +1 -0
- package/es/input/_example/sizes.js +47 -0
- package/es/input/_example/sizes.js.map +1 -0
- package/es/input/_example/status.js +55 -0
- package/es/input/_example/status.js.map +1 -0
- package/es/input/_example/text-align.js +50 -0
- package/es/input/_example/text-align.js.map +1 -0
- package/es/input/_example/with-icon.js +48 -0
- package/es/input/_example/with-icon.js.map +1 -0
- package/es/input/index.js +6 -5
- package/es/input/index.js.map +1 -1
- package/es/input/style/index.css +18 -9
- package/es/input-number/InputNumber.js +19 -18
- package/es/input-number/InputNumber.js.map +1 -1
- package/es/input-number/_example/align.js +88 -0
- package/es/input-number/_example/align.js.map +1 -0
- package/es/input-number/_example/auto-width.js +54 -0
- package/es/input-number/_example/auto-width.js.map +1 -0
- package/es/input-number/_example/default.js +55 -0
- package/es/input-number/_example/default.js.map +1 -0
- package/es/input-number/_example/events.js +103 -0
- package/es/input-number/_example/events.js.map +1 -0
- package/es/input-number/_example/format.js +94 -0
- package/es/input-number/_example/format.js.map +1 -0
- package/es/input-number/_example/large-number.js +81 -0
- package/es/input-number/_example/large-number.js.map +1 -0
- package/es/input-number/_example/min-max.js +70 -0
- package/es/input-number/_example/min-max.js.map +1 -0
- package/es/input-number/_example/sizes.js +128 -0
- package/es/input-number/_example/sizes.js.map +1 -0
- package/es/input-number/_example/status.js +175 -0
- package/es/input-number/_example/status.js.map +1 -0
- package/es/input-number/_example/step-and-decimal.js +70 -0
- package/es/input-number/_example/step-and-decimal.js.map +1 -0
- package/es/input-number/_example/themes.js +80 -0
- package/es/input-number/_example/themes.js.map +1 -0
- package/es/input-number/_example/with-suffix.js +74 -0
- package/es/input-number/_example/with-suffix.js.map +1 -0
- package/es/input-number/index.js +9 -8
- package/es/input-number/index.js.map +1 -1
- package/es/input-number/style/index.css +12 -12
- package/es/input-number/useInputNumber.js +5 -4
- package/es/input-number/useInputNumber.js.map +1 -1
- package/es/ip-input/IPInput.js +5 -4
- package/es/ip-input/IPInput.js.map +1 -1
- package/es/ip-input/_example/controlled.js +65 -0
- package/es/ip-input/_example/controlled.js.map +1 -0
- package/es/ip-input/_example/default.js +27 -0
- package/es/ip-input/_example/default.js.map +1 -0
- package/es/ip-input/_example/full-featured.js +48 -0
- package/es/ip-input/_example/full-featured.js.map +1 -0
- package/es/ip-input/_example/ipv6.js +47 -0
- package/es/ip-input/_example/ipv6.js.map +1 -0
- package/es/ip-input/_example/keyboard-navigation.js +46 -0
- package/es/ip-input/_example/keyboard-navigation.js.map +1 -0
- package/es/ip-input/_example/paste-demo.js +54 -0
- package/es/ip-input/_example/paste-demo.js.map +1 -0
- package/es/ip-input/_example/states.js +52 -0
- package/es/ip-input/_example/states.js.map +1 -0
- package/es/ip-input/_example/with-cidr.js +47 -0
- package/es/ip-input/_example/with-cidr.js.map +1 -0
- package/es/ip-input/index.js +5 -4
- package/es/ip-input/index.js.map +1 -1
- package/es/layout/Aside.js +5 -4
- package/es/layout/Aside.js.map +1 -1
- package/es/layout/Layout.js +10 -9
- package/es/layout/Layout.js.map +1 -1
- package/es/layout/_example/combine-left.js +68 -0
- package/es/layout/_example/combine-left.js.map +1 -0
- package/es/layout/_example/combine-right.js +68 -0
- package/es/layout/_example/combine-right.js.map +1 -0
- package/es/layout/_example/custom-aside-width.js +69 -0
- package/es/layout/_example/custom-aside-width.js.map +1 -0
- package/es/layout/_example/custom-height.js +59 -0
- package/es/layout/_example/custom-height.js.map +1 -0
- package/es/layout/_example/double-sidebar.js +72 -0
- package/es/layout/_example/double-sidebar.js.map +1 -0
- package/es/layout/_example/side-navigation-right.js +66 -0
- package/es/layout/_example/side-navigation-right.js.map +1 -0
- package/es/layout/_example/side-navigation.js +66 -0
- package/es/layout/_example/side-navigation.js.map +1 -0
- package/es/layout/_example/top-navigation.js +57 -0
- package/es/layout/_example/top-navigation.js.map +1 -0
- package/es/layout/index.js +4 -3
- package/es/layout/index.js.map +1 -1
- package/es/list/List.js +18 -17
- package/es/list/List.js.map +1 -1
- package/es/list/ListItem.js +7 -6
- package/es/list/ListItem.js.map +1 -1
- package/es/list/ListItemMeta.js +12 -11
- package/es/list/ListItemMeta.js.map +1 -1
- package/es/list/_example/async-loading.js +114 -0
- package/es/list/_example/async-loading.js.map +1 -0
- package/es/list/_example/default.js +62 -0
- package/es/list/_example/default.js.map +1 -0
- package/es/list/_example/header-footer.js +98 -0
- package/es/list/_example/header-footer.js.map +1 -0
- package/es/list/_example/multiline.js +66 -0
- package/es/list/_example/multiline.js.map +1 -0
- package/es/list/_example/scroll-loading.js +133 -0
- package/es/list/_example/scroll-loading.js.map +1 -0
- package/es/list/_example/sizes.js +94 -0
- package/es/list/_example/sizes.js.map +1 -0
- package/es/list/_example/split.js +93 -0
- package/es/list/_example/split.js.map +1 -0
- package/es/list/_example/stripe.js +68 -0
- package/es/list/_example/stripe.js.map +1 -0
- package/es/list/_example/virtual-scroll.js +97 -0
- package/es/list/_example/virtual-scroll.js.map +1 -0
- package/es/list/_example/with-image.js +72 -0
- package/es/list/_example/with-image.js.map +1 -0
- package/es/list/index.js +6 -5
- package/es/list/index.js.map +1 -1
- package/es/list/style/index.css +5 -5
- package/es/loading/Gradient.js +8 -7
- package/es/loading/Gradient.js.map +1 -1
- package/es/loading/Loading.js +14 -13
- package/es/loading/Loading.js.map +1 -1
- package/es/loading/_example/default.js +30 -0
- package/es/loading/_example/default.js.map +1 -0
- package/es/loading/_example/delay.js +70 -0
- package/es/loading/_example/delay.js.map +1 -0
- package/es/loading/_example/fullscreen.js +38 -0
- package/es/loading/_example/fullscreen.js.map +1 -0
- package/es/loading/_example/inherit-color.js +58 -0
- package/es/loading/_example/inherit-color.js.map +1 -0
- package/es/loading/_example/no-overlay.js +28 -0
- package/es/loading/_example/no-overlay.js.map +1 -0
- package/es/loading/_example/sizes.js +84 -0
- package/es/loading/_example/sizes.js.map +1 -0
- package/es/loading/_example/with-text.js +41 -0
- package/es/loading/_example/with-text.js.map +1 -0
- package/es/loading/_example/wrapper.js +41 -0
- package/es/loading/_example/wrapper.js.map +1 -0
- package/es/loading/index.js +4 -3
- package/es/loading/index.js.map +1 -1
- package/es/notification/NotifyContainer.js +7 -6
- package/es/notification/NotifyContainer.js.map +1 -1
- package/es/notification/NotifyContext.js +7 -6
- package/es/notification/NotifyContext.js.map +1 -1
- package/es/notification/NotifyItem.js +20 -19
- package/es/notification/NotifyItem.js.map +1 -1
- package/es/notification/_example/default.js +55 -0
- package/es/notification/_example/default.js.map +1 -0
- package/es/notification/_example/long-content.js +36 -0
- package/es/notification/_example/long-content.js.map +1 -0
- package/es/notification/_example/stacking.js +56 -0
- package/es/notification/_example/stacking.js.map +1 -0
- package/es/notification/_example/types.js +75 -0
- package/es/notification/_example/types.js.map +1 -0
- package/es/notification/_example/usage-example.js +68 -0
- package/es/notification/_example/usage-example.js.map +1 -0
- package/es/notification/index.js +3 -2
- package/es/notification/index.js.map +1 -1
- package/es/notification/style/index.css +4 -4
- package/es/popup/Popup.js +30 -17
- package/es/popup/Popup.js.map +1 -1
- package/es/popup/_example/controlled.js +55 -0
- package/es/popup/_example/controlled.js.map +1 -0
- package/es/popup/_example/custom-content.js +81 -0
- package/es/popup/_example/custom-content.js.map +1 -0
- package/es/popup/_example/default.js +24 -0
- package/es/popup/_example/default.js.map +1 -0
- package/es/popup/_example/delay.js +43 -0
- package/es/popup/_example/delay.js.map +1 -0
- package/es/popup/_example/disabled.js +35 -0
- package/es/popup/_example/disabled.js.map +1 -0
- package/es/popup/_example/no-arrow.js +32 -0
- package/es/popup/_example/no-arrow.js.map +1 -0
- package/es/popup/_example/placements.js +138 -0
- package/es/popup/_example/placements.js.map +1 -0
- package/es/popup/_example/triggers.js +49 -0
- package/es/popup/_example/triggers.js.map +1 -0
- package/es/popup/index.js +5 -4
- package/es/popup/index.js.map +1 -1
- package/es/radio/Radio.js +8 -7
- package/es/radio/Radio.js.map +1 -1
- package/es/radio/RadioGroup.js +8 -7
- package/es/radio/RadioGroup.js.map +1 -1
- package/es/radio/_example/allow-uncheck.js +37 -0
- package/es/radio/_example/allow-uncheck.js.map +1 -0
- package/es/radio/_example/button-style.js +79 -0
- package/es/radio/_example/button-style.js.map +1 -0
- package/es/radio/_example/controlled.js +19 -0
- package/es/radio/_example/controlled.js.map +1 -0
- package/es/radio/_example/default.js +16 -0
- package/es/radio/_example/default.js.map +1 -0
- package/es/radio/_example/group-disabled.js +34 -0
- package/es/radio/_example/group-disabled.js.map +1 -0
- package/es/radio/_example/group-with-options.js +40 -0
- package/es/radio/_example/group-with-options.js.map +1 -0
- package/es/radio/_example/group.js +33 -0
- package/es/radio/_example/group.js.map +1 -0
- package/es/radio/_example/sizes.js +57 -0
- package/es/radio/_example/sizes.js.map +1 -0
- package/es/radio/_example/states.js +25 -0
- package/es/radio/_example/states.js.map +1 -0
- package/es/radio/index.js +8 -7
- package/es/radio/index.js.map +1 -1
- package/es/select/Option.js +10 -9
- package/es/select/Option.js.map +1 -1
- package/es/select/OptionGroup.js +4 -3
- package/es/select/OptionGroup.js.map +1 -1
- package/es/select/PopupContent.js +5 -4
- package/es/select/PopupContent.js.map +1 -1
- package/es/select/Select.js +21 -20
- package/es/select/Select.js.map +1 -1
- package/es/select/_example/collapsed.js +55 -0
- package/es/select/_example/collapsed.js.map +1 -0
- package/es/select/_example/creatable.js +61 -0
- package/es/select/_example/creatable.js.map +1 -0
- package/es/select/_example/custom-content.js +41 -0
- package/es/select/_example/custom-content.js.map +1 -0
- package/es/select/_example/default.js +54 -0
- package/es/select/_example/default.js.map +1 -0
- package/es/select/_example/disabled.js +54 -0
- package/es/select/_example/disabled.js.map +1 -0
- package/es/select/_example/filterable.js +44 -0
- package/es/select/_example/filterable.js.map +1 -0
- package/es/select/_example/group-options.js +57 -0
- package/es/select/_example/group-options.js.map +1 -0
- package/es/select/_example/label-suffix.js +51 -0
- package/es/select/_example/label-suffix.js.map +1 -0
- package/es/select/_example/loading.js +45 -0
- package/es/select/_example/loading.js.map +1 -0
- package/es/select/_example/multiple.js +58 -0
- package/es/select/_example/multiple.js.map +1 -0
- package/es/select/_example/sizes.js +54 -0
- package/es/select/_example/sizes.js.map +1 -0
- package/es/select/_example/status.js +66 -0
- package/es/select/_example/status.js.map +1 -0
- package/es/select/index.js +12 -11
- package/es/select/index.js.map +1 -1
- package/es/select-input/SelectInput.js +14 -13
- package/es/select-input/SelectInput.js.map +1 -1
- package/es/select-input/hook/useMultiple.js +9 -8
- package/es/select-input/hook/useMultiple.js.map +1 -1
- package/es/select-input/hook/useSingle.js +9 -8
- package/es/select-input/hook/useSingle.js.map +1 -1
- package/es/select-input/index.js +8 -7
- package/es/select-input/index.js.map +1 -1
- package/es/slider/Slider.js +37 -27
- package/es/slider/Slider.js.map +1 -1
- package/es/slider/SliderHandleButton.js +3 -3
- package/es/slider/SliderHandleButton.js.map +1 -1
- package/es/slider/_example/custom-label.js +33 -0
- package/es/slider/_example/custom-label.js.map +1 -0
- package/es/slider/_example/default.js +33 -0
- package/es/slider/_example/default.js.map +1 -0
- package/es/slider/_example/disabled.js +38 -0
- package/es/slider/_example/disabled.js.map +1 -0
- package/es/slider/_example/marks.js +61 -0
- package/es/slider/_example/marks.js.map +1 -0
- package/es/slider/_example/range.js +30 -0
- package/es/slider/_example/range.js.map +1 -0
- package/es/slider/_example/step.js +31 -0
- package/es/slider/_example/step.js.map +1 -0
- package/es/slider/_example/vertical.js +67 -0
- package/es/slider/_example/vertical.js.map +1 -0
- package/es/slider/_example/with-input-number.js +55 -0
- package/es/slider/_example/with-input-number.js.map +1 -0
- package/es/slider/index.js +9 -8
- package/es/slider/index.js.map +1 -1
- package/es/slider/style/index.css +8 -8
- package/es/switch/Switch.js +13 -12
- package/es/switch/Switch.js.map +1 -1
- package/es/switch/_example/async-change.js +36 -0
- package/es/switch/_example/async-change.js.map +1 -0
- package/es/switch/_example/before-change.js +31 -0
- package/es/switch/_example/before-change.js.map +1 -0
- package/es/switch/_example/controlled.js +23 -0
- package/es/switch/_example/controlled.js.map +1 -0
- package/es/switch/_example/custom-value.js +50 -0
- package/es/switch/_example/custom-value.js.map +1 -0
- package/es/switch/_example/default.js +11 -0
- package/es/switch/_example/default.js.map +1 -0
- package/es/switch/_example/disabled.js +72 -0
- package/es/switch/_example/disabled.js.map +1 -0
- package/es/switch/_example/loading.js +44 -0
- package/es/switch/_example/loading.js.map +1 -0
- package/es/switch/_example/sizes.js +60 -0
- package/es/switch/_example/sizes.js.map +1 -0
- package/es/switch/_example/with-label.js +54 -0
- package/es/switch/_example/with-label.js.map +1 -0
- package/es/switch/index.js +6 -5
- package/es/switch/index.js.map +1 -1
- package/es/switch/style/index.css +56 -0
- package/es/tab/TabBar.js +8 -7
- package/es/tab/TabBar.js.map +1 -1
- package/es/tab/TabNav.js +12 -11
- package/es/tab/TabNav.js.map +1 -1
- package/es/tab/TabNavItem.js +11 -10
- package/es/tab/TabNavItem.js.map +1 -1
- package/es/tab/TabPanel.js +6 -4
- package/es/tab/TabPanel.js.map +1 -1
- package/es/tab/Tabs.js +20 -19
- package/es/tab/Tabs.js.map +1 -1
- package/es/tab/_example/addable.js +92 -0
- package/es/tab/_example/addable.js.map +1 -0
- package/es/tab/_example/card-theme.js +66 -0
- package/es/tab/_example/card-theme.js.map +1 -0
- package/es/tab/_example/default.js +65 -0
- package/es/tab/_example/default.js.map +1 -0
- package/es/tab/_example/disabled.js +99 -0
- package/es/tab/_example/disabled.js.map +1 -0
- package/es/tab/_example/lazy.js +73 -0
- package/es/tab/_example/lazy.js.map +1 -0
- package/es/tab/_example/placement.js +96 -0
- package/es/tab/_example/placement.js.map +1 -0
- package/es/tab/_example/removable.js +78 -0
- package/es/tab/_example/removable.js.map +1 -0
- package/es/tab/_example/sizes.js +85 -0
- package/es/tab/_example/sizes.js.map +1 -0
- package/es/tab/_example/with-action.js +71 -0
- package/es/tab/_example/with-action.js.map +1 -0
- package/es/tab/index.js +8 -7
- package/es/tab/index.js.map +1 -1
- package/es/tab/style/index.css +8 -8
- package/es/table/Cell.js +10 -11
- package/es/table/Cell.js.map +1 -1
- package/es/table/Ellipsis.js +77 -0
- package/es/table/Ellipsis.js.map +1 -0
- package/es/table/TBody.js +16 -13
- package/es/table/TBody.js.map +1 -1
- package/es/table/THead.js +7 -6
- package/es/table/THead.js.map +1 -1
- package/es/table/TR.js +9 -5
- package/es/table/TR.js.map +1 -1
- package/es/table/Table.js +14 -11
- package/es/table/Table.js.map +1 -1
- package/es/table/_example/alignment.js +96 -0
- package/es/table/_example/alignment.js.map +1 -0
- package/es/table/_example/auto-width.js +90 -0
- package/es/table/_example/auto-width.js.map +1 -0
- package/es/table/_example/bordered-stripe-hover.js +96 -0
- package/es/table/_example/bordered-stripe-hover.js.map +1 -0
- package/es/table/_example/bordered.js +94 -0
- package/es/table/_example/bordered.js.map +1 -0
- package/es/table/_example/cell-click.js +107 -0
- package/es/table/_example/cell-click.js.map +1 -0
- package/es/table/_example/complex.js +131 -0
- package/es/table/_example/complex.js.map +1 -0
- package/es/table/_example/custom-cell.js +115 -0
- package/es/table/_example/custom-cell.js.map +1 -0
- package/es/table/_example/custom-empty.js +64 -0
- package/es/table/_example/custom-empty.js.map +1 -0
- package/es/table/_example/custom-row-class-name.js +105 -0
- package/es/table/_example/custom-row-class-name.js.map +1 -0
- package/es/table/_example/default.js +93 -0
- package/es/table/_example/default.js.map +1 -0
- package/es/table/_example/ellipsis.js +96 -0
- package/es/table/_example/ellipsis.js.map +1 -0
- package/es/table/_example/empty.js +58 -0
- package/es/table/_example/empty.js.map +1 -0
- package/es/table/_example/fixed-width.js +98 -0
- package/es/table/_example/fixed-width.js.map +1 -0
- package/es/table/_example/hover.js +94 -0
- package/es/table/_example/hover.js.map +1 -0
- package/es/table/_example/row-click.js +100 -0
- package/es/table/_example/row-click.js.map +1 -0
- package/es/table/_example/sizes.js +111 -0
- package/es/table/_example/sizes.js.map +1 -0
- package/es/table/_example/stripe.js +94 -0
- package/es/table/_example/stripe.js.map +1 -0
- package/es/table/_example/vertical-align.js +110 -0
- package/es/table/_example/vertical-align.js.map +1 -0
- package/es/table/hooks/index.js +6 -5
- package/es/table/hooks/index.js.map +1 -1
- package/es/table/index.js +6 -3
- package/es/table/index.js.map +1 -1
- package/es/table/style/index.css +11 -10
- package/es/tag/Tag.js +8 -7
- package/es/tag/Tag.js.map +1 -1
- package/es/tag/_example/closable.js +43 -0
- package/es/tag/_example/closable.js.map +1 -0
- package/es/tag/_example/default.js +24 -0
- package/es/tag/_example/default.js.map +1 -0
- package/es/tag/_example/disabled.js +26 -0
- package/es/tag/_example/disabled.js.map +1 -0
- package/es/tag/_example/sizes.js +24 -0
- package/es/tag/_example/sizes.js.map +1 -0
- package/es/tag/_example/variants.js +49 -0
- package/es/tag/_example/variants.js.map +1 -0
- package/es/tag/index.js +4 -3
- package/es/tag/index.js.map +1 -1
- package/es/tag-input/TagInput.js +10 -9
- package/es/tag-input/TagInput.js.map +1 -1
- package/es/tag-input/_example/collapsed.js +39 -0
- package/es/tag-input/_example/collapsed.js.map +1 -0
- package/es/tag-input/_example/controlled-uncontrolled.js +47 -0
- package/es/tag-input/_example/controlled-uncontrolled.js.map +1 -0
- package/es/tag-input/_example/default.js +31 -0
- package/es/tag-input/_example/default.js.map +1 -0
- package/es/tag-input/_example/disabled-readonly.js +50 -0
- package/es/tag-input/_example/disabled-readonly.js.map +1 -0
- package/es/tag-input/_example/events.js +84 -0
- package/es/tag-input/_example/events.js.map +1 -0
- package/es/tag-input/_example/excess-display.js +40 -0
- package/es/tag-input/_example/excess-display.js.map +1 -0
- package/es/tag-input/_example/max-tags.js +36 -0
- package/es/tag-input/_example/max-tags.js.map +1 -0
- package/es/tag-input/_example/sizes.js +51 -0
- package/es/tag-input/_example/sizes.js.map +1 -0
- package/es/tag-input/_example/status.js +49 -0
- package/es/tag-input/_example/status.js.map +1 -0
- package/es/tag-input/_example/with-label.js +31 -0
- package/es/tag-input/_example/with-label.js.map +1 -0
- package/es/tag-input/hooks/useTagList.js +11 -10
- package/es/tag-input/hooks/useTagList.js.map +1 -1
- package/es/tag-input/index.js +7 -6
- package/es/tag-input/index.js.map +1 -1
- package/es/tag-input/useTagList.js +11 -10
- package/es/tag-input/useTagList.js.map +1 -1
- package/es/tooltip/Tooltip.js +100 -0
- package/es/tooltip/Tooltip.js.map +1 -0
- package/es/tooltip/_example/base.js +32 -0
- package/es/tooltip/_example/base.js.map +1 -0
- package/es/tooltip/_example/custom-content.js +62 -0
- package/es/tooltip/_example/custom-content.js.map +1 -0
- package/es/tooltip/_example/placement.js +31 -0
- package/es/tooltip/_example/placement.js.map +1 -0
- package/es/tooltip/_example/theme.js +47 -0
- package/es/tooltip/_example/theme.js.map +1 -0
- package/es/tooltip/index.js +36 -0
- package/es/tooltip/index.js.map +1 -0
- package/es/tooltip/style/index.css +59 -0
- package/es/tooltip/style/index.js +2 -0
- package/es/tooltip/style/index.js.map +1 -0
- package/es/utils/log/index.js.map +1 -1
- package/package.json +3 -3
- package/es/_chunks/dep-5U9UjDaf.js +0 -345
- package/es/_chunks/dep-5U9UjDaf.js.map +0 -1
- package/es/_chunks/dep-BuIAffJt.js.map +0 -1
- package/es/_chunks/dep-CD_4-1Xb.js.map +0 -1
- package/es/_chunks/dep-CMPsNAXF.js.map +0 -1
- package/es/_chunks/dep-CkmtEv0Y.js.map +0 -1
- package/es/_chunks/dep-DJmE940f.js.map +0 -1
- package/es/_chunks/dep-DURB9x8g.js.map +0 -1
package/es/list/List.js
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
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, { useMemo, useRef, useImperativeHandle } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { compact, isString } from 'lodash-es';
|
|
6
6
|
import { f as forwardRefWithStatics } from '../_chunks/dep-BP0-apUT.js';
|
|
7
7
|
import { n as noop } from '../_chunks/dep-U1T8CQY9.js';
|
|
8
|
-
import { p as parseTNode } from '../_chunks/dep-
|
|
9
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
8
|
+
import { p as parseTNode } from '../_chunks/dep-spxR0DG0.js';
|
|
9
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
10
10
|
import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
|
|
11
11
|
import { Loading } from '../loading/index.js';
|
|
12
|
-
import { u as useLocaleReceiver } from '../_chunks/dep-
|
|
12
|
+
import { u as useLocaleReceiver } from '../_chunks/dep-UHQn9biR.js';
|
|
13
13
|
import ListItem from './ListItem.js';
|
|
14
14
|
import ListItemMeta from './ListItemMeta.js';
|
|
15
15
|
import { u as useVirtualScroll } from '../_chunks/dep-Dlppf0JU.js';
|
|
16
16
|
import '../_chunks/dep-D-UKOauR.js';
|
|
17
17
|
import 'hoist-non-react-statics';
|
|
18
|
-
import '../
|
|
18
|
+
import '../config-provider/ConfigContext.js';
|
|
19
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
19
20
|
import 'dayjs';
|
|
20
21
|
import '../loading/Loading.js';
|
|
21
22
|
import '../_chunks/dep-DRwijJcv.js';
|
|
@@ -23,7 +24,7 @@ import '../common/Portal.js';
|
|
|
23
24
|
import 'react-dom';
|
|
24
25
|
import '../_chunks/dep-BRbJGDI9.js';
|
|
25
26
|
import '../loading/Gradient.js';
|
|
26
|
-
import '../_chunks/dep-
|
|
27
|
+
import '../_chunks/dep-DHWwZ2Nj.js';
|
|
27
28
|
import '../_chunks/dep-DN7d1SzH.js';
|
|
28
29
|
import '../_chunks/dep-PPA-yoAy.js';
|
|
29
30
|
import '../_chunks/dep-DbVHGoUC.js';
|
|
@@ -138,7 +139,7 @@ var List = forwardRefWithStatics(function (props, ref) {
|
|
|
138
139
|
t = _useLocaleReceiver2[1];
|
|
139
140
|
var listItems = useMemo(function () {
|
|
140
141
|
var _compact;
|
|
141
|
-
return (_compact = compact(
|
|
142
|
+
return (_compact = compact(React__default.Children.map(children, function (child) {
|
|
142
143
|
return child === null || child === void 0 ? void 0 : child.props;
|
|
143
144
|
}))) !== null && _compact !== void 0 ? _compact : [];
|
|
144
145
|
}, [children]);
|
|
@@ -170,41 +171,41 @@ var List = forwardRefWithStatics(function (props, ref) {
|
|
|
170
171
|
scrollBottom: scrollBottom
|
|
171
172
|
});
|
|
172
173
|
};
|
|
173
|
-
var loadElement = isString(asyncLoading) ? /* @__PURE__ */
|
|
174
|
+
var loadElement = isString(asyncLoading) ? /* @__PURE__ */React__default.createElement("div", {
|
|
174
175
|
className: classNames("".concat(classPrefix, "-list__load"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-list__load--loading"), asyncLoading === "loading"), "".concat(classPrefix, "-list__load--load-more"), asyncLoading === "load-more")),
|
|
175
176
|
onClick: handleClickLoad
|
|
176
|
-
}, asyncLoading === "loading" && /* @__PURE__ */
|
|
177
|
+
}, asyncLoading === "loading" && /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Loading, {
|
|
177
178
|
loading: true
|
|
178
|
-
}), /* @__PURE__ */
|
|
179
|
+
}), /* @__PURE__ */React__default.createElement("span", null, t(local.loadingText))), asyncLoading === "load-more" && /* @__PURE__ */React__default.createElement("span", null, t(local.loadingMoreText))) : asyncLoading;
|
|
179
180
|
useImperativeHandle(ref, function () {
|
|
180
181
|
return {
|
|
181
182
|
scrollTo: scrollToElement
|
|
182
183
|
};
|
|
183
184
|
});
|
|
184
185
|
var renderContent = function renderContent() {
|
|
185
|
-
return /* @__PURE__ */
|
|
186
|
+
return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, isVirtualScroll ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
|
|
186
187
|
style: cursorStyle
|
|
187
|
-
}), /* @__PURE__ */
|
|
188
|
+
}), /* @__PURE__ */React__default.createElement("ul", {
|
|
188
189
|
className: "".concat(COMPONENT_NAME, "__inner"),
|
|
189
190
|
style: listStyle
|
|
190
191
|
}, virtualConfig.visibleData.map(function (item, index) {
|
|
191
|
-
return /* @__PURE__ */
|
|
192
|
+
return /* @__PURE__ */React__default.createElement(ListItem, _objectSpread({
|
|
192
193
|
key: index
|
|
193
194
|
}, item));
|
|
194
|
-
}))) : /* @__PURE__ */
|
|
195
|
+
}))) : /* @__PURE__ */React__default.createElement("ul", {
|
|
195
196
|
className: "".concat(COMPONENT_NAME, "__inner")
|
|
196
197
|
}, children));
|
|
197
198
|
};
|
|
198
|
-
return /* @__PURE__ */
|
|
199
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
199
200
|
ref: wrapperRef,
|
|
200
201
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
201
202
|
position: isVirtualScroll ? "relative" : void 0
|
|
202
203
|
}),
|
|
203
204
|
onScroll: handleScroll,
|
|
204
205
|
className: classNames("".concat(COMPONENT_NAME), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(COMPONENT_NAME, "--split"), split), "".concat(COMPONENT_NAME, "--stripe"), stripe), "".concat(COMPONENT_NAME, "--vertical-action"), layout === "vertical"), "".concat(classPrefix, "-size-s"), size === "small"), "".concat(classPrefix, "-size-l"), size === "large"))
|
|
205
|
-
}, header && /* @__PURE__ */
|
|
206
|
+
}, header && /* @__PURE__ */React__default.createElement("div", {
|
|
206
207
|
className: "".concat(COMPONENT_NAME, "__header")
|
|
207
|
-
}, parseTNode(header)), renderContent(), asyncLoading && loadElement, footer && /* @__PURE__ */
|
|
208
|
+
}, parseTNode(header)), renderContent(), asyncLoading && loadElement, footer && /* @__PURE__ */React__default.createElement("div", {
|
|
208
209
|
className: "".concat(COMPONENT_NAME, "__footer")
|
|
209
210
|
}, parseTNode(footer)));
|
|
210
211
|
}, {
|
package/es/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../components/list/defaultProps.ts","../../../components/list/hooks/useListVirtualScroll.ts","../../../components/list/List.tsx"],"sourcesContent":["/**\n * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdListProps, TdListItemProps, TdListItemMetaProps } from \"./type\";\n\nexport const listDefaultProps: TdListProps = { layout: \"horizontal\", size: \"medium\", split: false, stripe: false };\n\nexport const listItemDefaultProps: TdListItemProps = {};\n\nexport const listItemMetaDefaultProps: TdListItemMetaProps = {};\n","import React, { useMemo } from \"react\";\n// import log from \"@tdesign/common-js/log/index\";\nimport useVirtualScroll from \"../../hooks/useVirtualScroll\";\nimport { TdListProps } from \"../type\";\nimport { Styles, type ScrollToElementParams } from \"../../common\";\nconst log = console.log;\nexport const useListVirtualScroll = (\n scroll: TdListProps[\"scroll\"],\n listRef: React.MutableRefObject<HTMLElement>,\n listItems: any[]\n) => {\n const virtualScrollParams = useMemo(\n () => ({\n data: listItems,\n scroll\n }),\n [listItems, scroll]\n );\n const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);\n const { isVirtualScroll } = virtualConfig;\n let lastScrollY = -1;\n\n const onInnerVirtualScroll = (e: WheelEvent) => {\n const target = (e.target || e.srcElement) as HTMLElement;\n const top = target.scrollTop;\n if (lastScrollY !== top) {\n virtualConfig.isVirtualScroll && virtualConfig.handleScroll();\n } else {\n lastScrollY = -1;\n }\n lastScrollY = top;\n };\n\n const cursorStyle = useMemo(\n () =>\n ({\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n transition: \"transform 0.2s\",\n transform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`\n }) as Styles,\n [virtualConfig.scrollHeight]\n );\n\n const listStyle = useMemo(\n () =>\n ({\n transform: `translate(0, ${virtualConfig.translateY}px)`,\n msTransform: `translate(0, ${virtualConfig.translateY}px)`,\n MozTransform: `translate(0, ${virtualConfig.translateY}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`\n }) as Styles,\n [virtualConfig.translateY]\n );\n\n const handleScrollTo = (params: ScrollToElementParams) => {\n const { index, key } = params;\n const targetIndex = index === 0 ? index : index ?? Number(key);\n if (!targetIndex && targetIndex !== 0) {\n console.error(\"List\", \"scrollTo: `index` or `key` must exist.\");\n return;\n }\n if (targetIndex < 0 || targetIndex >= listItems.length) {\n console.error(\"List\", `${targetIndex} does not exist in data, check \\`index\\` or \\`key\\` please.`);\n return;\n }\n virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });\n };\n\n return {\n virtualConfig,\n cursorStyle,\n listStyle,\n isVirtualScroll,\n onInnerVirtualScroll,\n scrollToElement: handleScrollTo\n };\n};\n","import React, { useImperativeHandle, useMemo, useRef, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { compact, isString } from \"lodash-es\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport noop from \"../utils/noop\";\nimport parseTNode from \"../utils/parseTNode\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport Loading from \"../loading\";\nimport { useLocaleReceiver } from \"../locale/LocalReceiver\";\nimport ListItem from \"./ListItem\";\nimport ListItemMeta from \"./ListItemMeta\";\nimport { listDefaultProps } from \"./defaultProps\";\nimport { useListVirtualScroll } from \"./hooks/useListVirtualScroll\";\n\nimport type { StyledProps } from \"../common\";\nimport type { ListInstanceFunctions, TdListProps } from \"./type\";\n\nexport interface ListProps extends TdListProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n (props: ListProps, ref: React.Ref<ListInstanceFunctions>) => {\n const {\n header,\n footer,\n asyncLoading,\n size,\n split,\n stripe,\n layout,\n children,\n className,\n onLoadMore = noop,\n onScroll = noop,\n style,\n scroll\n } = useDefaultProps<ListProps>(props, listDefaultProps);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const { classPrefix } = useConfig();\n const [local, t] = useLocaleReceiver(\"list\");\n\n const listItems = useMemo(\n () => compact(React.Children.map(children, (child: React.ReactElement) => child?.props)) ?? [],\n [children]\n );\n\n const { virtualConfig, cursorStyle, listStyle, isVirtualScroll, onInnerVirtualScroll, scrollToElement } =\n useListVirtualScroll(scroll, wrapperRef, listItems);\n\n const COMPONENT_NAME = `${classPrefix}-list`;\n\n const handleClickLoad = (e: React.MouseEvent<HTMLDivElement>) => {\n if (asyncLoading === \"load-more\") {\n onLoadMore({ e });\n }\n };\n\n const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n const { currentTarget } = event;\n const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n if (isVirtualScroll) onInnerVirtualScroll(event as unknown as globalThis.WheelEvent);\n onScroll({ e: event, scrollTop, scrollBottom });\n };\n\n const loadElement = isString(asyncLoading) ? (\n <div\n className={classNames(`${classPrefix}-list__load`, {\n [`${classPrefix}-list__load--loading`]: asyncLoading === \"loading\",\n [`${classPrefix}-list__load--load-more`]: asyncLoading === \"load-more\"\n })}\n onClick={handleClickLoad}\n >\n {asyncLoading === \"loading\" && (\n <div>\n <Loading loading={true} />\n <span>{t(local.loadingText)}</span>\n </div>\n )}\n {asyncLoading === \"load-more\" && <span>{t(local.loadingMoreText)}</span>}\n </div>\n ) : (\n asyncLoading\n );\n\n useImperativeHandle(ref, () => ({\n scrollTo: scrollToElement\n }));\n\n const renderContent = () => (\n <>\n {isVirtualScroll ? (\n <>\n <div style={cursorStyle}></div>\n <ul className={`${COMPONENT_NAME}__inner`} style={listStyle}>\n {virtualConfig.visibleData.map((item, index) => (\n <ListItem key={index} {...(item as any)} />\n ))}\n </ul>\n </>\n ) : (\n <ul className={`${COMPONENT_NAME}__inner`}>{children}</ul>\n )}\n </>\n );\n\n return (\n <div\n ref={wrapperRef}\n style={{\n ...style,\n position: isVirtualScroll ? \"relative\" : undefined\n }}\n onScroll={handleScroll}\n className={classNames(`${COMPONENT_NAME}`, className, {\n [`${COMPONENT_NAME}--split`]: split,\n [`${COMPONENT_NAME}--stripe`]: stripe,\n [`${COMPONENT_NAME}--vertical-action`]: layout === \"vertical\",\n [`${classPrefix}-size-s`]: size === \"small\",\n [`${classPrefix}-size-l`]: size === \"large\"\n })}\n >\n {header && <div className={`${COMPONENT_NAME}__header`}>{parseTNode(header)}</div>}\n {renderContent()}\n {asyncLoading && loadElement}\n {footer && <div className={`${COMPONENT_NAME}__footer`}>{parseTNode(footer)}</div>}\n </div>\n );\n },\n { ListItem, ListItemMeta }\n);\n\nList.displayName = \"List\";\n\nexport default List;\n"],"names":["listDefaultProps","layout","size","split","stripe","listItemDefaultProps","listItemMetaDefaultProps","log","console","useListVirtualScroll","scroll","listRef","listItems","virtualScrollParams","useMemo","data","virtualConfig","useVirtualScroll","isVirtualScroll","lastScrollY","onInnerVirtualScroll","e","target","srcElement","top","scrollTop","handleScroll","cursorStyle","position","width","height","transition","transform","concat","scrollHeight","msTransform","MozTransform","WebkitTransform","listStyle","translateY","handleScrollTo","params","index","key","targetIndex","Number","error","length","scrollToElement","List","forwardRefWithStatics","props","ref","_useDefaultProps","useDefaultProps","header","footer","asyncLoading","children","className","_useDefaultProps$onLo","onLoadMore","noop","_useDefaultProps$onSc","onScroll","style","wrapperRef","useRef","_useConfig","useConfig","classPrefix","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_compact","compact","React","Children","map","child","_useListVirtualScroll","COMPONENT_NAME","handleClickLoad","event","currentTarget","offsetHeight","scrollBottom","loadElement","isString","createElement","classNames","_defineProperty","onClick","Loading","loading","loadingText","loadingMoreText","useImperativeHandle","scrollTo","renderContent","Fragment","visibleData","item","ListItem","_objectSpread","parseTNode","ListItemMeta","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../components/list/defaultProps.ts","../../../components/list/hooks/useListVirtualScroll.ts","../../../components/list/List.tsx"],"sourcesContent":["/**\n * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdListProps, TdListItemProps, TdListItemMetaProps } from \"./type\";\n\nexport const listDefaultProps: TdListProps = { layout: \"horizontal\", size: \"medium\", split: false, stripe: false };\n\nexport const listItemDefaultProps: TdListItemProps = {};\n\nexport const listItemMetaDefaultProps: TdListItemMetaProps = {};\n","import React, { useMemo } from \"react\";\n// import log from \"@tdesign/common-js/log/index\";\nimport useVirtualScroll from \"../../hooks/useVirtualScroll\";\nimport { TdListProps } from \"../type\";\nimport { Styles, type ScrollToElementParams } from \"../../common\";\nconst log = console.log;\nexport const useListVirtualScroll = (\n scroll: TdListProps[\"scroll\"],\n listRef: React.MutableRefObject<HTMLElement>,\n listItems: any[]\n) => {\n const virtualScrollParams = useMemo(\n () => ({\n data: listItems,\n scroll\n }),\n [listItems, scroll]\n );\n const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);\n const { isVirtualScroll } = virtualConfig;\n let lastScrollY = -1;\n\n const onInnerVirtualScroll = (e: WheelEvent) => {\n const target = (e.target || e.srcElement) as HTMLElement;\n const top = target.scrollTop;\n if (lastScrollY !== top) {\n virtualConfig.isVirtualScroll && virtualConfig.handleScroll();\n } else {\n lastScrollY = -1;\n }\n lastScrollY = top;\n };\n\n const cursorStyle = useMemo(\n () =>\n ({\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n transition: \"transform 0.2s\",\n transform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`\n }) as Styles,\n [virtualConfig.scrollHeight]\n );\n\n const listStyle = useMemo(\n () =>\n ({\n transform: `translate(0, ${virtualConfig.translateY}px)`,\n msTransform: `translate(0, ${virtualConfig.translateY}px)`,\n MozTransform: `translate(0, ${virtualConfig.translateY}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`\n }) as Styles,\n [virtualConfig.translateY]\n );\n\n const handleScrollTo = (params: ScrollToElementParams) => {\n const { index, key } = params;\n const targetIndex = index === 0 ? index : index ?? Number(key);\n if (!targetIndex && targetIndex !== 0) {\n console.error(\"List\", \"scrollTo: `index` or `key` must exist.\");\n return;\n }\n if (targetIndex < 0 || targetIndex >= listItems.length) {\n console.error(\"List\", `${targetIndex} does not exist in data, check \\`index\\` or \\`key\\` please.`);\n return;\n }\n virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });\n };\n\n return {\n virtualConfig,\n cursorStyle,\n listStyle,\n isVirtualScroll,\n onInnerVirtualScroll,\n scrollToElement: handleScrollTo\n };\n};\n","import React, { useImperativeHandle, useMemo, useRef, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { compact, isString } from \"lodash-es\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport noop from \"../utils/noop\";\nimport parseTNode from \"../utils/parseTNode\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport Loading from \"../loading\";\nimport { useLocaleReceiver } from \"../locale/LocalReceiver\";\nimport ListItem from \"./ListItem\";\nimport ListItemMeta from \"./ListItemMeta\";\nimport { listDefaultProps } from \"./defaultProps\";\nimport { useListVirtualScroll } from \"./hooks/useListVirtualScroll\";\n\nimport type { StyledProps } from \"../common\";\nimport type { ListInstanceFunctions, TdListProps } from \"./type\";\n\nexport interface ListProps extends TdListProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n (props: ListProps, ref: React.Ref<ListInstanceFunctions>) => {\n const {\n header,\n footer,\n asyncLoading,\n size,\n split,\n stripe,\n layout,\n children,\n className,\n onLoadMore = noop,\n onScroll = noop,\n style,\n scroll\n } = useDefaultProps<ListProps>(props, listDefaultProps);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const { classPrefix } = useConfig();\n const [local, t] = useLocaleReceiver(\"list\");\n\n const listItems = useMemo(\n () => compact(React.Children.map(children, (child: React.ReactElement) => child?.props)) ?? [],\n [children]\n );\n\n const { virtualConfig, cursorStyle, listStyle, isVirtualScroll, onInnerVirtualScroll, scrollToElement } =\n useListVirtualScroll(scroll, wrapperRef, listItems);\n\n const COMPONENT_NAME = `${classPrefix}-list`;\n\n const handleClickLoad = (e: React.MouseEvent<HTMLDivElement>) => {\n if (asyncLoading === \"load-more\") {\n onLoadMore({ e });\n }\n };\n\n const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n const { currentTarget } = event;\n const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n if (isVirtualScroll) onInnerVirtualScroll(event as unknown as globalThis.WheelEvent);\n onScroll({ e: event, scrollTop, scrollBottom });\n };\n\n const loadElement = isString(asyncLoading) ? (\n <div\n className={classNames(`${classPrefix}-list__load`, {\n [`${classPrefix}-list__load--loading`]: asyncLoading === \"loading\",\n [`${classPrefix}-list__load--load-more`]: asyncLoading === \"load-more\"\n })}\n onClick={handleClickLoad}\n >\n {asyncLoading === \"loading\" && (\n <div>\n <Loading loading={true} />\n <span>{t(local.loadingText)}</span>\n </div>\n )}\n {asyncLoading === \"load-more\" && <span>{t(local.loadingMoreText)}</span>}\n </div>\n ) : (\n asyncLoading\n );\n\n useImperativeHandle(ref, () => ({\n scrollTo: scrollToElement\n }));\n\n const renderContent = () => (\n <>\n {isVirtualScroll ? (\n <>\n <div style={cursorStyle}></div>\n <ul className={`${COMPONENT_NAME}__inner`} style={listStyle}>\n {virtualConfig.visibleData.map((item, index) => (\n <ListItem key={index} {...(item as any)} />\n ))}\n </ul>\n </>\n ) : (\n <ul className={`${COMPONENT_NAME}__inner`}>{children}</ul>\n )}\n </>\n );\n\n return (\n <div\n ref={wrapperRef}\n style={{\n ...style,\n position: isVirtualScroll ? \"relative\" : undefined\n }}\n onScroll={handleScroll}\n className={classNames(`${COMPONENT_NAME}`, className, {\n [`${COMPONENT_NAME}--split`]: split,\n [`${COMPONENT_NAME}--stripe`]: stripe,\n [`${COMPONENT_NAME}--vertical-action`]: layout === \"vertical\",\n [`${classPrefix}-size-s`]: size === \"small\",\n [`${classPrefix}-size-l`]: size === \"large\"\n })}\n >\n {header && <div className={`${COMPONENT_NAME}__header`}>{parseTNode(header)}</div>}\n {renderContent()}\n {asyncLoading && loadElement}\n {footer && <div className={`${COMPONENT_NAME}__footer`}>{parseTNode(footer)}</div>}\n </div>\n );\n },\n { ListItem, ListItemMeta }\n);\n\nList.displayName = \"List\";\n\nexport default List;\n"],"names":["listDefaultProps","layout","size","split","stripe","listItemDefaultProps","listItemMetaDefaultProps","log","console","useListVirtualScroll","scroll","listRef","listItems","virtualScrollParams","useMemo","data","virtualConfig","useVirtualScroll","isVirtualScroll","lastScrollY","onInnerVirtualScroll","e","target","srcElement","top","scrollTop","handleScroll","cursorStyle","position","width","height","transition","transform","concat","scrollHeight","msTransform","MozTransform","WebkitTransform","listStyle","translateY","handleScrollTo","params","index","key","targetIndex","Number","error","length","scrollToElement","List","forwardRefWithStatics","props","ref","_useDefaultProps","useDefaultProps","header","footer","asyncLoading","children","className","_useDefaultProps$onLo","onLoadMore","noop","_useDefaultProps$onSc","onScroll","style","wrapperRef","useRef","_useConfig","useConfig","classPrefix","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_compact","compact","React","Children","map","child","_useListVirtualScroll","COMPONENT_NAME","handleClickLoad","event","currentTarget","offsetHeight","scrollBottom","loadElement","isString","createElement","classNames","_defineProperty","onClick","Loading","loading","loadingText","loadingMoreText","useImperativeHandle","scrollTo","renderContent","Fragment","visibleData","item","ListItem","_objectSpread","parseTNode","ListItemMeta","displayName"],"mappings":"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"}
|
package/es/list/ListItem.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { forwardRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
4
|
-
import '../
|
|
3
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
4
|
+
import '../config-provider/ConfigContext.js';
|
|
5
5
|
import '../_chunks/dep-Cwish4GD.js';
|
|
6
6
|
import '../_chunks/dep-D-UKOauR.js';
|
|
7
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
7
8
|
import 'dayjs';
|
|
8
9
|
|
|
9
10
|
var ListItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -14,14 +15,14 @@ var ListItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
14
15
|
content = props.content;
|
|
15
16
|
var _useConfig = useConfig(),
|
|
16
17
|
classPrefix = _useConfig.classPrefix;
|
|
17
|
-
var actionElement = action && /* @__PURE__ */
|
|
18
|
+
var actionElement = action && /* @__PURE__ */React__default.createElement("ul", {
|
|
18
19
|
className: "".concat(classPrefix, "-list-item__action")
|
|
19
20
|
}, action);
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */React__default.createElement("li", {
|
|
21
22
|
ref: ref,
|
|
22
23
|
className: classNames("".concat(classPrefix, "-list-item"), className),
|
|
23
24
|
style: style
|
|
24
|
-
}, /* @__PURE__ */
|
|
25
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
25
26
|
className: "".concat(classPrefix, "-list-item-main")
|
|
26
27
|
}, children ? children : content, actionElement));
|
|
27
28
|
});
|
package/es/list/ListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../components/list/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemProps extends TdListItemProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n content?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n const { children, className, style, action, content } = props;\n const { classPrefix } = useConfig();\n\n const actionElement = action && <ul className={`${classPrefix}-list-item__action`}>{action}</ul>;\n\n return (\n <li ref={ref} className={classNames(`${classPrefix}-list-item`, className)} style={style}>\n <div className={`${classPrefix}-list-item-main`}>\n {children ? children : content}\n {actionElement}\n </div>\n </li>\n );\n});\n\nListItem.displayName = \"ListItem\";\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","props","ref","children","className","style","action","content","_useConfig","useConfig","classPrefix","actionElement","React","createElement","classNames","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../components/list/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemProps extends TdListItemProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n content?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n const { children, className, style, action, content } = props;\n const { classPrefix } = useConfig();\n\n const actionElement = action && <ul className={`${classPrefix}-list-item__action`}>{action}</ul>;\n\n return (\n <li ref={ref} className={classNames(`${classPrefix}-list-item`, className)} style={style}>\n <div className={`${classPrefix}-list-item-main`}>\n {children ? children : content}\n {actionElement}\n </div>\n </li>\n );\n});\n\nListItem.displayName = \"ListItem\";\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","props","ref","children","className","style","action","content","_useConfig","useConfig","classPrefix","actionElement","React","createElement","classNames","displayName"],"mappings":";;;;;;;;;AAiBA,IAAMA,QAAA,gBAAWC,UAAA,CAAyC,UAACC,KAAA,EAAOC,GAAA,EAAQ;AACxE,EAAA,IAAQC,QAAA,GAAgDF,KAAA,CAAhDE,QAAA;IAAUC,SAAA,GAAsCH,KAAA,CAAtCG,SAAA;IAAWC,KAAA,GAA2BJ,KAAA,CAA3BI,KAAA;IAAOC,MAAA,GAAoBL,KAAA,CAApBK,MAAA;IAAQC,UAAYN,KAAA,CAAZM;AAC5C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EAER,IAAMC,aAAA,GAAgBL,yBAAUM,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;IAAGT,qBAAcM,WAAW,EAAA,oBAAA;KAAuBJ,MAAO,CAAA;AAE3F,EAAA,sBACEM,cAAA,CAAAC,aAAA,CAAC;AAAGX,IAAAA,GAAA,EAAAA,GAAA;IAAUE,SAAA,EAAWU,qBAAcJ,WAAW,EAAA,YAAA,CAAA,EAAcN,SAAS,CAAA;AAAGC,IAAAA,OAAAA;oBAC1EO,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIT,qBAAcM,WAAW,EAAA,iBAAA;KAC3BP,QAAA,GAAWA,QAAA,GAAWI,OAAA,EACtBI,aACH,CACF,CAAA;AAEJ,CAAC;AAEDZ,QAAA,CAASgB,WAAA,GAAc,UAAA;;;;"}
|
package/es/list/ListItemMeta.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { forwardRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { u as useConfig } from '../_chunks/dep-
|
|
4
|
-
import '../
|
|
3
|
+
import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
|
|
4
|
+
import '../config-provider/ConfigContext.js';
|
|
5
5
|
import '../_chunks/dep-Cwish4GD.js';
|
|
6
6
|
import '../_chunks/dep-D-UKOauR.js';
|
|
7
|
+
import '../_chunks/dep--nQ-cjme.js';
|
|
7
8
|
import 'dayjs';
|
|
8
9
|
|
|
9
10
|
var ListItemMeta = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -16,28 +17,28 @@ var ListItemMeta = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
16
17
|
classPrefix = _useConfig.classPrefix;
|
|
17
18
|
var renderAvatar = function renderAvatar() {
|
|
18
19
|
if (image && typeof image === "string") {
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
20
21
|
className: "".concat(classPrefix, "-list-item__meta-avatar")
|
|
21
|
-
}, /* @__PURE__ */
|
|
22
|
+
}, /* @__PURE__ */React__default.createElement("img", {
|
|
22
23
|
src: image,
|
|
23
24
|
alt: ""
|
|
24
25
|
}));
|
|
25
26
|
}
|
|
26
|
-
return /* @__PURE__ */
|
|
27
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
27
28
|
className: "".concat(classPrefix, "-list-item__meta-avatar")
|
|
28
29
|
}, image);
|
|
29
30
|
};
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
31
32
|
ref: ref,
|
|
32
33
|
className: classNames("".concat(classPrefix, "-list-item__meta"), className),
|
|
33
34
|
style: style
|
|
34
|
-
}, image && renderAvatar(), /* @__PURE__ */
|
|
35
|
+
}, image && renderAvatar(), /* @__PURE__ */React__default.createElement("div", {
|
|
35
36
|
className: "".concat(classPrefix, "-list-item__meta-content")
|
|
36
|
-
}, /* @__PURE__ */
|
|
37
|
+
}, /* @__PURE__ */React__default.createElement("h3", {
|
|
37
38
|
className: "".concat(classPrefix, "-list-item__meta-title")
|
|
38
|
-
}, title), /* @__PURE__ */
|
|
39
|
+
}, title), /* @__PURE__ */React__default.createElement("div", {
|
|
39
40
|
className: "".concat(classPrefix, "-list-item__meta-description")
|
|
40
|
-
}, typeof description === "string" ? /* @__PURE__ */
|
|
41
|
+
}, typeof description === "string" ? /* @__PURE__ */React__default.createElement("p", null, description) : description)));
|
|
41
42
|
});
|
|
42
43
|
ListItemMeta.displayName = "ListItemMeta";
|
|
43
44
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemMeta.js","sources":["../../../components/list/ListItemMeta.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemMetaProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemMetaProps extends TdListItemMetaProps, StyledProps {}\n/**\n * 列表组件\n */\nconst ListItemMeta = forwardRef<HTMLDivElement, ListItemMetaProps>((props, ref) => {\n const { title, image, description, className, style } = props;\n const { classPrefix } = useConfig();\n\n const renderAvatar = () => {\n if (image && typeof image === \"string\") {\n return (\n <div className={`${classPrefix}-list-item__meta-avatar`}>\n <img src={image} alt=\"\" />\n </div>\n );\n }\n return <div className={`${classPrefix}-list-item__meta-avatar`}>{image}</div>;\n };\n return (\n <div ref={ref} className={classNames(`${classPrefix}-list-item__meta`, className)} style={style}>\n {image && renderAvatar()}\n <div className={`${classPrefix}-list-item__meta-content`}>\n <h3 className={`${classPrefix}-list-item__meta-title`}>{title}</h3>\n <div className={`${classPrefix}-list-item__meta-description`}>\n {typeof description === \"string\" ? <p>{description}</p> : description}\n </div>\n </div>\n </div>\n );\n});\n\nListItemMeta.displayName = \"ListItemMeta\";\n\nexport default ListItemMeta;\n"],"names":["ListItemMeta","forwardRef","props","ref","title","image","description","className","style","_useConfig","useConfig","classPrefix","renderAvatar","React","createElement","concat","src","alt","classNames","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItemMeta.js","sources":["../../../components/list/ListItemMeta.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemMetaProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemMetaProps extends TdListItemMetaProps, StyledProps {}\n/**\n * 列表组件\n */\nconst ListItemMeta = forwardRef<HTMLDivElement, ListItemMetaProps>((props, ref) => {\n const { title, image, description, className, style } = props;\n const { classPrefix } = useConfig();\n\n const renderAvatar = () => {\n if (image && typeof image === \"string\") {\n return (\n <div className={`${classPrefix}-list-item__meta-avatar`}>\n <img src={image} alt=\"\" />\n </div>\n );\n }\n return <div className={`${classPrefix}-list-item__meta-avatar`}>{image}</div>;\n };\n return (\n <div ref={ref} className={classNames(`${classPrefix}-list-item__meta`, className)} style={style}>\n {image && renderAvatar()}\n <div className={`${classPrefix}-list-item__meta-content`}>\n <h3 className={`${classPrefix}-list-item__meta-title`}>{title}</h3>\n <div className={`${classPrefix}-list-item__meta-description`}>\n {typeof description === \"string\" ? <p>{description}</p> : description}\n </div>\n </div>\n </div>\n );\n});\n\nListItemMeta.displayName = \"ListItemMeta\";\n\nexport default ListItemMeta;\n"],"names":["ListItemMeta","forwardRef","props","ref","title","image","description","className","style","_useConfig","useConfig","classPrefix","renderAvatar","React","createElement","concat","src","alt","classNames","displayName"],"mappings":";;;;;;;;;AAUA,IAAMA,YAAA,gBAAeC,UAAA,CAA8C,UAACC,KAAA,EAAOC,GAAA,EAAQ;AACjF,EAAA,IAAQC,KAAA,GAAgDF,KAAA,CAAhDE,KAAA;IAAOC,KAAA,GAAyCH,KAAA,CAAzCG,KAAA;IAAOC,WAAA,GAAkCJ,KAAA,CAAlCI,WAAA;IAAaC,SAAA,GAAqBL,KAAA,CAArBK,SAAA;IAAWC,QAAUN,KAAA,CAAVM;AAC9C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAER,EAAA,IAAMC,eAAe,SAAfA,eAAqB;AACzB,IAAA,IAAIP,KAAA,IAAS,OAAOA,KAAA,KAAU,QAAA,EAAU;AACtC,MAAA,sBACEQ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;QAAIP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,yBAAA;AAAA,OAAA,iBAC5BE,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIE,QAAAA,GAAA,EAAKX,KAAA;AAAOY,QAAAA,GAAA,EAAI;AAAA,OAAG,CAC1B,CAAA;AAEJ,IAAA;AACA,IAAA,mDAAQ,KAAA,EAAA;MAAIV,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,yBAAA;OAA4BN,KAAM,CAAA;EACzE,CAAA;AACA,EAAA,mDACG,KAAA,EAAA;AAAIF,IAAAA,GAAA,EAAAA,GAAA;IAAUI,WAAWW,UAAA,CAAA,EAAA,CAAAH,MAAA,CAAcJ,WAAW,EAAA,kBAAA,CAAA,EAAoBJ,SAAS;AAAGC,IAAAA,KAAA,EAAAA;AAAA,GAAA,EAChFH,KAAA,IAASO,cAAa,iBACvBC,cAAA,CAAAC,aAAA,CAAC;IAAIP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,0BAAA;AAAA,GAAA,iBAC5BE,cAAA,CAAAC,aAAA,CAAC;IAAGP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,wBAAA;GAAA,EAA2BP,KAAM,kBAC9DS,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIP,qBAAcI,WAAW,EAAA,8BAAA;KAC3B,OAAOL,WAAA,KAAgB,0BAAWO,cAAA,CAAAC,aAAA,CAAC,GAAA,EAAA,IAAA,EAAGR,WAAY,CAAA,GAAOA,WAC5D,CACF,CACF,CAAA;AAEJ,CAAC;AAEDN,YAAA,CAAamB,WAAA,GAAc,cAAA;;;;"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
|
|
2
|
+
import React__default, { useState } from 'react';
|
|
3
|
+
import { List } from '../index.js';
|
|
4
|
+
import '../List.js';
|
|
5
|
+
import '../../_chunks/dep-Cwish4GD.js';
|
|
6
|
+
import '../../_chunks/dep-D-UKOauR.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
|
+
var AsyncLoadingList = function AsyncLoadingList() {
|
|
41
|
+
var _useState = useState(""),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
asyncLoading = _useState2[0],
|
|
44
|
+
setAsyncLoading = _useState2[1];
|
|
45
|
+
var listData = [{
|
|
46
|
+
id: 1,
|
|
47
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
48
|
+
}, {
|
|
49
|
+
id: 2,
|
|
50
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
51
|
+
}, {
|
|
52
|
+
id: 3,
|
|
53
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
54
|
+
}, {
|
|
55
|
+
id: 4,
|
|
56
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
57
|
+
}];
|
|
58
|
+
var handleAsyncLoading = function handleAsyncLoading(val) {
|
|
59
|
+
if (val === "loading-custom") {
|
|
60
|
+
setAsyncLoading(/* @__PURE__ */React__default.createElement("div", {
|
|
61
|
+
style: {
|
|
62
|
+
textAlign: "center",
|
|
63
|
+
padding: "12px",
|
|
64
|
+
color: "#999"
|
|
65
|
+
}
|
|
66
|
+
}, "\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86"));
|
|
67
|
+
} else {
|
|
68
|
+
setAsyncLoading(val);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
var onLoadMore = function onLoadMore() {
|
|
72
|
+
console.log("\u52A0\u8F7D\u66F4\u591A");
|
|
73
|
+
handleAsyncLoading("loading");
|
|
74
|
+
};
|
|
75
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
76
|
+
style: {
|
|
77
|
+
display: "flex",
|
|
78
|
+
flexDirection: "column",
|
|
79
|
+
gap: "16px"
|
|
80
|
+
}
|
|
81
|
+
}, /* @__PURE__ */React__default.createElement("div", {
|
|
82
|
+
style: {
|
|
83
|
+
display: "flex",
|
|
84
|
+
gap: "8px",
|
|
85
|
+
flexWrap: "wrap"
|
|
86
|
+
}
|
|
87
|
+
}, /* @__PURE__ */React__default.createElement("button", {
|
|
88
|
+
onClick: function onClick() {
|
|
89
|
+
return handleAsyncLoading("load-more");
|
|
90
|
+
}
|
|
91
|
+
}, "\u663E\u793A\u52A0\u8F7D\u66F4\u591A"), /* @__PURE__ */React__default.createElement("button", {
|
|
92
|
+
onClick: function onClick() {
|
|
93
|
+
return handleAsyncLoading("loading");
|
|
94
|
+
}
|
|
95
|
+
}, "\u663E\u793A\u52A0\u8F7D\u4E2D"), /* @__PURE__ */React__default.createElement("button", {
|
|
96
|
+
onClick: function onClick() {
|
|
97
|
+
return handleAsyncLoading("loading-custom");
|
|
98
|
+
}
|
|
99
|
+
}, "\u81EA\u5B9A\u4E49\u5E95\u90E8"), /* @__PURE__ */React__default.createElement("button", {
|
|
100
|
+
onClick: function onClick() {
|
|
101
|
+
return handleAsyncLoading("");
|
|
102
|
+
}
|
|
103
|
+
}, "\u9690\u85CF\u52A0\u8F7D\u72B6\u6001")), /* @__PURE__ */React__default.createElement(List, {
|
|
104
|
+
asyncLoading: asyncLoading,
|
|
105
|
+
onLoadMore: onLoadMore
|
|
106
|
+
}, listData.map(function (item) {
|
|
107
|
+
return /* @__PURE__ */React__default.createElement(ListItem, {
|
|
108
|
+
key: item.id
|
|
109
|
+
}, item.content);
|
|
110
|
+
})));
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
export { AsyncLoadingList as default };
|
|
114
|
+
//# sourceMappingURL=async-loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"async-loading.js","sources":["../../../../components/list/_example/async-loading.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst AsyncLoadingList = () => {\n const [asyncLoading, setAsyncLoading] = useState<React.ReactNode>(\"\");\n\n const listData = [\n { id: 1, content: \"列表内容列表内容列表内容\" },\n { id: 2, content: \"列表内容列表内容列表内容\" },\n { id: 3, content: \"列表内容列表内容列表内容\" },\n { id: 4, content: \"列表内容列表内容列表内容\" }\n ];\n\n const handleAsyncLoading = (val: string) => {\n if (val === \"loading-custom\") {\n setAsyncLoading(<div style={{ textAlign: \"center\", padding: \"12px\", color: \"#999\" }}>没有更多数据了</div>);\n } else {\n setAsyncLoading(val);\n }\n };\n\n const onLoadMore = () => {\n console.log(\"加载更多\");\n handleAsyncLoading(\"loading\");\n };\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <div style={{ display: \"flex\", gap: \"8px\", flexWrap: \"wrap\" }}>\n <button onClick={() => handleAsyncLoading(\"load-more\")}>显示加载更多</button>\n <button onClick={() => handleAsyncLoading(\"loading\")}>显示加载中</button>\n <button onClick={() => handleAsyncLoading(\"loading-custom\")}>自定义底部</button>\n <button onClick={() => handleAsyncLoading(\"\")}>隐藏加载状态</button>\n </div>\n <List asyncLoading={asyncLoading} onLoadMore={onLoadMore}>\n {listData.map((item) => (\n <ListItem key={item.id}>{item.content}</ListItem>\n ))}\n </List>\n </div>\n );\n};\n\nexport default AsyncLoadingList;\n"],"names":["ListItem","List","AsyncLoadingList","_useState","useState","_useState2","_slicedToArray","asyncLoading","setAsyncLoading","listData","id","content","handleAsyncLoading","val","React","createElement","style","textAlign","padding","color","onLoadMore","console","log","display","flexDirection","gap","flexWrap","onClick","map","item","key"],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
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
|
+
var DefaultList = function DefaultList() {
|
|
41
|
+
var listData = [{
|
|
42
|
+
id: 1,
|
|
43
|
+
content: "\u5217\u8868\u5185\u5BB9\u7684\u63CF\u8FF0\u6027\u6587\u5B57"
|
|
44
|
+
}, {
|
|
45
|
+
id: 2,
|
|
46
|
+
content: "\u5217\u8868\u5185\u5BB9\u7684\u63CF\u8FF0\u6027\u6587\u5B57"
|
|
47
|
+
}, {
|
|
48
|
+
id: 3,
|
|
49
|
+
content: "\u5217\u8868\u5185\u5BB9\u7684\u63CF\u8FF0\u6027\u6587\u5B57"
|
|
50
|
+
}, {
|
|
51
|
+
id: 4,
|
|
52
|
+
content: "\u5217\u8868\u5185\u5BB9\u7684\u63CF\u8FF0\u6027\u6587\u5B57"
|
|
53
|
+
}];
|
|
54
|
+
return /* @__PURE__ */React__default.createElement(List, null, listData.map(function (item) {
|
|
55
|
+
return /* @__PURE__ */React__default.createElement(ListItem, {
|
|
56
|
+
key: item.id
|
|
57
|
+
}, item.content);
|
|
58
|
+
}));
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { DefaultList as default };
|
|
62
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.js","sources":["../../../../components/list/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst DefaultList = () => {\n const listData = [\n { id: 1, content: \"列表内容的描述性文字\" },\n { id: 2, content: \"列表内容的描述性文字\" },\n { id: 3, content: \"列表内容的描述性文字\" },\n { id: 4, content: \"列表内容的描述性文字\" }\n ];\n\n return (\n <List>\n {listData.map((item) => (\n <ListItem key={item.id}>{item.content}</ListItem>\n ))}\n </List>\n );\n};\n\nexport default DefaultList;\n"],"names":["ListItem","List","DefaultList","listData","id","content","React","createElement","map","item","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,WAAaC,IAAA,CAAbD;AAER,IAAME,cAAc,SAAdA,cAAoB;EACxB,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAa,GAAA,EAC/B;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAa,GAAA,EAC/B;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAa,GAAA,EAC/B;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAa,GAAA,CACjC;AAEA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACN,IAAA,EAAA,IAAA,EACEE,QAAA,CAASK,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbH,cAAA,CAAAC,aAAA,CAACP,QAAA,EAAA;MAASU,GAAA,EAAKD,IAAA,CAAKL;AAAA,KAAA,EAAKK,IAAA,CAAKJ,OAAQ,CACvC;AAAA,EAAA,CAAA,CACH,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,98 @@
|
|
|
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
|
+
var HeaderFooterList = function HeaderFooterList() {
|
|
41
|
+
var listData = [{
|
|
42
|
+
id: 1,
|
|
43
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
44
|
+
}, {
|
|
45
|
+
id: 2,
|
|
46
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
47
|
+
}, {
|
|
48
|
+
id: 3,
|
|
49
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
50
|
+
}, {
|
|
51
|
+
id: 4,
|
|
52
|
+
content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
|
|
53
|
+
}];
|
|
54
|
+
return /* @__PURE__ */React__default.createElement("div", {
|
|
55
|
+
style: {
|
|
56
|
+
display: "flex",
|
|
57
|
+
flexDirection: "column",
|
|
58
|
+
gap: "24px"
|
|
59
|
+
}
|
|
60
|
+
}, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
|
|
61
|
+
style: {
|
|
62
|
+
marginBottom: "16px",
|
|
63
|
+
color: "#666"
|
|
64
|
+
}
|
|
65
|
+
}, "\u5B57\u7B26\u4E32\u5934\u90E8/\u5E95\u90E8"), /* @__PURE__ */React__default.createElement(List, {
|
|
66
|
+
header: "\u8FD9\u91CC\u662F Header",
|
|
67
|
+
footer: "\u8FD9\u91CC\u662F Footer"
|
|
68
|
+
}, listData.map(function (item) {
|
|
69
|
+
return /* @__PURE__ */React__default.createElement(ListItem, {
|
|
70
|
+
key: item.id
|
|
71
|
+
}, item.content);
|
|
72
|
+
}))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
|
|
73
|
+
style: {
|
|
74
|
+
marginBottom: "16px",
|
|
75
|
+
color: "#666"
|
|
76
|
+
}
|
|
77
|
+
}, "\u81EA\u5B9A\u4E49\u5934\u90E8/\u5E95\u90E8"), /* @__PURE__ */React__default.createElement(List, {
|
|
78
|
+
header: /* @__PURE__ */React__default.createElement("div", {
|
|
79
|
+
style: {
|
|
80
|
+
fontWeight: "bold",
|
|
81
|
+
color: "var(--td-brand-color)"
|
|
82
|
+
}
|
|
83
|
+
}, "\u81EA\u5B9A\u4E49 Header"),
|
|
84
|
+
footer: /* @__PURE__ */React__default.createElement("div", {
|
|
85
|
+
style: {
|
|
86
|
+
textAlign: "center",
|
|
87
|
+
color: "#999"
|
|
88
|
+
}
|
|
89
|
+
}, "\u81EA\u5B9A\u4E49 Footer")
|
|
90
|
+
}, listData.map(function (item) {
|
|
91
|
+
return /* @__PURE__ */React__default.createElement(ListItem, {
|
|
92
|
+
key: item.id
|
|
93
|
+
}, item.content);
|
|
94
|
+
}))));
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
export { HeaderFooterList as default };
|
|
98
|
+
//# sourceMappingURL=header-footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header-footer.js","sources":["../../../../components/list/_example/header-footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst HeaderFooterList = () => {\n const listData = [\n { id: 1, content: \"列表内容列表内容列表内容\" },\n { id: 2, content: \"列表内容列表内容列表内容\" },\n { id: 3, content: \"列表内容列表内容列表内容\" },\n { id: 4, content: \"列表内容列表内容列表内容\" }\n ];\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n <div>\n <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>字符串头部/底部</h4>\n <List header=\"这里是 Header\" footer=\"这里是 Footer\">\n {listData.map((item) => (\n <ListItem key={item.id}>{item.content}</ListItem>\n ))}\n </List>\n </div>\n\n <div>\n <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>自定义头部/底部</h4>\n <List\n header={<div style={{ fontWeight: \"bold\", color: \"var(--td-brand-color)\" }}>自定义 Header</div>}\n footer={<div style={{ textAlign: \"center\", color: \"#999\" }}>自定义 Footer</div>}\n >\n {listData.map((item) => (\n <ListItem key={item.id}>{item.content}</ListItem>\n ))}\n </List>\n </div>\n </div>\n );\n};\n\nexport default HeaderFooterList;\n"],"names":["ListItem","List","HeaderFooterList","listData","id","content","React","createElement","style","display","flexDirection","gap","marginBottom","color","header","footer","map","item","key","fontWeight","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,WAAaC,IAAA,CAAbD;AAER,IAAME,mBAAmB,SAAnBA,mBAAyB;EAC7B,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,CACnC;AAEA,EAAA,sBACEC,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,KAAA,EAAA,IAAA,8CACE,IAAA,EAAA;AAAGC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,6CAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACN,IAAA,EAAA;AAAKa,IAAAA,MAAA,EAAO,2BAAA;AAAaC,IAAAA,QAAO;AAAA,GAAA,EAC9BZ,QAAA,CAASa,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbX,cAAA,CAAAC,aAAA,CAACP,QAAA,EAAA;MAASkB,GAAA,EAAKD,IAAA,CAAKb;AAAA,KAAA,EAAKa,IAAA,CAAKZ,OAAQ,CACvC;AAAA,EAAA,CAAA,CACH,CACF,CAAA,iBAEAC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;AAAGC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,6CAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACN,IAAA,EAAA;AACCa,IAAAA,MAAA,iBAAQR,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEW,QAAAA,YAAY,MAAA;AAAQN,QAAAA,KAAA,EAAO;AAAwB;KAAA,EAAG,2BAAU,CAAA;AACtFE,IAAAA,MAAA,iBAAQT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEY,QAAAA,WAAW,QAAA;AAAUP,QAAAA,KAAA,EAAO;AAAO;AAAA,KAAA,EAAG,2BAAU;AAAA,GAAA,EAErEV,QAAA,CAASa,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbX,cAAA,CAAAC,aAAA,CAACP,QAAA,EAAA;MAASkB,GAAA,EAAKD,IAAA,CAAKb;AAAA,KAAA,EAAKa,IAAA,CAAKZ,OAAQ,CACvC;EAAA,CAAA,CACH,CACF,CACF,CAAA;AAEJ;;;;"}
|