@uzum-tech/ui 2.1.3 → 2.2.0

package/es/pagination/src/interface.mjs

@@ -1 +1,68 @@
-export {};
+import { useTheme } from "../../_mixins/index.mjs";
+import { useAdjustedTo } from "../../_utils/index.mjs";
+export const paginationProps = Object.assign(Object.assign({}, useTheme.props), {
+  simple: Boolean,
+  variant: {
+    type: String,
+    default: 'default'
+  },
+  hasPrev: {
+    type: Boolean,
+    default: undefined
+  },
+  hasNext: {
+    type: Boolean,
+    default: undefined
+  },
+  page: Number,
+  defaultPage: {
+    type: Number,
+    default: 1
+  },
+  itemCount: Number,
+  pageCount: Number,
+  defaultPageCount: {
+    type: Number,
+    default: 1
+  },
+  showSizePicker: Boolean,
+  sizePickerLabel: String,
+  pageSize: Number,
+  defaultPageSize: Number,
+  pageSizes: {
+    type: Array,
+    default() {
+      return [10];
+    }
+  },
+  showQuickJumper: Boolean,
+  size: {
+    type: String,
+    default: 'medium'
+  },
+  disabled: Boolean,
+  pageSlot: {
+    type: Number,
+    default: 9
+  },
+  selectProps: Object,
+  prev: Function,
+  next: Function,
+  goto: Function,
+  prefix: Function,
+  suffix: Function,
+  label: Function,
+  displayOrder: {
+    type: Array,
+    default: ['size-picker', 'pages', 'quick-jumper']
+  },
+  to: useAdjustedTo.propTo,
+  'onUpdate:page': [Function, Array],
+  onUpdatePage: [Function, Array],
+  'onUpdate:pageSize': [Function, Array],
+  onUpdatePageSize: [Function, Array],
+  /** @deprecated */
+  onPageSizeChange: [Function, Array],
+  /** @deprecated */
+  onChange: [Function, Array]
+});

package/es/themes/dark.mjs

@@ -46,6 +46,7 @@ import { formDark } from "../form/styles/index.mjs";
 import { gradientTextDark } from "../gradient-text/styles/index.mjs";
 import { headerDark } from "../header/styles/index.mjs";
 import { iconBarDark } from "../icon-bar/styles/index.mjs";
+import { iconPackDark } from "../icon-pack/styles/index.mjs";
 import { iconWrapperDark } from "../icon-wrapper/styles/index.mjs";
 import { iconDark } from "../icon/styles/index.mjs";
 import { imageDark } from "../image/styles/index.mjs";
@@ -203,5 +204,6 @@ export const darkTheme = {
   Crop: cropDark,
   Header: headerDark,
   IconBar: iconBarDark,
+  IconPack: iconPackDark,
   QrCode: qrcodeDark
 };

package/es/themes/light.mjs

@@ -48,6 +48,7 @@ import { formLight } from "../form/styles/index.mjs";
 import { gradientTextLight } from "../gradient-text/styles/index.mjs";
 import { headerLight } from "../header/styles/index.mjs";
 import { iconBarLight } from "../icon-bar/styles/index.mjs";
+import { iconPackLight } from "../icon-pack/styles/index.mjs";
 import { iconWrapperLight } from "../icon-wrapper/styles/index.mjs";
 import { iconLight } from "../icon/styles/index.mjs";
 import { imageLight } from "../image/styles/index.mjs";
@@ -205,5 +206,6 @@ export const lightTheme = {
   Crop: cropLight,
   Header: headerLight,
   IconBar: iconBarLight,
+  IconPack: iconPackLight,
   QrCode: qrcodeLight
 };

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.1.3";
+declare const _default: "2.2.0";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.3';
+export default '2.2.0';

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

