@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.10

package/esm/list/list.js

@@ -1,35 +1,24 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _hooks = require("@sheinx/hooks");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
-var _virtualScroll = require("../virtual-scroll");
-var _pagination = _interopRequireDefault(require("../pagination"));
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _spin = _interopRequireDefault(require("../spin"));
-var _empty = _interopRequireDefault(require("../empty"));
-var _jsxRuntime = require("react/jsx-runtime");
+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 = ["data"];
-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; }
-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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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; }
+import { usePersistFn, util, usePaginationList, useListSelectMultiple, useInputAble } from '@sheinx/hooks';
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import React from 'react';
+import { VirtualScrollList } from "../virtual-scroll";
+import Pagination from "../pagination";
+import Checkbox from "../checkbox";
+import Spin from "../spin";
+import Empty from "../empty";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var emptyArray = [];
 var List = function List(props) {
   var _props$jssStyle, _props$jssStyle$list;
@@ -43,26 +32,27 @@ var List = function List(props) {
     rowsInView = _props$rowsInView === void 0 ? 10 : _props$rowsInView,
     _props$pagination = props.pagination,
     pagination = _props$pagination === void 0 ? {} : _props$pagination;
-  var listClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$list = _props$jssStyle.list) === null || _props$jssStyle$list === void 0 ? void 0 : _props$jssStyle$list.call(_props$jssStyle);
-  var inputAble = (0, _hooks.useInputAble)({
+  var listClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$list = _props$jssStyle.list) === null || _props$jssStyle$list === void 0 ? void 0 : _props$jssStyle$list.call(_props$jssStyle);
+  var inputAble = useInputAble({
     value: props.value,
     onChange: props.onChange,
     control: 'value' in props,
     defaultValue: undefined,
     beforeChange: undefined
   });
-  var _usePaginationList = (0, _hooks.usePaginationList)({
+  var _usePaginationList = usePaginationList({
       data: data,
       current: pagination.current,
       pageSize: pagination.pageSize,
       defaultCurrent: pagination.defaultCurrent,
       onChange: pagination.onChange,
       shouldPage: !!props.pagination,
-      loading: !!props.loading
+      loading: !!props.loading,
+      total: pagination.total
     }),
     pageData = _usePaginationList.data,
-    pageInfo = (0, _objectWithoutProperties2.default)(_usePaginationList, _excluded);
-  var datum = (0, _hooks.useListSelectMultiple)({
+    pageInfo = _objectWithoutProperties(_usePaginationList, _excluded);
+  var datum = useListSelectMultiple({
     data: pageData,
     value: inputAble.value,
     format: props.format,
@@ -70,7 +60,7 @@ var List = function List(props) {
     disabled: props.disabled,
     onChange: inputAble.onChange
   });
-  var columnData = (0, _react.useMemo)(function () {
+  var columnData = useMemo(function () {
     // 把数组按照colNum分成多个数组
     var result = [];
     for (var i = 0; i < pageData.length; i += colNum) {
@@ -78,18 +68,21 @@ var List = function List(props) {
     }
     return result;
   }, [pageData, colNum]);
-  var renderItem = (0, _hooks.usePersistFn)(function (item, index) {
-    var key = _hooks.util.getKey(props.keygen, item, index);
+  var renderItem = usePersistFn(function (item, index) {
+    var key = util.getKey(props.keygen, item, index);
     var shouldRenderCheckbox = props.onChange;
     var rowClass = typeof props.rowClassName === 'function' ? props.rowClassName(item, index) : props.rowClassName;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(listClasses === null || listClasses === void 0 ? void 0 : listClasses.item, rowClass),
-      style: _objectSpread({
-        height: props.fixed ? lineHeight : '',
-        width: "".concat(100 / colNum, "%")
-      }, props.itemStyle),
-      children: shouldRenderCheckbox ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+    var listStyle = _objectSpread({
+      width: "".concat(100 / colNum, "%")
+    }, props.itemStyle);
+    if (props.fixed) {
+      listStyle.height = lineHeight;
+    }
+    return /*#__PURE__*/_jsx("div", {
+      className: classNames(listClasses === null || listClasses === void 0 ? void 0 : listClasses.item, rowClass),
+      style: listStyle,
+      children: shouldRenderCheckbox ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Checkbox, {
           jssStyle: props.jssStyle,
           checked: datum.check(item),
           disabled: datum.disabledCheck(item),
@@ -100,15 +93,15 @@ var List = function List(props) {
               datum.remove(item);
             }
           }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.checkContent,
-          children: _hooks.util.render(props.renderItem, item, index)
+          children: util.render(props.renderItem, item, index)
         })]
-      }) : _hooks.util.render(props.renderItem, item, index)
+      }) : util.render(props.renderItem, item, index)
     }, key);
   });
-  var renderColumn = (0, _hooks.usePersistFn)(function (columnData, columnIndex) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var renderColumn = usePersistFn(function (columnData, columnIndex) {
+    return /*#__PURE__*/_jsx("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.row,
       children: columnData.map(function (item, rowIndex) {
         var index = rowIndex + columnIndex * colNum;
@@ -119,33 +112,32 @@ var List = function List(props) {
   });
   var renderLoading = function renderLoading() {
     if (!props.loading) return null;
-    var Loading = props.loading === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-      name: "ring",
+    var Loading = props.loading === true ? /*#__PURE__*/_jsx(Spin, {
       size: 16,
       jssStyle: props.jssStyle
     }) : props.loading;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.loading,
       children: Loading
     });
   };
   var renderEmpty = function renderEmpty() {
     if ((data === null || data === void 0 ? void 0 : data.length) > 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.empty,
-      children: props.empty || /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.default, {
+      children: props.empty || /*#__PURE__*/_jsx(Empty, {
         jssStyle: props.jssStyle
       })
     });
   };
   var renderFooter = function renderFooter() {
     if (!props.footer) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.footer,
       children: typeof props.footer === 'function' ? props.footer() : props.footer
     });
   };
-  var handleListScroll = (0, _hooks.usePersistFn)(function (e) {
+  var handleListScroll = usePersistFn(function (e) {
     var scrollLoading = props.scrollLoading;
     if (typeof scrollLoading !== 'function') return;
     var scrollTop = e.currentTarget.scrollTop;
@@ -155,7 +147,7 @@ var List = function List(props) {
       scrollLoading();
     }
   });
-  var handleVirtualScroll = (0, _hooks.usePersistFn)(function (info) {
+  var handleVirtualScroll = usePersistFn(function (info) {
     var scrollLoading = props.scrollLoading;
     if (typeof scrollLoading !== 'function') return;
     if (info.y === 1) {
@@ -163,8 +155,8 @@ var List = function List(props) {
     }
   });
   var renderList = function renderList() {
-    if (props.fixed) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualScroll.VirtualScrollList, {
+    if (props.fixed) return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(VirtualScrollList, {
         data: columnData,
         renderItem: renderColumn,
         lineHeight: lineHeight,
@@ -184,7 +176,7 @@ var List = function List(props) {
         }
       }), renderFooter()]
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.scrollContainer,
       onScroll: handleListScroll,
       children: [columnData.map(function (column, colIndex) {
@@ -192,20 +184,19 @@ var List = function List(props) {
       }), renderFooter()]
     });
   };
-  var wrapperClass = (0, _classnames.default)(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
+  var wrapperClass = classNames(props.className, listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapper, props.bordered && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperBordered), props.size === 'small' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperSmall), props.size === 'large' && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperLarge), props.striped && (listClasses === null || listClasses === void 0 ? void 0 : listClasses.wrapperStriped));
   var wrapperStyle = _objectSpread(_objectSpread({}, props.style), {}, {
     height: props.height
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: wrapperClass,
       style: wrapperStyle,
       children: [renderList(), renderLoading(), renderEmpty()]
-    }), props.pagination && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.default, _objectSpread(_objectSpread({
+    }), props.pagination && /*#__PURE__*/_jsx(Pagination, _objectSpread(_objectSpread({
       className: listClasses === null || listClasses === void 0 ? void 0 : listClasses.pagination,
       jssStyle: props.jssStyle
     }, pageInfo), pagination))]
   });
 };
-var _default = List;
-exports.default = _default;
+export default List;

package/esm/list/list.type.js

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

package/esm/menu/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Menu } from './menu';
-export type { MenuProps } from './menu.type';
+export type { MenuProps, MenuClasses } from './menu.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/menu/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,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/esm/menu/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function get() {
-    return _menu.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _menu.default;
-  }
-});
-var _menu = _interopRequireDefault(require("./menu"));
+"use client";
+export { default, default as Menu } from "./menu";

package/esm/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA4IzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBAwJzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/menu/item.js

@@ -1,31 +1,28 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-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.default = void 0;
-require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _hooks = require("@sheinx/hooks");
-var _icons = _interopRequireDefault(require("../icons"));
-var _jsxRuntime = require("react/jsx-runtime");
-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; }
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+import { cloneElement } from 'react';
+import classNames from 'classnames';
+import { useMenuItem, util } from '@sheinx/hooks';
+import Icons from "../icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 var MenuItem = function MenuItem(props) {
   var _props$jssStyle, _props$jssStyle$menu;
