amis-ui 6.13.0-beta.8 → 6.13.0

package/esm/themes/cxd.js

@@ -0,0 +1,455 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { makeClassnames, theme } from 'amis-core';
+
+var classPrefix = 'cxd-';
+makeClassnames(classPrefix);
+// yunshe.design 百度云舍
+theme('cxd', {
+    classPrefix: 'cxd-',
+    components: {
+        toast: {
+            closeButton: true
+        }
+    },
+    renderers: {
+        'form': {
+            horizontal: {
+                leftFixed: true
+            }
+        },
+        'pagination': {
+            maxButtons: 9,
+            showPageInput: false
+        },
+        'fieldset': {
+            collapsable: false
+        },
+        'remark': {
+            placement: 'right'
+        },
+        'tabs': {
+            mode: 'line'
+        },
+        'tabs-control': {
+            mode: 'line'
+        },
+        'range-control': {
+            showInput: true,
+            clearable: true
+        },
+        'chart': {
+            chartTheme: {
+                color: [
+                    '#108cee',
+                    '#545fc8',
+                    '#f38900',
+                    '#ea2e2e',
+                    '#8a58bc',
+                    '#04c1ba',
+                    '#fbbe04',
+                    '#5fb333',
+                    '#0a7eb4',
+                    '#304069',
+                    '#c4ccd3'
+                ],
+                backgroundColor: '#ffffff',
+                textStyle: {},
+                title: {
+                    textStyle: {
+                        color: '#333'
+                    },
+                    subtextStyle: {
+                        color: '#999999'
+                    }
+                },
+                line: {
+                    itemStyle: {
+                        borderWidth: 1
+                    },
+                    lineStyle: {
+                        width: 2
+                    },
+                    symbolSize: 4,
+                    symbol: 'emptyCircle',
+                    smooth: false
+                },
+                radar: {
+                    itemStyle: {
+                        borderWidth: 1
+                    },
+                    lineStyle: {
+                        width: 2
+                    },
+                    symbolSize: 4,
+                    symbol: 'emptyCircle',
+                    smooth: false
+                },
+                bar: {
+                    itemStyle: {
+                        barBorderWidth: 0,
+                        barBorderColor: '#ccc'
+                    }
+                },
+                pie: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                scatter: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                boxplot: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                parallel: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                sankey: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                funnel: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                gauge: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    }
+                },
+                candlestick: {
+                    itemStyle: {
+                        color: '#c23531',
+                        color0: '#314656',
+                        borderColor: '#c23531',
+                        borderColor0: '#314656',
+                        borderWidth: 1
+                    }
+                },
+                graph: {
+                    itemStyle: {
+                        borderWidth: 0,
+                        borderColor: '#ccc'
+                    },
+                    lineStyle: {
+                        width: 1,
+                        color: '#aaa'
+                    },
+                    symbolSize: 4,
+                    symbol: 'emptyCircle',
+                    smooth: false,
+                    color: [
+                        '#108cee',
+                        '#545fc8',
+                        '#f38900',
+                        '#ea2e2e',
+                        '#8a58bc',
+                        '#04c1ba',
+                        '#fbbe04',
+                        '#5fb333',
+                        '#0a7eb4',
+                        '#304069',
+                        '#c4ccd3'
+                    ],
+                    label: {
+                        color: '#f5f5f5'
+                    }
+                },
+                map: {
+                    itemStyle: {
+                        normal: {
+                            areaColor: '#eee',
+                            borderColor: '#444',
+                            borderWidth: 0.5
+                        },
+                        emphasis: {
+                            areaColor: 'rgba(255,215,0,0.8)',
+                            borderColor: '#444',
+                            borderWidth: 1
+                        }
+                    },
+                    label: {
+                        normal: {
+                            textStyle: {
+                                color: '#000'
+                            }
+                        },
+                        emphasis: {
+                            textStyle: {
+                                color: 'rgb(100,0,0)'
+                            }
+                        }
+                    }
+                },
+                geo: {
+                    itemStyle: {
+                        normal: {
+                            areaColor: '#eee',
+                            borderColor: '#444',
+                            borderWidth: 0.5
+                        },
+                        emphasis: {
+                            areaColor: 'rgba(255,215,0,0.8)',
+                            borderColor: '#444',
+                            borderWidth: 1
+                        }
+                    },
+                    label: {
+                        normal: {
+                            textStyle: {
+                                color: '#000'
+                            }
+                        },
+                        emphasis: {
+                            textStyle: {
+                                color: 'rgb(100,0,0)'
+                            }
+                        }
+                    }
+                },
+                categoryAxis: {
+                    axisLine: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisTick: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisLabel: {
+                        show: true,
+                        textStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    splitLine: {
+                        show: false,
+                        lineStyle: {
+                            color: ['#ccc']
+                        }
+                    },
+                    splitArea: {
+                        show: false,
+                        areaStyle: {
+                            color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
+                        }
+                    }
+                },
+                valueAxis: {
+                    axisLine: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisTick: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisLabel: {
+                        show: true,
+                        textStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            color: ['#eeeeee']
+                        }
+                    },
+                    splitArea: {
+                        show: false,
+                        areaStyle: {
+                            color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
+                        }
+                    }
+                },
+                logAxis: {
+                    axisLine: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisTick: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisLabel: {
+                        show: true,
+                        textStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            color: ['#eeeeee']
+                        }
+                    },
+                    splitArea: {
+                        show: false,
+                        areaStyle: {
+                            color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
+                        }
+                    }
+                },
+                timeAxis: {
+                    axisLine: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisTick: {
+                        show: true,
+                        lineStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    axisLabel: {
+                        show: true,
+                        textStyle: {
+                            color: '#999999'
+                        }
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            color: ['#eeeeee']
+                        }
+                    },
+                    splitArea: {
+                        show: false,
+                        areaStyle: {
+                            color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)']
+                        }
+                    }
+                },
+                toolbox: {
+                    iconStyle: {
+                        normal: {
+                            borderColor: '#999'
+                        },
+                        emphasis: {
+                            borderColor: '#666'
+                        }
+                    }
+                },
+                legend: {
+                    textStyle: {
+                        color: '#333'
+                    }
+                },
+                tooltip: {
+                    axisPointer: {
+                        lineStyle: {
+                            color: '#ccc',
+                            width: 1
+                        },
+                        crossStyle: {
+                            color: '#ccc',
+                            width: 1
+                        }
+                    }
+                },
+                timeline: {
+                    lineStyle: {
+                        color: '#293c55',
+                        width: 1
+                    },
+                    itemStyle: {
+                        normal: {
+                            color: '#293c55',
+                            borderWidth: 1
+                        },
+                        emphasis: {
+                            color: '#a9334c'
+                        }
+                    },
+                    controlStyle: {
+                        normal: {
+                            color: '#293c55',
+                            borderColor: '#293c55',
+                            borderWidth: 0.5
+                        },
+                        emphasis: {
+                            color: '#293c55',
+                            borderColor: '#293c55',
+                            borderWidth: 0.5
+                        }
+                    },
+                    checkpointStyle: {
+                        color: '#e43c59',
+                        borderColor: 'rgba(194,53,49, 0.5)'
+                    },
+                    label: {
+                        normal: {
+                            textStyle: {
+                                color: '#293c55'
+                            }
+                        },
+                        emphasis: {
+                            textStyle: {
+                                color: '#293c55'
+                            }
+                        }
+                    }
+                },
+                visualMap: {
+                    color: ['#bf444c', '#d88273', '#f6efa6']
+                },
+                dataZoom: {
+                    backgroundColor: 'rgba(47,69,84,0)',
+                    dataBackgroundColor: 'rgba(47,69,84,0.3)',
+                    fillerColor: 'rgba(167,183,204,0.4)',
+                    handleColor: '#a7b7cc',
+                    handleSize: '100%',
+                    textStyle: {
+                        color: '#333'
+                    }
+                },
+                markPoint: {
+                    label: {
+                        color: '#f5f5f5'
+                    },
+                    emphasis: {
+                        label: {
+                            color: '#f5f5f5'
+                        }
+                    }
+                }
+            }
+        }
+    }
+});
+
+export { classPrefix };

