yootd 0.0.68 → 0.0.70

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

@@ -1,44 +1,44 @@
-import { SelectProps } from 'yootd';
-
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-type LabelOptions =
-  | 'uniqueNumber'
-  | 'personalName'
-  | 'majorName'
-  | 'collegeMajorName'
-  | 'className'
-  | 'gradeName'
-  | 'genderName'
-  | 'deptName'
-  | 'credentialsNo'
-  | 'personalMobile';
-export type StudentDropdownProps = SelectProps & {
-  label?: LabelOptions[];
-  connectors?: string;
-  teacher_id: number;
-};
-export interface IuserItem {
-  userId: string; // ID
-  uniqueNumber?: string; // 学号/工号
-  personalName: string; // 姓名
-  personalPhoto?: string; // 照片
-  userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
-  majorName?: string; // 专业名称
-  collegeMajorName?: string; // 院系名称
-  className?: string; // 班级名称
-  gradeName?: string; // 年级名称
-  genderName?: string; // 性别
-  deptId?: number; // 部门ID
-  deptName?: string; // 部门名称
-  gender?: number; // 性别
-  credentialsNo?: string; // 证件号
-  personalMobile?: string; // 手机号
-}
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+type LabelOptions =
+  | 'uniqueNumber'
+  | 'personalName'
+  | 'majorName'
+  | 'collegeMajorName'
+  | 'className'
+  | 'gradeName'
+  | 'genderName'
+  | 'deptName'
+  | 'credentialsNo'
+  | 'personalMobile';
+export type StudentDropdownProps = SelectProps & {
+  label?: LabelOptions[];
+  connectors?: string;
+  teacher_id: number;
+};
+export interface IuserItem {
+  userId: string; // ID
+  uniqueNumber?: string; // 学号/工号
+  personalName: string; // 姓名
+  personalPhoto?: string; // 照片
+  userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
+  majorName?: string; // 专业名称
+  collegeMajorName?: string; // 院系名称
+  className?: string; // 班级名称
+  gradeName?: string; // 年级名称
+  genderName?: string; // 性别
+  deptId?: number; // 部门ID
+  deptName?: string; // 部门名称
+  gender?: number; // 性别
+  credentialsNo?: string; // 证件号
+  personalMobile?: string; // 手机号
+}

package/dist/table/components/primary-header-row/index.js

@@ -1,6 +1,6 @@
 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); }
 var _excluded = ["rowKey"],
