@lemon-fe/components 0.1.90 → 0.1.91

package/es/Filter/index.d.ts

@@ -3,5 +3,6 @@ declare function Filter<T extends Record<string, any> = Record<string, any>>(pro
 declare namespace Filter {
     var setComponents: (items: ComponentOption[]) => void;
     var setStorage: <T>(getData: (storageKey: string) => T | Promise<T>, setData: <T_1>(storageKey: string, data: T_1) => void | Promise<void>) => void;
+    var defaultProps: Partial<FilterProps<Record<string, any>>>;
 }
 export default Filter;

package/es/Filter/index.js

@@ -111,7 +111,9 @@ function Filter(props) {
       storageKey = props.storageKey,
       onValuesChange = props.onValuesChange,
       style = props.style,
-      simple = props.simple;
+      simple = props.simple,
+      _props$defaultCollaps = props.defaultCollapsed,
+      defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
   var prefixCls = "".concat(PREFIX_CLS, "-filter");
   var defaultValue = useMemo(function () {
     return defaultValueProp || value;
@@ -172,7 +174,7 @@ function Filter(props) {
       width = _useState12[0],
       setWidth = _useState12[1];
 
-  var _useState13 = useState(true),
+  var _useState13 = useState(defaultCollapsed),
       _useState14 = _slicedToArray(_useState13, 2),
       collapsed = _useState14[0],
       setCollapsed = _useState14[1];
@@ -621,4 +623,5 @@ function Filter(props) {
 
 Filter.setComponents = setComponents;
 Filter.setStorage = setStorage;
+Filter.defaultProps = {};
 export default Filter;

package/es/Filter/typings.d.ts

@@ -20,6 +20,7 @@ export interface FilterProps<T extends Record<string, any> = Record<string, any>
   defaultActiveKeys?: string[];
   storageKey?: string;
   style?: CSSProperties;
+  defaultCollapsed?: boolean;
   /**
    * @description 是否简化筛选器，简化版不包含标签以及选项保存
    */

package/es/Portal/index.d.ts

@@ -1,12 +1,17 @@
-import type { ReactNode } from 'react';
-declare type ContentType = ReactNode | null;
+import type { ReactElement } from 'react';
+declare type ContentType = ReactElement | null;
 declare function PortalHost(props: {
     children: ContentType;
 }): JSX.Element;
+declare function PortalSlot(props: {
+    slot: string;
+}): ContentType;
 declare function Portal(props: {
-    children?: ContentType;
-}): JSX.Element | null;
+    children: ContentType;
+    slot: string;
+}): null;
 declare namespace Portal {
     var Host: typeof PortalHost;
+    var Slot: typeof PortalSlot;
 }
 export default Portal;

package/es/Portal/index.js

@@ -10,63 +10,132 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React from 'react';
-import { createContext, memo, useContext, useEffect, useMemo, useState } from 'react';
-import { uniqueId } from 'lodash';
+import React, { createContext, memo, useContext, useEffect, useMemo, useState } from 'react';
 var Slot = /*#__PURE__*/memo(function Content(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  return props.children;
 });
-var Context = /*#__PURE__*/createContext(null);
+var Context = /*#__PURE__*/createContext({
+  set: function set() {},
+  delete: function _delete() {},
+  observable: {
+    subscribe: function subscribe() {
+      return {
+        unsubscribe: function unsubscribe() {}
+      };
+    },
+    get: function get() {
+      return new Map();
+    }
+  }
+});
+
+function Subject(initialData) {
+  var observers = [];
+  var data = initialData;
+  return {
+    get: function get() {
+      return data;
+    },
+    next: function next(state) {
+      data = state;
+      observers.forEach(function (item) {
+        return item.next(state);
+      });
+    },
+    subscribe: function subscribe(observer) {
+      observers.push(observer);
+      return {
+        unsubscribe: function unsubscribe() {
+          var index = observers.findIndex(function (item) {
+            return item === observer;
+          });
+
+          if (index >= 0) {
+            observers.splice(index, 1);
+          }
+        }
+      };
+    }
+  };
+}
 
 function PortalHost(props) {
   var children = props.children;
 
-  var _useState = useState(null),
+  var _useState = useState(new Map()),
       _useState2 = _slicedToArray(_useState, 2),
-      content = _useState2[0],
-      setContent = _useState2[1];
+      nodes = _useState2[0],
+      setNodes = _useState2[1];
 
+  var observable = useMemo(function () {
+    return Subject(nodes);
+  }, []);
   var portal = useMemo(function () {
     return {
-      add: function add(key, node) {
-        setContent({
-          key: key,
-          node: node
+      set: function set(key, node) {
+        setNodes(function (prev) {
+          var next = new Map(prev);
+          next.set(key, node);
+          return next;
         });
       },
-      clear: function clear(key) {
-        setContent(function (prev) {
-          if ((prev === null || prev === void 0 ? void 0 : prev.key) === key) {
-            return null;
-          }
-
-          return prev;
+      delete: function _delete(key) {
+        setNodes(function (prev) {
+          var next = new Map(prev);
+          next.delete(key);
+          return next;
         });
-      }
+      },
+      observable: observable
     };
   }, []);
+  useEffect(function () {
+    observable.next(nodes);
+  }, [nodes]);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: portal
-  }, /*#__PURE__*/React.createElement(Slot, null, content ? content.node : null), /*#__PURE__*/React.createElement(Slot, null, children));
+  }, /*#__PURE__*/React.createElement(Slot, null, children));
+}
+
+function PortalSlot(props) {
+  var slot = props.slot;
+
+  var _useContext = useContext(Context),
+      observable = _useContext.observable;
+
+  var _useState3 = useState(observable.get().get(slot) || null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      node = _useState4[0],
+      setNode = _useState4[1];
+
+  useEffect(function () {
+    var _observable$subscribe = observable.subscribe({
+      next: function next(state) {
+        setNode(state.get(slot) || null);
+      }
+    }),
+        unsubscribe = _observable$subscribe.unsubscribe;
+
+    return unsubscribe;
+  }, [slot]);
+  return node;
 }
 
 function Portal(props) {
-  var _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children;
+  var slot = props.slot,
+      children = props.children;
   var portal = useContext(Context);
-  var key = useMemo(function () {
-    return uniqueId('portal-');
-  }, []);
   useEffect(function () {
-    if (portal !== null) {
-      portal.add(key, children);
-      return function () {
-        portal.clear(key);
-      };
-    }
-  }, [portal, key, children]);
-  return portal ? null : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return function () {
+      portal.delete(slot);
+    };
+  }, [slot]);
+  useEffect(function () {
+    portal.set(slot, children);
+  }, [slot, children]);
+  return null;
 }
 
 Portal.Host = PortalHost;
+Portal.Slot = PortalSlot;
 export default Portal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.90",
+  "version": "0.1.91",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "a663b35b1cddf3fde745eaa0750d98758c08bd64"
+  "gitHead": "407f33c49a0de8ae9b3fc07002ee9eace8dbd179"
 }