@chlp-tech/rpa-ui 0.0.1

package/dist/utils/index.js

@@ -0,0 +1,101 @@
+export var call = function call(fn) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  if (Array.isArray(fn)) {
+    return fn.map(function (f) {
+      return f.apply(void 0, args);
+    });
+  }
+  if (fn) {
+    return fn.apply(void 0, args);
+  }
+};
+export var normalizeToArray = function normalizeToArray(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return [value];
+};
+export function transformDataToTreeData(apiResponse) {
+  if (!(apiResponse !== null && apiResponse !== void 0 && apiResponse.data)) return [];
+  var accountTypes = [{
+    key: 'facebookAccounts',
+    title: 'Facebook'
+  }, {
+    key: 'insAccounts',
+    title: 'Instagram'
+  }, {
+    key: 'tiktokAccounts',
+    title: 'TikTok'
+  }, {
+    key: 'youtubeAccounts',
+    title: 'YouTube'
+  }, {
+    key: 'twAccounts',
+    title: 'Twitter'
+  }];
+  return accountTypes.map(function (type) {
+    var accounts = apiResponse.data[type.key];
+    if (!accounts) return null;
+    return {
+      title: type.title,
+      value: type.key,
+      children: accounts.map(function (account) {
+        return {
+          title: account['accountName'] || "Account ".concat(account.id),
+          value: account.id
+        };
+      })
+    };
+  }).filter(function (node) {
+    return node !== null;
+  });
+}
+var getMediaTypeString = function getMediaTypeString(mediaType) {
+  switch (mediaType) {
+    case 1:
+      return "fb";
+    case 2:
+      return "ins";
+    case 6:
+      return "tk";
+    case 5:
+      return "yt";
+    default:
+      return "fb";
+  }
+};
+export var mapToMockData = function mapToMockData(data) {
+  return data.map(function (item) {
+    var _item$title, _item$desc, _item$fileUrls$, _item$fileUrls, _item$thumbnailUrls, _item$mainTaskId, _ref, _item$fileUrls2, _item$postData$map, _item$postData, _item$viewCount, _item$likeCount, _item$commentCount, _item$publishTime;
+    return {
+      title: (_item$title = item.title) !== null && _item$title !== void 0 ? _item$title : "",
+      desc: (_item$desc = item.desc) !== null && _item$desc !== void 0 ? _item$desc : "",
+      fileUrl: (_item$fileUrls$ = (_item$fileUrls = item.fileUrls) === null || _item$fileUrls === void 0 ? void 0 : _item$fileUrls[0]) !== null && _item$fileUrls$ !== void 0 ? _item$fileUrls$ : "",
+      imgUrl: (_item$thumbnailUrls = item.thumbnailUrls) !== null && _item$thumbnailUrls !== void 0 ? _item$thumbnailUrls : "",
+      status: item.publishTaskStatus,
+      id: (_item$mainTaskId = item.mainTaskId) !== null && _item$mainTaskId !== void 0 ? _item$mainTaskId : 0,
+      mediaInfo: {
+        url: (_ref = [item.thumbnailUrls]) !== null && _ref !== void 0 ? _ref : [],
+        type: item.fileType === "VIDEO" ? "video" : "image",
+        previewUrl: (_item$fileUrls2 = item.fileUrls) !== null && _item$fileUrls2 !== void 0 ? _item$fileUrls2 : [],
+        onPlayClick: item.onPlayClick
+      },
+      mediaList: (_item$postData$map = (_item$postData = item.postData) === null || _item$postData === void 0 ? void 0 : _item$postData.map(function (post) {
+        var _post$mediaType, _post$postNum;
+        return {
+          media: getMediaTypeString((_post$mediaType = post.mediaType) !== null && _post$mediaType !== void 0 ? _post$mediaType : 0),
+          count: (_post$postNum = post.postNum) !== null && _post$postNum !== void 0 ? _post$postNum : 0
+        };
+      })) !== null && _item$postData$map !== void 0 ? _item$postData$map : [],
+      countData: {
+        views: (_item$viewCount = item.viewCount) !== null && _item$viewCount !== void 0 ? _item$viewCount : 0,
+        likes: (_item$likeCount = item.likeCount) !== null && _item$likeCount !== void 0 ? _item$likeCount : 0,
+        comments: (_item$commentCount = item.commentCount) !== null && _item$commentCount !== void 0 ? _item$commentCount : 0
+      },
+      createTime: (_item$publishTime = item.publishTime) !== null && _item$publishTime !== void 0 ? _item$publishTime : "",
+      isNew: !!item.isNew
+    };
+  });
+};

