@uzum-tech/ui 2.1.3 → 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

@@ -454,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() {

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.3";
+declare const _default: "2.1.4";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.3';
+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<{

package/lib/components.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkboxProps = exports.checkboxGroupProps = exports.UChatMessages = exports.UChatListItems = exports.UChat = exports.MessageStatus = exports.ChatMessageType = exports.ChatMarkType = exports.ChatAttachmentStatus = exports.UCascader = exports.cascaderProps = exports.UCarouselItem = exports.UCarousel = exports.carouselProps = exports.UCardList = exports.cardListProps = exports.UCard = exports.cardProps = exports.UCalendar = exports.calendarProps = exports.UButtonGroup = exports.buttonGroupProps = exports.UxButton = exports.UButton = exports.buttonProps = exports.UBreadcrumbItem = exports.UBreadcrumb = exports.breadcrumbProps = exports.breadcrumbItemProps = exports.UBadge = exports.badgeProps = exports.UBackTop = exports.backTopProps = exports.UAvatarGroup = exports.avatarGroupProps = exports.UAvatar = exports.avatarProps = exports.UAutoComplete = exports.autoCompleteProps = exports.UAnchorLink = exports.UAnchor = exports.anchorProps = exports.anchorLinkProps = exports.UAlert = exports.alertProps = exports.UAffix = exports.affixProps = exports.UActionCard = exports.actionCardLight = exports.actionCardDark = void 0;
 exports.UElement = exports.elementProps = exports.UDynamicTags = exports.dynamicTagsProps = exports.UDynamicInput = exports.dynamicInputProps = exports.UDropdown = exports.dropdownProps = exports.UDrawerContent = exports.UDrawer = exports.drawerProps = exports.drawerContentProps = exports.UDivider = exports.dividerProps = exports.createDiscreteApi = exports.UDialog = exports.UDialogProvider = exports.useDialogReactiveList = exports.useDialog = exports.dialogProviderProps = exports.dialogProps = exports.UDescriptionsItem = exports.UDescriptions = exports.descriptionsProps = exports.descriptionsItemProps = exports.UDatePickerV2 = exports.datePickerV2Light = exports.datePickerV2Dark = exports.UDatePicker = exports.datePickerProps = exports.UDataTable = exports.dataTableProps = exports.UCrop = exports.cropProps = exports.UCountdown = exports.countdownProps = exports.UConfigProvider = exports.configProviderProps = exports.UColorPicker = exports.colorPickerProps = exports.UCollapseTransition = exports.collapseTransitionProps = exports.UCollapseItem = exports.UCollapse = exports.collapseProps = exports.collapseItemProps = exports.UCode = exports.codeProps = exports.UCheckboxGroup = exports.UCheckbox = void 0;
 exports.renderBadge = exports.isNotNull = exports.isLeafMenuOption = exports.isGroupOption = exports.isDividerOption = exports.isColumnOption = exports.headerSearchResultsProps = exports.headerSearchMobileProps = exports.headerSearchDesktopProps = exports.headerProps = exports.headerNavigationProps = exports.headerMobileProps = exports.headerMobileLayoutProps = exports.headerDesktopLayoutProps = exports.headerActionsProps = exports.hasChildren = exports.getMenuItemKey = exports.UGi = exports.UGridItem = exports.UGrid = exports.gridProps = exports.gridItemProps = exports.giProps = exports.UGradientText = exports.gradientTextProps = exports.UGlobalStyle = exports.UFormItemRow = exports.UFormItemGridItem = exports.UFormItemGi = exports.UFormItemCol = exports.UFormItem = exports.UForm = exports.formProps = exports.formItemProps = exports.formItemGridItemProps = exports.formItemGiProps = exports.UFloatButtonGroup = exports.floatButtonGroupProps = exports.UFloatButton = exports.floatButtonProps = exports.UFlex = exports.flexProps = exports.UEquation = exports.equationProps = exports.UEmpty = exports.emptyProps = exports.UPerformantEllipsis = exports.UEllipsis = exports.ellipsisProps = exports.UEl = void 0;
-exports.UKanban = exports.kanbanProps = exports.kanbanLight = exports.kanbanDark = exports.UInputOtp = exports.inputOtpProps = exports.UInputNumber = exports.inputNumberProps = exports.UInputGroupLabel = exports.UInputGroup = exports.UInput = exports.inputProps = exports.inputGroupProps = exports.inputGroupLabelProps = exports.UInfiniteScroll = exports.infiniteScrollProps = exports.UImagePreview = exports.UImageGroup = exports.UImage = exports.imageProps = exports.imagePreviewProps = exports.imageGroupProps = exports.UIconWrapper = exports.iconWrapperProps = exports.UIconBarItem = exports.UIconBar = exports.iconBarProps = exports.iconBarItemProps = exports.UIcon = exports.renderIcon = exports.iconProps = exports.UHighlight = exports.highlightProps = exports.UHeatmap = exports.heatmapProps = exports.heatmapMockData = exports.heatmapLight = exports.heatmapDark = exports.UHeaderSearchResults = exports.UHeaderSearchMobile = exports.UHeaderSearchDesktop = exports.UHeaderNavigation = exports.UHeaderMobileLayout = exports.UHeaderDesktopLayout = exports.UHeaderActions = exports.UHeader = exports.UHeaderMobile = exports.resolveTopLevelMenuKey = exports.resolvePlacement = exports.renderOptionLabel = void 0;
-exports.UNotificationProvider = exports.useNotification = exports.notificationProviderProps = exports.UModalFullscreen = exports.modalFullscreenProps = exports.UModalProvider = exports.UModal = exports.useModalReactiveList = exports.useModal = exports.modalProviderProps = exports.modalProps = exports.UMessageProvider = exports.useMessage = exports.messageProviderProps = exports.UMenu = exports.menuProps = exports.UMention = exports.mentionProps = exports.UMarquee = exports.UMappingCardList = exports.UMappingCard = exports.renderConfig = exports.mappingCardLight = exports.mappingCardDark = exports.ULog = exports.logProps = exports.ULoadingBarProvider = exports.useLoadingBar = exports.loadingBarProviderProps = exports.UListItem = exports.UList = exports.listProps = exports.ULegacyTransfer = exports.legacyTransferProps = exports.URow = exports.UCol = exports.rowProps = exports.colProps = exports.ULayoutSider = exports.ULayoutHeader = exports.ULayoutFooter = exports.ULayoutContent = exports.ULayout = exports.layoutSiderProps = exports.layoutProps = exports.layoutHeaderProps = exports.layoutFooterProps = exports.layoutContentProps = exports.UKanbanColumn = exports.UKanbanCard = void 0;
-exports.USteps = exports.UStep = exports.stepsProps = exports.stepProps = exports.UStatus = exports.statusProps = exports.UStatistic = exports.statisticProps = exports.USplit = exports.splitProps = exports.USpin = exports.spinProps = exports.USpace = exports.spaceProps = exports.USlider = exports.sliderProps = exports.USkeleton = exports.skeletonProps = exports.USelect = exports.selectProps = exports.UScrollbar = exports.scrollbarProps = exports.USafeTopScrollbar = exports.safeTopScrollbarProps = exports.UResult = exports.resultProps = exports.URate = exports.rateProps = exports.URadioGroup = exports.URadioButton = exports.URadio = exports.radioProps = exports.radioGroupProps = exports.radioButtonProps = exports.UQrCode = exports.qrCodeProps = exports.UProgress = exports.progressProps = exports.UPopselect = exports.popselectProps = exports.UPopover = exports.popoverProps = exports.UPopconfirm = exports.popconfirmProps = exports.UPagination = exports.paginationProps = exports.UPageHeader = exports.pageHeaderProps = exports.UNumberAnimation = exports.numberAnimationProps = void 0;
-exports.olProps = exports.NP = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.blockquoteProps = exports.aProps = exports.UTreeSelect = exports.treeSelectProps = exports.UTree = exports.treeProps = exports.treeGetClickTarget = exports.UTransfer = exports.transferProps = exports.UTooltip = exports.tooltipProps = exports.UToggleButton = exports.toggleButtonProps = exports.UTimelineItem = exports.UTimeline = exports.timelineProps = exports.timelineItemProps = exports.UTimePicker = exports.timePickerProps = exports.UTime = exports.timeProps = exports.UThing = exports.thingProps = exports.UTagGroup = exports.UTag = exports.tagProps = exports.UTabs = exports.UTabPane = exports.UTab = exports.tabsProps = exports.tabProps = exports.tabPaneProps = exports.UTr = exports.UThead = exports.UTh = exports.UTd = exports.UTbody = exports.UTable = exports.tableProps = exports.USwitch = exports.switchProps = void 0;
-exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = exports.pProps = void 0;
+exports.kanbanProps = exports.kanbanLight = exports.kanbanDark = exports.UInputOtp = exports.inputOtpProps = exports.UInputNumber = exports.inputNumberProps = exports.UInputGroupLabel = exports.UInputGroup = exports.UInput = exports.inputProps = exports.inputGroupProps = exports.inputGroupLabelProps = exports.UInfiniteScroll = exports.infiniteScrollProps = exports.UImagePreview = exports.UImageGroup = exports.UImage = exports.imageProps = exports.imagePreviewProps = exports.imageGroupProps = exports.UIconWrapper = exports.iconWrapperProps = exports.UIconBarItem = exports.UIconBar = exports.iconBarProps = exports.iconBarItemProps = exports.UIcon = exports.renderIcon = exports.renderAsyncIcon = exports.iconProps = exports.UHighlight = exports.highlightProps = exports.UHeatmap = exports.heatmapProps = exports.heatmapMockData = exports.heatmapLight = exports.heatmapDark = exports.UHeaderSearchResults = exports.UHeaderSearchMobile = exports.UHeaderSearchDesktop = exports.UHeaderNavigation = exports.UHeaderMobileLayout = exports.UHeaderDesktopLayout = exports.UHeaderActions = exports.UHeader = exports.UHeaderMobile = exports.resolveTopLevelMenuKey = exports.resolvePlacement = exports.renderOptionLabel = void 0;
+exports.useNotification = exports.notificationProviderProps = exports.UModalFullscreen = exports.modalFullscreenProps = exports.UModalProvider = exports.UModal = exports.useModalReactiveList = exports.useModal = exports.modalProviderProps = exports.modalProps = exports.UMessageProvider = exports.useMessage = exports.messageProviderProps = exports.UMenu = exports.menuProps = exports.UMention = exports.mentionProps = exports.UMarquee = exports.UMappingCardList = exports.UMappingCard = exports.renderConfig = exports.mappingCardLight = exports.mappingCardDark = exports.ULog = exports.logProps = exports.ULoadingBarProvider = exports.useLoadingBar = exports.loadingBarProviderProps = exports.UListItem = exports.UList = exports.listProps = exports.ULegacyTransfer = exports.legacyTransferProps = exports.URow = exports.UCol = exports.rowProps = exports.colProps = exports.ULayoutSider = exports.ULayoutHeader = exports.ULayoutFooter = exports.ULayoutContent = exports.ULayout = exports.layoutSiderProps = exports.layoutProps = exports.layoutHeaderProps = exports.layoutFooterProps = exports.layoutContentProps = exports.UKanbanColumn = exports.UKanbanCard = exports.UKanban = void 0;
+exports.UStep = exports.stepsProps = exports.stepProps = exports.UStatus = exports.statusProps = exports.UStatistic = exports.statisticProps = exports.USplit = exports.splitProps = exports.USpin = exports.spinProps = exports.USpace = exports.spaceProps = exports.USlider = exports.sliderProps = exports.USkeleton = exports.skeletonProps = exports.USelect = exports.selectProps = exports.UScrollbar = exports.scrollbarProps = exports.USafeTopScrollbar = exports.safeTopScrollbarProps = exports.UResult = exports.resultProps = exports.URate = exports.rateProps = exports.URadioGroup = exports.URadioButton = exports.URadio = exports.radioProps = exports.radioGroupProps = exports.radioButtonProps = exports.UQrCode = exports.qrCodeProps = exports.UProgress = exports.progressProps = exports.UPopselect = exports.popselectProps = exports.UPopover = exports.popoverProps = exports.UPopconfirm = exports.popconfirmProps = exports.UPagination = exports.paginationProps = exports.UPageHeader = exports.pageHeaderProps = exports.UNumberAnimation = exports.numberAnimationProps = exports.UNotificationProvider = void 0;
+exports.NP = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.blockquoteProps = exports.aProps = exports.UTreeSelect = exports.treeSelectProps = exports.UTree = exports.treeProps = exports.treeGetClickTarget = exports.UTransfer = exports.transferProps = exports.UTooltip = exports.tooltipProps = exports.UToggleButton = exports.toggleButtonProps = exports.UTimelineItem = exports.UTimeline = exports.timelineProps = exports.timelineItemProps = exports.UTimePicker = exports.timePickerProps = exports.UTime = exports.timeProps = exports.UThing = exports.thingProps = exports.UTagGroup = exports.UTag = exports.tagProps = exports.UTabs = exports.UTabPane = exports.UTab = exports.tabsProps = exports.tabProps = exports.tabPaneProps = exports.UTr = exports.UThead = exports.UTh = exports.UTd = exports.UTbody = exports.UTable = exports.tableProps = exports.USwitch = exports.switchProps = exports.USteps = void 0;
+exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = exports.pProps = exports.olProps = void 0;
 const wrap_component_1 = require("./_utils/wrap-component");
 const action_card_1 = require("./action-card");
 const affix_1 = require("./affix");
@@ -342,6 +342,7 @@ Object.defineProperty(exports, "highlightProps", { enumerable: true, get: functi
 exports.UHighlight = (0, wrap_component_1.wrap)(highlight_1.UHighlight);
 var icon_2 = require("./icon");
 Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return icon_2.iconProps; } });
+Object.defineProperty(exports, "renderAsyncIcon", { enumerable: true, get: function () { return icon_2.renderAsyncIcon; } });
 Object.defineProperty(exports, "renderIcon", { enumerable: true, get: function () { return icon_2.renderIcon; } });
 exports.UIcon = (0, wrap_component_1.wrap)(icon_1.UIcon);
 var icon_bar_2 = require("./icon-bar");

package/lib/date-picker/src/DatePicker.js

@@ -374,15 +374,16 @@ exports.default = (0, vue_1.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() {