@unicom-cloud/ui 0.8.113 → 0.8.114

package/types/common/hooks/useWindowSize.d.ts

@@ -1,14 +1,14 @@
 /**
  * 获取页面视口宽高大小，并在页面有 resize 时更新大小
  * @desc {en} Get the width and height of the page viewport, and update the size when the page is resized
- * @param needListen 是否开启resize事件监听
- * @param needListen {en} Whether to enable resize event monitoring
- * @returns 页面宽高，{ windowWidth, windowHeight }
+ * @param debounceFlag 是否开启防抖处理
+ * @param resizeCallback 回调函数
+ * @returns 页面宽高，{ width, height }
  * @example
  * ```
  * import { useWindowSize } from './hooks';
  *
- * const { windowHeight, windowWidth } = useWindowSize();
+ * const { width, height } = useWindowSize();
  * ```
  */
 declare function useWindowSize(debounceFlag: boolean | undefined, resizeCallback: any): {

package/types/common/utils/dom.d.ts

@@ -2,7 +2,7 @@ export declare const isServerRendering: boolean;
 export declare const on: (element: EventTarget | null, event: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void;
 export declare const off: (element: EventTarget | null, event: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void;
 export declare const contains: (root: HTMLElement, ele: any) => boolean;
-export declare function isScrollElement(element: any): boolean;
+export declare function isScrollElement(element: HTMLElement): boolean;
 /**
  * 从当前节点向上查找所有的滚动元素
  * @param container 当前节点

package/types/common/utils/lodash.d.ts

@@ -2,6 +2,7 @@ import camelCase from 'lodash/camelCase';
 import capitalize from 'lodash/capitalize';
 import cloneDeep from 'lodash/cloneDeep';
 import debounce from 'lodash/debounce';
+import defaultsDeep from 'lodash/defaultsDeep';
 import get from 'lodash/get';
 import has from 'lodash/has';
 import kebabCase from 'lodash/kebabCase';
@@ -14,4 +15,4 @@ import startCase from 'lodash/startCase';
 import throttle from 'lodash/throttle';
 import uniq from 'lodash/uniq';
 import upperFirst from 'lodash/upperFirst';
-export { camelCase, capitalize, cloneDeep, debounce, get, has, kebabCase, merge, mergeWith, set, setWith, snakeCase, startCase, throttle, uniq, upperFirst, };
+export { camelCase, capitalize, cloneDeep, debounce, defaultsDeep, get, has, kebabCase, merge, mergeWith, set, setWith, snakeCase, startCase, throttle, uniq, upperFirst, };

package/types/common/utils/reactDOM.d.ts

@@ -7,13 +7,22 @@ type RenderResult = {
     render: (element: ReactElement) => void;
     _unmount: () => void;
 };
+type ElementLike = {
+    dom?: Element;
+    current?: Element;
+    props?: {
+        ref?: RefObject<Element> | ((instance: Element | null) => void);
+    };
+    ref?: RefObject<Element> | ((instance: Element | null) => void);
+    getRootDOMNode?: () => Element | null;
+};
 /**
  *
  * @param element
  * @param instance 兜底 findDOMNode 查找，一般都是 this
  * @returns
  */
-export declare function findDOMNode_(element: unknown, instance?: ReactInstance): Element | null;
+export declare function findDOMNode_(element: ElementLike, instance?: ReactInstance): Element | null;
 export declare function callbackOriginRef(children: {
     ref?: RefObject<Element> | ((instance: Element | null) => void);
     props?: {

package/types/common/utils/validate.d.ts

@@ -0,0 +1,2 @@
+export { ArrayValidator, BooleanValidator, CustomValidator, defaultValidateLocale, DefaultValidateMessage, enUSValidateLocale, mergeTemplate, NumberValidator, ObjectValidator, Schema, StringValidator, TypeValidator, default as validate, zhCNValidateLocale, } from '@unicom-cloud/validate';
+export type { CustomValidatorType, GlobalConfig, InnerValidateOptions, RuleType, SchemaRuleType, SchemaType, ValidateMessagesTemplateType, ValidateMessagesType, ValidateOptions, ValidatorError, } from '@unicom-cloud/validate';

package/types/pc/form/interface.d.ts

@@ -1,9 +1,9 @@
 import { Options as ScrollIntoViewOptions } from '@unicom-cloud/scroll-into-view-if-needed';
-import { ValidateMessagesTemplateType } from '@unicom-cloud/validate/types';
 import React, { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import type { ColProps } from '../row-col/interface';
 import { TooltipProps } from '../tooltip/interface';
+import type { ValidateOptions as SchemaOptions, ValidateMessagesTemplateType } from '../utils/validate';
 import Store from './store';
 export type IndexedObject = {
     [key: string]: any;
@@ -139,6 +139,10 @@ export interface FormProps<FormData = any, FieldValue = FormData[keyof FormData]
             label: any;
         }) => any)>>;
     }>;
+    /**
+     * @zh 校验信息配置
+     */
+    schemaOptions?: SchemaOptions;
     /**
      * @zh 数据验证成功后回调事件
      * @en Callback when submit data
@@ -444,6 +448,7 @@ export type FormContextProps<FormData = any, FieldValue = FormData[keyof FormDat
 };
 export type FormItemContextProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = FormContextProps<FormData, FieldValue, FieldKey> & {
     validateMessages?: FormProps['validateMessages'];
+    schemaOptions?: SchemaOptions;
     updateFormItem?: (field: string, params: {
         errors?: FieldError<FieldValue>;
         warnings?: ReactNode[];

package/types/pc/form/promisify.d.ts

@@ -1,2 +1,7 @@
+/**
+ * 将回调风格的函数转换为 Promise 风格
+ * @param fn 需要转换的回调风格函数
+ * @returns 返回 Promise 风格的函数
+ */
 declare function promisify<T = any>(fn: (...args: any[]) => any): () => Promise<T>;
 export default promisify;

package/types/pc/form/store.d.ts

@@ -89,8 +89,8 @@ declare class Store<FormData = unknown, FieldValue = FormData[keyof FormData], F
     setInitialValue: (field: FieldKey, value: FieldValue) => void;
     resetFields: (fieldKeys?: FieldKey | FieldKey[]) => void;
     validate: FormValidateFn<FormData, FieldValue, FieldKey>;
-    private toggleSubmitStatus;
     submit: () => void;
+    private toggleSubmitStatus;
     getFieldsState: (fields?: FieldKey[]) => { [key in FieldKey]?: FieldState<FieldValue>; };
     clearFields: (fieldKeys?: FieldKey | FieldKey[]) => void;
 }

package/types/pc/form/util.d.ts

@@ -9,6 +9,6 @@ export declare const formatValidateMsg: (validateMessages: FormProps["validateMe
 export declare function set<T extends IndexedObject>(target: T, field: PropertyPath, value: any): T;
 export declare function iterativelyGetKeys(_obj: any, _prefix?: string): any;
 export declare function isSyntheticEvent(e: any): boolean;
-export declare function schemaValidate(field: any, value: any, _rules: RulesProps[], validateMessages: any): Promise<unknown>;
+export declare function schemaValidate(field: any, value: any, _rules: RulesProps[], validateMessages: any, schemaOptions: any): Promise<unknown>;
 export declare function isFieldMatch(field: any, fields: any): any;
 export declare const ID_INPUT_SUFFIX = "_input";

package/types/pc/input/autoSizeTextAreaHeight.d.ts

@@ -1,5 +1,7 @@
-declare function autoSizeTextAreaHeight(autoSize?: boolean | {
+import type { CSSProperties } from 'react';
+type AutoSizeType = {
     minRows?: number;
     maxRows?: number;
-}, node?: HTMLTextAreaElement): any;
+};
+declare function autoSizeTextAreaHeight(autoSize?: boolean | AutoSizeType, node?: HTMLTextAreaElement): CSSProperties | undefined;
 export default autoSizeTextAreaHeight;

package/types/pc/qr-code/examples/demo.d.ts

@@ -0,0 +1 @@
+export {};

package/types/pc/qr-code/examples/download.d.ts

@@ -0,0 +1,2 @@
+declare function DownloadDemo(): import("react/jsx-runtime").JSX.Element;
+export { DownloadDemo };

package/types/pc/qr-code/examples/full.d.ts

@@ -0,0 +1,2 @@
+declare function FullDemo(): import("react/jsx-runtime").JSX.Element;
+export { FullDemo };

package/types/pc/qr-code/examples/image.d.ts

@@ -0,0 +1,2 @@
+declare function ImageDemo(): import("react/jsx-runtime").JSX.Element;
+export { ImageDemo };

package/types/pc/qr-code/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { QRCodeProps } from './interface';
+import qrcodegen from './src/qrcodegen';
 declare const QRCode: React.FC<QRCodeProps>;
+export { qrcodegen };
 export default QRCode;

package/types/pc/qr-code/src/index.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @license qrcode.react
+ * Copyright (c) Paul O'Shannessy
+ * SPDX-License-Identifier: ISC
+ */
+import React from 'react';
+import qrcodegen from './qrcodegen';
+type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+type ImageSettings = {
+    /**
+     * The URI of the embedded image.
+     */
+    src: string;
+    /**
+     * The height, in pixels, of the image.
+     */
+    height: number;
+    /**
+     * The width, in pixels, of the image.
+     */
+    width: number;
+    /**
+     * Whether or not to "excavate" the modules around the embedded image. This
+     * means that any modules the embedded image overlaps will use the background
+     * color.
+     */
+    excavate: boolean;
+    /**
+     * The horiztonal offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    x?: number;
+    /**
+     * The vertical offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    y?: number;
+    /**
+     * The opacity of the embedded image in the range of 0-1.
+     * @defaultValue 1
+     */
+    opacity?: number;
+    /**
+     * The cross-origin value to use when loading the image. This is used to
+     * ensure compatibility with CORS, particularly when extracting image data
+     * from QRCodeCanvas.
+     * Note: `undefined` is treated differently than the seemingly equivalent
+     * empty string. This is intended to align with HTML behavior where omitting
+     * the attribute behaves differently than the empty string.
+     */
+    crossOrigin?: CrossOrigin;
+};
+type QRProps = {
+    /**
+     * The value to encode into the QR Code. An array of strings can be passed in
+     * to represent multiple segments to further optimize the QR Code.
+     */
+    value: string | string[];
+    /**
+     * The size, in pixels, to render the QR Code.
+     * @defaultValue 128
+     */
+    size?: number;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * @defaultValue L
+     */
+    level?: ErrorCorrectionLevel;
+    /**
+     * The background color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #FFFFFF
+     */
+    bgColor?: string;
+    /**
+     * The foreground color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #000000
+     */
+    fgColor?: string;
+    /**
+     * The number of _modules_ to use for margin. The QR Code specification
+     * requires `4`, however you can specify any number. Values will be turned to
+     * integers with `Math.floor`.
+     * @defaultValue 0
+     */
+    marginSize?: number;
+    /**
+     * The title to assign to the QR Code. Used for accessibility reasons.
+     */
+    title?: string;
+    /**
+     * The minimum version used when encoding the QR Code. Valid values are 1-40
+     * with higher values resulting in more complex QR Codes. The optimal
+     * (lowest) version is determined for the `value` provided, using `minVersion`
+     * as the lower bound.
+     * @defaultValue 1
+     */
+    minVersion?: number;
+    /**
+     * If enabled, the Error Correction Level of the result may be higher than
+     * the specified Error Correction Level option if it can be done without
+     * increasing the version.
+     * @defaultValue true
+     */
+    boostLevel?: boolean;
+    /**
+     * The settings for the embedded image.
+     */
+    imageSettings?: ImageSettings;
+};
+declare const QRCodeCanvas: React.ForwardRefExoticComponent<QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement> & React.RefAttributes<HTMLCanvasElement>>;
+declare const QRCodeSVG: React.ForwardRefExoticComponent<QRProps & React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export { QRCodeCanvas, qrcodegen, QRCodeSVG };

package/types/pc/qr-code/src/qrcodegen.d.ts

@@ -0,0 +1,95 @@
+declare namespace qrcodegen {
+    type bit = number;
+    type byte = number;
+    type int = number;
+    export class QrCode {
+        readonly version: int;
+        readonly errorCorrectionLevel: QrCode.Ecc;
+        static encodeText(text: string, ecl: QrCode.Ecc): QrCode;
+        static encodeBinary(data: Readonly<Array<byte>>, ecl: QrCode.Ecc): QrCode;
+        static encodeSegments(segs: Readonly<Array<QrSegment>>, ecl: QrCode.Ecc, minVersion?: int, maxVersion?: int, mask?: int, boostEcl?: boolean): QrCode;
+        readonly size: int;
+        readonly mask: int;
+        private readonly modules;
+        private readonly isFunction;
+        constructor(version: int, errorCorrectionLevel: QrCode.Ecc, dataCodewords: Readonly<Array<byte>>, msk: int);
+        getModule(x: int, y: int): boolean;
+        getModules(): boolean[][];
+        private drawFunctionPatterns;
+        private drawFormatBits;
+        private drawVersion;
+        private drawFinderPattern;
+        private drawAlignmentPattern;
+        private setFunctionModule;
+        private addEccAndInterleave;
+        private drawCodewords;
+        private applyMask;
+        private getPenaltyScore;
+        private getAlignmentPatternPositions;
+        private static getNumRawDataModules;
+        private static getNumDataCodewords;
+        private static reedSolomonComputeDivisor;
+        private static reedSolomonComputeRemainder;
+        private static reedSolomonMultiply;
+        private finderPenaltyCountPatterns;
+        private finderPenaltyTerminateAndCount;
+        private finderPenaltyAddHistory;
+        static readonly MIN_VERSION: int;
+        static readonly MAX_VERSION: int;
+        private static readonly PENALTY_N1;
+        private static readonly PENALTY_N2;
+        private static readonly PENALTY_N3;
+        private static readonly PENALTY_N4;
+        private static readonly ECC_CODEWORDS_PER_BLOCK;
+        private static readonly NUM_ERROR_CORRECTION_BLOCKS;
+    }
+    export class QrSegment {
+        readonly mode: QrSegment.Mode;
+        readonly numChars: int;
+        private readonly bitData;
+        static makeBytes(data: Readonly<Array<byte>>): QrSegment;
+        static makeNumeric(digits: string): QrSegment;
+        static makeAlphanumeric(text: string): QrSegment;
+        static makeSegments(text: string): Array<QrSegment>;
+        static makeEci(assignVal: int): QrSegment;
+        static isNumeric(text: string): boolean;
+        static isAlphanumeric(text: string): boolean;
+        constructor(mode: QrSegment.Mode, numChars: int, bitData: Array<bit>);
+        getData(): Array<bit>;
+        static getTotalBits(segs: Readonly<Array<QrSegment>>, version: int): number;
+        private static toUtf8ByteArray;
+        private static readonly NUMERIC_REGEX;
+        private static readonly ALPHANUMERIC_REGEX;
+        private static readonly ALPHANUMERIC_CHARSET;
+    }
+    export {};
+}
+declare namespace qrcodegen.QrCode {
+    type int = number;
+    export class Ecc {
+        readonly ordinal: int;
+        readonly formatBits: int;
+        static readonly LOW: Ecc;
+        static readonly MEDIUM: Ecc;
+        static readonly QUARTILE: Ecc;
+        static readonly HIGH: Ecc;
+        private constructor();
+    }
+    export {};
+}
+declare namespace qrcodegen.QrSegment {
+    type int = number;
+    export class Mode {
+        readonly modeBits: int;
+        private readonly numBitsCharCount;
+        static readonly NUMERIC: Mode;
+        static readonly ALPHANUMERIC: Mode;
+        static readonly BYTE: Mode;
+        static readonly KANJI: Mode;
+        static readonly ECI: Mode;
+        private constructor();
+        numCharCountBits(ver: int): int;
+    }
+    export {};
+}
+export default qrcodegen;