@sheinx/hooks 3.0.0-alpha.1 → 3.0.0-alpha.3

package/cjs/components/use-treeselect/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useTreeselect.default;
+  }
+});
+Object.defineProperty(exports, "useTiled", {
+  enumerable: true,
+  get: function get() {
+    return _useTiled.default;
+  }
+});
+Object.defineProperty(exports, "useTreeSelect", {
+  enumerable: true,
+  get: function get() {
+    return _useTreeselect.default;
+  }
+});
+var _useTreeselect = _interopRequireDefault(require("./use-treeselect"));
+var _useTiled = _interopRequireDefault(require("./use-tiled"));

package/cjs/components/use-treeselect/use-tiled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { UseTiledProps } from './use-tiled.type';
+declare const useTiled: <DataItem>(props: UseTiledProps<DataItem>) => {
+    data: DataItem[];
+    onFilter: ((text: string) => void) | undefined;
+    expandIcons?: undefined;
+} | {
+    data: any[];
+    onFilter: (text: string) => void;
+    expandIcons: ((item: DataItem) => string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined)[];
+};
+export default useTiled;
+//# sourceMappingURL=use-tiled.d.ts.map

package/cjs/components/use-treeselect/use-tiled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tiled.d.ts","sourceRoot":"","sources":["use-tiled.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ;;;;;;qBAiCgB,MAAM;;CAoDnC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/components/use-treeselect/use-tiled.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.splice.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useTree3 = require("../use-tree");
+var _tree = require("../../utils/tree");
+var _jsxRuntime = require("react/jsx-runtime");
+var useTiled = function useTiled(props) {
+  var data = props.data,
+    keygen = props.keygen,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    _props$expanded = props.expanded,
+    expanded = _props$expanded === void 0 ? [] : _props$expanded,
+    rawData = props.rawData,
+    onFilter = props.onFilter,
+    filterText = props.filterText,
+    originIcon = props.originIcon,
+    moreIcon = props.moreIcon,
+    onAdvancedFilter = props.onAdvancedFilter;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tileds = _useState2[0],
+    setTileds = _useState2[1];
+  var _useTree = (0, _useTree3.useTree)({
+      data: data,
+      childrenKey: childrenKey,
+      keygen: keygen,
+      isControlled: false
+    }),
+    datum = _useTree.datum;
+  var _useTree2 = (0, _useTree3.useTree)({
+      data: rawData,
+      childrenKey: childrenKey,
+      keygen: keygen,
+      isControlled: false
+    }),
+    rawDatum = _useTree2.datum,
+    getRawKey = _useTree2.getKey,
+    getRawDataById = _useTree2.getDataById;
+  var handleToggle = function handleToggle(e, key) {
+    e.stopPropagation();
+    var nextTileds = (0, _toConsumableArray2.default)(tileds);
+    var index = nextTileds.indexOf(key);
+    if (index >= 0) nextTileds.splice(index, 1);else nextTileds.push(key);
+    setTileds(nextTileds);
+  };
+  var handleFilter = function handleFilter(text) {
+    if (!text) setTileds([]);
+    if (onFilter) onFilter(text);
+  };
+  var getIcon = function getIcon(item) {
+    var key = getRawKey(item);
+    var rawDataItem = getRawDataById(key);
+    if (!item || !rawDataItem) return originIcon;
+
+    // const sameCount =
+    //   item[childrenKey] &&
+    //   rawDataItem[childrenKey] &&
+    //   (item[childrenKey] as DataItem[]).length === (rawDataItem[childrenKey] as DataItem[]).length;
+    if (expanded.indexOf(key) === -1) return originIcon;
+    var handleClick = function handleClick(e) {
+      handleToggle(e, key);
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: '100%'
+      },
+      onClick: handleClick,
+      children: moreIcon()
+    });
+  };
+  if (!filterText || !onAdvancedFilter) {
+    return {
+      data: data,
+      onFilter: onFilter
+    };
+  }
+  var nextData = (0, _tree.mergeFilteredTree)(datum, rawDatum, tileds);
+  return {
+    data: nextData,
+    onFilter: handleFilter,
+    expandIcons: [getIcon, getIcon]
+  };
+};
+var _default = useTiled;
+exports.default = _default;

