@pointcloud/pcloud-components 1.0.5 → 1.0.7

package/dist/esm/CRUD/index.js

@@ -9,8 +9,8 @@ var _excluded = ["immediate"],
   _excluded2 = ["columns", "extraParams"];
 import React, { useMemo, useState, useContext, useCallback, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
-import { Button } from 'antd';
-import { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined } from '@ant-design/icons';
+import { Button, Popover } from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, EyeOutlined, MoreOutlined } from '@ant-design/icons';
 import { ConfigContext } from "../ConfigProvider";
 import { SearchButtons } from "./config";
 import DForm from "../DForm";
@@ -74,6 +74,7 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     viewButtonText = _props$viewButtonText === void 0 ? '查看' : _props$viewButtonText,
     _props$batchDeleteBut = props.batchDeleteButtonText,
     batchDeleteButtonText = _props$batchDeleteBut === void 0 ? '批量删除' : _props$batchDeleteBut,
+    moreActionColumn = props.moreActionColumn,
     actionBar = props.actionBar,
     onRefresh = props.onRefresh,
     crudApi = props.crudApi,
@@ -193,7 +194,7 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }, [deleteRefreshStrategy.keepSearchValues, deleteRefreshStrategy.keepPage]);
   var mergedFormProps = useMemo(function () {
-    var _restSearchFormProps$;
+    var _restSearchFormProps$, _restSearchFormProps$2;
     if (!searchFormProps) return {};
     var immediate = searchFormProps.immediate,
       restSearchFormProps = _objectWithoutProperties(searchFormProps, _excluded);
@@ -202,9 +203,10 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     var searchBtns = immediate || isExistFormButton ? [] : SearchButtons;
     return _objectSpread(_objectSpread({}, restSearchFormProps), {}, {
+      layout: (_restSearchFormProps$2 = restSearchFormProps.layout) !== null && _restSearchFormProps$2 !== void 0 ? _restSearchFormProps$2 : 'inline',
       items: [].concat(_toConsumableArray((searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps['items']) || []), _toConsumableArray(searchBtns))
     });
-  }, [searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.immediate, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.items, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues]);
+  }, [searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.immediate, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.items, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.layout]);
   var isNeedRefreshToPage = useCallback(function () {
     var _tableRef$current, _tableRef$current$get;
     var deletedCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
@@ -503,7 +505,6 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     };
   }(), [detailApi]);
   var actionColumn = useMemo(function () {
-    // 捕获当前的API方法引用，避免闭包问题
     var currentHandleEdit = handleEdit;
     var currentHandleDelete = handleDelete;
     var currentHandleView = handleView;
@@ -538,10 +539,20 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
           size: "small"
         }, viewButtonProps), {}, {
           children: viewButtonText
-        }))]
+        })), moreActionColumn && /*#__PURE__*/_jsx(Popover, {
+          trigger: "click",
+          placement: "bottomRight",
+          content: moreActionColumn(_text, record),
+          children: /*#__PURE__*/_jsx(Button, {
+            type: "link",
+            icon: /*#__PURE__*/_jsx(MoreOutlined, {}),
+            size: "small",
+            children: "\u66F4\u591A"
+          })
+        })]
       });
     };
-  }, [handleEdit, handleDelete, handleView, showEdit, showDelete, showView, editButtonText, deleteButtonText, viewButtonText]);
+  }, [handleEdit, handleDelete, handleView, showEdit, showDelete, showView, editButtonText, deleteButtonText, viewButtonText, moreActionColumn]);
   var tablePropsWithSearch = useMemo(function () {
     var _ref6 = tableProps || {},
       _ref6$columns = _ref6.columns,

package/dist/esm/CRUD/index.less

@@ -1,156 +1,156 @@
-@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);
-    }
-  }
-}
+@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/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';

package/dist/esm/ContextMenu/index.less