package/esm/themes/dark.d.ts

@@ -0,0 +1,3 @@
+import { ClassNamesFn } from 'amis-core';
+export declare const classPrefix: string;
+export declare const classnames: ClassNamesFn;

package/esm/themes/dark.js

@@ -0,0 +1,23 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { makeClassnames, theme } from 'amis-core';
+
+var classPrefix = 'dark-';
+var classnames = makeClassnames(classPrefix);
+theme('dark', {
+    classPrefix: classPrefix,
+    classnames: classnames,
+    renderers: {
+        'json': {
+            jsonTheme: 'eighties'
+        },
+        'editor-control': {
+            editorTheme: 'vs-dark'
+        }
+    }
+});
+
+export { classPrefix, classnames };

package/esm/themes/default.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @file 这个文件只作为兼容，后续没有 default 了，default 就是 cxd
+ */
+export * from './cxd';

package/esm/utils/index.d.ts

@@ -0,0 +1,2 @@
+import SmoothSignature from './smoothSignature';
+export { SmoothSignature };

package/esm/utils/smoothSignature.d.ts

@@ -0,0 +1,86 @@
+interface IOptions {
+    width?: number;
+    height?: number;
+    color?: string;
+    bgColor?: string;
+    scale?: number;
+    openSmooth?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    minSpeed?: number;
+    maxWidthDiffRate?: number;
+    maxHistoryLength?: number;
+    onStart?: (event: any) => void;
+    onEnd?: (event: any) => void;
+}
+interface IPoint {
+    x: number;
+    y: number;
+    t: number;
+    speed?: number;
+    distance?: number;
+    lineWidth?: number;
+}
+interface IRadianData {
+    val: number;
+    pos: -1 | 1;
+}
+declare class SmoothSignature {
+    constructor(canvas: HTMLCanvasElement, options: IOptions);
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    width: number;
+    height: number;
+    scale: number;
+    color: string;
+    bgColor: string;
+    canDraw: boolean;
+    openSmooth: boolean;
+    minWidth: number;
+    maxWidth: number;
+    minSpeed: number;
+    maxWidthDiffRate: number;
+    points: IPoint[];
+    canAddHistory: boolean;
+    historyList: string[];
+    maxHistoryLength: number;
+    onStart: any;
+    onEnd: any;
+    init(canvas: HTMLCanvasElement, options?: IOptions): void;
+    addListener: () => void;
+    removeListener: () => void;
+    onDrawStart: (e: any) => void;
+    onDrawMove: (e: any) => void;
+    onDraw: (prePoint: any, point: any) => void;
+    onDrawEnd: (e: any) => void;
+    getLineWidth: (speed: number) => number;
+    getRadianData: (x1: number, y1: number, x2: number, y2: number) => IRadianData;
+    getRadianPoints: (radianData: IRadianData, x: number, y: number, halfLineWidth: number) => {
+        x: number;
+        y: number;
+    }[];
+    initPoint: (event: any) => void;
+    drawSmoothLine: (prePoint: any, point: any) => void;
+    drawNoSmoothLine: (prePoint: any, point: any) => void;
+    drawCurveLine: (x1: number, y1: number, x2: number, y2: number, x3: number, y3: number, lineWidth: number) => void;
+    drawTrapezoid: (point1: any, point2: any, point3: any, point4: any) => void;
+    drawBgColor: () => void;
+    drawByImageUrl: (url: string) => void;
+    addHistory: () => void;
+    clear: () => void;
+    undo: () => void;
+    toDataURL: (type?: string, quality?: number) => string;
+    getPNG: () => string;
+    getJPG: (quality?: number) => string;
+    isEmpty: () => boolean;
+    getRotateCanvas: (degree?: number) => HTMLCanvasElement;
+    /**
+     * drawImage base64
+     * @date 2024-12-02 星期一
+     * @function
+     * @param {}
+     * @return {}
+     */
+    loadFromBase64(base64: string): void;
+}
+export default SmoothSignature;

