yootd 0.2.49 → 0.2.51

package/dist/aside/components/SortableItem.js

@@ -38,7 +38,10 @@ var SortableItem = function SortableItem(_ref) {
     _ref$showEditBtn = _ref.showEditBtn,
     showEditBtn = _ref$showEditBtn === void 0 ? true : _ref$showEditBtn,
     _ref$showDelBtn = _ref.showDelBtn,
-    showDelBtn = _ref$showDelBtn === void 0 ? true : _ref$showDelBtn;
+    showDelBtn = _ref$showDelBtn === void 0 ? true : _ref$showDelBtn,
+    customBtn = _ref.customBtn,
+    customTitle = _ref.customTitle;
+  console.log('customBtn', customBtn);
   var _useSortable = useSortable({
       id: id
     }),
@@ -88,13 +91,13 @@ var SortableItem = function SortableItem(_ref) {
     className: "".concat(top.b('top-left').b('top-drag-btn-icon').e('drag-btn-icon-svg'))
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-left').b('top-title-wrap'))
-  }, /*#__PURE__*/React.createElement("span", {
+  }, customTitle ? customTitle : /*#__PURE__*/React.createElement("span", {
     className: "".concat(top.b('top-left').b('top-title-wrap').e('top-title'), " ").concat(id === activeKey ? "".concat(top.b('top-left').b('top-title-wrap').e('top-title-active')) : ''),
     style: {
       marginRight: editBtnIcon || delBtnIcon ? '12px' : '0',
       marginLeft: dragBtnIcon ? '6px' : '0'
     }
-  }, title))), /*#__PURE__*/React.createElement("div", {
+  }, title))), customBtn ? customBtn : /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-right'))
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle')),
@@ -174,22 +177,17 @@ var SortableItem = function SortableItem(_ref) {
       key: index,
       className: "".concat(mb.b('sub-content'), " ").concat(id === activeKey && subId === item.key ? "".concat(mb.e('sub-content-active')) : '', " ").concat(mb.b(statusColor[status !== null && status !== void 0 ? status : ''])),
       onClick: function onClick() {
-        console.log(id, item.key, _objectSpread({}, item));
         onSubClick === null || onSubClick === void 0 || onSubClick(id, item.key, _objectSpread({}, item));
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(subTop)
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(subTop.b('top-left'))
-    }, /*#__PURE__*/React.createElement("div", {
+    }, item.customTitle ? item.customTitle : /*#__PURE__*/React.createElement("div", {
       className: "".concat(subTop.b('top-left').b('top-title-wrap'))
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(subTop.b('top-left').b('top-title-wrap').e('top-title'), " ").concat(subId === item.key ? "".concat(subTop.b('top-left').b('top-title-wrap').e('top-title-active')) : ''),
-      style: {
-        marginRight: editBtnIcon || delBtnIcon ? '12px' : '0',
-        marginLeft: dragBtnIcon ? '6px' : '0'
-      }
-    }, item.title)))), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(subTop.b('top-left').b('top-title-wrap').e('top-title'))
+    }, item.title))), item.customBtn), /*#__PURE__*/React.createElement("div", {
       className: "".concat(mb.b('content').b('bottom')),
       style: {
         marginLeft: dragBtnIcon ? '22px' : '0'

package/dist/aside/index.js

@@ -236,7 +236,9 @@ export var Aside = function Aside(_ref) {
       isSubNode: isSubNode,
       subNode: item.children,
       showDelBtn: item.showDelBtn,
-      showEditBtn: item.showEditBtn
+      showEditBtn: item.showEditBtn,
+      customBtn: item.customBtn,
+      customTitle: item.customTitle
     });
   })))));
 };

package/dist/aside/types/types.d.ts

@@ -2,22 +2,15 @@ import { React } from 'react';
 type IdataItem = {
   key: string;
   title: string;
+  customTitle?: React.ReactNode;
   extra?: string;
   checked?: boolean;
   status?: string;
   data?: any;
   showEditBtn?: boolean;
   showDelBtn?: boolean;
-  children?: Array<{
-    key: string;
-    title: string;
-    extra?: string;
-    checked?: boolean;
-    status?: string;
-    data?: any;
-    showEditBtn?: boolean;
-    showDelBtn?: boolean;
-  }>;
+  customBtn?: React.ReactNode; // 自定义按钮
+  children?: IdataItem[];
 };
 export type AsideProps = {
   width?: number;
@@ -52,6 +45,7 @@ export type AsideItemProps = {
   activeKey: string;
   id: string;
   title: string;
+  customTitle?: React.ReactNode;
   editBtnIcon?: boolean;
   delBtnIcon?: boolean;
   switchBtnIcon?: boolean;
@@ -60,6 +54,7 @@ export type AsideItemProps = {
   extra?: string;
   status?: string;
   data?: any;
+  customBtn?: React.ReactNode;
   showEditBtn?: boolean;
   showDelBtn?: boolean;
   onClick?: (key: string | undefined, e: IdataItem) => void;
@@ -71,12 +66,14 @@ export type AsideItemProps = {
   subNode?: Array<{
     key: string;
     title: string;
+    customTitle?: React.ReactNode;
     extra?: string;
     checked?: boolean;
     status?: string;
     data?: any;
     showEditBtn?: boolean;
     showDelBtn?: boolean;
+    customBtn?: React.ReactNode; // 自定义按钮
   }>;
   onSubClick?: (key, subKey: string | undefined, e: IdataItem) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "description": "基于 Antd 二次开发的组件库",
   "license": "MIT",
   "sideEffects": [