@destyler/dynamic 0.0.1-beta.21

package/dist/index.d.mts

@@ -0,0 +1,502 @@
+import * as vue from 'vue';
+import { PropType, Component, Ref } from 'vue';
+import { AsTag } from '@destyler/primitive';
+import { ExtractPublicPropTypes, Direction } from '@destyler/shared';
+
+declare const destylerDynamicRootProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+    };
+    readonly addOnPaste: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly duplicate: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly delimiter: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: ",";
+    };
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    readonly max: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly required: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly id: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+};
+type DestylerDynamicRootProps = ExtractPublicPropTypes<typeof destylerDynamicRootProps>;
+interface DynamicRootContext {
+    modelValue: Ref<Array<string>>;
+    onAddValue: (payload: string) => boolean;
+    onRemoveValue: (index: number) => void;
+    onInputKeydown: (event: KeyboardEvent) => void;
+    selectedElement: Ref<HTMLElement | undefined>;
+    isInvalidInput: Ref<boolean>;
+    addOnPaste: Ref<boolean | undefined>;
+    disabled: Ref<boolean | undefined>;
+    delimiter: Ref<string>;
+    dir: Ref<Direction>;
+    max: Ref<number>;
+    id: Ref<string | undefined> | undefined;
+}
+declare const DestylerDynamicRoot: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+    };
+    readonly addOnPaste: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly duplicate: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly delimiter: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: ",";
+    };
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    readonly max: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly required: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly id: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    dir: vue.ComputedRef<Direction>;
+    isInvalidInput: Ref<boolean>;
+    disabled: Ref<boolean | undefined>;
+    focused: vue.ComputedRef<boolean>;
+    modelValue: Ref<string[]>;
+    isFormControl: vue.ComputedRef<boolean>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "invalid")[], "update:modelValue" | "invalid", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly defaultValue: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+    };
+    readonly addOnPaste: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly duplicate: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly delimiter: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly default: ",";
+    };
+    readonly dir: {
+        readonly type: PropType<Direction>;
+        readonly required: false;
+    };
+    readonly max: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly required: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly name: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly id: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInvalid?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+    readonly modelValue: string[];
+    readonly delimiter: string;
+    readonly max: number;
+}, {}>;
+
+declare const destylerDynamicClearProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerDynamicClearProps = ExtractPublicPropTypes<typeof destylerDynamicClearProps>;
+declare const DestylerDynamicClear: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    context: DynamicRootContext;
+    handleCancel: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const destylerDynamicInputProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "input";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly maxLength: {
+        readonly type: PropType<number>;
+        readonly required: false;
+    };
+};
+type DestylerDynamicInputProps = ExtractPublicPropTypes<typeof destylerDynamicInputProps>;
+declare const DestylerDynamicInput: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "input";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly maxLength: {
+        readonly type: PropType<number>;
+        readonly required: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    context: DynamicRootContext;
+    handleInput: (event: InputEvent) => void;
+    handlePaste: (event: ClipboardEvent) => void;
+    handleEnter: (event: Event) => Promise<void>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "input";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: PropType<string>;
+        readonly required: false;
+    };
+    readonly autoFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+    readonly maxLength: {
+        readonly type: PropType<number>;
+        readonly required: false;
+    };
+}>>, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const destylerDynamicItemProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+};
+type DestylerDynamicItemProops = ExtractPublicPropTypes<typeof destylerDynamicItemProps>;
+interface DynamicItemContext {
+    value: Ref<string>;
+    isSelected: Ref<boolean>;
+    disabled: Ref<boolean | undefined>;
+    textId: string;
+}
+declare const DestylerDynamicItem: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+}, {
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    textId: string;
+    isSelected: vue.ComputedRef<boolean>;
+    disabled: vue.ComputedRef<boolean | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly value: {
+        readonly type: PropType<string>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+    };
+}>>, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const destylerDynamicItemDeleteProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerDynamicItemDeleteProps = ExtractPublicPropTypes<typeof destylerDynamicItemDeleteProps>;
+declare const DestylerDynamicItemDelete: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    context: DynamicRootContext;
+    itemContext: DynamicItemContext;
+    disabled: vue.ComputedRef<boolean | undefined>;
+    handleDelete: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+}, {}>;
+
+declare const destylerDynamicItemTextProps: {
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "span";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerDynamicItemTextProps = ExtractPublicPropTypes<typeof destylerDynamicItemTextProps>;
+declare const DestylerDynamicItemText: vue.DefineComponent<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "span";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    itemContext: DynamicItemContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "span";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly as: AsTag | Component;
+    readonly asChild: boolean;
+}, {}>;
+
+export { DestylerDynamicClear, type DestylerDynamicClearProps, DestylerDynamicInput, type DestylerDynamicInputProps, DestylerDynamicItem, DestylerDynamicItemDelete, type DestylerDynamicItemDeleteProps, type DestylerDynamicItemProops, DestylerDynamicItemText, type DestylerDynamicItemTextProps, DestylerDynamicRoot, type DestylerDynamicRootProps };