amis-ui 6.11.0 → 6.12.0-beta.1

package/esm/components/PopUp.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/PullRefresh.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Radios.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Range.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Rating.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/ResultBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/ResultList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/ResultTableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/ResultTreeList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/RichText.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/SearchBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Select.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/SelectMobile.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Selection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Shape.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Signature.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 
@@ -110,6 +110,7 @@ import './InputBoxWithSuggestion.js';
 import './CodeMirror.js';
 import './OverflowTpl.js';
 import './VerificationCode.js';
+import './Slider.js';
 import './Shape.js';
 import 'amis-ui';
 import 'lodash/debounce';
@@ -164,11 +165,19 @@ var Signature = function (props) {
         }
     }, [sign]);
     var confirm = React__default.useCallback(function () {
-        var _a;
+        var _a, _b;
         if (sign) {
-            var base64 = sign.toDataURL();
-            setData(base64);
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, base64);
+            if (fullScreen) {
+                var canvas = sign.getRotateCanvas(-90);
+                var base64 = canvas.toDataURL();
+                setData(base64);
+                (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, base64);
+            }
+            else {
+                var base64 = sign.toDataURL();
+                setData(base64);
+                (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, base64);
+            }
         }
     }, [sign]);
     var resize = React__default.useCallback(function () {

package/esm/components/Slider.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @file Slider 滑动条
+ * @author qhy
+ * @date 2025/01/21
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+interface SliderProps extends ThemeProps {
+    body: React.ReactElement;
+    left?: React.ReactElement;
+    right?: React.ReactElement;
+    bodyWidth?: string;
+    showLeft?: boolean;
+    showRight?: boolean;
+    canSwitch?: boolean;
+    onLeftShow?: () => void;
+    onRightShow?: () => void;
+    onLeftHide?: () => void;
+    onRightHide?: () => void;
+}
+declare function Slider(props: SliderProps): React.JSX.Element;
+declare const _default: {
+    new (props: Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SliderProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Slider>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Slider, {}> & {
+    ComposedComponent: typeof Slider;
+};
+export default _default;

package/esm/components/Slider.js

@@ -0,0 +1,140 @@
+/**
+ * amis-ui v6.12.0-beta.1
+ * Copyright 2018-2025 fex
+ */
+
+import React__default, { useMemo, useCallback } from 'react';
+import { themeable } from 'amis-core';
+import useClickAway from '../hooks/use-click-away.js';
+
+/**
+ * @file Slider 滑动条
+ * @author qhy
+ * @date 2025/01/21
+ */
+function Slider(props) {
+    var cx = props.classnames, mobileUI = props.mobileUI, bodyWidth = props.bodyWidth, showLeft = props.showLeft, showRight = props.showRight, _a = props.canSwitch, canSwitch = _a === void 0 ? true : _a, onLeftShow = props.onLeftShow, onRightShow = props.onRightShow, onLeftHide = props.onLeftHide, onRightHide = props.onRightHide;
+    var sliderRef = React__default.useRef(null);
+    var leftRef = React__default.useRef(null);
+    var rightRef = React__default.useRef(null);
+    var leftShow = React__default.useRef(false);
+    var rightShow = React__default.useRef(false);
+    var isMouseDown = React__default.useRef(false);
+    var direction = React__default.useRef(null);
+    var startX = React__default.useRef(0);
+    var doc = React__default.useRef(document);
+    var leftRightDefaultWidth = useMemo(function () { return (100 - parseInt(bodyWidth || '60')) / 2; }, [bodyWidth]);
+    function handleStart(e) {
+        var _a;
+        if (mobileUI && canSwitch && !showLeft && !showRight) {
+            isMouseDown.current = true;
+            if ((_a = e.touches) === null || _a === void 0 ? void 0 : _a[0]) {
+                startX.current = e.touches[0].clientX;
+                doc.current.addEventListener('touchend', handleUp);
+            }
+            else {
+                startX.current = e.clientX;
+                doc.current.addEventListener('mouseup', handleUp);
+            }
+        }
+    }
+    function handleMove(e) {
+        var _a, _b, _c, _d, _e;
+        if (!isMouseDown.current) {
+            return;
+        }
+        var currentX = 0;
+        if ((_a = e.changedTouches) === null || _a === void 0 ? void 0 : _a[0]) {
+            currentX = e.changedTouches[0].clientX;
+        }
+        else {
+            currentX = e.clientX;
+        }
+        var currentDirection = currentX < startX.current ? 'left' : 'right';
+        var leftWidth = Number(((_b = leftRef.current) === null || _b === void 0 ? void 0 : _b.style.width.replace('%', '')) || 0);
+        var rightWidth = Number(((_c = rightRef.current) === null || _c === void 0 ? void 0 : _c.style.width.replace('%', '')) || 0);
+        if (currentDirection === 'right') {
+            leftWidth = Math.min(leftWidth + 1, leftRightDefaultWidth);
+            if (rightWidth > 0) {
+                rightWidth = Math.max(rightWidth - 1, 0);
+            }
+        }
+        else {
+            rightWidth = Math.min(rightWidth + 1, leftRightDefaultWidth);
+            if (leftWidth > 0) {
+                leftWidth = Math.max(leftWidth - 1, 0);
+            }
+        }
+        direction.current = currentDirection;
+        (_d = leftRef.current) === null || _d === void 0 ? void 0 : _d.style.setProperty('width', leftWidth + '%');
+        (_e = rightRef.current) === null || _e === void 0 ? void 0 : _e.style.setProperty('width', rightWidth + '%');
+    }
+    function handleUp(e) {
+        var _a;
+        if (!mobileUI || !isMouseDown.current) {
+            return;
+        }
+        isMouseDown.current = false;
+        var currentX = 0;
+        if ((_a = e.changedTouches) === null || _a === void 0 ? void 0 : _a[0]) {
+            currentX = e.changedTouches[0].clientX;
+            doc.current.removeEventListener('touchend', handleUp);
+        }
+        else {
+            currentX = e.clientX;
+            doc.current.removeEventListener('mouseup', handleUp);
+        }
+        var isMove = Math.abs(currentX - startX.current) > 10;
+        var leftWidth = isMove && direction.current === 'right' ? leftRightDefaultWidth : 0;
+        var rightWidth = isMove && direction.current === 'left' ? leftRightDefaultWidth : 0;
+        setWidth(leftWidth, rightWidth);
+    }
+    function setWidth(left, right) {
+        var _a, _b;
+        if (left === 0 && leftShow.current) {
+            leftShow.current = false;
+            onLeftHide && onLeftHide();
+        }
+        if (right === 0 && rightShow.current) {
+            rightShow.current = false;
+            onRightHide && onRightHide();
+        }
+        if (left === leftRightDefaultWidth) {
+            leftShow.current = true;
+            onLeftShow && onLeftShow();
+        }
+        if (right === leftRightDefaultWidth) {
+            rightShow.current = true;
+            onRightShow && onRightShow();
+        }
+        (_a = leftRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('width', left + '%');
+        (_b = rightRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('width', right + '%');
+    }
+    var reset = useCallback(function (e) {
+        if (!sliderRef.current) {
+            return;
+        }
+        if (!sliderRef.current.contains(e.target) &&
+            (leftShow.current || rightShow.current)) {
+            setWidth(0, 0);
+        }
+    }, []);
+    // 点击外部时，重置滑动条
+    useClickAway(sliderRef, reset, doc.current, ['mouseup', 'touchend']);
+    return (React__default.createElement("div", { className: cx('Slider'), ref: sliderRef }, mobileUI ? (React__default.createElement(React__default.Fragment, null,
+        props.left && (React__default.createElement("div", { className: cx('Slider-LeftContainer'), ref: leftRef, style: {
+                width: showLeft ? leftRightDefaultWidth + '%' : '0%'
+            } }, props.left)),
+        React__default.createElement("div", { className: cx('Slider-BodyContainer'), onMouseDown: handleStart, onMouseMove: handleMove, onTouchStart: handleStart, onTouchMove: handleMove }, props.body),
+        props.right && (React__default.createElement("div", { className: cx('Slider-RightContainer'), ref: rightRef, style: {
+                width: showRight ? leftRightDefaultWidth + '%' : '0%'
+            } }, props.right)))) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: cx('Slider-BodyContainer'), style: {
+                width: bodyWidth ? bodyWidth : '60%'
+            } }, props.body),
+        props.left && (React__default.createElement("div", { className: cx('Slider-LeftContainer') }, props.left)),
+        props.right && (React__default.createElement("div", { className: cx('Slider-RightContainer') }, props.right))))));
+}
+var Slider$1 = themeable(Slider);
+
+export { Slider$1 as default };

package/esm/components/SparkLine.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Spinner.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Steps.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Switch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Tab.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Table.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/TableSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/TabsTransfer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/TabsTransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Tag.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 

package/esm/components/Timeline.d.ts

@@ -2,11 +2,18 @@
 import React from 'react';
 import { ThemeProps } from 'amis-core';
 import { TimelineItemProps } from './TimelineItem';
+export declare enum DirectionMode {
+    left = "left",
+    right = "right",
+    top = "top",
+    bottom = "bottom",
+    alternate = "alternate"
+}
 export interface TimelineProps extends ThemeProps {
     items: Array<TimelineItemProps>;
     direction?: 'vertical' | 'horizontal';
     reverse?: boolean;
-    mode?: 'left' | 'right' | 'alternate';
+    mode?: DirectionMode;
     iconClassName?: string;
     timeClassName?: string;
     titleClassName?: string;

package/esm/components/Timeline.js

@@ -1,19 +1,60 @@
 /**
- * amis-ui v6.11.0
+ * amis-ui v6.12.0-beta.1
  * Copyright 2018-2025 fex
  */
 
 import { __assign } from 'tslib';
 import React__default from 'react';
 import { themeable } from 'amis-core';
-import TimelineItem from './TimelineItem.js';
+import TimelineItem, { getAlignByDirection, TimelineTimeComponent, TimelineContentComponent, TimelineLineComponent } from './TimelineItem.js';
 
+var DirectionMode;
+(function (DirectionMode) {
+    DirectionMode["left"] = "left";
+    DirectionMode["right"] = "right";
+    DirectionMode["top"] = "top";
+    DirectionMode["bottom"] = "bottom";
+    DirectionMode["alternate"] = "alternate";
+})(DirectionMode || (DirectionMode = {}));
 function Timeline(props) {
-    var items = props.items, style = props.style, cx = props.classnames, className = props.className, iconClassName = props.iconClassName, timeClassName = props.timeClassName, titleClassName = props.titleClassName, detailClassName = props.detailClassName, _a = props.direction, direction = _a === void 0 ? 'vertical' : _a, _b = props.reverse, reverse = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'right' : _c;
+    var items = props.items, style = props.style, cx = props.classnames, className = props.className, iconClassName = props.iconClassName, timeClassName = props.timeClassName, titleClassName = props.titleClassName, detailClassName = props.detailClassName, _a = props.direction, direction = _a === void 0 ? 'vertical' : _a, _b = props.reverse, reverse = _b === void 0 ? false : _b;
+    var _c = props.mode, mode = _c === void 0 ? DirectionMode.right : _c;
     var timelineDatasource = items === null || items === void 0 ? void 0 : items.slice();
     reverse && (timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.reverse());
-    return (React__default.createElement("div", { className: cx('Timeline', "Timeline-".concat(direction), "Timeline-".concat(mode), className), style: style }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) { return (React__default.createElement(TimelineItem, __assign({}, item, { key: "TimelineItem-".concat(index), iconClassName: item.iconClassName || iconClassName, timeClassName: item.timeClassName || timeClassName, titleClassName: item.titleClassName || titleClassName, detailClassName: item.detailClassName || detailClassName }))); })));
+    // 分成水平和垂直两种模式渲染
+    if (direction === 'horizontal') {
+        if ([DirectionMode.right, DirectionMode.left].includes(mode)) {
+            mode = DirectionMode.top;
+        }
+        // alternate模式下，交替生成时间和内容
+        var isReverseScenario_1 = function (index, isAlternate) {
+            return isAlternate ? index % 2 === 0 : false;
+        };
+        return (React__default.createElement("div", { className: cx('Timeline', "Timeline-".concat(direction), "Timeline-".concat(mode), className), style: style },
+            React__default.createElement("div", { className: cx('Timeline-first-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) {
+                var _a;
+                // 内容区偏移
+                var align = getAlignByDirection(direction, item.align);
+                return (React__default.createElement("div", { className: cx('TimelineItem-content', (_a = {},
+                        _a["TimelineItem-content-align--".concat(align)] = !!align,
+                        _a)) }, isReverseScenario_1(index, mode === DirectionMode.alternate) ||
+                    mode === DirectionMode.top ? (React__default.createElement(TimelineTimeComponent, __assign({ key: "TimelineItem-".concat(index) }, item))) : (React__default.createElement("div", { className: cx('Timeline-inner-content-wrapper') },
+                    React__default.createElement(TimelineContentComponent, __assign({ key: "TimelineItem-".concat(index) }, item))))));
+            })),
+            React__default.createElement("div", { className: cx('Timeline-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) { return (React__default.createElement(TimelineLineComponent, __assign({ key: "TimelineItem-".concat(index) }, item, { direction: direction }))); })),
+            React__default.createElement("div", { className: cx('Timeline-second-line') }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) {
+                var _a;
+                // 内容区偏移
+                var align = getAlignByDirection(direction, item.align);
+                return (React__default.createElement("div", { className: cx('TimelineItem-content', (_a = {},
+                        _a["TimelineItem-content-align--".concat(align)] = !!align,
+                        _a)) }, isReverseScenario_1(index, mode === DirectionMode.alternate) ||
+                    mode === DirectionMode.top ? (React__default.createElement("div", { className: cx('Timeline-inner-content-wrapper') },
+                    React__default.createElement(TimelineContentComponent, __assign({ key: "TimelineItem-".concat(index) }, item)))) : (React__default.createElement(TimelineTimeComponent, __assign({ key: "TimelineItem-".concat(index) }, item)))));
+            }))));
+    }
+    return (React__default.createElement("div", { className: cx('Timeline', "Timeline-".concat(direction), "Timeline-".concat(mode), className), style: style }, timelineDatasource === null || timelineDatasource === void 0 ? void 0 : timelineDatasource.map(function (item, index) { return (React__default.createElement(TimelineItem, __assign({}, item, { key: "TimelineItem-".concat(index), iconClassName: item.iconClassName || iconClassName, timeClassName: item.timeClassName || timeClassName, titleClassName: item.titleClassName || titleClassName, detailClassName: item.detailClassName || detailClassName, direction: direction }))); })));
 }
 var Timeline$1 = themeable(Timeline);
 
-export { Timeline, Timeline$1 as default };
+export { DirectionMode, Timeline, Timeline$1 as default };