yootd 0.0.1

package/dist/image/index.js

@@ -0,0 +1,95 @@
+var _excluded = ["width", "height"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 { Image as AntImage } from 'antd';
+import React, { useEffect, useMemo, useState } from 'react';
+import defaultImg from "./assets/default.png";
+import errorImg from "./assets/error.png";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+var ImageComponent = function ImageComponent(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('image');
+  var src = props.src,
+    onError = props.onError;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    preview = _useState2[0],
+    setPreview = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalSrc = _useState4[0],
+    setInternalSrc = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    imgWidth = _useState6[0],
+    setImgWidth = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    imgHeight = _useState8[0],
+    setImgHeight = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    imgError = _useState10[0],
+    setImgError = _useState10[1];
+
+  // 监听src变化
+  useEffect(function () {
+    if (src != null && src.length !== 0) {
+      setInternalSrc(src);
+    }
+  }, [src]);
+  useEffect(function () {
+    setInternalSrc(src);
+  }, [src]);
+  useEffect(function () {
+    if (src != null && src.length !== 0) {
+      setPreview(props.preview);
+    } else {
+      setInternalSrc(defaultImg);
+    }
+  }, [src, props.preview]);
+  var handleError = function handleError(e) {
+    setInternalSrc(errorImg);
+    setPreview(false);
+    setImgError(true);
+    onError === null || onError === void 0 || onError(e);
+  };
+  var passSize = useMemo(function () {
+    return src != null && src.length !== 0 && !imgError;
+  }, [src, imgError]);
+  useEffect(function () {
+    if (width != null) {
+      setImgWidth(width);
+    }
+    if (height != null) {
+      setImgHeight(height);
+    }
+  }, [width, height]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: imgWidth,
+      height: imgHeight
+    },
+    className: preview ? '' : "".concat(mb.b('content'))
+  }, /*#__PURE__*/React.createElement(AntImage, _extends({
+    className: "".concat(mb.b('img'))
+  }, props, {
+    width: passSize ? imgWidth : undefined,
+    height: passSize ? imgHeight : undefined,
+    preview: preview,
+    src: internalSrc,
+    onError: handleError
+  })));
+};
+export var Image = ImageComponent;
+Image.PreviewGroup = AntImage.PreviewGroup;

package/dist/image/index.scss

