amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

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.7",
+  "version": "6.13.0-beta.8",
   "description": "",
   "scripts": {
     "build": "npm run clean-dist && cross-env NODE_ENV=production rollup -c ",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@rc-component/mini-decimal": "^1.0.1",
-    "amis-core": "^6.13.0-beta.7",
-    "amis-formula": "^6.13.0-beta.7",
+    "amis-core": "^6.13.0-beta.8",
+    "amis-formula": "^6.13.0-beta.8",
     "animate.css": "4.1.1",
     "classnames": "2.3.2",
     "codemirror": "^5.63.0",

package/scss/components/form/_excel.scss

@@ -1,6 +1,8 @@
 // Excel 上传的配置，基于 https://react-dropzone.js.org/
 
 .#{$ns}ExcelControl {
+  position: relative;
+
   &-container {
     display: flex;
     flex-direction: column;
@@ -32,13 +34,117 @@
     color: var(--colors-neutral-text-6);
     outline: none;
     transition: border 0.24s ease-in-out;
+    cursor: pointer;
+
+    &.is-disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    &.is-active {
+      border-color: var(--primary);
+      background-color: var(--colors-neutral-fill-8);
+    }
+
+    &:focus {
+      border-color: var(--primary);
+    }
+  }
+
+  &-acceptTip {
+    text-align: center;
+
+    .icon {
+      font-size: px2rem(30px);
+      margin-bottom: var(--gap-xs);
+    }
+  }
+
+  &-uploadHint {
+    color: var(--primary);
+    margin-left: var(--gap-xs);
+    cursor: pointer;
+    transition: opacity 0.2s ease;
+
+    &:hover {
+      opacity: 0.8;
+    }
   }
 
-  &-dropzone:focus {
-    border-color: var(--primary);
+  &-selectBtn {
+    .icon {
+      margin-right: var(--gap-xs);
+    }
+
+    &.is-disabled {
+      pointer-events: none;
+    }
   }
 
-  &-dropzone.disabled {
-    opacity: 0.6;
+  &-list {
+    list-style: none;
+    padding: 0;
+    margin: var(--gap-md) 0 0;
+
+    > li {
+      margin-bottom: var(--gap-sm);
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &-itemInfo {
+    display: flex;
+    align-items: center;
+    padding: var(--gap-xs) var(--gap-sm);
+    background: var(--colors-neutral-fill-8);
+    border: var(--borders-base);
+    border-radius: var(--borders-radius-md);
+
+    &.is-invalid {
+      border-color: var(--danger);
+      background: var(--colors-danger-bg);
+    }
+  }
+
+  &-itemInfoIcon {
+    margin-right: var(--gap-sm);
+
+    .icon {
+      color: var(--colors-neutral-text-2);
+    }
+  }
+
+  &-itemInfoText {
+    flex: 1;
+    min-width: 0;
+    margin-right: var(--gap-sm);
+    color: var(--colors-neutral-text-2);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-clear {
+    opacity: 0.3;
+    transition: opacity var(--animation-duration);
+    cursor: pointer;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    .icon {
+      color: var(--colors-neutral-text-2);
+    }
+  }
+
+  &-progressInfo {
+    margin-top: var(--gap-xs);
+    padding: 0 var(--gap-sm);
+    color: var(--colors-neutral-text-6);
+    font-size: var(--fonts-size-sm);
   }
 }

package/esm/components/404.d.ts

@@ -1,53 +0,0 @@
-/**
- * @file 404
- * @author fex
- */
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ClassNamesFn } from 'amis-core';
-interface NotFoundProps {
-    code?: string | number;
-    description?: string;
-    links?: React.ReactNode;
-    footerText?: React.ReactNode;
-    classPrefix: string;
-    classnames: ClassNamesFn;
-    children?: React.ReactElement;
-}
-export declare class NotFound extends React.Component<NotFoundProps, any> {
-    render(): React.JSX.Element;
-}
-declare const _default: {
-    new (props: Omit<NotFoundProps, keyof import("amis-core").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<NotFoundProps, keyof import("amis-core").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<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").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<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<NotFoundProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof NotFound>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof NotFound, {}> & {
-    ComposedComponent: typeof NotFound;
-};
-export default _default;

package/esm/components/404.js

@@ -1,35 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends } from 'tslib';
-import React__default from 'react';
-import { themeable } from 'amis-core';
-
-/**
- * @file 404
- * @author fex
- */
-var NotFound = /** @class */ (function (_super) {
-    __extends(NotFound, _super);
-    function NotFound() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NotFound.prototype.render = function () {
-        var _a = this.props, links = _a.links, footerText = _a.footerText, description = _a.description, children = _a.children, code = _a.code;
-        return (React__default.createElement("div", { className: "container w-xxl w-auto-xs m-auto" },
-            React__default.createElement("div", { className: "text-center m-b-lg" },
-                React__default.createElement("h1", { className: "text-shadow text-white" }, code || '404'),
-                description ? (React__default.createElement("div", { className: "text-danger" }, description)) : null),
-            children,
-            links ? (React__default.createElement("div", { className: "list-group bg-info auto m-b-sm m-b-lg" }, links)) : null,
-            footerText ? (React__default.createElement("div", { className: "text-center" },
-                React__default.createElement("p", null,
-                    React__default.createElement("small", { className: "text-muted" }, footerText)))) : null));
-    };
-    return NotFound;
-}(React__default.Component));
-var _404 = themeable(NotFound);
-
-export { NotFound, _404 as default };