yootd 0.0.1

package/dist/approval-process/index.scss

@@ -0,0 +1,95 @@
+.yot-approval-process {
+  &-steps {
+    padding: 0px 40px;
+    &-info {
+      display: flex;
+      &-avatar {
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+        &-img {
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          background-size: 100% 100%;
+        }
+        &-status {
+          &-icon {
+            position: absolute;
+            bottom: 3.5px;
+            right: -0.5px;
+            width: 18px;
+            height: 18px;
+            display: block;
+          }
+        }
+      }
+      &-person {
+        margin-left: 16px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        padding: 2px 0;
+        &-name {
+          font-size: 16px;
+          font-weight: 500;
+          color: var(--ant-color-text);
+        }
+        &-time {
+          font-size: 12px;
+          font-weight: 500;
+          color: var(--ant-color-text-tertiary);
+        }
+      }
+    }
+
+    &-content {
+      display: flex;
+      padding-left: 20px;
+      padding-top: 8px;
+      padding-bottom: 8px;
+      &-line {
+        width: 1px;
+        border-left: 1px dashed var(--ant-color-border);
+        &--block {
+          display: block;
+          border-color: var(--ant-color-border);
+          min-height: 106px;
+        }
+        &--none {
+          display: none;
+          border-color: var(--ant-color-border);
+          min-height: 106px;
+        }
+      }
+      &-item {
+        margin-left: 40px;
+        &-status {
+          display: flex;
+          align-items: center;
+          width: fit-content;
+          height: 22px;
+          padding: 0 8px;
+          border-radius: 4px;
+          font-size: 12px;
+          &--visible {
+            visibility: visible;
+          }
+          &--invisible {
+            visibility: hidden;
+          }
+        }
+        &-comment {
+          margin-top: 4px;
+          padding: 0 8px;
+          font-size: 14px;
+          background-color: var(--ant-color-bg-layout);
+          height: 32px;
+          display: flex;
+          align-items: center;
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+}

package/dist/areas/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+import { SchoolProps } from './types/types';
+export declare const Areas: React.FC<SchoolProps>;

package/dist/areas/index.js

@@ -0,0 +1,317 @@
+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; }
+import { useQuery } from '@tanstack/react-query';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Select } from "./..";
+import { useRequest } from "../hooks/useRequest";
+import { useBem } from "../hooks/useBem";
+import "./index.scss";
+export var Areas = function Areas(_ref) {
+  var style = _ref.style,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$allowClear = _ref.allowClear,
+    allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? ['请选择学校', '请选择校区', '请选择楼栋', '请选择楼层', '请选择房间'] : _ref$placeholder,
+    _ref$level = _ref.level1,
+    level1 = _ref$level === void 0 ? true : _ref$level,
+    areaType = _ref.areaType,
+    areaSubType = _ref.areaSubType;
+  var mb = useBem('Areas');
+  var request = useRequest();
+  // level1选择值
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    level1Value = _useState2[0],
+    setLevel1Value = _useState2[1];
+  // level2选择值
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    level2Value = _useState4[0],
+    setLevel2Value = _useState4[1];
+  // level3选择值
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    level3Value = _useState6[0],
+    setLevel3Value = _useState6[1];
+  // level4选择值
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    level4Value = _useState8[0],
+    setLevel4Value = _useState8[1];
+  // level5选择值
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    level5Value = _useState10[0],
+    setLevel5Value = _useState10[1];
+  // 查询level1位置树
+  var _useQuery = useQuery({
+      queryKey: ['allAreaData'],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            depth: 1
+          }
+        });
+      },
+      enabled: level1
+    }),
+    allAreaData = _useQuery.data;
+  // 查询level2位置树
+  var _useQuery2 = useQuery({
+      queryKey: ['level2AreaData', level1Value],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            depth: level1 ? 1 : undefined,
+            parent_id: level1Value,
+            area_level: 2
+          }
+        });
+      },
+      enabled: level1 ? level1Value != null : true
+    }),
+    level2AreaData = _useQuery2.data;
+  // 查询level3位置树
+  var _useQuery3 = useQuery({
+      queryKey: ['level3AreaData', level2Value],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            depth: 1,
+            parent_id: level2Value,
+            area_type: areaType,
+            area_sub_type: areaSubType
+          }
+        });
+      },
+      enabled: level2Value != null
+    }),
+    level3AreaData = _useQuery3.data;
+  // 查询level4位置树
+  var _useQuery4 = useQuery({
+      queryKey: ['level4AreaData', level3Value],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            depth: 1,
+            parent_id: level3Value
+          }
+        });
+      },
+      enabled: level3Value != null
+    }),
+    level4AreaData = _useQuery4.data;
+  // 查询level5位置树
+  var _useQuery5 = useQuery({
+      queryKey: ['level5AreaData', level4Value],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            depth: 1,
+            parent_id: level4Value
+          }
+        });
+      },
+      enabled: level4Value != null
+    }),
+    level5AreaData = _useQuery5.data;
+  // 将level1位置树处理成下拉框
+  var level1AreaOptions = useMemo(function () {
+    var _allAreaData$content;
+    return allAreaData === null || allAreaData === void 0 || (_allAreaData$content = allAreaData.content) === null || _allAreaData$content === void 0 ? void 0 : _allAreaData$content.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [allAreaData]);
+  // 将level2位置树处理成下拉框
+  var level2AreaOptions = useMemo(function () {
+    var _level2AreaData$conte;
+    return level2AreaData === null || level2AreaData === void 0 || (_level2AreaData$conte = level2AreaData.content) === null || _level2AreaData$conte === void 0 ? void 0 : _level2AreaData$conte.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [level2AreaData]);
+  // 将level3位置树处理成下拉框
+  var level3AreaOptions = useMemo(function () {
+    var _level3AreaData$conte;
+    return level3AreaData === null || level3AreaData === void 0 || (_level3AreaData$conte = level3AreaData.content) === null || _level3AreaData$conte === void 0 ? void 0 : _level3AreaData$conte.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [level3AreaData]);
+  // 将level4位置树处理成下拉框
+  var level4AreaOptions = useMemo(function () {
+    var _level4AreaData$conte;
+    return level4AreaData === null || level4AreaData === void 0 || (_level4AreaData$conte = level4AreaData.content) === null || _level4AreaData$conte === void 0 ? void 0 : _level4AreaData$conte.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [level4AreaData]);
+  // 将level5位置树处理成下拉框
+  var level5AreaOptions = useMemo(function () {
+    var _level5AreaData$conte;
+    return level5AreaData === null || level5AreaData === void 0 || (_level5AreaData$conte = level5AreaData.content) === null || _level5AreaData$conte === void 0 ? void 0 : _level5AreaData$conte.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [level5AreaData]);
+  // level1选择事件
+  var changeLevel1Select = function changeLevel1Select(value) {
+    setLevel1Value(value);
+    setLevel2Value(undefined);
+    setLevel3Value(undefined);
+    setLevel4Value(undefined);
+    setLevel5Value(undefined);
+    onChange === null || onChange === void 0 || onChange({
+      level1: value
+    });
+  };
+  // level2选择事件
+  var changeLevel2Select = function changeLevel2Select(value) {
+    setLevel2Value(value);
+    setLevel3Value(undefined);
+    setLevel4Value(undefined);
+    setLevel5Value(undefined);
+    onChange === null || onChange === void 0 || onChange({
+      level1: level1Value,
+      level2: value
+    });
+  };
+  // level3选择事件
+  var changeLevel3Select = function changeLevel3Select(value) {
+    setLevel3Value(value);
+    setLevel4Value(undefined);
+    setLevel5Value(undefined);
+    onChange === null || onChange === void 0 || onChange({
+      level1: level1Value,
+      level2: level2Value,
+      level3: value
+    });
+  };
+  // level4选择事件
+  var changeLevel4Select = function changeLevel4Select(value) {
+    setLevel4Value(value);
+    setLevel5Value(undefined);
+    onChange === null || onChange === void 0 || onChange({
+      level1: level1Value,
+      level2: level2Value,
+      level3: level3Value,
+      level4: value
+    });
+  };
+  // level5选择事件
+  var changeLevel5Select = function changeLevel5Select(value) {
+    setLevel5Value(value);
+    onChange === null || onChange === void 0 || onChange({
+      level1: level1Value,
+      level2: level2Value,
+      level3: level3Value,
+      level4: level4Value,
+      level5: value
+    });
+  };
+  // 添加初始值
+  useEffect(function () {
+    if ((value === null || value === void 0 ? void 0 : value.level1) != null) {
+      setLevel1Value(value.level1);
+    }
+    if ((value === null || value === void 0 ? void 0 : value.level2) != null) {
+      setLevel2Value(value.level2);
+    }
+    if ((value === null || value === void 0 ? void 0 : value.level3) != null) {
+      setLevel3Value(value.level3);
+    }
+    if ((value === null || value === void 0 ? void 0 : value.level4) != null) {
+      setLevel4Value(value.level4);
+    }
+    if ((value === null || value === void 0 ? void 0 : value.level5) != null) {
+      setLevel5Value(value.level5);
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(mb),
+    style: style
+  }, level1 && /*#__PURE__*/React.createElement(Select, {
+    value: level1Value,
+    allowClear: allowClear,
+    className: "".concat(mb.b('areas-select')),
+    showSearch: showSearch,
+    optionFilterProp: "label",
+    style: {
+      width: level1 ? '20%' : '25%',
+      height: style === null || style === void 0 ? void 0 : style.height
+    },
+    options: level1AreaOptions,
+    onChange: changeLevel1Select,
+    placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[0]
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: level2Value,
+    allowClear: allowClear,
+    className: "".concat(mb.b('areas-select')),
+    showSearch: showSearch,
+    optionFilterProp: "label",
+    style: {
+      width: level1 ? '20%' : '25%',
+      height: style === null || style === void 0 ? void 0 : style.height
+    },
+    options: level2AreaOptions,
+    onChange: changeLevel2Select,
+    placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[1]
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: level3Value,
+    allowClear: allowClear,
+    className: "".concat(mb.b('areas-select')),
+    showSearch: showSearch,
+    optionFilterProp: "label",
+    style: {
+      width: level1 ? '20%' : '25%',
+      height: style === null || style === void 0 ? void 0 : style.height
+    },
+    options: level3AreaOptions,
+    onChange: changeLevel3Select,
+    placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[2]
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: level4Value,
+    allowClear: allowClear,
+    className: "".concat(mb.b('areas-select')),
+    showSearch: showSearch,
+    optionFilterProp: "label",
+    style: {
+      width: level1 ? '20%' : '25%',
+      height: style === null || style === void 0 ? void 0 : style.height
+    },
+    options: level4AreaOptions,
+    onChange: changeLevel4Select,
+    placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[3]
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: level5Value,
+    allowClear: allowClear,
+    showSearch: showSearch,
+    optionFilterProp: "label",
+    style: {
+      width: level1 ? '20%' : '25%',
+      height: style === null || style === void 0 ? void 0 : style.height
+    },
+    options: level5AreaOptions,
+    onChange: changeLevel5Select,
+    placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder[4]
+  }));
+};

package/dist/areas/index.scss

@@ -0,0 +1,21 @@
+.yot-Areas {
+  border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border);
+  border-radius: var(--ant-border-radius);
+  &-areas-select::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 50%; /* 从中间开始 */
+    width: 1px; /* 边框宽度 */
+    height: 50%; /* 设为盒子高度的百分之五十 */
+    background-color: var(--ant-color-border); /* 边框颜色 */
+    transform: translateY(-50%);
+  }
+  .ant-select.ant-select-outlined.css-var-yotd.ant-select-css-var.ant-select-single.ant-select-allow-clear.ant-select-show-arrow {
+    .ant-select-selector {
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
+      border: 0;
+    }
+  }
+}

package/dist/areas/types/types.d.ts

@@ -0,0 +1,39 @@
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+type SchoolProps = {
+  level1?: boolean;
+  areaType?: number;
+  areaSubType?: number;
+  style?: React.CSSProperties;
+  showSearch?: boolean;
+  value?: {
+    level1?: number;
+    level2?: number;
+    level3?: number;
+    level4?: number;
+    level5?: number;
+  };
+  onChange?: (record: {
+    level1?: number;
+    level2?: number;
+    level3?: number;
+    level4?: number;
+    level5?: number;
+  }) => void;
+  allowClear?: boolean;
+  placeholder?: string[];
+};
+// 查询位置接口返回的数据类型
+export interface IareaItem {
+  areaId: number;
+  areaLevel: number;
+  areaName: string;
+  areaType: number;
+}

package/dist/aside/components/AddBtnIcon.d.ts

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

package/dist/aside/components/AddBtnIcon.js

@@ -0,0 +1,27 @@
+var _excluded = ["style", "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 React, { forwardRef } from 'react';
+export var AddBtnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    style: style,
+    className: className
+  }, rest, {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "Frame"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M14.3847 6.56124H9.04526V1.22461C9.05002 1.10499 9.03057 0.985638 8.98808 0.873717C8.94559 0.761795 8.88092 0.65961 8.79797 0.573291C8.71502 0.486971 8.61549 0.418296 8.50534 0.371385C8.3952 0.324474 8.27672 0.300293 8.157 0.300293C8.03728 0.300293 7.9188 0.324474 7.80865 0.371385C7.69851 0.418296 7.59898 0.486971 7.51603 0.573291C7.43307 0.65961 7.36841 0.761795 7.32592 0.873717C7.28342 0.985638 7.26397 1.10499 7.26873 1.22461V6.56124H1.94483C1.8252 6.55648 1.70585 6.57593 1.59393 6.61842C1.48201 6.66091 1.37982 6.72558 1.29351 6.80853C1.20719 6.89148 1.13851 6.99102 1.0916 7.10116C1.04469 7.2113 1.02051 7.32979 1.02051 7.4495C1.02051 7.56922 1.04469 7.6877 1.0916 7.79785C1.13851 7.90799 1.20719 8.00752 1.29351 8.09047C1.37982 8.17343 1.48201 8.23809 1.59393 8.28058C1.70585 8.32308 1.8252 8.34253 1.94483 8.33777H7.27014V13.6645C7.27014 13.9003 7.3638 14.1264 7.53051 14.2931C7.69723 14.4598 7.92334 14.5535 8.15912 14.5535C8.39489 14.5535 8.621 14.4598 8.78772 14.2931C8.95443 14.1264 9.04809 13.9003 9.04809 13.6645V8.33494H14.3847C14.5042 8.33972 14.6234 8.32033 14.7351 8.27792C14.8469 8.2355 14.9489 8.17095 15.0352 8.08812C15.1214 8.0053 15.1899 7.90592 15.2368 7.79593C15.2836 7.68595 15.3078 7.56764 15.3078 7.44809C15.3078 7.32854 15.2836 7.21023 15.2368 7.10024C15.1899 6.99026 15.1214 6.89088 15.0352 6.80805C14.9489 6.72523 14.8469 6.66067 14.7351 6.61826C14.6234 6.57585 14.5042 6.55645 14.3847 6.56124Z",
+    fill: "#4D8DE2"
+  })));
+});

