yootd 0.0.20 → 0.0.22

package/dist/Preview/index.scss

@@ -1,35 +1,35 @@
-.yot-preview {
-  &-controls {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 100;
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-    background-color: #ffffff;
-    border-radius: 8px;
-    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
-    .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 {
-        fill: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #rect-stroke {
-        stroke: var(--ant-color-primary);
-      }
-      &:hover .ant-btn-icon svg #reset-icon-rect {
-        fill: var(--ant-color-primary);
-      }
-    }
-    &--zoom {
-      width: 64px;
-      background-color: transparent;
-      border: none;
-    }
-  }
-  .react-flow__panel.center {
-    transform: translateX(-63%);
-  }
-}
+.yot-preview {
+  &-controls {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 100;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    background-color: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
+    .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 {
+        fill: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #rect-stroke {
+        stroke: var(--ant-color-primary);
+      }
+      &:hover .ant-btn-icon svg #reset-icon-rect {
+        fill: var(--ant-color-primary);
+      }
+    }
+    &--zoom {
+      width: 64px;
+      background-color: transparent;
+      border: none;
+    }
+  }
+  .react-flow__panel.center {
+    transform: translateX(-63%);
+  }
+}

package/dist/Preview/types/type.d.ts

@@ -1,22 +1,22 @@
-export interface PrevewProps {
-  controls?: boolean; // 是否显示右下角的放大缩小组件
-  defaultZoom?: number; // 初始化放大倍数
-  maxZoom?: number; // 最大放大倍数
-  minZoom?: number; // 最小放大倍数
-  panOnDrag?: boolean; // 是否可以拖拽
-  zoomOnScroll?: boolean; // 是否可以滚动
-  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
-  fitView?: boolean; // 是否自动适应视图
-  content?: ReactNode; // 数据
-  width?: number | string; // 宽度
-  height?: number | string; // 高度
-  style?: React.CSSProperties; // 样式
-}
-
-export interface TopPreviewProps {
-  mode: string;
-  onChange: (value: string) => void;
-}
-export interface ControlsProps {
-  defaultZoom?: number; // 初始化放大倍数
-}
+export interface PrevewProps {
+  controls?: boolean; // 是否显示右下角的放大缩小组件
+  defaultZoom?: number; // 初始化放大倍数
+  maxZoom?: number; // 最大放大倍数
+  minZoom?: number; // 最小放大倍数
+  panOnDrag?: boolean; // 是否可以拖拽
+  zoomOnScroll?: boolean; // 是否可以滚动
+  modes?: ['phone', 'web'] | ['phone'] | ['web']; // 预览模式
+  fitView?: boolean; // 是否自动适应视图
+  content?: ReactNode; // 数据
+  width?: number | string; // 宽度
+  height?: number | string; // 高度
+  style?: React.CSSProperties; // 样式
+}
+
+export interface TopPreviewProps {
+  mode: string;
+  onChange: (value: string) => void;
+}
+export interface ControlsProps {
+  defaultZoom?: number; // 初始化放大倍数
+}

package/dist/department/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DepartmentProps } from './types/types';
+export declare const Department: React.FC<DepartmentProps>;

package/dist/department/index.js

@@ -0,0 +1,51 @@
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { useQuery } from '@tanstack/react-query';
+import React, { useMemo } from 'react';
+import { TreeSelect } from "./..";
+import { useRequest } from "../hooks/useRequest";
+export var Department = function Department(_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var request = useRequest();
+  // 查询所有部门
+  var _useQuery = useQuery({
+      queryKey: ['departmentData'],
+      queryFn: function queryFn() {
+        return request('/v1/depts', {
+          params: {
+            as_tree: true,
+            has_grade: false
+          }
+        });
+      }
+    }),
+    departmentData = _useQuery.data;
+  console.log('departmentData', departmentData);
+  // 递归处理树数据
+  var recursionTreeData = function recursionTreeData(data) {
+    return data === null || data === void 0 ? void 0 : data.map(function (item) {
+      return {
+        title: item.deptName,
+        value: item.deptId,
+        children: item.children != null ? recursionTreeData(item.children) : undefined
+      };
+    });
+  };
+  // 将部门数据处理成树数据
+  var deptTreeData = useMemo(function () {
+    if (departmentData !== null && departmentData !== void 0 && departmentData.content) {
+      return recursionTreeData(departmentData === null || departmentData === void 0 ? void 0 : departmentData.content);
+    }
+    return [];
+  }, [departmentData]);
+  // 筛选数据
+  var filterTreeNode = function filterTreeNode(inputValue, treeNode) {
+    var _treeNode$title;
+    return treeNode === null || treeNode === void 0 || (_treeNode$title = treeNode.title) === null || _treeNode$title === void 0 ? void 0 : _treeNode$title.includes(inputValue);
+  };
+  return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, rest, {
+    showSearch: true,
+    treeData: deptTreeData,
+    filterTreeNode: filterTreeNode
+  }));
+};

