@nokecy/qc-ui 0.3.13 → 0.3.14

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

@@ -1,172 +1,172 @@
-.react-dashboard-widget-selector{
-  position:fixed;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  z-index:1006;
-  width:60%;
-  height:60%;
-  max-width:800px;
-  max-height:600px;
-  background:var(--component-background);
-}
-
-.react-dashboard-widget-wrap {
-  display: flex;
-  height:100%;
-  
-  .react-dashboard-widget-leftBar {
-    padding: 10px;
-    width: 180px;
-    border-right: 1px solid rgba(0, 0, 0, 0.1);
-    background: var(--component-background);
-    .react-dashboard-widget-searchIcon {
-      color: var(--text-color);
-    }
-
-    .react-dashboard-widget-item {
-      display: flex;
-      justify-content: space-between;
-      padding: 10px;
-
-      .react-dashboard-widget-Badge {
-
-          .ant-badge-count {
-            color: var(--text-color);
-            background-color: var(--component-background-1) !important;
-          }
-        
-      }
-
-      cursor: pointer;
-
-      &:hover {
-        background: var(--component-background-3);
-        font-weight: bold;
-      }
-    }
-
-    .react-dashboard-widget-active {
-      background: rgba(0, 0, 0, 0.03);
-      font-weight: bold;
-    }
-  }
-
-  .react-dashboard-widget-Layer {
-    flex: 1 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    padding: 10px;
-    background: rgba(0, 0, 0, 0.01);
-    &::-webkit-scrollbar {
-      width: 1px;
-      height: 1px;
-      overflow: auto;
-    }
-  
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--primary-color);
-      min-height: 25px;
-      min-width: 25px;
-  
-      &:hover {
-        background-color: #a8a8a8;
-      }
-  
-      &:active {
-        background-color: #787878;
-      }
-    }
-  
-    &::-webkit-scrollbar-track {
-      background-color: #f7f7f7;
-      border: 1px solid #efefef;
-    }
-
-      .react-dashboard-widget-waterfall {
-        width: 100%;
-      }
-
-      .ant-popover-inner-content {
-        background: rgba(0, 0, 0, 0.01);
-      }
-    
-
-    .react-dashboard-widget-item {
-      cursor: pointer;
-      height: auto;
-      margin-bottom: 10px;
-      width: 100%;
-      height: auto;
-      border-radius: 5px;
-      overflow: hidden;
-      // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
-      transition: all 0.3s;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      -webkit-column-break-inside: avoid;
-      position: relative;
-      background: var(--component-background);
-      .react-dashboard-widget-shortcut {
-        width: 100%;
-        height: auto;
-      }
-
-      .react-dashboard-widget-mask {
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, 0.5);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        transition: all 0.3s;
-      }
-
-      &:hover {
-        transition: all 0.3s;
-
-        border: 1px solid var(--component-background-3);
-
-        .react-dashboard-widget-mask {
-          opacity: 1;
-          transition: all 0.3s;
-        }
-      }
-
-      .react-dashboard-widget-bottombar {
-        border-top: 1px solid rgba(0, 0, 0, 0.1);
-        width: 100%;
-
-        padding: 5px;
-
-        .react-dashboard-widget-iconWrap {
-          display: inline-block;
-          width: 28px;
-          height: 28px;
-          line-height: 28px;
-          text-align: center;
-          border-radius: 7px;
-          color: #fff;
-          margin-right: 5px;
-          font-size: 16px;
-        }
-
-        .react-dashboard-widget-name {
-          font-size: 16px;
-          flex: 1;
-          color: var(--text-color);
-          line-height: 28px;
-          font-weight: bold;
-          display: inline;
-        }
-
-        .react-dashboard-widget-description {
-          margin-top: 5px;
-        }
-      }
-    }
-  }
-}
+.react-dashboard-widget-selector{
+  position:fixed;
+  top:50%;
+  left:50%;
+  transform:translate(-50%, -50%);
+  z-index:1006;
+  width:60%;
+  height:60%;
+  max-width:800px;
+  max-height:600px;
+  background:var(--component-background);
+}
+
+.react-dashboard-widget-wrap {
+  display: flex;
+  height:100%;
+  
+  .react-dashboard-widget-leftBar {
+    padding: 10px;
+    width: 180px;
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    background: var(--component-background);
+    .react-dashboard-widget-searchIcon {
+      color: var(--text-color);
+    }
+
+    .react-dashboard-widget-item {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px;
+
+      .react-dashboard-widget-Badge {
+
+          .ant-badge-count {
+            color: var(--text-color);
+            background-color: var(--component-background-1) !important;
+          }
+        
+      }
+
+      cursor: pointer;
+
+      &:hover {
+        background: var(--component-background-3);
+        font-weight: bold;
+      }
+    }
+
+    .react-dashboard-widget-active {
+      background: rgba(0, 0, 0, 0.03);
+      font-weight: bold;
+    }
+  }
+
+  .react-dashboard-widget-Layer {
+    flex: 1 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 10px;
+    background: rgba(0, 0, 0, 0.01);
+    &::-webkit-scrollbar {
+      width: 1px;
+      height: 1px;
+      overflow: auto;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--primary-color);
+      min-height: 25px;
+      min-width: 25px;
+  
+      &:hover {
+        background-color: #a8a8a8;
+      }
+  
+      &:active {
+        background-color: #787878;
+      }
+    }
+  
+    &::-webkit-scrollbar-track {
+      background-color: #f7f7f7;
+      border: 1px solid #efefef;
+    }
+
+      .react-dashboard-widget-waterfall {
+        width: 100%;
+      }
+
+      .ant-popover-inner-content {
+        background: rgba(0, 0, 0, 0.01);
+      }
+    
+
+    .react-dashboard-widget-item {
+      cursor: pointer;
+      height: auto;
+      margin-bottom: 10px;
+      width: 100%;
+      height: auto;
+      border-radius: 5px;
+      overflow: hidden;
+      // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
+      transition: all 0.3s;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      -webkit-column-break-inside: avoid;
+      position: relative;
+      background: var(--component-background);
+      .react-dashboard-widget-shortcut {
+        width: 100%;
+        height: auto;
+      }
+
+      .react-dashboard-widget-mask {
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.5);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        transition: all 0.3s;
+      }
+
+      &:hover {
+        transition: all 0.3s;
+
+        border: 1px solid var(--component-background-3);
+
+        .react-dashboard-widget-mask {
+          opacity: 1;
+          transition: all 0.3s;
+        }
+      }
+
+      .react-dashboard-widget-bottombar {
+        border-top: 1px solid rgba(0, 0, 0, 0.1);
+        width: 100%;
+
+        padding: 5px;
+
+        .react-dashboard-widget-iconWrap {
+          display: inline-block;
+          width: 28px;
+          height: 28px;
+          line-height: 28px;
+          text-align: center;
+          border-radius: 7px;
+          color: #fff;
+          margin-right: 5px;
+          font-size: 16px;
+        }
+
+        .react-dashboard-widget-name {
+          font-size: 16px;
+          flex: 1;
+          color: var(--text-color);
+          line-height: 28px;
+          font-weight: bold;
+          display: inline;
+        }
+
+        .react-dashboard-widget-description {
+          margin-top: 5px;
+        }
+      }
+    }
+  }
+}

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

@@ -1,4 +1,4 @@
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -48,6 +48,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,
@@ -264,7 +265,7 @@ function AgGridPlus(props) {
     return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
   }, [props.columnDefs]);
   var rowDataMemo = useMemo(function () {
-    return props.treeData ? flatten(toTree(rowData), treeParentName) : rowData;
+    return props.treeData ? flatten(toTree(rowData, treeParentName !== null && treeParentName !== void 0 ? treeParentName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeParentName) : rowData;
   }, [rowData, props.treeData]);
   return /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,

package/dist/esm/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/esm/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/esm/ag-grid-plus/utils.js

@@ -114,7 +114,7 @@ var flatten = function flatten(arr, parentPropName, parentref) {
   return data;
 };
 
-var toTree = function toTree(data) {
+var toTree = function toTree(data, keyName, parentKeyName) {
   // 删除 所有 children,以防止多次调用
   data.forEach(function (item) {
     delete item.children;
@@ -122,12 +122,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/esm/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);
+  }
+}