assui 3.2.67 → 3.2.69

package/es/rc-split-view/style/index.less

@@ -0,0 +1,92 @@
+@import '../../style/variables.less';
+
+.split-view {
+  position: absolute;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+  outline: none;
+  -moz-user-select: text;
+  -webkit-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+
+  &-horizontal {
+    top: 0;
+    bottom: 0;
+    flex-direction: column;
+    width: 100%;
+    min-height: 100%;
+  }
+
+  &-vertical {
+    right: 0;
+    left: 0;
+    flex-direction: row;
+  }
+}
+
+.split-view-draggable-handle {
+  position: relative;
+  z-index: 1;
+  background-color: @color_f5f5f5;
+
+  &-horizontal {
+    justify-content: center;
+    height: 2px;
+    border-top: 1px solid transparent;
+    transform: translateY(-50%);
+    cursor: row-resize;
+
+    &-content {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      min-height: 10px;
+      transform: translateY(calc(-50% - 1px));
+    }
+
+    &:hover {
+      border-top-color: @color_02a6e3;
+    }
+
+    &-disabled {
+      cursor: default;
+
+      &:hover {
+        border-top-color: transparent;
+      }
+    }
+  }
+
+  &-vertical {
+    align-items: center;
+    width: 2px;
+    border-left: 1px solid transparent;
+    transform: translateX(-50%);
+    cursor: col-resize;
+
+    &-content {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      min-width: 10px;
+      height: 100%;
+      transform: translateX(calc(-50% - 1px));
+    }
+
+    &:hover {
+      border-left-color: @color_02a6e3;
+    }
+
+    &-disabled {
+      cursor: default;
+
+      &:hover {
+        border-left-color: transparent;
+      }
+    }
+  }
+}

package/es/rc-split-view/utils.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { StatesTypes } from './index';
+/** 获取默认尺寸 */
+export declare const getDefaultSize: (defaultSize: number | string | undefined, minSize: number | undefined, maxSize: number | undefined, draggedSize?: number) => string | number | undefined;
+/** 获取更新尺寸 */
+export declare const getSizeUpdate: (props: {
+    size?: string | number;
+    defaultSize?: string | number;
+    minSize?: number;
+    maxSize?: number;
+    primary: "first" | "second";
+}, state: StatesTypes) => any;
+/** 排除空的子元素 */
+export declare const removeNullChildren: (children: React.ReactNode) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[];
+/** 失去焦点 */
+export declare const unFocus: (document: Document, window: Window) => void;

package/es/rc-split-view/utils.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import isUndefined from 'lodash/isUndefined';
+import isNumber from 'lodash/isNumber';
+/** 获取默认尺寸 */
+export var getDefaultSize = function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
+  if (isNumber(draggedSize)) {
+    var min = isNumber(minSize) ? minSize : 0;
+    var max = isNumber(maxSize) && maxSize >= 0 ? maxSize : Infinity;
+    return Math.max(min, Math.min(max, draggedSize));
+  }
+  if (!isUndefined(defaultSize)) {
+    return defaultSize;
+  }
+  return minSize;
+};
+/** 获取更新尺寸 */
+export var getSizeUpdate = function getSizeUpdate(props, state) {
+  var newState = {};
+  var instanceProps = state.instanceProps;
+  var hasSize = !isUndefined(props.size);
+  if (instanceProps.size === props.size && hasSize) {
+    return {};
+  }
+  var newSize = hasSize ? props.size : getDefaultSize(props.defaultSize, props.minSize, props.maxSize, state.draggedSize);
+  if (hasSize) {
+    newState.draggedSize = newSize;
+  }
+  var isFirstViewPrimary = props.primary === 'first';
+  newState[isFirstViewPrimary ? 'firstViewSize' : 'secondViewSize'] = newSize;
+  newState[isFirstViewPrimary ? 'secondViewSize' : 'firstViewSize'] = undefined;
+  newState.instanceProps = {
+    size: props.size
+  };
+  return newState;
+};
+/** 排除空的子元素 */
+export var removeNullChildren = function removeNullChildren(children) {
+  return React.Children.toArray(children).filter(function (c) {
+    return c;
+  });
+};
+/** 失去焦点 */
+export var unFocus = function unFocus(document, window) {
+  var _a, _b;
+  (_a = document.getSelection()) === null || _a === void 0 ? void 0 : _a.empty();
+  (_b = window.getSelection()) === null || _b === void 0 ? void 0 : _b.removeAllRanges();
+};

package/es/style/variables.less

@@ -23,6 +23,7 @@
 @color_bfbfbf: #bfbfbf;
 @color_d4d4d4: #d4d4d4;
 @color_9f9f9f: #9f9f9f;