package/cjs/components/use-treeselect/use-tiled.type.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TreeKeygenType, KeygenResult } from '../../common/type';
+export interface UseTiledProps<DataItem> {
+    data: DataItem[];
+    rawData: DataItem[];
+    onFilter?: (text: string) => void;
+    keygen: TreeKeygenType<DataItem>;
+    childrenKey?: keyof DataItem & string;
+    expanded?: KeygenResult[];
+    filterText?: string;
+    originIcon: React.ReactNode;
+    moreIcon: () => React.ReactNode;
+    onAdvancedFilter?: (text: string) => (data: DataItem) => boolean;
+}
+//# sourceMappingURL=use-tiled.type.d.ts.map

package/cjs/components/use-treeselect/use-tiled.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tiled.type.d.ts","sourceRoot":"","sources":["use-tiled.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;CAClE"}

package/cjs/components/use-treeselect/use-tiled.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-treeselect/use-treeselect.d.ts

@@ -0,0 +1,7 @@
+import { BaseTreeSelectProps } from './use-treeselect.type';
+declare const useTreeSelect: <DataItem, Value>(props: BaseTreeSelectProps<DataItem, Value>) => {
+    value: Value | undefined;
+    onChange: (value: Value | Value[], selected?: DataItem | undefined, path?: (string | number)[] | undefined) => void;
+};
+export default useTreeSelect;
+//# sourceMappingURL=use-treeselect.d.ts.map

package/cjs/components/use-treeselect/use-treeselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-treeselect.d.ts","sourceRoot":"","sources":["use-treeselect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,aAAa;;;CAelB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/components/use-treeselect/use-treeselect.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useInputAble2 = require("../../common/use-input-able");
+var useTreeSelect = function useTreeSelect(props) {
+  var valueProp = props.value,
+    defaultValue = props.defaultValue,
+    control = props.control,
+    beforeChange = props.beforeChange,
+    onChangeProp = props.onChange;
+  var _useInputAble = (0, _useInputAble2.useInputAble)({
+      value: valueProp,
+      control: control,
+      defaultValue: defaultValue,
+      beforeChange: beforeChange,
+      onChange: onChangeProp
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  return {
+    value: value,
+    onChange: onChange
+  };
+};
+var _default = useTreeSelect;
+exports.default = _default;

package/cjs/components/use-treeselect/use-treeselect.type.d.ts

@@ -0,0 +1,9 @@
+export interface BaseTreeSelectProps<DataItem, Value> {
+    data?: DataItem[];
+    value?: Value;
+    defaultValue?: Value;
+    control: boolean;
+    beforeChange?: (value: Value) => any;
+    onChange?: (value: Value | Value[], selected?: DataItem, path?: (string | number)[]) => void;
+}
+//# sourceMappingURL=use-treeselect.type.d.ts.map

package/cjs/components/use-treeselect/use-treeselect.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-treeselect.type.d.ts","sourceRoot":"","sources":["use-treeselect.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB,CAAC,QAAQ,EAAE,KAAK;IAClD,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9F"}

package/cjs/components/use-treeselect/use-treeselect.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/index.d.ts

@@ -20,6 +20,7 @@ export * from './common/use-resize';
 export * from './common/use-transform';
 export * from './common/use-drag-mock';
 export * from './common/use-pagination-list';
+export * from './common/use-filter';
 export * from './components/use-input';
 export * from './components/use-textarea';
 export * from './components/use-form';
@@ -39,6 +40,10 @@ export * from './components/use-tree';
 export * from './components/use-select';
 export * from './components/use-slider';
 export * from './components/use-menu';
+export * from './components/use-descriptions';
+export * from './components/use-treeselect';
+export * from './components/use-collapse';
+export * from './components/use-cascader';
 declare const _default: {};
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAG7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;;AAEtC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;;AAE1C,wBAAkB"}

package/cjs/index.js

@@ -254,6 +254,18 @@ Object.keys(_usePaginationList).forEach(function (key) {
     }
   });
 });
+var _useFilter = require("./common/use-filter");
+Object.keys(_useFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFilter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFilter[key];
+    }
+  });
+});
 var _useInput = require("./components/use-input");
 Object.keys(_useInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -482,6 +494,54 @@ Object.keys(_useMenu).forEach(function (key) {
     }
   });
 });
+var _useDescriptions = require("./components/use-descriptions");
+Object.keys(_useDescriptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useDescriptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDescriptions[key];
+    }
+  });
+});
+var _useTreeselect = require("./components/use-treeselect");
+Object.keys(_useTreeselect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTreeselect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useTreeselect[key];
+    }
+  });
+});
+var _useCollapse = require("./components/use-collapse");
+Object.keys(_useCollapse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCollapse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useCollapse[key];
+    }
+  });
+});
+var _useCascader = require("./components/use-cascader");
+Object.keys(_useCascader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCascader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useCascader[key];
+    }
+  });
+});
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //common

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