@@ -0,0 +1,27 @@
+.yot-image {
+    &-content {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #f5f5f5;
+        border-radius: 4px;
+        position: relative;
+
+        .ant-image-mask-info {
+            display: none;
+        }
+
+        .ant-image-mask::after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            background-image: url('./assets/eye.png');
+            background-repeat: no-repeat;
+            background-size: cover;
+            width: 16px;
+            height: 16px;
+            transform: translate(-50%, -50%);
+        }
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,156 @@
+export { Anchor } from './anchor';
+export type { AnchorProps } from './anchor';
+export { Aside } from './aside';
+export type { AsideProps } from './aside/types/types';
+export { AutoComplete } from './auto-complete';
+export type { AutoCompleteProps } from './auto-complete';
+export { Areas } from './areas';
+export { Breadcrumb } from './breadcrumb';
+export type { BreadcrumbProps } from './breadcrumb';
+export { Button } from './button';
+export type { ButtonProps } from './button';
+export { Cascader } from './cascader';
+export type { CascaderProps } from './cascader';
+export { Divider } from './divider';
+export type { DividerProps } from './divider';
+export { Dropdown } from './dropdown';
+export type { DropdownProps } from './dropdown';
+export { Flex } from './flex';
+export type { FlexProps } from './flex';
+export { FloatButton } from './float-button';
+export type { FloatButtonProps } from './float-button';
+export { GroupTitle } from './group-title';
+export type { GroupTitleProps } from './group-title';
+export { Col, Row } from './grid';
+export type { ColProps, RowProps } from './grid';
+export { Layout } from './layout';
+export type { LayoutProps } from './layout';
+export { Menu } from './menu';
+export type { MenuProps } from './menu';
+export { Pagination } from './pagination';
+export type { PaginationProps } from './pagination';
+export { Space } from './space';
+export type { SpaceProps } from './space';
+export { Splitter } from './splitter';
+export type { SplitterProps } from './splitter';
+export { TimePicker } from './time-picker';
+export type { TimePickerProps } from './time-picker';
+export { Upload } from './upload';
+export type { UploadProps } from './upload';
+export { Avatar } from './avatar';
+export type { AvatarProps } from './avatar';
+export { BadgeComponent as Badge } from './badge';
+export type { BadgeProps } from './badge';
+export { TreeSelect } from './tree-select';
+export type { TreeSelectProps } from './tree-select';
+export { Transfer } from './transfer';
+export type { TransferProps } from './transfer';
+export { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export { Steps } from './steps';
+export type { StepsProps } from './steps';
+export { ApprovalProcess } from './approval-process';
+export { State } from './state';
+export type { StateProps } from './state';
+export { BusinessTree } from './business-tree';
+export { Table } from './table';
+export type { ColumnGroupProps, ColumnProps, TableProps } from './table';
+export { Typography } from './typography';
+export type { TypographyProps } from './typography';
+export { DatePicker } from './date-picker';
+export type { DatePickerProps } from './date-picker';
+export { Form } from './form';
+export type { FormProps } from './form';
+export { Mentions } from './mentions';
+export type { MentionsProps } from './mentions';
+export { Radio } from './radio';
+export type { RadioProps } from './radio';
+export { Select } from './select';
+export type { SelectProps } from './select';
+export { Rate } from './rate';
+export type { RateProps } from './rate';
+export { InputNumber } from './input-number';
+export type { InputNumberProps } from './input-number';
+export { Slider } from './slider';
+export { School } from './school';
+export { ColorPicker } from './color-picker';
+export type { ColorPickerProps } from './color-picker';
+export { Descriptions } from './description';
+export type { DescriptionsProps } from './description';
+export { Checkbox } from './checkbox';
+export type { CheckboxProps } from './checkbox';
+export { Input } from './input';
+export type { InputProps } from './input';
+export { Calendar } from './calendar';
+export type { CalendarProps } from './calendar';
+export { Card } from './card';
+export type { CardProps } from './card';
+export { Collapse } from './collapse';
+export type { CollapseProps } from './collapse';
+export { Carousel } from './carousel';
+export type { CarouselProps } from './carousel';
+export { Dictionary } from './dictionary';
+export { DateInterval } from './date-interval';
+export { DrawerModal } from './drawer-modal';
+export { Empty } from './empty';
+export type { EmptyProps } from './empty';
+export { List } from './list';
+export type { ListProps } from './list';
+export { Image } from './image';
+export type { ImageProps } from './image';
+export { Popover } from './popover';
+export type { PopoverProps } from './popover';
+export { QRCode } from './qrcode';
+export type { QRCodeProps } from './qrcode';
+export { Statistic } from './statistic';
+export type { StatisticProps } from './statistic';
+export { Tabs } from './tabs';
+export type { TabsProps } from './tabs';
+export { Segmented } from './segmented';
+export type { SegmentedProps } from './segmented';
+export { Tag } from './tag';
+export type { TagProps } from './tag';
+export { Timeline } from './timeline';
+export type { TimelineProps } from './timeline';
+export { Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip';
+export { Tour } from './tour';
+export type { TourProps } from './tour';
+export { Tree } from './tree';
+export type { TreeProps } from './tree';
+export { Alert } from './alert';
+export type { AlertProps } from './alert';
+export { Drawer } from './drawer';
+export type { DrawerProps } from './drawer';
+export { message } from './message';
+export { Modal } from './modal';
+export type { ModalProps } from './modal';
+export { notification } from './notification';
+export { Popconfirm } from './pop-confirm';
+export type { PopconfirmProps } from './pop-confirm';
+export { Progress } from './progress';
+export type { ProgressProps } from './progress';
+export { Preview } from './Preview';
+export { Result } from './result';
+export type { ResultProps } from './result';
+export { Skeleton } from './skeleton';
+export type { SkeletonProps } from './skeleton';
+export { Spin } from './spin';
+export type { SpinProps } from './spin';
+export { Watermark } from './watermark';
+export type { WatermarkProps } from './watermark';
+export { Affix } from './affix';
+export type { AffixProps } from './affix';
+export { App } from './app';
+export type { AppProps } from './app';
+export { YearTerm } from './year-term';
+export { YearOptions } from './year-options';
+export { DateRange } from './date-range';
+export { Teacher } from './teacher';
+export type { TeacherProps } from './teacher/types/types';
+export { UserDropdown } from './user-dropdown';
+export type { UserDropdownProps } from './user-dropdown/types/types';
+export { ConfigProvider } from './config-provider';
+export type { ConfigProviderProps } from './config-provider';
+export { Zone } from './zones';
+export type { GetProp, GetProps, GetRef } from './utils/utils';

package/dist/index.js

@@ -0,0 +1,85 @@
+export { Anchor } from "./anchor";
+export { Aside } from "./aside";
+export { AutoComplete } from "./auto-complete";
+export { Areas } from "./areas";
+export { Breadcrumb } from "./breadcrumb";
+export { Button } from "./button";
+export { Cascader } from "./cascader";
+export { Divider } from "./divider";
+export { Dropdown } from "./dropdown";
+export { Flex } from "./flex";
+export { FloatButton } from "./float-button";
+export { GroupTitle } from "./group-title";
+export { Col, Row } from "./grid";
+export { Layout } from "./layout";
+export { Menu } from "./menu";
+export { Pagination } from "./pagination";
+export { Space } from "./space";
+export { Splitter } from "./splitter";
+export { TimePicker } from "./time-picker";
+export { Upload } from "./upload";
+export { Avatar } from "./avatar";
+export { BadgeComponent as Badge } from "./badge";
+export { TreeSelect } from "./tree-select";
+export { Transfer } from "./transfer";
+export { Switch } from "./switch";
+export { Steps } from "./steps";
+export { ApprovalProcess } from "./approval-process";
+export { State } from "./state";
+export { BusinessTree } from "./business-tree";
+export { Table } from "./table";
+export { Typography } from "./typography";
+export { DatePicker } from "./date-picker";
+export { Form } from "./form";
+export { Mentions } from "./mentions";
+export { Radio } from "./radio";
+export { Select } from "./select";
+export { Rate } from "./rate";
+export { InputNumber } from "./input-number";
+export { Slider } from "./slider";
+export { School } from "./school";
+export { ColorPicker } from "./color-picker";
+export { Descriptions } from "./description";
+export { Checkbox } from "./checkbox";
+export { Input } from "./input";
+export { Calendar } from "./calendar";
+export { Card } from "./card";
+export { Collapse } from "./collapse";
+export { Carousel } from "./carousel";
+export { Dictionary } from "./dictionary";
+export { DateInterval } from "./date-interval";
+export { DrawerModal } from "./drawer-modal";
+export { Empty } from "./empty";
+export { List } from "./list";
+export { Image } from "./image";
+export { Popover } from "./popover";
+export { QRCode } from "./qrcode";
+export { Statistic } from "./statistic";
+export { Tabs } from "./tabs";
+export { Segmented } from "./segmented";
+export { Tag } from "./tag";
+export { Timeline } from "./timeline";
+export { Tooltip } from "./tooltip";
+export { Tour } from "./tour";
+export { Tree } from "./tree";
+export { Alert } from "./alert";
+export { Drawer } from "./drawer";
+export { message } from "./message";
+export { Modal } from "./modal";
+export { notification } from "./notification";
+export { Popconfirm } from "./pop-confirm";
+export { Progress } from "./progress";
+export { Preview } from "./Preview";
+export { Result } from "./result";
+export { Skeleton } from "./skeleton";
+export { Spin } from "./spin";
+export { Watermark } from "./watermark";
+export { Affix } from "./affix";
+export { App } from "./app";
+export { YearTerm } from "./year-term";
+export { YearOptions } from "./year-options";
+export { DateRange } from "./date-range";
+export { Teacher } from "./teacher";
+export { UserDropdown } from "./user-dropdown";
+export { ConfigProvider } from "./config-provider";
+export { Zone } from "./zones";

package/dist/input/index.d.ts

@@ -0,0 +1,10 @@
+import type { InputProps as AntInputProps, InputRef as AntInputRef } from 'antd';
+import { Input as AntInput } from 'antd';
+import React from 'react';
+import './index.scss';
+export type InputProps = AntInputProps;
+export type { InputFocusOptions, InputRef, triggerFocus, } from 'antd/es/input/Input';
+type AntInputType = typeof AntInput;
+declare const InternalInput: React.ForwardRefExoticComponent<AntInputProps & React.RefAttributes<AntInputRef>>;
+type CompoundedComponent = typeof InternalInput & Pick<AntInputType, 'Group' | 'Search' | 'TextArea' | 'Password' | 'OTP'>;
+export declare const Input: CompoundedComponent;

package/dist/input/index.js

@@ -0,0 +1,24 @@
+var _excluded = ["className"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { Input as AntInput } from 'antd';
+import React, { forwardRef } from 'react';
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+var InternalInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('input');
+  return /*#__PURE__*/React.createElement(AntInput, _extends({
+    className: "".concat(mb, " ").concat(className !== null && className !== void 0 ? className : '')
+  }, rest, {
+    ref: ref
+  }));
+});
+export var Input = InternalInput;
+Input.Search = AntInput.Search;
+Input.Group = AntInput.Group;
+Input.TextArea = AntInput.TextArea;
+Input.Password = AntInput.Password;
+Input.OTP = AntInput.OTP;

package/dist/input/index.scss

@@ -0,0 +1,5 @@
+.yot-input {
+  height: 32px;
+  padding-left: var(--ant-padding-sm);
+  padding-right: var(--ant-padding-sm);
+}

package/dist/input-number/index.d.ts

@@ -0,0 +1,3 @@
+import { InputNumber as AntInputNumber } from 'antd';
+export type { InputNumberProps } from 'antd/es/input-number';
+export declare const InputNumber: typeof AntInputNumber;

package/dist/input-number/index.js

@@ -0,0 +1,2 @@
+import { InputNumber as AntInputNumber } from 'antd';
+export var InputNumber = AntInputNumber;

package/dist/layout/index.d.ts

@@ -0,0 +1,6 @@
+import type { LayoutProps as AntLayoutProps } from 'antd';
+import { Layout as AntLayout } from 'antd';
+export type LayoutProps = AntLayoutProps;
+type LayoutType = typeof AntLayout;
+export declare const Layout: LayoutType;
+export {};

package/dist/layout/index.js

@@ -0,0 +1,2 @@
+import { Layout as AntLayout } from 'antd';
+export var Layout = AntLayout;

package/dist/list/index.d.ts

@@ -0,0 +1,3 @@
+import { List as AntList } from 'antd';
+export type { ColumnCount, ColumnType, ListConsumerProps, ListGridType, ListItemLayout, ListItemMetaProps, ListItemProps, ListLocale, ListProps, ListSize, } from 'antd/es/list';
+export declare const List: typeof AntList;

package/dist/list/index.js

@@ -0,0 +1,2 @@
+import { List as AntList } from 'antd';
+export var List = AntList;

package/dist/mentions/index.d.ts

@@ -0,0 +1,3 @@
+import { Mentions as AntMentions } from 'antd';
+export type { MentionPlacement, MentionProps, MentionsOptionProps, MentionsProps, MentionsRef, Option, OptionProps, } from 'antd/es/mentions';
+export declare const Mentions: typeof AntMentions;

package/dist/mentions/index.js

@@ -0,0 +1,2 @@
+import { Mentions as AntMentions } from 'antd';
+export var Mentions = AntMentions;

package/dist/menu/index.d.ts

@@ -0,0 +1,9 @@
+import type { MenuProps as AntMenuProps } from 'antd';
+import { Menu as AntMenu } from 'antd';
+import React from 'react';
+export type MenuProps = AntMenuProps;
+type AntMenuType = typeof AntMenu;
+export type MenuType = typeof MenuComponent & Pick<AntMenuType, 'Item' | 'Divider' | 'ItemGroup' | 'SubMenu'>;
+declare const MenuComponent: React.FC<MenuProps>;
+export declare const Menu: MenuType;
+export {};

package/dist/menu/index.js

@@ -0,0 +1,12 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { Menu as AntMenu } from 'antd';
+import React from 'react';
+var MenuComponent = function MenuComponent(_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(AntMenu, rest);
+};
+export var Menu = MenuComponent;
+Menu.Item = AntMenu.Item;
+Menu.Divider = AntMenu.Divider;
+Menu.ItemGroup = AntMenu.ItemGroup;
+Menu.SubMenu = AntMenu.SubMenu;

package/dist/message/index.d.ts

@@ -0,0 +1,3 @@
+import { message as antMessage } from 'antd';
+export type { ArgsProps } from 'antd/es/message';
+export declare const message: typeof antMessage;

package/dist/message/index.js

@@ -0,0 +1,2 @@
+import { message as antMessage } from 'antd';
+export var message = antMessage;

package/dist/modal/components/header-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ISvgIconProps } from "../../utils/types";
+export declare const HeaderIcon: FC<ISvgIconProps>;

package/dist/modal/components/header-icon.js

@@ -0,0 +1,46 @@
+import React from 'react';
+export var HeaderIcon = function HeaderIcon(_ref) {
+  var style = _ref.style,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "265",
+    height: "56",
+    viewBox: "0 0 265 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: style,
+    className: "".concat(className !== null && className !== void 0 ? className : '')
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group 5001"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Union",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24 12.6452C24 12.7638 23.9984 12.8821 23.9954 13H0.00463351C0.00155124 12.8821 0 12.7638 0 12.6452C0 5.66143 5.37258 0 12 0H253C259.627 0 265 5.66143 265 12.6452C265 12.7638 264.998 12.8821 264.995 13H241.005C241.002 12.8821 241 12.7638 241 12.6452V44C241 50.6274 235.627 56 229 56H36C29.3726 56 24 50.6274 24 44V12.6452Z",
+    fill: "url(#paint0_linear_589_9609)"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Subtract",
+    className: "path-1",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M263.955 13C263.985 12.6706 264 12.3371 264 12C264 5.92487 259.075 1 253 1C246.925 1 242 5.92487 242 12C242 12.3371 242.015 12.6706 242.045 13H263.955Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Subtract_2",
+    className: "path-2",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.9552 13C22.9848 12.6706 23 12.3371 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 12.3371 1.01516 12.6706 1.04484 13H22.9552Z"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint0_linear_589_9609",
+    x1: "132.5",
+    y1: "0",
+    x2: "132.5",
+    y2: "56",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    className: "stop-color-1"
+  }), /*#__PURE__*/React.createElement("stop", {
+    className: "stop-color-2",
+    offset: "1"
+  }))));
+};

