@ccs-ui/rc-pro 1.0.7-rc.12 → 1.0.7-rc.13

package/es/context/index.d.ts

@@ -1,20 +1,33 @@
+import { TabPaneProps } from 'antd';
 import { Store } from 'antd/es/form/interface';
 import { Location } from 'history';
-import { Tab } from 'rc-tabs/lib/interface';
 import React from 'react';
-import { CcsUserDetailType } from '..';
-interface TabProps {
+import { CcsUserDetailType, RecordType } from '..';
+type CcsTabsChangeProps = {
+    /** 当前激活tab面板的key */
+    activeKey?: string;
+    /** 启用tab keys */
+    enableKeys?: string[];
+    /** 禁用tab keys */
+    disableKeys?: string[];
+    /** tab间传递的参数 */
+    options?: RecordType;
+};
+export type CcsTabProps = Omit<TabPaneProps, 'tab'> & {
+    key: string;
+    label: React.ReactNode;
+};
+interface CcsTabsContextType {
     /** 当前激活tab面板的key */
     activeKey: string;
-    /** Tabs items */
-    items: Tab[];
     /** tab间传递的参数 */
-    option: any;
-}
-interface TabsContextType extends TabProps {
-    option: any;
+    options: RecordType;
+    /** 添加tab */
+    onAddTabs: (tab: CcsTabProps | CcsTabProps[]) => void;
+    /** 移除tab */
+    onRemoveTabs: (key: string | string[]) => void;
     /** 改变tab间传递的参数 */
-    onChange: (tab: Partial<TabProps>) => void;
+    onTabChange: (tab: CcsTabsChangeProps) => void;
 }
 type PageContextType = {
     /** ID */
@@ -41,6 +54,6 @@ interface FnContextType<T = Store> {
 declare const GlobalContext: React.Context<GlobalContextType>;
 declare const DrawerAndModalContext: React.Context<FnContextType<any>>;
 declare const PageContext: React.Context<PageContextType>;
-declare const TabsContext: React.Context<TabsContextType>;
-export type { TabProps, FnContextType, TabsContextType, GlobalContextPropsType, };
+declare const TabsContext: React.Context<CcsTabsContextType>;
+export type { FnContextType, CcsTabsContextType, CcsTabsChangeProps, GlobalContextPropsType, };
 export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/context/index.js

@@ -2,10 +2,5 @@ import React, { createContext } from 'react';
 var GlobalContext = /*#__PURE__*/createContext({});
 var DrawerAndModalContext = /*#__PURE__*/createContext({});
 var PageContext = /*#__PURE__*/createContext({});
-var TabsContext = /*#__PURE__*/React.createContext({
-  items: [],
-  activeKey: '',
-  option: {},
-  onChange: function onChange() {}
-});
+var TabsContext = /*#__PURE__*/React.createContext({});
 export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/hooks/use-tabs.d.ts

@@ -1,2 +1,2 @@
-declare const useTabs: () => import("../context").TabsContextType;
+declare const useTabs: () => import("../context").CcsTabsContextType;
 export default useTabs;

package/es/pro-tabs/index.js

@@ -1,13 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
@@ -15,6 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useUpdateEffect } from 'ahooks';
+import update from 'immutability-helper';
 import React, { cloneElement, useState } from 'react';
 import { TabsContext } from "../context";
 import "./index.less";
@@ -26,10 +17,12 @@ export default (function (_ref) {
     items = _ref2$items === void 0 ? [] : _ref2$items,
     activeKey = _ref2.activeKey,
     defaultActiveKey = _ref2.defaultActiveKey;
-  var _useState = useState({
-      activeKey: defaultActiveKey || (items[0] || {}).key,
-      items: items || [],
-      option: {}
+  var _useState = useState(function () {
+      return {
+        activeKey: defaultActiveKey || (items[0] || {}).key,
+        items: items || [],
+        options: {}
+      };
     }),
     _useState2 = _slicedToArray(_useState, 2),
     tabsProps = _useState2[0],
@@ -37,8 +30,10 @@ export default (function (_ref) {
 
   // items 发生改变
   useUpdateEffect(function () {
-    setTabsProps(_objectSpread(_objectSpread({}, tabsProps), {}, {
-      items: items
+    setTabsProps(update(tabsProps, {
+      items: {
+        $set: items
+      }
     }));
   }, [children === null || children === void 0 ? void 0 : (_children$items = children.items) === null || _children$items === void 0 ? void 0 : _children$items.map(function (t) {
     return t.key;
@@ -52,26 +47,99 @@ export default (function (_ref) {
   if (!activeKey) {
     addOptions.activeKey = tabsProps.activeKey;
     addOptions.onChange = function (key) {
-      setTabsProps(_objectSpread(_objectSpread({}, tabsProps), {}, {
-        activeKey: key
+      setTabsProps(update(tabsProps, {
+        activeKey: {
+          $set: key
+        }
       }));
     };
   }
+
+  // hooks改变状态
+  var onHooksChange = function onHooksChange(e) {
+    var key = e.activeKey,
+      _e$enableKeys = e.enableKeys,
+      enableKeys = _e$enableKeys === void 0 ? [] : _e$enableKeys,
+      _e$disableKeys = e.disableKeys,
+      disableKeys = _e$disableKeys === void 0 ? [] : _e$disableKeys,
+      options = e.options;
+    var updateParams = {};
+
+    // 更新activeKey
+    if (!!key) {
+      updateParams.activeKey = {
+        $set: key
+      };
+    }
+
+    // 更新禁用或启用tab
+    if (enableKeys.length || disableKeys.length) {
+      var _tabsProps$items;
+      var newItem = {};
+      (_tabsProps$items = tabsProps.items) === null || _tabsProps$items === void 0 ? void 0 : _tabsProps$items.forEach(function (item, index) {
+        if (enableKeys.includes(item.key)) {
+          newItem[index] = {
+            disabled: {
+              $set: false
+            }
+          };
+        } else if (disableKeys.includes(item.key)) {
+          newItem[index] = {
+            disabled: {
+              $set: true
+            }
+          };
+        }
+      });
+      updateParams.items = newItem;
+    }
+
+    // 更新options
+    if (options) {
+      updateParams.options = {
+        $set: options
+      };
+    }
+    setTabsProps(update(tabsProps, updateParams));
+  };
+
+  // remove tabs
+  var onRemoveTabs = function onRemoveTabs(key) {
+    var _tabsProps$items2;
+    var curKey = key;
+    if (typeof key === 'string') {
+      curKey = [key];
+    }
+    var removeItems = [];
+    (_tabsProps$items2 = tabsProps.items) === null || _tabsProps$items2 === void 0 ? void 0 : _tabsProps$items2.forEach(function (item, index) {
+      if (curKey.includes(item.key)) {
+        removeItems.push([index, 1]);
+      }
+    });
+    setTabsProps(update(tabsProps, {
+      items: {
+        $splice: removeItems
+      }
+    }));
+  };
+
+  // add tabs
+  var onAddTabs = function onAddTabs() {
+    var tabs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var isArray = Array.isArray(tabs);
+    setTabsProps(update(tabsProps, {
+      items: {
+        $push: isArray ? tabs : [tabs]
+      }
+    }));
+  };
   return children ? /*#__PURE__*/React.createElement(TabsContext.Provider, {
     value: {
       activeKey: tabsProps.activeKey,
-      items: tabsProps.items,
-      option: tabsProps.option,
-      onChange: function onChange(e) {
-        return setTabsProps(function (state) {
-          if (e.items) {
-            return _objectSpread(_objectSpread(_objectSpread({}, state), e), {}, {
-              items: _toConsumableArray(e.items || [])
-            });
-          }
-          return _objectSpread(_objectSpread({}, state), e);
-        });
-      }
+      options: tabsProps.options,
+      onTabChange: onHooksChange,
+      onRemoveTabs: onRemoveTabs,
+      onAddTabs: onAddTabs
     }
   }, /*#__PURE__*/cloneElement(children, addOptions)) : /*#__PURE__*/React.createElement(React.Fragment, null);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.0.7-rc.12",
+  "version": "1.0.7-rc.13",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "es/index.js",
@@ -53,6 +53,7 @@
     "antd-img-crop": "^4.12.2",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.7",
+    "immutability-helper": "^3.1.1",
     "js-base64": "^3.7.5",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",