@nokecy/qc-ui 1.0.2 → 1.0.4

package/dist/esm/ag-grid-plus/index.less

@@ -1,15 +1,15 @@
-.grid-spin {
-    height: 100%;
-
-    .ant-spin-container {
-        height: 100%;
-    }
-}
-
-.ag-icon-filter:before {
-    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
-    
-    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
-
-    color: #8a8a8a;
+.grid-spin {
+    height: 100%;
+
+    .ant-spin-container {
+        height: 100%;
+    }
+}
+
+.ag-icon-filter:before {
+    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
+    
+    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
+
+    color: #8a8a8a;
 }

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

@@ -16,6 +16,7 @@ interface GridProps extends AgGridReactProps {
     treeParentName?: string;
     search?: boolean;
     headerTitle?: React.ReactNode;
+    columnDefs?: (AgGridColumnPropsClone | ColGroupDef<any>)[] | null;
     toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
     /**
      * 用于标识grid唯一标识，用于保存列方案
@@ -34,6 +35,10 @@ interface AgGridColumnPropsClone extends ColDef {
     searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
     searchComponentProps?: any;
     searchSort?: number;
+    enum?: {
+        value: any;
+        label: any;
+    }[];
 }
 declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
 export { GridProps, AgGridColumn, GridRef };

package/dist/esm/ag-grid-plus/queryForm/index.js

@@ -91,6 +91,9 @@ var FormRender = function FormRender(props) {
           component = "BoolSelect";
           break;
       }
+      if (colDef.enum) {
+        component = "Select";
+      }
       return component ? component : "Input";
     }
   };
@@ -133,6 +136,7 @@ var FormRender = function FormRender(props) {
           title: headerName,
           required: (colDef === null || colDef === void 0 || (_colDef$searchCompone = colDef.searchComponentProps) === null || _colDef$searchCompone === void 0 ? void 0 : _colDef$searchCompone.required) || false,
           default: colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default,
+          enum: colDef === null || colDef === void 0 ? void 0 : colDef.enum,
           "x-component": component,
           "x-component-props": _objectSpread({
             placeholder: "\u8BF7\u8F93\u5165".concat(headerName),

package/dist/esm/ag-grid-plus/queryForm/index.less

@@ -1,48 +1,48 @@
-
-@pro-table-search-prefix-cls: ~'ag-grid-table-search';
-
-@pro-table-form-prefix-cls: ~'ag-grid-table-form';
-
-.@{pro-table-search-prefix-cls} {
-    margin-bottom: 8px;
-    padding: 8px;
-    // padding-bottom: 0;
-    background-color: #fff;
-
-    &.@{pro-table-form-prefix-cls} {
-        margin: 0;
-        padding: 0 16px;
-        overflow: unset;
-    }
-
-    &-light {
-        margin-bottom: 0;
-        padding: 16px 0;
-    }
-
-    &-form-option {
-        .ant-form-item {
-            margin: 0;
-        }
-
-        .ant-form-item-label {
-            opacity: 0;
-        }
-
-        .ant-form-item-control-input {
-            justify-content: flex-start;
-        }
-    }
-}
-
-@media (max-width: 575px) {
-    .@{pro-table-search-prefix-cls} {
-        height: auto !important;
-        padding-bottom: 24px;
-
-        .ant-form-item-label {
-            min-width: 80px;
-            text-align: left;
-        }
-    }
-}
+
+@pro-table-search-prefix-cls: ~'ag-grid-table-search';
+
+@pro-table-form-prefix-cls: ~'ag-grid-table-form';
+
+.@{pro-table-search-prefix-cls} {
+    margin-bottom: 8px;
+    padding: 8px;
+    // padding-bottom: 0;
+    background-color: #fff;
+
+    &.@{pro-table-form-prefix-cls} {
+        margin: 0;
+        padding: 0 16px;
+        overflow: unset;
+    }
+
+    &-light {
+        margin-bottom: 0;
+        padding: 16px 0;
+    }
+
+    &-form-option {
+        .ant-form-item {
+            margin: 0;
+        }
+
+        .ant-form-item-label {
+            opacity: 0;
+        }
+
+        .ant-form-item-control-input {
+            justify-content: flex-start;
+        }
+    }
+}
+
+@media (max-width: 575px) {
+    .@{pro-table-search-prefix-cls} {
+        height: auto !important;
+        padding-bottom: 24px;
+
+        .ant-form-item-label {
+            min-width: 80px;
+            text-align: left;
+        }
+    }
+}

package/dist/esm/ag-grid-plus/toolBar/index.js

@@ -10,10 +10,10 @@ import { ConfigProvider, Tooltip } from 'antd';
 import classNames from 'classnames';
 import React, { useContext, useMemo } from 'react';
 import { useStyle } from "./style";
-/**
- * 获取配置区域 DOM Item
- *
- * @param setting 配置项
+/**
+ * 获取配置区域 DOM Item
+ *
+ * @param setting 配置项
  */
 function getSettingItem(setting) {
   if ( /*#__PURE__*/React.isValidElement(setting)) {

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

@@ -30,7 +30,9 @@ var getFilter = function getFilter(objectKey, value) {
   }
   var items = [];
   getObjectFilter(value, objectKey, items);
-  return items.join(",");
+  return items.filter(function (x) {
+    return !!x;
+  }).join(",");
 };
 var getObjectFilter = function getObjectFilter(obj, objKey, items) {
   Object.keys(obj).map(function (key) {
@@ -40,7 +42,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
       items.push("".concat(objectKey, " = ").concat(value));
     }
     if (typeof value === 'string') {
-      value && value != "" && items.push("".concat(objectKey, " ^ ").concat(esc(value)));
+      value && value != "" && items.push("".concat(objectKey, " =* ").concat(esc(value)));
     }
     if (typeof value === 'boolean') {
       items.push("".concat(objectKey, " = ").concat(value));

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);
+  }
+}

package/dist/esm/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/esm/dashboard/dashboard/utils.js

@@ -35,10 +35,10 @@ export var request = /*#__PURE__*/function () {
   };
 }();
 
-/**
- *复制字符串到系统剪切板
- *
- * @param {*} str
+/**
+ *复制字符串到系统剪切板
+ *
+ * @param {*} str
  */
 export var copy = function copy(str) {
   var save = function save(e) {