package/dist/modal/index.d.ts

@@ -0,0 +1,10 @@
+import { Modal as AntModal, ModalProps } from 'antd';
+import { ModalStaticFunctions } from 'antd/es/modal/confirm';
+import React from 'react';
+import './index.scss';
+export type { ModalFuncProps, ModalLocale } from 'antd/es/modal';
+export type { ModalProps };
+type AntModalType = typeof AntModal;
+type ModalType = typeof ModalComponent & ModalStaticFunctions & Pick<AntModalType, 'useModal' | 'destroyAll' | 'config' | '_InternalPanelDoNotUseOrYouWillBeFired'>;
+declare const ModalComponent: React.FC<ModalProps>;
+export declare const Modal: ModalType;

package/dist/modal/index.js

@@ -0,0 +1,41 @@
+var _excluded = ["className", "children", "title"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { Modal as AntModal } from 'antd';
+import React from 'react';
+import { HeaderIcon } from "./components/header-icon";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+var ModalComponent = function ModalComponent(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    title = _ref.title,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // modal block
+  var mb = useBem('modal');
+
+  // title content block
+  var tcb = mb.b('title').b('content');
+  return /*#__PURE__*/React.createElement(AntModal, _extends({}, rest, {
+    className: "".concat(mb, " ").concat(className !== null && className !== void 0 ? className : ''),
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(tcb)
+    }, /*#__PURE__*/React.createElement(HeaderIcon, {
+      className: "".concat(tcb.e('icon'))
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(tcb.e('body'))
+    }, title))
+  }), children);
+};
+export var Modal = ModalComponent;
+Modal.useModal = AntModal.useModal;
+Modal.info = AntModal.info;
+Modal.success = AntModal.success;
+Modal.error = AntModal.error;
+Modal.warning = AntModal.warning;
+Modal.warn = AntModal.warn;
+Modal.confirm = AntModal.confirm;
+Modal.destroyAll = AntModal.destroyAll;
+Modal.config = AntModal.config;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = AntModal._InternalPanelDoNotUseOrYouWillBeFired;

