yootd 0.0.28 → 0.0.30

package/dist/date-interval/index.d.ts

@@ -1,16 +1,14 @@
-import { Dayjs } from 'dayjs';
-import React, { FC } from 'react';
-type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year';
-type DateIntervalProps = {
-    value?: {
-        pickerType: PickerType;
-        pickerValue?: Dayjs;
-    };
-    onChange?: ({ pickerType, pickerValue, }: {
-        pickerType: PickerType;
-        pickerValue?: Dayjs;
-    }) => void;
-    style?: React.CSSProperties[];
+import { DatePickerProps as AntdDatePickerProps } from 'antd/es/date-picker';
+import dayjs from 'dayjs';
+import { FC } from 'react';
+type PickerType = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
+export type DateIntervalProps = AntdDatePickerProps & {
+    options?: {
+        label: string;
+        value: PickerType;
+    }[];
+    value?: dayjs.Dayjs;
+    changeTime?: (date: dayjs.Dayjs, dateString: string | string[], type: string) => void;
 };
 export declare const DateInterval: FC<DateIntervalProps>;
 export {};

package/dist/date-interval/index.js

@@ -1,57 +1,97 @@
+var _excluded = ["options", "changeTime", "value"];
+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."); }
 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 { DatePicker, Select, Space } from 'antd';
-import React, { useEffect, useState } from 'react';
+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 { DatePicker as AntdDatePicker, Select } from 'antd';
+import React, { useMemo, useState } from 'react';
 export var DateInterval = function DateInterval(_ref) {
-  var _style$, _style$2, _style$3;
-  var onChange = _ref.onChange,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? {
-      pickerType: 'date'
-    } : _ref$value,
-    style = _ref.style;
-  // Select下拉框所选值
-  var _useState = useState('date'),
+  var _options$;
+  var options = _ref.options,
+    changeTime = _ref.changeTime,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState((options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || 'time'),
     _useState2 = _slicedToArray(_useState, 2),
     type = _useState2[0],
     setType = _useState2[1];
-  // DatePicker所选择的值
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    date = _useState4[0],
-    setDate = _useState4[1];
-  // Select下拉框的onChange事件
-  var selectOnChange = function selectOnChange(e) {
-    setType(e);
-    onChange === null || onChange === void 0 || onChange({
-      pickerType: e,
-      pickerValue: date
-    });
+  var onChangeDate = function onChangeDate(date, dateString) {
+    changeTime === null || changeTime === void 0 || changeTime(date, dateString, type);
+  };
+  var onChangeTime = function onChangeTime(date, dateString) {
+    changeTime === null || changeTime === void 0 || changeTime(date, dateString, type);
   };
-  // DatePicker组件的onChange事件
-  var datePickerOnChange = function datePickerOnChange(e) {
-    setDate(e);
-    onChange === null || onChange === void 0 || onChange({
-      pickerType: type,
-      pickerValue: e
-    });
+  var handleSelectChange = function handleSelectChange(e) {
+    setType(e);
   };
-  // 给type设置初始值
-  useEffect(function () {
-    var _value$pickerType;
-    setType((_value$pickerType = value === null || value === void 0 ? void 0 : value.pickerType) !== null && _value$pickerType !== void 0 ? _value$pickerType : 'date');
-  }, [value]);
-  // 给时间选择框设置初始值
-  useEffect(function () {
-    setDate(value === null || value === void 0 ? void 0 : value.pickerValue);
-  }, [value]);
-  return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, {
+  var datePickerMap = useMemo(function () {
+    return {
+      time: /*#__PURE__*/React.createElement(AntdDatePicker.TimePicker, _extends({}, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeTime
+      })),
+      date: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({}, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeDate
+      })),
+      week: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+        picker: "week"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeDate
+      })),
+      month: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+        picker: "month"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeDate
+      })),
+      quarter: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+        picker: "quarter"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeDate
+      })),
+      year: /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+        picker: "year"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 180
+        },
+        onChange: onChangeDate
+      }))
+    };
+  }, [type]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
     value: type,
