@easyv/react-components 0.0.1

package/dist/Switch/index.less

@@ -0,0 +1,11 @@
+.arco-switch-dot {
+  line-height: 1;
+}
+
+.arco-switch-text:has(svg) {
+  line-height: 1;
+
+  & > span {
+    margin-top: 1px;
+  }
+}

package/dist/Switch/interface.d.ts

@@ -0,0 +1 @@
+export type { SwitchProps } from '@arco-design/web-react';

package/dist/Switch/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Table/demo.css

@@ -0,0 +1,31 @@
+.table-demo-editable-cell .editable-row .editable-cell {
+  display: inline-block;
+  padding: 5px 11px;
+}
+
+.table-demo-editable-cell .editable-row .editable-cell:hover {
+  border-radius: 4px;
+  border: 1px solid var(--color-border);
+  padding: 4px 10px;
+}
+
+.table-demo-resizable-column .react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+
+.table-demo-resizable-column .react-resizable-handle {
+  position: absolute;
+  width: 10px;
+  height: 100%;
+  bottom: 0;
+  right: -5px;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.arco-table-custom-filter {
+  padding: 10px;
+  background-color: var(--color-bg-5);
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 15%);
+}

package/dist/Table/index.d.ts

@@ -0,0 +1,4 @@
+import { Table } from '@arco-design/web-react';
+import './index.less';
+export default Table;
+export type * from './interface';

package/dist/Table/index.js

@@ -0,0 +1,3 @@
+import { Table } from '@arco-design/web-react';
+import "./index.less";
+export default Table;

package/dist/Table/interface.d.ts

@@ -0,0 +1 @@
+export type { TableProps, TableColumnProps } from '@arco-design/web-react';

package/dist/Table/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+import { Tabs } from '@arco-design/web-react';
+import './index.less';
+export default Tabs;
+export type * from './interface';

package/dist/Tabs/index.js

@@ -0,0 +1,3 @@
+import { Tabs } from '@arco-design/web-react';
+import "./index.less";
+export default Tabs;

package/dist/Tabs/interface.d.ts

@@ -0,0 +1 @@
+export type { TabsProps } from '@arco-design/web-react';

package/dist/Tabs/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Tag/demo.css

@@ -0,0 +1,3 @@
+.add-tag:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}

package/dist/Tag/index.d.ts

@@ -0,0 +1,4 @@
+import { Tag } from '@arco-design/web-react';
+import './index.less';
+export default Tag;
+export type * from './interface';

package/dist/Tag/index.js

@@ -0,0 +1,3 @@
+import { Tag } from '@arco-design/web-react';
+import "./index.less";
+export default Tag;

package/dist/Tag/index.less

@@ -0,0 +1,17 @@
+div.arco-tag {
+  &.arco-tag-size-large {
+    border-radius: var(--border-radius-large);
+  }
+
+  &.arco-tag-size-medium {
+    border-radius: var(--border-radius-medium);
+  }
+
+  &.arco-tag-size-default {
+    border-radius: var(--border-radius-medium);
+  }
+
+  &.arco-tag-size-small {
+    border-radius: var(--border-radius-small);
+  }
+}

package/dist/Tag/interface.d.ts

@@ -0,0 +1 @@
+export type { TagProps } from '@arco-design/web-react';

package/dist/Tag/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/TimePicker/index.d.ts

@@ -0,0 +1,4 @@
+import { TimePicker } from '@arco-design/web-react';
+import './index.less';
+export default TimePicker;
+export type * from './interface';

package/dist/TimePicker/index.js

@@ -0,0 +1,3 @@
+import { TimePicker } from '@arco-design/web-react';
+import "./index.less";
+export default TimePicker;

package/dist/TimePicker/interface.d.ts

@@ -0,0 +1 @@
+export type { TimePickerProps } from '@arco-design/web-react';

package/dist/TimePicker/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Timeline/index.d.ts

@@ -0,0 +1,4 @@
+import { Timeline } from '@arco-design/web-react';
+import './index.less';
+export default Timeline;
+export type * from './interface';

package/dist/Timeline/index.js

@@ -0,0 +1,3 @@
+import { Timeline } from '@arco-design/web-react';
+import "./index.less";
+export default Timeline;

