gxxc-ui 1.0.5 → 1.0.6

package/dist/TableUI/material/Setting/index.js

@@ -18,7 +18,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { Table, Checkbox } from 'antd';
 import { IconUI, ButtonUI } from "../../..";
 import { DndContext } from '@dnd-kit/core';
@@ -36,9 +36,25 @@ export var Setting = function Setting(props) {
     _useState2 = _slicedToArray(_useState, 2),
     dataSource = _useState2[0],
     setDataSource = _useState2[1];
-  useEffect(function () {
-    setDataSource(tableHeader);
-  }, [tableHeader]);
+  // useEffect(() => {
+  // }, [tableHeader]);
+  var _setOpenModifyHeader = function _setOpenModifyHeader(isOpen) {
+    setDataSource(JSON.parse(JSON.stringify(tableHeader)));
+    setOpenModifyHeader(isOpen);
+  };
+
+  // 确认
+  var handleGetSortedData = function handleGetSortedData() {
+    dataSource === null || dataSource === void 0 || dataSource.map(function (item, i) {
+      item.sort = i + 1;
+    });
+    getTableheader(dataSource);
+    _setOpenModifyHeader(false);
+  };
+  // 关闭
+  var onClose = function onClose() {
+    _setOpenModifyHeader(false);
+  };
   var Row = function Row(_ref) {
     var _React$Children;
     var children = _ref.children,
@@ -71,23 +87,21 @@ export var Setting = function Setting(props) {
     }, attributes), (_React$Children = React.Children) === null || _React$Children === void 0 ? void 0 : _React$Children.map(children, function (child) {
       if (child.key === 'sort') {
         return /*#__PURE__*/React.cloneElement(child, {
-          children: /*#__PURE__*/React.createElement(IconUI, _extends({
+          children: /*#__PURE__*/React.createElement("div", {
+            ref: setActivatorNodeRef
+          }, /*#__PURE__*/React.createElement(IconUI, _extends({
             name: "HamburgerButton",
-            ref: setActivatorNodeRef,
             size: 16,
             style: {
               touchAction: 'none',
               cursor: 'move'
             }
-          }, listeners))
+          }, listeners)))
         });
       }
       return child;
     }));
   };
-  var onClose = function onClose() {
-    setOpenModifyHeader(false);
-  };
   var columns = [{
     key: 'sort',
     width: 40,
@@ -119,13 +133,13 @@ export var Setting = function Setting(props) {
     title: '表名',
     dataIndex: 'name'
   }];
-  // 移动表头
+  // 移动item UI移动后交换数据源
   var onDragEnd = function onDragEnd(event) {
     var active = event.active,
       over = event.over;
     if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
       var arr = [active === null || active === void 0 ? void 0 : active.id, over === null || over === void 0 ? void 0 : over.id];
-      var isMove = tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.filter(function (item) {
+      var isMove = dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (item) {
         return item.disable;
       }).map(function (item) {
         return arr.includes(item.key);
@@ -146,15 +160,6 @@ export var Setting = function Setting(props) {
       }
     }
   };
-  // 获取新的表格头部
-  var handleGetSortedData = function handleGetSortedData() {
-    // eslint-disable-next-line array-callback-return
-    dataSource === null || dataSource === void 0 || dataSource.map(function (item, i) {
-      item.sort = i + 1;
-    });
-    getTableheader(dataSource);
-    onClose();
-  };
   return /*#__PURE__*/React.createElement("div", {
     className: "sic-tableui-setting",
     onClick: function onClick(e) {
@@ -164,7 +169,7 @@ export var Setting = function Setting(props) {
     className: "sic-tableui-setting-icon",
     onClick: function onClick(e) {
       e.stopPropagation();
-      setOpenModifyHeader(!openModifyHeader);
+      _setOpenModifyHeader(!openModifyHeader);
     }
   }, /*#__PURE__*/React.createElement(IconUI, {
     name: "Setting",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gxxc-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",