shineout 3.6.0-beta.13 → 3.6.0-beta.15

package/cjs/textarea/textarea.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextareaProps } from './textarea.type';
-declare const _default: (props: TextareaProps) => JSX.Element;
+declare const _default: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/tooltip/tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from './tooltip.type';
-declare const _default: (props: TooltipProps) => JSX.Element;
+declare const _default: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/transfer/transfer.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TransferProps } from './transfer.type';
-declare const _default: <DataItem, Value extends KeygenResult[]>(props: TransferProps<DataItem, Value>) => JSX.Element;
+declare const _default: <DataItem, Value extends KeygenResult[]>(props: TransferProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/tree/tree.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { TreeProps } from './tree.type';
 declare const Tree: {
-    <DataItem, Value extends any[]>(props: TreeProps<DataItem, Value>): JSX.Element;
+    <DataItem, Value extends any[]>(props: TreeProps<DataItem, Value>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Tree;

package/cjs/tree-select/tree-select.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { TreeSelectValueType } from '@sheinx/base';
 import { TreeSelectProps } from './tree-select.type';
-declare const _default: <DataItem, Value extends TreeSelectValueType>(props: TreeSelectProps<DataItem, Value>) => JSX.Element;
+declare const _default: <DataItem, Value extends TreeSelectValueType>(props: TreeSelectProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/upload/button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadButtonProps } from './button.type';
-declare const _default: <T>(props: UploadButtonProps<T>) => JSX.Element;
+declare const _default: <T>(props: UploadButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/upload/image.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadImageProps } from './image.type';
-declare const _default: <T>(props: UploadImageProps<T>) => JSX.Element;
+declare const _default: <T>(props: UploadImageProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/upload/upload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadProps } from './upload.type';
-declare const _default: <T>(props: UploadProps<T>) => JSX.Element;
+declare const _default: <T>(props: UploadProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/cjs/utils/dom/detect.d.ts

@@ -5,7 +5,7 @@ export declare const TRANSFORMS: {
     MozTransform: string;
     transform: string;
 };
-export declare function getTransformName(): "transform" | "webkitTransform" | "msTransform" | "OTransform" | "MozTransform";
+export declare function getTransformName(): "transform" | "webkitTransform" | "msTransform" | "MozTransform" | "OTransform";
 export declare function has3d(): boolean;
 export declare const eventPassive: boolean | {
     passive: boolean;

package/dist/shineout.js

@@ -12130,7 +12130,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.6.0-beta.13');
+/* harmony default export */ var version = ('3.6.0-beta.15');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -37919,6 +37919,34 @@ var useTree = function useTree(props) {
     }
     return ids;
   };
+  var initFlatData = function initFlatData(data, path) {
+    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+    var pid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    var result = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+    for (var i = 0; i < data.length; i++) {
+      var item = data[i];
+      var id = getKey(item, path[path.length - 1], i);
+      var node = {
+        id: id,
+        level: level,
+        data: item,
+        pid: pid
+      };
+      if (defaultExpandAll) {
+        result.push(node);
+      } else {
+        if (level === 1) {
+          result.push(node);
+        } else if (expanded && pid !== null && expanded.indexOf(pid) >= 0) {
+          result.push(node);
+        }
+      }
+      if (Array.isArray(item[childrenKey])) {
+        initFlatData(item[childrenKey], [].concat(toConsumableArray_default()(path), [id]), level + 1, id, result);
+      }
+    }
+    return result;
+  };
   var initValue = function initValue(ids_outer, forceCheck) {
     var ids = ids_outer;
     if (!context.data || !context.value) {
@@ -38166,7 +38194,7 @@ var useTree = function useTree(props) {
         expanded: true
       }));
     });
-    var _getExpandVirtualData = getExpandVirtualData(context.data, expanded, getKey, childrenKey),
+    var _getExpandVirtualData = getExpandVirtualData(props.tiledData || context.data, expanded, getKey, childrenKey),
       treeDataInfo = _getExpandVirtualData.treeDataInfo;
     if (!treeDataInfo) {
       return;
@@ -38196,6 +38224,12 @@ var useTree = function useTree(props) {
     if (props.datum) return;
     setValue(value);
   }, [value]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!virtual) return;
+    if (!props.tiledData) return;
+    var tiledFlatData = initFlatData(props.tiledData, [], 1);
+    setDataFlat(tiledFlatData);
+  }, [props.tiledData]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setInited(true);
   }, []);
