@ccs-ui/rc-pro 1.0.7-rc.9 → 1.1.0

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";
@@ -25,11 +16,14 @@ export default (function (_ref) {
     _ref2$items = _ref2.items,
     items = _ref2$items === void 0 ? [] : _ref2$items,
     activeKey = _ref2.activeKey,
-    defaultActiveKey = _ref2.defaultActiveKey;
-  var _useState = useState({
-      activeKey: defaultActiveKey || (items[0] || {}).key,
-      items: items || [],
-      option: {}
+    defaultActiveKey = _ref2.defaultActiveKey,
+    onChange = _ref2.onChange;
+  var _useState = useState(function () {
+      return {
+        activeKey: defaultActiveKey || (items[0] || {}).key,
+        items: items || [],
+        options: {}
+      };
     }),
     _useState2 = _slicedToArray(_useState, 2),
     tabsProps = _useState2[0],
@@ -37,8 +31,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 +48,101 @@ 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
+        }
       }));
+      if (onChange) onChange(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
+      };
+      if (onChange) onChange(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/es/select/index.d.ts

@@ -1,5 +1,4 @@
 import { SelectProps } from 'antd';
-import React from 'react';
 import { HttpResult, RecordType } from '..';
 type CacheType = {
     /** 缓存key，同一个key将共享数据 */
@@ -14,12 +13,12 @@ type ApiSelectProps = SelectProps & {
     /** 依赖参数 */
     defaultParams?: RecordType;
     /** 查询请求 */
-    onQuery?: (dependParams?: RecordType) => Promise<HttpResult<any[]>>;
+    onQuery?: (params?: any) => Promise<HttpResult<any[]>>;
 };
 /**
  * 基于接口查询的select组件
  * @param CcsSelectProps
  * @returns
  */
-export default function CcsApiSelect({ onQuery, cache, defaultParams, ...restProps }: ApiSelectProps): React.JSX.Element;
+export default function CcsApiSelect({ onQuery, cache, defaultParams, ...restProps }: ApiSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/es/select/index.js

@@ -23,7 +23,8 @@ import React, { useEffect } from 'react';
 export default function CcsApiSelect(_ref) {
   var onQuery = _ref.onQuery,
     cache = _ref.cache,
-    defaultParams = _ref.defaultParams,
+    _ref$defaultParams = _ref.defaultParams,
+    defaultParams = _ref$defaultParams === void 0 ? {} : _ref$defaultParams,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useRequest = useRequest( /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
@@ -60,7 +61,7 @@ export default function CcsApiSelect(_ref) {
     run = _useRequest.run;
   useEffect(function () {
     if (onQuery) run(defaultParams);
-  }, [defaultParams]);
+  }, [JSON.stringify(defaultParams)]);
   return /*#__PURE__*/React.createElement(Select, _extends({
     options: data,
     loading: loading,

package/es/status-tag/index.js

@@ -1,5 +1,5 @@
 import { Badge, Tag } from 'antd';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function CcsStatusTag(_ref) {
   var value = _ref.value,
     _ref$options = _ref.options,
@@ -12,12 +12,13 @@ export default function CcsStatusTag(_ref) {
   var label = option.label,
     tag = option.tag;
   if (tag && tag[0] === 'tag') {
-    return /*#__PURE__*/React.createElement(Tag, {
-      color: tag[1]
-    }, label);
+    return /*#__PURE__*/_jsx(Tag, {
+      color: tag[1],
+      children: label
+    });
   }
   if (tag && tag[0] === 'badge') {
-    return /*#__PURE__*/React.createElement(Badge, {
+    return /*#__PURE__*/_jsx(Badge, {
       status: tag[1],
       text: label
     });

package/es/table/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { CcsTableProps } from '../pro-table';
 import './index.less';
 type TableProps<T> = Omit<CcsTableProps<T>, 'request' | 'requestParam'>;
-declare const CustomTable: <T extends object = any>(props: TableProps<T>) => React.JSX.Element;
+declare const CustomTable: <T extends object = any>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CustomTable;

package/es/time-picker/index.d.ts

@@ -1,7 +1,6 @@
 import { TimePickerProps } from 'antd';
 import { RangePickerTimeProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
-import React from 'react';
 type CcsTimePickerProps = {
     value?: string;
     onChange?: (e: string) => void;
@@ -10,8 +9,8 @@ type CcsRangePickerProps = {
     value?: [string, string];
     onChange?: (e: [string, string]) => void;
 } & Omit<RangePickerTimeProps<Dayjs>, 'value' | 'onChange' | 'picker'>;
-declare function CcsDatePicker({ value, onChange, ...restProps }: CcsTimePickerProps): React.JSX.Element;
+declare function CcsDatePicker({ value, onChange, ...restProps }: CcsTimePickerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CcsDatePicker {
-    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => React.JSX.Element;
+    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default CcsDatePicker;

package/es/trigger/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactElement } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
 import './index.less';
 export interface CcsTriggerChildrenProps<T = any> {
@@ -56,5 +56,5 @@ export interface CcsTriggerProps {
  * @param CcsTriggerPropsType
  * @returns
  */
-declare const TriggerComponent: (props: CcsTriggerProps) => React.JSX.Element;
+declare const TriggerComponent: (props: CcsTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export default TriggerComponent;

package/es/upload/index.d.ts

@@ -1,5 +1,4 @@
 import { UploadProps } from 'antd';
-import React from 'react';
 import { ImageUpload } from './upload-image';
 export type CcsUploadProps = Pick<UploadProps, 'maxCount' | 'data' | 'multiple' | 'accept' | 'action' | 'name' | 'headers'> & {
     tokenKey?: string;
@@ -7,7 +6,7 @@ export type CcsUploadProps = Pick<UploadProps, 'maxCount' | 'data' | 'multiple'
     uploadText?: string;
     onChange?: (value: any) => void;
 };
-declare function CcsUpload({ tokenKey, uploadText, maxCount, maxFileSize, onChange, ...otherProps }: CcsUploadProps): React.JSX.Element;
+declare function CcsUpload({ tokenKey, uploadText, maxCount, maxFileSize, onChange, ...otherProps }: CcsUploadProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CcsUpload {
     var Image: typeof ImageUpload;
 }

package/es/upload/upload-image.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { CcsUploadProps } from './index';
 type CcsImageUploadProps = CcsUploadProps & {
     crop?: boolean;
     tokenKey?: string;
 };
-export declare function ImageUpload({ crop, tokenKey, uploadText, maxCount, maxFileSize, onChange, ...otherProps }: CcsImageUploadProps): React.JSX.Element;
+export declare function ImageUpload({ crop, tokenKey, uploadText, maxCount, maxFileSize, onChange, ...otherProps }: CcsImageUploadProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/es/utils/index.d.ts

@@ -109,12 +109,12 @@ export default class utils {
      * @param obj
      * @returns
      */
-    static objIsEmpty: (obj: any) => boolean;
+    static objIsEmpty(obj: any): boolean;
+    /**
+     * 判断值不为空
+     * @param str string,object,array
+     * @returns
+     */
+    static isNil(str: any): boolean;
 }
-/**
- * 判断值不为空
- * @param str string,object,array
- * @returns
- */
-export declare function isNil(str: any): boolean;
 export {};

package/es/utils/index.js

@@ -214,14 +214,41 @@ var utils = /*#__PURE__*/function () {
      * @param content
      * @returns
      */
+  }, {
+    key: "objIsEmpty",
+    value:
+    /**
+     * 空对象？
+     * @param obj
+     * @returns
+     */
+    function objIsEmpty(obj) {
+      if (!obj) return true;
+      return Object.keys(obj).length === 0;
+    }
+
+    /**
+     * 判断值不为空
+     * @param str string,object,array
+     * @returns
+     */
+  }, {
+    key: "isNil",
+    value: function isNil(str) {
+      if (typeof str === 'string') {
+        return str.trim() === '';
+      }
+      if (_isArray(str)) {
+        return str.length === 0;
+      }
+      if (_isObject(str)) {
+        return Object.keys(str).length === 0;
+      }
+      return str === undefined || str === null;
+    }
   }]);
   return utils;
 }();
-/**
- * 判断值不为空
- * @param str string,object,array
- * @returns
- */
 _defineProperty(utils, "isNode", typeof process !== 'undefined' && process.versions !== null && process.versions.node !== null);
 _defineProperty(utils, "isEmpty", function (val) {
   return _empty(val);
@@ -253,25 +280,4 @@ _defineProperty(utils, "showConfirm", function (title) {
     });
   });
 });
-/**
- * 空对象？
- * @param obj
- * @returns
- */
-_defineProperty(utils, "objIsEmpty", function (obj) {
-  if (!obj) return true;
-  return Object.keys(obj).length === 0;
-});
-export { utils as default };
-export function isNil(str) {
-  if (typeof str === 'string') {
-    return str.trim() === '';
-  }
-  if (_isArray(str)) {
-    return str.length === 0;
-  }
-  if (_isObject(str)) {
-    return Object.keys(str).length === 0;
-  }
-  return str === undefined || str === null;
-}
+export { utils as default };

package/es/virtual-list/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactNode, RefObject } from 'react';
+import { CSSProperties, ReactNode, RefObject } from 'react';
 interface Position {
     left: number;
     top: number;
@@ -48,5 +48,5 @@ export interface ListItemProps {
     description?: ReactNode;
     onClick?: () => void;
 }
-declare const VirtualList: ({ height, rowCount, rowHeight, className, style, virtualRef, onScroll, rowRenderer, autoHideScroll, overscanRowCount, rowCountChangeScrollTop, }: VirtualListProps) => React.JSX.Element;
+declare const VirtualList: ({ height, rowCount, rowHeight, className, style, virtualRef, onScroll, rowRenderer, autoHideScroll, overscanRowCount, rowCountChangeScrollTop, }: VirtualListProps) => import("react/jsx-runtime").JSX.Element;
 export default VirtualList;

package/es/water-mark/index.d.ts

@@ -65,5 +65,5 @@ export type WaterMarkProps = {
  * @param WaterMarkProps
  * @returns
  */
-declare const WaterMarkComponent: (props: WaterMarkProps) => React.JSX.Element;
+declare const WaterMarkComponent: (props: WaterMarkProps) => import("react/jsx-runtime").JSX.Element;
 export default WaterMarkComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.0.7-rc.9",
-  "description": "A react library developed with dumi",
+  "version": "1.1.0",
+  "description": "A react pro components",
   "license": "MIT",
   "module": "es/index.js",
   "types": "es/index.d.ts",
@@ -49,10 +49,11 @@
   "dependencies": {
     "@ant-design/icons": "^5.1.4",
     "ahooks": "^3.7.7",
-    "antd": "^5.5.2",
+    "antd": "5.6",
     "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",