@chaoswise/ui 2.2.8 → 2.3.0

package/lib/Cascaders/rc-cascader/hooks/useDisplayValues.js

@@ -0,0 +1,56 @@
+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 _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); }
+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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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); }
+import { toPathOptions } from '../utils/treeUtil';
+import * as React from 'react';
+import { toPathKey } from '../utils/commonUtil';
+export default (function (rawValues, options, fieldNames, multiple, displayRender) {
+  return React.useMemo(function () {
+    var mergedDisplayRender = displayRender ||
+    // Default displayRender
+    function (labels) {
+      var mergedLabels = multiple ? labels.slice(-1) : labels;
+      var SPLIT = ' / ';
+      if (mergedLabels.every(function (label) {
+        return ['string', 'number'].includes(_typeof(label));
+      })) {
+        return mergedLabels.join(SPLIT);
+      }
+      // If exist non-string value, use ReactNode instead
+      return mergedLabels.reduce(function (list, label, index) {
+        var keyedLabel = /*#__PURE__*/React.isValidElement(label) ? /*#__PURE__*/React.cloneElement(label, {
+          key: index
+        }) : label;
+        if (index === 0) {
+          return [keyedLabel];
+        }
+        return [].concat(_toConsumableArray(list), [SPLIT, keyedLabel]);
+      }, []);
+    };
+    return rawValues.map(function (valueCells) {
+      var _a, _b;
+      var valueOptions = toPathOptions(valueCells, options, fieldNames);
+      var label = mergedDisplayRender(valueOptions.map(function (_ref) {
+        var option = _ref.option,
+          value = _ref.value;
+        var _a;
+        return (_a = option === null || option === void 0 ? void 0 : option[fieldNames.label]) !== null && _a !== void 0 ? _a : value;
+      }), valueOptions.map(function (_ref2) {
+        var option = _ref2.option;
+        return option;
+      }));
+      var value = toPathKey(valueCells);
+      return {
+        label: label,
+        value: value,
+        key: value,
+        valueCells: valueCells,
+        disabled: (_b = (_a = valueOptions[valueOptions.length - 1]) === null || _a === void 0 ? void 0 : _a.option) === null || _b === void 0 ? void 0 : _b.disabled
+      };
+    });
+  }, [rawValues, options, fieldNames, displayRender, multiple]);
+});

package/lib/Cascaders/rc-cascader/hooks/useEntities.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { convertDataToEntities } from 'rc-cascader/node_modules/rc-tree/lib/utils/treeUtil';
+import { VALUE_SPLIT } from '../utils/commonUtil';
+/** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
+export default (function (options, fieldNames) {
+  var cacheRef = React.useRef({
+    options: null,
+    info: null
+  });
+  var getEntities = React.useCallback(function () {
+    if (cacheRef.current.options !== options) {
+      cacheRef.current.options = options;
+      cacheRef.current.info = convertDataToEntities(options, {
+        fieldNames: fieldNames,
+        initWrapper: function initWrapper(wrapper) {
+          return Object.assign(Object.assign({}, wrapper), {
+            pathKeyEntities: {}
+          });
+        },
+        processEntity: function processEntity(entity, wrapper) {
+          var pathKey = entity.nodes.map(function (node) {
+            return node[fieldNames.value];
+          }).join(VALUE_SPLIT);
+          wrapper.pathKeyEntities[pathKey] = entity;
+          // Overwrite origin key.
+          // this is very hack but we need let conduct logic work with connect path
+          entity.key = pathKey;
+        }
+      });
+    }
+    return cacheRef.current.info.pathKeyEntities;
+  }, [fieldNames, options]);
+  return getEntities;
+});

package/lib/Cascaders/rc-cascader/hooks/useMissingValues.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { toPathOptions } from '../utils/treeUtil';
+export default (function (options, fieldNames) {
+  return React.useCallback(function (rawValues) {
+    var missingValues = [];
+    var existsValues = [];
+    rawValues.forEach(function (valueCell) {
+      var pathOptions = toPathOptions(valueCell, options, fieldNames);
+      if (pathOptions.every(function (opt) {
+        return opt.option;
+      })) {
+        existsValues.push(valueCell);
+      } else {
+        missingValues.push(valueCell);
+      }
+    });
+    return [existsValues, missingValues];
+  }, [options, fieldNames]);
+});

package/lib/Cascaders/rc-cascader/hooks/useRefFunc.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * Same as `React.useCallback` but always return a memoized function
+ * but redirect to real function.
+ */
+export default function useRefFunc(callback) {
+  var funcRef = React.useRef();
+  funcRef.current = callback;
+  var cacheFn = React.useCallback(function () {
+    return funcRef.current.apply(funcRef, arguments);
+  }, []);
+  return cacheFn;
+}

