@fangzhongya/fang-ui 0.0.29 → 0.0.31

package/dist/components/form/index.d.ts

@@ -1,9 +1,190 @@
-import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, Reactive, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { EpPropMergeType, Arrayable, EpPropFinalized } from 'element-plus/es/utils';
+import { FormItemRule, FormItemProp, FormValidateCallback, FormValidationResult, FormItemContext } from 'element-plus/es/components/form';
+import { OnCleanup } from '@vue/reactivity';
 declare const Form: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
         refEl: Ref<any, any>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        refEl: unknown;
+        refEl: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly disabled: boolean;
+                readonly inline: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly scrollIntoViewOptions: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
+                readonly statusIcon: boolean;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+            }> & Omit<{
+                readonly disabled: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly inline: boolean;
+                readonly statusIcon: boolean;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+                readonly scrollIntoViewOptions: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
+                readonly size?: EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined;
+                readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
+                readonly model?: Record<string, any> | undefined;
+                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: {
+                    readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+                readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+                readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly hideRequiredAsterisk: BooleanConstructor;
+                readonly scrollToError: BooleanConstructor;
+                readonly scrollIntoViewOptions: EpPropFinalized<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown, true, boolean>;
+                readonly size: {
+                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly disabled: BooleanConstructor;
+            }>> & {
+                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+            }, {
+                validate: (callback?: FormValidateCallback) => FormValidationResult;
+                validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+                resetFields: (props?: Arrayable<FormItemProp>) => void;
+                clearValidate: (props?: Arrayable<FormItemProp>) => void;
+                scrollToField: (prop: FormItemProp) => void;
+                getField: (prop: FormItemProp) => FormItemContext | undefined;
+                fields: Reactive< FormItemContext[]>;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
+            }, string, {
+                readonly disabled: boolean;
+                readonly inline: boolean;
+                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+                readonly inlineMessage: boolean;
+                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+                readonly labelSuffix: string;
+                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly scrollIntoViewOptions: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
+                readonly statusIcon: boolean;
+                readonly hideRequiredAsterisk: boolean;
+                readonly scrollToError: boolean;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly scrollIntoViewOptions: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }> & Omit<Readonly< ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: EpPropFinalized<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, "disabled" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "validate" | "clearValidate" | "requireAsteriskPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validateField" | "resetFields" | "scrollToField" | "getField" | "fields"> & ShallowUnwrapRef<{
+            validate: (callback?: FormValidateCallback) => FormValidationResult;
+            validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+            resetFields: (props?: Arrayable<FormItemProp>) => void;
+            clearValidate: (props?: Arrayable<FormItemProp>) => void;
+            scrollToField: (prop: FormItemProp) => void;
+            getField: (prop: FormItemProp) => FormItemContext | undefined;
+            fields: Reactive< FormItemContext[]>;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
     }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -20,6 +201,6 @@ declare const Form: {
 } & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
     refEl: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
+    $slots: Partial<Record<string, (_: any) => any>>;
 }) & Plugin;
 export { Form, Form as default };

package/dist/components/form/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Form = withInstall(_sfc_main, "Form");

package/dist/components/form/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$form: 'form';
+@include b($form) {
+}

package/dist/components/form/src/data.cjs

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;

package/dist/components/form/src/data.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} Form 表单
+ * @title {h2} Form 输入框
  * @text 目前完全继承 element-plus 中 el-form
  */
 export declare const dataProps: {};

package/dist/components/form/src/data.js

@@ -1,6 +1,9 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({});
 const dataEmits = [];
 const dataExpose = {};
 export {
   dataEmits,
-  dataExpose
+  dataExpose,
+  dataProps
 };

package/dist/components/form/src/index.cjs

@@ -2,39 +2,42 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const elementPlus = require("element-plus");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/form/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const ElForm = elementPlus.ElForm;
     const refEl = vue.ref();
-    const attrs = vue.useAttrs();
+    const attrs = index.useInherit(vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("form");
+    const cs = index$1.useCssName("form");
+    index$2.useLocale();
     __expose({
       ...data.dataExpose,
       refEl
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(ElForm), vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElForm), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });