@nokecy/qc-ui 0.3.13 → 0.3.15

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -33,7 +33,7 @@ var _setting = _interopRequireDefault(require("./setting"));
 
 var _ = require(".");
 
-var _excluded = ["style", "loading", "params", "request", "dataSource", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "gridColumnState", "children"];
+var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "gridColumnState", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -75,6 +75,7 @@ function AgGridPlus(props) {
       gridParams = props.params,
       request = props.request,
       dataSource = props.dataSource,
+      treeKeyName = props.treeKeyName,
       treeParentName = props.treeParentName,
       propRowData = props.rowData,
       propsGridRef = props.gridRef,
@@ -293,7 +294,7 @@ function AgGridPlus(props) {
     return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
   }, [props.columnDefs]);
   var rowDataMemo = (0, _react.useMemo)(function () {
-    return props.treeData ? (0, _utils.flatten)((0, _utils.toTree)(rowData), treeParentName) : rowData;
+    return props.treeData ? (0, _utils.flatten)((0, _utils.toTree)(rowData, treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeParentName) : rowData;
   }, [rowData, props.treeData]);
   return /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: loading,

package/dist/cjs/ag-grid-plus/interface.d.ts

@@ -12,6 +12,7 @@ interface GridProps extends AgGridReactProps {
     loading?: boolean;
     request?: (params: any, sort: any, filter: any) => Promise<any>;
     dataSource?: any[];
+    treeKeyName?: string;
     treeParentName?: string;
     search?: boolean;
     headerTitle?: React.ReactNode;

package/dist/cjs/ag-grid-plus/utils.d.ts

@@ -4,6 +4,6 @@ declare const convertSortModel: (sortModel: any[]) => string;
 declare const dateValueFormatter: (params: ValueFormatterParams) => string;
 declare const dateTimeValueFormatter: (params: ValueFormatterParams) => string;
 declare const flatten: (arr: any[], parentPropName: any, parentref?: any[]) => any;
-declare const toTree: (data: any[]) => any[];
+declare const toTree: (data: any[], keyName: any, parentKeyName: any) => any[];
 declare const flattenTreeDeep: (treeData: any[], childrenName?: string) => any[];
 export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten };

package/dist/cjs/ag-grid-plus/utils.js

@@ -133,7 +133,7 @@ var flatten = function flatten(arr, parentPropName, parentref) {
 
 exports.flatten = flatten;
 
-var toTree = function toTree(data) {
+var toTree = function toTree(data, keyName, parentKeyName) {
   // 删除 所有 children,以防止多次调用
   data.forEach(function (item) {
     delete item.children;
@@ -141,12 +141,12 @@ var toTree = function toTree(data) {
 
   var map = {};
   data.forEach(function (item) {
-    map[item.id] = item;
+    map[item[keyName]] = item;
   });
   var val = [];
   data.forEach(function (item) {
     // 以当前遍历项，的pid,去map对象中找到索引的id
-    var parent = map[item.parentId]; // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
+    var parent = map[item[parentKeyName]]; // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
 
     if (parent) {
       (parent.children || (parent.children = [])).push(item);

package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.less

@@ -1,49 +1,49 @@
-.react-dashboard-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  // width: 100%;
-  padding: 0 10px;
-  padding-bottom: 10px;
-  // background: var(--component-background);
-
-  &:after {
-    display: block;
-    clear: both;
-    content: '';
-  }
-
-  &-left {
-    float: left;
-
-    button {
-      margin-right: 10px;
-    }
-  }
-
-  &-right {
-    float: right;
-
-    button {
-      margin-left: 10px;
-    }
-  }
-
-  &-space {
-    flex: auto;
-    height: 1px;
-    margin: 0 !important;
-    padding: 0 !important;
-    border: 0 !important;
-    -webkit-box-flex: 1;
-  }
-
-  &-fixed {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    z-index: 9;
-    border-top: 1px solid rgba(128, 128, 128, 0.1);
-    box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
-  }
-}
+.react-dashboard-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // width: 100%;
+  padding: 0 10px;
+  padding-bottom: 10px;
+  // background: var(--component-background);
+
+  &:after {
+    display: block;
+    clear: both;
+    content: '';
+  }
+
+  &-left {
+    float: left;
+
+    button {
+      margin-right: 10px;
+    }
+  }
+
+  &-right {
+    float: right;
+
+    button {
+      margin-left: 10px;
+    }
+  }
+
+  &-space {
+    flex: auto;
+    height: 1px;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: 0 !important;
+    -webkit-box-flex: 1;
+  }
+
+  &-fixed {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    z-index: 9;
+    border-top: 1px solid rgba(128, 128, 128, 0.1);
+    box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
+  }
+}

package/dist/cjs/dashboard/dashboard/index.less

@@ -1,173 +1,173 @@
-@import '~react-grid-layout/css/styles.css';
-
-.react-resizable {
-
-  position: relative;
-}
-.react-resizable-handle {
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  background-repeat: no-repeat;
-  background-origin: content-box;
-  box-sizing: border-box;
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
-  background-position: bottom right;
-  padding: 0 3px 3px 0;
-  display:none;
-}
-.react-resizable-handle-sw {
-  bottom: 0;
-  left: 0;
-  cursor: sw-resize;
-  transform: rotate(90deg);
-}
-.react-resizable-handle-se {
-  bottom: 0;
-  right: 0;
-  cursor: se-resize;
-}
-.react-resizable-handle-nw {
-  top: 0;
-  left: 0;
-  cursor: nw-resize;
-  transform: rotate(180deg);
-}
-.react-resizable-handle-ne {
-  top: 0;
-  right: 0;
-  cursor: ne-resize;
-  transform: rotate(270deg);
-}
-.react-resizable-handle-w,
-.react-resizable-handle-e {
-  top: 50%;
-  margin-top: -10px;
-  cursor: ew-resize;
-}
-.react-resizable-handle-w {
-  left: 0;
-  transform: rotate(135deg);
-}
-.react-resizable-handle-e {
-  right: 0;
-  transform: rotate(315deg);
-}
-.react-resizable-handle-n,
-.react-resizable-handle-s {
-  left: 50%;
-  margin-left: -10px;
-  cursor: ns-resize;
-}
-.react-resizable-handle-n {
-  top: 0;
-  transform: rotate(225deg);
-}
-.react-resizable-handle-s {
-  bottom: 0;
-  transform: rotate(45deg);
-}
-
-:root{
-  --primary-color:blue;
-  --component-background:#fff;
-}
-
-
-.react-grid-item > .react-resizable-handle {
-  z-index: 1;
-}
-.react-dashboard-item-edit{
-  .react-resizable-handle {
-    display:block;
-  }
-}
-
-.react-dashboard-full {
-  width: 100%;
-  height: 100%;
-}
-.react-dashboard-aligncenter {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-//空页面样式
-.react-dashboard-emptyContent {
-  // min-height: calc(100vh - 50px - 41px - 50px - 10px - 22px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-
-.react-dashboard-item {
-  position: relative;
-  // overflow: hidden;
-  // border:1px solid rgba(128,128,128,0.3);
-  .react-dashboard-mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0);
-    cursor: move;
-    transition: all 0.3s;
-  }
-
-  .react-dashboard-configicon {
-    position: absolute;
-    top: 0;
-    right: 30px;
-    z-index: 1;
-    display: none;
-    width: 30px;
-    height: 30px;
-    color: #fff;
-    font-weight: bold;
-    font-size: 16px;
-    line-height: 30px;
-    text-align: center;
-    background: var(--primary-color);
-    border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
-    cursor: pointer;
-  }
-
-  .react-dashboard-deleteicon {
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 1;
-    display: none;
-    width: 30px;
-    height: 30px;
-    color: #fff;
-    font-size: 16px;
-    line-height: 30px;
-    text-align: center;
-    background: #f5222d;
-    border-radius: var(--card-border-radius);
-    cursor: pointer;
-  }
-
-  .react-dashboard-configicon + .react-dashboard-deleteicon {
-    border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
-  }
-
-  &:hover {
-    .react-dashboard-mask {
-      background: rgba(0, 0, 0, 0.05);
-      transition: all 0.3s;
-    }
-
-    .react-dashboard-configicon {
-      display: block;
-    }
-
-    .react-dashboard-deleteicon {
-      display: block;
-    }
-  }
-}
+@import '~react-grid-layout/css/styles.css';
+
+.react-resizable {
+
+  position: relative;
+}
+.react-resizable-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  box-sizing: border-box;
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
+  background-position: bottom right;
+  padding: 0 3px 3px 0;
+  display:none;
+}
+.react-resizable-handle-sw {
+  bottom: 0;
+  left: 0;
+  cursor: sw-resize;
+  transform: rotate(90deg);
+}
+.react-resizable-handle-se {
+  bottom: 0;
+  right: 0;
+  cursor: se-resize;
+}
+.react-resizable-handle-nw {
+  top: 0;
+  left: 0;
+  cursor: nw-resize;
+  transform: rotate(180deg);
+}
+.react-resizable-handle-ne {
+  top: 0;
+  right: 0;
+  cursor: ne-resize;
+  transform: rotate(270deg);
+}
+.react-resizable-handle-w,
+.react-resizable-handle-e {
+  top: 50%;
+  margin-top: -10px;
+  cursor: ew-resize;
+}
+.react-resizable-handle-w {
+  left: 0;
+  transform: rotate(135deg);
+}
+.react-resizable-handle-e {
+  right: 0;
+  transform: rotate(315deg);
+}
+.react-resizable-handle-n,
+.react-resizable-handle-s {
+  left: 50%;
+  margin-left: -10px;
+  cursor: ns-resize;
+}
+.react-resizable-handle-n {
+  top: 0;
+  transform: rotate(225deg);
+}
+.react-resizable-handle-s {
+  bottom: 0;
+  transform: rotate(45deg);
+}
+
+:root{
+  --primary-color:blue;
+  --component-background:#fff;
+}
+
+
+.react-grid-item > .react-resizable-handle {
+  z-index: 1;
+}
+.react-dashboard-item-edit{
+  .react-resizable-handle {
+    display:block;
+  }
+}
+
+.react-dashboard-full {
+  width: 100%;
+  height: 100%;
+}
+.react-dashboard-aligncenter {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+//空页面样式
+.react-dashboard-emptyContent {
+  // min-height: calc(100vh - 50px - 41px - 50px - 10px - 22px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+.react-dashboard-item {
+  position: relative;
+  // overflow: hidden;
+  // border:1px solid rgba(128,128,128,0.3);
+  .react-dashboard-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0);
+    cursor: move;
+    transition: all 0.3s;
+  }
+
+  .react-dashboard-configicon {
+    position: absolute;
+    top: 0;
+    right: 30px;
+    z-index: 1;
+    display: none;
+    width: 30px;
+    height: 30px;
+    color: #fff;
+    font-weight: bold;
+    font-size: 16px;
+    line-height: 30px;
+    text-align: center;
+    background: var(--primary-color);
+    border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
+    cursor: pointer;
+  }
+
+  .react-dashboard-deleteicon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 1;
+    display: none;
+    width: 30px;
+    height: 30px;
+    color: #fff;
+    font-size: 16px;
+    line-height: 30px;
+    text-align: center;
+    background: #f5222d;
+    border-radius: var(--card-border-radius);
+    cursor: pointer;
+  }
+
+  .react-dashboard-configicon + .react-dashboard-deleteicon {
+    border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
+  }
+
+  &:hover {
+    .react-dashboard-mask {
+      background: rgba(0, 0, 0, 0.05);
+      transition: all 0.3s;
+    }
+
+    .react-dashboard-configicon {
+      display: block;
+    }
+
+    .react-dashboard-deleteicon {
+      display: block;
+    }
+  }
+}

package/dist/cjs/dashboard/dashboard/utils.js

@@ -57,10 +57,10 @@ var request = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-/**
- *复制字符串到系统剪切板
- *
- * @param {*} str
+/**
+ *复制字符串到系统剪切板
+ *
+ * @param {*} str
  */
 
 

package/dist/cjs/dashboard/utils.js

@@ -73,10 +73,10 @@ var getPosition = function getPosition(random, fontSize) {
     left: left
   };
 };
-/*
-生成uuid
-len:number  长度
-radix:number  进制
+/*
+生成uuid
+len:number  长度
+radix:number  进制
 */
 
 
@@ -115,10 +115,10 @@ function generateUuid() {
 }
 
 var confirm = _antd.Modal.confirm;
-/**
- * 异步确认弹窗，抛出确认或取消布尔值
- *
- * @param {confirmUtilAsyncProps} props
+/**
+ * 异步确认弹窗，抛出确认或取消布尔值
+ *
+ * @param {confirmUtilAsyncProps} props
  */
 
 var confirmUtilAsync = function confirmUtilAsync(props) {

package/dist/cjs/dashboard/widget/index.less

@@ -1,7 +1,7 @@
-.react-dashboard-widget {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  border:1px solid rgba(128,128,128,0.3);
-  overflow:hidden;
-}
+.react-dashboard-widget {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  border:1px solid rgba(128,128,128,0.3);
+  overflow:hidden;
+}