@easyv/react-components 0.0.1

package/dist/Input/index.less

@@ -0,0 +1,63 @@
+.arco-input {
+  &.arco-input-borderless {
+    border: none;
+    box-shadow: none;
+  }
+
+  &.arco-input-warning {
+    background-color: transparent;
+    border: 1px solid rgb(var(--warning-6));
+
+    &:focus {
+      box-shadow: 0 0 0 2px rgb(var(--warning-1));
+    }
+  }
+}
+
+.arco-input-group {
+  .arco-input-group-addafter {
+    border-left: none;
+
+    .arco-select {
+      .arco-select-view {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+  }
+
+  .arco-input-group-addbefore {
+    border-right: none;
+
+    .arco-select {
+      .arco-select-view {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+  }
+
+  & > :first-child:is(.arco-input-inner-wrapper-focus):not(:only-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  & > :last-child:is(.arco-input-inner-wrapper-focus):not(:only-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  & > :nth-child(2):is(.arco-input-inner-wrapper-focus):not(:last-child) {
+    border-radius: 0;
+  }
+
+  &.arco-input-group-compact > .arco-select .arco-select-view:first-child {
+    border-top-left-radius: var(--border-radius-medium);
+    border-bottom-left-radius: var(--border-radius-medium);
+    border-right-color: transparent;
+
+    &:hover {
+      border-color: rgb(var(--primary-6));
+    }
+  }
+}

package/dist/Input/interface.d.ts

@@ -0,0 +1,9 @@
+import type { InputProps } from '@arco-design/web-react';
+import type { InputSearchProps, RefInputType } from '@arco-design/web-react/es/Input';
+interface XInputProps extends InputProps {
+    bordered?: boolean;
+}
+interface XInputSearchProps extends InputSearchProps {
+    bordered?: boolean;
+}
+export type { XInputProps as InputProps, XInputSearchProps as InputSearchProps, RefInputType, };

package/dist/Input/interface.js

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

package/dist/InputNumber/index.d.ts

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

package/dist/InputNumber/index.js

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

package/dist/InputNumber/interface.d.ts

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

package/dist/InputNumber/interface.js

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

package/dist/InputTag/index.d.ts

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

package/dist/InputTag/index.js

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

package/dist/InputTag/interface.d.ts

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

package/dist/InputTag/interface.js

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

package/dist/Layout/demo.css

@@ -0,0 +1,84 @@
+.layout-basic-demo .arco-layout-header,
+.layout-basic-demo .arco-layout-footer,
+.layout-basic-demo .arco-layout-sider,
+.layout-basic-demo .arco-layout-sider-children,
+.layout-basic-demo .arco-layout-content {
+  color: var(--color-white);
+  text-align: center;
+  font-stretch: condensed;
+  font-size: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.layout-basic-demo .arco-layout-header,
+.layout-basic-demo .arco-layout-footer {
+  height: 64px;
+  background-color: var(--color-primary-light-4);
+}
+
+.layout-basic-demo .arco-layout-sider {
+  width: 206px;
+  background-color: var(--color-primary-light-3);
+}
+
+.layout-basic-demo .arco-layout-content {
+  background-color: var(--color-primary-light-2);
+}
+
+/* ------- */
+
+.layout-collapse-demo {
+  height: 500px;
+  border: 1px solid var(--color-border);
+  background: var(--color-fill-2);
+}
+
+.layout-collapse-demo .arco-layout-sider .logo {
+  height: 32px;
+  margin: 12px 8px;
+  background: rgba(255, 255, 255, 20%);
+}
+
+.layout-collapse-demo .arco-layout-sider-light .logo {
+  background: var(--color-fill-2);
+}
+
+.layout-collapse-demo .arco-layout-footer,
+.layout-collapse-demo .arco-layout-content {
+  color: var(--color-white);
+  text-align: center;
+  font-stretch: condensed;
+  font-size: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.layout-collapse-demo .arco-layout-footer {
+  color: var(--color-text-2);
+  height: 48px;
+  line-height: 48px;
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.layout-collapse-demo .arco-layout-content {
+  background: var(--color-bg-3);
+  color: var(--color-text-2);
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.layout-collapse-demo .arco-layout-header {
+  height: 64px;
+  line-height: 64px;
+  background: var(--color-bg-3);
+}
+
+.layout-collapse-demo .arco-layout-header .trigger {
+  margin-left: 20px;
+}
+
+/* -------- */

package/dist/Layout/index.d.ts

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

package/dist/Layout/index.js

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

package/dist/Layout/interface.d.ts

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

package/dist/Layout/interface.js

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

package/dist/Link/index.d.ts

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

package/dist/Link/index.js

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

package/dist/Link/interface.d.ts

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

package/dist/Link/interface.js

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

package/dist/List/demo.css

@@ -0,0 +1,58 @@
+.list-demo-actions-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  transition: all 0.1s;
+}
+
+.list-demo-actions-icon:hover {
+  background-color: var(--color-fill-3);
+}
+
+.list-demo-actions-button[tabindex]:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}
+
+.list-demo-actions-button {
+  position: relative;
+  padding: 0 4px;
+  border-radius: 2px;
+  color: rgb(var(--arcoblue-6));
+  cursor: pointer;
+  transition: all 0.1s;
+}
+
+.list-demo-actions-button:hover {
+  background-color: var(--color-fill-3);
+}
+
+.list-demo-actions
+  .arco-list-item-action
+  li:not(:last-child)
+  .list-demo-actions-button::after {
+  content: '';
+  position: absolute;
+  top: 3px;
+  right: -10px;
+  width: 1px;
+  height: 12px;
+  background-color: var(--color-fill-3);
+}
+
+.list-demo-action-layout .image-area {
+  width: 183px;
+  height: 119px;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.list-demo-action-layout .image-area img {
+  width: 100%;
+}
+
+.list-demo-action-layout .arco-list-item-action .arco-icon {
+  margin: 0 4px;
+}

package/dist/List/index.d.ts

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

package/dist/List/index.js

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

package/dist/List/interface.d.ts

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

package/dist/List/interface.js

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

package/dist/Mentions/index.d.ts

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

package/dist/Mentions/index.js

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

package/dist/Mentions/interface.d.ts

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

package/dist/Mentions/interface.js

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

package/dist/Menu/demo.css

@@ -0,0 +1,102 @@
+.menu-demo {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 40px;
+  background-color: var(--color-neutral-2);
+}
+
+.menu-demo .arco-menu-inner {
+  overflow-y: auto;
+}
+
+.menu-demo-round {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 40px;
+  background-color: var(--color-neutral-2);
+}
+
+.menu-demo-round .arco-menu-inner {
+  overflow-y: auto;
+}
+
+.menu-demo-round .arco-menu {
+  height: 100%;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 30%);
+}
+
+.menu-demo-round
+  .arco-menu:not(.arco-menu-collapse)
+  .arco-menu-collapse-button {
+  right: 0;
+  bottom: 8px;
+  transform: translateX(50%);
+}
+
+.menu-demo-round .arco-menu:not(.arco-menu-collapse)::before {
+  content: '';
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  right: 0;
+  bottom: 0;
+  border-radius: 50%;
+  background-color: inherit;
+  box-shadow: -4px 0 2px var(--color-bg-2), 0 0 1px rgba(0, 0, 0, 30%);
+  transform: translateX(50%);
+}
+
+.menu-demo-round .arco-menu-collapse {
+  height: auto;
+  padding-top: 24px;
+  padding-bottom: 138px;
+  border-radius: 22px;
+}
+
+.menu-demo-round .arco-menu-collapse-button {
+  right: 8px;
+  bottom: 8px;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+}
+
+.menu-demo-button {
+  position: relative;
+  width: 660px;
+  height: 300px;
+  background-color: var(--color-fill-2);
+}
+
+.button-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  bottom: 80px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  font-size: 14px;
+  color: var(--color-white);
+  cursor: pointer;
+  transition: all 0.1s;
+}
+
+.button-trigger:nth-child(1) {
+  left: 150px;
+  background-color: var(--color-neutral-5);
+}
+
+.button-trigger:nth-child(1).button-trigger-active {
+  background-color: var(--color-neutral-4);
+}
+
+.button-trigger:nth-child(2) {
+  left: 372px;
+  background-color: rgb(var(--arcoblue-6));
+}
+
+.button-trigger:nth-child(2).button-trigger-active {
+  background-color: var(--color-primary-light-4);
+}

package/dist/Menu/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { MenuProps } from './interface';
+import './index.less';
+declare const XMenu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<unknown>> & {
+    Item: React.ForwardRefExoticComponent<import("@arco-design/web-react").MenuItemProps & React.RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    ItemGroup: React.ForwardRefExoticComponent<import("@arco-design/web-react").MenuItemGroupProps & React.RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    SubMenu: React.ForwardRefExoticComponent<import("@arco-design/web-react").MenuSubMenuProps & React.RefAttributes<unknown>> & {
+        menuType: string;
+    };
+    __ARCO_MENU__: boolean;
+};
+export default XMenu;
+export { MenuProps };

package/dist/Menu/index.js

@@ -0,0 +1,34 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { forwardRef } from 'react';
+import { Menu } from '@arco-design/web-react';
+import { DownOutlined, RightOutlined } from '@easyv/react-icons';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var XMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    icons: {
+      horizontalArrowDown: /*#__PURE__*/_jsx(DownOutlined, {
+        style: {
+          verticalAlign: -2
+        }
+      }),
+      popArrowRight: /*#__PURE__*/_jsx(RightOutlined, {
+        style: {
+          verticalAlign: -2
+        }
+      })
+    }
+  }));
+});
+XMenu.Item = Menu.Item;
+XMenu.SubMenu = Menu.SubMenu;
+XMenu.ItemGroup = Menu.ItemGroup;
+XMenu.__ARCO_MENU__ = Menu.__ARCO_MENU__;
+export default XMenu;

package/dist/Menu/interface.d.ts

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

package/dist/Menu/interface.js

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

package/dist/Message/demo.css

@@ -0,0 +1,22 @@
+.my-animation-enter {
+  opacity: 0;
+}
+
+.my-animation-enter-active {
+  opacity: 1;
+  transition: opacity 1s linear;
+}
+
+.my-animation-exit {
+  opacity: 0;
+}
+
+.my-animation-exit-active {
+  opacity: 0;
+  height: 0;
+  transition: all 0.5s linear;
+}
+
+.demo-holder-wrapper .arco-message-wrapper {
+  left: 0;
+}

package/dist/Message/index.d.ts

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

package/dist/Message/index.js

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

package/dist/Message/index.less

@@ -0,0 +1,3 @@
+// .arco-message-wrapper {
+//   position: sticky;
+// }

package/dist/Message/interface.d.ts

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

package/dist/Message/interface.js

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

package/dist/Modal/demo.css

@@ -0,0 +1,3 @@
+.modal-demo-without-content-spacing .arco-modal-content {
+  padding: 0;
+}

package/dist/Modal/index.d.ts

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

package/dist/Modal/index.js

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

package/dist/Modal/index.less

@@ -0,0 +1,7 @@
+.arco-modal {
+  .arco-modal-header {
+    .arco-modal-title {
+      text-align: left;
+    }
+  }
+}

package/dist/Modal/interface.d.ts

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

package/dist/Modal/interface.js

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

package/dist/Notification/index.d.ts

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

package/dist/Notification/index.js

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

package/dist/Notification/interface.d.ts

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

package/dist/Notification/interface.js

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

package/dist/PageHeader/index.d.ts

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

package/dist/PageHeader/index.js

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

package/dist/PageHeader/interface.d.ts

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

package/dist/PageHeader/interface.js

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

package/dist/Pagination/index.d.ts

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

package/dist/Pagination/index.js

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

package/dist/Pagination/interface.d.ts

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

package/dist/Pagination/interface.js

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

package/dist/Popconfirm/index.d.ts

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