amis-ui 6.13.0-beta.8 → 6.13.0

package/lib/themes/default.d.ts

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

package/lib/utils/index.d.ts

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

package/lib/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/lib/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/lib/utils/vectorComputed.js

@@ -0,0 +1,84 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('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 = tslib.__read(_a, 2), startX = _c[0], startY = _c[1];
+    var _d = tslib.__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 = tslib.__read(radiusPoint([v1[0], v1[1]], [v1[2], v1[3]], distance), 2), startX = _a[0], startY = _a[1];
+    var _b = tslib.__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
+    };
+}
+
+exports.computeSideLength = computeSideLength;
+exports.dotProduct = dotProduct;
+exports.radiusPoint = radiusPoint;
+exports.radiusStartEndPoint = radiusStartEndPoint;
+exports.vectorAngle = vectorAngle;
+exports.vectorLength = vectorLength;

package/lib/withRemoteConfig.d.ts

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

package/lib/withRemoteConfig.js

@@ -0,0 +1,14 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var WithRemoteConfig = require('./components/WithRemoteConfig.js');
+
+
+
+exports["default"] = WithRemoteConfig.withRemoteConfig;

package/lib/withStore.d.ts

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

package/lib/withStore.js

@@ -0,0 +1,14 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var WithStore = require('./components/WithStore.js');
+
+
+
+exports["default"] = WithStore.withStore;

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "6.13.0-beta.8",
+  "version": "6.13.0",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && cross-env NODE_ENV=production rollup -c ",
@@ -28,7 +28,11 @@
       "import": "./esm/index.js"
     },
     "./scss/": "./scss/",
-    "./lib/themes/": "./lib/themes/",
+    "./lib/themes/": {
+      "style": "./lib/themes/",
+      "require": "./lib/themes/",
+      "import": "./esm/themes/"
+    },
     "./lib/*": {
       "require": "./lib/*.js",
       "import": "./esm/*.js"
@@ -36,8 +40,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^6.13.0-beta.8",
-    "amis-formula": "^6.13.0-beta.8",
+    "amis-core": "^6.13.0",
+    "amis-formula": "^6.13.0",
     "animate.css": "4.1.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",

package/scss/_components.scss

@@ -1664,7 +1664,7 @@
   --Form-item-color: var(--colors-neutral-text-4);
   --Form-item-fontSize: var(--fonts-size-7);
   --Form-item-fontWeight: var(--fonts-weight-6);
-  --Form-item-lineHeight: var(--fonts-lineHeight-1);
+  --Form-item-lineHeight: var(--fonts-lineHeight-2);
   --Form-item-star-color: var(--colors-error-5);
   --Form-item-star-size: var(--sizes-size-7);
   --Form-description-color: var(--colors-neutral-text-5);
@@ -2874,7 +2874,7 @@
   --select-multiple-paddingLeft: var(--sizes-size-3);
   --select-multiple-paddingRight: var(--sizes-size-3);
   --select-multiple-marginTop: var(--sizes-size-0);
-  --select-multiple-marginBottom: var(--sizes-size-0);
+  --select-multiple-marginBottom: var(--sizes-size-3);
   --select-multiple-marginLeft: var(--sizes-size-0);
   --select-multiple-marginRight: var(--sizes-size-3);
   --select-multiple-color: var(--colors-neutral-text-2);
@@ -2970,17 +2970,14 @@
   --Form-selectValue-borderColor: var(--colors-brand-7);
   --Form-selectValue-color: var(--colors-brand-5);
   --Form-selectValue-fontSize: var(--select-multiple-fontSize);
-  --Form-selectValue-onDisable-bg: #{color.adjust(
-      color.adjust(color.adjust($info, $lightness: 40%), $saturation: 2.5%),
-      $lightness: 5%
-    )};
+  --Form-selectValue-onDisable-bg: var(--colors-neutral-fill-10);
   --Form-selectValue-onHover-bg: #{color.adjust(
       color.adjust(color.adjust($info, $lightness: 40%), $saturation: 2.5%),
       $lightness: -5%
     )};
   --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
   --Form-selectValue-onInvalid-color: var(--danger);
-  --Form-valueLabel-maxWidth: #{px2rem(120px)};
+  --Form-valueLabel-maxWidth: #{px2rem(200px)};
   --Form-select-onFocus-boxShadow: none;
   --ResultBox-tag-height: #{px2rem(22px)};
   --ResultBox-tag-marginBottom: var(--select-multiple-marginBottom);

package/scss/_mixins.scss

@@ -687,6 +687,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    flex-shrink: 0;
 
     &:hover {
       background: var(--Form-selectValue-onHover-bg);

package/scss/_properties.scss

@@ -395,7 +395,7 @@ $Table-strip-bg: transparent;
       ) / 2
   );
   --InputGroup-select-arrowColor: var(--colors-neutral-text-5);
