@pointcloud/pcloud-components 1.0.4 → 1.0.6

package/README.md

@@ -152,6 +152,6 @@ export default App;
 ## ⚙️ 环境支持
 
 - React >= 18
-- Ant Design <= 4.24.16
+- Ant Design <= 6.x
 - Node >= 16.20.0
 - Modern browsers

package/dist/esm/AdvancedFilter/styles/index.less

@@ -1,143 +1,143 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-search-filter {
-  align-items: center;
-  width: 100%;
-  margin-top: 10px;
-  background-color: #fff;
-
-  span.ant-collapse-header-text {
-    display: inline-block;
-    width: 100%;
-    cursor: auto !important;
-  }
-
-  .ant-collapse-content-box {
-    padding: 0;
-  }
-
-  .search-header {
-    display: flex;
-    width: 100%;
-
-    .left {
-      max-width: 100%;
-      overflow: hidden;
-      white-space: no-wrap;
-      text-overflow: ellipsis;
-
-      :global {
-        .ant-radio-wrapper:first-child {
-          border-left: 1px solid #d9d9d9;
-          border-radius: 5px 0 0 5px;
-        }
-
-        .ant-radio-wrapper:last-child {
-          border-radius: 0 5px 5px 0;
-        }
-
-        .ant-radio-wrapper {
-          margin-right: 0;
-          padding: 4px 6px;
-          border: 1px solid #d9d9d9;
-          border-top-width: 1px;
-          border-left: 1px solid #fff;
-          border-left-width: 1px;
-
-          .ant-radio {
-            display: none;
-          }
-        }
-
-        .ant-radio-wrapper:hover {
-          color: #1890ff;
-        }
-
-        .ant-radio-wrapper-checked {
-          z-index: 1;
-          color: #1890ff;
-          background: #fff;
-          border: 1px solid #1890ff;
-          border-left: 1px solid #1890ff !important;
-        }
-      }
-    }
-
-    .right {
-      display: flex;
-      justify-content: center;
-
-      .input {
-        width: 200px;
-        border-radius: 4px;
-      }
-
-      .button {
-        margin-left: 10px;
-
-        &:active,
-        &:focus,
-        &:hover {
-          border-color: transparent;
-        }
-
-        .icon {
-          margin-left: 8px;
-          transition: transform 0.4s;
-
-          &.down {
-            transform: rotateZ(180deg);
-          }
-
-          &.up {
-            transform: rotateZ(0deg);
-          }
-        }
-      }
-    }
-  }
-
-  .title {
-    display: flex;
-    align-items: center;
-    margin: 0 10px;
-    padding-bottom: 10px;
-    font-weight: bold;
-    border-bottom: 1px solid #f0f0f0;
-
-    span.icon {
-      width: 4px;
-      height: 16px;
-      margin-right: 6px;
-      background-color: #1890ff;
-      border-radius: 2px;
-    }
-  }
-
-  .search-content {
-    .filter-row {
-      display: flex;
-      flex-wrap: wrap;
-      width: 100%;
-      padding: 10px;
-    }
-
-    .filter-col {
-      height: 30px;
-      margin-bottom: 10px;
-      line-height: 30px;
-    }
-
-    .filter-col .ant-picker {
-      width: 100%;
-    }
-
-    .search-btn {
-      justify-content: center;
-
-      > button {
-        margin: 0 5px;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-search-filter {
+  align-items: center;
+  width: 100%;
+  margin-top: 10px;
+  background-color: #fff;
+
+  span.ant-collapse-header-text {
+    display: inline-block;
+    width: 100%;
+    cursor: auto !important;
+  }
+
+  .ant-collapse-content-box {
+    padding: 0;
+  }
+
+  .search-header {
+    display: flex;
+    width: 100%;
+
+    .left {
+      max-width: 100%;
+      overflow: hidden;
+      white-space: no-wrap;
+      text-overflow: ellipsis;
+
+      :global {
+        .ant-radio-wrapper:first-child {
+          border-left: 1px solid #d9d9d9;
+          border-radius: 5px 0 0 5px;
+        }
+
+        .ant-radio-wrapper:last-child {
+          border-radius: 0 5px 5px 0;
+        }
+
+        .ant-radio-wrapper {
+          margin-right: 0;
+          padding: 4px 6px;
+          border: 1px solid #d9d9d9;
+          border-top-width: 1px;
+          border-left: 1px solid #fff;
+          border-left-width: 1px;
+
+          .ant-radio {
+            display: none;
+          }
+        }
+
+        .ant-radio-wrapper:hover {
+          color: #1890ff;
+        }
+
+        .ant-radio-wrapper-checked {
+          z-index: 1;
+          color: #1890ff;
+          background: #fff;
+          border: 1px solid #1890ff;
+          border-left: 1px solid #1890ff !important;
+        }
+      }
+    }
+
+    .right {
+      display: flex;
+      justify-content: center;
+
+      .input {
+        width: 200px;
+        border-radius: 4px;
+      }
+
+      .button {
+        margin-left: 10px;
+
+        &:active,
+        &:focus,
+        &:hover {
+          border-color: transparent;
+        }
+
+        .icon {
+          margin-left: 8px;
+          transition: transform 0.4s;
+
+          &.down {
+            transform: rotateZ(180deg);
+          }
+
+          &.up {
+            transform: rotateZ(0deg);
+          }
+        }
+      }
+    }
+  }
+
+  .title {
+    display: flex;
+    align-items: center;
+    margin: 0 10px;
+    padding-bottom: 10px;
+    font-weight: bold;
+    border-bottom: 1px solid #f0f0f0;
+
+    span.icon {
+      width: 4px;
+      height: 16px;
+      margin-right: 6px;
+      background-color: #1890ff;
+      border-radius: 2px;
+    }
+  }
+
+  .search-content {
+    .filter-row {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      padding: 10px;
+    }
+
+    .filter-col {
+      height: 30px;
+      margin-bottom: 10px;
+      line-height: 30px;
+    }
+
+    .filter-col .ant-picker {
+      width: 100%;
+    }
+
+    .search-btn {
+      justify-content: center;
+
+      > button {
+        margin: 0 5px;
+      }
+    }
+  }
+}

package/dist/esm/AnimatedScrollList/styles/index.less

@@ -1,22 +1,22 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-animated-scroll-list {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-
-  &-header {
-    flex-shrink: 0;
-  }
-
-  &-body {
-    position: relative;
-    overflow: hidden;
-  }
-
-  &-content {
-    position: relative;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-animated-scroll-list {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  &-header {
+    flex-shrink: 0;
+  }
+
+  &-body {
+    position: relative;
+    overflow: hidden;
+  }
+
+  &-content {
+    position: relative;
+  }
+}

package/dist/esm/CRUD/index.less

@@ -1,154 +1,156 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-crud {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  &.fullscreen {
-    position: fixed;
-    inset: 0;
-    z-index: 10000;
-    padding: 10px;
-    background-color: #fff;
-  }
-
-  &-action-tool-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 10px;
-  }
-
-  &-action-bar,
-  &-tool-bar {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .tool-icon {
-    cursor: pointer;
-    padding: 5px;
-    border: 1px solid #e3e3e3;
-    border-radius: 50%;
-    font-size: 15px;
-
-    &:hover {
-      border-color: #2e4dd9;
-      color: #2e4dd9;
-    }
-
-    &.rotating {
-      animation: rotating 0.5s linear;
-    }
-  }
-
-  // column setting popup
-  .column-setting-popup {
-    .ant-popover-title {
-      padding-right: 10px;
-      padding-left: 10px;
-    }
-
-    .ant-popover-inner-content {
-      width: 100%;
-      padding: 8px 0 4px;
-    }
-
-    .column-setting-title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .column-setting-list {
-      display: flex;
-      flex-direction: column;
-      max-height: 300px;
-      overflow-y: auto;
-      margin-bottom: 0;
-      padding-inline-start: 0;
-      list-style: none;
-      padding: 5px 0;
-    }
-
-    .column-setting-list::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .column-setting-list::-webkit-scrollbar-track {
-      border-radius: 3px;
-    }
-
-    .column-setting-list::-webkit-scrollbar-thumb {
-      width: 5px;
-      border-radius: 3px;
-      background: #8b8b8b;
-    }
-
-    .column-setting-item {
-      display: flex;
-      align-items: center;
-      padding: 8px 10px;
-      user-select: none;
-      border-radius: 4px;
-      margin-bottom: 2px;
-      min-height: 32px;
-
-      &:hover {
-        background-color: #f5f5f5;
-      }
-    }
-
-    .column-drag-handle {
-      cursor: move;
-      margin-right: 8px;
-      display: flex;
-      align-items: center;
-      color: #666;
-    }
-
-    .column-setting-footer {
-      display: flex;
-      justify-content: flex-end;
-      padding-top: 4px;
-      border-top: 1px solid #f0f0f0;
-    }
-  }
-
-  // form display
-  .@{prefix}-form {
-    transition: all 0.3s ease-in-out;
-    overflow: hidden;
-
-    &.visible {
-      max-height: 300px;
-    }
-
-    &.hidden {
-      max-height: 0;
-    }
-  }
-
-  &-table {
-    flex: 1;
-  }
-
-  &-modalform-view {
-    .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
-      display: none;
-    }
-  }
-
-  @keyframes rotating {
-    from {
-      transform: rotate(0deg);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-crud {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  &.fullscreen {
+    position: fixed;
+    inset: 0;
+    z-index: 10000;
+    padding: 10px;
+    background-color: #fff;
+  }
+
+  &-action-tool-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  &-action-bar,
+  &-tool-bar {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .tool-icon {
+    cursor: pointer;
+    padding: 5px;
+    border: 1px solid #e3e3e3;
+    border-radius: 50%;
+    font-size: 15px;
+
+    &:hover {
+      border-color: #2e4dd9;
+      color: #2e4dd9;
+    }
+
+    &.rotating {
+      animation: rotating 0.5s linear;
+    }
+  }
+
+  // column setting popup
+  .column-setting-popup {
+    .ant-popover-title {
+      padding-right: 10px;
+      padding-left: 10px;
+    }
+
+    .ant-popover-inner-content {
+      width: 100%;
+      padding: 8px 0 4px;
+    }
+
+    .column-setting-title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .column-setting-list {
+      display: flex;
+      flex-direction: column;
+      max-height: 300px;
+      overflow-y: auto;
+      margin-bottom: 0;
+      padding-inline-start: 0;
+      list-style: none;
+      padding: 5px 0;
+    }
+
+    .column-setting-list::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    .column-setting-list::-webkit-scrollbar-track {
+      border-radius: 3px;
+    }
+
+    .column-setting-list::-webkit-scrollbar-thumb {
+      width: 5px;
+      border-radius: 3px;
+      background: #8b8b8b;
+    }
+
+    .column-setting-item {
+      display: flex;
+      align-items: center;
+      padding: 8px 10px;
+      user-select: none;
+      border-radius: 4px;
+      margin-bottom: 2px;
+      min-height: 32px;
+
+      &:hover {
+        background-color: #f5f5f5;
+      }
+    }
+
+    .column-drag-handle {
+      cursor: move;
+      margin-right: 8px;
+      display: flex;
+      align-items: center;
+      color: #666;
+    }
+
+    .column-setting-footer {
+      display: flex;
+      justify-content: flex-end;
+      padding-top: 4px;
+      border-top: 1px solid #f0f0f0;
+    }
+  }
+
+  // form display
+  .@{prefix}-form {
+    transition: all 0.3s ease-in-out;
+    overflow: hidden;
+
+    &.visible {
+      max-height: 300px;
+    }
+
+    &.hidden {
+      max-height: 0;
+    }
+  }
+
+  &-table {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  &-modalform-view {
+    .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
+      display: none;
+    }
+  }
+
+  @keyframes rotating {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}

package/dist/esm/CRUD/toolbar.d.ts

@@ -7,10 +7,10 @@ export interface ToolbarProps {
     conditionVisible?: boolean;
     columns?: DColumnType[];
     onActions?: {
-        setFullScreen?: (fullScreen: boolean) => void;
+        setFullScreen?: (_fullScreen: boolean) => void;
         handleRefresh?: () => void;
-        onColumnSettingChanged?: (checkedList: CheckboxValueType[], sortedColumns?: DColumnType[]) => void;
-        setConditionVisible?: (visible: boolean) => void;
+        onColumnSettingChanged?: (_checkedList: CheckboxValueType[], _sortedColumns?: DColumnType[]) => void;
+        setConditionVisible?: (_visible: boolean) => void;
     };
 }
 declare function Toolbar({ className, fullScreen, conditionVisible, columns, onActions }: ToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ColorPicker/index.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-/*
- * @Author       : frank
- * @Date         : 2023-11-21
- * @Description  : 多模式颜色选择器组件
+/*
+ * @Author       : frank
+ * @Date         : 2023-11-21
+ * @Description  : 多模式颜色选择器组件
  */
 import { useState, useContext } from 'react';
 import classNames from 'classnames';