shineout 3.0.0-alpha.6 → 3.0.0-alpha.7

package/cjs/deprecated.d.ts

@@ -0,0 +1,8 @@
+export declare const color: {};
+export declare const style: {
+    getClassName: () => string;
+    setStyle: () => () => void;
+    cleanCache: () => void;
+    setInjectType: () => void;
+    getInjectType: () => string;
+};

package/cjs/deprecated.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.style = exports.color = void 0;
+var color = {};
+exports.color = color;
+var style = {
+  getClassName: function getClassName() {
+    return '';
+  },
+  setStyle: function setStyle() {
+    return function () {};
+  },
+  cleanCache: function cleanCache() {},
+  setInjectType: function setInjectType() {},
+  getInjectType: function getInjectType() {
+    return '';
+  }
+};
+exports.style = style;

package/cjs/index.d.ts

@@ -45,5 +45,6 @@ export { default as Tree } from './tree';
 export { default as TreeSelect } from './tree-select';
 export { default as Upload } from './upload';
 export { default as Collapse } from './collapse';
-export { setConfig } from '@sheinx/base';
+export { setConfig, config, setLocale } from '@sheinx/base';
+export * from './deprecated';
 export * as TYPE from './type';

package/cjs/index.js

@@ -3,11 +3,65 @@
 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");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  Alert: true,
+  Breadcrumb: true,
+  Button: true,
+  Card: true,
+  CardGroup: true,
+  Cascader: true,
+  Carousel: true,
+  Checkbox: true,
+  DatePicker: true,
+  Descriptions: true,
+  Divider: true,
+  Drawer: true,
+  Dropdown: true,
+  EditableArea: true,
+  Empty: true,
+  Form: true,
+  Gap: true,
+  Grid: true,
+  Icon: true,
+  Image: true,
+  Input: true,
+  List: true,
+  Menu: true,
+  Message: true,
+  Modal: true,
+  Pagination: true,
+  Popover: true,
+  Progress: true,
+  Radio: true,
+  Rate: true,
+  Rule: true,
+  Select: true,
+  Slider: true,
+  Spin: true,
+  Steps: true,
+  Sticky: true,
+  Switch: true,
+  Table: true,
+  Tabs: true,
+  Tag: true,
+  Textarea: true,
+  Tooltip: true,
+  Transfer: true,
+  Tree: true,
+  TreeSelect: true,
+  Upload: true,
+  Collapse: true,
+  setConfig: true,
+  config: true,
+  setLocale: true,
+  TYPE: true
+};
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function get() {
@@ -291,12 +345,24 @@ Object.defineProperty(exports, "Upload", {
     return _upload.default;
   }
 });
+Object.defineProperty(exports, "config", {
+  enumerable: true,
+  get: function get() {
+    return _base.config;
+  }
+});
 Object.defineProperty(exports, "setConfig", {
   enumerable: true,
   get: function get() {
     return _base.setConfig;
   }
 });
+Object.defineProperty(exports, "setLocale", {
+  enumerable: true,
+  get: function get() {
+    return _base.setLocale;
+  }
+});
 var _alert = _interopRequireDefault(require("./alert"));
 var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
 var _button = _interopRequireDefault(require("./button"));
@@ -345,6 +411,18 @@ var _treeSelect = _interopRequireDefault(require("./tree-select"));
 var _upload = _interopRequireDefault(require("./upload"));
 var _collapse = _interopRequireDefault(require("./collapse"));
 var _base = require("@sheinx/base");
+var _deprecated = require("./deprecated");
+Object.keys(_deprecated).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _deprecated[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _deprecated[key];
+    }
+  });
+});
 var _TYPE = _interopRequireWildcard(require("./type"));
 exports.TYPE = _TYPE;
 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); }

package/cjs/popover/__example__/09-confirm.js

@@ -33,10 +33,6 @@ var App = function App() {
         return console.log('cancel');
       },
       onOk: onOk,
-      text: {
-        ok: 'Cancel',
-        cancel: 'Ok'
-      },
       children: "Are you sure you want to delete this content ?"
     }), "Delete"]
   });

package/cjs/popover/__example__/11-event.js

@@ -28,7 +28,7 @@ var App = function App() {
       onClose: close,
       trigger: "click",
       children: "Some text"
-    }), "Click me."]
+    }), "Click me"]
   });
 };
 var _default = App;

package/cjs/table/__example__/01-base.js

@@ -11,9 +11,9 @@ var _ = require("../..");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * cn - 基本用法
- *    -- 基础的表格用法。推荐 columns 写为常量，以提升性能。
+ *    -- 基础的表格用法。推荐 columns 写为常量，以提升性能
  * en - Base
