@uzum-tech/ui 2.1.3 → 2.2.0

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,10 +1,11 @@
 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";
 import { iconProps } from "./interface.mjs";
+const FALLBACK_ICON = '&#65533';
 const UIconImpl = defineComponent({
   _n_icon__: true,
   name: 'Icon',
@@ -45,6 +46,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,14 +63,24 @@ const UIconImpl = defineComponent({
         warn('icon', `icon pack "${targetName}" not found`);
         return null;
       }
-      if (config.async) {
-        return target.renderAsyncIcon(name);
+      try {
+        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)) {
+          warn('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
+          return null;
+        }
+        return target.renderIcon(name);
+      } catch (err) {
+        warnOnce('icon', `icon "${name}" not found in pack "${target.name}", rendering fallback (${err.message})`);
+        return h('span', {
+          innerHTML: FALLBACK_ICON
+        });
       }
-      if (!('renderIcon' in target)) {
-        warn('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
-        return null;
-      }
-      return target.renderIcon(name);
     });
     return {
       mergedClsPrefix: mergedClsPrefixRef,

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/_internal/icons/SearchOutline.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/_internal/icons/SearchOutline.mjs

@@ -0,0 +1,18 @@
+import { defineComponent, h } from 'vue';
+export default defineComponent({
+  name: 'SearchOutline',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true
+    }, h("path", {
+      d: "M21 21l-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0z",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }));
+  }
+});

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

@@ -52,6 +52,7 @@ export { default as RotateClockwiseIcon } from './RotateClockwise';
 export { default as RotateCounterclockwiseIcon } from './RotateCounterclockwise';
 export { default as RussiaFlag } from './RussiaFlag';
 export { default as SearchIcon } from './Search';
+export { default as SearchOutlineIcon } from './SearchOutline';
 export { default as SendFilled } from './SendFilled';
 export { default as SiderUnionBorder } from './SiderUnionBorder';
 export { default as SuccessIcon } from './Success';

package/es/_internal/icons/index.mjs

@@ -52,6 +52,7 @@ export { default as RotateClockwiseIcon } from "./RotateClockwise.mjs";
 export { default as RotateCounterclockwiseIcon } from "./RotateCounterclockwise.mjs";
 export { default as RussiaFlag } from "./RussiaFlag.mjs";
 export { default as SearchIcon } from "./Search.mjs";
+export { default as SearchOutlineIcon } from "./SearchOutline.mjs";
 export { default as SendFilled } from "./SendFilled.mjs";
 export { default as SiderUnionBorder } from "./SiderUnionBorder.mjs";
 export { default as SuccessIcon } from "./Success.mjs";

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/_utils/dom/copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(text: string): Promise<void>;

package/es/_utils/dom/copy-to-clipboard.mjs

@@ -0,0 +1,8 @@
+export function copyToClipboard(text) {
+  var _a;
+  const clipboard = (_a = globalThis.navigator) === null || _a === void 0 ? void 0 : _a.clipboard;
+  if (!(clipboard === null || clipboard === void 0 ? void 0 : clipboard.writeText)) {
+    return Promise.reject(new Error('Clipboard API is unavailable'));
+  }
+  return clipboard.writeText(text);
+}

package/es/_utils/dom/index.d.ts

@@ -1,2 +1,3 @@
+export { copyToClipboard } from './copy-to-clipboard';
 export { download, publicDownload } from './download';
 export { isDocument } from './is-document';

package/es/_utils/dom/index.mjs

@@ -1,2 +1,3 @@
+export { copyToClipboard } from "./copy-to-clipboard.mjs";
 export { download, publicDownload } from "./download.mjs";
 export { isDocument } from "./is-document.mjs";