package/dist/video-list/delete.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>矩形</title>
+    <desc>Created with Sketch.</desc>
+    <g id="AI视频" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AI创作-视频混剪-视频生成-视频信息" transform="translate(-1073.000000, -172.000000)">
+            <g id="编组-7" transform="translate(244.000000, 80.000000)">
+                <g id="编组-17" transform="translate(616.000000, 80.000000)">
+                    <g id="编组-7备份-5" transform="translate(209.000000, 8.000000)">
+                        <g id="删除" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)">
+                            <rect id="矩形" stroke="#979797" opacity="0" x="0.5" y="0.5" width="15" height="15"></rect>
+                            <g id="编组" transform="translate(1.000000, 1.000000)" stroke="#142A51" stroke-linejoin="round">
+                                <path d="M1.66666667,2 L1.66666667,11.3333333 C1.66666667,12.4379028 2.56209717,13.3333333 3.66666667,13.3333333 L9.66666667,13.3333333 C10.7712362,13.3333333 11.6666667,12.4379028 11.6666667,11.3333333 L11.6666667,2 L11.6666667,2 L1.66666667,2 Z" id="路径"></path>
+                                <line x1="5.33333333" y1="5.33333333" x2="5.33333333" y2="9.66666667" id="路径" stroke-linecap="round"></line>
+                                <line x1="8" y1="5.33333333" x2="8" y2="9.66666667" id="路径" stroke-linecap="round"></line>
+                                <line x1="0" y1="2" x2="13.3333333" y2="2" id="路径" stroke-linecap="round"></line>
+                                <polygon id="路径" points="4 2 5.09633333 0 8.25903333 0 9.33333333 2"></polygon>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/video-list/index.d.ts

@@ -0,0 +1,46 @@
+import React, { FC } from "react";
+interface VideoItem {
+    id: number;
+    url: string;
+    previewUrl: string;
+    trackUrl?: string;
+    trackLabel?: string;
+    errorText?: React.ReactNode;
+    onPlayClick?: () => void;
+    desc?: {
+        lang?: string;
+        time?: string;
+    } | React.ReactNode;
+    headerContent?: React.ReactNode;
+}
+interface VideoListProps {
+    list: VideoItem[];
+    onDelete?: (id: number) => void;
+    onCheck?: (ids: number[]) => void;
+    gutter?: [number, number];
+    colSpan?: number;
+    height?: number;
+    responsiveColSpan?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
+    popoverContent?: (item: VideoItem) => React.ReactNode;
+    footer?: (item: VideoItem) => React.ReactNode;
+    footerStyle?: React.CSSProperties;
+    leftAction?: (item: VideoItem) => React.ReactNode;
+    onStateChange?: (state: {
+        selectedIds: number[];
+        selectionStatus: SelectionStatus;
+    }) => void;
+    selectedIds?: number[];
+    style?: React.CSSProperties;
+    isLoading?: boolean;
+    handleRetry?: () => void;
+}
+type SelectionStatus = 'all' | 'none' | 'partially';
+declare const VideoList: FC<VideoListProps>;
+export default VideoList;

package/dist/video-list/index.js