package/dist/modal/index.scss

@@ -0,0 +1,65 @@
+.yot-modal {
+  padding-top: 13px;
+  position: relative;
+  max-width: calc(2 / 3 * 100vw) !important;
+
+  & > div:first-child {
+    box-sizing: border-box;
+    padding: 4px;
+    background: linear-gradient(180deg, #3a8cff 0%, #c4ddff 100%);
+    border-radius: 24px;
+  }
+
+  .ant-modal-header {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: -13px;
+    background-color: transparent;
+  }
+
+  .ant-modal-content {
+    padding: var(--ant-margin-xl);
+    padding-top: 71px;
+    border-radius: 24px;
+  }
+
+  .ant-modal-body {
+    max-height: 529px;
+    overflow-y: auto;
+  }
+
+  .ant-modal-footer {
+    margin-top: 40px;
+  }
+
+  &-title {
+    &-content {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      &__body {
+        position: absolute;
+        color: var(--ant-color-bg-base);
+        font-size: var(--ant-font-size-heading-3);
+      }
+
+      &__icon {
+        .path-1 {
+          fill: var(--yot-modal-color-tertiary);
+        }
+        .path-2 {
+          fill: var(--yot-modal-color-tertiary);
+        }
+        .stop-color-1 {
+          stop-color: var(--yot-modal-color-secondary);
+        }
+        .stop-color-2 {
+          stop-color: var(--yot-modal-color-primary);
+        }
+      }
+    }
+  }
+}