-    options: [{
+    style: {
+      width: 92
+    },
+    options: options != null ? options : [{
+      label: '时间',
+      value: 'time'
+    }, {
       label: '日期',
       value: 'date'
     }, {
@@ -67,16 +107,6 @@ export var DateInterval = function DateInterval(_ref) {
       label: '年份',
       value: 'year'
     }],
-    onChange: selectOnChange,
-    style: (_style$ = style === null || style === void 0 ? void 0 : style[0]) !== null && _style$ !== void 0 ? _style$ : {}
-  }), type === 'date' ? /*#__PURE__*/React.createElement(DatePicker, {
-    value: date,
-    onChange: datePickerOnChange,
-    style: (_style$2 = style === null || style === void 0 ? void 0 : style[1]) !== null && _style$2 !== void 0 ? _style$2 : {}
-  }) : /*#__PURE__*/React.createElement(DatePicker, {
-    value: date,
-    picker: type,
-    onChange: datePickerOnChange,
-    style: (_style$3 = style === null || style === void 0 ? void 0 : style[1]) !== null && _style$3 !== void 0 ? _style$3 : {}
-  }));
+    onChange: handleSelectChange
+  }), datePickerMap[type]);
 };

package/dist/date-picker/index.d.ts

@@ -1,3 +1,4 @@
-import type { DatePickerProps as AntDatePickerProps } from 'antd';
+import { type DatePickerProps as AntDatePickerProps } from 'antd';
+import { FC } from 'react';
 export type DatePickerProps = AntDatePickerProps;
-export declare const DatePicker: import("antd/es/date-picker").DatePickerType;
+export declare const DatePicker: FC<DatePickerProps>;

package/dist/date-picker/index.js

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

package/dist/date-range/index.d.ts

@@ -1,16 +1,14 @@
-import { Dayjs } from 'dayjs';
-import React, { FC } from 'react';
-type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year';
-type DateRangeProps = {
-    value?: {
-        pickerType: PickerType;
-        pickerValue?: [Dayjs, Dayjs];
-    };
-    onChange?: ({ pickerType, pickerValue, }: {
-        pickerType: PickerType;
-        pickerValue?: [Dayjs, Dayjs];
-    }) => void;
-    style?: React.CSSProperties[];
+import { RangePickerProps } from 'antd/es/date-picker';
+import dayjs from 'dayjs';
+import { FC } from 'react';
+type PickerType = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
+export type DateRangeProps = RangePickerProps & {
+    options?: {
+        label: string;
+        value: PickerType;
+    }[];
+    value?: [dayjs.Dayjs, dayjs.Dayjs];
+    changeTime?: (dates: [dayjs.Dayjs, dayjs.Dayjs], dateStrings: [string, string], type: PickerType) => void;
 };
 export declare const DateRange: FC<DateRangeProps>;
 export {};

package/dist/date-range/index.js

@@ -1,58 +1,93 @@
+var _excluded = ["options", "value", "changeTime"];
+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."); }
 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 { DatePicker, Select, Space } from 'antd';
-import React, { useEffect, useState } from 'react';
-var RangePicker = DatePicker.RangePicker;
+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 { DatePicker, Select, TimePicker } from 'antd';
+import React, { useMemo, useState } from 'react';
 export var DateRange = function DateRange(_ref) {
-  var _style$, _style$2, _style$3;
-  var style = _ref.style,
-    onChange = _ref.onChange,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? {
-      pickerType: 'date'
-    } : _ref$value;
-  // Select下拉框所选值
-  var _useState = useState('date'),
+  var _options$;
+  var options = _ref.options,
+    value = _ref.value,
+    changeTime = _ref.changeTime,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState((options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || 'time'),
     _useState2 = _slicedToArray(_useState, 2),
     type = _useState2[0],
     setType = _useState2[1];
-  // 时间选择框所选的时间
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    date = _useState4[0],
-    setDate = _useState4[1];
-  // 时间选择框的onChange事件
-  var handleRangeChange = function handleRangeChange(e) {
-    setDate(e);
-    onChange === null || onChange === void 0 || onChange({
-      pickerType: type,
-      pickerValue: e
-    });
+  var onChangeDate = function onChangeDate(dates, dateStrings) {
+    changeTime === null || changeTime === void 0 || changeTime(dates, dateStrings, type);
   };
-  // Select下拉框的onChange事件
+  var datePickerMap = useMemo(function () {
+    return {
+      time: /*#__PURE__*/React.createElement(TimePicker.RangePicker, _extends({}, props, {
+        defaultValue: value,
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      })),
+      date: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({}, props, {
+        defaultValue: value,
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      })),
+      week: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+        picker: "week"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      })),
+      month: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+        picker: "month"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      })),
+      quarter: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+        picker: "quarter"
+      }, props, {
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      })),
+      year: /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+        picker: "year"
+      }, props, {
+        defaultValue: value,
+        style: {
+          width: 244
+        },
+        onChange: onChangeDate
+      }))
+    };
+  }, [type]);
   var handleSelectChange = function handleSelectChange(e) {
     setType(e);
-    onChange === null || onChange === void 0 || onChange({
-      pickerType: e,
-      pickerValue: date
-    });
   };
