ll-plus 2.1.13 → 2.1.15

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

@@ -1,4 +1,39 @@
+import FormComponent from './src/components/form-component.vue';
 import Form from './src/form.vue';
+export declare const LlFormComponent: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly item: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
+        (): any;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => any) | {
+        (): any;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
+    readonly formData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData) | ((new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData))[], unknown, unknown, () => {}, boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly formData: import("./src/config").FormData;
+        readonly item: any;
+    } & {}>;
+    formData: import("./src/config").FormData;
+    getBindValue: (item: any) => import("lodash").Omit<any, "label">;
+    readonly checkedType: string[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly item: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
+        (): any;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => any) | {
+        (): any;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
+    readonly formData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData) | ((new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData))[], unknown, unknown, () => {}, boolean>;
+}>>, {
+    readonly formData: import("./src/config").FormData;
+    readonly item: any;
+}, {}>>;
 export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     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<{
@@ -2788,6 +2823,7 @@ export default LlForm;
 export * from './src/config';
 declare module 'vue' {
     interface GlobalComponents {
+        LlFormComponent: typeof FormComponent;
         LlForm: typeof Form;
     }
 }

package/es/components/form/index.mjs

@@ -1,4 +1,5 @@
 import '../../utils/index.mjs';
+import FormComponent from './src/components/form-component.vue.mjs';
 import Form from './src/form.vue.mjs';
 import './src/config/index.mjs';
 import { withInstall } from '../../utils/with-install.mjs';
@@ -7,7 +8,8 @@ export { checkedType } from './src/config/components.mjs';
 export { formComponentProps } from './src/config/form-component.mjs';
 
 "use strict";
+const LlFormComponent = withInstall(FormComponent);
 const LlForm = withInstall(Form);
 
-export { LlForm, LlForm as default };
+export { LlForm, LlFormComponent, LlForm as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/form/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Form from './src/form.vue'\n\nexport const LlForm = withInstall(Form)\nexport default LlForm\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlForm: typeof Form\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAIa,MAAA,MAAA,GAAS,YAAY,IAAI;;;;"}
+{"version":3,"file":"index.mjs","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":[],"mappings":";;;;;;;;;;AAKa,MAAA,eAAA,GAAkB,YAAY,aAAa,EAAA;AAC3C,MAAA,MAAA,GAAS,YAAY,IAAI;;;;"}

package/es/components/form/src/components/form-component.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from './form-component.vue2.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
 "use strict";
-var formComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "form-component.vue"]]);
+var FormComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "form-component.vue"]]);
 
-export { formComponent as default };
+export { FormComponent as default };
 //# sourceMappingURL=form-component.vue.mjs.map

package/es/components/form/src/form.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, reactive, ref, resolveComponent, openBlock, createElem
 import { omit, isEmpty } from 'lodash-es';
 import './config/index.mjs';
 import '../../../utils/index.mjs';
-import formComponent from './components/form-component.vue.mjs';
+import FormComponent from './components/form-component.vue.mjs';
 import { formProps } from './config/form.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 
@@ -158,7 +158,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                                           item: child,
                                                           index
                                                         }, () => [
-                                                          createVNode(formComponent, {
+                                                          createVNode(FormComponent, {
                                                             item: child,
                                                             "form-data": formData
                                                           }, null, 8, ["item", "form-data"])
@@ -180,7 +180,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                           },
                                           1040
                                           /* FULL_PROPS, DYNAMIC_SLOTS */
-                                        )) : (openBlock(), createBlock(formComponent, {
+                                        )) : (openBlock(), createBlock(FormComponent, {
                                           key: 1,
                                           item,
                                           "form-data": formData

package/es/components/index.mjs

@@ -11,7 +11,7 @@ export { LlDescriptions } from './descriptions/index.mjs';
 export { LlDescriptionsItem } from './descriptions-item/index.mjs';
 export { LlDrawer } from './drawer/index.mjs';
 export { LlEmpty } from './empty/index.mjs';
-export { LlForm } from './form/index.mjs';
+export { LlForm, LlFormComponent } from './form/index.mjs';
 export { LlFormItem } from './form-item/index.mjs';
 export { LlIcon } from './icon/index.mjs';
 export { LlIconBase } from './icon-base/index.mjs';

package/es/components/tag-group/src/tag-group.vue2.mjs

@@ -223,8 +223,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     /* TEXT, CLASS */
                   )) : createCommentVNode("v-if", true),
                   createVNode(unref(Popover), {
-                    visible: visible.value,
-                    "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+                    open: visible.value,
+                    "onUpdate:open": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
                     "overlay-class-name": unref(bem).e("popover"),
                     "arrow-point-at-center": "",
                     trigger: "click",
@@ -306,7 +306,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["visible", "overlay-class-name"])
+                  }, 8, ["open", "overlay-class-name"])
                 ],
                 2
                 /* CLASS */

