@easyv/react-components 0.0.1

package/dist/Popconfirm/index.js

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

package/dist/Popconfirm/interface.d.ts

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

package/dist/Popconfirm/interface.js

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

package/dist/Popover/index.d.ts

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

package/dist/Popover/index.js

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

package/dist/Popover/interface.d.ts

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

package/dist/Popover/interface.js

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

package/dist/Progress/index.d.ts

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

package/dist/Progress/index.js

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

package/dist/Progress/interface.d.ts

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

package/dist/Progress/interface.js

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

package/dist/Radio/demo.css

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

package/dist/Radio/index.d.ts

@@ -0,0 +1,9 @@
+import { RadioProps, RadioGroupProps } from './interface';
+import './index.less';
+declare function XRadio(props: RadioProps): import("react/jsx-runtime").JSX.Element;
+declare namespace XRadio {
+    var Group: typeof XRadioGroup;
+}
+export default XRadio;
+declare function XRadioGroup({ buttonStyle, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export type * from './interface';

package/dist/Radio/index.js

@@ -0,0 +1,26 @@
+var _excluded = ["buttonStyle"];
+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 _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; }
+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 from 'react';
+import { Radio } from '@arco-design/web-react';
+import classNames from 'classnames';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function XRadio(props) {
+  return /*#__PURE__*/_jsx(Radio, _objectSpread({}, props));
+}
+function XRadioGroup(_ref) {
+  var _ref$buttonStyle = _ref.buttonStyle,
+    buttonStyle = _ref$buttonStyle === void 0 ? 'transparent' : _ref$buttonStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Radio.Group, _objectSpread({
+    className: classNames(props.className, "arco-radio-button-".concat(buttonStyle))
+  }, props));
+}
+XRadio.Group = XRadioGroup;

package/dist/Radio/index.less

@@ -0,0 +1,103 @@
+.arco-radio-group {
+  label {
+    &.arco-radio-button {
+      position: relative;
+      font-weight: normal;
+      border-width: 1px;
+      border-style: solid;
+      border-block-start-width: 1.02px;
+      border-inline-start-width: 0;
+      border-inline-end-width: 1px;
+      border-color: var(--color-border-4);
+      margin: 0;
+
+      &::after {
+        background-color: transparent;
+      }
+
+      &::before {
+        background-color: transparent;
+      }
+
+      border-radius: 0;
+
+      &:first-child {
+        border-inline-start-width: 1px;
+      }
+
+      &.arco-radio-checked {
+        z-index: 1;
+        color: rgb(var(--primary-6));
+        border-color: rgb(var(--primary-6));
+
+        &::before {
+          left: -1px;
+          height: 100%;
+          opacity: 1;
+          background-color: rgb(var(--primary-6));
+          transition: none;
+        }
+      }
+    }
+  }
+
+  &.arco-radio-button-solid {
+    .arco-radio-button {
+      &.arco-radio-checked {
+        color: #fff;
+        background-color: rgb(var(--primary-6));
+      }
+    }
+  }
+
+  &.arco-radio-button-semi {
+    .arco-radio-button {
+      &.arco-radio-checked {
+        background-color: var(--color-primary-light-1);
+      }
+    }
+  }
+
+  &.arco-radio-size-default,
+  &.arco-radio-size-small {
+    .arco-radio-button {
+      &:first-child {
+        border-start-start-radius: var(--border-radius-medium);
+        border-end-start-radius: var(--border-radius-medium);
+      }
+
+      &:last-child {
+        border-start-end-radius: var(--border-radius-medium);
+        border-end-end-radius: var(--border-radius-medium);
+      }
+    }
+  }
+
+  &.arco-radio-size-mini {
+    .arco-radio-button {
+      &:first-child {
+        border-start-start-radius: var(--border-radius-small);
+        border-end-start-radius: var(--border-radius-small);
+      }
+
+      &:last-child {
+        border-start-end-radius: var(--border-radius-small);
+        border-end-end-radius: var(--border-radius-small);
+      }
+    }
+  }
+
+  &.arco-radio-size-large {
+    .arco-radio-button {
+      &:first-child {
+        border-start-start-radius: var(--border-radius-large);
+        border-end-start-radius: var(--border-radius-large);
+      }
+
+      &:last-child {
+        border-start-end-radius: var(--border-radius-large);
+        border-end-end-radius: var(--border-radius-large);
+      }
+    }
+  }
+}

package/dist/Radio/interface.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import type { RadioProps, RadioGroupProps } from '@arco-design/web-react';
+interface XRadioGroupProps extends PropsWithChildren<RadioGroupProps> {
+    buttonStyle?: 'solid' | 'semi' | 'transparent';
+}
+export type { RadioProps, XRadioGroupProps as RadioGroupProps };

package/dist/Radio/interface.js

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

package/dist/Rate/index.d.ts

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

package/dist/Rate/index.js

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

package/dist/Rate/interface.d.ts

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

package/dist/Rate/interface.js

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

package/dist/ResizeBox/demo.css