@@ -1,61 +1,61 @@
-@import '../commonStyle/index.less';
-
-@context-menu-bg: #ffffff;
-@context-menu-border-color: #f0f0f0;
-@context-menu-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@border-radius-base: 1px;
-
-.@{prefix}-context-menu {
-  background: @context-menu-bg;
-  border-radius: @border-radius-base;
-  border: 1px solid @context-menu-border-color;
-  box-shadow: @context-menu-shadow;
-  padding: 4px 0;
-  min-width: 120px;
-  opacity: 0;
-  transform: scale(0.8);
-  transform-origin: top left;
-  animation: contextmenu-show 0.2s ease-out forwards;
-
-  &-item {
-    padding: 5px 12px;
-    cursor: pointer;
-    user-select: none;
-    transition: all 0.3s;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: rgba(0, 0, 0, 88%);
-
-    &:hover {
-      background: rgba(0, 0, 0, 4%);
-    }
-
-    &-disabled {
-      color: rgba(0, 0, 0, 25%);
-      cursor: not-allowed;
-
-      &:hover {
-        background: none;
-      }
-    }
-
-    &-divider {
-      height: 1px;
-      margin: 4px 0;
-      background: #f0f0f0;
-    }
-  }
-}
-
-@keyframes contextmenu-show {
-  0% {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
+@import '../commonStyle/index.less';
+
+@context-menu-bg: #ffffff;
+@context-menu-border-color: #f0f0f0;
+@context-menu-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+@border-radius-base: 1px;
+
+.@{prefix}-context-menu {
+  background: @context-menu-bg;
+  border-radius: @border-radius-base;
+  border: 1px solid @context-menu-border-color;
+  box-shadow: @context-menu-shadow;
+  padding: 4px 0;
+  min-width: 120px;
+  opacity: 0;
+  transform: scale(0.8);
+  transform-origin: top left;
+  animation: contextmenu-show 0.2s ease-out forwards;
+
+  &-item {
+    padding: 5px 12px;
+    cursor: pointer;
+    user-select: none;
+    transition: all 0.3s;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: rgba(0, 0, 0, 88%);
+
+    &:hover {
+      background: rgba(0, 0, 0, 4%);
+    }
+
+    &-disabled {
+      color: rgba(0, 0, 0, 25%);
+      cursor: not-allowed;
+
+      &:hover {
+        background: none;
+      }
+    }
+
+    &-divider {
+      height: 1px;
+      margin: 4px 0;
+      background: #f0f0f0;
+    }
+  }
+}
+
+@keyframes contextmenu-show {
+  0% {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}

package/dist/esm/DCascader/index.d.ts

@@ -11,7 +11,7 @@ export type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadData' | '
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
     loading?: boolean | number;
 };
-declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "options" | "loading" | "loadData"> & {
+declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "loading" | "options" | "loadData"> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
     options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>) | undefined;
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */

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

@@ -2,16 +2,17 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
 import React from 'react';
+import { Form } from 'antd';
 import itemsRender from "./itemsRender";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function DItem(props) {
-  // @ts-ignore
   var formItemProps = props.formItemProps,
     _props$label = props.label,
     label = _props$label === void 0 ? '' : _props$label,
     name = props.name,
-    renderType = props.renderType,
+    _props$renderType = props.renderType,
+    renderType = _props$renderType === void 0 ? '' : _props$renderType,
     render = props.render,
     children = props.children,
     otherProps = _objectWithoutProperties(props, _excluded);
@@ -19,6 +20,17 @@ function DItem(props) {
     label: label,
     name: name
   }, formItemProps);
+  var hasShouldUpdate = typeof (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.shouldUpdate) !== 'undefined';
+  if (['custom', 'other'].includes(renderType) && hasShouldUpdate) {
+    return /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      shouldUpdate: formItemProps.shouldUpdate,
+      children: function children(form) {
+        var renderResult = render ? render(otherProps, _formItemProps, props, form) : null;
+        return renderResult;
+      }
+    });
+  }
   if (renderType === 'custom') {
     return render ? /*#__PURE__*/_jsx(_Fragment, {
       children: render(otherProps, _formItemProps, props)

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps, ColProps } from 'antd';
+import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps, ColProps, FormInstance } from 'antd';
 import { PasswordProps, TextAreaProps } from 'antd/lib/input';
 import { RangePickerProps } from 'antd/lib/date-picker';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
@@ -112,6 +112,7 @@ export type DItemProps = {
         grid?: Omit<ColProps, 'prefixCls'>;
     };
     children?: ReactNode;
-    render?: any;
+    render?: (_props: any, _formItemProps: FormItemProps, _allProps?: DItemProps, _form?: FormInstance) => ReactNode;
+} & {
     [key: string]: any;
 };

package/dist/esm/DForm/DItem/itemsRender.d.ts

@@ -39,7 +39,7 @@ declare const renderMap: {
     switch: (props: SwitchProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
     transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: TransferProps<any>['render']) => import("react/jsx-runtime").JSX.Element;
     upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: () => void, children: UploadProps['children']) => import("react/jsx-runtime").JSX.Element;
-    dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => ReactNode, children: DUploadProps['children']) => import("react/jsx-runtime").JSX.Element;
+    dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (_props: any) => ReactNode, children: DUploadProps['children']) => import("react/jsx-runtime").JSX.Element;
     button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     other: (formItemProps: FormItemProps, children: ReactNode) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-12 17:35:10
- * @LastEditors  : frank
- * @LastEditTime : 2023-12-20 15:40:13
- * @Description  : 根据renderType渲染对应的表单项组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : frank
+ * @LastEditTime : 2023-12-20 15:40:13
+ * @Description  : 根据renderType渲染对应的表单项组件
  */
 
 import { AutoComplete, Button, Cascader, Checkbox, DatePicker, Divider, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload } from 'antd';

package/dist/esm/DForm/index.js

@@ -2,12 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["className", "defaultItemProps", "items", "children", "layout", "autoComplete"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-02 09:29:11
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-16 17:44:33
- * @Description  : 基于antd的Form组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-02 09:29:11
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 17:44:33
+ * @Description  : 基于antd的Form组件
  */
 
 import React, { forwardRef, useContext, useState, useMemo, useEffect, useImperativeHandle } from 'react';