ll-plus 2.3.15 → 2.3.17

package/es/components/form/src/config/form.d.ts

@@ -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/es/components/form/src/config/form.mjs

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

package/es/components/form/src/config/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","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":[],"mappings":";;;;AAmDO,MAAM,YAAY,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlC,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA6B,KAAK,CAAA;AAAA,IACxC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA6B,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,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAyB,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;;;;"}
+{"version":3,"file":"form.mjs","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":[],"mappings":";;;;AAmDO,MAAM,YAAY,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIlC,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA6B,KAAK,CAAA;AAAA,IACxC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAA6B,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,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAyB,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/es/components/form/src/config/index.mjs

@@ -1,4 +1,4 @@
-export { formProps } from './form.mjs';
+export { formEmits, formProps } from './form.mjs';
 export { checkedType } from './components.mjs';
 export { formComponentProps } from './form-component.mjs';
 

package/es/components/form/src/form.vue.d.ts

@@ -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/es/components/form/src/form.vue2.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, reactive, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, reactive, ref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import { omit, isEmpty } from 'lodash-es';
 import './config/index.mjs';
 import '../../../utils/index.mjs';
 import FormComponent from './components/form-component.vue.mjs';
-import { formProps } from './config/form.mjs';
+import { formProps, formEmits } from './config/form.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 
 "use strict";
@@ -11,8 +11,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: formProps,
-  setup(__props, { expose: __expose }) {
+  emits: formEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const bem = createNamespace("form");
     const formData = reactive(props.formData);
     const formRef = ref();
@@ -36,6 +38,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return bem.is("label-top");
     };
+    watch(
+      () => formData,
+      (val) => {
+        emits("change", val);
+      },
+      {
+        deep: true
+      }
+    );
     __expose({
       validate,
       resetFields

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

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","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":[],"mappings":";;;;;;;;;;;;;;AA+EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,MAAM,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAExC,IAAA,MAAM,UAAU,GAAI,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,OAAO,IAAK,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form.vue2.mjs","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":[],"mappings":";;;;;;;;;;;;;;;AA2EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,MAAM,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAExC,IAAA,MAAM,UAAU,GAAI,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,OAAO,IAAK,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,KAAA;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/es/components/index.mjs

@@ -70,7 +70,7 @@ export { easyCronEmits, easyCronProps } from './easy-cron/src/config/easy-cron.m
 export { dateUtil, formatToDate, formatToDateTime } from './easy-cron/src/config/date-utils.mjs';
 export { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './easy-cron/src/config/use-tab-mixin.mjs';
 export { emptyProps, url } from './empty/src/empty.mjs';
-export { formProps } from './form/src/config/form.mjs';
+export { formEmits, formProps } from './form/src/config/form.mjs';
 export { checkedType } from './form/src/config/components.mjs';
 export { formComponentProps } from './form/src/config/form-component.mjs';
 export { iconProps } from './icon/src/icon.mjs';
@@ -87,7 +87,7 @@ export { numberRangeEmits, numberRangeProps } from './number-range/src/number-ra
 export { operateIconEmits, operateIconProps } from './operate-icon/src/operate-icon.mjs';
 export { OperateTreeEmits, operateTreeEmits, operateTreeProps } from './operate-tree/src/operate-tree.mjs';
 export { selectOptGroupProps, selectOptionProps } from './select/src/select.mjs';
-export { selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps } from './select-group/src/select-group.mjs';
+export { LEFT_SELECT_MIN_WIDTH, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps } from './select-group/src/select-group.mjs';
 export { ImenuSwitchType, menuSwitchRadioList, tableHeaderSearchEmits, tableHeaderSearchProps } from './table/src/config/header-search.mjs';
 export { mainTableEmits, mainTableProps, tableContentType } from './table/src/config/main-table.mjs';
 export { tablePaginationProps } from './table/src/config/pagination.mjs';

package/es/components/key-value/index.d.ts

@@ -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;

package/es/components/key-value/src/components/key-value-item.vue.d.ts

@@ -1181,7 +1181,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("ll-plus/es/components").FormData) => any) | undefined;
+    }, {
         props: import("@vue/shared").LooseRequired<{
             readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
@@ -1457,7 +1459,9 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             readonly formColumns: any[];
             readonly formData: import("ll-plus/es/components").FormData;
+            readonly onChange?: ((value: import("ll-plus/es/components").FormData) => any) | undefined;
         } & {}>;
+        emits: (event: "change", value: import("ll-plus/es/components").FormData) => void;
         bem: {
             b: (blockSuffix?: string) => string;
             e: (element?: string) => string;
@@ -1518,7 +1522,9 @@ declare const _default: import("vue").DefineComponent<{
             readonly formData: import("ll-plus/es/components").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/components").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>;
@@ -2604,7 +2610,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("ll-plus/es/components").FormData) => any) | undefined;
+    }, {
         readonly formOptions: Partial<import("vue").ExtractPropTypes<{
             layout: import("vue-types").VueTypeDef<string>;
             labelCol: {
@@ -3972,7 +3980,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("ll-plus/es/components").FormData) => any) | undefined;
+    }, {
         props: import("@vue/shared").LooseRequired<{
             readonly formOptions: Partial<import("vue").ExtractPropTypes<{
                 layout: import("vue-types").VueTypeDef<string>;
@@ -4248,7 +4258,9 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             readonly formColumns: any[];
             readonly formData: import("ll-plus/es/components").FormData;
+            readonly onChange?: ((value: import("ll-plus/es/components").FormData) => any) | undefined;
         } & {}>;
+        emits: (event: "change", value: import("ll-plus/es/components").FormData) => void;
         bem: {
             b: (blockSuffix?: string) => string;
             e: (element?: string) => string;

package/es/components/key-value/src/components/key-value-item.vue2.mjs

@@ -117,6 +117,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
                           options: props.keyTypes,
                           disabled: getKeyDisabled.value,
+                          style: { "width": "100%" },
                           placeholder: "\u8BF7\u9009\u62E9",
                           "allow-clear": "",
                           onChange: handleChange

package/es/components/key-value/src/components/key-value-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <a-popconfirm\n            title=\"你确定要移除吗?\"\n            ok-text=\"确认\"\n            cancel-text=\"取消\"\n            placement=\"topRight\"\n            :overlay-class-name=\"bem.m('popconfirm')\"\n            :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n            destroy-tooltip-on-hide\n            @confirm=\"handleDelete\"\n          >\n            <div\n              v-if=\"props.showDelete\"\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </a-popconfirm>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = () => {\n  innerValue.value['value'] = null\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields\n})\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <a-popconfirm\n            title=\"你确定要移除吗?\"\n            ok-text=\"确认\"\n            cancel-text=\"取消\"\n            placement=\"topRight\"\n            :overlay-class-name=\"bem.m('popconfirm')\"\n            :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n            destroy-tooltip-on-hide\n            @confirm=\"handleDelete\"\n          >\n            <div\n              v-if=\"props.showDelete\"\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </a-popconfirm>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = () => {\n  innerValue.value['value'] = null\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields\n})\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}