@qin-ui/element-plus-pro 1.1.0 → 1.1.1

package/es/table/index.js

@@ -1,856 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withKeys, withCtx, createVNode, renderSlot, createCommentVNode, Fragment, resolveDynamicComponent, createTextVNode, toDisplayString, normalizeStyle, useModel, renderList, withModifiers, mergeModels, inject, useAttrs, useSlots, onMounted, resolveDirective, normalizeClass, withDirectives, createSlots, normalizeProps, guardReactiveProps, nextTick } from "vue";
-import { ElSpace, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem, ElCheckbox, ElTableColumn, ElTable, ElPagination } from "element-plus";
-import { _ as _export_sfc, a as _sfc_main$a, t as tableProps, p as paginationProps, b as _sfc_main$b } from "../form/index-oI6LGSpA.js";
-import { I as INJECT_CONFIG } from "../component-provider/index-BGGIWSkO.js";
-import { get, toPath, pick, camelizeProperties, getObject, useTable as useTable$1 } from "@qin-ui/pro-components-core";
-const _sfc_main$9 = {};
-const _hoisted_1$5 = {
-  focusable: "false",
-  "data-icon": "down",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "64 64 896 896"
-};
-function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
-  ])]);
-}
-const DownOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$4]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SearchForm" },
-  __name: "SearchForm",
-  props: {
-    form: {},
-    layout: { default: "grid" },
-    expand: { type: [Boolean, Object], default: true },
-    searchButton: { type: [Object, Function, Boolean], default: void 0 },
-    resetButton: { type: [Object, Function, Boolean], default: void 0 },
-    expandButton: { type: [Object, Function, Boolean], default: void 0 },
-    rowGap: { default: 16 },
-    columnGap: { default: 24 },
-    class: {},
-    style: {}
-  },
-  emits: ["search", "reset"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const proFormHeight = ref("unset");
-    const collapseHeight = ref(0);
-    let rowHeight = 32;
-    const computedExpand = computed(() => {
-      if (!__props.expand) return false;
-      if (__props.expand === true) return { minExpandRows: 2, expandStatus: false };
-      return {
-        minExpandRows: Math.max(Math.floor(__props.expand.minExpandRows ?? 2), 1),
-        expandStatus: __props.expand.expandStatus ?? false
-      };
-    });
-    const showExpandToggle = ref(false);
-    const expandStatus = ref(true);
-    const changeExpandStatus = () => {
-      expandStatus.value = !expandStatus.value;
-    };
-    const { formRef, getFormData } = __props.form;
-    const setInitExpandStatus = () => {
-      expandStatus.value = false;
-      if (formRef.value && __props.expand) {
-        const formEl = formRef.value.$el;
-        const formItemsEl = formEl.querySelectorAll(
-          "[class*='-form-item'] > [path]"
-        );
-        const observer = new IntersectionObserver(
-          (entries) => {
-            expandStatus.value = entries.some((e) => {
-              if (e.intersectionRatio === 0) {
-                const path = e.target.getAttribute("path");
-                const searchFieldValue = path ? getFormData == null ? void 0 : getFormData(path) : void 0;
-                return ![null, void 0].includes(searchFieldValue);
-              }
-              return __props.expand.expandStatus;
-            });
-            observer.disconnect();
-          },
-          { root: formEl }
-        );
-        formItemsEl.forEach((element) => {
-          observer.observe(element);
-        });
-      }
-    };
-    watch(
-      [
-        () => {
-          var _a, _b, _c;
-          return (_c = (_b = (_a = __props.form) == null ? void 0 : _a.fields.value) == null ? void 0 : _b.filter((f) => !f.hidden)) == null ? void 0 : _c.length;
-        },
-        () => formRef.value,
-        () => __props.expand
-      ],
-      () => {
-        var _a, _b, _c, _d, _e;
-        if (!__props.expand || !expandStatus.value || !formRef.value) return;
-        const proFormEl = (_a = formRef.value) == null ? void 0 : _a.$el;
-        const { height = 0 } = ((_b = proFormEl == null ? void 0 : proFormEl.getBoundingClientRect) == null ? void 0 : _b.call(proFormEl)) || {};
-        proFormHeight.value = height;
-        rowHeight = (_e = (_d = (_c = proFormEl == null ? void 0 : proFormEl.querySelector("[class*='-form-item']")) == null ? void 0 : _c.getBoundingClientRect) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.height;
-      },
-      { flush: "post", immediate: true }
-    );
-    watchEffect(
-      () => {
-        if (typeof proFormHeight.value !== "number") return;
-        if (__props.layout === "grid" && computedExpand.value) {
-          const { minExpandRows } = computedExpand.value;
-          collapseHeight.value = Math.min(
-            minExpandRows * rowHeight + (minExpandRows - 1) * __props.rowGap,
-            +proFormHeight.value
-          );
-          showExpandToggle.value = +proFormHeight.value - collapseHeight.value > 1;
-          if (showExpandToggle.value) {
-            setInitExpandStatus();
-          }
-        } else {
-          showExpandToggle.value = false;
-        }
-      },
-      { flush: "post" }
-    );
-    const layoutProps = computed(
-      () => __props.layout === "grid" ? {
-        grid: {
-          gutter: __props.columnGap,
-          style: { rowGap: `${__props.rowGap}px` }
-        },
-        style: {
-          display: "flex",
-          overflow: "hidden",
-          columnGap: `${__props.columnGap}px`,
-          height: `${expandStatus.value ? proFormHeight.value : collapseHeight.value}px`
-        }
-      } : {
-        inline: true,
-        style: {
-          display: "flex",
-          flexWrap: "wrap",
-          gap: `${__props.rowGap}px ${__props.columnGap}px`
-        },
-        grid: false
-      }
-    );
-    const onReset = () => {
-      emit("reset");
-    };
-    const onSearch = () => {
-      emit("search");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$a), mergeProps(layoutProps.value, {
-        form: __props.form,
-        class: "pro-table_search-form transition",
-        onKeyup: withKeys(onSearch, ["enter"])
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(ElSpace), {
-            alignment: "start",
-            class: "pro-table_search-form_button-group"
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "reset-button", { onClick: onReset }, () => [
-                __props.resetButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  __props.resetButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.resetButton), {
-                    key: 0,
-                    onClick: onReset
-                  })) : (openBlock(), createBlock(unref(ElButton), {
-                    key: 1,
-                    class: "pro-table_search-form_reset-button",
-                    onClick: onReset
-                  }, {
-                    default: withCtx(() => [..._cache[0] || (_cache[0] = [
-                      createTextVNode("重置", -1)
-                    ])]),
-                    _: 1
-                  }))
-                ], 64)) : createCommentVNode("", true)
-              ], true),
-              renderSlot(_ctx.$slots, "search-button", { onClick: onSearch }, () => [
-                __props.searchButton !== false ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  __props.searchButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.searchButton), {
-                    key: 0,
-                    onClick: onSearch
-                  })) : (openBlock(), createBlock(unref(ElButton), {
-                    key: 1,
-                    class: "pro-table_search-form_search-button",
-                    type: "primary",
-                    "native-type": "submit",
-                    onClick: onSearch
-                  }, {
-                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                      createTextVNode(" 查询 ", -1)
-                    ])]),
-                    _: 1
-                  }))
-                ], 64)) : createCommentVNode("", true)
-              ], true),
-              renderSlot(_ctx.$slots, "expand-button", { onClick: changeExpandStatus }, () => [
-                __props.expandButton !== false && showExpandToggle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  __props.expandButton ? (openBlock(), createBlock(resolveDynamicComponent(__props.expandButton), {
-                    key: 0,
-                    "expand-status": expandStatus.value,
-                    onClick: changeExpandStatus
-                  }, null, 8, ["expand-status"])) : (openBlock(), createBlock(unref(ElButton), {
-                    key: 1,
-                    text: "",
-                    class: "pro-table_search-form_expand-toggle-button",
-                    onClick: changeExpandStatus
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(expandStatus.value ? "收起" : "展开") + " ", 1),
-                      createVNode(DownOutlined, {
-                        class: "transition",
-                        style: normalizeStyle([{ "margin-left": "4px" }, { transform: `rotate(${expandStatus.value ? -180 : 0}deg)` }])
-                      }, null, 8, ["style"])
-                    ]),
-                    _: 1
-                  }))
-                ], 64)) : createCommentVNode("", true)
-              ], true)
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 16, ["form"]);
-    };
-  }
-});
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-512bc2e5"]]);
-const _sfc_main$7 = {};
-const _hoisted_1$4 = { class: "pro-table_search-form-container" };
-function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-const DefaultSearchFormContainer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-45e627f4"]]);
-const _sfc_main$6 = {};
-const _hoisted_1$3 = { class: "pro-table_table-container" };
-function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-const DefaultTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2], ["__scopeId", "data-v-55d01897"]]);
-const _sfc_main$5 = {};
-const _hoisted_1$2 = {
-  focusable: "false",
-  "data-icon": "column-height",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "64 64 896 896"
-};
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 00-11.3 0L403.6 366.3a7.23 7.23 0 005.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z" }, null, -1)
-  ])]);
-}
-const ColumnHeightOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "SizeControl",
-  props: {
-    "size": {},
-    "sizeModifiers": {}
-  },
-  emits: ["update:size"],
-  setup(__props) {
-    const size = useModel(__props, "size");
-    size.value = size.value ?? "default";
-    const items = [
-      { label: "默认", key: "default" },
-      { label: "中等", key: "large" },
-      { label: "紧凑", key: "small" }
-    ];
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDropdown), {
-        trigger: "click",
-        onCommand: _cache[0] || (_cache[0] = (val) => size.value = val)
-      }, {
-        dropdown: withCtx(() => [
-          createVNode(unref(ElDropdownMenu), null, {
-            default: withCtx(() => [
-              (openBlock(), createElementBlock(Fragment, null, renderList(items, (item) => {
-                return createVNode(unref(ElDropdownItem), {
-                  key: item.key,
-                  command: item.key,
-                  disabled: item.key === size.value
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(item.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["command", "disabled"]);
-              }), 64))
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(ElButton), {
-            text: "",
-            class: "pro-table_size-control_button"
-          }, {
-            default: withCtx(() => [
-              createVNode(ColumnHeightOutlined)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const SizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7af52d04"]]);
-const _sfc_main$3 = {};
-const _hoisted_1$1 = {
-  focusable: "false",
-  "data-icon": "filter",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "64 64 896 896"
-};
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48zM603.4 798H420.6V642h182.9v156zm9.6-236.6l-9.5 16.6h-183l-9.5-16.6L212.7 226h598.6L613 561.4z" }, null, -1)
-  ])]);
-}
-const FilterOutlined = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "ColumnControl",
-  props: {
-    columns: {},
-    table: { default: () => void 0 }
-  },
-  setup(__props) {
-    const open = ref(false);
-    const checkAll = ref(false);
-    const indeterminate = ref(false);
-    const getColumnKey = (column, index) => {
-      const key = column.key ?? column.prop;
-      if (key === void 0 || key === null) return `__idx_${index}`;
-      return Array.isArray(key) ? key.join(".") : String(key);
-    };
-    const checkedColumnsOptions = computed(
-      () => __props.columns.map((item, index) => ({
-        label: String(item.label ?? item.prop ?? `列${index + 1}`),
-        value: getColumnKey(item, index),
-        checked: !item.hidden,
-        column: item
-      }))
-    );
-    const checkedColumnKeys = computed({
-      get() {
-        return checkedColumnsOptions.value.flatMap(
-          (item) => item.checked ? item.value : []
-        );
-      },
-      set(val) {
-        checkedColumnsOptions.value.forEach((item) => {
-          var _a;
-          (_a = __props.table) == null ? void 0 : _a.setColumn(item.value, {
-            hidden: !val.includes(item.value)
-          });
-        });
-      }
-    });
-    const onCheckAllChange = (value) => {
-      var _a;
-      const checked = !!(((_a = value == null ? void 0 : value.target) == null ? void 0 : _a.checked) ?? value);
-      checkedColumnKeys.value = checked ? checkedColumnsOptions.value.map((item) => item.value) : [];
-      indeterminate.value = false;
-    };
-    const toggleColumnsItem = (val) => {
-      if (checkedColumnKeys.value.includes(val)) {
-        checkedColumnKeys.value = checkedColumnKeys.value.filter(
-          (item) => item !== val
-        );
-      } else {
-        checkedColumnKeys.value = [...checkedColumnKeys.value, val];
-      }
-    };
-    watch(
-      checkedColumnKeys,
-      (val) => {
-        indeterminate.value = !!val.length && val.length < checkedColumnsOptions.value.length;
-        checkAll.value = val.length > 0 && val.length === checkedColumnsOptions.value.length;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDropdown), {
-        trigger: "click",
-        "hide-on-click": false,
-        visible: open.value,
-        onVisibleChange: _cache[0] || (_cache[0] = (val) => open.value = val)
-      }, {
-        dropdown: withCtx(() => [
-          createVNode(unref(ElDropdownMenu), null, {
-            default: withCtx(() => [
-              createVNode(unref(ElDropdownItem), {
-                disabled: true,
-                divided: false
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ElCheckbox), {
-                    "model-value": checkAll.value,
-                    indeterminate: indeterminate.value,
-                    onChange: onCheckAllChange
-                  }, {
-                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                      createTextVNode(" 全选 ", -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["model-value", "indeterminate"])
-                ]),
-                _: 1
-              }),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(checkedColumnsOptions.value, (item) => {
-                return openBlock(), createBlock(unref(ElDropdownItem), {
-                  key: item.value,
-                  command: item.value,
-                  onClick: withModifiers(($event) => toggleColumnsItem(item.value), ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ElCheckbox), {
-                      "model-value": item.checked,
-                      onChange: () => toggleColumnsItem(item.value)
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["model-value", "onChange"])
-                  ]),
-                  _: 2
-                }, 1032, ["command", "onClick"]);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(ElButton), {
-            text: "",
-            class: "pro-table_column-control_button"
-          }, {
-            default: withCtx(() => [
-              createVNode(FilterOutlined)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["visible"]);
-    };
-  }
-});
-const ColumnControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ce445821"]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "TableColumnRenderer" },
-  __name: "TableColumnRenderer",
-  props: {
-    columns: {}
-  },
-  setup(__props) {
-    const getColumnKey = (column, index) => {
-      const key = column.key ?? column.prop;
-      if (key === void 0 || key === null) return `__idx_${index}`;
-      return Array.isArray(key) ? key.join(".") : String(key);
-    };
-    const getCellValue = (row, column) => {
-      const path = column.prop;
-      if (!path) return void 0;
-      return get(row, toPath(path));
-    };
-    const normalizedColumns = computed(() => {
-      return __props.columns.filter((column) => !column.hidden);
-    });
-    const getColumnProps = (column) => {
-      const { hidden, render, key, ...rest } = column;
-      const prop = Array.isArray(column.prop) ? column.prop.join(".") : column.prop ? String(column.prop) : void 0;
-      return {
-        ...rest,
-        prop,
-        columnKey: key ? String(key) : prop
-      };
-    };
-    return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(normalizedColumns.value, (column, index) => {
-        return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
-          key: getColumnKey(column, index),
-          ref_for: true
-        }, getColumnProps(column)), {
-          default: withCtx((scope) => {
-            var _a;
-            return [
-              typeof column.render === "function" ? (openBlock(), createBlock(resolveDynamicComponent(
-                (_a = column.render) == null ? void 0 : _a.call(column, {
-                  ...scope,
-                  column,
-                  cellValue: getCellValue(scope.row, column)
-                })
-              ), { key: 0 })) : createCommentVNode("", true)
-            ];
-          }),
-          _: 2
-        }, 1040);
-      }), 128);
-    };
-  }
-});
-const _hoisted_1 = { class: "pro-table_header" };
-const _hoisted_2 = {
-  key: 0,
-  class: "pro-table_header_button-bar"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "pro-table_header_toolbar"
-};
-const _hoisted_4 = {
-  key: 2,
-  class: "pro-table_header_size-control"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "pro-table_header_column-control"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "ProTable", inheritAttrs: false },
-  __name: "ProTable",
-  props: /* @__PURE__ */ mergeModels({
-    table: { default: () => void 0 },
-    search: { type: Function, default: void 0 },
-    addIndexColumn: { type: Boolean, default: () => void 0 },
-    immediateSearch: { type: Boolean, default: () => void 0 },
-    control: { type: [Boolean, Object], default: () => void 0 },
-    searchFormConfig: { default: () => void 0 },
-    tableContainer: { type: [Object, Function, Boolean], default: void 0 },
-    columns: { default: () => void 0 },
-    data: { default: () => void 0 },
-    pagination: { type: [Boolean, Object], default: () => void 0 },
-    size: {},
-    width: {},
-    height: {},
-    maxHeight: {},
-    fit: { type: Boolean },
-    stripe: { type: Boolean },
-    border: { type: Boolean },
-    rowKey: { type: [String, Function] },
-    context: {},
-    showHeader: { type: Boolean },
-    showSummary: { type: Boolean },
-    sumText: {},
-    summaryMethod: { type: Function },
-    rowClassName: { type: [String, Function] },
-    rowStyle: { type: [Object, Function] },
-    cellClassName: { type: [String, Function] },
-    cellStyle: { type: [Object, Function] },
-    headerRowClassName: { type: [String, Function] },
-    headerRowStyle: { type: [Object, Function] },
-    headerCellClassName: { type: [String, Function] },
-    headerCellStyle: { type: [Object, Function] },
-    highlightCurrentRow: { type: Boolean },
-    currentRowKey: {},
-    emptyText: {},
-    expandRowKeys: {},
-    defaultExpandAll: { type: Boolean },
-    rowExpandable: { type: Function },
-    defaultSort: {},
-    tooltipEffect: {},
-    tooltipOptions: {},
-    spanMethod: { type: Function },
-    selectOnIndeterminate: { type: Boolean },
-    indent: {},
-    treeProps: {},
-    lazy: { type: Boolean },
-    load: { type: Function },
-    className: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    tableLayout: {},
-    scrollbarAlwaysOn: { type: Boolean },
-    flexible: { type: Boolean },
-    showOverflowTooltip: { type: [Boolean, Object] },
-    tooltipFormatter: { type: Function },
-    appendFilterPanelTo: {},
-    scrollbarTabindex: {},
-    nativeScrollbar: { type: Boolean }
-  }, {
-    "size": {},
-    "sizeModifiers": {},
-    "loading": { type: Boolean },
-    "loadingModifiers": {}
-  }),
-  emits: ["update:size", "update:loading"],
-  setup(__props) {
-    const config = INJECT_CONFIG["pro-table"];
-    const injectProps = inject(config.injectionKey, config.default);
-    const tableProperties = Object.keys(tableProps());
-    const paginationProperties = Object.keys(paginationProps());
-    const attrs = useAttrs();
-    const injectTableAttrs = computed(() => {
-      return pick(injectProps, tableProperties);
-    });
-    const attrsTableProps = computed(() => {
-      return pick(
-        camelizeProperties(attrs),
-        tableProperties
-      );
-    });
-    const {
-      columns: tableColumns,
-      data: tableData,
-      searchForm,
-      pageParam,
-      setPageParam
-    } = __props.table || {};
-    const size = useModel(__props, "size");
-    const loading = useModel(__props, "loading");
-    const _search = async () => {
-      var _a;
-      try {
-        loading.value = true;
-        await ((_a = __props.search) == null ? void 0 : _a.call(__props));
-      } finally {
-        loading.value = false;
-      }
-    };
-    const reset = () => {
-      var _a;
-      (_a = __props.table) == null ? void 0 : _a.resetQueryParams();
-      nextTick(() => {
-        _search();
-      });
-    };
-    const slots = useSlots();
-    const searchFormSlot = slots["search-form"];
-    const buttonBarSlot = slots["button-bar"];
-    const toolbarSlot = slots["toolbar"];
-    const tableSlots = computed(() => {
-      const customNames = /* @__PURE__ */ new Set([
-        "search-form",
-        "button-bar",
-        "toolbar",
-        "table"
-      ]);
-      return Object.fromEntries(
-        Object.entries(slots).filter(([name]) => !customNames.has(name))
-      );
-    });
-    const tableSlotNames = computed(() => Object.keys(tableSlots.value));
-    const searchPage1st = () => {
-      setPageParam == null ? void 0 : setPageParam({ current: 1 });
-      _search();
-    };
-    const computedSearchFormConfig = computed(() => {
-      var _a, _b;
-      const container = ((_a = __props.searchFormConfig) == null ? void 0 : _a.container) ?? ((_b = injectProps.searchFormConfig) == null ? void 0 : _b.container) ?? DefaultSearchFormContainer;
-      return {
-        ...injectProps.searchFormConfig,
-        ...getObject(__props.searchFormConfig),
-        container: container ? container : void 0
-      };
-    });
-    const computedTableContainer = computed(() => {
-      const container = __props.tableContainer ?? injectProps.tableContainer ?? DefaultTableContainer;
-      return container ? container : void 0;
-    });
-    const normalizedRawColumns = computed(() => {
-      const source = __props.columns ?? (tableColumns == null ? void 0 : tableColumns.value) ?? [];
-      const normalized = source.map((item, index) => {
-        const current = { ...item };
-        if (current.label === void 0 && current.title !== void 0) {
-          current.label = current.title;
-        }
-        if (current.prop === void 0 && current.dataIndex !== void 0) {
-          current.prop = Array.isArray(current.dataIndex) ? current.dataIndex.join(".") : current.dataIndex;
-        }
-        if (current.key === void 0) {
-          current.key = current.prop ?? (typeof current.columnKey === "string" ? current.columnKey : void 0) ?? `col-${index}`;
-        }
-        return current;
-      });
-      if (__props.addIndexColumn ?? injectProps.addIndexColumn) {
-        return [
-          {
-            key: "_index",
-            type: "index",
-            label: "序号",
-            width: 80
-          },
-          ...normalized
-        ];
-      }
-      return normalized;
-    });
-    const computedDataSource = computed(() => {
-      const attrsData = attrsTableProps.value.data;
-      return __props.data ?? attrsData ?? (tableData == null ? void 0 : tableData.value) ?? [];
-    });
-    const computedTableProps = computed(() => {
-      const merged = {
-        ...injectTableAttrs.value,
-        ...attrsTableProps.value
-      };
-      delete merged.data;
-      return merged;
-    });
-    const computedPagination = computed(() => {
-      if (__props.pagination === false) return false;
-      const pageConfig = __props.pagination ?? {};
-      return {
-        ...injectProps.pagination,
-        ...pick(pageConfig, paginationProperties),
-        currentPage: pageConfig.currentPage ?? (pageParam == null ? void 0 : pageParam.current) ?? 1,
-        pageSize: pageConfig.pageSize ?? (pageParam == null ? void 0 : pageParam.pageSize) ?? 10,
-        total: pageConfig.total ?? (pageParam == null ? void 0 : pageParam.total) ?? 0
-      };
-    });
-    const showPagination = computed(() => computedPagination.value !== false);
-    const onCurrentChange = (current) => {
-      setPageParam == null ? void 0 : setPageParam({ current });
-      _search();
-    };
-    const onSizeChange = (pageSize) => {
-      setPageParam == null ? void 0 : setPageParam({ pageSize, current: 1 });
-      _search();
-    };
-    const onPaginationChange = (currentPage, pageSize) => {
-      var _a;
-      (_a = attrs.onChange) == null ? void 0 : _a.call(attrs, currentPage, pageSize);
-    };
-    const showSearch = computed(() => {
-      var _a, _b;
-      return !!(searchFormSlot || ((_a = computedSearchFormConfig.value) == null ? void 0 : _a.hidden) !== true && searchForm && ((_b = searchForm.fields.value.filter((item) => !item.hidden)) == null ? void 0 : _b.length) > 0);
-    });
-    const computedControl = computed(() => {
-      const mergedControl = __props.control ?? injectProps.control;
-      const sizeControl = (mergedControl == null ? void 0 : mergedControl.sizeControl) ?? mergedControl;
-      const columnControl = (mergedControl == null ? void 0 : mergedControl.columnControl) ?? mergedControl;
-      return { sizeControl: !!sizeControl, columnControl: !!columnControl };
-    });
-    const resolvedSize = computed(() => {
-      return size.value ?? attrsTableProps.value.size ?? injectTableAttrs.value.size;
-    });
-    onMounted(() => {
-      if (__props.immediateSearch ?? injectProps.immediateSearch) {
-        _search();
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["pro-table", _ctx.$attrs.class]),
-        style: normalizeStyle(_ctx.$attrs.style)
-      }, [
-        showSearch.value ? (openBlock(), createBlock(unref(_sfc_main$b), {
-          key: 0,
-          component: computedSearchFormConfig.value.container
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "search-form", {}, () => [
-              unref(searchForm) ? (openBlock(), createBlock(SearchForm, mergeProps({
-                key: 0,
-                form: unref(searchForm)
-              }, computedSearchFormConfig.value, {
-                onSearch: searchPage1st,
-                onReset: reset
-              }), null, 16, ["form"])) : createCommentVNode("", true)
-            ], true)
-          ]),
-          _: 3
-        }, 8, ["component"])) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$b), { component: computedTableContainer.value }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              unref(buttonBarSlot) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "button-bar", {}, void 0, true)
-              ])) : createCommentVNode("", true),
-              unref(toolbarSlot) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
-              ])) : createCommentVNode("", true),
-              computedControl.value.sizeControl ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createVNode(unref(SizeControl), {
-                  size: size.value,
-                  "onUpdate:size": _cache[0] || (_cache[0] = ($event) => size.value = $event)
-                }, null, 8, ["size"])
-              ])) : createCommentVNode("", true),
-              computedControl.value.columnControl ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                createVNode(unref(ColumnControl), {
-                  columns: normalizedRawColumns.value,
-                  table: __props.table
-                }, null, 8, ["columns", "table"])
-              ])) : createCommentVNode("", true)
-            ]),
-            renderSlot(_ctx.$slots, "table", {}, () => [
-              withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({ class: "pro-table_content" }, computedTableProps.value, {
-                size: resolvedSize.value,
-                data: computedDataSource.value
-              }), createSlots({
-                default: withCtx(() => [
-                  createVNode(_sfc_main$1, { columns: normalizedRawColumns.value }, null, 8, ["columns"])
-                ]),
-                _: 2
-              }, [
-                renderList(tableSlotNames.value, (name) => {
-                  return {
-                    name,
-                    fn: withCtx((scoped) => [
-                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scoped)), void 0, true)
-                    ])
-                  };
-                })
-              ]), 1040, ["size", "data"])), [
-                [_directive_loading, loading.value]
-              ])
-            ], true),
-            showPagination.value ? (openBlock(), createBlock(unref(ElPagination), mergeProps({
-              key: 0,
-              class: "pro-table_pagination"
-            }, computedPagination.value, {
-              onCurrentChange,
-              onSizeChange,
-              onChange: onPaginationChange
-            }), null, 16)) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["component"])
-      ], 6);
-    };
-  }
-});
-const ProTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8617780a"]]);
-function useTable(params = {}) {
-  const { data, ...rest } = params;
-  const coreTable = useTable$1({
-    ...rest,
-    dataSource: data
-  });
-  const { dataSource, ...tableWithoutDataSource } = coreTable;
-  const table = {
-    ...tableWithoutDataSource,
-    data: dataSource
-  };
-  return table;
-}
-export {
-  ProTable as default,
-  useTable
-};
-//# sourceMappingURL=index.js.map