yootd 0.2.19 → 0.2.21

package/dist/aside/components/SortableItem.js

@@ -34,7 +34,11 @@ var SortableItem = function SortableItem(_ref) {
     subId = _ref.subId,
     isSubNode = _ref.isSubNode,
     subNode = _ref.subNode,
-    onSubClick = _ref.onSubClick;
+    onSubClick = _ref.onSubClick,
+    _ref$showEditBtn = _ref.showEditBtn,
+    showEditBtn = _ref$showEditBtn === void 0 ? true : _ref$showEditBtn,
+    _ref$showDelBtn = _ref.showDelBtn,
+    showDelBtn = _ref$showDelBtn === void 0 ? true : _ref$showDelBtn;
   var _useSortable = useSortable({
       id: id
     }),
@@ -44,7 +48,6 @@ var SortableItem = function SortableItem(_ref) {
     transform = _useSortable.transform,
     transition = _useSortable.transition,
     isDragging = _useSortable.isDragging;
-  console.log(statusColor[status !== null && status !== void 0 ? status : '']);
   var style = _objectSpread({
     transform: CSS.Transform.toString(transform),
     transition: transition
@@ -92,11 +95,13 @@ var SortableItem = function SortableItem(_ref) {
       marginLeft: dragBtnIcon ? '6px' : '0'
     }
   }, title))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(top.b('top-right'))
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle')),
     style: {
       marginLeft: editBtnIcon || delBtnIcon ? '12px' : 0
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, showEditBtn ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle').b('top-edit-btn-icon')),
     style: {
       opacity: id === activeKey ? 1 : 0,
@@ -117,7 +122,7 @@ var SortableItem = function SortableItem(_ref) {
     }
   }, /*#__PURE__*/React.createElement(EditBtnIcon, {
     className: "".concat(top.b('top-middle').b('top-edit-btn-icon').e('edit-btn-icon-svg'))
-  })), /*#__PURE__*/React.createElement("div", {
+  })) : null, showDelBtn ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(top.b('top-middle').b('top-del-btn-icon')),
     style: {
       opacity: id === activeKey ? 1 : 0,
@@ -138,7 +143,7 @@ var SortableItem = function SortableItem(_ref) {
     }
   }, /*#__PURE__*/React.createElement(DelBtnIcon, {
     className: "".concat(top.b('top-middle').b('top-del-btn-icon').e('del-btn-icon-svg'))
-  }))), /*#__PURE__*/React.createElement("div", {
+  })) : null), /*#__PURE__*/React.createElement("div", {
     style: {
       display: switchBtnIcon ? 'block' : 'none',
       marginLeft: switchBtnIcon ? '12px' : '0'
@@ -152,7 +157,7 @@ var SortableItem = function SortableItem(_ref) {
     onChange: function onChange(e) {
       onSwitch === null || onSwitch === void 0 || onSwitch(id, e);
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(mb.b('content').b('bottom')),
     style: {
       marginLeft: dragBtnIcon ? '22px' : '0'

package/dist/aside/components/SortableItem.scss

@@ -54,6 +54,9 @@
           }
         }
       }
+      &-top-right {
+        display: flex;
+      }
     }
     &-bottom {
       text-overflow: ellipsis;
@@ -100,11 +103,12 @@
             -webkit-line-clamp: 2; //超出2行隐藏，并显示省略号
             line-clamp: 2;
           }
-          &__top-title-active{
+          &__top-title-active {
             font-weight: bold;
           }
         }
       }
+
       &-top-middle {
         display: flex;
         align-items: center;
@@ -150,7 +154,7 @@
     background-color: #e5e5e5;
     z-index: 100;
   }
-  &-content-no-bg::before{
+  &-content-no-bg::before {
     content: '';
     position: absolute;
     bottom: -0.5px;
@@ -194,7 +198,7 @@
     box-sizing: border-box;
     cursor: pointer;
     background-color: #fff;
-    border-bottom:1 px solid ;
+    border-bottom: 1 px solid;
     &-top {
       display: flex;
       justify-content: space-between;

package/dist/aside/index.js

@@ -231,7 +231,9 @@ export var Aside = function Aside(_ref) {
       status: item.status,
       subId: subKey !== null && subKey !== void 0 ? subKey : (_item$children = item.children) === null || _item$children === void 0 || (_item$children = _item$children[0]) === null || _item$children === void 0 ? void 0 : _item$children.key,
       isSubNode: isSubNode,
-      subNode: item.children
+      subNode: item.children,
+      showDelBtn: item.showDelBtn,
+      showEditBtn: item.showEditBtn
     });
   })))));
 };

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