@@ -0,0 +1,219 @@
+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); }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 React, { useImperativeHandle, useState, forwardRef, useEffect, useRef } from "react";
+import { Row, Col, Checkbox, Popover, Empty, Tooltip } from "antd";
+import { MediaPlay } from "./..";
+import DeleteSvg from "./delete.svg";
+import styles from "./index.module.less";
+var VideoList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    onDelete = _ref.onDelete,
+    onCheck = _ref.onCheck,
+    _ref$gutter = _ref.gutter,
+    gutter = _ref$gutter === void 0 ? [16, 16] : _ref$gutter,
+    _ref$colSpan = _ref.colSpan,
+    colSpan = _ref$colSpan === void 0 ? 8 : _ref$colSpan,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 322 : _ref$height,
+    _ref$responsiveColSpa = _ref.responsiveColSpan,
+    responsiveColSpan = _ref$responsiveColSpa === void 0 ? {
+      xs: 24,
+      sm: 8,
+      md: 8,
+      lg: 6,
+      xl: 6,
+      xxl: 6
+    } : _ref$responsiveColSpa,
+    popoverContent = _ref.popoverContent,
+    onStateChange = _ref.onStateChange,
+    footer = _ref.footer,
+    leftAction = _ref.leftAction,
+    style = _ref.style,
+    footerStyle = _ref.footerStyle,
+    selectedIds = _ref.selectedIds,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedIds = _useState2[0],
+    setCheckedIds = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoveredItem = _useState4[0],
+    setHoveredItem = _useState4[1];
+  var itemRef = useRef(null);
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    itemWidth = _useState6[0],
+    setItemWidth = _useState6[1];
+  var getSelectionStatus = function getSelectionStatus() {
+    if (checkedIds.length === 0) return 'none';
+    if (checkedIds.length === list.length) return 'all';
+    return 'partially';
+  };
+  useEffect(function () {
+    if (onStateChange) {
+      onStateChange({
+        selectedIds: checkedIds,
+        selectionStatus: getSelectionStatus()
+      });
+    }
+  }, [checkedIds]);
+
+  // useEffect(() => {
+  //   if (selectedIds && selectedIds.join() !== checkedIds.join()) {
+  //     setCheckedIds(selectedIds || []);
+  //   }
+  // }, [selectedIds, checkedIds]);
+
+  useEffect(function () {
+    setCheckedIds(selectedIds || []);
+  }, [selectedIds]);
+  useEffect(function () {
+    if (itemRef.current) {
+      setItemWidth(itemRef.current.getBoundingClientRect().width);
+    }
+  }, [list.length]);
+  var handleCheck = function handleCheck(id, checked) {
+    var newCheckedIds = checked ? [].concat(_toConsumableArray(checkedIds), [id]) : checkedIds.filter(function (checkedId) {
+      return checkedId !== id;
+    });
+    setCheckedIds(newCheckedIds);
+    onCheck === null || onCheck === void 0 || onCheck(newCheckedIds);
+  };
+  var selectAll = function selectAll() {
+    var allIds = list.map(function (video) {
+      return video.id;
+    });
+    setCheckedIds(allIds);
+    onCheck === null || onCheck === void 0 || onCheck(allIds);
+  };
+  var cancelSelectAll = function cancelSelectAll() {
+    setCheckedIds([]);
+    onCheck === null || onCheck === void 0 || onCheck([]);
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      selectAll: selectAll,
+      cancelSelectAll: cancelSelectAll,
+      getSelectionStatus: getSelectionStatus,
+      getItemWidth: function getItemWidth() {
+        return itemWidth;
+      },
+      itemWidth: itemWidth
+    };
+  });
+  return /*#__PURE__*/React.createElement(Row, {
+    gutter: gutter
+  }, isLoading ? Array.from({
+    length: 4
+  }).map(function (_, index) {
+    return /*#__PURE__*/React.createElement(Col, _extends({
+      key: index,
+      span: colSpan
+    }, responsiveColSpan), /*#__PURE__*/React.createElement("div", {
+      className: styles.skeletonWrap
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.skeletonThumbnail
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.skeletonText
+    })));
+  }) : list.length === 0 ? /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE
+  })) : list.map(function (video, index) {
+    var isFirstItem = index === 0;
+    return /*#__PURE__*/React.createElement(Col, _extends({
+      key: video.id,
+      span: colSpan
+    }, responsiveColSpan), /*#__PURE__*/React.createElement(Tooltip, {
+      title: video.errorText,
+      color: '#fff',
+      mouseLeaveDelay: 1
+    }, /*#__PURE__*/React.createElement(Popover, {
+      arrow: false,
+      content: hoveredItem === video ? popoverContent && (popoverContent === null || popoverContent === void 0 ? void 0 : popoverContent(video)) : null,
+      open: popoverContent && popoverContent !== null && popoverContent !== void 0 && popoverContent(video) ? hoveredItem === video : false,
+      placement: "right",
+      trigger: "hover",
+      onOpenChange: function onOpenChange(visible) {
+        if (visible) {
+          setHoveredItem(video);
+        } else {
+          setHoveredItem(null);
+        }
+      }
+      // @ts-ignore
+      ,
+      onMouseEnter: function onMouseEnter() {
+        return setHoveredItem(video);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setHoveredItem(null);
+      },
+      mouseEnterDelay: 0.1,
+      mouseLeaveDelay: 0.3
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: isFirstItem ? itemRef : null,
+      className: "".concat(styles.video_wrap, " ").concat(checkedIds.includes(video.id) ? styles.selected : ""),
+      style: style
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: "relative",
+        height: height
+      }
+    }, /*#__PURE__*/React.createElement(MediaPlay, {
+      url: [video.url],
+      type: "video",
+      previewUrl: [video.previewUrl],
+      trackLabel: video.trackLabel,
+      trackUrl: video.trackUrl,
+      onPlayClick: video.onPlayClick
+    }), leftAction && hoveredItem === video && leftAction(video), video.headerContent && /*#__PURE__*/React.createElement("div", {
+      className: styles.video_wrap_header
+    }, video.headerContent), onCheck && /*#__PURE__*/React.createElement("div", {
+      className: styles.video_wrap_check
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      checked: checkedIds.includes(video.id),
+      onChange: function onChange(e) {
+        return handleCheck(video.id, e.target.checked);
+      }
+    })), onDelete && /*#__PURE__*/React.createElement("div", {
+      className: styles.video_wrap_delete,
+      onClick: function onClick() {
+        return onDelete(video.id);
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: DeleteSvg,
+      alt: "delete"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles.video_wrap_desc
+    }, /*#__PURE__*/React.isValidElement(video.desc) ? video.desc : _typeof(video.desc) === "object" && video.desc !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, "lang" in video.desc && video.desc.lang && /*#__PURE__*/React.createElement("div", {
+      className: styles.circle_block,
+      style: {
+        background: "linear-gradient(90deg, #F42E47 0%, #6E3EE1 100%)"
+      }
+    }, video.desc.lang), "time" in video.desc && video.desc.time && /*#__PURE__*/React.createElement("div", {
+      className: styles.circle_block,
+      style: {
+        background: "rgba(0, 0, 0, 0.5)"
+      }
+    }, video.desc.time)) : null)), footer && /*#__PURE__*/React.createElement("div", {
+      className: styles.footer,
+      style: footerStyle
+    }, footer(video))))));
+  }));
+});
+export default VideoList;

