@kdcloudjs/kdesign 1.6.21 → 1.6.23

package/lib/cascader/util.js

@@ -0,0 +1,353 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flattenAll = exports.delKey = exports.addKeys = exports.ValueSeparator = void 0;
+exports.getAllCheckedKeys = getAllCheckedKeys;
+exports.getChecked = void 0;
+exports.getChildNodeKeys = getChildNodeKeys;
+exports.valueInSet = exports.useChecked = exports.transformValuesToSet = exports.setNodeCheckedByValue = exports.isHalfChecked = exports.getMultipleCheckValue = exports.getHalfChecked = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+var _react = require("react");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var useChecked = function useChecked(value, flattenData, keysData, isMultiple) {
+  var initialCheckedState = (0, _react.useMemo)(function () {
+    return setNodeCheckedByValue(value, flattenData, keysData);
+  }, [value, flattenData, keysData]);
+
+  var _useState = (0, _react.useState)(initialCheckedState.checkedKeys),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      checkedKeys = _useState2[0],
+      setCheckedKeys = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(initialCheckedState.halfCheckedKeys),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      halfCheckedKeys = _useState4[0],
+      setHalfCheckedKeys = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    setCheckedKeys(initialCheckedState.checkedKeys);
+  }, [initialCheckedState.checkedKeys]);
+  (0, _react.useEffect)(function () {
+    setHalfCheckedKeys(initialCheckedState.halfCheckedKeys);
+  }, [initialCheckedState.halfCheckedKeys]);
+  if (!isMultiple) return [];
+  return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
+};
+
+exports.useChecked = useChecked;
+
+var flattenAll = function flattenAll(data) {
+  var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var keysData = {};
+  var formatData = (0, _cloneDeep.default)(data);
+
+  var fn = function fn(data) {
+    var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var newParent = (0, _cloneDeep.default)(parent);
+
+    if (newParent) {
+      newParent.children = null;
+    }
+
+    data && data.forEach(function (item) {
+      var _context, _context2;
+
+      var children = item.children,
+          label = item.label,
+          value = item.value,
+          others = __rest(item, ["children", "label", "value"]);
+
+      var flattenNode = (0, _extends2.default)({
+        label: label,
+        value: value,
+        children: children,
+        parent: newParent,
+        parentKey: (parent === null || parent === void 0 ? void 0 : parent.value) || null,
+        pathKeys: (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)((parent === null || parent === void 0 ? void 0 : parent.pathKeys) || []), [value]),
+        _level: parent ? parent._level + 1 : 0
+      }, others);
+      item.parent = newParent;
+      item.parentKey = (parent === null || parent === void 0 ? void 0 : parent.value) || null;
+      item.pathKeys = (0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)((parent === null || parent === void 0 ? void 0 : parent.pathKeys) || []), [value]);
+      item._level = parent ? parent._level + 1 : 0;
+      value && (keysData[value] = flattenNode);
+      newTreeData.push(flattenNode);
+      children && fn(children, newTreeData, flattenNode);
+    });
+    return newTreeData;
+  };
+
+  var flattenData = fn(formatData, newTreeData);
+  return {
+    formatData: formatData,
+    keysData: keysData,
+    flattenData: flattenData
+  };
+};
+
+exports.flattenAll = flattenAll;
+
+var isHalfChecked = function isHalfChecked(data) {
+  var checkedLen = data.reduce(function (total, prev) {
+    var num = prev._halfChecked ? 0.5 : prev._checked ? 1 : 0;
+    return total + num;
+  }, 0);
+  return checkedLen !== data.length && checkedLen > 0;
+};
+
+exports.isHalfChecked = isHalfChecked;
+var ValueSeparator = '__kdm_cascader__';
+exports.ValueSeparator = ValueSeparator;
+
+var transformValuesToSet = function transformValuesToSet(values) {
+  var _values = values || [];
+
+  var valuesSet = _values.reduce(function (set, next) {
+    var _context3;
+
+    set.add((0, _concat.default)(_context3 = []).call(_context3, next).join(ValueSeparator));
+    return set;
+  }, new _set.default());
+
+  return valuesSet;
+};
+
+exports.transformValuesToSet = transformValuesToSet;
+
+var valueInSet = function valueInSet(set, value) {
+  var _value = value || [];
+
+  return set.has(_value.join(ValueSeparator));
+};
+
+exports.valueInSet = valueInSet;
+
+function getChildNodeKeys(node, keysNodeProps) {
+  var nodes = new _set.default();
+
+  var loop = function loop(children) {
+    (0, _map.default)(children).call(children, function (child) {
+      var key = child.value;
+      if (!key) return;
+      var item = keysNodeProps[key];
+
+      if (!item || item.disabled) {
+        return;
+      }
+
+      key && nodes.add(key);
+      loop(item.children || []);
+    });
+  };
+
+  if (node) {
+    loop(node.children || []);
+  }
+
+  return nodes;
+}
+
+var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, flatNodes, keysNodeProps) {
+  var _context4, _context5;
+
+  var valuesSet = transformValuesToSet(initValues);
+  var checkedSet = new _set.default();
+  var halfCheckedSet = new _set.default();
+  var childCheckedKeysSet = new _set.default();
+  flatNodes.forEach(function (node) {
+    if (node.pathKeys.some(function (_item, index, arr) {
+      return valueInSet(valuesSet, (0, _slice.default)(arr).call(arr, 0, index + 1));
+    })) {
+      checkedSet.add(node.value);
+    }
+  });
+  (0, _map.default)(_context4 = (0, _toConsumableArray2.default)(checkedSet)).call(_context4, function (value) {
+    if (!childCheckedKeysSet.has(value)) {
+      var childKeys = getChildNodeKeys(keysNodeProps[value], keysNodeProps);
+      childKeys.forEach(function (v) {
+        childCheckedKeysSet.add(v);
+      });
+    }
+
+    updateParent(value, keysNodeProps, checkedSet, halfCheckedSet);
+  });
+  return {
+    checkedKeys: (0, _toConsumableArray2.default)(new _set.default((0, _concat.default)(_context5 = []).call(_context5, (0, _toConsumableArray2.default)(checkedSet), (0, _toConsumableArray2.default)(childCheckedKeysSet)))),
+    halfCheckedKeys: (0, _toConsumableArray2.default)(halfCheckedSet)
+  };
+};
+
+exports.setNodeCheckedByValue = setNodeCheckedByValue;
+
+var updateParent = function updateParent(key, keysNodeProps, allKeys, halfCheckedKeysSet) {
+  var pathKeys = (0, _toConsumableArray2.default)(keysNodeProps[key].pathKeys);
+  pathKeys.pop();
+  pathKeys.reverse().forEach(function (itemKey) {
+    var parent = keysNodeProps[itemKey];
+
+    if (parent && !parent.disabled) {
+      var total = 0;
+      var number = 0;
+      parent.children.some(function (_ref) {
+        var value = _ref.value;
+        var item = keysNodeProps[value];
+
+        if (!item || item.disabled) {
+          return false;
+        }
+
+        total++;
+
+        if (allKeys.has(value)) {
+          number++;
+        } else if (halfCheckedKeysSet.has(value)) {
+          number += 0.5;
+          return true;
+        }
+      });
+
+      if (!number || number === total) {
+        halfCheckedKeysSet.delete(itemKey);
+      } else {
+        halfCheckedKeysSet.add(itemKey);
+      }
+
+      if (number && number === total) {
+        allKeys.add(itemKey);
+      } else {
+        allKeys.delete(itemKey);
+      }
+    }
+  });
+};
+
+var getHalfChecked = function getHalfChecked(halfCheckedKeys, key) {
+  return halfCheckedKeys === null || halfCheckedKeys === void 0 ? void 0 : (0, _includes.default)(halfCheckedKeys).call(halfCheckedKeys, key);
+};
+
+exports.getHalfChecked = getHalfChecked;
+
+var getChecked = function getChecked(checkedKeys, key) {
+  return checkedKeys === null || checkedKeys === void 0 ? void 0 : (0, _includes.default)(checkedKeys).call(checkedKeys, key);
+};
+
+exports.getChecked = getChecked;
+
+var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
+  return (0, _filter.default)(flatNodes).call(flatNodes, function (node) {
+    return checkedKeys === null || checkedKeys === void 0 ? void 0 : (0, _includes.default)(checkedKeys).call(checkedKeys, node.value);
+  });
+};
+
+var addKeys = function addKeys() {
+  var _context6;
+
+  var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return (0, _from.default)(new _set.default((0, _concat.default)(_context6 = []).call(_context6, (0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(newKeys))));
+};
+
+exports.addKeys = addKeys;
+
+var delKey = function delKey(prevKeys, delKeys) {
+  var keys = (0, _extends2.default)([], prevKeys);
+  delKeys.forEach(function (item) {
+    var index = keys.indexOf(item);
+    index > -1 && (0, _splice.default)(keys).call(keys, index, 1);
+  });
+  return keys;
+};
+
+exports.delKey = delKey;
+
+var getMultipleCheckValue = function getMultipleCheckValue(_propsValue, _option, _checked, flatNodes, checkedKeys) {
+  var _context7;
+
+  var checkedNodes = getCheckedNodes(flatNodes, checkedKeys);
+  var currentValue = (0, _filter.default)(_context7 = (0, _map.default)(checkedNodes).call(checkedNodes, function (node) {
+    return !node.children && node.pathKeys;
+  })).call(_context7, function (node) {
+    return node;
+  });
+  return currentValue;
+};
+
+exports.getMultipleCheckValue = getMultipleCheckValue;
+
+function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, halfCheckedKeys) {
+  if (!keysNodeProps[key]) {
+    return {
+      checkedKeys: checkedKeys,
+      halfCheckedKeys: halfCheckedKeys
+    };
+  }
+
+  var checkedKeysSet = new _set.default(checkedKeys);
+  var halfCheckedKeysSet = new _set.default(halfCheckedKeys);
+  var childKeys = getChildNodeKeys(keysNodeProps[key], keysNodeProps);
+  var allKeys = checkedKeysSet;
+
+  if (checked) {
+    allKeys.add(key);
+    halfCheckedKeysSet.delete(key);
+    childKeys.forEach(function (v) {
+      allKeys.add(v);
+    });
+  } else {
+    halfCheckedKeysSet.delete(key);
+    allKeys.delete(key);
+    childKeys.forEach(function (v) {
+      allKeys.delete(v);
+    });
+  }
+
+  updateParent(key, keysNodeProps, checkedKeysSet, halfCheckedKeysSet);
+  return {
+    checkedKeys: (0, _toConsumableArray2.default)(allKeys),
+    halfCheckedKeys: (0, _toConsumableArray2.default)(halfCheckedKeysSet)
+  };
+}