- *    -- Basic table usage.
+ *    -- Basic table usage
  */
 
 var data = [{

package/cjs/table/__example__/02-border.js

@@ -11,9 +11,9 @@ var _ = require("../..");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * cn - 边框和底纹
- *    -- 通过 striped 显示交错底纹；通过 bordered 显示边框。
+ *    -- 通过 striped 显示交错底纹；通过 bordered 显示边框
  * en - Style
- *    -- Set striped to add zebra-striping; Set bordered to add borders.
+ *    -- Set striped to add zebra-striping; Set bordered to add borders
  */
 
 var data = [{

package/cjs/table/__example__/03-size.js

@@ -14,7 +14,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 尺寸类型
  *    -- 设置 size 为 small 显示紧凑表格，large 为显示松散表格
  * en - Size
- *    -- Set size to small to display compact table, large to display loose table.
+ *    -- Set size to small to display compact table, large to display loose table
  */
 
 var data = [{

package/cjs/table/__example__/04-group.d.ts

@@ -2,7 +2,7 @@
  * cn - 表头分组
  *    -- Table 会自动合并相邻相同 group 的表头
  * en - Column group
- *    -- Table automatically merges headers with adjacent and identical groups.
+ *    -- Table automatically merges headers with adjacent and identical groups
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/04-group.js

@@ -12,7 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 表头分组
  *    -- Table 会自动合并相邻相同 group 的表头
  * en - Column group
- *    -- Table automatically merges headers with adjacent and identical groups.
+ *    -- Table automatically merges headers with adjacent and identical groups
  */
 
 var data = [{

package/cjs/table/__example__/05-fixed-head.d.ts

@@ -2,7 +2,7 @@
  * cn - 固定表头
  *    -- 当 table 设置高度后，表头会固定在顶部
  * en - Fixed head
- *    -- When the table sets the height, the header will be fixed at the top.
+ *    -- When the table sets the height, the header will be fixed at the top
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/05-fixed-head.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 固定表头
  *    -- 当 table 设置高度后，表头会固定在顶部
  * en - Fixed head
- *    -- When the table sets the height, the header will be fixed at the top.
+ *    -- When the table sets the height, the header will be fixed at the top
  */
 
 var data = _mock.user.fetchSync(20);

package/cjs/table/__example__/06-fixed-column.d.ts

@@ -2,7 +2,7 @@
  * cn - 固定列
  *    -- 设置 column 的 fixed 属性，可以固定列。只在设置了表格的 width 属性，并且 width 大于外部容器情况下才会生效
  * en - Fixed column
- *    -- Set the fixed property of the column can fix the column; Only take effect if the table's width property is set and width is greater than the external container.
+ *    -- Set the fixed property of the column can fix the column; Only take effect if the table's width property is set and width is greater than the external container
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/06-fixed-column.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 固定列
  *    -- 设置 column 的 fixed 属性，可以固定列。只在设置了表格的 width 属性，并且 width 大于外部容器情况下才会生效
  * en - Fixed column
- *    -- Set the fixed property of the column can fix the column; Only take effect if the table's width property is set and width is greater than the external container.
+ *    -- Set the fixed property of the column can fix the column; Only take effect if the table's width property is set and width is greater than the external container
  */
 
 var data = _mock.user.fetchSync(20);

package/cjs/table/__example__/07-01-virtual-list.d.ts

@@ -2,8 +2,8 @@
  * cn - 大数据量表格
  *    -- Table内部对大量数据的渲染做了lazy render的优化。这个例子加载了10000条，55列数据。可以通过设置rowsInView调整单次最多render的行数，默认为20
  * en - Large data
- *    -- The rendering of large amounts of data in the Table has been optimized by lazy render. This example loads 10000 pieces and 55 columns of data.
- *    -- You can set rowsInView property to change the number of rows in rendering. The default value is 20.
+ *    -- The rendering of large amounts of data in the Table has been optimized by lazy render. This example loads 10000 pieces and 55 columns of data
+ *    -- You can set rowsInView property to change the number of rows in rendering. The default value is 20
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/07-01-virtual-list.js

@@ -17,8 +17,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 大数据量表格
  *    -- Table内部对大量数据的渲染做了lazy render的优化。这个例子加载了10000条，55列数据。可以通过设置rowsInView调整单次最多render的行数，默认为20
  * en - Large data
- *    -- The rendering of large amounts of data in the Table has been optimized by lazy render. This example loads 10000 pieces and 55 columns of data.
- *    -- You can set rowsInView property to change the number of rows in rendering. The default value is 20.
+ *    -- The rendering of large amounts of data in the Table has been optimized by lazy render. This example loads 10000 pieces and 55 columns of data
+ *    -- You can set rowsInView property to change the number of rows in rendering. The default value is 20
  */
 
 var data = _mock.user.fetchSync(10000);

package/cjs/table/__example__/07-02-virtual-scroll.d.ts

@@ -1,8 +1,8 @@
 /**
  * cn - 虚拟滚动
- *    -- 虚拟列表提供了一个 scrollToIndex 方法滚动到指定行。
+ *    -- 虚拟列表提供了一个 scrollToIndex 方法滚动到指定行
  * en - scrollToIndex
- *    -- The virtual list table provides a scrollToIndex method to scroll to the specified row.
+ *    -- The virtual list table provides a scrollToIndex method to scroll to the specified row
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/07-02-virtual-scroll.js

@@ -19,9 +19,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /**
  * cn - 虚拟滚动
- *    -- 虚拟列表提供了一个 scrollToIndex 方法滚动到指定行。
+ *    -- 虚拟列表提供了一个 scrollToIndex 方法滚动到指定行
  * en - scrollToIndex
- *    -- The virtual list table provides a scrollToIndex method to scroll to the specified row.
+ *    -- The virtual list table provides a scrollToIndex method to scroll to the specified row
  */
 
 var data = _mock.user.fetchSync(10000);

package/cjs/table/__example__/08-loading.d.ts

@@ -2,7 +2,7 @@
  * cn - 加载中
  *    -- 设置 loading 属性可以将表格状态设置为加载中
  * en - Loading
- *    -- Set the loading property can set the table state to loading.
+ *    -- Set the loading property can set the table state to loading
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/08-loading.js

@@ -14,7 +14,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * cn - 加载中
  *    -- 设置 loading 属性可以将表格状态设置为加载中
  * en - Loading
- *    -- Set the loading property can set the table state to loading.
+ *    -- Set the loading property can set the table state to loading
  */
 
 var data = _mock.user.fetchSync(8);

package/cjs/table/__example__/09-01-sorter.d.ts

@@ -6,11 +6,11 @@
  *    -- sorter 返回一个 sort 函数时，使用这个函数对数据进行内部排序
  *    -- 后端或自行排序用户自行处理，sorter 函数不要返回结果
  * en - Sorter
- *    -- Set the sorter property of Table to indicate the method of table sort.
+ *    -- Set the sorter property of Table to indicate the method of table sort
  *    -- Set the sorter property of Column to indicate the sort key string, will pass to table sorter method
  *    -- Set defaultOrder mark defualt order
- *    -- When the sorter returns a function, use this function to sort data internally.
- *    -- Server-side or self-sorting is is handled by the user, do not return results.
+ *    -- When the sorter returns a function, use this function to sort data internally
+ *    -- Server-side or self-sorting is is handled by the user, do not return results
  */
 import React from 'react';
 declare const App: React.FC;

package/cjs/table/__example__/09-01-sorter.js

@@ -21,11 +21,11 @@ var _jsxRuntime = require("react/jsx-runtime");
  *    -- sorter 返回一个 sort 函数时，使用这个函数对数据进行内部排序
  *    -- 后端或自行排序用户自行处理，sorter 函数不要返回结果
  * en - Sorter
- *    -- Set the sorter property of Table to indicate the method of table sort.
+ *    -- Set the sorter property of Table to indicate the method of table sort
  *    -- Set the sorter property of Column to indicate the sort key string, will pass to table sorter method
  *    -- Set defaultOrder mark defualt order
- *    -- When the sorter returns a function, use this function to sort data internally.
- *    -- Server-side or self-sorting is is handled by the user, do not return results.
+ *    -- When the sorter returns a function, use this function to sort data internally
+ *    -- Server-side or self-sorting is is handled by the user, do not return results
  */
 
 var data = _mock.user.fetchSync(10);

package/cjs/table/__example__/09-02-sorter-render.d.ts

@@ -2,7 +2,7 @@
  * cn - 自定义排序图标
  *    -- 设置 Table 的 renderSorter 属性来自定义图标
  * en - Sorter
- *    -- Set the renderSorter property of the Table to customize the icon.
+ *    -- Set the renderSorter property of the Table to customize the icon
  */
 import React from 'react';
 declare const App: React.FC;

package/dist/shineout.js

@@ -12627,7 +12627,11 @@ __webpack_require__.d(__webpack_exports__, {
   "Tree": function() { return /* reexport */ src_tree_0; },
   "TreeSelect": function() { return /* reexport */ src_tree_select_0; },
   "Upload": function() { return /* reexport */ src_upload_0; },
-  "setConfig": function() { return /* reexport */ config_setConfig; }
+  "color": function() { return /* reexport */ color; },
+  "config": function() { return /* reexport */ config; },
+  "setConfig": function() { return /* reexport */ setConfig; },
+  "setLocale": function() { return /* reexport */ setLocale; },
+  "style": function() { return /* reexport */ deprecated_style; }
 });
 
 // NAMESPACE OBJECT: ./src/type.ts
@@ -19470,7 +19474,7 @@ try {
 } catch (error) {
   processEnv = {};
 }
-var config_config = {
+var config = {
   prefix: 'so',
   locale: processEnv.LOCALE || 'zh-CN',
   delay: 0,
@@ -19480,24 +19484,24 @@ var config_config = {
   direction: 'ltr',
   popupContainer: null
 };
-var state = proxy(config_config);
+var state = proxy(config);
 subscribe(state, function () {
-  config_config = state;
+  config = state;
 });
 function getDefaultContainer() {
-  if (isFunc(config_config.popupContainer)) {
-    var container = config_config.popupContainer();
+  if (isFunc(config.popupContainer)) {
+    var container = config.popupContainer();
     if (container instanceof HTMLElement) {
       return container;
     }
   }
-  if (config_config.popupContainer instanceof HTMLElement) return config_config.popupContainer;
+  if (config.popupContainer instanceof HTMLElement) return config.popupContainer;
   return document.body;
 }
 var useConfig = function useConfig() {
   return useSnapshot(state);
 };
-var config_setConfig = function setConfig(option) {
+var setConfig = function setConfig(option) {
   for (var _i = 0, _Object$entries = Object.entries(option); _i < _Object$entries.length; _i++) {
     var _Object$entries$_i = slicedToArray_default()(_Object$entries[_i], 2),
       key = _Object$entries$_i[0],
@@ -24971,9 +24975,9 @@ var getLocaleObj = function getLocaleObj(locale) {
 function setLocale(arg) {
   var locale = getLocaleObj(config.locale);
   if (typeof arg === 'string') {
-    locale = arg === 'zh-CN' ? cn : en;
-  } else if (_typeof(arg) === 'object') {
-    locale = locale_deepMerge(cn, arg, {
+    locale = arg === 'zh-CN' ? zh_CN : en_US;
+  } else if (typeof_default()(arg) === 'object') {
+    locale = locale_deepMerge(zh_CN, arg, {
       clone: true
     });
   }
@@ -33199,8 +33203,8 @@ var customParseFormat_default = /*#__PURE__*/__webpack_require__.n(customParseFo
 var relativeTime = __webpack_require__(6376);
 var relativeTime_default = /*#__PURE__*/__webpack_require__.n(relativeTime);
 // EXTERNAL MODULE: ../../node_modules/.pnpm/dayjs@1.11.9/node_modules/dayjs/locale/en.js
-var locale_en = __webpack_require__(2000);
-var en_default = /*#__PURE__*/__webpack_require__.n(locale_en);
+var en = __webpack_require__(2000);
+var en_default = /*#__PURE__*/__webpack_require__.n(en);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-datepicker/util.ts
 
 
@@ -40884,8 +40888,8 @@ var RESPONSIVE = {
   lg: '992',
   xl: '1200'
 };
-var GridClassName = "".concat(config_config.prefix, "-grid");
-var GridFullClassName = "".concat(config_config.prefix, "-grid-full");
+var GridClassName = "".concat(config.prefix, "-grid");
+var GridFullClassName = "".concat(config.prefix, "-grid-full");
 var defaultResponsive = 'md';
 function util_createStyle(text, id) {
   var style = document.head.querySelector("#".concat(id));
@@ -40919,7 +40923,7 @@ function generate(w, type, res) {
   }
   width = (width * 100).toFixed(4);
   width = width.substr(0, width.length - 1);
-  var className = "".concat(config_config.prefix, "-").concat(type, "-").concat(responsive, "-").concat(width.replace('.', '-'));
+  var className = "".concat(config.prefix, "-").concat(type, "-").concat(responsive, "-").concat(width.replace('.', '-'));
   if (!CACHES[className]) {
     if (type === 'grid') {
       generateGrid(width, className, responsive);
@@ -52579,6 +52583,7 @@ var useTableVirtual = function useTableVirtual(props) {
   var updateRateScroll = usePersistFn(function (rate) {
     var scrollRef = props.scrollRef;
     var sumHeight = getContentHeight(props.data.length - 1);
+    if (sumHeight === scrollHeight) return;
     context.shouldUpdateHeight = true;
     context.heightCallback = function () {
       if (scrollRef && scrollRef.current) {
@@ -52610,6 +52615,8 @@ var useTableVirtual = function useTableVirtual(props) {
     if (scrollTop > max) {
       scrollTop = max;
     }
+    // 拖动滚动条后保持滚动位置
+    console.log(context.controlScrollRate, 'controlScrollRate');
     if (context.controlScrollRate !== null) {
       var top = context.controlScrollRate * max;
       updateIndexAndTopFromTop(top);
@@ -52617,7 +52624,9 @@ var useTableVirtual = function useTableVirtual(props) {
       context.controlScrollRate = null;
       return;
     }
+    // 拖动滚动条
     if (fromDrag) {
+      console.log('fromDrag');
       var _top = y * max;
       updateIndexAndTopFromTop(_top);
       if (context.rateTimer) clearTimeout(context.rateTimer);
@@ -53445,7 +53454,7 @@ var Tr = function Tr(props) {
       var expandHeight = expandRef.current ? expandRef.current.offsetHeight : 0;
       props.setRowHeight(props.rowIndex, trRef.current.offsetHeight + expandHeight);
     }
-  }, [props.expanded, props.rowIndex]);
+  }, [props.expanded, props.rowIndex, props.bodyScrollWidth]);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
@@ -53706,7 +53715,8 @@ var Tr = function Tr(props) {
       rowClickAttr: props.rowClickAttr,
       onRowClick: props.onRowClick,
       rowEvents: props.rowEvents,
-      disabled: props.datum.disabledCheck(item)
+      disabled: props.datum.disabledCheck(item),
+      bodyScrollWidth: props.bodyScrollWidth
     }, originKey);
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
@@ -53924,7 +53934,8 @@ var scrollWrapperStyle = {
     width = _useTableLayout.width,
     shouldLastColAuto = _useTableLayout.shouldLastColAuto,
     maxScrollLeft = _useTableLayout.maxScrollLeft,
-    scrollBarWidth = _useTableLayout.scrollBarWidth;
+    scrollBarWidth = _useTableLayout.scrollBarWidth,
+    scrollWidth = _useTableLayout.scrollWidth;
   var _useTableSort = use_table_sort({
       data: props.data,
       sorter: props.sorter,
@@ -54054,7 +54065,8 @@ var scrollWrapperStyle = {
       striped: props.striped,
       radio: props.radio,
       onRowClick: props.onRowClick,
-      rowEvents: props.rowEvents
+      rowEvents: props.rowEvents,
+      bodyScrollWidth: scrollWidth
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -54210,7 +54222,7 @@ var scrollWrapperStyle = {
       className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.pagination,
       jssStyle: props.jssStyle,
       align: "right"
-    }, paginationInfo), pagination));
+    }, pagination), paginationInfo));
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 绑定 wheel 事件
@@ -54245,7 +54257,7 @@ var scrollWrapperStyle = {
   if (!props.columns || columns.length === 0) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(tableWrapperClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.simple, props.striped && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.striped)),
     style: objectSpread2_default()({
-      height: props.height
+      height: props.height || '100%'
     }, props.style),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
       style: {
@@ -54359,6 +54371,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
     right: 0,
     bottom: 0,
     display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
     overflow: 'hidden',
     zIndex: loadingIndex,
     backgroundColor: 'hsla(0,0%,100%,.4)'
@@ -54484,7 +54498,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
     }
   },
   hasSorter: {
-    display: 'flex',
+    display: 'inline-flex',
     alignItems: 'center'
   },
   sorterContainer: {
@@ -60614,6 +60628,21 @@ var CollapseComp = src_collapse_collapse;
 CollapseComp.Item = collapse_Item;
 CollapseComp.displayName = 'ShineoutCollapse';
 /* harmony default export */ var src_collapse_0 = (CollapseComp);
+;// CONCATENATED MODULE: ./src/deprecated.ts
+var color = {};
+var deprecated_style = {
+  getClassName: function getClassName() {
+    return '';
+  },
+  setStyle: function setStyle() {
+    return function () {};
+  },
+  cleanCache: function cleanCache() {},
+  setInjectType: function setInjectType() {},
+  getInjectType: function getInjectType() {
+    return '';
+  }
+};
 // EXTERNAL MODULE: ./src/form/interface.ts
 var form_interface = __webpack_require__(9001);
 // EXTERNAL MODULE: ./src/input/interface.ts
@@ -60784,6 +60813,7 @@ var card_group_interface = __webpack_require__(9921);
 
 
 
+
 
 
 }();