dcp-design-react 1.11.9 → 1.11.10

package/lib/_utils/motion.d.ts

@@ -0,0 +1,7 @@
+import type { CSSMotionProps } from 'rc-motion';
+declare const initCollapseMotion: (rootCls?: string) => CSSMotionProps;
+declare const _SelectPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+export type SelectCommonPlacement = (typeof _SelectPlacements)[number];
+declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
+export { getTransitionName };
+export default initCollapseMotion;

package/lib/collapse/style/index.less

@@ -1,24 +1,24 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-06-01 20:04:55
- */
-@import '../../style/common';
-@import '../src/_util/motion.less';
-
-@prefix-collapse: ~'@{qm-prefix}-collapse';
-
-.@{prefix-collapse} {
-  &-content {
-    padding: 0 2px;
-    overflow: hidden;
-    background-color: #fff;
-    & > &-box {
-      margin-top: 8px;
-    }
-    &-hidden {
-      display: none;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-26 14:20:20
+ */
+@import '../../style/common';
+@import './motion';
+
+@prefix-collapse: ~'@{qm-prefix}-collapse';
+
+.@{prefix-collapse} {
+  &-content {
+    padding: 0 2px;
+    overflow: hidden;
+    background-color: #fff;
+    & > &-box {
+      margin-top: 8px;
+    }
+    &-hidden {
+      display: none;
+    }
+  }
+}

package/lib/collapse/style/motion.less

@@ -0,0 +1,11 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-06-01 20:17:51
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-26 14:19:50
+ */
+@prefixCls: ~'@{qm-prefix}-motion-collapse';
+
+.@{prefixCls} {
+  transition: height 0.3s, opacity 0.3s;
+}

package/lib/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+import ColorPicker from './src/color-picker';
+export type { ColorPickerProps } from './src/color-picker';
+export default ColorPicker;

package/lib/color-picker/src/color-picker.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type HsbaColorType } from '@rc-component/color-picker';
+type ColorValue = {
+    hex: string;
+    rgb: string;
+    hsb: string;
+};
+type IProps = {
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    disabledAlpha?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value: ColorValue, type?: {
+        type?: HsbaColorType;
+        value?: number;
+    }) => void;
+    onChangeComplete?: (value: ColorValue, type?: {
+        type?: HsbaColorType;
+        value?: number;
+    }) => void;
+};
+export type ColorPickerProps = IProps;
+declare const ColorPicker: React.FC<IProps>;
+export default ColorPicker;

package/lib/color-picker/style/index.less

@@ -0,0 +1,117 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2024-12-02 09:06:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-12-26 19:26:20
+ */
+@import '../../style/common';
+
+@prefix-color-picker: ~'@{qm-prefix}-color-picker';
+
+.@{prefix-color-picker} {
+  position: absolute;
+  z-index: 9999;
+  display: block;
+  width: max-content;
+  min-width: 258px;
+  visibility: visible;
+  &-btn {
+    display: inline-flex;
+    padding: 3px;
+    border: 1px solid @--border-color-base;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: border-color .3s ease;
+    &:hover {
+      border-color: @--primary-color;
+    }
+  }
+  &-hidden {
+    display: none;
+  }
+  &-panel {
+    display: flex;
+    flex-direction: column;
+    width: 258px;
+    padding: 12px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12),0px 6px 16px 0px rgba(0, 0, 0, 0.08),0px 9px 28px 8px rgba(0, 0, 0, 0.05);
+    &-disabled {
+      cursor: not-allowed;
+    }
+  }
+  &-select {
+    .@{prefix-color-picker}-palette {
+      min-height: 160px;
+      overflow: hidden;
+      border-radius: 4px;
+      & > .@{prefix-color-picker}-gradient {
+        border-top-left-radius: 5px;
+      }
+    }
+    margin-bottom: 12px;
+  }
+
+  &-saturation {
+    position: absolute;
+    border-radius: inherit;
+    inset: 0px;
+  }
+
+  &-handler {
+    width: 16px;
+    height: 16px;
+    border: 2px solid #fff;
+    border-radius: 50%;
+    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06);
+  }
+  &-handler-sm {
+    width: 12px;
+    height: 12px;
+  }
+
+  &-slider {
+    width: 100%;
+    margin-bottom: 12px;
+    .@{prefix-color-picker}-palette {
+      height: 8px;
+    }
+    .@{prefix-color-picker}-gradient {
+      border-radius: 4px;
+    }
+    &-alpha {
+      background: url('./alpha.svg');
+    }
+  }
+
+  &-color-block {
+    position: relative;
+    width: 24px;
+    height: 24px;
+    overflow: hidden;
+    background-image: url('./alpha.svg');
+    border-radius: 4px;
+    &-inner {
+      width: 100%;
+      height: 100%;
+      border: 1px solid rgba(0, 0, 0, 0.06);
+      border-radius: 4px;
+    }
+  }
+
+  &-slider-container {
+    display: flex;
+    .@{prefix-color-picker}-slider-group {
+      flex: 1;
+      margin-right: 8px;
+      &-disabled-alpha {
+        display: flex;
+        align-items: center;
+        .@{prefix-color-picker}-slider{
+            margin-bottom: 0;
+        }
+      }
+    }
+  }
+}

package/lib/guide-tracker/src/guideTracker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PlacementType } from '../../tour/src/placements';
+import type { PlacementType } from '../../_utils/placements';
 type StepProps = {
     id: string;
     selector: string;

package/lib/index.d.ts

@@ -70,6 +70,8 @@ export type { PivotGridRef as QmPivotGridRef, PivotGridProps as QmPivotGridProps
 export { default as QmPivotGrid } from './pivot-grid';
 export type { VirtualListRef as QmVirtualListRef, VirtualListProps as QmVirtualListProps } from './virtual-list';
 export { default as QmVirtualList } from './virtual-list';
+export type { ColorPickerProps as QmColorPickerProps } from './color-picker';
+export { default as QmColorPicker } from './color-picker';
 export type { ConfigProviderProps as DcpConfigProviderProps } from './config-provider';
 export { default as DcpConfigProvider } from './config-provider';
 export type { ButtonProps as DcpButtonProps } from './button';
@@ -142,6 +144,8 @@ export type { PivotGridRef as DcpPivotGridRef, PivotGridProps as DcpPivotGridPro
 export { default as DcpPivotGrid } from './pivot-grid';
 export type { VirtualListRef as DcpVirtualListRef, VirtualListProps as DcpVirtualListProps } from './virtual-list';
 export { default as DcpVirtualList } from './virtual-list';
+export type { ColorPickerProps as DcpColorPickerProps } from './color-picker';
+export { default as DcpColorPicker } from './color-picker';
 export { default as pinyin } from './pinyin';
 export { default as version } from './version';
 export * from './antd';