@@ -11,6 +11,7 @@ const index_cssr_1 = __importDefault(require("../../../icon/src/styles/index.css
 const styles_1 = require("../../../icon/styles");
 const Icon_1 = __importDefault(require("./Icon"));
 const interface_1 = require("./interface");
+const FALLBACK_ICON = '&#65533';
 const UIconImpl = (0, vue_1.defineComponent)({
     _n_icon__: true,
     name: 'Icon',
@@ -39,6 +40,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,14 +55,23 @@ const UIconImpl = (0, vue_1.defineComponent)({
                 (0, _utils_1.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) {
+                        (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)) {
+                    (0, _utils_1.warn)('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
+                    return null;
+                }
+                return target.renderIcon(name);
             }
-            if (!('renderIcon' in target)) {
-                (0, _utils_1.warn)('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
-                return null;
+            catch (err) {
+                (0, _utils_1.warnOnce)('icon', `icon "${name}" not found in pack "${target.name}", rendering fallback (${err.message})`);
+                return (0, vue_1.h)('span', { innerHTML: FALLBACK_ICON });
             }
-            return target.renderIcon(name);
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,

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/_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/lib/_internal/icons/SearchOutline.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'SearchOutline',
+    render() {
+        return ((0, vue_1.h)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
+            (0, vue_1.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/lib/_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/lib/_internal/icons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RetryIcon = exports.ResizeSmallIcon = exports.RemoveIcon = exports.Refresh = exports.PhotoIcon = exports.PersonOutline = exports.PersonNote = exports.OzbekFlag = exports.MoreIcon = exports.MdTime = exports.LogoutIcon = exports.InfoOutlineIcon = exports.InfoIcon = exports.InactiveIcon = exports.ForwardIcon = exports.FilterIcon = exports.FileHeart = exports.FileIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.EyeOffIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmptyIcon = exports.EditIcon = exports.DragHandleRound = exports.DownloadIcon = exports.DismissCircleIcon = exports.DateIcon = exports.ContentCopy = exports.CloseIcon = exports.ClearSmallIcon = exports.ClearIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownOutline = exports.ChevronDownFilledIcon = exports.ChevronDownIcon = exports.CheckmarkDoneSharp = exports.CheckmarkCircleIcon = exports.CheckmarkIcon = exports.CancelIcon = exports.BurgerMenuIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowHookUpRight = exports.ArrowDownIcon = exports.ArrowBackIcon = exports.AddIcon = void 0;
-exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
+exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchOutlineIcon = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowBack_1 = require("./ArrowBack");
@@ -113,6 +113,8 @@ var RussiaFlag_1 = require("./RussiaFlag");
 Object.defineProperty(exports, "RussiaFlag", { enumerable: true, get: function () { return __importDefault(RussiaFlag_1).default; } });
 var Search_1 = require("./Search");
 Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(Search_1).default; } });
+var SearchOutline_1 = require("./SearchOutline");
+Object.defineProperty(exports, "SearchOutlineIcon", { enumerable: true, get: function () { return __importDefault(SearchOutline_1).default; } });
 var SendFilled_1 = require("./SendFilled");
 Object.defineProperty(exports, "SendFilled", { enumerable: true, get: function () { return __importDefault(SendFilled_1).default; } });
 var SiderUnionBorder_1 = require("./SiderUnionBorder");

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

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

package/lib/_utils/dom/copy-to-clipboard.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyToClipboard = copyToClipboard;
+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/lib/_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/lib/_utils/dom/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDocument = exports.publicDownload = exports.download = void 0;
+exports.isDocument = exports.publicDownload = exports.download = exports.copyToClipboard = void 0;
+var copy_to_clipboard_1 = require("./copy-to-clipboard");
+Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return copy_to_clipboard_1.copyToClipboard; } });
 var download_1 = require("./download");
 Object.defineProperty(exports, "download", { enumerable: true, get: function () { return download_1.download; } });
 Object.defineProperty(exports, "publicDownload", { enumerable: true, get: function () { return download_1.publicDownload; } });