package/esm/utils/vectorComputed.d.ts

@@ -0,0 +1,20 @@
+export declare function vectorLength(v: number[]): number;
+export declare function dotProduct(v1: number[], v2: number[]): number;
+export declare function vectorAngle(v1: number[], v2: number[]): number;
+export declare function computeSideLength(side: number, angle: number): number;
+/**
+ * 传入起点、终点和距离，返回直线上距离起点距离为distance
+ *
+ * @param {[number, number]} [startX, startY]
+ * @param {[number, number]} [endX, endY]
+ * @param {number} distance
+ * @returns
+ * @memberof SvgPathGenerator
+ */
+export declare function radiusPoint([startX, startY]: number[], [endX, endY]: number[], distance: number): number[];
+export declare function radiusStartEndPoint(v1: number[], v2: number[], radius: number): {
+    start: number[];
+    end: number[];
+    radius: number;
+    sweepFlag: number;
+};

package/esm/utils/vectorComputed.js

@@ -0,0 +1,75 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __read } from 'tslib';
+
+// 计算向量的模长
+function vectorLength(v) {
+    return Math.sqrt(v.reduce(function (sum, cur) { return sum + Math.pow(cur, 2); }, 0));
+}
+// 计算向量的点积
+function dotProduct(v1, v2) {
+    return v1.reduce(function (sum, cur, index) { return sum + cur * v2[index]; }, 0);
+}
+// 计算向量的夹角
+function vectorAngle(v1, v2) {
+    return Math.acos(dotProduct(v1, v2) / (vectorLength(v1) * vectorLength(v2)));
+}
+// 通过直角边和夹角计算另一直角边长度
+function computeSideLength(side, angle) {
+    return side / Math.tan(angle);
+}
+/**
+ * 传入起点、终点和距离，返回直线上距离起点距离为distance
+ *
+ * @param {[number, number]} [startX, startY]
+ * @param {[number, number]} [endX, endY]
+ * @param {number} distance
+ * @returns
+ * @memberof SvgPathGenerator
+ */
+function radiusPoint(_a, _b, distance) {
+    var _c = __read(_a, 2), startX = _c[0], startY = _c[1];
+    var _d = __read(_b, 2), endX = _d[0], endY = _d[1];
+    // 计算终点与起点的直线距离
+    var dx = endX - startX;
+    var dy = endY - startY;
+    var totalDistance = Math.sqrt(dx * dx + dy * dy);
+    // 如果距离大于总距离的一半，则取一半
+    if (distance > totalDistance / 2) {
+        distance = totalDistance / 2;
+    }
+    // 计算比例
+    var ratio = distance / totalDistance;
+    // 计算新点
+    var x = startX + dx * ratio;
+    var y = startY + dy * ratio;
+    return [x, y];
+}
+// 传入2个向量和圆角半径，返回圆角弧线的起始点坐标
+function radiusStartEndPoint(v1, v2, radius) {
+    // 计算向量夹角
+    var angle = vectorAngle([v1[2] - v1[0], v1[3] - v1[1]], [v2[2] - v1[0], v2[3] - v1[1]]);
+    // 计算3点是顺时针还是逆时针
+    var sweepFlag = (v1[2] - v1[0]) * (v2[3] - v1[1]) - (v1[3] - v1[1]) * (v2[2] - v1[0]) < 0
+        ? 1
+        : 0;
+    // 计算短边一半的长度
+    var maxLength = Math.min(vectorLength([v1[2] - v1[0], v1[3] - v1[1]]) / 2, vectorLength([v2[2] - v1[0], v2[3] - v1[1]]) / 2);
+    // 计算radius的最大值
+    var maxRadius = Math.min(radius, maxLength * Math.tan(angle / 2));
+    // 直角边的长度
+    var distance = computeSideLength(maxRadius, angle / 2);
+    var _a = __read(radiusPoint([v1[0], v1[1]], [v1[2], v1[3]], distance), 2), startX = _a[0], startY = _a[1];
+    var _b = __read(radiusPoint([v2[0], v2[1]], [v2[2], v2[3]], distance), 2), endX = _b[0], endY = _b[1];
+    return {
+        start: [startX, startY],
+        end: [endX, endY],
+        radius: maxRadius,
+        sweepFlag: sweepFlag
+    };
+}
+
+export { computeSideLength, dotProduct, radiusPoint, radiusStartEndPoint, vectorAngle, vectorLength };

package/esm/withRemoteConfig.d.ts

@@ -0,0 +1,2 @@
+import { withRemoteConfig } from './components/WithRemoteConfig';
+export default withRemoteConfig;

package/esm/withRemoteConfig.js

@@ -0,0 +1,7 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { withRemoteConfig } from './components/WithRemoteConfig.js';
+export { withRemoteConfig as default } from './components/WithRemoteConfig.js';

package/esm/withStore.d.ts

@@ -0,0 +1,2 @@
+import withStore from './components/WithStore';
+export default withStore;

package/esm/withStore.js

@@ -0,0 +1,7 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { withStore } from './components/WithStore.js';
+export { withStore as default } from './components/WithStore.js';