-  _excluded2 = ["children", "className"],
+  _excluded2 = ["children", "className", "style"],
   _excluded3 = ["key"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -12,6 +12,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { DndContext } from '@dnd-kit/core';
 import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import React, { useContext, useMemo } from 'react';
 import { Checkbox } from "../../../checkbox";
@@ -20,7 +21,6 @@ import { Popover } from "../../../popover";
 import { TableRowContext } from "../..";
 import { DragHandler } from "../icons/DragHandler";
 import { SettingFilled } from "../icons/SettingFilled";
-import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import "./index.scss";
 var renderColumnTitle = function renderColumnTitle(title) {
   if (typeof title === 'function') {
@@ -64,6 +64,7 @@ export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
   var _columns$map2;
   var children = _ref2.children,
     className = _ref2.className,
+    style = _ref2.style,
     props = _objectWithoutProperties(_ref2, _excluded2);
   var _useContext = useContext(TableRowContext),
     columns = _useContext.columns,
@@ -71,7 +72,9 @@ export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
     keys = _useContext.keys,
     updateKeys = _useContext.updateKeys,
     type = _useContext.type,
-    showSetting = _useContext.showSetting;
+    showSetting = _useContext.showSetting,
+    headerBgColor = _useContext.headerBgColor,
+    headerTextColor = _useContext.headerTextColor;
   var bem = useBem('table');
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
@@ -90,7 +93,12 @@ export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
     })) !== null && _columns$map !== void 0 ? _columns$map : [] : []);
   };
   return /*#__PURE__*/React.createElement("tr", _extends({
-    className: "".concat(type === 'primary' ? bem.b('thead').b('row').m('primary') : '', " ").concat(className !== null && className !== void 0 ? className : '')
+    className: "\n        ".concat(bem.b('thead').b('row'), "\n        ").concat(type === 'primary' ? bem.b('thead').b('row').m('primary') : '', " ").concat(headerBgColor != null ? bem.b('thead').b('row').m('header-bg-colored') : '', "\n      ").concat(className !== null && className !== void 0 ? className : ''),
+    style: _objectSpread(_objectSpread({}, style !== null && style !== void 0 ? style : {}), {}, {
+      // @ts-expect-error
+      '--th-bg-color': headerBgColor,
+      '--th-text-color': headerTextColor !== null && headerTextColor !== void 0 ? headerTextColor : '#fff'
+    })
   }, props), children, showSetting ? /*#__PURE__*/React.createElement("th", {
     className: "ant-table-cell ".concat(bem.b('setting'), " ").concat(type === 'primary' ? bem.b('setting').m('primary') : '')
   }, /*#__PURE__*/React.createElement("div", {

package/dist/table/components/primary-header-row/index.scss

@@ -1,58 +1,67 @@
-.yot-table {
-  &-thead {
-    &-row {
-      &--primary {
-        th {
-          background-color: var(--ant-color-primary) !important;
-          color: #fff !important;
-        }
-      }
-    }
-  }
-
-  &-setting {
-    width: 48px;
-
-    &-content {
-      flex: 1;
-      display: flex;
-      justify-content: center;
-    }
-
-    &-checkbox-group {
-      min-width: 200px;
-      display: flex;
-      flex-direction: column;
-    }
-
-    &__check-all {
-      margin-bottom: 5px;
-    }
-
-    &-checkbox {
-      display: flex;
-      align-items: center;
-      margin-bottom: 5px;
-    }
-
-    &__drag-handler {
-      margin-right: 20px;
-      cursor: grab;
-    }
-
-    &__icon {
-      cursor: pointer;
-      path {
-        fill: var(--ant-color-text-tertiary);
-      }
-    }
-
-    &--primary & {
-      &__icon {
-        path {
-          fill: #fff;
-        }
-      }
-    }
-  }
-}
+.yot-table {
+  &-thead {
+    &-row {
+      &--primary {
+        th {
+          background-color: var(--ant-color-primary) !important;
+        }
+      }
+
+      &--header-bg-colored {
+        th {
+          background-color: var(--th-bg-color) !important;
+        }
+      }
+
+      th {
+        color: var(--th-text-color) !important;
+      }
+    }
+  }
+
+  &-setting {
+    width: 48px;
+
+    &-content {
+      flex: 1;
+      display: flex;
+      justify-content: center;
+    }
+
+    &-checkbox-group {
+      min-width: 200px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    &__check-all {
+      margin-bottom: 5px;
+    }
+
+    &-checkbox {
+      display: flex;
+      align-items: center;
+      margin-bottom: 5px;
+    }
+
+    &__drag-handler {
+      margin-right: 20px;
+      cursor: grab;
+    }
+
+    &__icon {
+      cursor: pointer;
+      path {
+        fill: var(--th-text-color) !important;
+      }
+    }
+
+    &--primary & {
+      &__icon {
+        path {
+          fill: #fff;
+        }
+      }
+    }
+  }
+}

package/dist/table/components/primary-tbody-row/index.scss

@@ -1,5 +1,5 @@
-.yot-table {
-  &-setting {
-    width: 48px;
-  }
-}
+.yot-table {
+  &-setting {
+    width: 48px;
+  }
+}

package/dist/table/index.d.ts

@@ -11,6 +11,8 @@ export type { ColumnFilterItem, ColumnTitle, ColumnTitleProps, CompareFn, Expand
 export interface TableProps<T = AnyObject> extends Omit<AntTableProps<T>, 'columns'> {
     columns?: ColumnsType<T>;
     type?: 'primary' | 'default';
+    headerBgColor?: string;
+    headerTextColor?: string;
     showSetting?: boolean;
 }
 export interface ColumnType<T = AnyObject> extends Omit<AntColumnType<T>, 'key'> {
@@ -34,6 +36,8 @@ export interface ITableRowContext {
     updateKeys?: (keys: React.Key[]) => void;
     showSetting?: boolean;
     type?: 'primary' | 'default';
+    headerBgColor?: string;
+    headerTextColor?: string;
 }
 export declare const TableRowContext: React.Context<ITableRowContext>;
 declare const Table: RefTable & {

package/dist/table/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "showSetting", "columns", "components"];
+var _excluded = ["type", "showSetting", "columns", "components", "headerBgColor", "headerTextColor"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -29,6 +29,8 @@ var InternalTable = function InternalTable(_ref, ref) {
     showSetting = _ref.showSetting,
     columns = _ref.columns,
     components = _ref.components,
+    headerBgColor = _ref.headerBgColor,
+    headerTextColor = _ref.headerTextColor,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -125,7 +127,9 @@ var InternalTable = function InternalTable(_ref, ref) {
       swapColumns: swapColumns,
       updateKeys: updateKeys,
       showSetting: showSetting,
-      type: type
+      type: type,
+      headerBgColor: headerBgColor,
+      headerTextColor: headerTextColor
     }
   }, /*#__PURE__*/React.createElement(AntTable, _extends({}, rest, {
     ref: ref,

package/dist/table/index.scss

@@ -1,33 +1,33 @@
-.yot-table {
-  // .yot-table {
-  //   &--primary {
-  //     .ant-table-container {
-  //       .ant-table-content {
-  //         thead {
-  //           tr {
-  //             th {
-  //               background-color: var(--ant-color-primary);
-  //               color: var(--ant-color-bg-base);
-  //             }
-  //           }
-  //         }
-  //       }
-  //     }
-  //   }
-
-  &-header {
-    &:hover {
-      &__icon {
-        position: absolute;
-        right: 16px;
-        top: 50%;
-        transform: translateY(-50%);
-        cursor: pointer;
-
-        path {
-          fill: var(--ant-color-primary-bg);
-        }
-      }
-    }
-  }
-}
+.yot-table {
+  // .yot-table {
+  //   &--primary {
+  //     .ant-table-container {
+  //       .ant-table-content {
+  //         thead {
+  //           tr {
+  //             th {
+  //               background-color: var(--ant-color-primary);
+  //               color: var(--ant-color-bg-base);
+  //             }
+  //           }
+  //         }
+  //       }
+  //     }
+  //   }
+
+  &-header {
+    &:hover {
+      &__icon {
+        position: absolute;
+        right: 16px;
+        top: 50%;
+        transform: translateY(-50%);
+        cursor: pointer;
+
+        path {
+          fill: var(--ant-color-primary-bg);
+        }
+      }
+    }
+  }
+}

package/dist/tabs/index.scss

@@ -1,86 +1,86 @@
-.yot-tabs {
-  // 覆盖 ant 默认样式
-  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
-  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
-    bottom: 1px;
-  }
-  &-large {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size-lg);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before {
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #e5e5e5;
-    }
-  }
-  &-small {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before {
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #e5e5e5;
-    }
-  }
-  &-capsule {
-    &__content {
-      padding-top: var(--ant-margin);
-      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);
-      padding-right: var(--ant-padding);
-      box-sizing: border-box;
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    .ant-radio-button.ant-radio-button-checked {
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    &__value {
-      font-size: 14px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-      color: #000000e0;
-    }
-  }
-  &-istabmargin {
-    .ant-tabs-nav {
-      margin-bottom: 0;
-    }
-  }
-}
+.yot-tabs {
+  // 覆盖 ant 默认样式
+  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
+  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
+    bottom: 1px;
+  }
+  &-large {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size-lg);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before {
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #e5e5e5;
+    }
+  }
+  &-small {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before {
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #e5e5e5;
+    }
+  }
+  &-capsule {
+    &__content {
+      padding-top: var(--ant-margin);
+      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);
+      padding-right: var(--ant-padding);
+      box-sizing: border-box;
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    .ant-radio-button.ant-radio-button-checked {
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    &__value {
+      font-size: 14px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+      color: #000000e0;
+    }
+  }
+  &-istabmargin {
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
+}

package/dist/tag/index.scss

@@ -1,5 +1,5 @@
-.yot-tag {
-    &__text {
-        font-weight: bold;
-    }
+.yot-tag {
+    &__text {
+        font-weight: bold;
+    }
 }

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

@@ -1,33 +1,33 @@
-import { SelectProps } from 'yootd';
-
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-// 查询老师返回的数据类型
-export interface IteacherItem {
-  [key: string]: string | number;
-  userId: number; // 老师ID
-  personalName: string; // 老师姓名
-  personalMobile?: string; // 手机号
-  uniqueNumber?: string; // 工号
-  nationName?: string; // 民族
-  gender?: number; // 性别
-  personalEmail?: string; // 邮箱
-}
-type LabelOptions =
-  | 'personalName'
-  | 'uniqueNumber'
-  | 'personalMobile'
-  | 'nationName'
-  | 'genderName'
-  | 'personalEmail';
-export type TeacherProps = SelectProps & {
-  label?: LabelOptions[];
-  connectors?: string;
-};
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询老师返回的数据类型
+export interface IteacherItem {
+  [key: string]: string | number;
+  userId: number; // 老师ID
+  personalName: string; // 老师姓名
+  personalMobile?: string; // 手机号
+  uniqueNumber?: string; // 工号
+  nationName?: string; // 民族
+  gender?: number; // 性别
+  personalEmail?: string; // 邮箱
+}
+type LabelOptions =
+  | 'personalName'
+  | 'uniqueNumber'
+  | 'personalMobile'
+  | 'nationName'
+  | 'genderName'
+  | 'personalEmail';
+export type TeacherProps = SelectProps & {
+  label?: LabelOptions[];
+  connectors?: string;
+};