@@ -6,6 +6,8 @@ type IdataItem = {
   checked?: boolean;
   status?: string;
   data?: any;
+  showEditBtn?: boolean;
+  showDelBtn?: boolean;
   children?: Array<{
     key: string;
     title: string;
@@ -13,6 +15,8 @@ type IdataItem = {
     checked?: boolean;
     status?: string;
     data?: any;
+    showEditBtn?: boolean;
+    showDelBtn?: boolean;
   }>;
 };
 export type AsideProps = {
@@ -56,6 +60,8 @@ export type AsideItemProps = {
   extra?: string;
   status?: string;
   data?: any;
+  showEditBtn?: boolean;
+  showDelBtn?: boolean;
   onClick?: (key: string | undefined, e: IdataItem) => void;
   onEdit?: (key: string, e: IdataItem) => void;
   onDel?: (key: string, e: IdataItem) => void;
@@ -69,6 +75,8 @@ export type AsideItemProps = {
     checked?: boolean;
     status?: string;
     data?: any;
+    showEditBtn?: boolean;
+    showDelBtn?: boolean;
   }>;
   onSubClick?: (key, subKey: string | undefined, e: IdataItem) => void;
 };

package/dist/business-tree/components/dept.d.ts

@@ -1,4 +1,14 @@
 import React from 'react';
-import { TreeProps } from "../..";
-declare const App: React.FC<TreeProps>;
-export default App;
+import { TreeRefProps } from "../..";
+declare const DeptTree: React.ForwardRefExoticComponent<import("antd").TreeProps<import("antd").TreeDataNode> & {
+    showChildNumbers?: boolean | undefined;
+    placeholder?: string | undefined;
+    showSearch?: boolean | undefined;
+    type?: string | undefined;
+    depth?: number | undefined;
+    notRequireSchool?: boolean | undefined;
+    areaType?: number | undefined;
+    areaSubType?: number | undefined;
+    requireLastLevel?: boolean | undefined;
+} & React.RefAttributes<TreeRefProps>>;
+export default DeptTree;

package/dist/business-tree/components/dept.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
 import { useQuery } from '@tanstack/react-query';
-import React, { useMemo } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { Tree } from "../..";
 import { useRequest } from "../../hooks/useRequest";
-var App = function App(_ref) {
+var DeptTree = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   var request = useRequest();
   var _useQuery = useQuery({
@@ -19,7 +19,8 @@ var App = function App(_ref) {
         });
       }
     }),
-    queryDepts = _useQuery.data;
+    queryDepts = _useQuery.data,
+    refetch = _useQuery.refetch;
   var treeData = useMemo(function () {
     if (queryDepts !== null && queryDepts !== void 0 && queryDepts.content) {
       var jsonStr = JSON.stringify(queryDepts.content);
@@ -27,9 +28,16 @@ var App = function App(_ref) {
       return JSON.parse(formatted);
     }
   }, [queryDepts]);
+  useImperativeHandle(ref, function () {
+    return {
+      refetchData: function refetchData() {
+        refetch();
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement(Tree, _extends({
     treeData: treeData,
     showIcon: true
   }, props));
-};
-export default App;
+});
+export default DeptTree;

package/dist/business-tree/components/space.d.ts

@@ -1,4 +1,14 @@
 import React from 'react';
-import { TreeProps } from "../..";
-declare const App: React.FC<TreeProps>;
-export default App;
+import { TreeRefProps } from "../..";
+declare const SpaceTree: React.ForwardRefExoticComponent<import("antd").TreeProps<import("antd").TreeDataNode> & {
+    showChildNumbers?: boolean | undefined;
+    placeholder?: string | undefined;
+    showSearch?: boolean | undefined;
+    type?: string | undefined;
+    depth?: number | undefined;
+    notRequireSchool?: boolean | undefined;
+    areaType?: number | undefined;
+    areaSubType?: number | undefined;
+    requireLastLevel?: boolean | undefined;
+} & React.RefAttributes<TreeRefProps>>;
+export default SpaceTree;

package/dist/business-tree/components/space.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["depth", "notRequireSchool", "areaType", "areaSubType", "requireLastLevel"];
 import { useQuery } from '@tanstack/react-query';
-import React, { useMemo } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { Tree } from "../..";
 import { useRequest } from "../../hooks/useRequest";
-var App = function App(_ref) {
+var SpaceTree = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var depth = _ref.depth,
     notRequireSchool = _ref.notRequireSchool,
     areaType = _ref.areaType,
@@ -31,7 +31,8 @@ var App = function App(_ref) {
         });
       }
     }),
