yootd 0.0.1 → 0.0.2

package/README.md

@@ -1,7 +1,7 @@
-# yotd
+# yootd
 
-[![NPM version](https://img.shields.io/npm/v/yotd.svg?style=flat)](https://npmjs.org/package/yotd)
-[![NPM downloads](http://img.shields.io/npm/dm/yotd.svg?style=flat)](https://npmjs.org/package/yotd)
+[![NPM version](https://img.shields.io/npm/v/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
+[![NPM downloads](http://img.shields.io/npm/dm/yootd.svg?style=flat)](https://npmjs.org/package/yootd)
 
 A react library developed with dumi
 

package/dist/Preview/index.scss

@@ -10,7 +10,7 @@
     background-color: #ffffff;
     border-radius: 8px;
     box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
-    .ant-btn.css-var-yotd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
+    .ant-btn.css-var-yootd.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined {
       background-color: transparent;
       border: none;
       &:hover .ant-btn-icon svg path {

package/dist/areas/index.scss

@@ -11,7 +11,7 @@
     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.ant-select-outlined.css-var-yootd.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);

package/dist/auto-complete/index.d.ts

@@ -1,4 +1,4 @@
-import { AutoComplete as AntAutoComplete } from 'antd';
 import type { AutoCompleteProps as AntAutoCompleteProps } from 'antd';
+import { AutoComplete as AntAutoComplete } from 'antd';
 export type AutoCompleteProps = AntAutoCompleteProps;
 export declare const AutoComplete: typeof AntAutoComplete;

package/dist/breadcrumb/index.d.ts

@@ -3,7 +3,7 @@ import { Breadcrumb as AntBreadcrumb } from 'antd';
 import React from 'react';
 export type BreadcrumbProps = AntBreadcrumbProps;
 type AntBreadcrumbType = typeof AntBreadcrumb;
-export type BreadcrumbType = typeof BreadcrumbComponent & Pick<AntBreadcrumbType, "Item" | "Separator">;
+export type BreadcrumbType = typeof BreadcrumbComponent & Pick<AntBreadcrumbType, 'Item' | 'Separator'>;
 declare const BreadcrumbComponent: React.FC<BreadcrumbProps>;
 export declare const Breadcrumb: BreadcrumbType;
 export {};

package/dist/buildings/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from "..";
+import { IBuildingsProps } from './types/types';
+export declare const Buildings: React.FC<IBuildingsProps & SelectProps>;

package/dist/buildings/index.js

@@ -0,0 +1,50 @@
+var _excluded = ["placeholder", "showSearch", "areaType", "areaSubType"];
+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 { useQuery } from '@tanstack/react-query';
+import React, { useMemo } from 'react';
+import { Select } from "./..";
+import { useRequest } from "../hooks/useRequest";
+export var Buildings = function Buildings(_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请选择楼栋' : _ref$placeholder,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    _ref$areaType = _ref.areaType,
+    areaType = _ref$areaType === void 0 ? 11 : _ref$areaType,
+    _ref$areaSubType = _ref.areaSubType,
+    areaSubType = _ref$areaSubType === void 0 ? 13 : _ref$areaSubType,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var request = useRequest();
+  // 查询楼栋
+  var _useQuery = useQuery({
+      queryKey: ['buildingsData'],
+      queryFn: function queryFn() {
+        return request('/v1/areas', {
+          params: {
+            area_level: 3,
+            area_type: areaType,
+            area_sub_type: areaSubType
+          }
+        });
+      }
+    }),
+    buildingsData = _useQuery.data;
+  // 将楼栋数据处理成下拉框
+  var buildingsOptions = useMemo(function () {
+    var _buildingsData$conten;
+    return buildingsData === null || buildingsData === void 0 || (_buildingsData$conten = buildingsData.content) === null || _buildingsData$conten === void 0 ? void 0 : _buildingsData$conten.map(function (item) {
+      return {
+        label: item.areaName,
+        value: item.areaId
+      };
+    });
+  }, [buildingsData]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    options: buildingsOptions,
+    placeholder: placeholder,
+    showSearch: showSearch,
+    optionFilterProp: "label"
+  }, rest));
+};

package/dist/buildings/types/types.d.ts

@@ -0,0 +1,21 @@
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询位置接口返回的数据类型
+export interface IareaItem {
+  areaId: number;
+  areaLevel: number;
+  areaName: string;
+  areaType: number;
+}
+export interface IBuildingsProps {
+  showSearch?: boolean;
+  areaType?: number;
+  areaSubType?: number;
+}

package/dist/card/index.d.ts

@@ -1,3 +1,3 @@
 import { Card as AntCard } from 'antd';
-export type { CardProps, CardTabListType, CardGridProps, CardMetaProps, CardInterface } from 'antd/es/card';
+export type { CardGridProps, CardInterface, CardMetaProps, CardProps, CardTabListType, } from 'antd/es/card';
 export declare const Card: typeof AntCard;

package/dist/courses/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from "..";
+import { ICourseProps } from './types/types';
+export declare const Courses: React.FC<ICourseProps & SelectProps>;

package/dist/courses/index.js

@@ -0,0 +1,40 @@
+var _excluded = ["placeholder", "showSearch"];
+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 { useQuery } from '@tanstack/react-query';
+import React, { useMemo } from 'react';
+import { Select } from "./..";
+import { useRequest } from "../hooks/useRequest";
+export var Courses = function Courses(_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请选择课程' : _ref$placeholder,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var request = useRequest();
+  // 查询所有老师
+  var _useQuery = useQuery({
+      queryKey: ['courses'],
+      queryFn: function queryFn() {
+        return request('/v1/education/courses/all');
+      }
+    }),
+    coursesData = _useQuery.data;
+  // 将课程数据处理成下拉框
+  var allCourseOptions = useMemo(function () {
+    var _coursesData$content;
+    return coursesData === null || coursesData === void 0 || (_coursesData$content = coursesData.content) === null || _coursesData$content === void 0 ? void 0 : _coursesData$content.map(function (item) {
+      return {
+        label: item.courseName,
+        value: item.courseDefId
+      };
+    });
+  }, [coursesData]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    options: allCourseOptions,
+    placeholder: placeholder,
+    showSearch: showSearch,
+    optionFilterProp: "label"
+  }, rest));
+};

package/dist/courses/types/types.d.ts

@@ -0,0 +1,18 @@
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询课程返回的数据类型
+export interface ICourseItem {
+  courseDefId: number;
+  courseName: string;
+  courseNo: string;
+}
+export interface ICourseProps {
+  showSearch?: boolean;
+}

package/dist/index.d.ts

@@ -9,8 +9,11 @@ export { Breadcrumb } from './breadcrumb';
 export type { BreadcrumbProps } from './breadcrumb';
 export { Button } from './button';
 export type { ButtonProps } from './button';
+export { Buildings } from './buildings';
 export { Cascader } from './cascader';
 export type { CascaderProps } from './cascader';
+export { Courses } from './courses';
+export type { ICourseProps } from './courses/types/types';
 export { Divider } from './divider';
 export type { DividerProps } from './divider';
 export { Dropdown } from './dropdown';

package/dist/index.js

@@ -4,7 +4,9 @@ export { AutoComplete } from "./auto-complete";
 export { Areas } from "./areas";
 export { Breadcrumb } from "./breadcrumb";
 export { Button } from "./button";
+export { Buildings } from "./buildings";
 export { Cascader } from "./cascader";
+export { Courses } from "./courses";
 export { Divider } from "./divider";
 export { Dropdown } from "./dropdown";
 export { Flex } from "./flex";

package/dist/school/index.scss

@@ -11,7 +11,7 @@
     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.ant-select-outlined.css-var-yootd.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);

package/dist/slider/index.d.ts

@@ -1,3 +1,3 @@
 import { Slider as AntSlider } from 'antd';
-export type { Formatter, HandleGeneratorFn, SliderBaseProps, SliderMarks, SliderRangeProps, SliderSingleProps, SliderTooltipProps, Opens, } from 'antd/es/slider';
+export type { Formatter, HandleGeneratorFn, Opens, SliderBaseProps, SliderMarks, SliderRangeProps, SliderSingleProps, SliderTooltipProps, } from 'antd/es/slider';
 export declare const Slider: typeof AntSlider;

package/dist/table/index.d.ts

@@ -1,12 +1,14 @@
 import type { TableProps as AntTableProps } from 'antd';
 import { Table as AntTable } from 'antd';
 import { AnyObject } from 'antd/es/_util/type';
-import { ColumnType as AntColumnType, TableRef } from 'antd/es/table';
+import { ColumnType as AntColumnType } from 'antd/es/table';
 import React from 'react';
+import { RefTable } from 'antd/es/table/interface';
 import './index.scss';
 type AntTableType = typeof AntTable;
+export type { RefTable };
 export type { TablePaginationConfig, TableRef } from 'antd/es/table';
-export type { ColumnFilterItem, ColumnTitle, ColumnTitleProps, CompareFn, ExpandType, ExpandableConfig, FilterConfirmProps, FilterDropdownProps, FilterKey, FilterSearchType, FilterValue, GetPopupContainer, GetRowKey, Key, RefInternalTable, RefTable, RowSelectMethod, RowSelectionType, SafeKey, SelectionItem, SelectionItemSelectFn, SelectionSelectFn, SortOrder, SorterResult, SorterTooltipProps, SorterTooltipTarget, TableAction, TableCurrentDataSource, TableLocale, TableRowSelection, TransformColumns, } from 'antd/es/table/interface';
+export type { ColumnFilterItem, ColumnTitle, ColumnTitleProps, CompareFn, ExpandType, ExpandableConfig, FilterConfirmProps, FilterDropdownProps, FilterKey, FilterSearchType, FilterValue, GetPopupContainer, GetRowKey, Key, RefInternalTable, RowSelectMethod, RowSelectionType, SafeKey, SelectionItem, SelectionItemSelectFn, SelectionSelectFn, SortOrder, SorterResult, SorterTooltipProps, SorterTooltipTarget, TableAction, TableCurrentDataSource, TableLocale, TableRowSelection, TransformColumns, } from 'antd/es/table/interface';
 export interface TableProps<T = AnyObject> extends Omit<AntTableProps<T>, 'columns'> {
     columns?: ColumnsType<T>;
     type?: 'primary' | 'default';
@@ -35,7 +37,15 @@ export interface ITableRowContext {
     type?: 'primary' | 'default';
 }
 export declare const TableRowContext: React.Context<ITableRowContext>;
-declare const ForwardRefTable: React.ForwardRefExoticComponent<TableProps<AnyObject> & React.RefAttributes<TableRef>>;
-type TableType = typeof ForwardRefTable & Pick<AntTableType, 'Column' | 'ColumnGroup' | 'EXPAND_COLUMN' | 'SELECTION_ALL' | 'SELECTION_COLUMN' | 'SELECTION_INVERT' | 'SELECTION_NONE'>;
-declare const Table: TableType;
+declare const Table: RefTable & {
+    displayName?: string | undefined;
+    SELECTION_COLUMN: AntTableType['SELECTION_COLUMN'];
+    EXPAND_COLUMN: AntTableType['EXPAND_COLUMN'];
+    SELECTION_ALL: AntTableType['SELECTION_ALL'];
+    SELECTION_INVERT: AntTableType['SELECTION_INVERT'];
+    SELECTION_NONE: AntTableType['SELECTION_NONE'];
+    Column: AntTableType['Column'];
+    ColumnGroup: AntTableType['ColumnGroup'];
+    Summary: AntTableType['Summary'];
+};
 export { Table };

package/dist/table/index.js

@@ -134,8 +134,7 @@ var InternalTable = function InternalTable(_ref, ref) {
     components: _components
   })));
 };
-var ForwardRefTable = /*#__PURE__*/forwardRef(InternalTable);
-var Table = ForwardRefTable;
+var Table = /*#__PURE__*/forwardRef(InternalTable);
 Table.displayName = 'Table';
 Table.Column = AntTable.Column;
 Table.ColumnGroup = AntTable.ColumnGroup;
@@ -143,4 +142,5 @@ Table.EXPAND_COLUMN = AntTable.EXPAND_COLUMN;
 Table.SELECTION_ALL = AntTable.SELECTION_ALL;
 Table.SELECTION_COLUMN = AntTable.SELECTION_COLUMN;
 Table.SELECTION_INVERT = AntTable.SELECTION_INVERT;
+Table.Summary = AntTable.Summary;
 export { Table };

package/dist/tabs/index.d.ts

@@ -6,7 +6,8 @@ export type { TabPaneProps, TabsPosition, TabsType } from 'antd/es/tabs';
 export type { TabsProps };
 type AntTabsType = typeof AntTabs;
 type TabsType = typeof TabsComponent & Pick<AntTabsType, 'TabPane'>;
-declare const TabsComponent: FC<TabsProps & {
+export declare const TabsComponent: FC<TabsProps & {
     capsule?: boolean;
+    isTabMargin?: boolean;
 }>;
 export declare const Tabs: TabsType;

package/dist/tabs/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["size", "capsule", "className", "items", "onChange", "activeKey", "destroyInactiveTabPane"];
+var _excluded = ["size", "capsule", "className", "items", "onChange", "activeKey", "destroyInactiveTabPane", "isTabMargin"];
 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."); }
@@ -12,7 +12,7 @@ import { Tabs as AntTabs, Radio } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
-var TabsComponent = function TabsComponent(_ref) {
+export var TabsComponent = function TabsComponent(_ref) {
   var _items$find, _items$filter;
   var size = _ref.size,
     capsule = _ref.capsule,
@@ -22,6 +22,8 @@ var TabsComponent = function TabsComponent(_ref) {
     activeKey = _ref.activeKey,
     _ref$destroyInactiveT = _ref.destroyInactiveTabPane,
     destroyInactiveTabPane = _ref$destroyInactiveT === void 0 ? false : _ref$destroyInactiveT,
+    _ref$isTabMargin = _ref.isTabMargin,
+    isTabMargin = _ref$isTabMargin === void 0 ? true : _ref$isTabMargin,
     rest = _objectWithoutProperties(_ref, _excluded);
   var mb = useBem('tabs');
   var _useState = useState(),
@@ -64,7 +66,10 @@ var TabsComponent = function TabsComponent(_ref) {
   }, capsule ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(mb.b('capsule'))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(mb.b('capsule').e('content'))
+    className: "".concat(mb.b('capsule').e('content')),
+    style: {
+      paddingBottom: isTabMargin ? 16 : 0
+    }
   }, /*#__PURE__*/React.createElement(Radio.Group, {
     value: key,
     onChange: function onChange(e) {
@@ -96,7 +101,7 @@ var TabsComponent = function TabsComponent(_ref) {
     activeKey: key,
     size: size,
     items: items,
-    className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(_className),
+    className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(_className, " ").concat(isTabMargin ? '' : mb.b('istabmargin'), " "),
     destroyInactiveTabPane: destroyInactiveTabPane,
     onChange: function onChange(e) {
       setKey(e);

package/dist/tabs/index.scss

@@ -8,6 +8,8 @@
     }
     .ant-tabs-nav-wrap {
       background-color: white;
+      padding-left: var(--ant-padding-lg);
+      padding-right: var(--ant-padding-lg);
     }
   }
   &-small {
@@ -19,6 +21,8 @@
     }
     .ant-tabs-nav-wrap {
       background-color: white;
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
     }
   }
   &-capsule {
@@ -27,6 +31,8 @@
       padding-bottom: var(--ant-margin);
       box-sizing: border-box;
       background-color: white;
+      padding-left: var(--ant-padding-lg);
+      padding-right: var(--ant-padding-lg);
     }
     .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
       padding-left: var(--ant-padding);
@@ -47,4 +53,9 @@
       color: #000000e0;
     }
   }
+  &-istabmargin {
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
 }

package/dist/teacher/types/types.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from 'yotd';
+import { SelectProps } from 'yootd';
 
 export interface PageData<T> {
   content: T[];

package/dist/user-dropdown/types/types.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from 'yotd';
+import { SelectProps } from 'yootd';
 
 export interface PageData<T> {
   content: T[];

package/dist/year-term/index.scss

@@ -11,7 +11,7 @@
     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.ant-select-outlined.css-var-yootd.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);

package/dist/zones/index.module.scss

@@ -12,7 +12,7 @@
       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-show-arrow {
+    .ant-select.ant-select-outlined.css-var-yootd.ant-select-css-var.ant-select-single.ant-select-show-arrow {
       .ant-select-selector {
         padding-left: var(--ant-padding);
         padding-right: var(--ant-padding);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",