@cyberpunk-vue/components 1.2.0 → 1.4.0

package/dist/form-item/index.d.ts

@@ -0,0 +1,200 @@
+/**
+ * CpFormItem 表单项
+ *
+ * 包含标签、内容区和错误信息区域。支持验证规则和 Form 上下文继承。
+ *
+ * @example
+ * ```vue
+ * <CpFormItem label="用户名" prop="username" required>
+ *   <CpInput v-model="formData.username" />
+ * </CpFormItem>
+ * ```
+ *
+ * @slot label - 自定义标签内容
+ * @slot default - 表单控件
+ * @slot error - 自定义错误信息展示
+ */
+export declare const CpFormItem: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly label: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly prop: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly required: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly rules: {
+            readonly type: import('vue').PropType<import('..').FormRule | import('..').FormRule[]>;
+            readonly default: undefined;
+        };
+        readonly labelWidth: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: undefined;
+        };
+        readonly showMessage: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly reserveErrorSpace: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly error: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        validate: (trigger?: string) => Promise<boolean>;
+        resetField: () => void;
+        clearValidate: () => void;
+        validateState: import('vue').Ref<"" | "error" | "validating", "" | "error" | "validating">;
+        validateMessage: import('vue').Ref<string, string>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly error: string;
+        readonly label: string;
+        readonly required: boolean;
+        readonly prop: string;
+        readonly rules: import('..').FormRule | import('..').FormRule[];
+        readonly labelWidth: string | number;
+        readonly showMessage: boolean;
+        readonly reserveErrorSpace: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly label: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly prop: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly required: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly rules: {
+            readonly type: import('vue').PropType<import('..').FormRule | import('..').FormRule[]>;
+            readonly default: undefined;
+        };
+        readonly labelWidth: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: undefined;
+        };
+        readonly showMessage: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly reserveErrorSpace: {
+            readonly type: BooleanConstructor;
+            readonly default: undefined;
+        };
+        readonly error: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        validate: (trigger?: string) => Promise<boolean>;
+        resetField: () => void;
+        clearValidate: () => void;
+        validateState: import('vue').Ref<"" | "error" | "validating", "" | "error" | "validating">;
+        validateMessage: import('vue').Ref<string, string>;
+    }, {}, {}, {}, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly error: string;
+        readonly label: string;
+        readonly required: boolean;
+        readonly prop: string;
+        readonly rules: import('..').FormRule | import('..').FormRule[];
+        readonly labelWidth: string | number;
+        readonly showMessage: boolean;
+        readonly reserveErrorSpace: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: import('vue').PropType<import('..').FormRule | import('..').FormRule[]>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly reserveErrorSpace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    validate: (trigger?: string) => Promise<boolean>;
+    resetField: () => void;
+    clearValidate: () => void;
+    validateState: import('vue').Ref<"" | "error" | "validating", "" | "error" | "validating">;
+    validateMessage: import('vue').Ref<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly error: string;
+    readonly label: string;
+    readonly required: boolean;
+    readonly prop: string;
+    readonly rules: import('..').FormRule | import('..').FormRule[];
+    readonly labelWidth: string | number;
+    readonly showMessage: boolean;
+    readonly reserveErrorSpace: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+        error?(_: {
+            error: string;
+        }): any;
+    };
+})>;
+export default CpFormItem;
+export * from './src/form-item';
+export type { FormItemInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

package/dist/form-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../form-item/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAwB,CAAA;AAC/C,eAAe,UAAU,CAAA;AAEzB,cAAc,iBAAiB,CAAA;AAC/B,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/form-item/src/form-item.d.ts

@@ -0,0 +1,75 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { Size } from '@cyberpunk-vue/hooks';
+import { FormRule } from '../../form/src/form';
+/**
+ * CpFormItem Props
+ */
+export declare const formItemProps: {
+    /** 标签文本 */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 对应 Form model 中的字段名
+     * 用于验证和重置
+     */
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 是否必填（显示星号标记）
+     * @default false
+     */
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 单项验证规则（覆盖 Form 级规则）
+     */
+    readonly rules: {
+        readonly type: PropType<FormRule | FormRule[]>;
+        readonly default: undefined;
+    };
+    /**
+     * 覆盖 Form 的 labelWidth
+     */
+    readonly labelWidth: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    /**
+     * 独立控制是否显示错误信息
+     * 不传时继承 Form 设置
+     */
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 独立控制是否预留错误信息占位高度
+     * 不传时继承 Form 设置
+     */
+    readonly reserveErrorSpace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 手动设置错误信息
+     */
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 覆盖 Form 的 size
+     */
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: undefined;
+    };
+};
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>;
+//# sourceMappingURL=form-item.d.ts.map

package/dist/form-item/src/form-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["../../../form-item/src/form-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB,WAAW;;;;;IAKX;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;uBAEwB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC;;;IAG1D;;OAEG;;uBAEyB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;;;IAGrD;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;uBAEyB,QAAQ,CAAC,IAAI,CAAC;;;CAGlC,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,aAAa,CAAC,CAAA"}

package/dist/form-item/src/form-item.vue.d.ts

@@ -0,0 +1,118 @@
+import { FormRule } from '../../form/src/form';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+        error?(_: {
+            error: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: import('vue').PropType<FormRule | FormRule[]>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly reserveErrorSpace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+        readonly default: undefined;
+    };
+}>, {
+    /** @description 验证该表单项 */
+    validate: (trigger?: string) => Promise<boolean>;
+    /** @description 重置该表单项 */
+    resetField: () => void;
+    /** @description 清除验证状态 */
+    clearValidate: () => void;
+    /** @description 当前验证状态 */
+    validateState: import('vue').Ref<"" | "error" | "validating", "" | "error" | "validating">;
+    /** @description 当前验证信息 */
+    validateMessage: import('vue').Ref<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly required: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: import('vue').PropType<FormRule | FormRule[]>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly reserveErrorSpace: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('@cyberpunk-vue/hooks').Size>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly error: string;
+    readonly label: string;
+    readonly required: boolean;
+    readonly prop: string;
+    readonly rules: FormRule | FormRule[];
+    readonly labelWidth: string | number;
+    readonly showMessage: boolean;
+    readonly reserveErrorSpace: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=form-item.vue.d.ts.map

package/dist/form-item/src/form-item.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue.d.ts","sourceRoot":"","sources":["../../../form-item/src/form-item.vue"],"names":[],"mappings":"AA8SA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAuQnD,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;uBAZvB,GAAG;yBACD,GAAG;;;YACL,GAAG;;;;EAe7B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IApGnB,0BAA0B;yBAnIM,MAAM,KAAG,OAAO,CAAC,OAAO,CAAC;IAqIzD,0BAA0B;;IAE1B,0BAA0B;;IAE1B,0BAA0B;;IAE1B,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAoG1B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/form-item/src/instance.d.ts

@@ -0,0 +1,3 @@
+import { default as FormItem } from './form-item.vue';
+export type FormItemInstance = InstanceType<typeof FormItem> & unknown;
+//# sourceMappingURL=instance.d.ts.map

package/dist/form-item/src/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../form-item/src/instance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,iBAAiB,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,GAAG,OAAO,CAAA"}