@uzum-tech/ui 2.1.2 → 2.1.4

package/es/_internal/icon/index.d.ts

@@ -1,5 +1,5 @@
 export { default as UBaseIcon } from './src/Icon';
 export { iconProps } from './src/interface';
 export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from './src/interface';
-export { renderIcon } from './src/render-icon';
+export { renderAsyncIcon, renderIcon } from './src/render-icon';
 export { UIcon } from './src/UIcon';

package/es/_internal/icon/index.mjs

@@ -1,4 +1,4 @@
 export { default as UBaseIcon } from "./src/Icon.mjs";
 export { iconProps } from "./src/interface.mjs";
-export { renderIcon } from "./src/render-icon.mjs";
+export { renderAsyncIcon, renderIcon } from "./src/render-icon.mjs";
 export { UIcon } from "./src/UIcon.mjs";

package/es/_internal/icon/src/UIcon.d.ts

@@ -7,6 +7,10 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -53,6 +57,10 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -78,6 +86,8 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    readonly async: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const UIcon: typeof UIconImpl & GenericUIcon;
 export {};

package/es/_internal/icon/src/UIcon.mjs

@@ -1,6 +1,6 @@
 import { computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../../_mixins/index.mjs";
-import { formatLength, warn } from "../../../_utils/index.mjs";
+import { formatLength, warn, warnOnce } from "../../../_utils/index.mjs";
 import style from "../../../icon/src/styles/index.cssr.mjs";
 import { iconLight } from "../../../icon/styles/index.mjs";
 import UBaseIcon from "./Icon.mjs";
@@ -45,6 +45,7 @@ const UIconImpl = defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('icon', computed(() => `${props.depth || 'd'}`), cssVarsRef, props) : undefined;
     const resolvedPackedIconRef = computed(() => {
+      var _a;
       const {
         name,
         pack
@@ -61,7 +62,10 @@ const UIconImpl = defineComponent({
         warn('icon', `icon pack "${targetName}" not found`);
         return null;
       }
-      if (config.async) {
+      if ((_a = props.async) !== null && _a !== void 0 ? _a : config.async) {
+        if ('renderIcon' in target) {
+          warnOnce('icon', `pack "${target.name}" is a sync pack rendered in async mode — its icons are already bundled, so async loads them again at runtime. Register the async pack ("${target.name}Async") or drop \`async\`.`);
+        }
         return target.renderAsyncIcon(name);
       }
       if (!('renderIcon' in target)) {

package/es/_internal/icon/src/interface.d.ts

@@ -2,8 +2,6 @@ import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
 import type { Component, PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
 import type { IconPackName } from '../../../config-provider/src/internal-interface';
-export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<number | string>;
@@ -11,6 +9,10 @@ export declare const iconProps: {
     readonly component: PropType<Component>;
     readonly name: PropType<string>;
     readonly pack: PropType<IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: PropType<(e: MouseEvent) => void>;
     readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -37,8 +39,14 @@ export declare const iconProps: {
         opacity5Depth: string;
     }, any>>>;
 };
+export interface IconNameResolver<P extends IconPackName> {
+    name: IconPackRegistry extends Record<P, IconPackBase<infer Name>> ? Name : string;
+}
+export type DepthBase = 1 | 2 | 3 | 4 | 5;
+export type Depth = DepthBase | `${DepthBase}` | undefined;
+export type IconNameOf<P extends IconPackName> = IconNameResolver<P>['name'];
 export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
-type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
+export type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
 export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
     pack?: P;
     name?: IconNameOf<P>;
@@ -47,4 +55,3 @@ export type RenderIconProps<P extends IconPackName = IconPackName> = IconBasePro
     pack?: P;
 };
 export type RenderIconChildren = VNodeChild | (() => VNodeChild);
-export {};

package/es/_internal/icon/src/interface.mjs

@@ -6,5 +6,9 @@ export const iconProps = Object.assign(Object.assign({}, useTheme.props), {
   component: Object,
   name: String,
   pack: String,
+  async: {
+    type: Boolean,
+    default: undefined
+  },
   onClick: Function
 });

package/es/_internal/icon/src/render-icon.d.ts

@@ -2,3 +2,4 @@ import type { VNode } from 'vue';
 import type { IconPackName } from '../../../config-provider/src/internal-interface';
 import type { IconNameOf, RenderIconChildren, RenderIconProps } from './interface';
 export declare function renderIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;
+export declare function renderAsyncIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;

package/es/_internal/icon/src/render-icon.mjs

@@ -7,4 +7,9 @@ export function renderIcon(name, props, children) {
   return h(UIcon, Object.assign(Object.assign({}, props), {
     name
   }), slots);
+}
+export function renderAsyncIcon(name, props, children) {
+  return renderIcon(name, Object.assign(Object.assign({}, props), {
+    async: true
+  }), children);
 }

package/es/_mixins/use-form-item.mjs

@@ -1,5 +1,6 @@
 import { computed, inject, onBeforeUnmount, provide } from 'vue';
 import { createInjectionKey } from "../_utils/index.mjs";
+import { formInjectionKey } from "../form/src/context.mjs";
 export const formItemInjectionKey = createInjectionKey('u-form-item');
 export default function useFormItem(props, {
   defaultSize = 'medium',
@@ -7,6 +8,7 @@ export default function useFormItem(props, {
   mergedDisabled
 } = {}) {
   const UFormItem = inject(formItemInjectionKey, null);
+  const UForm = inject(formInjectionKey, null);
   provide(formItemInjectionKey, null);
   const mergedSizeRef = computed(mergedSize ? () => mergedSize(UFormItem) : () => {
     const {
@@ -33,6 +35,9 @@ export default function useFormItem(props, {
     if (UFormItem) {
       return UFormItem.disabled.value;
     }
+    if (UForm) {
+      return UForm.props.disabled;
+    }
     return false;
   });
   const mergedStatusRef = computed(() => {

package/es/components.d.ts

@@ -65495,7 +65495,7 @@ export declare const UHighlight: import("vue").DefineComponent<import("vue").Ext
     readonly patterns: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './icon';
-export { iconProps, renderIcon } from './icon';
+export { iconProps, renderAsyncIcon, renderIcon } from './icon';
 export declare const UIcon: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;
@@ -65504,6 +65504,10 @@ export declare const UIcon: {
         readonly component: import("vue").PropType<import("vue").Component>;
         readonly name: import("vue").PropType<string>;
         readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly async: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
         readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
             color: string;
@@ -65543,7 +65547,9 @@ export declare const UIcon: {
         }> | undefined;
         themeClass: import("vue").Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        readonly async: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -65557,6 +65563,10 @@ export declare const UIcon: {
         readonly component: import("vue").PropType<import("vue").Component>;
         readonly name: import("vue").PropType<string>;
         readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly async: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
         readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
             color: string;
@@ -65596,7 +65606,9 @@ export declare const UIcon: {
         }> | undefined;
         themeClass: import("vue").Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
-    }, {}, {}, {}, {}>;
+    }, {}, {}, {}, {
+        readonly async: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -65607,6 +65619,10 @@ export declare const UIcon: {
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
         color: string;
@@ -65646,7 +65662,9 @@ export declare const UIcon: {
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("./_internal/icon").GenericUIcon;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    readonly async: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("./_internal/icon").GenericUIcon;
 export type * from './icon-bar';
 export { iconBarItemProps, iconBarProps } from './icon-bar';
 export declare const UIconBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/es/components.mjs

@@ -237,7 +237,7 @@ export { heatmapDark, heatmapLight, heatmapMockData, heatmapProps } from "./heat
 export const UHeatmap = wrap(_UHeatmap);
 export { highlightProps } from "./highlight/index.mjs";
 export const UHighlight = wrap(_UHighlight);
-export { iconProps, renderIcon } from "./icon/index.mjs";
+export { iconProps, renderAsyncIcon, renderIcon } from "./icon/index.mjs";
 export const UIcon = wrap(_UIcon);
 export { iconBarItemProps, iconBarProps } from "./icon-bar/index.mjs";
 export const UIconBar = wrap(_UIconBar);

package/es/date-picker/src/DatePicker.mjs

@@ -220,6 +220,7 @@ export default defineComponent({
         } = props;
         switch (type) {
           case 'date':
+          case 'daterange':
             return localeRef.value.datePlaceholder;
           case 'datetime':
             return localeRef.value.datetimePlaceholder;
@@ -453,15 +454,18 @@ export default defineComponent({
       }
     }
     function handleClear() {
-      var _a;
+      var _a, _b;
+      doUpdateValue(null, {
+        doConfirm: false
+      });
       doUpdateShow(false);
-      (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate();
+      (_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate) === null || _b === void 0 ? void 0 : _b.call(_a);
       doClear();
     }
     function handlePanelClear() {
-      var _a;
+      var _a, _b;
       // close will be called inside panel
-      (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate();
+      (_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.deactivate) === null || _b === void 0 ? void 0 : _b.call(_a);
       doClear();
     }
     function handlePanelTabOut() {
@@ -1015,12 +1019,14 @@ export default defineComponent({
               value: this.displayTime || this.localizedPlacehoder
             });
           }
+          const hasDisplayTime = this.isRange ? this.displayStartTime && this.displayEndTime : this.displayTime;
+          const displayValue = this.isRange ? `${this.displayStartTime} - ${this.displayEndTime}` : this.displayTime;
           if (this.triggerPreset === 'select') {
             return h(UInternalSelection, {
               ref: "inputInstRef",
-              selectedOption: this.displayTime ? {
-                label: this.displayTime,
-                value: this.displayTime
+              selectedOption: hasDisplayTime ? {
+                label: displayValue,
+                value: displayValue
               } : null,
               round: this.round,
               status: this.mergedStatus,
@@ -1045,6 +1051,7 @@ export default defineComponent({
             });
           }
           if (this.triggerPreset === 'button') {
+            const buttonText = hasDisplayTime ? displayValue : this.localizedPlacehoder;
             return h(UButton, {
               round: this.round,
               size: this.mergedSize,
@@ -1052,7 +1059,7 @@ export default defineComponent({
               themeOverrides: this.mergedTheme.peerOverrides.Button,
               onClick: this.handleTriggerClick
             }, {
-              default: () => this.displayTime || this.localizedPlacehoder
+              default: () => buttonText
             });
           }
           return this.isRange ? h(UInput, Object.assign({

package/es/icon/index.d.ts

@@ -1,2 +1,2 @@
-export { iconProps, renderIcon, UIcon } from './src/Icon';
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from './src/Icon';
 export type { IconProps, RenderIconProps } from './src/Icon';

package/es/icon/index.mjs

@@ -1 +1 @@
-export { iconProps, renderIcon, UIcon } from "./src/Icon.mjs";
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from "./src/Icon.mjs";

package/es/icon/src/Icon.d.ts

@@ -1,2 +1,2 @@
-export { iconProps, renderIcon, UIcon } from '../../_internal/icon';
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from '../../_internal/icon';
 export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from '../../_internal/icon';

package/es/icon/src/Icon.mjs

@@ -1 +1 @@
-export { iconProps, renderIcon, UIcon } from "../../_internal/icon/index.mjs";
+export { iconProps, renderAsyncIcon, renderIcon, UIcon } from "../../_internal/icon/index.mjs";

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.1.2";
+declare const _default: "2.1.4";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.2';
+export default '2.1.4';

package/lib/_internal/icon/index.d.ts

@@ -1,5 +1,5 @@
 export { default as UBaseIcon } from './src/Icon';
 export { iconProps } from './src/interface';
 export type { Depth, GenericUIcon, IconNameOf, IconProps, RenderIconProps } from './src/interface';
-export { renderIcon } from './src/render-icon';
+export { renderAsyncIcon, renderIcon } from './src/render-icon';
 export { UIcon } from './src/UIcon';

package/lib/_internal/icon/index.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIcon = exports.renderIcon = exports.iconProps = exports.UBaseIcon = void 0;
+exports.UIcon = exports.renderIcon = exports.renderAsyncIcon = exports.iconProps = exports.UBaseIcon = void 0;
 var Icon_1 = require("./src/Icon");
 Object.defineProperty(exports, "UBaseIcon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
 var interface_1 = require("./src/interface");
 Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return interface_1.iconProps; } });
 var render_icon_1 = require("./src/render-icon");
+Object.defineProperty(exports, "renderAsyncIcon", { enumerable: true, get: function () { return render_icon_1.renderAsyncIcon; } });
 Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return render_icon_1.renderIcon; } });
 var UIcon_1 = require("./src/UIcon");
 Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return UIcon_1.UIcon; } });

package/lib/_internal/icon/src/UIcon.d.ts

@@ -7,6 +7,10 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -53,6 +57,10 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("../../..").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -78,6 +86,8 @@ declare const UIconImpl: import("vue").DefineComponent<import("vue").ExtractProp
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    readonly async: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const UIcon: typeof UIconImpl & GenericUIcon;
 export {};

package/lib/_internal/icon/src/UIcon.js

@@ -39,6 +39,7 @@ const UIconImpl = (0, vue_1.defineComponent)({
             ? (0, _mixins_1.useThemeClass)('icon', (0, vue_1.computed)(() => `${props.depth || 'd'}`), cssVarsRef, props)
             : undefined;
         const resolvedPackedIconRef = (0, vue_1.computed)(() => {
+            var _a;
             const { name, pack } = props;
             if (!name)
                 return null;
@@ -53,7 +54,10 @@ const UIconImpl = (0, vue_1.defineComponent)({
                 (0, _utils_1.warn)('icon', `icon pack "${targetName}" not found`);
                 return null;
             }
-            if (config.async) {
+            if ((_a = props.async) !== null && _a !== void 0 ? _a : config.async) {
+                if ('renderIcon' in target) {
+                    (0, _utils_1.warnOnce)('icon', `pack "${target.name}" is a sync pack rendered in async mode — its icons are already bundled, so async loads them again at runtime. Register the async pack ("${target.name}Async") or drop \`async\`.`);
+                }
                 return target.renderAsyncIcon(name);
             }
             if (!('renderIcon' in target)) {

package/lib/_internal/icon/src/interface.d.ts

@@ -2,8 +2,6 @@ import type { IconPackBase, IconPackRegistry } from '@uzum-tech/icons';
 import type { Component, PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
 import type { IconPackName } from '../../../config-provider/src/internal-interface';
-export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-export type IconNameOf<P extends IconPackName> = IconPackRegistry extends Record<P, infer Pack> ? Pack extends IconPackBase<infer Name> ? Name : string : string;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<number | string>;
@@ -11,6 +9,10 @@ export declare const iconProps: {
     readonly component: PropType<Component>;
     readonly name: PropType<string>;
     readonly pack: PropType<IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: PropType<(e: MouseEvent) => void>;
     readonly theme: PropType<import("../../../_mixins").Theme<"Icon", {
         color: string;
@@ -37,8 +39,14 @@ export declare const iconProps: {
         opacity5Depth: string;
     }, any>>>;
 };
+export interface IconNameResolver<P extends IconPackName> {
+    name: IconPackRegistry extends Record<P, IconPackBase<infer Name>> ? Name : string;
+}
+export type DepthBase = 1 | 2 | 3 | 4 | 5;
+export type Depth = DepthBase | `${DepthBase}` | undefined;
+export type IconNameOf<P extends IconPackName> = IconNameResolver<P>['name'];
 export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
-type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
+export type IconBaseProps = Omit<IconProps, 'name' | 'pack'>;
 export type GenericUIcon = <P extends IconPackName = IconPackName>(props: IconBaseProps & {
     pack?: P;
     name?: IconNameOf<P>;
@@ -47,4 +55,3 @@ export type RenderIconProps<P extends IconPackName = IconPackName> = IconBasePro
     pack?: P;
 };
 export type RenderIconChildren = VNodeChild | (() => VNodeChild);
-export {};

package/lib/_internal/icon/src/interface.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconProps = void 0;
 const _mixins_1 = require("../../../_mixins");
-exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, onClick: Function });
+exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, name: String, pack: String, async: { type: Boolean, default: undefined }, onClick: Function });

package/lib/_internal/icon/src/render-icon.d.ts

@@ -2,3 +2,4 @@ import type { VNode } from 'vue';
 import type { IconPackName } from '../../../config-provider/src/internal-interface';
 import type { IconNameOf, RenderIconChildren, RenderIconProps } from './interface';
 export declare function renderIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;
+export declare function renderAsyncIcon<P extends IconPackName = IconPackName>(name: IconNameOf<P>, props?: RenderIconProps<P> | null, children?: RenderIconChildren): VNode;

package/lib/_internal/icon/src/render-icon.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderIcon = renderIcon;
+exports.renderAsyncIcon = renderAsyncIcon;
 const vue_1 = require("vue");
 const UIcon_1 = require("./UIcon");
 function renderIcon(name, props, children) {
@@ -9,3 +10,6 @@ function renderIcon(name, props, children) {
         : { default: typeof children === 'function' ? children : () => children };
     return (0, vue_1.h)(UIcon_1.UIcon, Object.assign(Object.assign({}, props), { name }), slots);
 }
+function renderAsyncIcon(name, props, children) {
+    return renderIcon(name, Object.assign(Object.assign({}, props), { async: true }), children);
+}

package/lib/_mixins/use-form-item.js

@@ -4,9 +4,11 @@ exports.formItemInjectionKey = void 0;
 exports.default = useFormItem;
 const vue_1 = require("vue");
 const _utils_1 = require("../_utils");
+const context_1 = require("../form/src/context");
 exports.formItemInjectionKey = (0, _utils_1.createInjectionKey)('u-form-item');
 function useFormItem(props, { defaultSize = 'medium', mergedSize, mergedDisabled } = {}) {
     const UFormItem = (0, vue_1.inject)(exports.formItemInjectionKey, null);
+    const UForm = (0, vue_1.inject)(context_1.formInjectionKey, null);
     (0, vue_1.provide)(exports.formItemInjectionKey, null);
     const mergedSizeRef = (0, vue_1.computed)(mergedSize
         ? () => mergedSize(UFormItem)
@@ -32,6 +34,9 @@ function useFormItem(props, { defaultSize = 'medium', mergedSize, mergedDisabled
             if (UFormItem) {
                 return UFormItem.disabled.value;
             }
+            if (UForm) {
+                return UForm.props.disabled;
+            }
             return false;
         });
     const mergedStatusRef = (0, vue_1.computed)(() => {

package/lib/components.d.ts

@@ -65495,7 +65495,7 @@ export declare const UHighlight: import("vue").DefineComponent<import("vue").Ext
     readonly patterns: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type * from './icon';
-export { iconProps, renderIcon } from './icon';
+export { iconProps, renderAsyncIcon, renderIcon } from './icon';
 export declare const UIcon: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly depth: import("vue").PropType<import("./_internal/icon").Depth>;
@@ -65504,6 +65504,10 @@ export declare const UIcon: {
         readonly component: import("vue").PropType<import("vue").Component>;
         readonly name: import("vue").PropType<string>;
         readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly async: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
         readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
             color: string;
@@ -65543,7 +65547,9 @@ export declare const UIcon: {
         }> | undefined;
         themeClass: import("vue").Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        readonly async: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -65557,6 +65563,10 @@ export declare const UIcon: {
         readonly component: import("vue").PropType<import("vue").Component>;
         readonly name: import("vue").PropType<string>;
         readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+        readonly async: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
         readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
         readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
             color: string;
@@ -65596,7 +65606,9 @@ export declare const UIcon: {
         }> | undefined;
         themeClass: import("vue").Ref<string, string> | undefined;
         onRender: (() => void) | undefined;
-    }, {}, {}, {}, {}>;
+    }, {}, {}, {}, {
+        readonly async: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -65607,6 +65619,10 @@ export declare const UIcon: {
     readonly component: import("vue").PropType<import("vue").Component>;
     readonly name: import("vue").PropType<string>;
     readonly pack: import("vue").PropType<import("./config-provider").IconPackName>;
+    readonly async: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly onClick: import("vue").PropType<(e: MouseEvent) => void>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Icon", {
         color: string;
@@ -65646,7 +65662,9 @@ export declare const UIcon: {
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("./_internal/icon").GenericUIcon;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    readonly async: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("./_internal/icon").GenericUIcon;
 export type * from './icon-bar';
 export { iconBarItemProps, iconBarProps } from './icon-bar';
 export declare const UIconBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{