-  --InputGroup-select-bg: var(--colors-neutral-fill-11);
+  --InputGroup-select-bg: var(--colors-neutral-fill-10);
   --InputGroup-select-borderColor: var(--borderColor);
   --InputGroup-select-borderRadius: var(--borders-radius-3);
   --InputGroup-select-borderWidth: var(--borders-width-2);

package/scss/components/_auto-folder.scss

@@ -0,0 +1,40 @@
+.#{$ns}AutoFoldedList {
+  white-space: nowrap !important;
+  flex-wrap: nowrap !important;
+
+  &-more {
+    display: inline-block;
+
+    &:empty {
+      display: none;
+    }
+
+    > span {
+      user-select: none;
+      cursor: pointer;
+      line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(
+            2px
+          )}
+      );
+      display: inline-block;
+      vertical-align: middle;
+      font-size: var(--Form-selectValue-fontSize);
+      font-weight: var(--select-multiple-fontWeight);
+      color: var(--select-multiple-color);
+      background: var(--Form-select-value-bgColor);
+      border: px2rem(1px) solid var(--Form-select-value-borderColor);
+      border-radius: var(--select-multiple-top-left-border-radius)
+        var(--select-multiple-top-right-border-radius)
+        var(--select-multiple-bottom-right-border-radius)
+        var(--select-multiple-bottom-left-border-radius);
+      padding: var(--select-multiple-paddingTop)
+        var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom)
+        var(--select-multiple-paddingLeft);
+
+      &:hover {
+        background-color: var(--Form-selectValue-onHover-bgColor);
+      }
+    }
+  }
+}

package/scss/components/_cascader.scss

@@ -81,7 +81,11 @@
       flex: 1;
       min-width: 0;
       min-height: 0;
-      white-space: nowrap;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      line-clamp: 2;
+      box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       user-select: none;
@@ -91,12 +95,28 @@
       }
     }
 
-    &-arrow {
+    & > .#{$ns}Checkbox {
       flex: 1;
       min-width: 0;
+      display: flex;
+      flex-direction: row;
+      margin: 0;
+      align-items: center;
+      justify-content: flex-start;
+
+      > i + span {
+        flex: 1;
+        min-width: 0;
+      }
+    }
+
+    &-arrow {
+      flex-shrink: 0;
+      min-width: 0;
       min-height: 0;
       text-align: right;
       padding-right: px2rem(6px);
+      width: 20px;
       > svg {
         transform: scale(0.8);
         transition: transform var(--animation-duration);

package/scss/components/_condition-builder.scss

@@ -79,6 +79,7 @@
 
       &-valueWrap {
         padding-right: 0;
+        justify-content: center;
       }
 
       &-arrow {

package/scss/components/_crud.scss

@@ -14,6 +14,38 @@
     gap: var(--gap-xs);
     line-height: 1;
 
+    > .#{$ns}AutoFoldedList-more > span {
+      line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(
+            2px
+          )}
+      );
+      font-size: var(--Pick-base-value-fontSize);
+      color: var(--Pick-base-value-color);
+      font-weight: var(--Pick-base-value-fontWeight);
+      background: var(--Pick-base-value-bgColor);
+      border-width: var(--Pick-base-value-top-border-width)
+        var(--Pick-base-value-right-border-width)
+        var(--Pick-base-value-bottom-border-width)
+        var(--Pick-base-value-left-border-width);
+      border-style: var(--Pick-base-value-top-border-style)
+        var(--Pick-base-value-right-border-style)
+        var(--Pick-base-value-bottom-border-style)
+        var(--Pick-base-value-left-border-style);
+      border-color: var(--Pick-base-value-top-border-color)
+        var(--Pick-base-value-right-border-color)
+        var(--Pick-base-value-bottom-border-color)
+        var(--Pick-base-value-left-border-color);
+      border-radius: var(--Pick-base-top-left-border-radius)
+        var(--Pick-base-top-right-border-radius)
+        var(--Pick-base-bottom-right-border-radius)
+        var(--Pick-base-bottom-left-border-radius);
+
+      &:hover {
+        background: var(--Form-selectValue-onHover-bg);
+      }
+    }
+
     &-overflow {
       &-wrapper {
         display: flex;

package/scss/components/_modal.scss

@@ -64,6 +64,12 @@
       animation-name: modalOut;
     }
   }
+  &-fullScreen {
+    width: 100% !important;
+    height: 100% !important;
+    max-width: 100% !important;
+    margin: auto;
+  }
 
   &-draggable > &-header {
     cursor: move;
@@ -97,6 +103,10 @@
     border-bottom: var(--Modal-body-borderTop);
     border-top-left-radius: var(--Modal-content-borderRadius);
     border-top-right-radius: var(--Modal-content-borderRadius);
+    &-icons {
+      position: absolute;
+      right: 24px;
+    }
   }
 
   &-title {
@@ -138,6 +148,9 @@
       }
     }
   }