-    queryAreas = _useQuery.data;
+    queryAreas = _useQuery.data,
+    refetch = _useQuery.refetch;
   var treeData = useMemo(function () {
     if (queryAreas !== null && queryAreas !== void 0 && queryAreas.content) {
       var jsonStr = JSON.stringify(queryAreas.content);
@@ -39,11 +40,18 @@ var App = function App(_ref) {
       return JSON.parse(formatted);
     }
   }, [queryAreas]);
+  useImperativeHandle(ref, function () {
+    return {
+      refetchData: function refetchData() {
+        refetch();
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement(Tree, _extends({
     treeData: treeData,
     showIcon: true
   }, props, {
     notRequireSchool: notRequireSchool
   }));
-};
-export default App;
+});
+export default SpaceTree;

package/dist/business-tree/index.d.ts

@@ -1,3 +1,15 @@
-import { FC } from 'react';
-import { TreeProps } from "..";
-export declare const BusinessTree: FC<TreeProps>;
+import React from 'react';
+export interface TreeRefProps {
+    refetchData: () => void;
+}
+export declare const BusinessTree: React.ForwardRefExoticComponent<import("antd").TreeProps<import("antd").TreeDataNode> & {
+    showChildNumbers?: boolean | undefined;
+    placeholder?: string | undefined;
+    showSearch?: boolean | undefined;
+    type?: string | undefined;
+    depth?: number | undefined;
+    notRequireSchool?: boolean | undefined;
+    areaType?: number | undefined;
+    areaSubType?: number | undefined;
+    requireLastLevel?: boolean | undefined;
+} & React.RefAttributes<TreeRefProps>>;

package/dist/business-tree/index.js

@@ -1,15 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["type"];
-import React from 'react';
+import React, { forwardRef } from 'react';
 import Departments from "./components/dept";
 import Space from "./components/space";
-export var BusinessTree = function BusinessTree(_ref) {
+export var BusinessTree = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var type = _ref.type,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'dept' ? /*#__PURE__*/React.createElement(Departments, _extends({
     type: type
-  }, props)) : null, type === 'area' ? /*#__PURE__*/React.createElement(Space, _extends({
+  }, props, {
+    ref: ref
+  })) : null, type === 'area' ? /*#__PURE__*/React.createElement(Space, _extends({
     type: type
-  }, props)) : null);
-};
+  }, props, {
+    ref: ref
+  })) : null);
+});

package/dist/index.d.ts

@@ -70,6 +70,7 @@ export { ApprovalProcess } from './approval-process';
 export { State } from './state';
 export type { StateProps } from './state';
 export { BusinessTree } from './business-tree';
+export type { TreeRefProps } from './business-tree';
 export { Table } from './table';
 export type { ColumnGroupProps, ColumnProps, TableProps } from './table';
 export { Typography } from './typography';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "基于 Antd 二次开发的组件库",
   "license": "MIT",
   "module": "dist/index.js",