package/lib/Cascaders/rc-cascader/hooks/useSearchConfig.js

@@ -0,0 +1,25 @@
+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); }
+import * as React from 'react';
+import warning from 'rc-util/lib/warning';
+// Convert `showSearch` to unique config
+export default function useSearchConfig(showSearch) {
+  return React.useMemo(function () {
+    if (!showSearch) {
+      return [false, {}];
+    }
+    var searchConfig = {
+      matchInputWidth: true,
+      limit: 50
+    };
+    if (showSearch && _typeof(showSearch) === 'object') {
+      searchConfig = Object.assign(Object.assign({}, searchConfig), showSearch);
+    }
+    if (searchConfig.limit <= 0) {
+      delete searchConfig.limit;
+      if (process.env.NODE_ENV !== 'production') {
+        warning(false, "'limit' of showSearch should be positive number or false.");
+      }
+    }
+    return [true, searchConfig];
+  }, [showSearch]);
+}

package/lib/Cascaders/rc-cascader/hooks/useSearchOptions.js

@@ -0,0 +1,72 @@
+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 _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 _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 _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); }
+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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import * as React from 'react';
+export var SEARCH_MARK = '__rc_cascader_search_mark__';
+var defaultFilter = function defaultFilter(search, options, _ref) {
+  var label = _ref.label;
+  return options.some(function (opt) {
+    return String(opt[label]).toLowerCase().includes(search.toLowerCase());
+  });
+};
+var defaultRender = function defaultRender(inputValue, path, prefixCls, fieldNames) {
+  return path.map(function (opt) {
+    return opt[fieldNames.label];
+  }).join(' / ');
+};
+export default (function (search, options, fieldNames, prefixCls, config, changeOnSelect) {
+  var _config$filter = config.filter,
+    filter = _config$filter === void 0 ? defaultFilter : _config$filter,
+    _config$render = config.render,
+    render = _config$render === void 0 ? defaultRender : _config$render,
+    _config$limit = config.limit,
+    limit = _config$limit === void 0 ? 50 : _config$limit,
+    sort = config.sort;
+  return React.useMemo(function () {
+    var filteredOptions = [];
+    if (!search) {
+      return [];
+    }
+    function dig(list, pathOptions) {
+      list.forEach(function (option) {
+        // Perf saving when `sort` is disabled and `limit` is provided
+        if (!sort && limit > 0 && filteredOptions.length >= limit) {
+          return;
+        }
+        var connectedPathOptions = [].concat(_toConsumableArray(pathOptions), [option]);
+        var children = option[fieldNames.children];
+        // If current option is filterable
+        if (
+        // If is leaf option
+        !children || children.length === 0 ||
+        // If is changeOnSelect
+        changeOnSelect) {
+          if (filter(search, connectedPathOptions, {
+            label: fieldNames.label
+          })) {
+            var _Object$assign;
+            filteredOptions.push(Object.assign(Object.assign({}, option), (_Object$assign = {}, _defineProperty(_Object$assign, fieldNames.label, render(search, connectedPathOptions, prefixCls, fieldNames)), _defineProperty(_Object$assign, SEARCH_MARK, connectedPathOptions), _Object$assign)));
+          }
+        }
+        if (children) {
+          dig(option[fieldNames.children], connectedPathOptions);
+        }
+      });
+    }
+    dig(options, []);
+    // Do sort
+    if (sort) {
+      filteredOptions.sort(function (a, b) {
+        return sort(a[SEARCH_MARK], b[SEARCH_MARK], search, fieldNames);
+      });
+    }
+    return limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions;
+  }, [search, options, fieldNames, prefixCls, render, changeOnSelect, filter, sort, limit]);
+});