+  &-screen {
+    margin-right: #{px2rem(16px)};
+  }
 
   &-content > &-close {
     position: absolute;

package/scss/components/_page.scss

@@ -1,6 +1,5 @@
 .#{$ns}Page {
   width: 100%;
-  height: 100%;
   background: var(--Page-main-bg);
   display: flex;
   flex-direction: row;

package/scss/components/_pagination.scss

@@ -178,7 +178,7 @@
     }
     &-right {
       display: inline-block;
-      width: px2rem(32px);
+      min-width: px2rem(32px);
       height: var(--Pagination-height);
       line-height: var(--Pagination-height);
       border: var(--borderWidth) solid var(--borderColor);
@@ -299,7 +299,6 @@
     .#{$ns}Pagination-simplego {
       &-input {
         min-width: px2rem(32px);
-        width: px2rem(32px);
       }
     }
   }

package/scss/components/_result-box.scss

@@ -1,5 +1,4 @@
 .#{$ns}ResultBox {
-  flex-wrap: nowrap;
   padding: 0 px2rem(12px);
   min-height: var(--Form-input-height);
   align-items: center;
@@ -24,6 +23,13 @@
 
   @include input-input();
   @include input-border();
+
+  flex-wrap: nowrap;
+
+  input {
+    flex-shrink: 0;
+  }
+
   &.is-error {
     border-color: var(--Form-input-onError-borderColor);
     background: var(--Form-input-onError-bg);
@@ -121,6 +127,14 @@
     display: flex;
     align-items: center;
     flex-wrap: wrap;
+    gap: var(--sizes-size-3);
+
+    > .#{$ns}AutoFoldedList {
+      flex-grow: 5;
+      display: flex;
+      align-items: center;
+      gap: var(--sizes-size-3);
+    }
   }
 
   &-actions {
@@ -197,8 +211,6 @@
     padding: var(--select-multiple-paddingTop)
       var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom)
       var(--select-multiple-paddingLeft);
-    margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight)
-      var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
     user-select: none;
     border-radius: var(--select-multiple-top-left-border-radius)
       var(--select-multiple-top-right-border-radius)

package/scss/components/_table.scss

@@ -318,6 +318,8 @@
     &.is-layout-fixed td {
       white-space: normal;
       word-break: break-all;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     &.table-fixed-left .is-sticky-last-left:after {

package/scss/components/form/_combo.scss

@@ -70,6 +70,19 @@
     margin-bottom: var(--Combo-items-marginBottom);
   }
 
+  &-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &:empty {
+      display: none;
+    }
+  }
+
+  // &-pager {
+
+  // }
+
   &-item {
     background: var(--combo-bg-color);
   }

package/scss/components/form/_form.scss

@@ -285,7 +285,20 @@
         margin: 0;
         margin-right: var(--Form--horizontal-label-gap);
         flex-shrink: 0;
-
+        .#{$ns}Form-ellipsis {
+          max-width: 100%;
+          display: inline-block;
+          .fr-view span{
+            max-width: 100%;
+            display: inline-block;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+          .#{$ns}Remark{
+            margin-top: px2rem(-24px);
+          }
+        }
         .#{$ns}Form-star {
           position: absolute;
           left: px2rem(-6px);

package/scss/components/form/_icon-picker.scss

@@ -18,6 +18,7 @@
     white-space: nowrap;
     width: 100%;
     position: relative;
+    display: flex;
 
     > input {
       display: inline-block;

package/scss/components/form/_input-group.scss

@@ -87,6 +87,7 @@
     flex-grow: 1;
     min-width: 0;
     display: inline-flex;
+    margin: 0;
 
     &:not(:first-child) {
       border-top-left-radius: 0;
@@ -101,7 +102,28 @@
     }
   }
 
-  .#{$ns}SelectControl {
+  .#{$ns}MixedInput-input {
+    flex-basis: 0;
+    flex-grow: 1;
+    min-width: 0;
+    display: inline-flex;
+    margin: 0;
+
+    &:not(:first-child) > * {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border-left: none;
+    }
+
+    &:not(:last-child) > * {
+      border-right-width: 0;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  .#{$ns}SelectControl,
+  .#{$ns}MixedInput-select {
     .#{$ns}Select {
       background: var(--InputGroup-select-bg);
       border: var(--InputGroup-select-borderWidth) solid
@@ -116,7 +138,6 @@
     &:first-child .#{$ns}Select {
       border-top-left-radius: var(--InputGroup-select-borderRadius);
       border-bottom-left-radius: var(--InputGroup-select-borderRadius);
-      background-color: var(--colors-neutral-fill-10);
     }
 
     &:last-child .#{$ns}Select {