package/es/components/tag-group/src/tag-group.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:visible=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    setTimeout(() => {\n      if (tagsTypeRef.value) {\n        tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n      }\n    }, 0)\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:open=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    setTimeout(() => {\n      if (tagsTypeRef.value) {\n        tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n      }\n    }, 0)\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuGA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,eAAA,GAAkB,KAAK,wBAAyB,EAAA,CAAA;AAEtD,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,IAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,CAAI,GAAA,EAAE,CAAA,CAAA;AACrE,IAAM,MAAA,IAAA,GAAO,IAAI,CAAC,CAAA,CAAA;AAClB,IAAA,MAAM,SAAS,GAAI,EAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAA2B,IAAI,CAAA,CAAA;AACnD,IAAM,MAAA,OAAA,GAAiC,QAAS,CAAA,EAAE,CAAA,CAAA;AAClD,IAAM,MAAA,kBAAA,GAAqB,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAC5C,IAAM,MAAA,YAAA,GAAe,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACtC,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,QAAA,GAAW,GAAc,CAAA,EAAE,CAAA,CAAA;AACjC,IAAM,MAAA,UAAA,GAAa,CAAC,CAAc,KAAA;AAChC,MAAA,OAAO,CAAC,EAAY,KAAA;AAClB,QAAA,IAAI,EAAI,EAAA;AACN,UAAQ,OAAA,CAAA,CAAC,CAAI,GAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,SAChB,MAAA;AACL,UAAQ,OAAA,CAAA,MAAA,CAAO,GAAG,CAAC,CAAA,CAAA;AAAA,SACrB;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,IAAI,YAAY,KAAO,EAAA;AACrB,YAAc,aAAA,CAAA,KAAA,GAAQ,WAAY,CAAA,KAAA,CAAM,WAAc,GAAA,EAAA,CAAA;AAAA,WACxD;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACL,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,MAAM,KAAM,CAAA,KAAA,CAAA;AAChB,MAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,QAAA,OAAA;AACvB,MAAA,IAAI,aAAa,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAK,IAAI,CAAG,EAAA;AACpD,QAAa,YAAA,CAAA,KAAA,CAAM,IAAK,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AACxC,QAAM,KAAA,CAAA,gBAAA,EAAkB,aAAa,KAAK,CAAA,CAAA;AAC1C,QAAI,GAAA,CAAA,IAAA,CAAK,WAAW,KAAK,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAK,IAAI,CAAG,EAAA;AACrC,UAAI,GAAA,CAAA,IAAA,CAAK,WAAW,KAAK,CAAA,CAAA;AAAA,SACpB,MAAA;AACL,UAAA,GAAA,GAAM,GAAI,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,WAAW,KAAK,CAAA,CAAA;AAAA,SAC9C;AAAA,OACF;AACA,MAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEhB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,GAAgB,KAAA;AACjC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,IAAiB,KAAA;AAC1C,MAAA,IAAI,MAAM,KAAM,CAAA,KAAA,CAAA;AAChB,MAAA,IAAI,GAAI,CAAA,OAAA,CAAQ,IAAI,CAAA,IAAK,CAAG,EAAA;AAC1B,QAAA,GAAA,GAAM,GAAI,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,GAAA,CAAI,KAAK,IAAI,CAAA,CAAA;AAAA,OACf;AACA,MAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAA,YAAA,CAAa,KAAQ,GAAA,CAAA,CAAA;AAAA,OACvB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,CAAC,MAAM,KAAM,CAAA,KAAA,CAAM,QAAQ,aAAa,CAAA;AAAA,MACxC,OAAO,GAAG,CAAM,KAAA;AACd,QAAA,MAAM,QAAS,EAAA,CAAA;AACf,QAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,QAAA,IAAI,aAAgB,GAAA,CAAA,CAAA;AACpB,QAAW,KAAA,MAAA,CAAA,IAAK,MAAM,KAAO,EAAA;AAC3B,UAAA,MAAM,UAAa,GAAA,OAAA,CAAQ,CAAC,CAAA,CAAE,MAAM,WAAc,GAAA,EAAA,CAAA;AAElD,UAAA,IAAI,aAAgB,GAAA,UAAA,IAAc,CAAE,CAAA,CAAC,CAAG,EAAA;AACtC,YAAA,MAAA;AAAA,WACK,MAAA;AACL,YAAiB,aAAA,IAAA,UAAA,CAAA;AACjB,YAAA,GAAA,CAAI,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,WACzB;AAAA,SACF;AACA,QAAK,IAAA,CAAA,KAAA,GAAQ,CAAE,CAAA,CAAC,CAAI,GAAA,GAAA,CAAI,MAAS,GAAA,CAAA,GAAI,CAAE,CAAA,CAAC,CAAI,GAAA,GAAA,CAAI,MAAS,GAAA,CAAA,CAAA;AACzD,QAAA,QAAA,CAAS,KAAQ,GAAA,GAAA,CAAA;AACjB,QAAA,KAAA,CAAM,cAAgB,EAAA,KAAA,CAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAC3C,QAAA,KAAA,CAAM,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAErC,QAAI,IAAA,CAAA,CAAE,CAAC,CAAG,EAAA;AACR,UAAA,IAAI,CAAE,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,CAAC,CAAG,EAAA;AACjB,YAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAC9B,YAAA,eAAA,CAAgB,WAAY,EAAA,CAAA;AAAA,WAC9B;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,MAC/B,MAAM;AACJ,QAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,UAAA,kBAAA,CAAmB,QAAQ,YAAa,CAAA,KAAA,CAAA;AAC/D,QAAmB,kBAAA,CAAA,KAAA,GAAQ,aAAa,KAAM,CAAA,MAAA;AAAA,UAC5C,CAAC,CAAc,KAAA,CAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,KAAK,CAAK,IAAA,CAAA;AAAA,SAChD,CAAA;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAA,SAAA,CAAU,YAAY;AACpB,MAAS,QAAA,EAAA,CAAA;AACT,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,QAAQ,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AACD,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,QAAQ,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/index.mjs

