tiny-ui 0.0.92 → 0.0.95
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/.stylelintrc +19 -0
- package/CHANGELOG.md +15 -0
- package/babel.config.js +30 -0
- package/components/_utils/dom.ts +1 -1
- package/components/alert/__tests__/alert.test.tsx +36 -38
- package/components/anchor/anchor.tsx +1 -1
- package/components/aspect-ratio/__tests__/aspect-ratio.test.tsx +7 -4
- package/components/button/__tests__/button-group.test.tsx +49 -8
- package/components/button/__tests__/button.test.tsx +95 -7
- package/components/button/button-group.tsx +8 -4
- package/components/button/button.tsx +12 -7
- package/components/button/style/_mixin.scss +1 -0
- package/components/button/types.ts +1 -1
- package/components/checkbox/checkbox.tsx +3 -3
- package/components/dropdown/demo/placement.md +13 -11
- package/components/dropdown/style/_index.scss +4 -0
- package/components/grid/style/_index.scss +2 -2
- package/components/index.ts +6 -3
- package/components/input/input.tsx +1 -1
- package/components/layout/layout.tsx +1 -1
- package/components/link/__test__/__snapshots__/link.test.tsx.snap +17 -0
- package/components/link/__test__/link.test.tsx +27 -0
- package/components/popup/index.tsx +3 -4
- package/components/popup/style/_index.scss +5 -4
- package/components/radio/radio.tsx +1 -1
- package/components/split/index.md +15 -0
- package/components/split/resizer.tsx +15 -2
- package/components/split/split.tsx +2 -2
- package/components/split/types.ts +2 -1
- package/components/split-button/demo/basic.md +36 -0
- package/components/split-button/demo/disabled.md +22 -0
- package/components/split-button/demo/placement.md +61 -0
- package/components/split-button/index.md +32 -0
- package/components/split-button/index.tsx +50 -0
- package/components/split-button/style/_index.scss +9 -0
- package/components/split-button/style/index.tsx +5 -0
- package/components/split-button/types.ts +16 -0
- package/components/sticky/style/_index.scss +4 -1
- package/components/style/_animation.scss +3 -0
- package/components/style/_component.scss +1 -1
- package/components/style/_font.scss +247 -246
- package/components/style/_mixins.scss +1 -1
- package/components/style/_normalise.scss +7 -0
- package/components/style/_variables.scss +183 -183
- package/components/switch/index.tsx +1 -1
- package/components/switch/style/_mixin.scss +2 -2
- package/components/tooltip/style/_index.scss +5 -4
- package/dist/styles/index.css +7144 -5422
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/index.min.css +1 -1
- package/dist/styles/index.min.css.map +1 -1
- package/dist/tiny.js +3700 -1909
- package/dist/tiny.map +1 -1
- package/dist/tiny.min.js +2 -6
- package/dist/tiny.min.js.LICENSE.txt +20 -0
- package/lib/_utils/dom.d.ts +8 -1
- package/lib/_utils/general.js +2 -2
- package/lib/_utils/general.js.map +1 -1
- package/lib/_utils/props.js +1 -0
- package/lib/_utils/warning.js +1 -1
- package/lib/_utils/warning.js.map +1 -1
- package/lib/alert/index.js +7 -7
- package/lib/alert/index.js.map +1 -1
- package/lib/alert/types.js +1 -0
- package/lib/anchor/anchor-link.d.ts +1 -1
- package/lib/anchor/anchor-link.js +3 -3
- package/lib/anchor/anchor-link.js.map +1 -1
- package/lib/anchor/anchor.js +8 -8
- package/lib/anchor/anchor.js.map +1 -1
- package/lib/anchor/types.js +1 -0
- package/lib/aspect-ratio/index.js +2 -2
- package/lib/aspect-ratio/index.js.map +1 -1
- package/lib/aspect-ratio/types.js +1 -0
- package/lib/autocomplete/types.js +1 -0
- package/lib/avatar/avatar.js +8 -8
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/types.js +1 -0
- package/lib/back-top/types.js +1 -0
- package/lib/badge/index.js +4 -4
- package/lib/badge/index.js.map +1 -1
- package/lib/badge/types.js +1 -0
- package/lib/breadcrumb/breadcrumb-item.js +1 -1
- package/lib/breadcrumb/breadcrumb-item.js.map +1 -1
- package/lib/breadcrumb/breadcrumb.js +1 -1
- package/lib/breadcrumb/breadcrumb.js.map +1 -1
- package/lib/breadcrumb/types.js +1 -0
- package/lib/button/button-group.d.ts +1 -1
- package/lib/button/button-group.js +4 -4
- package/lib/button/button-group.js.map +1 -1
- package/lib/button/button.d.ts +1 -1
- package/lib/button/button.js +10 -10
- package/lib/button/button.js.map +1 -1
- package/lib/button/style/_mixin.scss +1 -0
- package/lib/button/types.d.ts +1 -1
- package/lib/button/types.js +1 -0
- package/lib/calendar/index.js +4 -4
- package/lib/calendar/index.js.map +1 -1
- package/lib/card/card-content.js +1 -1
- package/lib/card/card-content.js.map +1 -1
- package/lib/card/card.js +5 -5
- package/lib/card/card.js.map +1 -1
- package/lib/card/types.js +1 -0
- package/lib/carousel/arrow-group.js +3 -3
- package/lib/carousel/arrow-group.js.map +1 -1
- package/lib/carousel/carousel.js +3 -3
- package/lib/carousel/carousel.js.map +1 -1
- package/lib/carousel/dot-group.js +3 -3
- package/lib/carousel/dot-group.js.map +1 -1
- package/lib/checkbox/checkbox-group.d.ts +1 -1
- package/lib/checkbox/checkbox-group.js +3 -3
- package/lib/checkbox/checkbox-group.js.map +1 -1
- package/lib/checkbox/checkbox.d.ts +1 -1
- package/lib/checkbox/checkbox.js +8 -8
- package/lib/checkbox/checkbox.js.map +1 -1
- package/lib/checkbox/types.js +1 -0
- package/lib/collapse/collapse-panel.js +8 -8
- package/lib/collapse/collapse-panel.js.map +1 -1
- package/lib/collapse/collapse.d.ts +1 -1
- package/lib/collapse/collapse.js +4 -4
- package/lib/collapse/collapse.js.map +1 -1
- package/lib/collapse/types.js +1 -0
- package/lib/config-provider/types.js +1 -0
- package/lib/copy-to-clipboard/types.js +1 -0
- package/lib/countdown/types.js +1 -0
- package/lib/date-picker/picker-day.js +9 -9
- package/lib/date-picker/picker-day.js.map +1 -1
- package/lib/date-picker/picker-header.js +7 -7
- package/lib/date-picker/picker-header.js.map +1 -1
- package/lib/descriptions/col.js +7 -7
- package/lib/descriptions/col.js.map +1 -1
- package/lib/descriptions/descriptions.js +4 -4
- package/lib/descriptions/descriptions.js.map +1 -1
- package/lib/descriptions/row.js +3 -3
- package/lib/descriptions/row.js.map +1 -1
- package/lib/descriptions/types.js +1 -0
- package/lib/divider/index.js +4 -4
- package/lib/divider/index.js.map +1 -1
- package/lib/divider/types.js +1 -0
- package/lib/drawer/index.js +7 -7
- package/lib/drawer/index.js.map +1 -1
- package/lib/drawer/types.js +1 -0
- package/lib/dropdown/style/_index.scss +4 -0
- package/lib/dropdown/types.js +1 -0
- package/lib/empty/index.js +4 -4
- package/lib/empty/index.js.map +1 -1
- package/lib/empty/types.js +1 -0
- package/lib/flip/flip.js +11 -11
- package/lib/flip/flip.js.map +1 -1
- package/lib/flip/types.js +1 -0
- package/lib/form/form-helper.js +1 -1
- package/lib/form/form-helper.js.map +1 -1
- package/lib/form/form-item.js +11 -11
- package/lib/form/form-item.js.map +1 -1
- package/lib/form/form.js +1 -1
- package/lib/form/form.js.map +1 -1
- package/lib/form/types.js +1 -0
- package/lib/grid/col.js +4 -4
- package/lib/grid/col.js.map +1 -1
- package/lib/grid/row.js +2 -2
- package/lib/grid/row.js.map +1 -1
- package/lib/grid/style/_index.scss +2 -2
- package/lib/grid/types.js +1 -0
- package/lib/icon/index.js +2 -2
- package/lib/icon/index.js.map +1 -1
- package/lib/icon/types.js +1 -0
- package/lib/image/index.js +1 -1
- package/lib/image/index.js.map +1 -1
- package/lib/image/types.js +1 -0
- package/lib/index.d.ts +2 -2
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/input/input-group-addon.js +2 -2
- package/lib/input/input-group-addon.js.map +1 -1
- package/lib/input/input.d.ts +1 -1
- package/lib/input/input.js +7 -7
- package/lib/input/input.js.map +1 -1
- package/lib/input/types.js +1 -0
- package/lib/input-number/index.js +9 -9
- package/lib/input-number/index.js.map +1 -1
- package/lib/input-number/types.js +1 -0
- package/lib/input-password/index.js +2 -2
- package/lib/input-password/index.js.map +1 -1
- package/lib/input-password/types.js +1 -0
- package/lib/keyboard/index.d.ts +1 -1
- package/lib/keyboard/types.js +1 -0
- package/lib/layout/layout.d.ts +4 -4
- package/lib/layout/layout.js +1 -1
- package/lib/layout/layout.js.map +1 -1
- package/lib/layout/sidebar.d.ts +1 -1
- package/lib/layout/sidebar.js +4 -4
- package/lib/layout/sidebar.js.map +1 -1
- package/lib/layout/types.js +1 -0
- package/lib/link/index.js +2 -2
- package/lib/link/index.js.map +1 -1
- package/lib/link/types.js +1 -0
- package/lib/loader/index.js +9 -9
- package/lib/loader/index.js.map +1 -1
- package/lib/loader/indicator.js +5 -5
- package/lib/loader/indicator.js.map +1 -1
- package/lib/loader/types.js +1 -0
- package/lib/loading-bar/index.js +1 -1
- package/lib/loading-bar/index.js.map +1 -1
- package/lib/loading-bar/loading-bar.js +1 -1
- package/lib/loading-bar/loading-bar.js.map +1 -1
- package/lib/loading-bar/types.js +1 -0
- package/lib/menu/menu-item-group.js +3 -3
- package/lib/menu/menu-item-group.js.map +1 -1
- package/lib/menu/menu-item.js +2 -2
- package/lib/menu/menu-item.js.map +1 -1
- package/lib/menu/menu.js +2 -2
- package/lib/menu/menu.js.map +1 -1
- package/lib/menu/sub-menu.js +11 -11
- package/lib/menu/sub-menu.js.map +1 -1
- package/lib/menu/types.js +1 -0
- package/lib/message/index.js +2 -2
- package/lib/message/index.js.map +1 -1
- package/lib/message/message.js +9 -9
- package/lib/message/message.js.map +1 -1
- package/lib/message/types.js +1 -0
- package/lib/modal/index.js +10 -10
- package/lib/modal/index.js.map +1 -1
- package/lib/modal/types.js +1 -0
- package/lib/native-select/native-opt-group.d.ts +3 -3
- package/lib/native-select/native-option.d.ts +3 -3
- package/lib/native-select/native-select.d.ts +1 -1
- package/lib/native-select/native-select.js +2 -2
- package/lib/native-select/native-select.js.map +1 -1
- package/lib/native-select/types.js +1 -0
- package/lib/notification/index.js +6 -6
- package/lib/notification/index.js.map +1 -1
- package/lib/notification/notification.js +6 -6
- package/lib/notification/notification.js.map +1 -1
- package/lib/notification/types.js +1 -0
- package/lib/overlay/index.js +2 -2
- package/lib/overlay/index.js.map +1 -1
- package/lib/overlay/types.js +1 -0
- package/lib/pagination/index.js +11 -11
- package/lib/pagination/index.js.map +1 -1
- package/lib/pagination/types.js +1 -0
- package/lib/pop-confirm/index.js +4 -4
- package/lib/pop-confirm/index.js.map +1 -1
- package/lib/pop-confirm/types.js +1 -0
- package/lib/popover/index.js +4 -4
- package/lib/popover/index.js.map +1 -1
- package/lib/popover/types.js +1 -0
- package/lib/popup/index.js +6 -6
- package/lib/popup/index.js.map +1 -1
- package/lib/popup/style/_index.scss +5 -4
- package/lib/popup/types.js +1 -0
- package/lib/progress/bar.js +10 -10
- package/lib/progress/bar.js.map +1 -1
- package/lib/progress/circle.js +6 -6
- package/lib/progress/circle.js.map +1 -1
- package/lib/progress/index.d.ts +2 -2
- package/lib/radio/radio-group.d.ts +1 -1
- package/lib/radio/radio.d.ts +1 -1
- package/lib/radio/radio.js +5 -5
- package/lib/radio/radio.js.map +1 -1
- package/lib/radio/types.js +1 -0
- package/lib/rate/index.d.ts +1 -1
- package/lib/rate/rate-item.js +3 -3
- package/lib/rate/rate-item.js.map +1 -1
- package/lib/rate/types.js +1 -0
- package/lib/result/index.d.ts +1 -1
- package/lib/result/index.js +7 -7
- package/lib/result/index.js.map +1 -1
- package/lib/result/types.js +1 -0
- package/lib/scroll-indicator/index.js +2 -2
- package/lib/scroll-indicator/index.js.map +1 -1
- package/lib/scroll-indicator/types.js +1 -0
- package/lib/select/opt-group.js +2 -2
- package/lib/select/opt-group.js.map +1 -1
- package/lib/select/option.js +3 -3
- package/lib/select/option.js.map +1 -1
- package/lib/select/select.js +3 -3
- package/lib/select/select.js.map +1 -1
- package/lib/select/types.js +1 -0
- package/lib/skeleton/index.d.ts +1 -1
- package/lib/skeleton/index.js +2 -2
- package/lib/skeleton/index.js.map +1 -1
- package/lib/skeleton/types.js +1 -0
- package/lib/slider/index.d.ts +1 -1
- package/lib/slider/index.js +23 -23
- package/lib/slider/index.js.map +1 -1
- package/lib/slider/types.js +1 -0
- package/lib/space/index.d.ts +1 -1
- package/lib/space/index.js +2 -2
- package/lib/space/index.js.map +1 -1
- package/lib/space/types.js +1 -0
- package/lib/split/resizer.d.ts +1 -1
- package/lib/split/resizer.js +7 -3
- package/lib/split/resizer.js.map +1 -1
- package/lib/split/split-pane.d.ts +1 -1
- package/lib/split/split.js +4 -4
- package/lib/split/split.js.map +1 -1
- package/lib/split/types.d.ts +2 -1
- package/lib/split/types.js +1 -0
- package/lib/split-button/index.d.ts +7 -0
- package/lib/split-button/index.js +23 -0
- package/lib/split-button/index.js.map +1 -0
- package/lib/split-button/style/_index.scss +9 -0
- package/lib/split-button/style/css.js +4 -0
- package/lib/split-button/style/index.d.ts +3 -0
- package/lib/split-button/style/index.js +4 -0
- package/lib/split-button/style/index.js.map +1 -0
- package/lib/split-button/types.d.ts +15 -0
- package/lib/split-button/types.js +2 -0
- package/lib/split-button/types.js.map +1 -0
- package/lib/steps/steps-item.d.ts +1 -1
- package/lib/steps/steps-item.js +8 -8
- package/lib/steps/steps-item.js.map +1 -1
- package/lib/steps/steps.d.ts +1 -1
- package/lib/steps/steps.js +1 -1
- package/lib/steps/steps.js.map +1 -1
- package/lib/steps/types.js +1 -0
- package/lib/sticky/style/_index.scss +4 -1
- package/lib/sticky/types.js +1 -0
- package/lib/strength-indicator/index.d.ts +1 -1
- package/lib/strength-indicator/index.js +4 -4
- package/lib/strength-indicator/index.js.map +1 -1
- package/lib/strength-indicator/types.js +1 -0
- package/lib/style/_animation.scss +3 -0
- package/lib/style/_component.scss +1 -1
- package/lib/style/_font.scss +247 -246
- package/lib/style/_mixins.scss +1 -1
- package/lib/style/_normalise.scss +7 -0
- package/lib/style/_variables.scss +183 -183
- package/lib/style/index.css +7144 -5421
- package/lib/switch/index.d.ts +1 -1
- package/lib/switch/index.js +8 -8
- package/lib/switch/index.js.map +1 -1
- package/lib/switch/style/_mixin.scss +2 -2
- package/lib/switch/types.js +1 -0
- package/lib/tabs/style/index.css +64 -52
- package/lib/tabs/tab-panel.d.ts +1 -1
- package/lib/tabs/tab-panel.js +1 -1
- package/lib/tabs/tab-panel.js.map +1 -1
- package/lib/tabs/tabs.d.ts +1 -1
- package/lib/tabs/tabs.js +20 -20
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/tag/checkable-tag.js +1 -1
- package/lib/tag/checkable-tag.js.map +1 -1
- package/lib/tag/tag.js +4 -4
- package/lib/tag/tag.js.map +1 -1
- package/lib/textarea/index.js +3 -3
- package/lib/textarea/index.js.map +1 -1
- package/lib/textarea/types.js +1 -0
- package/lib/time-picker/time-panel.js +5 -5
- package/lib/time-picker/time-panel.js.map +1 -1
- package/lib/timeline/timeline-item.js +3 -3
- package/lib/timeline/timeline-item.js.map +1 -1
- package/lib/timeline/timeline.js +3 -3
- package/lib/timeline/timeline.js.map +1 -1
- package/lib/timeline/types.js +1 -0
- package/lib/tooltip/index.js +1 -1
- package/lib/tooltip/index.js.map +1 -1
- package/lib/tooltip/style/_index.scss +5 -4
- package/lib/tooltip/types.js +1 -0
- package/lib/transfer/transfer-panel.d.ts +1 -1
- package/lib/transfer/transfer-panel.js +9 -9
- package/lib/transfer/transfer-panel.js.map +1 -1
- package/lib/transfer/transfer.d.ts +1 -1
- package/lib/transfer/transfer.js +8 -8
- package/lib/transfer/transfer.js.map +1 -1
- package/lib/transfer/types.js +1 -0
- package/lib/transition/index.js +1 -1
- package/lib/transition/index.js.map +1 -1
- package/lib/tree/tree-instance.js +2 -3
- package/lib/tree/tree-instance.js.map +1 -1
- package/lib/tree/tree-node.js +7 -7
- package/lib/tree/tree-node.js.map +1 -1
- package/lib/tree/tree.d.ts +1 -1
- package/lib/tree/tree.js +3 -3
- package/lib/tree/tree.js.map +1 -1
- package/lib/tree/types.js +1 -0
- package/lib/typography/heading.js +1 -1
- package/lib/typography/heading.js.map +1 -1
- package/lib/typography/paragraph.d.ts +1 -1
- package/lib/typography/types.js +1 -0
- package/lib/typography/typography.d.ts +1 -1
- package/lib/upload/dragger-cover.js +3 -3
- package/lib/upload/dragger-cover.js.map +1 -1
- package/lib/upload/types.js +1 -0
- package/lib/upload/upload-list.js +6 -6
- package/lib/upload/upload-list.js.map +1 -1
- package/lib/upload/upload.js +4 -4
- package/lib/upload/upload.js.map +1 -1
- package/package.json +94 -74
- package/components/waterfall/index.tsx +0 -78
- package/components/waterfall/style/_index.scss +0 -10
- package/components/waterfall/style/index.tsx +0 -1
- package/lib/waterfall/index.d.ts +0 -9
- package/lib/waterfall/index.js +0 -54
- package/lib/waterfall/index.js.map +0 -1
- package/lib/waterfall/style/_index.scss +0 -10
- package/lib/waterfall/style/css.js +0 -2
- package/lib/waterfall/style/index.d.ts +0 -1
- package/lib/waterfall/style/index.js +0 -2
- package/lib/waterfall/style/index.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TypographyProps } from './types';
|
|
3
|
-
declare const Typography: React.ForwardRefExoticComponent<Pick<TypographyProps, "key" | "
|
|
3
|
+
declare const Typography: React.ForwardRefExoticComponent<Pick<TypographyProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
4
4
|
export default Typography;
|
|
@@ -4,9 +4,9 @@ var DraggerCover = function (props) {
|
|
|
4
4
|
var _a;
|
|
5
5
|
var onFile = props.onFile, disabled = props.disabled, prefixCls = props.prefixCls, children = props.children;
|
|
6
6
|
var _b = useState(false), dragOver = _b[0], setDragOver = _b[1];
|
|
7
|
-
var cls = classNames(prefixCls
|
|
8
|
-
_a[prefixCls
|
|
9
|
-
_a[prefixCls
|
|
7
|
+
var cls = classNames("".concat(prefixCls, "__dragger-cover"), (_a = {},
|
|
8
|
+
_a["".concat(prefixCls, "__dragger-cover_dragover")] = dragOver,
|
|
9
|
+
_a["".concat(prefixCls, "__dragger-cover_disabled")] = disabled,
|
|
10
10
|
_a));
|
|
11
11
|
var handleDragOver = function (e, isOver) {
|
|
12
12
|
e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dragger-cover.js","sourceRoot":"","sources":["../../components/upload/dragger-cover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,IAAM,YAAY,GAAG,UAAC,KAAwB;;IACpC,IAAA,MAAM,GAAoC,KAAK,OAAzC,EAAE,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAClD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,GAAG,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"dragger-cover.js","sourceRoot":"","sources":["../../components/upload/dragger-cover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,IAAM,YAAY,GAAG,UAAC,KAAwB;;IACpC,IAAA,MAAM,GAAoC,KAAK,OAAzC,EAAE,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAClD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,GAAG,GAAG,UAAU,CAAC,UAAG,SAAS,oBAAiB;QAClD,GAAC,UAAG,SAAS,6BAA0B,IAAG,QAAQ;QAClD,GAAC,UAAG,SAAS,6BAA0B,IAAG,QAAQ;YAClD,CAAC;IAEH,IAAM,cAAc,GAAG,UAAC,CAAkC,EAAE,MAAe;QACzE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,MAAM,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAAkC;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE;YACb,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,UAAC,CAAC,IAAW,OAAA,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAvB,CAAuB,EAChD,WAAW,EAAE,UAAC,CAAC,IAAW,OAAA,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,EAAxB,CAAwB,EAClD,MAAM,EAAE,UAAU,IACjB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}
|
package/lib/upload/types.js
CHANGED
|
@@ -3,17 +3,17 @@ import { CheckCircle, CloseCircle, LoadingCircle, PaperClip } from '../_utils/co
|
|
|
3
3
|
import Progress from '../progress';
|
|
4
4
|
var UploadList = function (props) {
|
|
5
5
|
var prefixCls = props.prefixCls, fileList = props.fileList, onRemove = props.onRemove;
|
|
6
|
-
return (React.createElement("ul", { className: prefixCls
|
|
6
|
+
return (React.createElement("ul", { className: "".concat(prefixCls, "__upload-list") }, fileList.map(function (file) {
|
|
7
7
|
var uid = file.uid, name = file.name, status = file.status, percent = file.percent;
|
|
8
|
-
return (React.createElement("li", { key: uid, className: prefixCls
|
|
9
|
-
React.createElement("div", { className: prefixCls
|
|
8
|
+
return (React.createElement("li", { key: uid, className: "".concat(prefixCls, "__upload-list-item") },
|
|
9
|
+
React.createElement("div", { className: "".concat(prefixCls, "__upload-list-item-container") },
|
|
10
10
|
React.createElement(PaperClip, { size: 11, color: "rgba(0, 0, 0, 0.45)" }),
|
|
11
|
-
React.createElement("span", { className: prefixCls
|
|
12
|
-
React.createElement("span", { className: prefixCls
|
|
11
|
+
React.createElement("span", { className: "".concat(prefixCls, "__upload-list-item-name") }, name),
|
|
12
|
+
React.createElement("span", { className: "".concat(prefixCls, "__upload-list-item-status") },
|
|
13
13
|
status === 'done' && React.createElement(CheckCircle, { size: 16 }),
|
|
14
14
|
status === 'error' && React.createElement(CloseCircle, { size: 16 }),
|
|
15
15
|
status === 'uploading' && (React.createElement(LoadingCircle, { style: { animation: 'ty-rotate 1s linear infinite' }, color: "#1890ff", size: 16 }))),
|
|
16
|
-
React.createElement("span", { className: prefixCls
|
|
16
|
+
React.createElement("span", { className: "".concat(prefixCls, "__upload-list-item-delete"), onClick: function () { return onRemove && onRemove(file); } }, "\u2715")),
|
|
17
17
|
status === 'uploading' && (React.createElement(Progress.Bar, { strokeColor: "blue", percent: percent, showInfo: false, style: { marginTop: 5 }, strokeWidth: 2 }))));
|
|
18
18
|
})));
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload-list.js","sourceRoot":"","sources":["../../components/upload/upload-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,QAAQ,MAAM,aAAa,CAAC;AASnC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,SAAS,GAAyB,KAAK,UAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAEhD,OAAO,CACL,4BAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"upload-list.js","sourceRoot":"","sources":["../../components/upload/upload-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,QAAQ,MAAM,aAAa,CAAC;AASnC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,SAAS,GAAyB,KAAK,UAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAEhD,OAAO,CACL,4BAAI,SAAS,EAAE,UAAG,SAAS,kBAAe,IACvC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI;QACT,IAAA,GAAG,GAA4B,IAAI,IAAhC,EAAE,IAAI,GAAsB,IAAI,KAA1B,EAAE,MAAM,GAAc,IAAI,OAAlB,EAAE,OAAO,GAAK,IAAI,QAAT,CAAU;QAC5C,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAG,SAAS,uBAAoB;YACvD,6BAAK,SAAS,EAAE,UAAG,SAAS,iCAA8B;gBACxD,oBAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,qBAAqB,GAAG;gBACnD,8BAAM,SAAS,EAAE,UAAG,SAAS,4BAAyB,IAAG,IAAI,CAAQ;gBACrE,8BAAM,SAAS,EAAE,UAAG,SAAS,8BAA2B;oBACrD,MAAM,KAAK,MAAM,IAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI;oBAC9C,MAAM,KAAK,OAAO,IAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI;oBAC/C,MAAM,KAAK,WAAW,IAAI,CACzB,oBAAC,aAAa,IACZ,KAAK,EAAE,EAAE,SAAS,EAAE,8BAA8B,EAAE,EACpD,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,GACR,CACH,CACI;gBACP,8BACE,SAAS,EAAE,UAAG,SAAS,8BAA2B,EAClD,OAAO,EAAE,cAAY,OAAA,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,EAA1B,CAA0B,aAE1C,CACH;YACL,MAAM,KAAK,WAAW,IAAI,CACzB,oBAAC,QAAQ,CAAC,GAAG,IACX,WAAW,EAAC,MAAM,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EACvB,WAAW,EAAE,CAAC,GACd,CACH,CACE,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
|
package/lib/upload/upload.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __assign,
|
|
1
|
+
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useContext, useRef, useState } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { ConfigContext } from '../config-provider/config-context';
|
|
@@ -12,7 +12,7 @@ var Upload = function (props) {
|
|
|
12
12
|
var configContext = useContext(ConfigContext);
|
|
13
13
|
var prefixCls = getPrefixCls('upload', configContext.prefixCls, customisedCls);
|
|
14
14
|
var cls = classNames(prefixCls, className, (_a = {},
|
|
15
|
-
_a[prefixCls
|
|
15
|
+
_a["".concat(prefixCls, "_disabled")] = disabled,
|
|
16
16
|
_a));
|
|
17
17
|
var fileRef = useRef(null);
|
|
18
18
|
var _f = useState('fileList' in props && Array.isArray(props.fileList) ? props.fileList : defaultFileList), fileList = _f[0], setFileList = _f[1];
|
|
@@ -54,7 +54,7 @@ var Upload = function (props) {
|
|
|
54
54
|
status: 'ready',
|
|
55
55
|
percent: 0,
|
|
56
56
|
};
|
|
57
|
-
setFileList(function (prevState) { return
|
|
57
|
+
setFileList(function (prevState) { return __spreadArray([uploadFile], prevState, true); });
|
|
58
58
|
httpRequest({
|
|
59
59
|
headers: headers,
|
|
60
60
|
withCredentials: withCredentials,
|
|
@@ -113,7 +113,7 @@ var Upload = function (props) {
|
|
|
113
113
|
return (React.createElement(React.Fragment, null,
|
|
114
114
|
React.createElement("div", { className: cls, style: style, onClick: handleTriggerOnClick },
|
|
115
115
|
drag ? (React.createElement(DraggerCover, { prefixCls: prefixCls, onFile: uploadFiles, disabled: disabled }, children)) : (children),
|
|
116
|
-
tip && React.createElement("div", { className: prefixCls
|
|
116
|
+
tip && React.createElement("div", { className: "".concat(prefixCls, "__tip") }, tip),
|
|
117
117
|
React.createElement("input", { ref: fileRef, accept: accept, multiple: multiple, type: "file", style: { display: 'none' }, onChange: handleFileOnChange })),
|
|
118
118
|
React.createElement(UploadList, { prefixCls: prefixCls, fileList: fileList, onRemove: handleOnRemove })));
|
|
119
119
|
};
|
package/lib/upload/upload.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../components/upload/upload.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAG3C,IAAM,MAAM,GAAG,UAAC,KAAkB;;IAE9B,IAAA,KAyBE,KAAK,gBAzBa,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,KAwBE,KAAK,YAxBW,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,KAuBE,KAAK,SAvBS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAsBE,KAAK,OAtBQ,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,OAAO,GAqBL,KAAK,QArBA,EACP,eAAe,GAoBb,KAAK,gBApBQ,EACf,MAAM,GAmBJ,KAAK,OAnBD,EACN,MAAM,GAkBJ,KAAK,OAlBD,EACN,QAAQ,GAiBN,KAAK,SAjBC,EACR,IAAI,GAgBF,KAAK,KAhBH,EACJ,IAAI,GAeF,KAAK,KAfH,EACJ,IAAI,GAcF,KAAK,KAdH,EACJ,YAAY,GAaV,KAAK,aAbK,EACZ,KAAK,GAYH,KAAK,MAZF,EACL,QAAQ,GAWN,KAAK,SAXC,EACR,UAAU,GAUR,KAAK,WAVG,EACV,SAAS,GASP,KAAK,UATE,EACT,OAAO,GAQL,KAAK,QARA,EACP,QAAQ,GAON,KAAK,SAPC,EACR,QAAQ,GAMN,KAAK,SANC,EACR,GAAG,GAKD,KAAK,IALJ,EACH,SAAS,GAIP,KAAK,UAJE,EACT,KAAK,GAGH,KAAK,MAHF,EACL,QAAQ,GAEN,KAAK,SAFC,EACG,aAAa,GACtB,KAAK,UADiB,CAChB;IACV,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QACzC,
|
|
1
|
+
{"version":3,"file":"upload.js","sourceRoot":"","sources":["../../components/upload/upload.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tiny-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.95",
|
|
4
4
|
"description": "A friendly ui component set for react",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
"commit": "git add . && ./node_modules/cz-customizable/standalone.js",
|
|
31
31
|
"build-ts": "rimraf lib && tsc -p tsconfig.json",
|
|
32
32
|
"dist-style": "gulp --gulpfile scripts/gulpfile.js && node scripts/generate-style.js",
|
|
33
|
-
"dist-dev": "cross-env NODE_ENV=development webpack --config webpack.config.js --progress
|
|
34
|
-
"dist-prod": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress
|
|
33
|
+
"dist-dev": "cross-env NODE_ENV=development webpack --config webpack.config.js --progress",
|
|
34
|
+
"dist-prod": "cross-env NODE_ENV=production webpack --config webpack.config.js --progress",
|
|
35
35
|
"dist": "rimraf -rf dist && npm run dist-dev && npm run dist-prod && npm run dist-style",
|
|
36
|
-
"dev": "cross-env NODE_ENV=development webpack
|
|
36
|
+
"dev": "cross-env NODE_ENV=development webpack serve --config site/config/webpack.dev.js",
|
|
37
37
|
"eslint": "eslint components --ext .ts,.tsx",
|
|
38
38
|
"release": "standard-version",
|
|
39
39
|
"site:build": "cross-env NODE_ENV=production webpack --config site/config/webpack.prod.js",
|
|
@@ -41,96 +41,116 @@
|
|
|
41
41
|
"test": "jest",
|
|
42
42
|
"test:watch": "jest --watch",
|
|
43
43
|
"test:coverage": "jest --coverage",
|
|
44
|
-
"test:update": "jest --updateSnapshot"
|
|
44
|
+
"test:update": "jest --updateSnapshot",
|
|
45
|
+
"lint:style": "stylelint components/**/*.scss --syntax scss",
|
|
46
|
+
"lint:style:fix": "npm run lint:style -- --fix"
|
|
45
47
|
},
|
|
46
48
|
"peerDependencies": {
|
|
47
49
|
"react": ">=16.9.0",
|
|
48
50
|
"react-dom": ">=16.9.0"
|
|
49
51
|
},
|
|
50
52
|
"dependencies": {
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
+
"core-js": "^3.9.0",
|
|
54
|
+
"@popperjs/core": "^2.11.4",
|
|
55
|
+
"classnames": "^2.3.1",
|
|
56
|
+
"intersection-observer": "^0.12.0",
|
|
53
57
|
"raf": "^3.4.1",
|
|
54
|
-
"react-transition-group": "^4.4.
|
|
58
|
+
"react-transition-group": "^4.4.2"
|
|
55
59
|
},
|
|
56
60
|
"devDependencies": {
|
|
57
|
-
"@babel/core": "^7.
|
|
58
|
-
"@babel/plugin-
|
|
59
|
-
"@babel/
|
|
60
|
-
"@babel/
|
|
61
|
-
"@babel/preset-
|
|
62
|
-
"@
|
|
63
|
-
"@
|
|
64
|
-
"@mdx-js/
|
|
65
|
-
"@
|
|
66
|
-
"@testing-library/jest-dom": "^5.
|
|
67
|
-
"@testing-library/react": "^
|
|
68
|
-
"@testing-library/react-hooks": "^
|
|
69
|
-
"@types/
|
|
70
|
-
"@types/
|
|
71
|
-
"@types/node": "^12.12.47",
|
|
61
|
+
"@babel/core": "^7.17.8",
|
|
62
|
+
"@babel/plugin-transform-runtime": "^7.17.0",
|
|
63
|
+
"@babel/preset-env": "^7.16.11",
|
|
64
|
+
"@babel/preset-react": "^7.16.7",
|
|
65
|
+
"@babel/preset-typescript": "^7.16.7",
|
|
66
|
+
"@commitlint/cli": "^16.2.3",
|
|
67
|
+
"@mdx-js/loader": "^1.6.22",
|
|
68
|
+
"@mdx-js/react": "^1.6.22",
|
|
69
|
+
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
|
|
70
|
+
"@testing-library/jest-dom": "^5.16.2",
|
|
71
|
+
"@testing-library/react": "^12.1.4",
|
|
72
|
+
"@testing-library/react-hooks": "^7.0.2",
|
|
73
|
+
"@types/jest": "^27.4.1",
|
|
74
|
+
"@types/node": "^17.0.21",
|
|
72
75
|
"@types/raf": "^3.4.0",
|
|
73
|
-
"@types/react": "^
|
|
74
|
-
"@types/react-dom": "^
|
|
75
|
-
"@types/react-router-dom": "^5.
|
|
76
|
-
"@types/react-transition-group": "^4.4.
|
|
77
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
78
|
-
"@typescript-eslint/parser": "^
|
|
79
|
-
"autoprefixer": "^
|
|
80
|
-
"babel-loader": "^8.
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"eslint
|
|
91
|
-
"eslint-plugin-
|
|
92
|
-
"
|
|
76
|
+
"@types/react": "^17.0.41",
|
|
77
|
+
"@types/react-dom": "^17.0.14",
|
|
78
|
+
"@types/react-router-dom": "^5.3.3",
|
|
79
|
+
"@types/react-transition-group": "^4.4.4",
|
|
80
|
+
"@typescript-eslint/eslint-plugin": "^5.15.0",
|
|
81
|
+
"@typescript-eslint/parser": "^5.15.0",
|
|
82
|
+
"autoprefixer": "^10.4.4",
|
|
83
|
+
"babel-loader": "^8.2.3",
|
|
84
|
+
"babel-plugin-import": "^1.13.3",
|
|
85
|
+
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
86
|
+
"clean-webpack-plugin": "^4.0.0",
|
|
87
|
+
"commitlint-config-cz": "^0.13.3",
|
|
88
|
+
"copy-webpack-plugin": "^10.2.4",
|
|
89
|
+
"cross-env": "^7.0.3",
|
|
90
|
+
"css-loader": "^6.7.1",
|
|
91
|
+
"css-minimizer-webpack-plugin": "^3.4.1",
|
|
92
|
+
"cz-customizable": "^6.3.0",
|
|
93
|
+
"eslint": "^7.21.0",
|
|
94
|
+
"eslint-plugin-jest": "^24.2.1",
|
|
95
|
+
"eslint-plugin-jest-dom": "^3.6.5",
|
|
96
|
+
"eslint-plugin-react": "^7.22.0",
|
|
97
|
+
"eslint-plugin-react-hooks": "^4.2.0",
|
|
98
|
+
"file-loader": "^6.2.0",
|
|
93
99
|
"gulp": "^4.0.2",
|
|
94
100
|
"gulp-clean-css": "^4.2.0",
|
|
95
|
-
"gulp-postcss": "^
|
|
96
|
-
"gulp-rename": "^
|
|
97
|
-
"gulp-sass": "^
|
|
101
|
+
"gulp-postcss": "^9.0.1",
|
|
102
|
+
"gulp-rename": "^2.0.0",
|
|
103
|
+
"gulp-sass": "^5.1.0",
|
|
98
104
|
"gulp-sourcemaps": "^2.6.5",
|
|
99
|
-
"html-webpack-plugin": "^
|
|
100
|
-
"husky": "^
|
|
101
|
-
"jest": "^
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"postcss-loader": "^
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"react": "^
|
|
108
|
-
"react
|
|
109
|
-
"react-
|
|
110
|
-
"react-
|
|
105
|
+
"html-webpack-plugin": "^5.5.0",
|
|
106
|
+
"husky": "^7.0.4",
|
|
107
|
+
"jest": "^27.5.1",
|
|
108
|
+
"lint-staged": "^12.3.7",
|
|
109
|
+
"mini-css-extract-plugin": "^2.6.0",
|
|
110
|
+
"postcss-loader": "^6.2.1",
|
|
111
|
+
"postcss-nested": "^5.0.6",
|
|
112
|
+
"prettier": "2.6.0",
|
|
113
|
+
"prism-react-renderer": "^1.3.1",
|
|
114
|
+
"react": "^17.0.2",
|
|
115
|
+
"react-dom": "^17.0.2",
|
|
116
|
+
"react-live": "^2.4.1",
|
|
117
|
+
"react-refresh": "^0.11.0",
|
|
118
|
+
"react-router-dom": "^5.3.0",
|
|
119
|
+
"remark-gfm": "^3.0.1",
|
|
111
120
|
"rimraf": "^3.0.2",
|
|
112
|
-
"sass
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
"webpack": "^
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
"
|
|
121
|
+
"sass": "^1.49.9",
|
|
122
|
+
"sass-loader": "^12.6.0",
|
|
123
|
+
"standard-version": "^9.3.2",
|
|
124
|
+
"style-loader": "^3.3.1",
|
|
125
|
+
"stylelint": "^14.6.0",
|
|
126
|
+
"stylelint-config-standard": "^25.0.0",
|
|
127
|
+
"terser-webpack-plugin": "^5.3.1",
|
|
128
|
+
"ts-jest": "^27.1.3",
|
|
129
|
+
"tsconfig-paths-webpack-plugin": "^3.5.2",
|
|
130
|
+
"tslib": "^2.3.1",
|
|
131
|
+
"typescript": "^4.6.2",
|
|
132
|
+
"url-loader": "^4.1.1",
|
|
133
|
+
"webpack": "^5.70.0",
|
|
134
|
+
"webpack-cli": "^4.9.2",
|
|
135
|
+
"webpack-dev-server": "^4.7.4",
|
|
136
|
+
"webpack-merge": "^5.8.0"
|
|
137
|
+
},
|
|
138
|
+
"lint-staged": {
|
|
139
|
+
"components/**/*.scss": [
|
|
140
|
+
"npm run lint:style:fix"
|
|
141
|
+
]
|
|
124
142
|
},
|
|
125
143
|
"husky": {
|
|
126
144
|
"hooks": {
|
|
127
|
-
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
|
|
145
|
+
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
|
|
146
|
+
"pre-commit": "lint-staged"
|
|
128
147
|
}
|
|
129
148
|
},
|
|
130
149
|
"browserslist": [
|
|
131
|
-
"last 2
|
|
132
|
-
"Firefox ESR",
|
|
150
|
+
"last 2 versions",
|
|
133
151
|
"> 1%",
|
|
134
|
-
"
|
|
152
|
+
"Firefox ESR",
|
|
153
|
+
"IE >= 11",
|
|
154
|
+
"Edge >= 14"
|
|
135
155
|
]
|
|
136
156
|
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useContext, useEffect, useRef } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { BaseProps } from '../_utils/props';
|
|
4
|
-
import { getRect } from '../_utils/dom';
|
|
5
|
-
import { ConfigContext } from '../config-provider/config-context';
|
|
6
|
-
import { getPrefixCls } from '../_utils/general';
|
|
7
|
-
|
|
8
|
-
export interface WaterfallProps
|
|
9
|
-
extends BaseProps,
|
|
10
|
-
React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
|
|
11
|
-
columns?: number;
|
|
12
|
-
gap?: number;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
const Waterfall = (props: WaterfallProps): React.ReactElement => {
|
|
17
|
-
const {
|
|
18
|
-
columns = 5,
|
|
19
|
-
gap = 0,
|
|
20
|
-
prefixCls: customisedCls,
|
|
21
|
-
className,
|
|
22
|
-
style,
|
|
23
|
-
children,
|
|
24
|
-
...otherProps
|
|
25
|
-
} = props;
|
|
26
|
-
const configContext = useContext(ConfigContext);
|
|
27
|
-
const prefixCls = getPrefixCls('waterfall', configContext.prefixCls, customisedCls);
|
|
28
|
-
const cls = classNames(prefixCls, className);
|
|
29
|
-
const containerRef = useRef<HTMLDivElement | null>(null);
|
|
30
|
-
|
|
31
|
-
const handleLayout = useCallback(() => {
|
|
32
|
-
const { width } = getRect();
|
|
33
|
-
const items = (containerRef.current as HTMLDivElement).children;
|
|
34
|
-
const itemWidth = width / columns;
|
|
35
|
-
const arr: number[] = [];
|
|
36
|
-
for (let i = 0; i < items.length; i++) {
|
|
37
|
-
const item = items[i] as HTMLElement;
|
|
38
|
-
(item.children[0] as HTMLElement).style.width = `${itemWidth}px`;
|
|
39
|
-
if (i < columns) {
|
|
40
|
-
item.style.top = '0';
|
|
41
|
-
item.style.left = (itemWidth + gap) * i + 'px';
|
|
42
|
-
arr.push(item.offsetHeight);
|
|
43
|
-
} else {
|
|
44
|
-
let minHeight = arr[0];
|
|
45
|
-
let index = 0;
|
|
46
|
-
for (let j = 0; j < arr.length; j++) {
|
|
47
|
-
if (minHeight > arr[j]) {
|
|
48
|
-
minHeight = arr[j];
|
|
49
|
-
index = j;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
item.style.top = arr[index] + gap + 'px';
|
|
53
|
-
item.style.left = (items[index] as HTMLElement).offsetLeft + 'px';
|
|
54
|
-
arr[index] = arr[index] + item.offsetHeight + gap;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}, [columns, gap]);
|
|
58
|
-
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
window.addEventListener('load', handleLayout);
|
|
61
|
-
window.addEventListener('resize', handleLayout);
|
|
62
|
-
|
|
63
|
-
return (): void => {
|
|
64
|
-
window.removeEventListener('load', handleLayout);
|
|
65
|
-
window.removeEventListener('resize', handleLayout);
|
|
66
|
-
};
|
|
67
|
-
}, [handleLayout]);
|
|
68
|
-
|
|
69
|
-
return (
|
|
70
|
-
<div {...otherProps} ref={containerRef} className={cls} style={style}>
|
|
71
|
-
{React.Children.map(children, (child) =>
|
|
72
|
-
React.createElement('div', { className: `${prefixCls}__item` }, child)
|
|
73
|
-
)}
|
|
74
|
-
</div>
|
|
75
|
-
);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export default Waterfall;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.scss';
|
package/lib/waterfall/index.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BaseProps } from '../_utils/props';
|
|
3
|
-
export interface WaterfallProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
|
|
4
|
-
columns?: number;
|
|
5
|
-
gap?: number;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const Waterfall: (props: WaterfallProps) => React.ReactElement;
|
|
9
|
-
export default Waterfall;
|
package/lib/waterfall/index.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { useCallback, useContext, useEffect, useRef } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { getRect } from '../_utils/dom';
|
|
5
|
-
import { ConfigContext } from '../config-provider/config-context';
|
|
6
|
-
import { getPrefixCls } from '../_utils/general';
|
|
7
|
-
var Waterfall = function (props) {
|
|
8
|
-
var _a = props.columns, columns = _a === void 0 ? 5 : _a, _b = props.gap, gap = _b === void 0 ? 0 : _b, customisedCls = props.prefixCls, className = props.className, style = props.style, children = props.children, otherProps = __rest(props, ["columns", "gap", "prefixCls", "className", "style", "children"]);
|
|
9
|
-
var configContext = useContext(ConfigContext);
|
|
10
|
-
var prefixCls = getPrefixCls('waterfall', configContext.prefixCls, customisedCls);
|
|
11
|
-
var cls = classNames(prefixCls, className);
|
|
12
|
-
var containerRef = useRef(null);
|
|
13
|
-
var handleLayout = useCallback(function () {
|
|
14
|
-
var width = getRect().width;
|
|
15
|
-
var items = containerRef.current.children;
|
|
16
|
-
var itemWidth = width / columns;
|
|
17
|
-
var arr = [];
|
|
18
|
-
for (var i = 0; i < items.length; i++) {
|
|
19
|
-
var item = items[i];
|
|
20
|
-
item.children[0].style.width = itemWidth + "px";
|
|
21
|
-
if (i < columns) {
|
|
22
|
-
item.style.top = '0';
|
|
23
|
-
item.style.left = (itemWidth + gap) * i + 'px';
|
|
24
|
-
arr.push(item.offsetHeight);
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
var minHeight = arr[0];
|
|
28
|
-
var index = 0;
|
|
29
|
-
for (var j = 0; j < arr.length; j++) {
|
|
30
|
-
if (minHeight > arr[j]) {
|
|
31
|
-
minHeight = arr[j];
|
|
32
|
-
index = j;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
item.style.top = arr[index] + gap + 'px';
|
|
36
|
-
item.style.left = items[index].offsetLeft + 'px';
|
|
37
|
-
arr[index] = arr[index] + item.offsetHeight + gap;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}, [columns, gap]);
|
|
41
|
-
useEffect(function () {
|
|
42
|
-
window.addEventListener('load', handleLayout);
|
|
43
|
-
window.addEventListener('resize', handleLayout);
|
|
44
|
-
return function () {
|
|
45
|
-
window.removeEventListener('load', handleLayout);
|
|
46
|
-
window.removeEventListener('resize', handleLayout);
|
|
47
|
-
};
|
|
48
|
-
}, [handleLayout]);
|
|
49
|
-
return (React.createElement("div", __assign({}, otherProps, { ref: containerRef, className: cls, style: style }), React.Children.map(children, function (child) {
|
|
50
|
-
return React.createElement('div', { className: prefixCls + "__item" }, child);
|
|
51
|
-
})));
|
|
52
|
-
};
|
|
53
|
-
export default Waterfall;
|
|
54
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/waterfall/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/waterfall/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
|