yootd 0.0.1

package/dist/drawer-modal/components/CloseOutlined.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+import { ISvgIconProps } from "../../utils/types";
+interface ICloseOutlinedProps extends ISvgIconProps {
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export declare const CloseOutlined: FC<ICloseOutlinedProps>;
+export {};

package/dist/drawer-modal/components/CloseOutlined.js

@@ -0,0 +1,23 @@
+import React from 'react';
+export var CloseOutlined = function CloseOutlined(_ref) {
+  var onClick = _ref.onClick,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    onClick: onClick,
+    className: className
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "item/closeBtn"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\xE7\x8A\xB6\xE6\x80\x81=normal \xE9\xBB\x98\xE8\xAE\xA4"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Union",
+    d: "M10 11.6106L15.3893 17L17 15.3893L11.6106 10L17 4.61066L15.3893 3.00005L10 8.38939L4.61061 3L3 4.61061L8.38939 10L3 15.3894L4.61061 17L10 11.6106Z",
+    fill: "black",
+    fillOpacity: "0.65"
+  }))));
+};

package/dist/drawer-modal/index.d.ts

@@ -0,0 +1,6 @@
+import type { DrawerProps as AntDrawerProps } from 'antd';
+import { FC } from 'react';
+import './index.scss';
+import type { DrawerModalProps } from './types/types';
+export type DrawerProps = AntDrawerProps;
+export declare const DrawerModal: FC<DrawerProps & DrawerModalProps>;

package/dist/drawer-modal/index.js

@@ -0,0 +1,37 @@
+var _excluded = ["rootClassName", "onClose", "onConfirm", "extra", "footer"];
+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 { Drawer as AntDrawer } from 'antd';
+import React from 'react';
+import { Button } from "./..";
+import { CloseOutlined } from "./components/CloseOutlined";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+export var DrawerModal = function DrawerModal(_ref) {
+  var rootClassName = _ref.rootClassName,
+    onClose = _ref.onClose,
+    onConfirm = _ref.onConfirm,
+    extra = _ref.extra,
+    footer = _ref.footer,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('drawer');
+  return /*#__PURE__*/React.createElement(AntDrawer, _extends({
+    rootClassName: "".concat(rootClassName !== null && rootClassName !== void 0 ? rootClassName : '', " ").concat(mb),
+    extra: extra != null ? extra : /*#__PURE__*/React.createElement(CloseOutlined, {
+      onClick: onClose,
+      className: "".concat(mb.e('close'))
+    }),
+    onClose: onClose,
+    footer: footer != null ? footer : /*#__PURE__*/React.createElement("div", {
+      className: "".concat(mb.b('footer'))
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "".concat(mb.e('foot-close')),
+      onClick: onClose
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      className: "".concat(mb.e('foot-confirm')),
+      onClick: onConfirm
+    }, "\u786E\u5B9A"))
+  }, rest));
+};

package/dist/drawer-modal/index.scss

@@ -0,0 +1,39 @@
+.yot-drawer {
+  .ant-drawer-content-wrapper {
+    max-width: 66.67vw;
+    width: 100%;
+  }
+  .ant-drawer-header {
+    background-color: var(--ant-color-bg-layout);
+    .ant-drawer-header-title {
+      font-size: 18px;
+      font-weight: bold;
+      .ant-drawer-close {
+        display: none;
+      }
+    }
+  }
+  .ant-drawer-footer {
+    padding: 0;
+  }
+  .ant-drawer-footer & {
+    padding-left: 24px;
+    padding-right: 24px;
+    &-footer {
+      padding: 8px 16px;
+    }
+    &__foot-confirm {
+      width: 64px;
+      height: 32px;
+    }
+    &__foot-close {
+      width: 64px;
+      height: 32px;
+      background-color: var(--ant-color-bg-layout);
+      margin-right: 8px;
+    }
+  }
+  &__close {
+    cursor: pointer;
+  }
+}

package/dist/drawer-modal/types/types.d.ts