package/dist/aside/components/DelBtnIcon.d.ts

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

package/dist/aside/components/DelBtnIcon.js

@@ -0,0 +1,33 @@
+var _excluded = ["style", "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 React, { forwardRef } from 'react';
+export var DelBtnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    style: style,
+    className: className
+  }, rest), /*#__PURE__*/React.createElement("g", {
+    id: "\xE5\x88\xA0\xE9\x99\xA4",
+    clipPath: "url(#clip0_628_26241)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M1.6 4.8H14.4V15.2C14.4 15.6418 14.0418 16 13.6 16H2.4C1.95817 16 1.6 15.6418 1.6 15.2V4.8ZM3.2 6.4V14.4H12.8V6.4H3.2ZM5.6 8H7.2V12.8H5.6V8ZM8.8 8H10.4V12.8H8.8V8ZM4 2.4V0.8C4 0.358172 4.35817 0 4.8 0H11.2C11.6418 0 12 0.358172 12 0.8V2.4H16V4H0V2.4H4ZM5.6 1.6V2.4H10.4V1.6H5.6Z",
+    fill: "#4D8DE2"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_628_26241"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "white"
+  }))));
+});

package/dist/aside/components/DragBtnIcon.d.ts

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

package/dist/aside/components/DragBtnIcon.js