+@color_02a6e3: #02a6e3;
 
 @font-size-sm: 12px;
 @font-size-base: 14px;

package/lib/button-drawer/index.d.ts

@@ -7,8 +7,8 @@ export type DrawerAction = {
 export interface ButtonDrawerProps extends Omit<DrawerProps, 'children'> {
     onClose?: () => void;
     onOpen?: () => void;
-    trigger: React.ReactElement;
+    trigger?: ((fun: () => void) => React.ReactElement) | React.ReactElement;
     children: ((v: DrawerAction) => React.ReactElement) | React.ReactElement;
 }
-declare const ForwardRefButtonDrawer: React.ForwardRefExoticComponent<ButtonDrawerProps & React.RefAttributes<unknown>>;
+declare const ForwardRefButtonDrawer: React.ForwardRefExoticComponent<ButtonDrawerProps & React.RefAttributes<DrawerAction>>;
 export default ForwardRefButtonDrawer;

package/lib/button-drawer/index.js

@@ -84,8 +84,12 @@ var drawer_1 = __importDefault(require("antd/lib/drawer"));
 var isFunction_1 = __importDefault(require("lodash/isFunction"));
 var classnames_1 = __importDefault(require("classnames"));
 var CloseOutlined_1 = __importDefault(require("a-icons/lib/CloseOutlined"));
+var ahooks_1 = require("ahooks");
 var ButtonDrawer = function ButtonDrawer(props, ref) {
-  var _a = __read((0, react_1.useState)(false), 2),
+  var _a = __read((0, ahooks_1.useControllableValue)(props, {
+      valuePropName: 'open',
+      defaultValue: false
+    }), 2),
     drawerVisible = _a[0],
     setDrawerVisible = _a[1];
   var children = props.children,
@@ -96,32 +100,29 @@ var ButtonDrawer = function ButtonDrawer(props, ref) {
     className = props.className,
     restProps = __rest(props, ["children", "onOpen", "onClose", "trigger", "title", "className"]);
   var closeDrawer = function closeDrawer() {
-    if (onClose) {
-      onClose();
-    }
     setDrawerVisible(false);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
   };
   var openDrawer = function openDrawer() {
-    if (onOpen) {
-      onOpen();
-    }
     setDrawerVisible(true);
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   };
   var actionRef = (0, react_1.useRef)({
-    close: function close() {
-      closeDrawer();
-    },
-    open: function open() {
-      openDrawer();
-    }
+    open: openDrawer,
+    close: closeDrawer
   });
   (0, react_1.useImperativeHandle)(ref, function () {
     return actionRef.current;
   });
-  var buttonNode = trigger && react_1["default"].cloneElement(trigger, {
-    onClick: openDrawer
-  });
-  return react_1["default"].createElement(react_1["default"].Fragment, null, buttonNode, react_1["default"].createElement(drawer_1["default"], __assign({
+  var triggerNode;
+  if ((0, isFunction_1["default"])(trigger)) {
+    triggerNode = trigger(openDrawer);
+  } else {
+    triggerNode = trigger && react_1["default"].cloneElement(trigger, {
+      onClick: openDrawer
+    });
+  }
+  return react_1["default"].createElement(react_1["default"].Fragment, null, triggerNode, react_1["default"].createElement(drawer_1["default"], __assign({
     maskClosable: false,
     className: (0, classnames_1["default"])('button-drawer', className),
     title: title,

package/lib/button-modal/index.d.ts

@@ -7,8 +7,8 @@ export interface ModalAction {
 export interface ButtonModalProps extends Omit<ModalProps, 'children'> {
     onClose?: () => void;
     onOpen?: () => void;
-    trigger?: React.ReactElement;
+    trigger?: ((fun: () => void) => React.ReactElement) | React.ReactElement;
     children: ((v: ModalAction) => React.ReactElement) | React.ReactElement;
 }
-declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<unknown>>;
+declare const ForwardRefButtonModal: React.ForwardRefExoticComponent<ButtonModalProps & React.RefAttributes<ModalAction>>;
 export default ForwardRefButtonModal;

package/lib/button-modal/index.js

@@ -83,8 +83,12 @@ var React = __importStar(require("react"));
 var isFunction_1 = __importDefault(require("lodash/isFunction"));
 var modal_1 = __importDefault(require("antd/lib/modal"));
 var CloseOutlined_1 = __importDefault(require("a-icons/lib/CloseOutlined"));
+var ahooks_1 = require("ahooks");
 var ButtonModal = function ButtonModal(props, ref) {
-  var _a = __read(React.useState(false), 2),
+  var _a = __read((0, ahooks_1.useControllableValue)(props, {
+      valuePropName: 'open',
+      defaultValue: false
+    }), 2),
     visible = _a[0],
     setModalVisible = _a[1];
   var children = props.children,
@@ -110,22 +114,22 @@ var ButtonModal = function ButtonModal(props, ref) {
     return modalActionRef.current;
   });
   var handleModalOk = function handleModalOk(e) {
-    if (onOk) {
-      return onOk(e);
-    }
+    onOk === null || onOk === void 0 ? void 0 : onOk(e);
     closeModal();
-    return null;
   };
   var handleModalCancel = function handleModalCancel(e) {
-    if (onCancel) {
-      onCancel(e);
-    }
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
     closeModal();
   };
-  var buttonNode = trigger && React.cloneElement(trigger, {
-    onClick: openModal
-  });
-  return React.createElement(React.Fragment, null, buttonNode, React.createElement(modal_1["default"], __assign({
+  var triggerNode;
+  if ((0, isFunction_1["default"])(trigger)) {
+    triggerNode = trigger(openModal);
+  } else {
+    triggerNode = trigger && React.cloneElement(trigger, {
+      onClick: openModal
+    });
+  }
+  return React.createElement(React.Fragment, null, triggerNode, React.createElement(modal_1["default"], __assign({
     open: visible,
     onOk: handleModalOk,
     onCancel: handleModalCancel,

package/lib/index.d.ts

@@ -94,3 +94,5 @@ export { default as SignaturePad } from './signature-pad';
 export type { SignaturePadProps } from './signature-pad';
 export { default as MultiLineEllipsisText } from './multi-line-ellipsis-text';
 export type { MultiLineEllipsisTextProps } from './multi-line-ellipsis-text';
+export type { RcSplitViewProps } from './rc-split-view';
+export { default as RcSplitView } from './rc-split-view';

package/lib/index.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultiLineEllipsisText = exports.SignaturePad = exports.ConditionSelect = exports.CountUp = exports.CountDown = exports.ComplexValSelect = exports.MultipartUpload = exports.LabelConditionSelectInput = exports.Flex = exports.Resizable = exports.RichTextEditor = exports.BeautifulDnd = exports.LabelCustomizeRangePicker = exports.TableCol = exports.LabelTreeSelect = exports.LabelConditionInput = exports.LabelNumberInput = exports.LabelAutoComplete = exports.LabelDatePicker = exports.LabelRangePicker = exports.JsonEditor = exports.AreaText = exports.LabelTextArea = exports.ASelect = exports.LabelSelect = exports.ColorSelect = exports.LabelInput = exports.TextInput = exports.TextArea = exports.SplitPane = exports.sortableHoc = exports.SingleImgUpload = exports.RcTransitionGroup = exports.RcQRcode = exports.RcEchart = exports.StepNumberInput = exports.LabelRangeNumber = exports.NumberInput = exports.RcMotion = exports.KeepTab = exports.ImgCrop = exports.HighlightWords = exports.HighlightTextarea = exports.CopyToClipboard = exports.NumberFormatInput = exports.ConfigProvider = exports.ConditionSelectInput = exports.ConditionInput = exports.ButtonModal = exports.ButtonDrawer = void 0;
+exports.RcSplitView = void 0;
 var button_drawer_1 = require("./button-drawer");
 Object.defineProperty(exports, "ButtonDrawer", {
   enumerable: true,
@@ -358,4 +359,11 @@ Object.defineProperty(exports, "MultiLineEllipsisText", {
   get: function get() {
     return __importDefault(multi_line_ellipsis_text_1)["default"];
   }
+});
+var rc_split_view_1 = require("./rc-split-view");
+Object.defineProperty(exports, "RcSplitView", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(rc_split_view_1)["default"];
+  }
 });

package/lib/rc-split-view/DraggableHandle.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface DraggableHandleProps {
+    /** 组件样式 */
+    className: string;
+    /** 点击回调 */
+    onClick?: (value: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** 双击回调 */
+    onDoubleClick?: (value: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** 按下鼠标按钮回调 */
+    onMouseDown: (value: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** 事件在一个或多个触点与触控设备表面接触时被触发 */
+    onTouchStart: (value: React.TouchEvent<HTMLSpanElement>) => void;
+    /** 事件在一个或多个触点从触控平面上移开时触发 */
+    onTouchEnd: (value: React.TouchEvent<HTMLSpanElement>) => void;
+    /** 子元素 */
+    children?: React.ReactNode;
+}
+declare const DraggableHandle: React.FC<DraggableHandleProps>;
+export default DraggableHandle;

package/lib/rc-split-view/DraggableHandle.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importDefault(require("react"));
+var DraggableHandle = function DraggableHandle(props) {
+  var className = props.className,
+    _onClick = props.onClick,
+    _onDoubleClick = props.onDoubleClick,
+    _onMouseDown = props.onMouseDown,
+    _onTouchEnd = props.onTouchEnd,
+    _onTouchStart = props.onTouchStart,
+    children = props.children;
+  return react_1["default"].createElement("div", {
+    className: className,
+    onMouseDown: function onMouseDown(event) {
+      return _onMouseDown(event);
+    },
+    onTouchStart: function onTouchStart(event) {
+      event.preventDefault();
+      _onTouchStart(event);
+    },
+    onTouchEnd: function onTouchEnd(event) {
+      event.preventDefault();
+      _onTouchEnd(event);
+    },
+    onClick: function onClick(event) {
+      if (_onClick) {
+        event.preventDefault();
+        _onClick(event);
+      }
+    },
+    onDoubleClick: function onDoubleClick(event) {
+      if (_onDoubleClick) {
+        event.preventDefault();
+        _onDoubleClick(event);
+      }
+    }
+  }, children);
+};
+exports["default"] = DraggableHandle;

package/lib/rc-split-view/View.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ViewProps {
+    /** 子元素 */
+    children: React.ReactNode;
+    /** 样式 */
+    className?: string;
+    /** 拆分方式 */
+    split: 'vertical' | 'horizontal';
+    /** 大小 */
+    size?: string | number;
+}
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLDivElement>>;
+export default View;

package/lib/rc-split-view/View.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importDefault(require("react"));
+var isUndefined_1 = __importDefault(require("lodash/isUndefined"));
+var View = react_1["default"].forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    split = props.split,
+    size = props.size;
+  var viewStyle = {
+    flex: 1,
+    position: 'relative',
+    outline: 'none'
+  };
+  if (!(0, isUndefined_1["default"])(size)) {
+    if (split === 'vertical') {
+      viewStyle.width = size;
+    } else {
+      viewStyle.height = size;
+      viewStyle.display = 'flex';
+    }
+    viewStyle.flex = 'none';
+  }
+  return react_1["default"].createElement("div", {
+    ref: ref,
+    className: className,
+    style: viewStyle
+  }, children);
+});
+exports["default"] = View;

package/lib/rc-split-view/demo/index.modules.less

@@ -0,0 +1,9 @@
+.handle {
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  width: 4px;
+  height: 40px;
+  background-color: red;
+  transform: translateY(-50%);
+}

package/lib/rc-split-view/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import View from './View';
+export { View };
+export interface RcSplitViewProps {
+    /** 是否允许拖动 */
+    draggable?: boolean;
+    /** children */
+    children: React.ReactNode;
+    /** 自定义组件类名 */
+    className?: string;
+    /** 拖拽条单击回调 */
+    onResizerClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** 拖拽条双击回调 */
+    onResizerDoubleClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** 面板样式 */
+    viewClassName?: string;
+    /** 第一个面板样式 */
+    firstViewClassName?: string;
+    /** 第二个面板样式 */
+    secondViewClassName?: string;
+    /** 分隔条样式 */
+    handleClassName?: string;
+    /** 分隔条内容样式 */
+    handleContentClassName?: string;
+    /** 拆分方式 */
+    split?: 'vertical' | 'horizontal';
+    /** 拖拽过程回调 */
+    onChange?: (newSize: number) => void;
+    /** 拖拽开始回调 */
+    onDragStarted?: () => void;
+    /** 拖拽完成回调 */
+    onDragFinished?: (newSize: number) => void;
+    /** 主体窗口 */
+    primary?: 'first' | 'second';
+    /** 拖动固定步进值 */
+    step?: number;
+    /** 最大窗口大小 */
+    maxSize?: number;
+    /** 最小窗口大小 */
+    minSize?: number;
+    /** 窗口大小 */
+    size?: string | number;
+    /** 默认窗口大小 */
+    defaultSize?: string | number;
+    /** 分隔条内容 */
+    handleContent?: React.ReactNode;
+}
+export type StatesTypes = {
+    /** 激活 */
+    active: boolean;
+    /** 位置 */
+    position: number;
+    /** 拖拽尺寸 */
+    draggedSize?: number;
+    /** 实例参数 */
+    instanceProps: {
+        size?: string | number;
+    };
+    /** 第一面板的尺寸 */
+    firstViewSize?: number | string;
+    /** 第二面板的尺寸 */
+    secondViewSize?: number | string;
+};
+declare const RcSplitView: React.FC<RcSplitViewProps>;
+export default RcSplitView;