@pointcloud/pcloud-components 0.1.21 → 0.1.23

package/README.md

@@ -1,6 +1,6 @@
 # pcloud-components
 
-![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![react version](https://img.shields.io/badge/react-v17.0.2-brightgreen?style=flat&logo=react) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.16-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-22-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
+![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![react version](https://img.shields.io/badge/react-v17.0.2-brightgreen?style=flat&logo=react) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.16-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-25-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
 
 pcloud-components 是一套基于 Antd v4.24.16+ React v17 开发的业务组件库。
 该项目已经发布到 Npm 仓库，可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。

package/dist/esm/AdvancedFilter/FormFilter.js

@@ -70,15 +70,15 @@ export default (function (props) {
         values = _objectSpread(_objectSpread({}, values), formatTime(_defineProperty({}, item, values[item])));
       }
     });
-    onSearch && onSearch(values);
+    onSearch === null || onSearch === void 0 || onSearch(values);
   };
   var valuesChange = function valuesChange(v) {
     var value = formatTime(v);
-    onValuesChange && onValuesChange(value);
+    onValuesChange === null || onValuesChange === void 0 || onValuesChange(value);
   };
   var reset = function reset() {
     form.resetFields();
-    onReset && onReset();
+    onReset === null || onReset === void 0 || onReset();
   };
   var renderComponent = function renderComponent(type, item) {
     switch (type) {

package/dist/esm/AdvancedFilter/interface.d.ts

@@ -34,11 +34,11 @@ export interface FormProps {
     /**
      * @description 筛选项值变更时触发
      */
-    onValuesChange?: (v: any) => void;
+    onValuesChange?: (_values: any) => void;
     /**
      * @description 点击查询按钮时触发
      */
-    onSearch?: (v: any) => void;
+    onSearch?: (_v: any) => void;
     /**
      * @description 点击重置按钮时触发
      */
@@ -67,7 +67,7 @@ export interface InputProps {
     /**
      * @description input检索框回车时或点击检索图标时触发
      */
-    inputSearch?: (v: any) => void;
+    inputSearch?: (_v: any) => void;
 }
 export interface FilterProps extends FormProps {
     /**

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

@@ -1,146 +1,146 @@
-@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;
-        color: #fff;
-        background-color: #ff7e00;
-        border-radius: 4px;
-
-        &: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: #ff7e00;
-      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;
+        color: #fff;
+        background-color: #ff7e00;
+        border-radius: 4px;
+
+        &: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: #ff7e00;
+      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/ColorPicker/index.js

@@ -48,7 +48,7 @@ var ColorPicker = function ColorPicker(props) {
     // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
     onChange && onChange(e);
   };
-  var handleChangeComplete = function handleChangeComplete(v) {
+  var handleChangeComplete = function handleChangeComplete() {
     var _color = color !== null && color !== void 0 && color.a ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
     // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
     onChangeComplete && onChangeComplete(_color);

package/dist/esm/ColorPicker/index.less

@@ -1,18 +1,18 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-color-picker {
-  .sketch-picker {
-    padding: 0 !important;
-    box-shadow: none !important;
-  }
-}
-
-.trigger {
-  display: inline-block;
-  width: 60px;
-  height: 26px;
-  border: 5px solid #fff;
-  border-radius: 2px;
-  box-shadow: 0 0 2px #000;
-  cursor: pointer;
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-color-picker {
+  .sketch-picker {
+    padding: 0 !important;
+    box-shadow: none !important;
+  }
+}
+
+.trigger {
+  display: inline-block;
+  width: 60px;
+  height: 26px;
+  border: 5px solid #fff;
+  border-radius: 2px;
+  box-shadow: 0 0 2px #000;
+  cursor: pointer;
+}

package/dist/esm/ColorPicker/interface.d.ts

@@ -20,12 +20,12 @@ interface ComponentProps {
      * 颜色值变化时触发
      * @param v 色值对象
      */
-    onChange?: (v: any) => void;
+    onChange?: (_v?: string) => void;
     /**
      * 颜色变化完成时触发
      * @param v 颜色值 rgba
      */
-    onChangeComplete?: (v: any) => void;
+    onChangeComplete?: (_v?: string) => void;
 }
 export interface ColorPickerProps extends ComponentProps {
     /**
@@ -43,7 +43,7 @@ export interface ColorPickerProps extends ComponentProps {
     /**
      * 点击确定时的回调函数
      */
-    onConfirm: (v: any) => void;
+    onConfirm: (_v: string) => void;
 }
 export interface TwitterPickerProps extends ComponentProps {
     /**

package/dist/esm/ConfigProvider/interface.d.ts

@@ -5,7 +5,7 @@ export interface ConfigProviderProps {
      * @default pui
      */
     prefixCls?: string;
-    getPrefixCls?: (componentName: string, customPrefix?: string) => string;
+    getPrefixCls?: (_componentName: string, _customPrefix?: string) => string;
     children?: React.ReactNode;
 }
 export declare type OtherProps = Omit<ConfigProviderProps, 'children'>;

package/dist/esm/DCascader/index.js

@@ -3,12 +3,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "popupClassName", "fieldNames", "options", "onChange", "loadData", "onLoadData", "loading"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-05-18 13:35:38
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-07-12 09:44:01
- * @Description  : 基于antd的Cascader组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-18 13:35:38
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-07-12 09:44:01
+ * @Description  : 基于antd的Cascader组件
  */
 import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
 import { Cascader } from 'antd';

package/dist/esm/DCascader/index.less

@@ -1,24 +1,24 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-cascader-dropdown .ant-cascader-menu {
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  // 轨道拖动部分的背景颜色
-  &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 50%);
-    border-radius: 8px;
-  }
-
-  // 轨道背景颜色
-  &::-webkit-scrollbar-track {
-    border-radius: 2px;
-  }
-
-  // x、y两条轨道的交叉处
-  &::-webkit-scrollbar-corner {
-    background-color: #f1f1f1;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-cascader-dropdown .ant-cascader-menu {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  // 轨道拖动部分的背景颜色
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 50%);
+    border-radius: 8px;
+  }
+
+  // 轨道背景颜色
+  &::-webkit-scrollbar-track {
+    border-radius: 2px;
+  }
+
+  // x、y两条轨道的交叉处
+  &::-webkit-scrollbar-corner {
+    background-color: #f1f1f1;
+  }
+}

package/dist/esm/DForm/DItem/itemsRender.js

@@ -128,6 +128,7 @@ var renderMap = {
   },
   checkbox: function checkbox(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      valuePropName: "checked",
       children: /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, props), {}, {
         children: label
       }))