@@ -41473,7 +41507,6 @@ function useFormControl(props) {
     var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var errors = arguments.length > 1 ? arguments[1] : undefined;
     var severErrors = arguments.length > 2 ? arguments[2] : undefined;
-    var names = arguments.length > 3 ? arguments[3] : undefined;
     if (!name) return;
     if (isArray(name)) {
       var _value = getValue(name, formValue);
@@ -41485,7 +41518,7 @@ function useFormControl(props) {
       var dv = isArray(defaultValue) ? defaultValue : [];
       var nextValue = [];
       name.forEach(function (n, index) {
-        if (!names.has(n) && _value[index] === undefined && dv[index] !== undefined) {
+        if (_value[index] === undefined && dv[index] !== undefined) {
           nextValue[index] = dv[index];
         } else {
           nextValue[index] = _value[index];
@@ -41499,7 +41532,7 @@ function useFormControl(props) {
         setErrorState(_error2);
       }
       if (!shallowEqual(_value2, latestInfo.valueState)) {
-        if (!names.has(name) && _value2 === undefined && defaultValue !== undefined) {
+        if (_value2 === undefined && defaultValue !== undefined) {
           setValueState(defaultValue);
         } else {
           setValueState(_value2);
@@ -48842,7 +48875,7 @@ var useForm = function useForm(props) {
       Object.keys(context.updateMap).forEach(function (key) {
         var _context$updateMap$ke;
         (_context$updateMap$ke = context.updateMap[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.forEach(function (update) {
-          update(context.value, context.errors, context.serverErrors, context.names);
+          update(context.value, context.errors, context.serverErrors);
         });
       });
       Object.keys(context.flowMap).forEach(function (key) {
@@ -48860,12 +48893,12 @@ var useForm = function useForm(props) {
           var _context$updateMap$pa;
           var parentKey = key.split('.')[0];
           (_context$updateMap$pa = context.updateMap[parentKey]) === null || _context$updateMap$pa === void 0 || _context$updateMap$pa.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors, context.names);
+            update(context.value, context.errors, context.serverErrors);
           });
         } else {
           var _context$updateMap$ke2;
           (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors, context.names);
+            update(context.value, context.errors, context.serverErrors);
           });
         }
         (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
@@ -53931,7 +53964,7 @@ var TreeVirtual = function TreeVirtual(props) {
 
 
 
-var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
+var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
 
 
 
@@ -53973,6 +54006,8 @@ var Tree = function Tree(props) {
     dragImageStyle = props.dragImageStyle,
     dragSibling = props.dragSibling,
     unmatch = props.unmatch,
+    _props$ignoreSetFlat = props.ignoreSetFlat,
+    ignoreSetFlat = _props$ignoreSetFlat === void 0 ? false : _props$ignoreSetFlat,
     dragHoverExpand = props.dragHoverExpand,
     propActive = props.active,
     propSetActive = props.setActive,
@@ -54082,10 +54117,10 @@ var Tree = function Tree(props) {
       newExpanded = expandedArr.filter(function (e) {
         return e !== id;
       });
-      if (virtual) datum.removeFlat(id);
+      if (virtual && !ignoreSetFlat) datum.removeFlat(id);
     } else {
       newExpanded = [].concat(toConsumableArray_default()(expandedArr), [id]);
-      if (virtual) datum.insertFlat(id);
+      if (virtual && !ignoreSetFlat) datum.insertFlat(id);
     }
     if (onExpand) onExpand(newExpanded);
   };
@@ -54157,6 +54192,7 @@ var Tree = function Tree(props) {
         onToggle: handleToggle
       }));
     }
+    console.log('data', data);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_root, {
       rootStyle: rootStyle,
       isControlled: 'expanded' in props,
@@ -64855,8 +64891,9 @@ var TreeSelect = function TreeSelect(props0) {
   var _useTree = use_tree({
       mode: mode,
       value: value,
-      data: tiledData,
+      data: data,
       unmatch: unmatch,
+      tiledData: tiledData,
       virtual: virtual,
       disabled: disabled,
       active: multiple ? undefined : value[0],
@@ -65074,9 +65111,14 @@ var TreeSelect = function TreeSelect(props0) {
     if (from !== 'blur') {
       focusAndOpen();
     }
-    setVirtualExpanded([]);
     onTiledFilter === null || onTiledFilter === void 0 || onTiledFilter(trim ? text.trim() : text);
   };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (virtual && expanded) {
+      console.log(expanded);
+      setVirtualExpanded(expanded);
+    }
+  }, [expanded]);
   var handleChange = function handleChange(item, id) {
     if (disabled === true || datum !== null && datum !== void 0 && datum.isDisabled(id)) return;
     var currentData = datum.getDataById(id);
@@ -65250,16 +65292,18 @@ var TreeSelect = function TreeSelect(props0) {
         virtual: virtual,
         childrenKey: props.childrenKey,
         line: line,
+        ignoreSetFlat: true,
         mode: mode,
         height: height,
         data: tiledData,
+        tiledData: tiledData,
         keygen: keygen,
         unmatch: unmatch,
         value: value,
         highlight: !multiple,
         loader: loader,
         onExpand: handleExpanded,
-        expanded: virtualExpanded.length > 0 ? virtualExpanded : controlExpanded || unControlExpanded,
+        expanded: virtual ? virtualExpanded : controlExpanded || unControlExpanded,
         defaultExpandAll: defaultExpandAll,
         expandIcons: tiledExpandIcons,
         disabled: disabled,
@@ -68929,7 +68973,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.13'
+  version: '3.6.0-beta.15'
 });
 }();
 /******/ 	return __webpack_exports__;