-  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
+  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var children = props.dataItem.children || [];
   var _props$inlineIndent = props.inlineIndent,
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
     frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
-  var _useMenuItem = (0, _hooks.useMenuItem)({
+  var hasExpandAbleChildren = children.some(function (item) {
+    return item && item.children && (props.looseChildren || item.children.length);
+  });
+  var _useMenuItem = useMenuItem({
       dataItem: props.dataItem,
       keyResult: props.keyResult,
       openKeys: props.openKeys,
@@ -54,12 +51,12 @@ var MenuItem = function MenuItem(props) {
     handleMouseEnter = _useMenuItem.handleMouseEnter,
     handleMouseLeave = _useMenuItem.handleMouseLeave;
   var renderItem = function renderItem() {
-    var item = _hooks.util.render(props.renderItem, props.dataItem, props.index);
-    var link = props.linkKey ? _hooks.util.getKey(props.linkKey, props.dataItem, props.index) : undefined;
+    var item = util.render(props.renderItem, props.dataItem, props.index);
+    var link = props.linkKey ? util.getKey(props.linkKey, props.dataItem, props.index) : undefined;
     var title = null;
-    if (_hooks.util.isLink(item)) {
-      var mergeClass = (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.title, item.props && item.props.className);
-      title = /*#__PURE__*/(0, _react.cloneElement)(item, {
+    if (util.isLink(item)) {
+      var mergeClass = classNames(classes === null || classes === void 0 ? void 0 : classes.title, item.props && item.props.className);
+      title = /*#__PURE__*/cloneElement(item, {
         className: mergeClass
       });
     } else {
@@ -67,59 +64,59 @@ var MenuItem = function MenuItem(props) {
         className: classes === null || classes === void 0 ? void 0 : classes.title,
         href: link
       };
-      title = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
-        children: _hooks.util.wrapSpan(item)
+      title = /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, linkProps), {}, {
+        children: util.wrapSpan(item)
       }));
     }
-    var indent = props.mode === 'inline' && props.level ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    var indent = props.mode === 'inline' && props.level ? /*#__PURE__*/_jsx("div", {
       style: {
         width: props.level * inlineIndent,
         flexShrink: 0
       }
     }) : null;
     if (props.frontCaret) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
+      return /*#__PURE__*/_jsxs("div", {
+        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront),
         onClick: handleItemClick,
-        children: [indent, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [indent, /*#__PURE__*/_jsx("div", {
           style: {
             color: props.caretColor
           },
-          className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
+          className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandFront, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
           onClick: handleExpandClick,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/_jsx("div", {
             className: classes === null || classes === void 0 ? void 0 : classes.icon,
-            children: frontCaretType === 'hollow' ? _icons.default.ArrowDown : _icons.default.PcArrowFillDown
+            children: frontCaretType === 'hollow' ? Icons.menu.CollapseArrow : Icons.menu.FrontSolidArrowDown
           })
         }), title]
       });
     } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
+      return /*#__PURE__*/_jsxs("div", {
+        className: classNames(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack),
         onClick: handleItemClick,
-        children: [indent, title, expandAble && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [indent, title, expandAble && /*#__PURE__*/_jsx("div", {
           onClick: handleExpandClick,
           style: {
             color: props.caretColor
           },
-          className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: classNames(classes === null || classes === void 0 ? void 0 : classes.expand, classes === null || classes === void 0 ? void 0 : classes.expandBack, props.parentSelectable && (classes === null || classes === void 0 ? void 0 : classes.expandHover)),
+          children: /*#__PURE__*/_jsx("div", {
             className: classes === null || classes === void 0 ? void 0 : classes.icon,
-            children: _icons.default.ArrowDown
+            children: Icons.menu.CollapseArrow
           })
         })]
       });
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
+  return /*#__PURE__*/_jsxs("li", {
+    className: classNames(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    children: [renderItem(), children.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp)),
+    children: [renderItem(), children.length > 0 && /*#__PURE__*/_jsx("ul", {
+      className: classNames(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
       children: children.map(function (item, index) {
-        var key = _hooks.util.getKey(props.keygen, item, index);
-        return /*#__PURE__*/(0, _react.createElement)(MenuItem, _objectSpread(_objectSpread({}, props), {}, {
+        var key = util.getKey(props.keygen, item, index);
+        return /*#__PURE__*/_createElement(MenuItem, _objectSpread(_objectSpread({}, props), {}, {
           parentId: id,
           dataItem: item,
           key: key,
@@ -131,5 +128,4 @@ var MenuItem = function MenuItem(props) {
     })]
   });
 };
-var _default = MenuItem;
-exports.default = _default;
+export default MenuItem;

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAiGT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAmGT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/menu/menu.js

@@ -1,24 +1,22 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.for-each.js");
-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.default = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _hooks = require("@sheinx/hooks");
-var _item = _interopRequireDefault(require("./item"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _scroll = _interopRequireDefault(require("./scroll"));
-var _jsxRuntime = require("react/jsx-runtime");
-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; }
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 _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."); }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from 'react';
+import { useMenu, util } from '@sheinx/hooks';
+import Item from "./item";
+import classNames from 'classnames';
+import Scroll from "./scroll";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var emptyArray = [];
 var Menu = function Menu(props) {
   var _props$jssStyle, _props$jssStyle$menu, _props$style;
@@ -28,14 +26,14 @@ var Menu = function Menu(props) {
     mode = _props$mode === void 0 ? 'inline' : _props$mode,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'light' : _props$theme;
-  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
+  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
   var isVertical = mode === 'vertical' || mode === 'vertical-auto';
   var isHorizontal = mode === 'horizontal';
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
-  var _useMenu = (0, _hooks.useMenu)({
+  var _useMenu = useMenu({
       data: data,
       active: props.active,
       defaultOpenKeys: props.defaultOpenKeys,
@@ -47,38 +45,38 @@ var Menu = function Menu(props) {
     bindUpdate = _useMenu.bindUpdate,
     unbindUpdate = _useMenu.unbindUpdate,
     changeActiveId = _useMenu.changeActiveId;
-  var scrollRef = (0, _react.useRef)(null);
+  var scrollRef = useRef(null);
   var hasExpand = data.some(function (item) {
-    return item.children && (props.looseChildren || item.children.length);
+    return item && item.children && (props.looseChildren || item.children.length);
   });
   var showScrollBar = isHorizontal || isVertical;
   var listStyle = isVertical ? {
     width: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width
   } : undefined;
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var newOpen = (openKeys || []).filter(function (k) {
       return data.find(function (d, i) {
-        return _hooks.util.getKey(props.keygen, d, i) === k;
+        return util.getKey(props.keygen, d, i) === k;
       });
     }).length > 0;
     if (newOpen !== hasOpen) {
       setHasOpen(newOpen);
     }
   }, [data, openKeys]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasExpand && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasExpand), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
     style: _objectSpread({
       height: props.height
     }, props.style),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
       ref: scrollRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: classes === null || classes === void 0 ? void 0 : classes.root,
+      children: /*#__PURE__*/_jsx("ul", {
+        className: classNames(classes === null || classes === void 0 ? void 0 : classes.root, hasExpand && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
         style: listStyle,
         children: data.map(function (item, index) {
-          var key = _hooks.util.getKey(props.keygen, item, index);
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
+          var key = util.getKey(props.keygen, item, index);
+          return /*#__PURE__*/_jsx(Item, {
             level: 0,
             index: index,
             parentId: "",
@@ -107,7 +105,7 @@ var Menu = function Menu(props) {
           }, key);
         })
       })
-    }), showScrollBar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_scroll.default, {
+    }), showScrollBar && /*#__PURE__*/_jsx(Scroll, {
       targetRef: scrollRef,
       direction: mode === 'vertical' || mode === 'vertical-auto' ? 'y' : 'x',
       data: data,
@@ -115,5 +113,4 @@ var Menu = function Menu(props) {
     })]
   });
 };
-var _default = Menu;
-exports.default = _default;
+export default Menu;