@@ -140,6 +141,7 @@ var renderMap = {
   },
   radio: function radio(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      valuePropName: "checked",
       children: /*#__PURE__*/_jsx(Radio, _objectSpread(_objectSpread({}, props), {}, {
         children: label
       }))

package/dist/esm/DForm/helper.js

@@ -1,10 +1,10 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-07 15:08:06
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-06-12 17:35:15
- * @Description  : 合并两个对象中的所有字段
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-07 15:08:06
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-12 17:35:15
+ * @Description  : 合并两个对象中的所有字段
  */
 
 import mergeWith from 'lodash/mergeWith';

package/dist/esm/DForm/index.js

@@ -32,7 +32,7 @@ function getChildren(items, children, _defaultItemProps, layout) {
             children: /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item))
           }), (item === null || item === void 0 ? void 0 : item.name) || index);
         })
-      }));
+      }, "row"));
     } else {
       list = items.map(function (item, index) {
         var _item = helper.merge(_defaultItemProps, item);

package/dist/esm/DForm/index.less

@@ -1,45 +1,45 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-form {
-  .form-wrapper > .ant-form-item {
-    min-height: 32px;
-    margin-right: 0;
-    margin-bottom: 24px;
-  }
-
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
-
-.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
-.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-
-.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
-  min-width: 80px;
-}
-
-.@{prefix}-form.ant-form-inline .form-wrapper,
-.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  height: min-content;
-
-  > .ant-form-item {
-    padding-right: 16px;
-  }
-}
-
-.@{prefix}-form.ant-form-inline.inlineVertical {
-  .ant-form-item-row {
-    flex-direction: column;
-
-    .ant-form-item-label {
-      text-align: left;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-form {
+  .form-wrapper > .ant-form-item {
+    min-height: 32px;
+    margin-right: 0;
+    margin-bottom: 24px;
+  }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}
+
+.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
+.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+
+.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
+  min-width: 80px;
+}
+
+.@{prefix}-form.ant-form-inline .form-wrapper,
+.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  height: min-content;
+
+  > .ant-form-item {
+    padding-right: 16px;
+  }
+}
+
+.@{prefix}-form.ant-form-inline.inlineVertical {
+  .ant-form-item-row {
+    flex-direction: column;
+
+    .ant-form-item-label {
+      text-align: left;
+    }
+  }
+}