@@ -6,11 +6,12 @@ import React from 'react';
  * @param insertSpace 是否需要插入空格
  * @returns 处理后的 ReactNode
  */
-export declare function wrapSpan(children: React.ReactNode, insertSpace?: boolean): React.ReactNode;
+export declare function wrapSpan(children: React.ReactNode, insertSpace?: boolean, className?: string): React.ReactNode;
 export declare const addResizeObserver: (el: HTMLElement, handler: any, options?: {
     direction?: boolean | "x" | "y" | undefined;
     timer?: number | undefined;
 }) => () => void;
 export declare function getParent(el: HTMLElement | null | Element, target?: string | HTMLElement): Element | null;
 export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
+export declare const parsePxToNumber: (str: string) => number;
 //# sourceMappingURL=element.d.ts.map

package/cjs/utils/dom/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,UAAQ,GAAG,KAAK,CAAC,SAAS,CASxF;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAUxE"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAUxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC"}

package/cjs/utils/dom/element.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.addResizeObserver = void 0;
 exports.cssSupport = cssSupport;
 exports.getParent = getParent;
+exports.parsePxToNumber = void 0;
 exports.wrapSpan = wrapSpan;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.string.replace.js");
 var _react = _interopRequireDefault(require("react"));
 var _func = require("../func");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -35,6 +37,7 @@ var SPACE = ' ';
  */
 function wrapSpan(children) {
   var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var className = arguments.length > 2 ? arguments[2] : undefined;
   if (!children) return children;
   return _react.default.Children.map(children, function (item) {
     if (typeof item === 'string') {
@@ -42,6 +45,7 @@ function wrapSpan(children) {
         children: item.split('').join(SPACE)
       });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: className,
         children: item
       });
     }
@@ -129,4 +133,8 @@ function cssSupport(attr, value) {
     return element.style[attr] === value;
   }
   return false;
-}
+}
+var parsePxToNumber = function parsePxToNumber(str) {
+  return Number(str.replace(/\s+|px/gi, ''));
+};
+exports.parsePxToNumber = parsePxToNumber;

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

@@ -1,5 +1,8 @@
 export { default, default as NormalizeWheel } from './normalize-wheel';
+export { parsePxToNumber, addResizeObserver } from './element';
 export type { OldWheelEvent } from './normalize-wheel.type';
 export * from './ready';
 export * from './element';
+export { default as ResponsiveObserve } from './responsiveObserve';
+export type { Breakpoint, ScreenMap } from './responsiveObserve.type';
 //# sourceMappingURL=index.d.ts.map

package/cjs/utils/dom/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC"}

package/cjs/utils/dom/index.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  NormalizeWheel: true
+  NormalizeWheel: true,
+  parsePxToNumber: true,
+  addResizeObserver: true,
+  ResponsiveObserve: true
 };
 Object.defineProperty(exports, "NormalizeWheel", {
   enumerable: true,
@@ -14,34 +17,53 @@ Object.defineProperty(exports, "NormalizeWheel", {
     return _normalizeWheel.default;
   }
 });
+Object.defineProperty(exports, "ResponsiveObserve", {
+  enumerable: true,
+  get: function get() {
+    return _responsiveObserve.default;
+  }
+});
+Object.defineProperty(exports, "addResizeObserver", {
+  enumerable: true,
+  get: function get() {
+    return _element.addResizeObserver;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _normalizeWheel.default;
   }
 });
+Object.defineProperty(exports, "parsePxToNumber", {
+  enumerable: true,
+  get: function get() {
+    return _element.parsePxToNumber;
+  }
+});
 var _normalizeWheel = _interopRequireDefault(require("./normalize-wheel"));
-var _ready = require("./ready");
-Object.keys(_ready).forEach(function (key) {
+var _element = require("./element");
+Object.keys(_element).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ready[key]) return;
+  if (key in exports && exports[key] === _element[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ready[key];
+      return _element[key];
     }
   });
 });
-var _element = require("./element");
-Object.keys(_element).forEach(function (key) {
+var _ready = require("./ready");
+Object.keys(_ready).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _element[key]) return;
+  if (key in exports && exports[key] === _ready[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _element[key];
+      return _ready[key];
     }
   });
-});
+});
+var _responsiveObserve = _interopRequireDefault(require("./responsiveObserve"));

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

