@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.5

package/lib/sidebar/index.js

@@ -4,7 +4,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
+var _exportNames = {
+  ProIconSwitch: true
+};
+Object.defineProperty(exports, "ProIconSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _IconSwitch.default;
+  }
+});
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./index.scss");
@@ -38,11 +46,13 @@ Object.keys(_utils2).forEach(function (key) {
     }
   });
 });
-var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
+var _IconSwitch = _interopRequireDefault(require("./components/tree-node/components/IconSwitch"));
+var _excluded = ["selectedKeys", "checkedKeys", "defaultSelectedKeys", "defaultCheckedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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."); }
@@ -56,6 +66,8 @@ var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar');
 var ProSidebar = function ProSidebar(props) {
   var selectedKeys = props.selectedKeys,
     checkedKeys = props.checkedKeys,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    defaultCheckedKeys = props.defaultCheckedKeys,
     dataSourceProp = props.dataSource,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
@@ -90,46 +102,38 @@ var ProSidebar = function ProSidebar(props) {
     onExpandAllChangeProp = props.onExpandAllChange,
     onExpandLevelChangeProp = props.onExpandLevelChange,
     others = _objectWithoutProperties(props, _excluded);
-
   // 搜索的关键词
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     searchKey = _useState2[0],
     setSearchKey = _useState2[1];
-
   // loading 状态
   var _useState3 = (0, _react.useState)(true),
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
-
   // 数据源
   var _useState5 = (0, _react.useState)(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
     _useState6 = _slicedToArray(_useState5, 2),
     dataSource = _useState6[0],
     setDataSource = _useState6[1];
-
   // 展开全部状态
   var _useState7 = (0, _react.useState)(false),
     _useState8 = _slicedToArray(_useState7, 2),
     expandAllState = _useState8[0],
     setExpandAllState = _useState8[1];
-
   // 展开层级状态
   var _useState9 = (0, _react.useState)(0),
     _useState10 = _slicedToArray(_useState9, 2),
     expandLevelState = _useState10[0],
     setExpandLevelState = _useState10[1];
-
   // 树层级
   var _useState11 = (0, _react.useState)(0),
     _useState12 = _slicedToArray(_useState11, 2),
     expandLevel = _useState12[0],
     setExpandLevel = _useState12[1];
   var actionRef = (0, _react.useRef)();
-
   // const requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
-
   var requestConfig = {
     url: url,
     method: method,
@@ -155,7 +159,6 @@ var ProSidebar = function ProSidebar(props) {
   (0, _react.useEffect)(function () {
     setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
   }, [dataSourceProp]);
-
   // 请求数据
   var request = function request() {
     setLoading(true);
@@ -170,19 +173,16 @@ var ProSidebar = function ProSidebar(props) {
       request();
     }
   });
-
   // 展开全部变化回调
   var onExpandAllChange = function onExpandAllChange(status) {
     setExpandAllState(status);
     onExpandAllChangeProp === null || onExpandAllChangeProp === void 0 ? void 0 : onExpandAllChangeProp(status);
   };
-
   // 展开层级回调
   var onExpandLevelChange = function onExpandLevelChange(level) {
     setExpandLevelState(level);
     onExpandLevelChangeProp === null || onExpandLevelChangeProp === void 0 ? void 0 : onExpandLevelChangeProp(level);
   };
-
   // DataSource 变化回调。用于更新层级
   var onDataSourceChange = function onDataSourceChange(dataSource) {
     var level = (0, _.getTreeLevel)(dataSource);
@@ -194,7 +194,7 @@ var ProSidebar = function ProSidebar(props) {
       'scroll-tree': scrollArea === 'tree'
     }, "deep-".concat(expandLevel), true)), " ").concat(className),
     style: style
-  }, /*#__PURE__*/_react.default.createElement(_sidebarContainer.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_sidebarContainer.default, _objectSpread(_objectSpread({
     searchOnChange: (0, _lodash.default)(function (value) {
       if (showSearch) {
         searchOnChange === null || searchOnChange === void 0 ? void 0 : searchOnChange(value);
@@ -207,7 +207,7 @@ var ProSidebar = function ProSidebar(props) {
     scrollArea: scrollArea,
     expandLevel: expandLevel,
     isTree: (0, _.getTreeLevel)(dataSource) > 1 ? true : false
-  }, others, cardProps), loading && /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/_react.default.createElement(_tree.default, _extends({
+  }, others), cardProps), loading && /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/_react.default.createElement(_tree.default, _objectSpread({
     dataSource: dataSource,
     searchKey: searchKey,
     onSelect: onSelect,
@@ -219,7 +219,9 @@ var ProSidebar = function ProSidebar(props) {
     beforeRenderNode: beforeRenderNode,
     expandAll: expandAllState,
     expandLevel: expandLevelState,
-    onDataSourceChange: onDataSourceChange
+    onDataSourceChange: onDataSourceChange,
+    defaultSelectedKeys: defaultSelectedKeys,
+    defaultCheckedKeys: defaultCheckedKeys
   }, treeProps))));
 };
 var _default = ProSidebar;

package/lib/sidebar/typing.d.ts

@@ -0,0 +1,145 @@
+/// <reference types="react" />
+import { MessageProps } from '@alifd/next/types/message';
+import { NodeProps, TreeProps } from '@alifd/next/types/tree';
+import { CommonRequestConfig } from '@teamix/utils';
+import { ProTagItem } from '../field';
+import { ProActionConfig, ProCardProps, ProFieldProps, ProFieldRenderProps, ProFieldType } from '..';
+/** ProSidebar 定义 */
+export declare type ProSidebarProps = {
+    /** 数据源 */
+    dataSource?: ProSidebarDataSource;
+    /** 点击的节点 */
+    selectedKeys?: TreeProps['selectedKeys'];
+    /** 非受控 默认点击的节点 */
+    defaultSelectedKeys?: TreeProps['defaultSelectedKeys'];
+    /** 选中的节点 */
+    checkedKeys?: TreeProps['checkedKeys'];
+    /** 非受控 默认选中的节点 */
+    defaultCheckedKeys?: TreeProps['defaultCheckedKeys'];
+    /** 节点点击回调 */
+    onSelect?: TreeProps['onSelect'];
+    /** 节点选中回调 */
+    onCheck?: TreeProps['onCheck'];
+    /** 树配置 */
+    treeProps?: TreeProps;
+    /** 卡片配置 */
+    cardProps?: ProCardProps;
+    /** 显示数量 */
+    showExtraNumber?: boolean;
+    /** actionRef */
+    actionRef?: React.MutableRefObject<ProSidebarActionType | undefined>;
+    /** 渲染树节点之前的回调 dataSource 变动时调用 */
+    beforeRenderNode?: (item: ProSidebarDataSourceItem, level: number, dataSource: ProSidebarDataSource) => ProSidebarDataSourceItem;
+    /** 监听渲染树节点之前的事件 当节点状态改变、dataSource 变动时调用 */
+    onBeforeRenderNodeEvent?: (item: ProSidebarDataSourceItem, checkedKeys: TreeProps['checkedKeys'], selectedKeys: TreeProps['selectedKeys'], dataSource: ProSidebarDataSource) => ProSidebarDataSourceItem;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> & Omit<ProSidebarContainerProps, 'onSelect'> & ProSidebarRequestProps;
+/** 数据源定义 */
+export declare type ProSidebarDataSource = ProSidebarDataSourceItem[];
+export declare type ProSidebarDataSourceItem = {
+    /** 展示值 */
+    label?: string;
+    /** 绑定值 */
+    value?: any;
+    /** 标签 */
+    tag?: ProTagItem;
+    /** 右侧操作、状态区 */
+    extra?: ProSidebarExtraProps;
+    /** 子项 */
+    children?: ProSidebarDataSourceItem[];
+    /** label 类型 对应 ProFieldType */
+    valueType?: ProFieldType;
+    /** 渲染 label 的 render 对应 ProFieldRenderProps */
+    render?: ProFieldRenderProps;
+    /** ProField 的其他配置项 */
+    fieldProps?: ProFieldProps;
+    /** TreeNode 的其他配置项 */
+    treeNodeProps?: ProFieldProps;
+} & NodeProps;
+/** 单项 extra 配置项 */
+export declare type ProSidebarExtraProps = React.ReactNode | (ProSidebarExtraPropsItem | React.ReactNode)[];
+export declare type ProSidebarExtraPropsItem = {
+    /** 相应功能项 */
+    type: 'action' | 'iconSwitch' | 'iconAction' | 'custom';
+    /** action 相应配置 */
+    action: ProActionConfig;
+    /** 相应配置 */
+    props: any;
+    /** 是否 hover 显示 */
+    hover?: boolean;
+    /** 自定义渲染 仅在 custom 有效 */
+    trigger?: any;
+};
+/** sidebar 容器定义 */
+export declare type ProSidebarContainerProps = {
+    children?: React.ReactNode;
+    /** 搜索输入提示 */
+    searchPlaceholder?: string;
+    /** 搜索输入其他参数 ProField 参数 */
+    searchProps?: ProFieldProps;
+    /** 是否展示搜索框 */
+    showSearch?: boolean;
+    /** 自定义搜索 */
+    customSearch?: React.ReactNode;
+    /** 搜索框变化的回调函数 */
+    searchOnChange?: (value: any) => void;
+    /** 通知提示消息区域 */
+    message?: React.ReactNode;
+    /** 自定义消息通知区域 */
+    customMessage?: React.ReactNode;
+    /** 消息通知区域的其他参数 */
+    messageProps?: MessageProps;
+    /** 滚动区域 仅在使用 ProPageContainer 时有效 */
+    scrollArea?: 'all' | 'tree';
+    /** 是否显示展开全部 */
+    showExpandAll?: boolean;
+    /** 展开全部 状态 */
+    expandAllState?: boolean;
+    /** 是否显示展开层级 */
+    showExpandLevel?: boolean;
+    /** 展开全部变化回调 */
+    onExpandAllChange?: (state: boolean) => void;
+    /** 展开层级变化回调 */
+    onExpandLevelChange?: (state: number) => void;
+    /** 展开层级 层级 */
+    expandLevel?: number;
+    /** 展开层级 当前所展示层级 */
+    expandLevelState?: number;
+    /** 列表 or tree */
+    isTree?: boolean;
+} & ProCardProps;
+/** ProSidebarTree 内容定义 */
+export declare type ProSidebarTreeProps = {
+    dataSource?: ProSidebarDataSource;
+    /** 搜索过滤关键词 */
+    searchKey?: string;
+    /** 显示数量 */
+    showExtraNumber?: ProSidebarProps['showExtraNumber'];
+    /** actionRef */
+    actionRef: React.MutableRefObject<ProSidebarActionType | undefined>;
+    /** 渲染树节点之前的回调 */
+    onBeforeRenderNodeEvent?: ProSidebarProps['onBeforeRenderNodeEvent'];
+    /** 渲染树节点之前的回调 dataSource 变动时调用 */
+    beforeRenderNode?: ProSidebarProps['beforeRenderNode'];
+    /** 展开全部 */
+    expandAll?: boolean;
+    /** 展开节点层级 */
+    expandLevel?: number;
+    /** dataSource 变化的回调 */
+    onDataSourceChange?: (dataSource: ProSidebarDataSource) => void;
+} & TreeProps;
+/** ProSidebarTreeNode 内容定义 */
+export declare type ProSidebarTreeNodeProps = {
+    dataSource?: ProSidebarDataSource;
+};
+/** ProSidebar ActionRef 定义 */
+export declare type ProSidebarActionType = {
+    /** 设置树节点 */
+    setTreeNode?: (treeNode: ProSidebarDataSourceItem) => void;
+    /** 刷新 */
+    refresh?: () => void;
+};
+/** ProSidebar 请求相关定义 */
+export declare type ProSidebarRequestProps = {
+    /** 请求地址 */
+    url?: string;
+} & Omit<CommonRequestConfig, 'url'>;

package/lib/sidebar/typing.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/sidebar/utils/action-ref.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ProSidebarActionType } from '../typing';
+export declare function useActionType<T>(ref: React.MutableRefObject<ProSidebarActionType | undefined>, action: ProSidebarActionType): void;