package/dist/department/types/types.d.ts

@@ -0,0 +1,23 @@
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询部门返回的数据类型
+export interface IDepartmentItem {
+  deptId: number; // 部门ID
+  deptName: string; // 部门名称
+  deptLevel: number; // 部门级别(1,2,3,4...)
+  children?: DeptListResponse[]; // 子部门
+}
+// 树组件填充的数据接口
+export interface ITreeData {
+  title: string;
+  value: number;
+  children?: ITreeData[];
+}
+export type DepartmentProps = TreeSelectProps;

package/dist/empty/index.js

@@ -61,7 +61,7 @@ var EmptyComponent = function EmptyComponent(_ref) {
       }, "\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", {
+      notFound: /*#__PURE__*/React.createElement("div", {
         className: "".concat(mb.b('description').b('content'))
       }, /*#__PURE__*/React.createElement("div", {
         className: "".concat(mb.b('description').b('content').e('title'))
@@ -89,7 +89,7 @@ var EmptyComponent = function EmptyComponent(_ref) {
       }, "\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", {
+      noSearchData: /*#__PURE__*/React.createElement("div", {
         className: "".concat(mb.b('description').b('content'))
       }, /*#__PURE__*/React.createElement("div", {
         className: "".concat(mb.b('description').b('content').e('title'))

package/dist/index.d.ts

@@ -18,6 +18,12 @@ export { Divider } from './divider';
 export type { DividerProps } from './divider';
 export { Dropdown } from './dropdown';
 export type { DropdownProps } from './dropdown';
+export { Department } from './department';
+export type { DepartmentProps } from './department/types/types';
+export { JobTitle } from './job-title';
+export type { JobTitleProps } from './job-title/types/types';
+export { Role } from './role';
+export type { RoleProps } from './role/types/types';
 export { Flex } from './flex';
 export type { FlexProps } from './flex';
 export { FloatButton } from './float-button';

package/dist/index.js

@@ -9,6 +9,9 @@ export { Cascader } from "./cascader";
 export { Courses } from "./courses";
 export { Divider } from "./divider";
 export { Dropdown } from "./dropdown";
+export { Department } from "./department";
+export { JobTitle } from "./job-title";
+export { Role } from "./role";
 export { Flex } from "./flex";
 export { FloatButton } from "./float-button";
 export { GroupTitle } from "./group-title";

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JobTitleProps } from './types/types';
+export declare const JobTitle: React.FC<JobTitleProps>;

package/dist/job-title/index.js

@@ -0,0 +1,37 @@
+var _excluded = ["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 JobTitle = function JobTitle(_ref) {
+  var _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var request = useRequest();
+  // 查询所有职务
+  var _useQuery = useQuery({
+      queryKey: ['jobTitleData'],
+      queryFn: function queryFn() {
+        return request('/v1/titles/all');
+      }
+    }),
+    jobTitleData = _useQuery.data;
+  // 将职务数据处理成下拉框
+  var allJobTitleOptions = useMemo(function () {
+    var _jobTitleData$content;
+    return jobTitleData === null || jobTitleData === void 0 || (_jobTitleData$content = jobTitleData.content) === null || _jobTitleData$content === void 0 ? void 0 : _jobTitleData$content.map(function (item) {
+      return {
+        label: item.titleName,
+        value: item.titleId
+      };
+    });
+  }, [jobTitleData]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    options: allJobTitleOptions,
+    showSearch: showSearch,
+    optionFilterProp: "label"
+  }, rest));
+};

package/dist/job-title/types/types.d.ts

@@ -0,0 +1,17 @@
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询职务返回的数据类型
+export interface IjobTitleItem {
+  titleId: number;
+  titleName: string;
+}
+export type JobTitleProps = SelectProps;

package/dist/role/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RoleProps } from './types/types';
+export declare const Role: React.FC<RoleProps>;

package/dist/role/index.js

@@ -0,0 +1,37 @@
+var _excluded = ["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 Role = function Role(_ref) {
+  var _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var request = useRequest();
+  // 查询所有角色
+  var _useQuery = useQuery({
+      queryKey: ['roleData'],
+      queryFn: function queryFn() {
+        return request('/v1/roles/list');
+      }
+    }),
+    roleData = _useQuery.data;
+  // 将职务数据处理成下拉框
+  var allRoleOptions = useMemo(function () {
+    var _roleData$content;
+    return roleData === null || roleData === void 0 || (_roleData$content = roleData.content) === null || _roleData$content === void 0 ? void 0 : _roleData$content.map(function (item) {
+      return {
+        label: item.roleName,
+        value: item.roleId
+      };
+    });
+  }, [roleData]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    options: allRoleOptions,
+    showSearch: showSearch,
+    optionFilterProp: "label"
+  }, rest));
+};

package/dist/role/types/types.d.ts

@@ -0,0 +1,22 @@
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询职务返回的数据类型
+export interface IjobTitleItem {
+  titleId: number;
+  titleName: string;
+}
+// 查询角色返回的数据类型
+export interface IRoleItem {
+  roleId: number;
+  roleName: string;
+}
+export type RoleProps = SelectProps;

package/dist/school/types/types.d.ts

@@ -1,85 +1,85 @@
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-// 查询班级参数
-export interface IQueryClassParams {
-  college_id?: number;
-  major_id?: number;
-  grade_id?: number;
-}
-// 查询年级返回的数据类型
-export interface gradeItem {
-  deptId: number; // 年级ID
-  deptName: string; // 年级别名(如一年级)
-  deptNameShort: string; // 年级名称(如2023级)
-}
-// 查询系部和专业返回的数据类型
-export interface schoolItem {
-  majorId: number; // 学院或者专业ID
-  majorType: number; // 类型：1表示学院2表示专业
-  majorName: string; // 学院或专业名称
-  majorCode?: string; // 学院或专业编码
-  children?: Array<{
-    majorId: number; // 学院或者专业ID
-    majorType: number; // 类型：1表示学院2表示专业
-    majorName: string; // 学院或专业名称
-    majorCode?: string; // 学院或专业编码
-  }>;
-}
-export interface classItem {
-  classId: number; // 班级标识
-  gradeId: number; // 年级
-  gradeName: string; // 年级名称
-  className: string; // 班级名称
-  classCode: string; // 班级编号通常2020届在这里表达
-  classPhase: number; // 0普通小学班1普通中学班2职业3大学某专业
-  classHeadteacher?: number; // 班主任
-  classAdviser?: number; // 辅导员
-  classSize?: number; // 学生人数
-  classFaculty?: number; // 院系
-  classLocation?: number; // 位置
-  classCourseNum?: number; // 课程数
-  classMotto?: string; // 班级宣言
-  classEmblem?: string; // 班徽
-  classDesc: string; // 班级描述
-}
-// 将系部专业处理成大对象形式的数据类型
-export interface collegeAndMajorItem {
-  [key: number]: { label: string; value: number }[];
-}
-// 接收的onChange参数
-export interface onChangeParams {
-  collegeId?: number;
-  majorId?: number;
-}
-// 年级班级树接口返回的数据类型
-export interface gradeClassItem {
-  deptId: number;
-  deptName: string;
-  classes: {
-    classId: number;
-    className: string;
-  }[];
-}
-type SchoolProps = {
-  type?:
-    | 'collegeMajor'
-    | 'gradeClass'
-    | 'college'
-    | 'major'
-    | 'grade'
-    | 'class';
-  multiple?: boolean;
-  style?: React.CSSProperties;
-  showSearch?: boolean;
-  value?: Record<string, number>;
-  onChange?: (record: Record<string, number | undefined>) => void;
-  allowClear?: boolean;
-  placeholder?: string[];
-};
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询班级参数
+export interface IQueryClassParams {
+  college_id?: number;
+  major_id?: number;
+  grade_id?: number;
+}
+// 查询年级返回的数据类型
+export interface gradeItem {
+  deptId: number; // 年级ID
+  deptName: string; // 年级别名(如一年级)
+  deptNameShort: string; // 年级名称(如2023级)
+}
+// 查询系部和专业返回的数据类型
+export interface schoolItem {
+  majorId: number; // 学院或者专业ID
+  majorType: number; // 类型：1表示学院2表示专业
+  majorName: string; // 学院或专业名称
+  majorCode?: string; // 学院或专业编码
+  children?: Array<{
+    majorId: number; // 学院或者专业ID
+    majorType: number; // 类型：1表示学院2表示专业
+    majorName: string; // 学院或专业名称
+    majorCode?: string; // 学院或专业编码
+  }>;
+}
+export interface classItem {
+  classId: number; // 班级标识
+  gradeId: number; // 年级
+  gradeName: string; // 年级名称
+  className: string; // 班级名称
+  classCode: string; // 班级编号通常2020届在这里表达
+  classPhase: number; // 0普通小学班1普通中学班2职业3大学某专业
+  classHeadteacher?: number; // 班主任
+  classAdviser?: number; // 辅导员
+  classSize?: number; // 学生人数
+  classFaculty?: number; // 院系
+  classLocation?: number; // 位置
+  classCourseNum?: number; // 课程数
+  classMotto?: string; // 班级宣言
+  classEmblem?: string; // 班徽
+  classDesc: string; // 班级描述
+}
+// 将系部专业处理成大对象形式的数据类型
+export interface collegeAndMajorItem {
+  [key: number]: { label: string; value: number }[];
+}
+// 接收的onChange参数
+export interface onChangeParams {
+  collegeId?: number;
+  majorId?: number;
+}
+// 年级班级树接口返回的数据类型
+export interface gradeClassItem {
+  deptId: number;
+  deptName: string;
+  classes: {
+    classId: number;
+    className: string;
+  }[];
+}
+type SchoolProps = {
+  type?:
+    | 'collegeMajor'
+    | 'gradeClass'
+    | 'college'
+    | 'major'
+    | 'grade'
+    | 'class';
+  multiple?: boolean;
+  style?: React.CSSProperties;
+  showSearch?: boolean;
+  value?: Record<string, number>;
+  onChange?: (record: Record<string, number | undefined>) => void;
+  allowClear?: boolean;
+  placeholder?: string[];
+};

package/dist/video-player/index.js

@@ -522,26 +522,26 @@ export var VideoPlayer = function VideoPlayer(_ref) {
   useEffect(function () {
     var handler = null;
     // let lastTime = Date.now();
-    /* const start = () => {
-    if (
-    !faceFeature.anchor &&
-    !faceFeature.emotion &&
-    !faceFeature.character
-    ) {
-    return;
-    }
-    if (lastTime + 1000 <= Date.now()) {
-    lastTime = Date.now();
-    detect()
-    	.catch((e) => {
-    		console.log("error", e);
-    	})
-    	.finally(() => {
-    		handler = requestAnimationFrame(start);
-    	});
-    } else {
-    handler = requestAnimationFrame(start);
-    }
+    /* const start = () => {
+    if (
+    !faceFeature.anchor &&
+    !faceFeature.emotion &&
+    !faceFeature.character
+    ) {
+    return;
+    }
+    if (lastTime + 1000 <= Date.now()) {
+    lastTime = Date.now();
+    detect()
+    	.catch((e) => {
+    		console.log("error", e);
+    	})
+    	.finally(() => {
+    		handler = requestAnimationFrame(start);
+    	});
+    } else {
+    handler = requestAnimationFrame(start);
+    }
     }; */
 
     var start = function start() {

package/package.json

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