@fangzhongya/fang-ui 0.0.30 → 0.0.32

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

@@ -4,7 +4,8 @@ const urls = require("../../common/urls.cjs");
 const dataProps = {
   ...urls.props,
   /**
-   * @props { Array<ListObj> } list 展示数据列表
+   * 展示数据列表
+   * @props { Array<ListObj> } list
    */
   list: {
     type: Array,
@@ -19,11 +20,13 @@ const dataProps = {
     }
   },
   /**
-   * @props { Boolean } disabled 是否全部禁用
+   * 是否全部禁用
+   * @props { Boolean } disabled
    */
   disabled: { type: Boolean },
   /**
-   * @props { Object } options 选择数据集合
+   * 选择数据集合
+   * @props { Object } options
    */
   options: {
     type: Object,
@@ -32,7 +35,8 @@ const dataProps = {
     }
   },
   /**
-   * @props { Object } compons 外部组件集合
+   * 外部组件集合
+   * @props { Object } compons
    */
   compons: {
     type: Object,
@@ -41,8 +45,8 @@ const dataProps = {
     }
   },
   /**
-   * @props { String } width=auto ( )
    * 标签的长度
+   * @props { String } width=auto ( )
    */
   labelWidth: {
     type: [String, Number],
@@ -85,13 +89,15 @@ const dataProps = {
     default: "18px"
   },
   /**
-   * @props { Object } value 默认展示数据
+   * 默认展示数据
+   * @props { Object } value
    */
   modelValue: {
     type: Object
   },
   /**
-   * @props { Object } buts=[] 表单按钮
+   * 表单按钮
+   * @props { Object } buts=[]
    * pid: {1, 调用确认提交的方法; 2, 调用取消的方法}
    */
   buts: {
@@ -105,16 +111,50 @@ const dataProps = {
   },
   colon: [Boolean, String]
 };
-const dataEmits = [
-  "submit",
-  "cancel",
-  "buts",
-  "upform",
-  "update:modelValue"
-];
+const dataEmits = {
+  /**
+   * v-model 数据更新
+   * @emits update:modelValue (值)
+   */
+  "update:modelValue": (value) => {
+  },
+  /**
+   * 提交事件
+   * @emits submit (form值:ObjAny)
+   */
+  submit: (obj) => {
+  },
+  /**
+   * 关闭事件
+   * @emits cancel (form值:ObjAny)
+   */
+  cancel: (obj) => {
+  },
+  /**
+   * buts按钮事件
+   * @emits cancel (buts当前对象:ObjAny, form值, 第几个, Event对象)
+   */
+  buts: (obj, dataForm, index, event) => {
+  },
+  /**
+   * 表单数据变动
+   * @emits upform (form值)
+   */
+  upform: (dataForm) => {
+  }
+};
 const dataSlot = {
+  /**
+   * @slot default 默认插槽
+   */
   default: "default",
+  /**
+   * @slot header 表单头部
+   */
   header: "header",
+  /**
+   * @slot footer 表单结尾 在按钮前面
+   */
   footer: "footer"
 };
 const dataHandle = urls.comHandle;

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

@@ -1,8 +1,12 @@
 import { ExtractPropTypes, Component } from 'vue';
 import { comHandle } from '../../common/urls';
+/**
+ * 组件属性
+ */
 export declare const dataProps: {
     /**
-     * @props { Array<ListObj> } list 展示数据列表
+     * 展示数据列表
+     * @props { Array<ListObj> } list
      */
     list: {
         type: {
@@ -28,20 +32,23 @@ export declare const dataProps: {
         default(): number;
     };
     /**
-     * @props { Boolean } disabled 是否全部禁用
+     * 是否全部禁用
+     * @props { Boolean } disabled
      */
     disabled: {
         type: BooleanConstructor;
     };
     /**
-     * @props { Object } options 选择数据集合
+     * 选择数据集合
+     * @props { Object } options
      */
     options: {
         type: ObjectConstructor;
         default(): {};
     };
     /**
-     * @props { Object } compons 外部组件集合
+     * 外部组件集合
+     * @props { Object } compons
      */
     compons: {
         type: () => {
@@ -50,8 +57,8 @@ export declare const dataProps: {
         default(): {};
     };
     /**
-     * @props { String } width=auto ( )
      * 标签的长度
+     * @props { String } width=auto ( )
      */
     labelWidth: {
         type: (NumberConstructor | StringConstructor)[];
@@ -92,13 +99,15 @@ export declare const dataProps: {
         default: string;
     };
     /**
-     * @props { Object } value 默认展示数据
+     * 默认展示数据
+     * @props { Object } value
      */
     modelValue: {
         type: ObjectConstructor;
     };
     /**
-     * @props { Object } buts=[] 表单按钮
+     * 表单按钮
+     * @props { Object } buts=[]
      * pid: {1, 调用确认提交的方法; 2, 调用取消的方法}
      */
     buts: {
@@ -148,27 +157,83 @@ export declare const dataProps: {
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
- * @emits submit 提交数据
- * @emits cancel 取消
- * @emits buts buts的其他事件 ( )
+ * 组件事件
  */
-export declare const dataEmits: string[];
-export type DataEmits = typeof dataEmits;
 /**
- * @slot default 默认插槽
+ * 组件事件
  */
-export declare const dataSlot: {
-    default: string;
-    header: string;
-    footer: string;
+export declare const dataEmits: {
+    /**
+     * v-model 数据更新
+     * @emits update:modelValue (值)
+     */
+    'update:modelValue': (value: ObjAny) => void;
+    /**
+     * 提交事件
+     * @emits submit (form值:ObjAny)
+     */
+    submit: (obj: ObjAny) => void;
+    /**
+     * 关闭事件
+     * @emits cancel (form值:ObjAny)
+     */
+    cancel: (obj: ObjAny) => void;
+    /**
+     * buts按钮事件
+     * @emits cancel (buts当前对象:ObjAny, form值, 第几个, Event对象)
+     */
+    buts: (obj: ObjAny, dataForm: ObjAny, index: number, event: Event) => void;
+    /**
+     * 表单数据变动
+     * @emits upform (form值)
+     */
+    upform: (dataForm: ObjAny) => void;
 };
 /**
- * @expose submitForm
- * 提交表单
+ * 组件事件
  */
+export type DataEmits = {
+    /**
+     * v-model 数据更新
+     * @emits update:modelValue (值)
+     */
+    (e: 'update:modelValue', value: boolean): void;
+    /**
+     * 提交事件
+     * @emits submit (form值:ObjAny)
+     */
+    (e: 'submit', obj: ObjAny): void;
+    /**
+     * 关闭事件
+     * @emits cancel (form值:ObjAny)
+     */
+    (e: 'cancel', obj: ObjAny): void;
+    /**
+     * buts按钮事件
+     * @emits cancel (buts当前对象:ObjAny, form值, 第几个, Event对象)
+     */
+    (e: 'buts', obj: ObjAny, dataForm: ObjAny, index: number, event: Event): void;
+    /**
+     * 表单数据变动
+     * @emits upform (form值)
+     */
+    (e: 'upform', dataForm: ObjAny): void;
+};
 /**
- * @expose {Object} getForm
- * 获取表单数据
+ * 组件插槽
  */
-export declare const dataExpose: never[];
+export declare const dataSlot: {
+    /**
+     * @slot default 默认插槽
+     */
+    default: string;
+    /**
+     * @slot header 表单头部
+     */
+    header: string;
+    /**
+     * @slot footer 表单结尾 在按钮前面
+     */
+    footer: string;
+};
 export declare const dataHandle: typeof comHandle;

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

@@ -2,7 +2,8 @@ import { props, comHandle } from "../../common/urls.js";
 const dataProps = {
   ...props,
   /**
-   * @props { Array<ListObj> } list 展示数据列表
+   * 展示数据列表
+   * @props { Array<ListObj> } list
    */
   list: {
     type: Array,
@@ -17,11 +18,13 @@ const dataProps = {
     }
   },
   /**
-   * @props { Boolean } disabled 是否全部禁用
+   * 是否全部禁用
+   * @props { Boolean } disabled
    */
   disabled: { type: Boolean },
   /**
-   * @props { Object } options 选择数据集合
+   * 选择数据集合
+   * @props { Object } options
    */
   options: {
     type: Object,
@@ -30,7 +33,8 @@ const dataProps = {
     }
   },
   /**
-   * @props { Object } compons 外部组件集合
+   * 外部组件集合
+   * @props { Object } compons
    */
   compons: {
     type: Object,
@@ -39,8 +43,8 @@ const dataProps = {
     }
   },
   /**
-   * @props { String } width=auto ( )
    * 标签的长度
+   * @props { String } width=auto ( )
    */
   labelWidth: {
     type: [String, Number],
@@ -83,13 +87,15 @@ const dataProps = {
     default: "18px"
   },
   /**
-   * @props { Object } value 默认展示数据
+   * 默认展示数据
+   * @props { Object } value
    */
   modelValue: {
     type: Object
   },
   /**
-   * @props { Object } buts=[] 表单按钮
+   * 表单按钮
+   * @props { Object } buts=[]
    * pid: {1, 调用确认提交的方法; 2, 调用取消的方法}
    */
   buts: {
@@ -103,16 +109,50 @@ const dataProps = {
   },
   colon: [Boolean, String]
 };
-const dataEmits = [
-  "submit",
-  "cancel",
-  "buts",
-  "upform",
-  "update:modelValue"
-];
+const dataEmits = {
+  /**
+   * v-model 数据更新
+   * @emits update:modelValue (值)
+   */
+  "update:modelValue": (value) => {
+  },
+  /**
+   * 提交事件
+   * @emits submit (form值:ObjAny)
+   */
+  submit: (obj) => {
+  },
+  /**
+   * 关闭事件
+   * @emits cancel (form值:ObjAny)
+   */
+  cancel: (obj) => {
+  },
+  /**
+   * buts按钮事件
+   * @emits cancel (buts当前对象:ObjAny, form值, 第几个, Event对象)
+   */
+  buts: (obj, dataForm, index, event) => {
+  },
+  /**
+   * 表单数据变动
+   * @emits upform (form值)
+   */
+  upform: (dataForm) => {
+  }
+};
 const dataSlot = {
+  /**
+   * @slot default 默认插槽
+   */
   default: "default",
+  /**
+   * @slot header 表单头部
+   */
   header: "header",
+  /**
+   * @slot footer 表单结尾 在按钮前面
+   */
   footer: "footer"
 };
 const dataHandle = comHandle;

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

@@ -40,11 +40,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return [index2, value.label, value.prop, value.compon].join(",");
     }
     __expose({
-      el: refEl,
+      /**
+       * 表单的Dom
+       * @expose { Element } dom
+       */
+      dom: refEl,
       closeForm,
+      /**
+       * 提交表单
+       * @expose submitForm  (回调方法?:Function)
+       */
       submitForm,
+      /**
+       * 验证具体的某个字段
+       * @expose validateField  (字段:string, 回调方法?:Function)
+       */
       validateField,
+      /**
+       * 重置表单
+       * @expose resetFields
+       */
       resetFields,
+      /**
+       * 校验表单
+       * @expose { Promise : 对象true成功false失败 } validate
+       */
       validate
     });
     return (_ctx, _cache) => {

package/dist/components/forms/src/index.d.ts

@@ -1,7 +1,7 @@
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, Reactive, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, Component, Ref, PublicProps } from 'vue';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, Component, Ref, PublicProps } 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';
+import { Reactive, OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {}) => any>>;
@@ -313,13 +313,39 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: FunctionConstructor;
     };
 }>, {
-    el: Ref<any, any>;
+    /**
+     * 表单的Dom
+     * @expose { Element } dom
+     */
+    dom: Ref<any, any>;
     closeForm: () => void;
+    /**
+     * 提交表单
+     * @expose submitForm  (回调方法?:Function)
+     */
     submitForm: (callback?: Function) => void;
+    /**
+     * 验证具体的某个字段
+     * @expose validateField  (字段:string, 回调方法?:Function)
+     */
     validateField: (...arr: any[]) => void;
+    /**
+     * 重置表单
+     * @expose resetFields
+     */
     resetFields: () => void;
+    /**
+     * 校验表单
+     * @expose { Promise : 对象true成功false失败 } validate
+     */
     validate: () => Promise<unknown>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    cancel: (obj: ObjAny) => void;
+    "update:modelValue": (value: ObjAny) => void;
+    submit: (obj: ObjAny) => void;
+    buts: (obj: ObjAny, dataForm: ObjAny, index: number, event: Event) => void;
+    upform: (dataForm: ObjAny) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     list: {
         type: {
             (arrayLength: number): ListObj[];
@@ -441,7 +467,13 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     onRequestBefore: {
         type: FunctionConstructor;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onCancel?: ((obj: ObjAny) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ObjAny) => any) | undefined;
+    onSubmit?: ((obj: ObjAny) => any) | undefined;
+    onButs?: ((obj: ObjAny, dataForm: ObjAny, index: number, event: Event) => any) | undefined;
+    onUpform?: ((dataForm: ObjAny) => any) | undefined;
+}>, {
     param: Record<string, any>;
     list: ListObj[];
     disabled: boolean;

package/dist/components/forms/src/index.js

@@ -38,11 +38,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return [index, value.label, value.prop, value.compon].join(",");
     }
     __expose({
-      el: refEl,
+      /**
+       * 表单的Dom
+       * @expose { Element } dom
+       */
+      dom: refEl,
       closeForm,
+      /**
+       * 提交表单
+       * @expose submitForm  (回调方法?:Function)
+       */
       submitForm,
+      /**
+       * 验证具体的某个字段
+       * @expose validateField  (字段:string, 回调方法?:Function)
+       */
       validateField,
+      /**
+       * 重置表单
+       * @expose resetFields
+       */
       resetFields,
+      /**
+       * 校验表单
+       * @expose { Promise : 对象true成功false失败 } validate
+       */
       validate
     });
     return (_ctx, _cache) => {

package/dist/components/forms/src/setup.cjs

@@ -19,7 +19,6 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 const compons = require("../../common/compons.cjs");
 const index = require("../../forms-items/index.cjs");
 const Components = {

package/dist/components/forms/src/setup.d.ts

@@ -1,7 +1,7 @@
 import { DataProps } from './data';
 import { UseCssNameReturn } from '../../../hooks/cssname';
 import { Ref, CSSProperties, WritableComputedRef, ComputedRef } from 'vue';
-type Emit = (event: string, ...args: any[]) => void;
+type Emit = (...args: any[]) => void;
 export declare function setUp(props: DataProps, emit: Emit, cs: UseCssNameReturn, refForm: any): {
     dataRules: Ref<ObjAny, ObjAny>;
     dataForm: Ref<ObjAny, ObjAny> | WritableComputedRef<Record<string, any> | undefined, Record<string, any> | undefined>;

package/dist/components/forms/src/setup.js

@@ -17,7 +17,6 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
 import { getCompons } from "../../common/compons.js";
 import { FormsItems } from "../../forms-items/index.js";
 const Components = {

package/dist/components/forms-div/index.d.ts

@@ -1,71 +1,6 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const FormsDiv: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        optionss: {
-            type: () => ObjAny;
-            default(): {};
-        };
-        listobj: {
-            type: () => ListObj;
-            default(): {};
-        };
-        valueobj: {
-            type: ObjectConstructor;
-        };
-        modelValue: {
-            type: null;
-        };
-        formvalue: {
-            type: () => ObjStr;
-            default(): {};
-        };
-    }>> & Readonly<{
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, () => "" | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], PublicProps, {
-        optionss: ObjAny;
-        listobj: ListObj;
-        formvalue: ObjStr;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, never, {}, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        optionss: {
-            type: () => ObjAny;
-            default(): {};
-        };
-        listobj: {
-            type: () => ListObj;
-            default(): {};
-        };
-        valueobj: {
-            type: ObjectConstructor;
-        };
-        modelValue: {
-            type: null;
-        };
-        formvalue: {
-            type: () => ObjStr;
-            default(): {};
-        };
-    }>> & Readonly<{
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, () => "" | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, {
-        optionss: ObjAny;
-        listobj: ListObj;
-        formvalue: ObjStr;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const FormsDiv: SFCWithInstall<DefineComponent<ExtractPropTypes<{
     optionss: {
         type: () => ObjAny;
         default(): {};
@@ -84,13 +19,32 @@ declare const FormsDiv: {
         type: () => ObjStr;
         default(): {};
     };
-}>> & Readonly<{
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, () => "" | VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], string, {
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], string, PublicProps, Readonly< ExtractPropTypes<{
+    optionss: {
+        type: () => ObjAny;
+        default(): {};
+    };
+    listobj: {
+        type: () => ListObj;
+        default(): {};
+    };
+    valueobj: {
+        type: ObjectConstructor;
+    };
+    modelValue: {
+        type: null;
+    };
+    formvalue: {
+        type: () => ObjStr;
+        default(): {};
+    };
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
     optionss: ObjAny;
     listobj: ListObj;
     formvalue: ObjStr;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, never, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+}, {}, {}, {}, never, ComponentProvideOptions, true, {}, any>>;
 export { FormsDiv, FormsDiv as default };

package/dist/components/forms-div/src/index.cjs

@@ -16,7 +16,6 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const index = require("../../../hooks/cssname/index.cjs");