@sheinx/base 3.0.0-alpha.30 → 3.0.0-alpha.32

package/esm/upload/upload.js

@@ -1,41 +1,26 @@
-"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;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.array.splice.js");
-require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.values.js");
-var _hooks = require("@sheinx/hooks");
-var _react = _interopRequireWildcard(require("react"));
-var _drop = _interopRequireDefault(require("./drop"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _result = _interopRequireDefault(require("./result"));
-var _useInputClick2 = require("./useInputClick");
-var _config = require("../config");
-var _icons = _interopRequireDefault(require("../icons"));
-var _immer = require("immer");
-var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 _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 { useInputAble, usePersistFn, useUpload, util } from '@sheinx/hooks';
+import React, { useEffect } from 'react';
+import Drop from "./drop";
+import classNames from 'classnames';
+import Result from "./result";
+import { useInputClick } from "./useInputClick";
+import { getLocale, useConfig } from "../config";
+import icons from "../icons";
+import { produce } from 'immer';
+import useWithFormConfig from "../common/use-with-form-config";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var Upload = function Upload(props0) {
   var _props$jssStyle, _props$jssStyle$uploa, _props$imageStyle, _props$imageStyle2;
-  var props = (0, _useWithFormConfig.default)(props0);
+  var props = useWithFormConfig(props0);
   var _props$canDelete = props.canDelete,
     canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
     _props$showUploadList = props.showUploadList,
@@ -51,14 +36,14 @@ var Upload = function Upload(props0) {
     _props$listType = props.listType,
     listType = _props$listType === void 0 ? 'text' : _props$listType,
     leftHandler = props.leftHandler;
-  var _useConfig = (0, _config.useConfig)(),
+  var _useConfig = useConfig(),
     locale = _useConfig.locale;
-  var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
+  var uploadClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$uploa = _props$jssStyle.upload) === null || _props$jssStyle$uploa === void 0 ? void 0 : _props$jssStyle$uploa.call(_props$jssStyle);
   var imageStyle = _objectSpread(_objectSpread({}, props.imageStyle), {}, {
     width: ((_props$imageStyle = props.imageStyle) === null || _props$imageStyle === void 0 ? void 0 : _props$imageStyle.width) || 80,
     height: ((_props$imageStyle2 = props.imageStyle) === null || _props$imageStyle2 === void 0 ? void 0 : _props$imageStyle2.height) || 80
   });
-  var inputAbleProps = (0, _hooks.useInputAble)({
+  var inputAbleProps = useInputAble({
     value: props.value,
     defaultValue: props.defaultValue || [],
     beforeChange: props.beforeChange,
@@ -69,12 +54,12 @@ var Upload = function Upload(props0) {
   var onChange = inputAbleProps.onChange;
   var isImage = listType === 'image';
   var name = props.name;
-  var _useUpload = (0, _hooks.useUpload)(_objectSpread(_objectSpread({}, props), {}, {
+  var _useUpload = useUpload(_objectSpread(_objectSpread({}, props), {}, {
       htmlName: props.htmlName || name,
       isImage: isImage,
       text: {
-        forceAcceptErrorMsg: props.forceAcceptErrorMsg || (0, _config.getLocale)(locale, 'invalidAccept'),
-        invalidImage: (0, _config.getLocale)(locale, 'invalidImage')
+        forceAcceptErrorMsg: props.forceAcceptErrorMsg || getLocale(locale, 'invalidAccept'),
+        invalidImage: getLocale(locale, 'invalidImage')
       },
       value: value,
       onChange: onChange
@@ -84,7 +69,7 @@ var Upload = function Upload(props0) {
     recycleValues = _useUpload.recycleValues,
     accept = _useUpload.accept,
     restLength = _useUpload.restLength;
-  var uploadValidate = (0, _hooks.usePersistFn)(function () {
+  var uploadValidate = usePersistFn(function () {
     return new Promise(function (resolve, reject) {
       if (Object.keys(files).length > 0) {
         reject(new Error(''));
@@ -93,15 +78,15 @@ var Upload = function Upload(props0) {
       }
     });
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var _ref = props,
       validateHook = _ref.validateHook;
-    if (validateHook && _hooks.util.isFunc(uploadValidate)) {
+    if (validateHook && util.isFunc(uploadValidate)) {
       validateHook(uploadValidate);
     }
   }, []);
   var handleReplace = function handleReplace(files, index) {
-    onChange((0, _immer.produce)(value, function (draft) {
+    onChange(produce(value, function (draft) {
       // 删除原来的位置的数据
       draft.splice(index, 1);
     }));
@@ -109,7 +94,7 @@ var Upload = function Upload(props0) {
       func.addFiles(files);
     });
   };
-  var _useInputClick = (0, _useInputClick2.useInputClick)(),
+  var _useInputClick = useInputClick(),
     inputProps = _useInputClick.inputProps,
     wrapperProps = _useInputClick.wrapperProps;
   var renderHandler = function renderHandler() {
@@ -117,21 +102,21 @@ var Upload = function Upload(props0) {
     var inputOriginProps = {
       webkitdirectory: props.webkitdirectory
     };
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_drop.default, {
+    return /*#__PURE__*/_jsx(Drop, {
       drop: drop,
       accept: accept,
       disabled: props.disabled,
       onDrop: func.addFiles,
       multiple: !!props.multiple || limit > 1,
-      className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({
-        className: (0, _classnames.default)(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandler : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.handler),
+      className: classNames(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
+      children: /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({
+        className: classNames(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandler : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.handler),
         style: listType === 'image' ? imageStyle : undefined
       }, wrapperProps), {}, {
-        children: [listType === 'image' && (props.children || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [listType === 'image' && (props.children || /*#__PURE__*/_jsx("div", {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandlerIcon,
-          children: _icons.default.Add
-        })), listType === 'text' && props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+          children: icons.upload.AddImage
+        })), listType === 'text' && props.children, /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({
           accept: accept,
           multiple: props.multiple,
           disabled: props.disabled,
@@ -152,7 +137,7 @@ var Upload = function Upload(props0) {
     if (!showUploadList) return null;
     return Object.keys(files).map(function (id, index) {
       var file = files[id];
-      return /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+      return /*#__PURE__*/_createElement(Result, _objectSpread(_objectSpread({}, commonResultProps), {}, {
         values: Object.values(files),
         index: index,
         key: index,
@@ -171,21 +156,21 @@ var Upload = function Upload(props0) {
   var renderValue = function renderValue() {
     if (!showUploadList) return null;
     return value.map(function (v, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_drop.default, {
+      return /*#__PURE__*/_jsx(Drop, {
         drop: drop,
         multiple: false,
-        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
+        className: classNames(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.dropItem),
         accept: accept,
         dropData: index,
         disabled: props.disabled,
         onDrop: handleReplace,
-        children: /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+        children: /*#__PURE__*/_createElement(Result, _objectSpread(_objectSpread({}, commonResultProps), {}, {
           values: value,
           index: index,
           status: 2,
           name: !isImage && renderResult(v),
           src: isImage ? renderResult(v) : '',
-          removeAble: !props.disabled && (_hooks.util.isFunc(canDelete) ? canDelete(v, index) : canDelete),
+          removeAble: !props.disabled && (util.isFunc(canDelete) ? canDelete(v, index) : canDelete),
           onRemove: function onRemove() {
             func.removeValue(index);
           },
@@ -199,7 +184,7 @@ var Upload = function Upload(props0) {
   var renderRecover = function renderRecover() {
     if (!showUploadList) return null;
     return recycleValues.map(function (v, index) {
-      return /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
+      return /*#__PURE__*/_createElement(Result, _objectSpread(_objectSpread({}, commonResultProps), {}, {
         values: recycleValues,
         index: index,
         status: -1,
@@ -216,20 +201,19 @@ var Upload = function Upload(props0) {
   };
   var CustomResult = props.customResult;
   var shouldRenderLeft = listType !== 'image' || leftHandler;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: props.style,
-    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
-    children: CustomResult ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [shouldRenderLeft && renderHandler(), /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResult, {
+    className: classNames(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    children: CustomResult ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [shouldRenderLeft && renderHandler(), /*#__PURE__*/_jsx(CustomResult, {
         value: value,
         files: files,
         onFileRemove: func.removeFile,
         onValueRemove: func.removeValue
       }), !shouldRenderLeft && renderHandler()]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [shouldRenderLeft && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && renderHandler(), renderRecover()]
     })
   });
 };
-var _default = Upload;
-exports.default = _default;
+export default Upload;

package/esm/upload/upload.type.js

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

package/esm/upload/useInputClick.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInputClick = void 0;
-var _react = require("react");
-var useInputClick = function useInputClick() {
-  var inputRef = (0, _react.useRef)(null);
-  var _useRef = (0, _react.useRef)({
+import { useRef } from 'react';
+export var useInputClick = function useInputClick() {
+  var inputRef = useRef(null);
+  var _useRef = useRef({
       lock: false
     }),
     context = _useRef.current;
@@ -35,5 +29,4 @@ var useInputClick = function useInputClick() {
     inputProps: inputProps,
     wrapperProps: wrapperProps
   };
-};
-exports.useInputClick = useInputClick;
+};

package/esm/virtual-scroll/index.js

@@ -1,21 +1,3 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Scroll", {
-  enumerable: true,
-  get: function get() {
-    return _scroll.default;
-  }
-});
-Object.defineProperty(exports, "VirtualScrollList", {
-  enumerable: true,
-  get: function get() {
-    return _virtualScrollList.default;
-  }
-});
-var _scroll = _interopRequireDefault(require("./scroll"));
-var _virtualScrollList = _interopRequireDefault(require("./virtual-scroll-list"));
+export { default as Scroll } from "./scroll";
+export { default as VirtualScrollList } from "./virtual-scroll-list";

package/esm/virtual-scroll/scroll.js

@@ -1,33 +1,21 @@
-"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;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@sheinx/hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-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 _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 React, { useRef } from 'react';
+import { usePersistFn, useResize, util } from '@sheinx/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Scroll = function Scroll(props) {
-  var containerRef = (0, _react.useRef)(null);
-  var _useRef = (0, _react.useRef)({
+  var containerRef = useRef(null);
+  var _useRef = useRef({
       timer: null,
       isMouseDown: false
     }),
     context = _useRef.current;
-  var _useResize = (0, _hooks.useResize)({
+  var _useResize = useResize({
       targetRef: containerRef
     }),
     width = _useResize.width,
@@ -55,7 +43,7 @@ var Scroll = function Scroll(props) {
     width: 0,
     overflow: 'hidden'
   };
-  var handleScroll = (0, _hooks.usePersistFn)(function (e) {
+  var handleScroll = usePersistFn(function (e) {
     var target = e.currentTarget;
     var scrollLeft = target.scrollLeft,
       scrollTop = target.scrollTop;
@@ -73,11 +61,11 @@ var Scroll = function Scroll(props) {
       fromDrag: context.isMouseDown
     });
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: props.className,
     style: props.style,
     onMouseMove: props.onMouseMove,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, util.getDataAttribute({
       role: 'scroll'
     })), {}, {
       style: scrollerStyle,
@@ -89,18 +77,17 @@ var Scroll = function Scroll(props) {
       onMouseUp: function onMouseUp() {
         context.isMouseDown = false;
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
+      children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, util.getDataAttribute({
         role: 'scroll-container'
       })), {}, {
         style: containerStyle,
         ref: containerRef,
         children: props.children
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      })), /*#__PURE__*/_jsx("div", {
         style: placeStyle,
         children: "\xA0"
       })]
     }))
   });
 };
-var _default = Scroll;
-exports.default = _default;
+export default Scroll;

package/esm/virtual-scroll/virtual-scroll-list.js

@@ -1,29 +1,19 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@sheinx/hooks");
-var _scroll = _interopRequireDefault(require("./scroll"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 _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 React, { useState, useEffect, useRef } from 'react';
+import { usePersistFn } from '@sheinx/hooks';
+import Scroll from "./scroll";
+import { jsx as _jsx } from "react/jsx-runtime";
 var VirtualList = function VirtualList(props) {
   var rowsInView = props.rowsInView,
     _props$data = props.data,
@@ -40,34 +30,34 @@ var VirtualList = function VirtualList(props) {
     tagClassName = props.tagClassName,
     virtualRef = props.virtualRef,
     onControlTypeChange = props.onControlTypeChange;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
     currentIndex = _useState2[0],
     setCurrentIndex = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
     top = _useState4[0],
     setTop = _useState4[1];
-  var wrapperRef = (0, _react.useRef)(null);
+  var wrapperRef = useRef(null);
   var getScrollHeight = function getScrollHeight() {
     var rows = Math.ceil(data.length);
     return rows * lineHeight;
   };
-  var getCurrentIndex = (0, _hooks.usePersistFn)(function () {
+  var getCurrentIndex = usePersistFn(function () {
     return currentIndex;
   });
-  var getTop = (0, _hooks.usePersistFn)(function () {
+  var getTop = usePersistFn(function () {
     return top;
   });
-  var handleScrollByStep = (0, _hooks.usePersistFn)(function (step, top) {
+  var handleScrollByStep = usePersistFn(function (step, top) {
     var _wrapperRef$current;
     var next = currentIndex + step;
-    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.scrollTo({
+    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.scrollTo({
       top: next * lineHeight + (top || 0)
     });
   });
   var handleMouseMove = function handleMouseMove() {
-    onControlTypeChange === null || onControlTypeChange === void 0 ? void 0 : onControlTypeChange('mouse');
+    onControlTypeChange === null || onControlTypeChange === void 0 || onControlTypeChange('mouse');
   };
   var handleScroll = function handleScroll(info) {
     var current = Math.floor(info.scrollTop / lineHeight);
@@ -84,7 +74,7 @@ var VirtualList = function VirtualList(props) {
     var shouldScroll = items.length * lineHeight > height;
     var nextStyle = _objectSpread({}, style);
     if (shouldScroll) nextStyle.height = height;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_scroll.default, {
+    return /*#__PURE__*/_jsx(Scroll, {
       className: className,
       style: nextStyle,
       scrollWidth: 0,
@@ -92,25 +82,25 @@ var VirtualList = function VirtualList(props) {
       wrapperRef: wrapperRef,
       onScroll: handleScroll,
       onMouseMove: handleMouseMove,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+      children: /*#__PURE__*/_jsx(Tag, {
         className: tagClassName,
         style: {
           transform: "translate3d(0, -".concat(top, "px, 0)")
         },
         children: items.map(function (d, i) {
           if (d[groupKey]) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            return /*#__PURE__*/_jsx(React.Fragment, {
               children: customRenderItem(d, currentIndex + i, i)
             }, i);
           }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+          return /*#__PURE__*/_jsx(React.Fragment, {
             children: renderItem(d, currentIndex + i, i)
           }, i);
         })
       })
     });
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (virtualRef !== null && virtualRef !== void 0 && virtualRef.current) {
       virtualRef.current.scrollByStep = handleScrollByStep;
       virtualRef.current.getCurrentIndex = getCurrentIndex;
@@ -119,5 +109,4 @@ var VirtualList = function VirtualList(props) {
   }, []);
   return renderList();
 };
-var _default = VirtualList;
-exports.default = _default;
+export default VirtualList;

package/esm/virtual-scroll/virtual-scroll-list.type.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CommonType } from '../common/type';
 import { KeygenType } from '@sheinx/hooks';
-export declare type VirtualListType = {
+export type VirtualListType = {
     scrollByStep?: (step: number, top?: number) => void;
     getCurrentIndex?: () => number;
     getTop?: () => number;

package/esm/virtual-scroll/virtual-scroll-list.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-scroll-list.type.d.ts","sourceRoot":"","sources":["virtual-scroll-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzF,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;CACZ"}
+{"version":3,"file":"virtual-scroll-list.type.d.ts","sourceRoot":"","sources":["virtual-scroll-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzF,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;IACjF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;CACZ"}

package/esm/virtual-scroll/virtual-scroll-list.type.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.0.0-alpha.30",
+  "version": "3.0.0-alpha.32",
   "description": "",
   "keywords": [],
   "license": "ISC",
@@ -10,10 +10,10 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.0.0-alpha.30",
+    "@sheinx/hooks": "3.0.0-alpha.32",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
-    "valtio": "^1.13.0"
+    "@shined/reactive": "^0.1.2"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/cjs/icons/caret.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=caret.d.ts.map

package/cjs/icons/caret.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"caret.d.ts","sourceRoot":"","sources":["caret.tsx"],"names":[],"mappings":";;AASA,wBAIE"}

package/cjs/icons/caret.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _index = _interopRequireDefault(require("./index"));
-var _config = require("../config");
-var caretMap = {
-  line: _index.default.ArrowDown,
-  fill: _index.default.PcArrowFillDown
-};
-var _default = function _default() {
-  var config = (0, _config.useConfig)();
-  if (config.caret) return caretMap[config.caret];
-  return _index.default.PcArrowFillDown;
-};
-exports.default = _default;

package/cjs/icons/caret.type.d.ts

@@ -1,2 +0,0 @@
-export declare type CaretType = 'fill' | 'line';
-//# sourceMappingURL=caret.type.d.ts.map

package/cjs/icons/caret.type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"caret.type.d.ts","sourceRoot":"","sources":["caret.type.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/cjs/icons/caret.type.js

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