@@ -0,0 +1,13 @@
+import type { Breakpoint, BreakpointMap, ScreenMap, SubscribeFunc } from './responsiveObserve.type';
+export declare const responsiveArray: Breakpoint[];
+export declare const responsiveMap: BreakpointMap;
+declare const responsiveObserve: {
+    matchHandlers: any;
+    dispatch: (screenMap: ScreenMap, breakpointChecked: Breakpoint) => boolean;
+    register: () => void;
+    subscribe: (func: SubscribeFunc) => string;
+    unregister: () => void;
+    unsubscribe: (token: string) => void;
+};
+export default responsiveObserve;
+//# sourceMappingURL=responsiveObserve.d.ts.map

package/cjs/utils/dom/responsiveObserve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveObserve.d.ts","sourceRoot":"","sources":["responsiveObserve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEpG,eAAO,MAAM,eAAe,EAAE,UAAU,EAAkD,CAAC;AAE3F,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAC;AAUF,QAAA,MAAM,iBAAiB,EAAE;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3E,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAyDtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/utils/dom/responsiveObserve.js

@@ -0,0 +1,89 @@
+"use strict";
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.responsiveMap = exports.responsiveArray = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.array.filter.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var responsiveArray = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+exports.responsiveArray = responsiveArray;
+var responsiveMap = {
+  xs: '(max-width: 575px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  xxl: '(min-width: 1600px)',
+  xxxl: '(min-width: 2000px)'
+};
+exports.responsiveMap = responsiveMap;
+var subscribers = [];
+var subUid = -1;
+var screens = {};
+var responsiveObserve = {
+  matchHandlers: {},
+  dispatch: function dispatch(screenMap, breakpointChecked) {
+    screens = screenMap;
+    if (subscribers.length < 1) return false;
+    subscribers.forEach(function (item) {
+      return item.func(screens, breakpointChecked);
+    });
+    return true;
+  },
+  register: function register() {
+    var _this = this;
+    var listener = function listener(screen) {
+      return function (_ref) {
+        var matches = _ref.matches;
+        return _this.dispatch(_objectSpread(_objectSpread({}, screens), {}, (0, _defineProperty2.default)({}, screen, matches)), screen);
+      };
+    };
+    Object.keys(responsiveMap).forEach(function (screen) {
+      var content = responsiveMap[screen];
+      var status = window.matchMedia(content);
+      try {
+        status.addEventListener('change', listener(screen));
+      } catch (e) {
+        status.addListener(listener(screen));
+      }
+      _this.matchHandlers[content] = {
+        status: status,
+        listener: listener(screen)
+      };
+      listener(screen)(status);
+    });
+  },
+  subscribe: function subscribe(func) {
+    if (subscribers.length === 0) this.register();
+    var token = (++subUid).toString();
+    subscribers.push({
+      token: token,
+      func: func
+    });
+    func(screens);
+    return token;
+  },
+  unregister: function unregister() {
+    var _this2 = this;
+    Object.keys(responsiveMap).forEach(function (screen) {
+      var content = responsiveMap[screen];
+      var handler = _this2.matchHandlers[content];
+      if (handler && handler.status && handler.listener) handler.status.removeListener(handler.listener);
+    });
+  },
+  unsubscribe: function unsubscribe(token) {
+    subscribers = subscribers.filter(function (item) {
+      return item.token !== token;
+    });
+    if (subscribers.length === 0) this.unregister();
+  }
+};
+var _default = responsiveObserve;
+exports.default = _default;

package/cjs/utils/dom/responsiveObserve.type.d.ts

@@ -0,0 +1,5 @@
+export declare type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export declare type BreakpointMap = Partial<Record<Breakpoint, string>>;
+export declare type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export declare type SubscribeFunc = (screens: ScreenMap, breakpointChecked?: Breakpoint) => void;
+//# sourceMappingURL=responsiveObserve.type.d.ts.map

package/cjs/utils/dom/responsiveObserve.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveObserve.type.d.ts","sourceRoot":"","sources":["responsiveObserve.type.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3E,oBAAY,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAChE,oBAAY,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7D,oBAAY,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC"}

package/cjs/utils/dom/responsiveObserve.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/utils/index.d.ts

@@ -18,4 +18,5 @@ export * from './style-unit';
 export * from './attribute';
 export * from './accept';
 export * from './array';
+export * from './tree';
 //# sourceMappingURL=index.d.ts.map

package/cjs/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/cjs/utils/index.js

@@ -242,4 +242,16 @@ Object.keys(_array).forEach(function (key) {
       return _array[key];
     }
   });
+});
+var _tree = require("./tree");
+Object.keys(_tree).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tree[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tree[key];
+    }
+  });
 });