@@ -0,0 +1,3 @@
+export interface DrawerModalProps {
+  onConfirm?: () => void;
+}

package/dist/dropdown/assets/arrow-down.svg

@@ -0,0 +1,6 @@
+<svg t="1729587167155" class="icon" viewBox="0 0 1024 1024" version="1.1"
+    xmlns="http://www.w3.org/2000/svg" p-id="3741" width="20" height="20">
+    <path
+        d="M474.282667 690.176L148.053333 363.904l45.226667-45.226667 318.72 318.72 318.72-318.72 45.226667 45.226667-326.229334 326.272a53.333333 53.333333 0 0 1-75.434666 0z"
+        p-id="3742" fill="#1f1f1f"></path>
+</svg>

package/dist/dropdown/index.d.ts

@@ -0,0 +1,9 @@
+import type { DropdownProps as AntDropdownProps } from 'antd';
+import { Dropdown as AntDropdown } from 'antd';
+import React from 'react';
+export type DropdownProps = AntDropdownProps;
+type AntDropdownType = typeof AntDropdown;
+type DropdownType = typeof AntDropdown & Pick<AntDropdownType, 'Button'>;
+export declare const DropdownComponent: React.FC<DropdownProps>;
+export declare const Dropdown: DropdownType;
+export {};

package/dist/dropdown/index.js

@@ -0,0 +1,7 @@
+import { Dropdown as AntDropdown } from 'antd';
+import React from 'react';
+export var DropdownComponent = function DropdownComponent(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AntDropdown, props));
+};
+export var Dropdown = DropdownComponent;
+Dropdown.Button = AntDropdown.Button;

package/dist/empty/index.d.ts

@@ -0,0 +1,12 @@
+import type { EmptyProps as AntEmptyProps } from 'antd';
+import { Empty as AntEmpty } from 'antd';
+import { FC } from 'react';
+import './index.scss';
+export type EmptyProps = AntEmptyProps & {
+    type: 'noCollect' | 'noNews' | 'noNotice' | 'noSchedule' | 'noSearchData' | 'notFound' | 'submitFail' | 'submitSuccess';
+};
+export type { TransferLocale } from 'antd/es/empty';
+type AntEmptyType = typeof AntEmpty;
+type EmptyType = typeof EmptyComponent & Pick<AntEmptyType, 'PRESENTED_IMAGE_DEFAULT' | 'PRESENTED_IMAGE_SIMPLE'>;
+declare const EmptyComponent: FC<EmptyProps>;
+export declare const Empty: EmptyType;

package/dist/empty/index.js