package/dist/Timeline/interface.d.ts

@@ -0,0 +1 @@
+export type { TimelineProps } from '@arco-design/web-react';

package/dist/Timeline/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip } from '@arco-design/web-react';
+import './index.less';
+export default Tooltip;
+export type * from './interface';

package/dist/Tooltip/index.js

@@ -0,0 +1,3 @@
+import { Tooltip } from '@arco-design/web-react';
+import "./index.less";
+export default Tooltip;

package/dist/Tooltip/interface.d.ts

@@ -0,0 +1 @@
+export type { TooltipProps } from '@arco-design/web-react';

package/dist/Tooltip/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Transfer/demo.css

@@ -0,0 +1,8 @@
+.transfer-demo-with-table .arco-table-container {
+  border: none !important;
+  border-radius: 0 !important;
+}
+
+.transfer-demo-with-table .arco-table-th {
+  background-color: var(--color-bg-2);
+}

package/dist/Transfer/index.d.ts

@@ -0,0 +1,4 @@
+import { Transfer } from '@arco-design/web-react';
+import './index.less';
+export default Transfer;
+export type * from './interface';

package/dist/Transfer/index.js

@@ -0,0 +1,3 @@
+import { Transfer } from '@arco-design/web-react';
+import "./index.less";
+export default Transfer;

package/dist/Transfer/interface.d.ts

@@ -0,0 +1 @@
+export type { TransferProps } from '@arco-design/web-react';

package/dist/Transfer/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Tree/demo.css

@@ -0,0 +1,14 @@
+.tree-node-dropover > .arco-tree-node-title,
+.tree-node-dropover > .arco-tree-node-title:hover {
+  animation: blink-bg 0.4s 2;
+}
+
+@keyframes blink-bg {
+  0% {
+    background-color: transparent;
+  }
+
+  100% {
+    background-color: var(--color-primary-light-1);
+  }
+}

package/dist/Tree/index.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@arco-design/web-react';
+import './index.less';
+export default Tree;
+export type * from './interface';

package/dist/Tree/index.js

@@ -0,0 +1,3 @@
+import { Tree } from '@arco-design/web-react';
+import "./index.less";
+export default Tree;

package/dist/Tree/interface.d.ts

@@ -0,0 +1 @@
+export type { TreeProps } from '@arco-design/web-react';

package/dist/Tree/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/TreeSelect/index.d.ts

@@ -0,0 +1,4 @@
+import { TreeSelect } from '@arco-design/web-react';
+import './index.less';
+export default TreeSelect;
+export type * from './interface';

package/dist/TreeSelect/index.js

@@ -0,0 +1,3 @@
+import { TreeSelect } from '@arco-design/web-react';
+import "./index.less";
+export default TreeSelect;

package/dist/TreeSelect/interface.d.ts

@@ -0,0 +1 @@
+export type { TreeSelectProps } from '@arco-design/web-react';

package/dist/TreeSelect/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Trigger/demo.css

@@ -0,0 +1,16 @@
+.demo-trigger-popup {
+  padding: 10px;
+  width: 300px;
+  text-align: center;
+  background-color: var(--color-bg-popup);
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 15%);
+}
+
+.demo-trigger-manual {
+  width: 100%;
+  height: 400px;
+  background-color: var(--color-fill-2);
+  line-height: 400px;
+  text-align: center;
+  font-size: 20px;
+}

package/dist/Trigger/index.d.ts

@@ -0,0 +1,4 @@
+import { Trigger } from '@arco-design/web-react';
+import './index.less';
+export default Trigger;
+export type * from './interface';

package/dist/Trigger/index.js

@@ -0,0 +1,3 @@
+import { Trigger } from '@arco-design/web-react';
+import "./index.less";
+export default Trigger;

package/dist/Trigger/interface.d.ts

@@ -0,0 +1 @@
+export type { TriggerProps } from '@arco-design/web-react';

package/dist/Trigger/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Typography/index.d.ts

@@ -0,0 +1,4 @@
+import { Typography } from '@arco-design/web-react';
+import './index.less';
+export default Typography;
+export type * from './interface';

package/dist/Typography/index.js