package/lib/Cascaders/rc-cascader/index.js

@@ -0,0 +1,2 @@
+import Cascader from './Cascader';
+export default Cascader;

package/lib/Cascaders/rc-cascader/utils/commonUtil.js

@@ -0,0 +1,54 @@
+import { SEARCH_MARK } from '../hooks/useSearchOptions';
+export var VALUE_SPLIT = '__RC_CASCADER_SPLIT__';
+export var SHOW_PARENT = 'SHOW_PARENT';
+export var SHOW_CHILD = 'SHOW_CHILD';
+export function toPathKey(value) {
+  return value.join(VALUE_SPLIT);
+}
+export function toPathKeys(value) {
+  return value.map(toPathKey);
+}
+export function toPathValueStr(pathKey) {
+  return pathKey.split(VALUE_SPLIT);
+}
+export function fillFieldNames(fieldNames) {
+  var _ref = fieldNames || {},
+    label = _ref.label,
+    value = _ref.value,
+    children = _ref.children;
+  var val = value || 'value';
+  return {
+    label: label || 'label',
+    value: val,
+    key: val,
+    children: children || 'children'
+  };
+}
+export function isLeaf(option, fieldNames) {
+  var _a, _b;
+  return (_a = option.isLeaf) !== null && _a !== void 0 ? _a : !((_b = option[fieldNames.children]) === null || _b === void 0 ? void 0 : _b.length);
+}
+export function scrollIntoParentView(element) {
+  var parent = element.parentElement;
+  if (!parent) {
+    return;
+  }
+  var elementToParent = element.offsetTop - parent.offsetTop; // offsetParent may not be parent.
+  if (elementToParent - parent.scrollTop < 0) {
+    parent.scrollTo({
+      top: elementToParent
+    });
+  } else if (elementToParent + element.offsetHeight - parent.scrollTop > parent.offsetHeight) {
+    parent.scrollTo({
+      top: elementToParent + element.offsetHeight - parent.offsetHeight
+    });
+  }
+}
+export function getFullPathKeys(options, fieldNames) {
+  return options.map(function (item) {
+    var _a;
+    return (_a = item[SEARCH_MARK]) === null || _a === void 0 ? void 0 : _a.map(function (opt) {
+      return opt[fieldNames.value];
+    });
+  });
+}

package/lib/Cascaders/rc-cascader/utils/treeUtil.js

@@ -0,0 +1,37 @@
+import { SHOW_CHILD } from './commonUtil';
+export function formatStrategyValues(pathKeys, getKeyPathEntities, showCheckedStrategy) {
+  var valueSet = new Set(pathKeys);
+  var keyPathEntities = getKeyPathEntities();
+  return pathKeys.filter(function (key) {
+    var entity = keyPathEntities[key];
+    var parent = entity ? entity.parent : null;
+    var children = entity ? entity.children : null;
+    return showCheckedStrategy === SHOW_CHILD ? !(children && children.some(function (child) {
+      return child.key && valueSet.has(child.key);
+    })) : !(parent && !parent.node.disabled && valueSet.has(parent.key));
+  });
+}
+export function toPathOptions(valueCells, options, fieldNames) {
+  var stringMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var _a;
+  var currentList = options;
+  var valueOptions = [];
+  var _loop = function _loop() {
+    var valueCell = valueCells[i];
+    var foundIndex = currentList === null || currentList === void 0 ? void 0 : currentList.findIndex(function (option) {
+      var val = option[fieldNames.value];
+      return stringMode ? String(val) === String(valueCell) : val === valueCell;
+    });
+    var foundOption = foundIndex !== -1 ? currentList === null || currentList === void 0 ? void 0 : currentList[foundIndex] : null;
+    valueOptions.push({
+      value: (_a = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.value]) !== null && _a !== void 0 ? _a : valueCell,
+      index: foundIndex,
+      option: foundOption
+    });
+    currentList = foundOption === null || foundOption === void 0 ? void 0 : foundOption[fieldNames.children];
+  };
+  for (var i = 0; i < valueCells.length; i += 1) {
+    _loop();
+  }
+  return valueOptions;
+}