@@ -0,0 +1,131 @@
+var _excluded = ["type", "description", "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 { Empty as AntEmpty } from 'antd';
+import React, { useMemo } from 'react';
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+import NotFoundPage from "./assets/404.png";
+import NoCollect from "./assets/no-collect.png";
+import NoNews from "./assets/no-news.png";
+import NoNotice from "./assets/no-notice.png";
+import NoSchedule from "./assets/no-schedule.png";
+import NoSearchDate from "./assets/no-search-data.png";
+import SubmitFail from "./assets/submit-fail.png";
+import SubmitSuccess from "./assets/submit-success.png";
+var imageMap = {
+  noCollect: NoCollect,
+  noNews: NoNews,
+  noNotice: NoNotice,
+  noSchedule: NoSchedule,
+  noSearchData: NoSearchDate,
+  notFound: NotFoundPage,
+  submitFail: SubmitFail,
+  submitSuccess: SubmitSuccess
+};
+var EmptyComponent = function EmptyComponent(_ref) {
+  var type = _ref.type,
+    description = _ref.description,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('empty');
+  var descriptionMap = useMemo(function () {
+    return {
+      emptyContent: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u76F8\u5173\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u62B1\u6B49\uFF0C\u5F53\u524D\u9875\u9762\u6682\u65E0\u76F8\u5173\u5185\u5BB9\uFF0C\u8BF7\u8FD4\u56DE\u4E0A\u4E00\u5C42")),
+      emptyData: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u6570\u636E"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u62B1\u6B49\uFF0C\u5F53\u524D\u9875\u9762\u6682\u65E0\u6570\u636E\uFF0C\u8BF7\u8FD4\u56DE\u4E0A\u4E00\u5C42")),
+      networkError: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u7F51\u7EDC\u52A0\u8F7D\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u7F51\u7EDC\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5")),
+      '404': /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "404"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u62B1\u6B49\uFF0C\u5F53\u524D\u9875\u9762\u7F51\u7EDC\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u8FD4\u56DE\u4E0A\u4E00\u5C42")),
+      imageError: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u5F53\u524D\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")),
+      noNotice: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u901A\u77E5"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u5F53\u524D\u6682\u65E0\u901A\u77E5\uFF0C\u8BF7\u8FD4\u56DE\u9996\u9875")),
+      noCollect: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u6536\u85CF"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u6682\u65E0\u6536\u85CF\uFF0C\u8BF7\u8FD4\u56DE\u9996\u9875")),
+      noSearchDate: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u641C\u7D22\u65E0\u7ED3\u679C"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u641C\u7D22\u65E0\u7ED3\u679C\uFF0C\u8BF7\u8FD4\u56DE\u91CD\u8BD5")),
+      noNews: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u6D88\u606F"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u6682\u65E0\u6D88\u606F\uFF0C\u8BF7\u8FD4\u56DE\u91CD\u8BD5")),
+      noSchedule: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u6682\u65E0\u65E5\u7A0B"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u6682\u65E0\u65E5\u7A0B\uFF0C\u8BF7\u8FD4\u56DE\u91CD\u8BD5")),
+      submitSuccess: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u63D0\u4EA4\u6210\u529F"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u63D0\u4EA4\u6210\u529F\uFF0C\u8BF7\u8FD4\u56DE\u4E0A\u4E00\u9875")),
+      submitFail: /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content'))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('title'))
+      }, "\u63D0\u4EA4\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(mb.b('description').b('content').e('text'))
+      }, "\u63D0\u4EA4\u5931\u8D25\uFF0C\u8BF7\u8FD4\u56DE\u4E0A\u4E00\u9875"))
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(AntEmpty, _extends({
+    className: "".concat(className, " ").concat(mb),
+    image: /*#__PURE__*/React.createElement("img", {
+      src: imageMap[type]
+    }),
+    description: description != null ? description : descriptionMap[type]
+  }, props));
+};
+export var Empty = EmptyComponent;
+Empty.PRESENTED_IMAGE_DEFAULT = AntEmpty.PRESENTED_IMAGE_DEFAULT;
+Empty.PRESENTED_IMAGE_SIMPLE = AntEmpty.PRESENTED_IMAGE_SIMPLE;

package/dist/empty/index.scss

@@ -0,0 +1,15 @@
+.yot-empty {
+  &-description {
+    &-content {
+      &__title {
+        font-size: 20px;
+        font-weight: bold;
+        color: var(--ant-color-text);
+      }
+      &__text {
+        font-size: 14px;
+        color: var(--ant-color-text-secondary);
+      }
+    }
+  }
+}

package/dist/flex/index.d.ts

@@ -0,0 +1,4 @@
+import type { FlexProps as AntFlexProps } from 'antd';
+import { FC } from 'react';
+export type FlexProps = AntFlexProps;
+export declare const Flex: FC<FlexProps>;

package/dist/flex/index.js

@@ -0,0 +1,5 @@
+import { Flex as AntFlex } from 'antd';
+import React from 'react';
+export var Flex = function Flex(props) {
+  return /*#__PURE__*/React.createElement(AntFlex, props);
+};

package/dist/float-button/index.d.ts