@@ -29,7 +29,7 @@ export { LlEmpty } from './components/empty/index.mjs';
 export { formProps } from './components/form/src/config/form.mjs';
 export { checkedType } from './components/form/src/config/components.mjs';
 export { formComponentProps } from './components/form/src/config/form-component.mjs';
-export { LlForm } from './components/form/index.mjs';
+export { LlForm, LlFormComponent } from './components/form/index.mjs';
 export { LlFormItem } from './components/form-item/index.mjs';
 export { iconProps } from './components/icon/src/icon.mjs';
 export { LlIcon } from './components/icon/index.mjs';

package/index.full.js

@@ -44829,7 +44829,7 @@
     }
   });
 
-  var formComponent = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "form-component.vue"]]);
+  var FormComponent = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "form-component.vue"]]);
 
   var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
     ...{ name: "LlForm" },
@@ -44982,7 +44982,7 @@
                                                             item: child,
                                                             index
                                                           }, () => [
-                                                            require$$0.createVNode(formComponent, {
+                                                            require$$0.createVNode(FormComponent, {
                                                               item: child,
                                                               "form-data": formData
                                                             }, null, 8, ["item", "form-data"])
@@ -45004,7 +45004,7 @@
                                             },
                                             1040
                                             /* FULL_PROPS, DYNAMIC_SLOTS */
-                                          )) : (require$$0.openBlock(), require$$0.createBlock(formComponent, {
+                                          )) : (require$$0.openBlock(), require$$0.createBlock(FormComponent, {
                                             key: 1,
                                             item,
                                             "form-data": formData
@@ -45048,6 +45048,7 @@
 
   var Form = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "form.vue"]]);
 
+  const LlFormComponent = withInstall(FormComponent);
   const LlForm = withInstall(Form);
 
   var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
@@ -57181,8 +57182,8 @@
                       /* TEXT, CLASS */
                     )) : require$$0.createCommentVNode("v-if", true),
                     require$$0.createVNode(require$$0.unref(antDesignVue.Popover), {
-                      visible: visible.value,
-                      "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+                      open: visible.value,
+                      "onUpdate:open": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
                       "overlay-class-name": require$$0.unref(bem).e("popover"),
                       "arrow-point-at-center": "",
                       trigger: "click",
@@ -57264,7 +57265,7 @@
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["visible", "overlay-class-name"])
+                    }, 8, ["open", "overlay-class-name"])
                   ],
                   2
                   /* CLASS */
@@ -63929,6 +63930,7 @@
   exports.LlDropdownButton = LlDropdownButton;
   exports.LlEmpty = LlEmpty;
   exports.LlForm = LlForm;
+  exports.LlFormComponent = LlFormComponent;
   exports.LlFormItem = LlFormItem;
   exports.LlIcon = LlIcon;
   exports.LlIconBase = LlIconBase;