@@ -0,0 +1,3 @@
+import { Typography } from '@arco-design/web-react';
+import "./index.less";
+export default Typography;

package/dist/Typography/interface.d.ts

@@ -0,0 +1 @@
+export type { TypographyProps } from '@arco-design/web-react';

package/dist/Typography/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/Upload/demo.css

@@ -0,0 +1,116 @@
+.reactEasyCrop_Container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  user-select: none;
+  touch-action: none;
+  cursor: move;
+}
+
+.reactEasyCrop_Image,
+.reactEasyCrop_Video {
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */
+}
+
+.reactEasyCrop_CropArea {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border: 1px solid rgba(255, 255, 255, 50%);
+  box-sizing: border-box;
+  box-shadow: 0 0 0 9999em;
+  color: rgba(0, 0, 0, 50%);
+  overflow: hidden;
+}
+
+.reactEasyCrop_CropAreaRound {
+  border-radius: 50%;
+}
+
+.reactEasyCrop_CropAreaGrid::before {
+  content: ' ';
+  box-sizing: border-box;
+  position: absolute;
+  border: 1px solid rgba(255, 255, 255, 50%);
+  top: 0;
+  bottom: 0;
+  left: 33.33%;
+  right: 33.33%;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.reactEasyCrop_CropAreaGrid::after {
+  content: ' ';
+  box-sizing: border-box;
+  position: absolute;
+  border: 1px solid rgba(255, 255, 255, 50%);
+  top: 33.33%;
+  bottom: 33.33%;
+  left: 0;
+  right: 0;
+  border-left: 0;
+  border-right: 0;
+}
+
+.custom-upload-progress .arco-upload-list-item-text-content {
+  flex-wrap: wrap;
+}
+
+.custom-upload-progress .arco-upload-list-start-icon,
+.custom-upload-progress .arco-upload-list-cancel-icon {
+  right: 0;
+  left: unset;
+  top: -22px;
+  transform: none;
+}
+
+.custom-upload-progress .arco-upload-list-rtl .arco-upload-list-start-icon,
+.custom-upload-progress .arco-upload-list-rtl .arco-upload-list-cancel-icon {
+  right: unset;
+  left: 0;
+}
+
+.custom-upload-progress .arco-upload-list-status {
+  display: block;
+}
+
+.custom-upload-progress .arco-upload-list-progress {
+  display: block;
+  height: 0;
+  margin-top: 0;
+  transition: all 0.2s ease;
+  opacity: 0;
+  overflow: hidden;
+}
+
+.custom-upload-progress
+  .arco-upload-list-item-uploading
+  .arco-upload-list-progress {
+  margin-top: 8px;
+  opacity: 1;
+  height: 16px;
+}
+
+.upload-demo-trigger .trigger {
+  background-color: var(--color-fill-2);
+  color: var(--color-text-1);
+  border: 1px dashed var(--color-fill-4);
+  height: 158px;
+  width: 380px;
+  border-radius: 2;
+  line-height: 158px;
+  text-align: center;
+}

package/dist/Upload/index.d.ts

@@ -0,0 +1,4 @@
+import { Upload } from '@arco-design/web-react';
+import './index.less';
+export default Upload;
+export type * from './interface';

package/dist/Upload/index.js

@@ -0,0 +1,3 @@
+import { Upload } from '@arco-design/web-react';
+import "./index.less";
+export default Upload;

package/dist/Upload/interface.d.ts

@@ -0,0 +1,2 @@
+export type { UploadProps } from '@arco-design/web-react';
+export type { UploadInstance } from '@arco-design/web-react/es/Upload';

package/dist/Upload/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -0,0 +1,4 @@
+body {
+  -webkit-font-smoothing: auto !important;
+  -moz-osx-font-smoothing: auto !important;
+}

package/dist/index.d.ts

@@ -0,0 +1,133 @@
+import './index.css';
+export { default as Affix } from './Affix';
+export type { AffixProps } from './Affix';
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { default as Anchor } from './Anchor';
+export type { AnchorProps } from './Anchor';
+export { default as AutoComplete } from './AutoComplete';
+export type { AutoCompleteProps } from './AutoComplete';
+export { default as Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { default as BackTop } from './BackTop';
+export type { BackTopProps } from './BackTop';
+export { default as Badge } from './Badge';
+export type { BadgeProps } from './Badge';
+export { default as Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb';
+export { default as Button } from './Button';
+export type { ButtonProps, ButtonGroupProps } from './Button';
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export { default as Card } from './Card';
+export type { CardProps } from './Card';
+export { default as Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { default as Cascader } from './Cascader';
+export type { CascaderProps } from './Cascader';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { default as Collapse } from './Collapse';
+export type { CollapseProps } from './Collapse';
+export { default as Comment } from './Comment';
+export type { CommentProps } from './Comment';
+export { default as ConfigProvider } from './ConfigProvider';
+export type { ConfigProviderProps } from './ConfigProvider';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps, YearPickerProps, MonthPickerProps, QuarterPickerProps, WeekPickerProps, RangePickerProps, } from './DatePicker';
+export { default as Descriptions } from './Descriptions';
+export type { DescriptionsProps } from './Descriptions';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps } from './Dropdown';
+export { default as Empty } from './Empty';
+export type { EmptyProps } from './Empty';
+export { default as Form } from './Form';
+export type { FormInstance, FormItemProps, FormProps } from './Form';
+export { default as Grid } from './Grid';
+export type { GridProps } from './Grid';
+export { default as Image } from './Image';
+export type { ImageProps } from './Image';
+export { default as Input } from './Input';
+export type { InputProps, InputSearchProps, RefInputType } from './Input';
+export { default as InputNumber } from './InputNumber';
+export type { InputNumberProps } from './InputNumber';
+export { default as InputTag } from './InputTag';
+export type { InputTagProps } from './InputTag';
+export { default as Layout } from './Layout';
+export type { LayoutProps } from './Layout';
+export { default as Link } from './Link';
+export type { LinkProps } from './Link';
+export { default as List } from './List';
+export type { ListProps } from './List';
+export { default as Mentions } from './Mentions';
+export type { MentionsProps } from './Mentions';
+export { default as Menu } from './Menu';
+export type { MenuProps } from './Menu';
+export { default as Notification } from './Notification';
+export type { NotificationProps } from './Notification';
+export { default as PageHeader } from './PageHeader';
+export type { PageHeaderProps } from './PageHeader';
+export { default as Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';
+export { default as Popconfirm } from './Popconfirm';
+export type { PopconfirmProps } from './Popconfirm';
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';
+export { default as Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+export { default as Rate } from './Rate';
+export type { RateProps } from './Rate';
+export { default as ResizeBox } from './ResizeBox';
+export type { ResizeBoxProps } from './ResizeBox';
+export { default as Result } from './Result';
+export type { ResultProps } from './Result';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';
+export { default as Spin } from './Spin';
+export type { SpinProps } from './Spin';
+export { default as Statistic } from './Statistic';
+export type { StatisticProps } from './Statistic';
+export { default as Steps } from './Steps';
+export type { StepsProps } from './Steps';
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { default as Table } from './Table';
+export type { TableProps, TableColumnProps } from './Table';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Timeline } from './Timeline';
+export type { TimelineProps } from './Timeline';
+export { default as TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+export { default as Transfer } from './Transfer';
+export type { TransferProps } from './Transfer';
+export { default as Tree } from './Tree';
+export type { TreeProps } from './Tree';
+export { default as TreeSelect } from './TreeSelect';
+export type { TreeSelectProps } from './TreeSelect';
+export { default as Trigger } from './Trigger';
+export type { TriggerProps } from './Trigger';
+export { default as Typography } from './Typography';
+export type { TypographyProps } from './Typography';
+export { default as Upload } from './Upload';
+export type { UploadProps, UploadInstance } from './Upload';
+export { default as Message, default as message } from './Message';
+export type { MessageProps } from './Message';
+export { default as Modal } from './Modal';
+export type { ModalProps } from './Modal';
+export { default as Radio } from './Radio';
+export type { RadioProps } from './Radio';
+export { default as Select } from './Select';
+export type { SelectProps, SelectOptionProps, SelectOptionGroupProps, SelectHandle, } from './Select';
+export { default as Space } from './Space';
+export type { SpaceProps } from './Space';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';