-  // 给type设置初始值
-  useEffect(function () {
-    var _value$pickerType;
-    setType((_value$pickerType = value === null || value === void 0 ? void 0 : value.pickerType) !== null && _value$pickerType !== void 0 ? _value$pickerType : 'date');
-  }, [value]);
-  // 给date设置初始值
-  useEffect(function () {
-    setDate(value === null || value === void 0 ? void 0 : value.pickerValue);
-  }, [value]);
-  return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
     value: type,
-    options: [{
+    style: {
+      width: 92
+    },
+    options: options != null ? options : [{
+      label: '时间',
+      value: 'time'
+    }, {
       label: '日期',
       value: 'date'
     }, {
@@ -68,16 +103,6 @@ export var DateRange = function DateRange(_ref) {
       label: '年份',
       value: 'year'
     }],
-    style: (_style$ = style === null || style === void 0 ? void 0 : style[0]) !== null && _style$ !== void 0 ? _style$ : {},
     onChange: handleSelectChange
-  }), type === 'date' ? /*#__PURE__*/React.createElement(RangePicker, {
-    onChange: handleRangeChange,
-    value: date,
-    style: (_style$2 = style === null || style === void 0 ? void 0 : style[1]) !== null && _style$2 !== void 0 ? _style$2 : {}
-  }) : /*#__PURE__*/React.createElement(RangePicker, {
-    picker: type,
-    value: date,
-    onChange: handleRangeChange,
-    style: (_style$3 = style === null || style === void 0 ? void 0 : style[1]) !== null && _style$3 !== void 0 ? _style$3 : {}
-  }));
+  }), datePickerMap[type]);
 };

package/dist/index.d.ts

@@ -69,8 +69,6 @@ export { Table } from './table';
 export type { ColumnGroupProps, ColumnProps, TableProps } from './table';
 export { Typography } from './typography';
 export type { TypographyProps } from './typography';
-export { DatePicker } from './date-picker';
-export type { DatePickerProps } from './date-picker';
 export { Form } from './form';
 export type { FormProps } from './form';
 export { Mentions } from './mentions';
@@ -103,6 +101,7 @@ export { Carousel } from './carousel';
 export type { CarouselProps } from './carousel';
 export { Dictionary } from './dictionary';
 export { DateInterval } from './date-interval';
+export type { DateIntervalProps } from './date-interval';
 export { DrawerModal } from './drawer-modal';
 export { Empty } from './empty';
 export type { EmptyProps } from './empty';
@@ -158,6 +157,9 @@ export type { AppProps } from './app';
 export { YearTerm } from './year-term';
 export { YearOptions } from './year-options';
 export { DateRange } from './date-range';
+export type { DateRangeProps } from './date-range';
+export { DatePicker } from './date-picker';
+export type { DatePickerProps } from './date-picker';
 export { Teacher } from './teacher';
 export type { TeacherProps } from './teacher/types/types';
 export { UserDropdown } from './user-dropdown';