@@ -0,0 +1,69 @@
+.resizebox-demo-custom-trigger {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--color-bg-2);
+}
+
+.resizebox-demo-custom-trigger::before,
+.resizebox-demo-custom-trigger::after {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border: 1px solid rgb(var(--arcoblue-6));
+}
+
+.resizebox-demo-custom-trigger-line {
+  background-color: rgb(var(--arcoblue-6));
+  flex: 1;
+}
+
+.resizebox-demo-custom-trigger-vertical {
+  flex-direction: column;
+}
+
+.resizebox-demo-custom-trigger-vertical .resizebox-demo-custom-trigger-line {
+  width: 1px;
+  height: 100%;
+}
+
+.resizebox-demo-custom-trigger-horizontal .resizebox-demo-custom-trigger-line {
+  width: 100%;
+  height: 1px;
+}
+
+.resizebox-split-group-demo {
+  border: 1px solid var(--color-neutral-4);
+  height: 400px;
+}
+
+.resizebox-split-group-demo-content {
+  text-align: center;
+  padding: 20px 0;
+  min-width: 130px;
+  overflow-x: auto;
+}
+
+.resizebox-split-group-demo-trigger {
+  background-color: rgba(var(--arcoblue-6), 0.9);
+  height: 100%;
+  width: 12px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.resizebox-split-group-demo-trigger .arco-resizebox-trigger-icon {
+  color: #fff;
+}
+
+.resizebox-split-group-demo-horizontal {
+  height: 100%;
+}
+
+.resizebox-split-group-demo-vertical {
+  height: 237px;
+}

package/dist/ResizeBox/index.d.ts

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

package/dist/ResizeBox/index.js

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

package/dist/ResizeBox/interface.d.ts

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

package/dist/ResizeBox/interface.js

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

package/dist/Result/index.d.ts

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

package/dist/Result/index.js

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

package/dist/Result/interface.d.ts

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

package/dist/Result/interface.js

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

package/dist/Select/demo.css

@@ -0,0 +1,16 @@
+.trigger-element {
+  padding: 0 12px;
+  cursor: pointer;
+}
+
+.trigger-element:hover {
+  background-color: var(--color-fill-2);
+}
+
+.trigger-element:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary-light-3);
+}
+
+.select-demo-hide-option-checkbox .arco-checkbox {
+  display: none;
+}

package/dist/Select/index.d.ts

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

package/dist/Select/index.js

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

package/dist/Select/index.less

@@ -0,0 +1,72 @@
+div.arco-select {
+  &:not(.arco-select-disabled) {
+    .arco-select-view {
+      background-color: transparent;
+    }
+  }
+
+  .arco-select-view {
+    border-color: var(--color-border-2);
+
+    &:hover,
+    &:active {
+      border-color: rgb(var(--primary-6));
+    }
+  }
+
+  &.arco-select-disabled:hover {
+    .arco-select-view {
+      border-color: var(--color-border-2);
+    }
+  }
+
+  &.arco-select-error {
+    .arco-select-view {
+      border-color: var(--color-danger-light-4);
+
+      &:hover {
+        border-color: var(--color-danger-light-3);
+      }
+    }
+  }
+
+  &.arco-select-warning {
+    .arco-select-view {
+      border-color: var(--color-warning-light-4);
+
+      &:hover {
+        border-color: var(--color-warning-light-3);
+      }
+    }
+  }
+
+  &.arco-select-size-large {
+    .arco-select-view {
+      border-radius: var(--border-radius-large);
+    }
+  }
+
+  &.arco-select-size-default {
+    .arco-select-view {
+      border-radius: var(--border-radius-medium);
+    }
+  }
+
+  &.arco-select-size-small {
+    .arco-select-view {
+      border-radius: var(--border-radius-medium);
+    }
+  }
+
+  &.arco-select-size-mini {
+    .arco-select-view {
+      border-radius: var(--border-radius-small);
+    }
+  }
+
+  .arco-input-tag {
+    .arco-input-tag-tag {
+      background-color: var(--color-fill-2);
+    }
+  }
+}

package/dist/Select/interface.d.ts

@@ -0,0 +1,2 @@
+export type { SelectProps, SelectOptionProps, SelectOptionGroupProps, } from '@arco-design/web-react';
+export type { SelectHandle } from '@arco-design/web-react/es/Select/interface';

package/dist/Select/interface.js

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

package/dist/Skeleton/index.d.ts

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

package/dist/Skeleton/index.js

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

package/dist/Skeleton/interface.d.ts

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

package/dist/Skeleton/interface.js

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

package/dist/Slider/index.d.ts

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

package/dist/Slider/index.js

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

package/dist/Slider/interface.d.ts

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

package/dist/Slider/interface.js

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

package/dist/Space/index.d.ts

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

package/dist/Space/index.js

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

package/dist/Space/interface.d.ts

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

package/dist/Space/interface.js

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

package/dist/Spin/index.d.ts

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

package/dist/Spin/index.js

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

package/dist/Spin/interface.d.ts

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

package/dist/Spin/interface.js

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

package/dist/Statistic/index.d.ts

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

package/dist/Statistic/index.js

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

package/dist/Statistic/interface.d.ts

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

package/dist/Statistic/interface.js

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

package/dist/Steps/index.d.ts

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

package/dist/Steps/index.js

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

package/dist/Steps/interface.d.ts

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

package/dist/Steps/interface.js

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

package/dist/Switch/index.d.ts

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

package/dist/Switch/index.js

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