amis-ui 3.1.1 → 3.3.0

package/esm/components/ListMenu.js

@@ -1,10 +1,10 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign } from 'tslib';
-import { themeable, localeable } from 'amis-core';
+import { isMobile, themeable, localeable } from 'amis-core';
 import React__default from 'react';
 
 var ListMenu = /** @class */ (function (_super) {
@@ -14,7 +14,7 @@ var ListMenu = /** @class */ (function (_super) {
     }
     ListMenu.prototype.renderItem = function (result, option, optionIndex) {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, itemRender = _a.itemRender, disabled = _a.disabled, getItemProps = _a.getItemProps, highlightIndex = _a.highlightIndex, selectedOptions = _a.selectedOptions, onSelect = _a.onSelect;
+        var _a = this.props, cx = _a.classnames, itemRender = _a.itemRender, disabled = _a.disabled, getItemProps = _a.getItemProps, highlightIndex = _a.highlightIndex, selectedOptions = _a.selectedOptions; _a.useMobileUI; var onSelect = _a.onSelect;
         if (Array.isArray(option.children) && option.children.length) {
             var stackResult = {
                 items: [],
@@ -38,9 +38,10 @@ var ListMenu = /** @class */ (function (_super) {
     };
     ListMenu.prototype.render = function () {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, options = _a.options, placeholder = _a.placeholder, prefix = _a.prefix, children = _a.children;
+        var _a = this.props, cx = _a.classnames, options = _a.options, placeholder = _a.placeholder, prefix = _a.prefix, children = _a.children, useMobileUI = _a.useMobileUI; _a.selectedOptions;
         var __ = this.props.translate;
-        return (React__default.createElement("div", { className: cx('ListMenu') },
+        var mobileUI = useMobileUI && isMobile();
+        return (React__default.createElement("div", { className: cx('ListMenu', { 'is-mobile': mobileUI }) },
             prefix,
             Array.isArray(options) && options.length ? (options.reduce(function (result, option, index) {
                 return _this.renderItem(result, option, index);

package/esm/components/LocationPicker.d.ts

@@ -19,6 +19,7 @@ export interface LocationProps extends ThemeProps, LocaleProps {
     popoverClassName?: string;
     onChange: (value: any) => void;
     popOverContainer?: any;
+    useMobileUI?: boolean;
 }
 export interface LocationState {
     isFocused: boolean;
@@ -30,6 +31,7 @@ export declare class LocationPicker extends React.Component<LocationProps, Locat
         clearable: boolean;
     };
     domRef: React.RefObject<HTMLDivElement>;
+    tempValue: any;
     state: {
         isFocused: boolean;
         isOpened: boolean;
@@ -45,10 +47,12 @@ export declare class LocationPicker extends React.Component<LocationProps, Locat
     clearValue(e: React.MouseEvent<any>): void;
     handlePopOverClick(e: React.MouseEvent<any>): void;
     handleChange(value: any): void;
+    handleTempChange(value: any): void;
+    handleConfirm(): void;
     render(): React.JSX.Element;
 }
 declare const ThemedCity: {
-    new (props: Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+    new (props: Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
         placeholder?: string | undefined;
         clearable?: boolean | undefined;
     } & {} & {
@@ -60,7 +64,7 @@ declare const ThemedCity: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -68,7 +72,7 @@ declare const ThemedCity: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        readonly props: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -80,7 +84,7 @@ declare const ThemedCity: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -89,14 +93,14 @@ declare const ThemedCity: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -105,28 +109,28 @@ declare const ThemedCity: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -137,7 +141,7 @@ declare const ThemedCity: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -149,7 +153,7 @@ declare const ThemedCity: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -157,7 +161,7 @@ declare const ThemedCity: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -169,7 +173,7 @@ declare const ThemedCity: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -178,14 +182,14 @@ declare const ThemedCity: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -194,28 +198,28 @@ declare const ThemedCity: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -230,7 +234,7 @@ declare const ThemedCity: {
         ComposedComponent: typeof LocationPicker;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+    new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
         placeholder?: string | undefined;
         clearable?: boolean | undefined;
     } & {} & {
@@ -242,7 +246,7 @@ declare const ThemedCity: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -250,7 +254,7 @@ declare const ThemedCity: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -262,7 +266,7 @@ declare const ThemedCity: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -271,14 +275,14 @@ declare const ThemedCity: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -287,28 +291,28 @@ declare const ThemedCity: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -323,7 +327,7 @@ declare const ThemedCity: {
     ComposedComponent: typeof LocationPicker;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+        new (props: Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
             placeholder?: string | undefined;
             clearable?: boolean | undefined;
         } & {} & {
@@ -335,7 +339,7 @@ declare const ThemedCity: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -343,7 +347,7 @@ declare const ThemedCity: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            readonly props: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -355,7 +359,7 @@ declare const ThemedCity: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -364,14 +368,14 @@ declare const ThemedCity: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
@@ -380,28 +384,28 @@ declare const ThemedCity: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "style" | "theme" | "disabled" | "value" | "onChange" | "popoverClassName" | "popOverContainer" | "ak" | "coordinatesType" | "vendor"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LocationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "value" | "disabled" | "onChange" | "useMobileUI" | "popoverClassName" | "popOverContainer" | "vendor" | "coordinatesType" | "ak"> & {
                 placeholder?: string | undefined;
                 clearable?: boolean | undefined;
             } & {} & {

package/esm/components/LocationPicker.js

@@ -1,15 +1,16 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
-import { Overlay, PopOver, autobind, themeable, localeable } from 'amis-core';
+import { isMobile, Overlay, PopOver, autobind, themeable, localeable } from 'amis-core';
 import { Icon } from './icons.js';
 import Alert2 from './Alert2.js';
 import BaiduMapPicker from './BaiduMapPicker.js';
 import GaodeMapPicker from './GaodeMapPicker.js';
+import PopUp from './PopUp.js';
 
 var LocationPicker = /** @class */ (function (_super) {
     __extends(LocationPicker, _super);
@@ -53,6 +54,7 @@ var LocationPicker = /** @class */ (function (_super) {
             this.setState({
                 isOpened: true
             }, fn);
+        this.tempValue = this.props.value;
     };
     LocationPicker.prototype.close = function () {
         this.setState({
@@ -75,23 +77,35 @@ var LocationPicker = /** @class */ (function (_super) {
         }
         this.props.onChange(value);
     };
+    LocationPicker.prototype.handleTempChange = function (value) {
+        if (value) {
+            value = __assign(__assign({}, value), { vendor: this.props.vendor });
+        }
+        this.tempValue = value;
+    };
+    LocationPicker.prototype.handleConfirm = function () {
+        this.props.onChange(this.tempValue);
+        this.close();
+    };
     LocationPicker.prototype.render = function () {
         var _this = this;
         var _a;
-        var _b = this.props, cx = _b.classnames, value = _b.value, className = _b.className, popoverClassName = _b.popoverClassName, disabled = _b.disabled, placeholder = _b.placeholder, clearable = _b.clearable, popOverContainer = _b.popOverContainer, vendor = _b.vendor, coordinatesType = _b.coordinatesType, ak = _b.ak;
+        var _b = this.props, cx = _b.classnames, value = _b.value, className = _b.className, popoverClassName = _b.popoverClassName, disabled = _b.disabled, placeholder = _b.placeholder, clearable = _b.clearable, popOverContainer = _b.popOverContainer, vendor = _b.vendor, coordinatesType = _b.coordinatesType, ak = _b.ak, useMobileUI = _b.useMobileUI;
         var __ = this.props.translate;
         var _c = this.state, isFocused = _c.isFocused, isOpened = _c.isOpened;
-        var picker = (function () {
+        var mobileUI = useMobileUI && isMobile();
+        ((function () {
             switch (vendor) {
                 case 'baidu':
                     return (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType, onChange: _this.handleChange }));
                 case 'gaode':
                     return (React__default.createElement(GaodeMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType, onChange: _this.handleChange }));
                 default:
-                    return (React__default.createElement(Alert2, null, __("".concat(vendor, " \u5730\u56FE\u63A7\u4EF6\u4E0D\u652F\u6301"), { vendor: vendor })));
+                    return React__default.createElement(Alert2, null, __("{{vendor}} \u5730\u56FE\u63A7\u4EF6\u4E0D\u652F\u6301", { vendor: vendor }));
             }
-        })();
+        }))();
         return (React__default.createElement("div", { tabIndex: 0, onKeyPress: this.handleKeyPress, onFocus: this.handleFocus, onBlur: this.handleBlur, className: cx("LocationPicker", {
+                'is-mobile': mobileUI,
                 'is-disabled': disabled,
                 'is-focused': isFocused,
                 'is-active': isOpened
@@ -101,8 +115,9 @@ var LocationPicker = /** @class */ (function (_super) {
                 React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
             React__default.createElement("a", { className: cx('LocationPicker-toggler') },
                 React__default.createElement(Icon, { icon: "location", className: "icon" })),
-            React__default.createElement(Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, show: isOpened },
-                React__default.createElement(PopOver, { className: cx('LocationPicker-popover', popoverClassName), onHide: this.close, overlay: true, onClick: this.handlePopOverClick, style: { width: (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.offsetWidth } }, picker))));
+            mobileUI ? (React__default.createElement(PopUp, { className: cx("LocationPicker-popup"), container: popOverContainer || this.getParent, isShow: isOpened, onHide: this.close, showConfirm: true, onConfirm: this.handleConfirm },
+                React__default.createElement("div", { className: cx('LocationPicker-popup-inner') }, vendor === 'baidu' ? (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType, onChange: this.handleTempChange })) : (React__default.createElement(Alert2, null, __('{{vendor}} 地图控件不支持', { vendor: vendor })))))) : (React__default.createElement(Overlay, { target: this.getTarget, container: popOverContainer || this.getParent, rootClose: false, show: isOpened },
+                React__default.createElement(PopOver, { className: cx('LocationPicker-popover', popoverClassName), onHide: this.close, overlay: true, onClick: this.handlePopOverClick, style: { width: (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.offsetWidth } }, vendor === 'baidu' ? (React__default.createElement(BaiduMapPicker, { ak: ak, value: value, coordinatesType: coordinatesType, onChange: this.handleChange })) : (React__default.createElement(Alert2, null, __('{{vendor}} 地图控件不支持', { vendor: vendor }))))))));
     };
     LocationPicker.defaultProps = {
         placeholder: 'LocationPicker.placeholder',
@@ -174,6 +189,18 @@ var LocationPicker = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], LocationPicker.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], LocationPicker.prototype, "handleTempChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], LocationPicker.prototype, "handleConfirm", null);
     return LocationPicker;
 }(React__default.Component));
 var ThemedCity = themeable(localeable(LocationPicker));

package/esm/components/Markdown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */