@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/lib/tabs/tabs.js

@@ -1,62 +1,35 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabsTypes = exports.TabsSizes = exports.TabsPositions = exports.EffectTypes = void 0;
-
 var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _context8 = require("./context");
-
 var _utils = require("../_utils");
-
 var _omit = require("../_utils/omit");
-
 var _type = require("../_utils/type");
-
 var _tabPane = _interopRequireDefault(require("./tab-pane"));
-
 var _activeLine = _interopRequireDefault(require("./active-line"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _arrowButton = _interopRequireDefault(require("./arrow-button"));
-
 var _dropdown = _interopRequireDefault(require("../dropdown"));
-
 var _carousel = _interopRequireDefault(require("../carousel"));
-
 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; }
-
 var TabsTypes = (0, _type.tuple)('line', 'card', 'grid', 'dynamic');
 exports.TabsTypes = TabsTypes;
 var TabsSizes = (0, _type.tuple)('middle', 'small');
@@ -64,46 +37,38 @@ exports.TabsSizes = TabsSizes;
 var TabsPositions = (0, _type.tuple)('top', 'left', 'right', 'bottom');
 exports.TabsPositions = TabsPositions;
 var EffectTypes = (0, _type.tuple)('scrollx', 'fade', 'none'); // 滑动，渐显， 无动画
-
 exports.EffectTypes = EffectTypes;
-
 function getDefaultActiveKey(props) {
   var activeKey;
-
   _react.default.Children.forEach(props.children, function (child) {
     if (child && !activeKey && !child.props.disabled) {
       activeKey = child.key;
     }
   });
-
   return activeKey;
 }
-
 var Tabs = function Tabs(props) {
   var _context, _classNames, _context2, _context3, _context4, _classNames2;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var tabsProps = (0, _utils.getCompProps)('Tabs', userDefaultProps, props);
   var type = tabsProps.type,
-      size = tabsProps.size,
-      className = tabsProps.className,
-      customPrefixcls = tabsProps.prefixCls,
-      position = tabsProps.position,
-      disabled = tabsProps.disabled,
-      noContainer = tabsProps.noContainer,
-      defaultActiveKey = tabsProps.defaultActiveKey,
-      showScrollArrow = tabsProps.showScrollArrow,
-      _tabsProps$effect = tabsProps.effect,
-      effect = _tabsProps$effect === void 0 ? 'none' : _tabsProps$effect,
-      children = tabsProps.children,
-      onChange = tabsProps.onChange;
+    size = tabsProps.size,
+    className = tabsProps.className,
+    customPrefixcls = tabsProps.prefixCls,
+    position = tabsProps.position,
+    disabled = tabsProps.disabled,
+    noContainer = tabsProps.noContainer,
+    defaultActiveKey = tabsProps.defaultActiveKey,
+    showScrollArrow = tabsProps.showScrollArrow,
+    _tabsProps$effect = tabsProps.effect,
+    effect = _tabsProps$effect === void 0 ? 'none' : _tabsProps$effect,
+    children = tabsProps.children,
+    onChange = tabsProps.onChange;
   var tabsPrefixCls = getPrefixCls(prefixCls, 'tabs', customPrefixcls);
   var activeKey;
-
   if (tabsProps.activeKey) {
     activeKey = tabsProps.activeKey;
   } else if (defaultActiveKey) {
@@ -111,105 +76,86 @@ var Tabs = function Tabs(props) {
   } else {
     activeKey = getDefaultActiveKey(tabsProps);
   }
-
   var carouselData = [];
-
   var _useState = (0, _react.useState)(activeKey),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      curActiveKey = _useState2[0],
-      setCurActiveKey = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    curActiveKey = _useState2[0],
+    setCurActiveKey = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      triggerKey = _useState4[0],
-      setTriggerKey = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    triggerKey = _useState4[0],
+    setTriggerKey = _useState4[1];
   var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      left = _useState6[0],
-      setLeft = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    left = _useState6[0],
+    setLeft = _useState6[1];
   var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      width = _useState8[0],
-      setWidth = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      boxWidth = _useState10[0],
-      setBoxWidth = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    boxWidth = _useState10[0],
+    setBoxWidth = _useState10[1];
   var _useState11 = (0, _react.useState)(0),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      ListWidth = _useState12[0],
-      setListWidth = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    ListWidth = _useState12[0],
+    setListWidth = _useState12[1];
   var _useState13 = (0, _react.useState)(0),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      ListPostion = _useState14[0],
-      setListPosition = _useState14[1];
-
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    ListPostion = _useState14[0],
+    setListPosition = _useState14[1];
   var tabRef = (0, _react.useRef)(null);
   var tabListRef = (0, _react.useRef)(null);
   var carouselRef = (0, _react.useRef)(null);
-
   var handleActive = function handleActive(id, e) {
     setCurActiveKey(id);
     onChange && onChange(id, e);
   };
-
   var getActiveLinePosition = function getActiveLinePosition(left, width) {
     setLeft(left);
     setWidth(width);
   };
-
   var getTriggerKey = function getTriggerKey(key) {
     setTriggerKey(key);
   };
-
   (0, _react.useEffect)(function () {
     setCurActiveKey(activeKey);
   }, [activeKey]);
   (0, _react.useEffect)(function () {
     var _a;
-
     var index = (0, _findIndex.default)(carouselData).call(carouselData, function (data) {
       return String(curActiveKey) === String(data.key);
     });
-
     if (index !== -1) {
       (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index, true);
     }
   }, [curActiveKey, carouselRef, carouselData]);
   (0, _react.useEffect)(function () {
     var _a;
-
     if (tabListRef.current) {
       setListWidth(((_a = tabListRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
     }
   }, [tabListRef, children]);
   (0, _react.useEffect)(function () {
     var _a, _b, _c;
-
     if (tabRef.current) {
       setBoxWidth(((_a = tabRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
     }
-
-    var offset = 0; // TODO margin需要是变量的形式，不能写死
-
+    var offset = 0;
+    // TODO margin需要是变量的形式，不能写死
     var margin = type === 'line' ? 24 : 0;
     var curOffset = ((_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft) || 0;
     var boxWidth = ((_c = tabRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;
-
     if (left + width + margin + curOffset >= boxWidth) {
       offset = ListWidth - left - width - margin > 48 ? boxWidth - left - width - margin - 48 : boxWidth - ListWidth;
       setListPosition(offset);
       return;
     }
-
     if (left + curOffset < 48 && curOffset) {
       offset = left > 48 ? 48 - left : 0;
-      setListPosition(offset); // return
+      setListPosition(offset);
+      // return
     }
   }, [tabRef, left, width, type, ListWidth]);
   var tabsClasses = (0, _classnames.default)(tabsPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(tabsPrefixCls, "-")).call(_context, position), position), (0, _defineProperty2.default)(_classNames, "".concat(tabsPrefixCls, "-noContainer"), noContainer), _classNames));
@@ -225,26 +171,21 @@ var Tabs = function Tabs(props) {
         leftOperations = child;
         return;
       }
-
       if (child.props.specialPane === 'right') {
         rightOperations = child;
         return;
       }
-
       if (child.props.specialPane === 'contextMenu') {
         contextMenuList = child;
         return;
       }
-
       containerPanes.push(child);
       return;
     }
-
     if (Object.prototype.toString.call(child) === '[object Array]') {
       containerPanes = (0, _concat.default)(containerPanes).call(containerPanes, [], child);
     }
   });
-
   var formatTabPane = function formatTabPane(child) {
     if (Object.prototype.toString.call(child) === '[object Object]' && child.type.displayName === 'TabPane') {
       return /*#__PURE__*/_react.default.createElement(_tabPane.default, (0, _extends2.default)({}, child.props, {
@@ -253,29 +194,23 @@ var Tabs = function Tabs(props) {
         onChange: handleActive
       }));
     }
-
     return null;
   };
-
   var renderActiveLine = function renderActiveLine() {
     return ['line', 'dynamic'].indexOf(type) > -1 && !disabled ? /*#__PURE__*/_react.default.createElement(_activeLine.default, {
       left: left,
       width: width
     }) : null;
   };
-
   var renderLeftArrow = function renderLeftArrow() {
     var _context5, _classNames3;
-
     if (!showScrollArrow || position === 'left' || ListWidth < boxWidth) return null;
     var leftClasses = (0, _classnames.default)("".concat(tabsPrefixCls, "-left-arrows"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, (0, _concat.default)(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), (0, _defineProperty2.default)(_classNames3, "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0), _classNames3));
-
     var handleLeft = function handleLeft() {
       if (!ListPostion) return;
       var offset = ListPostion + boxWidth > 0 ? 0 : ListPostion + boxWidth;
       setListPosition(offset);
     };
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: leftClasses
     }, /*#__PURE__*/_react.default.createElement(_arrowButton.default, {
@@ -284,10 +219,8 @@ var Tabs = function Tabs(props) {
       onClick: handleLeft
     }));
   };
-
   var renderRightArrows = function renderRightArrows(nodes) {
     var _context6, _context7, _classNames4;
-
     if (ListWidth < boxWidth || (0, _includes.default)(_context6 = ['left', 'right']).call(_context6, position)) return null;
     var rightClasses = (0, _classnames.default)("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), (0, _defineProperty2.default)(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
     var menu = (0, _map.default)(nodes).call(nodes, function (node) {
@@ -301,17 +234,14 @@ var Tabs = function Tabs(props) {
       tmp.disabled = node.props.disabled;
       return tmp;
     });
-
     var handleRight = function handleRight() {
       if (ListPostion === boxWidth - ListWidth) return;
       var offset = ListPostion - boxWidth > boxWidth - ListWidth ? ListPostion - boxWidth : boxWidth - ListWidth;
       setListPosition(offset);
     };
-
     var handleSelectItem = function handleSelectItem(value) {
       handleActive(value);
     };
-
     if (type === 'grid') {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: rightClasses
@@ -325,7 +255,6 @@ var Tabs = function Tabs(props) {
         type: "more"
       }))));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: rightClasses
     }, showScrollArrow ? /*#__PURE__*/_react.default.createElement(_arrowButton.default, {
@@ -342,7 +271,6 @@ var Tabs = function Tabs(props) {
       type: "arrow-down"
     }))));
   };
-
   var renderLeftOperations = function renderLeftOperations() {
     if (type !== 'dynamic' || !leftOperations || !leftOperations.props.children) return null;
     var classes = (0, _classnames.default)("".concat(tabsPrefixCls, "-left-operations"), {});
@@ -353,7 +281,6 @@ var Tabs = function Tabs(props) {
       var event = function event() {
         child.props.onClick && child.props.onClick();
       };
-
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(tabsPrefixCls, "-left-operations-item"),
         key: index
@@ -362,7 +289,6 @@ var Tabs = function Tabs(props) {
       }, child));
     }));
   };
-
   var renderRightOperations = function renderRightOperations() {
     if (type !== 'dynamic' || !rightOperations || !rightOperations.props.children) return null;
     var classes = (0, _classnames.default)("".concat(tabsPrefixCls, "-right-operations"), {});
@@ -373,7 +299,6 @@ var Tabs = function Tabs(props) {
       var event = function event() {
         child.props.onClick && child.props.onClick();
       };
-
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(tabsPrefixCls, "-right-operations-item"),
         key: index
@@ -382,7 +307,6 @@ var Tabs = function Tabs(props) {
       }, child));
     }));
   };
-
   var renderTabPane = function renderTabPane() {
     var disabled = tabsProps.disabled;
     var childrenToRender = [];
@@ -390,53 +314,43 @@ var Tabs = function Tabs(props) {
     var disabledTabs = [];
     childrenToRender = (0, _map.default)(containerPanes).call(containerPanes, function (child) {
       var _a;
-
       var tmp = formatTabPane(child);
-
       if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.disabled) {
         disabledTabs.push(tmp);
       } else {
         unDisabledTabs.push(tmp);
       }
-
       return tmp;
     });
     if (!disabled) childrenToRender = (0, _concat.default)(unDisabledTabs).call(unDisabledTabs, disabledTabs);
-
     var renderTabWrap = function renderTabWrap() {
       var listPositionStyle = {
         left: "".concat(ListPostion, "px")
       };
-
       var renderWrap = /*#__PURE__*/_react.default.createElement("div", {
         ref: tabListRef,
         className: "".concat(tabsPrefixCls, "-tab-list"),
         style: listPositionStyle
       }, childrenToRender, renderActiveLine());
-
       if (!contextMenuList) return renderWrap;
       var children = Object.prototype.toString.call(contextMenuList.props.children) === '[object Array]' ? contextMenuList.props.children : [contextMenuList.props.children];
       var eventMap = [];
-
       var menu = /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null, (0, _map.default)(children).call(children, function (child, index) {
         eventMap.push(child.props.onClick);
         return /*#__PURE__*/_react.default.createElement(_dropdown.default.Item, {
           key: index
         }, /*#__PURE__*/_react.default.createElement("span", null, child));
       }));
-
       var handleItemClick = function handleItemClick(key) {
         var event = eventMap[key];
         event && event(triggerKey);
       };
-
       return /*#__PURE__*/_react.default.createElement(_dropdown.default, {
         menu: menu,
         trigger: ['contextMenu'],
         onItemClick: handleItemClick
       }, renderWrap);
     };
