vft 0.0.142 → 0.0.144

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.142",
+  "version": "0.0.144",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.142";
+const o = "0.0.144";
 export {
   o as version
 };

package/es/utils/index.d.ts

@@ -3,6 +3,5 @@ export * from './error';
 export * from './event';
 export * from './helper';
 export * from './ns-cover';
-export * from './objects';
 export * from './typescript';
 export * from './vue';

package/es/utils/index.js

@@ -2,62 +2,60 @@ import { getClientXY as o, getOffsetTop as t, getOffsetTopDistance as s, isInCon
 import { getScrollBarWidth as p, getScrollContainer as n, isScroll as a, scrollIntoView as m } from "./dom/scroll.js";
 import { debugWarn as d, throwError as g } from "./error.js";
 import { composeEventHandlers as c, whenMouse as C } from "./event.js";
-import { getComponentSize as P, getSizeType as u, isValidComponentSize as V } from "./helper.js";
+import { getComponentSize as u, getSizeType as P, isValidComponentSize as V } from "./helper.js";
 import { cssVarValue as I, generateCssVars as S, primaryColor as y, setCssVar as F, setPrimaryColorCssvars as T } from "./ns-cover.js";
-import { getProp as z } from "./objects.js";
-import { mutable as N } from "./typescript.js";
-import { escapeStringRegexp as O } from "./vue/data-helper.js";
-import { withInstall as B, withInstallDirective as D, withInstallFunction as R, withNoopInstall as W } from "./vue/install.js";
-import { buildProp as H, buildProps as K, definePropType as M, epPropKey as X, isEpProp as Y } from "./vue/props/runtime.js";
-import { cAF as q, rAF as G } from "./vue/raf.js";
-import { composeRefs as L } from "./vue/refs.js";
-import { PatchFlags as U, ensureOnlyChild as Z, flattedChildren as _, getFirstValidNode as $, getNormalizedProps as ee, isComment as re, isFragment as oe, isTemplate as te, isText as se, isValidElementNode as ie, renderBlock as le, renderIf as pe } from "./vue/vnode.js";
+import { mutable as z } from "./typescript.js";
+import { escapeStringRegexp as N } from "./vue/data-helper.js";
+import { withInstall as O, withInstallDirective as A, withInstallFunction as B, withNoopInstall as D } from "./vue/install.js";
+import { buildProp as W, buildProps as k, definePropType as H, epPropKey as K, isEpProp as M } from "./vue/props/runtime.js";
+import { cAF as Y, rAF as j } from "./vue/raf.js";
+import { composeRefs as G } from "./vue/refs.js";
+import { PatchFlags as L, ensureOnlyChild as Q, flattedChildren as U, getFirstValidNode as Z, getNormalizedProps as _, isComment as $, isFragment as ee, isTemplate as re, isText as oe, isValidElementNode as te, renderBlock as se, renderIf as ie } from "./vue/vnode.js";
 export {
-  U as PatchFlags,
-  H as buildProp,
-  K as buildProps,
-  q as cAF,
+  L as PatchFlags,
+  W as buildProp,
+  k as buildProps,
+  Y as cAF,
   c as composeEventHandlers,
-  L as composeRefs,
+  G as composeRefs,
   I as cssVarValue,
   d as debugWarn,
-  M as definePropType,
-  Z as ensureOnlyChild,
-  X as epPropKey,
-  O as escapeStringRegexp,
-  _ as flattedChildren,
+  H as definePropType,
+  Q as ensureOnlyChild,
+  K as epPropKey,
+  N as escapeStringRegexp,
+  U as flattedChildren,
   S as generateCssVars,
   o as getClientXY,
-  P as getComponentSize,
-  $ as getFirstValidNode,
-  ee as getNormalizedProps,
+  u as getComponentSize,
+  Z as getFirstValidNode,
+  _ as getNormalizedProps,
   t as getOffsetTop,
   s as getOffsetTopDistance,
-  z as getProp,
   p as getScrollBarWidth,
   n as getScrollContainer,
-  u as getSizeType,
-  re as isComment,
-  Y as isEpProp,
-  oe as isFragment,
+  P as getSizeType,
+  $ as isComment,
+  M as isEpProp,
+  ee as isFragment,
   i as isInContainer,
   a as isScroll,
-  te as isTemplate,
-  se as isText,
+  re as isTemplate,
+  oe as isText,
   V as isValidComponentSize,
-  ie as isValidElementNode,
-  N as mutable,
+  te as isValidElementNode,
+  z as mutable,
   y as primaryColor,
-  G as rAF,
-  le as renderBlock,
-  pe as renderIf,
+  j as rAF,
+  se as renderBlock,
+  ie as renderIf,
   m as scrollIntoView,
   F as setCssVar,
   T as setPrimaryColorCssvars,
   g as throwError,
   C as whenMouse,
-  B as withInstall,
-  D as withInstallDirective,
-  R as withInstallFunction,
-  W as withNoopInstall
+  O as withInstall,
+  A as withInstallDirective,
+  B as withInstallFunction,
+  D as withNoopInstall
 };

package/es/utils/vue/props/runtime.js

@@ -1,17 +1,16 @@
-import { isObject as d, hasOwn as s } from "@vft/utils";
+import { isObject as f, hasOwn as d } from "@vft/utils";
 import { fromPairs as v } from "lodash";
-import { warn as w } from "vue";
-const u = "__epPropKey", h = (e) => e, y = (e) => d(e) && !!e[u], O = (e, t) => {
-  if (!d(e) || y(e))
+const u = "__epPropKey", _ = (e) => e, w = (e) => f(e) && !!e[u], y = (e, t) => {
+  if (!f(e) || w(e))
     return e;
-  const { values: r, required: p, default: n, type: c, validator: a } = e, f = {
-    type: c,
-    required: !!p,
-    validator: r || a ? (l) => {
-      let i = !1, o = [];
-      if (r && (o = Array.from(r), s(e, "default") && o.push(n), i || (i = o.includes(l))), a && (i || (i = a(l))), !i && o.length > 0) {
-        const m = [...new Set(o)].map((P) => JSON.stringify(P)).join(", ");
-        w(
+  const { values: o, required: c, default: n, type: p, validator: a } = e, s = {
+    type: p,
+    required: !!c,
+    validator: o || a ? (l) => {
+      let i = !1, r = [];
+      if (o && (r = Array.from(o), d(e, "default") && r.push(n), i || (i = r.includes(l))), a && (i || (i = a(l))), !i && r.length > 0) {
+        const m = [...new Set(r)].map((P) => JSON.stringify(P)).join(", ");
+        console.warn(
           `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${m}], got value ${JSON.stringify(
             l
           )}.`
@@ -21,17 +20,17 @@ const u = "__epPropKey", h = (e) => e, y = (e) => d(e) && !!e[u], O = (e, t) =>
     } : void 0,
     [u]: !0
   };
-  return s(e, "default") && (f.default = n), f;
-}, j = (e) => v(
-  Object.entries(e).map(([t, r]) => [
+  return d(e, "default") && (s.default = n), s;
+}, $ = (e) => v(
+  Object.entries(e).map(([t, o]) => [
     t,
-    O(r, t)
+    y(o, t)
   ])
 );
 export {
-  O as buildProp,
-  j as buildProps,
-  h as definePropType,
+  y as buildProp,
+  $ as buildProps,
+  _ as definePropType,
   u as epPropKey,
-  y as isEpProp
+  w as isEpProp
 };

package/lib/app-components/button/button-custom.d.ts

@@ -0,0 +1,5 @@
+import { TinyColor } from '@ctrl/tinycolor';
+import type { ButtonProps } from './button.vue';
+/** 生成暗色 */
+export declare function darken(color: TinyColor, amount?: number): string;
+export declare function useButtonCustomStyle(props: ButtonProps): import("vue").ComputedRef<Record<string, string>>;

package/lib/app-components/button/constants.d.ts

@@ -0,0 +1,3 @@
+import type { InjectionKey } from 'vue';
+import type { ButtonGroupProps } from './types';
+export declare const buttonGroupContextKey: InjectionKey<ButtonGroupProps>;

package/lib/app-components/button/index.d.ts

@@ -0,0 +1,5 @@
+import VftButton, { type ButtonProps } from './button.vue';
+import VftButtonGroup from './button-group.vue';
+export { type ButtonProps, VftButtonGroup, VftButton };
+export * from './types';
+export * from './constants';

package/lib/app-components/button/types.d.ts

@@ -0,0 +1,9 @@
+import type { ButtonProps } from './button.vue';
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
+export interface ButtonConfigContext {
+    autoInsertSpace?: boolean;
+}
+export interface ButtonGroupProps {
+    size?: ButtonProps['size'];
+    type?: ButtonProps['type'];
+}

package/lib/app-components/button/use-button.d.ts

@@ -0,0 +1,20 @@
+import type { ButtonProps } from './button.vue';
+export declare const useButton: (props: ButtonProps, emit: any) => {
+    _props: import("vue").ComputedRef<{
+        ariaDisabled: boolean | undefined;
+        disabled: boolean | undefined;
+        autofocus: boolean | undefined;
+        type: "button" | "reset" | "submit" | undefined;
+    } | {
+        ariaDisabled?: undefined;
+        disabled?: undefined;
+        autofocus?: undefined;
+        type?: undefined;
+    }>;
+    _disabled: import("vue").ComputedRef<boolean>;
+    _size: import("vue").ComputedRef<import("../form").ComponentSize>;
+    _type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
+    _ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    shouldAddSpace: import("vue").ComputedRef<boolean>;
+    handleClick: (evt: MouseEvent) => void;
+};

package/lib/app-components/clamp/index.d.ts

@@ -0,0 +1,2 @@
+import VftClamp from './clamp.vue';
+export { VftClamp };

package/lib/app-components/col/index.d.ts

@@ -0,0 +1,4 @@
+import VftCol, { type ColProps } from './col.vue';
+export * from './types';
+export { type ColProps };
+export { VftCol };

package/lib/app-components/col/types.d.ts

@@ -0,0 +1,11 @@
+export type ColSizeObject = {
+    /** 栅格占据的列数 */
+    span?: number;
+    /** 栅格左侧的间隔格数 */
+    offset?: number;
+    /** 栅格向左移动格数 */
+    pull?: number;
+    /** 栅格向右移动格数 */
+    push?: number;
+};
+export type ColSize = number | ColSizeObject;

package/lib/app-components/form/constants.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import type { FormContext, FormItemContext } from './types';
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formItemContextKey: InjectionKey<FormItemContext>;

package/lib/app-components/form/form-label-wrap.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{
+    isAutoWidth: BooleanConstructor;
+    updateAll: BooleanConstructor;
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isAutoWidth: BooleanConstructor;
+    updateAll: BooleanConstructor;
+}>>, {
+    isAutoWidth: boolean;
+    updateAll: boolean;
+}, {}>;
+export default _default;

package/lib/app-components/form/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-form-common-props';
+export * from './use-form-item';

package/lib/app-components/form/hooks/use-form-common-props.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentSize } from '../types';
+import type { MaybeRef } from '@vueuse/core';
+import { type ComputedRef } from 'vue';
+export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
+export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => ComputedRef<boolean>;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => ComputedRef<ComponentSize>;
+export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => ComputedRef<boolean>;

package/lib/app-components/form/hooks/use-form-item.d.ts

@@ -0,0 +1,18 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { FormItemContext } from '../types';
+export declare const useFormItem: () => {
+    form: import("../types").FormContext | undefined;
+    formItem: FormItemContext | undefined;
+};
+export type IUseFormItemInputCommonProps = {
+    id?: string;
+    label?: string | number | boolean | Record<string, any>;
+};
+export declare const useFormItemInputId: (props: Partial<IUseFormItemInputCommonProps>, { formItemContext, disableIdGeneration, disableIdManagement, }: {
+    formItemContext?: FormItemContext | undefined;
+    disableIdGeneration?: ComputedRef<boolean> | Ref<boolean> | undefined;
+    disableIdManagement?: ComputedRef<boolean> | Ref<boolean> | undefined;
+}) => {
+    isLabeledByFormItem: ComputedRef<boolean>;
+    inputId: Ref<string | undefined>;
+};

package/lib/app-components/form/index.d.ts

@@ -0,0 +1,5 @@
+import VftForm, { type FormProps } from './form.vue';
+import VftFormItem, { type FormItemProps } from './form-item.vue';
+export { VftForm, type FormProps, VftFormItem, type FormItemProps };
+export * from './hooks';
+export * from './types';

package/lib/app-components/form/types.d.ts

@@ -0,0 +1,43 @@
+import type { Arrayable } from '../types';
+import type { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
+import type { SetupContext, UnwrapRef } from 'vue';
+import { type FormProps } from './form.vue';
+import { type FormItemProps } from './form-item.vue';
+import type { useFormLabelWidth } from './utils';
+export type FormItemProp = Arrayable<string>;
+export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
+export type FormItemValidateState = (typeof formItemValidateStates)[number];
+export type FormLabelWidthContext = ReturnType<typeof useFormLabelWidth>;
+export interface FormItemRule extends RuleItem {
+    trigger?: Arrayable<string>;
+}
+export type FormRules = Partial<Record<string, Arrayable<FormItemRule>>>;
+export type FormValidationResult = Promise<boolean>;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => void;
+export interface FormValidateFailure {
+    errors: ValidateError[] | null;
+    fields: ValidateFieldsError;
+}
+export type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
+    emit: SetupContext['emit'];
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+};
+export type ComponentSize = '' | 'default' | 'small' | 'large';
+export interface FormItemContext extends FormItemProps {
+    $el: HTMLDivElement | undefined;
+    size: ComponentSize;
+    validateState: FormItemValidateState;
+    isGroup: boolean;
+    labelId: string;
+    inputIds: string[];
+    hasLabel: boolean;
+    addInputId: (id: string) => void;
+    removeInputId: (id: string) => void;
+    validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+    resetField(): void;
+    clearValidate(): void;
+}

package/lib/app-components/form/utils.d.ts

@@ -0,0 +1,9 @@
+import type { Arrayable } from '../types';
+import type { FormItemProps } from './form-item.vue';
+import type { FormItemContext } from './types';
+export declare function useFormLabelWidth(): {
+    autoLabelWidth: import("vue").ComputedRef<string>;
+    registerLabelWidth: (val: number, oldVal: number) => void;
+    deregisterLabelWidth: (val: number) => void;
+};
+export declare const filterFields: (fields: FormItemContext[], props: Arrayable<FormItemProps>) => FormItemContext[];

package/lib/app-components/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-id';
+export * from './use-namespace';

package/lib/app-components/hooks/use-id.d.ts

@@ -0,0 +1,9 @@
+import type { MaybeRef } from '@vueuse/core';
+import type { InjectionKey, Ref } from 'vue';
+export type IdInjectionContext = {
+    prefix: number;
+    current: number;
+};
+export declare const ID_INJECTION_KEY: InjectionKey<IdInjectionContext>;
+export declare const useIdInjection: () => IdInjectionContext;
+export declare const useId: (deterministicId?: MaybeRef<string>) => Ref<string>;

package/lib/app-components/hooks/use-namespace.d.ts

@@ -0,0 +1,22 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const defaultNamespace = "vft";
+export declare const _bem: (namespace: string, block: string, blockSuffix: string, element: string, modifier: string) => string;
+export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
+export declare const useNamespace: (block: string) => {
+    namespace: string;
+    b: (blockSuffix?: string) => string;
+    e: (element?: string) => string;
+    m: (modifier?: string) => string;
+    be: (blockSuffix?: string, element?: string) => string;
+    em: (element?: string, modifier?: string) => string;
+    bm: (blockSuffix?: string, modifier?: string) => string;
+    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+    is: {
+        (name: string, state: boolean | undefined): string;
+        (name: string): string;
+    };
+    cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+    cssVarName: (name: string) => string;
+    cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
+};

package/lib/app-components/icon/index.d.ts

@@ -0,0 +1,3 @@
+import VftIcon, { type IconProps } from './icon.vue';
+export { type IconProps };
+export { VftIcon };

package/lib/app-components/image/index.d.ts

@@ -0,0 +1,3 @@
+import VftImage from './image.vue';
+export * from './types';
+export { VftImage };

package/lib/app-components/image/types.d.ts

@@ -0,0 +1,13 @@
+export type ImgFitType = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
+export interface ImageProps {
+    src?: string;
+    alt?: string;
+    /** objectFit 属性 */
+    fit?: ImgFitType;
+    /** 图片位置，等同于原生的 object-position 属性 */
+    position?: ImagePosition;
+    width?: number | string;
+    height?: number | string;
+    radius?: number | string;
+}

package/lib/app-components/index.d.ts

@@ -0,0 +1,11 @@
+export * from './image';
+export * from './overlay';
+export * from './popup';
+export * from './upload';
+export * from './icon';
+export * from './form';
+export * from './input';
+export * from './button';
+export * from './row';
+export * from './col';
+export * from './clamp';

package/lib/app-components/input/index.d.ts

@@ -0,0 +1,3 @@
+import VftInput from './input.vue';
+export type { InputProps } from './input.vue';
+export { VftInput };

package/lib/app-components/input/utils.d.ts

@@ -0,0 +1,6 @@
+type TextAreaHeight = {
+    height: string;
+    minHeight?: string;
+};
+export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
+export {};

package/lib/app-components/overlay/index.d.ts

@@ -0,0 +1,2 @@
+import VftOverlay from './overlay.vue';
+export { VftOverlay };

package/lib/app-components/popup/index.d.ts

@@ -0,0 +1,3 @@
+import VftPopup from './popup.vue';
+export * from './types';
+export { VftPopup };

package/lib/app-components/popup/types.d.ts

@@ -0,0 +1 @@
+export type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';

package/lib/app-components/row/constants.d.ts

@@ -0,0 +1,6 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+interface RowContext {
+    gutter: ComputedRef<number>;
+}
+export declare const rowContextKey: InjectionKey<RowContext>;
+export {};

package/lib/app-components/row/index.d.ts

@@ -0,0 +1,5 @@
+import VftRow, { type RowProps } from './row.vue';
+export * from './constants';
+export * from './types';
+export { type RowProps };
+export { VftRow };

package/lib/app-components/row/types.d.ts

@@ -0,0 +1,2 @@
+export type RowJustify = 'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly';
+export type RowAlign = 'top' | 'middle' | 'bottom';

package/lib/app-components/super-form/component-map.d.ts

@@ -0,0 +1,14 @@
+import type { Component } from 'vue';
+export declare enum FormCompEnum {
+    INPUT = "input",
+    INPUT_NUMBER = "input-number",
+    INPUT_NUMBER_STEP = "input-number-step",
+    PASSWORD = "password",
+    TEXTAREA = "textarea"
+}
+declare const componentMap: Map<FormCompEnum, Component>;
+export declare function add(compName: FormCompEnum, type: Component): void;
+export declare function del(compName: FormCompEnum): void;
+declare const isInput: (type: FormCompEnum) => boolean;
+declare const isDatePicker: (type: FormCompEnum) => boolean;
+export { componentMap, isDatePicker, isInput };

package/lib/app-components/super-form/index.d.ts

@@ -0,0 +1,5 @@
+import VftSuperForm from './super-form.vue';
+export { VftSuperForm };
+export * from './component-map';
+export * from './types';
+export * from './use/use-form';