@easyv/react-components 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) xiaoyaoliu@dtstack.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+# @easyv/react-components
+
+[![NPM version](https://img.shields.io/npm/v/@easyv/react-components.svg?style=flat)](https://npmjs.org/package/@easyv/react-components)
+[![NPM downloads](http://img.shields.io/npm/dm/@easyv/react-components.svg?style=flat)](https://npmjs.org/package/@easyv/react-components)
+
+a react component library base on arco design
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ pnpm install
+
+# develop library by docs demo
+$ pnpm start
+
+# build library source code
+$ pnpm run build
+
+# build library source code in watch mode
+$ pnpm run build:watch
+
+# build docs
+$ pnpm run docs:build
+
+# check your project for potential problems
+$ pnpm run doctor
+```
+
+## Buglist
+
+- radius 没有应用四种尺寸
+- select 下的 tag 颜色没有应用对
+- input disabled background-color 优先级问题
+- radio 中心点的样式 为 color-white 暗色模式下 为透明色，应该为白色，文档中为 hsla(0,0%,100%,0.9)，实际配置 rgba(255,255,255,0)
+- input 聚焦的输入框圆角问题
+
+## LICENSE
+
+MIT

package/dist/Affix/index.d.ts

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

package/dist/Affix/index.js

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

package/dist/Affix/interface.d.ts

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

package/dist/Affix/interface.js

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

package/dist/Alert/index.d.ts

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

package/dist/Alert/index.js

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

package/dist/Alert/interface.d.ts

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

package/dist/Alert/interface.js

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

package/dist/Anchor/index.d.ts

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

package/dist/Anchor/index.js

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

package/dist/Anchor/interface.d.ts

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

package/dist/Anchor/interface.js

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

package/dist/AutoComplete/index.d.ts

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

package/dist/AutoComplete/index.js

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

package/dist/AutoComplete/interface.d.ts

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

package/dist/AutoComplete/interface.js

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

package/dist/Avatar/index.d.ts

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

package/dist/Avatar/index.js

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

package/dist/Avatar/interface.d.ts

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

package/dist/Avatar/interface.js

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

package/dist/BackTop/demo.css

@@ -0,0 +1,22 @@
+.custom-backtop {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  background: var(--color-fill-2);
+  border: 1px solid var(--color-border);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+  text-align: center;
+  font-weight: 800;
+  font-size: 12px;
+  color: #86909c;
+  transition: all 0.1s ease;
+}
+
+.custom-backtop:hover {
+  background: var(--color-fill-3);
+}
+
+.custom-backtop:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}

package/dist/BackTop/index.d.ts

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

package/dist/BackTop/index.js

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

package/dist/BackTop/interface.d.ts

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

package/dist/BackTop/interface.js

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

package/dist/Badge/index.d.ts

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

package/dist/Badge/index.js

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

package/dist/Badge/interface.d.ts

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

package/dist/Badge/interface.js

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

package/dist/Breadcrumb/index.d.ts

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

package/dist/Breadcrumb/index.js

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

package/dist/Breadcrumb/interface.d.ts

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

package/dist/Breadcrumb/interface.js

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

package/dist/Button/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ButtonProps, ButtonGroupProps } from './interface';
+import './index.less';
+interface XButtonProps extends Omit<ButtonProps, 'type'> {
+    type?: 'link' | ButtonProps['type'];
+}
+declare function XButton({ type, className, ...restProps }: XButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace XButton {
+    var Group: import("react").ForwardRefExoticComponent<ButtonGroupProps & import("react").RefAttributes<unknown>>;
+}
+export { XButtonProps as ButtonProps, ButtonGroupProps };
+export default XButton;

package/dist/Button/index.js

@@ -0,0 +1,27 @@
+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); }
+var _excluded = ["type", "className"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Button } from '@arco-design/web-react';
+import classNames from 'classnames';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+function XButton(_ref) {
+  var type = _ref.type,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var isLink = type === 'link';
+  return /*#__PURE__*/_jsx(Button, _objectSpread({
+    className: classNames(className, {
+      'arco-btn-link': isLink
+    }),
+    type: isLink ? 'text' : type
+  }, restProps));
+}
+XButton.Group = Button.Group;
+export default XButton;

package/dist/Button/index.less

@@ -0,0 +1,33 @@
+.arco-btn {
+  &.arco-btn-link {
+    color: rgb(var(--primary-6));
+
+    &:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
+      color: rgb(var(--primary-5));
+    }
+
+    &:not(.arco-btn-disabled):not(.arco-btn-loading):active {
+      color: rgb(var(--primary-7));
+    }
+
+    &.arco-btn-disabled {
+      color: rgb(var(--primary-3));
+
+      &:hover {
+        color: rgb(var(--primary-3));
+      }
+
+      &:active {
+        color: rgb(var(--primary-3));
+      }
+    }
+  }
+
+  span:has(svg) {
+    vertical-align: -2px;
+  }
+
+  span:has(svg) + span {
+    margin-left: 8px;
+  }
+}

package/dist/Button/interface.d.ts

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

package/dist/Button/interface.js

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

package/dist/Calendar/index.d.ts

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

package/dist/Calendar/index.js

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

package/dist/Calendar/interface.d.ts

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

package/dist/Calendar/interface.js

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

package/dist/Card/demo.css

@@ -0,0 +1,25 @@
+.card-with-icon-hover .icon-hover {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  transition: all 0.1s;
+}
+
+.card-with-icon-hover .icon-hover:hover {
+  background-color: rgb(var(--gray-2));
+}
+
+.card-demo-in-grid .arco-card-header {
+  border: none;
+}
+
+.card-custom-hover-style {
+  transition-property: all;
+}
+
+.card-custom-hover-style:hover {
+  transform: translateY(-4px);
+}

package/dist/Card/index.d.ts

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

package/dist/Card/index.js

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

package/dist/Card/interface.d.ts

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

package/dist/Card/interface.js

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

package/dist/Carousel/index.d.ts

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

package/dist/Carousel/index.js

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

package/dist/Carousel/interface.d.ts

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

package/dist/Carousel/interface.js

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

package/dist/Cascader/demo.css

@@ -0,0 +1,8 @@
+.trigger-element {
+  padding: 0 12px;
+  cursor: pointer;
+}
+
+.trigger-element:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}

package/dist/Cascader/index.d.ts

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

package/dist/Cascader/index.js

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

package/dist/Cascader/interface.d.ts

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

package/dist/Cascader/interface.js

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

package/dist/Checkbox/demo.css

@@ -0,0 +1,59 @@
+input[type='checkbox']:focus-visible + .arco-tag {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}
+
+input[type='checkbox']:focus-visible + .custom-checkbox-card {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}
+
+.custom-checkbox-card {
+  padding: 10px 16px;
+  border: 1px solid var(--color-border-2);
+  border-radius: 4px;
+  width: 250px;
+  box-sizing: border-box;
+}
+
+.custom-checkbox-card-mask {
+  height: 14px;
+  width: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 2px;
+  border: 1px solid var(--color-border-2);
+  box-sizing: border-box;
+}
+
+.custom-checkbox-card-mask-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+}
+
+.custom-checkbox-card-title {
+  color: var(--color-text-1);
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+
+.custom-checkbox-card:hover,
+.custom-checkbox-card-checked,
+.custom-checkbox-card:hover .custom-checkbox-card-mask,
+.custom-checkbox-card-checked .custom-checkbox-card-mask {
+  border-color: rgb(var(--primary-6));
+}
+
+.custom-checkbox-card-checked {
+  background-color: var(--color-primary-light-1);
+}
+
+.custom-checkbox-card:hover .custom-checkbox-card-title,
+.custom-checkbox-card-checked .custom-checkbox-card-title {
+  color: rgb(var(--primary-6));
+}
+
+.custom-checkbox-card-checked .custom-checkbox-card-mask-dot {
+  background-color: rgb(var(--primary-6));
+}

package/dist/Checkbox/index.d.ts

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

package/dist/Checkbox/index.js

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

package/dist/Checkbox/interface.d.ts

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

package/dist/Checkbox/interface.js

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

package/dist/Collapse/index.d.ts

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

package/dist/Collapse/index.js

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

package/dist/Collapse/interface.d.ts

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

package/dist/Collapse/interface.js

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

package/dist/Comment/demo.css

@@ -0,0 +1,19 @@
+.custom-comment-action {
+  padding: 0 4px;
+  line-height: 24px;
+  border-radius: 2px;
+  background: transparent;
+  transition: all 0.1s ease;
+  color: var(--color-text-1);
+  cursor: pointer;
+  display: inline-block;
+  border: none;
+}
+
+.custom-comment-action:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--color-primary-light-3);
+}
+
+.custom-comment-action:hover {
+  background: var(--color-fill-3);
+}

package/dist/Comment/index.d.ts

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

package/dist/Comment/index.js

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

package/dist/Comment/interface.d.ts

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

package/dist/Comment/interface.js

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

package/dist/ConfigProvider/demo.css

@@ -0,0 +1,3 @@
+.demo-holder-wrapper .arco-message-wrapper {
+  left: 0;
+}

package/dist/ConfigProvider/index.d.ts

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

package/dist/ConfigProvider/index.js

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

package/dist/ConfigProvider/interface.d.ts

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

package/dist/ConfigProvider/interface.js

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