one-design-next 0.0.33 → 0.0.34

package/dist/tree-select/index.d.ts

@@ -20,6 +20,7 @@ export interface TreeSelectProps extends Omit<RcTreeSelectProps, 'treeData'> {
     showInnerSearch?: boolean;
     light?: boolean;
     popupRender?: (menu: React.ReactElement) => React.ReactElement;
+    checkStrictly?: boolean;
 }
 declare const TreeSelect: React.FC<TreeSelectProps>;
 export default TreeSelect;

package/dist/tree-select/index.js

@@ -1,5 +1,4 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["mode", "suffixIcon", "visible", "onVisibleChange", "treeCheckable", "className", "showInnerSearch", "light", "popupRender", "searchValue", "onSearch"];
+var _excluded = ["mode", "suffixIcon", "visible", "onVisibleChange", "treeCheckable", "className", "showInnerSearch", "light", "popupRender", "searchValue", "onSearch", "checkStrictly", "value", "defaultValue", "onChange"];
 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 _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."); }
@@ -14,13 +13,31 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import clsx from 'clsx';
 import RcTreeSelect from 'rc-tree-select';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Icon from "../icon";
 import "../select/style";
 import useIcons from "../select/useIcons";
 import "./style";
+function toLabelInValue(val) {
+  if (val === undefined || val === null) return undefined;
+  var arr = Array.isArray(val) ? val : [val];
+  return arr.map(function (v) {
+    return _typeof(v) === 'object' && v !== null && 'value' in v ? v : {
+      value: v,
+      label: v
+    };
+  });
+}
+function toSimpleValues(val) {
+  if (val === undefined || val === null) return [];
+  var arr = Array.isArray(val) ? val : [val];
+  return arr.map(function (v) {
+    return v.value;
+  });
+}
 var TreeSelect = function TreeSelect(_ref) {
   var mode = _ref.mode,
     _ref$suffixIcon = _ref.suffixIcon,
@@ -39,8 +56,31 @@ var TreeSelect = function TreeSelect(_ref) {
     popupRender = _ref.popupRender,
     searchValueProp = _ref.searchValue,
     onSearch = _ref.onSearch,
+    _ref$checkStrictly = _ref.checkStrictly,
+    checkStrictly = _ref$checkStrictly === void 0 ? false : _ref$checkStrictly,
+    valueProp = _ref.value,
+    defaultValueProp = _ref.defaultValue,
+    onChangeProp = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isMultiple = mode === 'multiple';
+  var rcValue = useMemo(function () {
+    return checkStrictly ? toLabelInValue(valueProp) : valueProp;
+  }, [checkStrictly, valueProp]);
+  var rcDefaultValue = useMemo(function () {
+    return checkStrictly ? toLabelInValue(defaultValueProp) : defaultValueProp;
+  }, [checkStrictly, defaultValueProp]);
+  var rcOnChange = useCallback(function () {
+    if (!onChangeProp) return;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (checkStrictly) {
+      var simpleValues = toSimpleValues(args[0]);
+      onChangeProp(simpleValues, args[1], args[2]);
+    } else {
+      onChangeProp.apply(void 0, args);
+    }
+  }, [checkStrictly, onChangeProp]);
   var _useIcons = useIcons(_objectSpread(_objectSpread({}, rest), {}, {
       multiple: isMultiple,
       hasFeedback: false,
@@ -102,7 +142,8 @@ var TreeSelect = function TreeSelect(_ref) {
     treeCheckable: isMultiple ? treeCheckable ? /*#__PURE__*/React.createElement("span", {
       className: "odn-select-tree-checkbox-inner"
     }) : treeCheckable : false,
-    showCheckedStrategy: "SHOW_PARENT",
+    treeCheckStrictly: checkStrictly,
+    showCheckedStrategy: checkStrictly ? 'SHOW_ALL' : 'SHOW_PARENT',
     searchValue: searchValue,
     dropdownRender: function dropdownRender(menu) {
       var searchNode = showInnerSearch ? /*#__PURE__*/React.createElement("div", {
@@ -133,7 +174,10 @@ var TreeSelect = function TreeSelect(_ref) {
       var content = /*#__PURE__*/React.createElement(React.Fragment, null, searchNode, menu);
       return popupRender ? popupRender(content) : content;
     },
-    notFoundContent: "\u65E0\u5339\u914D\u7ED3\u679C"
+    notFoundContent: "\u65E0\u5339\u914D\u7ED3\u679C",
+    value: rcValue,
+    defaultValue: rcDefaultValue,
+    onChange: rcOnChange
   }, rest));
 };
 TreeSelect.displayName = 'TreeSelect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@10.33.0",
   "module": "dist/index.js",