package/dist/video-list/index.module.less

@@ -0,0 +1,127 @@
+.video_wrap {
+  position: relative;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  overflow: hidden;
+  cursor: pointer;
+  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
+  will-change: transform;
+
+  &:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  }
+
+  &_check, &_delete {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
+  }
+
+  &:hover &_check, &:hover &_delete {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &_check {
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    width: 24px;
+    height: 24px;
+    background: #FFFFFF;
+    text-align: center;
+    border-radius: 4px;
+  }
+
+  &_delete {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 24px;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 24px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+
+  &_desc {
+    position: absolute;
+    bottom: 12px;
+    right: 8px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  &_header {
+    position: absolute;
+    top: 8px;
+    padding: 0 8px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+}
+
+.circle_block {
+  padding: 2px 8px;
+  background: linear-gradient(90deg, #F42E47 0%, #6E3EE1 100%);
+  border-radius: 8px;
+  text-align: center;
+  color: #FFFFFF;
+}
+
+.selected {
+  border-color: #1890ff;
+}
+
+
+.footer {
+  width: 100%;
+  padding: 16px 0;
+  background: #FFFFFF;
+}
+
+@keyframes loading {
+  0% {
+    background-position: -200px 0;
+  }
+  100% {
+    background-position: calc(200px + 100%) 0;
+  }
+}
+
+.skeletonWrap {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  background: #f0f0f0;
+  padding: 10px;
+  border-radius: 8px;
+}
+
+.skeletonThumbnail,
+.skeletonText {
+  background-color: #e0e0e0;
+  background-image: linear-gradient(90deg, #e0e0e0 25%, #f3f3f3 50%, #e0e0e0 75%);
+  background-size: 200px 100%;
+  background-repeat: no-repeat;
+  animation: loading 1.5s infinite;
+}
+
+.skeletonThumbnail {
+  height: 200px;
+  border-radius: 4px;
+}
+
+.skeletonText {
+  height: 20px;
+  border-radius: 4px;
+  width: 60%;
+}

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@chlp-tech/rpa-ui",
+  "version": "0.0.1",
+  "description": "rpa-ui",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "father build",
+    "build:watch": "father dev",
+    "docs:build": "dumi build",
+    "docs:preview": "dumi preview",
+    "prepare": "husky install && dumi setup",
+    "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}\"",
+    "prepublishOnly": "father doctor && npm run build"
+  },
+  "authors": [],
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "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"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=4.18.0",
+    "antd": ">=4.18.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^5.5.2",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "dumi": "^2.3.0",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "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",
+    "stylelint": "^14.9.1",
+    "terser": "^5.33.0"
+  },
+  "dependencies": {
+    "@webav/av-cliper": "^1.0.11",
+    "dayjs": "^1.11.13",
+    "js-md5": "^0.8.3",
+    "styled-components": "^6.1.12"
+  }
+}