@@ -0,0 +1,9 @@
+import type { FloatButtonProps as AntFloatButtonProps } from 'antd';
+import { FloatButton as AntFloatButton } from 'antd';
+import React from 'react';
+export type FloatButtonProps = AntFloatButtonProps;
+type AntFloatButtonType = typeof AntFloatButton;
+type FloatButtonType = typeof FloatButtonComponent & Pick<AntFloatButtonType, 'Group' | 'BackTop'>;
+declare const FloatButtonComponent: React.FC<FloatButtonProps>;
+export declare const FloatButton: FloatButtonType;
+export {};

package/dist/float-button/index.js

@@ -0,0 +1,10 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { FloatButton as AntFloatButton } from 'antd';
+import React from 'react';
+var FloatButtonComponent = function FloatButtonComponent(_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(AntFloatButton, rest);
+};
+export var FloatButton = FloatButtonComponent;
+FloatButton.Group = AntFloatButton.Group;
+FloatButton.BackTop = AntFloatButton.BackTop;

package/dist/form/index.d.ts

@@ -0,0 +1,3 @@
+import { Form as AntForm } from 'antd';
+export type { ErrorListProps, FormInstance, FormItemProps, FormListFieldData, FormListOperation, FormListProps, FormProps, Rule, RuleObject, RuleRender, } from 'antd/es/form';
+export declare const Form: typeof AntForm;

package/dist/form/index.js

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

package/dist/grid/index.d.ts

@@ -0,0 +1,6 @@
+import type { ColProps as AntColProps, RowProps as AntRowProps } from 'antd';
+import { FC } from 'react';
+export type RowProps = AntRowProps;
+export declare const Row: FC<RowProps>;
+export type ColProps = AntColProps;
+export declare const Col: FC<ColProps>;

package/dist/grid/index.js

@@ -0,0 +1,8 @@
+import { Col as AntCol, Row as AntRow } from 'antd';
+import React from 'react';
+export var Row = function Row(props) {
+  return /*#__PURE__*/React.createElement(AntRow, props);
+};
+export var Col = function Col(props) {
+  return /*#__PURE__*/React.createElement(AntCol, props);
+};

package/dist/group-title/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export type GroupTitleProps = {
+    title?: string;
+    style?: React.CSSProperties;
+};
+export declare const GroupTitle: React.FC<GroupTitleProps>;

package/dist/group-title/index.js

@@ -0,0 +1,21 @@
+var _excluded = ["title", "style"];
+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 React from 'react';
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+export var GroupTitle = function GroupTitle(_ref) {
+  var title = _ref.title,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mb = useBem('group-title');
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "".concat(mb, " ").concat(mb.e('content')),
+    style: style
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(mb.b('title'), " ")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(mb.b('title').e('title-text'))
+  }, title)));
+};

package/dist/group-title/index.scss

@@ -0,0 +1,31 @@
+.yot-group-title {
+    background-color: var(--yot-group-color-secondary);
+    border-radius: 4px;
+    height: 42px;
+    position: relative;
+
+    &__content::before {
+        content: '';
+        position: absolute;
+        width: 4px;
+        height: 16px;
+        top: 13px;
+        left: 16px;
+        background: var(--yot-group-color-primary);
+        border-radius: 2px 2px 2px 2px
+    }
+
+    &-title {
+        display: flex;
+        padding: 0px 26px;
+        line-height: 42px;
+
+        &__title-text {
+            font-family: Source Han Sans CN, Source Han Sans CN;
+            font-weight: 550;
+            font-size: 16px;
+            text-align: left;
+        }
+    }
+
+}

package/dist/hooks/useAssets.d.ts

@@ -0,0 +1 @@
+export declare const useAssets: () => string;

package/dist/hooks/useAssets.js

@@ -0,0 +1,11 @@
+import _ from 'lodash';
+import { useContext } from 'react';
+import { ConfigContext } from "../config-provider/context";
+export var useAssets = function useAssets() {
+  var _useContext = useContext(ConfigContext),
+    assetsURL = _useContext.assetsURL;
+  if (_.isNil(assetsURL)) {
+    throw new Error('assetsURL is not found');
+  }
+  return assetsURL;
+};