package/lib/Cascaders/rc-cascader/utils/warningPropsUtil.js

@@ -0,0 +1,30 @@
+import warning from 'rc-util/lib/warning';
+function warningProps(props) {
+  var onPopupVisibleChange = props.onPopupVisibleChange,
+    popupVisible = props.popupVisible,
+    popupClassName = props.popupClassName,
+    popupPlacement = props.popupPlacement;
+  warning(!onPopupVisibleChange, '`onPopupVisibleChange` is deprecated. Please use `onDropdownVisibleChange` instead.');
+  warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
+  warning(popupClassName === undefined, '`popupClassName` is deprecated. Please use `dropdownClassName` instead.');
+  warning(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
+}
+// value in Cascader options should not be null
+export function warningNullOptions(options, fieldNames) {
+  if (options) {
+    var recursiveOptions = function recursiveOptions(optionsList) {
+      for (var i = 0; i < optionsList.length; i++) {
+        var option = optionsList[i];
+        if (option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] === null) {
+          warning(false, '`value` in Cascader options should not be `null`.');
+          return true;
+        }
+        if (Array.isArray(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children]) && recursiveOptions(option[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children])) {
+          return true;
+        }
+      }
+    };
+    recursiveOptions(options);
+  }
+}
+export default warningProps;

package/lib/CitySelect/index.js

@@ -1,5 +1,5 @@
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
+import "@chaoswise/ui/lib/Cascader/index.less";
+import _Cascader from "@chaoswise/ui/lib/Cascader";
 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); }
 import React from 'react';
 import PropTypes from 'prop-types';

package/lib/QuickTransfer/NotDragList.js

@@ -6,14 +6,11 @@ var _excluded = ["label", "value", "index", "handleDelete", "labelValue", "moveL
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { Fragment, useRef } from "react";
-import { useDrag, useDrop } from "react-dnd";
+import React, { Fragment } from "react";
 import classnames from "classnames";
 import { getLocale } from "./locale";
 import LockSvg from "./assets/LockSvg";
 import DragSvg from "./assets/DragSvg";
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
 var NotDragList = function NotDragList(_ref) {
   var label = _ref.label,
     value = _ref.value,

package/lib/QuickTransfer/TopicList.js

@@ -146,10 +146,8 @@ var TopicList = function TopicList(_ref) {
       return handleDeleted(labelValue);
     }
   }));
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     className: classnames("cw-transfer-right-content-main")
-  }, dragProps), renderItemContent)));
+  }, dragProps), renderItemContent));
 };
 export default TopicList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/ui",
-  "version": "2.2.8",
+  "version": "2.3.0",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -87,7 +87,7 @@
     "intl": "^1.2.5",
     "marked": "^4.2.3",
     "prop-types": "^15.7.2",
-    "rc-cascader": "^3.7.0",
+    "rc-cascader": "~3.9.0",
     "rc-field-form": "~1.27.0",
     "rc-notification": "^4.5.7",
     "rc-picker": "^2.6.4",
@@ -139,5 +139,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "40263412634d4c05cae0d1ee6de1fbe180cf4eb6"
+  "gitHead": "37c6b99e216fadee27df4128da5657fcb74e0465"
 }