-
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, (0, _omit.omit)(tabsProps, ['activeKey', 'defaultActiveKey', 'showScrollArrow', 'noContainer']), {
       className: tabNavsClasses
     }), renderLeftOperations(), renderLeftArrow(), /*#__PURE__*/_react.default.createElement("div", {
@@ -444,31 +358,26 @@ var Tabs = function Tabs(props) {
       className: "".concat(tabsPrefixCls, "-tab-wrap")
     }, renderTabWrap()), renderRightArrows(childrenToRender), renderRightOperations());
   };
-
   var renderContainer = function renderContainer() {
     if (noContainer) return null;
     carouselData = [];
     (0, _map.default)(containerPanes).call(containerPanes, function (pane) {
       var props = pane.props,
-          key = pane.key; // 如果没有children传入那就以tab为准
-
+        key = pane.key;
+      // 如果没有children传入那就以tab为准
       var item = {
         key: key
       };
-
       if (!props.children) {
         item.content = props.tab;
       } else {
         item.content = props.children;
       }
-
       carouselData.push(item);
     });
-
     if (effect !== 'none') {
       console.log('effect', effect);
     }
-
     return /*#__PURE__*/_react.default.createElement(_carousel.default, {
       ref: carouselRef,
       dots: false,
@@ -480,7 +389,6 @@ var Tabs = function Tabs(props) {
       }, item.content);
     }));
   };
-
   return /*#__PURE__*/_react.default.createElement(_context8.TabsContextProvider, {
     value: {
       type: type,
@@ -495,7 +403,6 @@ var Tabs = function Tabs(props) {
     className: tabsClasses
   }, renderTabPane(), renderContainer()));
 };
-
 Tabs.displayName = 'Tabs';
 var _default = Tabs;
 exports.default = _default;

package/lib/tag/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _tag = _interopRequireWildcard(require("./tag"));
-
 _Object$keys(_tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,10 +21,7 @@ _Object$keys(_tag).forEach(function (key) {
     }
   });
 });
-
 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; }
-
 var _default = _tag.default;
 exports.default = _default;

package/lib/tag/style/css.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.css");
-
 require("./index.css");

package/lib/tag/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.less");
-
 require("./index.less");