@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/table/components/ColumnSetting/style.js

@@ -1,135 +1,89 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/table/components/ColumnSetting/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      width: "auto",
-      "&-title": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        height: "32px"
-      },
-      "&-overlay": {
-        [`${token.antCls}-popover-inner-content`]: {
-          width: "200px",
-          paddingBlock: 0,
-          paddingInline: 0,
-          paddingBlockEnd: 8
-        },
-        [`${token.antCls}-tree-node-content-wrapper:hover`]: {
-          backgroundColor: "transparent"
-        },
-        [`${token.antCls}-tree-draggable-icon`]: { cursor: "grab" },
-        [`${token.antCls}-tree-treenode`]: {
-          alignItems: "center",
-          "&:hover": {
-            [`${token.componentCls}-list-item-option`]: {
-              display: "block"
-            }
-          },
-          [`${token.antCls}-tree-checkbox`]: {
-            marginInlineEnd: "4px"
-          },
-          [`${token.antCls}-tree-title`]: {
-            width: "100%"
-          }
-        }
-      }
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, token.componentCls, {
+    width: 'auto',
+    '&-title': {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      height: '32px'
     },
-    [`${token.componentCls}-action-rest-button`]: {
-      color: token.colorPrimary
+    '&-overlay': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(token.antCls, "-popover-inner-content"), {
+      width: '200px',
+      paddingBlock: 0,
+      paddingInline: 0,
+      paddingBlockEnd: 8
+    }), "".concat(token.antCls, "-tree-node-content-wrapper:hover"), {
+      backgroundColor: 'transparent'
+    }), "".concat(token.antCls, "-tree-draggable-icon"), {
+      cursor: 'grab'
+    }), "".concat(token.antCls, "-tree-treenode"), (0, _defineProperty2.default)((0, _defineProperty2.default)({
+      alignItems: 'center',
+      '&:hover': (0, _defineProperty2.default)({}, "".concat(token.componentCls, "-list-item-option"), {
+        display: 'block'
+      })
+    }, "".concat(token.antCls, "-tree-checkbox"), {
+      marginInlineEnd: '4px'
+    }), "".concat(token.antCls, "-tree-title"), {
+      width: '100%'
+    }))
+  }), "".concat(token.componentCls, "-action-rest-button"), {
+    color: token.colorPrimary
+  }), "".concat(token.componentCls, "-list"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    paddingBlockStart: 8
+  }, "&".concat(token.componentCls, "-list-group"), {
+    paddingBlockStart: 0
+  }), '&-title', {
+    marginBlockStart: '6px',
+    marginBlockEnd: '6px',
+    paddingInlineStart: '24px',
+    color: token.colorTextSecondary,
+    fontSize: '12px'
+  }), '&-item', {
+    display: 'flex',
+    alignItems: 'center',
+    maxHeight: 24,
+    justifyContent: 'space-between',
+    '&-title': {
+      flex: 1,
+      maxWidth: 80,
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      wordBreak: 'break-all',
+      whiteSpace: 'nowrap'
     },
-    [`${token.componentCls}-list`]: {
-      display: "flex",
-      flexDirection: "column",
-      width: "100%",
-      paddingBlockStart: 8,
-      [`&${token.componentCls}-list-group`]: {
-        paddingBlockStart: 0
-      },
-      "&-title": {
-        marginBlockStart: "6px",
-        marginBlockEnd: "6px",
-        paddingInlineStart: "24px",
-        color: token.colorTextSecondary,
-        fontSize: "12px"
-      },
-      "&-item": {
-        display: "flex",
-        alignItems: "center",
-        maxHeight: 24,
-        justifyContent: "space-between",
-        "&-title": {
-          flex: 1,
-          maxWidth: 80,
-          textOverflow: "ellipsis",
-          overflow: "hidden",
-          wordBreak: "break-all",
-          whiteSpace: "nowrap"
-        },
-        "&-option": {
-          display: "none",
-          float: "right",
-          cursor: "pointer",
-          "> span": {
-            "> span.anticon": {
-              color: token.colorPrimary
-            }
-          },
-          "> span + span": {
-            marginInlineStart: 4
-          }
+    '&-option': {
+      display: 'none',
+      float: 'right',
+      cursor: 'pointer',
+      '> span': {
+        '> span.anticon': {
+          color: token.colorPrimary
         }
+      },
+      '> span + span': {
+        marginInlineStart: 4
       }
     }
-  };
+  }));
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("ColumnSetting", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('ColumnSetting', function (token) {
+    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
+}

package/lib/table/components/DragSortTable/index.js

@@ -1,173 +1,118 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/table/components/DragSortTable/index.tsx
-var DragSortTable_exports = {};
-__export(DragSortTable_exports, {
-  default: () => DragSortTable_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DragSortTable_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_react = __toESM(require("react"));
-var import_Table = __toESM(require("../../Table"));
-var import_useDragSort = require("../../utils/useDragSort");
-var import_style = require("./style");
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _Table = _interopRequireDefault(require("../../Table"));
+var _useDragSort2 = require("../../utils/useDragSort");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["rowKey", "dragSortKey", "dragSortHandlerRender", "onDragSortEnd", "onDataSourceChange", "defaultData", "dataSource", "onLoad"],
+  _excluded2 = ["rowData", "index", "className"];
 function DragSortTable(props) {
-  var _b;
-  const _a = props, {
-    rowKey,
-    dragSortKey,
-    dragSortHandlerRender,
-    onDragSortEnd,
-    onDataSourceChange,
-    defaultData,
-    dataSource: originDataSource,
-    onLoad
-  } = _a, otherProps = __objRest(_a, [
-    "rowKey",
-    "dragSortKey",
-    "dragSortHandlerRender",
-    "onDragSortEnd",
-    "onDataSourceChange",
-    "defaultData",
-    "dataSource",
-    "onLoad"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const [dataSource, setDataSource] = (0, import_useMergedState.default)(
-    () => defaultData || [],
-    {
+  var _otherProps$columns;
+  var rowKey = props.rowKey,
+    dragSortKey = props.dragSortKey,
+    dragSortHandlerRender = props.dragSortHandlerRender,
+    onDragSortEnd = props.onDragSortEnd,
+    onDataSourceChange = props.onDataSourceChange,
+    defaultData = props.defaultData,
+    originDataSource = props.dataSource,
+    onLoad = props.onLoad,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useMergedState = (0, _util.useMergedState)(function () {
+      return defaultData || [];
+    }, {
       value: originDataSource,
       onChange: onDataSourceChange
-    }
-  );
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(getPrefixCls("pro-table-drag"));
-  const DragHandle = (0, import_react.useMemo)(() => {
-    return (dragHandleProps) => {
-      const _a2 = dragHandleProps, { rowData, index, className } = _a2, rest = __objRest(_a2, ["rowData", "index", "className"]);
-      const defaultDom = /* @__PURE__ */ import_react.default.createElement(
-        import_icons.HolderOutlined,
-        __spreadProps(__spreadValues({}, rest), {
-          className: `${getPrefixCls("pro-table-drag-icon")} ${className || ""} ${hashId || ""}`.trim()
-        })
-      );
-      const handel = dragSortHandlerRender ? dragSortHandlerRender(
-        dragHandleProps == null ? void 0 : dragHandleProps.rowData,
-        dragHandleProps == null ? void 0 : dragHandleProps.index
-      ) : defaultDom;
-      return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({}, rest), handel);
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    dataSource = _useMergedState2[0],
+    setDataSource = _useMergedState2[1];
+  var _useStyle = (0, _style.useStyle)(getPrefixCls('pro-table-drag')),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+
+  // 默认拖拽把手
+  var DragHandle = (0, _react.useMemo)(function () {
+    return function (dragHandleProps) {
+      var rowData = dragHandleProps.rowData,
+        index = dragHandleProps.index,
+        className = dragHandleProps.className,
+        rest = (0, _objectWithoutProperties2.default)(dragHandleProps, _excluded2);
+      var defaultDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.HolderOutlined, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+        className: "".concat(getPrefixCls('pro-table-drag-icon'), " ").concat(className || '', " ").concat(hashId || '').trim()
+      }));
+      var handel = dragSortHandlerRender ? dragSortHandlerRender(dragHandleProps === null || dragHandleProps === void 0 ? void 0 : dragHandleProps.rowData, dragHandleProps === null || dragHandleProps === void 0 ? void 0 : dragHandleProps.index) : defaultDom;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+        children: handel
+      }));
     };
   }, [getPrefixCls]);
-  const { components, DndContext } = (0, import_useDragSort.useDragSort)({
-    dataSource: dataSource == null ? void 0 : dataSource.slice(),
-    dragSortKey,
-    onDragSortEnd,
-    components: props.components,
-    rowKey,
-    DragHandle
-  });
-  const wrapOnload = (ds) => __async(this, null, function* () {
-    setDataSource(ds);
-    return onLoad == null ? void 0 : onLoad(ds);
-  });
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_Table.default,
-      __spreadProps(__spreadValues({}, otherProps), {
-        columns: (_b = otherProps.columns) == null ? void 0 : _b.map((item) => {
-          if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
-            if (!item.render) {
-              item.render = () => null;
-            }
-          }
-          return item;
-        }),
-        onLoad: wrapOnload,
-        rowKey,
-        tableViewRender: (_, defaultDom) => {
-          return /* @__PURE__ */ import_react.default.createElement(DndContext, null, defaultDom);
-        },
-        dataSource,
-        components,
-        onDataSourceChange
-      })
-    )
-  );
+
+  // 使用自定义hooks获取拖拽相关组件的components集合
+  var _useDragSort = (0, _useDragSort2.useDragSort)({
+      dataSource: dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(),
+      dragSortKey: dragSortKey,
+      onDragSortEnd: onDragSortEnd,
+      components: props.components,
+      rowKey: rowKey,
+      DragHandle: DragHandle
+    }),
+    components = _useDragSort.components,
+    DndContext = _useDragSort.DndContext;
+  var wrapOnload = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(ds) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setDataSource(ds);
+            return _context.abrupt("return", onLoad === null || onLoad === void 0 ? void 0 : onLoad(ds));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function wrapOnload(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
+    columns: (_otherProps$columns = otherProps.columns) === null || _otherProps$columns === void 0 ? void 0 : _otherProps$columns.map(function (item) {
+      if (item.dataIndex == dragSortKey || item.key === dragSortKey) {
+        if (!item.render) {
+          item.render = function () {
+            return null;
+          };
+        }
+      }
+      return item;
+    }),
+    onLoad: wrapOnload,
+    rowKey: rowKey,
+    tableViewRender: function tableViewRender(_, defaultDom) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DndContext, {
+        children: defaultDom
+      });
+    },
+    dataSource: dataSource,
+    components: components,
+    onDataSourceChange: onDataSourceChange
+  })));
 }
-var DragSortTable_default = DragSortTable;
+var _default = exports.default = DragSortTable;

package/lib/table/components/DragSortTable/style.js

@@ -1,68 +1,34 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/table/components/DragSortTable/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genProListStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-icon": {
-        marginInlineEnd: 8,
-        color: token.colorTextSecondary,
-        cursor: "grab !important",
-        padding: 4,
-        fontSize: 12,
-        borderRadius: token.borderRadius,
-        "&:hover": {
-          color: token.colorText,
-          backgroundColor: token.colorInfoBg
-        }
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genProListStyle = function genProListStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    '&-icon': {
+      marginInlineEnd: 8,
+      color: token.colorTextSecondary,
+      cursor: 'grab !important',
+      padding: 4,
+      fontSize: 12,
+      borderRadius: token.borderRadius,
+      '&:hover': {
+        color: token.colorText,
+        backgroundColor: token.colorInfoBg
       }
     }
-  };
+  });
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("DragSortTable", (token) => {
-    const proListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('DragSortTable', function (token) {
+    var proListToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProListStyle(proListToken)];
   });
-}
+}