ll-plus 2.3.17 → 2.3.18

package/es/components/index.mjs

@@ -91,7 +91,7 @@ export { LEFT_SELECT_MIN_WIDTH, selectGroupData, selectGroupEmits, selectGroupFo
 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';
-export { tableProps } from './table/src/config/table.mjs';
+export { HEADER_SRARCH_HEIGHT, PAGINATION_HEIGHT, tableProps } from './table/src/config/table.mjs';
 export { tabsSimpleEmits, tabsSimpleProps } from './tabs-simple/src/tabs-simple.mjs';
 export { tagGroupEmits, tagGroupProps } from './tag-group/src/tag-group.mjs';
 export { placement, tooltipProps } from './tooltip/src/tooltip.mjs';

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

@@ -144,19 +144,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "footer", {}, () => [
               createCommentVNode(" \u786E\u8BA4\u6846 "),
-              props.showCancel && props.type !== "confirm" ? (openBlock(), createBlock(unref(LlButton), {
-                key: 0,
-                label: props.cancelText ? props.cancelText : "\u53D6\u6D88",
-                size: "middle",
-                onClick: handleCancel
-              }, null, 8, ["label"])) : createCommentVNode("v-if", true),
-              createVNode(unref(LlButton), {
-                type: "primary",
-                loading: props.loading,
-                size: "middle",
-                label: props.confirmText ? props.confirmText : props.type === "confirm" ? "\u77E5\u9053\u4E86" : "\u786E\u8BA4",
-                onClick: handleOk
-              }, null, 8, ["loading", "label"])
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("footer"))
+                },
+                [
+                  props.showCancel && props.type !== "confirm" ? (openBlock(), createBlock(unref(LlButton), {
+                    key: 0,
+                    label: props.cancelText ? props.cancelText : "\u53D6\u6D88",
+                    size: "middle",
+                    onClick: handleCancel
+                  }, null, 8, ["label"])) : createCommentVNode("v-if", true),
+                  createVNode(unref(LlButton), {
+                    type: "primary",
+                    loading: props.loading,
+                    size: "middle",
+                    label: props.confirmText ? props.confirmText : props.type === "confirm" ? "\u77E5\u9053\u4E86" : "\u786E\u8BA4",
+                    onClick: handleOk
+                  }, null, 8, ["loading", "label"])
+                ],
+                2
+                /* CLASS */
+              )
             ])
           ]),
           key: "0"

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

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[\n      props.class,\n      hasScroll ? bem.is('has-scroll') : '',\n      bem.is(props.isConfirmModel ? 'confirm-model' : '')\n    ]\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div v-if=\"$slots.step\" :class=\"bem.e('step')\">\n      <slot name=\"step\" />\n    </div>\n    <div :class=\"[bem.e('container'), symbolClass, bem.is(props.type)]\">\n      <div v-if=\"hasScroll && scrollTop > 0\" :class=\"bem.e('shadow')\" />\n      <div :class=\"[symbolComparedClass]\">\n        <slot />\n      </div>\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n\n        <ll-button\n          v-if=\"props.showCancel && props.type !== 'confirm'\"\n          :label=\"props.cancelText ? props.cancelText : '取消'\"\n          size=\"middle\"\n          @click=\"handleCancel\"\n        >\n        </ll-button>\n        <ll-button\n          type=\"primary\"\n          :loading=\"props.loading\"\n          size=\"middle\"\n          :label=\"\n            props.confirmText\n              ? props.confirmText\n              : props.type === 'confirm'\n              ? '知道了'\n              : '确认'\n          \"\n          @click=\"handleOk\"\n        />\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst scrollTop = ref(0)\n\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\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\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    handleResize(val)\n  }\n)\n\ndefineExpose({\n  onScrollTop\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[\n      props.class,\n      hasScroll ? bem.is('has-scroll') : '',\n      bem.is(props.isConfirmModel ? 'confirm-model' : '')\n    ]\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div v-if=\"$slots.step\" :class=\"bem.e('step')\">\n      <slot name=\"step\" />\n    </div>\n    <div :class=\"[bem.e('container'), symbolClass, bem.is(props.type)]\">\n      <div v-if=\"hasScroll && scrollTop > 0\" :class=\"bem.e('shadow')\" />\n      <div :class=\"[symbolComparedClass]\">\n        <slot />\n      </div>\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n        <div :class=\"bem.e('footer')\">\n          <ll-button\n            v-if=\"props.showCancel && props.type !== 'confirm'\"\n            :label=\"props.cancelText ? props.cancelText : '取消'\"\n            size=\"middle\"\n            @click=\"handleCancel\"\n          >\n          </ll-button>\n          <ll-button\n            type=\"primary\"\n            :loading=\"props.loading\"\n            size=\"middle\"\n            :label=\"\n              props.confirmText\n                ? props.confirmText\n                : props.type === 'confirm'\n                ? '知道了'\n                : '确认'\n            \"\n            @click=\"handleOk\"\n          />\n        </div>\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst scrollTop = ref(0)\n\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\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\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    handleResize(val)\n  }\n)\n\ndefineExpose({\n  onScrollTop\n})\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -2,8 +2,10 @@ import Table from './src/table.vue';
 export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly headerSearchProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps) | ((new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
@@ -60,6 +62,7 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
     props: import("@vue/shared").LooseRequired<{
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly headerSearchProps: {
+            readonly headerSearchHeight: number;
             readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
         };
         readonly tableProps: import("./src/config").MainTableProps;
@@ -73,6 +76,8 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
     originDataSource: import("vue").Ref<any>;
     newNaTableptions: import("vue").Ref<any>;
     contentType: import("vue").Ref<import("./src/config").ImenuSwitchType>;
+    headerSearchHeight: import("vue").Ref<number>;
+    tableRef: import("vue").Ref<any>;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -85,14 +90,20 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
     };
     handleChangeDataSource: (dataSource: any[]) => void;
     handleSwitchMenuChange: (v: import("./src/config").ImenuSwitchType) => void;
+    handleChangeHeaderSearch: (height: number) => void;
     HeaderSearch: import("vue").DefineComponent<{
+        readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
         readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IMenuSwitchOptions) | (() => import("./src/config").IMenuSwitchOptions) | ((new (...args: any[]) => import("./src/config").IMenuSwitchOptions) | (() => import("./src/config").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     }, {
         props: import("@vue/shared").LooseRequired<{
+            readonly headerSearchHeight: number;
             readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
             readonly onChange?: ((v: import("./src/config").ImenuSwitchType) => any) | undefined;
+            readonly onChangeHeaderSearch?: ((height: number) => any) | undefined;
         } & {}>;
-        emits: (event: "change", v: import("./src/config").ImenuSwitchType) => void;
+        headerSearchRef: import("vue").Ref<any>;
+        contentType: unknown;
+        emits: ((event: "change", v: import("./src/config").ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;
             e: (element?: string) => string;
@@ -104,7 +115,6 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
             is: (name?: string) => string;
         };
         handleMenuSwitchChange: (event: import("ant-design-vue").RadioChangeEvent) => void;
-        contentType: unknown;
         readonly menuSwitchRadioList: readonly [{
             readonly value: import("./src/config").ImenuSwitchType.TABLE;
             readonly icon: "icon-list";
@@ -171,11 +181,15 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         }>>, {}, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (v: import("./src/config").ImenuSwitchType) => boolean;
+        changeHeaderSearch: (height: number) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
         readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").IMenuSwitchOptions) | (() => import("./src/config").IMenuSwitchOptions) | ((new (...args: any[]) => import("./src/config").IMenuSwitchOptions) | (() => import("./src/config").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     }>> & {
         onChange?: ((v: import("./src/config").ImenuSwitchType) => any) | undefined;
+        onChangeHeaderSearch?: ((height: number) => any) | undefined;
     }, {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     }, {}>;
     MainTable: import("vue").DefineComponent<{
@@ -531,8 +545,10 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly headerSearchProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps) | ((new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     } & {}) | (() => import("./src/config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
@@ -588,6 +604,7 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
 }>>, {
     readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly headerSearchProps: {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./src/config").IMenuSwitchOptions;
     };
     readonly tableProps: import("./src/config").MainTableProps;

package/es/components/table/index.mjs

@@ -5,7 +5,7 @@ import { withInstall } from '../../utils/with-install.mjs';
 export { ImenuSwitchType, menuSwitchRadioList, tableHeaderSearchEmits, tableHeaderSearchProps } from './src/config/header-search.mjs';
 export { mainTableEmits, mainTableProps, tableContentType } from './src/config/main-table.mjs';
 export { tablePaginationProps } from './src/config/pagination.mjs';
-export { tableProps } from './src/config/table.mjs';
+export { HEADER_SRARCH_HEIGHT, PAGINATION_HEIGHT, tableProps } from './src/config/table.mjs';
 
 "use strict";
 const LlTable = withInstall(Table);

package/es/components/table/src/components/header-search.vue.d.ts

@@ -1,13 +1,18 @@
 import { ImenuSwitchType } from '../config';
 import type { RadioChangeEvent } from 'ant-design-vue';
 declare const _default: import("vue").DefineComponent<{
+    readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
     readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IMenuSwitchOptions) | (() => import("ll-plus/es/components").IMenuSwitchOptions) | ((new (...args: any[]) => import("ll-plus/es/components").IMenuSwitchOptions) | (() => import("ll-plus/es/components").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("ll-plus/es/components").IMenuSwitchOptions;
         readonly onChange?: ((v: ImenuSwitchType) => any) | undefined;
+        readonly onChangeHeaderSearch?: ((height: number) => any) | undefined;
     } & {}>;
-    emits: (event: "change", v: ImenuSwitchType) => void;
+    headerSearchRef: import("vue").Ref<any>;
+    contentType: unknown;
+    emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -19,7 +24,6 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     handleMenuSwitchChange: (event: RadioChangeEvent) => void;
-    contentType: unknown;
     readonly menuSwitchRadioList: readonly [{
         readonly value: ImenuSwitchType.TABLE;
         readonly icon: "icon-list";
@@ -86,11 +90,15 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {}, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (v: ImenuSwitchType) => boolean;
+    changeHeaderSearch: (height: number) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
     readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IMenuSwitchOptions) | (() => import("ll-plus/es/components").IMenuSwitchOptions) | ((new (...args: any[]) => import("ll-plus/es/components").IMenuSwitchOptions) | (() => import("ll-plus/es/components").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
 }>> & {
     onChange?: ((v: ImenuSwitchType) => any) | undefined;
+    onChangeHeaderSearch?: ((height: number) => any) | undefined;
 }, {
+    readonly headerSearchHeight: number;
     readonly menuSwitchOptions: import("ll-plus/es/components").IMenuSwitchOptions;
 }, {}>;
 export default _default;

package/es/components/table/src/components/header-search.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, inject, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, createBlock, isRef, withCtx, Fragment, renderList, createVNode } from 'vue';
+import { defineComponent, ref, inject, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, createBlock, isRef, withCtx, Fragment, renderList, createVNode } from 'vue';
 import '../config/index.mjs';
 import '../../../../utils/index.mjs';
 import '../../../index.mjs';
@@ -16,6 +16,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   emits: tableHeaderSearchEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const headerSearchRef = ref();
+    const contentType = inject("contentType");
     const emits = __emit;
     const bem = createNamespace("table");
     const handleMenuSwitchChange = (event) => {
@@ -24,13 +26,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value);
       emits("change", value);
     };
-    const contentType = inject("contentType");
+    watch(
+      headerSearchRef,
+      () => {
+        if (headerSearchRef.value) {
+          const observer = new MutationObserver(function(mutations) {
+            mutations.forEach(function() {
+              const newHeight = headerSearchRef.value.getBoundingClientRect().height;
+              emits("changeHeaderSearch", newHeight);
+            });
+          });
+          const config = {
+            childList: true,
+            // 观察直接子节点
+            subtree: true
+            // 及其更低的后代节点
+          };
+          observer.observe(headerSearchRef.value, config);
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_a_radio_button = resolveComponent("a-radio-button");
       const _component_a_radio_group = resolveComponent("a-radio-group");
       return openBlock(), createElementBlock(
         "div",
         {
+          ref_key: "headerSearchRef",
+          ref: headerSearchRef,
           class: normalizeClass(`${unref(bem).e("header-wrapper")}`)
         },
         [

package/es/components/table/src/components/header-search.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div :class=\"`${bem.e('header-wrapper')}`\">\n    <div :class=\"bem.e('header')\">\n      <slot name=\"header\">\n        <!-- 左边的插槽 -->\n        <div :class=\"bem.e('header-left')\">\n          <slot name=\"headerLeft\"> </slot>\n        </div>\n        <!-- 内容中间插槽 -->\n        <div :class=\"bem.e('header-middle')\">\n          <slot name=\"headerMiddle\"></slot>\n        </div>\n        <div :class=\"bem.e('header-right')\">\n          <slot name=\"headerRight\"></slot>\n          <!-- 切换table和list菜单 -->\n          <a-radio-group\n            v-if=\"props.menuSwitchOptions?.show\"\n            v-model:value=\"contentType\"\n            :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n            @change=\"handleMenuSwitchChange\"\n          >\n            <a-radio-button\n              v-for=\"menuItem in menuSwitchRadioList\"\n              :key=\"menuItem.value\"\n              :class=\"`${bem.e('header-menu-icon')}`\"\n              :value=\"menuItem.value\"\n            >\n              <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n            </a-radio-button>\n          </a-radio-group>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\n\nimport {\n  menuSwitchRadioList,\n  tableHeaderSearchEmits,\n  ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n  const target = event.target\n  const value = target.value as ImenuSwitchType\n  props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n  emits('change', value)\n  // emits('handleSwitchMenuChange', value)\n}\n// 5.其他\n// 获取menuswitch\nconst contentType = inject('contentType')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAGd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KAEvB,CAAA;AAGA,IAAM,MAAA,WAAA,GAAc,OAAO,aAAa,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div ref=\"headerSearchRef\" :class=\"`${bem.e('header-wrapper')}`\">\n    <div :class=\"bem.e('header')\">\n      <slot name=\"header\">\n        <!-- 左边的插槽 -->\n        <div :class=\"bem.e('header-left')\">\n          <slot name=\"headerLeft\"> </slot>\n        </div>\n        <!-- 内容中间插槽 -->\n        <div :class=\"bem.e('header-middle')\">\n          <slot name=\"headerMiddle\"></slot>\n        </div>\n        <div :class=\"bem.e('header-right')\">\n          <slot name=\"headerRight\"></slot>\n          <!-- 切换table和list菜单 -->\n          <a-radio-group\n            v-if=\"props.menuSwitchOptions?.show\"\n            v-model:value=\"contentType\"\n            :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n            @change=\"handleMenuSwitchChange\"\n          >\n            <a-radio-button\n              v-for=\"menuItem in menuSwitchRadioList\"\n              :key=\"menuItem.value\"\n              :class=\"`${bem.e('header-menu-icon')}`\"\n              :value=\"menuItem.value\"\n            >\n              <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n            </a-radio-button>\n          </a-radio-group>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, inject, watch } from 'vue'\n\nimport {\n  menuSwitchRadioList,\n  tableHeaderSearchEmits,\n  ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\nconst headerSearchRef = ref() // headerSearch的ref\n// 获取menuswitch\nconst contentType = inject('contentType')\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n  const target = event.target\n  const value = target.value as ImenuSwitchType\n  props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n  emits('change', value)\n}\n// 6.watch\nwatch(\n  headerSearchRef,\n  () => {\n    if (headerSearchRef.value) {\n      // 创建一个新的MutationObserver对象\n      const observer = new MutationObserver(function (mutations) {\n        mutations.forEach(function () {\n          // 检查容器的高度变化\n          const newHeight = headerSearchRef.value.getBoundingClientRect().height\n          emits('changeHeaderSearch', newHeight)\n        })\n      })\n\n      // 配置MutationObserver，监听子节点的变化\n      const config = {\n        childList: true, // 观察直接子节点\n        subtree: true // 及其更低的后代节点\n      }\n\n      // 开始监听容器的变化\n      observer.observe(headerSearchRef.value, config)\n    }\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,kBAAkB,GAAI,EAAA,CAAA;AAE5B,IAAM,MAAA,WAAA,GAAc,OAAO,aAAa,CAAA,CAAA;AAGxC,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,eAAA;AAAA,MACA,MAAM;AACJ,QAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,UAAA,MAAM,QAAW,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACzD,YAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,cAAA,MAAM,SAAY,GAAA,eAAA,CAAgB,KAAM,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAChE,cAAA,KAAA,CAAM,sBAAsB,SAAS,CAAA,CAAA;AAAA,aACtC,CAAA,CAAA;AAAA,WACF,CAAA,CAAA;AAGD,UAAA,MAAM,MAAS,GAAA;AAAA,YACb,SAAW,EAAA,IAAA;AAAA;AAAA,YACX,OAAS,EAAA,IAAA;AAAA;AAAA,WACX,CAAA;AAGA,UAAS,QAAA,CAAA,OAAA,CAAQ,eAAgB,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,SAChD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/table/src/config/header-search.d.ts

@@ -16,10 +16,12 @@ export interface IMenuSwitchOptions {
     onChange?: (value: ImenuSwitchType) => void;
 }
 export declare const tableHeaderSearchProps: {
+    readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
     readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IMenuSwitchOptions) | (() => IMenuSwitchOptions) | ((new (...args: any[]) => IMenuSwitchOptions) | (() => IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
 };
 export declare const tableHeaderSearchEmits: {
     change: (v: ImenuSwitchType) => boolean;
+    changeHeaderSearch: (height: number) => boolean;
 };
 export type TableHeaderSearchProps = ExtractPropTypes<typeof tableHeaderSearchProps>;
 export type TableHeaderSearchEmits = typeof tableHeaderSearchEmits;

package/es/components/table/src/config/header-search.mjs

@@ -19,13 +19,19 @@ const menuSwitchRadioList = [
   }
 ];
 const tableHeaderSearchProps = buildProps({
+  headerSearchHeight: {
+    type: Number,
+    default: 36
+  },
   menuSwitchOptions: {
     type: definePropType(Object),
     default: () => mutable({})
   }
 });
 const tableHeaderSearchEmits = {
-  change: (v) => !!v
+  change: (v) => !!v,
+  // 返回值要明确返回一个布尔类型要不然vue会警告
+  changeHeaderSearch: (height) => !!height
   // 返回值要明确返回一个布尔类型要不然vue会警告
 };
 

package/es/components/table/src/config/header-search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header-search.mjs","sources":["../../../../../../packages/components/table/src/config/header-search.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@ll-plus/utils'\n\nimport HeaderSearch from '../components/header-search.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\n// 头部menu的enum\nexport const enum ImenuSwitchType {\n  TABLE = 'table',\n  CARD = 'card'\n}\n// menuList\nexport const menuSwitchRadioList = [\n  {\n    value: ImenuSwitchType.TABLE,\n    icon: 'icon-list'\n  },\n  {\n    value: ImenuSwitchType.CARD,\n    icon: 'icon-card'\n  }\n] as const\n\nexport interface IMenuSwitchOptions {\n  show?: boolean // 是否显示切换菜单\n  onChange?: (value: ImenuSwitchType) => void // 切换菜单的change\n}\n\nexport const tableHeaderSearchProps = buildProps({\n  menuSwitchOptions: {\n    type: definePropType<IMenuSwitchOptions>(Object),\n    default: () => mutable({} as const)\n  }\n} as const)\n\nexport const tableHeaderSearchEmits = {\n  change: (v: ImenuSwitchType) => !!v // 返回值要明确返回一个布尔类型要不然vue会警告\n}\n\n// props\nexport type TableHeaderSearchProps = ExtractPropTypes<\n  typeof tableHeaderSearchProps\n>\n\n// emits\nexport type TableHeaderSearchEmits = typeof tableHeaderSearchEmits\n\n// instance\nexport type TableHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["ImenuSwitchType"],"mappings":";;;;;AAOkB,IAAA,eAAA,qBAAAA,gBAAX,KAAA;AACL,EAAAA,iBAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,iBAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AAFS,EAAAA,OAAAA,gBAAAA,CAAAA;AAAA,CAAA,EAAA,eAAA,IAAA,EAAA,EAAA;AAKX,MAAM,mBAAsB,GAAA;AAAA,EACjC;AAAA,IACE,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA,WAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA,WAAA;AAAA,GACR;AACF,EAAA;AAOO,MAAM,yBAAyB,UAAW,CAAA;AAAA,EAC/C,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,IAC/C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AACF,CAAU,EAAA;AAEH,MAAM,sBAAyB,GAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAuB,KAAA,CAAC,CAAC,CAAA;AAAA;AACpC;;;;"}
+{"version":3,"file":"header-search.mjs","sources":["../../../../../../packages/components/table/src/config/header-search.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@ll-plus/utils'\n\nimport HeaderSearch from '../components/header-search.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\n// 头部menu的enum\nexport const enum ImenuSwitchType {\n  TABLE = 'table',\n  CARD = 'card'\n}\n// menuList\nexport const menuSwitchRadioList = [\n  {\n    value: ImenuSwitchType.TABLE,\n    icon: 'icon-list'\n  },\n  {\n    value: ImenuSwitchType.CARD,\n    icon: 'icon-card'\n  }\n] as const\n\nexport interface IMenuSwitchOptions {\n  show?: boolean // 是否显示切换菜单\n  onChange?: (value: ImenuSwitchType) => void // 切换菜单的change\n}\n\nexport const tableHeaderSearchProps = buildProps({\n  headerSearchHeight: {\n    type: Number,\n    default: 36\n  },\n  menuSwitchOptions: {\n    type: definePropType<IMenuSwitchOptions>(Object),\n    default: () => mutable({} as const)\n  }\n} as const)\n\nexport const tableHeaderSearchEmits = {\n  change: (v: ImenuSwitchType) => !!v, // 返回值要明确返回一个布尔类型要不然vue会警告\n  changeHeaderSearch: (height: number) => !!height // 返回值要明确返回一个布尔类型要不然vue会警告\n}\n\n// props\nexport type TableHeaderSearchProps = ExtractPropTypes<\n  typeof tableHeaderSearchProps\n>\n\n// emits\nexport type TableHeaderSearchEmits = typeof tableHeaderSearchEmits\n\n// instance\nexport type TableHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["ImenuSwitchType"],"mappings":";;;;;AAOkB,IAAA,eAAA,qBAAAA,gBAAX,KAAA;AACL,EAAAA,iBAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,iBAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AAFS,EAAAA,OAAAA,gBAAAA,CAAAA;AAAA,CAAA,EAAA,eAAA,IAAA,EAAA,EAAA;AAKX,MAAM,mBAAsB,GAAA;AAAA,EACjC;AAAA,IACE,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA,WAAA;AAAA,GACR;AAAA,EACA;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA,WAAA;AAAA,GACR;AACF,EAAA;AAOO,MAAM,yBAAyB,UAAW,CAAA;AAAA,EAC/C,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,IAC/C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AACF,CAAU,EAAA;AAEH,MAAM,sBAAyB,GAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAuB,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EAClC,kBAAoB,EAAA,CAAC,MAAmB,KAAA,CAAC,CAAC,MAAA;AAAA;AAC5C;;;;"}

package/es/components/table/src/config/index.mjs

@@ -1,7 +1,7 @@
 export { ImenuSwitchType, menuSwitchRadioList, tableHeaderSearchEmits, tableHeaderSearchProps } from './header-search.mjs';
 export { mainTableEmits, mainTableProps, tableContentType } from './main-table.mjs';
 export { tablePaginationProps } from './pagination.mjs';
-export { tableProps } from './table.mjs';
+export { HEADER_SRARCH_HEIGHT, PAGINATION_HEIGHT, tableProps } from './table.mjs';
 
 "use strict";
 //# sourceMappingURL=index.mjs.map

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

@@ -4,8 +4,10 @@ import { TableHeaderSearchProps, MainTableProps, TablePaginationProps } from './
 export declare const tableProps: {
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly headerSearchProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./header-search").IMenuSwitchOptions;
     } & {}) | (() => TableHeaderSearchProps) | ((new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./header-search").IMenuSwitchOptions;
     } & {}) | (() => TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
@@ -59,5 +61,7 @@ export declare const tableProps: {
         readonly pageSize?: number | undefined;
     }) | (() => TablePaginationProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
 };
+export declare const HEADER_SRARCH_HEIGHT = 36;
+export declare const PAGINATION_HEIGHT = 60;
 export type TableProps = ExtractPropTypes<typeof tableProps>;
 export type TableInstance = InstanceType<typeof Table>;

package/es/components/table/src/config/table.mjs

@@ -33,6 +33,8 @@ const tableProps = buildProps({
     default: () => mutable({})
   }
 });
+const HEADER_SRARCH_HEIGHT = 36;
+const PAGINATION_HEIGHT = 60;
 
-export { tableProps };
+export { HEADER_SRARCH_HEIGHT, PAGINATION_HEIGHT, tableProps };
 //# sourceMappingURL=table.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","sources":["../../../../../../packages/components/table/src/config/table.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Table from '../table.vue'\nimport {\n  TableHeaderSearchProps,\n  MainTableProps,\n  TablePaginationProps\n} from './index'\n\n// tableProps\nexport const tableProps = buildProps({\n  /**\n   * @description table的loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 头部props\n   */\n  headerSearchProps: {\n    type: definePropType<TableHeaderSearchProps>(Object),\n    default: () => mutable({} as const)\n  },\n  /**\n   * @description main-table的props\n   */\n  tableProps: {\n    type: definePropType<MainTableProps>(Object),\n    default: () => mutable({} as const)\n  },\n  /**\n   * @description 分页的props\n   */\n  paginationProps: {\n    type: definePropType<TablePaginationProps>({}),\n    default: () => mutable({} as const)\n  }\n} as const)\n\n// props\nexport type TableProps = ExtractPropTypes<typeof tableProps>\n\n// instance\nexport type TableInstance = InstanceType<typeof Table>\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,IAC3C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAA,EAAM,cAAqC,CAAA,EAAE,CAAA;AAAA,IAC7C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AACF,CAAU;;;;"}
+{"version":3,"file":"table.mjs","sources":["../../../../../../packages/components/table/src/config/table.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Table from '../table.vue'\nimport {\n  TableHeaderSearchProps,\n  MainTableProps,\n  TablePaginationProps\n} from './index'\n\n// tableProps\nexport const tableProps = buildProps({\n  /**\n   * @description table的loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 头部props\n   */\n  headerSearchProps: {\n    type: definePropType<TableHeaderSearchProps>(Object),\n    default: () => mutable({} as const)\n  },\n  /**\n   * @description main-table的props\n   */\n  tableProps: {\n    type: definePropType<MainTableProps>(Object),\n    default: () => mutable({} as const)\n  },\n  /**\n   * @description 分页的props\n   */\n  paginationProps: {\n    type: definePropType<TablePaginationProps>({}),\n    default: () => mutable({} as const)\n  }\n} as const)\n\nexport const HEADER_SRARCH_HEIGHT = 36 // 头部高度\nexport const PAGINATION_HEIGHT = 60 // 分页高度\n// props\nexport type TableProps = ExtractPropTypes<typeof tableProps>\n\n// instance\nexport type TableInstance = InstanceType<typeof Table>\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,IAC3C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAA,EAAM,cAAqC,CAAA,EAAE,CAAA;AAAA,IAC7C,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AACF,CAAU,EAAA;AAEH,MAAM,oBAAuB,GAAA,GAAA;AAC7B,MAAM,iBAAoB,GAAA;;;;"}

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

@@ -2,8 +2,10 @@ import { ImenuSwitchType } from './config';
 declare const _default: import("vue").DefineComponent<{
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly headerSearchProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     } & {}) | (() => import("./config").TableHeaderSearchProps) | ((new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     } & {}) | (() => import("./config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
@@ -60,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     props: import("@vue/shared").LooseRequired<{
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly headerSearchProps: {
+            readonly headerSearchHeight: number;
             readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
         };
         readonly tableProps: import("./config").MainTableProps;
@@ -73,6 +76,8 @@ declare const _default: import("vue").DefineComponent<{
     originDataSource: import("vue").Ref<any>;
     newNaTableptions: import("vue").Ref<any>;
     contentType: import("vue").Ref<ImenuSwitchType>;
+    headerSearchHeight: import("vue").Ref<number>;
+    tableRef: import("vue").Ref<any>;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -85,14 +90,20 @@ declare const _default: import("vue").DefineComponent<{
     };
     handleChangeDataSource: (dataSource: any[]) => void;
     handleSwitchMenuChange: (v: ImenuSwitchType) => void;
+    handleChangeHeaderSearch: (height: number) => void;
     HeaderSearch: import("vue").DefineComponent<{
+        readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
         readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IMenuSwitchOptions) | (() => import("./config").IMenuSwitchOptions) | ((new (...args: any[]) => import("./config").IMenuSwitchOptions) | (() => import("./config").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     }, {
         props: import("@vue/shared").LooseRequired<{
+            readonly headerSearchHeight: number;
             readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
             readonly onChange?: ((v: ImenuSwitchType) => any) | undefined;
+            readonly onChangeHeaderSearch?: ((height: number) => any) | undefined;
         } & {}>;
-        emits: (event: "change", v: ImenuSwitchType) => void;
+        headerSearchRef: import("vue").Ref<any>;
+        contentType: unknown;
+        emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;
             e: (element?: string) => string;
@@ -104,7 +115,6 @@ declare const _default: import("vue").DefineComponent<{
             is: (name?: string) => string;
         };
         handleMenuSwitchChange: (event: import("ant-design-vue").RadioChangeEvent) => void;
-        contentType: unknown;
         readonly menuSwitchRadioList: readonly [{
             readonly value: ImenuSwitchType.TABLE;
             readonly icon: "icon-list";
@@ -171,11 +181,15 @@ declare const _default: import("vue").DefineComponent<{
         }>>, {}, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (v: ImenuSwitchType) => boolean;
+        changeHeaderSearch: (height: number) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly headerSearchHeight: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 36, boolean>;
         readonly menuSwitchOptions: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").IMenuSwitchOptions) | (() => import("./config").IMenuSwitchOptions) | ((new (...args: any[]) => import("./config").IMenuSwitchOptions) | (() => import("./config").IMenuSwitchOptions))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     }>> & {
         onChange?: ((v: ImenuSwitchType) => any) | undefined;
+        onChangeHeaderSearch?: ((height: number) => any) | undefined;
     }, {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     }, {}>;
     MainTable: import("vue").DefineComponent<{
@@ -531,8 +545,10 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly headerSearchProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     } & {}) | (() => import("./config").TableHeaderSearchProps) | ((new (...args: any[]) => {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     } & {}) | (() => import("./config").TableHeaderSearchProps))[], unknown, unknown, () => import("ll-plus/es/utils").Mutable<{}>, boolean>;
     readonly tableProps: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => {
@@ -588,6 +604,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly headerSearchProps: {
+        readonly headerSearchHeight: number;
         readonly menuSwitchOptions: import("./config").IMenuSwitchOptions;
     };
     readonly tableProps: import("./config").MainTableProps;