package/dist/index.js

@@ -36,7 +36,6 @@ export { State } from "./state";
 export { BusinessTree } from "./business-tree";
 export { Table } from "./table";
 export { Typography } from "./typography";
-export { DatePicker } from "./date-picker";
 export { Form } from "./form";
 export { Mentions } from "./mentions";
 export { Radio } from "./radio";
@@ -86,6 +85,7 @@ export { App } from "./app";
 export { YearTerm } from "./year-term";
 export { YearOptions } from "./year-options";
 export { DateRange } from "./date-range";
+export { DatePicker } from "./date-picker";
 export { Teacher } from "./teacher";
 export { UserDropdown } from "./user-dropdown";
 export { ConfigProvider } from "./config-provider";

package/package.json

@@ -1,101 +1,101 @@
-{
-  "name": "yootd",
-  "version": "0.0.28",
-  "description": "A react library developed with dumi",
-  "license": "MIT",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "father build",
-    "build:watch": "father dev",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:preview": "dumi preview",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && npm run build",
-    "start": "npm run dev"
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*.{md,json}": [
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.{css,less}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/modifiers": "^7.0.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-query": "^5.59.15",
-    "@types/lodash": "^4.17.12",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/lint": "^4.0.0",
-    "@vladmandic/face-api": "^1.7.14",
-    "antd": "^5.21.4",
-    "axios": "^1.7.7",
-    "dayjs": "^1.11.13",
-    "dumi": "^2.3.0",
-    "dumi-theme-antd": "^0.4.2",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "lodash": "^4.17.21",
-    "nanoid": "^5.0.8",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "sass": "^1.80.0",
-    "stylelint": "^14.9.1",
-    "yootd-webrtc-sdk": "^1.0.1"
-  },
-  "peerDependencies": {
-    "@dnd-kit/core": ">=6.1.0",
-    "@dnd-kit/modifiers": ">=7.0.0",
-    "@dnd-kit/sortable": ">=8.0.0",
-    "@dnd-kit/utilities": ">=3.2.2",
-    "@tanstack/react-query": ">=5.59.15",
-    "@vladmandic/face-api": "^1.7.14",
-    "@xyflow/react": ">=12.3.3",
-    "antd": ">=5.21.4",
-    "axios": ">=1.7.7",
-    "dayjs": ">=1.11.13",
-    "lodash": ">=4.17.21",
-    "nanoid": ">=5.0.8",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
-    "yootd-webrtc-sdk": "^1.0.1"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "authors": []
-}
+{
+  "name": "yootd",
+  "version": "0.0.30",
+  "description": "A react library developed with dumi",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:preview": "dumi preview",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && npm run build",
+    "start": "npm run dev"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@tanstack/react-query": "^5.59.15",
+    "@types/lodash": "^4.17.12",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "@vladmandic/face-api": "^1.7.14",
+    "antd": "^5.21.4",
+    "axios": "^1.7.7",
+    "dayjs": "^1.11.13",
+    "dumi": "^2.3.0",
+    "dumi-theme-antd": "^0.4.2",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "lodash": "^4.17.21",
+    "nanoid": "^5.0.8",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "sass": "^1.80.0",
+    "stylelint": "^14.9.1",
+    "yootd-webrtc-sdk": "^1.0.1"
+  },
+  "peerDependencies": {
+    "@dnd-kit/core": ">=6.1.0",
+    "@dnd-kit/modifiers": ">=7.0.0",
+    "@dnd-kit/sortable": ">=8.0.0",
+    "@dnd-kit/utilities": ">=3.2.2",
+    "@tanstack/react-query": ">=5.59.15",
+    "@vladmandic/face-api": "^1.7.14",
+    "@xyflow/react": ">=12.3.3",
+    "antd": ">=5.21.4",
+    "axios": ">=1.7.7",
+    "dayjs": ">=1.11.13",
+    "lodash": ">=4.17.21",
+    "nanoid": ">=5.0.8",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0",
+    "yootd-webrtc-sdk": "^1.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": []
+}