npm - ll-plus - Versions diffs - 2.3.14 → 2.3.16 - Mend

ll-plus 2.3.14 → 2.3.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/lib/components/drawer/index.d.ts CHANGED Viewed

@@ -41,8 +41,8 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    content: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
+    scrollTop: import("vue").Ref<number>;
     symbolClass: import("vue").Ref<string>;
     symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<{
@@ -56,6 +56,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
     handleCancel: () => void;
     handleConfirm: () => void;
     handleResize: (value: boolean) => Promise<void>;
+    onScrollTop: () => Promise<void>;
     readonly Drawer: {
         new (...args: any[]): import("@vue/runtime-core").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             autofocus: {

package/lib/components/drawer/src/components/second-confirmation/index.d.ts CHANGED Viewed

@@ -89,12 +89,14 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         };
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
+        scrollTop: import("vue").Ref<number>;
         symbolClass: import("vue").Ref<string>;
         symbolComparedClass: import("vue").Ref<string>;
         getBindValue: import("vue").ComputedRef<import("ll-plus/es/index").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
         handleResize: (value: boolean) => Promise<void>;
+        onScrollTop: () => Promise<void>;
         readonly Modal: {
             new (...args: any[]): import("@vue/runtime-core").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                 prefixCls: StringConstructor;

package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts CHANGED Viewed

@@ -88,12 +88,14 @@ declare const _default: import("vue").DefineComponent<{
         };
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
+        scrollTop: import("vue").Ref<number>;
         symbolClass: import("vue").Ref<string>;
         symbolComparedClass: import("vue").Ref<string>;
         getBindValue: import("vue").ComputedRef<import("ll-plus/es/components").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
         handleResize: (value: boolean) => Promise<void>;
+        onScrollTop: () => Promise<void>;
         readonly Modal: {
             new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                 prefixCls: StringConstructor;

package/lib/components/drawer/src/drawer.vue.d.ts CHANGED Viewed

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    content: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
+    scrollTop: import("vue").Ref<number>;
     symbolClass: import("vue").Ref<string>;
     symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<{
@@ -55,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCancel: () => void;
     handleConfirm: () => void;
     handleResize: (value: boolean) => Promise<void>;
+    onScrollTop: () => Promise<void>;
     readonly Drawer: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             autofocus: {

package/lib/components/drawer/src/drawer.vue2.js CHANGED Viewed

@@ -17,13 +17,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "drawer",
   props: drawer.drawerProps,
   emits: drawer.drawerEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const attrs = vue.useAttrs();
     const bem = createNamespace.createNamespace("drawer");
-    const content = vue.ref();
     const hasScroll = vue.ref(false);
+    const scrollTop = vue.ref(0);
     const symbolClass = vue.ref(`ll-darwer-${(/* @__PURE__ */ new Date()).getTime()}`);
     const symbolComparedClass = vue.ref(`model-content-${(/* @__PURE__ */ new Date()).getTime()}`);
     const getBindValue = vue.computed(() => ({
@@ -64,20 +64,35 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const { clientHeight } = entries[0].target;
         const scrollHeight = ele.clientHeight;
         hasScroll.value = clientHeight > scrollHeight;
-        console.log(clientHeight, scrollHeight, hasScroll.value);
       });
       if (value) {
         resizeObserver.observe(modalBody);
+        ele.addEventListener("scroll", () => {
+          scrollTop.value = ele.scrollTop;
+        });
       } else {
         resizeObserver.unobserve(modalBody);
+        ele.removeEventListener("scroll", () => {
+          scrollTop.value = 0;
+        });
       }
     };
+    const onScrollTop = async () => {
+      await vue.nextTick();
+      if (!hasScroll.value)
+        return;
+      const ele = document.getElementsByClassName(symbolClass.value)[0];
+      ele.scrollTop = 0;
+    };
     vue.watch(
       () => props.open,
       (val) => {
         handleResize(val);
       }
     );
+    __expose({
+      onScrollTop
+    });
     return (_ctx, _cache) => {
       const _component_ll_button = vue.resolveComponent("ll-button");
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Drawer), vue.mergeProps(getBindValue.value, {
@@ -99,19 +114,38 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass([vue.unref(bem).e("container"), hasScroll.value ? vue.unref(bem).is("has-scroll") : ""])
             },
             [
+              _ctx.$slots.step ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(bem).e("step"))
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "step")
+                ],
+                2
+                /* CLASS */
+              )) : vue.createCommentVNode("v-if", true),
               vue.createElementVNode(
                 "div",
                 {
-                  ref_key: "content",
-                  ref: content,
                   class: vue.normalizeClass([vue.unref(bem).e("content"), symbolClass.value])
                 },
                 [
-                  vue.createCommentVNode(` <div v-if="hasScroll" :class="bem.e('shandow')" /> `),
+                  hasScroll.value && scrollTop.value > 0 ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(bem).e("shadow"))
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode(
                     "div",
                     {
-                      class: vue.normalizeClass([symbolComparedClass.value])
+                      class: vue.normalizeClass([symbolComparedClass.value, vue.unref(bem).e("scroll")])
                     },
                     [
                       vue.renderSlot(_ctx.$slots, "default")
@@ -126,7 +160,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               props.showFooter ? (vue.openBlock(), vue.createElementBlock(
                 "div",
                 {
-                  key: 0,
+                  key: 1,
                   class: vue.normalizeClass([vue.unref(bem).e("footer"), hasScroll.value ? vue.unref(bem).is("has-scroll") : ""])
                 },
                 [

package/lib/components/drawer/src/drawer.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.vue2.js","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"props.title\"\n :open=\"props.open\"\n :root-class-name=\"bem.b()\"\n @close=\"handleClose\"\n >\n <template #title>\n <slot name=\"title\" />\n </template>\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <div :class=\"[bem.e('container'), hasScroll ? bem.is('has-scroll') : '']\">\n <div ~~ref~~=\"~~content~~\" :class=\"[bem.e('content'), symbolClass]\">\n ~~<!--~~ <div v-if=\"hasScroll\" :class=\"bem.e('~~shandow~~')\" ~~/> -->\~~n <div :class=\"[symbolComparedClass]\">\n <slot />\n </div>\n </div>\n <div\n v-if=\"props.showFooter\"\n :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n v-if=\"showCancel\"\n :class=\"bem.m('cancel')\"\n :label=\"props.cancelText\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"props.confirmText\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </div>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\nimport { useSecondConfirmation } from './components/second-confirmation'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst ~~content~~ = ref~~<HTMLElement>~~()\n\nconst ~~hasScroll~~ = ref(~~false~~)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n ...drawerOptions,\n ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n if (props.useClose) {\n emits('close')\n } else {\n handleCancel()\n return\n }\n emits('update:open')\n}\nconst handleCancel = (): void => {\n if (props.cancelConfirm) {\n useSecondConfirmation(\n props.cancelConfirmOptions \|\| {\n title: '温馨提示',\n message: '你有未保存的更改，确定关闭？'\n }\n ).then(async () => {\n // 点击保存按钮则关闭弹窗和抽屉\n emits('cancel')\n })\n return\n }\n emits('cancel')\n}\nconst handleConfirm = (): void => {\n emits('confirm')\n}\n~~// const handleResize = async () => {~~\n// await nextTick()\n// const ele = document.getElementsByClassName(symbolClass.value)[0]\n// if (ele) {\n// setTimeout(() => {\n// hasScroll.value = ele.scrollHeight > ele.clientHeight\n// }, 0)\n// }\n// }\n\nconst handleResize = async (value: boolean) => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n const resizeObserver = new ResizeObserver(entries => {\n // 处理大小变化的回调函数\n const { clientHeight } = entries[0].target\n const scrollHeight = ele.clientHeight\n hasScroll.value = clientHeight > scrollHeight\n ~~console.log(clientHeight, scrollHeight, hasScroll.value)\n~~ })\n if (value) {\n resizeObserver.observe(modalBody)\n } else {\n resizeObserver.unobserve(modalBody)\n }\n}\n\nwatch(\n () => props.open,\n val => {\n handleResize(val)\n }\n)\n</script>\n"],"names":["useAttrs","createNamespace","ref","computed","drawerOptions","omit","drawerProps","useSecondConfirmation","nextTick","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;~~AA+DA~~,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,QAAQ,CAAA,CAAA;AAEpC,~~IAAA~~,~~MAAM~~,~~UAAUC~~,~~OAAiB~~,~~EAAA~~,CAAA;~~AAEjC~~,IAAM,MAAA,SAAA,GAAYA,QAAI,~~KAAK~~,CAAA,CAAA;~~AAE3B~~,IAAM,MAAA,WAAA,GAAcA,QAAI,CAAa,UAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,mBAAA,GAAsBA,QAAI,CAAiB,cAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,GAAGC,oBAAA;AAAA,MACH,GAAGC,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,kBAAW,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,KACpE,CAAA,CAAA,CAAA;AAEF,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAa,YAAA,EAAA,CAAA;AACb,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,IAAI,MAAM,aAAe,EAAA;AACvB,QAAAC,2CAAA;AAAA,UACE,MAAM,oBAAwB,IAAA;AAAA,YAC5B,KAAO,EAAA,0BAAA;AAAA,YACP,OAAS,EAAA,sFAAA;AAAA,WACX;AAAA,SACF,CAAE,KAAK,YAAY;AAEjB,UAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,SACf,CAAA,CAAA;AACD,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;~~AAWA~~,IAAM,MAAA,YAAA,GAAe,OAAO,KAAmB,KAAA;AAC7C,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,YAAY,GAAI,CAAA,sBAAA,CAAuB,mBAAoB,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AACzE,MAAM,MAAA,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAW,OAAA,KAAA;AAEnD,QAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,OAAA,CAAQ,CAAC,CAAE,CAAA,MAAA,CAAA;AACpC,QAAA,MAAM,eAAe,GAAI,CAAA,YAAA,CAAA;AACzB,QAAA,SAAA,CAAU,QAAQ,YAAe,GAAA,YAAA,CAAA;~~AACjC~~,QAAA,~~OAAA~~,~~CAAQ~~,~~GAAI~~,CAAA,~~YAAA~~,~~EAAc~~,~~YAAc~~,~~EAAA~~,SAAA,CAAU,~~KAAK~~,CAAA,CAAA;AAAA,~~OACxD~~,CAAA,CAAA;~~AACD~~,MAAA~~,IAAI,KAAO,EAAA~~;~~AACT~~,QAAA,cAAA,CAAe,~~QAAQ~~,SAAS,CAAA,CAAA;AAAA,~~OAC3B~~,MAAA;~~AACL~~,QAAA,~~cAAA~~,~~CAAe~~,~~UAAU~~,~~SAAS~~,CAAA,CAAA;~~AAAA~~,~~OACpC~~;AAAA,~~KACF~~,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"drawer.vue2.js","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"props.title\"\n :open=\"props.open\"\n :root-class-name=\"bem.b()\"\n @close=\"handleClose\"\n >\n <template #title>\n <slot name=\"title\" />\n </template>\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <div :class=\"[bem.e('container'), hasScroll ? bem.is('has-scroll') : '']\">\n <div v-if=\"$slots.step\" :class=\"bem.e('step')\">\n <slot name=\"step\" />\n </div>\n <div :class=\"[bem.e('content'), symbolClass]\">\n <div v-if=\"hasScroll && scrollTop > 0\" :class=\"bem.e('shadow')\"></div>\n <div :class=\"[symbolComparedClass, bem.e('scroll')]\">\n <slot />\n </div>\n </div>\n <div\n v-if=\"props.showFooter\"\n :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n v-if=\"showCancel\"\n :class=\"bem.m('cancel')\"\n :label=\"props.cancelText\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"props.confirmText\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </div>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\nimport { useSecondConfirmation } from './components/second-confirmation'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst hasScroll = ref(false)\n\nconst scrollTop = ref(0)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n ...drawerOptions,\n ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n if (props.useClose) {\n emits('close')\n } else {\n handleCancel()\n return\n }\n emits('update:open')\n}\nconst handleCancel = (): void => {\n if (props.cancelConfirm) {\n useSecondConfirmation(\n props.cancelConfirmOptions \|\| {\n title: '温馨提示',\n message: '你有未保存的更改，确定关闭？'\n }\n ).then(async () => {\n // 点击保存按钮则关闭弹窗和抽屉\n emits('cancel')\n })\n return\n }\n emits('cancel')\n}\nconst handleConfirm = (): void => {\n emits('confirm')\n}\n\nconst handleResize = async (value: boolean) => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n const resizeObserver = new ResizeObserver(entries => {\n // 处理大小变化的回调函数\n const { clientHeight } = entries[0].target\n const scrollHeight = ele.clientHeight\n hasScroll.value = clientHeight > scrollHeight\n })\n if (value) {\n resizeObserver.observe(modalBody)\n ele.addEventListener('scroll', () => {\n scrollTop.value = ele.scrollTop\n })\n } else {\n resizeObserver.unobserve(modalBody)\n ele.removeEventListener('scroll', () => {\n scrollTop.value = 0\n })\n }\n}\n\nconst onScrollTop = async () => {\n await nextTick()\n if (!hasScroll.value) return\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n ele.scrollTop = 0\n}\n\nwatch(\n () => props.open,\n val => {\n handleResize(val)\n }\n)\n\ndefineExpose({\n onScrollTop\n})\n</script>\n"],"names":["useAttrs","createNamespace","ref","computed","drawerOptions","omit","drawerProps","useSecondConfirmation","nextTick","watch"],"mappings":"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"}

package/lib/components/form/index.d.ts CHANGED Viewed

@@ -1396,7 +1396,9 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         }>>;
         readonly formColumns: any[];
         readonly formData: import("./src/config").FormData;
+        readonly onChange?: ((value: import("./src/config").FormData) => any) | undefined;
     } & {}>;
+    emits: (event: "change", value: import("./src/config").FormData) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -1457,7 +1459,9 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         readonly formData: import("./src/config").FormData;
         readonly item: any;
     }, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: import("./src/config").FormData) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly formColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
     readonly formOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
         layout: import("vue-types").VueTypeDef<string>;
@@ -2543,7 +2547,9 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         gutter: number;
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-}>>, {
+}>> & {
+    onChange?: ((value: import("./src/config").FormData) => any) | undefined;
+}, {
     readonly formOptions: Partial<import("vue").ExtractPropTypes<{
         layout: import("vue-types").VueTypeDef<string>;
         labelCol: {

package/lib/components/form/index.js CHANGED Viewed

@@ -15,6 +15,7 @@ var formComponent = require('./src/config/form-component.js');
 const LlFormComponent = withInstall.withInstall(formComponent$1.default);
 const LlForm = withInstall.withInstall(form$1.default);
+exports.formEmits = form.formEmits;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
 exports.formComponentProps = formComponent.formComponentProps;

package/lib/components/form/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport FormComponent from './src/components/form-component.vue'\nimport Form from './src/form.vue'\n\nexport const LlFormComponent = withInstall(FormComponent)\nexport const LlForm = withInstall(Form)\nexport default LlForm\nexport * from './src/config'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlFormComponent: typeof FormComponent\n LlForm: typeof Form\n }\n}\n"],"names":["withInstall","FormComponent","Form"],"mappings":";;;;;;;;;;;;;;AAKa,MAAA,eAAA,GAAkBA,wBAAYC,uBAAa,EAAA;AAC3C,MAAA,MAAA,GAASD,wBAAYE,cAAI~~;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport FormComponent from './src/components/form-component.vue'\nimport Form from './src/form.vue'\n\nexport const LlFormComponent = withInstall(FormComponent)\nexport const LlForm = withInstall(Form)\nexport default LlForm\nexport * from './src/config'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlFormComponent: typeof FormComponent\n LlForm: typeof Form\n }\n}\n"],"names":["withInstall","FormComponent","Form"],"mappings":";;;;;;;;;;;;;;AAKa,MAAA,eAAA,GAAkBA,wBAAYC,uBAAa,EAAA;AAC3C,MAAA,MAAA,GAASD,wBAAYE,cAAI;;;;;;;;;;"}

package/lib/components/form/src/config/form.d.ts CHANGED Viewed

@@ -1106,6 +1106,12 @@ export declare const formProps: {
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
+export declare const formEmits: {
+    /**
+     * @description 表单项值改变时触发
+     */
+    change: (value: FormData) => boolean;
+};
 export type FormProps = ExtractPropTypes<typeof formProps>;
 export type FormInstance = InstanceType<typeof Form>;
 export {};

package/lib/components/form/src/config/form.js CHANGED Viewed

@@ -45,6 +45,13 @@ const formProps = runtime.buildProps({
     default: false
   }
 });
+const formEmits = {
+  /**
+   * @description 表单项值改变时触发
+   */
+  change: (value) => !!value
+};
+exports.formEmits = formEmits;
 exports.formProps = formProps;
 //# sourceMappingURL=form.js.map

package/lib/components/form/src/config/form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/config/form.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type {\n FormItemProps,\n RowProps,\n ColProps,\n FormProps as AntFormProps\n} from 'ant-design-vue'\nimport type { TooltipProps } from '@ll-plus/components'\nimport type Form from '../form.vue'\n\ntype FormType<T = any> = (\n \| 'input'\n \| 'input-number'\n \| 'cascader'\n \| 'checkbox'\n \| 'checkbox-group'\n \| 'code-editor'\n \| 'date-picker'\n \| 'time-picker'\n \| 'date-range'\n \| 'time-range'\n \| 'radio'\n \| 'radio-group'\n \| 'select'\n \| 'switch'\n \| 'textarea'\n \| 'upload-image'\n) &\n T\n\nexport interface BasicFormColumn extends FormItemProps {\n label?: string\n key: string\n spanCol?: number \| 24 // 一行几条\n colOptions?: ColProps\n tip?: string\n tipConfig?: TooltipProps\n type: FormType\n unit?: string\n change?: () => void\n rowOptions?: RowProps\n children?: FormColumn[]\n [key: string]: any\n}\n\nexport type FormColumn<T = any> = BasicFormColumn & T\n\nexport type FormData = Record<string, any>\n\nexport const formProps = buildProps({\n /*\n @description 表单项列表\n /\n formColumns: {\n type: definePropType<FormColumn[]>(Array),\n default: () => []\n },\n /\n @description 展开的行变化时触发\n /\n formOptions: {\n type: definePropType<AntFormProps>(Object),\n default: () => ({\n layout: 'horizontal'\n })\n },\n /\n @description 展开的行变化时触发\n /\n formData: {\n type: definePropType<FormData>(Object),\n default: () => ({})\n },\n /\n @description 展开的行变化时触发\n /\n rowOptions: {\n type: definePropType<RowProps>(Object),\n default: () => ({\n gutter: 16\n })\n },\n /\n @description 表单加载状态\n */\n loading: {\n type: Boolean,\n default: false\n }\n} as const)\n\n// props\nexport type FormProps = ExtractPropTypes<typeof formProps>\n\n// instance\nexport type FormInstance = InstanceType<typeof Form>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAmDO,MAAM,YAAYA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlC,WAAa,EAAA;AAAA,IACX,IAAA,EAAMC,uBAA6B,KAAK,CAAA;AAAA,IACxC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,MAAQ,EAAA,YAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,SAAS,OAAO;AAAA,MACd,MAAQ,EAAA,EAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU~~;;;;~~"}
1	+ {"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/config/form.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type {\n FormItemProps,\n RowProps,\n ColProps,\n FormProps as AntFormProps\n} from 'ant-design-vue'\nimport type { TooltipProps } from '@ll-plus/components'\nimport type Form from '../form.vue'\n\ntype FormType<T = any> = (\n \| 'input'\n \| 'input-number'\n \| 'cascader'\n \| 'checkbox'\n \| 'checkbox-group'\n \| 'code-editor'\n \| 'date-picker'\n \| 'time-picker'\n \| 'date-range'\n \| 'time-range'\n \| 'radio'\n \| 'radio-group'\n \| 'select'\n \| 'switch'\n \| 'textarea'\n \| 'upload-image'\n) &\n T\n\nexport interface BasicFormColumn extends FormItemProps {\n label?: string\n key: string\n spanCol?: number \| 24 // 一行几条\n colOptions?: ColProps\n tip?: string\n tipConfig?: TooltipProps\n type: FormType\n unit?: string\n change?: () => void\n rowOptions?: RowProps\n children?: FormColumn[]\n [key: string]: any\n}\n\nexport type FormColumn<T = any> = BasicFormColumn & T\n\nexport type FormData = Record<string, any>\n\nexport const formProps = buildProps({\n /*\n @description 表单项列表\n /\n formColumns: {\n type: definePropType<FormColumn[]>(Array),\n default: () => []\n },\n /\n @description 展开的行变化时触发\n /\n formOptions: {\n type: definePropType<AntFormProps>(Object),\n default: () => ({\n layout: 'horizontal'\n })\n },\n /\n @description 展开的行变化时触发\n /\n formData: {\n type: definePropType<FormData>(Object),\n default: () => ({})\n },\n /\n @description 展开的行变化时触发\n /\n rowOptions: {\n type: definePropType<RowProps>(Object),\n default: () => ({\n gutter: 16\n })\n },\n /\n @description 表单加载状态\n /\n loading: {\n type: Boolean,\n default: false\n }\n} as const)\n\nexport const formEmits = {\n /\n @description 表单项值改变时触发\n */\n change: (value: FormData) => !!value\n}\n\n// props\nexport type FormProps = ExtractPropTypes<typeof formProps>\n\n// instance\nexport type FormInstance = InstanceType<typeof Form>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAmDO,MAAM,YAAYA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlC,WAAa,EAAA;AAAA,IACX,IAAA,EAAMC,uBAA6B,KAAK,CAAA;AAAA,IACxC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,MAAQ,EAAA,YAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,SAAS,OAAO;AAAA,MACd,MAAQ,EAAA,EAAA;AAAA,KACV,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,SAAY,GAAA;AAAA;AAAA;AAAA;AAAA,EAIvB,MAAQ,EAAA,CAAC,KAAoB,KAAA,CAAC,CAAC,KAAA;AACjC;;;;;"}

package/lib/components/form/src/config/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ var formComponent = require('./form-component.js');
 "use strict";
+exports.formEmits = form.formEmits;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
 exports.formComponentProps = formComponent.formComponentProps;

package/lib/components/form/src/config/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/lib/components/form/src/form.vue.d.ts CHANGED Viewed

@@ -1361,7 +1361,9 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         readonly formColumns: any[];
         readonly formData: import("./config").FormData;
+        readonly onChange?: ((value: import("./config").FormData) => any) | undefined;
     } & {}>;
+    emits: (event: "change", value: import("./config").FormData) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -1422,7 +1424,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly formData: import("./config").FormData;
         readonly item: any;
     }, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: import("./config").FormData) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly formColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
     readonly formOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
         layout: import("vue-types").VueTypeDef<string>;
@@ -2508,7 +2512,9 @@ declare const _default: import("vue").DefineComponent<{
         gutter: number;
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-}>>, {
+}>> & {
+    onChange?: ((value: import("./config").FormData) => any) | undefined;
+}, {
     readonly formOptions: Partial<import("vue").ExtractPropTypes<{
         layout: import("vue-types").VueTypeDef<string>;
         labelCol: {

package/lib/components/form/src/form.vue2.js CHANGED Viewed

@@ -15,8 +15,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: form.formProps,
-  setup(__props, { expose: __expose }) {
+  emits: form.formEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const bem = createNamespace.createNamespace("form");
     const formData = vue.reactive(props.formData);
     const formRef = vue.ref();
@@ -40,6 +42,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return bem.is("label-top");
     };
+    vue.watch(
+      () => formData,
+      (val) => {
+        emits("change", val);
+      },
+      {
+        deep: true
+      }
+    );
     __expose({
       validate,
       resetFields

package/lib/components/form/src/form.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form.vue2.js","sources":["../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <a-form ref=\"formRef\" v-bind=\"props.formOptions\" :model=\"props.formData\">\n <a-row v-bind=\"props.rowOptions\">\n <a-col\n v-for=\"(item, index) in props.formColumns\"\n :key=\"index\"\n v-bind=\"item?.colOptions ?? {}\"\n :span=\"item?.spanCol ?? 24\"\n >\n <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n <ll-form-item\n :name=\"item?.key ?? index\"\n :class=\"getFormItemClass(item)\"\n v-bind=\"getBindValue(item)\"\n >\n <template #label>\n <slot name=\"label\" :item=\"item\" :index=\"index\">\n <span>{{ item.label }}</span>\n <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n <ll-tooltip\n style=\"margin-left: 8px\"\n :overlay-class-name=\"bem.e('tooltip')\"\n :arrow-point-at-center=\"true\"\n :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n :placement=\"item?.tipConfig?.placement ?? 'top'\"\n :tip=\"item.tip\"\n :font-size=\"'16px'\"\n v-bind=\"item?.tipConfig\"\n />\n </span>\n </slot>\n </template>\n <slot name=\"content\" :item=\"item\" :index=\"index\">\n <template v-if=\"!isEmpty(item.children)\">\n <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n <a-col\n v-for=\"(child, childIndex) in item.children\"\n :key=\"childIndex\"\n :style=\"{\n display: 'flex',\n 'align-items': 'center'\n }\"\n v-bind=\"item?.colOptions ?? {}\"\n >\n <slot name=\"children\" :item=\"child\" :index=\"index\">\n <form-component :item=\"child\" :form-data=\"formData\" />\n </slot>\n </a-col>\n </a-row>\n </template>\n <form-component v-else :item=\"item\" :form-data=\"formData\" />\n </slot>\n </ll-form-item>\n </slot>\n </a-col>\n </a-row>\n </a-form>\n </a-spin>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref } from 'vue'\nimport { omit, isEmpty } from 'lodash-es'\nimport {\n formProps~~,\n //~~ ~~componentTypes,\n~~ type FormColumn\n} from './config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst validate = async () => {\n return await formRef.value.validateFields()\n}\n\nconst resetFields = async () => {\n return await formRef.value.resetFields()\n}\n\nconst getBindValue = (item: FormColumn) => {\n const obj = { ...item }\n return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n if (props.formOptions.layout === 'horizontal') {\n if (item?.labelCol) {\n return item.labelCol.span && item.labelCol.span >= 24\n ? bem.is('label-top')\n : bem.is('label-left')\n } else {\n return bem.is('label-left')\n }\n }\n return bem.is('label-top')\n}\n\ndefineExpose({\n validate,\n resetFields\n})\n</script>\n"],"names":["createNamespace","reactive","ref","omit"],"mappings":"~~;;;;;;;;;;;;;;;;;;AA+EA~~,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,MAAM,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAWC,YAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAExC,IAAA,MAAM,UAAUC,OAAI,EAAA,CAAA;AAEpB,IAAA,MAAM,WAAW,YAAY;AAC3B,MAAO,OAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAO,OAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,WAAY,EAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAM,MAAA,GAAA,GAAM,EAAE,GAAG,IAAK,EAAA,CAAA;AACtB,MAAA,OAAOC,aAAK,CAAA,GAAA,EAAK,CAAC,OAAO,CAAC,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,gBAAmB,GAAA,CAAC,IAAO,GAAA,EAAqB,KAAA;AACpD,MAAI,IAAA,KAAA,CAAM,WAAY,CAAA,MAAA,KAAW,YAAc,EAAA;AAC7C,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAO,IAAK,CAAA,QAAA,CAAS,IAAQ,IAAA,IAAA,CAAK,QAAS,CAAA,IAAA,IAAQ,EAC/C,GAAA,GAAA,CAAI,EAAG,CAAA,WAAW,CAClB,GAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAClB,MAAA;AACL,UAAO,OAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAC5B;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAI,GAAG,WAAW,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"form.vue2.js","sources":["../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <a-form ref=\"formRef\" v-bind=\"props.formOptions\" :model=\"props.formData\">\n <a-row v-bind=\"props.rowOptions\">\n <a-col\n v-for=\"(item, index) in props.formColumns\"\n :key=\"index\"\n v-bind=\"item?.colOptions ?? {}\"\n :span=\"item?.spanCol ?? 24\"\n >\n <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n <ll-form-item\n :name=\"item?.key ?? index\"\n :class=\"getFormItemClass(item)\"\n v-bind=\"getBindValue(item)\"\n >\n <template #label>\n <slot name=\"label\" :item=\"item\" :index=\"index\">\n <span>{{ item.label }}</span>\n <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n <ll-tooltip\n style=\"margin-left: 8px\"\n :overlay-class-name=\"bem.e('tooltip')\"\n :arrow-point-at-center=\"true\"\n :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n :placement=\"item?.tipConfig?.placement ?? 'top'\"\n :tip=\"item.tip\"\n :font-size=\"'16px'\"\n v-bind=\"item?.tipConfig\"\n />\n </span>\n </slot>\n </template>\n <slot name=\"content\" :item=\"item\" :index=\"index\">\n <template v-if=\"!isEmpty(item.children)\">\n <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n <a-col\n v-for=\"(child, childIndex) in item.children\"\n :key=\"childIndex\"\n :style=\"{\n display: 'flex',\n 'align-items': 'center'\n }\"\n v-bind=\"item?.colOptions ?? {}\"\n >\n <slot name=\"children\" :item=\"child\" :index=\"index\">\n <form-component :item=\"child\" :form-data=\"formData\" />\n </slot>\n </a-col>\n </a-row>\n </template>\n <form-component v-else :item=\"item\" :form-data=\"formData\" />\n </slot>\n </ll-form-item>\n </slot>\n </a-col>\n </a-row>\n </a-form>\n </a-spin>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, watch } from 'vue'\nimport { omit, isEmpty } from 'lodash-es'\nimport { formProps, formEmits, type FormColumn } from './config'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst emits = defineEmits(formEmits)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst validate = async () => {\n return await formRef.value.validateFields()\n}\n\nconst resetFields = async () => {\n return await formRef.value.resetFields()\n}\n\nconst getBindValue = (item: FormColumn) => {\n const obj = { ...item }\n return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n if (props.formOptions.layout === 'horizontal') {\n if (item?.labelCol) {\n return item.labelCol.span && item.labelCol.span >= 24\n ? bem.is('label-top')\n : bem.is('label-left')\n } else {\n return bem.is('label-left')\n }\n }\n return bem.is('label-top')\n}\n\nwatch(\n () => formData,\n val => {\n emits('change', val)\n },\n {\n deep: true\n }\n)\n\ndefineExpose({\n validate,\n resetFields\n})\n</script>\n"],"names":["createNamespace","reactive","ref","omit","watch"],"mappings":";;;;;;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,MAAM,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAWC,YAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAExC,IAAA,MAAM,UAAUC,OAAI,EAAA,CAAA;AAEpB,IAAA,MAAM,WAAW,YAAY;AAC3B,MAAO,OAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAO,OAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,WAAY,EAAA,CAAA;AAAA,KACzC,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAM,MAAA,GAAA,GAAM,EAAE,GAAG,IAAK,EAAA,CAAA;AACtB,MAAA,OAAOC,aAAK,CAAA,GAAA,EAAK,CAAC,OAAO,CAAC,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,gBAAmB,GAAA,CAAC,IAAO,GAAA,EAAqB,KAAA;AACpD,MAAI,IAAA,KAAA,CAAM,WAAY,CAAA,MAAA,KAAW,YAAc,EAAA;AAC7C,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAO,IAAK,CAAA,QAAA,CAAS,IAAQ,IAAA,IAAA,CAAK,QAAS,CAAA,IAAA,IAAQ,EAC/C,GAAA,GAAA,CAAI,EAAG,CAAA,WAAW,CAClB,GAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAClB,MAAA;AACL,UAAO,OAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAC5B;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAI,GAAG,WAAW,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,QAAA;AAAA,MACN,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/index.js CHANGED Viewed

@@ -234,6 +234,7 @@ exports.useTabProps = useTabMixin.useTabProps;
 exports.useTabSetup = useTabMixin.useTabSetup;
 exports.emptyProps = empty.emptyProps;
 exports.url = empty.url;
+exports.formEmits = form.formEmits;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
 exports.formComponentProps = formComponent.formComponentProps;

package/lib/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/key-value/index.d.ts CHANGED Viewed

@@ -1265,7 +1265,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -1541,7 +1543,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;
@@ -1602,7 +1606,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 readonly formData: import("ll-plus/es/index").FormData;
                 readonly item: any;
             }, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: import("ll-plus/es/index").FormData) => boolean;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             readonly formColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
             readonly formOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
@@ -2688,7 +2694,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
                 labelCol: {
@@ -4056,7 +4064,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -4332,7 +4342,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;
@@ -6185,7 +6197,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -6461,7 +6475,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;
@@ -6522,7 +6538,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 readonly formData: import("ll-plus/es/index").FormData;
                 readonly item: any;
             }, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: import("ll-plus/es/index").FormData) => boolean;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             readonly formColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
             readonly formOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
@@ -7608,7 +7626,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
                 labelCol: {
@@ -8976,7 +8996,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -9252,7 +9274,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;
@@ -11032,7 +11056,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -11308,7 +11334,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;
@@ -11369,7 +11397,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 readonly formData: import("ll-plus/es/index").FormData;
                 readonly item: any;
             }, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: import("ll-plus/es/index").FormData) => boolean;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             readonly formColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
             readonly formOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
@@ -12455,7 +12485,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
                 labelCol: {
@@ -13823,7 +13855,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 gutter: number;
             }, boolean>;
             readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        }>>, {
+        }>> & {
+            onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
+        }, {
             props: import("@vue/shared").LooseRequired<{
                 readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                     layout: import("vue-types").VueTypeDef<string>;
@@ -14099,7 +14133,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
                 }>>;
                 readonly formColumns: any[];
                 readonly formData: import("ll-plus/es/index").FormData;
+                readonly onChange?: ((value: import("ll-plus/es/index").FormData) => any) | undefined;
             } & {}>;
+            emits: (event: "change", value: import("ll-plus/es/index").FormData) => void;
             bem: {
                 b: (blockSuffix?: string) => string;
                 e: (element?: string) => string;