package/lib/config-provider/compDefaultProps.d.ts

@@ -38,6 +38,7 @@ declare const compDefaultProps: {
         intervalTime: number;
     };
     Cascader: {
+        mode: string;
         allowClear: boolean;
         expandTrigger: string;
         notFoundContent: string;

package/lib/config-provider/compDefaultProps.js

@@ -58,6 +58,7 @@ var compDefaultProps = {
     intervalTime: 4000
   },
   Cascader: {
+    mode: 'single',
     allowClear: true,
     expandTrigger: 'click',
     notFoundContent: 'No Data',

package/lib/date-picker/range-picker.js

@@ -147,6 +147,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       _datePickerProps$seco = datePickerProps.secondStep,
       secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
       suffixIcon = datePickerProps.suffixIcon,
+      panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       disabledHours = datePickerProps.disabledHours,
       disabledMinutes = datePickerProps.disabledMinutes,
@@ -583,7 +584,14 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       mergedActivePickerIndex: mergedActivePickerIndex,
       disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
     });
-    return /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
+
+    var panelNode = /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
+
+    if (panelRender) {
+      panelNode = panelRender(panelNode);
+    }
+
+    return panelNode;
   };
 
   var extraNode = (0, _getExtraFooter.default)(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);

package/lib/radio/radio.js