package/dist/hooks/useBem.d.ts

@@ -0,0 +1,15 @@
+declare class Bem {
+    private readonly prefix;
+    private namespace;
+    private suffix;
+    constructor(_namespace: string);
+    b(block: string): Bem;
+    e(element: string): Bem;
+    m(modifier: string): Bem;
+    is(state: string): string;
+    private setSuffix;
+    toString(): string;
+    clone(): Bem;
+}
+export declare const useBem: (namespace: string) => Bem;
+export {};

package/dist/hooks/useBem.js

@@ -0,0 +1,80 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import _ from 'lodash';
+var Bem = /*#__PURE__*/function () {
+  function Bem(_namespace) {
+    _classCallCheck(this, Bem);
+    _defineProperty(this, "prefix", 'yot');
+    _defineProperty(this, "namespace", void 0);
+    _defineProperty(this, "suffix", '');
+    this.namespace = _namespace;
+  }
+
+  // 连接块用 -
+  _createClass(Bem, [{
+    key: "b",
+    value: function b(block) {
+      var suffix = this.suffix;
+      if (!_.isEmpty(block)) {
+        suffix = suffix + '-' + block;
+      }
+      return new Bem(this.namespace).setSuffix(suffix);
+    }
+
+    // 连接元素用 __
+  }, {
+    key: "e",
+    value: function e(element) {
+      var suffix = this.suffix;
+      if (!_.isEmpty(element)) {
+        suffix = suffix + '__' + element;
+      }
+      return new Bem(this.namespace).setSuffix(suffix);
+    }
+
+    // 连接修饰符用 --
+  }, {
+    key: "m",
+    value: function m(modifier) {
+      var suffix = this.suffix;
+      if (!_.isEmpty(modifier)) {
+        suffix = suffix + '--' + modifier;
+      }
+      return new Bem(this.namespace).setSuffix(suffix);
+    }
+  }, {
+    key: "is",
+    value: function is(state) {
+      return "".concat(this.prefix, "-is-").concat(state);
+    }
+  }, {
+    key: "setSuffix",
+    value: function setSuffix(suffix) {
+      this.suffix = suffix;
+      return this;
+    }
+  }, {
+    key: "toString",
+    value: function toString() {
+      var className = "".concat(this.prefix, "-").concat(this.namespace);
+      if (!_.isEmpty(this.suffix)) {
+        className = className + this.suffix;
+      }
+      return className;
+    }
+  }, {
+    key: "clone",
+    value: function clone() {
+      return new Bem(this.namespace).setSuffix(this.suffix);
+    }
+  }]);
+  return Bem;
+}();
+export var useBem = function useBem(namespace) {
+  return new Bem(namespace);
+};

package/dist/hooks/useRequest.d.ts

@@ -0,0 +1 @@
+export declare const useRequest: () => import("axios").AxiosInstance;

package/dist/hooks/useRequest.js

@@ -0,0 +1,11 @@
+import _ from 'lodash';
+import { useContext } from 'react';
+import { ConfigContext } from "../config-provider/context";
+export var useRequest = function useRequest() {
+  var _useContext = useContext(ConfigContext),
+    request = _useContext.request;
+  if (_.isNil(request)) {
+    throw new Error('request is not found');
+  }
+  return request;
+};

package/dist/image/index.d.ts

@@ -0,0 +1,10 @@
+import type { ImageProps as AntImageProps } from 'antd';
+import { Image as AntImage } from 'antd';
+import { FC } from 'react';
+import './index.scss';
+export type ImageProps = AntImageProps;
+export type { CompositionImage } from 'antd/es/image';
+type AntImageType = typeof AntImage;
+type ImageType = typeof ImageComponent & Pick<AntImageType, 'PreviewGroup'>;
+declare const ImageComponent: FC<ImageProps>;
+export declare const Image: ImageType;