amis-rev-ui 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/withRemoteConfig.d.ts

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

package/lib/withStore.d.ts

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

package/package.json

@@ -0,0 +1,158 @@
+{
+  "name": "amis-rev-ui",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "types": "lib/index.d.ts",
+  "version": "6.13.0",
+  "description": "",
+  "author": "fex",
+  "license": "Apache-2.0",
+  "files": [
+    "lib",
+    "esm",
+    "scss"
+  ],
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./esm/index.js"
+    },
+    "./scss/": "./scss/",
+    "./lib/themes/": {
+      "style": "./lib/themes/",
+      "require": "./lib/themes/",
+      "import": "./esm/themes/"
+    },
+    "./lib/*": {
+      "require": "./lib/*.js",
+      "import": "./esm/*.js"
+    }
+  },
+  "dependencies": {
+    "@rc-component/mini-decimal": "^1.0.1",
+    "amis-rev-core": "6.13.0",
+    "amis-rev-formula": "6.13.0",
+    "animate.css": "4.1.1",
+    "classnames": "2.3.2",
+    "codemirror": "^5.63.0",
+    "downshift": "6.1.12",
+    "echarts": "5.5.1",
+    "froala-editor": "3.1.1",
+    "hoist-non-react-statics": "^3.3.2",
+    "jsbarcode": "^3.11.5",
+    "keycode": "^2.2.1",
+    "lodash": "^4.17.15",
+    "markdown-it": "^12.0.6",
+    "markdown-it-html5-media": "^0.7.1",
+    "match-sorter": "^6.3.1",
+    "mobx": "^4.5.0",
+    "mobx-react": "^6.3.1",
+    "mobx-state-tree": "^3.17.3",
+    "moment": "^2.19.4",
+    "monaco-editor": "0.30.1",
+    "prop-types": "^15.6.1",
+    "rc-input-number": "^7.4.0",
+    "rc-menu": "^9.12.2",
+    "rc-progress": "3.4.2",
+    "react-color": "^2.19.3",
+    "react-draggable": "^4.4.5",
+    "react-hook-form": "7.39.0",
+    "react-intersection-observer": "9.5.2",
+    "react-json-view": "1.21.3",
+    "react-overlays": "5.1.1",
+    "react-pdf": "9.0.0",
+    "react-textarea-autosize": "8.3.3",
+    "react-transition-group": "4.4.2",
+    "react-visibility-sensor": "5.1.1",
+    "smooth-signature": "^1.0.15",
+    "sortablejs": "1.15.0",
+    "tinymce": "^6.1.2",
+    "tslib": "^2.3.1",
+    "uncontrollable": "7.2.1",
+    "video-react": "0.15.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-typescript": "^8.3.4",
+    "@svgr/rollup": "^6.2.1",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@types/babel__core": "^7.1.19",
+    "@types/jest": "^28.1.0",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "autoprefixer": "^10.4.12",
+    "cropperjs": "^1.5.13",
+    "cross-env": "^7.0.3",
+    "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
+    "moment-timezone": "^0.5.34",
+    "office-viewer": "0.3.14",
+    "pdfjs-dist": "4.3.136",
+    "postcss-import": "^14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.79.1",
+    "rollup-plugin-auto-external": "^2.0.0",
+    "rollup-plugin-license": "^2.7.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^3.0.0",
+    "sass": "^1.54.9",
+    "ts-jest": "^29.0.2",
+    "ts-node": "^10.4.0",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6",
+    "amis-rev-core": "6.13.0",
+    "amis-rev-formula": "6.13.0"
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "coverageReporters": [
+      "text",
+      "cobertura"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js"
+    ],
+    "transform": {
+      "^.+\\.(t|j)sx?$": "@swc/jest"
+    },
+    "setupFiles": [
+      "jest-canvas-mock"
+    ],
+    "testRegex": "/.*\\.test\\.(ts|tsx|js)$",
+    "moduleNameMapper": {
+      "\\.(css|less|sass|scss)$": "<rootDir>/../../__mocks__/styleMock.js",
+      "\\.(svg)$": "<rootDir>/../../__mocks__/svgMock.js",
+      "\\.svg\\.js$": "<rootDir>/../../__mocks__/svgJsMock.js"
+    },
+    "setupFilesAfterEnv": [
+      "<rootDir>/../amis-rev-core/__tests__/jest.setup.js"
+    ],
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "/.rollup.cache/"
+    ]
+  },
+  "gitHead": "5635342e03e1e5c7d24a5ba8f6170d69c93c7c95",
+  "scripts": {
+    "build": "pnpm clean-dist && cross-env NODE_ENV=production rollup -c ",
+    "build-esm": "pnpm clean-dist && cross-env NODE_ENV=production rollup -c rollup.esm.config.js",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "gen-doc": "ts-node ./scripts/genDoc.ts",
+    "update-snapshot": "jest --updateSnapshot",
+    "coverage": "jest --coverage",
+    "clean-dist": "rimraf lib/** esm/**"
+  }
+}

package/scss/README.md

@@ -0,0 +1,9 @@
+## 开发注意事项
+
+目前 scss 里大量使用了 css 自定义变量，它和之前的 scss 变量明显不同，需要注意一下几点：
+
+- 目前依然有使用 scss 变量，因为有大量颜色计算，这些计算没法在自定义变量中使用，是所以目前是用两者结合的方式，想修改颜色最好的方式还是 scss 变量，但其他都能方便使用自定义变量修改，后续有可能基于 hsl 的方式来使得颜色也动态计算。
+- components 内的组件不要使用 @if、lighten、darken 等函数，这些功能无法支持自定义变量，解决办法是新增变量，放 `_properties.scss` 里，这样也能支持用户自定义。
+- 负数需要使用 `calc(var(--xxx) * -1)`。
+- 在变量中使用 sass 功能需要用 `#{}` 包裹，比如 `--borderColorLight: #{lighten($borderColor, 5%)}`;
+- 在 Chrome 开发工具中点变量会没反应，是因为我们的变量太多了，得先在开发工具里点一下显示全部变量。