@@ -105,6 +105,7 @@ var InternalRadio = function InternalRadio(props, ref) {
   }, [checked, defaultChecked, context === null || context === void 0 ? void 0 : context.value]);
 
   var onChange = function onChange(e) {
+    if (disabled) return;
     setIsChecked(e.target.checked);
 
     if (props.onChange) {

package/lib/stepper/style/index.css

@@ -103,9 +103,16 @@
 /* -----------  zIndex  ——————---- end */
 .kd-inputNumber-stepper {
   width: 100px;
-  --kd-c-input-sizing-height-middle: 28px;
-  --kd-c-input-wrapper-padding-left: 9px;
-  --kd-c-input-padding-left: 0;
+}
+.kd-inputNumber-stepper.kd-input-wrapper {
+  padding-left: var(--kd-c-stepper-padding-left, 9px) !important;
+}
+.kd-inputNumber-stepper.kd-input-wrapper .kd-input {
+  padding-left: var(--kd-c-stepper-input-padding-left, 0px);
+}
+.kd-inputNumber-stepper.kd-input-wrapper-size-middle {
+  height: var(--kd-c-stepper-sizing-height, 28px);
+  line-height: var(--kd-c-stepper-sizing-height, 28px);
 }
 .kd-inputNumber-stepper input {
   text-align: center;

package/lib/stepper/style/index.less

@@ -6,9 +6,18 @@
 .@{inputNumber-prefix-cls} {
   width: 100px;
 
-  --kd-c-input-sizing-height-middle: 28px;
-  --kd-c-input-wrapper-padding-left: 9px;
-  --kd-c-input-padding-left: 0;
+  &.@{kd-prefix}-input-wrapper {
+    padding-left: @stepper-input-wrapper-padding-left !important;
+
+    .@{kd-prefix}-input {
+      padding-left: @stepper-input-padding-left;
+    }
+
+    &-size-middle {
+      height: @stepper-middle-height;
+      line-height: @stepper-middle-height;
+    }
+  }
   input {
     text-align: center;
     color: @stepper-input-color;

package/lib/stepper/style/token.less

@@ -19,6 +19,9 @@
 @stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
 @stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);
 @stepper-input-large-sizing-height: var(~'@{stepper-prefix}-input-large-sizing-height', 36px);
+@stepper-input-wrapper-padding-left: var(~'@{stepper-prefix}-padding-left', 9px);
+@stepper-input-padding-left: var(~'@{stepper-prefix}-input-padding-left', 0px);
+@stepper-middle-height: var(~'@{stepper-prefix}-sizing-height', 28px);
 
 // spacing
 @stepper-input-spacing-padding-horizontal: var(~'@{stepper-prefix}-input-spacing-padding-horizontal', 9px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.21",
+  "version": "1.6.23",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [