amis-ui 6.2.0 → 6.2.1

package/package.json

@@ -3,7 +3,7 @@
   "main": "lib/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^6.2.0",
-    "amis-formula": "^6.2.0",
+    "amis-core": "^6.2.1",
+    "amis-formula": "^6.2.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",
     "downshift": "6.1.12",
@@ -65,7 +65,6 @@
     "react-intersection-observer": "9.5.2",
     "react-json-view": "1.21.3",
     "react-overlays": "5.1.1",
-    "react-pdf": "^7.7.1",
     "react-textarea-autosize": "8.3.3",
     "react-transition-group": "4.4.2",
     "react-visibility-sensor": "5.1.1",

package/scss/themes/_common.scss

@@ -142,6 +142,5 @@
 @import '../components/debug';
 @import '../components/menu';
 @import '../components/overflow-tpl';
-@import '../components/pdf_viewer';
 
 @import '../components/print';

package/esm/components/PdfViewer.d.ts

@@ -1,48 +0,0 @@
-/**
- * @file PdfViewer.tsx PDF 预览
- *
- * @created: 2024/02/26
- */
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ThemeProps } from 'amis-core';
-export interface PdfViewerProps extends ThemeProps {
-    file?: ArrayBuffer;
-    width?: number;
-    height?: number;
-    background?: string;
-}
-declare const _default: {
-    new (props: Omit<PdfViewerProps, 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<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<React.FC<PdfViewerProps>>;
-} & import("hoist-non-react-statics").NonReactStatics<React.FC<PdfViewerProps>, {}> & {
-    ComposedComponent: React.FC<PdfViewerProps>;
-};
-export default _default;

package/esm/components/PdfViewer.js

@@ -1,87 +0,0 @@
-/**
- * amis-ui v6.2.0
- * Copyright 2018-2024 fex
- */
-
-import { __read } from 'tslib';
-import React__default from 'react';
-import { themeable } from 'amis-core';
-import { pdfjs, Document, Page } from 'react-pdf';
-import { Icon } from './icons.js';
-import Input from './Input.js';
-import Spinner from './Spinner.js';
-import pdfJSWorkerURL from 'pdfjs-dist/build/pdf.worker.min';
-
-/**
- * @file PdfViewer.tsx PDF 预览
- *
- * @created: 2024/02/26
- */
-pdfjs.GlobalWorkerOptions.workerSrc = pdfJSWorkerURL;
-var PdfViewer = function (props) {
-    var cx = props.classnames, className = props.className, _a = props.width, width = _a === void 0 ? 500 : _a;
-    var _b = __read(React__default.useState(props.file), 2), file = _b[0], setFile = _b[1];
-    var _c = __read(React__default.useState(false), 2), loaded = _c[0], setLoaded = _c[1];
-    var _d = __read(React__default.useState(1), 2), page = _d[0], setPage = _d[1];
-    var _e = __read(React__default.useState(1), 2), scale = _e[0], setScale = _e[1];
-    var _f = __read(React__default.useState(1), 2), total = _f[0], setTotal = _f[1];
-    var inputRef = React__default.useRef();
-    React__default.useEffect(function () {
-        if (props.file instanceof ArrayBuffer && props.file.byteLength > 0) {
-            setFile(props.file);
-        }
-        else {
-            setFile(undefined);
-        }
-    }, [props.file]);
-    function handleLoadSuccess(_a) {
-        var numPages = _a.numPages;
-        setLoaded(true);
-        setTotal(numPages);
-    }
-    function handleChangePage(idx) {
-        var newPage = page + idx;
-        if (newPage <= 0 || newPage > total) {
-            return;
-        }
-        setPage(newPage);
-    }
-    function handlePageBlur(event) {
-        var newPage = +event.target.value;
-        if (isNaN(newPage) || newPage <= 0 || newPage > total) {
-            if (inputRef.current) {
-                inputRef.current.value = page + '';
-            }
-            return;
-        }
-        setPage(newPage);
-    }
-    function handleChangeScale(t) {
-        setScale(scale * t);
-    }
-    if (!file) {
-        return null;
-    }
-    function renderLoading() {
-        return (React__default.createElement("div", { className: cx('PdfViewer-Loading'), style: { width: "".concat(width, "px") } },
-            React__default.createElement(Spinner, null)));
-    }
-    function renderTool() {
-        return (React__default.createElement("div", { className: cx('PdfViewer-Tool') },
-            React__default.createElement(Icon, { className: "icon", icon: "prev", onClick: function () { return handleChangePage(-1); } }),
-            React__default.createElement(Input, { className: "page-input", value: page, onBlur: handlePageBlur, ref: inputRef }),
-            React__default.createElement("span", { className: "gap" }, "/"),
-            React__default.createElement("span", null, total),
-            React__default.createElement(Icon, { className: "icon", icon: "next", onClick: function () { return handleChangePage(1); } }),
-            React__default.createElement(Icon, { className: "icon", icon: "zoom-in", onClick: function () { return handleChangeScale(1.2); } }),
-            React__default.createElement(Icon, { className: "icon", icon: "zoom-out", onClick: function () { return handleChangeScale(0.8); } })));
-    }
-    return (React__default.createElement("div", { className: cx(className, 'PdfViewer') },
-        React__default.createElement("div", { className: cx('PdfViewer-Content', { 'is-loaded': loaded }) },
-            React__default.createElement(Document, { file: file, onLoadSuccess: handleLoadSuccess, loading: renderLoading() },
-                React__default.createElement(Page, { className: cx('PdfViewer-Content-Page'), pageNumber: page, width: width, height: props.height, loading: renderLoading(), noData: React__default.createElement("div", null, "No PDF data"), scale: scale, renderTextLayer: false, renderAnnotationLayer: false }))),
-        loaded ? renderTool() : null));
-};
-var PdfViewer$1 = themeable(PdfViewer);
-
-export { PdfViewer$1 as default };

package/lib/components/PdfViewer.d.ts

@@ -1,48 +0,0 @@
-/**
- * @file PdfViewer.tsx PDF 预览
- *
- * @created: 2024/02/26
- */
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ThemeProps } from 'amis-core';
-export interface PdfViewerProps extends ThemeProps {
-    file?: ArrayBuffer;
-    width?: number;
-    height?: number;
-    background?: string;
-}
-declare const _default: {
-    new (props: Omit<PdfViewerProps, 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<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<React.FC<PdfViewerProps>>;
-} & import("hoist-non-react-statics").NonReactStatics<React.FC<PdfViewerProps>, {}> & {
-    ComposedComponent: React.FC<PdfViewerProps>;
-};
-export default _default;

package/lib/components/PdfViewer.js

@@ -1,94 +0,0 @@
-/**
- * amis-ui v6.2.0
- * Copyright 2018-2024 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-var reactPdf = require('react-pdf');
-var icons = require('./icons.js');
-var Input = require('./Input.js');
-var Spinner = require('./Spinner.js');
-var pdfJSWorkerURL = require('pdfjs-dist/build/pdf.worker.min');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var pdfJSWorkerURL__default = /*#__PURE__*/_interopDefaultLegacy(pdfJSWorkerURL);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = pdfJSWorkerURL__default["default"];
-var PdfViewer = function (props) {
-    var cx = props.classnames, className = props.className, _a = props.width, width = _a === void 0 ? 500 : _a;
-    var _b = tslib.__read(React__default["default"].useState(props.file), 2), file = _b[0], setFile = _b[1];
-    var _c = tslib.__read(React__default["default"].useState(false), 2), loaded = _c[0], setLoaded = _c[1];
-    var _d = tslib.__read(React__default["default"].useState(1), 2), page = _d[0], setPage = _d[1];
-    var _e = tslib.__read(React__default["default"].useState(1), 2), scale = _e[0], setScale = _e[1];
-    var _f = tslib.__read(React__default["default"].useState(1), 2), total = _f[0], setTotal = _f[1];
-    var inputRef = React__default["default"].useRef();
-    React__default["default"].useEffect(function () {
-        if (props.file instanceof ArrayBuffer && props.file.byteLength > 0) {
-            setFile(props.file);
-        }
-        else {
-            setFile(undefined);
-        }
-    }, [props.file]);
-    function handleLoadSuccess(_a) {
-        var numPages = _a.numPages;
-        setLoaded(true);
-        setTotal(numPages);
-    }
-    function handleChangePage(idx) {
-        var newPage = page + idx;
-        if (newPage <= 0 || newPage > total) {
-            return;
-        }
-        setPage(newPage);
-    }
-    function handlePageBlur(event) {
-        var newPage = +event.target.value;
-        if (isNaN(newPage) || newPage <= 0 || newPage > total) {
-            if (inputRef.current) {
-                inputRef.current.value = page + '';
-            }
-            return;
-        }
-        setPage(newPage);
-    }
-    function handleChangeScale(t) {
-        setScale(scale * t);
-    }
-    if (!file) {
-        return null;
-    }
-    function renderLoading() {
-        return (_J$X_("div", { className: cx('PdfViewer-Loading'), style: { width: "".concat(width, "px") } },
-            _J$X_(Spinner["default"], null)));
-    }
-    function renderTool() {
-        return (_J$X_("div", { className: cx('PdfViewer-Tool') },
-            _J$X_(icons.Icon, { className: "icon", icon: "prev", onClick: function () { return handleChangePage(-1); } }),
-            _J$X_(Input["default"], { className: "page-input", value: page, onBlur: handlePageBlur, ref: inputRef }),
-            _J$X_("span", { className: "gap" }, "/"),
-            _J$X_("span", null, total),
-            _J$X_(icons.Icon, { className: "icon", icon: "next", onClick: function () { return handleChangePage(1); } }),
-            _J$X_(icons.Icon, { className: "icon", icon: "zoom-in", onClick: function () { return handleChangeScale(1.2); } }),
-            _J$X_(icons.Icon, { className: "icon", icon: "zoom-out", onClick: function () { return handleChangeScale(0.8); } })));
-    }
-    return (_J$X_("div", { className: cx(className, 'PdfViewer') },
-        _J$X_("div", { className: cx('PdfViewer-Content', { 'is-loaded': loaded }) },
-            _J$X_(reactPdf.Document, { file: file, onLoadSuccess: handleLoadSuccess, loading: renderLoading() },
-                _J$X_(reactPdf.Page, { className: cx('PdfViewer-Content-Page'), pageNumber: page, width: width, height: props.height, loading: renderLoading(), noData: _J$X_("div", null, "No PDF data"), scale: scale, renderTextLayer: false, renderAnnotationLayer: false }))),
-        loaded ? renderTool() : null));
-};
-var PdfViewer$1 = amisCore.themeable(PdfViewer);
-
-exports["default"] = PdfViewer$1;

package/scss/components/_pdf_viewer.scss

@@ -1,45 +0,0 @@
-.#{$ns}PdfViewer {
-  position: relative;
-  height: 100%;
-  min-height: 500px;
-  display: flex;
-  justify-content: center;
-  padding: 50px 0;
-  &-Content {
-    width: max-content;
-    max-width: 100%;
-    &.is-loaded {
-      box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
-    }
-  }
-
-  &-Loading {
-    text-align: center;
-  }
-
-  &-Tool {
-    position: absolute;
-    z-index: 10;
-    padding: 5px 15px;
-    bottom: 60px;
-    background-color: #444444;
-    border-radius: 10px;
-    color: #fff;
-    text-align: center;
-    user-select: none;
-    .gap {
-      margin: 0 4px;
-    }
-    .icon {
-      cursor: pointer;
-      width: 20px;
-      margin: 0 10px;
-      &:hover {
-        color: var(--colors-brand-5);
-      }
-    }
-    .page-input {
-      width: 40px;
-    }
-  }
-}