@@ -0,0 +1,26 @@
+var _excluded = ["style", "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 React, { forwardRef } from 'react';
+export var DragBtnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    style: style,
+    className: className
+  }, rest), /*#__PURE__*/React.createElement("g", {
+    id: "Frame"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M6 12C5.44772 12 5 12.4477 5 13C5 13.5523 5.44772 14 6 14C6.55228 14 7 13.5523 7 13C7 12.4477 6.55228 12 6 12ZM6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9C6.55228 9 7 8.55228 7 8C7 7.44772 6.55228 7 6 7ZM6 2C5.44772 2 5 2.44772 5 3C5 3.55228 5.44772 4 6 4C6.55228 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2ZM10 12C9.44772 12 9 12.4477 9 13C9 13.5523 9.44772 14 10 14C10.5523 14 11 13.5523 11 13C11 12.4477 10.5523 12 10 12ZM10 7C9.44772 7 9 7.44772 9 8C9 8.55228 9.44772 9 10 9C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7ZM10 2C9.44772 2 9 2.44772 9 3C9 3.55228 9.44772 4 10 4C10.5523 4 11 3.55228 11 3C11 2.44772 10.5523 2 10 2Z",
+    fill: "#BBBBBB"
+  })));
+});

package/dist/aside/components/EditBtnIcon.d.ts

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

package/dist/aside/components/EditBtnIcon.js

@@ -0,0 +1,33 @@
+var _excluded = ["style", "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 React, { forwardRef } from 'react';
+export var EditBtnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var style = _ref.style,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    style: style,
+    className: className
+  }, rest), /*#__PURE__*/React.createElement("g", {
+    id: "\xE7\xBC\x96\xE8\xBE\x91",
+    clipPath: "url(#clip0_628_26239)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Vector",
+    d: "M13.4707 1.41691e-07C13.9081 1.41691e-07 14.2631 0.354992 14.2631 0.792393V3.76941L12.6783 5.3542V1.58479H1.58479V14.2631H12.6783V12.0777L14.2631 10.4929V15.0555C14.2631 15.4929 13.9081 15.8479 13.4707 15.8479H0.792393C0.354992 15.8479 0 15.4929 0 15.0555V0.792393C0 0.354992 0.354992 0 0.792393 0L13.4707 1.41691e-07ZM14.8796 5.39461L16 6.51506L9.83677 12.6783L8.71474 12.6767L8.71632 11.5578L14.8796 5.39461ZM7.92393 7.92393V9.50872H3.96197V7.92393H7.92393ZM10.3011 4.75436V6.33914H3.96197V4.75436H10.3011Z",
+    fill: "#4D8DE2"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_628_26239"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "16",
+    height: "15.8479",
+    fill: "white"
+  }))));
+});

package/dist/aside/components/SortableItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AsideItemProps } from '../types/types';
+import './SortableItem.scss';
+declare const SortableItem: React.FC<AsideItemProps>;
+export default SortableItem;